@charset "utf-8";


@font-face {
	font-family: 'EkMukta-Regular';
	src: url('../fonts/EkMukta-Regular.eot');
	src: local('☺'), url('../fonts/EkMukta-Regular.woff') format('woff'), url('../fonts/EkMukta-Regular.ttf') format('truetype'), url('../fonts/EkMukta-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{outline:none !important;font-family:'EkMukta-Regular', sans-serif; font-weight:400; overflow: auto;  z-index: -1;}

*{ margin:0; padding:0;outline:none !important;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box ;}

ul, ol { list-style-type:none}

ol{ list-style:decimal}

ol{margin:0px;padding:0px;}
ol li{ display: block;margin:0px;padding:1px 5px;font-family:'EkMukta-Regular', sans-serif;font-size:13px;font-weight:700; color:#333;text-decoration:none;list-style:none;line-height:18px;text-align:left}

ol li a,ol li a:link,ol li a:visited{margin:0px;padding:0px; color:#333;text-decoration:none; list-style:decimal;}
ol li a:hover,ol li a.active{margin:0px; padding:0px;color:#000;text-decoration:none;list-style:decimal;-moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s;}

img {width:100%; height:auto;}

.middle{ vertical-align:middle !important; padding-top:5px; display:inline-block}

.bdright{ border-right:1px solid #dddddd}
.bdleft{ border-left:1px solid #dddddd}
.bdtop{ border-top:1px solid #dddddd}

.bdrg3{border: 3px solid #cccccc;}

.grey1{ background-color:#ecebdb !important; padding:30px 10px 50px 10px; margin:5px 0px }
.grey2{background-color:#d7d6c5 !important;padding:30px 10px 50px 10px;margin:5px 0px }
.grey3{background-color:#b5b4a5 !important;padding:30px 10px 50px 10px;margin:5px 0px }
 
 
.latest-box{width:100%; box-sizing: border-box; padding:20px 15px 30px 15px; overflow:hidden; height:auto;
background: #d8d8d8;}
.product-box1{width:100%; box-sizing: border-box; padding:30px 15px 80px 15px; overflow:hidden; height:auto;
background:#e0e0e0; border-left:1px solid #cccccc;border-right:1px solid #cccccc; }

.maps iframe{pointer-events: none;}

header{/*box-shadow: 0px 3px 5px #333 !important; */ background:none; z-index:999;width:100%;height:auto
;position:relative;min-height: 1px; padding-bottom:0px; float: left;}

header:after{display:block; content:"";clear:both;}

.maps1{height:250px !important}

.cont{width:100%;height:500px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
padding:0; padding-top:20px; padding-bottom:30px;overflow:auto; color:#fff}

body.modal-open {
    height: auto;
}

html.fancybox-lock {
    overflow: visible !important;
}

.navbar-toggle {
  border: none;
  background: transparent !important;
}
.navbar-toggle:hover {
  background: transparent !important;
}
.navbar-toggle .icon-bar {
  width: 30px;
  transition: all 0.2s;
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 20% 10%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}


/*.news-section p{font-size:13px; color:#333333;line-height:24px;font-family: 'EkMukta-Regular', sans-serif; text-align:justify; padding-top:4px;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; font-weight:700 }

.news-section p span{color:#fff; font-size:16px;}*/

.yellow{ color:#fcbf4a!important}

.f16{font-family:'EkMukta-Regular', sans-serif;font-size:18px;font-weight:700; color:#fff;text-decoration:none;list-style:none;line-height:22px;text-align:left}

.slider1{ background-attachment:fixed; width:100%; height:auto;background-position:top center; background:#333;}


.greybg{ background:#ededed;}
.greybg1{ background:#cecece;}
.greybg h4{color:#343333 !important; padding:6px 10px;}
.light{ background:#fff !important; padding:3px 50px; position:relative; overflow:hidden;}
.light::before {content: '';position: absolute;left:0px;bottom:0px;top:0;width: 0;height: 0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid #cccccc;clear: both;z-index: 99;}

.btn span a{color:#484848}
.btn span a :hover {color:#fff !important}
.f-w{font-weight: bold}


nav{width:100%; height:auto; position:relative; z-index:1;border-radius: 0px;height:auto; z-index:999;
/*box-shadow:0 2px 6px #3F3F3F */;padding:0px 0px; background:#f0d048;border-bottom: 0px solid #ccc;}

.effect2
{  background:#fbfbfb;
  position: relative; height:45px;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 30%;
  max-width:300px;
  background: #4a4846;
  -webkit-box-shadow: 0 15px 10px #4a4846;
  -moz-box-shadow: 0 15px 10px #4a4846;
  box-shadow: 0 15px 10px #4a4846;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}



.bottom{-webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);width:100%;height:3px; margin-top:-1px;}

.topbar{
	width: 100%;
	min-height: 60px;
	position: relative;
	top: 0px;
	left: 0px;
	background-color: rgba(22,20,19,0.5);
	z-index: -1;
}


.span-no{font-size:48px;font-family:'EkMukta-Regular', sans-serif;color: #fff;margin: 10px 0px;display: inline-block;font-weight: 300;text-align: center;}
.blueborder{border: 4px solid #2aabe1 !important;}
.activity{position:relative; margin-top:10px;text-align:center; z-index:99 }
.activity_rounded {display: inline-block;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;
-khtml-border-radius: 50%; border: 3px solid #cbcbcb; margin:5px 0px; text-align:center;
}
.activity_rounded img  {-webkit-border-radius: 100%;-moz-border-radius: 100%; border-radius:100%;-khtml-border-radius: 100%;
vertical-align: middle;behavior: url(css/PIE.htc);background:#fff; max-width:280px; height:auto;}

 
/*	NAVIGATION
---------------------------------*/
.menu-icon{
	display: inline-block;
	width: 60px;
	height: 60px;
	background: transparent;
	float:none;
	cursor: pointer;
	color: #fcbf4a;
}
.menu-icon i{ font-size: 31px; }
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(4, 68, 54, 0.9);
}
.overlay .overlay-close {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 50px;
	top: 50px;
	overflow: hidden;
	border: none;
	text-indent: 200%;
	color: transparent;
	background: url(../images/cross.png);
	background-repeat: no-repeat;
	outline: none;
	z-index: 100;
	background-size: 100%;
	cursor: pointer;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;
}
.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: block;
	height: 100%;
	position: relative;
	text-align: center;
	width: 50%
}
.overlay ul li {
	display: inline-block;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 40%;
	padding: 18px 0;
	margin: 0 20px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	position: relative;
}
.overlay ul li a {
	font-size: 30px;
	font-weight: 300;
	display: block;
	color: #fff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	position: relative;
}
.overlay ul li a .txt{ display: block; }
.overlay-slidedown {
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.3s ease-in-out, visibility 0s 0.3s;
	transition: transform 0.3s ease-in-out, visibility 0s 0.3s;
}
.overlay-slidedown.open {
	visibility: visible;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}
.menu-icon:hover{ background-color: #fcbf4a; color:#0a4b3e; }
.overlay .overlay-close:hover{ transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; transform:rotate(45deg) }


.text-right {
    text-align: right !important;
}

.product-bg{width:100%; height: auto; float: left;padding:50px 0px 50px 0px;
  background:url(../images/bg/people-bg.jpg)#fff; background-position:top right;
  background-repeat:no-repeat;position:relative; background-size: cover; background-attachment:fixed;}

.welcome-bg{width:100%; height: auto; float: left; padding:30px 0px 30px 0px;
 background:#f9eaae; background-position:center center;
background-repeat:no-repeat;position:relative; }
  

.inner-bg{width:100%; height: auto; float: left; background:#fff;
position:relative;padding:10px 0px 30px 0px;}

/*.education-bg::before {content: "";position: absolute;top: -36px;border-top: 0px solid transparent;
border-bottom: 36px solid transparent;border-right: 70px solid #fff;left: 0px;width: 50%;height: 35px;
background: #f7f7f7 none repeat scroll 0% 0%;}*/


/*Flex items*/

.list {
  display: flex;display: -webkit-flex;display: -ms-flex;display: -op-flex;
  flex-wrap: wrap;flex-wrap: -webkit-wrap;flex-wrap: -ms-wrap;flex-wrap: -op-wrap;
}
.list-item {
    display: flex;display: -webkit-flex;display: -ms-flex;display: -op-flex;
  padding:0px; width:100%;

}

/*@media (min-width:801px) and (max-width:1920px) {
  .list-item {
    width:25%;float:left;
  }
}

@media (min-width:700px) and (max-width:800px) {
  .list-item {
    width: 50%;
  }
}*/

.list-content {
  background:rgba(3, 40, 90, 0.8);
  display: flex;
  flex-direction: column;
  padding: 1px; text-align:center !important;
  float:left; width:100%; padding:15px;
}

.list-content h3{text-align:center; line-height:20px; font-size:20px; color:#FFF;font-family:'EkMukta-Regular', sans-serif;}
.list-content h3 a{color:#FFF; text-decoration:none}
.list-content h3 a:hover{color:#f58220; text-decoration:none}

.list-content p {
    flex: 1 0 auto; text-align:center; font-family:'EkMukta-Regular', sans-serif; font-size:15px; font-weight:400;color:#FFF; }
.list-content p span { color:#d3952a}
.list-content p img{ width:100%; height:auto; max-width:120px; text-align:center; margin:5px 0px;}


/** filters list **/
#filter-list {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom:0px;
}

#filter-list li {
  display: inline-block;
  width: auto; text-align:center;
  padding: 5px 5px;
	margin: 15px 16px;
	font-size:15px;
	cursor: pointer;border-bottom:2px solid transparent
	}
#filter-list li:hover {
	background:none; border-bottom:2px solid transparent;
}
#filter-list li.active {
	font-weight: bold; color:#145074;
	background:none; border-bottom:0px solid #179fd0;
}


/** portfolio list **/
#portfolio {
	display: block;
  width: 98%;
  padding: 5px;
  margin-bottom: 35px;
	text-align: center;
}

#portfolio .item {
	display: none;
	opacity: 0;
	width:31%; position:relative;
	vertical-align: top;
	margin-bottom: 0.6%;margin-top: 0.6%;
	margin-right:0.6%;margin-left:0.6%;
	color: #fff;
	font-size: 30px;
	text-align: center;
    -moz-box-sizing: border-box;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;
    box-sizing: border-box;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;
}
#portfolio .item a {
  display: inline-block;
  max-width: 100%;
  text-decoration: none;
  background-color:none;

}
#portfolio .item img {
  padding:0px;
  max-width: 100%;
}

#portfolio .item .label {
		position: absolute;
		width: 94%; opacity:0;
		 top:3%;left:3%;right:3%;
		bottom:3%;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
	}

		#portfolio .item .label-bg {
			background:rgba(11,76,117, 0.7);
			width: 100%;
			height:100%;
			position: absolute;
			top:0;
			left:0;
		}

#portfolio .item .label-text {color:#fff;position: absolute;font-size: 30px; text-align:center;top:20%; right:5%;
left:5%;z-index:500; vertical-align:middle;padding:5px 10px; bottom:50%}
.label-text img{ width:40px; height:40px; text-align:center;-moz-transition: 0.6s ease-in-out 0s;-webkit-transition: 0.6s ease-in-out 0s;transition: 0.6s ease-in-out 0s;-moz-transition: 0.6s ease-in-out 0s;-ms-transition: 0.6s ease-in-out 0s;-webkit-transition: 0.6s ease-in-out 0s;transition: 0.6s ease-in-out 0s;}
.label-text img:hover{ width:43px; height:43px; text-align:center;-moz-transition: 0.6s ease-in-out 0s;-ms-transition: 0.6s ease-in-out 0s;-webkit-transition: 0.6s ease-in-out 0s;transition: 0.6s ease-in-out 0s;-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);transform: scale(1.1);}

	#portfolio .item:hover .label {
    top:3%;left:3%;right:3%;
		bottom:3%;opacity:1;
  }
	#portfolio .item :hover img {
    top:0px;
  }



/** media queries **/

@media screen and (max-width: 800px) {

  #portfolio .item { width:49%; margin-bottom: 12px; margin-right: 0; }
}

@media screen and (max-width: 500px) {
  #filter-list li { display: block; margin-bottom:0px; margin-top:5px; }
  #portfolio .item { width: 100%; margin-bottom: 12px; margin-right: 0; }
}



.box-shadow1 h4{ width:100%; float:none; display:block; font-size:18px; color:#76d9f4; font-family:'EkMukta-Regular', sans-serif; text-align:left; padding:4px 0px;line-height:22px; margin:0px;text-transform:capitalize; font-weight:400;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;position:relative;  border-bottom:none}

.box-shadow1 p { color:#fff; font-size:16px;font-family:'EkMukta-Regular', sans-serif;text-align:justify; line-height:20px; font-weight:300}

.box-shadow1 p a{ color:#FDC64D;text-decoration:none}
.box-shadow1 p a:hover{ color:#ee3b3e;text-decoration:none}

.skew{transform: skewX(-20deg)}
.skewn{transform: skewX(20deg) !important}

.google-map{ width:100%; height:300px !important;}

.ml-8{ margin-left:-8px !important}

.display{ display:block; padding:15px; font-family:'EkMukta-Regular', sans-serif; font-size:18px ; font-weight:500; color:#db331d; text-align:center;}
.italic{ font-style:italic !important}
.text-deco{ text-decoration: line-through}
 

 /********** GLOBAL STYLES **********/


.fl{ float:left !important}
.bdrnone{ border:none;}
.color1{ color:#fff !important;}
.colorb{ color:#000 !important;}
.bold{ font-weight:bold}
.colg{color:#919191 !important}
.color2{ color:#fcff00 !important;}
.m0p0{ margin:0; padding:0 !important;}
.textalign{ text-align:center!important;}
.textalignleft{ text-align:left;}
.m0{ margin:0;}
.m5{ margin:5px;}
.m10{ margin:10px;}
.DisNone{ display:none; }
.breakline{ border-bottom:2px solid #940541;}
.bdr{ border:1px solid #E8E9EA;}

.b3{border:3px solid #bdbdbd}
.bdr-bottom{border-bottom-style:dotted;border-bottom-color:#c0333d;border-bottom-width: 2px; margin:10px 0px}
.bdr-top{ border-top:1px solid #cacaca; padding:0px;}
.bdr-top6{ border-top:6px solid #fcb131}
.bdr-right{ border-right:1px solid #191818;max-height:211px}
.bdr-left{ border-left:1px solid #191818;min-height:211px}
.bdr-top1{ border-top:1px solid #3e3e44}

.col1{ color:#000;}
.colLightGray{ color: #666; }
.fr{ float:right !important;}
.fl{ float:left;}
#bn{ border:none}
.bn{ background:none !important}
.fsize16{ font-size:16px;}
.fsize14{ font-size:14px;}
.fsize18{ font-size:18px;}
.fsize20{ font-size:20px;}
.bdr-bottom6{ border-bottom:6px solid #d3323a; padding:0px;}

.radius{ border-radius:80px !important }

.textcap{ text-transform:capitalize !important}

.red1{ text-align:center; color:#bb210f; font-size:16px; font-weight:bold;font-family:'EkMukta-Regular', sans-serif;font-weight:700;line-height:26px;}
.red2{color:#bb210f !important;}
.red3{color: #880000 !important;}

.br{ border-right:1px solid #db331d}
hr{ border:1px solid #F2F2F2; width:100%; margin:2px 0px; padding:0px;}
.mtb{margin:10px 0;}
.top{ margin-top:-35px;}
.ws{ width:100%;}
.divider{ background:url(../images/divider.png) right center no-repeat;}

.location{ border:2px solid #ccc;float:left; margin:5px 0px;}

.border6{ border:1px solid #ccc;}

.brd{border-radius:0px !important;}

.border-y{ border:4px solid #faab32;}
.border-w{ border:4px solid #fff;}

.bdr2{ border:2px solid #fcb131}

.bluetext{ font-size:16px; color:#0e70ad; font-weight:700;}

.colblue { color: #083e77 !important; }

.colmaroon { color: #880000 !important; }


width size
.w5{ width:5px;}
.w10{ width:10px;}
.w50{ width:50px !important;}
.w80{ width:80px;}
.w100{ width:100px;}
.w110{ width:110px;}
.w115{ width:115px;}
.w120{ width:120px;}
.w150{ width:150px !important;}
.w160{ width:160px;}
.w170{ width:170px;}
.w180{ width:180px;}
.w190{ width:190px;}
.w200{ width:200px;}
.w238{ width:238px;}
.w250{ width:250px;}
.w260{ width:260px;}
.w270{ width:270px;}
.w280{ width:280px;}
.w290{ width:290px !important;}
.w300{ width:300px !important;}
.w310{ width:310px;}
.w320{ width:320px;}
.w330{ width:330px;}
.w340{ width:340px;}
.w350{ width:350px;}
.w610{ width:610px;}

.fullWidth{ width:100%; height:auto;}
.fullWidth1{ width:100%; height:auto; overflow: hidden;}

margin-top
.mT0{ margin-top:0px;}
.mT2{ margin-top:2px;}
.mT5{ margin-top:5px;}
.mT10{ margin-top:10px;}
.mT15{ margin-top:15px;}
.mT20{ margin-top:20px;}
.mT25{ margin-top:25px;}
.mT30{ margin-top:30px;}
.mT40{ margin-top:40px;}
.mT50{ margin-top:50px !important;}
.mT60{ margin-top:60px !important;}

margin-left
.mL0{ margin-left:0px;}
.mL2{ margin-left:2px;}
.mL5{ margin-left:5px;}
.mL10{ margin-left:10px;}
.mL15{ margin-left:15px;}
.mL20{ margin-left:20px;}
.mL25{ margin-left:25px;}
.mL30{ margin-left:30px;}
.mL40{ margin-left:40px;}
.mL50{ margin-left:50px;}
.mL55{ margin-left:55px;}


margin-right
.mR0{ margin-right:0;}
.mR2{ margin-right:2px;}
.mR5{ margin-right:5px;}
.mR10{ margin-right:10px;}
.mR12{ margin-right:12px;}
.mR14{ margin-right:14px;}
.mR15{ margin-right:15px;}
.mR18{ margin-right:18px;}
.mR20{ margin-right:20px;}
.mR21{ margin-right:21px;}
.mR22{ margin-right:22px;}
.mR23{ margin-right:23px;}
.mR24{ margin-right:24px;}
.mR25{ margin-right:25px;}
.mR30{ margin-right:30px !important;}
.mR40{ margin-right:40px !important;}
.mR45{ margin-right:45px !important;}
.mR50{ margin-right:50px !important;}
.mR55{ margin-right:55px !important;}
.mR60{ margin-right:60px !important;}
.mR65{ margin-right:65px !important;}
.mR70{ margin-right:70px !important;}

margin-bottom
.mB0{ margin-bottom:0px!important;}
.mB5{ margin-bottom:5px;}
.mB10{ margin-bottom:10px;}
.mB15{ margin-bottom:15px !important;}
.mB20{ margin-bottom:20px !important;}
.mB28{ margin-bottom:28px !important;}
.mB30{ margin-bottom:30px !important;}
.mB35{ margin-bottom:35px !important;}
.mB40{ margin-bottom:40px !important;}
.mB45{ margin-bottom:45px !important;}
.mB50{ margin-bottom:50px !important;}
.mB60{ margin-bottom:60px !important;}
.mB80{ margin-bottom:80px !important;}
.mB100{ margin-bottom:100px !important;}

padding
.p0{ padding:0;}
.p2{ padding:2px;}
.p5{ padding:5px;}
.p6{ padding:6px;}
.p8{ padding:8px;}
.p10{ padding:10px;}
.p12{ padding:12px;}
.p15{ padding:15px;}
.p20{ padding:20px;}
.p18{ padding:18px;}
.p25{ padding:25px;}
.p30{ padding:30px;}

padding-top
.pT0{ padding-top:0px;}
.pT8{ padding-top:8px;}
.pT5{ padding-top:5px;}
.pT10{ padding-top:10px;}
.pT15{ padding-top:15px;}
.pT20{ padding-top:20px;}
.pT30{ padding-top:30px;}
.pT40{ padding-top:40px;}
.pT80{ padding-top:80px;}


padding-bottom
.pB0{ padding-bottom:0px;}
.pB5{ padding-bottom:5px;}
.pB10{ padding-bottom:10px;}
.pB15{ padding-bottom:15px;}
.pB20{ padding-bottom:20px;}
.pB30{ padding-bottom:30px;}
.pB40{ padding-bottom:40px;}
.pB50{ padding-bottom:50px;}
.pB60{ padding-bottom:60px !important;}
.pB80{ padding-bottom:80px;}

padding-left
.pL0{ padding-left:0px;}
.pL5{ padding-left:5px;}
.pL8{ padding-left:8px;}
.pL10{ padding-left:10px;}
.pL15{ padding-left:15px;}
.pL20{ padding-left:20px;}
.pL30{ padding-left:30px;}
.pL40{ padding-left:40px;}
.pL50{ padding-left:50px;}
.pL60{ padding-left:60px;}



padding-right
.pr0{ padding-right:0;}
.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr25{ padding-right:25px;}
.pr30{ padding-right:30px;}

.margin-auto{ margin:0 auto }

text-align
.txtCntAlign{ text-align:center !important;}
.txtLeftAlign{ text-align:left !important;}
.txtRightAlign{text-align:right;}
.txtJustAlign{ text-align:justify;}

.f-right { float:right!important;}

.pos-r{ position:relative;}
.pos-a{ position:absolute;}
.pos-f{ position: fixed;}

.bcg{ background:#f4f4f4;}
.bclb{background:#d1ecfe}
.bcsb{background:#c9e3d0 !important}
.bcly{background:#f6f0d6}

.bcy{background:rgba(252,255,255,0.5); border-radius:6px; padding:10px;box-shadow: 0px 1px 6px #9E9E9E;}

#br{ border:1px solid #e8e4e4; border-radius:6px;}
.bcw{ background:#fff;}
strong,b{ font-weight:bold;}

.bcw2{ background:#fff;position:relative; border-radius:0px;padding:0px;border:2px solid #cfcecd; text-align: center;
  vertical-align: middle; overflow: hidden; margin:20px 0px }
  
.bclb1{ background:#d6e9e3; border:0px solid; border-radius:0px; padding:15px 0px 2px 0px;}

.bcdg{ background:#eeeeee; border-radius:10px; position:relative;}

.counter-bg1 { background:#f9eaae; }
.counter-bg2 { background:#d9f9da; }
.counter-bg3 { background:#d9f9da; }

.about-bg{ width:100%; height:auto;overflow:hidden;box-sizing: border-box; padding:50px 0px 50px 0px; 
background:#97968c;background-position:center center; background-repeat:no-repeat;position:relative; }

.white-bg{ width:100%; height:auto;overflow:hidden;box-sizing: border-box; padding:30px 0px 50px 0px;
background:#fff; background-position:center center; background-repeat:no-repeat;position:relative;}

.area-bg{ width:100%; height:auto;overflow:hidden;box-sizing: border-box; padding:20px 0px 20px 0px; position:relative;
background:#fff; background-position:center center; background-repeat:no-repeat;position:relative; background-size:auto;}

.area-bg-ticker{ width:100%; height:auto;overflow:hidden;box-sizing: border-box; padding:10px 0px 10px 0px; position:relative;
background:#fff; background-position:center center; background-repeat:no-repeat;position:relative; background-size:auto;}
 
#triangle-bottomright { position:absolute; right:-5px; bottom:0; width: 0; height: 0; border-bottom:480px solid #d0e9ec; border-left:480px solid transparent;z-index:0 }

#triangle-bottomleft { position:absolute; left:-5px; top:0; width: 0; height: 0; border-bottom: 400px solid #d0e9ec; border-right:400px solid transparent;z-index:0 }

.display1{ display:block; padding:27px 30px;}

.bro{ border:3px solid #ff9967; border-radius:0px;}
 
 
.bcdb{background:#A2D4F2}

.bco{background:#f58220}

.text-orange{color: #f58220;}

.bcnone{ background:none !important; border-bottom:none;}

.fc1{ font-size:15px; color:#333; font-weight: normal; margin-top:10px;}
.fc{ font-size:15px; color:#333333; font-weight:bold}
.fc2{ font-size:15px; color:#fff; font-weight: normal;}

.fs{ font-size:16px;font-family:'EkMukta-Regular', sans-serif; position:relative;right:65px;
top:10px; display:none;font-weight:400; color:#fff;/*text-shadow: 0px 1px 1px #333;*/transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}

.f12{ font-size:12px; line-height:18px;}

.plr{margin:0px}

.fsi{ font-style:italic !important}


.z-index{z-index:999!important}

.z-index1{ z-index:0px!important}

::selection {
       background-color:#9e9e9e;
       color:#000;
}

::-moz-selection {
       background-color:#9e9e9e;
       color:#000}

.clear{ clear:both}


/********** GLOBAL STYLES **********/



.carousel-h2{ width:100%; float:left; display:block; font-size:28px; color:#fff; font-family:'EkMukta-Regular', sans-serif; text-align:left; padding:15px 0px;line-height:22px;text-transform:uppercase; font-weight:400;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; position:relative; background:none !important; border-bottom:none}

.carousel-h2 span{ color:#fecd29}
.carousel-h2:before{ background:none !important;}

.fullbanner{position:relative; width:100%;height:auto;margin:0 auto;}

.banner {position:relative;width: 100%; margin-top:0px; float: left;z-index:0; border-bottom:0px solid #fff}
.banner img{width:100%; height:auto; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}

.banner1{position:relative; margin-top:50px;z-index:0; border-bottom:0px solid #fff}

.banner .carousel-control {
width:50px; height:65px;
top: 45% !important;
}

.banner .carousel-control span {
    display: none;
}
/*
.banner .carousel-control.left {
    cursor: url(../images/previous.png),default;
    left: 20px!important;
}

.banner .carousel-control.right {
    cursor: url(../images/next.png),default;
    right: 20px!important;
}*/

.banner .carousel-control-prev {
    background: url(../images/previous.png)left center no-repeat;
    left: 0px!important;
}

.banner .carousel-control-next {
    background: url(../images/next.png)right center no-repeat;
    right: 0px!important;
}

/* Carousel Fading slide
.carousel-fade .carousel-inner { background: #000; }
.carousel-fade .carousel-control { z-index: 2; }
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  }

  .carousel-fade .next.left,
  .carousel-fade .prev.right,
  .carousel-fade .item.active { opacity: 1; }

  .carousel-fade .active.left,
  .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    }


/* Safari Fix
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}



/* Carousel Control custom
.carousel-control .control-icon {
  font-size: 48px;
  height: 30px;
  margin-top: -15px;
  width: 30px;
  display: inline-block;
  position: absolute;
  top: 50%;
  z-index: 5;
  }
  .carousel-control .prev { margin-left:  -15px;  left: 50%; } /* Prev
  .carousel-control .next { margin-right: -15px; right: 50%; } /* Next */


/* Removing BS background
.carousel .control-box { opacity: 0; }
a.carousel-control.left  { left: 0; background: none; border: 0;}
a.carousel-control.right { right: 0; background: none; border: 0;}


/* Animation
.control-box, a.carousel-control, .carousel-indicators li {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
  /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */
  /* Assigning animation to indicator li will make slides flicker */


/* Hover animation
.carousel:hover .control-box { opacity: 1; }
.carousel:hover a.carousel-control.left { left: 15px; }
.carousel:hover a.carousel-control.right { right: 15px; }
/* Hover animation */



h1{width:100%;float:left; font-size:30px; color:#303030;font-family:'EkMukta-Regular', sans-serif; text-align:left; padding:10px 0px;line-height:36px;font-weight:700;transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;position:relative;
letter-spacing:0px;}

h1 span{color:#00539c;}
 
/* h1::after { background: #13c0ec;
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    transition: all 300ms ease-out 0s;
    width:80px; height:3px ; margin-left:-40px
 }  */


h2{width:100%;float:left; font-size:28px; color:#880000;font-family:'EkMukta-Regular', sans-serif; 
text-align:left; padding:10px 0px;line-height:36px;font-weight:700;transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;position:relative;
letter-spacing:0px;} /* text-transform:uppercase; */

h2 span{color:#333;}

 
 
/* h2::after { background: #13c0ec;
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    transition: all 300ms ease-out 0s;
    width:80px; height:3px ; margin-left:-40px
 } */
 
.model-h1{width:100%; float:left; display:block; font-size:30px; color:#202020 !important;font-family:'EkMukta-Regular', sans-serif; text-align:left; padding:8px 0px;line-height:30px;text-transform: capitalize; font-weight:400;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; }

.model-h1 span{color:#333333; font-weight:400}

.model-h2{width:100%; float:left; display:block; font-size:24px; color:#202020 !important; font-family:'EkMukta-Regular', sans-serif; text-align:left; padding:5px 10px;line-height:30px; border-bottom:none;background:none; text-transform: capitalize; font-weight:400;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; }


.model-h3{width:100%; float:left; display:block; font-size:18px; color:#202020 !important; font-family:'EkMukta-Regular', sans-serif; text-align:left; padding:5px 10px;line-height:30px; border-bottom:none;background:none; text-transform: capitalize;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;font-weight:400; }


.model-h3 span{color:#333333; font-weight:400}

h3{ width:100%; float:left; display:block; font-size:24px; color:#880000; font-family:'EkMukta-Regular', sans-serif;  text-align:left; padding:8px 0px;line-height:24px; font-weight:700;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; }

h3 span{color:#880000; font-weight:500;}

h4{ width:100%; float:left; display:block; font-size:20px; color:#202020; font-family:'EkMukta-Regular', sans-serif; text-align:left; padding:4px 0px;line-height:28px; font-weight:500;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; }

h4 a{color:#fff;}
h4 a:hover{color:#ccc;}

h4 span{color:#202020;font-weight:300}

h5{/* width:100%; float:left; */display:inline-block; font-size:16px; color:#202020; font-family:'EkMukta-Regular', sans-serif; text-align:left; padding:4px 0px;line-height:26px;text-transform: capitalize; font-weight:500;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; }


.icon-1{width:88px;height:88px;position:relative;-webkit-transition: opacity .4s ease-in-out; display:inline-block; margin:5px 0; text-align:center;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity: 1;z-index:1;background:#fff; border:4px solid #2099a4;
    vertical-align:middle;-moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s; padding:10px 0px; border-radius:50%; box-shadow:0px 4px 8px #d5d5d5; display: inline-block;}
 .icon-1 span{width:80px;height:60px;/*box-shadow: 0 1px 5px rgba(0,0,0,.2)*/cursor: pointer;margin-bottom: 0px; text-align:center; color:#fff; vertical-align:middle; display:inline-block; line-height:90px }
 .icon-1:hover {  color:#fff; opacity:0.8;-webkit-transform: translateY(-10px) !important;transform: translateY(-10px) !important;-moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s;}
    
    
    .icon-1:before {
      pointer-events: none;
      position: absolute;
      z-index: -1;
      content: '';
      top: 102%;
      left: 5%;
      height: 10px;
      width: 90%;
      opacity: 0;
      background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 80%);
      /* W3C */
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-property: transform, opacity;
      transition-property: transform, opacity;
    }
    .icon-1:hover, .icon-1:focus, .icon-1:active {
      -webkit-transform: translateY(-10px) !important;
      transform: translateY(-10px) !important;
      /* move the element up by 5px */
    }
    .icon-1:hover:before, .icon-1:focus:before, .icon-1:active:before {
      opacity: 1;
      -webkit-transform: translateY(10px) !important;
      transform: translateY(10px) !important;
      /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
    }
    
    

time.icon
{
  font-size: 1em; /* change icon size */
  display: block;font-family:'EkMukta-Regular', sans-serif;
  position: relative;
  width: 5em;
  height: 6em;
  background-color: #fff;
  margin:5px auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: .8em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  background-color: #0172BC;
  border-bottom: 1px dashed #083E7A;
  box-shadow: 0 2px 0 #083E7A;
}

time.icon em
{
  position: absolute;
  bottom: 0.3em;
  color:#818285;
}

time.icon span
{
  width: 100%;
  font-size: 2.5em;
  letter-spacing: -0.05em;
  padding-top: 0.7em;
  color: #1F6FB9;
}

time.icon:hover, time.icon:focus
{
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out;
}

@-webkit-keyframes swing {
  0%   { -webkit-transform: rotate(0deg)  skewY(0deg); }
  20%  { -webkit-transform: rotate(12deg) skewY(4deg); }
  60%  { -webkit-transform: rotate(-9deg) skewY(-3deg); }
  80%  { -webkit-transform: rotate(6deg)  skewY(-2deg); }
  100% { -webkit-transform: rotate(0deg)  skewY(0deg); }
}

@keyframes swing {
  0%   { transform: rotate(0deg)  skewY(0deg); }
  20%  { transform: rotate(12deg) skewY(4deg); }
  60%  { transform: rotate(-9deg) skewY(-3deg); }
  80%  { transform: rotate(6deg)  skewY(-2deg); }
  100% { transform: rotate(0deg)  skewY(0deg); }
}

.plus-icon{ width: 100%;height: auto;max-width: 35px;float: left; margin-right:10px;vertical-align: middle; transition: all 0.3s ease 0s;}
.plus-icon:hover{ width:100%; height:auto; max-width:35px; float:left; margin-right:15px; transform:rotate(50deg);transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}

.icon-button{ width: 100%;height:auto;max-width:45px;float: left; margin-right:10px;vertical-align: middle; transition: all 0.3s ease 0s;}


blockquote {
 /* background:rgba(0, 0, 0, 0.4);*/
  border-left:0px solid #ccc;
  margin:10px; border-radius:0px;
  padding: 5px 5px;
  quotes: "\201C""\201D""\2018""\2019";
}
/* carousel */
#quote-carousel
{
  padding: 0 10px 30px 10px;
  margin-top: 10px;background: #fff;
border-radius: 8px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #fff;
  font-size: 2.8em;
  text-shadow:1px 2px 4px #333;
  margin-top: 30px; display:none
}
/* Previous button  */
#quote-carousel .carousel-control.left
{
  left:  -20px;
}
/* Next button  */
#quote-carousel .carousel-control.right
{
  right: -20px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators
{
  right: 50%;
  top: auto;
  bottom: 20px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li
{
  background: #cfcfcf;
}
#quote-carousel .carousel-indicators .active
{
  background: #6c6c6c;
}
#quote-carousel img
{
  max-width: 100px; width:100%;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none;
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;border:3px solid #b0aeae;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;font-size:20px;
    margin-right:6px; color:#0e70ad;
}


.cd-img{ width:100%; height:auto;max-width:200px; float:none; margin:5px 0px;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; text-align:center  }

/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #quote-carousel
    {
      margin-bottom: 0;
      padding: 0 10px 30px 10px; background:#fff; border-radius:8px;
    }

}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {

    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */

    #quote-carousel .carousel-indicators {
        bottom: 20px !important;
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 10px;
        height: 10px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 10px;
        height: 10px;
    }
}

blockquote p {
  display: inline;
}

.wraptop {background:#f0d048;border-bottom:0px solid #e6e1e1; border-top:0px solid #e6e1e1; padding:0px 0px; width:100%;height:auto;}

.topmenu { float:left;/*<!-- display:inline-block; -->*/margin:1px 0; text-align:left;color:rgba(73, 73, 73,0.8); font-family:  'EkMukta-Regular', sans-serif;}
.topmenu li { float:none; padding:5px 10px;font-family:'EkMukta-Regular', sans-serif;color:rgba(73, 73, 73,0.8); font-size:15px; display:inline-block; text-align:left;
 font-weight:700;line-height:22px; letter-spacing:0px; font-style:normal; }
.topmenu li img{ padding-top:0px; width:100%; float:left; max-width:16px; height:auto; margin-right:5px;}
.topmenu li a { color:rgba(73, 73, 73,0.8); text-decoration:none;}
.topmenu li a:hover { color:#333; text-decoration:none;}

.border-thik{position:absolute;width:14px;height:68px; content: ""; top:-14px;left: 0;background:#fff; transform: rotate(30deg);}
.border-thik1{position:absolute;width:14px;height:68px; content: ""; top:-14px;left:14px;background:#e6191b; transform: rotate(30deg);}


.header-top1{ background-color:#2099a4; width: 100%;height:6px;float:left; overflow:hidden;z-index:9999}
.header-top2{ background-color:#e9e9e9; width: 100%;height:6px;float:left; overflow:hidden;z-index:9999}

.view{width:100% !important;max-width:65px !important; margin:20px 0px; height:auto;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; text-align:center; display: inline-block}
.view:hover{width:100% !important;max-width:70px !important; transform: scale(1);margin:20px 0px; height:auto;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; text-align:center; display: inline-block}
.logowrap{padding:0px 0px;margin:10px 0px;float:center;height:auto;z-index:1;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; position:relative; }
.logowrap img{width:100%;max-width:90px;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; text-align:center}

.col-logowrap{padding:0px 0px;margin:10px 0px;float:center;height:auto;z-index:1;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; position:relative; }
.col-logowrap img{width:100%;max-width:125px;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; text-align:center}
 
.golden-logowrap{padding:0px 0px;margin:10px 0px;float:center;height:auto;z-index:1;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; position:relative; }
.golden-logowrap img{width:100%;max-width:100px;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; text-align:center} 
 
.book-img{width:100%;max-width:175px;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; text-align:center; vertical-align: top;margin:5px;height:auto; float:left}

.icon-img{width:100%;max-width:125px;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; text-align:center; margin:3px 0px}

.project-logo{width:100%;max-width:160px;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; text-align:center;vertical-align: middle; float:left; margin:5px 0px;}
.project-logo1{width:100%;max-width:170px;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; text-align:center;vertical-align: middle; float:left; margin:10px 0px;}

/* 	LINK EFFECT - 2
---------------------------------*/
.cl-effect-5 a { overflow: hidden; padding: 0 4px; }
.cl-effect-5 a span {
	position: relative;
	display: block;
	-webkit-transition: -webkit-transform 0.6s;
	-moz-transition: -moz-transform 0.6s;
	-ms-transition: -moz-transform 0.6s;
	transition: transform 0.6s;
	width: 100%;
}
.cl-effect-5 a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	width: 100%;
	left: 0;
}
.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span,
.cl-effect-5 li.active a span,
.cl-effect-5 li.current a span{
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

/*===================================================*/

/* Demo Slides */

/*.item{
	padding: 0px 0px;
	margin: 0px 0px;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}*/
/*
.item:hover{ box-shadow:0px 1px 8px #333}
.item img{
	width:100%; position:relative;
	margin:0px;
	display: block;
}
.item img:hover{
	 opacity:0.8;
	margin:0px;
	display: block;
}*/




.overlap{ position:absolute; width:100%; height:100px; left:0; right:0; bottom:0px; background: url(../images/overlap.png);
 background-position: top center;background-repeat: no-repeat; background-size:cover;}

 .overlap1{ position:absolute; width:100%; height:100px; left:0; right:0; bottom:0px; background: url(../images/overlap1.png);
  background-position: top center;background-repeat: no-repeat; background-size:cover;}

/*
.item h3{
	font-size: 28px;
	font-weight: 300;
	margin: 25px 0 0;
}
.item h4{
	margin:0px; padding:8px 0px; border-bottom:1px dashed #dedbd6;
	font-size: 18px; color:#cb3547; text-align:center;
}

.item h5{
	margin:0px; padding:8px 0px;width:100%;
	font-size: 16px; color:#cb3547;  font-family:'EkMukta-Regular', sans-serif; font-size:16px; font-weight:300;
}
.item h1{
	margin: inherit;
}
.white-bg{
border-bottom:6px solid #cb3547; background:#fff; padding:0px;
}

.white-bg:hover{
border-bottom:6px solid #0a5b9a;}

.white-bg1{
border-bottom:6px solid #0a5b9a; background:#fff; padding:20px;
}

.white-bg1:hover{
border-bottom:6px solid #cb3547;}
*/

.serachwrap { float:right; max-width:100%; position:relative; margin:40px 0}

.serachwrap input { width:100%; font-size:16px; float:right; padding:10px 40px 10px  10px; border:1px solid #d9d9d9; background:#f5f5f5;   width:395px; border:none; color:#444444; border-radius:10px; box-shadow: 0 0 3px rgba(0,0,0,0.3);-webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s; -ms-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s; }

.serachwrap input:focus { box-shadow:0 0 4px rgba(12,95,172,0.5); color:#0c5fac}

.serachwrap .submitbutt { display:block; cursor:pointer; padding:3px 5px; position:absolute; top:3px ; right:6px;   border:none; background:none; font-size:20px; font-family:'FontAwesome'; color:#82828f}

p{font-size:16px; color:#1a1a1a; line-height:24px;font-family:'EkMukta-Regular', sans-serif; text-align:justify; padding-top:6px;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; font-weight:400;}

.about-img{width:100%;max-width:300px;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;
text-align:center; margin:10px 10px; float:left; padding:0px;border:0px solid #fff; /* box-shadow:0px 0px 4px #333; border-radius:10px; */}

.inner-img{width:100%;max-width:245px;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;
text-align:center; margin:10px 0px 10px 0px; float:left; padding:0px;border:2px solid #dcdcdc;border-radius:6px;}

.span-red{ font-size:15px; color:#d3323a !important;}

.footer-p{font-size:16px; color:#333; line-height:26px;font-family:'EkMukta-Regular', sans-serif; text-align:justify; padding-top:4px;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; font-weight:300 }
.footer-p a{ color:#333; text-decoration:none}
.footer-p a:hover{ color:#000; text-decoration:underline}


.hvr-icon-forward {
  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;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-forward:before {
  content: "\f101";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);

  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}


.mainfooter{ padding:25px 0px 5px 0px; background: #292929;background-position:bottom center;
background-repeat:no-repeat;position:relative; width:100%;z-index:0;height:auto;/*box-shadow: 0px 2px 5px #333;*/}
/*.mainfooter::before {
    content: "";
    position: absolute;
    top: -36px; border-top: 0px solid transparent;
    border-bottom: 36px solid transparent;
    border-left: 70px solid #fff;
    right: 0px;
    width: 50%;
    height: 35px;
    background: #146ac3 none repeat scroll 0% 0%;
}
*/

.mainfooter h4{ width:100%;position: relative;float:left; display:block; font-size:20px; color:#d1d1d1; font-family:'EkMukta-Regular', sans-serif;text-align:left;padding:10px 0px;line-height:25px;text-transform:uppercase; 
font-weight:400;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;margin-bottom:0px}
.mainfooter h4 span{color:#272828;font-weight:400;}

/*.mainfooter h4::after { background:#13c0ec;bottom: 0;content: "";left:0;position: absolute;transition: all 300ms ease-out 0s;
width:50px; height:3px ; margin-left:0px} */


.panel ul
{
    padding:0px;
    margin:0px;
    list-style:none; color:#333;
}

.panel ul li span{ color:#333; font-weight:bold; margin-left:0px;}

.panel ul li img{width:100%; height:auto; float:left; margin:5px 5px 0px 0px; max-width:65px; border:2px solid #ddd;}



.left-sidebar{width:100%; border-radius:0px;background-color:#F9DFB1; margin:0px 0px; border:0px solid #e5e5e5; border-bottom:5px solid #B13B01; box-shadow:0px 2px 6px #666}

.contact{ background:url(../images/contact-bg.png); background-repeat: no-repeat;
background-position: center bottom;/*background-size:cover;*/ min-height:195px;}

.contact p{color:#454545; font-size:16px;font-family:Arial, Helvetica, sans-serif; line-height:30px; text-align:justify; font-weight:normal;}

.contact p a{color:#454545; font-weight:normal;}
.contact p a:hover{ color:#ffda44;text-decoration:none;}

.coupon-logo{ width:100%; height:auto; float:left; max-width:180px;}


.footlink p{color:#b4b4b4; font-size:13px;font-family:'EkMukta-Regular', sans-serif; line-height:22px; text-align:justify; font-weight:400;}

.footlink p b{color:#b4b4b4; font-size:13px;font-family:'EkMukta-Regular', sans-serif; text-align:justify; font-weight:700;}

.footlink li { display:block;font-size:13px; margin:1px 0; float:left; width:100%; position:relative; padding:0px 0px 0px 0px;line-height:24px;}

.footlink li:after { position:absolute; top:6px; left:0; content:""; /* background:url(../images/bullet.png) no-repeat center center; */display:block; width:16px; height:13px; color:#fff; padding:0px 10px;} 

.footlink li a{ color:#b4b4b4; font-size:13px; text-decoration:none;font-family:'EkMukta-Regular', sans-serif;font-weight:400; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;margin-left:0px;}
.footlink li a:hover{ color:#fff; font-size:13px; text-decoration:none;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; }

.contact li{display:block; margin:3px 0; float:left; width:100%; position:relative; padding:0px; line-height:32px; border-bottom:none;border-bottom: 1px solid #a59c8a;}
.contact li:after{ position:absolute; top:7px; left:0; content:""; background:none; display:block; width:15px; height:17px; color:#e7692b; display:none}

.contact li a{ color:#fff;  text-decoration:none;font-family:'EkMukta-Regular', sans-serif;font-weight:400; margin-top:10px;}
.contact li a:hover{ color:#666;  text-decoration:none;}


.footer-nav{margin:0px;padding:1px;}
.footer-nav ul{margin:0px;padding:0px;}
.footer-nav li{ display: inline-block;margin:0px;padding:5px 0px 5px 2px;font-family:'EkMukta-Regular', sans-serif;font-size:13px;font-weight:400; color:#454545;text-decoration:none;list-style:none;line-height:22px;text-align:left}
.footer-nav li a,.footer-nav li a:link,.footer-nav li a:visited{margin:0px;padding:0px; color:#fff;text-decoration:none; list-style:none;}
.footer-nav li a:hover,.footer-nav li a.active{margin:0px; padding:0px;color:#fcbb52;text-decoration:none;list-style:none;-moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s;}


.footlink p a{color:#b4b4b4; font-weight:normal;}
.footlink p a:hover{ color:#fff;text-decoration:none;}
 

.heading-p {margin: 0px; padding:2px 0px;font-size:15px;color:#1058a0;text-align:left;font-family:'EkMukta-Regular', sans-serif; font-weight:400; text-transform:capitalize; line-height:30px;}
.heading-p a {color:#1058a0;}
.heading-p a:hover {color:#333;}

.icon-top{width:40px;height:38px;position:relative;-webkit-transition: opacity .4s ease-in-out; display:inline-block; margin:0px 0; text-align:center;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity: 1;z-index:1;background:#f58220; border:0px solid #fff; display: inline-block; vertical-align:middle;-moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s; padding:5px; border-radius:0px;}

 

.icon-1:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 102%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.icon-1:hover, .icon-1:focus, .icon-1:active {
  -webkit-transform: translateY(-10px) !important;
  transform: translateY(-10px) !important;
  /* move the element up by 5px */
}
.icon-1:hover:before, .icon-1:focus:before, .icon-1:active:before {
  opacity: 1;
  -webkit-transform: translateY(10px) !important;
  transform: translateY(10px) !important;
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}


/* Page Loader */
#pageloader {
	background-color:#fff;
	height:100%;
	position:fixed;
	top:0;
	width:100%;
	z-index:999999999999999;
}

#pageloader img{left:40%;
	margin:0 auto;
	position:absolute;
	text-align:center;
	top:25%;
	width:100%;max-width:215px;}


#pageloader.loader-item {
	background:none repeat scroll 0 0 #f1b023;
	border-bottom:3px solid rgba(0,0,0,0) !important;
	border-left:3px solid;
	border-radius:200px;
	-moz-border-radius:200px;
	-webkit-border-radius:200px;
	-o-border-radius:200px;
	-ms-border-radius:200px;
	border-right:3px solid;
	border-top:3px solid;
	height:40px;
	left:50%;
	margin:-20px 0 0 -20px;
	position:absolute;
	text-align:center;
	top:50%;
	width:40px;color:#db331d;
}
#pageloader.loader-item h2 {
	color:#f7b831;
	font-size:20px;
	margin:0 auto;
}

.enquiry{margin: 0px; padding:2px 0px;font-size:18px;color:#1058a0;text-align:center; font-family:'EkMukta-Regular', sans-serif; font-weight:700; text-transform:capitalize; line-height:30px;}

.enquiry1{margin: 0px; width:40px; height:163px; position:fixed; left:0px; top:200px; padding:0px;font-size:18px;color:#1058a0;text-align:center; z-index:999}

/* @group Blink */

.blink { color:#ae0e0e !important; font-size:16px;font-family:'EkMukta-Regular', sans-serif; font-weight:400;
    -webkit-animation: blink .9s linear infinite;
    -moz-animation: blink .9s linear infinite;
    -ms-animation: blink .9s linear infinite;
    -o-animation: blink .9s linear infinite;
    animation: blink .9s linear infinite;
}



@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

/* @end */

.gallery-album li a {
   display: inline-block;
    margin:1% 1%;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;
}
.gallery-album li a:after { content: ""; display: block; clear: both;}

 .gallery-album li a {
        width:18%;float:left; text-align:center; color:#333; font-size: 18px; height: auto;
    }
 .gallery-album li a img {
        width: 100%;  border:3px solid #F9D2A5; margin:8px 0px; border-radius:6px; padding: 10px;
    }

.gallery-album li a:hover { color:#C72315}


.gallery li a {
   display: inline-block;
    margin:5px 1%;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;
}
.gallery li a:after { content: ""; display: block; clear: both;}

 .gallery li a {
        width:18%;float:left; text-align:center; color:#333; height: auto;
    }
 .gallery li a img {
        width: 100%;  border:1px solid #c3c3c3; margin:8px 0px; border-radius:0px;
    }

.gallery li a  p {
        font-size: 16px;
        color: #666666;
        line-height: 22px;
        font-family: 'EkMukta-Regular', sans-serif;
        text-align: center;
        padding-top: 0px; height:40px;
        transition: All 0.5s ease;
        -webkit-transition: All 0.5s ease;
        -moz-transition: All 0.5s ease;
        -o-transition: All 0.5s ease;
        font-weight: 400;
    }

.gallery li a:hover { color:#C72315}

.gallery1 li{list-style-type: none;}

.gallery1 li a {
    list-style-type: none;
    display: inline-block;
    margin:1% 1%;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;
}
.gallery1 li a:after { content: ""; display: block; clear: both;}

 .gallery1 li a {
        width:48%;float:left; text-align:center; color:#333; height: auto;list-style-type: none;
    }
 .gallery1 li a img {
        width: 100%;  border:0px solid #F9D2A5; margin:2px 0px; border-radius:0px;
    }

.gallery1 li a:hover,.gallery1 li a img:hover { color:#C72315;opacity:0.8 }

.videogallery li a {

    display: inline-block;
    margin:1% 1%;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;
}
.videogallery li a:after { content: ""; display: block; clear: both;}

 .videogallery li a {
        width:31%;float:left; text-align:center; color:#333; height: auto;min-height:210px;
    }
 .videogallery li a img {
        width: 100%;  border:3px solid #F9D2A5; margin:8px 0px; border-radius:6px;
    }

.videogallery li a:hover { color:#C72315}


.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0; border:2px solid #ccc;
margin-bottom: 16px;
overflow: hidden;
}

.flex-video.widescreen { padding-bottom: 46.25%; }
.flex-video.vimeo { padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.socialicon {width:100%;text-align: center}

.socialicon li {padding:1px; display:inline-block; float:none; text-align:center ;margin-top:8px;margin-bottom:6px;color:#333; line-height:30px;font-family:'Lato', sans-serif; font-style:italic;font-size:13px;}

.socialicon li a { display:inline-block; width:30px; height:30px;color:#333; background:none;line-height:30px; text-align:center; text-decoration:none; font-size:16px;margin-right:5px !important;
  transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;border-radius:20px; /*box-shadow:0px 2px 5px #000*/ border:1px solid #b2b2b2;}

.socialicon li a:hover{border-radius:20px;color:#333;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;border-radius:6px; }


.socialicon1 {width:100%;}

.socialicon1 li {padding:1px; display:inline-block; float:none; text-align:center ;margin-top:8px;margin-bottom:6px;color:#D1D1D1; line-height:30px;font-family:'Lato', sans-serif; font-style:italic;font-size:13px;}

.socialicon1 li a { display:inline-block; width:30px; height:30px;color:#D1D1D1; background:none;line-height:30px; text-align:center; text-decoration:none; font-size:16px;margin-right:5px !important;
  transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;border-radius:20px; /*box-shadow:0px 2px 5px #000*/ border:1px solid #b2b2b2;}

.socialicon1 li a:hover{border-radius:20px;color:#D1D1D1;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;border-radius:6px; }



.fb{ background:#375db2;}
.tweet{background:#00abf0}
.you-tube{background:#d03428}
.vimeo{background:#d03428}
.google{background:#DD4B39}
.linkin{background:#1881ba}
.insta{background:#1881ba}

.copyright{background:#1e1e1b;padding:9px 2px;text-align:left; color:#b4b4b4;font-family:'EkMukta-Regular', sans-serif; font-size:13px;
margin-top:0px; line-height:24px; font-weight:400; border-top:0px solid #4d4d4d; overflow: hidden;}

.copyright ul{ text-align:center !important}

.copyright a{ color:#b4b4b4; text-decoration:none;font-weight:700}

.copyright a:hover,.copyright a:focus{ color:#fff; text-decoration:none}

.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068"; font-size:12px;
    float: right; color:#2099ab;
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}


.tab-content {
    padding: 20px;
    border: 1px solid #E6E6E6;
    background-color: #fff;
    position: relative;
    top: -1px;
}

.nav-tabs > li a .icons {
    font-size: 28px;
    margin-bottom: 10px;
}
.ul-list {
    list-style-image: url('../images/bullet.png')!important;
    padding-left: 40px;
    padding-top: 12px;
	line-height: 24px;
	text-align:left;
	font-family:'EkMukta-Regular', sans-serif; font-size:16px;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    text-align: center;
    font-size: 13px;
}

.slide-out-div {padding: 10px 12px 20px 12px; width:230px;background:#fff;border:#E6E6E6 1px solid; position:fixed; z-index:333;top:35%;right:-280px;border-bottom-right-radius:0px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s; }

.slide-out-div input[type="text"]{ width:100%; height:38px; border:1px solid #d4d4d4; padding:0px 5px; margin-bottom:8px;font-size:16px;}

.slide-out-div input[type="submit"]{font-family:'EkMukta-Regular', sans-serif;color: #FFF;text-transform: capitalize;display: inline-block;background: none repeat scroll 0% 0% #e2131b ;padding:12px 20px;transition: all 0.5s ease 0s;cursor: pointer;border: medium none;
outline: medium none;font-size:16px;margin-bottom: 5px;border-radius:0px;}

.slide-out-div input[type="submit"]:hover{color:#ffffff;background:#e57938;}

.slide-out-div p { font-size:16px;font-family:'EkMukta-Regular', sans-serif; letter-spacing:0px; line-height:19px;}

/*.slide-out-div {} */

/*.news-item{padding:4px 10px; text-align:justify; margin:0px 0px;font-family: 'EkMukta-Regular', sans-serif;
border-bottom:1px dotted #eb5858;  font-weight:300;}

.news-item span{color:#EE3B3E;font-weight:bold; font-family: 'EkMukta-Regular', sans-serif;}*/


.content-nav{margin:px 0px;padding:0px;}
.content-nav ul{margin:5px 0px;padding:0px;}
.content-nav li{ display: block;margin:0px;padding:1px 0px 1px 26px;font-family:'EkMukta-Regular', sans-serif;font-size:16px;font-weight:500; color:#5d5d5d;text-decoration:none;
list-style:none;line-height:28px; background: url(../images/bullet.png)0px 9px no-repeat;
text-align:justify; border-bottom:0px solid #e4e0e0}
.content-nav li a,.content-nav li a:link,.content-nav li a:visited{margin:0px;padding:0px; color:#5d5d5d;text-decoration:none; list-style:none;margin-left: 0px;-moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s;}
.content-nav li a:hover,.content-nav li a.active{margin:0px; padding:0px;color:#333;text-decoration:none;list-style:none;-moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s;margin-left:10px;}

.content-nav1{margin:px 0px;padding:0px;}
.content-nav1 ul{margin:5px 0px;padding:0px;}
.content-nav1 li{ display: block;margin:0px;padding:1px 0px 1px 26px;font-family:'EkMukta-Regular', sans-serif;font-size:15px;font-weight:500; color:#5d5d5d;text-decoration:none;
list-style:none;line-height:28px; background: url(../images/bullet.png)0px 9px no-repeat;
text-align:justify; border-bottom:0px solid #e4e0e0}
.content-nav1 li a,.content-nav1 li a:link,.content-nav1 li a:visited{margin:0px;padding:0px; color:#333;text-decoration:none; list-style:none;margin-left: 0px;-moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s;}
.content-nav1 li a:hover,.content-nav1 li a.active{margin:0px; padding:0px;color:#000;text-decoration:none;list-style:none;-moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s;margin-left:10px;}
 

.top-nav1{margin:0px;padding:0px;}
.top-nav1 ul{margin:0px;padding:0px;text-align:left}
.top-nav1 li{ display:inline-block;margin:0px;padding:10px 0px;font-family:'EkMukta-Regular', sans-serif;font-size:16px;font-weight:400; color:#5d5d5d;text-decoration:none;list-style:none;line-height:25px;/* background: url(../images/bullet1.png)0px 17px no-repeat; */text-align:left; }
.top-nav1 li b{color:#3d3d3d}
.top-nav1 li a,.top-nav1 li a:link,.top-nav1 li a:visited{margin:0px;padding:0px; color:#3d3d3d;text-decoration:none; list-style:none;}
.top-nav1 li a:hover,.top-nav1 li a.active{margin:0px; padding:0px;color:#3d3d3d;text-decoration:none;list-style:none;-moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s;}

.product-nav{margin:10px 0px;padding:0px;}
.product-nav ul{margin:0px 0px;padding:0px;}
.product-nav li{ display: block;margin:0px;padding:5px 0px 5px 26px;font-family:'EkMukta-Regular', sans-serif;font-size:16px;font-weight:400; color:#5d5d5d;text-decoration:none;
list-style:none;line-height:22px; background: url(../images/bullet.png)0px 12px no-repeat;
text-align:left; border-bottom:0px solid #c1c1c1}
.product-nav li a,.product-nav li a:link,.product-nav li a:visited{margin:0px;padding:0px; color:#5d5d5d;text-decoration:none; list-style:none;}
.product-nav li a:hover,.product-nav li a.active{margin:0px; padding:0px;color:#1e6586;text-decoration:none;list-style:none;-moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s;}

.foot-nav{margin:0px;padding:5px;}
.foot-nav ul{margin:0px;padding:0px; text-align:center !important}
.foot-nav li{ display:inline-block;margin:0px;padding:6px 1px;font-family:'EkMukta-Regular', sans-serif;font-size:13px;font-weight:400; color:#fff;text-decoration:none;list-style:none !important;line-height:22px; text-align:center !important}
.foot-nav li a,.foot-nav li a:link,.foot-nav li a:visited{margin:0px;padding:0px; color:#fff;text-decoration:none; list-style:none;}
.foot-nav li a:hover,.foot-nav li a.active{margin:0px; padding:0px;color:#f48220;text-decoration:none;list-style:none;-moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s;}



/* start registration */
.registration{
	padding: 0% 0%;
}
.registration h2{
	font-size:24px;
	color: #2020A2;
	text-transform:uppercase;
	margin-bottom: 4%;
}

.registration h3{
	font-size:18px;
	color: #2020A2;
	text-transform:uppercase;
	margin-bottom:2%;
}
.reg_fb {
	margin:3% 0;
	display: block;
	background: #3B5998;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.reg_fb img {
	background:#354F88;
	padding: 10px;
	float: left;
}
.reg_fb i {
	color: #ffffff;
	padding: 12px 16px;
	display: inline-block;
	font-size: 1.3em;
	text-transform: capitalize;
	font-style: normal;
}
.reg_fb:hover {
	background:#354F88;
}
.registration_left{
	float: left;
	width: 50%;
	margin-left: 0%;
	padding:10px;
}

.registration_left1{
	float: left;
	width: 100%;
	margin-left: 0%;
}

.registration_left1:first-child{
	margin-left: 0;
}

.registration_left:first-child{
	margin-left: 0;
}
.registration span{
	color: #777777;
}
.registration_form{
	display: block;
}
.registration_form div{
	padding:6px 0;
}

.registration_form div span{
	padding:0px 0px 0px 20px;
}
.sky_form1{
	margin-bottom: -30px;
}
.sky_form1 ul{
	padding:0;
	list-style:none;
}
.sky_form1 ul li{
	float: left;
	margin-left: 20px;
}
.sky_form1 ul li:first-child{
	margin-left: 0;
}
label {
	display: block;
	margin-bottom: 0;
	font-weight: normal;
}
label span{color:red}

.registration_form input[type="text"],.registration_form input[type="email"],.registration_form input[type="tel"],.registration_form input[type="password"]{
	padding: 8px;
	display: block;
	width:100%;
	outline: none;
	font-family:'EkMukta-Regular', sans-serif;
	font-size: 0.8925em;
	color: #333333;
	-webkit-appearance: none;
	text-transform: capitalize;
	background: #FFFFFF;
	border: 1px solid rgb(231, 231, 231);
	font-weight: normal;
}
.registration_form input[type="submit"]{
	-webkit-appearance: none;
	font-family:'EkMukta-Regular', sans-serif;
	color: #464646; background:none;
	text-transform: capitalize;font-size:15px;
	display: inline-block;
	background:#fff;
	padding: 6px 25px;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	cursor:pointer;
	border:none;
	outline:none;
	font-size:1em;
	margin-bottom: 5px;border: 2px solid #f58220;
}
.registration_form input[type="submit"]:hover{
	color: #ffffff;
	background:#f58220;border: 2px solid #f58220;
}

.registration_form input[type="password"]{
	-webkit-appearance: none;
	font-family:'EkMukta-Regular', sans-serif;
	color: #464646; background:none;
	text-transform: capitalize;font-size:15px;
	display: inline-block;
	background:#fff;
	padding: 6px 25px;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	cursor:pointer;
	border:none;
	outline:none;
	font-size:1em;
	margin-bottom: 5px;border: 2px solid #f58220;
}
.registration_form input[type="password"]:hover{
	color: #ffffff;
	background:#f58220;border: 2px solid #f58220;
}

.terms{
	text-decoration:underline;
	text-transform:capitalize;
	color: #999;
}
.terms:hover{
	text-decoration:none;
}
.forget a{
	text-transform: capitalize;
	color: #999999;
	text-decoration: underline;
	font-size: 0.8925em;
}
.forget a:hover{
	text-decoration: none;
}

/** start go to top **/

#elevator_item {width:50px;height:50px;position:absolute;right:2%;bottom:5px;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity:1;z-index:999999;
 color:#fff;-webkit-animation: bounce 2s ease infinite;animation: bounce 2s ease infinite;  border-radius:50%; box-shadow: 0 2px 6px rgba(0,0,0,.6);}
#elevator_item.off {opacity: 0;visibility: hidden}
#elevator {display: block;width: 50px;height:50px;background: url(../images/icon_top1.png) #fff top center no-repeat;
cursor: pointer;margin-bottom:0px; text-align:center; line-height:80px; color:#72727b;border-radius:50%;}
#elevator:hover {background-color:#fff; color:#fff;}
#elevator:active {background-color:#fff; color:#fff;}

   #elevator_item1 {width:40px;height:40px;position:absolute;right:5%;bottom:0px;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity:1;z-index:999999;
    color:#fff;border-radius:50%; box-shadow: 0 2px 6px rgba(0,0,0,.6);}
   #elevator_item1.off {opacity: 0;visibility: hidden}
   #elevator1 {display: block;width:40px;height:40px;background: url(../images/top1.png) #fff top center no-repeat;
   cursor: pointer;margin-bottom:0px; text-align:center; line-height:80px; color:#72727b;border-radius:50%;}
   #elevator1:hover {background-color:#fff; color:#fff;}
   #elevator1:active {background-color:#fff; color:#fff;}

      /** end go to top **/


/*.scroll{
  background:#d3323a;
  color: #fff;
  width:50px; height:50px; border-radius:50px;
  text-align: center; font-size:20px;
  text-decoration: none;
  padding:11px 10px;
  display: block; position:relative; margin-top:-35px; left:45%;
}

.scroll:hover{ background:#333333;}*/

               /** end go to top **/

.panel-heading h3{width:100%;font-size:18px;color:#434040;font-family:'EkMukta-Regular', sans-serif;float:none !important; margin:0px;padding:0px;text-transform:capitalize}

.panel-heading h4{width:100%;font-size:16px;color:#fff;font-family:'EkMukta-Regular', sans-serif;float:none !important; margin:0px;padding:0px 20px 0px 0px;text-transform:capitalize; font-weight:normal}

.panel-heading h5{width:100%;font-size:16px;color:#434040;font-family:'EkMukta-Regular', sans-serif;float:none !important; margin:0px;padding:0px; text-transform:capitalize}

.panel-body ul{
  padding:5px;
}


.panel-body ul li a {
  color: #333;
  font-family: 'EkMukta-Regular', sans-serif;
  font-size: 14px; line-height:30px; font-weight:300; padding:10px 0px;

}

.panel-body ul li a:hover{color:#D22C2E;}

.panel-body p{
  color: #333;
  font-family:'EkMukta-Regular', sans-serif;
  font-size: 16px; line-height:24px;
  padding:5px; font-weight:400;
}
 
/* radios and checkboxes */
.sky-form {
	margin:5px 0px; clear: both; min-height:40px;
}
.row1{
	outline:none;
	padding: 20px;
	overflow: auto;
	height: 200px;
}
.sky-form.col.col-4 ul {
padding: 0;
list-style: none;
}

.sky-form.col.col-4 ul li { margin:10px 10px 10px 10px;}

.sky-form h4{
	margin-top: 10px;
	background: #ECECEC;
	padding: 10px 20px;
	color: #333333;
	text-transform: uppercase;
	margin-bottom: 0;
	font-size:16px;
}
.sky-form section {
	margin-bottom: 20px;
}
.sky-form .label {
	display: block;
	margin-bottom: 6px;
	line-height: 19px;
}
.sky-form .label.col {
	margin: 0;
	padding-top: 10px;
}
.sky-form .input,
.sky-form .select,
.sky-form .textarea,
.sky-form .radio,
.sky-form .checkbox,
.sky-form .toggle,
.sky-form .button {
	position: relative;
	display: block;
}
/* selects */
.sky-form .select i {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 1px;
	height: 11px;
	background: #fff;
	box-shadow: 0 0 0 12px #fff;
}
.sky-form .select i:after,
.sky-form .select i:before {
	content: '';
	position: absolute;
	right: 0;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.sky-form .select i:after {
	bottom: 0;
	border-top: 4px solid #404040;
}
.sky-form .select i:before {
	top: 0;
	border-bottom: 4px solid #404040;
}
.sky-form .select-multiple select {
	height: auto;
}
/* radios and checkboxes */
.sky-form .radio,.sky-form .checkbox {
	outline:none;
	border:none;
	margin-bottom: 4px;
	padding-left: 27px;
	font-size: 13px;
	line-height: 27px;
	color: #555555;
	cursor: pointer;
	text-transform: capitalize;
	font-weight: normal;
	margin-top: 0;
}
.sky-form .radio{
	text-transform: none;
}
.sky-form .radio:last-child,
.sky-form .checkbox:last-child {
	margin-bottom: 0;
}
.sky-form .radio input,
.sky-form .checkbox input {
	position: absolute;
	left: -9999px;
}
.sky-form .radio i,
.sky-form .checkbox i {
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 17px;
	height: 17px;
	outline: none;
	border-width: 2px;
	border-style: solid;
	background: #fff;
}
.sky-form .radio i {
	border-radius: 50%;
}
.sky-form .radio input + i:after,
.sky-form .checkbox input + i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}
.sky-form .radio input + i:after {
	content: '';
	top: 4px;
	left: 4px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
}
.sky-form .checkbox input + i:after {
	content: '';
	top: 3px;
	left: 2px;
	width: 10px;
	height: 7px;
	background: url(../images/tick.png) no-repeat;
	text-align: center;
}
.sky-form .radio input:checked + i:after,
.sky-form .checkbox input:checked + i:after {
	opacity: 1;
}
.sky-form .inline-group {
	margin: 0 -30px -4px 0;
}
.sky-form .inline-group:after {
	content: '';
	display: table;
	clear: both;
}
.sky-form .inline-group .radio,
.sky-form .inline-group .checkbox {
	float: left;
	margin-right: 30px;
}
.sky-form .inline-group .radio:last-child,
.sky-form .inline-group .checkbox:last-child {
	margin-bottom: 4px;
}
/* icons */

.sky-form [class^="icon-"] {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
/* normal state */
.sky-form .input input,
.sky-form .select select,
.sky-form .textarea textarea,
.sky-form .radio i,
.sky-form .checkbox i,
.sky-form .toggle i,
.sky-form .icon-append,
.sky-form .icon-prepend {
	border-color: #e5e5e5;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
}
.sky-form .toggle i:before {
	background-color: #2da5da;
}
/* hover state */
.sky-form .input:hover input,
.sky-form .select:hover select,
.sky-form .textarea:hover textarea,
.sky-form .radio:hover i,
.sky-form .checkbox:hover i,
.sky-form .toggle:hover i {
	border-color: #8dc9e5;
}
.sky-form .button:hover {
	opacity: 1;
}
/* focus state */
.sky-form .input input:focus,
.sky-form .select select:focus,
.sky-form .textarea textarea:focus,
.sky-form .radio input:focus + i,
.sky-form .checkbox input:focus + i,
.sky-form .toggle input:focus + i {
	border-color: #2da5da;
}
/* checked state */
.sky-form .radio input + i:after {
	background-color: #2da5da;
}
.sky-form .checkbox input + i:after {
	color: #2da5da;
}
.sky-form .radio input:checked + i,
.sky-form .checkbox input:checked + i,
.sky-form .toggle input:checked + i {
	border-color: #2da5da;
}
/* error state */
.sky-form .state-error input,
.sky-form .state-error select,
.sky-form .state-error textarea,
.sky-form .radio.state-error i,
.sky-form .checkbox.state-error i,
.sky-form .toggle.state-error i {
	background: #fff0f0;
}
/* success state */
.sky-form .state-success input,
.sky-form .state-success select,
.sky-form .state-success textarea,
.sky-form .radio.state-success i,
.sky-form .checkbox.state-success i,
.sky-form .toggle.state-success i {
	background: #f0fff0;
}
/* disabled state */
.sky-form .input.state-disabled input,
.sky-form .select.state-disabled,
.sky-form .textarea.state-disabled,
.sky-form .radio.state-disabled,
.sky-form .checkbox.state-disabled,
.sky-form .toggle.state-disabled,
.sky-form .button.state-disabled {
	cursor: default;
	opacity: 0.5;
}
.sky-form .input.state-disabled:hover input,
.sky-form .select.state-disabled:hover select,
.sky-form .textarea.state-disabled:hover textarea,
.sky-form .radio.state-disabled:hover i,
.sky-form .checkbox.state-disabled:hover i,
.sky-form .toggle.state-disabled:hover i {
	border-color: #e5e5e5;
}


.product{ width:100%; height:auto;}

.product img {width: 98%;
border: 2px solid #D8D8D8;
cursor: pointer;
background-color: #FFF;
position: relative;
margin-top: 2px;
padding: 10px 0px;
margin-bottom: 2px;
/*max-width: 240px;*/
transition: all 0.5s ease 0s;
text-align:center;
  max-height:auto;-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease; text-align:center;

}

.product img:hover{ opacity:0.8}

.grid-flex h4{width: 80%;
float: none;
display: inline-block;
font-size: 15px;
color: #333;
font-family:'EkMukta-Regular', sans-serif;
text-align: center;
padding: 8px 0px;
margin: 0px;
text-transform: capitalize;
line-height: 24px;}

            /*-- start flexisel --*/

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px; margin-top:0px;
    padding:0px;
    list-style-type:none;
    text-align:center;
}

.nbs-flexisel-inner {
    overflow:hidden;position: relative;
    width:100%;
    background:none;
    padding:0px;  margin:0 auto;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px; width:90%;
}
.nbs-flexisel-item img {
    width:98%; border:1px solid #b9b5b5;
    cursor: pointer; background-color:#fff;
    position: relative;border-radius:0px;
    margin-top:2px; padding:0px 0px;
    margin-bottom:2px;
    max-width:164px;
    max-height:auto;-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;

}

.nbs-flexisel-item img:hover{ opacity:0.7; }

.nbs-flexisel-item h4{width:80%; float:none; display: inline-block; font-size:15px; color:#333;font-family:'EkMukta-Regular', sans-serif;text-align:center; padding:8px 0px; margin:0px; text-transform:capitalize; line-height:24px}

.nbs-flexisel-item p{font-size:16px; color:#fff;font-family:'EkMukta-Regular', sans-serif;text-align:center; padding:4px 15px; margin:0px; line-height:20px;}

.nbs-flexisel-item h5{width:100%; float:left; display: block; font-size:16px;color:#2968b6;font-family:'EkMukta-Regular', sans-serif;text-align:center; padding:5px 0px; margin:0px; line-height:24px; font-weight:700}

/*.nbs-flexisel-item a{padding:6px 15px; text-decoration:none; font-size:16px;font-family: 'Lato';color:#333333; position:relative;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; margin:8px 0px ;border:1px solid #dedede; background:none}
.nbs-flexisel-item a:hover {background:#339BC0; color:#fff; text-decoration:none;}*/


.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 20px;
    height: 25px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity:1;margin-top:0px
}

.nbs-flexisel-nav-left:hover,
.nbs-flexisel-nav-right:hover{opacity:0.5}

.nbs-flexisel-nav-left {
    left:-5px;
    background: url(../images/left.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right:-5px;
    background: url(../images/right.png) no-repeat;
}

.new {position: absolute; top: 5px; right:15px; background:#c20d0d; text-align: center; line-height:20px; padding: 5px 5px; font-family:'EkMukta-Regular', sans-serif; font-size:13px; color: #FFF; font-weight:700;width:50px;height:50px;display:block; border-radius:40px;
}
 .new1 {position: absolute; top: 20px; right:20px; background:#fca529; text-align: center; line-height:20px; padding: 5px 5px; font-family:'EkMukta-Regular', sans-serif; font-size:12px; color: #FFF; font-weight:700;width:50px;height:50px;display:block; border-radius:40px;
}

       /*-- end flexisel --*/


.no-pad{ padding:0px;}

label {
	display: block;
	margin-bottom: 0;
	font-weight: normal;
}
.registration_form input[type="text"],.registration_form input[type="email"],.registration_form input[type="tel"],.registration_form input[type="password"]{
	padding: 8px;
	display: block;
	width:100%;
	outline: none;
	font-family:'EkMukta-Regular', sans-serif;
	font-size: 0.8925em;
	color: #4E4E4E;
	-webkit-appearance: none;
	text-transform: capitalize;
	background: #FFFFFF;
	border: 1px solid rgb(231, 231, 231);
	font-weight: normal;
}

.registration_form input:focus
{border-color: #f9b75c;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(249, 183, 92, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(249, 183, 92);}

.terms{
	text-decoration:underline;
	text-transform:capitalize;
	color: #999;
}
.terms:hover{
	text-decoration:none;
}
.forget a{
	text-transform: capitalize;
	color: #999999;
	text-decoration: underline;
	font-size: 0.8925em;
}
.forget a:hover{
	text-decoration: none;
}


    .btn-file {
    position: relative;
    overflow: hidden;
    }
    .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
    }


 /* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
 .flexslider {
    margin: 0 0 10px;
    background: #ffffff;
    border: 0px solid #25AAE1;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  }
  .flexslider .slides {
    zoom: 1;
  }
  .flexslider .slides img {
    height: auto;
  }
  .flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    border:2px solid #D1CFCF;
      padding: 0px;
  }
  
  .loading .flex-viewport {
    max-height: 300px;
  }
  .carousel li {
    margin-right: 5px;
  }
  .flex-direction-nav {
    *height: 0;
  }
  .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 41%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: url(../images/img-sprite.png) -149px -6px ;
    text-indent: -9999px ;
  }
  
  
  
  .flex-direction-nav .flex-prev {
    left: -50px;
  }
  .flex-direction-nav .flex-next {
    right: -50px;
  
     background: url(../images/img-sprite.png) -184px -6px ;
    
  }
  .flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px;
  }
  .flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
  }
  .flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 10px;
  }
  .flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
  }
  .flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
  }
  .flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
  }
  .flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004';
  }
  .flex-pauseplay a:hover {
    opacity: 1;
  }
  .flex-pauseplay a .flex-play:before {
    content: '\f003';
  }
  .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
  }
  .flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
  .flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
  .flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
  }
  .flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default;
  }
  .flex-control-thumbs {
    margin: 10px 0 0;
    position: static;
    overflow: hidden;
  }
  .flex-control-thumbs li {
    width: 24.2%;
    float: left;
    margin: 0 1% 0 0;
  }
  .flex-control-thumbs li:nth-child(4){
      margin:0;
  }
  .flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
      border: 1px solid #D1CFCF;
  }
  .flex-control-thumbs img:hover {
    opacity: 1;
  }
  .flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;padding:6px;
  }
  /* ====================================================================================================================
   * RESPONSIVE
   * ====================================================================================================================*/
   
   @media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
      opacity: 1;
      left: 10px;
    }
    .flex-direction-nav .flex-next {
      opacity: 1;
      right: 10px;
    }
  }
  @media screen and (max-width:480px) {
      .flexslider {
          margin: 0 0 1em;
      }
  }
   

 /********** Start Grid **********/


.grid {
	position: relative; overflow:hidden;
	clear: both;
	margin: 0 auto;
	padding:0em;
	max-width: 1000px;
	list-style: none;
	/*text-align: center;*/
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 0px;
    width: 100%;
	background: #3085a3;
	text-align: center;
	cursor: pointer; border-radius:6px;
}

.grid figure img {
	position: relative;
	display: block;
	 height:auto;
	max-width: 100%;
	opacity: 0.9;
}

.grid figure figcaption {
	padding:28px;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing:0em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0; text-align:center;
}

.grid figure p {
	letter-spacing: 0px;
	font-size:16px; font-weight:400px;font-family: 'EkMukta-Regular', sans-serif;
}

.grid h4{ padding:0px; text-transform:capitalize}

/* Individual effects */

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {/* border:0px solid #fff;*/
	background:rgba(23, 23, 23, 0.8);
}


figure.effect-bubba img {
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s; width:100%; height:auto;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.00);
	transform: scale(1.00);
}

figure.effect-bubba:hover img {
	opacity: 0.4;
	-webkit-transform: scale(1.22);
	transform: scale(1.22);
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #d0a650;
	border-bottom: 1px solid #d0a650;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #d0a650;
	border-left: 1px solid #d0a650;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h3 {
	padding-top:0; color:#fff !important; text-align:center;font-family:'EkMukta-Regular', sans-serif; font-size:18px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s; font-weight: 700;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0); opacity:0;
}


figure.effect-bubba p {
	padding: 20px 2.5em;font-size:15px; font-family:'EkMukta-Regular', sans-serif;
	opacity: 0; color:#e6b03f; text-transform:capitalize;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
    text-align: center;
display: block;
width: 100%;;
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h3,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


figure.effect-roxy {
	background: -webkit-linear-gradient(45deg, #625236 0%, #bc9b60 100%);
	background: linear-gradient(45deg, #625236 0%,#bc9b60 100%);
}

figure.effect-roxy img {
	max-width: none;
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50px,0,0);
	transform: translate3d(-50px,0,0);
}

figure.effect-roxy figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);
}

figure.effect-roxy figcaption {
	padding: 3em;
	text-align: left;
}

figure.effect-roxy h2 {
	padding:10% 0 10px 0; font-weight:400; font-size:24px;font-family:'EkMukta-Regular', sans-serif; color:#fff;
}

figure.effect-roxy p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
}

figure.effect-roxy:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}



 /********** End Grid **********/



 /********** Start Smart Menu **********/


/*
 Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
 These are theme independent and should work with any Bootstrap 3 theme mod.
*/
/* sub menus arrows */
.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
	position:static;
	margin-top:0;
	margin-right:0;
	margin-left:6px;
	display: none;
	width:0;
	height:0;
	overflow:hidden;
	vertical-align:middle;
	border-top:4px solid;
	border-right:4px dashed transparent;
	border-bottom:4px dashed transparent;
	border-left:4px dashed transparent;
}
.navbar-fixed-bottom .sub-arrow {
	margin-top:-5px;
	border-top:4px dashed transparent;
	border-bottom:4px solid;
}
.navbar-nav ul .sub-arrow {
	position:absolute;
	right:0;
	margin-top:6px;
	margin-right:15px;
	border-top:4px dashed transparent;
	border-bottom:4px dashed transparent;
	border-left:4px solid;
}
.navbar-nav ul a.has-submenu {
	padding-right:10px;
}
/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
	position:absolute;
	display:none;
	visibility:hidden;
	height:20px;
	overflow:hidden;
	text-align:center;
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
	position:absolute;
	top:-2px;
	left:50%;
	margin-left:-8px;
	width:0;
	height:0;
	overflow:hidden;
	border-top:7px dashed transparent;
	border-right:7px dashed transparent;
	border-bottom:7px solid;
	border-left:7px dashed transparent;
}
.navbar-nav span.scroll-down-arrow {
	top:6px;
	border-top:7px solid;
	border-right:7px dashed transparent;
	border-bottom:7px dashed transparent;
	border-left:7px dashed transparent;
}
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav .collapsible ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul .dropdown-menu .dropdown-header {
	padding-left:35px;
}
.navbar-nav .collapsible ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul .dropdown-menu .dropdown-header {
	padding-left:45px;
}
.navbar-nav .collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul .dropdown-menu .dropdown-header {
	padding-left:55px;
}
.navbar-nav .collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul ul .dropdown-menu .dropdown-header {
	padding-left:65px;
}
/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
.navbar-nav .dropdown-menu > li > a {
	white-space:normal;
}
.navbar-nav ul.sm-nowrap > li > a {
	white-space:nowrap;
}
/* fix .navbar-right subs alignment */
.navbar-right ul.dropdown-menu {
	left:0;
	right:auto;
}
/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
.navbar-nav .collapsible ul {display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
.navbar-nav .collapsible ul.sm-nowrap > li > a {white-space:normal;}
.navbar-nav .collapsible iframe{display:none;}

 /********** End Smart Menu **********/





 /********** Start Animate1 **********/

 /*! PopUp Pro - v4.7.07
 * http://premium.wpmudev.org/project/the-pop-over-plugin/
 * Copyright (c) 2015; * Licensed GPLv2+ */
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
https://raw.githubusercontent.com/daneden/animate.css/master/animate.css
*/

.animated {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}
@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}
@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}
@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
@keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}
@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}
.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}
@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, .3, .3);
        transform: scale3d(0.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, .9, .9);
        transform: scale3d(0.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, .97, .97);
        transform: scale3d(0.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, .3, .3);
        transform: scale3d(0.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, .9, .9);
        transform: scale3d(0.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, .97, .97);
        transform: scale3d(0.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, .9, .9);
        transform: scale3d(0.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, .3, .3);
        transform: scale3d(0.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, .9, .9);
        transform: scale3d(0.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, .3, .3);
        transform: scale3d(0.3, .3, .3)
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp ;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig ;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft ;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig ;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig ;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown ;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig ;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig ;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, .95, .95);
        transform: perspective(400px) scale3d(0.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, .95, .95);
        transform: perspective(400px) scale3d(0.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}
.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}
@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}
@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}
@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}
@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}
@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}
@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}
@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}
@keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, .3, .3);
        transform: scale3d(0.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, .3, .3);
        transform: scale3d(0.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, .3, .3);
        transform: scale3d(0.3, .3, .3)
    }
    100% {
        opacity: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, .3, .3);
        transform: scale3d(0.3, .3, .3)
    }
    100% {
        opacity: 0
    }
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, .475, .475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, .475, .475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, .475, .475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, .475, .475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown ;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft ;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight ;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp ;-webkit-animation-duration: .4s;
    animation-duration: .4s
}
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}
@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        visibility: hidden;

        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown ;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft ;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight ;-webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp ;-webkit-animation-duration: .75s;
    animation-duration: .75s
}


 /********** End Animate1 **********/
 


video{ width:100% !important; height:100%;max-width: 100%;}



.panel-heading a:after {
    font-family:'icomoon';
    content:"\ea0b"; position:absolute; right:10px ; top:8px;
    float: right; font-size:12px; font-weight:300;
    color: #9DD4F9;
}
.panel-heading a.collapsed:after {
    content:"\e61d";
}


/*------------------------------------*\
-------- DEMO Code: accordion
\*------------------------------------*/
/*----- Accordion -----*/
.accordion, .accordion * {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.accordion {
	overflow:hidden;
	box-shadow:0px 1px 3px rgba(0,0,0,0.25);
	border-radius:0px;
	background:#f7f7f7;
}

/*----- Section Titles -----*/
.accordion-section-title {
	width:100%;
	padding:15px;
	display:inline-block;
	border-bottom:1px solid #ddd;
	background:#fff;
	transition:all linear 0.15s;
	/* Type */
	font-size:16px;
	color:#333;
}

.accordion-section-title:hover {
	background:#295BA4;
	/* Type */
	text-decoration:none;color:#fff;
}


.accordion-section-title.active {
	background:#3896d8;
	color: #fff;
	text-decoration:none;
}


.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}

/*----- Section Content -----*/
.accordion-section-content {
	padding:15px;
	display:none;
}

.accordion .title {
    background: rgba(22, 67, 133, 1) none repeat scroll 0% 0% !important;
    color:#fff;
    padding: 18px;
}
.accordion .title a{color:#fff; list-style:none; text-decoration:none}
.accordion .title a:hover{color:#f89911; list-style:none; text-decoration:none}



.nav-tab-style{z-index:400!important;margin:0;}
.nav-tab-style li a{color:#fff!important;padding:10px 18px;-webkit-transition:all .5s ease;transition:all .5s ease; float:left}
.nav-tab-style .active a{color:#25AAE1!important;text-decoration:underline!important}
.nav-tab-style li{position:relative;text-overflow:ellipsis;white-space:nowrap}
.nav-tab-style li:hover a{position:relative;color:#25AAE1!important;text-decoration:underline}


.content{
	overflow:hidden;
	position: relative;
	padding:0px;
	margin: 0px;
	width:100%;
	max-width:96%;
	height:400px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; overflow-y: scroller;
}

 
.bcdb1 {
    background: #293a48; padding:10px 5px!important;
    color: #fff; font-family:'EkMukta-Regular', sans-serif; font-weight:300; font-size:16px !important;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu> a:after {
    font-family: 'icomoon';
    content: "\f105";
    float: right;

}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: 0px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}



@media screen and (max-width: 767px) {
    .navbar-nav {
      margin:0;
    }
    /* General styles for all menus */
    .cbp-spmenu {
      background: #f8f8f8;
      position: fixed;
      padding:0;
      margin:0 !important;
      overflow-x:hidden;
      overflow-y:visible;
      display:block;
    }
    .cbp-spmenu h3 {
      color: #afdefa;
      font-size: 1.9em;
      padding: 20px;
      margin: 0;
      font-weight: 300;
      background: #0d77b6;
    }
    .cbp-spmenu a {
      display: block;
    }
    /* Orientation-dependent styles for the content of the menu */
    .cbp-spmenu-vertical {
      width: 260px;
      height: 100%;
      top: 0;
      z-index: 1000;
    }
    .cbp-spmenu-horizontal {
      width: 100%;
      height: 150px;
      left: 0;
      z-index: 1000;
      overflow: hidden;
    }
    .cbp-spmenu-horizontal h3 {
      height: 100%;
      width: 20%;
      float: left;
    }
    .cbp-spmenu-horizontal a {
      float: left;
      width: 20%;
      padding: 0.8em;
      border-left: 1px solid #258ecd;
    }
    /* Vertical menu that slides from the left or right */
    .cbp-spmenu-left {
      left: -260px;
    }
    .cbp-spmenu-right {
      right: -260px;
    }
    .cbp-spmenu-left.cbp-spmenu-open {
      left: 0px;
    }
    .cbp-spmenu-right.cbp-spmenu-open {
      right: 0px;
    }
    /* Horizontal menu that slides from the top or bottom */
    .cbp-spmenu-top {
      top: -150px;
    }
    .cbp-spmenu-bottom {
      bottom: -150px;
    }
    .cbp-spmenu-top.cbp-spmenu-open {
      top: 0px;
    }
    .cbp-spmenu-bottom.cbp-spmenu-open {
      bottom: 0px;
    }
    /* Push classes applied to the body */
    .cbp-spmenu-push {
      overflow-x: hidden;
      position: relative;
      left: 0;
    }
    .cbp-spmenu-push-toright {
      left: 260px;
    }
    .cbp-spmenu-push-toleft {
      left: -260px;
    }
    /* Transitions */
    .cbp-spmenu,
    .cbp-spmenu-push {
      -webkit-transition: all 1.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
  }

  .navbar {
	  
	  z-index: 999; 
  }
  .navbar-toggle {
    border: none;
    background: transparent !important;
  }
  .navbar-toggle:hover {
    background: transparent !important;
  }
  .navbar-toggle .icon-bar {
    width: 22px;
    transition: all 0.2s;
  }
  .navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
  }
  .navbar-toggle .middle-bar {
    opacity: 0;
  }
  .navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
  }
  .navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
  }
  .navbar-toggle.collapsed .middle-bar {
    opacity: 1;
  }
  .navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
  }
  
  .ml-auto, .mx-auto {
    margin-left: auto !important;
}
.mr-auto, .mx-auto {
    margin-right: auto !important;
}
.d-block {
    display: block !important;
}

.card-body {

background-color: #f5f5d7;

}

ul li p {
    /*display: inline; */
	text-align: left;
	
}

.count-h2{ width:100%;float:left; font-size:36px;font-family:'Raleway', sans-serif; text-align:center; padding:18px 0px;line-height:28px;text-transform: capitalize; font-weight:600;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;position:relative;}

.pink{ color:#d81e3e!important;}
.orange1{ color:#ee7a14!important;}
.green1{ color:#0d8c52!important;}

.count-h3{ width:100%;float:left; font-size:24px; color:#2e2e2e!important;font-family:'Raleway', sans-serif; text-align:center; padding:18px 0px;line-height:28px;font-weight:500;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;position:relative;}

.divider-bg{border-right:1px solid #919191}
 
.card-title {
	
	font-family:'Raleway', sans-serif; 
	font-size: 20px;
	color: #880000;
}
.bc-green {
    background: #007105;
} 
.carousel-caption {
    position: relative;
    left: auto;
    top: auto;
	padding: 20px;	
	color: #fff;
	text-align: center;
}
.carousel-caption p { 

	color:#fff; font-size:17px; text-align: center; padding-bottom: 10px;

}
.carousel-inner{
	/* overflow: visible; */
}

.nav-item {
 border-right: 1px solid #ffc107;
 padding-right: 1px; 
 background: #007105;
}   
.nav-item:first-child {
  border-left: 1px solid #ffc107;
  padding-left: 1px;
  background: #007105;
}