@charset "utf-8";

/* CSS Document */

@font-face {

    font-family: 'Oxygen-Regular';

    src: url('../fonts/Oxygen-Regular.ttf');

    font-weight: 400;

    font-style: normal;

}

@font-face {

    font-family: 'Oxygen-Bold';

    src: url('../fonts/Oxygen-Bold.ttf');

    font-weight: 700;

    font-style: normal;

}

@font-face {

    font-family: 'Oxygen-Light';

    src: url('../fonts/Oxygen-Light_gdi.ttf');

    font-weight: 300;

    font-style: normal;

}



@font-face {

    font-family: 'Roboto-Light';

    src: url('../fonts/Roboto-Light.ttf');

    font-weight: 300;

    font-style: normal;

}

@font-face {

    font-family: 'Roboto-Regular';

    src: url('../fonts/Roboto-Regular.ttf');

    font-weight: 400;

    font-style: normal;

}

@font-face {

    font-family: 'Roboto-Medium';

    src: url('../fonts/Roboto-Medium.ttf');

    font-weight: 500;

    font-style: normal;

}

@font-face {

    font-family: 'Roboto-Bold';

    src: url('../fonts/Roboto-Bold.ttf');

    font-weight: 700;

    font-style: normal;

}

@font-face {

    font-family: 'RobotoCondensed-Light';

    src: url('../fonts/RobotoCondensed-Light.ttf');

    font-weight: 300;

    font-style: normal;

    font-stretch: condensed;

}

@font-face {

    font-family: 'RobotoCondensed-Regular';

    src: url('../fonts/RobotoCondensed-Regular.ttf');

    font-weight: 400;

    font-style: normal;

    font-stretch: condensed;

}

@font-face {

    font-family: 'RobotoCondensed-Bold';

    src: url('../fonts/RobotoCondensed-Bold.ttf');

    font-weight: 700;

    font-style: normal;

    font-stretch: condensed;

}

p{

	font-family: 'Roboto-Light';

	line-height:26px;
text-align:justify;

}

body{

	font-family:'Roboto-Regular';

	padding: 0;

	margin: 0;

	width: 100%;

	height: 100%;

}

h1, h2, h3, .h4, h5, .h1, .h2, .h3, .h4, .h5{

	font-family:'Oxygen-Bold';

}



.ft-light-oxy

{

	font-family: 'Oxygen-Light';

}

.ft-reg-oxy

{

	font-family: 'Oxygen-Regular';

}

.ft-bold-oxy

{

	font-family: 'Oxygen-Bold';

}

.ft-light

{

	font-family: 'Roboto-Light';

}

.ft-reg

{

	font-family: 'Roboto-Regular';

}

.ft-med

{

	font-family: 'Roboto-Medium';

}

.ft-bold

{

	font-family: 'Roboto-Bold';

}

.ft-light-con

{

	font-family: 'RobotoCondensed-Light';

}

.ft-reg-con

{

	font-family: 'RobotoCondensed-Regular';

}

.ft-bold-con

{

	font-family: 'RobotoCondensed-Bold';

}



.btn_right, .btn_left, .btn_center

{

	transition: .25s cubic-bezier(.645,.045,.355,1);

	-webkit-transition: .25s cubic-bezier(.645,.045,.355,1);

	-moz-transition: .25s cubic-bezier(.645,.045,.355,1);

	-ms-transition: .25s cubic-bezier(.645,.045,.355,1);

}

.btn_theme .btn_txt, .btn_theme .btn_stroke, .btn_theme_inverse .btn_txt, .btn_theme_inverse .btn_stroke

{

	transition: .35s cubic-bezier(.645,.045,.355,1);

	-webkit-transition: .35s cubic-bezier(.645,.045,.355,1);

	-moz-transition: .35s cubic-bezier(.645,.045,.355,1);

	-ms-transition: .35s cubic-bezier(.645,.045,.355,1);

}

.choose-set:after, .franchise-contact:after, .anim-sec:after, .ball-imgd:after, .head-in-double:after, .infra-indouble:after, .gallery:after, .client-logo:after, .enquire-form:after, .enquire-form form:after, .form-group:after, .franchise-form:after, .franchise-form form:after

{

	display: table;

	content: '';

	clear: both;

}



*{

	padding:0px;

	margin:0px;

}

a{

	color:#ddd;

	text-decoration:none!important;

	outline: 0 !important;

}

a:hover{

	color:#666;

}



.wd30 {

	width: 30%;

	float: left;

}

.wd40 {

	width: 40%;

	float: left;

}

