.navbar-wrapper {
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    z-index: 20;
	margin-top:0px;
}
.upper_case  {
text-transform: uppercase !important;
}
.carousel-inner {
    /*background:#000;*/
    overflow: hidden;
    position: relative;
    width: 100%;
}
.banner_bottom {
background:#1ab394;
padding:20px 15px;
}
.section_padding {
padding:50px 0 60px;
}
.logo-bg {
background:#fff !important;
}
.navy-line {
border-bottom: 2px solid #1ab394;
height: 1px;
margin: 40px auto 0;
width: 60px;
}
.modify-nav .dropdown-menu {
margin-top: 5px !important;
}
.modify-nav .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background:none;
color: #1ab394;
}
.modify-nav .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #eee;
border-color: #1ab394;
}
.modify-nav.open > a, .nav .open > a:hover, .nav .open > a:focus {
border-color: #1ab394;
}
.modify-nav li a {
color: #676a6c !important;
font-family: "Open Sans",helvetica,arial,sans-serif;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}

.features-block .owl-controls .owl-page span {
background:#1ab394 !important;
}
.testimonials .owl-controls .owl-page span {
background:#fff !important;
}
.social-icon a {
background: none repeat scroll 0 0 #1ab394;
border-radius: 50px;
color: #fff;
display: block;
height: 28px;
padding: 4px 0;
vertical-align: middle;
width: 28px;
}
.features-my ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.features-my li {
background: none repeat scroll 0 0 #ffffff;
border-bottom: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
float: left;
position: relative;
text-align: left;
width:33%;
min-height: 260px;
list-style: none none;
padding:15px;
}
.features-my li h4 a {
color:#8C8E90;
}
.features-my li:first-child + li + li + li, .features-my li:first-child + li + li + li + li, .features-my li:first-child + li + li + li + li + li {
border-bottom: 0 none;
}
.features-my li:first-child + li + li, .features-my li:first-child + li + li + li + li + li  {
border-right: 0 none;
}
.contact {
background-image: url("../img/word_map.png");
background-position: 50% 50%;
background-repeat: no-repeat;
margin-top: 0;
}
.hr-line-dashed {
background-color: #ffffff;
border-top: 1px dashed #e7eaec;
color: #ffffff;
height: 1px;
margin: 40px 0;
}
.my_img {
background:#17A185;
padding: 7px;
width:100%;
height:auto;
display:inline;
}
.spacer.hairline {
background: none repeat scroll 0 0 #dbe4ed;
height: 1px;
margin: 40px auto;
width: 75%;
}
.spacer {
clear: both;
display: block;
}
.team-member h4 a {
color:#1ab394;
}
.android_web {
background: url("../img/silide-bg.jpg") no-repeat  center center  #edecf1;
height: 100%;
min-height: 400px;
width: 100%;
margin:0 auto;

}
.android_web h2 {
font-size: 30px;
font-weight: 400;
margin-bottom: 15px;
margin-top: 65px;
}
.android_web p {
font-size: 15px;
color:#454545;
line-height: 24px;
}
.v-c {
display: flex;
align-items: center;
}
.connection-1 h4 {
color: #676a6c;
font-size: 38px;
font-weight: bold;
margin-bottom: 25px;
}
.rating-image {
background-color: #000;
padding: 0 !important;
}
.rating-icon {
background-color: #f96015;
border: 2px solid #f96015;
color: #fff;
display: table-cell;
font-family: "Oswald",sans-serif;
font-size: 50px;
font-weight: 400;
height: 94px;
left: 3%;
position: absolute;
top: 59%;
width: 94px;
z-index: 9999;
}
.rating-icon span {
left: 0;
position: absolute;
right: 0;
top: 5px;
vertical-align: middle;
}
.rating-content:hover .rating-icon {
background-color: #f96015;
border: 4px solid #fff;
color: #fff;
}
.rating-content:hover .rating-icon span {
top: 5px;
}
.rating-title {
margin:10px 0 20px 0;
}
.rating-title h5 {
font-family: "Open Sans",helvetica,arial,sans-serif;
font-size: 38px;
font-weight: bold;
margin:0 0 0px 0;
text-transform: uppercase;
}
.rating-content-out .content {
line-height: 23px;
transition: all 400ms ease-in-out 0s;
width: auto;
}
.content {
color: #aeaeae;
font-size: 13px;
margin: 0 auto;
}
.frameOverlay {
cursor: default;
padding: 15px 15px 22px;
transition: all 500ms ease-in-out 0s;
}
.features-block h4 {
color: #676a6c;
font-size: 38px;
font-weight: bold;
}
.get-started {
margin-bottom: 15px;
margin-top: 15px;
position: relative;
text-align: right;
}
.steps {
background:#0d7d66;
padding:20px 15px;
}
.steps h1 {
color:#fff;
}
.steps p {
color:#ddd;
}
.hr-line-dashed {
background-color: #ffffff;
border-top: 1px dashed #dddddd;
color: #ffffff;
height: 1px;
margin: 30px 0 0 0;
}
.free_trail {
background:#fff;
padding:30px 15px;
}
.free_trail img{
display: inline-block !important;
margin:10px;
}
.free_trail p {
color: #9c9c9c;
display: inline-block;
font-size: 1.4em;
font-weight: 500;
max-width: 800px;
font-family: "Open Sans",helvetica,arial,sans-serif;
vertical-align:middle;
}
.center-img {
margin-top:50px;
}
.feature-icon i {
font-size:60px;
}
.feature_left {
padding-top:0px;
}
.feature_right {
padding-top:0px;
}
.services .title {
margin-bottom: 80px;
}
.service-block {
padding: 95px 37px 40px;
text-align: center;
position:relative;
}
.services-bottom .service-block {
padding-top: 60px;
}
.service-block div.fa {
color: #f2f2f2;
font-size: 120px;
position: relative;
}
.service-block i.fa {
color: #171717;
display: block;
font-size: 75px;
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 20px;
}
.service-block h4 {
font-size: 26px;
font-weight: 300;
margin: 0 0 20px;
}
.service-block p {
font-size: 14px;
}
.services-bottom .service-block p {
margin-bottom: 60px;
}
.service-block h3 {
font-size: 26px;
font-weight: 700;
}
.services-top, .services-bottom {
margin-left: 30px;
margin-right: 30px;
}
.service-block.left {
border-right: 2px solid;
}
.middle-line {
background: none repeat scroll 0 0 transparent;
border-top: 2px solid;
height: 0;
margin: 0 0px;
position: relative;
}
.middle-line::before, .middle-line::after, .services-top .service-block.left::before, .services-bottom .service-block.left::after {
border-radius: 50%;
content: "";
height: 20px;
left: 0;
margin-top: -10px;
position: absolute;
width: 20px;
}
.middle-line::after {
left: auto;
right: 0;
top:0;
}
.services-top .service-block.left::before, .services-bottom .service-block.left::after {
left: auto;
right: -11px;
top: 0;
}
.services-bottom .service-block.left::after {
bottom: 0;
top: auto;
}
.middle-line > span {
color: #fff;
display: inline-block;
font-size: 32px;
font-weight: 700;
line-height: 32px;
margin: 0 auto;
position: relative;
text-align: center;
top: -18px;
width: 100%;
z-index: 9;
}
.middle-line > span::before {
content: "";
height: 50px;
left: -1px;
margin: -8px auto 0;
position: absolute;
right: 0;
transform: rotate(45deg);
width: 50px;
z-index: -1;
}
.service-block:hover div.fa {
color: rgba(23, 161, 33, 0.1);
}
.middle-line > span:before,.services-top .service-block.left:before,.services-bottom .service-block.left:after,.middle-line:before,.middle-line:after,.middle-line {
background: none repeat scroll 0 0 #1ab394;
}
.services-top, .service-block.left, .middle-line {
border-color: #1ab394;
}
/*Services Section*/
.service-block:hover h4,.service-block:hover h3,.service-block:hover i
{
color:#17A185;
}
.service-block:hover div.fa,.service-block:hover h4,.service-block:hover h3,.service-block:hover i{
transition:all 0.5s ease 0s;
-ms-transition:all 0.5s ease 0s;
-o-transition:all 0.5s ease 0s;
-moz-transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
}
.features .big-icon {
color: #1ab394;
}
.startup-section {
padding: 60px 0;
position: relative;
width: 100%;
}
.startup-section:before {
content: "";
display: block;
height: 100%;
left: 0;
min-height: 400px;
position: absolute;
top: 0;
width: 50%;
}
.startup-section:after {
background: url("../img/stratup-bg.jpg") no-repeat fixed 0 0 / cover rgba(0, 0, 0, 0);
content: "";
display: block;
height: 100%;
min-height: 400px;
position: absolute;
right: 0;
top: 0;
width: 50%;
z-index: -1;
}
.startup-timeline-section {
overflow: hidden;
padding: 0px 0 3px 35px;
position: relative;
}
.visible {
visibility: visible;
}
.col-color-bg, #testimonials-slider .owl-page.active, .contact-deatail-content:hover i, .startup-section:before, .about-content-box:hover, .team-block .col-sm-3:hover .team-member-details, #blog .blog-post a.title:after, .icon-twitter i, #twitter .owl-theme .owl-controls .owl-page.active span, .review-section {
background-color: #3cc9ac;
}
.strat-up-content h3 {
color: #ffffff;
font-size: 48px;
font-weight: 400;
margin: 0 0 10px;
}
.strat-up-content p {
color: #171717;
font-size: 14px;
font-weight: 500;
line-height: 26px;
margin: 0 0 13px;
}
.startup-btns {
margin: 0 auto;
position: relative;
text-align: left;
}
.startup-btns .btn {
border-radius: 0;
font-size: 13px;
font-weight: 900;
height: 45px;
letter-spacing: 1px;
line-height: 45px;
margin-top: 10px;
padding: 0;
text-transform: uppercase;
width: 160px;
background-color: #fff;
}
.startup-btns .btn:first-child {
margin-right: 7px;
}
.startup-btns .btn:hover {
background: none repeat scroll 0 0 rgba(23, 23, 23, 0.8);
color: #ffffff;
}
.startup-timeline-section:before {
border-left: 1px dashed #fff;
content: "";
height: 100%;
left: 56px;
position: absolute;
right: 0;
width: 0;
bottom:40px;
}
.startup-timeline {
margin-bottom: 20px;
}
.year-round {
background: none repeat scroll 0 0 #171717;
border: 2px solid #fff;
border-radius: 50%;
color: #ffffff;
height: 42px;
text-align:center;
width: 42px;
}
.year-round h4 {
font-size: 20px;
font-weight: 800;
line-height: 1px;
}
.startup-timeline:hover .year-round {
background: none repeat scroll 0 0 #fff;
border: 2px solid #000;
color: #171717;
}
.first_h5 {
margin: 2px 0 0px !important;
}
.time-line-content h5 {
font-size: 18px;
font-weight: 700;
margin: 10px 0 0px 0;
text-transform: uppercase;
color: #3cc9ac;
}
.time-line-content h5 small {
font-size: 13px !important;
text-transform: none;
color:#fff;
}
.time-line-content p {
color: #fff;
margin: 0;
}
.startup-timeline:last-child {
margin-bottom: 0;
}
.my_img {
background:#17A185;
padding: 7px;
width:100%;
height:auto;
display:inline;
}
.features-text {
margin-top: 40px !important;
}
.sec-1 {
display: flex;
align-items: center;
margin:0 auto;
}
.sec-1 .sec-img-1 {
background-image: url("../img/player-img.jpg");
background-position: center center;
background-size: cover;
height: 250px;
padding:0px;
}
.sec-1 .sec-img-2 {
background-image: url("../img/hof-img2.jpg");
background-position: center center;
background-size: cover;
height: 250px;
padding:0px;
}
.sec-1 .sec-img-3 {
background-image: url("../img/gallery-img2.jpg");
background-position: center center;
background-size: cover;
height: 250px;
padding:0px;
}
.sec-1 .content-us h4 {
color: #676A6C;
font-size: 38px;
font-weight: bold;
margin-bottom:25px;
}
.club_services {
    padding:50px 0 60px 0;
}

