@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?rretjt');
	src:url('../fonts/icomoon.eot?#iefixrretjt') format('embedded-opentype'),
		url('../fonts/icomoon.woff?rretjt') format('woff'),
		url('../fonts/icomoon.ttf?rretjt') format('truetype'),
		url('../fonts/icomoon.svg?rretjt#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body, html { font-size: 100%; 	padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}


a{ color: rgba(255, 255, 255, 0.6);outline: none;text-decoration: none;-webkit-transition: 0.2s;transition: 0.2s;}
a:hover,a:focus{color:#74777b;text-decoration: none;}
.container{
	margin: 0 auto;
  background:#f5f5f5;
  padding-top: 30px;
}
/*nav*/
.demo a{color: #fff;text-decoration: none;}
.demo{width: 100%;padding-bottom: 1.2em;text-align:center;}
.demo a{display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #fff;font-weight: 700;}
.demo a:hover{opacity: 0.6;}
.demo a.current{background:#1d7db1;color: #fff; }
#wrapper2 {
			height: 200px;
			width: 1000px;
			max-width: 100%;
			margin:20px auto;
      background:url(./assets/img/slider2-h500.jpg) repeat-x;
		}

.animate {
  font-size: 50px;
  margin: 100px 0 0;
}

.animate span {
  display: inline-block;
}

a.repeat {
  font-size: 12px;
  text-transform: none;
  text-decoration: none;
  color: orange;
  padding: 5px 12px;
  border: 1px solid white;
  font-weight: normal;
  margin: 0 0 0 50px;
  border-radius: 5px;
  position: relative;
  bottom: 15px;
  color:white!important;
  font-weight:600;
}
a.repeat:hover{
  background:white;
}
.animate span:nth-of-type(2) {
  animation-delay: .05s;
}

.animate span:nth-of-type(3) {
  animation-delay: .1s;
}

.animate span:nth-of-type(4) {
  animation-delay: .15s;
}

.animate span:nth-of-type(5) {
  animation-delay: .2s;
}

.animate span:nth-of-type(6) {
  animation-delay: .25s;
}

.animate span:nth-of-type(7) {
  animation-delay: .3s;
}

.animate span:nth-of-type(8) {
  animation-delay: .35s;
}

.animate span:nth-of-type(9) {
  animation-delay: .4s;
}

.animate span:nth-of-type(10) {
  animation-delay: .45s;
}

.animate span:nth-of-type(11) {
  animation-delay: .5s;
}

.animate span:nth-of-type(12) {
  animation-delay: .55s;
}

.animate span:nth-of-type(13) {
  animation-delay: .6s;
}

.animate span:nth-of-type(14) {
  animation-delay: .65s;
}


/* Animation One */

.one span {
  color: white;
  opacity: 0;
  transform: translate(-150px, -50px) rotate(-180deg) scale(3);
  animation: revolveScale .4s forwards;
}

@keyframes revolveScale {
  60% {
    transform: translate(20px, 20px) rotate(30deg) scale(.3);
  }
  100% {
    transform: translate(0) rotate(0) scale(1);
    opacity: 1;
  }
}


/* Animation Two */

.two span {
  color: white;
  opacity: 0;
  transform: translate(200px, -100px) scale(2);
  animation: ballDrop .3s forwards;
}

@keyframes ballDrop {
  60% {
    transform: translate(0, 20px) rotate(-180deg) scale(.5);
  }
  100% {
    transform: translate(0) rotate(0deg) scale(1);
    opacity: 1;
  }
}


/* Animation Three */

.three span {
  color: white;
  opacity: 0;
  transform: translate(-300px, 0) scale(0);
  animation: sideSlide .5s forwards;
}

@keyframes sideSlide {
  60% {
    transform: translate(20px, 0) scale(1);
    color: white;
  }
  80% {
    transform: translate(20px, 0) scale(1);
    color: white;
  }
  99% {
    transform: translate(0) scale(1.2);
    color: #00f0ff;
  }
  100% {
    transform: translate(0) scale(1);
    opacity: 1;
    color: white;
  }
}


/* Animation Four */

.four span {
  color: white;
  opacity: 0;
  transform: translate(0, -100px) rotate(360deg) scale(0);
  animation: revolveDrop .3s forwards;
}

@keyframes revolveDrop {
  30% {
    transform: translate(0, -50px) rotate(180deg) scale(1);
  }
  60% {
    transform: translate(0, 20px) scale(.8) rotate(0deg);
  }
  100% {
    transform: translate(0) scale(1) rotate(0deg);
    opacity: 1;
  }
}


/* Animation Five */

.five span {
  color: white;
  opacity: 0;
  transform: translate(0, -100px) rotate(360deg) scale(0);
  animation: dropVanish .5s forwards;
}

@keyframes dropVanish {
  30% {
    transform: translate(0, -50px) rotate(180deg) scale(1);
  }
  50% {
    transform: translate(0, 20px) scale(.8) rotate(0deg);
    opacity: 1;
  }
  80% {
    transform: translate(-100px, -100px) scale(1.5) rotate(-180deg);
    opacity: 0;
  }
  100% {
    transform: translate(0) scale(1) rotate(0deg);
    opacity: 1;
  }
}


/* Animation Six */

.six span {
  color: white;
  opacity: 0;
  transform: rotate(-180deg) translate(150px, 0);
  animation: twister .5s forwards;
}

@keyframes twister {
  10% {
    opacity: 1;
  }
  100% {
    transform: rotate(0deg) translate(0);
    opacity: 1;
  }
}


/* Animation Seven */

.seven span {
  color: white;
  opacity: 0;
  transform: translate(-150px, 0) scale(.3);
  animation: leftRight .5s forwards;
}

@keyframes leftRight {
  40% {
    transform: translate(50px, 0) scale(.7);
    opacity: 1;
    color: #348c04;
  }
  60% {
    color: #0f40ba;
  }
  80% {
    transform: translate(0) scale(2);
    opacity: 0;
  }
  100% {
    transform: translate(0) scale(1);
    opacity: 1;
  }
}
.posi_2{position:absolute;top:24%;color:white;left:32%;font-size:20px;}
.boxed-content.left-aligned h2{text-align: center;margin-right:30px;}
.row .col-md-4{
	transition:All 0.6s ease-in-out;
	-webkit-transition:All 0.6s ease-in-out;
	-moz-transition:All 0.6s ease-in-out;
	-o-transition:All 0.6s ease-in-out;
	border-radius: 20px;
}
.row .col-md-4:hover {
	transform:translate(0,-20px);
	-webkit-transform:translate(0,-20px);
	-moz-transform:translate(0,-20px);
	-o-transform:translate(0,-20px);
	-ms-transform:translate(0,-20px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;
    cursor: pointer;
}
.posi_3{
  top: 20%;
}
.animate_one{
  border-bottom: none;
}
.modal-header h3 {
    font-weight: bold;
    color: black;
	font-family: "Arial";
}
@media only screen and (min-width: 1090px)
{
	.modal-outer-container
	{
		position: relative;
		right: 0!important;
	}
}
#discourse-modal input[type="text"], #discourse-modal input[type="password"], #discourse-modal input[type="datetime"], #discourse-modal input[type="datetime-local"], #discourse-modal input[type="date"], #discourse-modal input[type="month"], #discourse-modal input[type="time"], #discourse-modal input[type="week"], #discourse-modal input[type="number"], #discourse-modal input[type="email"], #discourse-modal input[type="url"], #discourse-modal input[type="search"], #discourse-modal input[type="tel"], #discourse-modal input[type="color"] {
    display: inline-block;
    height: auto!important; 
    padding: 4px;
    margin-bottom: 9px;
    font-size: 0.929em;
    line-height: 18px;
    color: #222;
}
#discourse-modal label, #discourse-modal input, #discourse-modal button, #discourse-modal select, #discourse-modal textarea {
    font-size: 0.929em;
    font-weight: normal;
    line-height: 18px;
    float: left;
}
#discourse-modal select {
    width: 210px!important;
    border: 1px solid #e9e9e9;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
    height: 28px;
}
.modal-header {
    padding: 8px!important;
    border-bottom: 1px solid #e5e5e5;
}
.posi_2{
	top:25%!important;
	z-index:2070;
}
.posi_1{
	/*background-color: black;
    opacity: 0.5;
    width: 55%;
    height: 23%;
    position: absolute;
    top: 33%;
    z-index: 2017;
    left: 22%;
    border-radius: 20px;*/
	background-color: rgba(0,0,0,0.5)!important;background-color: #000;filter:Alpha(opacity=50);
	width: 55%;
    height: 23%;
    position: absolute;
    top: 33%;
    z-index: 207;
    left: 22%;
	border-radius: 20px;
}
#consu
{
	opacity: inherit!important;
	color: #fff;
	font-size: 50px;
	position: relative;
	top: 40%;
}
a.repeat:hover{
	color:#FF6347!important;
}
#consu:hover{
	color:aqua;
}
@media (max-width: 768px)
{
    #consu{
		font-size:30px;
    }
	a.repeat{
		display:none;
	}
}
@media (max-width: 600px)
{
    #consu{
        font-size:25px;
		top:26%;
    }
    a.repeat{
        display:none
    }
}
@media (max-width: 470px)
{
    #consu{
        font-size:16px;
		top:20%;
    }
    a.repeat{
        display:none
    }
}

.posi_1:hover{
	background-color: rgba(0,0,0,0.3)!important;background-color: #000;filter:Alpha(opacity=50);
}
.repeats{
	display:none;
}
.repeatt{
	display:none;
}