/************************************** FONTS STYLE STARTS ***********************************/
@font-face {
    font-family: 'RobotoThin';
    src: url('fonts/Roboto-Thin.woff2') format('woff2'),
        url('fonts/Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoBold';
    src: url('fonts/Roboto-Bold.woff2') format('woff2'),
        url('fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoRegular';
    src: url('fonts/Roboto-Regular.woff2') format('woff2'),
        url('fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoMedium';
    src: url('fonts/Roboto-Medium.woff2') format('woff2'),
        url('fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoLight';
    src: url('fonts/Roboto-Light.woff2') format('woff2'),
        url('fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
/************************************** FONTS STYLE ENDS *************************************/
@media (min-width: 1200px){
	.hidden-xl{display:none;}
}
@media screen and (min-width:992px) and (max-width:1199px){
	.hidden-lg{display:none;}
}
@media screen and (min-width:768px) and (max-width:991px){
	.hidden-md{display:none;}
}
@media screen and (min-width:576px) and (max-width:767px){
	.hidden-sm{display:none;}
}
@media (max-width: 575px){
	.hidden-xs{display:none;}
}
/************************************** COMMON STYLE CLASSES STARTS **************************/
/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/************************************** COMMON STYLE CLASSES STARTS **************************/
body {
    font-family: arial;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    background-color: #fff;
}
a,
a:hover,
a:focus,
a:visited {
    text-decoration: none;
}
a:focus { 
    outline: none; 
}
button:focus {outline:0;}
.fluid0 {
    padding: 0;
    margin: 0;
}
.container0 {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 992px){
	.border-lg-right-dotted {
    border-right:1px dashed #557DB9!important;
	}
}
/*************************************** COMMON STYLE CLASSES ENDS ****************************************/
/***************************************  TOP CLASSES STARTS **********************************************/
#header .toptxt{
	font-family: 'RobotoRegular';
    font-size: 14px;
    color: #21232D;
    font-weight: normal;
}
#header .toptxtsub{
	font-family: 'RobotoRegular';
    font-size: 14px;
    color:#21232D;
    font-weight: normal;
}
/***************************************  TOP CLASSES ENDS **************************************************/
/***************************************  FA ICONS CLASSES START ********************************************/
.fa1 {
	display: inline-block;	
	width:28px;
	height:28px;
	text-align:center;
	padding-top:7px;
	color:#273186;
	background:transparent;	
} 
.fa1:hover{
	color:#21232D;
}
/***************************************  FA ICONS CLASSES ENDS **********************************************/
/***************************************  LARGE SCREEN TOP MENU CLASSES STARTS *******************************/
.nav .nav-item{
	padding-left:25px;
	padding-right:25px;
}
.nav .nav-item .nav-link{
	color:#21232D;   
    font-size: 16px;
    font-family: 'RobotoBold';
    text-decoration: none;
    text-transform: uppercase;
	padding-left:0px;
	padding-right:0px;
	text-shadow:none!important;
}
.nav .nav-item .nav-link:focus,
.nav .nav-item .nav-link:hover,
.nav .nav-item .nav-link.active {
    background-image: url(webimg/hover.jpg) !important;
    background-position: bottom center;
    bgproperties: fixed;
    background-repeat: repeat-x;
    color:#273186;
    background-color: transparent;
}
.bg{
	background-image:url('webimg/left.jpg');
	background-position:left;
	background-repeat:no-repeat;
}
.bannertxt{
	background-color:#21242D;
    z-index: 000;
    opacity: 0.9;
    margin-top: -12%;
    position: relative;
}
.txtbanner{
	font-family:'RobotoThin';
	font-size:56px;
	color:#fff;
}
/*************************************** LARGE SCREEN  TOP MENU CLASSES ENDS *********************************/
/*************************************** LARGE SCREEN  DROPDOWN MENU CLASSES STARTS **************************/
.dropdown:hover>.dropdown-menu {
	display: block;
}
.dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
.dropdown-item {
    display: block;
    width: 100%;
	padding-top: 1.25rem;
    padding-right: 1.5rem;
    padding-bottom: 1.25rem;
    padding-left: 1.5rem;
    clear: both;
    color: #21232D;   
    font-size: 16px;
    font-family: 'RobotoMedium';
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
	border-radius:0!important;
}
.dropdown-item:hover{
		color:#fff!important;
		background-color:#273186;
		border-radius:0!important;
}
/*************************************  LARGE SCREEN DROPDOWN MENU CLASSES ENDS *****************************/
/*************************************  SMALL SCREEN SIDE MENU CLASSES STARTS *******************************/
.mh-head {
	background: #ffffff!important;/*****<!-- header bg color------>***/
	color: #000000!important;
}
.mh-text{
	font-size: 16px;
	font-weight: bold;
}
.mh-head .hamburger-inner,
.mh-head .hamburger-inner:after, 
.mh-head .hamburger-inner:before{
	background:#273186;  /*****<!-- header span line bg color------>***/
}
.mm-navbar__title {
	color:#fff!important;/*****<!-- header menu text color------>***/
}
/****SILDE BACKGROUND****/
#mm-1{
	background: #273186;	
}
#mm-2{
	background: #5d7eaf;	
}
/*
#mm-3{
	background: #656565;	
}
#mm-4{
	background: #656565;	
}
#mm-5{
	background: #656565;	
}***SILDE BACKGROUND****/
.mm-menu {
    background: #cecece;
    font-family: 'RobotoBold';
    font-size: 16px;    
    text-transform: uppercase;
    color: #fff!important;
}
.mm-menu .mm-listview .mm-btn_next:after {
    border-color: #fff!important;/****LEFT ARW****/
}
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
     border-color: #fff!important;/****RIGHT ARW****/
} 
/*************************************** SMALL SCREEN SIDE MENU CLASSES ENDS ********************/
/*************************************** SLIDER STYLE CLASSES STARTS ***************************/
/*carousel-indicators position*/
/* .carousel-indicators {
    position: absolute;
    top: 40%;   
    left: 98%;
    z-index: 15;   
    padding-left: 0;
    margin-left: 0%;
    text-align: center;
    list-style: none;
} */
.carousel-indicators li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 2px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: hsla(0, 18%, 95%, 0);
    border: 1px solid #fff;
    border-radius: 10px;
}
.carousel-indicators .active {
    display: inline-block;
    width: 12px;
    height: 12px;
	 margin: 2px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: hsla(0, 18%, 95%, 0);
    border-radius: 10px;
    border: 1px solid #fff;
	background-image:url('webimg/caro.png');
	background-repeat:no-repeat;
	background-position:center;
} 
/*************************************** SLIDER STYLE CLASSES ENDS **********************************/
/*************************************** COMMON CONTACT PAGE STYLE CLASSES START ********************/
.txtparaserviceshead{
	font-size: 41px;
	color:#656565;
	font-family: 'Play';
	margin:0px;	
	padding-bottom:10px;
}
.txtparaservices{
	font-size: 25px;
	color:#656565;
	font-family: 'Play';
	margin:0px;	
	padding-bottom:10px;
}
.txtparaservicessub{
	font-size: 22px;
	color:#ffffff;
	font-family: 'Play';
	margin:0px;	
}
.txtgray{
	color:#656565!important;
}
.tred{
	color:red;
}
.taddress{
	font-size: 15px;
	color:#333333;
	font-family: 'latoregular';
}
.taddressh{
	font-size: 26px;
	color:#21232D;
	font-family: 'RobotoMedium';
}
/* Sweep To Right */
.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color:#273186;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
	color: #fff!important;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.button {
    border: 1px solid #000;
    background: transparent;  
    font-family: latoregular;
    color:red;	
}
/*************************************** COMMON CONTACT PAGE STYLE CLASSES ENDS *********************/
/*************************************** COMMON INNER PAGE STYLE CLASSES START **********************/
@media (max-width:991px){
	.trianglebg{
	background-color:#557DB9;
margin-bottom:30px;	
	}
	.trianglebg1{
	background-color:#557DB9;
margin-bottom:30px;	
	}
.bg3, .bg2, .bg5, .bg6{
	margin-left:0px!important;
}
	.serbg1, .serbg2, .serbg3, .serbg4, .serbg5, .serbg6, .serbg7, .serbg8, .serbg9{
	margin-left:0px!important;
}	
}
@media (min-width: 992px){
.trianglebg{
	background-image:url('webimg/trianglebg.png');
	background-position:top left;
	background-repeat:no-repeat;
	background-size:contain;
	}
	.trianglebg1{
	background-image:url('webimg/trianglebg1.png');
	background-position:top left;
	background-repeat:no-repeat;
	background-size:contain;
	}

}
.thead{
	font-size: 30px;
	color:#557DB9;
	font-family: 'RobotoRegular';
	margin:0px;	
	padding-bottom:20px;
}
.thead2{
	font-size: 41px;
	color:#818181;
	font-family: 'RobotoLight';
	margin:0px;	
	padding-bottom:20px;
}
.tsubhead{
	font-size: 27px;
	color:#21232D;
	font-family: 'RobotoMedium';
	padding-bottom:5px;
	margin-bottom:0px;
}
.txtpara{
	font-size: 17px;
	color:#656565;
	font-family: 'RobotoRegular';
	margin:0px;	
	padding-bottom:10px;
}
.my-slider {
		margin: 0 auto;
	}
	.my-slider ul {
		height: auto;
		overflow: hidden;
		margin-bottom: 0;
	}
	.my-slider li {
		float: left;
		list-style: none;	   
	}
	.my-slider li #descset {
		margin: 0 15px;
	}
	#itemset{
		/* position:relative; */
		/* height:318px; */
		/* width:320px; */
		/* margin-left:15px!important; */
		/* margin-right:15px!important;	 */
	}