.club_services .service h3 i {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    font-size: 24px;
    height: 60px;
    left: 0;
    line-height: 59px;
    position: absolute;
    text-align: center;
    top: 7px;
    width: 60px;
}
.club_services .border-radius, .pager li a {
    border-radius: 120px;
}
.club_services .service h3 {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 40px;
    padding-bottom: 20px;
    padding-left: 90px;
    position: relative;
}
.club_services .service p {
    margin-top: 50px;
}
.club_services .service h3 i:hover {
    border-color: #df494a;
	transition: all 0.3s ease-in-out 0s;
	 background-color: #df494a;
	 color: #fff;
}

.club_feature{
	background: none repeat scroll 0 0 #1f1f1f;
    color: #ffffff;
	padding:60px 0;

	}
.vclub {
background: none repeat scroll 0 0 #f5f5f5 !important;
}
	

.club_feature .title-desc h2 {
    color: #ffffff;
    font-family: raleway,sans-serif;
    font-size: 30px;
    font-weight: 200;
    margin: 0 0 15px;
    text-align: center;
    text-transform: uppercase;
}
.vclub .title-desc h2 {
    color: #434343 !important;
	font-size: 30px !important;
	 font-weight: 200 !important;
	 font-family: "Open Sans",helvetica,arial,sans-serif  !important;
}
.club_feature .title-desc p {
    color: #bfbfbf;
    font-family: raleway,sans-serif;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0;
    padding: 0 15% 70px;
    text-align: center;
}
.club_feature .inline {
font-size:22px;
}
.vclub .inline {
font-size:22px;
color: #434343 !important;
}
.club_feature .img-circle {
width:200px;
display:inline;
}
.vclub  .img-circle {
border:1px solid #cbcbcb !important;
}
.free_trail_2 p {
    color: #9c9c9c;
    display: inline-block;
    font-family: "Open Sans",helvetica,arial,sans-serif;
    font-size: 16px;
    font-weight: 500;
    max-width: 950px !important;
    vertical-align: middle;
}

