@charset "utf-8";
/* CSS Document */
::selection {
    color:#fff;
    background:#012954;}

.disabled{
	cursor:not-allowed;}

.dropdown-menu li a:hover{
	padding:3px 25px;
	transition:all 0.5s ease;}
	
/*body{
	cursor: url("../images/favicon.png"), auto;}*/
	
.btn{
	position:relative;
	z-index:9;}
/*for center animation border on nav a tag*/
.bdr-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 25px;
    background:#033771;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}
	
.active .bdr-center:before, .bdr-center:hover:before, .bdr-center:focus:before, .bdr-center:active:before {
  left: 15px;
  right: 15px;}
  
.item h2{animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.item h3{position:relative;animation:animatetop 1s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.item h4{position:relative;animation:animatebottom 1.5s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
 
 #counter{
	background:url(../images/counter-bg.html) center center;
	background-size:cover;}
	
.counter-section{
	max-width:185px;
	margin:0 auto;
	display:inline-block;
	color:white;
	text-shadow:1px 1px 0 rgba(0,0,0,.50);}
	
.counter-value{
	font-size:46px;
	font-weight:bold;
	text-shadow:2px 2px 0 rgba(0,0,0,.50);
	color:white;
	display:inline-block;}
 
.counter-text{
	display:inline-block;
	font-size:40px;}
	
.counter-section p{
	font-size: 18px;
    line-height: 20px;}

/*for social icon hover effect*/	
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.hvr-bounce-to-top {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;}

.hvr-bounce-to-top:before {
    content: "";
    color: white;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #033771;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.mybtn:hover, .mybtn:focus{
	color:white;}

.btn:before{
	border-radius:3px;}	
	
.btn-lg:before{
	border-radius:5px;}

.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  color: white;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} 

/*tooltip*/
.tooltip-inner {
    background:#033771; color:#fff;}
	
.tooltip.top .tooltip-arrow {
    border-top-color:#033771;}

/* radio button and check box */
label{
	position:relative;
	margin-bottom:2px;
	outline:none !important;}
	
.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;}

.checkbox-custom-label, .radio-custom-label {
    position: relative;}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    text-align: center;
	border:1px solid #033771;}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\efad";
    font-family: 'icofont';
    background: #033771;
    color: #fff;}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;}

.radio-custom:checked + .radio-custom-label:before {
    content: "\efad";
    font-family: 'icofont';
    color: #bbb;}

.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
  outline: 1px solid #ddd; /* focus style */}
 
.page-mask{
	background:white;
	position:fixed;
	top:0;
	right:0;
	width:100%;
	height:100%;
	z-index:99999;}
	 
.loader {
  width: 55px;
  height: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);}
  
.loader:after {
  position: absolute;
  content: "Loading...";
  bottom: -20px;
  left: -2px;
  font-family: "Arial";
  font-weight: bold;
  font-size: 12px;}

.loader > .line {
  background-color: #333;
  width: 6px;
  height: 100%;
  text-align: center;
  display: inline-block;  
  animation: stretch 1.2s infinite ease-in-out;}

.line.one {
  background-color: #2ecc71;}

.line.two {
  animation-delay:  -1.1s;
  background-color:#3498db;}
  
.line.three {
  animation-delay:  -1.0s;
  background-color:#9b59b6;}
  
.line.four {
  animation-delay:  -0.9s;
   background-color: #e67e22;}
   
.line.five {
  animation-delay:  -0.8s;
  background-color: #e74c3c;}

@keyframes stretch {
  0%, 40%, 100% { transform: scaleY(0.4); }
  20% {transform: scaleY(1.0);}
}

.location li a:hover{
	transition: all 0.2s ease;
	padding-left:5px;}
	
.tutor-img{
	transition: all 0.8s ease;}
	
.tutor-img:hover{
	transition: all 0.8s ease;
	filter:grayscale(100%);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
	transform: rotateY(180deg);}
	
.job-header{
	text-shadow:0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);}

@supports (position: sticky) or (position: -webkit-sticky) {
    @media screen and (min-width: 768px) {
        .product-media {
            position: -webkit-sticky;
            position: -moz-sticky;
            position: -o-sticky;
            position: -ms-sticky;
            position: sticky;
            top: 0;
        }
    }
}

.blink{
	background:#012954;
	transform: rotate(90deg);
	position:fixed;
	top:50%;
	right:-67px;
	display: flex;
 	padding:10px;
	z-index:999;
	cursor:pointer;
	border-radius:0 0 5px 5px;}
	
.blink li{
	list-style: none;
	font-size: 22px;
	font-family: fantasy;
	color:#484848;
	animation: ani 2s linear infinite;
	font-weight:100;}
	
.blink li:nth-child(1){
	animation-delay: .2s;}
.blink li:nth-child(2){
	animation-delay: .6s;}
.blink li:nth-child(3){
	animation-delay: .8s;}
.blink li:nth-child(4){
	animation-delay: 1.0s;}
.blink li:nth-child(5){
	animation-delay: 1.4s;}
.blink li:nth-child(6){
	animation-delay: 1.8s;}
.blink li:nth-child(7){
	animation-delay: 1.12s;}
.blink li:nth-child(8){
	animation-delay: 1.16s;}
.blink li:nth-child(9){
	animation-delay: 1.20s;}
.blink li:nth-child(10){
	animation-delay: 1.24s;}
.blink li:nth-child(11){
	animation-delay: 1.28s;}
.blink li:nth-child(12){
	animation-delay: 1.32s;}
.blink li:nth-child(13){
	animation-delay: 1.36s;}
.blink li:nth-child(14){
	animation-delay: 1.40s;}
.blink li:nth-child(15){
	animation-delay: 1.44s;}
.blink li:nth-child(16){
	animation-delay: 1.48s;}
.blink li:nth-child(17){
	animation-delay: 1.52s;}
.blink li:nth-child(18){
	animation-delay: 1.56s;}
.blink li:nth-child(19){
	animation-delay: 2.0s;}
@keyframes ani {
  0%{
	 color:white;
	 text-shadow: none;}
  90%{
     color:white;
     text-shadow: none;}
  100%{
     color:red;}
}

label.myLabel input[type="file"] {
    position:fixed;
    top:-1000px;}
	
.upload-icon{
	position:absolute;
	top:30%;
	right:35%;
	font-size:24px;
	cursor:pointer;
	display:none;}
	
.myLabel:hover .upload-icon{
	display:block;}

/* The Custumize CheckBox Start */
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    /*font-size: 22px;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border: 2px solid #033771;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
    background-color: #5bc0de;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    left: 7px;
    top: 2px;
    width: 7px;
    height: 16px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* The Custumize CheckBox End */

/* start radio button */
.radio{
	margin-top:0;
	border-radius:50%;}

.checkbox-container .radio:after {
    width:13px;
    height:13px;
	background:white;
	border-radius:50%;
	margin:2px -3px;}
/* end radio button */

/* start custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
} 
::-webkit-scrollbar-thumb {
    background: #012954; 
}
.tutor-input-opt::-webkit-scrollbar {
    width:3px;
}
/* end custom scrollbar */

.gst {
	max-width:90%;
    position: fixed;
    bottom: 3%;
    left: 1%;
    z-index: 999;
    border: 2px solid #0353a8;
    border-radius: 3px;}

.gst-close {
    position: absolute;
    top: -28px;
    right: -23px !important;
    font-size: 30px !important;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;}

.gst-close:hover{
	-ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);}

/* end custom scrollbar */

#mySidenav{
	position:fixed;
	top:35%;
	z-index:99;}

#mySidenav a {
    position: absolute;
    transition: 0.3s;
    padding: 10px;
    text-decoration: none;
	text-align:right;
    font-size: 20px;
    color: white;
    border-radius: 0 5px 5px 0;}

#mySidenav a:hover {
    left: 0;}

#whatsapp {
    top: 20px;
	width:175px;
	left:-140px;
    background-color: #4CAF50;}

#whatsapp i{
	color:white;}

#call {
    top: 70px;
	width:175px;
	left:-140px;
    background-color: #012954;}

#mail {
    top: 120px;
	width:264px;
	left:-229px;
    background-color: #5bc0de ;}