.wd50 {

	width: 50%;

	float: left;

}

.wd60 {

	width: 60%;

	float: left;

}

.wd70 {

	width: 70%;

	float: left;

}

.wd80 {

	width: 80%;

	float: left;

}

.wd90 {

	width: 90%;

	float: left;

}

.wd100 {

	width: 100%;

	float: left;

}

.no-padding{

	padding:0px;

}

.no-margin{

	margin:0px;

}

.padding-10-t{

	padding-top:10px;

}

.padding-20-t{

	padding-top:20px;

}

.padding-30-t{

	padding-top:30px;

}

.padding-50-t{

	padding-top:50px;

}

.padding-100-t{

	padding-top:100px;

}



.padding-10-b{

	padding-bottom:10px;

}

.padding-20-b{

	padding-bottom:20px;

}

.padding-30-b{

	padding-bottom:30px;

}

.padding-50-b{

	padding-bottom:50px;

}

.padding-100-b{

	padding-bottom:100px;

}





.padding-10-l{

	padding-left:10px;

}

.padding-20-l{

	padding-left:20px;

}

.padding-30-l{

	padding-left:30px;

}

.padding-50-l{

	padding-left:50px;

}

.padding-100-l{

	padding-left:100px;

}



.padding-10-r{

	padding-right:10px;

}

.padding-20-r{

	padding-right:20px;

}

.padding-30-r{

	padding-right:30px;

}

.padding-50-r{

	padding-right:50px;

}



.padding-100-r{

	padding-right:100px;

}



.padding-10{

	padding:10px;

}

.padding-20{

	padding:20px;

}

.padding-30{

	padding:30px;

}

.padding-50{

	padding:50px;

}

.padding-100{

	padding:100px;

}

.padding-x25{

	padding-left:25px;

	padding-right:25px;

}

.padding-x50{

	padding-left:50px;

	padding-right:50px;

}

.padding-x100{

	padding-left:100px;

	padding-right:100px;

}

.padding-y50{

	padding-top: 50px;

	padding-bottom: 50px;

}

.padding-y100{

	padding-top: 100px;

	padding-bottom: 100px;

}







.btn_right{

	padding:10px 0px 10px 0px;

	float: right;

}

.btn_left{

	padding:10px 0px 10px 0px;

	float: left;

}

.btn_center{

	padding:10px 20px 10px 20px;



}

.btn_theme{

	display:inline-block;

	position:relative;

	color:#333;

	text-transform:uppercase;

	z-index:1;

}



.btn_theme:hover.btn_right .btn_txt{

	transform:translateX(-25px);

	color:#fff;

}

.btn_theme:hover.btn_right, .btn_theme_inverse:hover.btn_right

{

	padding: 10px 0px 10px 50px;

}

.btn_theme:hover.btn_left .btn_txt{

	transform:translateX(25px);

	color:#fff;

}

.btn_theme:hover.btn_left,.btn_theme_inverse:hover.btn_left

{

	padding:10px 50px 10px 0px;

}

.btn_theme:hover.btn_center .btn_txt{

	transform:scale(1.1,1.1);

	color:#fff;

}

.btn_theme .btn_stroke{

	height:1px;

	position:absolute;

	left:0px;

	right:0px;

	bottom:0px;

	z-index:-1;

	background-color:#333;

}

.btn_theme:hover .btn_stroke{

    height: 100%;

}



.btn_theme_inverse{

	display:inline-block;

	position:relative;

	color:#fff;

	text-transform:uppercase;

		z-index:1;

}

.btn_theme_inverse .btn_txt{

	display:block;

	z-index:1;

}

.btn_theme_inverse:hover.btn_right .btn_txt{

	transform:translateX(-25px);

	color:#333;

}

.btn_theme_inverse:hover.btn_left .btn_txt{

	transform:translateX(25px);

	color:#333;

}

.btn_theme_inverse .btn_stroke{

	height:1px;

	position:absolute;

	left:0px;

	right:0px;

	bottom:0px;

	z-index:-1;

	background-color:#fff;

}

.btn_theme_inverse:hover .btn_stroke{

    height: 100%;

}

.bdr-t{

	border-top: 1px solid #ccc;

}





#fixed-vheader{

	

	position:fixed;

	height:100vh;

	width:90px;

	right:0;

	z-index: 1;

	box-shadow: #ccc 1px 0px 10px;

	-webkit-box-shadow: #ccc 1px 0px 10px;

	-moz-box-shadow: #ccc 1px 0px 10px;

    background-color: #fff;

}