.img_refine {
	width:300px;
	height:300px;
	border: dotted 10px #ddd;
}
.about-design_1 {
padding:60px 0;
}
.about-design_1 .section-sub-title {
    background: none repeat scroll 0 0 #ddd;
    display: block;
    height: 1px;
	top:0px;
	margin-bottom:50px;
    position: relative;
    width: 100%;
	text-align: center !important;
}
.about-design_1 .section-sub-title span {
	background: none repeat scroll 0 0 #fff;
    position: relative;
    top: -20px;
	padding:0 10px;
}
.about-design_1 .lead {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    text-align: left;
	color:#555;
}
.service-section {
    padding: 110px 0 50px 0;
    position: relative;
	background:#f1f1f1;
}
.service-bg {
    left: 0;
    margin: 34px auto 0;
    position: absolute;
    right: 0;
    text-align: center;
}
.service-section .service-bg > h3 {
    color: #fff;
    font-size: 36px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 49%;
	text-transform: uppercase;
	font-weight:bold;
}
.block-title {
    font-size: 18px;
	color: #333;
	 margin-top: 0;
    text-transform: uppercase;
	font-weight:bold;
}
.service-box-inner .content-box > p {
    font-size: 14px;
    line-height: 25px;
	color: #333;
}
.service-section .col-md-6:nth-child(2n) > .service-box-inner {
    text-align: right;
}
.service-box-inner {
    cursor: pointer;
    display: inline-block;
}
.service-box-inner .content-box {
    margin: 30px 0;
}
.service-box-inner .icon-srv {
    background-color: #ebebeb;
    border: 7px solid #fff;
    border-radius: 50%;
    color: #666;
    display: inline-block;
    font-size: 48px;
    height: 141px;
    line-height: 130px;
    position: relative;
    text-align: center;
    transition: color 0.3s ease 0s;
    width: 141px;
}
.service-box-inner .icon-srv::after {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: -2px;
    padding: 2px;
    position: absolute;
    top: -2px;
    transition: transform 0.2s ease 0s, opacity 0.3s ease 0s;
    width: 100%;
    z-index: -1;
}
.service-box-inner .icon-srv::after {
    opacity: 0;
    transform: scale(1.3);
}
.service-box-inner:hover .icon-srv::after {
    opacity: 1;
    transform: scale(1);
}
.service-box-inner:hover .icon-srv {
    background-color: #e64c3d;
    color: #fff;
}
.service-section .col-md-6 {
    padding: 0 20px;
    position: relative;
}
.service-section .col-md-6:nth-child(4) {
    margin: 43px 0;
    right: 117px;
}
.service-section .col-md-6:nth-child(5) {
    left: 117px;
    margin: 43px 0;
}


