/************************************** COMMON STYLE CLASSES STARTS **************************/
html { scroll-behavior: smooth;}
body { font-family: 'Palatino Linotype'; 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 30px 0px 30px!important; }
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 0px; padding-left: 0px; }
.boxpadding {padding-bottom:30px;}
/************************************** OVERRIDING THE PADDING FROM 15PX TO 8PX  ENDS **************************/
.bgwhite { background-color : #ffffff; }
.bgblack {background-color: #000000;}
.bgblue {background-color: #E6E6FA;}
.bggray {background: linear-gradient(to right, #E6E6FA 50%, #ffffff 50%); }
.bgred {background-color: #2c2380;}
.bgblush {background-color: #F3E5D4;}
.bgprojectblue {background-color: #312883;}
.bglavender {background-color: #E6E6FA;}
.bgmblue {background-color: #352C85;}
.bgheader {background-color: #e6e6fa;}
/************************************** header starts **************************/
.bgtopcall {background-color: #A4DBFF;}
/************************************** header ends **************************/
/************************************** index page classes starts **************************/
/************************************** home welcome starts **************************/
.twelcomehead{
 font-family: 'Palatino Linotype';
 font-size: 38px;
 color: #312783;
 line-height: 45px;
 font-weight: 700;
}
.twelcomesubhead{
 font-family: 'Palatino Linotype';
 font-size: 38px;
 color: #312783;
 line-height: 45px;
 font-weight: 700;
}
.twelcometext{
 font-family: 'Palatino Linotype';
 font-size: 20px;
 color: #333333;
 font-weight: normal;
 text-align: justify;
 line-height: 32px;
 font-weight: bold;
}
.designimg{
 position: absolute;
 z-index:999;
 top:715px
}
.designimg01{
 position: absolute;
 z-index:999;
}
#iwelcome{
 background-size:cover!important;
}
.welcomebg{
 background-image: url("webimg/welcomebg.png");
 background-repeat:  no-repeat;
 background-position: right; 
}
.readmorebutton{
 font-family: 'Palatino Linotype';
 font-size: 17px;
 color: #312783;	
 background-color: transparent;
 padding : 0px;
 border-radius: 0%;
 border: 0px solid navy;
 font-weight: 600;
}
.readmorebutton:hover{
 color: #312783;
 border: 0px solid #333333;
}
/************************************** home welcome ends **************************/
/************************************** home specialization starts **************************/
.tspecializationhead{
 font-family: 'Palatino Linotype';
 font-size: 43px;
 color: #312783;
 line-height: 30px;
 font-weight: 700;
}
.tspecializationsubhead{
 font-family: 'Palatino Linotype';
 font-size: 20px;
 color: #333333;
 line-height: 30px;
 font-weight: 700;
}
.specializationbg{
 background-image: url("webimg/specializationbg.jpg");
 background-repeat:  no-repeat;
 background-position: center top;
}
.tspecializationtext {	
 font-family: 'Palatino Linotype';
 font-size: 20px;
 color: #ffffff;
 text-align: center; 
 background: rgba(72, 76, 156, 0.9); 
 border-radius: 0px;	
 border: 0px;
 padding : 8px 0px 8px 0px;
 text-transform: uppercase;
 position: absolute;
 bottom: 0px;
 left: 50%;
 transform: translate(-50%, -30%);
 width:94%;
 font-weight: bold;
}
.tspecializationtexthover {	
 font-family: 'Palatino Linotype';
 font-size: 20px;
 color: #ffffff;
 text-align: center; 
 text-transform: uppercase;
 font-weight: bold;
}
/************************************** home specialization ends **************************/
/************************************** home projects starts **************************/
#projectsbg {
 background-image: url(webimg/projectsbg.jpg);
 background-attachment: fixed;
 background-size: cover;
}
.tprojecthead{
 font-family: 'Palatino Linotype';
 font-size: 43px;
 color: #ffffff;
 line-height: 30px;
 font-weight: 700;
}
.projectsbuttonmain{
 font-family: 'Palatino Linotype';
 font-size: 20px;
 color: #312783;	
 background-color: #ffffff;
 border-radius: 25px;	
 padding : 10px 35px 10px 35px;
 border-color: #ffffff;
 font-weight: bold;
}
.projectsbuttonmain:hover{
 background-color: #E10511!important; 
 border-color: #E10511;
 color: #ffffff;	
}
.gallerybutton{
 font-family: 'Palatino Linotype';
 font-size: 16px;
 color: #ffffff;
 background-color: #C5050F;
 border-radius: 25px;	
 padding : 10px 35px 10px 35px;
 border-color: #C5050F;
 font-weight: bold;
}
.gallerybutton:hover{
 background-color: #312783;
 border-color: #312783;
}
.projectsbuttonsub {
 font-family: 'Palatino Linotype';
 font-size: 20px;
 color: #312783;	
 background-color: #ffffff;
 border-radius: 25px;	
 padding : 10px 35px 10px 35px;
 border-color: #ffffff;
 border: 0px;
 font-weight: bold;
}
.projectsbuttonsub:hover { background-color: #c50510; color: #ffffff; }
.projectsbuttonsub:active { background-color: #312783; color: #ffffff; }
/************************************** home projects ends **************************/
/************************************** home clients certificates starts **************************/
.tclientshead{
 font-family: 'Palatino Linotype';
 font-size: 40px;
 color: #312783;
 line-height: 30px;
 text-align: center!important;
 font-weight: 700;
}
.tclientstext{
 font-family: 'Palatino Linotype';
 font-size: 18px;
 color: #333333;
 line-height: 30px;
 text-align: center!important;
 font-weight: bold;
}
#iclients{
 background-size:cover!important;
}
.clientsbutton{
 font-family: 'Palatino Linotype';
 font-size: 18px;
 color: #716F6F;
 background-color: transparent;
 border-radius: 0px;	
 padding : 10px 35px 10px 35px;
 border: 1px solid #716F6F;
 width:250px;
 font-weight: 700;
}
.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:#312783;
	-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);
}
.clientsbg{
 background-image: url("webimg/bgline01.png");
 background-repeat:  repeat-x;
 background-position: bottom; 
}
/************************************** home clients certificates ends **************************/
/************************************** index page classes ends **************************/
/************************************** inner page classes starts **************************/
.theading{
 font-family: 'Palatino Linotype';
 font-size: 40px;
 color: #312783;
 font-weight: 700;
}
.theadingred{
 font-family: 'Palatino Linotype';
 font-size: 40px;
 color: #a4091c ;
 font-weight: 700;
}
.tsubheading{
 font-family: 'Palatino Linotype';
 font-size: 30px;
 color: #312783;
 font-weight: bold;
}
.ttext{
 font-family: 'Palatino Linotype';
 font-size: 20px;
 color: #333333;
 font-weight: bold;
}
.ttexthead{
 font-family: 'Palatino Linotype';
 font-size: 25px;
 color: #333333;
 font-weight: 700;
}
.ttextlisting{
 font-family: 'Palatino Linotype';
 font-size: 20px;
 color: #333333;
 border-bottom: 1px solid #aaa5d7; padding-bottom:18px; padding-top:18px;
 font-weight: bold;
}
.ttextlistingwl{
 font-family: 'Palatino Linotype';
 font-size: 20px;
 color: #333333;
 line-height: 50px; 
 font-weight: bold;
}
.ttextwhite{
 font-family: 'Palatino Linotype';
 font-size: 16px;
 color: #ffffff;
 font-weight: bold;
}
.servicescircle {
 height: 142px;
 width: `42px;
 background-color: #312783;
 border-radius: 50%;
 display: inline-block;
}
.servicesubhead{
 font-family: 'Palatino Linotype';
 font-size: 20px;
 color: #333333;
 font-weight: bold;
}

.bgpage {background-color: #F1F1F1;}

.pagebg{
 background-image: url("webimg/pagebg.jpg");
 background-repeat:  repeat-y;
 background-position: right top;
}
.pagebg1{
 background-image: url("webimg/bg1.jpg");
 background-repeat:  repeat-y;
 background-position: right top;
}
.pagebgproducts{
 background-image: url("webimg/bg2.jpg");
 background-repeat:  repeat-y;
 background-position: right bottom;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #aaa5d7;
}

/************************************** inner page classes ends **************************/
/************************************** Bottom portions starts **************************/
.tbottomhead{
 font-family: 'Palatino Linotype';
 font-size: 16px;
 color: #998173;
 font-weight: bold;
}
.tbottomtext{
 font-family: 'Palatino Linotype';
 font-size: 14px;
 color: #716F6F;
 line-height:20px;
 text-transform: uppercase;
 font-weight: bold;
}
.tbottomtext:hover{
 color: #312783;
}
.tbottomtext:active{
 color: #312783;
}
.dotline{
 background-image: url("webimg/dotline.jpg");
 background-repeat:  repeat-x;
 background-position: center bottom;
}
.tbottomlinks{
 font-family: 'Palatino Linotype';
 font-size: 14px;
 color: #ffffff;
 font-weight: bold;
}
.tbottomlinks:hover{
 color: #ffffff;
}
.tbothead   {
 font-family: 'Palatino Linotype';
 font-size: 16px;
 color: #A19D8F;
 font-weight: bold;
}
.tbottextb   {
 font-family: 'Palatino Linotype';
 font-size: 20px;
 color: #998173;
 font-weight: bold;
}
.ulpadding {padding-left: 21px;}
ul {
  list-style-image: url('webimg/bullets.png');
}
.icopyright {
 font-family: 'Palatino Linotype';
 font-size: 14px;
 font-weight: normal;
 color:#ffffff;
 text-align: left;
}
.ciberimg{
 margin-left:9px;
 margin-top: 6px;
}
.idesign {
 font-family: 'Palatino Linotype';
 font-size: 12px;
 font-weight: normal;
 color:#ffffff;
 line-height:19px;
}
.whtsapp-icon {
 position: fixed;
 right: 3%;
 bottom: 15%;
 z-index: 20;
}
/************************************** Bottom portions ends **************************/
/*************************************** 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: 35px;
 height: 35px;
 background-color:#8778FF;
 text-align: center;
 line-height: 29px;
 font-size: 18px;
 margin: 0 10px;
 display: block;
 border-radius: 50%;
 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: 33px;
}
#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: #007bba; }
#socialicons ul li:nth-child(2) a:before{ background: #385999; }
#socialicons ul li:nth-child(3) a:before { background:  #ce1a19; }
#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-color: #D0D0D0;
 border-style: solid;
 border-width: 0px;  
 border-radius: 0px!important;  
 height: 100%!important;
 padding:0px;
}
.card-header { 
 padding: 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;
}
/************************************** card ends **************************/
/************************************** breadcrumb starts **************************/
.breadcrumb { background:transparent!important; }
.breadcrumb-item, .breadcrumb-item a { font-family: 'Palatino Linotype'; font-size: 13px; color:#656565;}
.breadcrumb .active{ color:#0C5EA8!important; }
/************************************** breadcrumb starts **************************/
/************************************* form starts *************************************/
input::placeholder { color: #312D2F; font-size: 18px;}
/************************************* form ends *************************************/
/************************************* button starts *************************************/
.submitbutton{
 font-family: 'Palatino Linotype';
 font-size: 18px;
 color: #ffffff;	
 background-color: #312783;
 border-radius: 0px;	
 text-transform: uppercase;
 border-radius: 0px;
 padding : 10px 20px 10px 20px;
 font-weight: bold;
}
.submitbutton.hover{
 background-color: #D5AB4F;
}
/************************************* button ends *************************************/
@media (min-width: 992px){
figure {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
/* Shine */
.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
}
/************************************** top sticky starts **************************/
.nav .nav-item .nav-link{
 color: #ffffff;   
 font-size: 16px;
 font-family: 'Palatino Linotype';
 text-decoration: none;
 text-transform: uppercase;
 padding-left:100px!important;
 padding-right:100px!important;
 padding-top:12px;
 padding-bottom:12px;
 text-shadow:none!important;
 font-weight: bold;
}
.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:#ffffff;
    background-color: transparent;
}
.mega-dropdown{
	background-color:#ffffff;
	color:#810000;
    font-size: 17px;
    font-family: 'Palatino Linotype';
	width:280px;
 font-weight: bold;
}
/**********************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: #312783;
 text-decoration: none;
 background-color: #ffffff;
}
.dropdown-item:hover, .dropdown-item:hover {
 color: #312783;
 text-decoration: none;
 background-color: #ffffff;
}
.dropdown-item2.active, .dropdown-item2:active {
 color: #312783;
 text-decoration: none;
 background-color: #ffffff;
}
.dropdown-item2:hover, .dropdown-item2:hover {
 color: #312783;
 text-decoration: none;
 background-color: #ffffff;
}
.dropdown-item {
 display: block;
 width: 100%;
 padding: 0!important;
 clear: both;
 font-size: 18px;
 font-family: 'Palatino Linotype'; 
 color: #414141!important;
 text-align: inherit;
 white-space: nowrap;
 background-color: #ffffff ;
 border: 0; 
 margin :  5px 10px 5px 10px;
 font-weight: bold;
}
/************************************** top sticky 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 #1B376B; border-radius: 10px; background-color: #1B376B;}
.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 #312783;
 border-radius: 0px;
 background-color:#ffffff!important;
 font-size: 14px;
 font-family: 'Palatino Linotype'; 
 color: #212529;
 font-weight: bold;
}
.navtext {
 color: #a4091c!important;   
 font-size: 15px;
 font-family: 'Palatino Linotype';
 text-decoration: none;
 text-shadow:none!important;
 background-color:transparent!important;
 font-weight: bold;
}
.navtext.focus, .navtext:focus, .navtext.hover, .navtext:hover, .navtext.active, .navtext:active  {
 color: #312783!important;
}
	
.navbottomborder {border-width:1px; border-bottom-style:solid; border-bottom-color: #E6E6FA ;}
@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:  #312783 !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: #E6E6FA ;
 background-color: #E6E6FA ;
 }
}
/**********************new drop down menu******************/
/************************* 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%; }
 .twelcomehead{ font-size: 25px; line-height: 35px;}
 .twelcomesubhead{ font-size: 25px; line-height: 35px;}
 .twelcometext { font-size: 14px; line-height: 21px;}
 
.welcomebg{
 background-image: none;
 background-repeat:  no-repeat;
 background-position: right;
}
.specializationbg{
 background-image: none;
 background-repeat:  no-repeat;
 background-position: center top;
}
.tspecializationhead{ font-size: 25px; }
.tspecializationsubhead{ font-size: 15px; }
.specializationbg{
 background-image: none;
 background-repeat:  no-repeat, no-repeat;
 background-position: center top, center top;
}
.tspecializationtext {
 font-size: 15px;
 width:96%;
}
.projectsbuttonsub { font-size: 13px; padding: 8px 20px 8px 20px; }
.boxpadding { padding-bottom: 20px; }
.gallerybutton { font-size: 14px; border-radius: 15px; padding: 5px 20px 5px 20px; }
.tclientshead{ font-size: 25px; }
.tclientstext{ font-size: 14px; }
.clientsbutton { font-size: 14px; width: 221px; }
.tbottextb { font-size: 15px;}
.tbothead { font-size: 13px; }
.theading { font-size: 28px; }
.theadingred{ font-size: 28px; }
.projectsbuttonmain { font-size: 15px; padding: 6px 20px 6px 20px; }
.ttext { font-size: 16px; }
.servicesubhead { font-size: 15px; }
.visionhead { font-size: 20px; }
.visionsubhead { font-size: 19px; }
.visiontext { font-size: 18px;}
.visionsubtext { font-size: 20px; }
.misiontext { font-size: 15px;}
.misiohead{ font-size: 20px; }
.ttextwhite { font-size: 14px; }
.navtext { font-size: 13px; }
.misionbg{
 background-image: none;
 background-repeat:  no-repeat;
 background-position: right top;
 background-color: #352C85;
}
.visionbg{
 background-image: none;
 background-repeat:  no-repeat;
 background-position: right top;
 background-color: #E6E6FA;
}
}
@media (min-width: 576px) {.container { max-width: 100%; }}
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
.whtsapp-icon {
    position: fixed;
    right: 10%;
    bottom: 15%;
    z-index: 20;
}	
.tbottomtext { font-size: 12px;}
 .twelcomehead{ font-size: 25px; line-height: 35px;}
 .twelcomesubhead{ font-size: 25px; line-height: 35px;}
 .twelcometext { font-size: 14px; line-height: 21px;}
 
.welcomebg{
 background-image: none;
 background-repeat:  no-repeat;
 background-position: right;
}
.specializationbg{
 background-image: none;
 background-repeat:  no-repeat;
 background-position: center top;
}
.tspecializationhead{ font-size: 25px; }
.tspecializationsubhead{ font-size: 15px; }
.specializationbg{
 background-image: none;
 background-repeat:  no-repeat, no-repeat;
 background-position: center top, center top;
}
.tspecializationtext {	 font-size: 15px;}
.projectsbuttonsub { font-size: 15px; padding: 8px 20px 8px 20px; }
.boxpadding { padding-bottom: 20px; }
.gallerybutton { font-size: 14px; border-radius: 15px; padding: 5px 20px 5px 20px; }
.tclientshead{ font-size: 25px; }
.tclientstext{ font-size: 14px; }
.clientsbutton { font-size: 14px; width: 221px; }
.tbottextb { font-size: 15px;}
.tbothead { font-size: 13px; }
.bggray {background: none; }
.bglave {background: #E6E6FA; }
.bgwh {background: #ffffff; }
.theading { font-size: 26px; }
.theadingred{ font-size: 26px; }
.tsubheading { font-size: 24px;}
.projectsbuttonmain { font-size: 15px; padding: 6px 20px 6px 20px; }
.ttext { font-size: 16px; }
.ttextlisting { font-size: 17px;  padding-bottom:18px; padding-top:18px;}

.servicesubhead { font-size: 15px; }
.visionhead { font-size: 20px; }
.visionsubhead { font-size: 19px; }
.visiontext { font-size: 18px;}
.visionsubtext { font-size: 20px; }
.misiontext { font-size: 15px;}
.misiohead{ font-size: 20px; }
.ttextwhite { font-size: 14px; }
.bgvision{  height : 200px; }
.misionbg{
 background-image: none;
 background-repeat:  no-repeat;
 background-position: right top;
 background-color: #352C85;
}
.visionbg{
 background-image: none;
 background-repeat:  no-repeat;
 background-position: right top;
 background-color: #E6E6FA;
}
.tprojecthead { font-size: 25px;}
.tspecializationtext {
    font-family: 'Palatino Linotype';
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    background: rgba(72, 76, 156, 0.9);
    border-radius: 0px;
    border: 0px;
    padding: 8px 0px 8px 0px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, -72%);
    width: 96%;
 font-weight: 500;
}
.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; }
}
@media only screen and (min-device-width : 769px) and (max-device-width : 991px) {
 .twelcomehead{ font-size: 28px; line-height: 35px;}
 .twelcomesubhead{ font-size: 28px; line-height: 35px;}
 .twelcometext { font-size: 15px; line-height: 21px;}
.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; }
.bgvision{  height : 220px; }
}
@media only screen and (min-device-width : 992px) and (max-device-width : 1199px) {	
 .navbar-expand-lg .navbar-nav .nav-item { padding: 0px 10px 0px 7px!important; }	
 .twelcomehead{ font-size: 27px; line-height: 35px;}
 .twelcomesubhead{ font-size: 27px; line-height: 35px;}
 .twelcometext { font-size: 17px; line-height: 28px;}
 .tdays { font-size: 13px; }
 .tdayssub { font-size: 17px; }
 .downloadbutton { font-size: 14px; padding: 9px 15px 10px 15px; height: 40px;}
 .navtext { font-size: 13px;} 
.welcomebg{
 background-image: none;
 background-repeat:  no-repeat;
 background-position: right;
}
.tspecializationhead{ font-size: 25px; }
.tspecializationsubhead{ font-size: 15px; }
.tspecializationtext {	
 font-family: 'Palatino Linotype';
 font-size: 15px;
 color: #ffffff;
 text-align: center; 
 background: rgba(72, 76, 156, 0.9); 
 border-radius: 0px;	
 border: 0px;
 padding : 8px 0px 8px 0px;
 text-transform: uppercase;
 position: absolute;
 bottom: 0px;
 left: 50%;
 transform: translate(-50%, -30%);
 width:96%;
 font-weight: 500;
}
.projectsbuttonsub { font-size: 15px; padding: 8px 20px 8px 20px; }
.gallerybutton { font-size: 14px; border-radius: 15px; padding: 5px 20px 5px 20px; }
.tclientshead{ font-size: 25px; }
.tclientstext{ font-size: 14px; }
.clientsbutton { font-size: 14px; width: 221px; }
.tbottextb { font-size: 15px;}
.tbothead { font-size: 13px; }
.theading { font-size: 32px; }
.theadingred{ font-size: 32px; }
.navtext.focus, .navtext:focus, .navtext.hover, .navtext:hover, .navtext.active, .navtext:active  {
 padding-bottom: 38px;
}
.ttext { font-size: 16px; }
.servicesubhead { font-size: 15px;}
.visionhead { font-size: 20px; }
.visionsubhead { font-size: 19px; }
.visiontext { font-size: 18px;}
.visionsubtext { font-size: 20px; }
.misiontext { font-size: 15px;}
.misiohead{ font-size: 20px; }
.ttextwhite { font-size: 14px;}
.bgvision{  height : 200px; }
 .hideelementsbotlinks992 { display:none !important;}
}
@media only screen and (min-device-width : 1400px) and (max-device-width : 1499px) {
.navbar-expand-lg .navbar-nav .nav-item { padding: 0px 0px 0px 34px!important; }
}
@media only screen and (min-device-width : 1300px) and (max-device-width : 1399px) {
.navbar-expand-lg .navbar-nav .nav-item { padding: 0px 0px 0px 27px!important; }
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1299px) {
.navbar-expand-lg .navbar-nav .nav-item { padding: 0px 0px 0px 17px!important; }
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1499px) {
 .twelcomehead{ font-size: 31px; }
 .twelcomesubhead{ font-size: 31px; }
 .twelcometext { font-size: 17px; line-height: 28px;}
.tspecializationhead{ font-size: 31px; }
.tspecializationsubhead{ font-size: 15px; }
.tclientshead{ font-size: 25px; }
.tclientstext{ font-size: 15px; }
 .tbottextb { font-size: 16px; }
.welcomebg{
 background-image: url("webimg/welcomebg.png");
 background-repeat:  no-repeat;
 background-position: right; 
 background-size: 45%;
}
.navtext { font-size: 14px;}
 .hideelements { display:none !important;}
 .ttextwhite {font-size: 15px;}
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1399px) {
 .hideelementsbotlinks { display:none !important;}
}
@media only screen and (min-device-width : 1500px) and (max-device-width : 1699px) {
.navbar-expand-lg .navbar-nav .nav-item { padding: 0px 22px 0px 22px!important; }
.welcomebg{
 background-image: url("webimg/welcomebg.png");
 background-repeat:  no-repeat;
 background-position: right; 
 background-size: 45%;
}
 .hideelements { display:none !important;}
 .hideelementsbotlinks { display:none !important;}
}
@media only screen and (min-device-width : 1700px) and (max-device-width : 1799px) {
 .hideelements { display:none !important;}
 
 .hideelementsbotlinks17 { display:none !important;}
}
@media only screen and (min-device-width : 1800px) and (max-device-width : 1899px) {
}
/************************* my media query classes ends *************************/
/*************************  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: #e6e6fa!important; color: #0E1D42!important; }
.mh-text{ font-size: 16px; font-weight: bold;}
.mh-head .hamburger-inner,.mh-head .hamburger-inner:after, .mh-head .hamburger-inner:before{ background: #0E1D42 ; }
.mm-navbar__title { color:#ffffff!important;/*****<!-- header menu text color------>***/ }
.mm-menu {
 background: #0E1D42!important;
 font-family: 'Palatino Linotype';
 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 ********************/