#page{
	
	margin-top:120px;
	padding:20px 0;
	text-align:right;
	min-height:700px;
}

.box-hosting-features{
	margin-top:40px;
}


.box-hosting-features i{
	font-size:80px;
	text-align:center;
	color: #537dbf;
	
}


.title-box-hosting {
	margin:50px 0;
}

.title-box-hosting h4{
	color: #e14c3c;
}


#boxplan{
	margin-bottom:60px;
}

.box-hosting ul{
    border: solid 1px #e4e1e1;
    border-radius: 18px;
	background: #fff;
	-webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	}
	
	
.box-hosting ul:hover
{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);

}
	

.box-hosting ul li{
    display: block;
    border-bottom: dotted  1px #eae9e9;
    text-align: center;
    padding: 5px 0;
}

.box-hosting ul li:first-child{
	font-size:18px;
	color: #4070b7;

}

.box-hosting ul li:nth-child(2) {
	    color: #4070b7;
}

.box-hosting ul li:nth-child(9){
	border:none;

}

.box-hosting  #ss { 
	-webkit-transform: scale(1.1);
  	-moz-transform: scale(1.1);
  	-o-transform: scale(1.11);
	background-color:#537dbf;
	color:#fff;
	cursor:pointer;
	z-index:99;
	border: none;
}

.box-hosting  #ss li{
	color:#fff;
}



.box-hosting ul:hover { 
	background-color:#eae9e9;
	color:#000;
	cursor:pointer;
}

#boxplan .box-hosting ul:hover .btn-lg{ 
background:#212529;
}


#boxplan .box-hosting ul .btn-lg{
	font-size:16px;
	padding:5px 20px;
	background:#4070b7;
	color:#fff;
	border:none;
}

.box-features{
    background-color: #fff;
    padding: 10px 0;
    margin-bottom:25px;
	min-height:200px;
}

.box-features i{
	font-size:60px;
	color:#67c4ff;
}


.box-page-title{
padding:20px 0;
color:#fff;
}


	
.box-page-title h2{
	margin-top:90px;
	text-align:right;
}

.box-page-title p{
	text-align:right;
}

#bg-hosting{
background: #537dbf;
}

#bg-hosting img{
	margin-top:10px;
}

#bg-design{
background: #74aa42;
}

#bg-design img{
	margin-top:60px;
}

#bg-marketing{
background: #f5bc0d;
}

#bg-marketing img{
	margin-top:60px;
}


#bg-development{
background: #e14c3c;
}


#design .services{
	padding:60px 0;
}


#design .box-service {
    background-color: #fff;
    padding:40px 15px;
    box-shadow: 0 0 11px 2px rgba(0,0,0,.1);
	text-align:center;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	min-height:360px;
	margin-bottom:20px;
}


#design .box-service:hover
{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);

}

#design .box-service img {
    width:80px;
    margin-bottom: 15px;
}

#design .box-service p{
	color:#bbb;
}



#design .stages {
    margin-top: 30px;
    padding-top: 30px;
    position: relative;
}

#design .stages:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    width: 2px;
    height: 100%;
    background-color: #eee;
}


#design .stage{
margin-bottom: 90px;	
}

#design .media {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}


#design .number {
    width: 60px;
    height: 60px;
    line-height: 54px;
    text-align: center;
    margin-left: 3rem;
    border: 2px solid #eee;
    border-radius: 50%;
    background-color: #fff;
    color: #8dc54a;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 24px;
    z-index: 2;
}


#design .media-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}
#design .media-body img{
	width:50px;
}

#design .stages .stage h5 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
}

#design .stage p {
    font-size: 16px;
    line-height: 26px;
    color: #999;
    margin-bottom: 0;
}


#special{
	background-color:#8dc54a;
	padding:30px 0;
	text-align:center;
	color:#fff;
	
}
	
#special2{
	background-color:#76aa42;
	margin-top:5px;
	padding:30px 0;
	text-align:center;
	color:#fff;
	
}




@media (min-width:992px){
.box-hosting .col-xl-2{
	flex:20%;
	max-width:20%;
}

}

@media (max-width: 768px){
.box-hosting-features{
	text-align:center;
}
.box-page-title h2{
	margin-top:20px;
}

.addimg{
	display:none;
}

}


@media (max-width:630px){
.logo{
	margin:auto;
	padding-bottom:30px;
		
}
.icons ul{
	width:27%;
	margin:auto;
}
#mobile{
	text-align:center;
}

.box-hosting  #ss{
-webkit-transform: scale(1.0);
  	-moz-transform: scale(1.0);
  	-o-transform: scale(1.0);	
}

.box-hosting ul:hover { 
	-webkit-transform: scale(1.0);
  	-moz-transform: scale(1.0);
  	-o-transform: scale(1.0);
}

.box-hosting ul {
    margin-bottom: 40px;
}

#title-box-design h2{
margin-top:10px;
}

}