/*************************************** COMMON INNER PAGE STYLE CLASSES ENDS ************************/
/*************************************** INNER BANNER STYLE CLASSES STARTS ***************************/
#innerbanner {
    background-position: top center;
    bgproperties: fixed;
    background-repeat: no-repeat;
	width:100%;
}
/*************************************** INNER BANNER STYLE CLASSES ENDS ***************************/
.serbg1{
	background-image:url('webimg/bg1.png');
	background-repeat:no-repeat;
	background-position:left;
	background-size:cover;
}
.serbg2{
	background-image:url('webimg/bg2.png');
	background-repeat:no-repeat;
	background-position:left;
	background-size:cover;
	margin-left: -30px;
}
.serbg3{
	background-image:url('webimg/bg4.png');
	background-repeat:no-repeat;
	background-position:left;
	background-size:cover;
	margin-left: -60px;
}
.serbg4{
	background-image:url('webimg/bg7.png');
	background-repeat:no-repeat;
	background-position:left;
	background-size:cover;
	margin-left: -90px;	
}
.serbg5{
	background-image:url('webimg/bg8.png');
	background-repeat:no-repeat;
	background-position:left;
	background-size:cover;
	margin-left: -120px;
}
.serbg6{
	background-image:url('webimg/bg5.png');
	background-repeat:no-repeat;
	background-position:left;
	background-size:cover;
	margin-left: -150px;
}
.serbg7{
	background-image:url('webimg/bg6.png');
	background-repeat:no-repeat;
	background-position:left;
	background-size:cover;
	margin-left: -180px;
}
.serbg8{
	background-image:url('webimg/bg9.png');
	background-repeat:no-repeat;
	background-position:left;
	background-size:cover;
	margin-left: -210px;
}
.serbg9{
	background-image:url('webimg/bg10.png');
	background-repeat:no-repeat;
	background-position:left;
	background-size:cover;
	margin-left: -240px;
}
.imgnumber{
	position:absolute;
    top: -20px;
    right: 15px;
}
.bg1{
	background-image:url('webimg/bg1.png');
	background-repeat:no-repeat;
	background-position:left;
	background-size:cover;
}
.bg2{
	background-image:url('webimg/bg2.png');
	background-repeat:no-repeat;
	background-position:left;
	background-size:cover;
	margin-left: -40px;
}
.bg3{
	background-image:url('webimg/bg3.png');
	background-repeat:no-repeat;
	background-position:left;
	background-size:cover;
	margin-left: -80px;
}
.bg4{
	background-image:url('webimg/bg4.png');
	background-repeat:no-repeat;
	background-position:left;
	background-size:cover;
}
.bg5{
	background-image:url('webimg/bg5.png');
	background-repeat:no-repeat;
	background-position:left;
	background-size:cover;
	margin-left: -40px;
}
.bg6{
	background-image:url('webimg/bg6.png');
	background-repeat:no-repeat;
	background-position:left;
	background-size:cover;
	margin-left: -80px;
}

