@import url('https://fonts.googleapis.com/css?family=Lato|Crimson+Text|IBM+Plex+Sans|Cinzel|Hammersmith+One');
/* h1{font-family: "Lobster", cursive !important; font-size:1.6em !important;}  */
/* h1{font-family: 'Black Han Sans', sans-serif !important; font-size: 2.6em !important;} */
.heading1{font-size: 2.5rem;} .heading2{font-size: 2rem;} .heading3{font-size: 1.75rem;} .heading4{font-size: 1.5rem;} .heading5{font-size: 1.25rem;} .heading6{font-size: 1rem;}
.ibm{font-family: 'IBM Plex Sans', sans-serif;}
h1{font-family: 'IBM Plex Sans', sans-serif !important; font-size:3.1em !important; }
h2{font-family: "Cinzel", serif !important; font-size:1.5em !important;} 
p{font-family: "Lato", sans-serif; font-size: 1em !important;}
h4,h5,h6 {font-family: 'Montserrat', sans-serif !important; font-size: 1.1em !important;/*font-family: 'Lobster Two', cursive;*/}
h3{font-family: 'Crimson Text', serif !important; font-size:1.2em !important;}	
.sidenav {
	background-color: #33342e;
    height:100%;
	font-size : 16px;}
        
    /* On small screens, set height to 'auto' for the grid */
    @media screen and (max-width: 767px) {
      .row.content {height: auto;} 
    }
	
.navsize{font-size: 16px !important;}
.headerbottom{margin-bottom: -20px !important;}
.padsize1{padding-right :2px !important;}
.borderbox{border : 1px solid gray; padding:5px;}
.para{height: 30px; font-size: 1.4em !important;}	
.imgwidth{width:100% !important;}
.clr1{background-color:white;}
.clr2{color: white !important;}
.clr a{color:white !important;}
.clr a:hover{color:white !important; text-decoration:none;}	
a:focus, a:hover {
    color: black !important;
    text-decoration: none;}
