@charset "UTF-8";
/*-----------------------------------------------------------

  Author: Pix Works Studio
  Author URI: http://www.pixworksstudio.com

-------------------------------------------------------------*/
/* -------------------------------------------------------
                     mixins
-------------------------------------------------------- */
.text-light{
	color: rgba(255,255,255,1) !important
}

.effect-ajax{
	max-width: 700px
}

.effect-ajax.smj-blog-image{
	max-width: 100%
}

.simajji-header-con{
	background: rgba(0,0,0,1) !important;
}

.dsn-slider .footer-slid .main-social .social-network li i {
  color: #fff !important;
}

.v-light .one-title .title-sub-container .title-sub:before {
    background-color: rgba(31,204,31,1);
}
.simajji-gt{
    color: rgba(31,204,31,1);
}

.dsn-nav-bar.nav-bg > .header-top > .header-container, .dsn-nav-bar.nav-bg .site-header {
    background-color: rgba(31,204,31,1);
}

.header-top .header-container.simajji-header-con{
	background: rgba(31,204,31,1) !important;
}

.v-light .link-custom a:before {
    background-color: rgba(31,204,31,1);
}

.nav:after, .nav-content:after {
    background: rgba(31,204,31,1);
}

.preloader .preloader-block .title {
    /*color: rgba(31,204,31,1);*/
}

.preloader .preloader-bar .preloader-progress {
    background: rgba(31,204,31,1);
}

.box-seat.simajji-box-seat .pro-text p {
    margin-left: 0;
    margin-top: 30px;
}

.v-light .brand-client .wapper-client .logo-box .info .content.open-link {
    background: rgba(255,255,255,0);
}


