html,body
{
height: 100%;
/* overflow-x: hidden;*/
}
.clear{ clear:both;}
img,img:focus
{
outline: none;
}
a,a:focus
{
outline: none!important;
}
button:focus {outline:0;}
#wrapper {
width: 100%;
float: left;
position: relative;
overflow: hidden!important;
}
.inner_wrapper
{
width:100%;
margin:0 auto;
padding:0;
position: relative;
}
.topline {
width: 98%;
height: 10px;
position: fixed;
background: #ffffff;
z-index: 9;
top: 20px;
left: 20px;
}
.rightline
{
width: 10px;
height: 96vh;
position: fixed;
background: #ffffff;
z-index: 9;
top: 20px;
right: 22px;
}
.bottomline
{
width: 98%;
height: 10px;
position: fixed;
background: #ffffff;
z-index: 9;
bottom: 30px;
left: 20px;
}
.leftline
{
width: 10px;
height: 96vh;
position: fixed;
background: #ffffff;
z-index: 9;
top: 20px;
left: 20px;
}
.header {
width: 100%;
float: left;
background: #ee7933;
min-height: 100vh;
position: relative;
}
.header:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 350px solid #da575d;
border-left: 3000px solid transparent;
}
.htitle {
width: 100%;
text-align: center;
font-size: 100px;
font-weight: 700;
color: #ffffff;
margin-top: 100px;
text-transform: uppercase;
float: left;
}
#navbar
{
width: 100%;
float: left;
background:#8c0f11;
position: relative;
}
.naviconbox {
position:relative;
/* background: red; */
float: right;
width: 50px;
height: 50px;
/* margin-top: 35px; */
right:3%;
z-index: 9999;
top: 10px;
}
.logobox {
/* width: 100%; */
float: left;
z-index: 99;
margin-top: 0;
/* background: #ffffff;
border-radius: 0 0 20px 20px;*/
}
.logo {
padding: 5px;
width: auto;
}
ul.navlist {
list-style-type: none;
width: 100%;
float: left;
margin-top: 70px;
text-align: center;
position: relative;
z-index: 9;
}
ul.navlist li{
width: 100%;
float: left;
padding: 10px 0;
}
ul.navlist li a{
color: #4a1f21;
font-size: 16px;
text-decoration: none;
text-transform: uppercase;
}
ul.navlist li a:hover{
color: #ee7933;
}
a.btn.btn-info.fclbtn {
background: transparent;
border: 1px solid #fff;
color: #ffffff;
text-transform: uppercase;
font-size: 18px;
padding: 10px 50px;
border-radius: 50px;
text-align: center;
}
.h_btnbox
{
width: 100%;
float: left;
text-align: center;
margin-top: 20px;
}
a.btn.btn-info.fclbtn:hover, a.btn.btn-info.fclbtn:focus {
color: #ff6e00;
text-decoration: none;
background: #ffffff;
}
.dropdown-menu > li.kopie > a {
padding-left:5px;
}
.dropdown-submenu {
position:relative;
}
.dropdown-submenu>.dropdown-menu {
top:0;left:100%;
margin-top:-6px;margin-left:-1px;
-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px; max-height:300px; overflow:auto; overflow-x:hidden;
}
.dropdown-submenu > a:after {
border-color: transparent transparent transparent #333;
border-style: solid;
border-width: 5px 0 5px 5px;
content: " ";
display: block;
float: right;
height: 0;
margin-right: -10px;
margin-top: 5px;
width: 0;
}
.dropdown-submenu:hover>a:after {
border-left-color:#555;
}
.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
text-decoration: none;
}
@media (max-width: 767px) {
.navbar-nav {
display: inline;
}
.navbar-default .navbar-brand {
display: inline;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #ee7933;
}
.navbar-default .navbar-nav .dropdown-menu > li > a {
color: red;
background-color: #ccc;
border-radius: 4px;
margin-top: 2px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #333;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
background-color: #ccc;
}
.navbar-nav .open .dropdown-menu {
border-bottom: 1px solid white;
border-radius: 0;
}
.dropdown-menu {
padding-left: 10px;
}
.dropdown-menu .dropdown-menu {
padding-left: 20px;
}
.dropdown-menu .dropdown-menu .dropdown-menu {
padding-left: 30px;
}
li.dropdown.open {
border: 0px solid red;
}
}
@media (min-width: 768px) {
ul.nav li:hover > ul.dropdown-menu {
display: block;
}
#navbar {
text-align: center;
}
}
nav.navbar.navbar-default.navbar-static-top {
background: transparent;
border: none;
}
nav.navbar.navbar-default.navbar-static-top.opennav{
background: #8c0f11;
}
nav.navbar.navbar-default.navbar-static-top.opennav #nav-icon3 span{
background: #583b3a;
}
.navbar-default .navbar-nav > li > a {
color: #ffffff !important;
font-size: 16px;
}
.dropdown-menu > li > a
{
font-size: 14px; line-height: 20px; padding: 6px 20px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #ee7933;
background: transparent;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
{
color: #fff;
}
ul.nav.navbar-nav {
/* margin-top: 39px;*/
margin-top:0;
margin-left: 3%;
}
nav.navbar.navbar-default.navbar-static-top.affix {
width: 100%;
background:rgba(140, 15, 17, 0.85);
}
nav.navbar.navbar-default.navbar-static-top.affix ul.nav.navbar-nav{
margin-top: 0px;
}
/*
nav.navbar.navbar-default.navbar-static-top.affix ul.nav.navbar-nav>li>a{
color: #583b3a;
font-size: 16px;
}
nav.navbar.navbar-default.navbar-static-top.affix ul.nav.navbar-nav>li.active>a{
color: #ee7933;
}
*/
nav.navbar.navbar-default.navbar-static-top.affix .logobox{
background: transparent;
}
nav.navbar.navbar-default.navbar-static-top.affix .logobox .logo{
width: 235px;
transform: scale(0.9);
transition: All 0.5s ease;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
padding: 5px;
}
nav.navbar.navbar-default.navbar-static-top.affix .naviconbox{
top: 4px;
right:3%;
}
nav.navbar.navbar-default.navbar-static-top.affix #nav-icon3 span{
background: #583b3a;
}
.navbar
{
margin-bottom: 0; /* min-height: 100px;*/
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
{
background-color: transparent;
}
/******************************* home end **************************************************/
/******************************* product start **************************************************/
.productbox {
width: 100%;
float: left;
background: #da575d;
/* padding: 50px 0;*/
position: relative;
/* padding-bottom: 100px;*/
}
.h_box {
width: 100%;
float: left;
text-align: center;
}
.title1 {
font-size: 50px;
font-weight: 600;
text-transform: uppercase;
width: 100%;
float: left;
}
.subtitle {
font-size: 20px;
width: 80%;
margin: 0 auto;
font-weight: 300;
}
.p_btnbox
{
width: 100%;
float: left;
text-align: center;
margin-top: 30px;
}
.p_imgbox
{
width: 100%;
float: left;
/* min-height: 155px;*/
position: relative;
}
.productimg
{
/*
position: absolute;
top: 50%;
left: 50%;
text-align: center;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
*/
position: relative;
transition: All 0.5s ease;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
max-width: 230px;
max-height: 130px;
}
.pfclbtn {
background: transparent;
border: 1px solid #ffffff;
color: #ffffff;
text-transform: uppercase;
font-size: 16px;
padding: 5px 30px;
border-radius: 50px;
text-align: center;
transition: All 0.5s ease;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
/* opacity: 0;*/
}
.pfclbtn:hover, .pfclbtn:focus {
color: #ff6e00;
text-decoration: none;
background: #ffffff;
border: 1px solid #ffffff;
}
ul.productlist {
width: 100%;
float: left;
list-style-type: none;
padding: 0;
/*margin-top: 50px;*/
margin:0;
}
ul.productlist li{
width: 20%;
float: left;
padding: 100px 0;
text-align: center;
position: relative;
cursor: pointer;
transition: All 0.5s ease;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
overflow: hidden;
}
@keyframes zoomin {
0%{
transform: scale(1.0);
}
50%{
transform: scale(1.1);
z-index: 9999999;
}
100%{
transform: scale(1.0);
}
}
ul.productlist li:hover .pfclbtn{
/*
opacity: 1;
animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
*/
}
ul.productlist li:hover .productimg{
transition: All 0.5s ease;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
}
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
transform: translate3d(4px, 0, 0);
}
}
ul.productlist li:nth-child(1){
background: #fbdd49;
position: relative;
display: inline-block;
}
ul.productlist li:before,ul.productlist li:after{
display: none!important;
}
ul.productlist li:nth-child(2):before{
z-index: 9;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -48px;
display: block;
width: 56px;
background: #fbdd49;
-webkit-transform: skew(-3deg);
-ms-transform: skew(-3deg);
transform: skew(-3deg);
}
ul.productlist li:nth-child(2){
background: #6bbde3;
}
ul.productlist li:nth-child(2):after{
z-index: 1;
content: '';
position: absolute;
top: 0;
bottom: 0;
right: -40px;
display: block;
width: 50px;
background: #d14e30;
-webkit-transform: skew(3deg);
-ms-transform: skew(3deg);
transform: skew(3deg);
}
ul.productlist li:nth-child(3){
background: #d14e30;
}
ul.productlist li:nth-child(3):after{
z-index: 1;
content: '';
position: absolute;
top: 0;
bottom: 0;
right: -18px;
display: block;
width: 56px;
background: #d14e30;
-webkit-transform: skew(-5deg);
-ms-transform: skew(-5deg);
transform: skew(-5deg);
}
ul.productlist li:nth-child(4){
background: #72a94e;
}
ul.productlist li:nth-child(4):before{
z-index: 9;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -47px;
display: block;
width: 56px;
background: #d14e30;
-webkit-transform: skew(-3deg);
-ms-transform: skew(-3deg);
transform: skew(-3deg);
}
ul.productlist li:nth-child(5){
background: #ffffff;
}
ul.productlist li:nth-child(6){
background: #72a94e;
}
ul.productlist li:nth-child(6):before{
z-index: 9;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -9px;
display: block;
width: 56px;
background: #d14e30;
-webkit-transform: skew(-3deg);
-ms-transform: skew(-3deg);
transform: skew(-3deg);
}
ul.productlist li:nth-child(7){
background: #e6dfd9;
}
ul.productlist li:nth-child(7):before{
z-index: 9;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -9px;
display: block;
width: 56px;
background: #6bbde3;
-webkit-transform: skew(-3deg);
-ms-transform: skew(-3deg);
transform: skew(-3deg);
}
ul.productlist li:nth-child(8){
background: #fbdd49;
}
ul.productlist li:nth-child(8):before{
z-index: 9;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -44px;
display: block;
width: 56px;
background: #6bbde3;
-webkit-transform: skew(4deg);
-ms-transform: skew(4deg);
transform: skew(4deg);
}
ul.productlist li:nth-child(9){
background: #e6dfd9;
}
ul.productlist li:nth-child(9):after{
z-index: 1;
content: '';
position: absolute;
top: 0;
bottom: 0;
right: -47px;
display: block;
width: 56px;
background: #ee7933;
-webkit-transform: skew(3deg);
-ms-transform: skew(3deg);
transform: skew(3deg);
}
ul.productlist li:nth-child(10){
background: #6bbde3;
}
ul.productlist li:nth-child(11){
background: #e6dfd9;
}
ul.productlist li:nth-child(11):before{
z-index: 9;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -6px;
display: block;
width: 56px;
background: #dfae37;
-webkit-transform: skew(4deg);
-ms-transform: skew(4deg);
transform: skew(4deg);
}
ul.productlist li:nth-child(12){
background: #f1edea;
}
ul.productlist li:nth-child(12):before{
z-index: 9;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -22px;
display: block;
width: 64px;
background: #dfae37;
-webkit-transform: skew(4deg);
-ms-transform: skew(4deg);
transform: skew(4deg);
}
ul.productlist li:nth-child(13){
background: #6bbde3;
}
ul.productlist li:nth-child(14){
background: #ffffff;
}
ul.productlist li:nth-child(14):before{
z-index: 9;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -9px;
display: block;
width: 64px;
background: #d14e30;
-webkit-transform: skew(-3deg);
-ms-transform: skew(-3deg);
transform: skew(-3deg);
}
ul.productlist li:nth-child(15){
background: #d14e30;
}
ul.productlist li:nth-child(15):before{
z-index: 9;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -52px;
display: block;
width: 64px;
background: #d14e30;
-webkit-transform: skew(4deg);
-ms-transform: skew(4deg);
transform: skew(4deg);
}
ul.productlist li:nth-child(16){
background: #fbdd49;
}
ul.productlist li:nth-child(16):before{
z-index: 9;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -22px;
display: block;
width: 64px;
background: #6bbde3;
-webkit-transform: skew(-4deg);
-ms-transform: skew(-4deg);
transform: skew(-4deg);
}
ul.productlist li:nth-child(17){
background: #d14e30;
}
ul.productlist li:nth-child(18){
background: #dfae37;
}
ul.productlist li:nth-child(18):before{
z-index: 9;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -9px;
display: block;
width: 64px;
background: #ee7933;
-webkit-transform: skew(3deg);
-ms-transform: skew(3deg);
transform: skew(3deg)
}
ul.productlist li:nth-child(19){
background: #f1edea;
}
ul.productlist li:nth-child(19):before{
z-index: 9;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -22px;
display: block;
width: 64px;
background: #ee7933;
-webkit-transform: skew(4deg);
-ms-transform: skew(4deg);
transform: skew(4deg);
}
ul.productlist li:nth-child(20){
background: #fbdd49;
}
ul.productlist li:nth-child(20):before{
z-index: 9;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -51px;
display: block;
width: 64px;
background: #dfae37;
-webkit-transform: skew(-4deg);
-ms-transform: skew(-4deg);
transform: skew(-4deg);
}
.poverlay {
width: 100%;
height: 100%;
position: absolute;
background: rgba(0,0,0,0.7);
top: 0;
min-height: 450px;
padding: 100px 0;
display: none;
}
ul.productlist li:hover .poverlay
{
display: block;
}
.poverlay_content {
color: #ffffff;
font-size: 16px;
padding: 0 40px;
}
ul.productlist li:nth-child(21){
background: #6bbde3;
}
ul.productlist li:nth-child(22){
background: #ffffff;
}
ul.productlist li:nth-child(23){
background: #e6dfd9;
}
ul.productlist li:nth-child(24){
background: #d14e30;
}
ul.productlist li:nth-child(25){
background: #e6dfd9;
}
ul.productlist li:nth-child(26){
background: #ffffff;
}
ul.productlist li:nth-child(27){
background: #72a94e;
}
ul.productlist li:nth-child(28){
background: #fbdd49;
}
ul.productlist li:nth-child(29){
background: #6bbde3;
}
ul.productlist li:nth-child(30){
background: #fbdd49;
}
ul.productlist li:nth-child(31){
background: #ee7933;
}
/******************************* product end **************************************************/
/******************************* video start **************************************************/
h2 {
font-size: 32px;
color: #000;
font-weight: bold;
text-align: center;
text-transform: uppercase;
font-weight: bold;
margin: 20px 0;
line-height: 36px;
}
.videobox
{
width: 100%;
float: left;
position: relative;
min-height: 100vh;
background: #fbdd49;
padding: 50px 0;
padding-top: 300px;
}
.videobox:before {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-top: 350px solid #da575d;
border-left: 3000px solid transparent;
}
.videobox:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 350px solid #6bbde3;
border-left: 3000px solid transparent;
}
.video_img
{
width: 50%;
}
.videotitle {
width: 100%;
float: left;
margin-top: 50px;
}
.line {
width: 100%;
float: left;
position: relative;
}
.line div{
width: 100px;
height: 3px;
background: #ffffff;
margin: 0 auto;
}
.videotxt {
width: 100%;
float: left;
text-align: center;
color: #000000;
font-size: 22px;
margin-top: 10px;
text-transform: uppercase;
font-weight: 600;
}
.hvideoslider {
width: 100%;
float: left;
}
#videoslider {
width: 100%;
float: left;
margin-top: 10px;
}
.videoiframebox
{
width: 80%;
margin: 0 auto;
}
a.left.carousel-control,a.right.carousel-control {
background: transparent;
}
.carousel-control
{
opacity: 1;
}
.franchiseelogobox
{
width: 100%;
float: left;
margin-top: 50px;
margin-bottom: 20px;
}
.franchiseelogo
{
margin-bottom: 20px;
}
.homevideoarrow_left {
top: 35%;
position: absolute;
left:50px;
}
.homevideoarrow_right {
top: 35%;
position: absolute;
right:50px;
}
/******************************* video end **************************************************/
/******************************* news start **************************************************/
.newsbox
{
width: 100%;
float: left;
position: relative;
background: #6bbde3;
padding: 50px 0;
}
.news_box
{
width: 100%;
float: left;
position: relative;
padding: 50px 0;
}
.singlenewbox {
width: 100%;
float: left;
background: #d14e30;
}
.singlenewbox_two {
width: 100%;
float: left;
background: #ee7933;
}
.singlenewbox_three {
width: 100%;
float: left;
background: #fbdd49;
}
.news_img {
width: 100%;
float: left;
}
.news_content {
width: 100%;
float: left;
color: #000000;
padding-bottom: 20px;
}
.news_innerwrp {
width: 90%;
margin: 0 auto;
}
.news_content h3 {
font-size: 18px;
font-weight: 600;
min-height: 60px;
}
.news_content p {
font-size: 14px;
margin-bottom: 30px;
line-height: 18px;
}
.news_content a {
font-size: 14px;
margin-bottom: 30px;
color: #ffffff;
text-transform: uppercase;
font-weight: 600;
}
.news_btnbox
{
width: 100%;
float: left;
margin-top: 50px;
text-align: center;
}
#franchiseeslider
{
width: 100%;
float: left;
margin-top: 20px;
}
.flogobox
{
width: 100%;
float: left;
position: relative;
text-align: center;
}
.flogobox img
{
text-align: center;
}
.news_c_box
{
width: 100%;
float: left;
margin-top: 10px;
}
/******************************* news end **************************************************/
/******************************* insta start **************************************************/
.instabox
{
width: 100%;
float: left;
position: relative;
min-height: 100vh;
background: #ffffff;
padding: 50px 0;
padding-top: 250px;
padding-bottom: 180px;
}
.instabox:before {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-top: 350px solid #6bbde3;
border-left: 3000px solid transparent;
}
.instabox:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 350px solid #f5f6f1;
border-left: 3000px solid transparent;
}
.intst1 {
font-size: 40px;
font-weight: 300;
text-transform: uppercase;
width: 100%;
float: left;
padding-bottom: 0px;
}
.intst2 {
font-size: 50px;
font-weight: 600;
text-transform: uppercase;
width: 100%;
float: left;
padding-top: 0px;
margin-top: -25px;
}
/******************************* insta end **************************************************/
/******************************* footer strat **************************************************/
.footer
{
width: 100%;
float: left;
background: #f5f6f1;
padding-bottom: 50px;
}
.f_row
{
width: 100%;
float: left;
padding: 10px 0;
margin-bottom: 20px;
}
.f_tile {
color: #ffffff;font-weight: 600; font-size: 16px; border-bottom: 1px solid #494949; padding-bottom: 5px; text-align: center; border-top: 1px solid #494949; border-right: 1px solid #494949; border-left: 1px solid #494949; background-color: #494949; padding-top: 5px;}
.f_tile1 {
color: #494949;
font-weight: 600;
font-size: 15px;
padding-bottom: 5px;
text-transform: uppercase;
}
.f_tile a{
color: #f5f6f1;
cursor: pointer;
}
.f_tile a:hover{
color: #ff6e00;
}
ul.f_nav {
list-style-type: none;
width: 100%;
float: left;
padding: 0;
}
ul.f_nav li{
width: 100%;
float: left;
padding: 3px 0;
color: #747474;
}
ul.f_nav li a{
color: #747474;
font-size: 15px;
text-decoration: none;
cursor: pointer;
}
ul.f_nav li a:hover{
color: #ff6e00;
}
.p0
{
padding: 0;
}
.footer_social
{
list-style-type: none;
width: 100%;
float: left;
padding: 0;
}
.footer_social li
{
float: left;
margin-right: 10px;
}
.footer_social li a
{
color: #747474;
font-size: 20px;
text-decoration: none;
cursor: pointer;
}
.footer_social li a i
{
font-size: 20px;
}
.footer_social li a:hover
{
color: #ff6e00;
}
.sticky_social
{
list-style-type: none;
float: left;
padding: 0;
position: fixed;
top: 50%;
right: 0;
z-index: 999999;
}
.sticky_social li
{
padding: 5px 10px;
background: #ffffff;
background: #000000;
}
/*
.sticky_social li:nth-child(1)
{
background: #3b5998;
}
.sticky_social li:nth-child(2)
{
background: #1497d9;
}
.sticky_social li:nth-child(3)
{
background: #f7642e;
}
.sticky_social li:nth-child(4)
{
background: #0083be;
}
.sticky_social li:nth-child(5)
{
background: #e02f2f;
}
*/
.sticky_social li a
{
color: #ffffff;
font-size: 20px;
text-decoration: none;
cursor: pointer;
}
.sticky_social li a i
{
font-size: 25px;
}
ul.f_b_list {
list-style-type: none;
padding: 0;
text-align: center;
}
ul.f_b_list li{
display: inline-block;
margin:0 10px;
}
ul.f_b_list li,ul.f_b_list li a{
color: #747474;
font-size: 15px;
text-decoration: none;
cursor: pointer;
}
ul.f_b_list li a:hover {
color: #ff6e00;
}
.ftitle1 {
width: 10%;
float: left;
background: #494949;
color: #ffffff;
font-weight: 600;
font-size: 18px;
line-height: 300px;
text-align: center;
min-height: 300px;
}
.ftitle1 span {
display: inline-block;
vertical-align: middle;
line-height: normal;
}
.ftitle1 span a{
color: #ffffff;
text-decoration: none;
}
.ftitle1 span a:hover {
color: #ff6e00;
text-decoration: none;
}
.fnavbox1
{
width: 90%;
float: left;
padding-left: 20px;
}
.f_rowbox
{
width: 100%;
float: left;
margin-bottom: 20px;
}
.f_rowbox p
{
width: 100%;
float: left;
font-size: 18px;
color: #494949;
border-bottom: 1px solid #494949;
padding-left: 0px;
font-weight: 600;
}
ul.fnav1 {
width: 100%;
float: left;
list-style-type: none;
padding: 0;
margin: 0;
margin-top: 5px;
}
ul.fnav1 li{
width: 25%;
float: left;
color: #494949;
}
ul.fnav1 li a{
font-size: 14px;
color: #494949;
text-decoration: none;
}
ul.fnav1 li a:hover {
color: #ff6e00;
}
.f_box1 {
width: 15%;
float: left;
}
.f_box1 ul {
width: 100%;
float: left;
list-style-type: none;
padding: 0;
margin: 0;
margin-top: 5px;
}
.f_box1 ul li{
width: 100%;
float: left;
color: #494949;
margin-bottom: 5px;
}
.f_box1 ul li a{
font-size: 14px;
color: #494949;
text-decoration: none;
}
.f_box1 ul li a:hover {
color: #ff6e00;
}
.f_box1 p{
width: 95%;
float: left;
font-size: 18px;
color: #ffffff;
background: #494949;
text-align: center;
padding: 5px 0;
}
.f_box1 p a{
color: #ffffff;
cursor: pointer;
}
.f_box1 p a:hover{
color: #ff6e00;
text-decoration: none;
}
.f_box2 {
width: 25%;
float: left;
}
.f_box2 p{
width: 95%;
float: left;
font-size: 18px;
color: #ffffff;
background: #494949;
text-align: center;
padding: 5px 0;
}
.f_box2 p a{
color: #ffffff;
cursor: pointer;
}
.f_box2 p a:hover{
color: #ff6e00;
text-decoration: none;
}
.f_box2 ul {
width: 100%;
float: left;
list-style-type: none;
padding: 0;
margin: 0;
margin-top: 5px;
}
.f_box2 ul li{
width: 50%;
float: left;
color: #494949;
margin-bottom: 5px;
}
.f_box2 ul li a{
font-size: 14px;
color: #494949;
text-decoration: none;
}
.f_box2 ul li a:hover {
color: #ff6e00;
}
/******************************* footer end **************************************************/
/******************************* brand page start **************************************************/
.banrandheaderbox
{
width: 100%;
float: left;
position: relative;
}
/*
.sliderwraper
{
width: 100%;
float: left;
position: relative;
}
.clenmatesliderwrap
{
width: 100%;
float: left;
position: relative;
min-height: 100vh;
background: url(../images/cleanmate_bg.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.koshsliderwrap
{
width: 100%;
float: left;
position: relative;
min-height: 100vh;
background: url(../images/kosh_bg.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.ps_arrow
{
background: transparent!important;
opacity: 1;
}
.ps_larrow,.ps_rarrow {
top: 45%;
position: absolute;
}
#slider1 .carousel-inner .item
{
text-align: center;
}
.productimgsbox
{
width: 100%;
float: left;
text-align: center;
}
.productimgsbox p
{
width: 100%;
float: left;
text-align: center;
font-size: 20px;
margin-top: 20px;
}
#slider1 {
margin-top: 20%;
margin-left: 10%;
margin-right: 20%;
}
.pdetailsbox {
width: 100%;
float: left;
position: relative;
}
.pdetailsbox h2{
color: #ffffff;
font-size: 28px;
font-weight: 600;
margin-bottom: 5px;
text-transform: uppercase;
}
.pdetailsbox p{
color: #ffffff;
font-size: 16px;
margin-bottom: 5px;
width: 80%;
}
.pdetailsbox h4{
color: #000000;
font-size: 20px;
margin-bottom: 5px;
font-weight: 600;
margin-top: 30px;
text-transform: uppercase;
}
*/
.brandPagewrapper
{
width: 100%;
float: left;
position: relative;
}
.brandheader
{
width: 100%;
float: left;
position: relative;
background: #ee7933;
padding-bottom: 300px;
}
.brandheader:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 350px solid #ffffff;
border-left: 3000px solid transparent;
}
.brnadrowbox {
width: 100%;
float: left;
padding: 20px 0;
position: relative;
}
.brandlogobox {
width: 100%;
float: left;
text-align: center;
}
.branddeails {
width: 100%;
float: left;
}
.branddeails h2{
width: 100%;
float: left;
font-size: 38px;
text-transform: uppercase;
font-weight: 700;
color: #ffffff;
}
.branddeails p{
width: 100%;
float: left;
font-size: 18px;
color: #000000;
}
.brnadsliderbox
{
width: 100%;
float: left;
}
.brnadsliderbox h2{
width: 100%;
float: left;
font-size: 32px;
text-transform: uppercase;
font-weight: 700;
color: #ffffff;
margin-left: 15px;
}
.pvideolist
{
width: 100%;
float: left;
list-style-type: none;
padding: 0;
margin-bottom: 20px;
}
.pvideolist li
{
width: 35%;
float: left;
margin-right: 15px;
}
.psociallist {
list-style-type: none;
width: 100%;
float: left;
padding: 0;
}
.psociallist li {
float: left;
margin-right: 10px;
}
.psociallist li:first-child {
color: #000000;
text-transform: uppercase;
font-weight: 600;
padding-top: 5px;
}
.psociallist li a {
color: #ffffff;
font-size: 20px;
text-decoration: none;
cursor: pointer;
}
.psociallist li a:hover{
color: #000000;
}
.psociallist li a i {
font-size: 20px;
}
ul.pro_navlist {
list-style-type: none;
padding: 0;
border: 1px solid #ffffff;
position: fixed;
right: 0;
top: 40%;
z-index: 99;
}
ul.pro_navlist li{
padding: 15px 10px;
border-bottom: 1px solid #ffffff;
cursor: pointer;
position: relative;
background: #ee7933;
}
ul.pro_navlist li img{
transition: All 0.5s ease;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
}
/*
ul.pro_navlist li:first-child:hover img{
margin-left: -5px;
}
ul.pro_navlist li:last-child:hover img{
margin-left: 5px;
position: absolute;
}
*/
ul.pro_navlist li:last-child{
border-bottom: none;
}
.brandtoggle #nav-icon1 span, #nav-icon3 span, #nav-icon4 span
{
background: #ffffff!important;
}
.brandcontent
{
width: 100%;
float: left;
position: relative;
min-height: 80vh;
background: #ffffff;
}
.brandcontent:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 350px solid #f5f6f1;
border-right: 3000px solid transparent;
}
.prosbox {
width: 100%;
float: left;
text-align: center;
border: #ddd solid 1px;
border-radius: 20px; padding: 20px;
}
.thumbnil_slider .item
.prosbox a img{width:100% !important;}
.prosbox p{
width: 100%;
float: left;
text-align: center;
color: #000000;
font-size: 18px;
text-transform: uppercase;
}
#productlist
{
width: 100%;
float: left;
position: relative;
}
#productlist .divTabs
{
margin-right: 0;
margin-left: 60px;
}
.left_proarrow {
position: absolute;
left: 0;
cursor:pointer;
}
.right_proarrow {
position: absolute;
right: 0;
cursor:pointer;
}
.popupproductbox {
position: absolute;
top: 0;
width: 100%;
float: left;
left: 0;
background: #ffffff;
}
.popupproductboxcontent {
position: relative;
width: 100%;
float: left;
}
.popupproductbox ul{
padding: 0;
margin: 0;
}
.close_img {
width: 35px;
background: #ee7933;
border-radius: 50%;
position: fixed;
right: 20px;
z-index: 9;
top: 20px;
cursor: pointer;
}
.brandproductbox {
width: 100%;
float: left;
margin-top: 30px;
position: relative;
}
/******************************* brand page end **************************************************/
/******************************* Media page start **************************************************/
#pagination
{
width: 100%;
float: left;
list-style-type: none;
margin-top: 20px;
text-align: center;
}
#pagination li{
display: inline-block;
background: #ffffff;
color: #000000;
padding:5px 10px;
margin: 5px;
font-size: 16px;
text-transform: uppercase;
cursor: pointer;
}
#pagination li.current{
background: #ee7933;
}
#pagination li a{
color: #000000;
}
.InnerPageheader {
width: 100%;
float: left;
min-height: 70vh;
position: relative;
}
.InnerPageheader:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.mediapage:after {
border-bottom: 350px solid #f1edea;
border-left: 3000px solid transparent;
}
.mediapage
{
background: #da575d;
}
.press_releasebox
{
width:100%;
float: left;
position: relative;
padding-bottom: 50px;
background: #f1edea;
}
.innertitle {
text-transform: uppercase;
font-weight: 700;
font-size: 60px;
width: 100%;
float: left;
margin-bottom: 20px;
text-align: left;
line-height: 58px;
}
.aligncenter
{
text-align: center;
}
.blackcolor
{
color: #000201;
}
.whitecolor
{
color: #ffffff;
}
.pressrealselisting
{
width: 100%;
float: left;
position: relative;
list-style-type: none;
padding: 0;
margin: 0;
}
.pressrealselisting li
{
width: 31%;
float: left;
margin: 10px;
}
.pressrealselisting li:nth-child(1) {
background: #6bbde3;
}
.pressrealselisting li:nth-child(2) {
background: #d14e30;
}
.pressrealselisting li:nth-child(3) {
background: #dfae37;
}
.pressrealselisting li:nth-child(4) {
background: #ee7933;
}
.pressrealselisting li:nth-child(5) {
background: #72a94e;
}
.pressrealselisting li:nth-child(6) {
background: #da575d;
}
.pressrealselisting li:nth-child(7) {
background: #6bbde3;
}
.pressrealselisting li:nth-child(8) {
background: #d14e30;
}
.pressrealselisting li:nth-child(9) {
background: #dfae37;
}
.pressrealselisting li:nth-child(10) {
background: #ee7933;
}
.pressrealselisting li:nth-child(11) {
background: #72a94e;
}
.pressrealselisting li:nth-child(12) {
background: #da575d;
}
.prbox
{
width: 100%;
float: left;
padding: 20px 10px;
/* background: #ffffff;*/
color: #000000;
overflow: hidden;
position: relative;
min-height: 155px;
}
.prbox:hover
{ background:#8e3031 !important;}
.itnlin{ border:solid 1px #ddd; padding: 15px; float: left; margin: 10px; width: 31%;}
.itnlin:hover{ border:solid 1px #8e3031; }
.itnbox-t{ float:left; width:100%; font-size:14px; font-weight:bold; color:#000; margin-bottom:5px; margin-top:10px; height: 40px;
overflow: hidden;}
.itnbox-s{ float:left; width:100%; font-size:12px; color:#666;}
.itnbox-im img{ height:35px;}
.ful-cod{ padding:100px 0px; border-top:solid 1px #ddd;}
.ful-co{ padding:100px 0px; border-bottom:solid 1px #ddd;}
.prbox-h {
color: #ffffff;
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
}
.prbox-t {
color: #000000;
font-size: 15px;
}
.prbox h5
{
color: #ffffff;
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
}
.prbox p
{
color: #000000;
font-size: 15px;
}
.proverlay {
position: absolute;
background: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: Center;
padding-top: 28px;
display: none;
}
.proverlay a{
color: #ffffff;
font-size: 50px;
}
.prbox:hover .proverlay
{
display: block;
}
.press_releasebox_content
{
width: 100%;
float: left;
margin-top: 20px;
}
.media_cntactbox
{
width: 100%;
float: left;
padding-top: 0;
padding-bottom: 250px;
position: relative;
background: #ee7933;
}
.media_cntactbox:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 350px solid #f5f6f1;
border-right: 3000px solid transparent;
}
.backtotopbox {
width: 100%;
float: left;
text-align: center;
margin-top: 20px;
}
a#back-to-top {
background: transparent;
border: none;
text-transform: uppercase;
box-shadow: none;
outline: none;
}
a#back-to-top:hover {
color: #000000;
}
.backtotop
{
position: fixed;
z-index: 999;
background: rgba(255,255,255,0.5)!important;
right: 10px;
bottom: 10px;
border: 1px solid #f3791f!important;
border-radius: 0;
color: #f3791f;
}
.backtotop:hover
{
background: #f3791f!important;
border: 1px solid #ffffff!important;
color: #ffffff;
}
.fclnewswrap
{
width: 100%;
float: left;
padding-top: 300px;
padding-bottom: 350px;
position: relative;
background: #6bbde3;
min-height: 100vh;
}
.fclnewswrap:before {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-top: 350px solid #f1edea;
border-left: 3000px solid transparent;
}
.fclnewswrap:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 350px solid #ee7933;
border-left: 3000px solid transparent;
}
.medianewslisting
{
width: 100%;
float: left;
position: relative;
list-style-type: none;
padding: 0;
margin: 0;
}
.medianewslisting li
{
width: 31%;
float: left;
margin: 10px;
}
.fclnewsbox {
width: 100%;
float: left;
padding: 20px 10px;
background: #ffffff;
color: #000000;
/* margin-bottom: 20px;*/
overflow: hidden;
position: relative;
min-height: 175px;
}
.fclnewsbox img{
width: 200px;
float: left;
}
.fclnewsbox h3{
width: 100%;
float: left;
font-size: 18px;
}
.fclnewsbox p{
width: 100%;
float: left;
font-size: 14px;
color: #333333;
}
.fclnewsbox:hover .proverlay
{
display: block;
}
.fclnewsbox .proverlay
{
padding-top: 50px;
}
ul.mediapagination {
width: 100%;
float: left;
list-style-type: none;
margin-top: 20px;
text-align: center;
}
ul.mediapagination li{
display: inline-block;
background: #ffffff;
color: #000000;
padding:5px 10px;
margin: 5px;
font-size: 18px;
text-transform: uppercase;
cursor: pointer;
/* border-radius: 50%;*/
}
ul.mediapagination li.active{
background: #ee7933;
}
ul.mediapagination li a{
color: #000000;
}
.fclnewswrap_content
{
width: 100%;
float: left;
margin-top: 20px;
}
a.mbtn1 {
background: #4bbfe7;
padding: 10px;
margin-top: 10px;
float: left;
color: #000000;
font-size: 18px;
}
a.mbtn1 i{
margin-right: 10px;
}
/******************************* Media page end **************************************************/
/******************************* contatc page start **************************************************/
.contactuspage {
background: #6bbde3;
}
.contactuspage:after {
border-bottom: 350px solid #EF7938;
border-left: 3000px solid transparent;
}
.offcelbox
{
width: 100%;
float: left;
background: #21bef9;
position: relative;
padding-bottom: 50px;
}
.conatct_mediabox {
width: 100%;
float: left;
padding-top: 250px;
padding-bottom: 50px;
position: relative;
background: #fbdd49;
min-height: 70vh;
}
.conatct_mediabox:before {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-top: 350px solid #EF7938;
border-left: 3000px solid transparent;
}
.conatct_mediabox:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 350px solid #d14e30;
border-left: 3000px solid transparent;
}
.conatctformbox
{
background: #d14e30;
width: 100%;
float: left;
min-height: 90vh;
position: relative;
}
.cbox1 {
width: 100%;
float: left;
margin-top: 30px;
}
.c_borderbox {
width: 70%;
float: left;
border: 3px solid #ffffff;
padding: 20px;
}
.icon_box {
width: 20%;
float: left;
}
.icon_box i{
font-size: 50px;
}
.c_detailsbox {
width: 80%;
float: left;
}
.c_detailsbox p{
font-size: 18px;
margin-bottom: 0;
text-transform: uppercase;
font-weight: 600;
}
.c_detailsbox p a{
color: #ffffff;
text-decoration: underline;
text-transform: none;
}
.floatright
{
float: right;
}
.floatleft
{
float: left;
}
.cformwrap {
width: 100%;
float: left;
/*margin-top: 40px; */
padding: 30px;
background: #f7f7f1;
}
.cformbox {
width: 90%;
margin: 0 auto;
}
.cformrow {
width: 100%;
float: left;
margin-bottom: 8px;
}
.cformrow input,.cformrow textarea,.cformrow select
{
width: 100%;
float: left;
border-radius: 0;
padding:20px;
border: none;
font-size: 16px;
}
.cformrow select {
color: #a2a1a1;
width: 100%;
padding: 11px 18px;
background: #ffffff url(../images/dropdownarrow.png);
background-position: 101% center;
background-repeat: no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
border: 1px solid #8b9096;
font-size: 16px;
border-radius: 0;
float: left;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #d9d9d9;
}
::-moz-placeholder { /* Firefox 19+ */
color: #d9d9d9;
}
:-ms-input-placeholder { /* IE 10+ */
color: #d9d9d9;
}
:-moz-placeholder { /* Firefox 18- */
color: #d9d9d9;
}
a.btn.btn-info.submitbtn {
width: 100%;
border-radius: 0;
font-size: 20px;
text-transform: uppercase;
background: #6bbde3;
padding: 15px;
color: #000000;
}
/*
.conatctformbox:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 350px solid #f5f6f1;
border-left: 3000px solid transparent;
}
*/
.conatctformbox:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: -10px;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 250px solid #f5f6f1;
border-right: 3000px solid transparent;
}
.cboxMain {
width: 90%;
margin: 0 auto;
background: #f7f7f0;
color: #000000;
position: relative;
}
.cboxMain h2 {
color: #4bbfe7;
background: #ffffff;
text-align: center;
width: 100%;
float: left;
padding: 15px 0;
margin: 0;
font-size: 26px;
font-weight: 700;
text-transform: uppercase;
position: relative;
}
.cboxMain h2:after
{
z-index: 1;
position: absolute;
top: 98.1%;
left: 70%;
margin-left: -25%;
content: '';
width: 0;
height: 0;
border-top: solid 15px #ffffff;
border-left: solid 15px transparent;
border-right: solid 15px transparent;
}
.ct1:after
{
border-top: solid 15px #4bbfe7!important;
}
.cboxMainInner {
width: 100%;
float: left;
background: #f7f7f0;
color: #000000;
padding: 40px 30px;
}
.cboxMainInner h3{
text-transform: uppercase;
color: #000000;
font-size: 22px;
font-weight: 600;
padding-top: 0;
margin-top: 0;
}
.c_listing
{
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
float: left;
position: relative;
margin-top: 10px;
}
.c_listing li
{
width: 100%;
float: left;
position: relative;
margin-bottom: 15px;
}
.ciconbox {
width: 10%;
float: left;
}
.ciconbox i{
font-size: 22px;
}
.cdeialsbox
{
width: 90%;
float: left;
font-size: 16px;
}
.cdeialsbox a
{
text-decoration: underline;
color: #000000;
}
.ct1
{
background: #4bbfe7!important;
color: #000000!important;
}
.pin_icon {
width: 50px;
margin-top: 10px;
}
.centerbox
{
margin: 0 auto;
float: none;
width: 50%;
}
/******************************* contatc page end **************************************************/
/******************************* about page start **************************************************/
.aboutpage {
background: #6bbde3;
}
.aboutpage:after {
border-bottom: 350px solid #fbdd49;
border-left: 3000px solid transparent;
}
.overviewbox
{
width: 100%;
float: left;
position: relative;
background: #fbdd49;
padding: 50px 0;
}
.orangecolor
{
color: #EF7938;
}
.text {
color: #000000;
width: 100%;
float: left;
font-size: 16px;
}
.about_overview
{
width: 100%;
}
.a_line1 {
position: absolute;
top: -293px;
z-index: 1;
left: 35%;
}
.vmbox
{
width: 100%;
float: left;
position: relative;
background: #EF7938;
padding: 50px 0;
min-height: 100vh;
padding-top: 400px;
}
.vmbox:before {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-top: 350px solid #fbdd49;
border-left: 3000px solid transparent;
}
.vmbox:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 350px solid #6bbde3;
border-left: 3000px solid transparent;
}
.rowbox {
width: 100%;
float: left;
padding: 20px 0;
}
.vbox {
width: 100%;
float: left;
text-align: center;
}
.vt1{
color: #000000;
font-size: 22px;
font-weight: 600;
text-align: center;
}
.vtxt{
color: #ffffff;
font-size: 17px;
text-align: center;
width: 80%;
margin: 0 auto;
margin-bottom: 15px;
}
.a_line2 {
position: absolute;
z-index: 9;
top: -56px;
left: 35%;
}
.directorbox
{
width: 100%;
float: left;
position: relative;
background: #6bbde3;
padding-top: 150px;
padding-bottom: 100px;
}
#directorslider
{
width: 100%;
float: left;
margin-top: 20px;
}
a.left.carousel-control.b_larrows {
background: transparent;
left: -150px;
}
a.right.carousel-control.b_rarrows {
background: transparent;
right: -150px;
}
.b_larrow {
top: 40%;
position: absolute;
}
.b_rarrow {
top: 40%;
position: absolute;
}
.a_line3 {
position: absolute;
top: -201px;
z-index: 9;
left: 35%;
}
.a_line5 {
position: absolute;
top: -100px;
z-index: 9;
left: 35%;
}
.Managementbox
{
width: 100%;
float: left;
min-height: 80vh;
position: relative;
background: #fbdd49;
padding-top: 280px;
padding-bottom: 100px;
}
.Managementbox:before {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-top: 350px solid #6bbde3;
border-left: 3000px solid transparent;
}
.Managementbox:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 350px solid #d14e30;
border-left: 3000px solid transparent;
}
#Managementslider
{
width: 100%;
float: left;
margin-top: 20px;
}
.porfile_details h4 {
font-size: 20px;
color: #000000;
margin-top: 0;
font-weight: 600;
}
.s_cbox1 {
width: 100%;
float: left;
position: relative;
min-height: 300px;
}
.fgroupbox
{
width: 100%;
float: left;
position: relative;
background: #d14e30;
padding-top: 50px;
padding-bottom: 250px;
}
.fgroupbox:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 350px solid #f5f6f1;
border-right: 3000px solid transparent;
}
.fgtxt {
width: 80%;
margin: 0 auto;
font-size: 18px;
text-align: center;
margin-bottom: 20px;
}
.a_line4 {
position: absolute;
top: -250px;
z-index: 9;
left: 35%;
}
#directorslider .carousel-indicators {
bottom: -30px;
}
.s_cbox
{
width: 100%;
float: left;
position: relative;
min-height: 300px;
}
.porfile_box {
width: 25%;
float: left;
text-align: center;
}
.imgbox {
width: 100%;
float: left;
text-align: center;
}
ul.psocil {
width: 50%;
margin: 0 auto;
list-style-type: none;
display: inline-block;
text-align: center;
margin-top: 20px;
}
ul.psocil li{
display: inline;
text-align: center;
margin: 5px;
}
ul.psocil li a{
font-size: 20px;
color: #ffffff;
}
.porfile_details {
width: 75%;
float: left;
}
.porfile_details h2{
font-size: 24px;
color: #000000;
font-weight:600;
margin-bottom: 5px;
}
.porfile_details h3{
font-size: 20px;
color: #ffffff;
margin-top: 0;
font-weight:600;
}
.porfile_details p{
font-size: 17px;
color: #000000;
}
.pimg
{
width: 70%;
}
.side-nav {
position: fixed;
top: 40%;
right: 50px;
z-index: 1030;
}
.side-nav ul.nav-side-nav {
text-align: center;
list-style: none;
margin: 0;
padding-left: 0;
}
.side-nav ul.nav-side-nav > li {
display: block;
line-height: 1.42857;
margin: 0;
padding: 12px 0;
position: relative;
}
.side-nav ul.nav-side-nav > li:after {
content: "";
z-index: -1;
height: 32px;
width: 3px;
position: absolute;
background: #ffffff;
left: 6px;
}
/*
.side-nav ul.nav-side-nav > li:nth-child(1):after {
transform: rotate(13deg);
bottom: -16px;
}
.side-nav ul.nav-side-nav > li:nth-child(2):after {
transform: rotate(-13deg);
bottom: -16px;
}*/
.side-nav ul.nav-side-nav > li:last-child:after {
display: none;
}
.side-nav ul.nav-side-nav > li > a {
display: block;
width: 15px;
height: 15px;
border-radius: 50%;
background: #a5a5a5;
border: 2px solid #ffffff;
border-radius: 50%;
}
.side-nav ul.nav-side-nav > li > a:hover, .side-nav ul.nav-side-nav > li > a:focus {
background: #ef7938;
text-decoration: none;
}
.tooltip {
width: 200px;
/* background-color: #EF7938!important;*/
color: #ffffff;
text-align: center;
border-radius: 6px;
padding: 10px;
font-size:16px;
/* Position the tooltip */
position: absolute;
z-index: 1;
}
/*
.tooltip-inner .tooltip-arrow {
background-color: #EF7938!important;
}
.tooltip-inner {
background: #EF7938;
}
*/
/******************************* about page end **************************************************/
/******************************* investorpage page start **************************************************/
.investorpage {
background: #fbdd49;
}
.investorpage:after {
border-bottom: 350px solid #d14e30;
border-left: 3000px solid transparent;
}
.finacebox
{
width: 100%;
float: left;
position: relative;
background: #d14e30;
}
.announcemnetbox
{
width: 100%;
float: left;
position: relative;
background: #6bbde3;
min-height: 100vh;
padding-top: 250px;
}
.announcemnetbox:before {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-top: 350px solid #d14e30;
border-left: 3000px solid transparent;
}
.announcemnetbox:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 350px solid #fbdd49;
border-left: 3000px solid transparent;
}
.policiesbox
{
width: 100%;
float: left;
position: relative;
background: #fbdd49;
}
.sharebox
{
width: 100%;
float: left;
position: relative;
background: #da575d;
min-height: 100vh;
padding-top: 300px;
}
.sharebox:before {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-top: 350px solid #fbdd49;
border-left: 3000px solid transparent;
}
.sharebox:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 350px solid #ef7938;
border-left: 3000px solid transparent;
}
.cgrbox
{
width: 100%;
float: left;
position: relative;
background: #EF7938;
}
.statutorybox
{
width: 100%;
float: left;
position: relative;
background: #6bbde3;
min-height: 100vh;
padding-top: 300px;
}
.statutorybox:before {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-top: 350px solid #ef7938;
border-left: 3000px solid transparent;
}
.statutorybox:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 350px solid #ef7938;
border-left: 3000px solid transparent;
}
.icbox
{
width: 100%;
float: left;
position: relative;
background: #EF7938;
}
.ivbox
{
width: 100%;
float: left;
position: relative;
background: #fbdd49;
min-height: 100vh;
padding-top: 250px;
}
.ivbox:before {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-top: 350px solid #ef7938;
border-left: 3000px solid transparent;
}
.ivbox:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 350px solid #f5f6f1;
border-left: 3000px solid transparent;
}
/******************************* investorpage page end **************************************************/
/******************************* business page start **************************************************/
.businesspage {
background: #d14e30;
}
.businesspage:after {
border-bottom: 350px solid #f5f6f1;
border-left: 3000px solid transparent;
}
.ffbbox
{
width: 100%;
float: left;
position: relative;
background: #f5f6f1;
}
.bpartbox
{
width: 100%;
float: left;
position: relative;
min-height: 85vh;
background: #6bbde3;
padding-top: 350px;
padding-top: 250px;
}
.bpartbox:before {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-top: 350px solid #f5f6f1;
border-left: 3000px solid transparent;
}
.bpartbox:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 350px solid #fbdd49;
border-left: 3000px solid transparent;
}
.bfibox
{
width: 100%;
float: left;
position: relative;
min-height: 100vh;
background: #fbdd49;
}
.fdbox
{
width: 100%;
float: left;
position: relative;
min-height: 100vh;
background: #ffffff;
padding-top: 250px;
}
.fdbox:before {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-top: 350px solid #fbdd49;
border-left: 3000px solid transparent;
}
.fdbox:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 350px solid #f5f6f1;
border-left: 3000px solid transparent;
}
.ftxt {
width: 100%;
float: left;
text-align: justify;
color: #000000;
font-size: 17px;
}
.ftxt1
{
font-size: 22px;
text-align: center;
color: #000000;
}
.bcontent {
width: 100%;
float: left;
padding-top: 20px;
}
.boicon
{
margin-right: 15px;
}
.bt1 {
color: #000000;
text-transform: uppercase;
font-weight: 700;
font-size: 24px;
float: left;
}
.bt2 {
font-size: 24px;
text-transform: uppercase;
text-align: center;
font-weight: 700;
color: #9e9e9e;
margin-left: 50px;
float: left;
}
.divMenu {
float: left;
width: 100%;
}
.divTabs {
float: left;
/* margin-right: 50px;
margin-bottom: 10px;*/
margin:0 30px 10px;
cursor: pointer;
}
.divContentContainer
{
width: 100%;
float: left;
padding: 20px 0;
}
.bsmenu
{
font-size: 18px;
text-transform: uppercase;
text-align: center;
font-weight: 700;
color: #252525;
width: 100%;
margin: 0 auto;
float: none;
}
.divTabs:hover {
color: #8b0f11;
}
.bsmenu .active
{
color: #fff;
/*background: url(../img/orangearrow.png);*/
background-position: left center;
background-repeat: no-repeat;
/*padding-left: 30px;*/
}
ul.bb_imgslist {
width: 100%;
float: left;
margin-top: 20px;
list-style-type: none;
padding: 0;
/* margin: 0; */
}
ul.bb_imgslist li{
float: left;
margin-right: 30px;
position: relative;
overflow: hidden;
background: #ffffff;
border-radius: 50%;
}
.bpoverlay {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
position: absolute;
top: 0;
border-radius: 50%;
padding-top: 100px;
text-align: center;
color: #ffffff;
display: none;
}
.bpoverlay a{
font-size: 20px;
color: #ffffff;
position: relative;
cursor: pointer;
z-index: 999;
}
ul.bb_imgslist li:hover .bpoverlay
{
display: block;
}
ul.bb_imgslist li img{
width: 100%;
}
.bfibox h5
{
float: left;
width: 100%;
font-size: 20px;
text-transform: uppercase;
text-align: center;
color:#000000;
margin-bottom: 30px;
}
.bfibox p
{
float: left;
width: 100%;
font-size: 18px;
text-align: center;
color:#000000;
margin-bottom: 20px;
}
.qname
{
font-size: 22px!important;
margin-top: -10px;
}
.bfiboxrow {
width: 100%;
float: left;
padding: 10px 0;
position: relative;
}
.bfitbox {
width: 25%;
float: left;
text-align: left;
}
.bfitbox h4{
font-size: 20px;
border-left: 10px solid #000000;
padding-left: 15px;
font-weight: 700;
color: #000000;
padding-top: 20px;
padding-bottom: 20px;
text-transform: uppercase;
}
.bficbox {
width: 75%;
float: left;
text-align: left;
}
.bficbox p{
text-align: left;
}
.bfiimgbox {
width: 100%;
float: left;
padding: 20px 0;
}
.bfiimgbox h2{
width: 100%;
float: left;
font-size: 28px;
font-weight: 700;
color: #000000;
text-align: center;
text-transform: uppercase;
margin-bottom:40px;
}
.bfiimgbox h3{
width: 100%;
float: left;
font-size: 28px;
font-weight: 700;
color: #000000;
text-align: center;
padding: 20px 0;
}
.bfiimg
{
width: 100%;
float: left;
}
.obbtn
{
background: transparent;
border: 1px solid #000000;
color: #000000;
text-transform: uppercase;
font-size: 18px;
padding: 10px 50px;
border-radius: 50px;
text-align: center;
}
.obbtn:hover, .obbtn:focus {
color: #ff6e00;
text-decoration: none;
background: #ffffff;
border-color: #ffffff;
}
.bpopupcontent {
width: 100%;
color: #000000;
}
.bpopupcontent h3{
text-align: center;
font-size: 18px;
margin-bottom: 20px;
line-height: 24px;
}
.bpopupcontent p{
font-size: 14px;
margin-bottom: 20px;
line-height:22px;
text-align:justify
}
.bpopupcontent h5{
font-size: 14px;
margin-bottom: 5px;
font-weight: bold;
}
.bppopuptop {
width: 100%;
float: left;
}
.fcllogo {
width: 150px;
float: left;
}
.bpilogo {
width: 100px;
float: right;
margin-top: -10px;
}
.ft1
{
font-size: 18px;
font-weight: 600;
color: #000000;
}
/******************************* business page end **************************************************/
/******************************* careers page start **************************************************/
.carrerspage {
background: #da575d;
}
.carrerspage:after {
border-bottom: 350px solid #ffffff;
border-left: 3000px solid transparent;
}
.whowearebox
{
width: 100%;
float: left;
position: relative;
background: #ffffff;
padding-bottom: 300px;
}
.whowearebox:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 350px solid #d8575b;
border-right: 3000px solid transparent;
}
.whowearebox h2
{
position: relative;
z-index: 1;
}
.ccontentbox
{
width: 100%;
float: left;
padding: 15px 0;
}
.ccontentbox img
{
float: left;
}
.ctxt {
width: 100%;
/* margin: 0 auto;*/
float: left;
text-align: left;
font-size: 17px;
color: #000000;
position: relative;
z-index: 1;
}
ul.ctlisting {
width: 100%;
float: left;
list-style-type: none;
padding: 0;
margin-top: 50px;
}
ul.ctlisting li{
width: 25%;
float: left;
}
ul.ctlisting li img{
width: 100%;
float: left;
}
ul.ctlisting li p{
width: 100%;
float: left;
font-size: 20px;
margin-top: 10px;
color: #808285;
text-align: center;
}
.workbox
{
width: 100%;
float: left;
position: relative;
background: #fbdd49;
padding-top: 250px;
}
.workbox:before {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-top: 350px solid #ffffff;
border-left: 3000px solid transparent;
}
.ourstructurebox
{
width: 100%;
float: left;
position: relative;
background: #d8575b;
min-height: 100vh;
padding-top:0px;
padding-bottom: 350px;
}
.ourstructurebox:before {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-top: 350px solid #fbdd49;
border-right: 3000px solid transparent;
display: none;
}
.ourstructurebox:after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
bottom: 0;
right: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 350px solid #f5f6f1;
border-left: 3000px solid transparent;
}
.
.ctxt1
{
width: 100%;
float: left;
font-size: 17px;
color: #000000;
}
.cabox1 {
width: 100%;
float: left;
text-align: center;
}
.cabox1 h3{
color: #EF7938;
text-transform: uppercase;
font-weight: 600;
}
.cabox1 p{
color: #000000;
font-size: 17px;
}
.carer_b1 {
width: 100%;
margin-top: 50px;
text-align: center;
color: #000000;
}
.c_ibox
{
width: 100%;
float: left;
min-height: 102px;
margin-bottom: 10px;
}
.c_ibox img
{
width: 100px;
}
.osheadingbox {
width: 60%;
float: right;
margin-top: 50px;
}
.osheadingbox p
{
font-size: 18px; color: #fff;
}
.osrowbox1 {
width: 100%;
float: left;
text-align: left;
}
.os_ibox1
{
float: left;
}
.os_cbox1
{
float: left;
padding-top: 100px;
margin-left: -50px;
position: relative;
}
.os_cbox1 h3
{
color: #ffe118;
font-size: 32px;
margin-bottom: 0;
font-weight: 600;
}
.os_cbox1 p
{
color: #ffffff;
font-size: 18px;
}
.osrowbox2 {
width: 100%;
float: left;
text-align: right;
}
.os_ibox2
{
float: right;
width: 40%;
text-align: right;
}
.os_cbox2
{
float: left;
width: 60%;
padding-top: 100px;
position: relative;
}
.os_cbox2 h3
{
color: #ffe118;
font-size: 32px;
margin-bottom: 0;
font-weight: 600;
}
.os_cbox2 p
{
color: #ffffff;
font-size: 18px;
width: 80%;
float: right;
}
.ostotxt {
width: 100%;
float: left;
text-align: center;
font-size: 30px;
text-transform: uppercase;
padding: 0;
margin: 0;
color: #ffe118;
position: relative;
margin-top: -50px;
}
ul.os_plisting {
width: 100%;
float: left;
text-align: center;
list-style-type: none;
padding: 0;
margin: 0;
margin-top: 30px;
}
ul.os_plisting li{
width: 25%;
float: left;
text-align: center;
}
ul.os_plisting li img{
width: 80%;
margin: 0 auto;
}
ul.os_plisting li p{
width: 100%;
float: left;
margin-top: 10px;
text-align: center;
font-size: 16px; color: #fff;
}
.os_videobox
{
width: 100%;
float: left;
padding: 50px;
}
.whoweareimg
{
width:100%;margin-top:-150px;
}
.cpoptxt {
color: #000000;
font-size: 16px;
}
.popupclose
{
color: #000000!important;
opacity: 1!important;
}
.popupclose i
{
color: #000000!important;
opacity: 1!important;
font-size: 18px;
}
.close_btn {
width: 40px;
background: #8b0f11;
z-index: 9999999999;
position: absolute;
border-radius: 50%;
top: -20px;
right: -18px;
}
.popupclose
{
z-index: 999999;
}
.modal-dialog {
margin: 100px auto;
}
/******************************* careers page end **************************************************/
.desktop_show
{
display: block;
}
.mobile_show
{
display: none;
}
.mob_pdropdownlist
{
width: 100%;
float: left;
position: relative;
}
.mslectbox
{
color: #000000;
width: 100%;
padding: 11px 18px;
background: #ffffff url(../images/dropdownarrow.png);
background-position: 101% center;
background-repeat: no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
border: 1px solid #8b9096;
font-size: 16px;
border-radius: 0;
float: left;
text-transform: uppercase;
}
@media screen and (max-width:1550px)
{
.a_line1 {
top: -181px;
left: 31%;
width: 350px;
}
}
@media screen and (max-width:1450px)
{
.htitle {
font-size: 90px;
line-height: 75px;
margin-top: -10px;
}
.poverlay
{
padding: 50px 0;
}
ul.nav.navbar-nav
{
margin-left: 20px;
}
.InnerPageheader
{
min-height: 65vh;
}
ul.productlist li
{
padding-top: 50px;
padding-bottom: 40px;
}
.videobox
{
padding-top: 200px;
padding-bottom: 120px;
}
.newsbox
{
padding-bottom: 0;
}
.instabox
{
padding-top: 150px;
padding-bottom: 150px;
}
ul.productlist li:nth-child(12):before
{
left: -29px;
}
ul.productlist li:nth-child(16):before
{
left: -29px;
}
ul.productlist li:nth-child(19):before
{
left: -28px;
}
#slider1 {
margin-top: 40%;
margin-left: 20%;
margin-right: 0;
}
.media_cntactbox
{
padding-top: 50px;
padding-bottom: 150px;
min-height: auto;
}
.media_cntactbox::after
{
border-bottom: 150px solid #f5f6f1;
border-right: 3000px solid transparent;
}
.conatct_mediabox
{
padding-top: 200px;
min-height: 100vh;
}
.conatctformbox
{
min-height: 100vh;
padding-bottom: 200px;
}
.a_line1 {
top: -181px;
left: 31%;
width: 350px;
}
.a_line2
{
width: 350px;
}
.a_line3
{
width: 150px;
}
.a_line4
{
width: 100px;
}
.vmbox
{
padding-top: 300px;
padding-bottom: 200px;
}
.directorbox
{
padding-bottom: 50px;
}
.fgroupbox
{
padding-top: 50px;
min-height: 100vh;
padding-bottom: 300px;
}
.a_line4
{
top:-190px;
}
.announcemnetbox,.sharebox,.ivbox
{
padding-bottom: 200px;
}
.statutorybox
{
padding-bottom: 250px;
}
.icbox
{
padding-bottom: 100px;
}
.cgrbox
{
padding-bottom: 50px;
}
.bpartbox
{
min-height: 100vh;
padding-bottom: 200px;
}
.fdbox
{
padding-bottom: 200px;
}
a.right.carousel-control.b_rarrows {
right: -100px;
}
a.left.carousel-control.b_larrows
{
left: -100px;
}
.brandheader
{
padding-bottom: 100px;
}
.brandcontent
{
padding-bottom: 200px;
}
.brandcontent::after
{
border-bottom: 200px solid #f5f6f1;
border-right: 3000px solid transparent;
}
.fclnewswrap
{
padding-top: 150px;
padding-bottom: 150px;
}
.ourstructurebox
{
padding-top: 0px;
padding-bottom: 0px;
}
.whowearebox::after {
border-bottom: 150px solid #d8575b;
border-right: 1500px solid transparent;
}
.ourstructurebox::before
{
border-top: 150px solid #fbdd49;
border-right: 1500px solid transparent;
}
.ourstructurebox::after
{
border-bottom: 150px solid #f5f6f1;
border-right: 1500px solid transparent;
}
ul.fnav1 li a,.f_box1 ul li a,.f_box2 ul li a
{
font-size: 15px;
}
.f_box1 ul,.f_box2 ul
{
width:95%;
}
.news_innerwrp {
min-height: 110px;
}
.a_line5 {
top: -50px;
width: 140px;
}
}
@media screen and (max-width:1300px)
{
.navbar-default .navbar-nav > li > a
{
font-size: 16px;
padding: 10px;
}
.news_innerwrp {
min-height: 120px;
}
}
@media screen and (max-width:1100px)
{
#navbar .inner_wrapper
{
width: 95%;
}
ul.nav.navbar-nav {
margin-left: -10px;
}
.naviconbox
{
right: 10px;
}
.poverlay_content
{
padding: 0 10px;
}
a.right.carousel-control.b_rarrows {
right: -90px;
}
a.left.carousel-control.b_larrows
{
left: -90px;
}
.a_line4
{
top: -150px;
}
.innertitle
{
font-size: 50px;
}
.fgroupbox
{
padding-top: 100px;
padding-bottom: 300px;
}
.productimg {
width: 100%;
padding:0 10px;
}
.bsmenu
{
font-size: 18px;
}
.fclnewswrap
{
padding-top: 150px;
padding-bottom: 150px;
}
.workbox
{
padding-top: 150px;
}
.ostotxt
{
margin-top: 30px;
}
.os_cbox2
{
padding-right: 20px;
}
.os_ibox2 img
{
width: 100%;
}
.ourstructurebox {
padding-bottom: 150px;
}
ul.bb_imgslist li
{
margin-right: 15px;
}
ul.bb_imgslist li img {
width: 190px;
}
.bpoverlay
{
padding-top: 70px;
}
}
@media screen and (max-width:990px)
{
#navbar .inner_wrapper
{
width: 98%;
}
ul.nav.navbar-nav {
margin-left: -2px;
}
.navbar-default .navbar-nav > li > a
{
font-size: 14px;
padding: 5px;
}
.naviconbox
{
top: 5px;
right: 5px;
}
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4
{
width: 30px;
height: 30px;
}
nav.navbar.navbar-default.navbar-static-top.affix .logobox .logo
{
}
nav.navbar.navbar-default.navbar-static-top.affix .naviconbox
{
top:0;
}
.htitle {
font-size: 50px;
line-height: 45px;
margin-top: 70px;
}
.subtitle{
font-size: 18px;
}
a.btn.btn-info.fclbtn
{
font-size: 16px;
}
.header
{
min-height: auto;
padding-bottom: 150px;
}
.title1
{
font-size: 35px;
}
ul.productlist li
{
width: 25%;
}
/*
ul.productlist li:nth-child(6) {
background: #72a94e;
}
ul.productlist li:nth-child(14) {
background: #d14e30;
}
*/
.videoiframe {
height: 300px;
}
.homevideoarrow_left {
left: 20px;
width: 25px;
}
.homevideoarrow_right {
right: 20px;
width: 25px;
}
.videobox {
padding-top: 100px;
padding-bottom: 120px;
min-height: auto;
}
.franchiseelogo {
width: 100%;
}
.instabox
{
min-height: auto;
}
.f_tile,.f_tile1
{
font-size: 12px;
}
ul.f_nav li a
{
font-size: 12px;
}
ul.f_b_list li,ul.f_b_list li a
{
font-size: 12px;
}
.InnerPageheader {
min-height: auto;
padding-bottom: 200px;
}
.a_line1 {
top: -144px;
left: 31%;
width: 250px;
}
.innertitle {
font-size: 40px;
}
.a_line2 {
width: 200px;
top: -50px;
}
.vmbox {
padding-top: 150px;
padding-bottom: 200px;
}
.a_line3 {
width: 100px;
top: -150px;
}
.directorbox
{
padding-top: 100px;
}
.porfile_box
{
width: 100%;
text-align: center;
}
.imgbox
{
text-align: center;
}
.porfile_details h2,.porfile_details h3,.porfile_details h4
{
text-align: center;
}
.pimg {
width: auto;
}
.s_cbox
{
width: 90%;
margin: 0 auto;
float: none;
/* min-height: 720px;*/
}
.porfile_details
{
width: 100%;
}
a.left.carousel-control.b_larrows
{
left: -50px;
}
a.right.carousel-control.b_rarrows
{
right: -50px;
}
.a_line5 {
width: 100px;
top: -20px;
}
.Managementbox
{
padding-top: 180px;
}
.s_cbox1
{
width: 90%;
margin: 0 auto;
float: none;
min-height: 350px;
}
.a_line4 {
top: -130px;
}
.fgroupbox {
padding-bottom: 0;
}
.singlebrandlogo {
width: 100%;
margin-top: 20px;
}
.brandcontent {
min-height: auto;
}
.cboxMain
{
width: 100%;
float: left;
}
.cboxMain h2
{
font-size: 22px;
}
.cboxMainInner h3
{
font-size: 18px;
}
.cboxMainInner
{
padding: 20px;
}
.conatct_mediabox {
padding-top: 150px;
padding-bottom: 150px;
min-height: auto;
}
.c_borderbox
{
width: 100%;
}
.icon_box
{
width: 25%;
}
.c_detailsbox
{
width: 75%;
}
.cformbox
{
width: 80%;
}
.media_cntactbox {
min-height: auto;
padding-bottom: 150px;
}
.bfitbox
{
width: 30%;
}
.bfitbox h4
{
font-size: 18px;
padding-left: 5px;
}
.bficbox p
{
font-size: 16px;
}
.bficbox
{
width: 70%;
}
.bpartbox {
min-height: auto;
padding-bottom: 100px;
padding-top: 50px;
}
.fdbox {
padding-bottom: 100px;
min-height: auto;
padding-top: 100px;
}
.c_img
{
width: 100%;
}
.os_ibox1 {
float: left;
width: 50%;
}
.os_ibox1 img{
width: 100%;
}
.os_cbox1
{
padding-top: 50px;
}
.os_cbox2
{
padding-top: 50px;
}
.os_cbox2 p
{
width: 100%;
}
ul.os_plisting li p
{
font-size: 16px;
}
.os_videobox
{
padding: 50px 0;
}
.osvideoiframe
{
height: 250px;
}
.ourstructurebox
{
padding-bottom: 150px;
}
.ftitle1
{
width: 15%;
}
.fnavbox1
{
width: 85%;
}
.f_box1
{
width: 25%;
}
.pressrealselisting li,.medianewslisting li
{
width: 45%;
float: left;
margin: 10px;
}
ul.ctlisting li{
width: 50%;
float: left;
}
ul.bb_imgslist li
{
margin-right: 15px;
}
ul.bb_imgslist li img {
width: 150px;
}
.bpoverlay
{
padding-top: 60px;
}
.poverlay {
padding: 20px 0;
}
#Managementslider .carousel-indicators {
bottom: -30px!important;
}
}
@media screen and (max-width:767px)
{
.desktop_show
{
display: none!important;
}
.mobile_show
{
display: block!important;
}
.noscroll {
overflow: hidden!important;
}
.navbar-collapse {
overflow: scroll !important;
}
nav.navbar.navbar-default.navbar-static-top
{
background: #8a0f11;
}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span
{
background: #583b3a!important;
}
/*
.navbar.navbar-default.navbar-static-top.affix
{
position: relative!important;
}
*/
.naviconbox
{
top:22px;
}
nav.navbar.navbar-default.navbar-static-top.affix .naviconbox
{
top:0px!important;
display: none;
}
.navbar-default .navbar-nav > li > a {
font-size: 16px;
padding: 10px 0;
}
.dropdown-menu > li > a {
font-size: 16px;
}
.naviconbox
{
display: none;
}
.navbar-nav
{
display: block!important;
}
.footer
{
padding-bottom: 0;
}
nav.navbar.navbar-default.navbar-static-top.affix
{
background: #8a0f11;
}
.navbar-nav
{
overflow-y: scroll;
}
.navbar-collapse
{
width: 100%;
height: 100vh;
position: absolute;
background: #8a0f11;
left: 0;
}
ul.nav.navbar-nav {
margin-left: 0;
margin-top: 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form
{
border: none;
}
.navbar-collapse
{
box-shadow: none;
}
.navbar-default .navbar-toggle
{
top: 20px;
}
#navbar .inner_wrapper
{
width: 100%;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
{
background: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a
{
background: transparent;
}
.subtitle {
font-size: 16px;
float: left;
text-align: center;
width: 100%;
padding: 0 10px;
}
a.btn.btn-info.fclbtn {
font-size: 14px;
}
.htitle {
font-size: 35px;
line-height: 30px;
margin-top: 20px;
}
.title1 {
font-size: 28px;
}
ul.productlist li {
width: 50%;
}
.pfclbtn
{
font-size: 14px;
}
.videoiframebox
{
width: 90%;
}
.videoiframe {
height: 200px;
}
.homevideoarrow_left {
left: -8px;
width: 20px;
top: 24%;
}
.homevideoarrow_right {
right: -8px;
width: 20px;
top: 24%;
}
.videotxt
{
font-size: 18px;
min-height: 102px;
}
.videobox {
padding-top: 50px;
padding-bottom: 50px;
}
.instabox::after
{
display: none;
}
.instabox {
padding-top: 50px;
padding-bottom: 20px;
}
.singlenewbox
{
margin-bottom: 20px;
}
.news_content h3
{
font-size: 16px;
}
.franchiseelogo {
width: auto;
}
.f_tile, .f_tile1 {
font-size: 14px;
width:100%;
float: left;
}
ul.f_nav li a {
font-size: 14px;
}
ul.f_b_list li, ul.f_b_list li a
{
font-size: 14px;
}
.header
{
padding-bottom: 50px;
}
.footer_social
{
margin-top: 30px;
text-align: center;
}
.footer_social li
{
float: none;
display: inline-block;
}
.fleft_arrow
{
left: 20px;
}
.fright_arrow
{
right: 20px;
}
.flogobox .franchiseelogo
{
margin-bottom: 0;
}
.nleft_arrow
{
left: 0;
top: 40%;
}
.nright_arrow
{
right: 0;
top: 40%;
}
.a_line1,.a_line2,.a_line3,.a_line4,.a_line5
{
display: none;
}
.InnerPageheader
{
padding-bottom: 50px;
}
.innertitle {
font-size: 28px;
}
.overviewbox
{
padding: 20px 0;
}
.vmbox
{
padding: 50px 0;
}
.vmbox .rowbox
{
padding: 0;
}
.vt1
{
font-size: 20px;
}
.vtxt
{
width: 90%;
font-size: 16px;
}
.directorbox {
padding-top: 20px;
}
.imgbox,.porfile_details {
text-align: center;
}
a.left.carousel-control.b_larrows
{
left: 0;
}
a.right.carousel-control.b_rarrows
{
right: 0;
}
.Managementbox {
padding-top: 50px;
}
.s_cbox1
{
min-height: 400px;
}
.fgroupbox {
padding-top: 0;
}
.fgtxt
{
font-size: 16px;
width: 90%;
padding-bottom: 0px;
}
.fgroupbox::after {
/*
border-bottom: 50px solid #f5f6f1;
border-right: 500px solid transparent;
*/
display: none;
}
.fgroupbox {
padding-bottom: 20px;
}
.singlebrandlogo {
width: 50%;
margin-top: 0px;
}
.brnadsliderbox h2,.branddeails h2
{
font-size: 28px;
}
.branddeails p
{
font-size: 16px;
}
.brandheader {
padding-bottom: 20px;
}
.brandcontent::after
{
display: none;
}
.brandcontent
{
padding-bottom: 20px;
}
.poverlay {
padding-top:20px;
}
.poverlay_content
{
font-size: 14px;
padding: 0 5px;
}
.p_btnbox
{
margin-top: 10px;
font-size: 14px;
}
.cboxMain
{
margin-bottom: 20px;
}
.cboxMain h2 {
font-size: 20px;
}
.cboxMainInner h3 {
font-size: 16px;
}
.conatct_mediabox {
padding-top: 50px;
padding-bottom: 50px;
}
.c_borderbox {
width: 100%;
margin-bottom: 20px;
}
.icon_box i {
font-size: 40px;
}
.icon_box {
width: 20%;
margin-right: 10px;
}
.c_detailsbox p
{
font-size: 16px;
}
.cformbox {
width: 90%;
}
.cformwrap
{
margin-top: 20px;
}
.conatctformbox
{
padding-bottom: 50px;
}
.conatctformbox::after
{
display: none;
}
.media_cntactbox {
padding-bottom: 20px;
padding-top: 50px;
}
.media_cntactbox::after{
display: none;
}
#productlist .divTabs
{
margin-left: 100px;
}
a#back-to-top {
position: fixed;
z-index: 999;
background: rgba(255,255,255,0.5)!important;
right: 10px;
bottom: 10px;
border: 1px solid #f3791f!important;
border-radius: 0;
color: #f3791f;
}
a#back-to-top span
{
display: none;
}
.fclnewswrap {
padding-top: 50px;
padding-bottom: 50px;
}
.ftxt
{
font-size: 16px;
}
.bcontent .bsmenu {
font-size: 16px;
}
.bcontent .divTabs {
margin-right: 20px;
}
.bfibox h5
{
font-size: 18px;
}
.bfiimgbox h2,.bfiimgbox h3
{
font-size: 18px;
margin-bottom: 20px;
}
.bfiimgbox
{
padding: 10px 0;
}
.bfibox p
{
font-size: 16px;
text-align: left;
}
.bfitbox,.bficbox {
width: 100%;
}
.bfitbox h4 {
font-size: 16px;
padding-left: 5px;
border-left: 5px solid #000000;
padding-top: 10px;
padding-bottom: 10px;
}
.aligncenter
{
text-align: center!important;
}
.obbtn
{
font-size: 16px;
padding: 5px 30px;
}
.fdbox {
padding-bottom: 20px;
padding-top: 50px;
}
.fdbox:after {
display: none;
}
.bp_imgs
{
width: 180px;
}
ul.bb_imgslist li img
{
width: 180px;
margin-bottom: 15px;
}
.bfiimg
{
margin-bottom: 15px;
}
.news_btnbox
{
margin-top: 0;
}
.productbox
{
padding-top: 20px;
padding-bottom: 50px;
}
.news_box {
padding-top: 0px;
}
.newsbox {
padding-bottom: 0;
padding-top: 20px;
}
.ctxt
{
width: 100%;
float: left;
}
.whoweareimg
{
width:100%;margin-top:-50px;
}
.workbox
{
padding-top: 50px;
}
.workimgbox
{
width: 100%;
float: left;
}
.ourstructurebox::before {
border-top: 100px solid #fbdd49;
border-right: 1500px solid transparent;
}
.osheadingbox {
width: 100%;
float: left;
margin-top: 10px;
}
.os_ibox1
{
width: 100%;
float: left;
text-align: center;
}
.os_cbox1
{
width: 100%;
float: left;
text-align: center;
margin-left: 0px;
padding-top: 10px;
}
.os_ibox1 img {
width: 300px;
}
.os_cbox1 h3
{
font-size: 24px;
}
.os_cbox1 p
{
font-size: 16px;
}
.os_ibox2
{
width: 100%;
float: left;
text-align: center;
}
.os_cbox2
{
width: 100%;
float: left;
text-align: center;
margin-left: 0px;
padding-top: 10px;
padding-right: 0;
}
.os_ibox2 img {
width: 280px;
}
.os_cbox2 h3
{
font-size: 24px;
}
.os_cbox2 p
{
font-size: 16px;
}
.ostotxt {
margin: 20px 0;
}
ul.os_plisting li {
width: 50%;
min-height: 220px;
}
.os_videobox
{
padding:0px;
}
.osvideoiframe {
height: 200px;
margin-bottom: 10px;
}
.ourstructurebox {
padding-bottom: 20px;
}
.ourstructurebox::after {
display: none;
}
ul.bb_imgslist li {
border-radius: 0%;
width: 45%;
margin-bottom: 20px;
text-align: center;
}
.bpoverlay
{
border-radius: 0%;
}
.whowearebox
{
padding-bottom: 150px;
}
.whowearebox::after {
border-bottom: 150px solid #d8575b;
border-right: 1000px solid transparent;
}
.news_innerwrp {
min-height: auto;
}
.bpoverlay
{
padding-top: 80px;
}
.qname
{
text-align: center!important;
font-size: 15px;
}
.bfdlogobox
{
width: 100%;
float: left;
text-align: center;
margin-bottom: 10px;
}
ul.pro_navlist li
{
background: rgba(238,121,51,0.5);
}
.news_content h3 {
min-height: auto;
}
}
@media screen and (max-width:470px)
{
.itnlin{ border:solid 1px #ddd; padding: 15px; float: left; margin: 10px 0px; width: 100%;}
.slick-next {
right: 0;
}
.slick-prev {
left: 0;
}
.tabbable-line > .nav-tabs > li {
margin-right: 0;
width: 100%;
}
ul.productlist li {
width: 50%;
}
.side-nav {
display: none;
}
.s_cbox1
{
min-height: 450px;
}
.poverlay {
padding-top:10px;
}
.pfclbtn
{
padding: 5px 15px;
}
.brnadsliderbox h2, .branddeails h2,.innertitle {
font-size: 24px;
}
.ciconbox
{
width: 15%;
}
.cdeialsbox
{
width: 85%;
}
.cdeialsbox
{
font-size: 14px;
}
.bcontent .bsmenu {
font-size: 14px;
}
.bcontent .bsmenu .active {
padding-left: 20px;
}
.bcontent .divTabs {
margin-right: 30px;
}
.ourstructurebox::before {
border-top: 100px solid #fbdd49;
border-right: 500px solid transparent;
}
.pressrealselisting li,.medianewslisting li
{
width: 100%;
float: left;
margin: 0px;
margin-bottom: 10px;
}
a.mbtn1 {
font-size: 16px;
}
.close_btn
{
right: 0;
width: 30px;
top: -10px;
}
ul.bb_imgslist li {
border-radius: 0%;
width: 100%;
margin-bottom: 10px;
text-align: center;
}
ul.ctlisting li{
width: 100%;
float: left;
}
}
@media screen and (max-width: 320px) {
.bcontent .divTabs {
margin-right: 15px;
}
}