/*--------------------------------------------------------------------------
	General Style
--------------------------------------------------------------------------*/
a:hover{
	text-decoration:underline;
	color: #cf0606;
}
.arrowlist ul li{ padding-left:30px;}
.arrowlist ul li:before
{
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	font-variant: normal;
	color:#cf0606;
	text-transform: none;
	font-size:1.4rem;
	content: '\e891';
	position:absolute; left:30px;}
.arrowright, .arff6600{
  padding-right: 5px;
  position: relative;
  color: #FFF;
}
.arrowright{border-right: 3px solid #cf0606;}
.arff6600{border-right: 3px solid #ff6600;}
.arrowright:after, .arff6600:after{
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  top: 50%;
  margin-top: -5px;
  background: #007f7f;
  -webkit-transform: rotate(45deg);
  border: 3px solid #cf0606;
  right: -6px;
  border-left: 0 none;
  border-bottom: 0 none;
}
.arff6600:after{border-right: 3px solid #ff6600; border-top:3px solid #ff6600;}
.arrowbot007f7f{position: relative;
font-weight: normal;
margin-bottom: 15px;
text-align: center;
border-bottom: 3px solid #ff6600;
padding-bottom:15px;
overflow: visible;}
.arrowbot007f7f:after{ content: "";
    position: absolute;
    bottom: -9px;
    left: 47%;
    display: block;
    width: 15px;
    height: 15px;
    border-right: 3px solid #ff6600;
    border-bottom: 3px solid #ff6600;
    z-index: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.arrowbot007f7f:after{background: #007f7f;}
.botarrow::after, .botarrowpubsp::after, .botarrowconf::after, .botarrowconfp::after{
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    top:1px;
    text-align:center;
    position:relative;
    width: 0;
}
.botarrow::after{border-top: 15px solid #ed7b00;margin-left:90px;}
.botarrowpubsp::after{border-top: 15px solid #ed7b00;margin-left:100px;}
.botarrowconf::after{border-top: 15px solid #007f7f;margin-left:60px;}
.botarrowconfp::after{border-top: 15px solid #007f7f;margin-left:90px;}
/*--------------------------------------------------------------------------
+	Homepage Slider Style (modified sequencejs CSS). Sorry, no LESS here
--------------------------------------------------------------------------*/
#sequence {
	overflow: hidden;
	width: 100%;
	color: white;
	font-size: 0.625em;
	position: relative;
	height: 300px;
}

#sequence img {
	max-width: 100%;
}

#sequence > .sequence-canvas {
	list-style-type: none;
	height: 300px;
	margin: 0;
	padding: 0;
	width: 100%;
}

#sequence h2 {
	font-weight:700;
	color: #FFF;
	text-shadow: 2px 2px 3px #444;
	border: none;
	padding-left: 0;
	margin-top: 0;
}

#sequence h3, .subtitle ul li:nth-child(2){
	text-shadow: 2px 2px 3px #444;
}

#sequence > .sequence-canvas > li {
	position: absolute;
	width: 100%;
	height: 300px;
	z-index: 1;
	-webkit-transition-property: background;
	-moz-transition-property: background;
	-o-transition-property: background;
	-ms-transition-property: background;
	transition-property: background;
	background-position: -50px 0;
}

#sequence > .sequence-canvas > li.bg1 {
	background: #00b8a9 none repeat scroll 0 0;
}

#sequence > .sequence-canvas > li.bg2 {
	background: #6173f4 none repeat scroll 0 0;
}

#sequence > .sequence-canvas > li.bg3 {
	background: #007f7f none repeat scroll 0 0;
}

#sequence > .sequence-canvas > li img {
	height: 96%;
}

#sequence > .sequence-canvas li > * {
	position: absolute;
	-webkit-transition-property: left, opacity;
	-moz-transition-property: left, opacity;
	-o-transition-property: left, opacity;
	-ms-transition-property: left, opacity;
	transition-property: left, opacity;
}
.sequence-next,
.sequence-prev {
	color: white;
	cursor: pointer;
	display: none;
	font-weight: bold;
	padding: 10px 15px;
	position: absolute;
	top: 50%;
	z-index: 1000;
	height: 75px;
	margin-top: -47.5px;
}

.sequence-pause {
	bottom: 0;
	cursor: pointer;
	position: absolute;
	z-index: 1000;
}

.sequence-paused {
	-webkit-opacity: 0.3;
	-moz-opacity: 0.3;
	opacity: 0.3;
}

.sequence-prev {
	left: 3%;
}