.clr4 { color:#222f72; }
.clr5 { color: #d54545; }
.clr6 { color: #1c2437; }

.bgg
{
	background-color: #1c2437;
}

.wd
{
	width:80%;
	height:30%;
}

.hw
{
	width:230px !important;
	height:150px !important;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #333;
    background-color: #636060 !important;
}

.nav > li > a:focus, .nav > li > a:hover 
{
    text-decoration: none;
    background-color: #f9514 !important;
	color:white;
}

.navbar-toggle
{
background-color: #dda058 !important;
margin-left:0;
margin-right:0;
}

.navbar-header button
{
	margin-right:45% !important; 
}

.navbar-toggle .icon-bar{
	background-color: white !important;	
	}	

.navbar-default .active > a, .active > a:hover, .active > a:focus {
    color: black !important;
	background-color :#636060 !important;
} 

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 2px !important;
    border: 1px solid transparent;
}

.navbar-collapse .active > a, .active > a:hover, .active > a:focus {
    color: white !important;
	background-color : #dda058 !important; 
} 
      
 .navbar-default  li > a:hover, .nav > li > a:focus 
  {
    text-decoration: none;
	color: black !important;
  }

.navbar-default .navbar-nav > li > a 
{
    color: #e3c65f !important;
}


.marginleft1
{
margin-left :-40px !important;
}


.fa-linkedin {
  background: #007bb5;
  color: white;
}
	
	
.row {
    margin: 10px -16px;
}

/* Add padding BETWEEN each column */
.row,
.row > .column {
    padding: 8px;
}

/* Create three equal columns that floats next to each other */
.column {
    float: left;
    width: 33.33%;
    display: none; /* Hide all elements by default */
}

/* Clear floats after rows */ 
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Content */
.content {
    background-color: white;
    padding: 10px;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.btns {
  border: none;
  outline: none;
  padding: 12px 16px!important;
  background-color: white;
  cursor: pointer;
  border-radius: 4px;
}

.btns:hover {
  background-color: #ddd;
}

.btns.active {
  background-color: #666;
  color: white;
}

.footerclr
{
	 background-color:  #041d47; 
	color : white;
}

.linkclr
{
	color: primary-color !important;
}

.borderright
{
	border-right: 1px solid gray;
}

.borderrightside
{
	border-right: 10px solid #dda058;
	border-left: 10px solid #dda058;
	border-top: 10px solid #dda058;
	border-bottom: 10px solid #dda058;
}

.borderrightside1
{
	border-right: 1px solid gray;
	border-left: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}

.borderrightside2
{
	border-right: 2px solid #dda058;
	border-left: 2px solid #dda058;
	border-top: 2px solid #dda058;
	border-bottom: 2px solid #dda058;
}

.margintop
{
	margin-top:70px;
}

.gallery img
 {
padding: 5px;
transition: 1s;
} 

.margintoper
{
	margin-top: 2px;
}

.margintopzero
{
	margin-top:-10px;
}

.margintopzero1
{
	margin-top:-5px;
}
.pad
{
	padding-bottom : 20px;
}
.bg2
{
 background:url("../images/bckpattern.png"); 
opacity:1.1s;
padding:15px;
}

.bg3
{
	background-color:#33342e !important;
	color:white;
}

.bg4
{
background:url("../images/pattern.png"); 
}

.zoom 
{
    transition: transform .0.5s; 
	width : 200px;
	border: 2px solid gray;
} 

.zoom:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}  

.1b-close
{
background:url("../images/close.png"); 
}	

.hw1
{
	width:220px;
	border :1px solid gray !important;
	/* margin-left:-18px; */
}

.marginright
{
	margin-right: -50px !important;
}

.padd
{
	padding : 5px;
}

.p1
{
	font-size: 18px !important; 
	color: black !important;
}

.m1
{
	margin-right: 10px !important;
}

.foot
{
font-size: 15px !important;
}

.bordercolor
{
	border: 1px solid #ebffff !important;
}

.bckgrnd
{
padding: 4px;
border : 1px solid black !important;
}

.padsize
{
	padding-bottom :20px !important;
	padding-bottom :-20px !important;
	padding-left :20px !important;
	padding-right :20px !important;
}

.hght
{
  height: 370px !important ;
}

.ht
{
	height:30px;
}

.wt a{
	color:white !important;
	padding:5px !important;
    }

.wt a:focus a:hover{
	color:white !important;
	text-decoration:none;
}

@media only screen and (max-width: 1025px) {
    .visible-xs
	{
	   padding: 10px !important;
    }
}

@media only screen and (max-width: 1025px) {
    .shade
	{
	   margin-left :-15px !important;
    }
}

.buttn
{
	font-size: 5px !important;
}

.newpadding{padding:40px 0 20px;}
.book_margin_left{margin-left: 90px;}
.pagepopup {
	color: white;
	font-size: 2rem;
	position: fixed;
	right: 12px;
	top: 17px;
	z-index: 999999;
	cursor: pointer;}	
.fullsize {width: 100%; height: 100%;}		
.d-none{display:none;}
.section-pad{padding:40px 0;}
.animated-bg{background-color: #eaeaea;}
.head-bottom{padding-bottom: 40px;}
.pb-4{padding-bottom:20px;}
.clrmrn{color: #dda058;}
.alllink{margin:2em 0em;}
.alllink a{ line-height:45px; }
.bubbly-button {
	display: inline-block;
	font-size: 1em;
	margin:8px 15px 8px 0px;
	-webkit-appearance: none;
	appearance: none;
	background-color: #df3b41;
	color: #fff;
	border-radius: 4px;
	border: none;width: 150px;
	cursor: pointer;
	position: relative;
	transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
	box-shadow: 0 2px 10px rgb(185, 103, 40);}
.bubbly-button:focus {  outline: 0;}
.bubbly-button:before, .bubbly-button:after {
	position: absolute;
	content: '';
	display: block;
	width: 140%;
	height: 100%;
	left: -20%;
	z-index: -1000;
	transition: all ease-in-out 0.5s;
	background-repeat: no-repeat;
}
.bubbly-button:before {
	display: none;
	top: -75%;
	background-image: radial-gradient(circle, #df3b41 20%, transparent 20%), radial-gradient(circle, transparent 20%, #df3b41 20%, transparent 30%), radial-gradient(circle, #df3b41 20%, transparent 20%), radial-gradient(circle, #df3b41 20%, transparent 20%), radial-gradient(circle, transparent 10%, #df3b41 15%, transparent 20%), radial-gradient(circle, #df3b41 20%, transparent 20%), radial-gradient(circle, #df3b41 20%, transparent 20%), radial-gradient(circle, #df3b41 20%, transparent 20%), radial-gradient(circle, #df3b41 20%, transparent 20%);
	background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
}
.bubbly-button:after {
	display: none;
	bottom: -75%;
	background-image: radial-gradient(circle, #df3b41 20%, transparent 20%), radial-gradient(circle, #df3b41 20%, transparent 20%), radial-gradient(circle, transparent 10%, #df3b41 15%, transparent 20%), radial-gradient(circle, #df3b41 20%, transparent 20%), radial-gradient(circle, #df3b41 20%, transparent 20%), radial-gradient(circle, #df3b41 20%, transparent 20%), radial-gradient(circle, #df3b41 20%, transparent 20%);
	background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}
.bubbly-button:active {
	transform: scale(0.9);
	background-color: #df3b41;
	box-shadow: 0 2px 10px rgb(185, 103, 40);}
.bubbly-button.animate:before {
	display: block;
	animation: topBubbles ease-in-out 0.75s forwards;
}
.bubbly-button.animate:after {
	display: block;
	animation: bottomBubbles ease-in-out 0.75s forwards;
}
@keyframes topBubbles {
	0% {
		background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;z-index: 50;
	}
	50% {
		background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;z-index: 50;
	}
	100% {
		background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;z-index: 50;
		background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
	}
}
@keyframes bottomBubbles {
0% {
	background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;z-index: 50;
}
50% {
	background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;z-index: 50;
}
100% {
	background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;z-index: 50;
	background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
}
}

@media (min-width:5px) and (max-width:767.98px){
.newpadding{padding:20px 0 20px;}
.book_margin_left{margin-left: 0px;}	
}

@media (min-width:768px) and (max-width:992.98px){	
.newpadding{padding:20px 0 20px;}
.book_margin_left{margin-left: 0px;}	
}