/************************************** FONTS STYLE STARTS ***********************************/
@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;
}
@font-face {
    font-family: 'poppinsbold';
    src: url('fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinsmedium';
    src: url('fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinsregular';
    src: url('fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/************************************** FONTS STYLE ENDS *************************************/

/************************************** COMMON STYLE CLASSES STARTS **************************/
html { scroll-behavior: smooth;}
body { font-family: 'RobotoRegular'; font-size: 17px; color: #57595B; font-weight: normal; background-color: #FFFFFF;}
a:hover,a:focus,a:visited { text-decoration: none;}
a:focus {  outline: none; }

/************************************** OVERRIDING THE PADDING FROM 15PX TO 8PX  ENDS **************************/
table, th, td {
  border: 1px solid ffffff;
  border-collapse: collapse;
}
th, td {
 padding: 10px;
}

.bgwhite { background-color : #ffffff; }
.bgskyblue{ background-color : #24C0F1;}
.bgblack {background-color: #1d222e;}
.bgdarkblue { background-color : #0C3E67; }
.bgseablue{ background-color : #D7FFFF; }
.bgash{ background-color : #F1F2F3; }
button:focus {outline:0;}

.fluid0 { padding: 0; margin: 0; }

.container0 { padding-left: 0; padding-right: 0; }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
 padding-right: 8px;
 padding-left: 8px;
}
.container {
    padding-right: 8px!important;
    padding-left: 8px!important;
}
.bannerpadding {
    padding-right: 150px!important;
    padding-left: 150px!important;
}

.navbar-expand-lg .navbar-nav .nav-link { padding: 2px 0px 2px 60px!important; }

.pdf1 {
 width: 349px;
 height: 59px;
 background: url("webimg/downloadbutton.png") no-repeat;
}
.pdf1:hover {
 background: url("webimg/downloadbutton01.png") no-repeat;
}

/************************************** home page starts **************************/
.ttopcontacts{
 font-family: 'RobotoRegular';
 font-size: 14px;
 color: #7B7B7B;
 font-weight: normal;
}
.callusblue{
 font-family: 'RobotoRegular';
 font-size: 14px;
 color: #23BFF1;
 font-weight: normal;	
}
.bannerbg {
  margin: 0;
  background: linear-gradient(to bottom, #ffffff 50%, #24C0F1 0%); 
}
.twelcomehead{
 font-family: 'RobotoMedium';
 font-size: 32px;
 color: #ffffff;
 font-weight: normal;	
}
.twelcome{
 font-family: 'RobotoRegular';
 font-size: 16px;
 color: #ffffff;
 font-weight: normal;
line-height:30px; 
}

.whitedots{
	color:#ffffff;
	font-size:28px;
}
.tproimg{
font-family: 'RobotoMedium';
 font-size: 18px;
 color: #5B5B5B;
 text-align:center;
 font-weight: normal;
}
.bottomborder { border-bottom: 2px solid #24C0F1;}
}
/************************************** home page ends **************************/

/************************************** home icons starts **************************/


/************************************** home icons ends **************************/

/************************************** Bottom portions starts **************************/

.tbottombhead{
 font-family: 'RobotoBold';
 font-size: 17px;
 color: #ffffff;
 line-height:20px;	
}
.tbottomlinktext{
 font-family: 'RobotoRegular';
 font-size: 14px;
 color: #ffffff;
 line-height:20px;
}
.tbottomlinktext:hover{
 color: #24C0F1;
}
.tbottomlinktext:active  {
 color: #24C0F1!important;
}

.tbottomlinktextactive{
 font-family: 'RobotoRegular';
 font-size: 14px;
 color: #24C0F1;
 line-height:20px;
}
.linebottom{
font-family:'RobotoThin';
 font-size:14px;
 color:#ffffff;
}
.ulpaddingmob {padding-left: 10px; }
.ulpadding {padding-left: 23px; }


.icopyright {
 font-family: 'RobotoRegular';
 font-size: 14px;
 font-weight: normal;
 color:#FFFFFF;
 text-align: left;
}
.ciberimg{
 margin-left:9px;
 margin-top: 6px;
}
.idesign {
 font-family: 'RobotoRegular';
 font-size: 12px;
 font-weight: normal;
 color:#FFFFFF;
 line-height:19px;
}
/************************************** Bottom portions ends **************************/

/************************************** about us page strt **************************/

.tinnerheadblue{
 font-family: 'RobotoMedium';
 font-size: 32px;
 color: #23BFF1;
 font-weight: normal;
}
.tinnerheaddarkblue{
 font-family: 'RobotoMedium';
 font-size: 32px;
 color: #0C3D63;
 font-weight: normal;	
}
.ttextinner{
 font-family: 'RobotoRegular';
 font-size: 16px;
 color: #646464;
 font-weight: normal;
line-height:30px; 
}

.ulpaddingabout {
    padding-left: 3px;
    list-style-type: none!important;	
}

.ul {
  list-style-image: url('webimg/liarrow.jpg');
}
/**********vision/mission************/
.visionheadblue{
 font-family: 'RobotoMedium';
 font-size: 21px;
 color: #23BFF1;
 font-weight: normal;
}
.visionheaddarkblue{
 font-family: 'RobotoMedium';
 font-size: 21px;
 color: #0C3D63;
 font-weight: normal;	
}
.missionsubhead{
 font-family: 'RobotoBold';
 font-size: 16px;
 color: #0C3D67;
 font-weight: normal;
}
/**********vision/mission************/

/************************************** about us page ends **************************/

/************************************** services page strt **************************/
.servicessubhead{
 font-family: 'RobotoBold';
 font-size: 16px;
 color: #0C3D67;
 font-weight: normal;
}
.ulpaddingservices{
    padding-left: 21px;
    list-style-type: disc!important;	
}
.servicesbg {
 	
 background-image: url(webimg/servicesbg01.jpg);
 background-position: left top;
 background-repeat: no-repeat;
}

.servicesbg01{
 	
 background-image: url(webimg/servicesbg01.jpg);
 background-position: right top;
 background-repeat: no-repeat;
}

.servicesbg02 {
 	
 background-image: url(webimg/servicesbg02.jpg);
 background-position: left top;
 background-repeat: no-repeat;
}
.servicesbg03{
 	
 background-image: url(webimg/servicesbg03.jpg);
 background-position: right top;
 background-repeat: no-repeat;
}
.servicesbg04 {
 	
 background-image: url(webimg/servicesbg04.jpg);
 background-position: left top;
 background-repeat: no-repeat;
}
.servicesbg05 {
 	
 background-image: url(webimg/servicesbg05.jpg);
 background-position: right top;
 background-repeat: no-repeat;
}
/************************************** services page ends **************************/



/*************************************** my social media icons starts ***************************/

/*************************************** my social media icons starts ***************************/
#socialicons ul{
 display: flex;
 position: relative;
 padding-left: 0px;
 margin-bottom: 0px;
}

#socialicons ul li{
 list-style: none;
}

#socialicons ul li a:hover{
 color:#D5AB4F!important;
}

#socialicons ul li a {
 width: 40px;
 height: 40px;
 background-color:#D5AB4F;
 text-align: center;
 line-height: 39px;
 font-size: 18px;
 margin: 0 10px;
 display: block;
 border-radius: 25%;
 position: relative;
 overflow: hidden;
 z-index: 1;
 align-items: center; 
 justify-content: center;
}

#socialicons ul li a .icon {
 position: relative;
 color: #FFFFFF;
 transition: .5s;
 z-index: 3;
 padding: 0px;
 line-height: 39px;
}

#socialicons ul li a:hover .icon {
 color: #fff;
 transform: rotateY(360deg);
}

#socialicons ul li a:before {
 content: "";
 position: absolute;
 top: 100%;
 left: 0;
 width: 100%;
 height: 100%;
 background: #f00;
 transition: .5s;
 z-index: 2;
}

#socialicons ul li a:hover:before {
 top: 0;
}

#socialicons ul li:nth-child(1) a:before{
 background: #3b5999;
}

#socialicons ul li:nth-child(2) a:before{
 background: #55acee;
}
#socialicons ul li:nth-child(3) a:before {
 background: #ff0000;
}
#socialicons ul li:nth-child(4) a:before {
 background: #0077b5;
}
#socialicons ul li:nth-child(5) a:before {
 background: #95238e;
}
/*************************************** my social media icons ends ***************************/
/************************************** card starts **************************/