#fixed-vheader.navbar-main-custom .navbar-header{

	display:block;

	padding-top:30px;

	padding-left:10px;

	padding-right:10px;

	padding-bottom:15px;

	float:none;



}



#fixed-vheader.navbar-main-custom .navbar-header .menu-btn{

	padding:10px;

	text-align:center;

}

#fixed-vheader.navbar-main-custom .navbar-header .menu-btn a{

	text-decoration:none;

	/* font-size:24px; */

	color:#333;

	font-weight:normal;

	display:block;

}

#fixed-vheader.navbar-main-custom .navbar-header .menu-btn .menu-i{

	display: block;

	text-align: center;

	text-align: -webkit-center;

	text-align: -moz-center;

	text-align: -ms-center;

}

#fixed-vheader.navbar-main-custom .navbar-header .menu-btn .menu-i i{

	display: inline-block;

	font-size: 6px;

}

#fixed-vheader.navbar-main-custom ul.social{

	padding: 10px;

    position: absolute;

    bottom: 0px;

    margin-left: auto;

    margin-right: auto;

    left: 0px;

    right: 0px;

}

#fixed-vheader.navbar-main-custom ul.social li{

	float: none;

    list-style: none;

    text-align: center;

    margin-left: auto;

    margin-right: auto;

	margin-top:10px;

	margin-bottom:10px;

}



#fixed-vheader.navbar-main-custom .social .social-icons-circle{

	border-radius: 50%;

    background-color: #000;

	

    /* display: inline-block; */

    text-align: center;

    padding: 5px;

    width: 40px;

    height: 40px;

    line-height: 30px;

    font-size: 16px;

}

#fixed-vheader.navbar-main-custom .social .social-icons-circle a{

	color:#FFF!important;

	}



/* Loader Starts */





#loading{

	background-color: #fff;

	height: 100%;

	width: 100%;

	position: fixed;

	z-index: 3;

	margin-top: 0px;

	top: 0px;

	overflow:hidden;

}

#loading-center{

	width: 100%;

	height: 100%;

	position: relative;

	}

#loading-center-absolute {

	position: absolute;

	/* left: 49%; */

	top: 37%;

	/* height: 200px; */

	width: 500px;

	left: 0;

	right: 0;

	margin: 0 auto;

}

#loading-center-absolute img{

	/* width: 100%; */

	float: left;

}

.anim-sec

{

	overflow: hidden;

}

.ball-imgd

{

	background-color: #fff;

	/* overflow: hidden; */

	width: 130px;

	float: left;

	z-index: 0;

}

.anim-sec .ball-img

{

	width: 130px;

	position: relative;

}

.anim-sec .line-img

{

	width: 300px;

	margin-top: 50px;

	margin-left: 20px;

	position: relative;

	-webkit-transform: translateX(0%);

  -moz-transform: translateX(0%);

  transform:translateX(0%);

  z-index: -1;

}

.anim-sec .ball-img{

  /* -webkit-transform: translateX(0%);

  -moz-transform: translateX(0%);

  transform:translateX(0%); */

  transition: all 0.6s ease;

  -webkit-transition: all 0.6s ease;

  -moz-transition: all 0.6s ease;

  -ms-transition: all 0.6s ease;

  animation: animove3 3s forwards;

  -webkit-animation: animove3 3s forwards;

  -moz-animation: animove3 3s forwards;

  animation-name: animove2;

  animation-delay: 1s;

  opacity: 0;

  animation-duration: 3s;

}

.anim-sec .line-img{

  transition: all 0.6s ease;

  -webkit-transition: all 0.6s ease;

  -moz-transition: all 0.6s ease;

  -ms-transition: all 0.6s ease;

  animation: animove3 2s forwards;

  -webkit-animation: animove3 2s forwards;

  -moz-animation: animove3 2s forwards;

  animation-delay: 3s;

  animation-name: animove3;

  opacity: 0;

  animation-duration: 2s;

}

/* @keyframes animove{

  0%{ transform:translateX(100%);}

  100%{ transform:translateX(-100%);}

} */

@keyframes animove2{

  0%{ transform:translateX(100%); opacity:0;}

  100%{ transform:translateX(0%); opacity:1;}

}

@keyframes animove3{

  0%{ transform:translateX(-110%); opacity:0;}

  100%{ transform:translateX(0%); opacity:1;}

}



/* Loader Ends */