.corporate_feature {
padding: 60px 0;
}
.corporate_feature h4 {
    color: #676a6c;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 25px;
}
.corporate_feature hr {
    margin-bottom: 20px;
    margin-top: 10px;
}
.feature_1 {
    background: none repeat scroll 0 0 #000000;
    border: 1px solid #000000;
    position:relative;
	overflow:hidden;
	padding-top:60px;
	
}
.feature_1 .responsive-features span {
    font-size: 24px;
    margin-right: 10px;
	color: #ffb647;
	
}
.feature_1 .responsive-features h4 {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 15px;
    text-transform: uppercase;
	color: #fff;
}
.feature_1 h3 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 400;
    margin: 0 0 20px;
}
.feature_1  img {
    margin: 0 auto;
    max-width: 300px;
    
    width: 100%;
}
@media only screen and (max-width: 1111px) {
.service-section {
    padding: 50px 0;
}
.service-bg {
    display: none;
}
.service-box-inner {
    margin-bottom: 40px;
}
.service-box-inner .col-md-4 {
    float: left !important;
    text-align: right;
}
.service-box-inner .content-box {
    text-align: left;
}
.service-section .col-md-6:nth-child(4) {
    margin: 0;
    right: 0;
}
.service-section .col-md-6:nth-child(5) {
    left: 0;
    margin: 0;
}
.service-section .col-md-6:nth-child(2n) > .service-box-inner, .service-section .col-md-6, .service-box-inner, .features-section h2, .why-choose h2, .how-we-work-categories li {
    text-align: center;
}
}
.section_header {
    padding: 50px 0;
    text-align: center;
}
.the_process {
    background-color: #fff;
    text-align: center;
    padding-bottom: 60px;
}
.nav-tabs > li > a:hover {
    border-color: #fff #fff #fff;
}
.the_process .nav-tabs.nav-justified > li > a {
    border-bottom: 0px solid #ddd;
    border-radius: 0px 0px 0 0;
}
.process_title {
    font-size: 55px;
    font-weight: 900;
    color: #f73c56;
    text-transform: uppercase;
    position: relative;
}

.process_title span {
    display: inline-block;
    background: #131217;
    position: relative;
    z-index: 4;
    padding: 0 25px;
}

.process_title span:after,
.process_title span:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    margin-top: -5px;
    background: red;
    border-radius: 50%;
}

.process_title span:after {
    left: 0;
}

.process_title span:before {
    right: 0;
}

.process_title:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0px;
    border-bottom: 1px dotted red;
}

.the_process .nav-tabs>li>a {
    color: #f73c56;
    text-transform: uppercase;
    font-weight: bold;
}