.serbgcolor1{
	background-color:#E44E2C!important;
}
.serbgcolor2{
	background-color:#26B8EB!important;
}
.serbgcolor3{
	background-color:#33B5C2!important;
}
.serbgcolor4{
	background-color:#1B879D!important;
}
.serbgcolor5{
	background-color:#0BA3C6!important;
}
.serbgcolor6{
	background-color:#758F92!important;
}
.serbgcolor7{
	background-color:#E4BB21!important;
}
.serbgcolor8{
	background-color:#9B1B1E!important;
}
.serbgcolor9{
	background-color:#886A29!important;
}

.bgcolor1{
	background-color:#E34F2D!important;
}
.bgcolor2{
	background-color:#29B8EB!important;
}
.bgcolor3{
	background-color:#2FB5C1!important;
}
.bgcolor4{
	background-color:#1E869B!important;
}
.bgcolor5{
	background-color:#12A2C6!important;
}
.bgcolor6{
	background-color:#758E92!important;
}
.bgcolor7{
	background-color:#E4BB22!important;
}
.bgcolor8{
	background-color:#9B1C1F!important;
}
.bgcolor9{
	background-color:#886A29!important;
}
/*************************************** WELCOME  STYLE CLASSES STARTS *****************************/
.welhead{
	font-size:26px;
}
.hblue{
	font-family:'RobotoRegular';
	color:#273186;
}
.hblue1{
	font-family:'RobotoLight';
	color:#273186;
}
.hblack{
	font-family:'RobotoLight';
	color:#000;
}
.foundtxt{
	font-family:'RobotoRegular';
	color:#656565;
	font-size:20px;
}
.welpara{
	color:#656565;
	font-family:'RobotoRegular';
	font-size:17px;
	padding-bottom:20px;
	margin:0;
}
.more {
    border: 1px solid #273186;
    background: transparent;  
    font-family: 'RobotoRegular';
    color:#273186;
	font-size:17px;
	height:44px;
	width:135px;
}
.igalmore {
    border: 1px solid #fff;
    background: transparent;  
    font-family: 'RobotoRegular';
    color:#fff;
	font-size:17px;
	height:44px;
	width:176px;
}
#iorder {
    background-image: url('webimg/orderbg.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
.ctxt{
	font-size:46px;
	color:#fff;
}
.ctxtb{
	font-family:'RobotoLight';
}
.clink{
	font-family:'RobotoRegular';
	font-size:17px;
	color:#000000;
}
.clinkb{
	font-family:'RobotoRegular';
	font-size:17px;
	color:#fff;
}
.pointer {
	cursor: pointer;
	}
/*************************************** WELCOME  STYLE CLASSES ENDS *******************************/
/*************************************** STYLE MEDIA QUERY CLASSES STARTS **************************/
@media (min-width: 1500px){
	.container{
		max-width:1440px;
	}
   
.hoverlay:hover .overlay {
  width: 94%;
}	
}
@media (min-width: 1200px){
}
@media screen and (min-width:1200px) and (max-width:1499px){
.statxt {
    font-size: 18px!important;
}	
#aboutus .thead {
    font-size: 20px!important;
	}
.hoverlay:hover .overlay {
  width: 92%;
}	
	.card-text {
    font-size: 40px;
}
.ctxt {
    font-size: 37px;
}

.clink {
    font-size: 15px;	
}
.m-xl-4 {
    margin: 0 !important;
}
}
@media screen and (min-width:992px) and (max-width:1199px){
.hoverlay:hover .overlay {
  width: 90%;
}	
	.txtbanner {
    font-size: 40px!important;
	}
	.nav .nav-item {
    padding-left: 25px;
    padding-right: 13px;
}
.ctxt {
    font-size: 30px;
}
}
@media screen and (min-width:768px) and (max-width:991px){
.hoverlay:hover .overlay {
  width: 92%;
}		
	.moblogo{
		margin-left:auto;
		margin-right:auto;
		display:block;
	}
	.nav .nav-item {
    padding-left: 20px;
    padding-right: 20px;
}
.ctxt {
    font-size: 35px;
}
}
@media screen and (min-width:576px) and (max-width:767px){
.hoverlay .overlay {
  width: auto;
}	
	.moblogo{
	margin-left:auto;
		margin-right:auto;
		display:block;
	}
	.ctxt {
    font-size: 27px;
}
}
@media (max-width:991px){
	.hide{
		display:none!important;
	}
}
@media (max-width: 575px){
.hoverlay .overlay {
  width: auto;
}	
	.moblogo{
		margin-left:auto;
		margin-right:auto;
		display:block;
	}
	.welhead{
	font-size:38px;
}
.ctxt {
    font-size: 30px;
}
.serhead {
    font-size: 48px!important;
}
.border-right1{
	border-right:0!important;
}
}
/*************************************** STYLE MEDIA QUERY CLASSES ENDS **************************/
/*************************************** BOTTOM STYLE CLASSES STARTS *****************************/
#bottomlinks{
	background-image:url('webimg/blback.jpg');
	background-position:bottom center;
	background-size:cover;background-repeat:no-repeat;
}
#bottomlinks ul li{
	list-style:none;
	color:#818181;
	font-family:'RobotoRegular';
	font-size:18px;
	margin-left:-40px;
}
#bottomlinks ul li:hover{
	color:#557DB9;
}#bottomlinks ul li a{
	list-style:none;
	color:#818181;
	font-family:'RobotoRegular';
	font-size:18px;
	
}
#bottomlinks ul li a:hover{
	color:#557DB9;
}
.blhead{
	font-family:'RobotoBold';
	font-size:24px;
	color:#557DB9;
}
#footercontent{
	background-color:#15171E;
}
.icopyright {
    font-family: 'RobotoRegular';
    font-size: 14px;
    font-weight: normal;
    color:#818181;
}
.idesign {
    font-family: 'RobotoRegular';
    font-size: 14px;
    font-weight: normal;
    color:#818181;
}
.border-right1{
	border-right:1px solid #818181;
}
.fa2 {
	display: inline-block;	
	width:28px;
	height:28px;
	text-align:center;
	padding-top:7px;
	text-align:center;
	color:#818181;
	background:transparent;	
	border:1px solid #818181;
} 
.fa2:hover{
    border:1px solid #273186;
	color:#273186;
}
/*************************************** BOTTOM STYLE CLASSES ENDS *****************************/

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity:0.96;
  background-color: #557DB9;
  overflow: hidden;
  width: 0;
  height: 30%;
  margin:15px;
  transition: .5s ease;
}
.globebg{
	background-image:url('webimg/globebg.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	 background-size:cover;
}
.gallerylobebg{
	background-image:url('webimg/globebg.jpg');
	background-position:top center;
	background-repeat:no-repeat;
}


.text {
  color: white;
  font-size: 20px;
  position: absolute;
  text-align:left;
  font-family:'RobotoRegular';
	font-size:15px;
  top: 50%;
  left: 50%; 
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
/*************************************** 3D STYLE CLASSES starts *****************************/
/*******************************************3D BOX ***********************************/
.serhead{
    font-family: 'RobotoLight';
    font-size:46px;
    color: #000;
}
.galhead{
    font-family: 'RobotoLight';
    font-size:46px;
    color: #fff;
}
.serh {
    font-family: 'Robotoregular';
    font-size: 24px;
    color: #fff;
  	 height:45px;    
}
.sertxt{
	font-family:'RobotoRegular';
	font-size:17px;
	color:#676767;
}
 .proup{
	margin-top: -180px; 
 }
 .ch-grid {
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}
.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}
.ch-grid:after {
	clear: both;
}
.ch-grid li {
   width: 449px;  
   height:380px;
  display: inline-block;
}
 .ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	perspective: 900px;
}
.ch-info{
	position: absolute;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
}
.ch-info > div {
	display: block;
	position: absolute;
	width:100%;
	height:100%;
	text-align:left;
	background-position: center center;
	transition: all 0.4s linear;
	transform-origin: 50% 0%;
}
.ch-info .ch-info-front {
	box-shadow: inset 0 0 0 0px rgba(0,0,0,0.3);
}
.ch-info .ch-info-front1 {
	background-image:url('webimg/card01b.jpg')!important;
	background-size:contain;
    background-repeat:no-repeat;
}
.ch-info .ch-info-front2 {
	background-image:url('webimg/card02b.jpg')!important;
	background-size:contain;
    background-repeat:no-repeat;
}
.ch-info .ch-info-front3 {
	background-image:url('webimg/card03b.jpg')!important;
	background-size:contain;
    background-repeat:no-repeat;
}
.ch-info .ch-info-back {
	transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	opacity: 0;
}
.ch-info .ch-info-back1 {
	background-image:url('webimg/serback01.jpg');
    background-size:contain;
    background-repeat:no-repeat;
}
.ch-info .ch-info-back2 {
	background-image:url('webimg/serback02.jpg');
    background-size:contain;
    background-repeat:no-repeat;
}
.ch-info .ch-info-back3 {
	background-image:url('webimg/serback03.jpg');
    background-size:contain;
    background-repeat:no-repeat;
}
.ch-info .ch-info-back4 {
	background-image:url('webimg/serback04.jpg');
    background-size:contain;
    background-repeat:no-repeat;
}
.ch-info p a {
	display: block;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}