.menu{

	width: 300px;

    position: fixed;

    right:0px;

    background-color: #fff;

    display: block;

    height: 100vh;

    top: 0px;

    z-index: 5;

	-webkit-transition:all ease 0.6s;

	-moz-transition:all ease 0.6s;

	transition:all ease 0.6s;

	padding:15px;

	opacity:0;

	transform:translateX(300px);



}

.menu ul{

	padding:0px;

	margin:0px;

}

.menu ul li{

	list-style:none;

	position: relative;

}

.menu .menu-ul span.arrow{

	background: url('../img/down-arrow.png') no-repeat;

	background-size: 13px 13px;

	position: absolute;

	width: 13px;

	height: 13px;

	right: 10px;

}

.menu .menu-ul .sub-menu{

	padding-left: 10px;

}

.menu ul li a{

	display:block;

	padding:15px 10px;

	font-size:14px;

	color:#333;

	transition:0.5s ease;

}

.menu ul li a:hover{



	color:#15306f;

	text-decoration:underline;

	

}

.menu_close{

	opacity:0;

	transform:translateX(300px);

	-webkit-transform:translateX(300px);

	-webkit-transition:all ease 0.6s;

	-moz-transition:all ease 0.6s;

	transition:all ease 0.6s;



}

.menu.menu_open ul li a{

	opacity:1;

	transform:translateX(0px);

}

.menu_open{

	opacity:1;

	transform:translateX(0px);

	-webkit-transform:translateX(0px);

	-webkit-transition:all ease 0.6s;

	-moz-transition:all ease 0.6s;

	transition:all ease 0.6s;

	box-shadow: #999 1px 0px 10px;

	-webkit-box-shadow: #999 1px 0px 10px;

	-moz-box-shadow: #999 1px 0px 10px;

}



.site-wrapper{

	

	margin-right:90px;

	    z-index: -1;

    background-color: #fff;

	margin-bottom:300px;

	

}



#banner{

	height:100vh;

	

}

#banner img{

    object-fit: cover;



    width: 100%;

    min-height: 100%;

}

.logo-img

{

	width: 225px;

	height: 49px;

	background: url('../img/RCG-logo-w.png') no-repeat;

	background-size: 225px 49px;

	display: block;

}

.logo-wh .logo-img

{

	background: url('../img/RCG-logo.png') no-repeat;

	background-size: 225px 49px;

}

.top-logo-section

{

	position: absolute;

	z-index: 2;

	padding: 35px 40px;

}

.logo-overlay

{



}

.foot-logo

{



}

.foot-logo a

{

	width: 225px;

	height: 49px;

	background: url('../img/RCG-logo.png') no-repeat;

	background-size: 225px 49px;

	display: block;

}

.copy-foot

{



}

.copy-foot p

{

	padding-top: 30px;

}

.copy-foot p.copy-le{

	float: left;

}

.copy-foot p.copy-ri{

	float: right;

}

.copy-foot p a{

	color: #000;

}



/* #banner .logo-overlay{

	 position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  padding:30px;

  height: 100px;

      /* width: 100%; */

    /* margin-right: 108px; */

/* } */

/* #banner .logo-overlay img{

	width:225px;

}  */

.content-block img{

	width:100%;

	object-fit: cover;

    height: 100%;

}



.bg-theme-blue{

	background-color:#15306f;

}

.text-theme-blue{

	color:#15306f;

}



.bg-theme-gray{

	background-color:#333333;

}

.text-theme-gray{

	color:#333333!important;

}



.text-weight-lighter{

	font-weight:lighter;

}

.text-white{

	color:#fff!important;

}

.block-title{

	text-transform:uppercase;

	margin:0px;

}

.block-subtitle{

	font-family: 'Oxygen-Regular';

	line-height: 35px;

    margin: 0px;

    /* padding-left: 5px; */

    color: #fff;

}
#counter-block .block-subtitle {
font-family : 'Roboto-Regular';
}

.brand-content .block-subtitle

{

	color: #333;

}



.card-block{

	box-shadow:2px 2px 8px 3px #ddd;

}



.card-block .stroke{

	height: 1px;

    background-color: #15306f;

    width: 50px;

    margin-left: auto;

    margin-right: auto;

}

.card-caption{

	font-style:italic;

	line-height:30px;

	font-size:15px;

}







.hover_block {

  position: relative;

  background-color:#eee;

  height: 300px;

  margin-bottom: 20px;

}



.image {

  display: block;

  width: 100%;



  opacity: 0;

    transition: .5s ease;

}



.overlay {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  height: 100%;

  width: 100%;



}

.hover_block .btn_theme_inverse{

	opacity:0;

	transition: .2s ease;

}