.brand-client .wapper-client .logo-box .info .content.open-link .entry {
  padding: 10%;
  position: absolute;
  left: -100%;
  opacity: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  vertical-align: middle;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.brand-client .wapper-client .logo-box .info .content.open-link .entry div {
  width: 100%;
}

.brand-client .wapper-client .logo-box .info .content.open-link .entry div h5 {
  margin-bottom: 20px;
}

.brand-client .wapper-client .logo-box .info .conten.open-linkt .entry div a {
  letter-spacing: 2px;
  font-weight: 600;
}

.brand-client .wapper-client .logo-box .info:hover .content.open-link {
  width: 100%;
  height: 100%;
  border-radius: 0;
	background: rgba(255,255,255,1);
}


.brand-client .wapper-client .logo-box .info:hover .content.open-link .entry {
  left: 0;
  top: 0;
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.col-address p{
	text-transform: capitalize;
	letter-spacing: 2px;
}

.v-light .header-hero.header-hero-2.simajji-inner-header {
    background-color: rgba(31,204,31,1);
}

.v-light .header-hero.header-hero-2.simajji-inner-header-img {
	background: url("../img/simajji/inner-header-bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.v-light .header-hero.header-hero-2.simajji-inner-header .contenet-hero h1, .v-light .header-hero.header-hero-2.simajji-inner-header .contenet-hero, .v-light .header-hero.header-hero-2.simajji-inner-header .contenet-hero a{
	color: rgba(255,255,255,1)
}

.simajji-list{
	list-style: none;
}

.simajji-list li{
	position: relative;
	margin-left: 25px;
	margin-bottom: 10px;
}

.simajji-list li:before{
	width: 5px;
	height: 5px;
	content: '';
	position: absolute;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(31,204,31,1);
	border-radius: 50%;
}

.customer-see .slick-dots {
  margin: auto;
  text-align: center;
  margin-top: 15px;
}

.customer-see .slick-dots li {
  position: relative;
  display: inline-block;
  height: 2px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  opacity: 0.5;
}

.customer-see .slick-dots li.slick-active {
  height: 2px;
  opacity: 1;
}

.customer-see .slick-dots li.slick-active button {
  -webkit-transform: scaleX(1.5);
  -ms-transform: scaleX(1.5);
  transform: scaleX(1.5);
}

.customer-see .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 2px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: #fff;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.v-light .customer-see .slick-dots li button {
  background: #000;
}

.proccess-v{
	display: none;
}

.process-container{
	width: 100%;
	display: block;
	position: relative;
	padding: 52px 0;
}

.process-wrap{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	padding-left: 1.35%;
    padding-right: 1.35%;
	display: flex;
}

.process-wrap .process-item{
	text-align: center;
	width: 14.28571%;
	height: 100%;
	display: flex;
	align-items: flex-end;
}

.process-wrap .process-item:nth-child(odd){
	align-items: flex-start;
}

.process-item span{
	display: block;
	text-align: center;
	width: 100%;
	font-weight: 700;
}

.process-wrap .process-item:nth-child(1) span{
	color: #14908e
}

.process-wrap .process-item:nth-child(2) span{
	color: #09768d
}

.process-wrap .process-item:nth-child(3) span{
	color: #0e548f
}

.process-wrap .process-item:nth-child(4) span{
	color: #383085
}

.process-wrap .process-item:nth-child(5) span{
	color: #5d3e8e
}

.process-wrap .process-item:nth-child(6) span{
	color: #85378b
}

.process-wrap .process-item:nth-child(7) span{
	color: #b8478f
}

.hosting-item{
	background:rgba(255,255,255,1);
	padding: 30px;
	box-shadow: 0 5px 10px rgba(0,0,0,.5);
	margin-bottom: 20px;
	min-height: 300px;
	display: flex;
	align-items: center
}

.hosting-item-wrap h3{
	font-size: 1.2em;
	margin-bottom: 15px;
}

.hosting-item-wrap img{
	width: 20%;
	margin-bottom: 20px
}

.server-img{
	position: absolute;
	bottom: 2%;
	left: -50%;
	width: auto;
}

.web-box{
	height: 65vh !important
}

.listing-content{
	list-style: none;
}

.listing-content li{
	
	margin-bottom: 20px;
	margin-left: 35px;
}

.listing-content li i{
	margin-left: -25px;
    margin-right: 10px;
}

.bottom-link.smj-botton-link{
	display: block;
	width: 100%;
	position: relative;
	padding: 5px 0;
}

.bottom-link.smj-botton-link span{
	height: 1px;
	background-color: #333333;
	width: 100%;
	position: absolute;
}

.bottom-link.smj-botton-link span:nth-child(1){
	top: 0;
}

.bottom-link.smj-botton-link span:nth-child(2){
	bottom: 0;
}

.box-gallery-vertical.h-60 [data-dsn-grid="moveUp"] {
    height: 60vh;
}

.box-gallery-vertical.h-80 [data-dsn-grid="moveUp"] {
    height: 80vh;
}

.title-text-header-inner.sj-break span{
	line-height: 5rem !important
}

.about-thum-01{
	position: absolute;
	left: 2.5%;
	top: 10%;
	z-index: 1;
	width: auto;
	max-width: 170%;
	min-width: 170%;
	background-image: url(../../assets/img/simajji/about-01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 345px;
}


.zindex-9{
	z-index: 9
}

.policy-container p{
	margin-bottom: 15px;
}

.space-10{
	display: block;
	width: 100%;
	padding: 20px 0;
}

.gallery-con > a{
	width: 25%;
	float: left;
	padding: 1px;
}

.gallery-con > a img{
	width: 100%;
}

@media (min-width: 991px) {
}

@media only screen and (max-width: 400px) {
	.headefr-fexid .project-title .title-text-header .title-text-header-inner span {
		font-size: 32px;
		line-height: 3rem !important
	}
	
}

@media only screen and (max-width: 575px) {
	.header-top.header-top-hamburger .header-container{
		background: rgba(0,0,0,1)
	}
	
	.proccess-h{
		display: none;
	}
	
	.proccess-v{
		width: 41%;
		display: block !important;
	}
	
	.process-container{
		padding: 0;
	}
	
	.process-wrap{
		display: block;
	}
	
	.process-wrap .process-item{
		text-align: center;
		margin-left: 45%;
		width: 55%;
		height: 14.28571%;
		display: flex;
		align-items: center;
	}

	.process-wrap .process-item:nth-child(odd){
		align-items: center;
	}
	
	.process-item span{
		font-size: 1.5rem;
	}
	
	.server-img{
		position: relative;
		bottom: auto;
		left: auto;
		width: 100%;
		margin-bottom: 25px;
	}
	
	.about-thum-01{
		position: relative;
		left: 0;
		top: 5%;
		z-index: 1;
		max-width: 100%;
		min-width: 100%;
		min-height: 220px;
	}

}

@media only screen and (max-width: 767px) {
}

@media screen and (min-width: 783px) {
}

@media only screen and (max-width: 991px) {
}