

.exp-list{max-width:1100px;margin: 0 auto;}

/*Footer element css*/
.address .globe-icon {
	fill: #413e62;
}
.address .pin-icon {
	fill: #ff5e71;
}
.address .crcle-svg {
	fill: #413e62;
}
.address .phone-svg {
	fill: #ff5e71;
}
.address .msg-svg {
	fill: #413e62;
}
.address .msg-arrow-svg {
	fill: #ff5e71;
}
.copy-right-sttmnts::before {
	background-color: #25293b;
}
.row.copy-right-sttmnts::after {
	backgroung-color: #17182b;
}
.footer-links {
	background: #211f3d;
}
#footer .address {
	background: #1a1835;
}
.copy-right-sttmnts {
	background-color: #211f3d;
}
#footer .get-in-touch {
	background: #ff5e71;
}
.total-exp {
	background: #191731;
}
#footer .get-in-touch .cell.getin h5::after {
	background: #e83d51;
}
#footer .address h4 {
	border-bottom: 1px solid #2c2a4c;
}
/*Footer element css*/

/*Footer crcle*/

.exp-list .circle.experts {
	background: #5c5eaf;
}
.exp-list .circle.year {
	background: #e68e18;
}
.exp-list .circle.completed {
	background: #ff5e71;
}
.exp-list .circle.trust {
	background: #5cb1b5;
}
.exp-list .circle.completed h3 {
	color: #ec384e;
}
.ft_exp{min-height:631px;}
/*Footer crcle*/

#wrapper {
    overflow: hidden;
}



.bg-animation {
	width: 100%;
	height: 100%;
    overflow-x:hidden;
   
	background: url(../../img2/bg-animation.png) repeat;
	-webkit-animation: backgroundScroll 200s linear infinite;
	animation: backgroundScroll 200s linear infinite;
     background-color:#37326a;
}
 @-webkit-keyframes backgroundScroll {
from {
background-position:0 100%;
}
to {
background-position:0 0;
}
}
 @keyframes backgroundScroll {
from {
background-position:0 100%;
}
to {
background-position:0 0;
}
}




#effect1 {   
    transform: translatex(-50px);
    
}







.bc-white {
	background: #fff;
}
.darkblue {
	background-color: rgba(55,50,106,0.5);
}

.recommened-reading a.text-link {
    background-color: #e89823;
    margin-top: 20px;
    padding: 10px 20px;
    position: relative;
    bottom:0;
}
.banner-bg {
	background-color: #37326a;
	background-image: url("../../img2/bnr-bg.jpg");
	background-position: center bottom;
	min-height: 620px;
	background-size: cover;
	padding-top: 40px;
    position: relative;
    overflow: hidden;
}
.ux-banner h1 {
	color: #ffffff;
	font-size: 42px;
	font-family: "helveticaneuecyrbold";
	text-align: center;
}

.svg-banner svg {
    display: block;
    margin: 0 auto;
    width:100%;
    padding:0 10px;
}