.hover_block .stroke{

	height: 1px;

    background-color: #333;

    width: 70px;

    margin-left: auto;

    margin-right: auto;

	transition: .5s ease;

}



.hover_block:hover .image {

	filter:brightness(50%);

  opacity: 1;

}



.hover_block h3{

color:#333;

  transition: .5s ease;

  transform: translateY(0px);

  -webkit-transform: translateY(0px);

}

.hover_block:hover h3{

	color:#fff;

  transform: translateY(-30px);

  -webkit-transform: translateY(-30px);

}

.hover_block:hover .stroke{

	   background-color: #fff;

	    width: 50px;

	 transform:rotate(90deg);

  -webkit-transform: rotate(90deg);

}

.hover_block:hover .btn_theme_inverse{

	opacity:1;

	transform: translateY(35px);

  -webkit-transform: translateY(35px);

}



header{



}

.menu-c-clo

{

	color: #000;

	opacity: 1;

	float: right;

	display: block;

    height: 50px;
    width: 100%;
    padding: 10px;
	text-align:right;
	position:fixed;
	top:0px;
	right:0px;

}

.menu-close:hover

{

	opacity: 1;

}

.menu-close i

{

	

}

footer{

	background-color:#ddd;

	margin-right: 90px;

	position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: -1;

    transition: opacity 250ms 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);

	

}

footer .list-inline > li

{

	padding: 0 10px;

	border-right: 1px solid #666;

	margin-bottom: 10px;

}

footer .list-inline > li a

{

	color: #333;

}

footer .list-inline > li:last-child

{

	border-right: 0;

}

footer .list-inline > li:hover a

{

	color: #000;

}

footer .block-subtitle{

    padding-left: 5px;

    color: #333;

}





/* Homepage vetri block */



.vetry-block

{



}

.vetry-a

{

	width: 100%;

	height: 400px;

	display: block;

}

.vetry-block .vetry-cont

{

	width: 100%;

	height: 100%;

	position: relative;

	z-index: 0;

}

.vetry-block .vetry-cont:before

{

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.5);

	top: 0;

	left: 0;

	z-index: -1;

}

.vetry-cont h5

{

	text-align: center;

	color: #fff;

	padding-top: 140px;

	padding-bottom: 30px;

	opacity: 0;

	transform: translateY(30px);

	-webkit-transform: translateY(30px);

	-moz-transform: translateY(30px);

	transition: all ease 0.5s;

	-webkit-transition: all ease 0.5s;

	-moz-transition: all ease 0.5s;

}

.vetry-a:hover .vetry-cont h5

{

	opacity: 1;

	transform: translateY(0px);

	-webkit-transform: translateY(0px);

	-moz-transform: translateY(0px);

	transition: all ease 0.5s;

	-webkit-transition: all ease 0.5s;

	-moz-transition: all ease 0.5s;

}

.vetry-block .vetry-cont img

{

	width: 70px;

	height: 70px;

	display: block;

	margin: 0 auto;

	transform: translateY(-35px);

	-webkit-transform: translateY(-35px);

	-moz-transform: translateY(-35px);

	transition: all ease 0.5s;

	-webkit-transition: all ease 0.5s;

	-moz-transition: all ease 0.5s;

}

.vetry-block .vetry-a:hover .vetry-cont img

{

	width: 70px;

	height: 70px;

	display: block;

	margin: 0 auto;

	transform: translateY(10px);

	-webkit-transform: translateY(10px);

	-moz-transform: translateY(10px);

	transition: all ease 0.5s;

	-webkit-transition: all ease 0.5s;

	-moz-transition: all ease 0.5s;

}



/* Vetry ends */



/* Homepage banner starts */



.home-slider, .home-slider .slick-list, .home-slider .slick-track {

	height: 100%;

}

.home-slider .slick-dots {

	bottom: 20px;

}

.home-slider .slick-dots li button {

	background-color: #fff;

	width: 12px;

	height: 12px;

	border-radius: 50%;

}

.home-slider .slick-dots li button:before {

	content: none;

}

.slick-prev, .slick-next {

	z-index: 2;

	color: #000 !important;

	opacity: 1 !important;

}

.slick-prev:hover , .slick-next:hover {

	opacity: 1 !important;

	color: #000 !important;

}

.slick-prev:before, .slick-next:before {

	content: none;

}

.slick-prev {

	left: 20px;

}

.slick-next {

	right: 20px;

}

.slick-prev span, .slick-next span

{

	font-size: 30px;

	opacity: 1 !important;

	color: #000 !important;

}

