@import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900");
@import url("https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700");
body {
margin: 0;
padding: 0;
font-family: 'Hind', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
-webkit-font-smoothing: antialiased !important;
}
h1 {
margin: 0 0 20px 0 !important;
padding: 0 !important;
position: relative !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 30px !important;
font-weight: 700 !important;
font-style: normal !important;
line-height: normal !important;
color: #242424 !important;
display: inline-block !important;
}
h2 {
margin: 0 0 10px 0 !important;
padding: 0 !important;
position: relative !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 21px !important;
font-weight: 700 !important;
font-style: normal !important;
line-height: normal !important;
color: #242424 !important;
}
h3 {
margin: 0 0 15px 0 !important;
padding: 0 !important;
position: relative !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 21px !important;
font-weight: 700 !important;
font-style: normal !important;
line-height: normal !important;
color: #242424 !important;
}
h5 {
margin: 0 0 30px 0 !important;
padding: 0 10% !important;
position: relative !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 16px !important;
font-weight: 500 !important;
font-style: normal !important;
color: #FFF !important;
line-height: 24px !important;
}
p {
margin: 0 0 20px 0 !important;
padding: 0 !important;
font-family: 'Hind', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: 24px !important;
color: #6a6a6a !important;
} a {
text-decoration: none !important;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}
.read-more {
padding: 8px 0;
background-color: #c12026;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px;
font-weight: 600;
text-decoration: none !important;
color: #FFF;
border-radius: 4px;
display: block;
text-align: center;
width: 110px;
margin: 0 auto;
}
.read-more:hover {
background-color: #161150;
color: #FFF;
} header {
float: left;
width: 100%;
position: relative;
z-index: 10;
padding: 10px 0;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
a.logo {
float: left;
}
#access {
margin-top: 24px;
display: block;
float: right;
}
#access ul {
margin: 0;
padding: 0;
font-family: 'Montserrat', sans-serif !important;
font-size: 16px;
font-weight: 600;
list-style: none;
}
#access li {
float: left;
position: relative;
padding: 0;
margin: 0;
}
#access a {
color: #252525 !important;
display: block;
float: left;
line-height: 40px;
padding: 0 16px;
text-decoration: none;
}
#access ul ul {
display: none;
float: left;
margin: 0;
position: absolute;
left: 0;
top: 100%;
width: 260px;
z-index: 999;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #242424;
color: #FFF !important;
font-family: 'Hind', sans-serif !important;
font-size: 16px;
font-weight: 400;
height: auto;
line-height: 21px;
padding: 12px 18px !important;
width: 260px;
border-bottom: 1px solid #383838;
margin: 0 !important;
}
#access li:hover > a, #access ul ul :hover > a, #access a:focus {
background: #c12026;
color: #FFF !important;
}
#access li:hover > a, #access a:focus {
background: #161251;
color: #FFF !important;
}
#access ul li:hover > ul {
display: block;
}
#access ul .current-menu-item > a {
background: #c12026;
color: #FFF !important;
}
#mob-menu {
display: none;
}
#mob-menu-container {
display: none;
float: right;
position: relative;
} #home-banner {
float: left;
width: 100%;
position: relative;
z-index: 9;
}
#home-banner img { 
display: block;
width: 100%;
} article {
float: left;
width: 100%;
}
#content-area {
float: left;
width: 100%;
padding: 60px 0;
min-height: 468px;
}
#content-area a { 
color: #6a6a6a !important;
text-decoration: underline !important;
}
#content-area a:hover { 
color: #c12026 !important;
}
#home-block {
float: left;
width: 100%;
padding: 60px 0;
}
#home-block .read-more { 
float: left;
}
#service-block {
float: left;
width: 100%;
padding: 60px 0 20px 0;
background: rgba(193,32,37,1);
background: -moz-linear-gradient(left, rgba(193,32,37,1) 0%, rgba(22,17,80,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(193,32,37,1)), color-stop(100%, rgba(22,17,80,1)));
background: -webkit-linear-gradient(left, rgba(193,32,37,1) 0%, rgba(22,17,80,1) 100%);
background: -o-linear-gradient(left, rgba(193,32,37,1) 0%, rgba(22,17,80,1) 100%);
background: -ms-linear-gradient(left, rgba(193,32,37,1) 0%, rgba(22,17,80,1) 100%);
background: linear-gradient(to right, rgba(193,32,37,1) 0%, rgba(22,17,80,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c12025', endColorstr='#161150', GradientType=1 );
}
.service-item {
float: left;
width: 100%;
background: #FFF;
padding: 20px;
cursor: pointer;
margin-bottom: 40px;
box-shadow: 0 0 50px 0 rgba(0, 0, 0, .05);
border-radius: 4px;
-webkit-transition: all .7s cubic-bezier(0, 0, .2, 1);
transition: all .7s cubic-bezier(0, 0, .2, 1);
}
.service-item:hover {
box-shadow: 0 0 50px rgba(0,0,0,.08);
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
.service-item .icon-holder {
float: left;
width: 100%;
min-height: 120px;
position: relative;
}
.service-item .icon-holder img {
max-height: 90%;
max-width: 90%;
width: auto;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
#service-block h1 { 
color: #FFF !important;
}
.service-item h2 { 
text-align: center !important;
}
.service-item p { 
min-height: 74px;
margin-bottom: 10px !important;
text-align: center !important;
}
#inner-services { 
float: left;
width: 100%;
padding: 60px 0;
}
#inner-services h1 { 
color: #252525 !important;
}
#inner-services h5 { 
color: #252525 !important;
}
#inner-services .service-item { 
border: 1px solid #f6f6f6;
}
#clients-block {
float: left;
width: 100%;
padding: 60px 0;
}
#clients-block ul {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
#clients-block ul li {
margin: 0 30px 0 0;
padding: 0;
list-style: none;
display: inline-block;
float: left;
width: 198px;
min-height: 110px;
border: 1px solid #eeeeee;
border-radius: 4px;
cursor: pointer;
text-align: center;
position: relative;
}
#clients-block ul li:last-child {
margin-right: 0 !important;
}
#clients-block ul li img {
max-height: 90%;
max-width: 90%;
width: auto;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
ul.our-clients-list { 
margin: 0;
padding: 0 15px;
float: left;
width: 100%;
}
ul.our-clients-list li { 
margin: 0 0 10px 0 !important;
padding: 0 !important;
font-family: 'Hind', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: 24px !important;
color: #6a6a6a !important;
display: list-item !important;
}
.contact-gform label { 
margin-bottom: 0 !important;
}
.contact-gform .gform_wrapper { 
margin: 0 !important;
float: left !important;
width: 100% !important;
}
.contact-gform .gform_footer { 
margin: 0 !important;
padding: 0 !important;
}
.contact-gform ul.gform_fields li.gfield { 
padding: 0 !important;
margin: 0 0 10px 0 !important;
}
.contact-gform .gform_button {
background-color: #c12026;
border: 1px solid #c12026;
color: #fff;
letter-spacing: 2px;
margin-top: 20px !important;
padding: 10px 0 !important;
text-transform: uppercase;
width: 100% !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
.contact-gform textarea.medium { 
background: #f6f6f6 !important;
border: 1px solid #f6f6f6 !important;
height: 90px !important;
}
.contact-gform input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { 
background: #f6f6f6 !important;
border: 1px solid #f6f6f6 !important;
}
.contact-gform li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { 
background-color: transparent !important;
margin-bottom: 0 !important;
border-top: 0 !important;
border-bottom: 0 !important;
}	
.contact-gform .validation_message { 
display: none !important;
}
.contact-gform ul li.gfield { 
margin: 0 !important;
}
.contact-gform li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { 
margin-top: 0 !important;
} footer {
float: left;
width: 100%;
font-size: 15px !important;
}
#footer-top {
float: left;
width: 100%;
padding: 30px 0;
background: #242424;
color: #b0b0b0;
}
#footer-bottom {
float: left;
width: 100%;
padding: 10px 0;
background: #242424;
color: #b0b0b0;
line-height: 36px;
border-top: 1px solid #343434;
}
footer a {
color: #b0b0b0;
text-decoration: none !important;
}
footer a:hover {
color: #c12026;
}
footer h2 {
color: #FFF !important;
}
footer p {
color: #b0b0b0 !important;
font-size: 15px !important;
margin-bottom: 0 !important;
text-align: justify !important;
}
footer .location {
background: url(//www.balakumarshipping.in/wp-content/themes/bsca/images/location.png) 0 4px no-repeat;
padding-left: 24px;
margin-bottom: 10px;
line-height: 24px;
}
footer .phone {
background: url(//www.balakumarshipping.in/wp-content/themes/bsca/images/phone.png) 0 4px no-repeat;
padding-left: 24px;
margin-bottom: 10px;
ine-height: 24px;
}
footer .fax {
background: url(//www.balakumarshipping.in/wp-content/themes/bsca/images/fax.png) 0 4px no-repeat;
padding-left: 24px;
margin-bottom: 10px;
ine-height: 24px;
}
footer .email {
background: url(//www.balakumarshipping.in/wp-content/themes/bsca/images/email.png) 0 4px no-repeat;
padding-left: 24px;
ine-height: 24px;
}
ul.footer-links {
margin: 0;
padding: 0;
}
ul.footer-links li {
margin: 0 0 10px 0;
padding: 0 0 0 16px;
background: url(//www.balakumarshipping.in/wp-content/themes/bsca/images/footer-arrow.png) 0 6px no-repeat;
list-style: none;
display: list-item;
}
ul.footer-links li a {
color: #b0b0b0;
text-decoration: none !important;
}
ul.footer-links li a:hover {
color: #c12026;
}
ul.social-media {
float: left;
margin: 10px;
padding: 0;
}
ul.social-media li {
float: left;
margin: 0 0 0 10px;
padding: 0;
list-style: none;
display: inline-block;
}
ul.social-media li a {
display: block;
} @media only screen and (min-width : 320px) and (max-width : 767.98px) {
#access {
display: none;
}
#mob-menu-container {
display: block;
}
}