.ch-info p a:hover {
	color: rgba(255,242,34, 0.8);
}
.ch-item:hover .ch-info-front {
	transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	opacity: 0;
}
.ch-item:hover .ch-info-back {
	transform: rotate3d(1,0,0,0deg);
	opacity: 1;
}
.lisp{
	margin-left:28px!important;
}
@media screen and (min-width:1200px) and (max-width:1499px){
	.ch-grid li {
    width: 348px !important;
	height: 280px !important;
    display: inline-block;
}
.serh {
    font-size: 17px;
    	 height:29px;              
}
}
@media screen and (min-width:992px) and (max-width:1199px){
.ch-grid li {
    width: 297px !important;
    height: 279px !important;
    display: inline-block;
}
.lisp{
	margin-left:15px!important;
}
.sp{   
    padding: 0px 0px!important;
    padding-top: 15px!important;
    padding-bottom: 15px!important;
}
.serh {
    font-size: 21px!important;
	  	 height:45px;  
}
.abtimg1
{
	position: absolute;
    top: 35px!important;
	
}
}
@media screen and (min-width:768px) and (max-width:991px){
	.proup{
	top: 15px;
margin-bottom:40px;	
 }
 .lisp{
	margin-left:0px!important;
}
.ch-grid li {
    width: 342px!important;
    height: 380px;
    display: inline-block;
}
.ch-grid li {
padding:7px;
}
.serh {
    font-size: 22px;
	  	 height:45px;  
}
.abtimg1
{
	position: absolute;
    top: 35px!important;
	
}
}
@media screen and (min-width:576px) and (max-width:767px){
.ch-grid li {
	width:250px!important;
	height:240px!important;
	display: inline-block;
}
	.serinh {
    font-size: 15px;
}
.proup{
	top: 15px;
margin-bottom:40px;	
 }
 .lisp{
	margin-left:0px!important;
}
.ch-grid li {
padding:7px;
}	
.serh {
    font-size: 16px;
	  	 height:29px;  
}
.abtimg1
{
	position: absolute;
    top: 35px!important;
	
}
.abtimg3
{
	position: absolute;
    top: 35px!important;
	
}
}
@media screen and (min-width:320px) and (max-width:575px){
	.ch-grid li {
	width:280px!important;
	height:260px!important;
	display: inline-block;
}
.proup{
	top: 15px;
margin-bottom:40px;	
 }
 .lisp{
	margin-left:0px!important;
}
.ch-grid li {
padding:12px;
}		
.serh {
    font-size: 19px;
}
.abtimg1
{
	position: absolute;
    top: 35px!important;
	
}
.abtimg3
{
	position: absolute;
    top: 35px!important;
	
}
}
.btnimg{
    position: absolute;
    right: 15px;
    bottom:0px;
   }