.inn-slide .slick-slide

{

	border: 0 !important;

}





/* Homepage banner ends */



/* Subpages starts */



.top-logo-section.sub-section-head {

	width: 100%;

	position: relative;

	padding: 20px 40px;

}

.inner-banner-sub {

	width: 100%;

	min-height: 280px;

	position: relative;

	overflow: hidden;

}

.inner-banner-sub2, .inner-content-banner {

	width: 100%;

	/* height: 450px; */

	position: relative;

	overflow: hidden;

	background-color: #000;

}

.inner-banner-sub .over-layer, .inner-banner-sub2 .over-layer {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.3);

	z-index: 0;

}

.inner-content-banner .over-layer {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.6);

	z-index: 0;

}



/* .inner-banner-sub2:after

{

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.3);

} */

.inner-banner-sub h1

{

	color: #fff;

	padding-top: 110px;

}

.head-in-double h1

{

	color: #fff;

	float: left;

	width: 40%;

	padding-top: 80px;

}

.head-in-double h6

{

	color: #fff;

	float: left;

	line-height: 32px;

	padding-top: 80px;

	padding-bottom: 80px;

	width: 60%;
text-align:justify;

}



.inner-subtitle

{

	color: #15306f;

}

.infra-bg

{

	background-color: #eee;

}

.infra-indouble

{

	background-color: #fff;

	margin-top: 20px;

	margin-bottom: 20px;

}

.sub-inner-sec-left, .sub-inner-sec-right

{

	margin-top: 60px;

	margin-bottom: 40px;

}

.infra-indouble .sub-inner-sec-left

{

	margin-top: 20px;

	margin-bottom: 0px;

	padding: 0 20px;

}

.infra-indouble .sub-inner-sec-right

{

	margin-top: 0;

	margin-bottom: 20px;

	padding: 0 20px;

	min-height: 230px;

}

.sub-inner-sec-left p, .sub-inner-sec-right p

{

	line-height: 30px;

}

.infra-indouble .sub-inner-sec-left p, .infra-indouble .sub-inner-sec-right p

{

	text-align: justify;

}

.sub-inner-img-left, .sub-inner-img-right

{

	margin-top: 15px;
	margin-bottom: 15px; 

}

.sub-inner-img-left img, .sub-inner-img-right img

{

	width: 100%;

}

.brand-pack

{

	display: block;

	position: relative;

	width: 100%;

	height: 400px;

	overflow: hidden;

}

.brand-pack:before

{

	content: '';

	position: absolute;

	width: 0;

	height: 100%;

	left: 0;

	top: 0;

	background-color: rgba(0, 0, 0, 0.8);

	transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out; 

}

.brand-pack:hover:before

{

	width: 100%;

}

.brand-pack .brand-title-pack

{

	width: 400px;

	padding: 30px 0;

	text-align: center;

	opacity: 1;

	background-color: rgba(0,0,0,0.8);

	color: #fff;

    transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    transform-origin: left top 0;

    -webkit-transform-origin: left top 0;

    -moz-transform-origin: left top 0;

    position: absolute;

    top: 100%;

	transition: all 0.5s ease-out;

	-webkit-transition: all 0.5s ease-out;

}

.brand-pack:hover .brand-title-pack

{

	opacity: 0;

	transition: all 0.4s ease-out;

	-webkit-transition: all 0.4s ease-out;

}

.brand-pack .btn_left

{

	top: 44%;

    left: 40%;

    opacity: 0;

    transition: .35s cubic-bezier(.645,.045,.355,1);

    -webkit-transition: .35s cubic-bezier(.645,.045,.355,1);

    -moz-transition: .35s cubic-bezier(.645,.045,.355,1);

    -ms-transition: .35s cubic-bezier(.645,.045,.355,1);

}

.brand-pack:hover .btn_left

{

	opacity: 1;

}

.brand-pack:hover .btn_theme.btn_left .btn_txt, .brand-pack .btn_theme:hover.btn_left .btn_txt

{

	transform: translateX(25px);

	color: #333;

}

.brand-pack .btn_theme .btn_stroke

{

	background-color: #fff;

}

.brand-pack:hover .btn_theme.btn_left, .brand-pack .btn_theme:hover.btn_left

{

	padding: 10px 50px 10px 0;

}

.brand-pack:hover .btn_theme .btn_stroke, .brand-pack .btn_theme:hover .btn_stroke

{

	height: 100%;

}



.award-acco

{



}

.award-acco ul

{



}

.award-acco ul li

