@font-face {
	font-family: 'MTCORSVA';
	src: url('../css/fonts/MTCORSVA.eot');
	src: local('MTCORSVA'), url('../css/fonts/MTCORSVA.woff') format('woff'), url('../css/fonts/MTCORSVA.ttf') format('truetype');
}


.inner-box::before {
	background-color: #f09c08;
	content: "";
	height: 2px;
	left: -2px;
	position: absolute;
	top: 30px;
	transition: all 0.9s ease 0s;
	width: 60px;
}
.inner-box1::before {
	background-color: #f09c08;
	content: "";
	height: 2px;
	left: 16px;
	position: absolute;
	top: 30px;
	transition: all 0.9s ease 0s;
	width: 60px;
}
.inn:hover .inner-box::before, .inn:hover .inner-box1::before {
	background-color: #f09c08;
	content: "";
	height: 2px;
	left: -20px;
	position: absolute;
	top: 30px;
	transition: all 0.9s ease 0s;
	width: 60px;
}
.dt-content-left{
  width:50%;
  float:left;
}


/*****anil css****/

section.result-bgd {
    padding-bottom: 0px;
}

.seo-drive {
    margin: 18px 0 0 0;
}

ul.impact-txt li {
    font-size: 15px;
    padding-left: 2px;
}

ul.impact-txt li i {
    padding-right: 12px;
    font-size: 17px;
}

ul.best-seo li { 
    list-style: disc!important;
    list-style-position: inside!important;
	padding: 7px 0; text-align:justify;
}

.impact-txt {
    text-align: center;
}

.impac-icon1 {
    background: url(../images/cms-icon.png) no-repeat;
    width: 78px;
    height: 68px;
    display: block;
    background-position: -125px -8px;
    margin: 0 auto;
}
.impac-icon2 {background-position: -53px -8px;}

.impac-icon3{background-position: 17px -8px;}

.impac-icon4 {background-position: -330px -8px;}

.impac-icon5 {background-position: -258px -8px;}

.impac-icon6 {background-position: -190px -8px;}

.target {
    width: 60px;
    height: 62px;
    background: url(../images/target-icon.png) no-repeat;
    background-position: 2px 4px;
    float: left;
}

.target1{background-position: -56px 4px;}

.target2{background-position: -112px 2px;}

.target3{background-position: -174px 4px;}

.target4{background-position: -241px 4px;}

.target5{background-position: -308px 4px;}

.var-icon {
    width: 68px;
    height: 64px;
    background: url(../img/var-ico.png) no-repeat;
    margin: 0 auto;
    background-position: -2px 0px;
	margin-top: 30px;
}

.text-box4:hover .var-icon {
    opacity: 0;
}

.var-icon1{background-position: -2px 0px;}

.var-icon2{background-position: -80px 0px;}

.var-icon3{background-position: -156px 0px;}

.var-icon4{background-position: -220px 0px;}

.var-icon5{background-position: -284px 0px;}

.var-icon6{background-position: -356px 0px;}

.var-icon7{background-position: -432px 0px;}

.var-icon8{background-position: -506px 0px;}

span.impac-iconS {
    font-size: 38px;
    margin: 20px 0 0 0;
    display: block;
    color: #219fde;
}

span.impac-icon:hover i {
    background-color: #21a0df;
    transition: all 0.3s ease;
    
    color: #fff;
    box-shadow: 1px 2px 4px #444;
}

p.contimp {
    padding-top: 10px; color:#0078ae;
}

.srv-box {
    width: 100%;
    display: inline-block;
    background-color: #fff0;
    position: relative;
    margin-bottom: 30px;
}

.srv-box-inner {
    padding: 6px 15px;
    text-align: center;
    position: relative;
}


span.tail-seo{float: left;
    font-size: 30px;
    margin-right: 12px;
    padding: 18px 22px;
    text-align: center;
    box-shadow: 1px 2px 1px #444;
    background: #fff;
    color: #21a0df;
    border-radius: 8px;}


section.result-drive {
    padding: 30px 0 30px 0;
}
.seohding{line-height:40px!important;}


/******CMS css*****/

h2.cmsjan-hding {
    
}

p.cmsjan-lead {
        min-height: 80px;
    padding: 0 20px;
}

.maketo:hover {
    -webkit-transform: translateY(-7%);
    transform: translateY(-7%);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.45);
}


.application-option {
    margin-top: 60px;
    text-align: center;
}

.application-option ul {
    display: inline-block;
}

.application-option.appNewOption ul li {
    height: auto;
}
.application-option ul li {
    display: inline-block;
    float: none;
    margin-bottom: 0px;
    vertical-align: top;
}
.application-option ul li {
    list-style: none;
    text-align: center;
    float: left;
    width: 155px;
    padding: 0 10px;
}

.application-option ul li a {
    text-decoration: none;
}

.application-option ul li a figure {
    position: relative;
}
figure {
    margin: 0;
}

.application-option ul li a figure img {
    position: relative;
    z-index: 1;
}

.application-option ul li a figure:after {
    content: '';
    width: 74px;
    height: 74px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 0;
    border-radius: 20px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    margin: -37px 0 0 -37px;
}