.abtbg1
{
    background-image:url('webimg/abtbg1.jpg');
    background-size:cover;
    background-repeat:no-repeat;
	height: 100%;
}
.abtbg2
{
    background-image:url('webimg/abtbg2.jpg');
    background-size:cover;
    background-repeat:no-repeat;
	height: 100%;
}
.abtbg3
{
    background-image:url('webimg/abtbg3.jpg');
    background-size:cover;
    background-repeat:no-repeat;
	height: 100%;
}
.abtbg4
{
    background-image:url('webimg/abtbg4.jpg');
    background-size:cover;
    background-repeat:no-repeat;
	height: 100%;
}
.abtbg5
{
    background-image:url('webimg/abtbg5.jpg');
    background-size:cover;
    background-repeat:no-repeat;
	height: 100%;
}
.abtbg6
{
    background-image:url('webimg/abtbg6.jpg');
    background-size:cover;
    background-repeat:no-repeat;
	height: 100%;
}
.statxt{
	font-family:'RobotoMedium';
	font-size:20px;
	color:#fff;
	font-weight: 300;
}
.abtimg
{
	position: absolute;
    top: 47px;
	
}

.abtimg1
{
	position: absolute;
    top: 47px;
	
}
.abtimg3
{
	position: absolute;
    top: 47px;
	
}
/************************3d style classes ends**********************/
.lcl_minimal.lcl_force_txt_over #lcl_txt, .lcl_minimal.lcl_txt_over #lcl_txt {
    background: #557DB9!important;
	border-radius: 0px!important;
	opacity:0.9;
}