{

	font-size: 14px;

	line-height: 26px;

	padding-bottom: 15px;

}



.gallery

{

	margin-top: 30px;

	margin-bottom: 30px;

}

.gallery figure

{

	width: 31.33%;

	float: left;

	margin: 1%;

}

.pswp__bg

{

	background-color: rgba(0, 0, 0, 0.6) !important;

}

.pswp__counter

{

	display: none;

}



.client-logo

{

	margin-bottom: 40px;

}

.client-logo-img

{

	width: 100%;

	margin: 20px 0;

}

.client-logo-img img

{

	width: 100%;

	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

    filter: grayscale(100%);

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

}

.client-logo-img:hover img

{

	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */

    filter: grayscale(0%);

}

.enquiry-write

{

	/* background-color: #000; */

}
.store-pack.padding-y100 {
padding-top:60px;
padding-bottom:60px;
}

.enquiry-tab .nav-tabs

{

	background-color: #000;

	padding: 30px 20px;

}

.enquiry-write .enquiry-set

{

	width: 25%;

	float: left;

	text-align: center;

	padding: 40px 0;

}

.enquiry-write .enquiry-set

{

	color: #fff;

}



.enquiry-tab .nav-tabs li

{

	width: 25%;

	text-align: center;

}

.enquiry-tab .nav-tabs li a

{

	color: #fff;

	position: relative;

	display: inline-block;

}

.enquiry-tab .nav-tabs li a:after

{

	content: '';

	background-color: #fff;

	height: 1px;

	width: 0;

	position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: 0;

    transition: all 0.5s ease-in;

    -webkit-transition: all 0.5s ease-in;

    -moz-transition: all 0.5s ease-in;

}

.enquiry-tab .nav-tabs li:hover a:after, .enquiry-tab .nav-tabs li.active a:after

{

	width: 100%;

}

.enquiry-tab .nav-tabs > li.active > a, .enquiry-tab .nav-tabs li a

{

	color: #fff;

}

.enquiry-tab .nav-tabs > li.active > a, .enquiry-tab .nav-tabs > li.active > a:hover, .enquiry-tab .nav-tabs > li.active > a:focus, .enquiry-tab .nav > li > a:hover, .enquiry-tab .nav > li > a:focus

{

	background-color: transparent;

	border-color: transparent;

}



.enquire-form

{

	width: 800px;

	margin: 0 auto;

	padding: 40px 0;

}

.enquire-form h4, .franchise-form h4

{

	color: #15306f;

	text-align: center;

}

.enquire-form form

{

	padding-top: 30px;

}

.form-control

{

	background-color: #fff;

	border: 1px solid #ccc;

	width: 100%;

	height: 40px;

	box-shadow: none;

	border-radius: 0;

	font-size: 14px;

	font-family: 'Roboto-Light';

}

textarea.form-control

{

	height: 100px;

}

form .btn-default

{

	width: 130px;

	background-color: #15306f;

	margin: 0 auto;

	margin-top: 20px;

	color: #fff;

	box-shadow: none !important;

	border: 0 !important;

	border-radius: 0;

	display: block;

}

form .btn-default:hover, form .btn-default:focus

{

	background-color: #0b1e49;

	color: #fff;	

}

.enquire-form .control-label

{

	/* line-height: 34px; */

}



.enquire-form [type="checkbox"] + label:before, .enquire-form [type="checkbox"]:not(.filled-in) + label:after

{

	width: 13px;

	height: 13px;

	top: 1px;

}

.enquire-form [type="checkbox"]:checked + label:before

{

	width: 8px;

	height: 15px;

	top: 0;

}

.enquire-form .form-group .jscolor

{

	height: 40px;

	width: 100%;

	padding: 6px 12px;

	border: 1px solid #ccc;

}

.franchise-contact

{

	width: 100%;

	background-color: #15306f;

	padding-bottom: 25px;

	padding-top: 25px;

}

.franchise-contact .cont-t

{

	float: left;

}

.franchise-contact .cont-v

{

	float: right;

}

.franchise-contact p

{

	color: #fff;

}

.franchise-contact .cont-v p

{

	float: left;

	padding-left: 40px;

}

.franchise-contact .cont-v p span

{

	padding: 0 5px;

}

.franchise-contact .cont-v p span.fa

{

	padding: 0 5px;

	width: 40px;

	float: left;

	position: relative;

	top: 7px;

}

.franchise-contact .cont-v p span.contact-ili

{

	width: calc(100% - 40px);

	float: left;

}

.franchise-form

{

	padding: 60px 0;

}

.franchise-form form