.card {
border:none!important;  
 border-radius: 0px!important;  
 height: 100%!important;
 padding:0px;
}
.cardhead{
	font-size:18px!important;
}

.card-header { 
 padding: 1px 15px;
 background-color: #ffffff!important;
 border-bottom: 0px!important;
}
.card-title {
 margin-bottom: 3px;
}
.card-body {
}
.card-footer {
 background-color: #ffffff!important;
 border-top: 0px!important;
 border-top: 0px!important;
}
.cardpadding {
 padding: 10px 10px 10px 30px;
}
.cardpaddingright {
 padding: 10px 30px 10px 10px;
}
/************************************** card ends **************************/
/************************************** breadcrumb starts **************************/
.breadcrumb { background:transparent!important; }
.breadcrumb-item, .breadcrumb-item a {
 font-family: 'RobotoRegular';
 font-size: 13px;
 color:#656565;		
}
.breadcrumb .active{
 color:#0C5EA8!important;		
}
/************************************** breadcrumb starts **************************/


/************************************* form starts *************************************/
input::placeholder { color: #312D2F; font-size: 18px;}
.tinputborder{ border-radius: 0px; }
/************************************* form ends *************************************/

@media (min-width: 768px){	
 .hback{
  background-color:trasparent;
  z-index: 999;
  position: absolute;   
  width: 100%;
 }
}


/************************************* button starts *************************************/
.submitbutton{
 font-family: 'RobotoRegular';
 font-size: 18px;
 color: #ffffff;	
 background-color: #24C0F1;
 border-radius: 0px;	
 text-transform: uppercase;
 border-radius: 0px;
 padding : 10px 20px 10px 20px;
}
.submitbutton:hover{
 background-color: #0C3D63;
}

/************************************* button ends *************************************/

/*************************************** SLIDER STYLE CLASSES STARTS ***************************/
.carousel-indicators { position: absolute; display:inline; 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: 10px; height: 10px; margin: 2px; text-indent: -999px; cursor: pointer; background-color: #000\9; background-color: hsla(0, 18%, 95%, 0); border: 1px solid #1d222e; border-radius: 10px; background-color: #1d222e;}

.carousel-indicators .active { display: inline-block; width: 10px; height: 10px; margin: 2px; text-indent: -999px; 
cursor: pointer; background-color: #000\9; background-color: hsla(0, 18%, 95%, 0); border: 1px solid #ffffff; border-radius: 10px; background-color: #ffffff;} 
.btn.focus, .btn:focus { outline: 0; box-shadow:none;}
/*************************************** SLIDER STYLE CLASSES ENDS **********************************/

/*************************  my LARGE SCREEN DROPDOWN MENU CLASSES STARTS *************************/
/*************************  copy this part for mega menu *************************/
/**********************new drop down menu******************/
	/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] { margin-bottom:1rem; }

.navbar .dropdown-menu {
 border:border: 5px solid #dddddd;
 border-radius: 0px;
 background-color:#ffffff!important;
 font-size: 14px;
 font-family: 'RobotoRegular'; 
 color: #212529;
}

.navtext {
 color: #003359!important;   
 font-size: 17px;
 font-family: 'RobotoMedium';
 text-decoration: none;
 text-shadow:none!important;
 background-color:transparent!important;
}
.navtext.focus, .navtext:focus, .navtext.hover, .navtext:hover, .navtext.active, .navtext:active  {

 color: #23BFF1!important;
}


	
.navbottomborder {border-width:1px; border-bottom-style:dashed; border-bottom-color: #5B0000;}

	/* breakpoint and up - mega dropdown styles */
	@media screen and (min-width: 992px) {  
	/* remove the padding from the navbar so the dropdown hover state is not broken */
	.navbar { padding-top:0px; padding-bottom:0px; }

	/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */


	/* makes the dropdown full width  */
	.navbar .dropdown {position:static;}

	.navbar .dropdown-menu { 
	 width:100%; 
	 left:0; 
	 right:0;
	/*  height of nav-item  */
	 top:32px;  
	 display:block;
	 visibility: hidden;
	 opacity: 0;
 color:  #810000 !important; 
	 transition: visibility 0s, opacity 0.3s linear;  
	}
	  
	  
	  /* shows the dropdown menu on hover */
	.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
	 display:block;
	 visibility: visible;
	 opacity: 1;
	 transition: visibility 0s, opacity 0.3s linear;
	}
	  
	.navbar .dropdown-menu {
	 border-width: 1px 1px 4px 1px;
    border-color: #5B0000;
	 background-color: #F5F5F5;
	}
	}
/**********************new drop down menu******************/

/*************************  copy this part for mega menu *************************/
/*************************  my LARGE SCREEN DROPDOWN MENU CLASSES ENDS *************************/

/*************************************  SMALL SCREEN SIDE MENU CLASSES STARTS *******************************/
.mh-head .hamburger {}
.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: #24C0F1 ;  /*****<!-- header span line bg color------>***/
}
.mm-navbar__title {
 color:#ffffff!important;/*****<!-- header menu text color------>***/
}

.mm-menu {
 background: #24C0F1!important;
 font-family: 'RobotoRegular';
 font-size: 14px;    
 text-transform: uppercase;
 color: #ffffff!important;
}
.mm-menu .mm-listview .mm-btn_next:after {
 border-color: #ffffff!important;/****LEFT ARW****/
}
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
 border-color: #ffffff!important;/****RIGHT ARW****/
} 
/*************************************** SMALL SCREEN SIDE MENU CLASSES ENDS ********************/
/************************* my media query classes starts *************************/