.svg-banner .cls-1 {fill: #27b0c1;}
.svg-banner .cls-11,.svg-banner .cls-2,.svg-banner .cls-5 {fill: #fff;}
.svg-banner .cls-10,.svg-banner .cls-3 {fill: #42c3d3;stroke: #42c3d3;}
.svg-banner .cls-11,.svg-banner .cls-4,.svg-banner .cls-5 {font-size: 14px;}
.svg-banner .cls-5 {text-anchor: end;}
.svg-banner .cls-11, .svg-banner .cls-5 {font-family: "Open Sans";}
.svg-banner .cls-6 {fill: #c69cda;}
.svg-banner .cls-7 {fill: #e89823;}
.svg-banner .cls-8 {fill: #371764;}
.svg-banner .cls-9 {fill: #ea9a24;}
   

.uxo-svg .cls-1 {fill: #ebebeb;}
.uxo-svg .cls-1,.uxo-svg .cls-3,.uxo-svg .cls-4 {fill-rule: evenodd;}
.uxo-svg .cls-2 {fill: #460c72;}
.uxo-svg .cls-3 {fill: #551f7f;}
.uxo-svg .cls-4 {stroke: #551f7f;stroke-width: 8px;stroke-dasharray: 32,16;fill: none;}

.visitor--svg .cls-1 {fill: #504b82;}
.visitor--svg .cls-2,.visitor--svg .cls-5 {fill: #42c3d3;}
.visitor--svg .cls-3, .visitor--svg .cls-4 {fill: #fff;}
.visitor--svg .cls-3, .visitor--svg .cls-5, .visitor--svg .cls-6, .visitor--svg .cls-7, .visitor--svg .cls-8,.visitor--svg .cls-9 {fill-rule: evenodd;}
.visitor--svg .cls-6 {fill: #90e7f2;}
.visitor--svg .cls-7 {fill: #37326a;}
.visitor--svg .cls-8 {fill: #ff5e71;}
.visitor--svg .cls-9 {fill: #615c94;}



.text-pnl .theme-heading h2 {
	text-align: left;
	font-size: 35px;
}
.svg-img > img {
	max-width: 100%;
}
.two-grid .grid {
	display: inline-block;
	width: 49%;
	padding: 0 30px;
	vertical-align: middle;
	direction: ltr;
} 
.img-box {
    position: relative;
}
.two-grid {
	margin: 0 -30px;
}
.two-grid.rtl {
	direction: rtl;
}
.text-pnl > p {
	color: #555555;
	font-size: 16px;
	line-height: 1.4;
	text-align: justify;
}
.text-pnl p.big-text {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
}
.text-pnl p.midium-text {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
}
.btns .btn-theme {
    display: inline-block;
    font-size: 22px;
    padding: 12px 26px;
    vertical-align: middle;
}
.btns {
	padding: 10px 0 0;
}
.btn-theme.purpl-btn {
	background-color: #451268;
	border-color: #451268;
	color: #ffffff;
}
.btn-theme.orng-btn {
	background-color: #e89823;
	border-color: #e89823;
	color: #ffffff;
}
.textblock > h2 {
	color: #fff;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 40px;
	font-size: 32px;
}
.textblock.white > h2 {
	color: #000000;
}
.textblock.white > p {
	color: #545353;
}
.textblock > h2:after {
	width: 77px;
	height: 4px;
	background-color: #aea9dd;
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
}
.textblock > p {
	color: #b9b7cf;
	font-size:22px;
	line-height:34px;
	text-align: justify;
}
.tb-space {
	padding: 60px 0;
}
.cta-consult > h2 {
	color: #ffffff;
	display: inline-block;
	font-size: 36px;
	text-align: right;
	vertical-align: middle;
	width: 50%;
	padding-right: 20px;
}
.cta-consult .btn-theme {
	background-color: #e89823;
	border-color: #e89823;
	color: #ffffff;
	display: inline-block;
	font-size: 32px;
	vertical-align: middle;
}
.var-title strong {
	 font-family: helveticaneuecyrbold;
}
.btn-theme.large--btn .arow-icon{ display:inline-block;vertical-align: middle;}
.textblock.aligncenter > h2::after {
    left: 0;
    margin: 0 auto;
    right: 0;
}
.textblock > h2.black{color:#2f2f2f;}
.chain-logo-list {text-align: center;}
.egg-shape {
    border: 4px solid #e3e3e2;
    border-radius: 100%;
    display: inline-block;
    height: 216px;
    position: relative;
    width: 340px;
    margin:0 -15px;
}
.logo-svg {
    padding: 10px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.small-size {
    color: #666666;
    font-size: 20px;
    margin-bottom:5px;
    font-weight:600;
    
}
.var-title {
    color: #666666;
    font-size: 45px;
    line-height: 52px;
    margin-bottom:50px;
    font-family:helveticaneuecyrlight;
}
.btn-theme.large--btn {
    background-color: #e89823;
    border-color: #e89823;
    color: #ffffff;
    display: inline-block;
    font-family: helveticaneuecyrlight;
    font-size: 32px;
    padding: 30px 50px;
    vertical-align: middle;
}
.btn-theme.midium--btn {
    background-color: #e89823;
    border-color: #e89823;
    color: #ffffff;
    display: inline-block;    
    font-size: 24px;
    padding: 20px 40px;
    vertical-align: middle;
}

.btn-theme.midium--btn .arow-icon > img {
    max-width: 15px;
}

.arow-icon {
    display: inline-block;
    vertical-align: middle;
}
.vicious-cycle{overflow: hidden;position: relative;}

.svg-img.uxo-svg {
    overflow: hidden;
    position: relative;
}







.price-container {
    margin: 0 auto;
    max-width: 1040px;
    text-align: center;
}

.price-container .textblock > p {
    line-height: normal;
    text-align: inherit;
}



/**
 * Price Box
 */
 
 .priceBox .tophead {
    background-color: #2d295a;
    position:relative;
    padding:42px 20px 65px;
    border-radius:5px 5px 0 0;
}
 
.priceBox .tophead::after {
    background-image: url("../../img2/zigzag-img.png");
    background-repeat: no-repeat;
    content: "";
    width:100%;
    height:60px;
    position: absolute;
    bottom:-14px;
    left:0;
    background-position: center;
    
}
.price-value {
    color: #ffffff;
    font-size: 85px;
    font-weight: 800;
    letter-spacing: -2px;
}

.dolr-symbl {
    color: #ff5e71;
    display: inline-block;
    font-size: 28px;
    font-weight: 800;
    padding: 10px 10px 0;
    vertical-align: top;
}

.skybox .dolr-symbl,.skybox .right-bottom-text{
    color: #13808e;
}
.skybox .box_title {color: #2eabbb;}
.right-bottom-text {
    color: #ff5e71;
    font-size: 16px;
    font-weight: 700;
}


.headTitle {
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
}
.price-count{padding-bottom: 15px;}


.box_title {
    color: #ff5e71;
    font-family: open sans;
    font-size: 28px;
    font-weight: 700;
}
.priceBox .middle-section,.priceBox .bottom-section{padding:25px;}
.priceBox .bottom-section{padding-top:0;}
.inner-box{background-color:#fff;border-radius:7px;}


.priceBox .middle-section > p {
    color: #787879;
    font-weight: 600;
    font-size:15px;
    line-height: 27px;
}

.grayBtn {
    background-color: #d9d9db;
    border-radius: 2px;
    color: #585656;
    display: inline-block;
    font-size: 13px;
    padding: 10px 15px;
    transition:all 0.5s ease-in-out 0s;
    -webkit-transition:all 0.5s ease-in-out 0s;
}

.grayBtn:hover {
    background-color: #ff5e71;
    color: #ffffff;
    border-radius:10px;
}
.skybox .grayBtn:hover {
    background-color:#42c3d3;
}
.hint {
    color: #8a8896;
    font-size: 14px;
    padding: 4px 0;
    margin-bottom:5px;
}

.priceBox .bottom-section .btn-theme {
    display: inline-block;
    font-size: 22px;
    padding: 10px;
    width: 100%;
}


.priceBox {
    border-radius: 5px;
    box-shadow: 0 0 22px rgba(118, 121, 121, 0.55);
    -webkit-box-shadow: 0 0 22px rgba(118, 121, 121, 0.55);
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 340px;
    z-index: 1;
}
.priceBox.skybox {
    margin:-60px -15px 0;z-index: 2;
    
}
.star-text {
    font-size: 14px;
    font-weight: 600;
    padding:5px 0 0 0;
}
.skybox.priceBox .tophead {
    background-color: #42c3d3;
    padding:42px 20px 95px;
}
.btn-theme.pinkBtn {
    background-color: #ff5e71;
    color: #fff;
    border-color: #ff5e71;
}
.btn-theme.skybtn {
    background-color: #42c3d3;
    color: #fff;
    border-color: #42c3d3;
}

.priceBox.skybox .bottom-section {
    padding-bottom:70px;
}

.priceboxes {
    margin: 90px 0 0;
}
/*** pricing block end css****/





.textblock.vicious h2 {
    font-family: helveticaneuecyrbold;
    font-size: 45px;
}
.textblock.vicious h2:after{display:none;}

.vicious-cycle {
    margin: 0 auto;
    max-width: 1010px;
    text-align:center;
}

.crcle-listing {
    margin: 0 -35px;
    position: relative;
    text-align: center;
    
}

.crcle-listing::after {
    background-image: url("../../img2/retina/11.svg");
    content: "";
    height: 333px;
    left:80px;
    position: absolute;
    top: -75px;
    width: 892px;
}
.crcleItem {   
    display: inline-block;   
    text-align: center;
    vertical-align: top;      
    z-index:9;
    position:relative;
}
.crcle_bg{ background-color: #42c3d3;border-radius: 50%; height: 136px;position: relative; width: 136px;z-index:9; margin:0 35px;display:table;}
.svg-icon {
    display: table-cell;
    vertical-align: middle;
}


.crcleItem > h3 {
    color: #666666;
    font-size: 17px;
    font-weight: 700;
    line-height:1.2;
    margin-top:10px;
}
.svg-icon path {
    fill: #ffffff;
}

.crcleItem:nth-child(2) {
    margin-top: 90px;
}
.crcleItem:nth-child(3) {
    margin-top:70px;
}
.crcleItem:nth-child(4) {
    margin-top:30px;
}
.crcleItem:nth-child(5) {
    margin-top:140px;
}



.btn_list .smallBtn {
    color: #ffffff;
    display: block;
    font-size: 14px;
    padding: 8px;
    text-transform: uppercase;
    border:1px solid;
    margin:8px 0;
    border-radius:3px;
    transition:all 0.5s ease-out 0s;
    
}
.smallBtn.darkYlw {
    background-color: #cd800f;
    border-color:#cd800f;
}

.btn_list .smallBtn:hover {
    border-radius: 40px;
}

.btn_list {
    margin:16px auto 0;
    max-width: 150px;
}
.btn_list .darkpink{ background-color: #dc3c4f;border-color:#dc3c4f;}
.btn_list .darksky{ background-color: #1d9faf;border-color:#1d9faf;}


/**
 * Tab Css
 */

.rs-Tab li {
    width: 154px;
    height: 154px;
    border-radius: 50%;
    background-color: #42c3d3;
    border:none;
    
}
.resp-vtabs li.resp-tab-active{border:none;padding:0 !important;margin:0 !important;}
.rs-Tab a{display:block;position:relative;height:100%;}

.rs-Tab ul li img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.resp-tab-active{background-color:#ff5e71 !important;}
.rs-Tab .tab_content {
    display: none;
    height:100%;
    position: relative;
    -webkit-animation: fadeIn 2s;
    animation:fadeIn 2s;
}





.detailBlock {
    left: 50%;
    padding:40px;
    position: relative;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.resp-vtabs .resp-tabs-container {
    height: 485px;
    width: 485px;
    margin:90px 0 0 0;
    position:relative;
    background-color:transparent;
    border:none;
}
.tabcrcle {float: right;}
.resp-vtabs .circleBg {
    background-color: #ff5e71;
    border: 5px solid #de3348;
    border-radius: 50%;
    height: 485px;
    width: 485px;
    margin:90px 0 0 0;
    position:absolute;
    transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    left:0;
    top:0;
}


.two-grid.tab_sectn .grid {
    width: 41%;
    padding-right:0;
}
.two-grid .grid.tab_grid {
    width: 58%;
    padding-bottom:70px;
}
.rs-Tab{max-width: 700px;}
.tab_title_hding {
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    position: relative;
    padding-bottom:10px;
    margin-bottom:15px;
}

.detailBlock > p {
    color: #fff;
    font-size: 22px;
    line-height: 35px;
}

.resp-vtabs ul.resp-tabs-list {
    position:relative;
}
.tab_title_hding:after {
    position: absolute;
    content: "";
    background-color: #fbadb6;
    height: 4px;
    width: 80px;
    top: 100%;
    left:50%;
    transform: translatex(-50%);
    -webkit-transform: translatex(-50%);
}

.resp-vtabs .resp-tabs-list li{position:relative;margin:0;padding:0 !important;}

.resp-vtabs .resp-tabs-list li.tab_1 {left:118px;}
.resp-vtabs .resp-tabs-list li.tab_2 {left:10px;}
.resp-vtabs .resp-tabs-list li.tab_3 { left: 10px;top:35px;}
.resp-vtabs .resp-tabs-list li.tab_4 {left: 110px;top: 50px;}



.tab_content .detailBlock:after{
    background-image: url("../../img2/retina/tab1.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size:380px 380px;
    content: "";
    height: 400px;
    left: 50%;
    opacity: 0.1;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 400px;
}
#tab2.tab_content .detailBlock::after {background-image: url("../../img2/retina/tab2.svg");background-size: 320px auto;}
#tab3.tab_content .detailBlock::after {background-image: url("../../img2/retina/tab3.svg");background-size: 320px auto;}
#tab4.tab_content .detailBlock::after {background-image: url("../../img2/retina/tab4.svg");}



.resp-tabs-container{}

 .tabcrcle .circleBg::before {
    border-color:transparent;
    border-right-color:#de3348;
    border-style:solid;
    border-width:10px 25px 10px 0;
    content: "";
    left:-28px;
    position: absolute;
    top:50%;
    z-index: 99;
    
}
.tabcrcle .circleBg::after {
    border-color:transparent;
    border-right-color:#ff5e71;
    border-style:solid;
    border-width:10px 25px 10px 0;
    content: "";
    left:-16px;
    position: absolute;
    top: 50%;
    z-index: 99;
}



/**
 * .resp-tabs-container.tab_2 .circle::before {left: -14px;top: 142px;transform: rotate(20deg);-webkit-transform: rotate(20deg);}
 * .resp-tabs-container.tab_2 .circle::after {left: -5px;top: 145px;transform: rotate(20deg);-webkit-transform: rotate(20deg);}
 * .resp-tabs-container.tab_3 .circle::before {left: -19px;top: 282px;transform: rotate(-14deg);-webkit-transform: rotate(-14deg);}
 * .resp-tabs-container.tab_3 .circle::after {left:-8px;top: 279px;transform: rotate(-14deg);-webkit-transform: rotate(-14deg);}
 * .resp-tabs-container.tab_4 .circle::before {left: 41px;top: 402px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
 * .resp-tabs-container.tab_4 .circle::after {left:48px;top:395px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
 */

.tabcrcle .circleBg{transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.tabcrcle .circleBg.tab_2{transform: rotate(20deg);-webkit-transform: rotate(20deg);}
.tabcrcle .circleBg.tab_3{transform: rotate(-13deg);-webkit-transform: rotate(-13deg);}
.tabcrcle .circleBg.tab_4{transform: rotate(-39deg);-webkit-transform: rotate(-39deg);}

.tabcrcle {float:left;position:relative;}



/**
 * custom Animation
 */
 

/**Visitor graph**/


      
.visitor-graph .cls-1 {fill: #eeeded;}
.visitor-graph .cls-2 {fill: #2db1c1;}
.visitor-graph .cls-2, .visitor-graph .cls-3, .visitor-graph .cls-4 {fill-rule: evenodd;}
.visitor-graph .cls-3 {fill: #42c3d3;}
.visitor-graph .cls-4 {fill: #ff5e71;}
.visitor-graph .cls-5, .visitor-graph .cls-6,.visitor-graph .cls-7 {stroke: #e4e2e2;fill: none;}
.visitor-graph .cls-5 {stroke-width: 3px;}
.visitor-graph .cls-6 {stroke-width: 5px;}
.visitor-graph .cls-7 {stroke-width: 4px;}
      
      

.wow{visibility: hidden;}


.shadow{
        -webkit-animation: fadeInUp 2s;
         animation:fadeInUp 2s;
 }
      
@keyframes fill {
              0% {fill: #fff;}
              100% {fill: #42c3d3;}
          }
          .fill {animation-name: fill;animation-duration: 3s;}
         

/**Visitor graph**/


.conversion-svg .cls-1 {fill: #504b82;}
.conversion-svg .cls-2 {fill: #ff5e71;}
.conversion-svg .cls-2, .conversion-svg .cls-3,.conversion-svg .cls-4,.conversion-svg .cls-5 {fill-rule: evenodd;}
.conversion-svg .cls-3 {fill: #42c3d3;}
.conversion-svg .cls-4 {fill: #e6e4ff;}
.conversion-svg .cls-5 {fill: #bfbce1;}
.conversion-svg .cls-6, .cls-7 {stroke: #716ca8;fill: none;}
.conversion-svg .cls-6 {stroke-width: 5px;}
.conversion-svg .cls-7 {stroke-width: 3px;}


.engaging-svg .cls-1 {fill: #e4e2e2;}
.engaging-svg .cls-1, .engaging-svg .cls-2, .engaging-svg .cls-4, .engaging-svg .cls-6 {fill-rule: evenodd;}
.engaging-svg .cls-2 {fill: #d2d2d2;}
.engaging-svg .cls-3, .engaging-svg .cls-4 {fill: #c2c2c2;}
.engaging-svg .cls-5 {fill: #42c3d3;}
.engaging-svg .cls-6 {fill: #ff5e71;}


.consultation-svg .cls-1 {fill: #585389;}
.consultation-svg .cls-1, .consultation-svg .cls-2, .consultation-svg .cls-3, .consultation-svg .cls-5 {fill-rule: evenodd;}
.consultation-svg .cls-2 {fill: #4b4580;}
.consultation-svg .cls-3 {fill: #37326a;}
.consultation-svg .cls-4, .consultation-svg .cls-5 {fill: #c7d6e0;}



/**UXO**/

.uxo-svg svg {
    width: 100%;
}

.uxo-text {
    margin: 0 auto 20px;
    width: 460px;
    text-align:center;
}

.uxo-text-box {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.text-crcl {
    background-color: #42c3d3;
    border-radius: 50%;
    display: inline-block;
    height: 148px;
    vertical-align: middle;
    width: 148px;
    margin:0 -20px;
}

.text-crcl > span {
    color: #fff;
    display: block;
    font-family: helveticaneuecyrbold;
    font-size: 110px;
    line-height: 1;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.uxo-text-box > h2 {
    color: #fff;
    font-family: helveticaneuecyrbold;
    font-size: 26px;
    text-align: center;
}
.text-crcl.pinkBg{background-color:rgba(255, 94, 113,.9);}
.text-crcl.orangBg{background-color:rgba(250, 167, 26,.9);}


.crcle--text {
    background-color: rgba(255, 94, 113, 0.9);
    border-radius: 50%;
    height: 274px;
    left: 0;
    position: absolute;
    top: 0;
    width: 274px;
    padding:25px;
    text-align:center;
}
.better-conversion {
    bottom: 0;
    left: 90px;
    top: auto;
}
.info--text {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.info--text > p {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
}

.visitor--grph .img-box {
    margin:100px 0 50px;
}

.visitor--grph .crcle--text {
    left: 80px;
    top: -50px;
}

.smooth-conversion .crcle--text {
    left: 20px;
    top: 80px;
    background-color: rgba(66, 195, 211, 0.8);
}

.engaging-intersting .crcle--text {
    left: auto;
    right: 40px;
}

.popcrcles {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
}
.crcle--pop {
    background-color: #ff5e71;
    border-radius: 50%;
    height: 154px;
    text-align: center;
    width: 154px;
    padding:20px;
    display:inline-block;
    position:relative;
    vertical-align:top;
}

.crcle--pop > h3 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    position:relative;
    top:50%;
    transform:translatey(-50%);
    -webkit-transform:translatey(-50%);
}

.crcle--pop.big {
    width: 176px;
    height: 176px;
}

.graph-svg .svg-img {
    margin: 0 auto;
    padding: 250px 0 0;
    text-align: center;
}

.crcle--pop.first {
    left: -50px;
    top: 160px;
}

.crcle--pop.third {
    float: right;
    left: 0;
    top: 120px;
}
.img-box.graph-svg{width:590px;}














.featutes-tbl {
    margin: 0 auto;
    max-width: 1130px;
}

.price-Tbl td{
    border-bottom: 1px solid #dbdaec;
    color: #545353;
    font-size: 15px;
    font-weight: 600;
    line-height:normal;
    padding:15px;
    position: relative;
    text-align: center;
    background-color:#fff;
    width:25%;
}


.price-Tbl {
    border-spacing: 3px 0;
    table-layout:fixed;
}

.price-Tbl td:nth-child(2),.price-Tbl td:nth-child(4) {
    background-color: #474280;
    border-color:#544f8b;
}

.price-Tbl td:nth-child(3) {
    background-color: #5c5797;
    border-color:#645f9c;
}

.price-Tbl tr:nth-child(2) td {
    border-radius: 4px 4px 0 0;
}
.crcl-listing > li {
    border:none;
    color: #545454;
    font-size: 14px;
    font-weight: 300;
    min-height: inherit;
    padding: 4px 0 4px 20px;
    position: relative;
    text-align:left;
}

.price-Tbl td:first-child {
    text-align: left;
    width:30%;
}

.checked-svg svg path{ fill:#ff5e71;}


.price-Tbl td:nth-child(3) .checked-svg svg path {
    fill: #42c3d3;
}

.price-Tbl td:nth-child(4) .checked-svg svg path {
    fill: #e89823;
}

.checked-svg svg {
    display: block;
    margin: 0 auto;
}

.price-Tbl td span {
    color: #b3afe2;
    font-size: 14px;
    font-weight: 300;
}


.tbl-head .pro-plus {
    background-color: #26a6b6;
    border-radius: 3px;
    display: inline-block;
    font-family: open sans;
    font-size: 10px;
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    margin: 0 0 0 10px;
    padding: 0 10px;
    vertical-align: super;
}

.tbl-head {
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    line-height: 44px;
    margin: 0 auto;
    padding: 13px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    border-radius:4px;
}

.comprehensive {
    display: block;
    font-family: open sans;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 3px;
    line-height:1;
    margin-top:-10px;
}

.tbl-head.puple {
    background-color: #8e89c1;
}
.tbl-head.pink {
    background-color: #ff5e71;
}

.tbl-head.sky {
    background-color: #42c3d3;
}

.tbl-head.ylw {
    background-color: #e89823;
}

.head_title {
    display: table;
    width: 100%;
}
.crcl-listing > li::before {
    background-color: #ffffff;
    border: 2px solid #ff5e71;
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 0;
    margin: -4px 0 0;
    position: absolute;
    top: 50%;
    width: 5px;
}
.pinkBg {
    background-color: #ff5e71;
}
.skyBg {
    background-color: #42c3d3;
}
.ylowBg {
    background-color: #e89823;
}

.prc-value {
    color: #ffffff;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
}

.price_box > span {
    color: #ffffff;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}
.price-Tbl td:nth-child(2).pinkBg{
    background-color: #ff5e71;
}
.price-Tbl td:nth-child(3).skyBg{
    background-color: #42c3d3;
}
.price-Tbl td:nth-child(4).ylowBg{
    background-color: #e89823;
}
.price-Tbl th{padding-bottom:3px;}

.price-Tbl .price_box > span {
     color: #ffffff;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

.price-Tbl tr:last-child td {
    border-radius: 0 0 4px 4px;
}

.mob_element {
    color: #ffffff;
    display:none;
    font-size:30px;
    text-transform:uppercase;
    padding-bottom:5px;
}
.mob_element .comprehensive {
    margin-top: 0;
    color:#fff;
}

.price-container .textblock > h4 {
    color: #ffffff;
    font-size: 24px;
    padding-bottom: 10px;
}





/**Animation work**/
.spincrcle {
    -webkit-animation-name: spin;
    -webkit-animation-duration:15000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration:15000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration:15000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: spin;
    animation-duration: 15000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    position: absolute;
}


}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}










.zooming {    
    animation:2s linear 1s normal none infinite running zoominout;
    position:relative;
}

@keyframes zoominout{
	0%{opacity:.1;}
	25%{opacity:.5;}
	50%{opacity:1;}
	75%{opacity:.5;}
	100%{opacity:.1;}
}








/**
 * .crcle--pop::after {
 *     background-color: #cacfd3;
 *     content: "";
 *     height: 3px;
 *     position: absolute;
 *     width: 222px;
 * }
 */










/**
 * Media queries
 */
  
 @media screen and (max-width:1250px) {
     .svg-banner{animation:none;-webkit-animation:none;}
 }


@media only screen and (min-width:1025px) and (max-width:1300px) {
    
.visitor--svg,.visitor-graph,.conversion-svg,.engaging-svg {width: 100%;}
.two-grid {margin: 0;}
.crcle-listing {margin: 0;}
.btn-theme.large--btn {font-size: 24px;padding: 20px 35px;}
.resp-vtabs .resp-tabs-container {height: 310px;margin: 90px 0 0;width: 310px;}
.resp-vtabs .circleBg{height: 310px;margin: 90px 0 0;width: 310px;}    
.detailBlock > p {color: #ffffff;font-size: 16px;line-height: 22px;}
.rs-Tab li {height: 130px;width: 130px;}
.resp-vtabs .resp-tabs-list li.tab_4 {left: 158px;top: 0;}
.resp-vtabs .resp-tabs-list li.tab_3 {left: 60px;top: 15px;}
.resp-vtabs .resp-tabs-list li.tab_2 {left: 40px;}
.resp-vtabs .resp-tabs-list li.tab_1 {left: 118px;}
.tabcrcle {margin: 0 0 0 50px;}
.rs-Tab ul li img {width: 80px;}
.var-title {font-size: 35px;line-height: 42px;}
.tab_content .detailBlock::after {background-size: 230px 230px;height: 230px;width: 230px;}
#tab2.tab_content .detailBlock::after {background-size:210px auto;}
#tab3.tab_content .detailBlock::after {background-size:210px auto;}

.logo-svg > img {width: 170px;}
.egg-shape {height: 186px;margin: 0 -10px;width: 260px;}
.text-crcl {height: 100px;margin: 0 -10px;width: 100px;}
.text-crcl > span {font-size: 70px;}
.uxo-text-box > h2 {font-size: 19px;}
.crcle_bg {margin: 0 24px;}
.tbl-head {font-size: 20px;}
.tbl-head .pro-plus {vertical-align: middle;}
.btns .btn-theme {font-size: 18px;padding: 12px 16px;}
.small-size {font-size: 16px;}
.rs-Tab {overflow: hidden;}

}

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

.resp-vtabs .resp-tabs-container {height: 310px;margin: 90px 0 0;width: 310px;}
.resp-vtabs .circleBg{height: 310px;margin: 90px 0 0;width: 310px;}    
.detailBlock > p {color: #ffffff;font-size: 16px;line-height: 22px;}
.rs-Tab li {height: 130px;width: 130px;}
.resp-vtabs .resp-tabs-list li.tab_4 {left: 158px;top: 0;}
.resp-vtabs .resp-tabs-list li.tab_3 {left: 60px;top: 15px;}
.resp-vtabs .resp-tabs-list li.tab_2 {left: 40px;}
.resp-vtabs .resp-tabs-list li.tab_1 {left: 118px;}
.tabcrcle {margin: 0 0 0 50px;}
.rs-Tab ul li img {width: 80px;}
.var-title {font-size: 35px;line-height: 42px;margin-bottom:15px;}
.tab_content .detailBlock::after {background-size: 230px 230px;height: 230px;width: 230px;}
#tab2.tab_content .detailBlock::after {background-size:210px auto;}
#tab3.tab_content .detailBlock::after {background-size:210px auto;}

.visitor--svg,.visitor-graph,.conversion-svg,.engaging-svg {width: 100%;}
.two-grid {margin: 0;}
.crcle-listing {margin: 0 0 15px 0;}  
.crcle_bg {margin: 0 20px;}
.btns .btn-theme { margin: 0 0 10px;}
.text-crcl {height: 100px;margin: 0 -10px;width: 100px;}
.text-crcl > span {font-size: 70px;}
.uxo-text-box > h2 {font-size: 19px;}
.smooth-conversion .crcle--text {left: 0;margin: 0 auto;position: relative;top: 0;}
.btn-theme.large--btn {font-size: 22px; padding: 14px 30px;}
.cta-consult > h2 {font-size: 25px;}
.priceBox {width: 320px;}
.priceBox .middle-section, .priceBox .bottom-section {padding: 20px;}
.grayBtn {padding: 10px 12px;}
.priceBox .middle-section > p {font-size: 14px;line-height: 24px;}
.tbl-head {font-size: 20px;}
.tbl-head .pro-plus {vertical-align: middle;}
.logo-svg > img {width: 140px;}
.egg-shape {height: 176px;margin: 0 -10px;width: 250px;}
.img-box.graph-svg {margin:0 auto 20px;}
.rs-Tab {overflow: hidden;}
.two-grid.graph--block .grid {display: block;text-align: center;width: auto;}
.egg-shape {width: 220px;}

.crcleItem:nth-child(5) {
    margin-top: 90px;
}
}

@media only screen and (min-width:768px) and (max-width:991px) {
.svg-banner svg {height: auto;}
.banner-bg {min-height: 450px;}
.two-grid .grid{display: block;width:auto}
.img-box {margin-bottom: 20px;}
.cta-consult > h2 {padding: 0 0 20px 0;text-align: center;width: auto;}
.cta-consult {text-align: center;}
.two-grid.tab_sectn .grid {width: auto;}

.two-grid .grid.tab_grid {width: auto;}

.priceBox {width: 250px;}
.priceBox .middle-section > p {font-size: 14px;line-height: 19px;}
.priceBox .middle-section, .priceBox .bottom-section { padding: 15px;}
.grayBtn{margin:2px 0;}
.two-grid {margin: 0;}
.crcle-listing {margin: 0 0 30px;}
.crcle_bg {margin: 0 5px;}

.crcleItem:nth-child(5) {margin-top: 40px;}
.egg-shape {margin: -10px;}
.img-box.graph-svg {margin: 0 auto 20px;}
.var-title {font-size: 35px;line-height: 42px;margin-bottom: 20px;}
.two-grid.tb-space.rtl.graph--block {padding-bottom: 0;}
 h2.resp-accordion {display: none;}
.resp-vtabs .resp-tab-content {border:none;}
ul.resp-tabs-list {display: block;}
.tbl-head {font-size: 20px;}
.ft_exp {
    min-height:inherit;
    padding:20px 0;
}
.btn-theme.large--btn {
    font-size: 20px;
    padding: 12px 30px;
}
.arow-icon > img {
    max-width: 18px;
}
}

@media screen and (max-width:767px) {
    
.two-grid {margin: 0;}
.svg-banner svg {height:100%;}
.ux-banner h1 {font-size: 24px;margin-bottom:15px;}
.visitor--svg,.visitor-graph,.conversion-svg,.engaging-svg {width: 100%;height: 100%;}
.uxo-svg svg {height: 100%;width: 100%;}
.uxo-text {width: 100%;}
.text-pnl .theme-heading h2 {font-size: 24px;text-align: center;}
.text-pnl > p{text-align:center;}
.btns .btn-theme{margin-bottom:10px;text-align:center;}
.textblock > h2 {font-size: 25px;text-align: center;margin-bottom:10px;}
.cta-consult > h2 {font-size: 25px;}
.textblock > p {font-size: 18px;line-height: normal;text-align: center;}
.textblock > h2::after {margin: 0 auto;right: 0;}
.text-crcl {height: 60px;margin: 0 -10px;width: 60px;}
.text-crcl > span {font-size: 28px;}
.uxo-text-box > h2 {font-size: 18px;}
.banner-bg {min-height: inherit;padding-bottom:40px;}
.two-grid .grid{display: block;width:auto;padding:0 5px;}
.img-box {margin-bottom: 20px;overflow: hidden;}
.cta-consult > h2 {padding: 0 0 20px 0;text-align: center;width: auto;}
.cta-consult {text-align: center;}
.two-grid.tab_sectn .grid {width: auto;padding:0 0 20px;}
.btn-theme.large--btn {font-family: open sans;font-size: 16px;padding: 12px 20px;}
.var-title {font-size: 24px;line-height: normal;margin-bottom: 20px;}
.crcle--text {margin: 20px auto 0;position: relative;}
.visitor--grph .crcle--text {left: 0;top: 0;}
.smooth-conversion .crcle--text {left: 0;top: 0;margin:0 auto 20px;}
.engaging-intersting .crcle--text {right: 0;}
.priceBox {display: block;margin:0 auto;width:288px}
.priceBox.skybox {margin: 20px auto;}
.priceBox .middle-section, .priceBox .bottom-section {padding: 15px;}
.grayBtn{margin:2px 0;}
.textblock.vicious h2 {font-size: 20px;}
.crcle-listing{margin:0;}
.crcle-listing::after{display:none;}
.crcleItem{margin:10px 0 !important;}
.btn-theme.midium--btn {font-size: 18px;padding: 12px 20px;}
.egg-shape {height: 216px;margin:10px;width: 270px;}
.logo-svg > img {width: 180px;}
.resp-vtabs .resp-tabs-container {height: 100%;margin: 0;width: 100%;background-color:#ff5e71;}
.resp-vtabs .circleBg{display:none;}
.detailBlock {left:0;padding:10px;top:0;transform: none;-webkit-transform: none;}
.rs-Tab {max-width: 100%;}
.tab_content .detailBlock::after {background-size: auto auto;height: 100%;width: 100%;}
#tab2.tab_content .detailBlock::after,#tab3.tab_content .detailBlock::after{background-size: auto auto; }
.popcrcles {position: relative;margin-bottom:20px;}
.crcle--pop.first {left: 0;top: 0;}
.crcle--pop.third {float: none;left: 0;top: 0;}
.img-box.graph-svg {width: auto;}
.graph-svg .svg-img {padding: 0;}
.consultation-svg {height: auto;width: 100%;}
.ft_exp {min-height: inherit;padding: 20px 0;}
h2.resp-accordion{background-color: #42c3d3;}
h2.resp-tab-active {background: #000000!important;}
.mob_element {display:block;}
.price-Tbl td ,.price-Tbl th {display: block;width: auto !important;}
.price-Tbl tr:first-child{display:none;}
.price-Tbl tr {display: block;padding: 10px;}
.pro-plus {background-color: #26a6b6;color: #ffffff !important;display: inline-block;padding: 2px 10px;vertical-align: middle;border-radius:2px;}
.blankTd{display:none !important;}
.rr-row h5 {
    padding: 0px 0 20px;
}
.arow-icon > img {
    max-width: 18px;
}
#footer .address h4{border:none;}
.better-conversion {
    left: 0;
}

.tb-space {
    padding: 0 0;
}
.crcle--pop,.crcle--text{animation:none;-webkit-animation:none;}

.crcle--pop.big{margin:10px auto;}

.visitor--grph .img-box {
    margin: 0 0 50px;
}
.wow{visibility: visible;}
.uxo-svg-block {
    max-width: 280px;
    margin:0 auto;
}
}