.sequence-next {
	right: 3%;
}

.sequence-prev img,
.sequence-next img {
	height: 100%;
	width: auto;
}

#sequence-preloader {
	background: #d9d9d9;
}

.sequence-pagination-wrapper {
	position: absolute;
	bottom: 10px;
	right: 20px;
	z-index: 99;
}

.sequence-pagination {
	display: none;
	z-index: 99;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.sequence-pagination li {
	display: inline-block;
	*display: inline;
	width: 14px;
	height: 14px;
	margin: 0 4px;
	text-indent: -999em;
	border: 4px solid #d43f3a;
	cursor: pointer;
	-webkit-border-radius: 30px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 30px;
	-moz-background-clip: padding;
	border-radius: 30px;
	background-clip: padding-box;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	opacity: 0.8;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	-o-transition: background .5s, opacity .5s;
	-ms-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}

.sequence-pagination li.current {
	background: #e3b08e;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}

.sequence-next,
.sequence-prev {
	position: absolute;
	opacity: 0.6;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
}

.sequence-next:hover,
.sequence-prev:hover {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
}

#sequence .title {
	font-size: 3.8em;
	text-transform: none;
	left: 0%;
	width: 35%;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	bottom: 75%;
	z-index: 50;
}

#sequence > .sequence-canvas > li.animate-in {
	background-position: 0 0;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
}

#sequence .animate-in .title {
	left: 15%;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

#sequence .animate-out .title {
	left: 35%;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.subtitle {
	color: black;
	font-size: 2em;
	left: 35%;
	width: 35%;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	top: 25%;
}

.animate-in .subtitle {
	left: 15%;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.animate-out .subtitle {
	left: 65%;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.slide-img {
	left: 90%;
	vertical-align: middle;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	position: relative;
	height: auto !important;
	max-height: 300px !important;
	max-width: 45% !important;
}

.animate-in .slide-img {
	left: 55%;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
}

.animate-out .slide-img {
	left: 15%;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
}

@media only screen and (min-width: 992px) {
	#sequence .title {
		width: 42%;
	}
}

@media only screen and (max-width: 838px) {
	#sequence .slide-img {
		max-height: 530px !important;
		width: auto;
	}
}

@media only screen and (max-width: 768px) {
	#sequence .title {
		font-size: 1.8em;
	}

	#sequence .subtitle {
		font-size: 1.6em;
	}

	#sequence .sequence-next,
  #sequence .sequence-prev {
		height: 60px;
		margin-top: -40px;
	}

	#sequence .slide-img {
		max-height: 480px !important;
		width: auto;
	}
}

@media only screen and (max-width: 568px) {
	.slide-img {
		left: 50%;
		width: auto;
		max-width: 96% !important;
	}

	#sequence .animate-in .slide-img {
		left: 50%;
		margin-left: -50%;
	}

	#sequence .animate-out .slide-img {
		left: 20%;
		margin-left: -30%;
	}

	#sequence .title {
		background: #a1a1a1;
		background: rgba(0, 0, 0, 0.3);
		bottom: 0;
		left: 100%;
		padding: 4%;
		width: 100%;
		margin-bottom: 0;
		z-index: 10;
	}

	#sequence .animate-in .title {
		left: 0%;
	}

	#sequence .animate-out .title {
		left: -100%;
	}

	#sequence .subtitle {
		visibility: hidden;
	}
}
.media-body p{font-size:1.6rem;}
.welcome-grids {
	margin: 2em 0 0;
}

.services-grids {
	margin: 2em 0 0;
}

.welcome-grid-left {
	float: left;
	width: 65%;
	text-align: right;
	margin: 2em 0 0;
}

.welcome-grid-left h4 {
	color: #F26F62;
	font-family: 'Archivo Narrow', sans-serif;
	margin: 0;
	font-size: 1.3em;
	text-transform: capitalize;
}

.welcome-grid-right img {
	padding: .5em;
	border: 1px dotted #F28EBF;
}

.welcome-grid-left p {
	color: #333;
	font-size: 14px;
	margin: .5em 0 0;
	line-height: 1.8em;
}

.welcome-grid-right {
	float: right;
	width: 30%;
}

.aliquam {
	float: left !important;
	width: 30% !important;
}

.non {
	float: right !important;
	width: 65% !important;
	text-align: left !important;
}

.welcome-grids:nth-child(2) {
	margin: 2em 0 0;
}

.welcome-grid:hover .welcome-grid-right {
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}

.welcome-grid:hover .aliquam {
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}