.navbar-expand-lg .navbar-nav .nav-link { padding-right: 0px; padding-left: 0px;!important; }

@media (min-width: 1500px){
 .container{ max-width:1420px!important;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) {
.container { max-width: 100%;}
}

@media only screen and (min-device-width : 576px) and (max-device-width : 767px) {
.container { max-width: 100%;}
}

/************************* ****12345678****** *************************/

@media only screen and (min-device-width : 320px) and (max-device-width : 585px) {
#mobdivbox { padding: 20px; }
#mobdivbox .col { border: 1px solid #c9c9c9; }
#mobdivbox .col:not(:last-child) { border-right-width: 0; }
#mobdivbox .row:not(:last-child) .col { border-bottom-width: 0; }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 991px) {

.tproimg{ font-size: 15px; }	
 .fa {
  font-size: 11px;
  width: 40px;
  height: 40px;
  padding-top:12px;
  text-align: center;
  text-decoration: none;
  border-radius: 25%;
 } 
 .my-float { margin-top: 4px; }
.fatogglemenu { width: 0px; height: 0px; padding-top: 12px; text-align: center; }
.fa:hover { opacity: 0.7; }

.fa-facebook { background: #3B5998; color: white; }
.fa-twitter { background: #55ACEE; color: white; }
.fa-linkedin { background: #007bb5; color: white; }
.fa-youtube { background: #bb0000; color: white; }
.fa-instagram { background: #125688; color: white; }

.icopyright {color:#ffffff;}
.idesign { color:#ffffff;}
}


@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {	
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
 padding-right: 8px!important;
 padding-left: 8px!important;
}

.twelcomehead {font-size: 22px;}
.twelcome {font-size: 14px;line-height: 22px;}
.tinnerheadblue {font-size: 19px;}
.tinnerheaddarkblue {font-size: 19px;}
.ttextinner {font-size: 14px;line-height: 22px;}
.visionheadblue {font-size: 18px;}
.visionheaddarkblue {font-size: 18px;}
.missionsubhead {font-size: 14px;}
.servicessubhead {font-size: 15px;}
.servicesbg01{background-image: none!important;}
.servicesbg02{background-image: none!important;}
.servicesbg03{background-image: none!important;}
.servicesbg04{background-image: none!important;}
.servicesbg05{background-image: none!important;}
.ulpaddingservices {padding-left: 16px;}
.contactborder{border-left:none!important;}
.submitbutton {font-size: 12px;padding: 10px 11px 10px 11px;}
}
@media only screen and (min-device-width : 769px) and (max-device-width : 1024px) {
.twelcomehead {font-size: 23px;}
.twelcome {font-size: 14px;line-height: 26px;}
.whitedots {font-size: 19px;}
.tproimg{font-size:15px;}
.tinnerheadblue {font-size: 28px;}
.tinnerheaddarkblue {font-size: 28px;}
.ttextinner {font-size: 15px;}
.visionheadblue {font-size: 19px;}
.visionheaddarkblue {font-size: 19px;}
.missionsubhead {font-size: 15px;}
.servicessubhead {font-size: 15px;}
.servicesbg01{background-image: none!important;}
.servicesbg02{background-image: none!important;}
.servicesbg03{background-image: none!important;}
.servicesbg04{background-image: none!important;}
.servicesbg05{background-image: none!important;}
.submitbutton {font-size: 14px;}
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1600px) {
.twelcomehead {font-size: 23px;}
.twelcome {font-size: 14px;}
.tproimg{font-size:16px;}
.tinnerheadblue {font-size: 30px;}
.tinnerheaddarkblue {font-size: 30px;}
.ttextinner {font-size: 15px;}
.servicesbg01{
 	
 background-image: url(webimg/servicesbg01.jpg);
 background-position: right top;
 background-repeat: no-repeat;
}
.servicesbg02 {
 	
 background-image: url(webimg/servicesbg02.jpg);
 background-position: left top;
 background-repeat: no-repeat;
}
.servicesbg03{
 	
 background-image: url(webimg/servicesbg03.jpg);
 background-position: right top;
 background-repeat: no-repeat;
}
.servicesbg04 {
 	
 background-image: url(webimg/servicesbg04.jpg);
 background-position: left top;
 background-repeat: no-repeat;
}
.servicesbg05 {
 	
 background-image: url(webimg/servicesbg005.jpg);
 background-position: right top;
 background-repeat: no-repeat;
}
.submitbutton {font-size: 16px;}
}



@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
.navbar-expand-lg .navbar-nav .nav-link { padding: 2px 17px 2px 20px!important; font-size: 15px;}
}
@media only screen and (min-device-width : 1025px) and (max-device-width : 1199px) {
.navbar-expand-lg .navbar-nav .nav-link {padding: 2px 0px 2px 39px!important;}	
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1499px) {
.navbar-expand-lg .navbar-nav .nav-link { padding: 2px 17px 2px 9px!important; }
}
/************************* my media query classes ends *************************/


/**********************new drop down menu******************/
.dropdown:hover>.dropdown-menu {
 display: block;
}

.dropdown>.dropdown-toggle:active {
 /*Without this, clicking will make it sticky*/
 pointer-events: none;
}

.dropdown-item.active, .dropdown-item:active {
 color: #810000;
 text-decoration: none;
 background-color: #ffffff;
}

.dropdown-item:hover, .dropdown-item:hover {
 color: #810000;
 text-decoration: none;
 background-color: #ffffff;
}

.dropdown-item2.active, .dropdown-item2:active {
 color: #810000;
 text-decoration: none;
 background-color: #ffffff;
}

.dropdown-item2:hover, .dropdown-item2:hover {
 color: #810000;
 text-decoration: none;
 background-color: #ffffff;
}

.dropdown-item {
 display: block;
 width: 100%;
 padding: 0!important;
 clear: both;
 font-size: 18px;
 font-family: 'RobotoRegular'; 
 color: #810000!important;
 text-align: inherit;
 white-space: nowrap;
 background-color: #ffffff ;
 border: 0; 
 margin :  5px 10px 5px 10px;
}

/************************************** top sticky ends **************************/


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


.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 {
 content: '';
}
.slick-track:after {
 clear: both;
}
.slick-loading .slick-track {
 visibility: hidden;
}

.slick-slide
{
 display: none;
 float: left;
}
[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: 100%!important;
 border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}