.the_process .nav-tabs>li>a span {
    display: inline-block;
    background: #fff;
    padding: 0 16px;
    opacity: 0;
    font-size: 0px;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.the_process .nav-tabs>li>a,
.the_process .nav-tabs>li>a:hover,
.the_process .nav-tabs>li>a:focus {
    background: transparent;
    outline: none;
}

.the_process .nav-tabs>li.active>a,
.the_process .nav-tabs>li.active>a:hover,
.the_process .nav-tabs>li.active>a:focus {
    font-size: 55px;
    color: #f73c56;
    background: transparent;
    border: 0px solid #fff;
    outline: none;
}

.the_process .nav-tabs>li.active>a span,
.the_process .nav-tabs>li.active>a:hover span,
.the_process .nav-tabs>li.active>a:focus span {
    font-size: 50px;
    opacity: 1;
}

.the_process .nav-tabs .fa {
    display: block;
    position: absolute;
    left: 45%;
    margin-left: -10px;
    bottom: 20px;
    color: #787878;
    font-size: 35px;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.the_process .nav-tabs .fa:hover {
    color: #f73c56;
}

.the_process .nav-tabs>li.active>a .fa {
    bottom: 100px;
    font-size: 70px;
    color: #787878;
}

.the_process .nav-tabs>li .fa:before {
    background: #fff;
    padding: 10px;
}

.the_process .tab-pane {
    padding-top: 0px;
}

.the_process .nav-tabs>li {
    position: relative;
}

.the_process .nav-tabs>li:before {
    position: absolute;
    content: "";
    height: 0px;
    border-top: 1px dotted #959494;
    width: 100%;
    bottom: 50px;
    left: 0;
}
.commonPadding120 {
    padding: 60px 0;
}
.single-feature {
    background: #fff none repeat scroll 0 0;
    min-height: 390px;
    padding-top: 50px;
}
.single-feature i {
    color: #de3c2f;
    display: inline-block;
    font-size: 64px;
    line-height: 65px;
    min-height: 68px;
    transition: all 700ms ease 0s;
}
.single-feature:hover i {
    transform: scale(1.3) rotateY(-180deg);
}
.single-feature h4 {
    padding-top: 30px;
    text-transform: uppercase;
	color:#4c4c4c;
	font-weight:700;
	font-size: 30px;
}
.single-feature h4 span {
    display: block;
    font-weight: 100;
}
.single-feature p {
    padding: 15px 45px 35px;
	line-height:25px;
	font-size:14px;
}
.single-f p {
    font-size: 14px;
    line-height: 25px;
    padding: 15px 15px 35px !important;
}
.single-feature a {
    background: #4c4c4c none repeat scroll 0 0;
    border-top: 4px solid #444444;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: 400;
    padding: 21px 0;
    text-transform: uppercase;
	text-decoration:none;
}
.single-feature a:hover {
    background: #de3c2f none repeat scroll 0 0;
    border-top: 4px solid #c7362a;
    font-weight: 400;
	transition: all 700ms ease-in-out 0s;
}
.gray_sec {
background:#f9f9f9 ;
}
.content-region-1 {
    background-color: #f5f5f5;
	padding:60px 0;
}
.content-region-1 .img-responsive {
display:inline;

}
.services-text h4 {
    color: #000;
    margin-bottom: 15px;
}
.content-region-1 .features h3 {
    color: #000;
    font-weight: 400;
    margin-bottom: 20px;
}
.content-region-1 i {
    background-color: #0faf97;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 34px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    width: 80px;
}

.more-services {
padding:30px 0 0 0;
background: #f7f7f7;
}
.white-bg {
background:#fff !important;
}
.more-services .feature-box-style2 {
    margin: 0 0 20px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.more-services .feature-box-style2 .feature-box-icon {
    background: #333333 url("../img/masksquare.png") no-repeat scroll 50% 50% / 100% 100%;
    border-radius: 5px;
    color: #ffffff;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto 20px;
    text-align: center;
    width: 60px;
	transition: all 0.3s ease-in-out 0s;
}
.more-services .feature-box-style2 .feature-box-icon:hover {
    background: #df494a url("../img/masksquare.png") no-repeat scroll 50% 50% / 100% 100%;
    border-radius: 5px;
    color: #ffffff;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto 20px;
    text-align: center;
   transition: all 0.3s ease-in-out 0s;
    width: 60px;
}
.more-services .feature-box-style2 i {
    line-height: 60px;
}
.more-services .feature-box-style2 .feature-box-containt {
    overflow: hidden;
    text-align: center;
    width: 100%;
	
}
.more-services .feature-box-containt p{
	font-size:14px;
}
.more-services .feature-box-style2 .feature-box-containt h4 {
    color: #ce0c21;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.monials-section {
padding:30px 0 60px;
}
.monials-section .col-md-6:nth-child(2n+1) {
    border: 1px solid #ddd;
    border-radius: 5px;
}
.monials-section .col-md-6:nth-child(2n) {
    border: 1px solid transparent;
}
.monials-block-left {
    text-align: right;
}
.monials-block-right {
    text-align: left;
}
.monials-block-left, .monials-block-right {
    overflow: hidden;
    padding: 30px 15px 10px;
    position: relative;
    width: 100%;
}

.client-img::after {
    background: transparent url("../img/masksquare.png") no-repeat scroll 50% 50% / 100% 100%;
    content: "";
    height: 98px;
    left: 0;
    position: absolute;
    top: 0;
    width: 98px;
}
.monials-block-left .client-img {
    float: right;
    margin: 0 0 20px 30px;
}
.monials-block-right .client-img {
    float: left;
    margin: 0 30px 20px 0;
}
.client-img {
    background-color: #efefef;
    border-radius: 5px;
    height: 98px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    width: 98px;
}
.client-img img {
    border-radius: 4px;
    height: 90px;
    width: 90px;
}
.monials-block-left .client-name, .monials-block-right .client-name {
    color: #ce0c21;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 15px;
    text-transform: uppercase;
}
.monials-block-left .containt p:last-child, .monials-block-right .containt p:last-child {
    margin: 0 0 20px;
}
.monials-block-left:hover .client-img, .monials-block-right:hover .client-img {
    background-color: #1ab394;
}
.bgGray {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #ebebeb;
    border-image: none;
    border-style: solid;
    border-width: 1px 0;
	margin-top: 0px;
	padding:60px 0;
}
.tHosting {
    color: #555555;
    text-transform: uppercase;
	margin-top: 40px;
}
.tHostingSub {
    color: #666666;
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 40px;
}
.web-app {
    margin-bottom: 35px;
}
.web-app a{
text-decoration:none;
}
.web-app .item {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    box-shadow: 0 3px 0 0 #eee;
    display: block;
}
.web-app .item .Joomla-Hosting {
    background-color: #59a445;
}
.web-app .item .pull-left {
    display: block;
    margin-right: 15px;
}
.web-app .item .title {
    color: #3c3c3c;
    display: block;
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 8px;
    margin-top: 8px;
    text-transform: uppercase;
}
.web-app .item .more {
    color: #686868;
    font-weight: 100;
}
.web-app .item .Wordpress-Hosting {
    background-color: #3498db;
}
.web-app .item .Magento-Hosting {
    background-color: #f15d22;
}
.web-app .item:hover {
    background-color: #f8f8f8;
	transition: all 0.2s ease-in-out 0s;
}
.web-app .item:hover .Wordpress-Hosting {
    background-color: #2487c9;
	transition: all 0.2s ease-in-out 0s;
}
.web-app .item:hover .Joomla-Hosting {
    background-color: #489134;
	transition: all 0.2s ease-in-out 0s;
}
.web-app .item:hover .Magento-Hosting {
    background-color: #d94c14;
	transition: all 0.2s ease-in-out 0s;
}

.h-text p {
    color: #555;
    font-size: 16px;
    line-height: 25px;
	text-align:center;
	margin-bottom:20px;
	font-family: "Open Sans",serif;
	font-weight: 100;
}
.light_c {
background:#f8f8f8 !important;
}
.app_section {
    position: relative;
}
.app_section .feature {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0 80px;
    position: relative;
}
.overlay-silver {
    background:#fff;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    height: 100%;
    width: 100%;
}
.app_section .bg {
    left: 0;
    position: absolute;
    top: 0;
}
.app_section .feature .first {
    left: 190px;
    z-index: 2;
}
.app_section .feature .second {
    left: 90px;
    top: 40px;
    z-index: 1;
}
.app_section .feature img {
    position: absolute;
}
.app_section .feature-block {
    margin-bottom: 40px;
    padding-left: 80px;
    padding-right: 60px;
    position: relative;
}
.team_v .feature-block {
    margin-bottom: 10px;
    padding: 9px 60px 15px 80px;
    position: relative;
    vertical-align: middle;
}
.team_v .pdg {
padding-top:0px;
}
.app_section .feature-block i {
    border: 1px solid #7cb28a;
    border-radius: 50%;
    color: #7cb28a;
    display: inline-block;
    font-size: 24px;
    height: 50px;
    left: 0;
    padding-top: 12px;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.2s ease 0s;
    width: 50px;
}
.app_section .feature-block:hover i {
    background: #7cb28a none repeat scroll 0 0;
    color: #fff;
}
.app_section .feature-block h3 {
    color: #7cb28a;
    font-size: 21px;
    font-weight: 300;
    margin-top: 0;
}
.team_v .feature-block h3 {
    color: #676a6c;
    font-size: 20px;
    font-weight: 300;
    margin-top: 0;
}
.app_section .feature-block p {
    color: #989898;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;
}
.team_v .feature .first {
    left: 100px;
    top: 30px;
    z-index: 2;
}
.team_v  img {
    display: block;
    height: 380px;
    max-width: auto !important;
}
.heading {
    display: inline-block;
    margin-bottom: 20px;
}
.heading h2 {
    color: #303030;
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.subheadline {
    color: #9c9c9c;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 20px;
	font-weight: 300;
}
.feature .heading::after {
    background: #7cb28a none repeat scroll 0 0;
}
.heading::after {
    background: #ccc none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    width: 50px;
}
@media (max-width: 1199px) {

.app_section .feature .heading, .feature-block {
    padding-right: 0;
}
.app_section .feature .first {
    left: 130px;
}
.app_section .feature .second {
    left: 30px;
}
.team_v .feature .first {
    left: 50px;

}

}
@media (max-width: 991px) {
.heading h2 {
    color: #303030;
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.app_section .subheadline {
    font-size: 18px;
    line-height: 26px;
}

.app_section .headline p {
    padding: 0 20px;
}

.app_section .feature img {
    width: 55%;
}
.team_v .feature img {
    width:auto !important;
	margin-bottom:50px;
}
.app_section .feature .first {
    left: 110px;
    top: 70px;
}
.team_v .feature .first {
    left: 50px;
    top: 70px;
}
.app_section .feature .second {
    top: 110px;
    width: 48%;
}

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

.app_section .feature {
    padding: 50px 0;
}

.app_section .feature {
    text-align: center;
}
.app_section .feature-block i {
    margin-bottom: 20px;
    position: relative;
}
.team_v .feature-block i {
    margin-bottom: 20px;
    position: absolute;
}
.team_v .feature-block h3 {
    text-align:left;
	margin-left:50px;
}
.app_section .feature-block {
    padding-left: 0;
}
.feature .heading::after {
    margin: 0 auto;
}
.app_section .feature img {
    position: relative;
}

.app_section .feature .first {
    top: 20px;
}
.app_section .feature .first {
    left: 200px;
    top: 70px;
}
.team_v .feature .first {
    left: 120px;
    top: 50px;
}
.app_section .feature .second {
    position: absolute;
    top: 70px;
}
.app_section .feature-block {
    margin-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}
.team_v .feature-block {
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
	
}
}


@media (max-width: 480px) {

.app_section .feature .first {
    left: 160px;
}
.team_v .feature .first {
    left: 97px;
}
.app_section .feature .second {
    left: 80px;
}
.app_section .feature-block {
    margin-bottom: 50px;
    padding-left: 0px;
    padding-right: 15px;
    position: relative;
}
.team_v .feature-block h3 {
    text-align:left;
	margin-left:60px;
}
}
@media (max-width: 360px) {

.app_section .feature .first {
    left: 110px;
}
.team_v .feature .first {
    left: 10px;
}
.app_section .feature .second {
    left: 40px;
}
.app_section .feature-block {
    margin-bottom: 50px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
}
.team_v .feature-block h3 {
    text-align:left;
	margin-left:60px;
}
}
@media only screen and (max-width: 990px) {
.monials-section .col-md-6:nth-child(2n+1), .monials-section .col-md-6:nth-child(2n) {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #ddd;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
}
.monials-section .col-md-6:first-child {
    border-top: 1px solid #ddd;
}	
}

@media only screen and (max-width: 599px) {
.monials-block-left, .monials-block-right {
    overflow: hidden;
    padding: 30px 15px 10px;
    position: relative;
    text-align: center;
    width: 100%;
}
.monials-block-left .client-img, .monials-block-right .client-img {
    float: none;
    margin: 0 auto 20px;
}
}
@media (max-width: 767px) {
 .the_process .nav > li {
    padding: 50px 1px;
}
.the_process .nav-tabs .fa {
    bottom: 20px;
    color: #787878;
    display: block;
    font-size: 35px;
    left: 46%;
    margin-left: -10px;
    position: absolute;
    transition: all 1s ease 0s;
}

}
@media only screen and (max-width: 480px) {
.service-section .col-md-6:nth-child(2n) > .service-box-inner, .service-section .col-md-6, .service-box-inner, .features-section h2, .why-choose h2, .how-we-work-categories li {
    text-align: center;
}
.service-box-inner .content-box {
    text-align: center;
}
.service-section .col-md-6:nth-child(4), .service-section .col-md-6:nth-child(5) {
    margin: 0;
}
.service-section .col-md-6:nth-child(4) {
    right: 0;
}
.service-section .col-md-6:nth-child(5) {
    left: 0;
}
.service-section {
    padding: 50px 0;
}
.service-box-inner {
    margin: 0 0 40px;
}
.service-box-inner .col-md-4 {
    float: none !important;
	text-align: center;
}
.service-section .col-md-6:last-child > .service-box-inner {
    margin-bottom: 0;
}
}
@media only screen and (max-width:1199px) {

.club_feature .col-lg-8 {
text-align:center;
}
}
@media only screen and (max-width:767px) {
.sec-1 {
display: block !important;
align-items: center;
margin-top:15px;
}
.corporate_feature .col-lg-8 {
text-align:left;
}
}
/* =========== MAX 800PX =========== */
@media only screen and (max-width:1024px) {
/*------Services Section-------*/
.feature_left {
padding-top:0px;
}
.feature_right {
padding-top:0px;
}
}
/* =========== MAX 800PX =========== */
@media only screen and (max-width:980px) {
/*------Services Section-------*/
.feature_left {
padding-top:0px;
}
.feature_right {
padding-top:0px;
}
}
/* =========== MAX 768PX =========== */
@media only screen and (max-width:768px) {
/*------Services Section-------*/
.services-top, .services-bottom{
margin:0 -15px;
}
.middle-line,.service-block.left:after,.service-block.left:before{
display:none;
}
.service-block.left{
border:none;
}
.services-bottom .service-block p{
margin-bottom:10px;
}
.service-block,.services-bottom .service-block{
padding-top:0;
}
.feature_left {
padding-top:0px;
}
.feature_right {
padding-top:0px;
}
}
/* ---------- MAX 600PX ---------- */
@media only screen and (max-width:600px) {
.rating-title {
margin:10px 0 20px 110px;
}
}
@media only screen and (max-width:767px) {
.rating-title {
margin:10px 0 20px 110px;
}
}
/* ---------- MAX 480PX ---------- */
@media only screen and (max-width:480px) {
.rating-title {
margin:10px 0 20px 70px;
}
.rating-icon {
background-color: #f96015;
border: 2px solid #f96015;
color: #fff;
display: table-cell;
font-family: "Oswald",sans-serif;
font-size: 30px;
font-weight: 400;
height: 60px;
left: 3%;
position: absolute;
top: 59%;
width: 60px;
z-index: 9999;
}
.rating-icon span {
left: 0;
position: absolute;
right: 0;
top:3px;
vertical-align: middle;
}
.rating-content:hover .rating-icon span {
top: 0px;
}
.rating-title h5 {
font-family: "Open Sans",helvetica,arial,sans-serif;
font-size: 30px;
font-weight: bold;
margin:0 0 0px 0;
text-transform: uppercase;
}
}
@media only screen and (max-width:767px) {
.v-c {
display: block !important;
align-items: center;
}
.my_img {
background:#17A185;
padding: 7px;
width:80%;
height:auto;
display:inline;
}
}
/* ---------- MAX 991PX ---------- */
@media only screen and (max-width:991px) {
/* Background Color With Images Sections */
.startup-section:before, .tech-skills-section:after{
background: transparent !important;
}
.startup-section:after{
width:100%;
}
.startup-section, .tech-skills-section{
padding: 0px;
}
.col-color-bg, .col-img-bg{
padding-top: 50px;
padding-bottom: 50px;
}
/* Start Up Section */
.strat-up-content h3{
font-size:40px;
}
.strat-up-content{
padding-right: 0px;
}
}
/* ---------- MAX 767PX ---------- */
@media only screen and (max-width:767px) {
/* Our Startup Section */
.startup-timeline-section{
padding: 50px 0px;
}
.startup-timeline{
margin-bottom: 40px;
}
.startup-timeline-section:before{
content: none;
}
.year-round{
margin:0 auto;
}
.time-line-content{
text-align:center;
padding-left: 0px;
}
.my_img {
background:#17A185;
padding: 7px;
width:80%;
height:auto;
display:inline;
}
}
/* ---------- MAX 480PX ---------- */
@media only screen and (max-width:480px) {
/* Responsive Section */
.strat-up-content h3{ 
font-size:30px;
}       
}
@media only screen and (max-width:767px) {
.features-block {
display: block !important;
align-items: center;
}
}
.features-text {
margin-top:0px;
}
/* ---------- MAX 768PX ---------- */
@media only screen and (max-width:768px) {
.container {
margin: 0 auto;
width: auto !important;
}
}
@media screen and (max-width: 980px) {
.features-my li, .features-my li:first-child, .features-my li:first-child + li, .features-my li:first-child + li + li {
width: 50%;
padding:15px;
}
.features-my li { 
min-height: 260px;
}
.features-my li:first-child + li , .features-my li:first-child + li + li + li  {
border-right: 0 none;
padding-right:0px !important;
}
.features-my li:first-child + li + li {
border-right:1px solid #f2f2f2 !important ;
}
.features-my li:first-child + li + li + li{
border-bottom:1px solid #f2f2f2 !important ;
}
}
@media screen and (max-width: 650px) {
.features-my{
text-align:center !important;
}
.features-my li {
padding: 40px 5% 40px;
min-height: 20px !important;
border: none ;
border-bottom: 1px solid #f2f2f2 !important ;
padding-bottom: 0;
float:none;
text-align:center;
padding:10px !important;
width:100% !important;
}
.features-my h2 span {
display: block;
font-size: 14px;
letter-spacing: 0;
line-height: 22px;
margin: 10px auto 0;
text-align: center;
}
}
/* =========== MAX 768PX =========== */
@media only screen and (max-width:768px) {
/*------Services Section-------*/
.services-top, .services-bottom{
margin:0 -15px;
}
.middle-line,.service-block.left:after,.service-block.left:before{
display:none;
}
.service-block.left{
border:none;
}
.services-bottom .service-block p{
margin-bottom:10px;
}
.service-block,.services-bottom .service-block{
padding-top:0;
}
.feature_left {
padding-top:0px;
}
.feature_right {
padding-top:0px;
}
}
/* =========== MAX 768PX =========== */
@media only screen and (max-width:768px) {
/*------Services Section-------*/
.services-top, .services-bottom{
margin:0 -15px;
}
.middle-line,.service-block.left:after,.service-block.left:before{
display:none;
}
.service-block.left{
border:none;
}
.services-bottom .service-block p{
margin-bottom:10px;
}
.service-block,.services-bottom .service-block{
padding-top:0;
}
.feature_left {
padding-top:0px;
}
.feature_right {
padding-top:0px;
}
}