/************************************** FONTS STYLE STARTS ***********************************/
@font-face {
 font-family: 'RobotoBold';  font-weight: bold;  font-style: normal;
 src: url('fonts/Roboto-Bold.woff2') format('woff2'), url('fonts/Roboto-Bold.woff') format('woff');
}
@font-face {
 font-family: 'RobotoRegular';  font-weight: normal; font-style: normal;
 src: url('fonts/Roboto-Regular.woff2') format('woff2'), url('fonts/Roboto-Regular.woff') format('woff');
}
@font-face {
 font-family: 'RobotoMedium';  font-weight: 500; font-style: normal;
 src: url('fonts/Roboto-Medium.woff2') format('woff2'), url('fonts/Roboto-Medium.woff') format('woff');
}
@font-face {
 font-family: 'RobotoLight';  font-weight: 300; font-style: normal;
 src: url('fonts/Roboto-Light.woff2') format('woff2'), url('fonts/Roboto-Light.woff') format('woff');
}
@font-face {
 font-family: 'RobotoThin';  font-weight: 300; font-style: normal;
 src: url('fonts/Roboto-Thin.woff2') format('woff2'), url('fonts/Roboto-Thin.woff') format('woff');
}
@font-face {
 font-family: 'PoppinsSemiBold';  font-weight: 300; font-style: normal;
 src: url('fonts/Poppins-SemiBold.woff') format('woff');
}
@font-face {
 font-family: 'PoppinsRegular';  font-weight: 300; font-style: normal;
 src: url('fonts/poppins-regular-webfont.woff2') format('woff2'), url('fonts/poppins-regular-webfont.woff') format('woff');
}
@font-face {
 font-family: 'PoppinsMedium';  font-weight: 300; font-style: normal;
 src: url('fonts/poppins-medium-webfont.woff2') format('woff2'), url('fonts/poppins-medium-webfont.woff') format('woff');
}
@font-face {
 font-family: 'PoppinsLight';  font-weight: 300; font-style: normal;
 src: url('fonts/Poppins-Light.woff') format('woff');
}
@font-face {
 font-family: 'PoppinsExtraLight';  font-weight: 300; font-style: normal;
 src: url('fonts/Poppins-ExtraLight.woff') format('woff');
}
@font-face {
 font-family: 'PoppinsExtraBold';  font-weight: 300; font-style: normal;
 src: url('fonts/Poppins-ExtraBold.woff') format('woff');
}
@font-face {
 font-family: 'PoppinsBold';  font-weight: 300; font-style: normal;
 src: url('fonts/poppins-bold-webfont.woff2') format('woff2'), url('fonts/poppins-bold-webfont.woff') format('woff');
}
@font-face {
 font-family: 'PoppinsBlack';  font-weight: 300; font-style: normal;
 src: url('fonts/Poppins-Black.woff') format('woff');
}
@font-face {
 font-family: 'MontserratBold';  font-weight: bold;  font-style: normal;
 src: url('fonts/Montserrat-Bold.woff2') format('woff2'), url('fonts/Montserrat-Bold.woff') format('woff');
}
@font-face {
 font-family: 'MontserratRegular';  font-weight: 300;  font-style: normal;
 src: url('fonts/Montserrat-Regular.woff2') format('woff2'), url('fonts/Montserrat-Regular.woff') format('woff');
}
@font-face {
 font-family: 'MontserratMedium';  font-weight: 300;  font-style: normal;
 src: url('fonts/Montserrat-Medium.woff2') format('woff2'), url('fonts/Montserrat-Regular.woff') format('woff');
}
@font-face {
 font-family: 'MontserratSemiBold';  font-weight: 300;  font-style: normal;
 src: url('fonts/montserrat-semibold-webfont.woff2') format('woff2'), url('fonts/Montserrat-SemiBold.woff') format('woff');
}

/************************************** 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; }
button:focus {outline:0;}
.fluid0 { padding: 0; margin: 0; }
.navbar-expand-lg .navbar-nav .nav-item{ padding: 0px 0px 0px 30px;}
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 0px; padding-left: 0px; }
.boxpadding {padding-bottom:30px;}

/************************************** navtext starts **************************/
.nav .nav-item .nav-link{
 color: #ffffff;   
 font-size: 16px;
 font-family: 'MontserratRegular';
 text-decoration: none;
 text-transform: uppercase;
 padding-left:100px!important;
 padding-right:100px!important;
 padding-top:12px;
 padding-bottom:12px;
 text-shadow:none!important;
 
}
/**********************new drop down menu******************/

/************************************** navtext starts **************************/
/************************************** OVERRIDING THE PADDING FROM 15PX TO 8PX  ENDS **************************/