.application-option ul li a:hover figure:after{background:transparent; box-shadow: 0px 1px 22px #fff;}

.application-option ul li a span {
    overflow: hidden;
    position: relative;
}

.application-option ul li span {
    display: inline-block;
    font-size: 15px;
    color: #fff;
    margin-top: 18px;
}


.mob-csmTxt{
	width:35%;
	float:left;
}

.mob-csm{
	width:30%;
	float:left;
}


	
span.icon-cmsRight{float: right;
    font-size: 30px;
    margin-right: 12px;
    padding: 18px 22px;
    text-align: center;
    box-shadow: 1px 2px 1px #444;
    background: #fff;
    color: #21a0df;
    border-radius: 8px;}
	
.cloud-txt {
    width: 100%;
    float: left;
    margin-top: 38px;
    margin-bottom: 10px;
}

.cloud-box {
    width: 100%;
    float: left;
    position: relative;
}

.cloud-box:after {
       content: '';
    background: #fff;
    width: 180px;
    height: 1px;
    display: block;
    right: -98px;
    position: absolute;
    top: 24px;
}

img.cl-img-sm {
    width: 20%;
}

.ignite-icon {
    width: 100%;
    float: left;
}

.fa-tool {
   font-size: 23px!important;
    vertical-align: middle;
    color: #02b3e4;
    width: 48px;
    text-align: center;
    line-height: 44px;
    margin: 0 auto;
}

.req-bg{background: #f2f2f2;
    border-radius: 6px;
    padding: 10px 0;
    width: 100%;
    float: left;
    margin: 11px 0;}

.reqtxt-icon {
    width: 100%;
    float: left;
    text-align: center;
}

.reqtxt {
    width: 100%;
    float: left;
	text-align: center;
	min-height: 168px;
}	

.ignite-toolTxt {
    width: 100%;
    float: left;
    padding: 20px 0px 30px 0px;
}

.rich-group{
	width:100%;
	margin-top:6px;
}

.rich-plusapp {
    color: #484848;
    font-size: 28px;
    line-height: 40px;
}

.rel-txt{margin-top: 0px;}

.rel{
	color: #fff!important;
    font-size: 13px;
    line-height: 28px;
    text-align: left;
    text-transform: capitalize;
}

.reach{
	color: #fff!important;
    font-weight: bold;
    font-size: 26px;
    line-height: 34px;
}

.custom-lead{
	color: #fff!important;
    text-align: left;
    font-weight: bold;
    font-size: 26px;
    line-height: 34px;
}

h2.we-create {
    margin-top: 38px;
	    padding-right: 12px;
}

span.busi{font-size: 54px;
    display: block;
    text-align: left;
    color: #dcdcdc;
	position:relative}
	
span.busi:after{
	background: #eee;
    position: absolute;
    left: 20px;
    width: 144px;
    height: 1px;
    content: '';
    top: 20px;
}


span.impac-icon.knowwhy-icon {
    background: #fff;
    border-radius: 50%;
    padding: 14px 0px;
    font-weight: bold;
    margin: 0 auto 20px auto;
    display: block;
    width: 60px;
	box-shadow: 1px 2px 4px 0 rgba(0,0,0,.3);
}

.know-why {
    width: 100%;
    float: left;
    margin-top: 20px;
}


.cl-img-sm{
	margin: 0 auto;
    display: table;
}

.cmicon {
    width: 14%;
    float: left;
}

.cmicon-txt {
       width: 80%;
    float: left;
    margin-left: 14px;
}

span.icon-cmsLeft {
    padding: 8px 14px 8px 0px;
    text-align: center;
    border-right: 1px solid #afafaf;
}

span.icon-cmsLeft img {
   
}

.cloud-lead{padding:0 20px;
            color:#fff!important;}
			
.appwhy-box {
    width: 20%;
    float: left;
}

.sdlc-lead{
	color: #fff;
    border-left: 4px solid #fff;
    padding-left: 20px;
}

.sdlc-box {
    width: 100%;
    float: left;
    padding: 20px;
    position: relative;
}

.fast-box {
    width: 100%;
    float: left;
    position: relative;
}

.cloud-txt div:last-child .cloud-box:after {
    content: none;
}

.cro-ul ul {
    list-style: none;
}

.cro-ul {
    width: 18%;
    float: left;
    margin-top: 40px;
    margin: 0 12px;
    transition: 1s;
}

.cro-ul:hover {
    margin-top: -10px;
}

.cro-ul:last-child{margin-right:0px;}


.cro-ul ul li {
    text-align: left;
    padding: 16px 0px;
    font-size: 18px;
}

.cro-fa{padding-right:8px;}

.examine-icon {
    width: 80%;
}


.client_logos3 {
    float: left;
    width: 100%;
    text-align: center;
}

.client_logos3 ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
	list-style: none;
}


/*.client_logos3 li {	float: left;	width: 19.3%;	padding: 20px 0px;	text-align: center;	margin: 0 10px 10px 0;	border: 1px solid #eee;	vertical-align: middle;}*/

.client_logos3 li {
    border: 1px solid #eee;
    float: left;
    margin: 0 10px 10px 0;
    padding: 9px 0;
    text-align: center;
    vertical-align: middle;
    width: 15.3%;
    background-color: #fff;
    height: 119px;
	filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -webkit-transition: all .8s ease-in-out;
}

ul.animate.fadeIn li:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

.client_logos3 li.last {
    margin: 0 0px 10px 0;
}

.client_logos3 li img {
    display: block;
    margin: 0 auto;
}

.client_logos3.two {
    padding: 120px 0px;
    background: #f3f3f3;
}

.client_logos3.two li {
    border: 1px solid #fff;
    background: #fff;
}

.client_logos3.three li {
    padding: 35px 0px;
    width: 16.5%;
    margin: 0;
}

.examine-txt{margin-top:0px;}


.wellness-bg{width:100%; float:left; background:#fff;}

.customer-bg {
    width: 100%;
    float: left;
    padding: 0px 0;
}
span.img-circle {
}

span.sep-line {
    border-right: 1px solid #21a0df;
    height: 22px;
    display: block;
    margin-top: 6px;
    float: right;
}

.wellness-bg .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.customer {
    float: left;
}

.associate{width: 36%;
    float: left;}

.border-bg {
    float: left;
    padding: 44px 18px 18px 18px;
    text-align: left;
}

i.fa-well {
    font-size: 38px!important;
    vertical-align: middle;
    color: #02b3e4;
    width: 80px;
    height: 80px;
    text-align: center;
    background: #fff;
    line-height: 80px;
}

.Content-ul {
    width: 100%;
    float: left;
	margin: 30px 0px;
}
.Content-ul ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.Content-ul ul li {
        float: left;
    width: 11%;
    padding-bottom: 0px;
    margin-right: 45px;
    min-height: 120px;
    background: #21a0df;
    transition: 1s;
}

.Content-ul ul li:last-child{margin-right: 0px;}

.Content-ul ul li i {
   
}

.tabl.brand img {
    margin: 0 auto;
    display: table;
}

.Content-ul ul li i.content-fa {
    font-size: 33px;
    margin-top: -35px;
    background: #fff;
    border-radius: 50%;
    color: #0da9f7 !important;
    padding: 16px;
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.3);
}

span.lead {
    display: block;
}

.cms-nw{margin-top: 0px;}


.Content-ul ul li:hover{
    margin-top: -8px;
	background:#444;
}

.skill-icon {
    border-radius: 50%!important;
    width: 78px;
    height: 78px;
    line-height: 48px;
}

section.wanthow-bg {
	    width: 100%;
    float: left;
      background: linear-gradient(to bottom right,#02b3e4,#0271cc);
	margin-bottom:30px;
}

.wanthow-box {
    padding: 0px;
}

.improve-hd {
    padding: 20px 0px;
}

.wanthow-hd {
    padding: 20px 0px;
}
.want-bg{width: 98%;
    margin: 0px auto;
    padding: 20px 18px 0px 18px;
    position: relative;}

.team {
       width: 78%;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 230px 0;
}

.team p.lead {
	padding:20px 0px;
}

.grow-team {
    width: 100%;
    float: right;
}
	
.Robust-box {
    margin: -88px 0 28px 0;
}

.Robust-box .mar{
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.rline-bg {
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
    padding: 24px 0 0px 0px;
    box-shadow: 0px 4px 8px 0px #bdbdbd;
    min-height: 210px;
}

.rline-bg p {
    font-size: 15px;
    font-weight: bold;
    margin: 10px 8px;
    line-height: 26px;
}

.ro-img {
    width: 100%;
    height: 64px;
}

.rline-bg:after {
    position: absolute;
    background: linear-gradient(to bottom right, #02b3e4, #02ccba);
    content: '';
    width: 100%;
    height: 4px;
    left: 0px;
    top: 0px;
}

.tabl.brand {
    border: 1px solid #eee;
    padding: 10px 0px;
	filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -webkit-transition: all .8s ease-in-out;
}

.tabl.brand:hover{
   filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

.fe-hding{font-size:18px;
	text-transform: capitalize;
    line-height:24px;}

.b2b-head {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}

.adapt-bg{background: url(../images/1-3.jpg);
    padding: 30px 0 140px 0px;
    background-size: cover;
    background-repeat-y: no-repeat;
    background-repeat-x: no-repeat;
	}
	
i.take-fa {
    width: 74px;
    height: 72px;
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.3);
    text-align: center;
    line-height: 72px;
    font-size: 32px;
    color: #0393d4;
    border-radius: 50%;
	    background: #fff;
}

section.peak {
    padding-top: 28px;
}

.peak-txt{margin-top:40px;}

ul.ngo-demand li {
    padding: 8px 0;
}

.need-real p.hding {
    font-size: 26px;
    line-height: 40px;
}

.realteam{width:98%;}

.fa-dd {
    background: none;
    color: #0078ae;
    font-size: 24px!important;
}

.text-box3.look-digi{ min-height: 398px !important;cursor: default;}

.maketo{box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    position: relative;
    border-radius: 5px;
    background-color: #fff;
    -webkit-transform: translateY(0);
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin: 14px 4px;
    padding-top: 8px;
	
}

.cms-dash{float: right;
    position: absolute;
    top: -105px;
    right: 1px;}
	
.socialweb-dash{float: right;
    position: absolute;
    top: -105px;
    right: 1px;}
	

.cloudapp {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    position: relative;
    border-radius: 5px;
    background-color: #20A0DE;
    -webkit-transform: translateY(0);
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);

    padding-top: 8px;
	    margin: 94px 0 18px 4px;
}

.cloudapptxt{-webkit-transform: translateY(0);
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
	    margin-top: -58px;
		padding-bottom: 8px;}

.cloudapp,.cloudapptxt:hover {
    -webkit-transform: translateY(-7%);
    transform: translateY(-7%);
}

.cloudapp p {
    padding: 0 30px;
    text-align: center!important;
    color: #fff;
}

.panel-heading{
    cursor: pointer;
}

.plusapp{color: #484848;
    font-size: 28px;
    line-height: 44px;}
	
.plus-res{color: #484848;
    font-size: 28px;
    line-height: 35px;}
	
.pro-app {
        padding: 4px 4px;
}

.pro-app, .expand {
    line-height: 20px;
    margin-bottom: 0px!important;
    font-size: 16px!important;
}

.pro-app, .expand, span.hding2 {
    font-size: 16px;
}

.mpp{width: 58%;
    position: absolute;
    left: 68px;}

	
img.img-responsive.real-dash {
    position: absolute;
    top: 41px;
    z-index: 1;
}

img.img-responsive.b2b-img {
    position: absolute;
    top:-35px;
    z-index: 1;
}

img.img-responsive.b2b-dev-img {
    position: absolute;
    top: 4px;
    z-index: 1;
    width: 53%;
    left: 50%;
    transform: translate(-50%);
}

img.img-responsive.fac-img {
    position: absolute;
    left: -60px;
}

.realestate-banner{background-image: url('../images/rel-bg.jpg'); overflow:visible!important; background-size:cover; background-repeat:no-repeat;}

.fac-bg{background: #e7e7e7;
    background-size: contain!important;
    background-repeat: no-repeat;
    padding-bottom: 0px;}
	
.strat-bg {
    width: 100%;
    margin: 0 auto 40px auto;
}

.gain-txt {
    width: 84%;
    margin: 0 auto 10px auto;
}

.comp-bg{background: #fff;
    background-size: contain!important;
    background-repeat: no-repeat;
    padding-bottom: 0px;}
	
.gain-bg{background: #595959;
    background-size: contain!important;
    background-repeat: no-repeat;
    padding-bottom: 0px;}

.b2b-blue {
    width: 50%;
    float: right;
    background: #0d99dec4;
    padding: 48px;
	box-shadow: 2px 2px 5px 3px #a7a7a763;
	border-radius: 14px;
}

.b2-btn-web {
    width: 100%;
    margin-left: 0px;
}

.mbl-img{position: absolute; top:-60px; right: 0px;}

.sta-img{position: absolute; top: -50px;}

.hour-img{position: absolute;
    top: -9px;
    left: -180px;
    max-width: unset;}

.d-none{display:none;}

.d-block{display:block;}

.btn-ach {
    margin-left: 60px;
}

.b2-txt {
    margin:28px 0 164px 58px;
}

.cont-b2b {
    width: 100%;
    background: #0d99de;
    float: left;
    margin: -158px 0 0 0;
	padding: 50px 30px;
	box-shadow: 3px 3px 5px 3px #9696969e;
}

.cont-b2b img {
    margin: 0 auto;
    display: table;
}

.adicon{width:100%;
       float:left;
	   overflow:inherit;}

.cont-b2b span {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 700;
	text-align: center;
}

.cro-demand span{color: #444;
    display: block;
    font-size: 16px;
    font-weight: 700;
	text-align: center;
	margin-top: 28px;}
	
.btn-hr {
    width: 35%;
    margin: 0 auto;
	display: table;
	padding: 20px 0 40px 0;
}

section.result-drive.need-soft {
    background: url(../images/mob-appd.jpg) no-repeat bottom center;
    background-size: contain;
    padding-bottom: 328px;
}

.dynamicWeb-img{position: absolute; top:-9px; right: 0px;}

.mag-screen{position: absolute; top: 0px; right: 0px; z-index: 1;}

.b2-dev {width: 48%;
    margin: 0 auto;
    border: 1px solid #696969;
    background-size: contain;
    padding: 0px 24px 48px 24px;
}
.do-you{
    padding: 30px 0 98px 0px;
    background-size: contain;}

.b2-specific {
    margin-top: 70px;
}

.b2-txt-shade {
    margin: -108px 0 0 0;
    width: 100%;
    float: left;
    background: url(../images/24-dev.jpg) no-repeat;
    background-size: cover;
}

.b2-shade{background: #000000de; padding: 70px 48px;}

.ach {
    width: 100%;
    float: left;
    background: #222528 ;
}

.ach-con{padding-right: 0px;
    padding-left: 0px;}
	
.gery-con{width:33.33%; float:left;}

.geryimg-con{width:33.33%; float:left;}

.gery-con p.hding {
    margin: 74px 0 0 0;
    padding: 0 60px;
} 

.blueimg-con{width:33.33%; float:left;background: url(../images/11.jpg) no-repeat;padding: 21px 0; background-size: cover;min-height: 400px;}

.blueimg-con p {
    padding: 0 41px;
}

.geryimg-con img.img-responsive {
    min-height:418px;
}

.do-you .circlecta {
    background-color: #20A0DE;
    color: #fff;
    box-shadow: 2px 2px 8px 2px #989898c7;
    width: 438px;
    display: table-cell;
    vertical-align: middle;
    padding: 58px 0 89px 0px;
    position: relative;
    top: 30px;
    right: 10px;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: 39px 321px;
    overflow: hidden;
    border-radius: 38px;
}


.dev-cmicon {
    width: 100%;
    float: left;
    position: relative;
}

.dev-cmicon-txt {
    width: 100%;
    float: left;
    text-align: center;
    box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.39);
    min-height: 240px;
    margin-bottom: 34px;
    margin-top: 60px;
    padding: 48px 8px 0 8px;
}


span.dev-icon-cmsLeft {
    text-align: center;
    width: 85px;
    height: 85px;
    display: block;
    border-radius: 50%;
    background-clip: padding-box;
    overflow: hidden;
    position: absolute;
    top: 8px;
    right: 0;
    left: 0;
    margin: auto;
    background: #09adfd;
    box-shadow: 1px 4px 4px #73737363;
}
span.dev-icon-cmsLeft img {
    text-align: center;
    margin: 20px 0 0 0;
}

.do-you .circlecta {
    background-color: #20A0DE;
    color: #fff;
    box-shadow: 2px 2px 8px 2px #989898c7;
    width: 438px;
    display: table-cell;
    vertical-align: middle;
    padding: 58px 0 89px 0px;
    position: relative;
    top: 30px;
    right: 10px;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: 39px 321px;
    overflow: hidden;
    border-radius: 38px;
}

.blue-box-bg {
    width: 100%;
    float: left;
    padding: 20px 34px;
    position: relative;
    border: 1px solid #636363;
}

.ben-of{padding: 0 40px;
    width: 84%;
    margin: 0 auto;}

.ben-txt {
    background-image: linear-gradient(to bottom right,#02b3e4,#02ccba);
    padding: 60px 30px 20px 30px;
    min-height: 298px;
	margin: 61px 0 0 0;
}

.outcome{width:50%; float:left;}

.outcome ul li {
    width: 100%;
    float: left;
	list-style: none;
	font-size: 16px;
}
.time-bg p.hding2 {
    padding-top: 44px;
}

.time-bg {
    box-shadow: 1px 2px 4px #4446;
    min-height: 248px;
    padding: 0 10px;
    position: relative;
	margin: 80px 0 0 0;
}

span.timeimg {
    display: block;
    margin: 0px 0 0 0;
    transition: all .4s ease 0s;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: -60px;
	transition: all .4s ease 0s;
}

span.timeimg:hover {
    top: -70px;
}

span.benpic {
    display: block;
    margin: -128px 0 0 0;
    transition: all .4s ease 0s;
}

span.benpic:hover {
    margin: -138px 0 0 0;
}

#one #accordion {
    margin-top: 28px;
}


.opti-cro {
    margin-bottom: 60px;
    width: 100%;
    float: left;
}

.cro-demand {
    margin-top: 40px;
}

.responsive-bg {
}

.res-img-bg img {
    position: absolute;
    top: 24px;
    left: 0px;
}

.res-img-bg{
    position: relative!important;
}

.wr-padding .hding {
    padding: 30px 0 20px 0;
}

.tranfer-yr {
    background: #f1f1f1;
    padding: 30px 0px;
    background-size: contain;
    background-repeat: no-repeat;
}

.wr-padding {margin: 0px auto;
    width: 100%;
    float: left;
	position: relative;}
	
.lack-img {
    position: absolute;
    top: 0px;
}	

.are-you{margin: 0px auto;
    width: 100%;
    float: left;
	background:#fff;}
	
.wr-blue {
    float: left;
}


span.icon-set {
    text-align: center;
    background:#fff url(../images/icon-set.png);
    background-position: 142px -616px;
    width: 150px;
    height: 150px;
    display: block;
	box-shadow: 2px 1px 3px 1px #0000005c;
    border-radius: 50%;
    margin: 0 auto;
}
span.icon-set3 {
    background-position: 142px -366px;
}

span.icon-set1 {
    background-position: 276px 638px;
}
span.icon-set2 {
background-position: 147px -488px;}

.think-bg {
    width: 100%;
    float: left;
    padding: 10px 20px;
    box-shadow: 2px 4px 5px 2px rgba(0, 0, 0, 0.19);
    background: #21a0df;
}

.whe-on {
    width: 100%;
    float: left;
    padding: 10px 20px;
    box-shadow: 2px 4px 5px 2px rgba(0, 0, 0, 0.19);
    background: url(../images/11.jpg) no-repeat;
    background-size: cover;
}

.wr-blue p {
    text-align: center;
    margin-top: 28px;
}

.be-ready {
    width: 100%;
    float: left;
    padding: 20px 30px;
    background: #f1f1f1 ;
}

.onlinerup-img{position: absolute; top:-54px; right: 0px;}

.wr-grey {
    background: #333;
}

.wr-light.wr-blue {
    background: #a7a7a7;
}

.padding-wrt {
    padding-left: 0px;
    padding-right: 0px;
}


.fa-wr-tool {
   font-size: 23px!important;
    vertical-align: middle;
    color: #02b3e4;
    width: 48px;
    text-align: center;
    line-height: 44px;
    margin: 0 auto;
}

span.sc-icon {
    width: 70px;
    float: left;
    box-shadow: 2px 4px 5px 2px rgba(0, 0, 0, 0.19);
    transform: rotate(45deg);
    height: 70px;
	    margin: 10px 0 18px 0;
}
span.sc-icon img {
    transform: rotate(-45deg);
    width: 44px;
    margin: 12px;
}
.sc-bg{ width: 100%;
    float: left;margin:0px 0px 20px 0px;}
	
span.media-no {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 62px;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    position: relative;
    box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, 0.22);
    background:#004e6d;
}


span.media-no2{background:#016a94 !important;}

span.media-no3{background:#008ec7 !important;}

span.media-no4{background:#05b7ff!important;}


.mediano-bg {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

span.media-no:after {
    background: #444;
    height: 62px;
    width: 2px;
    content: '';
    position: absolute;
    bottom: -64px;
    transform: translate(-50%);
    left: 50%;
}

span.line-none{width: 62px;
    height: 62px;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 62px;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    position: relative;
    box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, 0.22);
    background: #3fc8ff;}
	
.box-human {
    width: 100%;
    float: left;
    box-shadow: 2px 4px 5px 2px rgba(0, 0, 0, 0.19);
    padding: 10px 20px;
	    min-height: 88px;
}

label.tab-circle{position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 152px;
    height: 152px;
    border-radius: 50%;
    background: #f7f7f7;
    box-shadow: inset 0 3px 4px rgba(0,0,0,.2);
    content: "";
    z-index: 1;
    transition: all .2s;
	 }

label.tab-circle em {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 134px;
    height: 134px;
    background: #20a0de;
    color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,.05);
    font: 700 57px/118px Roboto,sans-serif;
    text-align: center;
    z-index: 2;
    transition: all .2s;
	   font-size: 18px!important;
}

ul.circle-tab-line:{position:relative;}

ul.circle-tab-line:after {
    background: #20a0de;
    height: 6px;
    width: 100%;
    content: '';
    position: absolute;
    top: 185px;
    transform: translate(-50%,-50%);
    left: 50%;
}

label.tab-circle {
    cursor: pointer!important;
}

label.tab-circle:hover {
    background: #20a0de;
}

label.tab-circle em:hover {
    background: #2ab7fb;
}

.slider.slider-icon {
    margin-top: 25px!important;
    width: 25%!important;
}

.content.tab-explore {
    min-height: 318px;
	background: #fff;
}

.unclear{min-height:178px!important; background: #fff;}

.unclear-bg{margin-top:54px;}

span.common-icon {
    background: #fff !important;
	border-radius: 8px!important; 
}

.common-bg{min-height:278px!important;background: #fff; border-radius: 8px!important;}

i.fa-tool.faicon-com {
    line-height: 78px;
    font-size: 38px!important;
	
}


.ecom-dash{width: 80%;
    margin: -10px auto 0 auto;
    display: table;}
	
	
.gh-img {
    float: right;
    position: absolute;
    top: -80px;
    right: 1px;
}

.gh-icon-bg {
    margin-bottom: 10px;
    width: 100%;
    float: left;
}

span.hding2.fa-gh-txt {
    font-size: 15px!important;
    text-align: center!important;
    text-transform: unset;
    line-height: 25px;
    margin-bottom: 0px;
    display: block;
    color: #444;
    min-height: 55px;
    padding: 0 0px;
}

i.fa-gh {
    text-align: center;
    margin: 0 auto;
    display: table;
    color: #444;
    font-size: 32px!important;
}

.gh-pic-bg{
	position: absolute;
    left: -120px;
    width: 100%;}

i.es-icon {
    width: 98px;
    margin: 0 auto;
    display: table;
}
	
span.icon-st {
    margin: 0 auto;
    width: 100px;
    display: table;
    padding: 18px 0px;
    border-radius: 50%;
}

.st-ic-bg {
    border-top: 2px solid #06b4ff;
    box-shadow: 2px 2px 4px 0px #00000030;
    min-height: 188px;
	transition: 1s;
}

.st-ic-bg:hover{margin-top: -10px;}

span.icon-st {
    margin: 0 auto;
    width: 100px;
    display: table;
    padding: 18px 0px;
    border-radius: 50%;
}

.ul_left_arrow li {
    float: left;
	width:100%;
}

.btn2 {font-size: 14px;}

.emb-bg {
   
}

.reput-box {
    padding: 10px;
    min-height: 200px;
}

.dev-cmicon-txt.rupt-online {
    min-height: 268px;
	background: #fff;
}

.rupticon-box {
    width: 20%;
    float: left;
    padding: 0 10px;
}
.graphic-bg{background: url(../images/gh-bg.jpg);
    overflow: visible;
    padding: 198px 0px 180px;
    background-size: cover;
    background-repeat: no-repeat;
}

.ul_left_arrow.pay-seo li{float:none;}

.pay-seo{width:50%; float:left;}

img.start-upimg {
    position: absolute;
    top: 37px;
    left: 0px;
}

span.way-business{display:none;}


.magentoapp {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    position: relative;
    border-radius: 5px;
    background-color: #ffffff;
    -webkit-transform: translateY(0);
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    padding-top: 8px;
	margin: 94px 0 0px 4px;
	min-height:368px;
}

.magentoapptxt{-webkit-transform: translateY(0);
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
	    margin-top: -58px;
		padding-bottom: 8px;}

.magentoapp,.magentoapptxt:hover {
       -webkit-transform: translateY(-2%);
    transform: translateY(-2%);
}

.magentoapp p {
    padding: 0 20px;
    text-align: center!important; 
}

.best-magento {
    width: 18%;
    float: left;
    box-shadow: 1px 1px 3px 2px #44444438;
    padding: 0 10px;
    margin: 0 10px;
    min-height: 328px;
    border-bottom: 3px solid #fff;
    transition: 1s ease all;
	padding-top: 0px;
	margin-top: 48px;
}

.magento-txt {
    margin-top: -40px;
}

.best-magento:hover{border-bottom: 3px solid #00a6f9;margin-top:38px;}

.ipeco-img {position: absolute;width: 92%;}

.wchoose-features.magento-process.clearfix {
    width: 100%;
    float: left;
}

.thankyou-bg {
    width: 100%;
    float: left;
    background: #f2f2f2;
}

.thankyou-txt {
    margin: 28px 0 20px 0;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 18px;
	box-shadow: 0 1px 0 #fff;
}

.wp_socials {
    width: 100%;
    float: left;
	border-bottom: 1px solid #d8d8d8;
	 padding-bottom: 18px;
	 box-shadow: 0 1px 0 #fff;
}

i.fa.fa-facebook.social-fa {
    width: 40px;
    height: 40px;
    background: #337ab7;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    line-height: 40px;
	    margin-right: 8px;
}

.social-tw {
    width: 40px;
    height: 40px;
    background:#209fd9;
    border-radius: 50%;
    text-align: center;
    color: #fff;
	    margin-right: 8px;
    line-height: 40px;
}

button.btn.thank-btn {
    background: #337ab7;
}

.button-thank {
    width: 100%;
    float: left;
    margin-top: 40px;
}


.b2b-banner{background: url(../images/b2bw-bg.jpg) center top / cover no-repeat;
    overflow: visible;
    animation: zoom 5s infinite;
    padding: 160px 0 52px 0px;
}

.b2b-flap{position: absolute;
    top: 4px;
    left: -100px;
    max-width: unset;}
	
.b2wd{position: absolute; top: -8px; right: 0px; z-index: 1;}

.banner-ngo{background-image: url(../images/ngo-blue-bg.jpg); padding: 164px 0px 308px; overflow: visible; 
  background-size:cover; background-repeat:no-repeat;}

.ngo-flap {
    position: absolute;
   /* top: -57px;*/
    right: 0px;
    z-index: 1;
}

.conta-banner{background: url(../images/cont-bg.jpg) center top / cover no-repeat;
    overflow: visible;
    animation: zoom 5s infinite;
    padding: 114px 0 74px 0px!important;
}

.cont-form {
    background-image: -webkit-gradient(linear,left top,right bottom,from(#02b3e4),to(#02ccba));
    background-image: linear-gradient(to bottom right,#02b3e4,#02ccba);
    width: 100%;
    float: left;
    margin-top: -88px;
	padding: 0 30px;
	border-radius: 18px;
}

ul.contact-info-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pi-contact-icon-box {
    display: inline-block;
    vertical-align: text-top;
	    width: 38px;
}

.pi-contact-content {
    display: inline-block;
    vertical-align: text-top;
    position: relative;
    padding-left: 20px;
}

.pi-contact-content:before {
    height: 100%;
    position: absolute;
    content: '';
    width: 1px;
    background: #e4e4e4;
    left: 0%;
    top: 0;
    bottom: 0;
}

.pi-contact-icon-box i {
    color: #0a7db1;
    text-align: center;
    font-size: 20px;
    vertical-align: middle;
    height: 100%;
    padding: 0 10px;
}

.add-cont{padding: 0px 20px 28px 28px;
    margin-top: 0px;}

ul.contact-info-list li {
    padding: 8px 0px;
}


.cont-form button.btn2.btn-primary {
    border: 0px;
    padding: 7px 14px;
    margin: 13px 0px;
}


.service-icons {
    padding: 10px 0 5px 0;
    min-height: 148px;
}

.service-icons:hover {
    background: rgba(0,157,220,.25);
    box-shadow: inset 4px 4px 10px -4px rgba(0,0,0,.3);
    transition: all .3s linear;
    border-radius: 3px;
    padding: 10px 0 5px 0;
}

.services-icons {
    width: 180px;
    height: 180px;
    box-shadow: rgb(222, 222, 222) 5px 0px 5px;
    border-radius: 50%;
	margin: 10px auto;
	padding: 30px 0px;
	background: linear-gradient(to bottom right,#02b3e4,#0098e0);
}

.services-icons:hover {
    background: rgba(204, 204, 204, 0.25);
    transition: all .3s linear;
    box-shadow: inset 4px 4px 10px -4px rgba(0,0,0,.3);
   border-radius: 50%;
    padding: 18px 0 5px 0;
}
 
.txt-none{color:#fff!important;font-size: 16px;}

.services-icons:hover .txt-none{color:#333!important;}

.img-none{display:none;}

.services-icons:hover .img1-none{display:none;}

.services-icons:hover .img-none{display:block;}

.icon-shade{background-image: -webkit-gradient(linear,left top,right bottom,from(#02b3e4),to(#02ccba));
    background-image: linear-gradient(to bottom right,#02b3e4,#02ccba);
    padding: 40px 0 58px 0;}

.shade-box {
       background: #fff;
    padding: 20px 0px;
    margin: 10px 0px;
}

.subscribe-bg{margin:0px auto 0 auto; display:table;}

.sub-feild{float: left;}

.ge_quote{
    float: right;
    width: 138px;
    margin-bottom: -8px;
    padding: 8px 0 0 0;
}

.header-sticky .ge_quote a.smoothScroll {
    color: #444!important;
}

.header-sticky .ge_quote span.fa{color: #444!important;}

.navn{width:100%;float:left;}


.get-shop a i {
    line-height: 60px!important;
}

#header.header-sticky:not(.header-static), #header.header-sticky:not(.header-static) #header-wrap, #header.header-sticky:not(.header-static) #logo img, #header.header-sticky:not(.header-static) nav#mainMenu ul.main-menu, #header.header-sticky:not(.header-static) #mainMenu > ul > li > a, #header.header-sticky:not(.header-static) #shopping-cart a, #header.header-sticky:not(.header-static) #top-search a, #header.header-sticky:not(.header-static) .side-panel-button {
    height: 84px;
}

.ser-leader {
    margin: 28px 0 0 0;
}

.le-img {
    width: 100%;
    height: 108px;
}

.le-bg {
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
    padding: 24px 0 0px 0px;
    box-shadow: 0px 4px 8px 0px #bdbdbd;
    min-height: 210px;
}

.le-bg:after {
    position: absolute;
    background: linear-gradient(to bottom right, #3c91c8, #3b90c7);
    content: '';
    width: 100%;
    height: 4px;
    left: 0px;
    top: 0px;
}

.open-sr-blue {
	width:100%;
    float: left;
    box-shadow: 0px 4px 8px 0px #bdbdbd;
    background: #fff;
	text-align:center;
	    border-radius: 21px 0 21px 0px;
}

span.open-sr {
    margin: 0 auto;
    display: table;
}

.po-img{width:100%;}

.social-bg{width: 100%;
    float: left;
    margin: 24px 0;}

.social-icon{width:100%; float:left;}

.social-icon-txt{width:100%; float:left;border-left: 1px solid #fff;}

.be-partners{width: 100%;
    float: left;
    box-shadow: 2px 2px 28px 8px #44444438;
    border-radius: 20px;
    padding: 10px 0;
    margin: 20px 0px;}
	
.roi {
    width: 100%;
    float: left;
    margin: 20px 0px;
}

.roi:after {
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(../images/c-line.jpg);
    content: '';
    height: 100%;
    width: 16px;
	background-repeat: no-repeat;
}


/******End  css*****/

/******STyle Section css*****/

body,html{
    padding:0px;
	margin:0px;
}
body{font-family: 'Montserrat', sans-serif;background-color:#fff !important}
.container{padding-left:0px !important;padding-right:0px !important;}
.row{
	margin-left:0px !important;
	margin-right:0px !important;
}
.post-item{
	height:745px !important;
}
/* Start home accordian style */
.btn-tyle{width:100% !important;text-align:left !important;background-color: transparent !important;border:none !important;}
.btn-tyle:hover {color: #21A0DF !important;}
/* End home accordian style */
#slider_page{
	position:relative;
	width:100%;
}
.work_above_rw{
	width:100%;
	margin:50px auto;
}
.rw_box{
	padding-left:0px !important;
	padding-right:0px !important;
}
.inner_rw_box{
	height:170px;
	
	text-align:center;
	transition:all 0.3s ease;
	cursor:pointer;
	background-color:white;
	padding-left:0px !important;
	padding-right:0px !important;
	border: 1px solid #f1f1f1 !important;
}
.inbox{
	position: relative;
    top: 40px;
}	
.box_text{
	font-size:15.5px;
	font-weight:700;
	color:#111;
}
.right_deatils_slider{
	border:1px solid rgba(128, 128, 128, 0.1);
	background-color:white;
}
.sm-slideitems h3{
	text-align: center;
    line-height: 32px;
    letter-spacing: 1px;
    color:#21a0df;
	text-transform:capitalize;
    padding: 10px;
    font-size:24px;
    font-weight: 700;
	margin-bottom:0px;
}
.imginr{
	width:195px;
    margin: auto;
}
.para-item{
	font-size: 16px;
    line-height: 1.5;
    text-align: justify;
	padding: 0px 20px;
}
.sellnavs{
	padding-top: 13px;
    padding-bottom: 7px;
	position:absolute;
	bottom:0px;
	width:100%;
}
.sellnavs-viewall{
	float: right;
    background-color: #111;
    color:#fff !important;
	text-decoration:none !important;
    padding: 5px 15px;
    margin-right: 7px;
    border-radius: 4px;
}
.sellnavs-viewall:hover{
	background-color:rgba(17, 17, 17, 0.71);
}
.textlft{
	background-color: #111;
    color: #fff !important;
    width: 27px;
	transition:all 0.3s ease;
    text-align: center;
    margin-left: 10px;
    border-radius: 5px;
}
.textlft:hover{
	background-color:rgba(17, 17, 17, 0.71);
}
.slider_work_box_here{
    overflow: hidden;
    position:relative !important;
    left:0;
    transition:all 0.5s ease;
    padding-left:0px !important;
    padding-right:0px !important;
    height:510px;
}
.sm-slideitems.item {
    position: absolute;
    left: 0px;
	opacity:0;
	z-index:10;
    background-color: white;
    height:510px;
}
.sm-slideitems ul{
	padding-left:60px;
}
.sm-slideitems ul li{
	list-style-type:disc !important;
}
.textlft{
	background-color: #555;
    color: #fff !important;
    width: 27px;
    height: 35px;
    text-align: center;
    padding-top: 10px;
    margin-left: 10px;
    border-radius: 5px;
}
.imgin{
	width:200px;
}
.discribe-image{
	text-align:center;
	padding:20px;
}
.actItem{
	opacity:1 !important;
	transition:all 1.3s ease;
	z-index:20 !important;
}
.chrt{
	font-size:55px;
    display: inline-block;
    color: #21a0df;
	padding-bottom:10px;
}
.active{
	background-color:transparent !important;
}
.active>.inbox>.inti>.chrt{
	color:#fff !important;
}
.active>.inbox>.inti>.chrt12{
	color:#fff !important;
}
.active>.inbox>.box_text{
	color:#fff !important;
}
.inner-box{
	color:#444 !important;
	position:relative;
	cursor:pointer;
}
.form-dwn{
	background-color:white !important;
    padding:10px !important;
	margin-bottom:5px !important;
	height: 50px;
    overflow: hidden;
}
.ontime{
	height:auto !important;
}
.flipt{
	cursor:pointer;
}


/*.dt-laptop-slider{
  width:30%;
  float: right;
  margin-right: -150px;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/179949/macbook.png');
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  width: 900px;
  z-index:4;
}*/
.dt-laptop-slider {
    width: 53%;
    float: right;
    margin-right: -93px;
    background:url(../img/macbook.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    /* width: 900px; */
    z-index: 4;
}
.laptop-screen {
    margin: 54px 133px;
    width: 100%;
    height: 308px;
    overflow: hidden;
    position: relative;
}
/*.laptop-screen{
  margin: 67px 167px;
  width: 570px;
  height: 390px;
  overflow: hidden;
  position: relative;

}*/
.app-shot{
  position:absolute;
  animation:round 16s infinite;
  opacity:0;
  z-index:-1;
  margin-left: auto;
  margin-right: auto;
  display: block;
  
}
@keyframes round{   
  25%{opacity:1;}
  40%{opacity:0;}
} 

img:nth-child(4){animation-delay:0s;}
img:nth-child(3){animation-delay:4s;}
img:nth-child(2){animation-delay:8s;}
img:nth-child(1){animation-delay:12s;}
.line-btnn{width: 100%;text-align: left;position: relative;background-color: transparent;border: none;}
	 .line-btnn:hover{color:#21a0df;}
	 .new_onsign{position:absolute !important;right: 0px;top: 3px;}
	 .white_path {
    background: #02BAD9;
}
.white_path path {
    fill: #fff;
    stroke: #fff;
    stroke-width: 0;
}
.white_path2 {
    background: #fff;
}
.white_path2 path {
    fill: #20A0DE;
    stroke: #20A0DE;
    stroke-width: 0;
}
.icodv img{ border-radius:50%;transition: all 0.3s ease;box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}	
.icodv:hover img{}	

.screen {
  width: 300px;
  height: 320px; /* half image height*/
  position: relative;
  background:url(https://impalastudios.com/images/mockup-vector-tablet.png);
  overflow: hidden;
  border: 10px solid #000;
  border-radius: 10px 10px 0 0;
  margin: 20px;
  background: #fff;
  cursor: pointer;
}
.screen img {
  position: absolute;
  left: 0;
  top: 0;
  transition: transform 1s ease-in-out 0.5s;
}
.screen:hover img {
  transform: translateY(-50%);
}



#circlered {
    background: #F15F38;
    border-radius: 50%;
	width:200px; height:200px;

	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  transition: box-shadow background-color 0.9s ease-in-out:

}
#circlered:hover {
    background: #333;
	
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	
}

#circlered2 {
    background: #6BB0CF;
    border-radius: 50%;
	width:200px; height:200px;

	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  transition: box-shadow background-color 0.9s ease-in-out:

}
#circlered2:hover {
    background: #333;
	
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	
}
#circlered3 {
    background: #E58892;
    border-radius: 50%;
	width:200px; height:200px;

	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  transition: box-shadow background-color 0.9s ease-in-out:

}
#circlered3:hover {
    background: #333;
	
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	
}
#circlered4 {
    background: #5FCDCA;
    border-radius: 50%;
	width:200px; height:200px;

	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  transition: box-shadow background-color 0.9s ease-in-out:

}
#circlered4:hover {
    background: #333;
	
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	
}
#circlered5 {
    background: #DF2D3B;
    border-radius: 50%;
	width:200px; height:200px;

	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  transition: box-shadow background-color 0.9s ease-in-out:

}
#circlered5:hover {
    background: #333;
	
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	
}
#circlered6 {
    background: #B4B830;
    border-radius: 50%;
	width:200px; height:200px;

	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  transition: box-shadow background-color 0.9s ease-in-out:

}
#circlered6:hover {
    background: #333;
	
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	
}