{

	

}

.franchise-content

{

	padding: 20px 0;

}

.franchise-form h4

{

	padding-bottom: 25px;

}

.franchise-content h4, .content-det h4

{

	color: #15306f;

	text-align: left;

	padding-bottom: 15px;

	padding-top: 30px;

}

.content-det h4

{

	padding-top: 60px;

}

.franchise-content ul

{

	

}

.franchise-content ul li

{

	font-size: 14px;

	line-height: 30px;
text-align:justify;

}

.franchise-content ul li:before

{

	/* content: '-'; */

	padding-right: 8px;

}

.choose-set

{

	background-color: #000;

	text-align: center;

}

.choose-set span

{

	color: #fff;

	display: block;

	margin: 20px 0;

}

.choose-set h5

{

	color: #fff;

	line-height: 30px;

	margin-bottom: 40px;

	width: 80%;

	margin-left: 10%;

}



/* Material form css starts */



.form-group {

	margin-bottom: 35px;

}

.form-group select {

  width: 100%;

  font-size: 14px;

  /* height: 4px; */

  padding: 5px 7px;

  background: none;

  border: none;

  line-height: 20px;

  height: 40px;

  box-shadow: none;

}

.form-group .control-label {

  position: absolute;

  top: 0.25rem;

  pointer-events: none;

  padding-left: 0.125rem;

  font-size: 14px;

  z-index: 1;

  color: #b3b3b3;

  font-weight: normal;

  -webkit-transition: all 0.28s ease;

  transition: all 0.28s ease;

}

.form-group .bar {

  position: relative;

  border-bottom: 1px solid #999;

  display: block;

}

.form-group .bar::before {

  content: '';

  height: 0.125rem;

  width: 0;

  left: 50%;

  bottom: -0.0625rem;

  position: absolute;

  background: #15306f;

  -webkit-transition: left 0.28s ease, width 0.28s ease;

  transition: left 0.28s ease, width 0.28s ease;

  z-index: 2;

}

.form-group input,

.form-group textarea {

  display: block;

  background: none;

  /* padding: 0.125rem 0.125rem 0.0625rem; */

  padding: 5px 7px;

  /* font-size: 1rem; */

  height: 40px;

  font-size: 14px;

  border-width: 0;

  border-color: transparent;

  line-height: 20px;

  width: 100%;

  height: 40px;

  color: transparent;

  -webkit-transition: all 0.28s ease;

  transition: all 0.28s ease;

  box-shadow: none;

}

.form-group input[type="file"] {

  line-height: 1;

}

.form-group input[type="file"] ~ .bar {

  display: none;

}

.form-group select,

.form-group input:focus,

.form-group input:valid,

.form-group input.form-file,

.form-group input.has-value,

.form-group textarea:focus,

.form-group textarea:valid,

.form-group textarea.form-file,

.form-group textarea.has-value {

  color: #333;

}

.form-group select ~ .control-label,

.form-group input:focus ~ .control-label,

.form-group input:valid ~ .control-label,

.form-group input.form-file ~ .control-label,

.form-group input.has-value ~ .control-label,

.form-group textarea:focus ~ .control-label,

.form-group textarea:valid ~ .control-label,

.form-group textarea.form-file ~ .control-label,

.form-group textarea.has-value ~ .control-label {

  font-size: 12px;

  color: gray;

  top: -1rem;

  left: 15px;

}

.form-group select:focus,

.form-group input:focus,

.form-group textarea:focus {

  outline: none;

}

.form-group select:focus ~ .control-label,

.form-group input:focus ~ .control-label,

.form-group textarea:focus ~ .control-label {

  color: #15306f;

}

.form-group select:focus ~ .bar::before,

.form-group input:focus ~ .bar::before,

.form-group textarea:focus ~ .bar::before {

  width: 100%;

  left: 0;

}





/* Material form css starts */



.store-filter 

{

	background-color: #fff;

	margin-top: 30px;

}

.store-filter h4{

	padding-bottom: 20px;

	padding-top: 30px;

}

.store-filter .form-control

{

	background-color: #fff;

    border: 1px solid #ccc;

}

form .btn-default

{

	margin-top: 0;

}

.store-inl.infra-indouble .sub-inner-sec-right

{

	min-height: 110px;

}



/* Subpages ends */

.img-icon{
	height:30px;
	width:auto;
}
.form-group .errorMessage, .form-group .alert-error {
color: #e60b0b;
position:relative;
top:5px;
font-size:13px;
}
.form-group .alert-error {
position:absolute;
top:45px;
}