@import url( https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700 );
@import url( https://fonts.googleapis.com/css?family=Raleway:400,500,500i,600,700,800 );
@import url( ../css/font-awesome.min.css );
@import url( ../css/font-awesome-animation.min.css );
@import url( ../css/icofont.css );
@import url( ../css/bootstrap-dropdownhover.css );
@import url( ../css/owl.css );
@import url( ../css/animate.min.css );
@import url( ../css/VideoPlayerPopUp.css );
@import url( ../css/jquery.mb.YTPlayer.min.css );
@import url( ../css/animated-text.css );
@import url( ../css/lightbox.min.css );
body {
	color: rgb(51, 51, 51); line-height: 24px; font-family: "Open Sans", sans-serif; font-size: 15px; font-weight: 400; -ms-overflow-x: hidden;
}
h1 {
	padding: 0px; color: rgb(45, 45, 45); text-transform: uppercase; line-height: 1.2; font-family: "Raleway", sans-serif; font-weight: bold; margin-top: 0px; margin-bottom: 10px;
}
h2 {
	padding: 0px; color: rgb(45, 45, 45); text-transform: uppercase; line-height: 1.2; font-family: "Raleway", sans-serif; font-weight: bold; margin-top: 0px; margin-bottom: 10px;
}
h3 {
	padding: 0px; color: rgb(45, 45, 45); text-transform: uppercase; line-height: 1.2; font-family: "Raleway", sans-serif; font-weight: bold; margin-top: 0px; margin-bottom: 10px;
}
h4 {
	padding: 0px; color: rgb(45, 45, 45); text-transform: uppercase; line-height: 1.2; font-family: "Raleway", sans-serif; font-weight: bold; margin-top: 0px; margin-bottom: 10px;
}
h5 {
	padding: 0px; color: rgb(45, 45, 45); text-transform: uppercase; line-height: 1.2; font-family: "Raleway", sans-serif; font-weight: bold; margin-top: 0px; margin-bottom: 10px;
}
h6 {
	padding: 0px; color: rgb(45, 45, 45); text-transform: uppercase; line-height: 1.2; font-family: "Raleway", sans-serif; font-weight: bold; margin-top: 0px; margin-bottom: 10px;
}
p {
	margin: 0px; padding: 0px; letter-spacing: 0.5px;
}
a {
	transition:0.3s ease-in-out; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
}
a:focus {
	transition:0.3s ease-in-out; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
}
a:hover {
	transition:0.3s ease-in-out; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
}
ul {
	margin: 0px; padding: 0px;
}
ul li {
	margin: 0px; padding: 0px; list-style-type: none;
}

/*À̹ÌÁöÅ©±â*/
/*
img {
	width: 100%; height: auto; max-width: 100%;
}
*/

.form-control {
	border-radius: 0px; height: 45px; margin-bottom: 30px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
.form-control:focus {
	border-color: rgb(153, 153, 153); box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
:-ms-input-placeholder {
	color: rgb(102, 102, 102) !important;
}
.callback-col :-ms-input-placeholder.form-control {
	color: rgb(255, 255, 255) !important;
}
.section-default {
	padding: 100px 0px 70px; position: relative;
}
.col-default {
	margin-bottom: 30px;
}
.simple-btn {
	background: rgb(7, 190, 202); border-color: rgb(7, 190, 202); padding: 12px 30px; border-radius: 0px; transition:0.3s ease-in-out; color: rgb(255, 255, 255); text-transform: uppercase; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
}
.simple-btn::before {
	background: rgb(255, 255, 255); transition:0.4s ease-in-out; left: -30px; top: -100px; width: 30px; height: 200px; position: absolute; z-index: 0; content: ""; opacity: 0.2; transform: rotate(20deg); -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transform: rotate(20deg); -moz-transition: all 0.4s ease-in-out;
}
.simple-btn:hover::before {
	transition:0.8s ease-in-out; left: 300px; z-index: -1; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;
}
.simple-btn:hover {
	background: rgb(60, 71, 103); border-color: rgb(60, 71, 103); transition:0.3s ease-in-out; color: rgb(255, 255, 255); z-index: 1; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
}
.simple-default-btn {
	background: rgb(7, 190, 202); padding: 12px 30px; border-radius: 0px; border: currentColor; transition:0.5s ease-in-out; border-image: none; color: rgb(255, 255, 255); text-transform: uppercase; overflow: hidden; position: relative; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
}
.simple-default-btn::before {
	background: rgb(255, 255, 255); transition:0.4s ease-in-out; left: -30px; top: -100px; width: 30px; height: 200px; position: absolute; z-index: 0; content: ""; opacity: 0.2; transform: rotate(20deg); -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transform: rotate(20deg); -moz-transition: all 0.4s ease-in-out;
}
.simple-default-btn:hover::before {
	transition:0.6s ease-in-out; left: 300px; z-index: -1; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;
}
.simple-default-btn:hover {
	background: rgb(17, 17, 17); border-color: rgb(7, 190, 202); transition:0.5s ease-in-out; color: rgb(255, 255, 255); z-index: 1; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
}
.pagination {
	margin-bottom: 0px; z-index: 0;
}
.mb25 {
	margin-bottom: 25px;
}
.pagination > li:first-child > a {
	border-radius: 0px;
}
.pagination > li:last-child > a {
	border-radius: 0px;
}
.pagination > li > a {
	
}
.pagination > li > span {
	
}
.pagination > .active > a {
	background: rgb(7, 190, 202); border-color: rgb(7, 190, 202); color: rgb(255, 255, 255);
}
.pagination > .active > a:hover {
	background: rgb(7, 190, 202); color: rgb(255, 255, 255);
}
.overlay-black {
	position: relative;
}
.overlay-black::before {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 0; content: ""; background-color: rgba(0, 0, 0, 0.8);
}
.overlay-white {
	position: relative;
}
.overlay-white::before {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 0; content: ""; background-color: rgba(255, 255, 255, 0.8);
}
.section-title-col {
	margin-bottom: 60px;
}
.section-title-col h2 {
	text-transform: uppercase; line-height: 28px; font-size: 36px; margin-bottom: 20px;
}
.section-title-col h2 span {
	color: rgb(7, 190, 202);
}
.section-title-col .title-border {
	background: rgb(45, 45, 45); margin: 0px auto 20px; width: 30px; height: 30px; position: relative; transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.section-title-col .title-border::before {
	background: rgb(45, 45, 45); left: 0px; top: 0px; width: 40px; height: 2px; position: absolute; content: "";
}
.section-title-col .title-border::after {
	background: rgb(45, 45, 45); width: 40px; height: 2px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.section-title-col p {
	color: rgb(66, 66, 66); font-style: italic; font-weight: 400;
}
#dyscrollup-btn {
	text-align: center; right: 10px; bottom: 10px; color: rgb(255, 255, 255); display: none; position: fixed; z-index: 999999; cursor: pointer;
}
#dyscrollup-btn::before {
	left: 0px; bottom: 10px; color: rgb(7, 190, 202); font-family: FontAwesome; font-size: 45px; position: absolute; content: "\f0aa";
}
#preloader {
	background: url("http://elssm.com/home/common/base_9/images/img/preloader.gif") no-repeat center rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 100%; overflow: visible; position: fixed; z-index: 99999999;
}
.main-herader {
	background: rgb(255, 255, 255); position: relative;
}
.header-topbar {
	background: rgb(7, 190, 202); padding: 10px 0px 0px; overflow: hidden; position: relative;
}
.header-topbar .topbar-arrow {
	left: 50%; width: 0px; height: 0px; bottom: 0px; margin-left: -30px; border-right-color: transparent; border-bottom-color: rgb(255, 255, 255); border-left-color: transparent; border-right-width: 30px; border-bottom-width: 30px; border-left-width: 30px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; display: none; position: absolute;
}
.herader-topbar-col {
	margin-bottom: 10px;
}
.herader-topbar-col.tobar-leftside span {
	color: rgb(255, 255, 255); margin-right: 20px;
}
.herader-topbar-col i {
	color: rgb(60, 71, 103); margin-right: 5px;
}
.after-bdr {
	position: relative;
}
.herader-topbar-col .after-bdr::after {
	background: rgb(255, 255, 255); top: 5px; width: 2px; height: 20px; right: -12px; margin-top: -2px; display: inline-block; position: absolute; content: "";
}
.herader-topbar-col.tobar-rightside {
	text-align: right;
}
.herader-topbar-col.tobar-rightside span {
	color: rgb(60, 71, 103); margin-left: 20px; display: inline-block;
}
.herader-topbar-col.tobar-rightside span a {
	color: rgb(255, 255, 255);
}
.herader-topbar-col.tobar-rightside p {
	display: inline-block;
}
.topbar-social {
	margin-left: 20px; display: inline-block;
}
.topbar-social li {
	display: inline-block;
}
.topbar-social li a i {
	color: rgb(255, 255, 255); font-size: 18px; margin-left: 5px;
}
.header-navbar {
	background: rgb(255, 255, 255);
}
.header-navbar .navbar-brand {
	padding: 0px; margin-top: 15px;
}
.header-navbar .navbar-brand img {
	width: 160px; height: auto;
}
.header-navbar .navbar {
	margin-bottom: 0px;
}
.header-navbar .navbar-nav {
	
}
.header-navbar .navbar-default {
	background: none; padding: 0px; border: currentColor; border-image: none;
}
.header-navbar .navbar-default .navbar-nav > li > a {
	padding: 30px 0px; color: rgb(51, 51, 51); text-transform: uppercase; margin-left: 25px;
}
.header-navbar .navbar-default .navbar-nav > .active > a {
	color: rgb(7, 190, 202); background-color: transparent;
}
.header-navbar .navbar-default .navbar-nav > li > a:hover {
	color: rgb(7, 190, 202); background-color: transparent;
}
.header-navbar .navbar-default .navbar-nav > li > a:focus {
	background: none;
}
.header-navbar .navbar-default .navbar-nav > li > a:hover {
	background: none;
}
.header-navbar .dropdown-menu {
	min-width: 220px;
}
.header-navbar .navbar-right .dropdown-menu {
	right: auto;
}
.header-navbar .navbar-nav .dropdown-menu {
	border-width: 3px medium medium; border-style: solid none none; border-color: rgb(7, 190, 202) currentColor currentColor; padding: 0px; border-radius: 0px; border-image: none; margin-left: 20px;
}
.header-navbar .navbar-nav .dropdown-menu > li > a {
	padding: 15px 10px; color: rgb(51, 51, 51); text-transform: uppercase; font-size: 15px; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
.header-navbar .navbar-nav .dropdown-menu > li > a:hover {
	color: rgb(7, 190, 202); padding-left: 15px;
}
.header-navbar .navbar-default .navbar-nav > .open > a {
	background-color: transparent;
}
.header-navbar .navbar-default .navbar-nav > .open > a:focus {
	background-color: transparent;
}
.header-navbar .navbar-default .navbar-nav > .open > a:hover {
	background-color: transparent;
}
.nav > li.dropdown.open {
	position: static;
}
.nav > li.dropdown.open .mega-menu {
	padding: 0px 30px; left: 0px; width: 100%; text-align: center; right: 0px; display: table;
}
.header-navbar .navbar-nav .dropdown-menu.mega-menu {
	margin-left: 0px;
}
.mega-menu > li {
	width: 25%; display: inline-block;
}
.mega-menu li {
	text-align: left;
}
.mega-menu li a {
	padding: 15px 0px; color: rgb(51, 51, 51); text-transform: uppercase; font-size: 15px;
}
.mega-menu li a:hover {
	color: rgb(7, 190, 202); padding-left: 5px;
}
.mega-menu img {
	margin-top: 0px;
}
.nav-img {
	margin: auto; width: 85%;
}
.scroll-to-fixed-fixed {
	background: rgb(255, 255, 255); transition:0.3s ease-in-out; top: 0px; width: 100% !important; z-index: 9; box-shadow: 0px 8px 12px -10px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 8px 12px -10px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -moz-box-shadow: 0px 8px 12px -10px rgba(0, 0, 0, 0.2);
}
.main-herader-transparent {
	background: none; left: 0px; top: 0px; width: 100%; padding-bottom: 10px; position: absolute; z-index: 9999;
}
.main-herader-transparent .header-topbar {
	background: rgba(7, 190, 202, 0.25);
}
.main-herader-transparent .herader-topbar-col i {
	color: rgb(255, 255, 255);
}
.main-herader-transparent .header-topbar .topbar-arrow {
	display: none;
}
.main-herader-transparent .header-navbar .navbar-default {
	
}
.main-herader-transparent .navbar-default .navbar-nav > li > a {
	color: rgb(255, 255, 255);
}
.main-herader-transparent .scroll-to-fixed-fixed .navbar-default .navbar-nav > li > a {
	color: rgb(51, 51, 51);
}
.logo-1 {
	display: none !important;
}
.main-herader-transparent .scroll-to-fixed-fixed .logo-1 {
	display: block !important;
}
.logo-2 {
	display: block;
}
.main-herader-transparent .scroll-to-fixed-fixed .logo-2 {
	display: none !important;
}
.main-herader-transparent .header-navbar {
	background: rgba(255, 255, 255, 0.3);
}
.main-herader-transparent .header-navbar.scroll-to-fixed-fixed {
	background: rgb(255, 255, 255);
}
.main-slider-area {
	overflow: hidden;
}
.carousel-fade .carousel-inner .item {
	height: 100vh; opacity: 0.6; transition-property: opacity; -webkit-transition-property: opacity; -o-transition-property: opacity; -moz-transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left {
	left: 0px; z-index: 1; opacity: 0;
}
.carousel-fade .carousel-inner .active.right {
	left: 0px; z-index: 1; opacity: 0;
}
.carousel-fade .carousel-inner .next.left {
	opacity: 1;
}
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
	z-index: 99;
}
.main-slider-area .carousel-control .glyphicon-chevron-right {
	right: 20px; margin-top: -20px;
}
.main-slider-area .carousel-control .glyphicon-chevron-left {
	left: 10px; margin-top: -20px;
}
.main-slider-area .carousel-control.right {
	width: 0px;
}
.main-slider-area .carousel-control.left {
	width: 0px;
}
.glyphicon-chevron-right::before {
	background: rgb(0, 0, 0); padding: 10px 15px; font-family: FontAwesome; font-style: normal; font-weight: normal; content: "\f105";
}
.glyphicon-chevron-left::before {
	background: rgb(0, 0, 0); padding: 10px 15px; font-family: FontAwesome; font-style: normal; font-weight: normal; content: "\f104";
}
.carousel-caption {
	padding: 0px 150px; left: 0px; top: 50%; text-align: inherit; right: 0px; position: absolute; text-shadow: none; transform: translateY(-25%); -webkit-transform: translateY(-25%); -o-transform: translateY(-25%); -moz-transform: translateY(-25%);
}
.slide-1 {
	background: url("http://elssm.com/home/common/base_9/images/img/slider/1.jpg") no-repeat center / cover; position: relative;
}
.slide-2 {
	background: url("http://elssm.com/home/common/base_9/images/img/slider/2.jpg") no-repeat center / cover; position: relative;
}
.slide-3 {
	background: url("http://elssm.com/home/common/base_9/images/img/slider/3.jpg") no-repeat center / cover; position: relative;
}
.slide-newone {
	background: url("http://elssm.com/home/common/base_9/images/img/slider/4.jpg") no-repeat center / cover; position: relative;
}
.slide-1::before {
	background: rgba(0, 0, 0, 0.5); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 0; content: "";
}
.slide-2::before {
	background: rgba(0, 0, 0, 0.5); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 0; content: "";
}
.slide-3::before {
	background: rgba(0, 0, 0, 0.5); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 0; content: "";
}
.slide-newone::before {
	background: rgba(0, 0, 0, 0.5); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 0; content: "";
}
.carousel-indicators {
	bottom: 0px;
}
.carousel-control.right {
	background-image: none;
}
.carousel-control.left {
	background-image: none;
}
.carousel .item {
	width: 100%; height: 100vh;
}
.carousel-caption p {
	text-transform: uppercase; letter-spacing: 1px; font-size: 16px;
}
.carousel-caption h3 {
	color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 1px; font-size: 40px; margin-top: 20px; margin-bottom: 30px;
}
.carousel-caption h3 span {
	color: rgb(7, 190, 202);
}
.carousel-caption .btn {
	background: none; padding: 10px 30px; border-radius: 0px; border: 1px solid rgb(255, 255, 255); transition:0.3s ease-in-out; border-image: none; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 14px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
}
.carousel-caption .btn:hover {
	background: rgb(7, 190, 202); border-color: rgb(7, 190, 202); transition:0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
}
.carousel-caption h3:nth-child(2) {
	animation-delay: 1s;
}
.carousel-caption a {
	animation-delay: 2s;
}
.p {
	text-align: center; padding-top: 125px;
}
.p a {
	text-decoration: underline;
}
.main-slider-area-two {
	
}
.main-slider-area-two .carousel-caption {
	transform: translateY(-15%); -webkit-transform: translateY(-15%); -o-transform: translateY(-15%); -moz-transform: translateY(-15%);
}
.main-slider-area-two .carousel-control .glyphicon-chevron-right {
	right: 20px; margin-top: 0px;
}
.main-slider-area-two .carousel-control .glyphicon-chevron-left {
	left: 10px; margin-top: 0px;
}
.welcome-section {
	background: url("http://elssm.com/home/common/base_9/images/img/bg/4.jpg") no-repeat center / cover; padding: 0px; height: 100vh; position: relative; z-index: 1;
}
.welcome-section::before {
	background: rgba(0, 0, 0, 0.7); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 0; content: "";
}
.welcome-table {
	width: 100%; height: 100%; display: table;
}
.welcome-cell {
	vertical-align: middle; display: table-cell;
}
.sec-btm-style {
	overflow: hidden; position: relative;
}
.sec-btm-style::after {
	background: rgb(255, 255, 255); left: -10%; width: 120%; height: 200px; bottom: -100px; position: absolute; content: ""; transform: rotate(-3deg); -webkit-transform: rotate(-3deg);
}
@media screen and (max-width:960px)
{
.sec-btm-style::after {
	bottom: -150px;
}
}
@media screen and (max-width:768px)
{
.sec-btm-style::after {
	bottom: -170px;
}
}
.welcome-col img {
	border: 4px solid rgb(150, 195, 70); border-image: none; position: relative; z-index: 2;
}
.welcome-section.sec-btm-style::after {
	
}
.welcome-col h1 {
	color: rgb(249, 249, 249); text-transform: uppercase; font-size: 60px; margin-bottom: 20px;
}
.welcome-col h1 span {
	color: rgb(7, 190, 202);
}
.welcome-col .cd-headline {
	color: rgb(249, 249, 249); font-size: 24px;
}
.about-area {
	padding: 120px 0px 90px; -ms-overflow-x: hidden;
}
.about-col {
	margin-bottom: 30px;
}
.about-title-box {
	position: relative;
}
.about-title-box::before {
	border: 5px solid rgb(242, 242, 242); border-image: none; left: 60px; top: 0px; width: 250px; height: 120px; position: absolute; z-index: -1; content: "";
}
.about-title-box h2 {
	text-transform: uppercase; padding-top: 15px; font-size: 26px;
}
.about-title-box h2 span {
	color: rgb(7, 190, 202); font-size: 60px;
}
.mb20 {
	margin-bottom: 20px;
}
.about-image-box {
	width: 80%; float: right; position: relative;
}
.about-image-box::before {
	border: 10px solid rgb(242, 242, 242); transition:0.5s ease-in-out; border-image: none; left: -20%; width: 90%; height: 100%; bottom: -60px; position: absolute; z-index: -1; content: ""; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
}
.about-col:hover .about-image-box::before {
	background: rgba(7, 190, 202, 0.6); transition:0.5s ease-in-out; left: -15%; z-index: 1; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
}
.about-image-title {
	transition:0.5s ease-in-out; left: -10%; bottom: 30px; position: absolute; z-index: 2; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
}
.about-col:hover .about-image-title {
	transition:1s ease-in-out; bottom: 0px; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;
}
.about-image-title h3 {
	transition:0.5s ease-in-out; color: rgb(255, 255, 255); font-size: 18px; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
}
.about-col:hover .about-image-title h3 {
	transition:1s ease-in-out; opacity: 1; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;
}
.about-two-area {
	padding: 120px 0px 0px; -ms-overflow-x: hidden;
}
.about-col {
	margin-bottom: 30px;
}
.about-image {
	text-align: center; margin-bottom: 80px;
}
.about-title {
	padding: 0px 20px; margin-bottom: 25px; border-left-color: rgb(7, 190, 202); border-left-width: 10px; border-left-style: double; display: inline-block;
}
.about-title h2 {
	line-height: 42px; font-size: 42px;
}
.about-title h2 span {
	color: rgb(7, 190, 202);
}
.about-title p {
	color: rgb(140, 140, 140); text-transform: uppercase;
}
.notice-box {
	margin-top: 30px;
}
.about-three-area {
	padding: 120px 0px 0px;
}
.about-three-col {
	margin-bottom: 30px;
}
.about-three-col h3 {
	text-transform: uppercase; line-height: 1.2; font-size: 32px;
}
.about-three-col h3 span {
	color: rgb(7, 190, 202);
}
.about-three-col.title-box {
	background: url("http://elssm.com/home/common/base_9/images/img/bg/brick.png"); padding: 50px 20px;
}
.image-hover-box {
	overflow: hidden;
}
.image-hover-box figure {
	position: relative;
}
.image-hover-box figure::before {
	background: linear-gradient(to right, rgba(7, 190, 202, 0) 0%, rgba(7, 190, 202, 0.2) 100%); left: -75%; top: 0px; width: 50%; height: 100%; display: block; position: absolute; z-index: 2; content: ""; transform: skewX(-25deg); -webkit-transform: skewX(-25deg);
}
.image-hover-box figure:hover::before {
	animation:shine 1.5s; -webkit-animation: shine 1.5s;
}
.image-hover-box figure img {
	transition:0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;
}
.image-hover-box:hover figure img {
	transition:0.4s ease-in-out; transform: scale(1.05); -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transform: scale(1.05); -moz-transition: all 0.4s ease-in-out;
}
.separator-area {
	background: url("http://elssm.com/home/common/base_9/images/img/bg/1.jpg") no-repeat left / cover; padding: 120px 0px; overflow: hidden; position: relative;
}
.separator-area::before {
	background: rgb(60, 71, 103); top: 0px; width: 55%; height: 500px; right: 0px; margin-right: -50px; position: absolute; z-index: 0; content: ""; transform: skewX(-12deg); -webkit-transform: skewX(-12deg);
}
.separator-col {
	text-align: right; position: relative; z-index: 99;
}
.separator-col .mt-30 {
	margin-top: 30px;
}
.separator-col h2 {
	color: rgb(7, 190, 202);
}
.separator-col h4 {
	color: rgb(255, 255, 255); text-transform: lowercase; font-size: 22px; font-weight: normal;
}
.separator-col h4 span {
	
}
.mb0 {
	margin-bottom: 0px;
}
.service-section {
	padding: 120px 0px 90px;
}
.serviceBox {
	padding: 0px 15px; text-align: center; margin-bottom: 30px;
}
.serviceBox .service-icon {
	background: rgb(60, 71, 103); border: 1px solid rgb(60, 71, 103); transition:0.3s; border-image: none; width: 60px; height: 60px; color: rgb(255, 255, 255); line-height: 60px; font-size: 35px; margin-bottom: 20px; display: inline-block; position: relative;
}
.serviceBox:hover .service-icon {
	background: rgb(7, 190, 202); border-color: rgb(7, 190, 202); color: rgb(255, 255, 255);
}
.serviceBox .service-icon::after {
	padding: 5px; transition:0.2s; left: -5px; top: -5px; width: 100%; height: 100%; position: absolute; content: ""; box-sizing: content-box; opacity: 0; box-shadow: 0px 0px 0px 3px #07beca; transform: scale(1.2);
}
.serviceBox:hover .service-icon::after {
	opacity: 1; transform: scale(1);
}
.serviceBox .service-icon i {
	transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);
}
.serviceBox .title {
	margin: 0px 0px 15px; color: rgb(0, 0, 0); font-size: 22px;
}
.serviceBox .description {
	margin-bottom: 0px;
}
.service-two-area {
	padding: 120px 0px 90px;
}
.service-two-area .service-col {
	text-align: center; margin-bottom: 30px;
}
.service-two-area .service-content {
	background: rgb(245, 245, 245); padding: 30px 20px;
}
.service-two-area .service-col {
	overflow: hidden;
}
.service-two-area .service-col:hover figure::before {
	animation:shine 1.5s; -webkit-animation: shine 1.5s;
}
.service-two-area .service-col:hover figure img {
	transition:0.4s ease-in-out; transform: scale(1.05); -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transform: scale(1.05); -moz-transition: all 0.4s ease-in-out;
}
.counter-area {
	background: url("http://elssm.com/home/common/base_9/images/img/bg/brick.png"); padding: 120px 0px 90px; -ms-overflow-x: hidden;
}
.counter-area .counter-box {
	background: rgba(0, 0, 0, 0.5); padding: 30px 20px; text-align: center; color: rgb(17, 17, 17); margin-bottom: 30px; position: relative;
}
.counter-area .counter-box .numbar-counter {
	color: rgb(7, 190, 202); font-size: 36px; margin-bottom: 20px; position: relative; z-index: 2;
}
.counter-area .counter-box p {
	color: rgb(255, 255, 255); text-transform: uppercase; position: relative; z-index: 2;
}
.counter-area .counter-box i {
	left: 50%; width: 80px; height: 80px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 80px; font-size: 50px; margin-left: -40px; position: absolute; z-index: 0; opacity: 0.1;
}
.portfolio-area {
	padding: 120px 0px 90px;
}
.portfolio-nav {
	text-align: center; margin-bottom: 30px; float: none;
}
.filtr-container {
	
}
.portfolio-nav li {
	transition:0.5s ease-in-out; font-weight: bold; margin-right: 10px; margin-left: 10px; display: inline-block; cursor: pointer; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
}
.portfolio-nav li:hover {
	transition:0.5s ease-in-out; color: rgb(7, 190, 202); -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
}
.filtr-item {
	width: 33.25%;
}
.box {
	text-align: center; overflow: hidden; margin-bottom: 30px; position: relative;
}
.box img {
	transition:0.3s; width: 100%; height: auto; transform: scale3d(1, 1, 1);
}
.box:hover img {
	transform: scale3d(1.15, 1.15, 1);
}
.box .box-content {
	transition:0.3s; left: 0px; top: 0px; width: 100%; height: 100%; color: rgb(255, 255, 255); padding-top: 25%; position: absolute; z-index: 2; opacity: 0; background-color: rgba(0, 0, 0, 0.8);
}
.box:hover .box-content {
	opacity: 1;
}
.box .box-content::before {
	border: 1px solid rgba(255, 255, 255, 0.7); transition:0.6s 0.2s; border-image: none; left: 15px; top: 15px; right: 15px; bottom: 15px; position: absolute; z-index: -1; content: ""; opacity: 0; transform: scale(1.5);
}
.box .box-content::after {
	border: 1px solid rgba(255, 255, 255, 0.7); transition:0.6s 0.2s; border-image: none; left: 15px; top: 15px; right: 15px; bottom: 15px; position: absolute; z-index: -1; content: ""; opacity: 0; transform: scale(1.5);
}
.box .box-content::before {
	left: 30px; right: 30px; border-top-color: currentColor; border-bottom-color: currentColor; border-top-width: medium; border-bottom-width: medium; border-top-style: none; border-bottom-style: none;
}
.box .box-content::after {
	top: 30px; bottom: 30px; border-right-color: currentColor; border-left-color: currentColor; border-right-width: medium; border-left-width: medium; border-right-style: none; border-left-style: none;
}
.box:hover .box-content::before {
	opacity: 1; transform: scale(1);
}
.box:hover .box-content::after {
	opacity: 1; transform: scale(1);
}
.box .content-inner {
	transition:0.3s; opacity: 0; transform: scale(0);
}
.box:hover .content-inner {
	opacity: 1; transform: scale(1);
}
.box .title {
	margin: 0px 0px 20px; color: rgb(7, 190, 202); font-size: 16px;
}
.box .icon {
	list-style: none; margin: 0px; padding: 0px; z-index: 2;
}
.box .icon li {
	display: inline-block;
}
.box .icon li a {
	border: 1px solid rgb(255, 255, 255); transition:0.3s; border-image: none; width: 40px; height: 40px; color: rgb(255, 255, 255); line-height: 40px; font-size: 18px; margin-right: 5px; display: block; position: relative;
}
.box .icon li a:hover {
	color: rgb(0, 0, 0);
}
.box .icon li a::before {
	background: rgb(255, 255, 255); transition:0.3s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: -1; content: ""; transform: scale(0);
}
.box .icon li a:hover::before {
	transform: scale(1);
}
.portfolio-two-area {
	
}
.portfolio-two-area .filtr-item {
	width: 25%;
}
.portfolio-details {
	padding: 120px 0px 70px;
}
.details-col {
	margin-bottom: 50px;
}
.details-col ul li {
	margin-bottom: 20px;
}
.details-col ul li i {
	color: rgb(7, 190, 202); margin-right: 10px;
}
.details-col ul li strong {
	margin-right: 10px;
}
.details-col ul li a {
	color: rgb(17, 17, 17);
}
.details-col .description {
	background: rgb(243, 243, 243); padding: 50px 30px;
}
.callback-area {
	background: url("http://elssm.com/home/common/base_9/images/img/bg/2.jpg") no-repeat center / cover; padding: 120px 0px;
}
.callback-col h2 {
	color: rgb(241, 241, 241); text-transform: uppercase; line-height: 28px; font-size: 36px; position: relative;
}
.title-bdr {
	background: rgb(7, 190, 202); margin: 0px auto 50px; width: 60px; height: 2px;
}
.callback-col .form-control {
	background: rgba(255, 255, 255, 0.4); color: rgb(255, 255, 255);
}
.callback-col .btn {
	background: rgb(7, 190, 202); border-radius: 0px; border: currentColor; transition:0.3s ease-in-out; border-image: none; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
}
.callback-col .btn:hover {
	background: rgb(60, 71, 103); transition:0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
}
.callback-col select option {
	background: rgb(255, 255, 255); color: rgb(17, 17, 17);
}
.team-area {
	padding: 120px 0px; overflow: hidden;
}
.team-col {
	
}
.our-team {
	text-align: center; overflow: hidden; position: relative; z-index: 1;
}
.our-team::before {
	background: rgb(60, 71, 103); width: 130px; height: 150px; position: absolute; z-index: -1; content: "";
}
.our-team::after {
	background: rgb(60, 71, 103); width: 130px; height: 150px; position: absolute; z-index: -1; content: "";
}
.our-team::before {
	left: 0px; bottom: -20px;
}
.our-team::after {
	top: -20px; right: 0px;
}
.our-team .pic {
	margin: 3px; border: 1px solid rgb(7, 190, 202); transition:0.5s; border-image: none; position: relative;
}
.our-team:hover .pic {
	border-color: rgb(51, 52, 62);
}
.our-team .pic::after {
	background: rgb(60, 71, 103); transform-origin: 0% 0% 0px; transition:0.5s; left: 0px; top: 0px; width: 100%; height: 0px; position: absolute; content: ""; opacity: 0;
}
.our-team:hover .pic::after {
	height: 100%; opacity: 0.85;
}
.our-team img {
	width: 100%; height: auto;
}
.our-team .team-content {
	transition:0.5s; left: 0px; top: -50%; width: 100%; position: absolute; opacity: 0;
}
.our-team:hover .team-content {
	top: 38%; opacity: 1;
}
.our-team .team-content .details-link {
	color: rgb(255, 255, 255);
}
.our-team .title {
	margin: 0px 0px 5px; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 18px;
}
.our-team .post {
	color: rgb(255, 255, 255); text-transform: uppercase; line-height: 26px; font-size: 14px;
}
.our-team .social-group {
	list-style: none; margin: 20px 0px 5px; padding: 0px;
}
.our-team .social-group li {
	display: inline-block;
}
.our-team .social-group li a {
	margin: 0px 2px; border-radius: 50%; border: 1px solid rgb(255, 255, 255); transition:0.5s; border-image: none; width: 35px; height: 35px; color: rgb(255, 255, 255); line-height: 35px; font-size: 18px; display: inline-block;
}
.our-team .social-group li a:hover {
	background: rgb(255, 255, 255); color: rgb(7, 190, 202);
}
.team-col h3 {
	text-align: center; margin-top: 30px;
}
.team-col h3 a {
	color: rgb(60, 71, 103);
}
.team-col p {
	text-align: center;
}
.team-area .owl-theme .owl-nav {
	margin-top: 0px;
}
.team-area .owl-theme .owl-nav [class*=owl-] {
	background: rgb(60, 71, 103); padding: 0px 25px; border-radius: 0px; color: rgb(255, 255, 255); font-size: 20px;
}
.team-area .owl-carousel .owl-nav .owl-next {
	top: 35%; right: -15px; position: absolute;
}
.team-area .owl-carousel .owl-nav .owl-prev {
	left: -15px; top: 35%; position: absolute;
}
.testimonial-area {
	background: url("http://elssm.com/home/common/base_9/images/img/bg/pattern.png"); padding: 120px 0px 65px; overflow: hidden; position: relative;
}
.testimonial-area.overlay-white::before {
	background: rgba(255, 255, 255, 0.2);
}
.testimonial-area .section-title-col h2 span {
	color: rgb(255, 255, 255);
}
.testimonial-carousel {
	margin-bottom: 50px;
}
.testimonial-box {
	padding: 30px; border: 1px solid rgb(253, 245, 245); border-image: none; text-align: center; margin-bottom: 30px;
}
.testimonial-box .testimonial-img img {
	margin: 0px auto; width: 80px; height: 80px;
}
.testimonial-box h4 {
	color: rgb(17, 17, 17); font-weight: bold; margin-top: 20px; margin-bottom: 10px;
}
.testimonial-box span {
	letter-spacing: 1px; font-size: 14px; font-style: italic;
}
.testimonial-box p {
	margin-top: 10px;
}
.testimonial-area .owl-theme .owl-nav [class*=owl-] {
	background: rgb(60, 71, 103);
}
.testimonial-video {
	margin-bottom: 50px;
}
.video-img {
	position: relative;
}
.video-img img {
	width: 80%;
}
.video-overlay {
	background: rgba(60, 71, 103, 0.9); left: 30px; top: 30px; width: 80%; height: 100%; position: absolute;
}
.video-overlay a i {
	left: 50%; top: 50%; color: rgb(7, 190, 202); font-size: 80px; position: absolute; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}
.testimonial-two-section {
	background: url("http://elssm.com/home/common/base_9/images/img/bg/3.jpg") no-repeat center / cover; padding: 120px 0px;
}
.testimonial-two-section .section-title-col h2 {
	color: rgb(243, 243, 243);
}
.testimonial-two-section .section-title-col p {
	color: rgb(243, 243, 243);
}
.testimonial-section .default-title h2 {
	color: rgb(238, 238, 238);
}
.testimonial-section .default-title p {
	color: rgb(238, 238, 238);
}
.testimonial {
	margin: 0px; padding: 20px;
}
.testimonial .pic {
	width: 120px; height: 120px; margin-right: 40px; float: left; position: relative;
}
.testimonial .pic::before {
	width: 50%; height: 50%; display: block; position: absolute; content: "";
}
.testimonial .pic::after {
	width: 50%; height: 50%; display: block; position: absolute; content: "";
}
.testimonial .pic::before {
	left: -10%; bottom: -10%; border-bottom-color: rgb(7, 190, 202); border-left-color: rgb(7, 190, 202); border-bottom-width: 3px; border-left-width: 3px; border-bottom-style: solid; border-left-style: solid;
}
.testimonial .pic::after {
	top: -10%; right: -10%; border-top-color: rgb(7, 190, 202); border-right-color: rgb(7, 190, 202); border-top-width: 3px; border-right-width: 3px; border-top-style: solid; border-right-style: solid;
}
.testimonial .pic img {
	width: 100%; height: auto;
}
.testimonial .testimonial-content {
	display: table; position: relative;
}
.testimonial .testimonial-content::before {
	left: 0px; top: 0px; color: rgb(216, 218, 214); font-family: fontawesome; font-size: 60px; position: absolute; z-index: -1; content: "\f10d"; opacity: 0.1;
}
.testimonial .testimonial-title {
	color: rgb(7, 190, 202); font-size: 24px;
}
.testimonial .post {
	color: rgb(153, 153, 153); padding-left: 5px; font-size: 14px; margin-left: 5px; border-left-color: rgba(0, 0, 0, 0.1); border-left-width: 1px; border-left-style: solid;
}
.testimonial .description {
	color: rgb(221, 221, 221); font-style: italic; margin-top: 12px;
}
.testimonial-two-section .owl-theme .owl-controls .owl-page.active span {
	background-color: rgb(7, 190, 202);
}
.testimonial-two-section .owl-theme .owl-controls.clickable .owl-page:hover span {
	background-color: rgb(7, 190, 202);
}
.testimonial-two-section .owl-theme .owl-dots .owl-dot.active span {
	background: rgb(7, 190, 202);
}
.testimonial-two-section .owl-theme .owl-dots .owl-dot:hover span {
	background: rgb(7, 190, 202);
}
.blog-area {
	padding: 120px 0px 90px; overflow: hidden;
}
.post-box {
	margin-bottom: 30px;
}
.post-box .post-img {
	margin-bottom: 20px; position: relative;
}
.post-box .post-img img {
	width: 100%; height: auto;
}
.post-box .post-bar {
	list-style: none; margin: 0px; padding: 0px; text-transform: uppercase;
}
.post-box .post-bar li {
	color: rgb(103, 103, 103); font-size: 15px; margin-right: 5px; display: inline-block;
}
.post-box .post-bar li::after {
	margin-left: 5px; content: "/";
}
.post-box .post-bar li:last-child::after {
	content: "";
}
.post-box .post-bar li a {
	transition:0.3s; color: rgb(51, 51, 51); text-transform: uppercase; font-weight: bold;
}
.post-box .post-bar li a:hover {
	color: rgb(51, 51, 51); text-decoration: none;
}
.post-box .post-bar li a::after {
	margin: 0px 5px; content: ",";
}
.post-box .post-bar li a:last-child::after {
	content: "";
}
.post-box .post-title {
	margin: 15px 0px;
}
.post-box .post-title a {
	transition:300ms linear; color: rgb(45, 45, 45); text-transform: uppercase; font-size: 24px;
}
.post-box .post-title a:hover {
	color: rgb(7, 190, 202); text-decoration: none;
}
.post-box .post-description {
	color: rgb(51, 51, 51); padding-bottom: 15px;
}
.post-box .read-more {
	display: inline-block;
}
.post-box .read-more:hover {
	text-decoration: none;
}
.post-box .read-more i {
	transition:0.4s linear; color: rgb(51, 51, 51); font-size: 19px; margin-left: 5px;
}
.post-box .read-more span {
	transition:0.4s linear; color: rgb(51, 51, 51); text-transform: uppercase; font-size: 16px;
}
.post-box {
	overflow: hidden;
}
.post-box:hover figure::before {
	animation:shine 1.5s; -webkit-animation: shine 1.5s;
}
.post-box:hover figure img {
	transition:0.4s ease-in-out; transform: scale(1.05); -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transform: scale(1.05); -moz-transition: all 0.4s ease-in-out;
}
.blog-item {
	background: rgb(245, 245, 245); padding: 30px 20px; margin-bottom: 30px; position: relative; z-index: 1;
}
.blog-item ul {
	color: rgb(7, 190, 202);
}
.blog-item ul li {
	margin-right: 5px; display: inline-block;
}
.blog-item ul li a {
	color: rgb(51, 51, 51);
}
.blog-item ul li a:hover {
	color: rgb(7, 190, 202);
}
.blog-item h3 {
	letter-spacing: 0.5px; font-size: 24px; margin-top: 10px;
}
.blog-item h3 a {
	color: rgb(45, 45, 45); text-transform: uppercase;
}
.blog-item p {
	color: rgb(51, 51, 51);
}
.blog-item a {
	color: rgb(7, 190, 202);
}
.blog-single-sec {
	padding: 120px 0px 90px; text-align: left;
}
.blog-single-sec .blog-box {
	background: none;
}
.blog-single-sec .blog-date {
	background: rgb(243, 243, 243); padding: 10px 20px; margin-bottom: 30px;
}
.blog-single-sec .blog-date ul li {
	margin-right: 20px; display: inline-block;
}
.blog-single-sec .blog-date ul li i {
	color: rgb(7, 190, 202); margin-right: 5px;
}
.blog-single-sec .blog-date ul li a {
	color: rgb(17, 17, 17);
}
.blog-single-sec .blog-content p {
	margin-bottom: 0px;
}
.highlight-text {
	background: rgb(245, 245, 245); padding: 30px; margin-top: 30px; margin-bottom: 30px;
}
.highlight-text p {
	color: rgb(45, 45, 45); font-weight: bold; margin-bottom: 0px;
}
.comment-row {
	margin-bottom: 60px;
}
.comment-row h3 {
	margin-top: 20px; margin-bottom: 50px;
}
.comment-row h3 a {
	color: rgb(17, 17, 17); font-size: 18px;
}
.comment-item {
	padding-left: 100px; margin-bottom: 50px; position: relative;
}
.comment-item img {
	border-radius: 50%; left: 0px; top: 0px; width: 80px; height: 80px; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
}
.comment-item h5 {
	font-size: 18px; margin-bottom: 10px;
}
.comment-item a i {
	color: rgb(7, 190, 202);
}
.form-area .hvr-bounce-to-right {
	margin-top: 0px; margin-bottom: 0px;
}
.middel-item {
	margin-left: 50px;
}
.form-area .btn {
	margin-bottom: 30px;
}
.sidebar {
	margin-bottom: 30px;
}
.sedebar-title {
	color: rgb(60, 71, 103); padding-bottom: 10px; font-size: 26px; margin-bottom: 30px; border-bottom-color: rgb(230, 230, 230); border-bottom-width: 1px; border-bottom-style: solid;
}
.sidebar-search {
	margin-bottom: 50px;
}
.sidebar-search .form-control {
	background: rgb(230, 230, 230); border: currentColor; border-image: none; height: 50px; color: rgb(102, 102, 102); text-transform: uppercase; font-size: 14px; box-shadow: none;
}
.sidebar-search .input-group-btn .btn {
	background: rgb(7, 190, 202); border-radius: 0px; width: 60px; height: 50px;
}
.sidebar-search .input-group-btn .btn i {
	color: rgb(255, 255, 255); font-size: 28px;
}
.sidebar-search .input-group-btn .btn:hover {
	background: rgb(17, 17, 17);
}
.categories {
	margin-bottom: 50px;
}
.categories ul li {
	transition:0.3s ease-in-out; padding-bottom: 10px; margin-bottom: 10px; border-bottom-color: rgb(230, 230, 230); border-bottom-width: 1px; border-bottom-style: solid; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
}
.categories ul li:last-child {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.categories ul li:hover {
	border-color: rgb(7, 190, 202); transition:0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
}
.categories ul li a {
	transition:0.3s ease-in-out; color: rgb(103, 103, 103); text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
}
.categories ul li:hover a {
	transition:0.3s ease-in-out; color: rgb(7, 190, 202); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
}
.categories ul li:hover span {
	transition:0.3s ease-in-out; color: rgb(7, 190, 202); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
}
.latest-news {
	margin-bottom: 50px;
}
.latest-news ul li {
	padding-bottom: 20px; margin-bottom: 20px; border-bottom-color: rgb(230, 230, 230); border-bottom-width: 1px; border-bottom-style: solid;
}
.latest-news ul li:last-child {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.news-item {
	padding-left: 100px; position: relative; min-height: 80px;
}
.news-item p {
	
}
.news-item img {
	left: 0px; top: 0px; width: 80px; height: 80px; position: absolute;
}
.news-item h4 {
	margin-bottom: 5px;
}
.news-item h4 a {
	color: rgb(7, 190, 202); font-size: 14px;
}
.sidebar-tags {
	margin-bottom: 50px;
}
.sidebar-tags ul li {
	display: inline-block;
}
.sidebar-tags a {
	background: none; padding: 10px 18px; border: 1px solid rgb(230, 230, 230); transition:0.3s ease-in-out; border-image: none; color: rgb(103, 103, 103); text-transform: uppercase; margin-right: 10px; margin-bottom: 10px; display: inline-block; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
}
.sidebar-tags a:hover {
	background: rgb(7, 190, 202); border-color: rgb(7, 190, 202); transition:0.3s ease-in-out; color: rgb(255, 255, 255); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
}
.preview {
	margin-bottom: 50px;
}
.newsletter-area {
	background: url("http://elssm.com/home/common/base_9/images/img/bg/pattern.png"); padding: 60px 0px 30px; position: relative;
}
.newsletter-col {
	margin-bottom: 30px;
}
.newsletter-col form {
	background: rgb(7, 190, 202); padding: 15px;
}
.newsletter-col h3 {
	text-transform: uppercase; margin-bottom: 30px;
}
.newsletter-col .form-control {
	height: 45px;
}
.newsletter-col .btn {
	background: rgb(60, 71, 103); border-radius: 0px; height: 45px; color: rgb(255, 255, 255); padding-right: 20px; padding-left: 20px;
}
.client-col {
	margin-bottom: 30px;
}
.client-col h3 {
	margin-bottom: 30px;
}
#inner-title-bar {
	background: url("http://elssm.com/home/common/base_9/images/img/bg/2.jpg") no-repeat center / cover; padding: 120px 0px; position: relative;
}
#inner-title-bar::before {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 0; content: "";
}
#inner-title-bar .inner-title-bar-box {
	background: rgb(60, 71, 103); padding: 50px 20px; border: 5px solid rgba(0, 0, 0, 0.2); border-image: none;
}
#inner-title-bar .inner-title-bar-box h2 {
	color: rgb(7, 190, 202); text-transform: uppercase; font-size: 42px;
}
#inner-title-bar .inner-title-bar-box p {
	color: rgb(255, 255, 255); text-transform: capitalize; font-size: 14px;
}
#inner-title-bar .inner-title-bar-box p a {
	color: rgb(255, 255, 255);
}
#inner-title-bar .inner-title-bar-box p a:hover {
	color: rgb(7, 190, 202);
}
.pricing-area {
	padding: 120px 0px 90px;
}
.pricingTable {
	background: rgb(245, 245, 245); padding: 30px 0px 40px; text-align: center; margin-bottom: 30px;
}
.pricingTable .pricingTable-header {
	color: rgb(51, 51, 51);
}
.pricingTable .icon {
	font-size: 50px; display: block;
}
.pricingTable .title {
	font-size: 22px; margin-bottom: 10px;
}
.pricingTable .price-value {
	background: rgb(238, 238, 238); margin: 23px -10px 30px; padding: 30px 20px; transition:0.3s ease-in-out; color: rgb(51, 51, 51); position: relative;
}
.pricingTable:hover .price-value {
	background: rgb(7, 190, 202); color: rgb(255, 255, 255);
}
.pricingTable .price-value::before {
	border-width: 13px 5px 11px; border-style: solid; border-color: transparent rgb(226, 226, 226) rgb(226, 226, 226) transparent; transition:0.3s ease-in-out; left: 0px; top: -24px; width: 10px; height: 15px; display: block; position: absolute; content: "";
}
.pricingTable .price-value::after {
	border-width: 13px 5px 11px; border-style: solid; border-color: transparent rgb(226, 226, 226) rgb(226, 226, 226) transparent; transition:0.3s ease-in-out; left: 0px; top: -24px; width: 10px; height: 15px; display: block; position: absolute; content: "";
}
.pricingTable .price-value::after {
	border-width: 11px 5px; border-color: transparent transparent rgb(226, 226, 226) rgb(226, 226, 226); left: auto; top: -22px; right: 0px;
}
.pricingTable:hover .price-value::before {
	border-color: transparent rgb(43, 149, 156) rgb(43, 149, 156) transparent;
}
.pricingTable:hover .price-value::after {
	border-color: transparent transparent rgb(43, 149, 156) rgb(43, 149, 156);
}
.pricingTable .amount {
	font-size: 50px; display: inline-block; position: relative;
}
.pricingTable .currency {
	top: 13px; right: 60px; font-size: 25px; position: absolute;
}
.pricingTable .month {
	top: 32px; right: -65px; font-size: 20px; position: absolute;
}
.pricingTable .pricing-content {
	list-style: none; margin: 0px 0px 40px; padding: 0px;
}
.pricingTable .pricing-content li {
	line-height: 40px; font-size: 14px;
}
.pricingTable .pricingTable-signup {
	padding: 10px 0px; transition:0.5s; color: rgb(133, 133, 133); text-transform: uppercase; font-size: 15px; font-weight: 600; border-top-color: rgb(224, 220, 220); border-bottom-color: rgb(224, 220, 220); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; display: block;
}
.pricingTable:hover .pricingTable-signup {
	background: rgb(7, 190, 202); color: rgb(255, 255, 255); border-top-color: rgb(7, 190, 202); border-bottom-color: rgb(7, 190, 202); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.account-area {
	padding: 120px 0px;
}
.tab {
	background: rgb(60, 71, 103); padding: 70px 50px 25px; margin-top: 40px; position: relative;
}
.tab::before {
	background: rgb(7, 190, 202); margin: 0px auto; border-radius: 50%; border: 5px solid rgb(255, 255, 255); border-image: none; left: 0px; top: -50px; width: 100px; height: 100px; text-align: center; right: 0px; color: rgb(255, 255, 255); line-height: 100px; font-family: fontawesome; font-size: 40px; position: absolute; content: "\f007";
}
.tab .nav-tabs {
	padding: 0px 20px 15px; position: relative;
}
.tab .nav-tabs li a {
	background: none; margin: 0px; padding: 0px 20px; border-radius: 0px; border: currentColor; transition:0.5s; border-image: none; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 18px; position: relative; opacity: 0.5;
}
.tab .nav-tabs li a:hover {
	border: currentColor; border-image: none;
}
.tab .nav-tabs li a::before {
	background: rgb(255, 255, 255); left: 0px; width: 0px; height: 3px; bottom: -16px; position: absolute; content: "";
}
.tab .nav-tabs li.active a {
	background: none; border: currentColor; border-image: none; color: rgb(255, 255, 255); opacity: 1;
}
.tab .nav-tabs li.active a:focus {
	background: none; border: currentColor; border-image: none; color: rgb(255, 255, 255); opacity: 1;
}
.tab .nav-tabs li.active a:hover {
	background: none; border: currentColor; border-image: none; color: rgb(255, 255, 255); opacity: 1;
}
.tab .nav-tabs li.active a::before {
	width: 100%;
}
.tab .nav-tabs li.active a:hover::before {
	width: 100%;
}
.tab .tab-content {
	background: none; padding: 20px 0px 0px; margin-top: 15px; position: relative;
}
.form-horizontal .form-group {
	margin-bottom: 0px; position: relative;
}
.form-horizontal .form-control {
	background: rgba(255, 255, 255, 0.2); padding: 0px 10px; border-radius: 0px; border: currentColor; transition:0.3s; border-image: none; height: 45px; color: rgb(255, 255, 255); font-size: 14px; font-weight: bold; box-shadow: none;
}
.form-horizontal .form-control:focus {
	outline: 0px; box-shadow: none;
}
.form-horizontal .form-group label {
	color: rgb(173, 173, 173); text-transform: uppercase; margin-bottom: 5px;
}
.form-horizontal .btn {
	background: rgb(7, 190, 202); margin: 20px auto 0px; padding: 10px 20px; border-radius: 0px; border: currentColor; border-image: none; width: 50%; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 14px; font-weight: bold; display: inline-block;
}
.form-horizontal .btn:focus {
	background: rgb(7, 190, 202); color: rgb(255, 255, 255); box-shadow: none;
}
.form-horizontal .forgot-pass {
	margin: 0px; text-align: center;
}
.form-horizontal .forgot-pass a {
	margin: 10px 0px 0px; padding: 10px 20px; transition:0.3s; color: rgb(173, 173, 173); text-transform: uppercase; font-size: 14px; font-weight: bold; border-bottom-color: rgb(97, 95, 108); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block;
}
.form-horizontal .forgot-pass a:hover {
	color: rgb(7, 190, 202);
}
.faq-area {
	padding: 120px 0px 90px;
}
.faq-col {
	margin-bottom: 30px;
}
#accordion .panel {
	margin: 0px 30px 10px; border-radius: 0px; border: currentColor; border-image: none; overflow: hidden; position: relative; box-shadow: none;
}
#accordion .panel-heading {
	padding: 0px; border-radius: 0px; border: currentColor; border-image: none; position: relative;
}
#accordion .panel-title a {
	background: rgb(7, 190, 202); margin: 0px; padding: 15px 20px; border-radius: 0px; color: rgb(255, 255, 255); letter-spacing: 1px; font-size: 16px; display: block; position: relative;
}
#accordion .panel-title a.collapsed {
	background: rgb(60, 71, 103);
}
#accordion .panel-title a::before {
	background: rgb(7, 190, 202); border-radius: 50%; border: 3px solid rgb(255, 255, 255); border-image: none; top: 10px; width: 30px; height: 30px; text-align: center; right: 14px; color: rgb(255, 255, 255); line-height: 25px; font-family: fontawesome; font-size: 14px; font-weight: normal; position: absolute; content: "\f068";
}
#accordion .panel-title a.collapsed::before {
	background: rgb(7, 190, 202); border-radius: 50%; border: 3px solid rgb(255, 255, 255); border-image: none; top: 10px; width: 30px; height: 30px; text-align: center; right: 14px; color: rgb(255, 255, 255); line-height: 25px; font-family: fontawesome; font-size: 14px; font-weight: normal; position: absolute; content: "\f068";
}
#accordion .panel-title a.collapsed::before {
	background: rgb(171, 171, 171); border: 4px solid rgb(98, 98, 98); border-image: none; content: "\f067";
}
#accordion .panel-title a::after {
	background: rgb(255, 255, 255); top: 22px; width: 17px; height: 7px; right: 0px; position: absolute; content: "";
}
#accordion .panel-title a.collapsed::after {
	background: rgb(255, 255, 255); top: 22px; width: 17px; height: 7px; right: 0px; position: absolute; content: "";
}
#accordion .panel-title a.collapsed::after {
	background: rgb(171, 171, 171); width: 19px;
}
#accordion .panel-body {
	background: rgb(255, 255, 255); color: rgb(28, 35, 54); line-height: 27px; font-size: 15px; border-top-color: currentColor; border-left-color: rgb(7, 190, 202); border-top-width: medium; border-left-width: 3px; border-top-style: none; border-left-style: solid; position: relative;
}
#accordion .panel-body::before {
	background: rgb(7, 190, 202); left: 0px; width: 50%; height: 3px; bottom: 0px; position: absolute; content: "";
}
.error-section {
	padding: 50px 0px;
}
.error-col {
	text-align: center;
}
.error-col h1 {
	color: rgb(7, 190, 202); line-height: 1.1; letter-spacing: 8px; font-size: 80px; font-style: italic;
}
.error-col h3 {
	font-size: 16px; margin-bottom: 20px;
}
.error-col img {
	margin: auto auto 30px; width: 90%; display: block;
}
.error-col a {
	padding: 8px 20px; color: rgb(7, 190, 202); font-size: 30px;
}
.error-col a:hover {
	background: rgb(7, 190, 202); color: rgb(255, 255, 255);
}
.contact-area {
	padding: 120px 0px 90px; overflow: hidden;
}
.contact-sec.section-default {
	
}
.contact-title {
	position: relative;
}
.contact-title h2 {
	line-height: 1.1; font-size: 36px; margin-bottom: 40px; position: relative;
}
.contact-title h2::after {
	background: rgb(29, 29, 29); left: 0px; width: 30px; height: 2px; bottom: -5px; position: absolute; content: "";
}
.contact-title p {
	margin-bottom: 30px;
}
.contact-info-box {
	margin-bottom: 60px;
}
.info-box {
	background: rgb(60, 71, 103); padding: 30px; text-align: center; position: relative;
}
.info-box p {
	color: rgb(221, 221, 221);
}
.info-box i {
	text-align: center; color: rgb(221, 221, 221); font-size: 35px; margin-bottom: 20px;
}
.contact-sec form {
	padding-bottom: 0px;
}
.contact-sec form .form-control {
	background: none; border-width: medium medium 1px; border-style: none none solid; border-color: currentColor currentColor rgb(221, 221, 221); border-radius: 0px; border-image: none; height: 45px; color: rgb(103, 103, 103); padding-left: 0px;
}
.contact-sec form .textarea-hight-full {
	height: 100%;
}
.main-footer {
	background: url("http://elssm.com/home/common/base_9/images/img/bg/footer.jpg") no-repeat center / cover; padding: 120px 0px 70px;
}
.main-footer.overlay-black::before {
	background: rgba(0, 0, 0, 0.7);
}
.main-footer .col-default {
	margin-bottom: 50px;
}
.main-footer .footer-logo img {
	width: 180px; height: auto; margin-bottom: 20px;
}
.about-info {
	margin-top: 20px;
}
.about-info li {
	padding: 0px 0px 0px 30px; margin-bottom: 10px; position: relative;
}
.about-info li i {
	left: 0px; top: 5px; color: rgb(7, 190, 202); font-size: 14px; position: absolute; z-index: 0;
}
.main-footer h4 {
	color: rgb(255, 255, 255); letter-spacing: 1px; font-size: 24px;
}
.main-footer .heading-under-line {
	margin: 0px 0px 40px; width: 40px; height: 2px; position: relative; background-color: rgb(7, 190, 202);
}
.footer-about-col p {
	color: rgb(241, 241, 241);
}
.footer-post-col {
	margin-bottom: 50px;
}
.footer-post-col ul li {
	padding-left: 80px; margin-bottom: 20px; position: relative; min-height: 60px;
}
.footer-post-col ul li:last-child {
	margin-bottom: 0px;
}
.footer-post-col ul li img {
	left: 0px; top: 0px; width: 60px; height: auto; position: absolute; z-index: 0;
}
.footer-post-col ul li p {
	line-height: 1.3; letter-spacing: 1px; font-weight: normal; margin-bottom: 0px;
}
.footer-post-col ul li p a {
	color: rgb(241, 241, 241);
}
.footer-post-col ul li p .time {
	color: rgb(7, 190, 202);
}
.footer-post-col ul li p a:hover {
	color: rgb(7, 190, 202);
}
.footer-link-col ul li {
	padding-bottom: 10px; margin-bottom: 10px; border-bottom-color: rgb(62, 62, 62); border-bottom-width: 1px; border-bottom-style: solid;
}
.footer-link-col ul li:last-child {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.footer-link-col ul li a {
	color: rgb(241, 241, 241); text-transform: uppercase;
}
.footer-link-col ul li a:hover {
	color: rgb(241, 241, 241);
}
.quick-contact {
	
}
.copyright {
	padding: 15px; position: relative; background-color: rgb(10, 10, 10);
}
.copyright-col p {
	color: rgb(132, 132, 132);
}
.copyright p a {
	color: rgb(7, 190, 202);
}
.social {
	margin-top: 20px;
}
.social li {
	margin-right: 5px; display: inline-block;
}
.social li i {
	background: rgb(255, 255, 255); border-radius: 50%; width: 35px; height: 35px; text-align: center; color: rgb(7, 190, 202); line-height: 36px; font-size: 18px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
}
.social i:hover {
	background: rgb(7, 190, 202); color: rgb(255, 255, 255);
}