.bgwhite { background-color : #ffffff; }
.bgblack {background-color: #000000;}
.bgblue {background-color: #3E8FCA;}

/**************************************index page classes starts **************************/
/************************************** home welcome starts **************************/

.welcomebody{
 background-color:#0C4DA2;
 }
.twelcomehead{
 font-family: 'MontserratBold';
 font-size: 42px;
 color: #ffffff;
 line-height: 45px;
}
.twelcomesubhead{
 font-family: 'MontserratBold';
 font-size: 42px;
 color: #ffffff;
 line-height: 45px;
}
.twelcometext{
 font-family: 'MontserratMedium';
 font-size: 16px;
 color: #ffffff;
 line-height: 25px;
}
.treadmore{
 font-family: 'MontserratMedium';
 font-size: 16px;
 color: #ffffff;
 line-height: 25px;
 width: 167px;
 height: 40px;
 background-color: #EF3239;
 border-radius: 12px;
 padding: 8px 9px 9px 15px!important;
}
.treadmore:hover{ 
 color:#ffffff;
 box-shadow: 0 0 0 1px #EF3239, 0 0 0 2px #ffffff, 0 0 0 5px #ffffff, 0 0 0 6.5px #EF3239, 0 0 0 7px #ffffff;
 border-radius: 100px;
 background: #EF3239;
}
/************************************** home welcome ends **************************/

/************************************** Services starts **************************/
.tserviceshead{
 font-family: 'MontserratBold';
 font-size: 36px;
 color: #0C4DA1;
 line-height: 45px;
 text-transform: uppercase;
}
.tservicessubhead{
 font-family: 'MontserratSemiBold';
 font-size: 18px;
 font-weight: normal;
 margin-top:9px;
 text-align:center;
 color:#ffffff;
 height:40px;
}

.servicesbg {	
 border-radius: 10%!important;  
 height: 100%!important;
 background-color:#ffffff;
 background:#ffffff;
 color: #505050;
 -webkit-box-shadow: 1px 6px 20px 5px rgba(228,228,228,1);
 -moz-box-shadow: 1px 6px 20px 5px rgba(228,228,228,1);
 box-shadow: 1px 6px 20px 5px rgba(228,228,228,1);
}
.tservicessubhead:hover{
 color:#FFFFFF;	
}
.servicesbg:hover{
 border-radius: 10%!important; 
 background-color:#42CF9A;
 background:#0C4DA1;
 color: #ffffff;
}
/************************************** Services ends **************************/
/************************************** products and training starts **************************/
.tproduct{
 font-family: 'MontserratBold';
 font-size: 30px;
 color: #ffffff;
 line-height: 45px;
 text-transform: uppercase;
}
.imgborder{
}
.content_img{
 position: relative;
 
}
.content_img:hover {
 cursor: pointer;
 
}
.content_img div {
 position: absolute;
 bottom: 0;
 left: 16px;
 background:#0B50A4;
 color: #fff;
 margin-bottom: 5px;
 opacity: 0;
 visibility: hidden;
 -webkit-transition: visibility 0s,opacity .5s linear;
 transition: visibility 0s,opacity .5s linear;
}
.content_img:hover div {
    width: 688px;
    padding: 8px 15px;
    visibility: visible;
    opacity: .9;
	text-align:left;
	font-family:MontserratBold;
	font-size:30;
	text-transform:uppercase;
	border-radius:20px;
}
/************************************** products and training ends **************************/
/************************************** home workshop starts **************************/
.workshopbody{
 background-color:#0C4DA2;
 }
.tworkshophead{
 font-family: 'MontserratBold';
 font-size: 36px;
 color: #ffffff;
 line-height: 50px;
 text-transform: uppercase;
}
.tworkshop{
 font-family: 'MontserratBold';
 font-size: 24px;
 color: #ffffff;
 line-height: normal;
}
.tmoredetails{
 font-family: 'MontserratMedium';
 font-size: 16px;
 color: #ffffff;
 line-height: normal;
}
.tworkshoptext{
 font-family: 'MontserratMedium';
 font-size: 16px;
 color: #ffffff;
 line-height: 25px;
}
.workshopimg{
 border:4px solid #ffffff;
}
/************************************** home workshop ends **************************/
.hrline2 {
 margin-top: 0rem;
 margin-bottom: 0rem;
 border: 0;
 border-top: 1px solid #C6C6C6;
 width:100%;
}
/************************************** Strategic Partners ends **************************/
.tstrategicpartnershead{
 font-family:'MontserratBold';
 font-size:36px;
 color: #27397F;
 line-height:45px;
 text-transform:uppercase;
}

.my-slider li{
 padding-bottom: 50px;
}
/************************************** Strategic Partners ends **************************/
/************************************** index page classes ends **************************/
/************************************** inner page classes starts **************************/
/******************** banner  classes starts **************************/
.innerbanner01{
 background-image: url("webimg/innerbanner01.jpg");
 background-repeat:no-repeat;
}
.innerbanner02{
 background-image: url("webimg/innerbanner02.jpg");
 background-repeat:no-repeat;
}
.innerbanner03{
 background-image: url("webimg/innerbanner03.jpg");
 background-repeat:no-repeat;
}
.innerbanner04{
 background-image: url("webimg/innerbanner04.jpg");
 background-repeat:no-repeat;
}
.innerbanner05{
 background-image: url("webimg/innerbanner05.jpg");
 background-repeat:no-repeat;
}
.innerbanner06{
 background-image: url("webimg/innerbanner06.jpg");
 background-repeat:no-repeat;
}
.innerbanner07{
 background-image: url("webimg/innerbanner07.jpg");
 background-repeat:no-repeat;
}
.innerbanner08{
 background-image: url("webimg/innerbanner08.jpg");
 background-repeat:no-repeat;
}
.minnerbanner01{
 background-image: url("webimg/minnerbanner01.jpg");
 background-repeat:no-repeat;
}
.minnerbanner02{
 background-image: url("webimg/minnerbanner02.jpg");
 background-repeat:no-repeat;
}
.minnerbanner03{
 background-image: url("webimg/minnerbanner03.jpg");
 background-repeat:no-repeat;
}
.minnerbanner04{
 background-image: url("webimg/minnerbanner04.jpg");
 background-repeat:no-repeat;
}
.minnerbanner05{
 background-image: url("webimg/minnerbanner05.jpg");
 background-repeat:no-repeat;
}
.minnerbanner06{
 background-image: url("webimg/minnerbanner06.jpg");
 background-repeat:no-repeat;
}
.minnerbanner07{
 background-image: url("webimg/minnerbanner07.jpg");
 background-repeat:no-repeat;
}
.minnerbanner08{
 background-image: url("webimg/minnerbanner08.jpg");
 background-repeat:no-repeat;
}
#trainingbg{
 background-image:url('webimg/trainingbg.jpg');
 background-position: center;
 background-size:cover;
 background-attachment:fixed;
 background-repeat:no-repeat;	
}
.tbannerlink {
 font-family: 'MontserratMedium';
 font-size: 15px;
 color: #FFFFFF;
 line-height: 45px;
 text-align: center;
}
.tbannerlink :hover{
 color: #FFFFFF;
 border-bottom: 1px solid #FFFFFF;
}
.tbannertext{
 font-family: 'MontserratRegular';
 font-size: 13px;
 color: #FFFFFF;
 line-height: 45px;
 text-align: center;
}
/******************** banner  classes ends **************************/
.about {
   padding:0em;
}
.about:after {
    content:"";
    display:block;
    width: 3em;
    max-width:30%;
    border-bottom: 4px solid #EF3239;
    margin: 0 0 auto;
}
/******************** Aboutus & Services classes starts ********************/
.tsubhead {
  font-family: 'MontserratSemibold';
  font-size: 32px;
  color: #0c4da2;
  line-height: normal;
  text-transform: uppercase;
}
.ttext {
 font-family: 'MontserratRegular';
 font-size: 21px;
 color: #0c4da2;
 font-weight: normal;
 line-height: 33px;
 text-align: justify;
}
.borderdashed{
 border-bottom:1px dashed #EE262D;
}
/******************** Aboutus & Services classes ends *********************/
/********************** Product page classes starts ***********************/
.theading {
  font-family: 'MontserratSemibold';
  font-size: 45px;
  color: #FFFFFF;
  line-height: 45px;
  text-align: center;
}
.tproducttext {
  font-family: 'MontserratBold';
  font-size: 18px;
  color: #FFFFFF;
  text-align:left;
  line-height:23px;
  bottom: 38px;
  padding-top:10px;
  padding-bottom:0px;
  position:absolute;
  background: #27397F;
  opacity:.9;
}
.tproductviewmore{
 font-family: 'MontserratMedium';
 font-size: 16px; 
 color: #FFFFFF;
 text-align:left;
 line-height:23px;
 bottom: 10px;
 padding-bottom:5px;
 position:absolute;
 background: #27397F;
 opacity:.9;
}
.tproductsubhead{
 font-family: 'MontserratBold';
 font-size: 30px;
 color: #0c4da2;
 line-height:35px;
}
.tproductinnerhead{
 font-family: 'MontserratBold';
 font-size: 25px;
 color: #0c4da2;
 line-height: 25px;
}

.backtoprobutton{
 font-family: 'RobotoMedium';
 font-size: 14px;
 color: #ffffff;	
 background-color: #273980; 	
 border: 1px;
 padding : 4px 14px 4px 8px; 
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 2px 2px;
  cursor: pointer;
  border-radius: 22px;
}
.backtoprobutton:hover{
 font-family: 'RobotoMedium';
 font-size: 14px;
 color: #ffffff;	
 background-color: #EE262D; 	
 border: 1px;
 padding : 4px 14px 4px 8px; 
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 2px 2px;
  cursor: pointer;
  border-radius: 22px;
}
.tbullectsgrey {
 font-family: 'MontserratRegular';
 font-size: 22px;
 color: #0c4da2;
 font-weight: normal;
 padding-bottom:8px;
 margin-left: 1.5em;
}
.tbullectsgrey:before {
 content: '\2022';
 font-size: 22px;
 font-family: 'FontAwesome';
 float: left;
 margin-left: -1.5em;
 color: #0c4da2;
}

/************************************** Product page classes ends **************************/
/*************************** Contactus starts ****************************/
.contactusbg01{
 background-image:url('webimg/contactusbg01.jpg');
 background-position: center;
 background-size:cover;	
}
.ttext1 {
 font-family: 'MontserratRegular';
 font-size: 21px;
 color: #FFFFFF;
 font-weight: normal;
 line-height: 33px;
}
.ttextcontact {
 font-family: 'MontserratRegular';
 font-size: 21px;
 color: #FFFFFF;
 font-weight: normal;
 line-height: 33px;
}
.ttextcontact:hover {
 color: #FFFFFF;
}
.submitbutton{
 font-family: 'RobotoRegular';
 font-size: 18px;
 color: #ffffff;	
 background-color: #273980;
 border-radius: 0px;	
 text-transform: uppercase;
 border-radius: 0px;
 padding : 10px 20px 10px 20px;
}
.submitbutton.hover{
 background-color: #D5AB4F;
}
/*********************** Contactus ends *********************************/

/************************************** Inner page classes ends **************************/
/************************************** Bottom portions starts **************************/
.bottombg {background-color: #0C4DA2;}
.bottombg01 {background-color: #0C4DA2;}
.tbottomhead{
 font-family: 'RobotoMedium';
 font-size: 20px;
 color: #ffffff;
 font-weight: normal;
 text-transform: uppercase;
}
.tbottomlinks{
 font-family: 'RobotoRegular';
 font-size: 14px;
 color: #ffffff;
 font-weight: normal;
 line-height: 19px;
}
.tbottomlinks:hover{
 color: #EC262E;
}
.tbottomlinksactive{
 font-family: 'RobotoRegular';
 font-size: 14px;
 color: #EC262E;
 font-weight: normal;
 line-height: 19px;
}
.tbottomlinksactive:hover{
 color: #EC262E;
}
.hrline {
 margin-top: 0rem;
 margin-bottom: 0rem;
 border: 0;
 border-top: 1px solid #2761AC;
 width:100%;
}
.ulpadding1{padding-left: 0px;} 
.ulpadding {list-style-image: url('webimg/arrow-icon.jpg');padding-left:16px;}
ul {list-style-image: none;}
ul {list-style: none;}

.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; }

.botcontact{
font-family:RobotoRegular;
font-size:15;
color:#ffffff;
}
/************************************** Bottom portions ends **************************/
.come-in { transform: translateX(-150px); animation: come-in 1.9s ease forwards;}
.come-in:nth-child(odd) { animation-duration: 1.9s;}
.already-visible { transform: translateY(0); animation: none;}
@keyframes come-in { to { transform: translateY(0); }}
.come-right { transform: translateX(150px); animation: come-in 1.9s ease forwards;}
.come-right:nth-child(odd) { animation-duration: 1.9s;}
.already-visible { transform: translateY(0); animation: none;}
@keyframes come-right { to { transform: translateY(0); }}

.come-bottom { transform: translatey(150px); animation: come-in 1.9s ease forwards;}
.come-bottom:nth-child(odd) { animation-duration: 1.9s;}
.already-visible { transform: translateY(0); animation: none;}
@keyframes come-bottom { to { transform: translateY(0); }}
.content {
  position: relative;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  z-index: 2;
  border: 1px solid transparent;
}

.content .content-overlay {

 background: #000000;

 position: absolute;

 height: 99%;

 width: 100%;

 left: 0;

 top: 0;

 bottom: 0;

 right: 0;

 opacity: 0;    

}

.content:hover .content-overlay {

 opacity: 1

 background-color:#000000!important;
 
}

.content-image {

 width: 100%;
 
}

.content-details {

 position: absolute;

 text-align: left;

 padding-left: 1em;

 padding-right: 1em;

 width: 100%;

 top: 50%;

 left: 50%;

 opacity: 0;

 -webkit-transform: translate(-50%, -50%);

 -moz-transform: translate(-50%, -50%);

 transform: translate(-50%, -50%);

 -webkit-transition: all 0.3s ease-in-out 0s;

 -moz-transition: all 0.3s ease-in-out 0s;

 transition: all 0.3s ease-in-out 0s;
 
}

.content:hover {

 background-color:#000000!important;

 opacity:0.9;

}

.content:hover .content-details {

 top: 50%;

 left: 50%;

 opacity: 0.9;

}

.content-details h3 {

 font-family: 'RobotoBold';

 font-size: 37px;

 color: #ffffff;	

}

.content-details p {

 font-family: 'RobotoRegular';

 font-size: 16px;

 color: #ffffff;	

}

/************************************** image zoom strt *******************/

.projectszoom {

 width:100%;

 height:100%;

 overflow: hidden;

 margin: 0 auto;

}      


.projectszoom img {

 width: 100%;

 transition: 0.5s all ease-in-out;	
 z-index: 2;
  border: 1px solid transparent;
  
}      

.projectszoom:hover img {

 transform: scale(1.2);

 opacity: .9;
  
}

.overlay {

 overflow: hidden;

 top: 0;

 bottom: 0;

 left: 0;

 right: 0; 

 width: 100%;

 opacity: 0;

 transition: .5s ease;

 background-color: #000000;  

}

.projectszoom:hover  .overlay {

  opacity: .9;

}

/************************************** image zoom ends *******************/

.content:hover {

 background-color:#ffffff!important;
 opacity:0.9;

}

.content .content-overlay {

 background: transparent;

 position: absolute;

 height: 99%;

 width: 100%;

 left: 0;

 top: 0;

 bottom: 0;

 right: 0;

 opacity: 0;    

}
/*********project zoom2*******/
.content1 {
  position: relative;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  z-index: 2;
  border: 1px solid transparent;
}

.content1 .content-overlay1 {

 background: #000000;

 position: absolute;

 height: 99%;

 width: 100%;

 left: 0;

 top: 0;

 bottom: 0;

 right: 0;

 opacity: 0;    

}

.content1:hover .content-overlay1 {

 opacity: 1

 background-color:#000000!important;
 
}


.content-image1 {

 width: 100%;
 
}

.content-details1 {

 position: absolute;

 text-align: left;

 padding-left: 1em;

 padding-right: 1em;

 width: 100%;

 top: 50%;

 left: 50%;

 opacity: 0;

 -webkit-transform: translate(-50%, -50%);

 -moz-transform: translate(-50%, -50%);

 transform: translate(-50%, -50%);

 -webkit-transition: all 0.3s ease-in-out 0s;

 -moz-transition: all 0.3s ease-in-out 0s;

 transition: all 0.3s ease-in-out 0s;
 
}

.content1:hover {

 background-color:#000000!important;

 opacity:0.9;

}

.content1:hover .content-details1 {

 top: 50%;

 left: 50%;

 opacity: 0.9;

}

.content-details1 h3 {

 font-family: 'RobotoBold';

 font-size: 37px;

 color: #ffffff;	

}

.content-details1 p {

 font-family: 'RobotoRegular';

 font-size: 16px;

 color: #ffffff;	

}

/************************************* image zoom strt *******************/

.projectszoom1 {

 width:100%;

 height:100%;

 overflow: hidden;

 margin: 0 auto;

}      

.projectszoom1 img {

 width: 100%;
 transition: 0.5s all ease-in-out;	
  z-index: 2;
  border: 1px solid transparent;
}      

.projectszoom1:hover img {

 transform: scale(1.2);

 opacity: .9;
  
}

.overlay1 {

 overflow: hidden;

 top: 0;

 bottom: 0;

 left: 0;

 right: 0; 

 width: 100%;

 opacity: 0;

 transition: .5s ease;

 background-color: #000000;  

}

.projectszoom1:hover  .overlay1 {

  opacity: .9;

}

/************************************** image zoom ends *******************/

.content1:hover {

 background-color:#ffffff!important;
 opacity:0.9;

}

.content1 .content-overlay1 {

 background: transparent;

 position: absolute;

 height: 99%;

 width: 100%;

 left: 0;

 top: 0;

 bottom: 0;

 right: 0;

 opacity: 0;    

}
/**************************************zoom2 **************************/


/************************************** social icons starts **************************/
.smGlobalBtn { /* global button class */
 display: inline-block;
 position: relative;
 cursor: pointer;
 width: 30px;
 height: 30px;
 border:1px solid #ddd; /* add border to the buttons */
 box-shadow: 0px #999;
 padding: 0px;
 margin-left: 5px;
 text-decoration: none;
 text-align: center;
 color: #fff;
 font-size: 14px;
 font-weight: normal;
 line-height: 2em;
 border-radius: 27px;
 -moz-border-radius:27px;
 -webkit-border-radius:27px;
}

/* facebook button class*/
.facebookBtn{ background: #4060A5; }
.facebookBtn:before{ /* use :before to add the relevant icons */
 font-family: "FontAwesome";
 content: "\f09a"; /* add facebook icon */
}
.facebookBtn:hover{
 color: #4060A5;
 background: #fff;
 border-color: #4060A5; /* change the border color on mouse hover */
}
.botfacebookBtn{ background: #000000;border:none;} 
.botfacebookBtn:before{ /* use :before to add the relevant icons */
 font-family: "FontAwesome";
 content: "\f09a"; /* add facebook icon */
}
.botfacebookBtn:hover{
 color: #4060A5;
 background: #fff;
 border-color: #4060A5; /* change the border color on mouse hover */
}

/* twitter button class*/
.twitterBtn{ background: #00ABE3; }
.twitterBtn:before{
 font-family: "FontAwesome";
 content: "\f099"; /* add twitter icon */ 
}
.twitterBtn:hover{
 color: #00ABE3;
 background: #fff;
 border-color: #00ABE3;
}
.bottwitterBtn{ background: #000000;border:none;}
.bottwitterBtn:before{
 font-family: "FontAwesome";
 content: "\f099"; /* add twitter icon */ 
}
.bottwitterBtn:hover{
 color: #00ABE3;
 background: #fff;
 border-color: #00ABE3;
}

/* linkedin button class*/
.linkedinBtn{ background: #0094BC; }
.linkedinBtn:before{
 font-family: "FontAwesome";
 content: "\f0e1"; /* add linkedin icon */
}
.linkedinBtn:hover{
 color: #0094BC;
 background: #fff;
 border-color: #0094BC;
}

.botlinkedinBtn{ background: #000000;border:none;}
.botlinkedinBtn:before{
 font-family: "FontAwesome";
 content: "\f0e1"; /* add linkedin icon */
}
.botlinkedinBtn:hover{
 color: #0094BC;
 background: #fff;
 border-color: #0094BC;
}
/************************************** social icons 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;}
/************************************* form 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 #0C4DA1; border-radius: 10px; background-color: #0C4DA1;}

.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 #239AF0; border-radius: 10px; background-color: #239AF0;} 
.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  */
.navtext {
  color: #0c4da2!important;
  font-size: 18px;
  font-family: 'MontserratSemiBold'!important;
  text-decoration: none;
  text-shadow: none!important;
  background-color: transparent!important;
  border-bottom: 4px solid #ffffff;
  padding: 45px 0 45px 0;
}
.navtext.focus, .navtext:focus, .navtext.hover, .navtext:hover, .navtext.active, .navtext:active {
  color: #EF3239!important;
  border-bottom: 4px solid #EF3239;
  padding: 45px 0 45px 0;
}
.navbottomborder {border-width:1px; border-bottom-style:dashed; border-bottom-color: #273980;}

@media screen and (min-width: 992px) {  
 .navbar { padding-top:0px; padding-bottom:0px; }
 .navbar .dropdown {position:static;}
 .navbar .dropdown-menu { width:100%; left:0; right:0; top:32px; display:block; visibility: hidden; opacity: 0; color:  #3D8FC9 !important; transition: visibility 0s, opacity 0.3s linear; }
.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: #3D8FC9;
 background-color: #F5F5F5;
 }
}
/**********************new drop down menu******************/

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

/************************* my media query classes starts *************************/

@media (min-width: 1500px){ .container{ max-width:1440px!important;} }
@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) {.container { max-width: 100%; }}
@media (min-width: 576px) {.container { max-width: 100%; }}
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {	
 .boxpaddingmob {padding-bottom:16px;}
 .card-bodyheight{ height : auto; }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 991px) {
 .card-bodyheight{ height : 210px; }
 
 .content_img:hover div {width: 351px;left: 8px;}
 .content_img{padding-bottom:5px;}
 .content_img div{bottom: 5px;}
}
@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; padding-left: 8px; }
.twelcomehead { font-size: 25px; line-height: 30px; }
.twelcomesubhead { font-size: 25px; line-height: 30px; }
.twelcometext { font-size: 14px; line-height: 21px; }
.tserviceshead { font-size: 25px; line-height: 30px; }
.tservicessubhead{font-size: 14px; line-height:18px;}
.tstrategicpartnershead { font-size: 25px; line-height: 30px; }
.tactiviteshead { font-size: 20px; line-height: 30px; }
.tactivitesreadmore { font-size: 15px; line-height: 20px; }
.activitiesborder{ border-bottom: 1px dotted #3D8FC9!important; }
.tbottomlinks { font-size: 12px;line-height: 25px;  text-transform: none;}
.tbottomlinksactive{font-size: 12px; line-height: 25px;  text-transform: none;}
.tbottomhead { font-size: 13px; }
.ttextpartner { font-size: 14px; line-height: 17px;}
.boxpadding {padding-bottom:16px;}
 ul { list-style-image:none;}
 ul { list-style:none;}
.tworkshophead{font-size: 25px;line-height:30px;}
.tworkshoptext{font-size: 14px;} 
.workshopimg{border:4px solid #ffffff;border-radius:8%;width:-webkit-fill-available;}
.ulpadding {padding-left: 16px;}

.tbannerhead { font-size: 20px; line-height: 23px;}

.tproducttext {font-size: 16px; line-height:20px; bottom: 45px; padding-top:10px;}
.tproductviewmore{font-size: 14px; line-height:30px; bottom: 10px;
 padding-bottom:5px;}
 .ttext { font-size: 14px; line-height: 20px; text-align:left;}
 .ttext1 { font-size: 14px; line-height: 20px; text-align:left;}
 .tbullectsgrey { font-size: 14px; line-height: 20px; text-align:left;}
 .tbullectsgrey:before {margin-left: -1.2em;}
 .tproductsubhead {font-size: 16px; line-height: 24px; text-align: left;}
 .tproductinnerhead {font-size: 20px; line-height: 24px; text-align: left;}
 .theading { font-size: 20px; line-height: 23px;}
 .thead { font-size: 25px; line-height: 23px;}
 .tsubhead{font-size: 18px;}
 .ulpadding1 {padding-left: 6px;}
}
@media only screen and (min-device-width : 400px) and (max-device-width : 599px) {
.tworkshop{font-size: 14px;}
.tmoredetails{font-size: 14px;}	
}

@media only screen and (min-device-width : 769px) and (max-device-width : 991px) {
.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; }

.twelcomehead { font-size: 28px; line-height: 30px; }
.twelcomesubhead { font-size: 28px; line-height: 30px; }
.twelcometext { font-size: 14px; line-height: 21px; }
.tactiviteshead {font-size: 23px;}
.tserviceshead { font-size: 28px; line-height: 30px; }
.tservicessubhead { font-size: 19px; line-height: 26px; }
.tstrategicpartnershead { font-size: 28px; line-height: 30px; }
.tbottomlinks { line-height: 25px;  text-transform: none;}
.tbottomlinksactive{ line-height: 25px;  text-transform: none;}
.ttextpartner { font-size: 14px; line-height: 17px;}
.workshopimg{border:4px solid #ffffff;border-radius:8%;width:-webkit-fill-available;}
.tworkshophead{font-size: 27px;margin-top:-28px; line-height:35px;}
.tworkshoptext{font-size: 13px;}
.tworkshop{font-size: 14px;}
.tmoredetails{font-size: 14px;}
.workshopimg{width:-webkit-fill-available;}

.tbannerhead { font-size: 30px; line-height: 23px;}

.ttext { font-size: 14px; line-height: 24px;}
.ttext1 { font-size: 14px; line-height: 24px;}
.tbullectsgrey { font-size: 14px; line-height: 20px; text-align:left;}
.tbullectsgrey:before {margin-left: -1em;}
.tproductsubhead {font-size: 16px; line-height: 24px; text-align: left;}
.tproductinnerhead {font-size: 20px; line-height: 24px; text-align: left;}
.theading { font-size: 30px; line-height: 23px;}
.thead { font-size: 30px; line-height: 23px;}
.tsubhead{font-size: 20px;}
}

@media only screen and (min-device-width : 992px) and (max-device-width : 1199px) {	
.navbar-expand-lg .navbar-nav .nav-item { padding: 0px 11px 0px 0px!important; }
.navtext { font-size: 14px!important;}
.twelcomehead { font-size: 32px; line-height: 34px; }
.twelcomesubhead { font-size: 32px; line-height: 34px; }
.twelcometext { font-size: 14px; line-height: 21px; }
.tactiviteshead {font-size: 27px;}
.tserviceshead { font-size: 32px; line-height: 34px; }
.tservicessubhead { font-size: 19px; line-height: 21px; }
.tstrategicpartnershead { font-size: 32px; line-height: 34px; }
.tbottomlinks { line-height: 20px;font-size:12px;}
.tbottomlinksactive{ line-height: 20px;font-size:12px;}
.ttextpartner { font-size: 14px; line-height: 17px;}
.hideelements { display:none !important;}
.navbar-expand-lg .navbar-nav .nav-item	{padding: 0px 0px 0px 40px!important;}
.tworkshophead {line-height:42px;}
.workshopimg{width:-webkit-fill-available;}
.botcontact{font-size: 14px!important;}
.tworkshop{font-size: 20px;}
.tmoredetails{font-size: 14px;}
 
.tbannerhead { font-size: 35px; line-height: 23px;}

.tproducttext {font-size: 17px; line-height:15px; bottom: 45px; padding-top:10px;}
.tproductviewmore{font-size: 15px; line-height:35px; bottom: 5px;
 padding-bottom:5px;}
.theading { font-size: 35px; line-height: 23px;}
.thead { font-size: 35px; line-height: 23px;}
.tsubhead{font-size: 22px;}
.ttext{ font-size:18px; line-height:28px;}
.ttext1{ font-size:18px; line-height:28px;}
.tbullectsgrey{ font-size:18px; line-height:28px;}
.tbullectsgrey:before {margin-left: -1.2em;}
}

@media only screen and (min-device-width : 1200px) and (max-device-width : 1299px) {	
.navbar-expand-lg .navbar-nav .nav-item { padding: 0px 23px 0px 0px!important; }
.navtext { font-size: 15px!important; }
.twelcomehead { font-size: 35px; line-height: 34px; }
.twelcomesubhead { font-size: 35px; line-height: 34px; }
.twelcometext { font-size: 15px; line-height: 21px; }
.tactiviteshead {font-size: 30px;}
.navbar-expand-lg .navbar-nav .nav-item	{padding: 0px 0px 0px 20px!important;}
.workshopimg{width:-webkit-fill-available;}
.botcontact{font-size: 14px!important;}

.tbannerhead { font-size: 38px; line-height: 23px;}

.tproducttext {font-size: 16px; line-height:15px; bottom: 50px; padding-top:10px;}
.tproductviewmore{font-size: 16px; line-height:35px; bottom: 10px;
 padding-bottom:5px;}
.theading { font-size: 38px; line-height: 23px;}
.thead { font-size: 38px; line-height: 23px;}
.tsubhead{font-size: 22px;}
}
@media only screen and (min-device-width : 1300px) and (max-device-width : 1399px) {	
.navbar-expand-lg .navbar-nav .nav-item { padding: 0px 28px 0px 0px!important; }
.tpharmapackpadding { padding-left: 0px!important; padding-right: 28px!important; }

.navbar-expand-lg .navbar-nav .nav-item	{padding: 0px 0px 0px 19px!important;}
.workshopimg{width:-webkit-fill-available;}
.botcontact{font-size: 14px!important;}
}
@media only screen and (min-device-width : 1400px) and (max-device-width : 1499px) {	
.navbar-expand-lg .navbar-nav .nav-item { padding: 0px 38px 0px 0px!important; }
.navbar-expand-lg .navbar-nav .nav-item	{padding: 0px 0px 0px 30px!important;
}
.workshopimg{
 width:-webkit-fill-available;
}
 .botcontact{font-size: 14px!important;}
}

@media only screen and (min-device-width : 1500px) and (max-device-width : 1699px) {
.workshopimg{
 width:-webkit-fill-available;
}
}
@media only screen and (min-device-width : 1700px) and (max-device-width : 1799px) {
.workshopimg{
 width:-webkit-fill-available;
}
}

/************************* my media query classes ends *************************/

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



/*************************************  SMALL SCREEN SIDE MENU CLASSES STARTS *******************************/
.mh-head .hamburger {}
.mh-head { background: #FFFFFF!important; color: #ffffff!important; }
.mh-text{ font-size: 16px; font-weight: bold;}
.mh-head .hamburger-inner,.mh-head .hamburger-inner:after, .mh-head .hamburger-inner:before{ background: #273980 ; }
.mm-navbar__title { color:#ffffff!important;/*****<!-- header menu text color------>***/ }
.mm-menu {
 background: #0C4DA2!important;
 font-family: 'PoppinsSemiBold';
 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 ********************/


/*************************************** slick starts ********************/
.slick-slide { margin: 0px 0px 0px 0px;}
.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; }
/*************************************** slick ends ********************/
/*************************************** MEGA DROPDOWN STYLE CLASSES STARTS *****************************/
.mbrdr{
	border-bottom:1px dashed #0667B7;
}
.tbrdr{
	border-top:1px dashed #0667B7;
}
.rbrdr{
	border-right:1px dashed #0667B7;
}
.lbrdr{
	border-left:1px dashed #0667B7;
    height: 300px;
}
.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu2 {
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
	background-color:#fff;
}
.mega-dropdown-menu2 > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu2 > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu2 > li > ul > li > a {
  display: block;
  padding: 3px 5px;
}
.mega-dropdown-menu2 > li ul > li > a:hover,
.mega-dropdown-menu2 > li ul > li > a:focus {
  text-decoration: none;
}
.mega-dropdown-menu2 .dropdown-header {
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}
.navbar-nav>li>.dropdown-menu {
    margin-top:60px;
}
.megahead{
	font-family:'RobotoMedium';
	font-size:20px;
	color:#243881;
}
.megatxt{
	font-family:'RobotoRegular';
	font-size:16px;
	color:#333333;
}
.megatxt:hover{
	color:#0667B7;
}
/*************************************** MEGA DROPDOWN STYLE CLASSES ENDS *****************************/
@media only screen and (min-device-width : 992px) and (max-device-width : 1199px) {
.megahead{font-size:14px;}
.megatxt{font-size:13px;}
.lbrdr{height: 270px;}
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1499px) {
.megahead{font-size:15px;}
.megatxt{font-size:14px;}
.lbrdr{height: 290px;}
}

.mm-listitem>a, .mm-listitem>span {
     white-space: normal; 
}