@import url('https://fonts.googleapis.com/css2?family=Mr+Dafoe&display=swap');
/*@charset "utf-8";*/
.request_q_pos {
display: none
}
#linkPassHere,.closeBtn{
display:none;
}
.mobile__APP.process {
display: none;
}
.pricing-calc {
background: url(../img/pricing-calc.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
}
/*===============================================================CALCULATOR OF PRICING*/

.pricing-calc {
/* background: linear-gradient(-45deg, #e8e5c0, #daf9f0, #00baff, #77b0da); */
background-size: 150% 190%;
-webkit-animation: gradient 15s ease infinite;
animation: gradient 15s ease infinite;
position:relative;
}
.leftde.ico-l, .slider-right.btn.blue.icon-arrow-right5 {
height: 44px;
}
.banner_io.banner_io2.pricing-calc:after {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
content: '';
background: -o-linear-gradient(45deg, #010b1d, #503504);
background: linear-gradient(45deg, #010b1d, #503504);
opacity: .5;
}
@-webkit-keyframes gradient {
0% {
	background-position: 0% 50%;
}
50% {
	background-position: 100% 50%;
}
100% {
	background-position: 0% 50%;
}
}
@keyframes gradient {
0% {
	background-position: 0% 50%;
}
50% {
	background-position: 100% 50%;
}
100% {
	background-position: 0% 50%;
}
}
.webfx form {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 40px 0 0;
}
.form-group.left-textarea {
max-width: 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
-ms-flex: 0 0 50%;
-o-flex: 0 0 50%;
-webkit-flex: 0 0 50%;
margin-bottom: 0;
}
.webfx h4, .estm h4 {
margin: 0;
text-align: center;
font-size: 28px;
font-weight: 500;
line-height: 32px;
color: #1674bb;
}
.ab_banner.pricing_calccc p#change_content {
margin-top: 0;
line-height: 26px;
}
.ab_banner.pricing_calccc p#change_content>br {
display: block;
}
.est-l .another {
color: #4f6798;
padding: 5px 10px;
display: inline-block;
margin: 20px 0 0;
}
.est-l .another {
color: #ffffff;
display: inline-block;
margin: 10px 0 5px;
font-weight: 600;
font-size: 14px;
letter-spacing: -.5px;
text-transform: uppercase;
background: #176fb7;
padding: 13px 20px;
box-shadow: 0 0 10px #716d67;
border-radius: 5px;
}
.est-l {
text-align: center;
}
.input-right {
max-width: 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
-ms-flex: 0 0 50%;
-o-flex: 0 0 50%;
-webkit-flex: 0 0 50%;
}
.form-group.left-textarea #page-detail {
width: 100%;
padding: 10px;
border: 1px solid #dedede;
margin-right: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
font-family: 'Open Sans', sans-serif;
}
.banner_io.banner_io2.pricing-calc .container {
position: relative;
z-index: 1;
}
.input-right .form-group {
padding: 0;
width: calc(50% - 20px);
float: left;
margin-left: 20px;
margin-bottom: 20px;
}
.input-right .form-group:first-child, .form-group.form-check{width: calc(100% - 20px);}
.form-btn {width: 100%;margin-left: 20px;}
.input-right .form-group input {
border: 1px solid #dedede;
border-radius: 0;
height: 50px;
width: 100%;
padding: 10px;
background: rgba(123, 144, 218, .01);
/* box-shadow: 0 0 4px -2px #afafaf; */
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.form-btn button {
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
color: #fafafa;
letter-spacing: 1px;
padding: 15px 20px;
border-radius: 2px;
background: #186eb6;
background: -webkit-gradient(linear, left top, left bottom, from(#0795d9),to(#186eb6));
background: -o-linear-gradient(top, #0795d9 0%,#186eb6 100%);
background: linear-gradient(to bottom, #0795d9 0%,#186eb6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 );
display: inline-block;
border: 0;
width: calc(100% - 20px);
}

.row_fldst input {
width: 200px;
border: 1px solid #e0e9ec;
float: right;
background: rgb(255 255 255 / 50%);
position: relative;
height: 44px;
padding: 10px 10px;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Open Sans', sans-serif;
}
.calculator-sec .fldst {
width: 80%;
margin: 0px auto;
border: 5px dashed #e5f3f7;
-webkit-box-shadow: 0 0 37px -3px hsl(0 0% 45% / .4);
box-shadow: 0 0 37px -3px hsl(0 0% 45% / .4);
padding: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}
.row_fldst label {
margin: 0 18px 0 0;
height: 40px;
width: 250px;
padding: 0;
line-height: 20px;
float: left;
font-size: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
color: #186eb5;
font-weight: 500;
font-family: Roboto, sans-serif;
}
.slider-left, .slider-right {
max-width: calc(50% - 0px);
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
height: unset;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.row_fldst {
position: relative;
overflow: hidden;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #f5f5f5;
}
a:hover{
text-decoration: none;
}
.row_fldst:nth-child(8){
margin-bottom: 0px !important;
padding-bottom: 0px !important;
border-bottom:0 !important;
}
.clearfix.show--mobile {display: none;}
.leftde, .leftdee {
float: left;
border-radius: 0;
width: 38px;
padding: 0;
margin: 0;
height: 40px;
cursor: pointer;
position: relative;
text-align: center;
background: #e4e4e4;
line-height: 38px;
font-size: 18px;
color: #565656;
font-weight: 600;
}
#pages-slider, #cms-slider, #ecommerce-slider, #database-slider, #responsive-slider, #seo-slider, #style-slider, #copywriting-slider {
float: left;
height: 44px;
width: 280px;
position: relative;
background: #eff5f7;
border-radius: 0;
overflow: hidden;
margin: 0 8px;
-webkit-box-shadow: 0 0 13px #e4e1e1;
box-shadow: 0 0 13px #e4e1e1;
border: 1px solid #dbeef5;
}
.leftdee {border-radius: 0px 25px 0px 0px;}
.leftde{border-radius: 0px 0px 0px 25px;}
.leftde, .leftdee {
cursor: pointer;
background: #1574bb;
}
/* #pages-sld-rt, #pages-sld-lt {cursor: pointer; background: #566ea0;}*/
.leftde:hover, .leftdee:hover {color: white;background: #324877;}
.leftde:hover, .leftdee:hover {
color: white !important;
background: #1080c6;
}
.ico-r:before {
content: '>';
color: white;
font-weight: 900;
line-height: 16px;
font-size: 17px;
margin: -2px 0 0;

}
.slider-left, #pages-slider-right {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ico-l:before {
content: '<';
color: white;
font-weight: 900;
line-height: 16px;
font-size: 17px;
margin: -2px 0 0;
}
.see_pricing {
text-align: center;
margin: 45px 0 0;
}
.see_pricing .show_pricing_table {
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
color: #fafafa;
letter-spacing: 1px;
padding: 20px 60px;
border-radius: 2px;
background: #186eb6;
background: -webkit-gradient(linear, left top, left bottom, from(#0795d9),to(#186eb6));
background: -o-linear-gradient(top, #0795d9 0%,#186eb6 100%);
background: linear-gradient(to bottom, #0795d9 0%,#186eb6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 );
-webkit-box-shadow: inset 0 -3px #117dc3;
box-shadow: inset 0 -3px #117dc3;
display: inline-block;
}
.calculator-sec {
padding: 50px 0;
}
.calc-h {
padding: 10px 20px;
border: 1px solid #eaeaea;
border-radius: 0px 0px 120px 120px;
text-align: center;
background: #f9f9f9;
-webkit-box-shadow: 0 10px 10px #f3f3f3;
box-shadow: 0 10px 10px #f3f3f3;
}
a.ui-slider-handle {
height: 44px;
width: 18px;
background: #0992d6;
display: block;
position: absolute;
left: 0px;
border-radius: 2px;
top: 0px;
-webkit-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;
}
#quote-result{
width: 100%;
}
.estimatco {
padding: 0;
width: 100%;
margin: 15px auto 50px;
box-sizing: border-box;
}
#quote-result tr th {
padding: 10px 10px;
border: 1px solid #f3f3f3;
font-weight: 500;
color: #166eb6;
text-align: left;
}
#quote-result tr td{
padding: 10px 10px;
border: 1px solid #e4e4e4;
font-weight: 400;
color: #666;
}
th.cnt {
text-align: center;
background: #eaeaea;
}
tr.top {
background: #f3f3f3 !important;
}
tr:nth-child(odd) {
background: #fdfdfd;
}

.tabbb h4 {
font-size: 18px;
margin: 15px 0 0;
font-weight: 500;
color: #ffffff;
}
.back_btn a {
font-weight: 700;
color: #405887;
font-size: 16px;
text-align: right;
margin-top: 30px;
padding: 5px 60px 5px 5px;
}

/*=========================================================*/
.stillImg.showImage{
display:block;
}

.stillImg.showImage .port_bg img {
width: calc(100% - 60px) !important;
margin: 15px 30px 0;
height: calc(100% - 150px);
}
.stillImg.showImage .port_bg #linkPassHere {
position: absolute;
font-weight: 500;
padding: 15px 30px 30px;
display: block;
top: 0;
right: 0;
color: #dadada;
}
.stillImg.showImage .closeBtn {
color: #dadada;
font-weight: 700;
font-size: 14px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
padding: 20px 30px 0px;
}
.stillImg.showImage .port_bg 
.stillImg.showImage .port_bg {
position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
background: #fff;
z-index: 99999;
height: 100vh;
}

/*=========================================================*/
.primary-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}

.sell_everywhere .row_rrrs {
padding: 10px 0 0
}

.btn_quote {
display: none
}

.master_platforms {
padding: 50px 0
}

.master_platforms h3 {
font-size: 40px;
font-weight: 600;
line-height: 50px;
margin: 0 0 25px;
color: #1474bb;
text-align: center;
font-family: Roboto, sans-serif
}

.hubspotH {
padding: 50px 0
}

.hubspotH h2 {
font-size: 40px;
font-weight: 600;
line-height: 50px;
margin: 0 0 25px;
color: #176db5;
font-family: Roboto, sans-serif;
text-align: center;
letter-spacing: -.5px
}

.ecoD p {
line-height: 1.6;
font-size: 15px
}

.award_wining h3 {
text-align: center
}

.color-m {
color: #ff5722;
font-weight: 700
}

.ui-illustration-storefront__container .ui-illustration-storefront__hero img {
-webkit-animation: zooom .8s ease infinite;
animation: zooom .8s ease infinite
}

@-webkit-keyframes zooom {
0% {
	-webkit-transform: scale(1);
	transform: scale(1)
}
100% {
	-webkit-transform: scale(1.025);
	transform: scale(1.025)
}
}

@keyframes zooom {
0% {
	-webkit-transform: scale(1);
	transform: scale(1)
}
100% {
	-webkit-transform: scale(1.025);
	transform: scale(1.025)
}
}

.Solution_skilled_ele {
padding: 60px 0 50px;
background: #f2f5f9;
background: -webkit-gradient(linear, left top, right top, from(#f2f5f9), to(#f3f3e8));
background: -o-linear-gradient(left, #f2f5f9, #f3f3e8);
background: linear-gradient(to right, #f2f5f9, #f3f3e8)
}

.Solution_skilled_ele .row-ww {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 50px 0 0
}

.Solution_skilled_ele .row-ww .col_sm_4 {
max-width: calc(33.33% - 24px);
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
margin: 12px 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 30px 25px;
background: #fff;
-webkit-box-shadow: 0 18px 87px -16px rgb(167 167 167 / 75%);
box-shadow: 0 18px 87px -16px rgb(0 0 0 / .2);
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}

.Solution_skilled_ele .heading___sec h2 {
font-size: 40px;
font-weight: 600;
line-height: 50px;
margin: 0 0 15px;
color: #1474bb;
letter-spacing: -1px;
font-family: Roboto, sans-serif
}

.Solution_skilled_ele .heading___sec p {
margin: 0
}

.Solution_skilled .span-img img {
width: 100%
}

.Solution_skilled {
text-align: center
}

.Solution_skilled h3 {
font-size: 18px;
color: #176db5;
font-weight: 500;
line-height: 24px;
text-align: center;
text-transform: uppercase;
margin: 0 0 15px;
font-family: Roboto, sans-serif
}

.Solution_skilled .span-img {
padding: 0;
width: 60px;
margin: 0 auto 10px
}

.span-imgD {
height: 60px;
background: url(../img/expert-ecommerce_s.png)
}

.span-imgD_1 {
background-position: 174px -35px
}

.span-imgD_2 {
background-position: 92px -35px
}

.span-imgD_3 {
background-position: -273px -35px
}

.span-imgD_4 {
background-position: 620px -35px
}

.span-imgD_5 {
background-position: 690px -35px
}

.span-imgD_6 {
background-position: -24px -35px
}

.span-imgD_7 {
background-position: 260px -35px
}

.span-imgD_8 {
background-position: 347px -35px
}

.span-imgD_9 {
background-position: 429px -35px
}

.span-imgD img {
display: none
}

.Solution_skilled .get_a_quote {
font-weight: 600;
color: #fff;
text-transform: uppercase;
padding: 8px 16px;
background: -o-radial-gradient(#0e87cc, #176fb7);
background: radial-gradient(#0e87cc, #176fb7);
display: inline-block;
border-radius: 2px;
margin-top: 10px;
font-size: 13px
}

p {
margin: 0 0 10px
}

.hubspot-inbound-marketing2 .row_rrr {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.hubspot-inbound-marketing2 .row_rrr {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.toll_free.toll_free65 a {
font-size: 28px;
font-weight: 600;
letter-spacing: -2px;
color: #1474bb;
display: block;
margin-left: -51px;
font-family: Roboto, sans-serif
}

.accordion-containerr .contentt {
display: none
}

.tile-struture-tabcontent-description.contentt.showDesign {
display: block
}

.pricing-introsection {
padding: 60px 0 25px
}

.jobset-card-row {
position: relative;
background: #fff;
border-radius: 10px 10px 0 0;
-webkit-filter: drop-shadow(0 0 5px rgba(33, 72, 115, .12));
filter: drop-shadow(0 0 5px rgba(33, 72, 115, .12));
margin-bottom: 35px;
border: 2px solid #0c8acf;
-webkit-box-shadow: 0 0 30px 1px rgb(185 212 234 / 30%);
box-shadow: 0 0 30px 1px rgb(185 212 234 / 30%);
padding: 35px
}

.jobset-card-row .col-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
width: calc(50%);
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}

.pricing-section-description {
padding: 0 20px
}

.pricing-section-description h2 {
font-size: 30px;
font-weight: 600;
line-height: 35px;
text-transform: uppercase;
margin: 0 0 10px;
font-family: Roboto, sans-serif;
color: #1474bb;
}

.pricing-section-description p {
font-size: 17px;
line-height: 1.5;
color: #424242;
padding-bottom: 20px
}

.ticks.jobset-jobs-ul {
list-style-type: none;
padding-left: 0
}

.jobset-jobs-li {
border-bottom: 1px solid #dde7f2;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
text-indent: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}

.ticks li:before {
content: '\f00c';
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f00c";
color: rgb(21 115 186);
position: absolute;
left: 0;
top: 0;
font-size: 14px
}

.ticks li.jobset-jobs-li::before {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}

.jobset-jobs-li span.job-rate span.price {
width: 27px;
display: inline-block
}

.pricing-introsection-btn .pricing_btn {
font-weight: 600;
color: #fff;
text-transform: uppercase;
font-size: 15px;
display: inline-block;
margin: 25px 0 0;
padding: 14px 30px;
background: #176eb5;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1477be), color-stop(130%, #0994d8));
background: -o-linear-gradient(top, #1477be 0, #0994d8 130%);
background: linear-gradient(to bottom, #1477be 0, #0994d8 130%);
text-decoration: none
}

.pricing-section-image {
text-align: center;
-webkit-animation: zooming 2s infinite;
animation: zooming 2s infinite
}

@-webkit-keyframes zooming {
0% {
	-webkit-transform: scale(.95);
	transform: scale(.95)
}
100% {
	-webkit-transform: scale(1);
	transform: scale(1)
}
}

@keyframes zooming {
0% {
	-webkit-transform: scale(.95);
	transform: scale(.95)
}
100% {
	-webkit-transform: scale(1);
	transform: scale(1)
}
}

.pricing-section-image img {
max-width: 340px
}

.jobset-jobs-li span.job-rate {
text-align: right;
color: #186db4;
font-weight: 700;
letter-spacing: 1px;
font-size: 18px
}

.jobset-jobs-li span.job-title {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 16px;
font-weight: 600;
color: #143b5d
}

.pricing-introsection .row {
display: -moz-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-o-justify-content: space-between;
-moz-justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}

.shopping-hover a:hover {
color: #fff
}

.ioc_vio {
max-width: 60px;
margin: 0 auto 15px;
background: url(../img/ecommerce_services_sprite.png);
height: 60px;
background-position: 0 62px;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear
}

.slidertab button.active .ioc_vio,
.slidertab button:hover .ioc_vio {
background-size: 600px
}

.ioc_vio_1,
.ioc_vio_2,
.ioc_vio_3,
.ioc_vio_4,
.ioc_vio_5,
.ioc_vio_6,
.ioc_vio_7,
.ioc_vio_8,
.ioc_vio_9 {
background-size: 600px
}

.ioc_vio_2 {
background-position: -122px 62px
}

.ioc_vio_3 {
background-position: -52px 62px
}

.ioc_vio_4 {
background-position: 60px 62px
}

.ioc_vio_5 {
background-position: 128px 62px
}

.ioc_vio_6 {
background-position: 191px 62px
}

.ioc_vio_7 {
background-position: 259px 62px
}

.ioc_vio_8 {
background-position: 407px 62px
}

.ioc_vio_9 {
background-position: -268px 60px
}

.slidertab button.active .ioc_vio_1,
.slidertab button:hover .ioc_vio_1 {
background-position: 0 2px
}

.slidertab button.active .ioc_vio_2,
.slidertab button:hover .ioc_vio_2 {
background-position: -123px 0
}

.slidertab button.active .ioc_vio_3,
.slidertab button:hover .ioc_vio_3 {
background-position: -57px 2px
}

.slidertab button.active .ioc_vio_4,
.slidertab button:hover .ioc_vio_4 {
background-position: 60px 2px
}

.slidertab button.active .ioc_vio_5,
.slidertab button:hover .ioc_vio_5 {
background-position: 130px 2px
}

.slidertab button.active .ioc_vio_6,
.slidertab button:hover .ioc_vio_6 {
background-position: 190px 2px
}

.slidertab button.active .ioc_vio_7,
.slidertab button:hover .ioc_vio_7 {
background-position: 258px 2px
}

.slidertab button.active .ioc_vio_8,
.slidertab button:hover .ioc_vio_8 {
background-position: 409px -2px
}

.slidertab button.active .ioc_vio_9,
.slidertab button:hover .ioc_vio_9 {
background-position: -270px -1px
}

.ioc_vio img {
width: 100%;
display: none
}

.desandwordpressbg {
background: #f7f7f3
}

.sprites-features {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 50px 0 0
}

.advancedTech h2 {
font-size: 45px;
line-height: 50px;
color: #186cb4;
margin-bottom: 25px
}

.advancedTech p {
font-size: 18px;
text-align: center
}

.feature-wrapper .features-list {
width: 50%;
display: inline-block;
text-align: center;
position: relative;
margin-bottom: 20px
}

.features-list .sprite-wrapper {
width: 68px;
height: 68px;
border-radius: 50%;
border: 1px solid #0f82c7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto 10px;
position: relative;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

[class*=iconn-],
[class^=iconn-] {
background-image: url(../img/advanced-tech.png);
background-position: 12px 10px;
background-repeat: no-repeat;
display: inline-block;
height: 48px;
width: 48px;
border: none;
text-indent: -9999px;
font-size: 0
}

.iconn-ui-ux {
background-position: 12px 10px
}

.iconn-app-iot {
background-position: -93px 11px
}

.iconn-hybrid-app {
background-position: -38px 9px
}

.iconn-app-pwa {
background-position: 7px -32px
}

.iconn-app-web {
background-position: -42px -32px
}

.iconn-app-mob {
background-position: -95px -30px
}

.features-list .sprite-wrapper:after {
content: "";
position: absolute;
width: 59px;
height: 59px;
border-radius: 50%;
border: 2px solid #186bb3;
left: 4px;
top: 4px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.features-list strong {
color: #4d4d4d;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
display: block;
text-align: center;
margin: 20px 0 0
}

section.advancedTech {
padding: 50px 50px
}

.ui-illustration-storefront__item-price,
.ui-illustration-storefront__item-title,
.ui-illustration-storefront__subhead.text-center,
p.ui-illustration-storefront__heading {
display: none
}

.pillar-intro-image_1 {
-webkit-transform: translateY(70px);
-ms-transform: translateY(70px);
transform: translateY(70px)
}

.noti-barcode .pillar-intro-image_2 {
-webkit-transform: translateY(120px);
-ms-transform: translateY(120px);
transform: translateY(120px)
}

.pillar-intro-image_2 {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px)
}

.pillar-intro-image_22 {
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px)
}

.callyouback {
position: fixed;
top: -100vh;
left: 0;
z-index: 9;
display: none;
width: 100%;
height: 100%;
background: 0 0
}

.callyouback_bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
background: rgb(2 25 47 / .3)
}

.callyouback.addClass {
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
display: block;
top: 0
}

.inner_box_call {
width: 350px;
background: #fff;
position: absolute;
left: 50%;
top: 0;
z-index: 999;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
padding: 25px;
-webkit-box-shadow: 0 0 10px #a6b3b9;
box-shadow: 0 0 10px #a6b3b9
}

.callyouback.addClass .inner_box_call {
top: 126px;
-webkit-transition: all .8s linear;
-o-transition: all .8s linear;
transition: all .8s linear
}

.submit_btnbtn input {
width: 100%;
padding: 15px 30px;
font-size: 18px;
background: -o-radial-gradient(#076aa1, #125088);
background: radial-gradient(#076aa1, #125088);
border: 0;
cursor: pointer;
color: #fff;
border-radius: 3px;
margin-top: 25px;
margin-bottom: 10px
}

.inner_box_call h3 {
font-size: 25px;
letter-spacing: -.5px;
font-weight: 600;
color: #10538c;
line-height: 25px;
margin-bottom: 30px
}

.mob_no span {
display: inline-block;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #10548c;
border-bottom: 7px solid transparent
}

.form__grouppp.form-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: 1px solid #c1cbd2
}

.mob_no {
display: block;
width: 80px;
height: 47px;
border-right: 1px solid #c7c7c7
}

.contry__code {
display: block;
width: 80px;
background: #f3f3f3;
height: 47px;
border-right: 1px solid #c7c7c7
}

.ccall_Close {
position: absolute;
right: 10px;
top: 10px;
width: 12px;
height: 16px;
text-align: center;
line-height: 16px;
cursor: pointer;
font-size: 18px;
color: #0f548c;
font-weight: 700;
border-radius: 50%
}

.form__grouppp.form-group #phone_popup,
.form__grouppp.form-group #phone_popup:focus {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 10px 10px;
border: 0;
outline: 0
}

.input_box {
border: 1px solid #eaeaea;
width: 100%
}

.intl-tel-input.allow-dropdown .selected-flag {
width: 56px;
padding: 10px 25px 10px 13px;
border: solid 1px #ccc
}

.intl-tel-input .selected-flag {
z-index: 1;
position: relative;
width: 36px;
height: 100%;
padding: 0 0 0 8px
}

.intl-tel-input * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box
}

.intl-tel-input .selected-flag .iti-flag {
position: absolute;
top: 0;
bottom: 0;
margin: auto
}

.iti-flag.in {
height: 14px;
background-position: -2413px 0
}

.iti-flag {
width: 20px;
height: 15px;
-webkit-box-shadow: 0 0 1px 0 #888;
box-shadow: 0 0 1px 0 #888;
background-image: url(../img/flags.png);
background-repeat: no-repeat;
background-color: #dbdbdb;
background-position: 20px 0
}

.iti-flag {
width: 20px
}

.intl-tel-input .selected-flag .iti-arrow {
position: absolute;
top: 49%;
margin-top: -2px;
right: -10px;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 5px solid #0c5d95
}

.contry__code input.selected-contID {
width: 100%;
height: 100%;
border: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 5px;
font-size: 16px;
color: #10548c
}

.intl-tel-input .country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
margin: 0 0 0 -1px;
-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
background-color: #fff;
border: 1px solid #ccc;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll
}

.intl-tel-input .hide {
display: none
}

.intl-tel-input .country-list .country {
padding: 5px 10px
}

.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .flag-box {
margin-right: 6px
}

.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code,
.intl-tel-input .country-list .flag-box {
vertical-align: middle
}

.intl-tel-input .country-list .flag-box {
display: inline-block;
width: 20px
}

.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .flag-box {
margin-right: 6px
}

.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code,
.intl-tel-input .country-list .flag-box {
vertical-align: middle
}

.intl-tel-input .country-list .country .dial-code {
color: #999
}

.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code,
.intl-tel-input .country-list .flag-box {
vertical-align: middle
}

.cont_elem h1 {
font-size: 50px;
font-weight: 800;
font-family: Roboto, sans-serif;
line-height: 55px;
color: #135c9a;
}

.mob_app.mob_app1 {
padding: 127px 0 0;
background: -o-linear-gradient(45deg, #fff, #d2f2ff);
background: linear-gradient(45deg, #fff, #d2f2ff);
overflow: hidden
}

.cont_elem {
padding: 80px 0
}

.cont_elem form {
margin: 35px 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.mob_app.mob_app1 .col-sm6 {
max-width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%
}

.cont_elem form .input_text {
max-width: 350px;
-webkit-box-flex: 0;
-ms-flex: 0 0 350px;
flex: 0 0 350px;
margin: 0 20px 0 0
}

.cont_elem form .input_text input[type=text] {
width: 100%;
height: 54px;
padding: 10px 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 0 15px #f3f3f3;
box-shadow: 0 0 15px #f3f3f3;
border-radius: 4px;
border: 1px solid #89acc5
}

.cont_elem p {
font-size: 15px;
padding-right: 60px
}

.cont_elem form .input_submit input {
max-width: 200px;
-webkit-box-flex: 0;
-ms-flex: 0 0 200px;
flex: 0 0 200px;
height: 50px;
padding: 10px 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 0 20px #81b5e2;
box-shadow: 0 0 20px #81b5e2;
border-radius: 4px;
border: 1px solid #1670b8;
color: #fff;
font-size: 18px;
font-weight: 600
}

.homepage-hero__image {
right: -80px
}

.homepage-hero__image {
position: absolute;
top: 0;
bottom: 0;
width: 48%
}

.picture--cover.homepage-hero__image>img {
-o-object-position: right top;
object-position: right top;
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}

.ui-illustration {
pointer-events: none
}

.homepage-hero__storefront {
position: absolute;
bottom: 0;
width: 60%
}

.homepage-hero__storefront {
right: -140px
}

.ui-illustration__component {
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}

.ui-illustration__component--initialized,
.ui-illustration__component--initialized .ui-illustration__component {
opacity: 1
}

.ui-illustration-storefront {
max-width: 460px
}

.ui-illustration__browser {
width: 100%;
background-color: #fff;
overflow: hidden
}

.ui-illustration-storefront__hero {
position: relative
}

.ui-illustration-storefront__hero-image {
max-width: none;
width: 100%
}

.ui-illustration-storefront__heading {
max-width: 40%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
color: #002d2d;
font-size: 27px;
line-height: 1.2;
margin-bottom: 10px
}

.ui-illustration-storefront__collection {
padding: 5px 15px 10px
}

.ui-illustration-storefront__subhead {
color: #002d2d;
margin-bottom: 10px;
line-height: 15px
}

.ui-illustration-storefront__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}

.ui-illustration-storefront__item {
width: 130px;
margin: 0 5px
}

.image.ui-illustration-storefront__item-image {
margin-bottom: 0;
max-width: 125px;
width: 100%;
margin-top: 5px
}

.ui-illustration-storefront__item-title {
font-size: 12px;
color: #252525;
font-weight: 600;
line-height: 14px
}

.ui-illustration-storefront__item-price {
font-size: 12px;
color: #166eb6;
line-height: 12px
}

.ROW_HH .full_width input[type=file]:after,
.ShowImage .search-container input.btn_page_create,
.accordion-container .article-title:active,
.accordion-container .article-title:hover,
.accordion-container .content-entry.open .article-title,
.choose_file:after,
.col_xs_7 a.viewmore,
.cont_elem form .input_submit input,
.favorite-features-viewmore .features-viewbutton,
.get_started a,
.hireDedicated .theme_a,
.osp_ctr a.get_now,
.outerrow.headingrow-h .clumone,
.outerrowb.headingrowb .clumtwob,
.packageplansmainrow .outerrow.headingrow .titletx,
.popOUTbox a.button.secondary,
.sbm-btn input.sbmit,
.section2 a.theme_a,
.section22 a.theme_a,
.section3 a.theme_a,
.section33 a.theme_a,
.seo-experts .col_md_4 a,
.skillset .row_flex .clm_4:hover,
.third_ab_aa a,
.wrapper_io.wrapper_io1 .row-ww ul li a:hover,
a.about_us_cnt,
a.btn.more-port,
a.explore_btn:hover,
a.get_a_quote.get_Quote,
input.btn {
background: #176db4;
background-image: -o-radial-gradient(#0991d5, #186db4);
background-image: radial-gradient(#0991d5, #186db4)
}

.port:hover .inner-hover,
.prt_carousel .port:hover {
background: #1672b9
}

.hire_your_experts a {
display: inline-block;
padding: 12px 24px;
font-size: 15px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
background: #1672b9;
background-image: -webkit-gradient(linear, left top, left bottom, from(#246ba7), to(#1884c3));
background-image: -o-linear-gradient(#246ba7, #1884c3);
background-image: linear-gradient(#246ba7, #1884c3)
}

.hire_your_experts {
margin: 40px 0 0
}

.top_header_phoneF.top_header_phone {
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, .2);
margin-bottom: 15px
}

.top_header_phoneF.top_header_phone li {
color: #fff;
width: calc(25% - 10px);
text-align: center;
border-right: 1px solid #3e3e3e;
height: 20px;
line-height: 20px;
font-size: 15px
}

.blog.seactionPadding.ourblog .col-md {
width: 100%
}

.top_header_phoneF.top_header_phone li,
.top_header_phoneF.top_header_phone li span a {
color: #e0e0e0
}

h2.text-center.textWhite-Appear {
color: #fff;
-webkit-background-clip: unset;
-webkit-text-fill-color: unset;
background: 0 0
}

#hubspot-website-design {
background: -o-radial-gradient(#171f25, #00060a);
background: radial-gradient(#171f25, #00060a)
}

#benefits-of-choosing-unisoft h2,
#hubspot-inbound-marketing h1,
#hubspot-inbound-marketing h2,
.award_wining h3,
.award_wining.realestate h2,
.benefitscl h2,
.blog.seactionPadding.ourblog h2.seactionHead.text-center,
.buildgrow-section h2,
.cms_bsd h2,
.cnt_center h4,
.contactForm form h2.seactionHead,
.content_row .clm_7 .clm_66 h1,
.expertise h4,
.favorite-features .row .clm_4 h3,
.favorite-features h2,
.features_choose_us h3,
.heading-section h2,
.heading_section h2,
.heading_shopify h2,
.high_performance h2,
.hireDedicated .hubspot-shadoww h2,
.hiresec h2,
.hiresec h3,
.homepage_boxes_text h2,
.hubspot-inbound-marketing2 h2,
.inner-Seo h3,
.mid_cnt h2,
.portfolio2.seactionPadding.text-center h2.seactionHead,
.pricing-section h1,
.process h2,
.requestQuote a,
.row_choose .clm_7 h2,
.row_va .clm_7 h2,
.section-head h2.h2,
.seo_partner h2,
.services .row .pay-per-click-columns h3,
.services h2,
.sho-css_R h2,
.skillset h2,
.solution_cake h2,
.srajeev h2,
.techWeUse.text-center.seactionPadding h2.seactionHead,
.test-better h2,
.testimonial_sec .inner_testimonial h2,
.we-adard.text-center.seactionPadding h2.seactionHead,
strong.strong-aboutus {
color: #176eb5
}

#benefits-of-choosing-unisoft h2,
#hubspot-inbound-marketing h1,
#hubspot-inbound-marketing h2,
.award_wining h3,
.award_wining.realestate h2,
.benefitscl h2,
.blog.seactionPadding.ourblog h2.seactionHead.text-center,
.cms_bsd h2,
.cnt_center h4,
.contactForm form h2.seactionHead,
.content_row .clm_7 .clm_66 h1,
.expertise h4,
.favorite-features .row .clm_4 h3,
.favorite-features h2,
.features_choose_us h3,
.heading-section h2,
.heading_section h2,
.heading_shopify h2,
.high_performance h2,
.hireDedicated .hubspot-shadoww h2,
.hiresec h2,
.hiresec h3,
.homepage_boxes_text h2,
.hubspot-inbound-marketing2 h2,
.inner-Seo h3,
.mid_cnt h2,
.portfolio2.seactionPadding.text-center h2.seactionHead,
.pricing-section h1,
.process h2,
.requestQuote a,
.row_choose .clm_7 h2,
.row_va .clm_7 h2,
.section-head h2.h2,
.section-header h2,
.seo_partner h2,
.services .row .pay-per-click-columns h3,
.services h2,
.sho-css_R h2,
.skillset h2,
.solution_cake h2,
.srajeev h2,
.store-marketing h3,
.techWeUse.text-center.seactionPadding h2.seactionHead,
.test-better h2,
.testimonial_sec .inner_testimonial h2,
.we-adard.text-center.seactionPadding h2.seactionHead,
strong.strong-aboutus {
color: #176eb5
}

.cms_bsd .equal2 h3,
.favorite-features .row .clm_4 h3,
.row_choose .clm_7 ul li h3,
.test-better .row .clm_4 h3,
.top-bottom-margin h3 {
color: #176db5
}

body {
font-size: 16px;
font-family: 'Open Sans', sans-serif;
color: #333;
background: #fefefe;
line-height: 1.9;
font-weight: 400
}

.top_header_phone ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-o-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between
}

.topbarbox.top_header_phone {
padding: 5px 0;
background: #010b1d
}

.span-img-bcu-image img {
width: 45px
}

.desandwordpress {
padding: 0;
position: relative;
overflow: hidden
}

.desandwordpress .clm_4 {
max-width: 45%;
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
background: -webkit-gradient(linear, left top, left bottom, from(#6b8cc3), to(#3d5782));
background: -o-linear-gradient(#6b8cc3, #3d5782);
background: linear-gradient(#6b8cc3, #3d5782);
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.desandwordpress .clm_8 {
max-width: 55%;
-webkit-box-flex: 0;
-ms-flex: 0 0 55%;
flex: 0 0 55%
}

.inner_bg {
padding: 60px 0;
position: relative;
z-index: 2;
background: #1475bc
}

.inner_bg22 {
background: #ff5e15
}

.inner_bg:before {
position: absolute;
width: 180px;
height: 100%;
right: -80px;
top: 0;
content: '';
background: #1475bc;
z-index: 1;
-webkit-transform: skew(21deg, 0deg);
-ms-transform: skew(21deg, 0deg);
transform: skew(21deg, 0deg)
}

.inner_bg22:before {
position: absolute;
width: 180px;
height: 100%;
right: -80px;
top: 0;
content: '';
background: #ff6621;
z-index: 1;
-webkit-transform: skew(21deg, 0deg);
-ms-transform: skew(21deg, 0deg);
transform: skew(21deg, 0deg)
}

.inner_bg:after {
position: absolute;
width: 100%;
height: 100%;
left: -260px;
top: 0;
content: '';
background: #1475bc;
z-index: 1;
-webkit-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg)
}

.inner_bg22:after {
position: absolute;
width: 100%;
height: 100%;
left: -260px;
top: 0;
content: '';
background: #ff6621;
z-index: 1;
-webkit-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg)
}

.desandwordpress .clm_4 .inner_bg h3,
.desandwordpress .clm_4 .inner_bg p {
position: relative;
z-index: 32
}

.desandwordpress .clm_4 .inner_bg h3 {
color: #fff;
font-size: 35px;
line-height: 45px;
margin-bottom: 20px;
font-weight: 600
}

.desandwordpress .clm_4 .inner_bg p {
color: #fff
}

.img_D {
text-align: center;
padding: 15px
}

.desandwordpress .clm_8 .inner_features .clm_3:hover {
-webkit-box-shadow: 0 0 20px 0 #ccc;
box-shadow: 0 0 20px 0 #ccc;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px)
}

.desandwordpress .clm_8 .inner_features {
padding: 20px 0 20px 130px
}

.desandwordpress .clm_8 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-moz-align-items: center;
-webkit-align-items: center
}

.desandwordpress .clm_8 .inner_features .clm_3 {
max-width: 33.33%;
-webkit-box-flex: 2;
-ms-flex: 2 0 33.33%;
flex: 2 0 33.33%;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}

.desandwordpress .clm_8 .inner_features .clm_3 .img_D .max-width {
max-width: 54px;
margin: 0 0 5px;
text-align: center;
width: 100%
}

.requestQuote p {
min-height: 80px
}

.desandwordpress .clm_8 .inner_features .clm_3 .img_D h4 {
text-align: center;
font-size: 13px;
line-height: 1.4;
font-weight: 600
}

.cms_bsd_BG {
background: url(../img/perfect-team-bg.png);
background-size: cover
}

.hireDedicated .hubspot-shadoww p {
line-height: 1.8
}

.requestQuote a {
border-radius: 0;
position: relative;
margin: 20px 0 0;
color: #fff;
font-size: 15px;
text-align: center;
cursor: pointer;
line-height: 13px;
font-weight: 600;
border-radius: 4px;
text-transform: uppercase;
padding: 18px 24px;
border: 0;
display: inline-block;
text-decoration: none;
box-shadow: 0 0 20px #ababab;
-o-box-shadow: 0 0 20px #ababab;
-ms-box-shadow: 0 0 20px #ababab;
-moz-box-shadow: 0 0 20px #ababab;
-webkit-box-shadow: 0 0 20px #ababab;
margin-bottom: 35px;
margin-top: 25px;
background: -o-radial-gradient(#01a6e8, #186db5);
background: radial-gradient(#01a6e8, #186db5)
}

.hireDedicated {
padding: 60px 0;
background: url(../img/wordpress-development-company-min.png);
background-position: right;
background-size: cover;
background-repeat: no-repeat
}

.hireDedicated .container {
max-width: calc(100% - 160px)
}

.hireDedicated .hubspot-shadoww {
width: calc(60% - 0px);
margin: 0;
text-align: left
}

.hireDedicated ul {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 25px 0 0
}

.hireDedicated ul li:before {
position: absolute;
left: 2px;
top: 50%;
z-index: 1;
width: 10px;
height: 10px;
border-radius: 50px;
content: '';
background: #fefefe;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}

.hireDedicated ul li {
position: relative;
padding: 0 20px
}

.hireDedicated ul li:after {
position: absolute;
left: 0;
top: 50%;
width: 14px;
height: 14px;
border-radius: 50px;
content: '';
background: #176eb5;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}

.hireDedicated .theme_a {
border-radius: 0;
position: relative;
margin: 0;
color: #fff;
text-align: center;
display: inline-block;
cursor: pointer;
line-height: 13px;
font-weight: 600;
border-radius: 2px;
padding: 18px 24px;
border: 0;
text-decoration: none;
box-shadow: 0 0 20px #c5c5c5;
-o-box-shadow: 0 0 20px #c5c5c5;
-ms-box-shadow: 0 0 20px #c5c5c5;
-moz-box-shadow: 0 0 20px #c5c5c5;
-webkit-box-shadow: 0 0 20px #c5c5c5;
margin-bottom: 0;
margin-top: 30px
}

.hireDedicated .hubspot-shadoww h2 {
font-size: 50px;
font-weight: 600;
line-height: 55px;
margin: 0 0 25px;
color: #176db5;
font-family: Roboto, sans-serif
}

.hireDedicated .hubspot-shadoww h2 {
font-size: 45px;
font-weight: 600;
line-height: 50px;
margin: 0 0 20px;
color: #176db5;
font-family: Roboto, sans-serif
}

.shopping-hover a {
margin-bottom: 0
}

.shopping-hover {
display: none
}

.cms_bsd_BG .col_sm_4.services_tab {
background: #fff;
position: relative;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear
}

.requestQuote {
position: relative
}

.cms_bsd_BG .col_sm_4.services_tab:hover {
-webkit-box-shadow: 0 18px 87px -16px rgba(0, 0, 0, .75);
box-shadow: 0 18px 87px -16px rgba(0, 0, 0, .75);
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}

.cms_bsd_BG .col_sm_4.services_tab:hover .shopping-hover {
display: block
}

.cms_bsd_BG .col_sm_4.services_tab:hover p {
display: none
}

.process {
padding: 60px 0 0;
position: relative
}

.cms_bsd_BG h2.text-center {
margin-bottom: 20px
}

.cms_bsd_BG p.cl {
text-align: center;
font-size: 18px;
color: #fff;
margin-bottom: 50px
}

#TB_1,
#TB_2,
#TB_3,
#TB_4,
#TB_5 {
display: none
}

.CNT_PROCES ul li:hover i {
-webkit-transform: scale(1.08);
-ms-transform: scale(1.08);
transform: scale(1.08);
-webkit-box-shadow: 1px 1px 0 1px #8496d1, 0 0 30px 0 #e8e8e8, 0 0 30px 0 #e8e8e8;
box-shadow: 1px 1px 0 1px #8496d1, 0 0 30px 0 #e8e8e8, 0 0 30px 0 #e8e8e8
}

.CNT_PROCES ul li {
max-width: calc(100% / 5 - 60px);
text-align: center;
position: relative;
background: #fff;
z-index: 1
}

.box_Process h3 {
font-size: 30px;
font-weight: 600;
padding-bottom: 0;
position: relative;
line-height: 35px;
margin: 0 0 30px;
color: #176db5;
font-family: Roboto, sans-serif
}

.box_Process {
max-width: 75%;
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
margin: 100px 0
}

.content_Process .row .clm_7 {
max-width: 58%;
-webkit-box-flex: 0;
-ms-flex: 0 0 58%;
flex: 0 0 58%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}

.content_Process .row .clm_5 {
max-width: 42%;
-webkit-box-flex: 0;
-ms-flex: 0 0 42%;
flex: 0 0 42%;
-webkit-box-shadow: 0 0 #000;
box-shadow: 0 0 #000;
-webkit-filter: url(../img/web3.png);
filter: url(../img/web3.png);
-webkit-animation: Srajeev .5s infinite;
animation: Srajeev .5s infinite
}

#TB_1 .clm_5 {
background: url(../img/stratgy.png)
}

#TB_2 .clm_5 {
background: url(../img/stratgy.png)
}

#TB_3 .clm_5 {
background: url(../img/stratgy.png)
}

#TB_4 .clm_5 {
background: url(../img/stratgy.png)
}

#TB_5 .clm_5 {
background: url(../img/stratgy.png)
}

#TB_1 .clm_5,
#TB_2 .clm_5,
#TB_3 .clm_5,
#TB_4 .clm_5,
#TB_5 .clm_5 {
background-repeat: no-repeat;
background-size: cover
}

.box_Process ul {
width: 100%;
display: block;
margin: 0
}

.high_performance .row .clm_5 img {
width: 100%;
width: 100%
}

.content_Process .row img {
width: 100%;
margin-bottom: -7px
}

.content_Process {
width: 85%;
margin: 0 auto;
-webkit-box-shadow: 0 0 30px #cfe6ef;
box-shadow: 0 0 30px #cfe6ef;
border: 2px solid #e1ecef;
overflow: hidden;
padding: 0;
border-radius: 5px
}

.content_Process .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.box_Process ul li {
max-width: 100%;
text-align: left;
line-height: 20px;
padding: 15px 10px;
-webkit-box-shadow: inset 0 0 10px #edf1e3, 0 0 30px 0 #eaeaea;
box-shadow: inset 0 0 10px #edf1e3, 0 0 30px 0 #eaeaea;
margin: 15px 0;
border: 1px solid #e0e3f1;
max-width: 100%;
text-align: left;
padding: 15px 10px;
box-shadow: inset 0 0 10px #edf1e3, 0 0 30px 0 #eaeaea;
margin: 15px 0;
border: 1px solid #e0e3f1
}

.heading___sec p {
font-size: 18px
}

.CNT_PROCES ul li i {
background: 0 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px;
margin: 0 auto;
margin-bottom: 10px;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear
}

.heading___sec {
text-align: center
}

.CNT_PROCES ul li img {
width: 100%;
max-width: 80px;
filter: drop-shadow(7px 9px 10px rgba(0, 0, 0, .4));
-ms-filter: drop-shadow(7px 9px 10px rgba(0, 0, 0, .4));
-webkit-filter: drop-shadow(7px 9px 10px rgba(0, 0, 0, .4));
-moz-filter: drop-shadow(7px 9px 10px rgba(0, 0, 0, .4));
-o-filter: drop-shadow(7px 9px 10px rgba(0, 0, 0, .4))
}

.CNT_PROCES ul:before {
-webkit-animation: animate 10s linear infinite;
animation: animate 10s linear infinite;
position: absolute;
left: 0;
top: 40%;
width: 100%;
height: auto;
content: '';
border: 1px solid #436a94
}

@-webkit-keyframes animateS {
0% {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left;
	transform-origin: left
}
50% {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left;
	transform-origin: left
}
}

@keyframes animateS {
0% {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left;
	transform-origin: left
}
50% {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left;
	transform-origin: left
}
}

.CNT_PROCES span {
display: block;
font-weight: 600;
text-transform: uppercase
}

.CNT_PROCES ul:after {
position: absolute;
top: 40%;
left: 0;
border-bottom: 1px solid #e4e4e4;
content: '';
width: 100%;
z-index: 0;
height: auto
}

.CNT_PROCES img {
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}

.CNT_PROCES ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
width: 50%;
margin: 60px auto
}

.top-industry .box-shadow {
background: #fff;
border: 1px solid #eee;
min-height: 170px;
cursor: pointer;
display: -webkit-box;
display: flex;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 30px
}

.mobile_app {
background: url(../img/banner-of-mobile-app-development.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center
}

.mobile_app:after {
position: absolute;
left: 0;
top: 0;
content: '';
width: 100%;
opacity: .7;
height: 100%;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #040b21), to(#331f04));
background-image: -o-linear-gradient(top, #040b21 0, #331f04 100%);
background-image: linear-gradient(to bottom, #040b21 0, #331f04 100%)
}

.row_box {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
-moz-align-items: center;
width: 88%;
margin: 0 auto;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-o-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between
}

.box_clm:hover {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px)
}

.row_box span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
-webkit-box-sizing: border-box;
box-sizing: border-box
}

.row_box a {
display: block;
border: 1px solid #e4f0ff;
padding: 30px;
text-align: center;
-webkit-box-shadow: 0 5px 30px rgba(187, 180, 180, .5);
box-shadow: 0 5px 30px rgba(187, 180, 180, .5);
width: calc(100% - 62px);
height: 100%
}

.row_box span:nth-child(1) {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
}

.row_box span:nth-child(2) {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}

.row_box span:nth-child(3) {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}

.row_box span:nth-child(4) {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg)
}

.row_box span:before {
content: '';
position: absolute;
width: 100%;
height: 1px;
opacity: .7;
background: #9484d0;
-webkit-animation: animate 6s linear infinite;
animation: animate 6s linear infinite
}

@-webkit-keyframes animate {
0% {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left;
	transform-origin: left
}
50% {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left;
	transform-origin: left
}
50.1% {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: right;
	transform-origin: right
}
100% {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right;
	transform-origin: right
}
}

@keyframes animate {
0% {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left;
	transform-origin: left
}
50% {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left;
	transform-origin: left
}
50.1% {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: right;
	transform-origin: right
}
100% {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right;
	transform-origin: right
}
}

.row_box .boxS {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
max-width: calc(25% - 20px);
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
margin: 0 10px
}

.box_clm {
background-color: #fff;
padding: 15px;
margin: 10px 0;
position: relative;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
-webkit-box-shadow: 0 20px 50px #e6e6e6;
box-shadow: 0 20px 50px #e6e6e6;
border: 1px solid #e2e4ec
}

.box_clm img {
max-width: 120px;
margin-bottom: 15px
}

.box_clm h3 {
font-size: 18px;
font-weight: 600;
color: #446392;
line-height: 24px;
margin: 0 0 15px
}

.box_clm p {
color: #424242
}

.mob_services {
padding: 0 0 50px
}

.high_performance h2 {
font-size: 42px;
font-weight: 600;
padding-bottom: 0;
text-align: center;
position: relative;
line-height: 60px;
margin: 0 0 40px;
color: #176db5;
font-family: Roboto, sans-serif
}

.high_performance {
padding: 0 0 60px;
width: 100%;
float: left
}

.high_performance .row {
float: left;
width: 100%
}

.high_performance .row .clm_7 {
width: 57%;
float: left
}

.high_performance .row .clm_5 {
width: 43%;
float: left;
position: sticky;
position: -webkit-sticky;
top: 0
}

.start_p {
background: url(../img/bg_mobile-app.jpg);
color: #fff;
position: relative;
text-align: center;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover
}

.start_p h2 {
display: inline-block;
font-size: 40px;
font-family: Roboto, sans-serif;
font-weight: 600;
margin: 0;
position: relative;
z-index: 1;
line-height: 40px
}

.start_p h2 {
display: inline-block;
font-size: 40px;
font-family: Roboto, sans-serif;
font-weight: 600;
margin: 0;
position: relative;
z-index: 1;
line-height: 40px
}

.start_p .container-cntainer {
position: relative;
z-index: 1
}

.start_p:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: .5;
content: '';
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0e152d), to(#50330b));
background-image: -o-linear-gradient(top, #0e152d 0, #50330b 100%);
background-image: linear-gradient(to bottom, #0e152d 0, #50330b 100%)
}

.start_p a {
background: 0 0;
border-radius: 0;
position: relative;
padding: 12px 24px;
margin: 0 0 0 50px;
font-size: 16px;
color: #fff;
border: 1px solid #fff
}

.clm_4rrr p {
margin-bottom: 20px;
font-size: 18px
}

.high_performance p {
padding-left: 0;
width: 95%;
margin: 0 5% 15px 0;
text-align: justify;
line-height: 1.8
}

.high_performance .row {
position: relative
}

.high_performance .row:after {
position: absolute;
left: 50%;
top: 50%;
content: 'High Performance Application';
font-size: 160px;
color: #000;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 0;
line-height: 1.4;
font-weight: 900;
text-transform: uppercase;
text-align: center;
opacity: .03
}

.clm_4rrr h2 {
font-size: 50px;
font-weight: 600;
padding-bottom: 0;
position: relative;
line-height: 40px;
margin: 0 0 20px;
color: #176db5;
font-family: Roboto, sans-serif;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9484d0), to(#316586));
background: -o-linear-gradient(top, #9484d0 0, #316586 100%);
background: linear-gradient(to bottom, #9484d0 0, #316586 100%)
}

.shape {
position: absolute;
width: 100%
}

.random-shape:after {
font-family: FontAwesome;
content: "\f005"
}

.row.equal h3.text-center {
text-align: center
}

@-webkit-keyframes shape-1 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(230deg);
	transform: translate3d(0, 0, 0) rotate(230deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(590deg);
	transform: translate3d(0, 0, 0) rotate(590deg)
}
}

@keyframes shape-1 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(230deg);
	transform: translate3d(0, 0, 0) rotate(230deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(590deg);
	transform: translate3d(0, 0, 0) rotate(590deg)
}
}

.shape-container--1 {
-webkit-animation: shape-1 50s linear infinite;
animation: shape-1 50s linear infinite
}

.shape-container--1 .random-shape:after {
margin: 2rem;
color: #95a9ff;
font-size: .4rem;
content: "ï‚–"
}

@-webkit-keyframes shape-2 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(255deg);
	transform: translate3d(0, 0, 0) rotate(255deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(615deg);
	transform: translate3d(0, 0, 0) rotate(615deg)
}
}

@keyframes shape-2 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(255deg);
	transform: translate3d(0, 0, 0) rotate(255deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(615deg);
	transform: translate3d(0, 0, 0) rotate(615deg)
}
}

.shape-container--2 {
-webkit-animation: shape-2 49s linear infinite;
animation: shape-2 49s linear infinite
}

.shape-container--2 .random-shape:after {
margin: 6rem;
color: gold;
font-size: 1.2rem;
content: ""
}

@-webkit-keyframes shape-3 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(195deg);
	transform: translate3d(0, 0, 0) rotate(195deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(555deg);
	transform: translate3d(0, 0, 0) rotate(555deg)
}
}

@keyframes shape-3 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(195deg);
	transform: translate3d(0, 0, 0) rotate(195deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(555deg);
	transform: translate3d(0, 0, 0) rotate(555deg)
}
}

.shape-container--3 {
-webkit-animation: shape-3 48s linear infinite;
animation: shape-3 48s linear infinite
}

.shape-container--3 .random-shape:after {
margin: 3rem;
color: #95a9ff;
font-size: .6rem;
content: ""
}

@-webkit-keyframes shape-4 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(329deg);
	transform: translate3d(0, 0, 0) rotate(329deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(689deg);
	transform: translate3d(0, 0, 0) rotate(689deg)
}
}

@keyframes shape-4 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(329deg);
	transform: translate3d(0, 0, 0) rotate(329deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(689deg);
	transform: translate3d(0, 0, 0) rotate(689deg)
}
}

.shape-container--4 {
-webkit-animation: shape-4 44s linear infinite;
animation: shape-4 44s linear infinite
}

.shape-container--4 .random-shape:after {
margin: 5rem;
color: gold;
font-size: 1rem;
content: ""
}

@-webkit-keyframes shape-5 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(208deg);
	transform: translate3d(0, 0, 0) rotate(208deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(568deg);
	transform: translate3d(0, 0, 0) rotate(568deg)
}
}

@keyframes shape-5 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(208deg);
	transform: translate3d(0, 0, 0) rotate(208deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(568deg);
	transform: translate3d(0, 0, 0) rotate(568deg)
}
}

.shape-container--5 {
-webkit-animation: shape-5 42s linear infinite;
animation: shape-5 42s linear infinite
}

.shape-container--5 .random-shape:after {
margin: 7rem;
color: #c2b7fe;
font-size: 1.4rem;
content: ""
}

@-webkit-keyframes shape-6 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(289deg);
	transform: translate3d(0, 0, 0) rotate(289deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(649deg);
	transform: translate3d(0, 0, 0) rotate(649deg)
}
}

@keyframes shape-6 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(289deg);
	transform: translate3d(0, 0, 0) rotate(289deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(649deg);
	transform: translate3d(0, 0, 0) rotate(649deg)
}
}

.shape-container--6 {
-webkit-animation: shape-6 48s linear infinite;
animation: shape-6 48s linear infinite
}

.shape-container--6 .random-shape:after {
margin: 5rem;
color: #fff8dc;
font-size: 1rem;
content: ""
}

@-webkit-keyframes shape-7 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(272deg);
	transform: translate3d(0, 0, 0) rotate(272deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(632deg);
	transform: translate3d(0, 0, 0) rotate(632deg)
}
}

@keyframes shape-7 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(272deg);
	transform: translate3d(0, 0, 0) rotate(272deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(632deg);
	transform: translate3d(0, 0, 0) rotate(632deg)
}
}

.shape-container--7 {
-webkit-animation: shape-7 41s linear infinite;
animation: shape-7 41s linear infinite
}

.shape-container--7 .random-shape:after {
margin: 9rem;
color: #db7093;
font-size: 1.8rem;
content: ""
}

@-webkit-keyframes shape-8 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(180deg);
	transform: translate3d(0, 0, 0) rotate(180deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(540deg);
	transform: translate3d(0, 0, 0) rotate(540deg)
}
}

@keyframes shape-8 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(180deg);
	transform: translate3d(0, 0, 0) rotate(180deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(540deg);
	transform: translate3d(0, 0, 0) rotate(540deg)
}
}

.shape-container--8 {
-webkit-animation: shape-8 49s linear infinite;
animation: shape-8 49s linear infinite
}

.shape-container--8 .random-shape:after {
margin: 6rem;
color: #c2b7fe;
font-size: 1.2rem;
content: ""
}

@-webkit-keyframes shape-9 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(252deg);
	transform: translate3d(0, 0, 0) rotate(252deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(612deg);
	transform: translate3d(0, 0, 0) rotate(612deg)
}
}

@keyframes shape-9 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(252deg);
	transform: translate3d(0, 0, 0) rotate(252deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(612deg);
	transform: translate3d(0, 0, 0) rotate(612deg)
}
}

.shape-container--9 {
-webkit-animation: shape-9 42s linear infinite;
animation: shape-9 42s linear infinite
}

.shape-container--9 .random-shape:after {
margin: 9rem;
color: #fff8dc;
font-size: 1.8rem;
content: ""
}

@-webkit-keyframes shape-10 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(216deg);
	transform: translate3d(0, 0, 0) rotate(216deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(576deg);
	transform: translate3d(0, 0, 0) rotate(576deg)
}
}

@keyframes shape-10 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(216deg);
	transform: translate3d(0, 0, 0) rotate(216deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(576deg);
	transform: translate3d(0, 0, 0) rotate(576deg)
}
}

.shape-container--10 {
-webkit-animation: shape-10 45s linear infinite;
animation: shape-10 45s linear infinite
}

.shape-container--10 .random-shape:after {
margin: 3rem;
color: #95a9ff;
font-size: .6rem;
content: ""
}

@-webkit-keyframes shape-11 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(258deg);
	transform: translate3d(0, 0, 0) rotate(258deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(618deg);
	transform: translate3d(0, 0, 0) rotate(618deg)
}
}

@keyframes shape-11 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(258deg);
	transform: translate3d(0, 0, 0) rotate(258deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(618deg);
	transform: translate3d(0, 0, 0) rotate(618deg)
}
}

.shape-container--11 {
-webkit-animation: shape-11 50s linear infinite;
animation: shape-11 50s linear infinite
}

.shape-container--11 .random-shape:after {
margin: 6rem;
color: #fff8dc;
font-size: 1.2rem;
content: "ï‚–"
}

@-webkit-keyframes shape-12 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(221deg);
	transform: translate3d(0, 0, 0) rotate(221deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(581deg);
	transform: translate3d(0, 0, 0) rotate(581deg)
}
}

@keyframes shape-12 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(221deg);
	transform: translate3d(0, 0, 0) rotate(221deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(581deg);
	transform: translate3d(0, 0, 0) rotate(581deg)
}
}

.shape-container--12 {
-webkit-animation: shape-12 45s linear infinite;
animation: shape-12 45s linear infinite
}

.shape-container--12 .random-shape:after {
margin: 2rem;
color: #c2b7fe;
font-size: .4rem;
content: ""
}

@-webkit-keyframes shape-13 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(33deg);
	transform: translate3d(0, 0, 0) rotate(33deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(393deg);
	transform: translate3d(0, 0, 0) rotate(393deg)
}
}

@keyframes shape-13 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(33deg);
	transform: translate3d(0, 0, 0) rotate(33deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(393deg);
	transform: translate3d(0, 0, 0) rotate(393deg)
}
}

.shape-container--13 {
-webkit-animation: shape-13 47s linear infinite;
animation: shape-13 47s linear infinite
}

.shape-container--13 .random-shape:after {
margin: 1rem;
color: gold;
font-size: .2rem;
content: ""
}

@-webkit-keyframes shape-14 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(189deg);
	transform: translate3d(0, 0, 0) rotate(189deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(549deg);
	transform: translate3d(0, 0, 0) rotate(549deg)
}
}

@keyframes shape-14 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(189deg);
	transform: translate3d(0, 0, 0) rotate(189deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(549deg);
	transform: translate3d(0, 0, 0) rotate(549deg)
}
}

.shape-container--14 {
-webkit-animation: shape-14 50s linear infinite;
animation: shape-14 50s linear infinite
}

.shape-container--14 .random-shape:after {
margin: 4rem;
color: gold;
font-size: .8rem;
content: "ï‚–"
}

@-webkit-keyframes shape-15 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(128deg);
	transform: translate3d(0, 0, 0) rotate(128deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(488deg);
	transform: translate3d(0, 0, 0) rotate(488deg)
}
}

@keyframes shape-15 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(128deg);
	transform: translate3d(0, 0, 0) rotate(128deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(488deg);
	transform: translate3d(0, 0, 0) rotate(488deg)
}
}

.shape-container--15 {
-webkit-animation: shape-15 41s linear infinite;
animation: shape-15 41s linear infinite
}

.shape-container--15 .random-shape:after {
margin: 1rem;
color: gold;
font-size: .2rem;
content: ""
}

@-webkit-keyframes shape-16 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(125deg);
	transform: translate3d(0, 0, 0) rotate(125deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(485deg);
	transform: translate3d(0, 0, 0) rotate(485deg)
}
}

@keyframes shape-16 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(125deg);
	transform: translate3d(0, 0, 0) rotate(125deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(485deg);
	transform: translate3d(0, 0, 0) rotate(485deg)
}
}

.shape-container--16 {
-webkit-animation: shape-16 45s linear infinite;
animation: shape-16 45s linear infinite
}

.shape-container--16 .random-shape:after {
margin: 6rem;
color: #db7093;
font-size: 1.2rem;
content: ""
}

@-webkit-keyframes shape-17 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(19deg);
	transform: translate3d(0, 0, 0) rotate(19deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(379deg);
	transform: translate3d(0, 0, 0) rotate(379deg)
}
}

@keyframes shape-17 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(19deg);
	transform: translate3d(0, 0, 0) rotate(19deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(379deg);
	transform: translate3d(0, 0, 0) rotate(379deg)
}
}

.shape-container--17 {
-webkit-animation: shape-17 48s linear infinite;
animation: shape-17 48s linear infinite
}

.shape-container--17 .random-shape:after {
margin: 8rem;
color: gold;
font-size: 1.6rem;
content: "ï‚–"
}

@-webkit-keyframes shape-18 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(23deg);
	transform: translate3d(0, 0, 0) rotate(23deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(383deg);
	transform: translate3d(0, 0, 0) rotate(383deg)
}
}

@keyframes shape-18 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(23deg);
	transform: translate3d(0, 0, 0) rotate(23deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(383deg);
	transform: translate3d(0, 0, 0) rotate(383deg)
}
}

.shape-container--18 {
-webkit-animation: shape-18 45s linear infinite;
animation: shape-18 45s linear infinite
}

.shape-container--18 .random-shape:after {
margin: 4rem;
color: #95a9ff;
font-size: .8rem;
content: ""
}

@-webkit-keyframes shape-19 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(349deg);
	transform: translate3d(0, 0, 0) rotate(349deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(709deg);
	transform: translate3d(0, 0, 0) rotate(709deg)
}
}

@keyframes shape-19 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(349deg);
	transform: translate3d(0, 0, 0) rotate(349deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(709deg);
	transform: translate3d(0, 0, 0) rotate(709deg)
}
}

.shape-container--19 {
-webkit-animation: shape-19 49s linear infinite;
animation: shape-19 49s linear infinite
}

.shape-container--19 .random-shape:after {
margin: 2rem;
color: #db7093;
font-size: .4rem;
content: ""
}

@-webkit-keyframes shape-20 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(84deg);
	transform: translate3d(0, 0, 0) rotate(84deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(444deg);
	transform: translate3d(0, 0, 0) rotate(444deg)
}
}

@keyframes shape-20 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(84deg);
	transform: translate3d(0, 0, 0) rotate(84deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(444deg);
	transform: translate3d(0, 0, 0) rotate(444deg)
}
}

.shape-container--20 {
-webkit-animation: shape-20 41s linear infinite;
animation: shape-20 41s linear infinite
}

.shape-container--20 .random-shape:after {
margin: 4rem;
color: gold;
font-size: .8rem;
content: ""
}

@-webkit-keyframes shape-21 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(116deg);
	transform: translate3d(0, 0, 0) rotate(116deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(476deg);
	transform: translate3d(0, 0, 0) rotate(476deg)
}
}

@keyframes shape-21 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(116deg);
	transform: translate3d(0, 0, 0) rotate(116deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(476deg);
	transform: translate3d(0, 0, 0) rotate(476deg)
}
}

.shape-container--21 {
-webkit-animation: shape-21 49s linear infinite;
animation: shape-21 49s linear infinite
}

.shape-container--21 .random-shape:after {
margin: 4rem;
color: #95a9ff;
font-size: .8rem;
content: ""
}

@-webkit-keyframes shape-22 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(5deg);
	transform: translate3d(0, 0, 0) rotate(5deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(365deg);
	transform: translate3d(0, 0, 0) rotate(365deg)
}
}

@keyframes shape-22 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(5deg);
	transform: translate3d(0, 0, 0) rotate(5deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(365deg);
	transform: translate3d(0, 0, 0) rotate(365deg)
}
}

.shape-container--22 {
-webkit-animation: shape-22 43s linear infinite;
animation: shape-22 43s linear infinite
}

.shape-container--22 .random-shape:after {
margin: 10rem;
color: #db7093;
font-size: 2rem;
content: ""
}

@-webkit-keyframes shape-23 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(266deg);
	transform: translate3d(0, 0, 0) rotate(266deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(626deg);
	transform: translate3d(0, 0, 0) rotate(626deg)
}
}

@keyframes shape-23 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(266deg);
	transform: translate3d(0, 0, 0) rotate(266deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(626deg);
	transform: translate3d(0, 0, 0) rotate(626deg)
}
}

.shape-container--23 {
-webkit-animation: shape-23 47s linear infinite;
animation: shape-23 47s linear infinite
}

.shape-container--23 .random-shape:after {
margin: 2rem;
color: #db7093;
font-size: .4rem;
content: ""
}

@-webkit-keyframes shape-24 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(236deg);
	transform: translate3d(0, 0, 0) rotate(236deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(596deg);
	transform: translate3d(0, 0, 0) rotate(596deg)
}
}

@keyframes shape-24 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(236deg);
	transform: translate3d(0, 0, 0) rotate(236deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(596deg);
	transform: translate3d(0, 0, 0) rotate(596deg)
}
}

.shape-container--24 {
-webkit-animation: shape-24 43s linear infinite;
animation: shape-24 43s linear infinite
}

.shape-container--24 .random-shape:after {
margin: 3rem;
color: #95a9ff;
font-size: .6rem;
content: ""
}

@-webkit-keyframes shape-25 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(74deg);
	transform: translate3d(0, 0, 0) rotate(74deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(434deg);
	transform: translate3d(0, 0, 0) rotate(434deg)
}
}

@keyframes shape-25 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(74deg);
	transform: translate3d(0, 0, 0) rotate(74deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(434deg);
	transform: translate3d(0, 0, 0) rotate(434deg)
}
}

.shape-container--25 {
-webkit-animation: shape-25 44s linear infinite;
animation: shape-25 44s linear infinite
}

.shape-container--25 .random-shape:after {
margin: 4rem;
color: gold;
font-size: .8rem;
content: ""
}

@-webkit-keyframes shape-26 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(45deg);
	transform: translate3d(0, 0, 0) rotate(45deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(405deg);
	transform: translate3d(0, 0, 0) rotate(405deg)
}
}

@keyframes shape-26 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(45deg);
	transform: translate3d(0, 0, 0) rotate(45deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(405deg);
	transform: translate3d(0, 0, 0) rotate(405deg)
}
}

.shape-container--26 {
-webkit-animation: shape-26 50s linear infinite;
animation: shape-26 50s linear infinite
}

.shape-container--26 .random-shape:after {
margin: 2rem;
color: #fff8dc;
font-size: .4rem;
content: ""
}

@-webkit-keyframes shape-27 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(49deg);
	transform: translate3d(0, 0, 0) rotate(49deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(409deg);
	transform: translate3d(0, 0, 0) rotate(409deg)
}
}

@keyframes shape-27 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(49deg);
	transform: translate3d(0, 0, 0) rotate(49deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(409deg);
	transform: translate3d(0, 0, 0) rotate(409deg)
}
}

.shape-container--27 {
-webkit-animation: shape-27 48s linear infinite;
animation: shape-27 48s linear infinite
}

.shape-container--27 .random-shape:after {
margin: 3rem;
color: #db7093;
font-size: .6rem;
content: ""
}

@-webkit-keyframes shape-28 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(261deg);
	transform: translate3d(0, 0, 0) rotate(261deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(621deg);
	transform: translate3d(0, 0, 0) rotate(621deg)
}
}

@keyframes shape-28 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(261deg);
	transform: translate3d(0, 0, 0) rotate(261deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(621deg);
	transform: translate3d(0, 0, 0) rotate(621deg)
}
}

.shape-container--28 {
-webkit-animation: shape-28 43s linear infinite;
animation: shape-28 43s linear infinite
}

.shape-container--28 .random-shape:after {
margin: 8rem;
color: #fff8dc;
font-size: 1.6rem;
content: ""
}

@-webkit-keyframes shape-29 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(30deg);
	transform: translate3d(0, 0, 0) rotate(30deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(390deg);
	transform: translate3d(0, 0, 0) rotate(390deg)
}
}

@keyframes shape-29 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(30deg);
	transform: translate3d(0, 0, 0) rotate(30deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(390deg);
	transform: translate3d(0, 0, 0) rotate(390deg)
}
}

.shape-container--29 {
-webkit-animation: shape-29 47s linear infinite;
animation: shape-29 47s linear infinite
}

.shape-container--29 .random-shape:after {
margin: 6rem;
color: gold;
font-size: 1.2rem;
content: ""
}

@-webkit-keyframes shape-30 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(211deg);
	transform: translate3d(0, 0, 0) rotate(211deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(571deg);
	transform: translate3d(0, 0, 0) rotate(571deg)
}
}

@keyframes shape-30 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(211deg);
	transform: translate3d(0, 0, 0) rotate(211deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(571deg);
	transform: translate3d(0, 0, 0) rotate(571deg)
}
}

.shape-container--30 {
-webkit-animation: shape-30 49s linear infinite;
animation: shape-30 49s linear infinite
}

.shape-container--30 .random-shape:after {
margin: 4rem;
color: #fff8dc;
font-size: .8rem;
content: ""
}

@-webkit-keyframes shape-31 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(52deg);
	transform: translate3d(0, 0, 0) rotate(52deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(412deg);
	transform: translate3d(0, 0, 0) rotate(412deg)
}
}

@keyframes shape-31 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(52deg);
	transform: translate3d(0, 0, 0) rotate(52deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(412deg);
	transform: translate3d(0, 0, 0) rotate(412deg)
}
}

.shape-container--31 {
-webkit-animation: shape-31 42s linear infinite;
animation: shape-31 42s linear infinite
}

.shape-container--31 .random-shape:after {
margin: 9rem;
color: #db7093;
font-size: 1.8rem;
content: ""
}

@-webkit-keyframes shape-32 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(275deg);
	transform: translate3d(0, 0, 0) rotate(275deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(635deg);
	transform: translate3d(0, 0, 0) rotate(635deg)
}
}

@keyframes shape-32 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(275deg);
	transform: translate3d(0, 0, 0) rotate(275deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(635deg);
	transform: translate3d(0, 0, 0) rotate(635deg)
}
}

.shape-container--32 {
-webkit-animation: shape-32 41s linear infinite;
animation: shape-32 41s linear infinite
}

.shape-container--32 .random-shape:after {
margin: 4rem;
color: #db7093;
font-size: .8rem;
content: ""
}

@-webkit-keyframes shape-33 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(7deg);
	transform: translate3d(0, 0, 0) rotate(7deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(367deg);
	transform: translate3d(0, 0, 0) rotate(367deg)
}
}

@keyframes shape-33 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(7deg);
	transform: translate3d(0, 0, 0) rotate(7deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(367deg);
	transform: translate3d(0, 0, 0) rotate(367deg)
}
}

.shape-container--33 {
-webkit-animation: shape-33 50s linear infinite;
animation: shape-33 50s linear infinite
}

.shape-container--33 .random-shape:after {
margin: 10rem;
color: #db7093;
font-size: 2rem;
content: ""
}

@-webkit-keyframes shape-34 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(117deg);
	transform: translate3d(0, 0, 0) rotate(117deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(477deg);
	transform: translate3d(0, 0, 0) rotate(477deg)
}
}

@keyframes shape-34 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(117deg);
	transform: translate3d(0, 0, 0) rotate(117deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(477deg);
	transform: translate3d(0, 0, 0) rotate(477deg)
}
}

.shape-container--34 {
-webkit-animation: shape-34 46s linear infinite;
animation: shape-34 46s linear infinite
}

.shape-container--34 .random-shape:after {
margin: 1rem;
color: #db7093;
font-size: .2rem;
content: ""
}

@-webkit-keyframes shape-35 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(307deg);
	transform: translate3d(0, 0, 0) rotate(307deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(667deg);
	transform: translate3d(0, 0, 0) rotate(667deg)
}
}

@keyframes shape-35 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(307deg);
	transform: translate3d(0, 0, 0) rotate(307deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(667deg);
	transform: translate3d(0, 0, 0) rotate(667deg)
}
}

.shape-container--35 {
-webkit-animation: shape-35 50s linear infinite;
animation: shape-35 50s linear infinite
}

.shape-container--35 .random-shape:after {
margin: 5rem;
color: gold;
font-size: 1rem;
content: "ï‚–"
}

@-webkit-keyframes shape-36 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(113deg);
	transform: translate3d(0, 0, 0) rotate(113deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(473deg);
	transform: translate3d(0, 0, 0) rotate(473deg)
}
}

@keyframes shape-36 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(113deg);
	transform: translate3d(0, 0, 0) rotate(113deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(473deg);
	transform: translate3d(0, 0, 0) rotate(473deg)
}
}

.shape-container--36 {
-webkit-animation: shape-36 48s linear infinite;
animation: shape-36 48s linear infinite
}

.shape-container--36 .random-shape:after {
margin: 8rem;
color: #fff8dc;
font-size: 1.6rem;
content: ""
}

@-webkit-keyframes shape-37 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(54deg);
	transform: translate3d(0, 0, 0) rotate(54deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(414deg);
	transform: translate3d(0, 0, 0) rotate(414deg)
}
}

@keyframes shape-37 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(54deg);
	transform: translate3d(0, 0, 0) rotate(54deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(414deg);
	transform: translate3d(0, 0, 0) rotate(414deg)
}
}

.shape-container--37 {
-webkit-animation: shape-37 46s linear infinite;
animation: shape-37 46s linear infinite
}

.shape-container--37 .random-shape:after {
margin: 2rem;
color: gold;
font-size: .4rem;
content: ""
}

@-webkit-keyframes shape-38 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(11deg);
	transform: translate3d(0, 0, 0) rotate(11deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(371deg);
	transform: translate3d(0, 0, 0) rotate(371deg)
}
}

@keyframes shape-38 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(11deg);
	transform: translate3d(0, 0, 0) rotate(11deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(371deg);
	transform: translate3d(0, 0, 0) rotate(371deg)
}
}

.shape-container--38 {
-webkit-animation: shape-38 41s linear infinite;
animation: shape-38 41s linear infinite
}

.shape-container--38 .random-shape:after {
margin: 10rem;
color: #db7093;
font-size: 2rem;
content: "ï‚–"
}

@-webkit-keyframes shape-39 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(78deg);
	transform: translate3d(0, 0, 0) rotate(78deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(438deg);
	transform: translate3d(0, 0, 0) rotate(438deg)
}
}

@keyframes shape-39 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(78deg);
	transform: translate3d(0, 0, 0) rotate(78deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(438deg);
	transform: translate3d(0, 0, 0) rotate(438deg)
}
}

.shape-container--39 {
-webkit-animation: shape-39 48s linear infinite;
animation: shape-39 48s linear infinite
}

.shape-container--39 .random-shape:after {
margin: 2rem;
color: #fff8dc;
font-size: .4rem;
content: ""
}

@-webkit-keyframes shape-40 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(93deg);
	transform: translate3d(0, 0, 0) rotate(93deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(453deg);
	transform: translate3d(0, 0, 0) rotate(453deg)
}
}

@keyframes shape-40 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(93deg);
	transform: translate3d(0, 0, 0) rotate(93deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(453deg);
	transform: translate3d(0, 0, 0) rotate(453deg)
}
}

.shape-container--40 {
-webkit-animation: shape-40 41s linear infinite;
animation: shape-40 41s linear infinite
}

.shape-container--40 .random-shape:after {
margin: 9rem;
color: #95a9ff;
font-size: 1.8rem;
content: ""
}

@-webkit-keyframes shape-41 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(123deg);
	transform: translate3d(0, 0, 0) rotate(123deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(483deg);
	transform: translate3d(0, 0, 0) rotate(483deg)
}
}

@keyframes shape-41 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(123deg);
	transform: translate3d(0, 0, 0) rotate(123deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(483deg);
	transform: translate3d(0, 0, 0) rotate(483deg)
}
}

.shape-container--41 {
-webkit-animation: shape-41 50s linear infinite;
animation: shape-41 50s linear infinite
}

.shape-container--41 .random-shape:after {
margin: 10rem;
color: #95a9ff;
font-size: 2rem;
content: ""
}

@-webkit-keyframes shape-42 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(62deg);
	transform: translate3d(0, 0, 0) rotate(62deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(422deg);
	transform: translate3d(0, 0, 0) rotate(422deg)
}
}

@keyframes shape-42 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(62deg);
	transform: translate3d(0, 0, 0) rotate(62deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(422deg);
	transform: translate3d(0, 0, 0) rotate(422deg)
}
}

.shape-container--42 {
-webkit-animation: shape-42 42s linear infinite;
animation: shape-42 42s linear infinite
}

.shape-container--42 .random-shape:after {
margin: 2rem;
color: gold;
font-size: .4rem;
content: "ï‚–"
}

@-webkit-keyframes shape-43 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(150deg);
	transform: translate3d(0, 0, 0) rotate(150deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(510deg);
	transform: translate3d(0, 0, 0) rotate(510deg)
}
}

@keyframes shape-43 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(150deg);
	transform: translate3d(0, 0, 0) rotate(150deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(510deg);
	transform: translate3d(0, 0, 0) rotate(510deg)
}
}

.shape-container--43 {
-webkit-animation: shape-43 47s linear infinite;
animation: shape-43 47s linear infinite
}

.shape-container--43 .random-shape:after {
margin: 8rem;
color: gold;
font-size: 1.6rem;
content: ""
}

@-webkit-keyframes shape-44 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(179deg);
	transform: translate3d(0, 0, 0) rotate(179deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(539deg);
	transform: translate3d(0, 0, 0) rotate(539deg)
}
}

@keyframes shape-44 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(179deg);
	transform: translate3d(0, 0, 0) rotate(179deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(539deg);
	transform: translate3d(0, 0, 0) rotate(539deg)
}
}

.shape-container--44 {
-webkit-animation: shape-44 49s linear infinite;
animation: shape-44 49s linear infinite
}

.shape-container--44 .random-shape:after {
margin: 8rem;
color: #c2b7fe;
font-size: 1.6rem;
content: ""
}

@-webkit-keyframes shape-45 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(101deg);
	transform: translate3d(0, 0, 0) rotate(101deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(461deg);
	transform: translate3d(0, 0, 0) rotate(461deg)
}
}

@keyframes shape-45 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(101deg);
	transform: translate3d(0, 0, 0) rotate(101deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(461deg);
	transform: translate3d(0, 0, 0) rotate(461deg)
}
}

.shape-container--45 {
-webkit-animation: shape-45 44s linear infinite;
animation: shape-45 44s linear infinite
}

.shape-container--45 .random-shape:after {
margin: 1rem;
color: #c2b7fe;
font-size: .2rem;
content: ""
}

@-webkit-keyframes shape-46 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(28deg);
	transform: translate3d(0, 0, 0) rotate(28deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(388deg);
	transform: translate3d(0, 0, 0) rotate(388deg)
}
}

@keyframes shape-46 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(28deg);
	transform: translate3d(0, 0, 0) rotate(28deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(388deg);
	transform: translate3d(0, 0, 0) rotate(388deg)
}
}

.shape-container--46 {
-webkit-animation: shape-46 46s linear infinite;
animation: shape-46 46s linear infinite
}

.shape-container--46 .random-shape:after {
margin: 1rem;
color: #c2b7fe;
font-size: .2rem;
content: ""
}

@-webkit-keyframes shape-47 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(20deg);
	transform: translate3d(0, 0, 0) rotate(20deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(380deg);
	transform: translate3d(0, 0, 0) rotate(380deg)
}
}

@keyframes shape-47 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(20deg);
	transform: translate3d(0, 0, 0) rotate(20deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(380deg);
	transform: translate3d(0, 0, 0) rotate(380deg)
}
}

.shape-container--47 {
-webkit-animation: shape-47 45s linear infinite;
animation: shape-47 45s linear infinite
}

.shape-container--47 .random-shape:after {
margin: 2rem;
color: #95a9ff;
font-size: .4rem;
content: ""
}

@-webkit-keyframes shape-48 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(108deg);
	transform: translate3d(0, 0, 0) rotate(108deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(468deg);
	transform: translate3d(0, 0, 0) rotate(468deg)
}
}

@keyframes shape-48 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(108deg);
	transform: translate3d(0, 0, 0) rotate(108deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(468deg);
	transform: translate3d(0, 0, 0) rotate(468deg)
}
}

.shape-container--48 {
-webkit-animation: shape-48 44s linear infinite;
animation: shape-48 44s linear infinite
}

.shape-container--48 .random-shape:after {
margin: 1rem;
color: gold;
font-size: .2rem;
content: ""
}

@-webkit-keyframes shape-49 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(50deg);
	transform: translate3d(0, 0, 0) rotate(50deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(410deg);
	transform: translate3d(0, 0, 0) rotate(410deg)
}
}

@keyframes shape-49 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(50deg);
	transform: translate3d(0, 0, 0) rotate(50deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(410deg);
	transform: translate3d(0, 0, 0) rotate(410deg)
}
}

.shape-container--49 {
-webkit-animation: shape-49 41s linear infinite;
animation: shape-49 41s linear infinite
}

.shape-container--49 .random-shape:after {
margin: 4rem;
color: gold;
font-size: .8rem;
content: ""
}

@-webkit-keyframes shape-50 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(176deg);
	transform: translate3d(0, 0, 0) rotate(176deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(536deg);
	transform: translate3d(0, 0, 0) rotate(536deg)
}
}

@keyframes shape-50 {
0% {
	-webkit-transform: translate3d(0, 0, 0) rotate(176deg);
	transform: translate3d(0, 0, 0) rotate(176deg)
}
100% {
	-webkit-transform: translate3d(0, 0, 0) rotate(536deg);
	transform: translate3d(0, 0, 0) rotate(536deg)
}
}

.shape-container--50 {
-webkit-animation: shape-50 43s linear infinite;
animation: shape-50 43s linear infinite
}

.shape-container--50 .random-shape:after {
margin: 9rem;
color: #c2b7fe;
font-size: 1.8rem;
content: "ï‚–"
}

.stop-shape {
-webkit-animation-play-state: paused;
animation-play-state: paused
}

.sRvices {
display: none;
padding: 30px 80px 30px 30px
}

.services-s {
position: relative
}

.inn_sR {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 1
}

.cnt_row p {
font-size: 16px;
line-height: 26px
}

.services-s .row .clm_5 h3 {
position: absolute;
font-size: 80px;
opacity: .02;
top: 0;
right: 0;
margin: 0 0 0 -20px;
color: #8a8a8a
}

.inn_sR .row {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap
}

.inn_sR .row .clm__2:hover {
-webkit-transform: translateY(-7px);
-ms-transform: translateY(-7px);
transform: translateY(-7px)
}

.inn_sR .row .clm__2 {
margin: 5px;
padding: 0;
-webkit-box-shadow: 0 0 20px #fffdf2;
box-shadow: 0 0 20px #fffdf2;
max-width: calc(100% / 5 - 10px - 0 - 2px);
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear
}

.box_Process ul {
margin: 0;
width: 100%;
display: block
}

.box_Process ul:after {
display: none
}

.readmore_btn .arrow {
margin: 0
}

.bounce {
-webkit-animation: bounce 3.5s infinite;
animation: bounce 3.5s infinite
}

.readmore_btn .arrow span.fa {
font-size: 14px;
padding: 0 0 0 10px
}

.readmore_btn {
margin: 25px 0 0
}

@-webkit-keyframes bounce {
0%,
100%,
20%,
50%,
80% {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
40% {
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px)
}
60% {
	-webkit-transform: translateX(-15px);
	transform: translateX(-15px)
}
}

@keyframes bounce {
0%,
100%,
20%,
50%,
80% {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
40% {
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px)
}
60% {
	-webkit-transform: translateX(-15px);
	transform: translateX(-15px)
}
}

.inn_sR .row .clm__2 a {
display: block;
padding: 10px
}

.inn_sR .row .clm__2 a img {
max-width: 50px;
-webkit-filter: grayscale(1);
filter: grayscale(1);
-ms-filter: grayscale(1)
}

.inn_sR .row .clm__2 span {
display: block;
font-size: 14px;
line-height: 1.3;
margin: 10px 0 0;
color: #606060
}

.sRvices {
position: relative
}

.cnt_row {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-right: 0;
margin-bottom: 30px
}

.inn_sR {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

.cnt_row h3 {
font-weight: 600;
line-height: 35px;
margin: 0 0 25px;
color: #176db5;
font-size: 35px;
font-family: Roboto, sans-serif
}

body::-webkit-scrollbar {
width: 5px
}

body::-webkit-scrollbar-track {
background: #fff
}

body::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb:hover {
background: #5c7cb2
}

::-moz-selection {
background: #36c0ff;
color: #fff
}

::-moz-selection,
::selection {
background: #36c0ff;
color: #fff
}

.cn {
display: none
}

.chng_C {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px
}

.cnt-image {
max-width: calc(72% - 50px);
-webkit-box-flex: 0;
-ms-flex: 0 0 72%;
flex: 0 0 72%
}

.cnt-image img {
width: 100%
}

.cnt-services {
max-width: 28%;
-webkit-box-flex: 0;
-ms-flex: 0 0 28%;
flex: 0 0 28%
}

.chng_C {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px
}

.cnt-image {
max-width: calc(72% - 50px);
-webkit-box-flex: 0;
-ms-flex: 0 0 72%;
flex: 0 0 72%
}

.cnt-image img {
width: 100%
}

.cnt-services {
max-width: 28%;
-webkit-box-flex: 0;
-ms-flex: 0 0 28%;
flex: 0 0 28%
}

.cnt-services .cnt_container h4.h44 {
font-size: 16px
}

.cnt-services .cnt_container .div_main {
width: 45px
}

.cnt-services .cnt_container:hover {
background: #eaf1ff;
-webkit-box-shadow: 0 2px 15px #8d99af;
box-shadow: 0 2px 15px #8d99af
}

.cnt-services .cnt_container {
border: 1px solid #ececec;
margin-bottom: 8px;
-webkit-box-shadow: 0 2px 5px #f3f3f3;
box-shadow: 0 2px 5px #f3f3f3;
border-radius: 2px
}

a,
a:hover {
color: #1574bb
}

.services-s {
position: relative
}

ul.row_S li img {
max-width: 150px;
margin-bottom: 10px
}

.services-s .row .clm_5 {
max-width: calc(40% - 130px);
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
padding: 60px 50px 60px 80px;
background: #284e75;
background: -webkit-gradient(linear, left top, right top, from(#264173), to(#47849c));
background: -o-linear-gradient(left, #264173, #47849c);
background: linear-gradient(to right, #264173, #47849c)
}

ul.row_S li span {
display: block;
font-size: 15px;
line-height: 18px;
color: #fff
}

.services-s {
overflow: hidden
}

.services-s .row {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.services-s .row .clm_7 {
max-width: 60%;
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%
}

.services-s .clm_5 h2 {
font-size: 50px;
font-weight: 600;
line-height: 45px;
margin: 0 0 30px;
color: #fff;
font-family: Roboto, sans-serif
}

.services-s .clm_5 p {
font-size: 16px;
line-height: 28px;
color: #fff
}

.svices {
margin: 55px 0 0
}

ul.row_S li {
max-width: 30%;
text-align: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%
}

ul.row_S {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}

.hubspot-inbound-marketing2 h1 {
font-size: 40px;
font-weight: 600;
line-height: 55px;
margin: 0 0 20px;
color: #176db5;
font-family: Roboto, sans-serif
}

.hubspot-inbound-marketing2 h2 {
font-size: 40px;
font-weight: 600;
line-height: 45px;
margin: 0 0 20px;
color: #176db5;
font-family: Roboto, sans-serif
}

.hiresec .sbm-btn {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}

.benefitscl {
padding: 60px 0 40px
}

.benefitscl h2 {
font-size: 40px;
font-weight: 600;
line-height: 45px;
margin: 0 0 20px;
color: #176db5;
font-family: Roboto, sans-serif
}

.img-custom-bg2 {
position: relative;
background: url(../img/cakephp-banner.jpg) no-repeat center/cover fixed
}

.expertise.expertise2 {
padding: 0
}

.cms_bsd .col_sm_4 {
text-align: center
}

.cms_bsd .col_sm_4 h3 {
text-align: center;
font-family: Roboto, sans-serif
}

.row.equal.equal2 li {
list-style: square
}

.cms_bsd .equal2 h3 {
font-size: 18px;
padding: 0;
line-height: 20px
}

.row.equal.equal2 ul {
padding-left: 22px
}

.cms_bsd .col_sm_4 .span-img {
display: block;
margin: 0 auto
}

.img-custom-bg3 {
position: relative;
background: url(../img/cms-development.jpg) no-repeat center/cover fixed
}

.img-custom-bg3:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
opacity: .7
}

.img-custom-bg2:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
opacity: .6;
background-image: -o-linear-gradient(top, #223e5a 0, #8e4d0a 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #223e5a), to(#8e4d0a));
background-image: linear-gradient(to bottom, #223e5a 0, #8e4d0a 100%)
}

.equal2 .span-img {
display: none;
text-align: center;
width: 80px;
margin: 0 10px 0 0
}

.equal2 .span-img img {
width: 100%;
max-width: 50px
}

.solution_cake {
padding: 60px 0;
background: url(../img/cakephpbanner_bg.png);
background-position: center;
background-attachment: fixed;
position: relative
}

.solution_cake:after {
position: absolute;
left: 0;
top: 0;
content: '';
width: 100%;
height: 100%;
z-index: 0;
background: rgba(255, 255, 255, .75)
}

.icon_c img {
width: 100%
}

.icon_c {
width: 45px;
margin: 0 auto 15px;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}

.solution_cake .container {
position: relative;
z-index: 1
}

.solution_cake h2 {
font-size: 45px;
font-weight: 600;
line-height: 45px;
text-transform: uppercase;
margin: 25px 0;
color: #176db5;
text-align: center;
font-family: Roboto, sans-serif
}

.container-cntainer {
position: relative
}

.test-better {
padding: 60px 0
}

.test-better h2 {
font-size: 40px;
font-weight: 600;
line-height: 45px;
text-transform: uppercase;
margin: 0 0 45px;
color: #176db5;
text-align: center;
font-family: Roboto, sans-serif
}

.test-better .row {
display: -moz-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-o-justify-content: space-between;
-moz-justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}

.test-better .row .clm_4 {
width: calc(25% - 40px - 20px) !important;
margin: 0;
-webkit-box-shadow: 5px 5px 20px -7px #bbbbe8;
box-shadow: 5px 5px 20px -7px #bbbbe8;
padding: 30px 20px
}

.test-better .row .clm_4 h3 {
font-size: 18px;
font-weight: 600;
line-height: 24px;
text-align: center;
text-transform: uppercase;
margin: 0 0 20px;
font-family: Roboto, sans-serif
}

.test-better .row .clm_4 p {
text-align: center;
line-height: 1.6
}

.cnt_center {
width: 81%;
margin: 0 auto;
text-align: center
}

.cnt_center p {
line-height: 28px
}

.cnt_center h4 {
font-size: 20px;
font-weight: 600;
line-height: 20px;
text-transform: uppercase;
margin: 0 0 10px;
color: #176db5;
text-align: center;
font-family: Roboto, sans-serif
}

.services_tab ul {
margin: 15px 0 0 25px
}

.row.equal.equal3 h3 {
text-align: center
}

.top-bottom-margin h3 {
font-size: 20px;
color: #176db5;
font-weight: 600;
line-height: 20px;
text-align: left;
text-transform: uppercase;
margin: 0 0 20px;
font-family: Roboto, sans-serif
}

.services_tab ul {
margin: 15px 0 0
}

.request_form {
background: #fff;
display: none
}

.seo_partner .container {
background: #fff;
padding: 30px 0;
margin-top: -100px;
position: relative;
-webkit-box-shadow: 0 40px 30px #efefef;
box-shadow: 0 40px 30px #efefef
}

span.titlessss {
display: block;
font-weight: 700;
font-size: 16px;
margin-bottom: 10px
}

.main_div_cont .span {
left: 50px;
top: 0
}

.main_div_cont.display_span .span {
display: block
}

.containerr_R {
width: 1160px;
margin: 0 auto
}

.pricing-section h2.font-sz {
font-size: 29px;
padding: 0 0px;
line-height: 40px;
text-align: center;
margin-bottom: 60px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
.main_div_cont .span {
position: absolute;
width: 320px;
z-index: 1;
background: #fff;
-webkit-box-shadow: 0 0 20px #d8d8d8;
box-shadow: 0 0 20px #d8d8d8;
padding: 15px 20px;
line-height: 22px;
display: none;
border: 1px solid #e2e2e2
}

.main_div_cont {
position: relative
}

.pricing-section h2.font-sz>strong {
font-weight: 700
}

.innertextbox.innertextboxH p {
line-height: 1.15;
font-size: 32px
}

span.SlideBtn-knob.act_go {
left: 23px
}

.SlideBtn {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4.6875rem;
border: solid 2px;
background-color: #3c78ab;
color: #084877;
display: block;
height: 28px;
position: relative;
width: 52px;
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s;
margin: 0
}

.SlideBtn:focus {
outline: 0
}

.cen-mmm p {
text-transform: lowercase;
color: #616161;
font-size: 15px;
text-align: center;
margin: 15px 0 0
}

.cen-mmm p>span {
display: block;
font-size: 13px;
margin-top: 5px
}

.SlideBtn.is-active {
color: #36cfc3
}

.cen-mmm ul {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0
}

.cen-mmm ul li {
padding: 0 5px;
font-size: 16px;
font-weight: 600;
font-family: 'Open Sans', sans-serif
}

.packageplansmainrow.packageplansmainrow333 .outerrow.toprow .clumone {
height: 152px;
padding: 35px 20px;
max-width: 319px
}

.SlideBtn-knob {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
position: absolute;
height: 25px;
width: 25px;
background: #084877;
top: -1px;
left: -2px;
border: solid 2px;
border-radius: 4.375rem;
-webkit-transition: left .3s;
-o-transition: left .3s;
transition: left .3s
}

.is-active>.SlideBtn-knob {
left: 24px
}

.packageplansmainrow.packageplansmainrow333 {
margin: 0
}

.heading-plan {
height: 148px;
border-top: 1px solid #e0eaea
}

.heading-plan span {
font-weight: 600;
font-size: 16px;
text-align: center;
display: block;
padding: 15px 0 10px;
line-height: 16px;
color: #0060a5
}

.heading-plan1 {
background: #d4e8e8
}

.heading-plan2 {
background: #9fd89d
}

.heading-plan3 {
background: #c2eff9
}

.heading-plan4 {
background: #ddd2ff
}

.heading-plan p {
margin: 0;
padding: 0 5px 15px;
line-height: 18px;
font-size: 14px;
text-align: center;
color: #1a4e67
}

ul.seo-btn-bottom img {
width: 100%;
-webkit-box-shadow: 2px 2px #12509e;
box-shadow: 2px 2px #12509e;
border-radius: 5px
}

.advertisement-banner {
padding: 20px
}

.packageplansmainrow .outerrow.toprow .clumone {
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
height: 300px;
line-height: normal;
position: relative;
padding: 0;
text-align: right;
background: #bbe7ff;
background: -o-radial-gradient(#e0f5ff, #b8e6ff);
background: radial-gradient(#e0f5ff, #b8e6ff)
}

.ppc-div .outerrowb.headingrowb .clumfiveb,
.ppc-div .outerrowb.headingrowb .clumfourb,
.ppc-div .outerrowb.headingrowb .clumsevenb,
.ppc-div .outerrowb.headingrowb .clumsixb,
.ppc-div .outerrowb.headingrowb .clumthreeb,
.ppc-div .outerrowb.headingrowb .clumtwob {
max-width: 11.69%;
-webkit-box-flex: 0;
-ms-flex: 0 0 11.69%;
flex: 0 0 11.69%;
padding: 15px 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center
}

.ppc-div .outerrowb.headingrowb a:nth-child(odd) {
margin-bottom: 0
}

.ppc-div .outerrow.toprow .clumone {
height: 210px
}

.ppc-div .innertextbox p {
font-size: 18px
}

.ppc-div .heading-plan span {
line-height: 18px;
padding: 10px 0 12px;
font-size: 14px
}

.ppc-div .outerrow .clumfour .ribbon,
.ppc-div .outerrow .clumthree .ribbon {
display: none
}

.ppc-div .outerrow.toprow .clumfive,
.ppc-div .outerrow.toprow .clumfour,
.ppc-div .outerrow.toprow .clumseven,
.ppc-div .outerrow.toprow .clumsix,
.ppc-div .outerrow.toprow .clumthree,
.ppc-div .outerrow.toprow .clumtwo {
max-width: 11.669%;
-webkit-box-flex: 0;
-ms-flex: 0 0 11.669%;
flex: 0 0 11.669%;
height: 100%;
border-bottom: none
}

.ppc-div .outerrow.toprow .clumsix .title {
background: #5462c1;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5262c0), color-stop(49%, #5c62c6), to(#5162bf));
background: -o-linear-gradient(top, #5262c0 0, #5c62c6 49%, #5162bf 100%);
background: linear-gradient(to bottom, #5262c0 0, #5c62c6 49%, #5162bf 100%)
}

.ppc-div .outerrow.toprow .clumseven .title {
background: #48c7b8;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #47c4b4), color-stop(49%, #4dd6cb), to(#4dc9bb));
background: -o-linear-gradient(top, #47c4b4 0, #4dd6cb 49%, #4dc9bb 100%);
background: linear-gradient(to bottom, #47c4b4 0, #4dd6cb 49%, #4dc9bb 100%)
}

.ppc-div .outerrow.toprow .clumsix .innertextbox {
background: #4f62be;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4f62be), color-stop(49%, #5d62c7), to(#8d89e4));
background: -o-linear-gradient(top, #4f62be 0, #5d62c7 49%, #8d89e4 100%);
background: linear-gradient(to bottom, #4f62be 0, #5d62c7 49%, #8d89e4 100%)
}

.ppc-div .outerrow.toprow .clumseven .innertextbox {
background: #47c4b5;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #47c5b4), color-stop(49%, #4ac3b9), to(#8ffffd));
background: -o-linear-gradient(top, #47c5b4 0, #4ac3b9 49%, #8ffffd 100%);
background: linear-gradient(to bottom, #47c5b4 0, #4ac3b9 49%, #8ffffd 100%)
}

.heading-plan5 {
background: #9d9af5
}

.heading-plan6 {
background: #9ffffd
}

.ppc-div .innertable .clumfive,
.ppc-div .innertable .clumfour,
.ppc-div .innertable .clumthree,
.ppc-div .innertable .clumtwo,
.ppc-div .outerrow.headingrow .clumfive,
.ppc-div .outerrow.headingrow .clumfour,
.ppc-div .outerrow.headingrow .clumseven,
.ppc-div .outerrow.headingrow .clumsix,
.ppc-div .outerrow.headingrow .clumthree,
.ppc-div .outerrow.headingrow .clumtwo {
max-width: 11.669%;
-webkit-box-flex: 0;
-ms-flex: 0 0 11.669%;
flex: 0 0 11.669%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.packageplansmainrow .outerrow .clumseven,
.packageplansmainrow .outerrow .clumsix {
border-bottom: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4
}

.ppc-div .outerrow.nextrow .innertable .clumfive,
.ppc-div .outerrow.nextrow .innertable .clumfour,
.ppc-div .outerrow.nextrow .innertable .clumseven,
.ppc-div .outerrow.nextrow .innertable .clumsix,
.ppc-div .outerrow.nextrow .innertable .clumthree,
.ppc-div .outerrow.nextrow .innertable .clumtwo {
max-width: 11.669%;
-webkit-box-flex: 0;
-ms-flex: 0 0 11.669%;
flex: 0 0 11.669%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.cen-m {
position: relative
}

.pricing-section img {
width: 18px
}

.outerrow.headingrow,
.outerrow.headingrow-h {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%
}

.outerrow.toprow #logoo img {
width: 100%
}

.outerrow.toprow .logoo img {
width: 100%
}

.innertable .clumone,
.outerrow.headingrow .clumone,
.outerrow.headingrow-h .clumone,
.outerrow.toprow .clumone {
max-width: calc(30% - 1px);
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%
}

.innertable,
.outerrow.toprow {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%
}

.innertable .clumfive,
.innertable .clumfour,
.innertable .clumthree,
.innertable .clumtwo,
.outerrow.headingrow .clumfive,
.outerrow.headingrow .clumfour,
.outerrow.headingrow .clumthree,
.outerrow.headingrow .clumtwo,
.outerrow.headingrow-h .clumfive,
.outerrow.headingrow-h .clumfour,
.outerrow.headingrow-h .clumthree,
.outerrow.headingrow-h .clumtwo {
max-width: calc(17.53% - 1px);
-webkit-box-flex: 0;
-ms-flex: 0 0 17.53%;
flex: 0 0 17.53%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.packageplansmainrow .outerrow.headingrow .titletx:after {
content: "[+]";
position: absolute;
right: 12px;
top: 0
}

.packageplansmainrow .outerrow.headingrow.active .titletx:after {
content: "[-]"
}

.outerrow.toprow .clumfive,
.outerrow.toprow .clumfour,
.outerrow.toprow .clumthree,
.outerrow.toprow .clumtwo {
max-width: calc(17.53% - 1px);
-webkit-box-flex: 0;
-ms-flex: 0 0 17.53%;
flex: 0 0 17.53%
}

.packageplansmainrow .outerrow.toprow .clumtwo .title {
background: #296b9a;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0e5c94), color-stop(49%, #1d70ab), to(#136097));
background: -o-linear-gradient(top, #0e5c94 0, #1d70ab 49%, #136097 100%);
background: linear-gradient(to bottom, #0e5c94 0, #1d70ab 49%, #136097 100%)
}

.packageplansmainrow .outerrow.toprow .clumthree .title {
background: #409937;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #258a18), color-stop(49%, #459c3d), to(#36932b));
background: -o-linear-gradient(top, #258a18 0, #459c3d 49%, #36932b 100%);
background: linear-gradient(to bottom, #258a18 0, #459c3d 49%, #36932b 100%)
}

.packageplansmainrow .outerrow.toprow .clumfour .title {
background: #48a8be;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1b91a5), color-stop(49%, #51a4bd), to(#31b4c3));
background: -o-linear-gradient(top, #1b91a5 0, #51a4bd 49%, #31b4c3 100%);
background: linear-gradient(to bottom, #1b91a5 0, #51a4bd 49%, #31b4c3 100%)
}

.packageplansmainrow .outerrow.toprow .clumfive .title {
background: #764fbe;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #673ab7), color-stop(49%, #805dc4), to(#805dc4));
background: -o-linear-gradient(top, #673ab7 0, #805dc4 49%, #805dc4 100%);
background: linear-gradient(to bottom, #673ab7 0, #805dc4 49%, #805dc4 100%)
}

.packageplansmainrow .outerrow.toprow .title {
border-bottom: 1px solid #dcdcdc;
color: #f5ffa9;
font-family: open sans condensed, sans-serif;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 50px
}

a.btnlink {
background: #222;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 16px;
font-weight: 600;
margin-top: 31px;
padding: 0 10px;
text-transform: uppercase;
vertical-align: top
}

.packageplansmainrow .outerrow.toprow .clumtwo .innertextbox {
background: #f5f6f6;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1c6faa), color-stop(49%, #659ac8), to(#c3dada));
background: -o-linear-gradient(top, #1c6faa 0, #659ac8 49%, #c3dada 100%);
background: linear-gradient(to bottom, #1c6faa 0, #659ac8 49%, #c3dada 100%)
}

.packageplansmainrow .outerrow.toprow .clumthree .innertextbox {
background: #38972e;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2b8d1f), color-stop(49%, #4ba543), to(#8ecc8d));
background: -o-linear-gradient(top, #2b8d1f 0, #4ba543 49%, #8ecc8d 100%);
background: linear-gradient(to bottom, #2b8d1f 0, #4ba543 49%, #8ecc8d 100%)
}

.packageplansmainrow .outerrow.toprow .clumfour .innertextbox {
background: #45a9bf;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #46a9be), color-stop(49%, #47a8be), to(#a2ddea));
background: -o-linear-gradient(top, #46a9be 0, #47a8be 49%, #a2ddea 100%);
background: linear-gradient(to bottom, #46a9be 0, #47a8be 49%, #a2ddea 100%)
}

.packageplansmainrow .outerrow.toprow .clumfive .innertextbox {
background: #f5f6f6;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6d43ba), color-stop(49%, #805dc4), to(#b7a9e2));
background: -o-linear-gradient(top, #6d43ba 0, #805dc4 49%, #b7a9e2 100%);
background: linear-gradient(to bottom, #6d43ba 0, #805dc4 49%, #b7a9e2 100%)
}

.packageplansmainrow .outerrow .clumthree {
position: relative
}

.packageplansmainrow .outerrow .clumthree .ribbon {
background-color: #b5ec0b;
border-radius: 0 2px 2px 0;
display: inline-block;
font-weight: 600;
line-height: 10px;
padding: 10px 12px;
position: absolute;
right: -33px;
text-align: center;
top: 31px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
width: auto;
z-index: 3;
font-size: 13px;
color: #5a5a5a
}

.packageplansmainrow .outerrow .clumfour {
position: relative
}

.innertextbox p {
margin: 0;
font-size: 32px;
font-weight: 700;
color: #fff;
line-height: 20px
}

.innertextbox p>span {
margin: 0;
font-size: 12px;
font-weight: 600;
color: #fff
}

.packageplansmainrow .outerrow .clumfour .ribbon {
background-color: #66f3ff;
border-radius: 0 2px 2px 0;
display: inline-block;
font-weight: 600;
line-height: 10px;
padding: 10px;
position: absolute;
right: -26px;
text-align: center;
top: 25px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
width: auto;
z-index: 3;
color: #3e3e3e;
font-size: 13px
}

.packageplansmainrow .outerrow .clumthree .ribbon::after {
border-color: transparent #add82a;
border-style: solid;
border-width: 8px 9px 0 0;
content: "";
height: 0;
position: absolute;
right: 105px;
top: -8px;
width: 0;
z-index: -1
}

.packageplansmainrow .outerrow .clumfour .ribbon::after {
border-color: transparent #41d2de;
border-style: solid;
border-width: 9px 7px 0 0;
content: "";
height: 0;
position: absolute;
right: 92px;
top: -9px;
width: 0;
z-index: -1
}

.pricing-section hr {
display: none;
width: 170px;
border: 0;
height: 3px;
background: url(../img/heading-hr-1.png) no-repeat;
margin: 0 auto;
position: relative;
margin-bottom: 40px
}

.packageplansmainrow .outerrow.toprow .innertextbox {
color: #fff;
font-size: 14px;
font-weight: 600;
height: 171px;
text-align: center;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}

.packageplansmainrow .outerrow .clumfive,
.packageplansmainrow .outerrow .clumfour,
.packageplansmainrow .outerrow .clumthree,
.packageplansmainrow .outerrow .clumtwo {
border-bottom: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4
}

.packageplansmainrow .outerrow.headingrow .clumone {
padding: 0;
height: 50px;
line-height: 50px;
border-bottom-color: #fff
}

.outerrow.headingrow-h .clumone,
.packageplansmainrow .outerrow.headingrow .titletx {
color: #fff;
height: 100%;
font-size: 14px;
cursor: pointer;
text-transform: uppercase;
padding: 0 36px 0 12px;
position: relative
}

.packageplansmainrow .outerrow.headingrow .clumfive,
.packageplansmainrow .outerrow.headingrow .clumfour,
.packageplansmainrow .outerrow.headingrow .clumthree,
.packageplansmainrow .outerrow.headingrow .clumtwo {
height: 50px;
line-height: 50px
}

.packageplansmainrow .outerrow .clumthree {
background: #f5f5f5 none repeat scroll 0 0;
-webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, .2);
box-shadow: 0 8px 12px rgba(0, 0, 0, .2)
}

.nextrow {
display: none
}

.packageplansmainrow .outerrow.toprow .clumone .titletext {
color: #545454;
font-size: 28px;
line-height: 32px;
margin-bottom: 15px;
text-transform: uppercase;
font-weight: 700
}

.price-tabs1 li.active a:after {
position: absolute;
content: 'OR';
right: -15px;
top: 6px;
font-size: 14px;
width: 34px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 34px;
border-radius: 50%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #5b78b1;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5985ba), color-stop(130%, #5c73ad));
background: -o-linear-gradient(top, #5985ba 0, #5c73ad 130%);
background: linear-gradient(to bottom, #5985ba 0, #5c73ad 130%)
}

.price-tabs1 li.active:last-child a:after {
left: -15px
}

.price-tabs1 a:hover {
text-decoration: none
}

.price-tabs1 a {
color: #36598f
}

.price-tabs1 li.active a {
position: relative
}

.packageplansmainrow {
width: 100%;
border: 1px solid #d4e4ee;
margin: 70px 0 0;
display: none
}

.packageplansmainrow.active {
display: block
}

.seo_2 .col_Md_5 iframe {
width: 100%;
height: 100%
}

.outerrowb.headingrowb {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.innertable .clumone {
height: 44px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
border-bottom: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
font-size: 14px;
max-width: calc(30% - 30px - 2px);
padding: 0 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%
}

.outerrowb.headingrowb .clumoneb {
max-width: 30%;
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #d4e4ee;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d4e4ee), color-stop(49%, #eaf7fd), to(#d4e5ee));
background: -o-linear-gradient(top, #d4e4ee 0, #eaf7fd 49%, #d4e5ee 100%);
background: linear-gradient(to bottom, #d4e4ee 0, #eaf7fd 49%, #d4e5ee 100%)
}

.outerrowb.headingrowb .clumfiveb,
.outerrowb.headingrowb .clumfourb,
.outerrowb.headingrowb .clumthreeb,
.outerrowb.headingrowb .clumtwob {
max-width: calc(17.53% - 2px);
-webkit-box-flex: 0;
-ms-flex: 0 0 17.53%;
flex: 0 0 17.53%;
padding: 20px 0 5px;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: block;
border: 1px solid #cecece;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
background: #fff;
border-top: 0;
position: relative
}

.outerrowb.headingrowb a:nth-child(odd) {
margin-bottom: 15px
}

.outerrowb.headingrowb a {
background: 0 0;
padding: 0 12px;
text-transform: capitalize;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 600;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}

.seo-btn-bottom {
margin: 0;
padding: 0;
list-style: none
}

.ppc-div .outerrowb.headingrowb .clumsixb {
background: #5762c4;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5462c1), color-stop(49%, #6768d8), to(#5562c2));
background: -o-linear-gradient(top, #5462c1 0, #6768d8 49%, #5562c2 100%);
background: linear-gradient(to bottom, #5462c1 0, #6768d8 49%, #5562c2 100%)
}

.ppc-div .outerrowb.headingrowb .clumsevenb {
background: #4bc6bb;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #49c3b7), color-stop(49%, #53cfc6), to(#49c3b8));
background: -o-linear-gradient(top, #49c3b7 0, #53cfc6 49%, #49c3b8 100%);
background: linear-gradient(to bottom, #49c3b7 0, #53cfc6 49%, #49c3b8 100%)
}

.outerrowb.headingrowb .clumtwob {
background: #117ec4;
text-align: center
}

.outerrowb.headingrowb .clumthreeb {
background: #50b53b;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #44b136), color-stop(49%, #7dc54f), to(#41ac34));
background: -o-linear-gradient(top, #44b136 0, #7dc54f 49%, #41ac34 100%);
background: linear-gradient(to bottom, #44b136 0, #7dc54f 49%, #41ac34 100%)
}

.outerrowb.headingrowb .clumfourb {
background: #48a8be;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1b91a5), color-stop(49%, #51a4bd), to(#31b4c3));
background: -o-linear-gradient(top, #1b91a5 0, #51a4bd 49%, #31b4c3 100%);
background: linear-gradient(to bottom, #1b91a5 0, #51a4bd 49%, #31b4c3 100%)
}

.outerrowb.headingrowb .clumfiveb {
background: #764fbe;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #673ab7), color-stop(49%, #805dc4), to(#805dc4));
background: -o-linear-gradient(top, #673ab7 0, #805dc4 49%, #805dc4 100%);
background: linear-gradient(to bottom, #673ab7 0, #805dc4 49%, #805dc4 100%)
}

.packageplansmainrow .outerrow.toprow .clumone p {
color: #114b75;
font-size: 17px;
font-weight: 600;
margin-bottom: 10px;
text-transform: uppercase
}

.packageplansmainrow .outerrow.toprow .clumone .linkBtn:hover {
text-decoration: none
}

.packageplansmainrow .outerrow.toprow .clumone .linkBtn {
margin: 0;
font-size: 15px;
letter-spacing: .5px;
font-weight: 600;
width: 100%;
text-transform: uppercase;
color: #fff;
padding: 8px 10px;
border-radius: 0;
display: inline-block;
background: #296b9a;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0e5c94), color-stop(49%, #1d70ab), to(#136097));
background: -o-linear-gradient(top, #0e5c94 0, #1d70ab 49%, #136097 100%);
background: linear-gradient(to bottom, #0e5c94 0, #1d70ab 49%, #136097 100%)
}

.tab-pri {
width: 75%;
margin: 0 auto
}

.pricing-section {
padding: 60px 0
}

.price-tabs1 {
background-color: #e8e8e8;
border-radius: 6px;
margin: 45px auto 20px;
overflow: hidden;
width: 100%;
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative
}

.price-tabs1>li {
display: inline-block;
text-transform: capitalize;
max-width: 25%;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
border-right: 1px solid #c5c5c5
}

.price-tabs1>li:last-child {
border-right: 0
}

.price-tabs1 .active>a {
color: #fff;
text-decoration: none;
background: #5b78b1;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5985ba), color-stop(130%, #5c73ad));
background: -o-linear-gradient(top, #5985ba 0, #5c73ad 130%);
background: linear-gradient(to bottom, #5985ba 0, #5c73ad 130%)
}

.price-tabs1 a {
width: 100%;
height: 45px;
line-height: 45px;
text-align: center;
display: block;
font-size: 15px;
font-weight: 600;
position: relative
}

.price-tabs1 .tag {
background-color: #1c5b92;
border-radius: 50%;
bottom: 0;
color: #fff;
height: 40px;
left: 0;
line-height: 40px;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 40px
}

.price-tabs1 a.active {
background: #36598f;
color: #fff
}

.single_section .wp-post-image {
max-width: 100%
}

.contactForm form label .choose_file input {
border: 0;
padding-left: 30px
}

.woocommerce div.product form.cart .variations select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
padding: 10px 5px
}

.comment-form-rating select,
.woocommerce .quantity .qty {
height: 30px
}

.request_infoo input::-webkit-input-placeholder {
color: #176db5;
opacity: 1;
font-size: 14px
}

.request_infoo input::-moz-placeholder {
color: #176db5;
opacity: 1;
font-size: 14px
}

.request_infoo input:-ms-input-placeholder {
color: #176db5;
opacity: 1;
font-size: 14px
}

.request_infoo input::-ms-input-placeholder {
color: #176db5;
opacity: 1;
font-size: 14px
}

.request_infoo input::placeholder {
color: #176db5;
opacity: 1;
font-size: 14px
}

.request_infoo input:-ms-input-placeholder {
color: #176db5;
font-size: 14px
}

.request_infoo input::-ms-input-placeholder {
color: #176db5;
font-size: 14px
}

.request_infoo input.wpcf7-form-control.wpcf7-submit {
margin: 0;
background-color: #2e66af;
background: -o-linear-gradient(#2f66af, #296bb9);
background: -webkit-gradient(linear, left top, left bottom, from(#2f66af), to(#296bb9));
background: linear-gradient(#2f66af, #296bb9);
border: 1px solid #8c8c8c;
border-radius: 5px
}

.request_infoo .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
display: none
}

.request_infoo.dis_play_now {
display: block
}

.request_infoo {
display: none;
padding: 0;
position: fixed;
background: url(../images/g.foolcdn.jpg);
width: 100%;
height: 100%;
left: 0;
top: 0;
background-size: cover;
background-repeat: no-repeat;
z-index: 999
}

.price-tabs1 a:hover {
color: #fff
}

.request_infoo .popup2-column.popup2-core-column-60.popup2-core-column-first {
position: fixed;
left: 50%;
top: 50%;
width: 600px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 0;
background: rgba(255, 255, 255, .85);
border-radius: 4px;
-webkit-box-shadow: 0 0 25px #b5b5b5;
box-shadow: 0 0 25px #b5b5b5;
z-index: 9999
}

.row.captchabtn .col-sm-12:last-child input {
height: 50px;
padding: 10px 30px
}

.close_btnnn {
position: absolute;
right: -42px;
top: -32px;
width: 30px;
height: 30px;
content: 'X';
font-size: 18px;
font-weight: 600;
color: #000;
cursor: pointer
}

.row.captchabtn .col-sm-12:last-child {
height: 52px
}

.request_infoo span.wpcf7-form-control-wrap {
margin-bottom: 25px
}

.wpcf7-form .wpcf7-form-control-wrap {
display: block;
margin-bottom: 15px
}

.wpcf7 input {
font-size: 15px;
padding: 0 22px;
width: calc(100% - 45px);
display: block
}

.request_infoo .popup2-wrapper-content.popup2-core-js {
position: relative;
width: 100%;
height: 100vh;
background: rgba(255, 255, 255, .35)
}

.request_infoo input {
height: 45px;
border: 1px solid #757575;
background: rgba(232, 232, 232, .1)
}

.request_infoo .popup2-core-contact-form-7-item.popup2-core-item-pdlr.popup2-core-item-pdb {
padding: 0
}

.request_infoo .wpcf7.idefault {
padding: 0
}

.request_infoo .wpcf7.idefault .col-12 {
padding: 0
}

.wpcf7.idefault {
background: 0;
margin: 0;
position: relative;
right: auto;
top: auto;
padding: 0 15px;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
width: 100%;
-webkit-transform: translateX(0) scale(.99);
-ms-transform: translateX(0) scale(.99);
transform: translateX(0) scale(.99);
z-index: 999
}

.col-sm-6 {
float: left;
width: 50%
}

.col-sm-12 {
width: 100%
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
position: relative;
min-height: 1px;
padding-left: 15px
}

.request_infoo .row {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}

.request_infoo .row:after {
clear: both;
display: table;
content: " "
}

.request_infoo .row:before {
display: table;
content: " "
}

.request_infoo input:placeholder-shown {
padding: 0 22px
}

.single-template .banner_io2 {
min-height: 80px
}

.request_infoo .row_2 .col-sm-6 {
-ms-flex: 0 0 44.5%;
-webkit-box-flex: 0;
flex: 0 0 44.5%;
max-width: 44.5%
}

.request_infoo .wpcf7 input.wpcf7-submit {
width: auto;
color: #fff
}

.request_infoo .row_3 .col-sm-12 {
width: 94%
}

.request_infoo .inner-box {
padding: 35px
}

.heading_section {
padding: 50px 0
}

.templates-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.templates-section .tab_row {
max-width: 25%;
display: block
}

.templates-section .tab_row .user-nav-tabs {
display: block
}

.templates-section .prt_content {
max-width: 75%;
width: 100%
}

.TemplateListItemClassic__index__browser___3dbkn {
border-bottom: 1px solid #e5e5e5;
color: #e5e5e5;
line-height: 18px;
font-size: .8em;
padding-left: .4em;
letter-spacing: .12em
}

.io-core-media-image {
line-height: 0;
position: relative
}

.io-core-zoom-on-hover {
overflow: hidden
}

.mm-page.mm-slideout img {
margin: 0
}

.io-core-template-thumbnail-image-wrap img {
opacity: 1
}

.io-core-grayscale-effect img,
.io-core-opacity-on-hover img,
.io-core-zoom-on-hover img {
transition: opacity .3s ease-out, -webkit-transform .3s ease-out, -webkit-filter .3s ease-out;
-o-transition: opacity .3s ease-out, transform .3s ease-out, filter .3s ease-out;
transition: opacity .3s ease-out, transform .3s ease-out, filter .3s ease-out;
transition: opacity .3s ease-out, transform .3s ease-out, filter .3s ease-out, -webkit-transform .3s ease-out, -webkit-filter .3s ease-out;
-moz-transition: opacity .3s ease-out, -moz-transform .3s ease-out, -moz-filter .3s ease-out;
-o-transition: opacity .3s ease-out, -o-transform .3s ease-out, -o-filter .3s ease-out;
-webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out, -webkit-filter .3s ease-out
}

.io-core-page-builder-body img {
max-width: 100%;
height: auto
}

.io-core-template-item .io-core-image-overlay {
background: #fff;
color: #000;
font-size: 20px
}

.io-core-image-overlay {
background-color: #000;
background-color: rgba(0, 0, 0, .6);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
overflow: hidden;
transition: opacity .5s ease-out;
-moz-transition: opacity .5s ease-out;
-o-transition: opacity .5s ease-out;
-webkit-transition: opacity .5s ease-out
}

.io-core-template-item .io-core-image-overlay-content {
text-align: center;
top: 40%
}

.io-core-image-overlay-content,
.io-core-image-overlay-content a,
.io-core-image-overlay-icon {
color: #fff
}

.TemplateListItemClassic__index__overlay___3oLdd,
.io-core-template-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: calc(100% - 0px);
opacity: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}

.io-core-image-overlay-content {
position: absolute;
left: 40px;
right: 40px;
top: 50%;
line-height: 1.55;
display: block
}

.io-core-template-item .io-core-image-overlay a {
color: #000
}

.io-core-zoom-on-hover:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}

.TemplateListItemClassic__index__outerThumb___1PD-I:hover .TemplateListItemClassic__index__overlay___3oLdd,
.io-core-zoom-on-hover:hover .io-core-template-overlay {
opacity: 1
}

.io-core-page-builder-body a {
text-decoration: none;
transition: background .3s, color .3s, border-color .3s;
-moz-transition: background .3s, color .3s, border-color .3s;
-o-transition: background .3s, color .3s, border-color .3s;
-webkit-transition: background .3s, color .3s, border-color .3s
}

.io-core-template-item .io-core-image-overlay {
background: #fff;
color: #000;
font-size: 20px
}

.io-core-template-modern-desc {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-box-shadow: 0 16px 45px rgba(0, 0, 0, .1);
box-shadow: 0 16px 45px rgba(0, 0, 0, .1);
-webkit-transition: -webkit-transform .3s ease-out, -webkit-box-shadow .3s ease-out;
transition: -webkit-transform .3s ease-out, -webkit-box-shadow .3s ease-out;
-o-transition: transform .3s ease-out, box-shadow .3s ease-out;
transition: transform .3s ease-out, box-shadow .3s ease-out;
transition: transform .3s ease-out, box-shadow .3s ease-out, -webkit-transform .3s ease-out, -webkit-box-shadow .3s ease-out;
padding: 0 18px 18px
}

.templates-section .row_flex.prt_carousel .clm_6 {
max-width: 45%;
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
margin: 15px 0;
padding: 0 0 0 25px;
overflow: inherit
}

.templates-section .row_flex.prt_carousel {
margin: 0 -10px
}

.fa-long-arrow-right:before {
content: "\f178"
}

.templates-section .user-nav-tabs li a {
color: #545454;
margin-left: auto;
margin-right: auto;
display: block;
text-align: left;
font-weight: 600;
text-transform: capitalize;
font-size: 14px;
line-height: 1.5;
margin-bottom: 10px;
padding: 2px
}

.checkmark-icon {
display: block;
width: 24px;
height: 24px;
background: url(../images/checkicon.webp) no-repeat
}

.tickmark-icon {
display: block;
width: 20px;
height: 20px;
background: url(../img/list_p.png) no-repeat;
background-size: 100%
}

.tickmark-icon.cls26 {
width: 26px;
height: 26px;
background-image: url(../img/list_pp.png)
}

.io-core-template-title a:hover {
text-decoration: underline
}

.screenshot-item img {
max-width: 100%;
margin: auto
}

.screenshot-item {
margin-bottom: 10px;
margin-top: 10px;
text-align: center
}

.sec_template_s .portfolio_left img {
margin-top: 10px
}

.single-template-hero.hero-box {
height: 350px
}

.main_div_cont span {
position: absolute;
width: 320px;
z-index: 1;
background: #fff;
-webkit-box-shadow: 0 0 20px #bfbfbf;
box-shadow: 0 0 20px #bfbfbf;
padding: 15px 20px;
line-height: 22px;
display: none
}

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

@media only screen and (max-width:1250px) {
.base.rel.request_dn.hand {
	display: none
}
.desandwordpress .clm_4 .inner_bg h3 {
	font-size: 30px;
	line-height: 36px
}
.heading_shopify h4 br {
	display: none
}
/*.mob_app.mob_app1 {*/
/*	padding: 85px 0 0*/
/*}*/
.cont_elem h1 {
	font-size: 52px;
	line-height: 60px
}
.cont_elem form .input_text {
	max-width: 300px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 300px;
	flex: 0 0 300px
}
.cont_elem form .input_submit input {
	height: 49px;
	padding: 8px 15px
}
.cont_elem form .input_text input[type=text] {
	height: 48px;
	padding: 8px 10px
}
.prt_carousel .port .bg-af-b1,
.prt_carousel .port .bg-af-b2 {
	height: 100%
}
.top_right_pos {
	position: absolute;
	z-index: 99;
	top: 0;
	height: 85px;
	right: 0;
	width: 160px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	text-align: center
}
.top_right_pos p {
	width: 48%;
	float: left;
	text-align: center
}
.whatsapp_icon {
	border-left: 1px solid #479653;
	background: #2cb742
}
.top_right_pos p:nth-child(1) a {
	display: block;
	padding: 23px 0;
	cursor: pointer;
	height: 100%
}
.whatsapp_icon .fa-whatsapp {
	color: #fff;
	font-size: 2.2em
}
.top_right_pos p:nth-child(2) {
	float: right;
	width: 52%
}
.top_right_pos p {
	width: 48%;
	float: left;
	text-align: center
}
.call_icon {
	background: #186cb4
}
.top_right_pos p:nth-child(2) a {
	display: block;
	padding: 18px 0;
	cursor: pointer
}
.call_icon .fa-phone {
	color: #fff;
	font-size: 1.5em;
	font-weight: 600
}
.call_icon b {
	font-size: .9em;
	color: #fff;
	display: none
}
}

@media only screen and (max-width:1199px) {
.homepage-hero__image {
	top: -5px
}
.cont_elem h1 {
	font-size: 48px;
	line-height: 58px
}
.containerr_R {
	width: 960px;
	margin: 0 auto
}
.piller_intro_content_container.piller_1 {
	max-width: calc(50% - 0px);
	margin: 0
}
a.animated-button .font {
	font-size: 16px
}
.service-cat h3 {
	font-size: 16px;
	line-height: 22px
}
.new-services-section .anim-first p,
.new-services-section .anim-second p,
.new-services-section .anim-third p {
	font-size: 15px
}
.hiresec h3 {
	font-size: 24px;
	line-height: 24px;
	margin: 0 0 15px
}
.hiresec h2 {
	font-size: 36px;
	line-height: 30px;
	margin: 0
}
.benefitscl h2 {
	font-size: 36px;
	line-height: 44px
}
.benefitscl p>br {
	display: none
}
.cms_bsd .equal2 h3 {
	font-size: 16px;
	line-height: 16px
}
.innertextbox p {
	font-size: 25px
}
.packageplansmainrow.packageplansmainrow333 .outerrow.toprow .clumone {
	padding: 20px 10px
}
.innertextbox.innertextboxH p {
	font-size: 26px
}
.cen-mmm ul li {
	font-size: 15px
}
}

@media only screen and (max-width:1099px) {
.cont_elem h1 {
	font-size: 42px;
	line-height: 52px
}
.cont_elem form .input_text {
	max-width: 270px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 270px;
	flex: 0 0 270px;
	margin: 0 15px 0 0
}
.cont_elem form .input_text input[type=text] {
	height: 44px;
	padding: 10px 10px
}
.cont_elem form .input_submit input {
	height: 44px;
	padding: 8px 15px;
	font-size: 17px
}
.ui-illustration-storefront {
	max-width: 390px
}
}

@media only screen and (max-width:991px) {
.containerr_R {
	width: 735px;
	margin: 0 auto
}
.mob_app.mob_app1 .col-sm6 {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.homepage-hero__image {
	position: relative;
	top: 0;
	bottom: 0;
	width: 100%
}
.homepage-hero__storefront {
	left: 0;
	right: 0
}
.cont_elem {
	padding: 50px 0
}
.cont_elem p {
	padding-right: 0
}
.benefitscl {
	padding: 50px 0 30px
}
.benefitscl #slider-img {
	margin: 30px 0 0
}
.benefitscl h2 {
	font-size: 30px;
	line-height: 32px
}
.innertextbox.innertextboxH p {
	font-size: 25px
}
.cen-mmm ul li {
	font-size: 14px;
	text-align: center
}
.packageplansmainrow.packageplansmainrow333 .outerrow.toprow .clumone {
	padding: 20px 5px
}
.cen-mmm p {
	text-align: center;
	margin: 5px 0 0
}
.packageplansmainrow .outerrow .clumfour .ribbon,
.packageplansmainrow .outerrow .clumthree .ribbon {
	display: none
}
}

@media only screen and (max-width:820px) {
.homepage-hero__image {
	right: 0
}
.ui-illustration-storefront__heading {
	top: 25%;
	font-size: 16px
}
.ui-illustration-storefront__item {
	width: 70px
}
.image.ui-illustration-storefront__item-image {
	max-width: 70px
}
.homepage-hero__storefront {
	width: 100%
}
.ui-illustration-storefront {
	max-width: 270px
}
}

@media only screen and (max-width:767px) {
.pricing-section {
	display: none
}
.cont_elem {
	padding: 20px 0 25px
}
.cont_elem h1 {
	font-size: 30px;
	line-height: 38px
}
}

.seo-services {
background: url(../img/iogoos-seo.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover
}

.seo-services:after {
position: absolute;
left: 0;
top: 0;
content: '';
width: 100%;
opacity: .7;
height: 100%;
z-index: 0;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1f5892), to(#5d4420));
background-image: -o-linear-gradient(top, #1f5892 0, #5d4420 100%);
background-image: linear-gradient(to bottom, #1f5892 0, #5d4420 100%)
}

.seo_partner .roww-s {
width: 92%;
margin: 60px auto 0;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
-moz-align-items: center
}

.roww-s .col_sm_s {
width: 33.33%;
text-align: center;
border-right: 1px solid rgba(39, 133, 138, .25)
}

.roww-s .col_sm_s h1 {
font-weight: 900;
font-size: 45px;
line-height: 50px;
margin: 0 0 20px;
color: #335e8e;
text-shadow: 0 0 20px #a9a9a9
}

.seo_partner .roww-s .col_sm_s h2 {
font-weight: 900;
font-size: 45px;
line-height: 50px;
margin: 0 0 20px;
color: #335e8e;
text-shadow: 0 0 20px #f1f1f1;
font-family: 'Open Sans', sans-serif;
background: 0;
-webkit-text-fill-color: #1473ba
}

.roww-s .col_sm_s h3 {
font-weight: 900;
font-size: 45px;
line-height: 50px;
margin: 0 0 20px;
color: #335e8e;
text-shadow: 0 0 20px #a9a9a9
}

.roww-s .col_sm_s p {
font-size: 18px;
margin-bottom: 0;
font-size: 20px;
margin-bottom: 0
}

.roww-s .col_sm_s:last-child {
border-right: 0
}

.pricing-section h1,
.seo_partner h2 {
text-align: center
}

.inner-Seo h3 {
text-align: left
}

.features_choose_us h3,
.inner-Seo h3,
.pricing-section h1,
.seo_partner h2,
.services h2 {
font-size: 50px;
font-weight: 600;
line-height: 45px;
margin: 0;
color: #176db5;
padding: 0;
font-family: Roboto, sans-serif
}

.services {
padding: 60px 0 45px
}

.services .row .clm_4 h3 {
font-size: 20px;
font-weight: 600;
line-height: 30px;
font-family: Roboto, sans-serif;
margin: 0 0 15px
}

.services .row {
width: 85%;
margin: 0 auto;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-o-justify-content: space-between;
-moz-justify-content: space-between;
-webkit-justify-content: space-between;
-ms-justify-content: space-between
}

.services h2 {
text-align: center;
margin: 0 0 40px
}

.services .row .clm_4 {
max-width: calc(33.33% - 60px - 30px);
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
-webkit-box-shadow: 0 0 30px #dadada;
box-shadow: 0 0 30px #dadada;
padding: 30px;
margin: 15px;
text-align: center
}

.seo_partner {
background: #fff;
padding: 50px 0 10px
}

.inner-Seo h6 {
font-size: 20px;
font-weight: 600;
color: #1576bc;
margin: 20px 0;
letter-spacing: -.5px
}

.outerrow.headingrow-h .clumone .titletx {
padding: 14px 10px
}

.outerrow.headingrow-h .clumone {
padding: 0
}

.seo_2 {
padding: 60px 0
}

.inner-Seo p {
margin: 15px 0;
line-height: 1.8
}

.seo_2 .col_Md_5 {
max-width: calc(40% - 40px);
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
padding-right: 40px
}

.sec_4 .row,
.seo-experts .row,
.seo_2 .row,
.seo_process .row {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.seo_2 .col_md_7 {
max-width: 55%;
-webkit-box-flex: 0;
-ms-flex: 0 0 55%;
flex: 0 0 55%
}

.bg-process {
background: url(../img/seo-background.jpg);
background-position: right;
background-attachment: fixed;
background-size: cover;
position: relative;
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}

.seo_process .bg-process {
padding-left: 0;
padding-right: 0
}

.list_menuu.pd0 {
padding: 0;
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
position: relative
}

.osp_ctr {
background: #fff;
position: absolute;
z-index: 1;
text-align: center;
width: 60%;
left: 50%;
top: 50%;
padding: 35px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-box-shadow: 0 0 15px #353535;
box-shadow: 0 0 15px #353535
}

.bg-process:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
opacity: .8;
z-index: 0;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1f5892), to(#5d4420));
background-image: -o-linear-gradient(top, #1f5892 0, #5d4420 100%);
background-image: linear-gradient(to bottom, #1f5892 0, #5d4420 100%)
}

.logo_cnt {
position: absolute;
width: 70px;
height: 70px;
border-radius: 50%;
top: -35px;
border: 1px solid #94c7ff;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #1574bb;
-webkit-box-shadow: 0 5px 10px #3c689a;
box-shadow: 0 5px 10px #3c689a
}

.logo_cnt img {
width: 30px;
padding: 23px 20px
}

.osp_ctr h2 {
font-size: 34px;
text-align: center;
font-weight: 600;
color: #127bc2;
margin: 20px 0;
font-family: Roboto, sans-serif
}

.osp_ctr p {
margin: 0;
text-align: center;
font-size: 17px
}

.osp_ctr a.get_now {
color: #fff;
padding: 13px 24px;
display: inline-block;
margin: 25px 0 0;
font-size: 18px;
font-weight: 600;
box-shadow: 0 0 10px #aeaeae;
-o-box-shadow: 0 0 10px #aeaeae;
-ms-box-shadow: 0 0 10px #aeaeae;
-moz-box-shadow: 0 0 10px #aeaeae;
-webkit-box-shadow: 0 0 10px #aeaeae
}

.steps_process {
padding: 0;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap
}

.steps_process .cl_pcs {
width: calc(50% - 70px);
position: relative;
cursor: pointer;
padding: 55px 35px
}

.cl_pcs_1,
.cl_pcs_4,
.cl_pcs_5 {
background: #08385a
}

.cl_pcs_2,
.cl_pcs_3,
.cl_pcs_6 {
background: #072f4c
}

.steps_process .cl_pcs h3 {
margin: 0 0 15px;
font-size: 30px;
font-weight: 600;
color: #fff;
line-height: 30px;
text-align: center
}

.steps_process .cl_pcs h5 {
color: #e8e8e8;
text-align: center;
margin: 0;
font-size: 14px;
font-weight: 400
}

.rd_more {
color: #fff;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 25px 0 0
}

.rd_more a {
display: block;
width: 40px;
height: 40px;
background: #fff;
font-size: 30px;
color: #08385a;
border-radius: 50%;
text-align: center;
line-height: 40px;
border: 1px solid #fff;
font-weight: 700;
-webkit-box-shadow: 0 0 15px #5572ab;
box-shadow: 0 0 15px #5572ab
}

.cnt_listing_c {
position: absolute;
top: 0;
left: 0;
height: 100%;
overflow: hidden
}

.cnt_listing_c ul {
list-style: none;
margin: 0;
height: 100%;
background: #0d2131;
padding: 0
}

.cnt_listing_c ul li {
display: none;
padding: 35px
}

.cnt_listing_c ul li .close-icon {
position: absolute;
top: 8px;
color: #fff;
font-weight: 600;
font-size: 25px;
right: 35px;
cursor: pointer
}

.soliloquy-fc-caption .soliloquy-fc-title {
margin: 0;
color: #fff;
margin-bottom: 20px;
font-size: 25px
}

.soliloquy-fc-caption p {
color: #ececec;
line-height: 1.9;
letter-spacing: .5px;
margin: 8px 0
}

.sec_4 {
padding: 60px 0
}

.features_choose_us h3 {
border-bottom: 1px solid#f1f1f1;
-webkit-box-shadow: 0 20px 30px -15px #e6e6e6;
box-shadow: 0 20px 30px -15px #e6e6e6;
margin: 0 0 30px;
padding: 0 0 30px
}

.features_choose_us ul {
margin-bottom: 0;
list-style: none;
padding: 0 0 0 20px;
font-size: 16px
}

.features_choose_us li {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.list_pp {
margin-left: -20px;
padding: 0 15px 0 0
}

.features_choose_us li p {
margin: 0 0 10px;
font-size: 16px
}

.sec_4 .features_choose_us {
max-width: calc(50% - 20px);
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%
}

.sec_4 .row {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-o-justify-content: space-between;
-moz-justify-content: space-between;
-webkit-justify-content: space-between;
-ms-justify-content: space-between
}

.tactics_benefit {
background: #070e14;
margin-top: 100px;
padding-bottom: 80px;
position: relative
}

.main_container {
position: relative;
margin: 0;
padding: 80px 0 0
}

.popOUTbox.popOUTbox1 {
margin: -180px 0 0
}

.popOUTbox {
background: #090f15;
padding: 100px 80px 50px;
position: relative;
-webkit-box-shadow: 0 4px 30px -10px #000;
box-shadow: 0 4px 30px -10px #000
}

.popOUTbox.popOUTbox1:after {
position: absolute;
left: 50%;
top: -15px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: auto;
height: auto;
content: '';
border-top: 70px solid #fff;
border-right: 80px solid transparent;
border-bottom: 80px solid transparent;
border-left: 80px solid transparent
}

.popOUTbox.popOUTbox2 {
margin-top: 60px
}

.popOUTbox h2 {
text-align: center;
color: #fff;
width: 100%;
margin: 0 0 20px;
font-size: 50px;
font-weight: 600;
line-height: 45px;
font-family: Roboto, sans-serif
}

.popOUTbox h5 {
color: #cecece;
width: 100%;
text-align: center;
margin: 0;
font-size: 20px;
font-family: Roboto, sans-serif;
line-height: 30px
}

.popOUTbox ul {
padding: 0;
list-style: none;
margin: 30px 0 0;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap
}

.popOUTbox ul li:nth-child(odd) {
margin-right: 25px
}

.popOUTbox ul li {
position: relative;
width: calc(100% / 2 - 25px)
}

.popOUTbox ul li:nth-child(even) {
margin-left: 25px
}

.popOUTbox ul li .list_pp {
position: absolute;
left: 0;
top: 40px;
padding: 0;
margin: 0
}

.list_pp {
margin-left: -20px;
padding: 0 15px 0 0
}

.list_pp img {
width: 16px;
margin: 5px 0 0
}

.tactics_benefit .list_pp img {
width: 26px;
margin: 0
}

.popOUTbox ul li p {
color: #e2e2e2;
margin: 30px 0;
padding-left: 40px;
font-size: 16px;
line-height: 35px
}

.popOUTbox a.button.secondary {
color: #fff;
padding: 15px 30px;
display: inline-block;
margin: 30px 0 0;
border-radius: 3px;
font-size: 17px;
font-weight: 600;
text-transform: uppercase;
position: relative;
border: 1px solid #888;
-webkit-box-shadow: 0 0 20px #192938;
box-shadow: 0 0 20px #192938;
background: 0 0
}

.seo-experts {
background: #070e14;
padding: 0;
position: relative;
overflow: hidden
}

.seo-experts .col_md_8 {
max-width: calc(65% - 100px);
-webkit-box-flex: 0;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
padding: 60px 100px 60px 0
}

.seo-experts .col_md_4 {
max-width: calc(35% - 50px);
-webkit-box-flex: 0;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
z-index: 0;
padding: 60px 0 60px 50px;
background: 0 0;
position: relative;
text-align: center
}

.seo-experts .col_md_4 a {
color: #fff;
padding: 13px 24px;
display: inline-block;
margin: 30px 0 0;
font-size: 18px;
font-weight: 600;
-webkit-box-shadow: 0 0 10px #213952;
box-shadow: 0 0 10px #213952
}

.seo-experts .col_md_4 h3 {
width: 100%;
text-align: center;
padding: 65px 0 0
}

.seo-experts .col_md_4 h3 strong {
font-size: 36px
}

.seo-experts .col_md_4:after {
position: absolute;
left: -100px;
top: -50px;
width: 140%;
height: 100%;
content: '';
background: #0c1621;
z-index: -1;
transform: rotate(65deg);
-webkit-transform: rotate(65deg);
-ms-transform: rotate(65deg);
transform: rotate(65deg);
-webkit-box-shadow: 0 20px 20px #070e14;
box-shadow: 0 20px 20px #070e14
}

.seo-experts .col_md_4:before {
position: absolute;
right: -50%;
top: 0;
width: 100%;
height: 100%;
content: '';
background: #0c1621;
z-index: -1
}

.seo-experts .col_md_4 h3,
.seo-experts .col_md_8 h2 {
font-size: 32px;
font-weight: 600;
line-height: 45px;
color: #fff;
font-family: Roboto, sans-serif;
margin: 0 0 15px
}

.seo-experts p {
color: #f1f1f1;
line-height: 30px;
margin: 20px 0;
font-size: 16px
}

.seo-experts .col_md_8 h3 {
font-size: 20px;
font-weight: 600;
line-height: 30px;
color: #fff;
font-family: Roboto, sans-serif
}

.request_form.showQuote .form_RQ {
right: 0;
-webkit-transition: all .8s linear;
-o-transition: all .8s linear;
transition: all .8s linear
}

.getAquoteM a.getAquote {
color: #5a7ab2;
display: inline-block;
width: 120px;
font-weight: 600;
line-height: 16px;
text-align: center;
padding: 20px;
background: #fefefe;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
border: 1px solid #5982b8;
border-top: 0
}

.getAquoteM {
position: absolute;
left: -109px;
top: 50%;
z-index: 9;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%)
}

.move_effect {
-webkit-animation: quote .8s infinite;
animation: quote .8s infinite
}

@-webkit-keyframes quote {
0% {
	top: 50%
}
50% {
	top: 52%
}
100% {
	top: 50%
}
}

@keyframes quote {
0% {
	top: 50%
}
50% {
	top: 52%
}
100% {
	top: 50%
}
}

.FAQuestions {
padding: 60px 0;
position: relative
}

.FAQuestions .lst_clm {
max-width: 360px;
-webkit-box-flex: 0;
-ms-flex: 0 0 360px;
flex: 0 0 360px;
margin: 0 30px 0 0
}

.FAQuestions .lst_clm ul {
padding: 0 20px;
border: 1px solid #eee;
-webkit-box-shadow: 0 35px 10px #f7f7f7;
box-shadow: 0 35px 10px #f7f7f7;
background: #fff
}

.FAQuestions .lst_clm ul .active a {
color: #3d5c94
}

.FAQuestions .row_flex {
max-width: 1280px;
margin: -100px auto 0
}

li.last_border {
border-bottom: 0
}

.FAQuestions .lst_clm ul li {
border-bottom: 1px solid #dedede
}

.FAQuestions .lst_clm ul li.active a:after,
.FAQuestions .lst_clm ul li:hover a:after {
position: absolute;
left: -24px;
top: -1px;
width: auto;
height: 100%;
content: '';
border-left: 6px solid #16488c;
-webkit-box-shadow: 3px 0 4px #afafaf;
box-shadow: 3px 0 4px #afafaf;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear
}

.FAQuestions .lst_clm ul a {
display: block;
color: #4c4c4c;
padding: 20px 0;
position: relative;
font-size: 16px;
font-weight: 600;
font-family: Roboto, sans-serif
}

.mid_cnt {
max-width: calc(100% - 390px - 50px);
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 30px 25px;
-webkit-box-shadow: 0 40px 20px #d4d4d4;
box-shadow: 0 40px 20px #d4d4d4;
background: #fff
}

.mid_cnt h2 {
font-size: 36px;
font-weight: 600;
line-height: 45px;
margin: 0 0 40px;
color: #176db5;
text-align: left;
padding: 0;
font-family: Roboto, sans-serif
}

.accordion-container {
position: relative;
width: 100%;
border-top: 0;
outline: 0;
cursor: pointer
}

.accordion-container .article-title {
display: block;
position: relative;
margin: 0;
padding: 12px 40px 12px 20px;
font-size: 22px;
font-weight: 600;
color: #353535;
cursor: pointer
}

.accordion-container .article-title:active,
.accordion-container .article-title:hover,
.accordion-container .content-entry.open .article-title {
color: #fff
}

.accordion-container .article-title:hover i:active,
.accordion-container .article-title:hover i:before,
.accordion-container .content-entry.open i {
color: #fff
}

.FAQuestions article {
margin: 0 0 20px;
border: 1px solid #e4eaf4;
-webkit-box-shadow: 0 10px 5px #f7f7f7;
box-shadow: 0 10px 5px #f7f7f7
}

.FAQuestions p {
font-size: 18px;
line-height: 30px
}

.accordion-container .content-entry i {
position: absolute;
top: 0;
right: 12px;
font-style: normal;
font-size: 1.625em;
color: #226daa
}

.accordion-container .content-entry i:before {
content: "+ "
}

.accordion-container .content-entry.open i:before {
content: "- "
}

.accordion-content {
display: none;
padding: 20px 15px
}

#content {
width: 100%
}

#description p {
line-height: 1.5
}

#description h2 {
text-align: center
}

.faqs-bg {
background: url(../img/faq-background.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover
}

.faqs-bg:after {
position: absolute;
left: 0;
top: 0;
content: '';
width: 100%;
opacity: .7;
height: 100%;
z-index: 0;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #040b21), to(#412808));
background-image: -o-linear-gradient(top, #040b21 0, #412808 100%);
background-image: linear-gradient(to bottom, #040b21 0, #412808 100%)
}

.faqs-bg .container {
position: relative;
z-index: 1
}

.skillset2 {
padding: 60px 0;
background: url(../img/Outsourcing-Solutions-io.jpg);
position: relative;
background-size: cover;
background-position: center;
background-attachment: fixed
}

.skillset2:after {
position: absolute;
left: 0;
top: 0;
content: '';
width: 100%;
opacity: .7;
height: 100%;
z-index: 0;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #040b21), to(#412808));
background-image: -o-linear-gradient(top, #040b21 0, #412808 100%);
background-image: linear-gradient(to bottom, #040b21 0, #412808 100%)
}

.skillset2 .container {
position: relative;
z-index: 1
}

.skillset {
padding: 60px 0
}

.skillset .row_flex .clm_3 img {
max-width: 90px
}

.skillset .row_flex .clm_3 {
max-width: calc(25% - 40px - 20px) !important;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
text-align: center;
padding: 40px 20px;
-webkit-box-shadow: 0 0 20px #313131, inset 0 0 50px #d3dce2;
box-shadow: 0 0 20px #313131, inset 0 0 50px #d3dce2;
background: #fff;
border-radius: 5px
}

.skillset .row_flex .clm_3 a {
display: block;
font-size: 16px;
font-weight: 600;
color: #486c97;
margin: 15px 0 0
}

.skillset h2 {
font-size: 45px;
font-weight: 600;
line-height: 45px;
margin: 0 0 50px;
color: #1474bb;
text-align: center;
padding: 0;
font-family: Roboto, sans-serif
}

.skillset2 h2 {
color: #fff;
background: 0 0;
-webkit-text-fill-color: unset
}

.skillset .row_flex {
max-width: 1280px;
margin: 0 auto;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-o-justify-content: space-between
}

.skillset .row_flex .clm_4 {
max-width: calc(33.33% - 30px - 80px) !important;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
border: 1px solid #e9e9e9;
padding: 40px;
border-radius: 0 10px 0 10px;
-webkit-box-shadow: 0 0 10px #e5e5e5;
box-shadow: 0 0 10px #e5e5e5;
background: #fff
}

.skillset .row_flex .clm_4:hover {
-webkit-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out
}

.skillset .row_flex .clm_4:hover p,
.skillset .row_flex .clm_4:hover p strong {
color: #fff
}

.skillset .row_flex .clm_4 p {
font-size: 20px;
text-align: center
}

.skillset .row_flex .clm_4 p strong {
display: block;
font-size: 60px;
font-weight: 700;
color: #919191
}

.skillset .row_flex .clm_4 p strong span {
font-size: 40px
}

.cunslatant {
padding: 60px 0;
text-align: center;
position: relative;
background-image: url(../img/consultant_bg.png);
background-size: cover;
background-position: center
}

.cunslatant .container {
position: relative;
z-index: 1
}

.cunslatant h2 {
font-size: 45px;
font-weight: 600;
line-height: 45px;
margin: 0 0 30px;
color: #fff;
padding: 0
}

.row_a {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
-moz-justify-content: center;
-webkit-justify-content: center
}

.row_a a.faq,
.row_a a.get_a_quote,
.row_a a.ourPlans {
font-weight: 600;
letter-spacing: .5px;
text-transform: uppercase;
font-size: 15px;
display: inline-block;
padding: 0 30px;
line-height: 54px;
height: 54px
}

.row_a a.faq {
color: #fff;
border: 1px solid #fff;
letter-spacing: 2px
}

.row_a a.ourPlans {
color: #fff;
border: 1px solid #fff;
margin: 0 10px
}

.row_a {
flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-ms-align-items: center
}

.row_a a.get_a_quote {
border: 1px solid #fff;
margin: 0;
color: #fff
}

.cunslatant:before {
position: absolute;
left: 0;
top: 0;
content: '';
width: 100%;
opacity: .7;
height: 100%;
z-index: 0;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #040b21), to(#412808));
background-image: -o-linear-gradient(top, #040b21 0, #412808 100%);
background-image: linear-gradient(to bottom, #040b21 0, #412808 100%)
}

.why_choose {
padding: 60px 0
}

.row_choose {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
-webkit-align-items: center
}

.row_choose .clm_5 {
max-width: 45%;
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%
}

.row_choose .clm_5 img {
width: 100%
}

.row_choose .clm_7 {
max-width: calc(55% - 150px);
-webkit-box-flex: 0;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
margin: 0 150px 0 0
}

.listingIO-icon {
width: 40px;
position: absolute;
left: 5px;
top: 0;
padding: 5px;
height: 40px;
border: 1px solid #c1c2e1;
background: #fff;
z-index: 1
}

@-webkit-keyframes zoomE {
0% {
	-webkit-transform: scale(.98);
	transform: scale(.98)
}
100% {
	-webkit-transform: scale(1);
	transform: scale(1)
}
}

@keyframes zoomE {
0% {
	-webkit-transform: scale(.98);
	transform: scale(.98)
}
100% {
	-webkit-transform: scale(1);
	transform: scale(1)
}
}

.row_choose .clm_7 ul:after {
position: absolute;
left: 32px;
top: 0;
content: '';
width: auto;
height: 100%;
border-left: 1px solid #c1c2e1
}

.row_choose .clm_7 ul {
margin: 30px 0 0 15px;
position: relative;
max-width: 80%
}

strong {
font-weight: 700
}

.row_choose .clm_7 ul p {
line-height: 26px
}

.row_choose .clm_7 ul li {
position: relative;
padding: 0 0 0 75px;
margin: 20px 0
}

.row_choose .clm_7 ul li h3 {
font-size: 20px;
font-weight: 600;
line-height: 20px;
color: #1574bb;
margin: 0 0 10px;
padding: 0;
font-family: Roboto, sans-serif
}

.row_choose .clm_7 h2 {
font-size: 50px;
font-weight: 600;
line-height: 45px;
margin: 0 0 30px;
color: #176db5;
padding: 0;
font-family: Roboto, sans-serif
}

.row_choose .clm_7 p {
margin: 0 0 15px;
line-height: 30px;
text-align: justify
}

.all_services.mTop {
margin-top: 100px
}

.how_it_work {
background: url(../img/pattern_bg_hiworks.jpg);
padding: 60px 0;
float: left;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center
}

.line_dots_2 {
position: absolute;
left: -130px;
width: 100px;
top: 50%;
height: 1px;
border-bottom: 1px solid #adbcd6;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%)
}

.line_dots_2:nth-child(1):after {
background: #069add
}

.line_dots_l {
position: absolute;
right: -130px;
width: 100px;
top: 50%;
height: 1px;
border-bottom: 1px solid #adbcd6;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%)
}

.line_dots_l:after {
resize: auto;
width: 20px;
height: 20px;
background: #5d9dce;
content: '';
position: absolute;
right: -8px;
top: -9px;
border-radius: 50%
}

.clm_5.clm_5_L li:first-child {
max-width: calc(24% - 10px);
-webkit-box-flex: 0;
-ms-flex: 0 0 24%;
flex: 0 0 24%;
padding: 0 10px 0 0
}

.clm_5.clm_5_L li:last-child {
max-width: calc(74% - 1px - 20px);
-webkit-box-flex: 0;
-ms-flex: 0 0 74%;
flex: 0 0 74%;
border-left: 1px solid #d2ddf0;
padding: 0 0 0 20px
}

.clm_5.clm_5_R li:last-child {
max-width: calc(24% - 10px);
-webkit-box-flex: 0;
-ms-flex: 0 0 24%;
flex: 0 0 24%;
padding: 0 10px 0 0
}

.clm_5.clm_5_R li:first-child {
max-width: calc(74% - 1px - 20px);
-webkit-box-flex: 0;
-ms-flex: 0 0 74%;
flex: 0 0 74%;
border-left: 1px solid #d2ddf0;
padding: 0 0 0 20px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}

.row_L .clm_5 h3 {
font-size: 20px;
font-weight: 600;
line-height: 20px;
margin: 0 0 10px;
padding: 0;
color: #176db5;
font-family: Roboto, sans-serif
}

.row_L .clm_5 p {
font-size: 15px;
color: #565656
}

.row_L .clm_5 ul {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
-moz-align-items: center;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.line_dots_2:after {
resize: auto;
width: 20px;
height: 20px;
background: #a7bbde;
content: '';
position: absolute;
left: -8px;
top: -9px;
border-radius: 50%
}

.rw-container {
max-width: 1280px;
margin: 0 auto;
position: relative
}

.mid_line {
height: 440px;
top: 0;
width: 1px;
border-right: 1px solid #adbcd6;
position: absolute;
left: 50%;
transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%)
}

.row_L {
display: block;
float: left;
width: 100%
}

.clm_5.clm_5 li img {
width: 100%;
-webkit-animation: zoomE .9s infinite;
animation: zoomE .9s infinite;
max-width: 80px
}

.row_L .clm_5 {
max-width: calc(40% - 40px);
background: #fff;
padding: 25px 20px;
-webkit-box-shadow: 0 0 20px #d4d4d4;
box-shadow: 0 0 20px #d4d4d4;
position: relative;
margin: 0 0 70px
}

.clm_5.clm_5_R.clm_5_R_1 {
margin: -70px 0 0
}

.clm_5.clm_5_L {
float: left
}

.clm_5_R:before {
position: absolute;
left: -80px;
top: 0;
height: calc(100% - 80px);
width: auto;
border-left: 40px solid transparent;
content: '';
border-right: 40px solid #f7f7f7;
border-top: 40px solid transparent;
border-bottom: 40px solid transparent;
z-index: 1
}

.clm_5_L:after {
position: absolute;
right: -80px;
top: 0;
height: calc(100% - 80px);
width: auto;
border-left: 40px solid #f7f7f7;
content: '';
border-right: 40px solid transparent;
border-top: 40px solid #fff;
border-bottom: 40px solid #fff
}

.clm_5_R {
float: right
}

.clm_5_R_2 {
margin: -50px 0 20px
}

.heading-section h2 {
font-size: 45px;
font-weight: 600;
line-height: 45px;
text-align: center;
margin: 0 0 120px;
color: #176db5;
padding: 0;
font-family: Roboto, sans-serif
}

#vertical_tab_nav article {
display: none
}

.all_services {
padding: 0;
position: relative;
background: #fefefe
}

.row_L.row_L_last .clm_5 {
margin-bottom: 0
}

.vertical_tab_nav {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.d_l {
max-width: 400px;
-webkit-box-flex: 0;
-ms-flex: 0 0 400px;
flex: 0 0 400px;
background: #090f15
}

.d_l li.selected {
position: relative
}

.d_l .selected:after {
position: absolute;
right: -50px;
top: 10px;
width: auto;
height: auto;
content: '';
border-left: 17px solid #090f15;
border-right: 17px solid transparent;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent
}

.d_l ul {
padding: 20px;
height: 100%
}

.user_nm_dg .span {
font-size: 14px;
font-weight: 600;
color: #5b72a5
}

.d_l ul li {
border-bottom: 2px groove #15202b
}

.d_l ul li:last-child {
border-bottom: 0
}

.work_card_VA h5 {
font-size: 16px;
color: #3b688d;
font-weight: 600;
border-bottom: 1px solid #d8d8d8;
line-height: 18px;
padding: 10px 0
}

.work_card_VA p {
margin: 6px 0;
font-size: 14px
}

.d_l ul li a {
padding: 12px 0;
display: block;
color: #333;
font-size: 18px;
font-weight: 400
}

.d_l ul li.selected a {
color: #fff
}

.row_art {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 25px 0 0
}

.row_art ul li {
padding: 6px 0 6px 30px;
position: relative
}

.row_art ul li i.fas {
font-size: 13px;
position: absolute;
left: 10px;
top: 12px;
color: #3b688d
}

.vir_A {
max-width: 64%;
-webkit-box-flex: 0;
-ms-flex: 0 0 64%;
flex: 0 0 64%
}

.vir_A .item h3 {
font-size: 18px;
text-align: center;
font-weight: 600;
margin: 0 0 10px
}

.heading_VA {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
-moz-align-items: center
}

.heading_VA .user_icon {
max-width: 35%;
-webkit-box-flex: 0;
-ms-flex: 0 0 35%;
flex: 0 0 35%
}

.user_nm_dg {
max-width: 65%;
-webkit-box-flex: 0;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
padding: 10px 0
}

.user_nm_dg h4 {
font-size: 20px;
color: #3b688d;
line-height: 20px;
margin: 0 0 6px
}

.user_nm_dg .span {
font-size: 14px;
font-weight: 600;
color: #333
}

.prc_1 h2 span {
font-size: 18px;
font-weight: 600;
display: inline-block;
line-height: 20px
}

.vA ul {
max-width: calc(100% - 30px);
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 10px
}

.order-now a {
font-weight: 600;
letter-spacing: .5px;
color: #fff;
border: 1px solid #5174b3;
text-transform: uppercase;
font-size: 15px;
display: inline-block;
margin: 0;
padding: 8px 16px;
background: #5b78b1;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5985ba), color-stop(130%, #5c73ad));
background: -o-linear-gradient(top, #5985ba 0, #5c73ad 130%);
background: linear-gradient(to bottom, #5985ba 0, #5c73ad 130%);
box-shadow: 0 0 10px #aeaeae;
-o-box-shadow: 0 0 10px #aeaeae;
-ms-box-shadow: 0 0 10px #aeaeae;
-moz-box-shadow: 0 0 10px #aeaeae;
-webkit-box-shadow: 0 0 10px #aeaeae
}

.order-now {
padding: 10px 20px 30px;
text-align: center
}

.vA ul li {
padding: 8px 0;
border-bottom: 1px solid #e4e4e4;
font-size: 14px;
text-align: center
}

.cnt_VA p {
margin: 0;
font-size: 14px
}

.prc_1 h2 {
padding: 18px 10px 12px;
text-align: center;
font-weight: 600;
color: #fff;
line-height: 30px;
font-size: 40px;
background: #5b78b1
}

.profile_PP {
padding: 0 15px 0 0
}

.vA {
border: 1px solid #e6e6e6;
-webkit-box-shadow: inset 0 0 170px #cdddf9;
box-shadow: inset 0 0 170px #cdddf9
}

.row_art ul {
max-width: calc(36% - 30px);
-webkit-box-flex: 0;
-ms-flex: 0 0 36%;
flex: 0 0 36%;
padding-right: 30px
}

.d_l ul li a {
padding: 12px 0;
display: block;
color: #c5c5c5;
font-size: 16px;
font-weight: 400
}

.cont_article p {
margin: 10px 0 0
}

.cont_article h3 {
font-size: 30px;
font-family: Roboto, sans-serif;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9484d0), to(#316586));
background: -o-linear-gradient(top, #9484d0 0, #316586 100%);
background: linear-gradient(to bottom, #9484d0 0, #316586 100%);
font-weight: 600;
line-height: 34px;
margin: 0 0 20px
}

.cont_article {
max-width: calc(100% - 400px - 60px - 2px);
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 30px;
border: 1px solid #eee;
-webkit-box-shadow: 10px 10px 10px #eaeaea;
box-shadow: 10px 10px 10px #eaeaea;
margin-left: -1px
}

.cont_article article {
display: none
}

.cont_article article.selected {
display: block
}

.btn_S {
position: absolute;
right: 0;
top: 0;
width: 50px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
height: 100%;
color: #fff;
background: #5b78b1;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5985ba), color-stop(130%, #5c73ad));
background: -o-linear-gradient(top, #5985ba 0, #5c73ad 130%);
background: linear-gradient(to bottom, #5985ba 0, #5c73ad 130%);
text-decoration: none
}

.tab_row form .form_group input[type=text] {
width: 100%;
padding: 2px 10px;
border: 1px solid #ccddfd;
-webkit-box-shadow: 0 0 30px #d4d4d4;
box-shadow: 0 0 30px #d4d4d4;
height: 44px
}

.user-nav-tabs li a {
padding: 10px;
display: block;
color: #525252;
font-size: 18px;
line-height: 18px;
font-weight: 500
}

.user-nav-tabs li.active a {
color: #5b78b0
}

.user-nav-tabs {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

.tab_row {display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-o-align-items: center;-ms-align-items: center;-webkit-align-items: center;-moz-align-items: center;margin: 0 0px 0px;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-o-justify-content: space-between;-moz-justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;}

.tab_row form .form_group {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 400px;
position: relative
}

.main__wrap {
position: relative;
z-index: 0
}

.form_group_100 input[type=file] {
position: relative;
width: calc(100% - 20px);
padding: 11px 10px;
border: 1px solid #d7d7d7;
background: 0 0;
font-size: 14px;
color: #797979;
line-height: 22px
}

.form_group_100 input[type=file]:after {
position: absolute;
left: 0;
top: 0;
font-size: 15px;
color: #fff;
width: 82px;
height: calc(100% - 20px);
content: 'Choose File';
text-align: center;
padding: 10px;
background: #5b78b1;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5985ba), color-stop(130%, #5c73ad));
background: -o-linear-gradient(top, #5985ba 0, #5c73ad 130%);
background: linear-gradient(to bottom, #5985ba 0, #5c73ad 130%)
}

.request_form {
background: #fff
}

.in_form::-webkit-scrollbar-thumb:hover {
background: #555
}

.in_form::-webkit-scrollbar-thumb {
background: #888
}

.in_form::-webkit-scrollbar-track {
background: #f1f1f1
}

.in_form::-webkit-scrollbar {
width: 10px
}

.close_X {
display: none;
position: absolute;
right: -35px;
text-transform: uppercase;
font-weight: 600;
font-size: 22px;
top: -15px;
color: #fff;
padding: 5px 15px;
border-radius: 3px;
cursor: pointer
}

.form_RQ {
max-width: 500px;
width: calc(100% - 40px);
position: fixed;
right: -545px;
top: 50%;
margin: 0;
transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
background: #fefefe;
padding: 20px;
z-index: 1;
-webkit-box-shadow: 0 0 10px #a9a9a9;
box-shadow: 0 0 10px #a9a9a9;
-webkit-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
border: 1px solid #5982b8;
-webkit-animation: 0;
animation: 0
}

.in_form .row_grp .form_group_captcha {
max-width: 400px
}

.request_form.show_Pop .form_RQ {
right: 0
}

.form_RQ h3 {
font-size: 25px;
font-weight: 600;
margin: 0 0 15px;
line-height: 25px;
font-family: Roboto, sans-serif;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9484d0), to(#316586));
background: -o-linear-gradient(top, #9484d0 0, #316586 100%);
background: linear-gradient(to bottom, #9484d0 0, #316586 100%)
}

.in_form .row_grp {
width: 100%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-o-justify-content: space-between;
-ms-justify-content: space-between;
-moz-justify-content: space-between;
-webkit-justify-content: space-between
}

.request_form .form_group_captcha img {
width: 100%;
margin: 10px 0
}

.in_form .row_grp .form_group_captcha {
max-width: 400px
}

.in_form .row_grp .form_group {
width: calc(50% - 10px)
}

.in_form .row_grp .form_group input[type=text] {
width: calc(100% - 16px - 2px);
padding: 10px;
min-height: 24px;
border: 1px solid #d7d7d7;
background: 0 0;
margin: 8px 0
}

.form_group_100 {
width: 100%;
margin: 10px 0
}

.form_group_100 .form_group_100textarea {
width: calc(100% - 20px);
height: 120px;
-webkit-box-shadow: 0 0 10px #f0f0f0;
box-shadow: 0 0 10px #f0f0f0;
border: 1px solid #d1d1d1;
background: 0 0;
padding: 10px
}

.form_group_100 .form-control {
width: calc(100% - 20px);
height: 120px;
-webkit-box-shadow: 0 0 10px #f0f0f0;
box-shadow: 0 0 10px #f0f0f0;
border: 1px solid #d1d1d1;
background: 0 0;
padding: 10px
}

.in_form .row_grp .form_group select.form-control {
width: 100%;
padding: 13px 10px;
min-height: 24px;
border: 1px solid #d7d7d7;
background: 0 0;
margin: 8px 0;
font-size: 14px;
color: #797979
}

.form_group_captcha img {
width: 60%;
margin: 10px 0
}

.in_form .row_grp input.subMit {
letter-spacing: .5px;
border: 0;
font-size: 16px;
height: 53px;
color: #fff;
padding: 16px 28px;
background: #5b78b1;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5985ba), color-stop(130%, #5c73ad));
background: -o-linear-gradient(top, #5985ba 0, #5c73ad 130%);
background: linear-gradient(to bottom, #5985ba 0, #5c73ad 130%);
text-decoration: none;
-webkit-box-shadow: 0 0 20px #374b6d;
box-shadow: 0 0 20px #374b6d
}

.in_form .row_grp {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.start-a-project {
background-image: url(../images/t-2.png)
}

.va_cnt p {
font-size: 18px;
line-height: 30px
}

.row_va .clm_7 h2 span {
display: block;
margin: 0 0 10px
}

.va_cnt .hd_p {
font-size: 24px;
font-weight: 600;
margin: 0 0 15px;
line-height: 24px;
color: #3b688d
}

.row_va .clm_7 {
max-width: calc(55% - 30px);
-webkit-box-flex: 0;
-ms-flex: 0 0 55%;
flex: 0 0 55%
}

.row_va {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-o-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between
}

.row_va .clm_5 img.max-width {
margin: 0 0 -10px
}

img.img-fluid {
width: 100%
}

.port-sec {padding: 0px 0px 60px 0px;}

.row_flex {
flex-wrap: wrap;
-o-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap
}

.row_flex.prt_carousel .clm_6 {
max-width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
margin: 20px 0;
overflow: hidden
}

.row_va .clm_7 h2,
.srajeev h2 {
font-size: 45px;
font-weight: 600;
line-height: 40px;
margin: 0 0 40px;
color: #176db5;
padding: 0;
font-family: Roboto, sans-serif
}

.row_va .clm_5 {
max-width: 45%;
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%
}

.row_va .clm_7 a.get_a_quote.get_Quote {
margin: 35px 0 0
}

.Virtual_emp {
background: url(../img/virtual-emp-1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover
}

.portfolio_p {background: url(../img/iogoos-pp-portfolio.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;background: #fff !important;}

.Virtual_emp:after,
.portfolio_p:after {position: absolute;left: 0;top: 0;content: '';width: 100%;opacity: .7;height: 100%;z-index: 0;background: #fff;}

.get_started a {
font-weight: 600;
color: #fff;
border: 1px solid #5174b3;
text-transform: uppercase;
font-size: 17px;
display: inline-block;
margin: 25px 5px 0;
padding: 12px 24px;
text-decoration: none;
box-shadow: 0 0 10px #3e270d;
-o-box-shadow: 0 0 10px #3e270d;
-ms-box-shadow: 0 0 10px #3e270d;
-moz-box-shadow: 0 0 10px #3e270d;
-webkit-box-shadow: 0 0 10px #3e270d
}

a.get_a_quote.get_Quote {
font-weight: 600;
letter-spacing: .5px;
color: #fff;
border: 1px solid #5174b3;
text-transform: uppercase;
font-size: 15px;
display: inline-block;
margin: 25px 0 0;
padding: 11px 22px;
box-shadow: 0 0 10px #aeaeae;
-o-box-shadow: 0 0 10px #aeaeae;
-ms-box-shadow: 0 0 10px #aeaeae;
-moz-box-shadow: 0 0 10px #aeaeae;
-webkit-box-shadow: 0 0 10px #aeaeae
}

.get_started a:last-child {
background: 0 0;
border: 1px solid #fff
}

.get_started {
position: relative;
z-index: 1
}

.section2 .hubspot-shadoww.text-left,
.section3 .hubspot-shadoww.text-left {
width: calc(50% - 160px);
margin: 30px 80px
}

.ROW_H .form_group input[type=text] {
width: calc(100% - 20px - 4px) !important;
padding: 0 10px
}

.section33 .hubspot-shadoww.text-left {
width: calc(55% - 40px);
margin: 0 40px 0 0
}

.section22 .hubspot-shadoww.text-left {
width: calc(55% - 40px)
}

.section22 {
background: #f7f7f7
}

.section22,
.section33 {
padding: 60px 0
}

.sec_srv {
text-align: center;
background: #f7f7f7;
padding: 50px 0
}

.sec_srv h2 {
font-size: 40px;
font-weight: 600;
line-height: 45px;
text-transform: uppercase;
margin: 0 0 20px;
color: #176db5;
font-family: Roboto, sans-serif;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9484d0), to(#316586));
background: -o-linear-gradient(top, #9484d0 0, #316586 100%);
background: linear-gradient(to bottom, #9484d0 0, #316586 100%)
}

.hiresec {
padding: 60px 0
}

.hiresec h3 {
font-size: 24px;
font-weight: 600;
line-height: 30px;
margin: 0 0 10px;
color: #1474bb;
text-align: center;
padding: 0;
font-family: Roboto, sans-serif
}

.hiresec h2 {
font-size: 40px;
line-height: 50px;
margin: 0 0 15px;
font-weight: 600;
text-align: center;
color: #1474bb;
padding: 0;
letter-spacing: .5px;
font-family: Roboto, sans-serif
}

.row_hire {
padding: 40px 0 0;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-o-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between
}

.row_hire .clm__7 {
max-width: calc(55% - 60px);
-webkit-box-flex: 0;
-ms-flex: 0 0 55%;
flex: 0 0 55%
}

.form_hire h3 {
text-align: left;
margin: 0 0 30px
}

.ROW_H {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-o-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
margin-bottom: 20px
}

.ROW_H select.form-control {
width: calc(50% - 10px);
height: 44px;
padding: 0 10px;
color: #6d6d6d;
font-size: 14px;
background: #fff
}

.ROW_HH .full_width input[type=file] {
height: 22px;
display: block;
width: calc(100% - 40px);
color: #6d6d6d;
font-size: 14px;
padding: 10px 20px;
line-height: 40px;
position: relative
}

.ROW_HH .full_width input[type=file]:after {
position: absolute;
left: 0;
top: 0;
content: 'Choose File';
height: 100%;
width: 78px;
color: #fff;
padding: 0 17px
}

.ROW_H .form_group,
.ROW_H select.form-control {
width: calc(50% - 10px)
}

.row___list {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap
}

.row___list .clm_4 {
max-width: calc(33.33% - 60px - 2px);
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
padding: 25px;
border-left: 1px solid rgba(0, 0, 0, .15);
border-bottom: 1px solid rgba(0, 0, 0, .15);
text-align: center;
position: relative
}

.row___list .clm_4:nth-child(13),
.row___list .clm_4:nth-child(14),
.row___list .clm_4:nth-child(15) {
border-bottom: 0
}

.row___list .clm_4:after {
position: absolute;
left: -20px;
bottom: -20px;
width: 40px;
height: 40px;
content: '';
background: #fff;
border-radius: 50%;
z-index: 2;
display: block
}

.techWeUse.text-center.seactionPadding {
background-image: -o-linear-gradient(45deg, #fafdf3 0, #f4f7f5 100%);
background-image: linear-gradient(45deg, #fafdf3 0, #f4f7f5 100%)
}

.row___list .clm_4 img {
max-width: 65px;
-webkit-filter: grayscale(20%);
filter: grayscale(100%)
}

.form_hire {
padding: 30px;
-webkit-box-shadow: 0 0 40px #d2d2d2;
box-shadow: 0 0 40px #d2d2d2
}

.clm__5 {
max-width: 45%;
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%
}

.pr_cnt p {
font-weight: 500
}

.sec_srv p {
margin: 0 0 15px;
font-size: 18px;
line-height: 30px
}

.form_hire .full_width textarea {
background: #fff
}

.form_hire .full_width {
width: 100%;
border: 1px solid #bbb;
margin-bottom: 20px
}

.form_hire #frmcontact4 .full_width textarea {
border: 0
}

.form_hire .full_width textarea {
background: #fff;
color: #6d6d6d;
font-size: 14px
}

.form_hire .form_group_cathe {
width: 70%
}

.form_hire .sbm-btn {
margin: 30px 0 0
}

.form_hire .sbm-btn input {
border: 0;
border-radius: 2px;
padding: 18px 20px;
width: 220px;
text-decoration: none;
box-shadow: 0 0 20px #ababab;
-o-box-shadow: 0 0 20px #ababab;
-ms-box-shadow: 0 0 20px #ababab;
-moz-box-shadow: 0 0 20px #ababab;
-webkit-box-shadow: 0 0 20px #ababab
}

.row___list .clm_4:nth-child(1),
.row___list .clm_4:nth-child(10),
.row___list .clm_4:nth-child(13),
.row___list .clm_4:nth-child(4),
.row___list .clm_4:nth-child(7) {
border-left: 0
}

.form_hire .sbm-btn span {
display: none
}

.row___list .clm_4:after {
position: absolute;
left: -20px;
bottom: -20px;
width: 40px;
height: 40px;
content: '';
background: #fff;
border-radius: 50%;
z-index: 2;
display: block
}

.row___list .clm_4:nth-child(1):after,
.row___list .clm_4:nth-child(10):after,
.row___list .clm_4:nth-child(11):after,
.row___list .clm_4:nth-child(12):after,
.row___list .clm_4:nth-child(4):after,
.row___list .clm_4:nth-child(7):after {
display: none
}

.content_row .clm_7 .clm_66 a.a {
font-weight: 600;
color: #5a79b1;
font-size: 18px
}

.content.enhanced-page .container {
max-width: calc(100% - 160px);
margin: 0 auto
}

ul.Weaward {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-o-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
width: calc(100% - 40%);
margin: 50px auto 70px
}

.techWeUse.text-center.seactionPadding p,
.we-adard.text-center.seactionPadding p {
font-size: 18px
}

.ratingAbout {
background-image: url(../img/parallax-bg.jpg);
background-attachment: fixed;
padding: 0 0 80px;
text-align: center;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center
}

.ratingAbout .row {
display: -ms-flexbox;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}

.tab_block_main .tab_content .tab_block.active {
display: block;
text-align: left
}

.techWeUse.text-center.seactionPadding h2.seactionHead {
font-size: 45px;
font-weight: 600;
line-height: 45px;
margin: 0 0 20px;
color: #1474bb;
padding: 0;
font-family: Roboto, sans-serif
}

.ratingAbout .col-md-12 {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-o-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
z-index: 1;
width: calc(100% - 35%);
margin: 0 auto
}

.ratingAbout::after {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background-color: rgba(247, 247, 247, .8);
z-index: 0
}

.ratestars {
position: relative;
width: 180px;
height: 180px;
border-radius: 50%;
background: #fff;
margin: 0;
text-align: center;
margin-top: -150px;
display: inline-block;
-webkit-box-shadow: 0 0 20px -3px #b9cad2;
box-shadow: 0 0 20px -3px #b9cad2
}

.ratestars h2 {
color: #1474bb;
font-size: 70px;
margin: 30px 0 0;
position: relative;
z-index: 111;
font-family: arial;
font-weight: 700;
line-height: 80px
}

.ratestars ul i.fas {
margin: 0 1px;
color: #f3a009;
font-size: 16px
}

.ratingpara {
width: 100%;
padding-top: 30px
}

.ratestars ul {
list-style: none;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-o-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center
}

.ratingpara p {
color: #051119;
font-size: 24px;
font-weight: 600;
line-height: 48px;
margin: 0
}

.ratingpara p .numbertext {
font-family: arial;
font-weight: 700;
font-size: 36px;
color: #1474bb;
font-weight: 700;
font-size: 32px;
padding: 1px 8px;
margin: 0 3px;
line-height: 32px
}

a.btn.more-port {
margin: 0 auto;
margin-top: 30px;
color: #fff;
position: relative;
font-size: 16px;
padding: 12px 30px;
z-index: 0;
border: 0
}

ul.Weaward li {
max-width: calc(25% - 60px);
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
padding: 15px 30px
}

.we-adard.text-center.seactionPadding h2.seactionHead {
font-size: 50px;
font-weight: 600;
line-height: 45px;
margin: 0 0 20px;
color: #176db5;
padding: 0;
font-family: Roboto, sans-serif
}

ul.Weaward li img {
max-width: 350px;
width: 100%;
display: block
}

.review_sec {
padding: 60px 0
}

.box_clutch {
max-width: 1240px;
margin: 0 auto;
border: 1px solid #bad9ff;
-webkit-box-shadow: 0 0 20px #e5ebf3;
box-shadow: 0 0 20px #e5ebf3
}

.row_hd {
background: #070e13;
padding: 20px 30px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-o-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-webkit-align-items: center
}

.row_hd h3 {
color: #fff;
font-weight: 600;
font-size: 34px;
line-height: 44px;
letter-spacing: -1px
}

.row_hd h4 {
color: #fff;
font-size: 14px;
font-weight: 600;
padding: 0;
line-height: 30px;
height: 30px
}

.row_hd h4 img {
width: 80px;
padding: 0 0 0 10px
}

.content_row {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-o-justify-content: space-between;
-ms-justify-content: space-between;
-moz-justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}

.destination_yr {
position: relative
}

.row_flex.prt_carousel.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.row_flex {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.row_flex.prt_carousel {
display: none
}

.about_us2 {
background: url(../img/about_us_banner.jpg)
}

.row_flex .clm_4 {
max-width: 33.33%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
background-size: cover;
background-repeat: no-repeat;
background-position: center
}

.clm_4.clm_4_1 {
background: url(../img/awarded-person1_.png)
}

.clm_4.clm_4_2 {
background: url(../img/awarded-person2_.png)
}

.clm3row.clm3rowlast {
max-width: calc(100% - 1px);
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
border-top: 1px solid rgba(255, 255, 255, .4);
border-left: 0
}

.clm3row {
padding: 40px 0;
max-width: calc(50% - 1px);
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
border-left: 1px solid rgba(255, 255, 255, .4);
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
-moz-justify-content: center;
-webkit-justify-content: center
}

.row_flex .clm_4 img.img-fluid {
display: none
}

.clm3row:first-child {
border-left: 0
}

.row_flex .clm_4 img {
width: 100%
}

.clm_4.bg_c {
background: #33445f;
max-width: calc(33.33% - 80px);
padding: 40px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap
}

.clm_4.bg_c h4 {
font-size: 18px;
color: #fff;
font-weight: 600;
text-align: center;
margin: 0 0 15px;
line-height: 18px
}

.clm_4.bg_c h3 {
font-size: 35px;
text-align: center;
color: #fff;
line-height: 35px;
letter-spacing: 1px;
font-weight: 700
}

.content_row .clm_7 .clm_66 h1 span {
font-size: 40px;
display: block;
line-height: 50px
}

.third_ab_aa a {
font-weight: 600;
color: #fff;
text-transform: uppercase;
font-size: 17px;
display: inline-block;
margin: 30px 0 0;
padding: 14px 50px;
text-decoration: none;
box-shadow: 0 0 20px #adadad;
-o-box-shadow: 0 0 20px #adadad;
-ms-box-shadow: 0 0 20px #adadad;
-moz-box-shadow: 0 0 20px #adadad;
-webkit-box-shadow: 0 0 20px #adadad
}

.content_row .clm_5 {
max-width: calc(50% - 35px);
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%
}

.content_row .clm_7 {
max-width: calc(50% - 35px);
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%
}

.content_row .clm_7 .clm_66 h1 {
font-size: 42px;
font-weight: 600;
padding-bottom: 0;
position: relative;
line-height: 60px;
margin: 0 0 25px;
color: #176db5;
font-family: Roboto, sans-serif
}

.content_row .clm_7 .clm_66 p {
font-size: 17px;
line-height: 1.7;
margin: 0 0 25px
}

.content_row .clm_7 .clm_66 h6 {
font-size: 18px;
margin: 0
}

.content_row .clm_7 .clm_66 {
padding: 0 120px 0 0
}

.content_row {
padding: 60px 0
}

.content_row .clm_5 img {
width: 100%
}

.about_us {
background: url(../img/website_development_banner.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom
}

.about_us:after {
position: absolute;
left: 0;
top: 0;
content: '';
width: 100%;
opacity: .7;
height: 100%;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #040b21), to(#331f04));
background-image: -o-linear-gradient(top, #040b21 0, #331f04 100%);
background-image: linear-gradient(to bottom, #040b21 0, #331f04 100%)
}

.banner_io .ab_banner h3 {
color: #fff;
position: relative;
z-index: 1;
font-size: 35px;
font-weight: 400
}

.ab_banner {
padding: 220px 0 150px;
text-align: center
}

.ab_banner.ab_banner {
padding: 180px 0 100px
}

.banner_io .ab_banner h1 {position: relative;z-index: 1;color: #117bc2;font-size: 50px;line-height: 65px;}

.banner_io .ab_banner p {
font-size: 18px;
color: #f7f7f7;
position: relative;
z-index: 1;
margin: 25px 0 0;
font-weight: 400
}

.contact_form_map {
position: relative;
z-index: -1
}

.contact_form_map .row {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

.form_bg {
background: #070e13;
max-width: 54%;
-webkit-box-flex: 0;
flex: 0 0 54%;
-ms-flex: 0 0 54%;
padding: 55px 0
}

.maP_bg {
max-width: 46%;
-webkit-box-flex: 0;
flex: 0 0 46%;
-ms-flex: 0 0 46%;
padding: 0;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
background: rgba(241, 241, 241, .5);
-webkit-align-items: center
}

.cntaine {
width: calc(100% - 170px);
padding: 0 70px 0 100px
}

.socialmedia {
margin: -55px 0 0;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
display: none
}

.starting_code {
margin-bottom: 5px;
margin-left: -50px
}

.code_d {
color: #a7975f;
font-size: 15px;
font-style: italic;
display: block;
letter-spacing: 1px
}

.cntaine p.p2 {
margin: 0;
line-height: 25px;
font-size: 25px;
letter-spacing: -.5px;
margin-bottom: 15px;
color: #fff;
margin-top: 15px
}

.row_form {
margin: 35px 0
}

.ROW_W {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-o-justify-content: space-between;
-moz-justify-content: space-between;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
margin-bottom: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

.row_form .form_group input,
.row_form select {
width: calc(100% - 30px);
padding: 7px 15px;
margin: 0;
border: 1px solid #343c44;
height: 30px;
border-radius: 0;
line-height: 30px;
color: #fff;
background: 0 0
}

.ROW_W.ROW_W1 .form_group {
max-width: calc(50% - 10px);
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%
}

.ROW_W.width_fuuull .form_group {
width: 100%
}

.full_width {
width: 100%
}

.full_width textarea {
width: calc(100% - 30px);
padding: 10px 15px;
background: 0 0;
border: 1px solid #343c44;
height: 130px;
font-size: 14px;
color: #797979;
font-family: 'Open Sans', sans-serif
}

.service_form #frmcontact4 .full_width textarea {
border: 1px solid #343c44
}

.service_form #frmcontact4 select {
background: 0 0
}

.service_form #frmcontact4 .ROW_HH .full_width input[type=file] {
margin-bottom: 20px
}

.form_group_cathe img.img-fluid {
width: 100%
}

.row_w {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-o-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
-o-align-items: end;
-ms-align-items: end;
-webkit-align-items: end;
-moz-align-items: end
}

.form_group_cathe {
max-width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%
}

.sbm-btn {
margin: 20px 0 0;
position: relative;
max-width: 45%;
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}

.row_w {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap
}

.sbm-btn input.sbmit {
padding: 8px 40px 8px 20px;
font-size: 16px;
font-weight: 600;
color: #fff;
position: relative;
letter-spacing: 2px;
border: 1px solid #176eb6;
border-radius: 5px;
padding: 14px 30px
}

.sbm-btn span {
position: absolute;
display: none;
right: 25px;
top: 47%;
font-weight: 700;
color: #fff;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%)
}

.inner_maP_cnt.howcanwe_helpyou.home {
padding: 60px
}

.common_h3 {
color: #000;
letter-spacing: 0;
padding: 0;
display: block;
margin: 0 auto 20px
}

.inner_maP_cnt.howcanwe_helpyou.home p {
font-size: 16px;
line-height: 1.7;
margin: 0
}

.helpBox {
position: relative;
margin: 50px 0 0;
padding: 0
}

.helpBox:before {
content: '';
position: absolute;
top: 0;
left: 11px;
width: 2px;
height: 100%;
background: #3d688f
}

.helpBox li {
position: relative;
display: block;
padding-left: 50px;
margin-bottom: 35px
}

.helpBox li:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
background: #fff;
border: solid #3d688f 2px;
border-radius: 25px
}

.helpBox li h4 {
margin: 0 0 15px;
font-size: 22px;
font-weight: 600;
line-height: 26px;
color: #1474bb
}

.tab_block_main {
margin-top: 50px
}

.tab_block_main .tab_options {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-o-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center;
width: calc(100% - 30%);
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
padding: 5px 0;
margin: 0 auto
}

.tab_block_main .tab_options>li {
float: left;
font-size: 20px;
color: #848484;
line-height: normal;
list-style: none;
border-right: 1px solid #dadada
}

.tab_block_main .tab_options>li:last-child {
border-right: 0
}

.tab_block_main .tab_options>li a {
color: #084369;
text-decoration: none;
text-align: center;
border-bottom: 0;
border: 1px solid transparent;
padding: 18px 38px;
display: block;
font-size: 20px
}

.vc_custom_heading a {
color: #000
}

.tab_block_main .tab_content {
display: inline-block;
width: calc(100% - 30%)
}

.tab_block_main .tab_content .tab_block {
display: none
}

.vc_row.wpb_row.vc_inner.vc_row-fluid {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
-webkit-align-items: center
}

.inner_maP_cnt.howcanwe_helpyou.home .heading_section {
text-align: left;
margin-bottom: 25px
}

.effect_img.wpb_column {
width: 16.66666667%;
margin: 9px 0;
min-height: 150px
}

.vc_column-inner {
margin: 15px 5px;
text-align: center
}

.inner_maP_cnt.howcanwe_helpyou.home .heading_section {
text-align: left
}

.wrapper_io.wrapper_io1 .row-ww ul li a i.fas {
color: #797979;
font-size: 20px
}

.wrapper_io.wrapper_io1 .row-ww ul li a:hover i.fas {
color: #fff
}

.megga_menu {
display: none
}

header.header.sticky {
position: fixed;
background: #fff;
z-index: 10;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
-webkit-box-shadow: 0 0 15px #989898;
box-shadow: 0 0 15px #989898
}

header.header.sticky .navigation_io {
margin: 20px 60px 20px 0
}

.homeSection {
position: relative;
z-index: 5;
background-attachment: fixed;
background-size: cover;
padding: 150px 0
}

.banner_cnt h1 {
font-size: 90px;
line-height: 1.15;
font-weight: 600;
color: #fff;
font-family: Roboto, sans-serif
}

.header.sticky .logo_io a,
.header.sticky .navigation_io ul li a {
color: #131313
}

.navigation_io ul li .get_a_quote {
border: 2px solid #828282
}

header.header.sticky .hm_icon span,
header.header.sticky .hm_icon span:after,
header.header.sticky .hm_icon span:before {
background: #6880b0
}

.header.sticky .get_a_quote {
border-color: #5c7cb2;
color: #5c7cb2
}

header.header.sticky .logo_io a,
header.header.sticky .logo_io a span {
color: #5c7cb2
}

.navigation_io ul ul li a {
padding: 0;
font-weight: 600;
font-size: 18px;
display: block;
text-transform: uppercase;
position: relative
}

.logo_io {
position: relative;
z-index: 2
}

.navigation_io ul .submenu.mega_menu ul {
top: 107%;
z-index: 1;
opacity: 1;
background: #fff
}

.banner_io {
position: relative
}

.logo_io a {
font-size: 45px;
color: #fff;
text-transform: uppercase;
font-weight: 600;
text-decoration: none
}

.logo_io a span {
display: inline-block;
font-weight: 600;
font-size: 42px
}

a.getaquote {
background: 0 0;
border-color: #fff;
-webkit-box-shadow: unset;
box-shadow: unset
}

.pltform {
padding: 25px 0
}

ul.row_plt {
list-style: none;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: -60px 0 0;
position: relative;
z-index: 12;
background: #fff;
-webkit-box-shadow: 0 0 10px #d6d6d6;
box-shadow: 0 0 10px #d6d6d6
}

ul.row_plt li {
width: calc(100% / 12);
padding: 10px
}

span.font_weight_now {
display: inline-block;
font-weight: 600;
font-size: 38px;
color: #152e5a;
font-style: italic;
font-family: Roboto, sans-serif;
text-shadow: 1px 1px #5598b1
}

.audit_web .gdlr-core-pbf-column.gdlr-core-column-30:last-child {
width: 60%
}

.audit_web {
background-color: #1f2e3e;
color: #fff;
padding-top: 30px;
background-image: url(../images/diagonal-bg1.png);
background-repeat: no-repeat;
background-position: 0 top;
background-size: 105% 95%;
padding-bottom: 30px
}

.audit_web .search-container {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
position: relative;
width: 52%
}

.audit_web .search-container form {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc(100% - 300px);
height: 50px;
position: relative
}

.audit_web .search-container form input[type=text] {
display: block;
height: 50px;
width: 100%;
padding: 0 15px;
background: 0 0;
color: #fff;
border: 1px solid #7d7d7d;
border-right: 0;
border-radius: 5px;
font-weight: 600;
letter-spacing: .5px
}

.audit_web input[type=button] {
border-radius: 50px;
position: absolute;
right: -20px;
border: 1px solid #b7b7b7;
height: 52px;
font-weight: 600;
font-size: 17px;
color: #fff;
padding: 0 50px;
text-transform: unset;
line-height: 20px;
background: #5b78b1;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5985ba), color-stop(130%, #5c73ad));
background: -o-linear-gradient(top, #5985ba 0, #5c73ad 130%);
background: linear-gradient(to bottom, #5985ba 0, #5c73ad 130%)
}

.row_website .gdlr-core-text-box-item-content {
width: calc(48% - 50px);
margin: 0 50px 0 0
}

.row_website .gdlr-core-text-box-item-content h3 {
padding: 0 100px 0 0;
text-align: right;
font-size: 30px;
line-height: 40px;
font-weight: 600;
color: #152e5a;
font-style: italic;
font-family: Roboto, sans-serif;
text-shadow: 1px 1px #37578e
}

.audit_web {
-webkit-box-shadow: 0 0 22px #101627;
box-shadow: 0 0 22px #101627;
position: relative;
z-index: 1
}

span.font_weight_now {
display: inline-block;
font-weight: 600;
font-size: 38px;
color: #152e5a;
font-style: italic;
font-family: Roboto, sans-serif;
text-shadow: 1px 1px #5598b1
}

.row_website {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-o-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap
}

.header {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 10
}

.btn_row a {
margin: 35px 20px 0 0;
padding: 12px 35px;
color: #fff;
text-decoration: none;
border: 1px solid #5a7bb3;
font-weight: 600;
color: #fff;
text-transform: uppercase;
font-size: 17px;
display: inline-block;
background: #5b78b1;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5985ba), color-stop(130%, #5c73ad));
background: -o-linear-gradient(top, #5985ba 0, #5c73ad 130%);
background: linear-gradient(to bottom, #5985ba 0, #5c73ad 130%);
text-decoration: none;
-webkit-box-shadow: 0 0 20px #68452f;
box-shadow: 0 0 20px #68452f
}

.homeSection:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
opacity: .65;
background-image: -o-linear-gradient(top, #fff 0, #36f 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #020d17), to(#5f3c12));
background-image: -o-linear-gradient(top, #020d17 0, #5f3c12 100%);
background-image: linear-gradient(to bottom, #020d17 0, #5f3c12 100%)
}

.audit_web .search-container form input::-webkit-input-placeholder {
color: #fff
}

.audit_web .search-container form input:-ms-input-placeholder {
color: #fff
}

.audit_web .search-container form input::-moz-placeholder {
color: #fff
}

.audit_web .search-container form input::-ms-input-placeholder {
color: #fff
}

.audit_web .search-container form input::placeholder {
color: #fff
}

div#scrollspy .container {
position: relative;
z-index: 1
}

.mega_list {
background: #fff;
padding: 0 20px;
width: calc(100% - 180px - 50px);
margin: 0 90px;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
top: 120px;
left: 0;
opacity: 0;
padding: 25px;
background: 0 0;
text-align: left;
z-index: 1;
display: none;
max-height: 430px;
-webkit-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out
}

.mega_list ul {
list-style: none;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

.mega_list ul li h3 a {
text-decoration: none;
font-weight: 600;
color: #000;
font-size: 18px;
text-transform: uppercase
}

.mega_list ul li:last-child {
border-right: 0
}

.mega_list ul li {
max-width: calc(25% - 20px - 2px);
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
margin: 0;
border-right: 1px solid rgba(0, 0, 0, .4);
padding: 0 10px
}

.mega_list ul li h3 {
border-bottom: 1px solid rgba(0, 0, 0, .4);
padding: 5px 2px
}

.mega_list ul li ul li {
border: 0
}

.mega_list ul li ul li a {
display: block;
color: #404040;
text-decoration: none;
padding: 10px 0;
line-height: 18px;
font-size: 15px
}

header.header.mega_menu .mega_list {
top: 100%;
opacity: 1;
display: block
}

.mega_list ul li ul {
display: block;
position: relative;
height: 100%
}

.mega_list ul li ul li {
max-width: 100%;
padding: 0 2px
}

nav.navi_io {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: calc(100% - 180px);
margin: 5px auto;
position: relative
}

.sld_item img {
width: 100%
}

.logo_io a {
display: block;
margin: 0
}

button.hm_icon {
position: absolute;
right: 0;
background: 0 0;
border: 0;
cursor: pointer;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s
}

button.hm_icon span {
width: 30px;
height: 3px;
position: relative;
display: block;
margin: 7px 0;
background: #fff;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
left: 5px;
border-radius: 5px
}

button.hm_icon span:before {
-webkit-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
position: absolute;
width: 30px;
height: 3px;
background-color: #fff;
content: "";
top: -10px;
left: -5px;
border-radius: 5px
}

.container_io {
position: relative;
z-index: 5
}

.allServices {
position: absolute;
top: 0;
left: -100%;
background: #fff;
width: 100%;
height: 100vh;
z-index: 1;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear
}

.row_header_2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.row_header_2 .burgerMenu {
max-width: 25%;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
background: #101010;
height: 100vh
}

.row_header_2 .burgerMenu ul {
padding: 0 50px;
list-style: none;
margin: 120px 0 0
}

.row_header_2 .burgerMenu2 {
max-width: 65%;
-webkit-box-flex: 0;
-ms-flex: 0 0 65%;
flex: 0 0 65%
}

.banner_io.showw .allServices {
display: block;
left: 0
}

button.hm_icon span:after {
-webkit-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
position: absolute;
width: 30px;
height: 3px;
background-color: #fff;
content: "";
top: 10px;
left: -5px;
border-radius: 5px
}

.navigation_io {
margin: 25px 60px 25px 0
}

.navigation_io ul {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style: none
}

.navigation_io ul li a {
padding: 8px 20px;
display: inline-block;
text-decoration: none;
color: #fff;
font-size: 15px
}

.mega_list {
background: #d9d9d9
}

.navigation_io ul li a {
padding: 8px 20px;
display: inline-block;
text-decoration: none;
color: #fff;
font-size: 15px;
font-weight: 400
}

.navigation_io ul li .get_a_quote {
color: #fff;
border: 2px solid #fff;
border-radius: 50px;
margin: 0 0 0 15px
}

.navigation_io ul ul li {
width: 25%
}
select.Time-Estimation {
display: inline-block;
margin-bottom: 15px;
float: left;
width: 100%;
margin-left: 0;
margin-right: 0;
border: 0;
border-radius: 0;
border-bottom: 1px solid #9acff1;
font-size: 14px;
padding: 0;
min-height: 40px;
color: #737373;
background: none;
}
select.Budget {
display: inline-block;
margin-bottom: 15px;
float: left;
width: 100%;
margin-left: 0;
margin-right: 0;
border: 0;
border-radius: 0;
border-bottom: 1px solid #9acff1;
font-size: 14px;
padding: 0;
min-height: 40px;
color: #737373;
background: none;
}

.choose_file {
width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0;
    border-bottom: 1px solid #9acff1;
    font-size: 14px;
    padding: 0;
    min-height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    color: #737373;
    position: relative;
    margin: 0;
}

.choose_file input#avatar {
width: 100%;
padding: 0 0 0 30px;
border: 0
}

.choose_file:after {
content: 'Browse File';
    position: absolute;
    left: 0;
    top: 0;
    color: #1670b7;
    width: 74px;
    height: 100%;
    font-weight: 600;
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
}

ul.worktypelst li input {
position: absolute;
right: -2px;
top: -1px;
border: 1px solid #c3dae8
}

.choose_tchno h4 {
font-weight: 600;
color: #5a7eb5;
margin: 0 0 10px;
font-size: 18px
}

ul.worktypelst {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
margin: 0 0 10px
}

ul.worktypelst li input[type=checkbox] {
display: none
}

span.span_pop1 {
font-size: 11px;
line-height: 1.3;
display: block;
text-align: center;
margin: 10px 0 0;
color: #1671b8;
font-weight: 600
}

ul.worktypelst li input[type=checkbox]:checked+label .fas {
opacity: 1
}

ul.worktypelst li input[type=checkbox]+label .fas {
font-size: 14px;
position: absolute;
top: 50%;
left: 50%;
color: #fff;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 9;
background: #5a7cb4;
padding: 8px;
border-radius: 50%
}

ul.worktypelst li {
width: calc(100% / 5 - 20px - 10px);
padding: 10px;
border: 1px solid #c3dae8;
margin: 15px 5px;
position: relative
}

ul.worktypelst li img {
display: block;
width: 100%;
max-width: 50px;
-webkit-filter: saturate(.5);
filter: saturate(.5);
margin: 0 auto
}

span.span_pop {
position: relative;
font-size: 12px;
font-weight: 600;
text-align: center;
color: #5f73a9
}

select.country_list {
display: inline-block;
width: calc(50% - 10px);
margin-bottom: 15px;
float: left;
margin-left: 10px;
margin-right: 0;
border: 0;
border-radius: 0;
border-bottom: 1px solid #9acff1;
font-size: 14px;
padding: 0;
min-height: 40px;
color: #737373;
background: none;
}

* {
margin: 0;
padding: 0
}

.container {
max-width: calc(100% - 160px);
margin: 0 auto
}

ul.listig_ab {
padding: 25px 0 0 30px;
list-style: none
}

ul.listig_ab li {
line-height: 1.7;
font-weight: 600;
color: #425e94;
position: relative;
font-size: 17px;
margin-bottom: 5px
}

ul.listig_ab img {
position: absolute;
left: -25px;
top: 7px
}

p.text-gray-dark {
font-size: 19px;
line-height: 1.5
}

span.sp_iconimg {
width: 80px;
height: 80px;
display: block;
background: url(../img/sprite-icon1.png)
}

.cnt_container a {
text-decoration: none
}

.row-ww ul,
.roww {
list-style: none
}

.row-ww ul li {
margin: 0 8px;
width: calc(100% / 8 - 20px);
border: 1px solid #fff;
text-align: center;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear
}

.row-ww ul li a {
display: block;
padding: 30px 10px;
text-decoration: none
}

.sp_iconimg.icon_1 {
background-position: -30px -10px
}

.row-ww ul li a span {
display: block;
color: #565656;
font-weight: 600;
margin: 15px auto;
text-decoration: none
}

.row-ww ul {
padding: 0;
margin: 0
}

.row-ww ul li a i.fa {
color: #455963;
font-size: 18px;
margin: 10px 0 0
}

.heading_section p:first-child {
font-size: 20px;
letter-spacing: 1px;
line-height: 1.1;
margin-top: 0;
margin-bottom: 10px;
display: none
}

.heading_section h2 {
font-size: 50px;
font-weight: 600;
line-height: 45px;
margin: 0 0 20px;
color: #1474bb;
font-family: Roboto, sans-serif
}

.heading_section p:last-child {
margin: 0
}

.heading_section {
text-align: center
}

span.sp_iconimg.icon_2 {
background-position: -181px -10px
}

span.sp_iconimg.icon_3 {
background-position: -328px -10px
}

span.sp_iconimg.icon_4 {
background-position: -480px -10px
}

span.sp_iconimg.icon_5 {
background-position: -628px -10px
}

span.sp_iconimg.icon_6 {
background-position: -781px -10px
}

span.sp_iconimg.icon_7 {
background-position: -929px -10px
}

span.sp_iconimg.icon_8 {
background-position: -1080px -11px
}

a.explore_btn {
width: 220px;
border: 1px solid #16478a;
display: block;
margin: 25px auto 0;
text-align: center;
padding: 12px 0;
border-radius: 50px;
text-decoration: none;
color: #16488b;
font-weight: 600;
letter-spacing: 1px;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear
}

a.explore_btn:hover {
color: #fff
}

h4.h44 {
font-size: 18px;
color: #176db5;
line-height: 1.3;
margin: 0 0 5px;
font-weight: 500
}

.div_main img {
max-width: 100%;
height: auto;
display: block;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: .9;
width: 70px
}

.div_main {
position: relative;
width: 20%
}

.hd_contentt p {
line-height: 1.45;
color: #333
}

.hd_contentt {
width: 80%;
padding-left: 20px
}

.cnt_container {
border: 1px solid #f1f1f1;
padding: 10px;
border-radius: 7px;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
margin-bottom: 12px;
-webkit-box-shadow: 0 2px 5px #f1f1f1;
box-shadow: 0 2px 5px #f1f1f1
}

.c-badge__img svg {
color: #5f5f5f;
height: 70px
}

.heading_section {
text-align: center;
margin-bottom: 20px;
padding: 0
}

.row-ww ul,
.roww {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap
}

.wrapper_io.wrapper_io1 {
position: relative
}

.wrapper_io.wrapper_io1:after {
z-index: 1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
background: rgba(255, 255, 255, .96)
}

.wrapper_io.wrapper_io1 .container {
position: relative;
z-index: 2
}

.wrapper_io {
padding: 170px 0 50px
}

.wrapper_io.wrapper_io_bg {
padding: 0;
background-attachment: fixed;
background-size: 100%;
position: relative;
background: -webkit-gradient(linear, left top, right top, from(#f2f5f9), to(#f3f3e8));
background: -o-linear-gradient(left, #f2f5f9, #f3f3e8);
background: linear-gradient(to right, #f2f5f9, #f3f3e8)
}

.title-sm.text-uppercase {
font-size: 38px;
line-height: 40px;
font-family: Roboto, sans-serif;
color: #176db5;
font-weight: 200
}

.wrapper_io.wrapper_io_bg:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
background: rgba(210, 241, 195, .3);
z-index: 1;
display: none
}

.containerw {
position: relative;
z-index: 2
}

.third_ab_ p {
line-height: 1.9
}

.cl_row.left_ab_img {
width: 50%;
margin-right: 0;
background: url(../img/pic4.jpg);
background-size: cover;
background-position: 0 0;
background-repeat: no-repeat
}

.cl_row.left_ab_img img {
width: 100%
}

.cl_row.right_ab_cnt {
width: calc(50% - 10%);
margin-left: 0;
padding: 80px 5%;
background: #f2f5f9;
background: -webkit-gradient(linear, left top, right top, from(#fbfbfb), to(#f9f7f6));
background: -o-linear-gradient(left, #fbfbfb, #f9f7f6);
background: linear-gradient(to right, #fbfbfb, #f9f7f6)
}

.section-head.style-1 {
position: relative;
z-index: 1
}

.section-head.style-1.gray::before {
color: #f8f8f8
}

.section-head.style-1.left::before {
left: 0
}

.section-head.style-1:before {
content: attr(data-name);
font-size: 200px;
line-height: 200px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
position: absolute;
top: 50%;
z-index: -1;
text-transform: uppercase;
font-weight: 700;
color: #f1ecd0
}

.section-head.style-1 .title-sm {
color: #333;
font-weight: 400
}

.section-head.style-1 .h2,
.section-head.style-1 .h3 {
font-weight: 600;
color: #333
}

.h2 {
font-size: 40px;
font-weight: 600;
font-family: Poppins, sans-serif
}

.title-sm.text-uppercase {
font-size: 40px;
line-height: 40px;
font-family: Roboto, sans-serif
}

.home-2 .sep,
.home-3 .sep {
width: 40px;
height: 3px;
display: block;
margin-top: 30px
}

.section-head h2.h2 {
line-height: 62px;
padding: 20px 0 25px;
color: #1474bb;
position: relative;
margin-bottom: 5px;
font-family: Roboto, sans-serif;
font-size: 50px;
font-weight: 600
}

.section-head h2.h2:after {
position: absolute;
content: 'W';
left: -25px;
top: -80px;
font-size: 640%;
opacity: .08;
display: none
}

.third_ab_ a {
font-weight: 600;
color: #565656;
text-decoration: none
}

.blog.seactionPadding.ourblog {
padding-bottom: 0
}

.col_prt.col_prt_1 a {
padding: 9px 18px;
display: inline-block;
margin: 20px 0 0;
color: #393c71;
text-decoration: none;
font-weight: 600;
border-radius: 5px
}

p.stn_font {
margin: 15px 0 10px;
font-size: 20px;
color: #565656;
font-family: Roboto, sans-serif
}

.col_prt.col_prt_1 {
width: 25%
}

.col_prt.col_prt_2 {
width: 75%
}

.wrapper_io2 {
overflow: hidden;
background: rgba(0, 0, 0, .1) url(../img/bg-pattern-iogoos.png);
position: relative
}

.wrapper_io2:after {
position: absolute;
left: 0;
height: 100%;
width: 100%;
content: '';
top: 0;
background: rgba(255, 255, 255, .6)
}

.container-Fluidd {
position: relative;
z-index: 2
}

.col_prt.col_prt_1 {
width: calc(25% - 60px);
text-align: right;
padding: 30px
}

.col_prt.col_prt_1 h2 {
font-size: 45px;
letter-spacing: -1px;
font-weight: 900;
line-height: 34px;
display: none
}

.hd_content {
height: 30px;
overflow: hidden
}

.single_service:hover .hd_content {
position: absolute;
top: 50%;
height: auto;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
left: 0
}

.single_service:hover .hd_content h4,
.single_service:hover .hd_content p {
color: #fff
}

.col_prt.col_prt_1 h4 {
font-size: 50px;
font-weight: 900;
margin: 30px 0 0;
line-height: 55px;
color: #444
}

.hd_content {
text-align: center;
padding: 0 15px;
-webkit-transition: all .6s linear;
-o-transition: all .6s linear;
transition: all .6s linear
}

.wrapper_io3 {
position: relative
}

.wrapper_io3 .container {
position: relative;
z-index: 2
}

.wrapper_io3:after {
position: absolute;
content: '';
background: rgba(255, 255, 255, .7);
height: 100%;
width: 100%;
z-index: 1;
left: 0;
top: 0
}

.col_prt.col_prt_2 .item .prt_c {
padding: 20px 25px;
position: relative;
-webkit-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out
}

.col_prt.col_prt_2 {
position: relative
}

.prt_c h5 {
font-size: 22px;
line-height: 25px;
margin: 10px 0 0
}

.col_prt.col_prt_2 .item .prt_c i.fa {
position: absolute;
right: 20px;
bottom: 20px;
color: #353535;
font-size: 13px;
cursor: pointer
}

.col_prt.col_prt_2 .item:hover .prt_c {
background: #393c71
}

.col_prt.col_prt_2 .item:hover .prt_c i.fa {
color: #fff
}

.col_prt.col_prt_2 .item:hover .prt_c h5,
.col_prt.col_prt_2 .item:hover .prt_c p {
color: #fff
}

.prt_c p {
line-height: 16px;
font-size: 14px
}

.col_prt.col_prt_2 .item {
-webkit-box-shadow: 0 0 2px #bccfe4;
box-shadow: 0 0 2px #bccfe4
}

.col_prt.col_prt_2 .owl-nav button {
border-radius: 2px;
width: 35px;
height: 35px;
margin: 0 0 0 5px;
background: #393c71;
color: #fff;
overflow: hidden
}

.col_prt.col_prt_2 .owl-nav {
position: absolute;
left: -115px;
bottom: 35px
}

.section-head h2.h2:before {
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 200px;
height: 3px;
background: 0 0
}

.wrapper_io .row {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 65px 0 0
}

.service_box {
-webkit-box-shadow: 0 0 10px 0 rgba(217, 223, 224, .87);
box-shadow: 0 0 10px 0 rgba(217, 223, 224, .87);
border: 1px solid #ccd9dc;
background: rgba(255, 255, 255, .75);
position: relative;
width: calc(100% / 3 - 16px);
margin: 0 7px
}

.service_box2 {
overflow-y: scroll;
padding: 0 20px 20px;
height: 600px
}

.service_box2::-webkit-scrollbar {
width: 4px;
height: 2vh
}

.service_box2::-webkit-scrollbar-button {
background: #e8e8e8
}

.service_box2::-webkit-scrollbar-track-piece {
background: #dcdcdc
}

.ourAchivement.seactionPadding.text-center .row {
width: 82%;
margin: 0 auto
}

.service_box2::-webkit-scrollbar-thumb {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b0a4da), to(#506e9d));
background: linear-gradient(to bottom, #b0a4da 0, #506e9d 100%)
}

.service_box .allbrowse {
position: absolute;
right: 15px;
display: none;
bottom: 20px;
font-weight: 600;
text-decoration: none;
color: #393c71;
cursor: pointer
}

.hdng_line {
position: relative;
padding: 25px 0;
border-bottom: 1px solid #efefef;
margin: 0
}

.research-categories-title br {
display: none
}

.single_service {
position: relative;
overflow: hidden;
background: #f3f3f3;
padding: 10px;
border-radius: 5px;
-webkit-box-shadow: 0 2px 6px #cacaca;
box-shadow: 0 2px 6px #cacaca
}

.row_clm {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
-moz-align-items: center
}

.hd_content p {
margin: 0
}

.research-categories-title {
font-size: 27px;
text-align: center;
color: #333;
display: block;
font-weight: 600;
position: relative;
padding-left: 0;
text-decoration: none;
font-family: Roboto, sans-serif;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9484d0), to(#316586));
background: -o-linear-gradient(top, #9484d0 0, #316586 100%);
background: linear-gradient(to bottom, #9484d0 0, #316586 100%)
}

.wrapper_io.wrapper_io1 .row-ww ul li a {
position: relative;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}

.wrapper_io.wrapper_io1 .row-ww ul li a:hover i.fa,
.wrapper_io.wrapper_io1 .row-ww ul li a:hover span,
.wrapper_io.wrapper_io1 .row-ww ul li a:hover svg {
color: #fff
}

.wrapper_io.wrapper_io1 .row-ww ul li a:after {
position: absolute;
width: 100%;
height: 0;
content: "";
bottom: 0;
left: 0;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
z-index: -1
}

.col_prt:hover .item .prt_c i.fa {
color: #fff
}

.wrapper_io.wrapper_io1 .row-ww ul li a:hover:after {
height: 100%;
-webkit-box-shadow: 0 9px 59.8px 5.2px rgba(0, 0, 0, .13);
box-shadow: 0 9px 59.8px 5.2px rgba(0, 0, 0, .13)
}

.research-categories .bl_marketing .research-categories-title:before {
content: "";
position: absolute;
top: 9px;
left: 7px;
background: url(../img/blo3_marketing.svg) no-repeat 50%;
background-size: cover;
width: 119px;
height: 56px
}

.research-categories-block {
padding: 20px 0 0;
overflow: hidden
}

h4.h4 {
font-size: 18px;
font-weight: 700;
margin-bottom: 10px
}

.research-categories-block ul {
list-style-type: none;
padding: 20px;
margin-left: 30px;
border-left: 1px solid #cae0e7
}

.research-categories-block ul li {
margin: 0 0 15px;
position: relative
}

.research-categories-block ul li a {
font-size: 16px;
color: #17313b;
font-weight: 600;
margin-right: 0;
text-decoration: none;
display: block
}

.research-categories-block ul li a i.fa {
font-size: 10px;
position: absolute;
right: -20px;
top: 7px;
-webkit-animation: rajeev 1.2s linear infinite;
animation: rajeev 1.2s linear infinite
}

.hdng_line img {
width: 45px;
position: absolute;
top: 7px;
display: none
}

.col_prt.col_prt_2 .owl-nav button span {
font-weight: 600
}

.io_section.io_featured.io_background {
background: #162d4a;
color: #fff;
padding: 65px 0;
position: relative;
background-repeat: no-repeat;
background-position: 50% 100%
}

.io_section.io_featured.io_background h2 {
font-size: 50px;
font-weight: 600;
text-align: center;
line-height: 55px;
margin: 0 0 65px;
font-family: Roboto, sans-serif
}

.io_row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
position: relative
}

.choose_io_value:nth-child(2n-1) {
margin-left: 0;
margin-right: 20%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-o-justify-content: flex-end;
-ms-justify-content: flex-end;
-moz-justify-content: flex-end;
-webkit-justify-content: flex-end
}

.choose_io_value {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-flex: 0;
-ms-flex: 0 1 31%;
flex: 0 1 30%;
margin-bottom: 2.5rem;
margin-left: 20%;
margin-right: 0;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.choose_io_value:nth-child(2n-1) .c-chooseio__value__meta {
text-align: right
}

.choose_io_value:nth-child(2n-1) figure.c-chooseio__value__image {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin: -5px 0 0 15px
}

h3.c-heading.c-heading--small {
margin-top: 0;
font-weight: 600;
display: block;
margin-bottom: 0
}

figure.c-chooseio__value__image {
margin: -5px 15px 0 0
}

@-webkit-keyframes rajeev {
0% {
	right: -20px
}
100% {
	right: -12px
}
}

@keyframes rajeev {
0% {
	right: -20px
}
100% {
	right: -12px
}
}

#compatible {
background: -webkit-linear-gradient(#052842, #0b3554);
position: relative;
padding: 25px 0
}

#footer-g {
position: relative;
z-index: 2
}

.mac {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.text-center {
text-align: center
}

#compatible ul {
margin: 0;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

#compatible li {
margin: 0 10px
}

#compatible h2 {
color: #fff;
font-size: 24px;
margin: 0
}

@media only screen and (min-width:1600px) {
.container,
.container-width,
.hireDedicated .container {
	max-width: 1280px
}
}

@media only screen and (max-width:1399px) {
.packageplansmainrow.packageplansmainrow333 .outerrow.toprow .clumone {max-width: 306px;}
.calculator-sec .fldst {width: 90%;}
}
@media only screen and (max-width:1350px) {
.packageplansmainrow.packageplansmainrow333 .outerrow.toprow .clumone {max-width: 288px;}
}
@media only screen and (min-width:1200px) {
.content-area {
	max-width: 1180px;
	margin: 50px auto;
	padding: 10px
}
}

@media only screen and (max-width:1199px) {
.content-area {
	max-width: 85%;
	margin: 50px auto;
	padding: 10px
}
.calculator-sec .fldst {
	width: 100%;
	padding: 30px;
}
.packageplansmainrow.packageplansmainrow333 .outerrow.toprow .clumone {max-width: 266px;}
.packageplansmainrow .outerrow.toprow .innertextbox {height: 141px;}
.packageplansmainrow .outerrow .clumthree .ribbon {padding: 8px 8px;right: -38px;top: 34px;}
.packageplansmainrow .outerrow .clumthree .ribbon::after {right: 101px;top: -7px;}
.packageplansmainrow .outerrow .clumfour .ribbon {padding: 8px;right: -30px;top: 29px;}
.packageplansmainrow .outerrow.toprow .title {font-size: 16px;font-weight: 700;height: 44px;}
.innertextbox.innertextboxH p {font-size: 20px;}
.packageplansmainrow.packageplansmainrow333 .outerrow.toprow .clumone {height: 146px;}
}
@media only screen and (max-width:1050px) {
.row_fldst label {
	margin: 0 0 5px 0px;
	width: 100%;
}
.row_fldst {
	margin-bottom: 10px;
}
.row_fldst label {
	font-size: 15px;
}
.row_fldst input {
	width: 220px;
}
.see_pricing {
	text-align: center;
	margin: 40px 0 0;
}
.slider-right {
	padding: 0;
}
.pricing-section {padding: 50px 0;}
.pricing-section .container {max-width: calc(100% - 30px);}
.pricing-section #price-table01 {max-width: 100%;}
.packageplansmainrow.packageplansmainrow333 .outerrow.toprow .clumone {height: 120px;}
.packageplansmainrow .outerrow.toprow .innertextbox {height: 115px;}
.packageplansmainrow.packageplansmainrow333 .outerrow.toprow .clumone {
	max-width: 306px;
}
}
@media only screen and (max-width:999px) {
.packageplansmainrow.packageplansmainrow333 .outerrow.toprow .clumone {max-width: 269px;}
.packageplansmainrow br {display: block;}
}
@media only screen and (max-width:991px) {
.packageplansmainrow.packageplansmainrow333 .outerrow.toprow .clumone {
	max-width: 307px;
}
.pricing-section #price-table01 {
	max-width: 100% !important;
}
.outerrow.toprow .clumfive, .outerrow.toprow .clumfour, .outerrow.toprow .clumthree, .outerrow.toprow .clumtwo,.innertable .clumfive, .innertable .clumfour, .innertable .clumthree, .innertable .clumtwo, .outerrow.headingrow .clumfive, .outerrow.headingrow .clumfour, .outerrow.headingrow .clumthree, .outerrow.headingrow .clumtwo, .outerrow.headingrow-h .clumfive, .outerrow.headingrow-h .clumfour, .outerrow.headingrow-h .clumthree, .outerrow.headingrow-h .clumtwo {
	max-width: calc(15.12% - 1px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 15.12%;
	flex: 0 0 15.12%;
}
.pricing-section h2.font-sz {
	margin-bottom: 30px;
}
.outerrowb.headingrowb a {
	margin-bottom: 0 !important;
}
.outerrowb.headingrowb .clumoneb {
	max-width: 32.9%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 32.9%;
	flex: 0 0 32.9%;
}
.outerrowb.headingrowb .clumfiveb, .outerrowb.headingrowb .clumfourb, .outerrowb.headingrowb .clumthreeb, .outerrowb.headingrowb .clumtwob {
	max-width: calc(16.9% - 2px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 16.9%;
	flex: 0 0 16.9%;
	padding: 10px 0;
}
}
@media only screen and (max-width:1399px) and (min-width:1200px) {
.container {
	width: 1160px
}
}

@media only screen and (max-width:1199px) and (min-width:1000px) {
.container {
	width: 960px
}
.row-ww {
	width: 100%
}
}

.hd_contentt {
text-align: left;
padding: 0 0 0 20px
}

.div_main {
background: url(../spritesheet.png)
}

.contactForm.seactionPadding.seactionPaddinggggg {
padding-bottom: 0;
padding-top: 0;
background-image: url(../img/form-background-image.png);
background-size: cover
}

.contactForm {
position: relative;
z-index: 0
}

.seactionPadding {
padding: 60px 0
}

.contactForm .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
-webkit-align-items: center
}

.cnt_container:hover {
background: #ece4d9
}

.startWrap {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
padding: 0 0 0 160px
}

.quate_details {
color: #fff;
text-align: center;
margin-bottom: 20px
}

.networking {
color: #fff;
background: rgba(59, 163, 216, .2);
margin-bottom: 20px;
padding: 10px 0;
width: 100%;
box-shadow: 2px 2px 1px 1px #0b4068;
-o-box-shadow: 2px 2px 1px 1px #0b4068;
-ms-box-shadow: 2px 2px 1px 1px #0b4068;
-moz-box-shadow: 2px 2px 1px 1px #0b4068;
-webkit-box-shadow: 2px 2px 1px 1px #0b4068
}

.contactForm .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
-webkit-align-items: center
}

.quate_details img {
width: 50%;
margin-bottom: 20px
}

.num {
margin-bottom: 25px;
font-size: 50px;
font-weight: 600;
letter-spacing: -4px;
line-height: 40px;
font-family: Roboto, sans-serif
}

.quate_details P {
font-size: 22px;
color: #fff;
text-align: center;
font-weight: 600;
line-height: 30px;
padding-left: 20px;
padding-right: 20px;
margin: 0 0 20px
}

.networking {
color: #fff;
background: rgba(1, 18, 27, .5);
margin-bottom: 20px;
padding: 10px 0;
width: 100%;
box-shadow: 2px 2px 1px 1px #011a2f;
-o-box-shadow: 2px 2px 1px 1px #011a2f;
-ms-box-shadow: 2px 2px 1px 1px #011a2f;
-moz-box-shadow: 2px 2px 1px 1px #011a2f;
-webkit-box-shadow: 2px 2px 1px 1px #011a2f
}

.networking .email,
.networking .skype {
height: 100%;
padding: 15px 0;
border-right: 2px groove #173c5a;
margin-top: 6px;
width: 80px;
text-align: center
}

.networking .email i,
.networking .skype i {
font-size: 32px;
color: #fff
}

.networking .skype1 {
text-align: left;
padding: 0 0 0 20px
}

.networking .skype1 p {
font-weight: 600;
font-size: 20px;
color: #fff;
padding: 5px 0;
line-height: 22px;
margin: 0;
text-align: left;
text-transform: capitalize
}

.networking.row:last-child {
margin-bottom: 0
}

.networking a {
color: #e8e8e8;
font-size: 17px;
letter-spacing: .5px;
text-decoration: none
}

.contactForm form {
background-color: #fff;
padding: 30px;
margin: -50px 0;
-webkit-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .54);
box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .54)
}

.seactionHead {
font: 700 30px/1 Oswald, sans-serif;
letter-spacing: 0;
padding: .25em 0 .325em;
display: block;
margin: 0 auto;
color: #464646
}

.contactForm form h2.seactionHead {
margin-top: 0;
margin-bottom: 15px;
font-family: Roboto, sans-serif;
font-weight: 600;
line-height: 40px
}

.contactForm form .form-group {
width: 100%;
float: left;
margin: 0 0 12px
}

.contactForm form .form-group.df label {
display: inline-block;
width: calc(50% - 10px);
margin-bottom: 15px;
float: left
}

.contactForm form .form-group.df label:nth-child(odd) {
margin-left: 0;
margin-right: 10px
}

.contactForm form label input {
border: 0;
border-radius: 0;
border-bottom: 1px solid #9acff1;
width: 100%
}

input:placeholder-shown {
color: #fff;
font-size: 14px;
padding: 0;
min-height: 30px
}

.cnt-form-h h4 {
font-size: 18px;
color: #1e3f62;
font-weight: 600
}

label[for="#coment"] textarea {
width: 100%;
border: 0;
border-bottom: 1px solid #9acff1
}

.contactForm form .form-group.df label:nth-child(even) {
margin-left: 10px;
margin-right: 0
}

ul.worktypelst label {
width: 100%;
margin: 0
}

.contactForm::after {
background-position: center;
content: "";
top: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
opacity: .8;
background-color: #072037;
background-image: -o-linear-gradient(135deg, #072037 0, #182840 74%);
background-image: linear-gradient(315deg, #072037 0, #182840 74%)
}

.contactForm.seactionPadding.seactionPaddinggggg .row {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap
}

.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-5.col-sm-12 {
-ms-flex: 0 0 55%;
-webkit-box-flex: 0;
flex: 0 0 55%;
max-width: calc(51% - 10%);
padding-right: 80px
}

.col_sm_4.benifites {
width: calc(33.33% - 20px);
margin: 15px 0;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-7.col-sm-12 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: calc(49% - 100px);
padding-right: 100px
}

ul.worktypeList {
width: 86%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
-moz-justify-content: center;
-webkit-justify-content: center;
padding: 0;
margin: 20px auto;
position: relative;
width: 100%
}

ul.worktypeList li {
margin: 0 10px;
position: relative;
z-index: 1;
width: calc(100% / 5 - 20px);
border-radius: 5px;
border: 1px solid #c3dae8;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
padding: 10px
}

ul.worktypeList li label {
margin: 0;
width: 100%;
position: relative;
z-index: 9
}

ul.worktypeList li {
margin: 0 10px;
position: relative;
z-index: 1;
width: calc(100% / 5 - 20px);
border-radius: 5px;
border: 1px solid #c3dae8;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-o-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
padding: 10px
}

ul.worktypeList li img {
width: 100%;
position: relative;
z-index: 2
}

ul.worktypeList li input {
position: absolute;
left: 50%;
opacity: 0
}

input.btn {
color: #fff;
font-size: 17px;
cursor: pointer;
line-height: 13px;
font-weight: 600;
text-transform: uppercase;
padding: 19px 40px;
border: 0;
text-decoration: none;
box-shadow: 0 0 20px #ababab;
-o-box-shadow: 0 0 20px #ababab;
-ms-box-shadow: 0 0 20px #ababab;
-moz-box-shadow: 0 0 20px #ababab;
-webkit-box-shadow: 0 0 20px #ababab
}
.chfl{overflow: hidden;}
.chfl .btnsubmit{float: right;
    font-size: 15px;
    font-weight: 100;}
label.comentcoment {
width: 100%;
margin-right: 0
}


.chfl input.btn{padding: 19px 14px;
box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.chfl .choose_file{
	width: 36%;
    min-height: 50px;
    border: 1px dashed #117fc5;}
.Webicon img {
width: 40px;
display: block;
margin: 0 auto
}

.blog.seactionPadding.ourblog h2.seactionHead.text-center {
font-size: 50px;
font-weight: 600;
line-height: 60px;
margin: 0 0 30px;
text-align: center;
color: #1474bb;
font-family: Roboto, sans-serif
}

.blog .col-md-4,
.blog .col-md-8 {
padding: 0;
overflow: hidden
}

.postBtn {
position: absolute;
right: 0;
z-index: 0;
display: none
}

.post-btn {
background: rgba(255, 255, 255, .1);
-webkit-transition: all 185ms;
-o-transition: all 185ms;
transition: all 185ms;
display: inline-block;
letter-spacing: 0;
text-align: center;
line-height: 75px;
font-size: 10px;
height: 75px;
width: 75px
}

.post-btn i {
color: #fff;
font-size: 15px
}

.blog-post-image {
position: absolute;
display: block;
height: 100%;
width: 52%;
left: 0;
top: 0
}

.blog-post-image img {
-o-object-fit: cover;
object-fit: cover;
display: block;
height: 100%;
width: 100%
}

.blog-post-body {
-webkit-transition: all 325ms ease-in-out;
-o-transition: all 325ms ease-in-out;
transition: all 325ms ease-in-out;
background: #090f15;
position: relative;
float: right;
z-index: 2;
width: 50%;
height: 322px;
padding: 50px 60px 49px
}

.blog-post-date {
text-transform: uppercase;
letter-spacing: .1em;
line-height: 1em;
font-weight: 600;
margin-bottom: 5px;
color: #fff;
font-size: 14px;
display: block
}

ul.short-meta {
margin-bottom: 37.5px;
display: block;
list-style: none;
padding-left: 0
}

ul.short-meta li {
text-transform: uppercase;
display: inline-block;
letter-spacing: .2em;
color: #a0a0a0;
font-size: 10px;
margin-right: 16.5px
}

.blog-post-body h2.post-title {
text-transform: uppercase;
letter-spacing: 0;
line-height: 2.5em;
margin: 0 0 20px;
font-weight: 700;
font-size: 16px;
color: #fff
}

.blog-post-body h2.post-title a {
color: #fff;
line-height: 26px;
display: block;
font-weight: 600;
text-decoration: none
}

.post-excerpt {
line-height: 1.8em;
color: #9099a8;
font-size: 14px;
margin: 0;
display: block
}

.blog .col-md-4 {
line-height: 1em;
background-color: #1b1a0d
}

.blog .col-md-4,
.blog .col-md-8 {
padding: 0;
overflow: hidden
}

.popular-news-block-wrapper {
width: calc(100% - 100px);
padding: 40px 50px
}

.popular-news-block-wrapper h5.block-title {
letter-spacing: 0;
font-weight: 600;
color: #767345;
line-height: 1em;
margin: 0 0 25px;
font-size: 24px
}

.popular-news-block-wrapper .popular-news-list {
max-width: 450px;
line-height: 1em;
display: block;
font-size: 0;
padding: 0;
overflow-y: scroll;
max-height: 185px
}

.popular-news-block-wrapper .popular-news-list .news-item {
position: relative;
min-height: 80px;
padding-left: 100px;
padding-top: 0;
display: block;
padding-right: 20px;
margin-bottom: 15px
}

.popular-news-block-wrapper .popular-news-list .news-item .image {
position: absolute;
width: 80px;
left: 0;
top: 0
}

.popular-news-block-wrapper .popular-news-list .news-item .image img {
border-radius: 3px;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 10px 2px #25241e;
box-shadow: 0 0 10px 2px #25241e
}

.popular-news-block-wrapper .popular-news-list .news-item .date {
text-transform: uppercase;
letter-spacing: .1em;
color: #fff;
line-height: 1em;
margin: 0 0 10px;
font-size: 13px;
display: block;
font-weight: 500
}

.popular-news-block-wrapper .popular-news-list .news-item .post-title a {
color: #a7a380;
font-size: 12px;
line-height: 1.8;
display: block
}

.popular-news-block-wrapper .popular-news-list .news-item .post-title {
text-transform: uppercase;
letter-spacing: 0;
line-height: 1.75em;
font-weight: 600;
color: #818076;
font-size: 11px;
margin: 0
}

.blog.seactionPadding.ourblog .row:last-child {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
height: 335px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
margin-top: 25px;
box-shadow: inset 0 -5px 40px #bdbdbd;
-o-box-shadow: inset 0 -5px 40px #bdbdbd;
-ms-box-shadow: inset 0 -5px 40px #bdbdbd;
-moz-box-shadow: inset 0 -5px 40px #bdbdbd;
-webkit-box-shadow: inset 0 -5px 40px #bdbdbd
}

p.categories>a {
color: #767345;
font-weight: 800;
letter-spacing: 1px
}

.blog.seactionPadding.ourblog .row:last-child .col-md-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%
}

.blog.seactionPadding.ourblog .row:last-child .col-md-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%
}

.blog.seactionPadding.ourblog .row:last-child .col-md-8:hover .blog-post-body {
transform: translateX(20%);
-o-transform: translateX(20%);
-ms-transform: translateX(20%);
-moz-transform: translateX(20%);
-webkit-transform: translateX(20%)
}

.popular-news-block-wrapper .popular-news-list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
border-radius: 0;
background-color: #5f5125
}

.popular-news-block-wrapper .popular-news-list::-webkit-scrollbar {
width: 5px;
background-color: #fff
}

.popular-news-block-wrapper .popular-news-list::-webkit-scrollbar-thumb {
border-radius: 0;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #44422b
}

.portfolio2.seactionPadding.text-center {
-o-box-shadow: 0 0 5px #e2e7ea;
-moz-box-shadow: 0 0 5px #e2e7ea;
-ms-box-shadow: 0 0 5px #e2e7ea
}

.portfolio2::after {
background-image: url(../img/portfolio-background.png);
background-position: left;
background-repeat: no-repeat;
content: "";
left: 0;
top: 390px;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
background-size: cover;
opacity: .2;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%)
}

.portfolio2.seactionPadding.text-center h2.seactionHead {
font-size: 50px;
font-weight: 600;
line-height: 45px;
margin: 0 0 20px;
text-align: center;
font-family: Roboto, sans-serif;
padding: 0
}

p.seactionDiscription {
text-align: center;
font-size: 18px;
margin: 0 0 50px;
line-height: 1.3;
font-weight: 600;
color: #666
}

.portfolio2.seactionPadding.text-center .col-sm-12 {
text-align: center
}

.port h2.portTextDis {
font-size: 17px;
font-weight: 600;
text-align: left;
margin-left: 0;
line-height: 1.4;
margin-bottom: 0;
padding: 0 15px
}

.port p.port-text {padding: 15px;font-size: 20px;line-height: 20px;margin: 20px 0 0;text-align: left;-webkit-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;width: 50%;line-height: 30px;display: inline-flex;}

.port p.port-text a {color: #182f4c;text-decoration: none;font-size: 20px;font-weight: 600;letter-spacing: -.5px;}

a.btn.more-port {
margin: 0 auto;
margin-top: 60px;
color: #fff;
text-transform: uppercase;
position: relative;
font-size: 16px;
padding: 13px 30px;
font-weight: 600;
z-index: 0;
text-decoration: none;
display: inline-block;
text-decoration: none;
box-shadow: 0 0 20px #ababab;
-o-box-shadow: 0 0 20px #ababab;
-ms-box-shadow: 0 0 20px #ababab;
-moz-box-shadow: 0 0 20px #ababab;
-webkit-box-shadow: 0 0 20px #ababab
}

.portfolio2 {
position: relative
}

a.btn.more-port:hover:before {
left: 0;
right: auto;
width: 100%
}

a.btn.more-port:before {
display: none;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 0;
z-index: -1;
content: '';
color: #000;
background: #4a6c98;
-webkit-transition: all .4s cubic-bezier(.42, 0, .58, 1);
-o-transition: all .4s cubic-bezier(.42, 0, .58, 1);
transition: all .4s cubic-bezier(.42, 0, .58, 1)
}

a.btn.more-port i {
margin-right: 10px;
font-size: 20px
}

.prt_carousel .col-sm-12 {
text-align: center;
padding: 20px 0 0
}

.prt_carousel .owl-nav .owl-next span:after {
position: absolute;
right: -55px;
top: 0;
width: 120px;
height: auto;
content: 'NEXT';
font-weight: 800;
color: #051119;
font-size: 13px
}

.prt_carousel .owl-nav .owl-prev span:after {
position: absolute;
left: -120px;
top: 0;
width: 100px;
font-weight: 800;
height: auto;
content: 'PREVIOUS';
color: #051119;
font-size: 13px
}

.prt_carousel .owl-nav .owl-next span,
.prt_carousel .owl-nav .owl-prev span {
color: transparent;
position: relative
}

.prt_carousel .owl-nav {
display: block;
position: absolute;
right: 70px;
top: -10px;
margin-top: 0;
-webkit-transform: translateY(-80%);
-ms-transform: translateY(-80%);
transform: translateY(-80%)
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
background: 0;
color: inherit;
border: 0;
padding: 0;
font: inherit
}

.prt_carousel .port {
padding: 10px 0px;
margin: 0 10px;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
-webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
-moz-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
margin-bottom: 20px;
border-radius: 5px;
}

.prt_carousel .port:hover .port-text {
margin-top: -30px
}

.port:hover .port-text {
letter-spacing: 1px
}

.prt_carousel .port .bg-af-b1:hover,
.prt_carousel .port .bg-af-b2:hover {
transform: translateY(-25px);
-o-transform: translateY(-25px);
-ms-transform: translateY(-25px);
-moz-transform: translateY(-25px);
-webkit-transform: translateY(-25px);
transition: all 5s;
-o-transition: all 5s;
-ms-transition: all 5s;
-moz-transition: all 5s;
-webkit-transition: all 5s
}

.prt_carousel .port .bg-af-b1,
.prt_carousel .port .bg-af-b2 {
transition: all .5s linear;
-o-transition: all .5s linear;
-ms-transition: all .5s linear;
-moz-transition: all .5s linear;
-webkit-transition: all .5s linear;
height: 100%;
border-radius: 5px;
}

.prt_carousel .port:hover {
padding-bottom: 15px
}

.prt_carousel .port:hover .port-text {
margin-top: -70px;
position: relative
}

.port:hover .port-text a,
.port:hover .portTextDis {
color: #fff
}

.partner_section {
padding: 0 0 55px
}

.partner_section ul {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
list-style: none
}

.partner_section ul li {
width: calc(100% / 6 - 40px);
margin: 0 20px
}

.partner_section ul li a {
display: block
}

.partner_section ul li a img {
width: 100%
}

.ourAchivement {
padding-bottom: 0
}

.awardf2 {
max-width: 45%;
display: block;
height: auto;
width: 100%;
margin: 0 auto
}

.ourAchivement ul {
margin: 40px 0 0;
padding: 0
}

.hover_effectsx {
display: block
}

.ourAchivement ul {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
-moz-justify-content: center;
-webkit-justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
margin: 0 auto
}

.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0)
}

.ourAchivement ul li {
margin: 0;
border: 1px solid rgba(183, 183, 183, .5);
-webkit-box-shadow: inset 0 0 85px #fff;
box-shadow: inset 0 0 85px #fff;
min-height: 150px;
height: 150px;
background: #fff;
padding: 20px;
position: relative;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
-moz-justify-content: center;
-webkit-justify-content: center
}

.hover_top {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 20px;
min-height: 400px;
-webkit-transition: all 2s linear;
-o-transition: all 2s linear;
transition: all 2s linear;
display: none;
background-position: 0 0;
background-size: cover;
background-repeat: no-repeat;
z-index: 0;
box-shadow: 5px 5px 5px #0f263e;
-o-box-shadow: 5px 5px 5px #0f263e;
-ms-box-shadow: 5px 5px 5px #0f263e;
-moz-box-shadow: 5px 5px 5px #0f263e;
-webkit-box-shadow: 5px 5px 5px #0f263e
}

.inner_testimonial .owl-carousel .owl-item img,
.partnerships .owl-carousel .owl-item img {
display: block;
width: 100%;
height: auto
}

.owl-carousel .owl-item img {
display: block;
width: 100%
}

.top_display {
position: fixed;
width: 100%;
z-index: 9999;
left: 0;
display: none;
top: 0;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center
}

.d {
position: absolute;
top: 50%;
left: 54%;
width: 50%;
background: #051119;
min-height: 320px;
height: auto;
display: none;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 9999999
}

.d_relative {
position: relative;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -ms-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
box-shadow: 0 0 0 10px rgba(0, 0, 0, .5);
-o-box-shadow: 0 0 0 10px rgba(0, 0, 0, .5);
-ms-box-shadow: 0 0 0 10px rgba(0, 0, 0, .5);
-moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .5);
border: 1px solid #929292
}

.closeeees {
color: #fff;
position: absolute;
top: 7px;
display: block;
right: 13px;
font-size: 20px;
font-weight: 600;
cursor: pointer;
z-index: 5
}

.img_widthd {
width: 35%;
padding: 35px 0;
min-height: calc(400px - 70px);
height: 100%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
background: #fff
}

.awardf {
max-width: 80%;
margin: 0 auto
}

.centtt p {
color: #d4d4d4;
font-size: 15px;
margin: 0 0 10px
}

.centtt {
position: relative;
width: 65%;
padding: 25px;
min-height: calc(350px - 50px);
height: 100%;
text-align: left
}

.centtt h2 {
color: #fff;
font-weight: 700;
font-size: 20px;
margin: 0 0 10px
}

.ourAchivement {
padding: 60px 0;
background: #f7f5f0
}

.ourAchivement h2.seactionHead {
font-size: 50px;
font-weight: 600;
line-height: 45px;
margin: 0 0 55px;
text-align: center;
color: #176db5;
font-family: Roboto, sans-serif;
padding: 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9484d0), to(#316586));
background: -o-linear-gradient(top, #9484d0 0, #316586 100%);
background: linear-gradient(to bottom, #9484d0 0, #316586 100%)
}

.testimonial_sec {
    padding: 60px 0;
    text-align: center;
    background: none;
} 
.testimonial_sec .inner_testimonial {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
-webkit-align-items: center
}

.testimonial_sec .inner_testimonial h2 {
font-size: 45px;
font-weight: 600;
line-height: 40px;
margin: 0 0 40px;
text-align: center;
font-family: Roboto, sans-serif;
padding: 0;
color: #1474bb
}

#testimonial_carousel {
list-style: none
}

#testimonial_carousel p {
font-size: 18px
}

.testimonial_sec .inner_testimonial p:first-child {
max-width: 950px;
margin: auto
}

.user-icon {
width: 100px;
border-radius: 50%;
margin: 0;
height: 100px;
overflow: hidden
}

.userName {
text-align: left
}

.usr_ele {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
-moz-justify-content: center;
-webkit-justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
margin: 40px 0 25px
}

.user-icon {
width: 80px;
border-radius: 50%;
margin: 0;
height: 80px;
overflow: hidden;
box-shadow: 0 0 26px 0 #bbb;
-o-box-shadow: 0 0 26px 0 #bbb;
-ms-box-shadow: 0 0 26px 0 #bbb;
-moz-box-shadow: 0 0 26px 0 #bbb;
-webkit-box-shadow: 0 0 26px 0 #bbb;
border: 1px solid #cca46d
}

.userName {
text-align: left;
padding: 0 0 0 20px
}

p.user_name {
font-size: 20px;
color: #162f4c
}

p.user_name>strong {
font-weight: 600;
font-family: Roboto, sans-serif
}

.testimonial_sec .inner_testimonial .owl-dots button.owl-dot.active {
width: 25px;
height: 5px;
background: #597fb6
}

.testimonial_sec .inner_testimonial .owl-dots button.owl-dot {
width: 13px;
height: 5px;
background: #d6d6d6;
margin: 0 3px
}

.partnerships {
padding: 35px 0;
background-color: #072037;
background-image: -o-linear-gradient(135deg, #26333a 0, #33445f 74%);
background-image: linear-gradient(315deg, #26333a 0, #33445f 74%)
}

.col_xs_7 {
width: calc(73% - 20px);
margin: 0 0 0 20px
}

.row_Partner .col_xs_5 {
width: calc(27% - 50px);
padding: 0 25px
}

.row_Partner {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
-webkit-align-items: center
}

.col_xs_7 h3 {
line-height: 50px;
color: #fff;
position: relative;
margin-bottom: 25px;
font-family: Roboto, sans-serif;
font-size: 40px;
font-weight: 300
}

.col_xs_7 p {
font-size: 18px;
color: #e2e2e2;
font-weight: 300
}

.col_xs_7 a.viewmore {
color: #fff;
font-size: 17px;
font-weight: 600;
display: inline-block;
text-transform: uppercase;
margin: 30px 0 0;
padding: 13px 25px;
text-decoration: none;
-webkit-box-shadow: 0 0 20px #283640;
box-shadow: 0 0 20px #283640
}

a.btn.more-port:hover:before {
left: 0;
right: auto;
width: 100%
}

.col_xs_7 a.viewmore:before {
display: block;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 0;
z-index: -1;
content: '';
color: #000;
background: #051119;
-webkit-transition: all .4s cubic-bezier(.42, 0, .58, 1);
-o-transition: all .4s cubic-bezier(.42, 0, .58, 1);
transition: all .4s cubic-bezier(.42, 0, .58, 1)
}

.col_xs-6BG {
margin-right: 0;
background: url(../img/pic4.jpg);
background-size: cover;
background-repeat: no-repeat;
height: 650px;
background-position: center;
width: 45%
}

.row_about_us {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
-webkit-align-items: center
}

.col_xs-6.col_xs-6CNT {
width: calc(55% - 12%);
padding: 0 6%
}

.col_xs-6.col_xs-6CNT h1 {
text-transform: initial;
font-size: 80px;
text-align: center;
font-weight: 200;
font-family: Roboto, sans-serif
}

.about_us_sec {
background: #f5f5f5;
border-top: 0 solid #f9fafc
}

.col_xs-6.col_xs-6CNT h1 {
text-transform: initial;
font-size: 70px;
margin: 0 0 50px;
line-height: 55px;
text-align: center;
font-weight: 200;
font-family: Roboto, sans-serif;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9484d0), to(#316586));
background: -o-linear-gradient(top, #9484d0 0, #316586 100%);
background: linear-gradient(to bottom, #9484d0 0, #316586 100%)
}

.about_more {
text-align: center
}

.col_xs-6.col_xs-6CNT h2.h---C {
letter-spacing: 0;
text-transform: initial;
font-size: 38px;
color: #495062;
text-align: center;
font-style: inherit;
font-weight: 600;
line-height: 48px;
padding: 20px 80px 40px
}

.col_xs-6.col_xs-6CNT p.text_colourful {
text-align: center;
font-size: 16px;
line-height: 1.9
}

span.colourd {
font-weight: 600;
color: #1478be
}

a.about_us_cnt {
font-weight: 600;
color: #fff;
text-transform: uppercase;
font-size: 17px;
display: inline-block;
margin: 50px 0 0;
padding: 13px 60px;
text-decoration: none;
box-shadow: 0 0 20px #adadad;
-o-box-shadow: 0 0 20px #adadad;
-ms-box-shadow: 0 0 20px #adadad;
-moz-box-shadow: 0 0 20px #adadad;
-webkit-box-shadow: 0 0 20px #adadad
}

label.comentcoment textarea#coment {
width: calc(100% - 20px);
padding: 10px;
border: 1px solid #9acff1
}

.testimonial_secc {
padding: 35px 0;
position: relative
}

.testimonial_secc li.item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 80%;
margin: 0 0 0 10%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.img_div {
width: 300px;
padding: 30px;
position: relative
}

.img_div img.img-responsive {
-webkit-box-shadow: -30px -30px 0 -5px #8780c6;
box-shadow: -30px -30px 0 -5px #8780c6
}

.content_ {
width: calc(100% - 300px)
}

.content_ h2 {
font-size: 50px;
font-weight: 600;
line-height: 45px;
margin: -10px 0 20px;
text-align: left;
color: #176db5;
font-family: Roboto, sans-serif;
padding: 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9484d0), to(#316586));
background: -o-linear-gradient(top, #9484d0 0, #316586 100%);
background: linear-gradient(to bottom, #9484d0 0, #316586 100%)
}

.content_ p {
font-size: 22px;
line-height: 30px;
font-weight: 300
}

.content_ p>br {
display: none
}

.userName {
text-align: left;
padding: 0 0 0 25px
}

.testimonial_secc .owl-dots {
width: calc(100% - 34.5%);
margin: 0 0 0 34.5%;
position: absolute;
bottom: 20px
}

.testimonial_secc .owl-dots button.owl-dot {
width: 10px;
height: 5px;
background: #c5c5c5;
margin: 0 3px
}

.testimonial_secc .owl-dots button.owl-dot.active {
width: 20px;
height: 5px;
background: #8780c6
}

#compatible {
background: -webkit-linear-gradient(#052842, #0b3554);
position: relative;
padding: 25px 0
}

footer#footer-r {
padding: 0;
background-color: #090f15;
background-image: -o-linear-gradient(75deg, #070c10 0, #070f15 100%);
background-image: linear-gradient(375deg, #070c10 0, #070f15 100%)
}

.container.top-footerr {
background: #090f15;
margin: 0 auto;
position: relative;
overflow: hidden;
-webkit-box-shadow: 0 4px 30px -10px #000;
box-shadow: 0 4px 30px -10px #000
}

.container.top-footerr ul {
padding: 20px 50px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.container.top-footerr .footer-detailsS li:first-child {
border-left: 0
}

li#citt {
padding-left: 65px
}

.container.top-footerr .footer-detailsS li {
width: calc(33.33% - 30px);
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
border-left: 1px solid #48494a;
padding: 0 15px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.center-footer-col {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}

.container.top-footerr .footer-detailsS li:first-child .details_iconN,
.container.top-footerr .footer-detailsS li:nth-child(2) .details_iconN {
width: 40%
}

.container.top-footerr .footer-detailsS li .details_iconN {
float: left;
padding-right: 15px
}

.details_textT p {
color: #fff
}

.container.top-footerr .footer-detailsS li:first-child .details_iconN,
.container.top-footerr .footer-detailsS li:nth-child(2) .details_iconN {
max-width: 65px;
-webkit-box-flex: 0;
-ms-flex: 0 0 65px;
flex: 0 0 65px
}

.details_textT a {
color: #dcdcdc;
text-decoration: none
}

.details_iconN i.fa {
color: #fff;
font-size: 30px;
text-shadow: 2px 2px #313131
}

.details_textT {
max-width: calc(100% - 65px);
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0 0 0 10px
}

.container.top-footerr .footer-detailsS li .details_iconN {
text-align: right
}

.footer-colmun h3.wg-title {
position: relative;
font-size: 18px;
font-weight: 600;
margin: 0 0 25px;
color: #fff;
text-transform: uppercase;
font-family: Roboto, sans-serif
}

.quick_links {
padding: 60px 0 50px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.quick_links ul li a:after {
content: '';
border-left: 5px solid #ec8a24;
border-top: 5px solid #ff00;
border-bottom: 5px solid transparent;
border-right: 5px solid transparent;
height: 0;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
width: 0;
position: absolute;
top: 50%;
left: 3px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}

.footer-colmun h3.wg-title:after {
position: absolute;
content: '';
left: 0;
top: 35px;
width: 18%;
border-bottom: 2px solid #ec8a24
}

.footer-colmun h3.wg-title {
position: relative;
font-size: 18px;
font-weight: 600;
margin: 0 0 25px;
color: #fff;
text-transform: uppercase;
font-family: Roboto, sans-serif
}

.quick_links li a {
font-size: 14px;
text-decoration: none
}

.quick_links ul {
display: block;
list-style: none;
padding: 0
}

.quick_links ul a {
color: #dcdcdc;
padding: 5px 0 5px 15px;
display: block
}

.middle-col-footerr {
margin-top: 1px;
float: left;
width: 100%
}

.quick_links ul li {
position: relative
}

.middle-col-footerr p {
color: #dedede;
font-size: 14px;
font-weight: 400
}

.read-more-btn a {
color: #ec8a24;
font-size: 15px;
font-weight: 600;
margin: 0 0 0;
display: inline-block
}

.social-icon- {
float: left;
position: absolute;
bottom: -20px;
left: 0;
width: 100%;
height: 56px;
padding-top: 15px
}

.social-icon- ul {
margin: 0 0 0 15px;
padding: 0;
display: inline-block;
float: left
}

.login_eng {
float: right;
margin-top: 0;
display: inline-block
}

.social-icon- a:after,
.social-icon- a:before {
display: none
}

.social-icon- ul li {
padding: 5px;
width: 34px;
height: 34px;
background: rgba(85, 85, 85, .4);
text-align: center;
border-radius: 1px;
display: inline-block;
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
transition: all .5s ease-in;
line-height: 34px;
margin: 0 2px
}

.social-icon- ul li a {
padding: 0;
display: inline-block
}

.social-icon- ul li a i {
font-size: 16px
}

.social-icon-:after {
top: 0;
left: 0;
width: 100%;
height: auto;
content: '';
border-top: 1px solid rgba(255, 255, 255, .24);
position: absolute
}

.col-md-4.col-sm-6.col-xs-12.footer-colmun.sec-midd-col {
border-right: 1px solid rgba(174, 174, 174, .4);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgba(174, 174, 174, .4);
border-left: 1px solid rgba(174, 174, 174, .4);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgba(174, 174, 174, .4);
height: 260px
}

.quick_links .last-col-footer {
margin-bottom: 35px
}

.login_eng a:first-child {
margin-right: 15px
}

.login_eng a {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px 14px;
border: 1px solid #434343;
border-radius: 1px;
font-size: 13px;
color: #fff;
text-decoration: none;
margin-top: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.login_eng a img {
padding: 0 10px 0 0
}

.footer-bottom {
padding: 10px 0 20px;
border-top: 1px solid rgba(255, 255, 255, .2);
background: #070e14
}

.footer-bottom .copyright {
position: relative;
font-size: 14px;
line-height: 25px;
color: #ccc;
margin-bottom: 0
}

.footer-bottom .copyright a {
color: #ec8a24;
font-weight: 600
}

.footer-colmun.custom1.last-col-footer,
.footer-colmun.first-col-footer,
.footer-colmun.second-footer-col {
max-width: calc(23% - 31px);
-webkit-box-flex: 0;
flex: 0 0 23%;
-ms-flex: 0 0 23%;
padding: 0 15px;
border-right: 1px solid rgba(174, 174, 174, .4);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgba(174, 174, 174, .4)
}

.footer-colmun.sec-midd-col {
max-width: calc(31% - 30px);
-webkit-box-flex: 0;
flex: 0 0 31%;
-ms-flex: 0 0 31%;
padding: 0 15px;
position: relative
}

.footer-colmun.custom1.last-col-footer {
border: 0
}

.footer-colmun.first-col-footer {
border-left: 0
}

* {
margin: 0;
padding: 0
}

b,
strong {
font-weight: 600
}

.section3 .row_r {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.section3 .row_r .hubspot-shadow.text-left {
margin: 0 30px 0 0
}

.section3 .row_r a.theme_a {
background: #2e324a;
border-radius: 0;
position: relative;
padding: 12px 24px;
margin: 20px 0 0
}

.section3 .row_r a.theme_a:before {
display: none
}

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

.row_r .rewds {
width: 35%;
float: left;
margin: 0 25px 15px 0;
-webkit-box-shadow: -20px 20px 0 0 #e4e4e4;
box-shadow: -20px 20px 0 0 #e4e4e4
}

.section2 p,
.section3 p {
margin: 0 0 15px
}

.theme_a:before {
display: none
}

.section22 .hubspot-shadoww.text-left {
margin-right: 0;
margin-left: 40px
}

a.theme_a.rquest_quote {
color: #5a79b1;
border: 1px solid #a9c0ea;
display: block;
max-width: 233px;
margin: 4px 0 0
}

.section22 a.theme_a,
.section3 a.theme_a,
.section33 a.theme_a,
section2 a.theme_a {
border-radius: 0;
position: relative;
margin: 20px 0 0;
color: #fff;
font-size: 15px;
text-align: center;
cursor: pointer;
line-height: 15px;
font-weight: 600;
text-transform: uppercase;
padding: 18px 30px;
border: 0;
text-decoration: none;
box-shadow: 0 0 20px #ababab;
-o-box-shadow: 0 0 20px #ababab;
-ms-box-shadow: 0 0 20px #ababab;
-moz-box-shadow: 0 0 20px #ababab;
-webkit-box-shadow: 0 0 20px #ababab
}

.background-of-start-a-project a {
background: 0 0;
border-radius: 0;
position: relative;
padding: 12px 24px;
margin: 0 0 0 50px;
font-size: 16px;
color: #fff;
border: 1px solid #fff;
z-index: 2
}

.section3 .row_r .hubspot-shadow.text-left {
width: 65%
}

.section2 a.theme_a:before {
display: none
}

.section3 .row_r {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

#hr-margin-top li {
display: block
}

ul li {
list-style: none
}

a {
text-decoration: none
}

.award_wining {
padding: 50px 0 50px
}

.sec_4.sec_4d4 h3 {
margin-bottom: 40px
}

#footer-custom ul li,
#start-a-project button,
.clints-image,
.hubspot-crm button,
.hubspot-website-design button,
.top-bottom-margin {
-webkit-transition: all 1.7s ease;
-o-transition: all 1.7s ease;
transition: all 1.7s ease
}

.top-bottom-margin i {
font-size: 35px;
display: block;
text-align: center;
color: #1574bb
}

.top-bottom-margin h3.text-center {
margin: 5px 0 15px
}

.social-media .fa {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}

.social-media .fa:hover {
color: #fff
}

@media screen and (min-width:767px) {
.clints-image:hover {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	transform: scale(1.2)
}
#top-bottom-margin-1:hover h3,
#top-bottom-margin:hover h3 {
	color: #fff
}
#top-bottom-margin-1:hover i,
#top-bottom-margin:hover i {
	color: #fff
}
.row.equal #top-bottom-margin-1:hover p,
.row.equal #top-bottom-margin:hover p {
	color: #fff
}
}

#footer-custom .fa-play {
font-size: 12px;
margin-right: 7px
}

.carousel-indicators li {
background: #ef6a19;
border: 0
}

#start-a-project button:hover {
-webkit-transition: all 1.1s ease;
-o-transition: all 1.1s ease;
transition: all 1.1s ease;
background: #07365e
}

#hubspot-website-design button:hover {
-webkit-transition: all 1.1s ease;
-o-transition: all 1.1s ease;
transition: all 1.1s ease;
background: #07365e
}

.hubspot-crm button:hover {
-webkit-transition: all 1.1s ease;
-o-transition: all 1.1s ease;
transition: all 1.1s ease;
background: #07365e
}

#wordpress-to-hubspot button:hover {
-webkit-transition: all 1.1s ease;
-o-transition: all 1.1s ease;
transition: all 1.1s ease;
background: #07365e
}

.carousel-indicators .active {
background: #07365e;
border: 0
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
background: 0 0
}

.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 600;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
position: relative;
z-index: 1
}

.dropdown-menu {
background: #07365e
}

.dropdown-menu>li>a {
color: #fff
}

#hr-margin-top {
margin-top: 25px
}

#line {
float: left;
width: 100%
}

#left-line {
background: #eb6801;
height: 2px;
width: 25%;
float: left
}

#right-line {
float: left;
width: 75%;
height: 1px;
background: #e1e1e1;
margin-top: 1px
}

.footer-topshape {
padding: 0 105px;
width: auto;
height: auto;
margin-top: 20px
}

.footer-topshape img {
padding-left: 0;
height: auto;
max-width: 100%;
vertical-align: middle
}

#form-bg-cst-heading hr {
width: 100px;
margin: 15px auto
}

#our-hubspot-services hr {
width: 100px;
margin: 15px auto
}

#top-bottom-margin-1 hr {
width: 100px;
margin: 15px auto
}

#top-bottom-margin hr {
width: 100px;
margin: 15px auto
}

#hubspot-website-design hr {
width: 100px;
margin: 15px 0
}

#hubspot-inbound-marketing hr {
margin: 15px 0;
width: 100px
}

#hubspot-inbound-marketing .hubspot-shadow p,
.latest p {
line-height: 1.7;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
color: #3f3f3f;
margin-bottom: 10px;
text-align: justify
}

.hubspot-crm hr {
width: 85px;
margin: 15px
}

#hubspot-migration hr {
margin: 15px auto;
width: 100px
}

#wordpress-to-hubspot hr {
width: 100px;
margin: 15px 175px
}

#benefits-of-choosing-unisoft hr {
margin: 15px auto;
width: 100px
}

#our-happy-clints hr {
margin: 15px auto;
width: 100px
}

.navbar-default {
padding: 20px 0;
border: none;
background: 0 0
}

#spanveer-left {
color: #07365e
}

#spanveer-right {
color: #ef6a19
}

.navbar-toggle {
position: relative;
float: right;
padding: 0 5px;
margin-top: 19px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px
}

.glyphicon-play {
margin-right: 7px;
font-size: 11px
}

.navbar-nav {
float: left;
margin-top: 15px;
margin-right: -30px
}

#header {
background: #07365e;
border-bottom: 3px solid #eb6801
}

.orange-heading h3 {
margin: 0
}

#header .fa-bars {
color: #fff;
font-size: 11px
}

.navbar-brand img {
width: 300px;
height: 100px;
margin-top: -55px
}

#request-a-quote-now form .form-group {
margin-bottom: 10px
}

.navbar-toggle:hover {
background-color: #ef6a19
}

header #logo-section img {
float: left;
display: block;
clear: both;
padding-top: 15px;
height: 100px
}

#hubspot-inbound-marketing button {
padding: 10px 25px 10px 15px;
color: #ff4500;
border-radius: 10px;
border: 1px solid #8b8d8f;
background: #fff;
margin: 20px 0
}

#hubspot-inbound-marketing button:hover {
background: #000
}

.orange-heading {
width: 100%;
margin: 0 auto
}

#FullSizeImg,
#showlatest {
max-height: 520px;
overflow-y: scroll;
padding-bottom: 0;
cursor: pointer
}

.orange-heading input.form-control {
border-radius: 0;
position: relative;
margin: 0;
color: #fff;
width: 100%;
font-size: 17px;
cursor: pointer;
line-height: 13px;
font-weight: 600;
text-transform: uppercase;
padding: 19px 40px;
border: 0;
background: #134081;
text-decoration: none;
box-shadow: 0 0 20px #ababab;
-o-box-shadow: 0 0 20px #ababab;
-ms-box-shadow: 0 0 20px #ababab;
-moz-box-shadow: 0 0 20px #ababab;
-webkit-box-shadow: 0 0 20px #ababab
}

#FullSizeImg::-webkit-scrollbar,
#showlatest::-webkit-scrollbar {
opacity: 0
}

#latestShopify img:hover {
border-color: #33373d
}

#latestShopify img {
cursor: pointer;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
border: 1px solid transparent
}

.port_bg {
position: relative
}

body.still {
overflow-y: hidden
}

.port_bg.set {
position: fixed;
left: 0;
cursor: default;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
background: rgba(0, 0, 0, .92);
z-index: 99;
overflow-y: scroll
}

#allportThum .item {
max-height: 260px;
width: 100%;
overflow: hidden
}

.latestShopify {
max-height: 250px;
overflow: hidden;
padding-bottom: 10px
}

#FullSizeImg img {
width: 100%
}

.port_bg.set img {
max-width: 85%;
display: block;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
margin: 0 auto;
padding: 15px;
-webkit-animation: LightImg .5s linear .3s;
animation: LightImg .5s linear .3s
}

@-webkit-keyframes LightImg {
10% {
	-webkit-transform: translateX(80px);
	-ms-transform: translateX(80px);
	transform: translateX(80px)
}
50% {
	-webkit-transform: translateX(-80px);
	-ms-transform: translateX(-80px);
	transform: translateX(-80px)
}
70% {
	-webkit-transform: translateX(70px);
	-ms-transform: translateX(70px);
	transform: translateX(70px)
}
80% {
	-webkit-transform: translateX(-70px);
	-ms-transform: translateX(-70px);
	transform: translateX(-70px)
}
100% {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}
}

@keyframes LightImg {
10% {
	-webkit-transform: translateX(80px);
	-ms-transform: translateX(80px);
	transform: translateX(80px)
}
50% {
	-webkit-transform: translateX(-80px);
	-ms-transform: translateX(-80px);
	transform: translateX(-80px)
}
70% {
	-webkit-transform: translateX(70px);
	-ms-transform: translateX(70px);
	transform: translateX(70px)
}
80% {
	-webkit-transform: translateX(-70px);
	-ms-transform: translateX(-70px);
	transform: translateX(-70px)
}
100% {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}
}

.port-thums {
display: none
}

.orange-heading h3 a {
background: #ff8911;
padding: 10px;
color: #fff;
display: block;
border-radius: 5px;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear
}

.orange-heading h3 a:hover {
-webkit-box-shadow: inset 0 -12px 20px 0 #b93c02;
box-shadow: inset 0 -12px 20px 0 #b93c02
}

.orange-heading h3 {
text-align: center;
color: #333;
margin: 0 auto;
padding: 0
}

#form-bg-cst-heading {
background-color: #1474bb;
padding: 25px 0
}

.form_sss form {
padding: 20px;
background-color: #fff
}

#request-a-quote-now textarea.form-control {
background: #1474bb;
color: #f9f9f9;
width: calc(100% - 20px) !important;
height: 120px;
margin-bottom: 5px;
padding: 10px;
font-family: 'Open Sans', sans-serif
}

#request-a-quote-now .form-control {
border: 0
}

#request-a-quote-now form .form-group input.form-control {
width: calc(100% - 20px) !important;
background: #1474bb;
padding: 0 10px;
height: 46px;
border-radius: 2px
}

#request-a-quote-now .form-control:focus {
border-left: 5px solid #022c50
}

#request-a-quote-now input::-webkit-input-placeholder, #request-a-quote-now select::-webkit-input-placeholder, #request-a-quote-now textarea::-webkit-input-placeholder {
color: #fff
}

#request-a-quote-now input::-moz-placeholder, #request-a-quote-now select::-moz-placeholder, #request-a-quote-now textarea::-moz-placeholder {
color: #fff
}

#request-a-quote-now input:-ms-input-placeholder, #request-a-quote-now select:-ms-input-placeholder, #request-a-quote-now textarea:-ms-input-placeholder {
color: #fff
}

#request-a-quote-now input::-ms-input-placeholder, #request-a-quote-now select::-ms-input-placeholder, #request-a-quote-now textarea::-ms-input-placeholder {
color: #fff
}

#request-a-quote-now input::placeholder,
#request-a-quote-now select::placeholder,
#request-a-quote-now textarea::placeholder {
color: #fff
}

#request-a-quote-now select {
display: block;
width: calc(100% - 0px);
height: 42px;
padding: 10px;
color: #f9f9f9;
margin: 0;
font-family: 'Open Sans', sans-serif;
background: #1474bb
}

.row.inbound_services {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-o-justify-content: center;
-moz-justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-o-align-items: center;
-moz-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

#form-bg-cst-heading h5 {
font-size: 22px;
line-height: 22px;
color: #fff;
font-weight: 600;
margin: 0 0 10px;
font-family: Roboto, sans-serif
}

.form_sss {
background: #03a2e5
}

p.first_pr {
margin-left: 0;
margin-top: 15px;
font-size: 16px
}

#request-a-quote-now h2 strong {
display: block;
font-weight: 600
}

#form-bg-cst-heading p {
text-align: center;
color: #fff
}

#request-a-quote-now h3 {
font-size: 16px;
font-weight: 600;
color: #fff;
margin: 15px 0 20px;
text-shadow: 0 0 3px #777
}

.left_pos-abs {
position: absolute;
left: -105px;
bottom: 295px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
font-weight: 600;
font-size: 15px;
color: #272727
}

.shopifyexpertsM .left_pos-abs {
bottom: 155px
}

#request-a-quote-now h2 {
margin-bottom: 15px;
margin-top: 0;
font-size: 40px;
font-weight: 600;
line-height: 50px;
font-family: Roboto, sans-serif
}

#h3,
#request-a-quote-now span {
color: #f60
}

.awarding_cnt {
padding: 0
}

.request-a-quote {
max-width: calc(58% - 110px);
padding: 0 30px 0 80px;
-webkit-box-flex: 0;
-ms-flex: 0 0 58%;
flex: 0 0 58%
}

.RightForm {
max-width: calc(42% - 110px);
padding: 0 30px 0 80px;
-webkit-box-flex: 0;
-ms-flex: 0 0 42%;
flex: 0 0 42%
}

.request-a-quote p {
margin-left: 0;
line-height: 1.7;
margin-bottom: 15px;
color: #fff;
font-size: 17px;
letter-spacing: .5px;
font-family: Roboto, sans-serif
}

.check-contentt2 h5 {
font-size: 18px;
font-weight: 500;
font-family: Roboto, sans-serif
}

.check-contentt2 h5 strong {
font-weight: 700;
font-size: 16px;
background: #fff;
color: #1969b1;
padding: 12px 20px;
border-radius: 5px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 2px 2px 15px #113756;
box-shadow: 2px 2px 15px #113756;
margin-top: 10px
}

.check-content,
.check-contentt2 {
position: relative
}

#form-bg-cst-heading p {
margin: 0;
line-height: 20px
}

.check-contentt2 h5 p {
margin: 10px 0 10px;
font-family: Roboto, sans-serif
}

#request-a-quote-now img {
display: inline-block;
margin: 0 10px 0 0;
max-width: 30px
}

.check-contentt2 .phone___icon {
max-width: 12px!important
}

#request-a-quote-now h4 {
display: inline-block;
font-size: 17px;
margin: 0 0 8px 25px;
font-weight: 500;
font-family: Roboto, sans-serif
}

#request-a-quote-now {
background: url(../images/WNS-TRAC_HD-1.jpg) no-repeat center/cover fixed;
color: #fff;
margin-top: 0;
position: relative;
padding: 150px 0 60px;
z-index: 0
}

#request-a-quote-now:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
opacity: .9;
background: -o-radial-gradient(#127ed4, #001c33);
background: radial-gradient(#127ed4, #001c33)
}

.navbar-default .navbar-nav>li>a {
color: #fff
}

.navbar-default .navbar-nav>li>a:hover {
color: #ef6a19;
color: #ef6a19
}

#our-hubspot-services span img {
margin: 0 auto;
height: 6px;
margin-bottom: 10px
}

#our-hubspot-services {
padding: 60px 0 50px;
background: url(../img/perfect-team-bg.png);
background-size: cover
}

.cms_bsd {
padding: 60px 0 50px
}

#top-bottom-margin-1 h3 {
font-size: 20px;
font-weight: 600
}

#our-hubspot-services .row {
margin: 40px 0 0
}

#top-bottom-margin h3 {
font-size: 20px;
line-height: 20px
}

#top-bottom-margin h3,
#top-bottom-margin-1 h3 {
font-size: 22px;
font-weight: 600;
margin: 0;
color: #235c8e;
font-family: Roboto, sans-serif;
padding: 15px 0 20px
}

#hubspot-website-design h1:after {
position: absolute;
left: 0;
bottom: -10px;
width: 80px;
height: 3px;
background: #ea8e2c;
content: ''
}

#top-bottom-margin-1 {
min-height: 240px
}

.col_sm_4.services_tab {
width: calc(33.33% - 60px - 20px);
margin: 10px;
-webkit-box-shadow: 5px 5px 20px -7px #7f7f7f;
box-shadow: 5px 5px 20px -7px #7f7f7f;
padding: 30px;
background: #fff
}

.col_sm_4.services_tab:hover {
-webkit-box-shadow: 0 18px 87px -16px rgba(0, 0, 0, .75);
box-shadow: 0 18px 87px -16px rgba(0, 0, 0, .75);
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}

.span-img {
padding: 5px 0 10px
}

.row.equal {
display: -moz-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-o-justify-content: center;
-moz-justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}

.background-of-start-a-project {
padding: 80px 20px;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-o-justify-content: center;
-moz-justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-o-align-items: center;
-moz-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

#start-a-project {
background-image: url(../images/t-2.png);
color: #fff;
position: relative;
text-align: center;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat
}

#start-a-project:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .45)
}

#start-a-project h2 {
display: inline-block;
font-size: 45px;
font-family: Roboto, sans-serif;
font-weight: 600;
margin: 0;
position: relative;
z-index: 1
}

#start-a-project button {
display: inline-block;
padding: 20px 15px;
background: 0;
border: 2px solid #f74f23;
margin-left: 15px;
color: #fff;
font-weight: bolder
}

#hubspot-website-design span img {
width: 150px;
margin-left: 14%;
height: 6px;
margin-bottom: 10px
}

#hubspot-website-design {
padding-top: 60px;
padding-bottom: 60px;
margin-top: 0
}

.row.rowWF,
.row.roww_FL,
.row_FLEX {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap
}

.port-arrow a .glyphicon {
background: #131111;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 26px;
height: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 2rem
}

.rowWFclm_6:first-child {
padding-right: 20px
}

.rowWFclm_6:last-child {
padding-left: 20px
}

.row.rowWF .owl-nav {
display: block;
position: absolute;
bottom: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
left: 0
}

#theCarousel {
height: 300px;
overflow: hidden;
position: relative
}

.rowWFclm_6 {
max-width: calc(50% - 30px);
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%
}

.row.roww_FL .col_XS_4 {
max-width: calc(33.33% - 20px);
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%
}

.row.roww_FL .col_XS_4 a {
display: block
}

.row.roww_FL .col_XS_4 img {
width: 100%
}

#hubspot-website-design button .fa {
color: #ff7b58;
padding-left: 10px
}

#hubspot-website-design button {
border: 1px solid #c0c5cb;
height: 40px;
font-size: 20px;
border-radius: 6px;
color: #fff;
font-weight: bolder;
width: 36px;
background: #1e2431
}

.row.rowWF .owl-nav button.owl-prev {
position: absolute;
left: -8px
}

.row.rowWF .owl-nav button.owl-next {
position: absolute;
right: -9px
}

#hubspot-website-design p {
color: #fff;
margin: 15px 0
}

#hubspot-website-design h1 {
color: #fff;
margin-top: 0;
font-size: 36px;
font-family: Roboto, sans-serif;
font-weight: 600;
position: relative
}

#hubspot-website-design h3 {
color: #fff;
margin-top: 0;
font-size: 32px;
font-family: Roboto, sans-serif;
font-weight: 500;
position: relative;
line-height: 35px
}

.portfolioli .col-xs-4 {
padding: 0 7px
}

.portfolioli .col-xs-4:first-child {
padding-left: 0
}

.portfolioli .col-xs-4:last-child {
padding-right: 0
}

#hubspot-website-design h1 {
color: #fff;
font-size: 35px;
margin: 0 0 20px;
line-height: 30px
}

#wordpress-to-hubspot span img {
width: 150px;
margin-left: 29%;
height: 6px;
margin-bottom: 10px
}

#wordpress-to-hubspot {
padding-top: 20px;
padding-bottom: 20px;
background: #f0f0f0
}

#wordpress-to-hubspot h1 {
font-size: 29px;
font-weight: 600
}

#wordpress-to-hubspot h2 {
font-size: 16px;
font-weight: 600
}

#wordpress-to-hubspot .fa {
padding-left: 10px
}

#wordpress-to-hubspot button {
background: 0;
border: 1px solid #68696a;
height: 36px;
font-weight: bolder;
margin-top: 20px;
border-radius: 10px;
padding: 5px 25px 5px 10px;
color: #ff7b58
}

#hubspot-inbound-marketing .col-sm-6.hidden-sm.hidden-xs {
padding: 0
}

#hubspot-inbound-marketing {
padding-top: 0;
padding-bottom: 0
}

#hubspot-inbound-marketing .hubspot-shadow {
-webkit-box-shadow: 0;
box-shadow: 0;
padding: 0 25px
}

#image-margin-top img {
width: 100%
}

.section1.shopping_ {
padding: 50px 0;
background: #f4f4f4
}

.section1.shopping_ h1 {
font-size: 28px;
font-weight: 600;
padding-top: 0;
color: #224b6c;
line-height: 1.3;
margin: 0 0 15px;
font-family: Roboto, sans-serif
}

#image-margin-top-2 img {
width: 100%;
margin-top: 0
}

#hubspot-inbound-marketing span img {
margin: 0 auto;
height: 6px;
margin-bottom: 10px;
margin-bottom: 15px
}

.check-content a {
width: 35px;
position: absolute;
left: -10px
}

.container-width {
width: calc(100% - 160px);
margin: 0 auto
}

.second_para,
p.text-center.sed {
font-size: 18px;
margin: 0;
line-height: 1.5;
color: #fff
}

.row_rrr {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
z-index: 1
}

#hubspot-inbound-marketing .row_rrr {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.section2.row_rrr .hubspot-shadoww,
.section3.row_rrr .hubspot-shadoww {
width: calc(50% - 100px);
margin: 30px 50px
}

.section2 .rewdss,
.section3 .rewdss {
width: 50%
}

#span-img-bcu-image a {
display: block;
text-align: center
}

.second_para {
color: #5d5d5d
}

.cms_bsd_BG h2.text-center {
color: #fff;
background: unset;
background: unset;
-webkit-background-clip: unset;
-webkit-text-fill-color: unset
}

.award_wining h3 {
padding: 0 160px
}

#benefits-of-choosing-unisoft h2,
#hubspot-inbound-marketing h1,
#hubspot-inbound-marketing h2,
.award_wining h3 {
font-size: 45px;
font-weight: 600;
line-height: 55px;
margin: 0 0 20px;
color: #1474bb;
font-family: Roboto, sans-serif
}

#our-hubspot-services h2 {
font-size: 45px;
font-weight: 600;
line-height: 55px;
margin: 0 0 20px;
color: #fff;
font-family: Roboto, sans-serif
}

.award_wining.realestate h2 {
font-size: 40px;
font-weight: 600;
line-height: 50px;
margin: 0 0 25px;
color: #176db5;
font-family: Roboto, sans-serif;
text-align: center;
letter-spacing: -.5px
}

.cms_bsd h2 {
font-size: 45px;
letter-spacing: 0;
font-weight: 600;
line-height: 50px;
margin: 0 0 50px;
color: #176db5;
font-family: Roboto, sans-serif
}

.section22 p,
.section33 p {
font-size: 18px;
margin: 0 0 20px;
text-align: justify;
line-height: 30px
}

.section22 .rewdss,
.section33 .rewdss {
width: 45%
}

.rewdss img {
width: 100%
}

#hubspot-inbound-marketing #image-margin-top {
margin-top: 0
}

.section1 .theme_a {
margin: 0
}

.port-arrow a {
color: #000;
opacity: 1;
width: 5%
}

.port-arrow a .glyphicon {
background: #131111;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 26px;
height: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 2rem
}

.port-arrow a .glyphicon-chevron-right {
margin: 0 -14px 0 0
}

.port_bg.set:before {
content: "\e014";
position: absolute;
right: 40px;
top: 40px;
font-family: 'Glyphicons Halflings';
color: #fff;
cursor: pointer;
font-size: 3rem
}

.port-arrow a .glyphicon-chevron-left {
margin: 0 0 0 -14px
}

.latest h2 {
margin: 0 0 20px;
font-size: 22px;
font-weight: 500
}

.hubspot-shadow {
-webkit-box-shadow: 0;
box-shadow: 0;
padding-bottom: 60px;
height: auto;
margin-top: 0;
margin-bottom: 0
}

.hubspot-shadow p {
margin: 0
}

.theme_a:hover:before {
width: calc(100% - 10%)
}

.theme_a:hover {
text-decoration: none;
color: #fff
}

.theme_a:before {
content: '';
position: absolute;
bottom: 0;
left: 10px;
height: 1.8px;
width: 65%;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear
}

.theme_a {
font-weight: 600;
border: 0;
height: auto;
margin-left: 5px;
color: #fff;
margin-top: 10px;
padding: 10px 20px;
display: inline-block;
position: relative
}

.hubspot-crm #image-margin-top img {
margin-top: 20px
}

.hubspot-crm span img {
width: 100px;
margin-left: 11%;
height: 6px;
margin-bottom: 10px
}

.hubspot-crm h1 {
font-size: 29px;
font-weight: 600;
margin-left: 15px;
padding-top: 35px
}

#hubspot-migration #image-margin-top img {
margin-top: 20px
}

#hubspot-migration span img {
width: 150px;
margin: 0 auto;
height: 6px;
margin-bottom: 15px
}

#hubspot-migration {
padding: 20px 0 15px
}

#hubspot-migration h1 {
font-size: 29px;
font-weight: 600;
text-align: center;
padding-top: 35px
}

#hubspot-migration p {
text-align: center
}

#hubspot-migration .hubspot-shadow {
-webkit-box-shadow: 0 1px 15px -3px;
box-shadow: 0 1px 15px -3px;
padding: 0 15px 60px;
height: 475px
}

#what-people-say h2 {
font-size: 30px;
font-weight: 600;
font-family: Roboto, sans-serif;
margin: 0
}

.expertise ul li img {
width: 22px;
position: absolute;
left: 0;
top: 8px
}

hr {
display: none
}

.expertise {
margin: 0 0 0;
text-align: justify;
padding: 10px 100px 0
}

.rect_1:after,
.rect_2:after,
.rect_3:after {
position: absolute;
left: -5px;
width: 9px;
height: 9px;
content: '';
background: #fefefe;
top: 11px;
border: 1px solid #101010;
z-index: 1;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}

.expertise h4 {
font-size: 26px;
color: #176eb5;
font-weight: 600;
margin: 0 0 15px;
font-family: Roboto, sans-serif
}

.reactS:after {
position: absolute;
left: 0;
top: 10px;
width: 1px;
height: 96%;
content: '';
border-left: 1px solid #101010
}

.expertise ul {
width: calc(100% - 50px);
margin: 0 auto;
position: relative
}

.expertise ul li {
padding: 0 0 15px 30px;
position: relative
}

#span-img img {
margin: 0 auto
}

#what-people-say p {
width: 70%;
margin: 20px auto 70px
}

#what-people-say {
padding: 40px 0 10px;
color: #fff;
text-align: center;
margin-bottom: 0;
background: #0f2027;
background: -webkit-gradient(linear, left top, right top, from(#1b2e37), color-stop(#203f49), to(#202a2f));
background: -o-linear-gradient(left, #1b2e37, #203f49, #202a2f);
background: linear-gradient(to right, #1b2e37, #203f49, #202a2f)
}

#benefits-of-choosing-unisoft {
padding: 50px 0 40px
}

#benefits-of-choosing-unisoft span img {
margin: 0 auto;
height: 6px;
margin-bottom: 10px
}

.span-img-bcu-image {
width: 50px;
margin-right: 10px
}

.flotting-benefits-of-choosing-unisoft {
max-width: calc(100% - 60px);
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}

#benefits-of-choosing-unisoft p {
overflow: hidden
}

.flotting-benefits-of-choosing-unisoft p {
text-align: left
}

.flotting-benefits-of-choosing-unisoft h4 {
font-size: 21px;
color: #186cb3;
font-weight: 600;
font-family: Roboto, sans-serif;
margin: 0 0 15px
}

#our-happy-clints span img {
margin: 0 auto;
height: 6px;
margin-bottom: 10px
}

#slider-img {
margin-top: 50px;
margin-bottom: 0
}

#span-img-man img {
margin: 40px auto;
height: 100%
}

#our-happy-clints p {
margin-bottom: 60px;
text-align: center;
margin-bottom: 45px;
text-align: center
}

#our-happy-clints h2 {
font-size: 29px;
font-weight: 600;
font-family: Roboto, sans-serif;
margin: 0 0 15px;
text-align: center;
color: #224b6c
}

section#our-happy-clints {
padding: 50px 0 35px
}

#footer-custom {
background: #0771b6;
color: #e3ebf1;
border-top: 3px solid #ef6a19
}

#footer-custom #hr-margin-top li a {
color: #fff;
padding-left: 10px;
display: block
}

#footer-custom a:hover {
text-decoration: none
}

#footer-custom ul li {
background: #064e7b;
height: 35px;
line-height: 35px;
margin-bottom: 8px
}

#footer-custom ul li:hover {
background: #ef6a19;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}

#footer-custom h4 {
padding-bottom: 5px;
padding-top: 5px;
font-weight: 600;
font-size: 17px
}

#footer-custom .social-media {
margin-left: -10px
}

#footer-custom .social-media ul li {
background: #ddd;
width: 30px;
height: 30px;
line-height: 30px
}

#footer-custom .social-media ul li a i {
color: #666;
padding-left: 3px;
font-size: 15px
}

#sub-footer {
background: #222;
color: #575757;
padding-bottom: 10px;
padding-top: 10px;
color: #fff
}

#wordpress-to-hubspot img {
width: 100%;
margin-bottom: 10px
}

#about-us h2 {
margin-top: 46px;
margin-bottom: 46px;
font-size: 50px;
font-weight: 700
}

#about-us h3 {
font-weight: 600;
font-size: 22px;
margin-bottom: 20px;
text-align: center
}

#about-us p {
color: #7e7e7e;
margin-bottom: 50px;
text-align: center
}

.awesome-works ul li {
background: #eee;
padding: 6px 10px;
display: inline-block
}

.awesome-works #image-custom {
margin-top: 30px
}

#our-portfolio h2 {
color: #838383;
font-size: 30px;
margin-top: 20px;
font-weight: 600
}

.awesome-works h3 {
color: #323232;
font-size: 32px;
margin-bottom: 55px;
font-weight: 600
}

.awesome-works ul li a {
color: #333
}

.awesome-works ul li a:hover {
color: #fff;
text-decoration: none
}

.awesome-works ul li:hover {
background: #ef6a19
}

#image-custom img {
display: block;
width: 100%;
height: 320px
}

#image-custom .col-sm {
padding-right: 0;
padding-left: 0
}

.button-heading-and-custom {
background: #106fb3
}

.button-heading-and-custom h2 {
color: #fff;
padding-top: 40px;
padding-bottom: 40px;
display: inline-block;
font-size: 35px
}

.button-heading-and-custom button {
padding: 7px 15px;
display: inline-block;
color: #fff;
background: 0;
border: 2px solid #ddd
}

#background-of-clint-say h2 {
font-size: 30px;
font-weight: bolder;
margin-top: 42px;
margin-bottom: 42px
}

.img-circle {
border-radius: 50%
}

#background-of-clint-say p {
font-size: 18px;
color: #b8b8b8;
margin-top: 25px
}

#background-of-clint-say h4 {
font-size: 22px;
margin-top: 35px;
margin-bottom: 35px
}

.fb-builder h2 {
font-size: 35px;
font-weight: bolder;
padding: 35px 0
}

.fb-builder h3 {
font-size: 35px;
font-weight: 600;
color: #fff
}

.fb-builder p {
color: #feffff;
font-size: 17px
}

.webdesign-graphics h3 {
color: #222;
font-size: 33px;
font-weight: 600
}

#read-more {
background: #222;
padding: 8px 15px;
color: #fff;
border: 0
}

.Website-Development h4 {
color: #fff
}

.fb-builder {
background: #0074c9
}

.fb-builder h2 {
font-size: 35px;
font-weight: bolder;
padding: 35px 0
}

.fb-builder p {
color: #feffff;
font-size: 17px
}

#youtube {
background: #323232;
color: #fff;
padding-bottom: 15px;
padding-top: 15px
}

#youtube h4 {
font-weight: 600;
margin-top: 30px
}

.logoheader {
width: 1164px;
height: 103px;
margin-left: 15px;
margin-top: 15px
}

.ui-adv-custom li {
float: left;
list-style: none
}

#OUR-PARTNERS img {
width: 100%;
height: 100%
}

.logoheader li:nth-child(1) {
padding-top: 8px
}

#cshero-header.header-fixed-page {
position: absolute;
width: 100%;
z-index: 999;
-webkit-transition: all .27s cubic-bezier(0, 0, .58, 1) 0;
-o-transition: all .27s cubic-bezier(0, 0, .58, 1) 0;
transition: all .27s cubic-bezier(0, 0, .58, 1) 0;
top: 0;
border-bottom: 1px solid
}

#cshero-header.header-fixed-page.header-fixed.sticky-border {
-webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, .15);
-ms-box-shadow: 0 1px 15px rgba(0, 0, 0, .15);
-o-box-shadow: 0 1px 15px rgba(0, 0, 0, .15);
box-shadow: 0 1px 15px rgba(0, 0, 0, .15);
background-color: #fff
}

#cshero-header.header-fixed-page.header-fixed.sticky-border ul li a {
color: #000
}

#cshero-header.header-fixed-page.header-fixed.sticky-border .menu-main-menu ul.sub-menu {
background: #fbfbfb
}

.topbar-wrap {
background: #000b11;
font-size: 12px;
color: #fff;
letter-spacing: 1px;
padding: 0 30px
}

.widget ol,
.widget ul {
list-style-type: none;
padding: 0;
margin: 0
}

.topbar-wrap .topbar ul li {
display: block;
float: left;
line-height: 43px;
padding: 0 13px;
margin: 0;
-webkit-transition: all .27s cubic-bezier(0, 0, .58, 1) 0;
-o-transition: all .27s cubic-bezier(0, 0, .58, 1) 0;
transition: all .27s cubic-bezier(0, 0, .58, 1) 0;
padding: 0 10px
}

.topbar-wrap .topbar ul li a {
color: #fff;
font-weight: 600;
padding: 0;
text-align: center;
font-size: 12px
}

.container-m-30 {
padding-right: 30px;
padding-left: 30px;
margin-right: auto;
margin-left: auto;
position: relative;
width: 100%
}

#cshero-header-logo a {
line-height: inherit;
display: inline-block;
-webkit-transition: all .27s cubic-bezier(0, 0, .58, 1) 0;
-o-transition: all .27s cubic-bezier(0, 0, .58, 1) 0;
transition: all .27s cubic-bezier(0, 0, .58, 1) 0
}

#cshero-header-logo a img {
max-height: 100px;
margin-bottom: -20px
}

#cshero-header-logo {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}

#cshero-header-navigation #site-navigation {
display: block
}

.main-navigation .menu-main-menu {
margin: 0;
padding: 0
}

#cshero-header-navigation .main-navigation {
float: right
}

.mr-7 {
margin-right: 7px
}

.mr-5 {
margin-right: 5px
}

.main-navigation .menu-main-menu li {
position: relative;
margin: 0;
padding: 0;
text-align: left;
float: left;
list-style: none
}

#cshero-header-navigation .main-navigation .menu-main-menu>li>a {
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 93px;
-webkit-transition: all .27s cubic-bezier(0, 0, .58, 1) 0;
-o-transition: all .27s cubic-bezier(0, 0, .58, 1) 0;
transition: all .27s cubic-bezier(0, 0, .58, 1) 0;
outline: 0;
display: inline-block;
text-decoration: none;
white-space: nowrap;
color: #fff;
padding: 6px 12px
}

#cshero-header-navigation .main-navigation .menu-main-menu>li.current-menu-item>a,
#cshero-header-navigation .main-navigation .menu-main-menu>li>a:focus,
#cshero-header-navigation .main-navigation .menu-main-menu>li>a:hover {
color: #72c5ff
}

.main-navigation .menu-main-menu ul {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
background: #4b4e53;
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
-ms-box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
-o-box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
left: 0;
padding: 10px 10px 10px 24px;
margin: 0;
pointer-events: none;
position: absolute;
-webkit-transition: all .4s ease 0;
-o-transition: all .4s ease 0;
transition: all .4s ease 0;
visibility: hidden;
-webkit-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
min-width: 250px
}

#cshero-header.header-fixed #cshero-header-logo a img {
max-height: 90px;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear
}

.main-navigation .menu-main-menu li:focus>ul,
.main-navigation .menu-main-menu li:hover>ul {
border-left: 0;
clip: inherit;
pointer-events: inherit;
visibility: visible;
-webkit-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
position: absolute;
-webkit-transition: all .4s ease 0;
-o-transition: all .4s ease 0;
transition: all .4s ease 0;
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
left: 0;
padding: 10px 10px 10px 24px;
margin: 0;
background: rgba(1, 67, 97, .93);
min-width: 250px
}

.main-navigation .menu-main-menu li li {
margin: 0;
padding: 0;
text-align: left;
float: left;
list-style: none;
position: relative;
font-size: 12px;
text-transform: uppercase;
width: 100%
}

.main-navigation .menu-main-menu li li a {
color: #d3d3d3;
display: block;
min-width: 160px;
padding: 9px 9px 9px 0;
line-height: 24px;
white-space: nowrap;
text-decoration: none;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear
}

.main-navigation .menu-main-menu li li .cs-menu-toggle {
position: absolute;
top: 50%;
right: 10px;
display: block;
font-size: 15px;
line-height: 1;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #d3d3d3
}

.main-navigation .menu-main-menu li ul ul {
top: 0;
left: 100%
}

.main-navigation .menu-main-menu li li a:focus,
.main-navigation .menu-main-menu li li a:hover {
color: #fff;
padding-left: 7px;
-webkit-transition: all .2s ease 0;
-o-transition: all .2s ease 0;
transition: all .2s ease 0
}

#slider-img {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-o-justify-content: space-between;
-ms-justify-content: space-between;
-moz-justify-content: space-between;
-webkit-justify-content: space-between;
flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap
}

#hubspot-website-design .col-md {
margin-right: 0;
margin-left: 0
}

.homepage_boxes {
padding: 60px 0;
background: #f2f5f9;
background: -webkit-gradient(linear, left top, right top, from(#f2f5f9), to(#f3f3e8));
background: -o-linear-gradient(left, #f2f5f9, #f3f3e8);
background: linear-gradient(to right, #f2f5f9, #f3f3e8)
}

.wrappers {
max-width: calc(100% - 160px);
margin: 0 auto;
max-width: 1300px
}

.homepage_boxes_text {
text-align: center;
padding: 0 5% 30px
}

.homepage_boxes_text h2 {
font-size: 50px;
font-weight: 600;
line-height: 60px;
margin: 0 0 20px;
text-align: center;
font-family: Roboto, sans-serif;
padding: 0;
color: #1474bb
}

.homepage_boxes_text p {
font-size: 20px;
font-weight: 600;
line-height: 30px;
color: #333
}

.table_row.first {
border-top: none;
margin-top: 0;
padding-top: 0
}

.table_row {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-o-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap
}

.homepage_boxes aside.first {
border-left: none
}

.homepage_boxes aside {
width: 25%;
padding: 10px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
border-left: 1px solid #cfd0d3
}

.homepage_boxes .table_row {
border-top: 1px solid #cfd0d3;
margin-top: 0;
padding-top: 0
}

@media only screen and (min-width:1950px) {
.block_contianer,
.blog.seactionPadding.ourblog .container-fluid,
.container,
.container-full,
.container-width,
.container_fl,
.container_full,
.containerw,
.mega_list,
.seo_process,
nav.navi_io {
	width: 1920px;
	margin: 0 auto
}
.choose_file:after {
	width: 125px
}
.audit_web {
	background-size: 108% 95%
}
.mega_list {
	left: 50%;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%)
}
}

.services .row .clm_4 p br {
display: none
}

@media only screen and (max-width:1900px) {
.col_xs-6.col_xs-6CNT h2.h---C {
	padding: 20px 40px 40px
}
}

@media only screen and (max-width:1800px) {
.pr_cnt p {
	font-size: 15px
}
.row___list .clm_4 img {
	max-width: 70px
}
.row.equal.equal2 p>br {
	display: none
}
}

@media only screen and (max-width:1750px) {
.col_xs-6.col_xs-6CNT h2.h---C {
	padding: 20px 20px 40px
}
.col_xs-6.col_xs-6CNT p.text_colourful>br {
	display: none
}
.cl_row.right_ab_cnt {
	width: calc(50% - 7%);
	padding: 80px 2% 80px 5%
}
}

@media only screen and (max-width:1650px) {
.col_xs-6.col_xs-6CNT h2.h---C {
	padding: 20px 0 40px
}
.cnt_center {
	width: 100%
}
.services .row {
	width: 100%
}
.seo-experts .col_md_4:after {
	width: 225%
}
.banner_io .ab_banner h1 {
	font-size: 50px;
	line-height: 60px
}
.row_choose .clm_7 ul {
	max-width: 100%
}
.col_xs_7 h3 {
	line-height: 50px;
	font-size: 36px
}
.row_art ul {
	max-width: calc(50% - 30px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}
.vir_A {
	max-width: 50%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}
.row_choose .clm_7 {
	max-width: calc(55% - 50px);
	margin: 0 50px 0 0
}
.mega_list ul li h3 a {
	font-size: 18px;
	padding: 0 40px 0 0;
	height: 60px;
	display: block
}
.row_hire .clm__7 {
	max-width: calc(55% - 20px)
}
.tab_block_main .tab_content,
.tab_block_main .tab_options {
	width: calc(100% - 15%)
}
.startWrap {
	padding: 0 0 0 100px
}
.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-7.col-sm-12 {
	max-width: calc(49% - 10%);
	padding-right: 50px
}
.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-5.col-sm-12 {
	max-width: calc(51% - 50px);
	padding-right: 50px
}
.research-categories-title {
	font-size: 24px
}
.audit_web .search-container form {
	width: calc(100% - 200px)
}
.awarding_cnt {
	padding: 0 0 25px
}
.expertise {
	padding: 10px 0 0
}
#request-a-quote-now {
	padding: 150px 0 50px
}
#request-a-quote-now h2 {
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 15px
}
.request-a-quote {
	max-width: calc(55% - 30px);
	padding: 0 30px 0 0
}
.RightForm {
	max-width: calc(41% - 30px);
	padding: 0 0 0 30px
}
.award_wining h3 {
	padding: 0
}
.section-head h2.h2 {
	line-height: 42px;
	font-size: 35px
}
.cl_row.right_ab_cnt {
	width: calc(50% - 5%);
	padding: 60px 2.5%
}
}

@media only screen and (max-width:1600px) {
.flotting-benefits-of-choosing-unisoft h4 {
	font-size: 20px
}
}

.section2 .hubspot-shadoww.text-left {
margin-left: 60px;
margin-right: 0
}

@media only screen and (max-width:1450px) {
.container {
	max-width: 1200px
}
.award_wining.realestate h2 br {
	display: none
}
.content_Process {
	width: 100%
}
.high_performance .row:after {
	font-size: 100px
}
.CNT_PROCES ul {
	width: 80%
}
.mob_services .row_box {
	width: 100%
}
.services-s .clm_5 h2 {
	font-size: 40px;
	line-height: 40px;
	margin: 10px 0 25px
}
.cnt_row h3 {
	line-height: 30px;
	margin: 0 0 20px;
	font-size: 30px
}
.award_wining.realestate h2 {
	font-size: 40px;
	line-height: 50px;
	margin: 0 0 15px
}
.top-bottom-margin h3 {
	font-size: 18px;
	line-height: 22px
}
.cms_bsd .equal2 h3 {
	font-size: 18px
}
.hubspot-inbound-marketing2 h1 {
	font-size: 42px;
	line-height: 55px;
	margin: 0 0 20px
}
.hubspot-inbound-marketing2 h2 {
	font-size: 35px;
	line-height: 40px;
	margin: 0 0 15px
}
.to-dolist-section h2 {
	font-size: 45px;
	line-height: 50px;
	margin-bottom: 30px
}
.section2 .hubspot-shadoww.text-left,
.section3 .hubspot-shadoww.text-left {
	width: calc(50% - 60px);
	margin: 10px 30px
}
.features_choose_us h3,
.inner-Seo h3,
.popOUTbox h2,
.pricing-section h1,
.seo_partner h2,
.services h2 {
	font-size: 40px;
	line-height: 45px
}
.seo-experts .col_md_4 h3 strong {
	font-size: 30px
}
.seo-experts .col_md_4 h3,
.seo-experts .col_md_8 h2 {
	font-size: 26px;
	line-height: 36px
}
.seo_partner .roww-s {
	width: 100%
}
.about_virtual {
	padding: 60px 0 0
}
.row_va .clm_5 img.max-width {
	margin: 0 0 -5px;
	width: 100%
}
.d_l {
	max-width: 350px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 350px;
	flex: 0 0 350px
}
a.get_a_quote.get_Quote {
	font-size: 14px;
	padding: 11px 15px
}
.cont_article {
	max-width: calc(100% - 350px - 60px - 2px)
}
.line_dots_2 {
	left: -122px
}
.line_dots_l {
	right: -123px
}
.mid_line {
	height: 440px
}
#benefits-of-choosing-unisoft h2,
#hubspot-inbound-marketing h1,
#hubspot-inbound-marketing h2,
#our-hubspot-services h2,
.award_wining h3 {
	font-size: 45px;
	line-height: 50px
}
.textWhite-Appear {
	background: unset;
	background: unset;
	-webkit-background-clip: unset;
	-webkit-text-fill-color: unset
}
#hubspot-inbound-marketing br {
	display: none
}
.hiresec .container {
	max-width: calc(100% - 160px)
}
.row___list .clm_4 {
	padding: 17px 30px
}
.inner_maP_cnt.howcanwe_helpyou.home {
	padding: 30px
}
.cntaine {
	width: calc(100% - 60px);
	padding: 0 30px
}
.helpBox li h4 {
	font-size: 20px;
	line-height: 20px
}
.starting_code {
	margin-left: 0
}
.heading_section h2 {
	font-size: 40px;
	line-height: 40px
}
ul.Weaward {
	width: calc(100% - 20%)
}
.content_row .clm_5 {
	max-width: calc(50% - 15px)
}
.content_row .clm_7 {
	max-width: calc(50% - 15px)
}
.content_row .clm_7 .clm_66 h1 span {
	font-size: 25px
}
.content_row .clm_7 .clm_66 p {
	margin: 0 0 15px
}
.content_row .clm_7 .clm_66 h1 {
	font-size: 34px;
	line-height: 40px;
	margin: 0 0 20px
}
.content_row .clm_7 .clm_66 {
	padding: 0
}
.ab_banner {
	padding: 180px 0 110px
}
.banner_io .ab_banner h1 {
	font-size: 50px;
	line-height: 65px
}
.banner_io .ab_banner p {
	font-size: 18px;
	margin: 20px 0 0
}
.tab_block_main .tab_content,
.tab_block_main .tab_options {
	width: calc(100% - 0px)
}
.tab_block_main .tab_options>li a {
	padding: 12px 38px
}
.vc_custom_heading a {
	font-size: 15px
}
.tab_block_main .tab_options>li a {
	padding: 10px 15px;
	font-size: 18px
}
.navigation_io ul li a {
	padding: 8px 15px
}
.mega_menu .mega_list::-webkit-scrollbar {
	width: 4px
}
.mega_menu .mega_list::-webkit-scrollbar-track {
	background: #898989
}
.mega_menu .mega_list::-webkit-scrollbar-thumb {
	background: #2b2b2b
}
.mega_menu .mega_list::-webkit-scrollbar-thumb:hover {
	background: #555
}
.mega_list {
	overflow-y: scroll;
	max-height: 400px
}
.wrappers {
	max-width: calc(100% - 160px)
}
.homepage_boxes aside img {
	max-width: 100%
}
.research-categories-title {
	font-size: 20px
}
.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-7.col-sm-12 {
	max-width: calc(49% - 0px);
	padding-right: 0
}
.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-5.col-sm-12 {
	max-width: calc(51% - 60px);
	padding-right: 30px
}
.startWrap {
	padding: 0
}
.row-ww {
	width: 100%
}
.audit_web .search-container form {
	width: calc(100% - 100px)
}
#form-bg-cst-heading {
	padding: 20px
}
#request-a-quote-now {
	padding: 150px 0 30px
}
#our-hubspot-services .row {
	margin: 30px 0 0
}
.footer-colmun.custom1.last-col-footer,
.footer-colmun.first-col-footer,
.footer-colmun.second-footer-col {
	max-width: calc(22% - 31px);
	-webkit-box-flex: 0;
	flex: 0 0 22%;
	-ms-flex: 0 0 22%
}
.login_eng a {
	padding: 5px;
	font-size: 12px
}
.footer-colmun.sec-midd-col {
	max-width: calc(34% - 30px);
	-webkit-box-flex: 0;
	flex: 0 0 34%;
	-ms-flex: 0 0 34%
}
.login_eng a img {
	padding: 0 2px 0 0
}
.social-icon- ul li {
	width: 22px;
	height: 22px;
	line-height: 22px
}
.footer-colmun h3.wg-title {
	font-size: 14px
}
.row-ww ul li {
	margin: 0 5px;
	width: calc(100% / 8 - 12px)
}
.row-ww ul li a span {
	font-weight: 600;
	font-size: 14px
}
.hd_contentt p {
	font-size: 15px
}
.ourAchivement ul {
	width: 100%
}
}

@media only screen and (max-width:1400px) {
.row_L .clm_5 {
	max-width: calc(39.65% - 40px)
}
.mid_line {
	height: 605px
}
.inner-Seo h6 br {
	display: none
}
}

@media only screen and (max-width:1350px) {
.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-5.col-sm-12 {
	max-width: calc(45% - 60px)
}
.advancedTech p br {
	display: none
}
.awarding_cnt {
	padding: 0 0 25px
}
.prt_carousel .port .bg-af-b1,
.prt_carousel .port .bg-af-b2 {
	height: 100%
}
.section-head h2.h2 {
	line-height: 42px;
	font-size: 35px
}
.section-head h2.h2 br {
	display: none
}
.inn_sR .row .clm__2 {
	max-width: calc(100% / 4 - 10px - 0 - 2px)
}
.test-better .row .clm_4 {
	width: calc(50% - 40px - 10px) !important;
	margin: 10px 0;
	padding: 30px 20px
}
.seo-experts .col_md_4:after {
	width: 200%;
	-webkit-transform: unset;
	-ms-transform: unset;
	transform: unset;
	left: 0;
	height: 100%;
	top: 0
}
.seo-experts .col_md_4:before {
	display: none
}
.seo-experts .col_md_4 {
	max-width: calc(35% - 0px);
	padding: 60px 0
}
.FAQuestions .container,
.ab_banner.ab_banner .container,
.sec_4 .container,
.seo-experts .container,
.seo_2 .container,
.seo_partner .container,
.services .container,
.tactics_benefit .container {
	max-width: calc(100% - 160px)
}
.seo-experts .col_md_8 {
	max-width: calc(65% - 50px);
	padding: 60px 50px 60px 0
}
.popOUTbox ul li p {
	font-size: 18px;
	line-height: 30px
}
.popOUTbox {
	padding: 100px 50px 50px
}
.about_virtual .container {
	max-width: calc(100% - 160px)
}
.row_va .clm_5 img.max-width {
	margin: 0 0 -70px
}
.row_art ul {
	max-width: calc(60% - 30px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 60%;
	flex: 0 0 60%
}
.about_virtual {
	padding: 60px 0 30px
}
.vir_A {
	max-width: 40%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 40%;
	flex: 0 0 40%
}
.all_services .container {
	max-width: calc(100% - 160px)
}
.skillset .row_flex .clm_4 p strong {
	font-size: 36px
}
.line_dots_2 {
	left: -108px
}
.row_L .clm_5 {
	max-width: calc(40.85% - 40px)
}
.skillset .row_flex .clm_4 {
	max-width: calc(33.33% - 20px - 50px);
	padding: 25px
}
.skillset .row_flex .clm_4 p strong {
	font-size: 50px
}
.skillset .row_flex .clm_4 p strong span {
	font-size: 30px
}
.skillset .row_flex .clm_4 p {
	font-size: 18px
}
.mid_line {
	top: 0;
	height: 440px
}
.line_dots_l {
	right: -108px
}
.how_it_work .container {
	max-width: calc(100% - 160px)
}
.form_RQ::-webkit-scrollbar {
	width: 4px
}
.form_RQ::-webkit-scrollbar-track {
	background: #dcdcdc
}
.form_RQ::-webkit-scrollbar-thumb {
	background: #304b80
}
.hiresec .container {
	max-width: calc(100% - 100px)
}
.banner_io .ab_banner p br {
	display: none
}
.section22 .container,
.section33 .container {
	max-width: calc(100% - 100px);
	margin: 0 auto
}
.mega_list ul li h3 a {
	font-size: 18px;
	padding: 0;
	height: 60px
}
ul.Weaward {
	width: calc(100% - 10%)
}
.mega_list ul li ul {
	height: auto
}
.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-7.col-sm-12 {
	max-width: calc(55% - 0px);
	padding-right: 0
}
#request-a-quote-now {
	padding: 150px 0 30px
}
#request-a-quote-now h2 {
	font-size: 40px;
	line-height: 50px
}
.request_heading h2 span {
	color: #fff;
	font-weight: 600
}
.request-a-quote {
	max-width: calc(58% - 30px);
	padding: 0 30px 0 0
}
.RightForm {
	max-width: calc(42% - 30px) !important;
	padding: 0 0 0 30px
}
.expertise {
	margin: 30px 0 0;
	padding: 10px 0 0
}
.row_rrr .hubspot-shadoww {
	width: calc(70% - 30px);
	margin-right: 30px
}
.section2 p,
.section3 p {
	font-size: 16px;
	line-height: 25px
}
#benefits-of-choosing-unisoft h2,
#hubspot-inbound-marketing h1,
#hubspot-inbound-marketing h2,
#our-hubspot-services h2,
.award_wining h3,
.heading_shopify h2,
.sho-css_R h2 {
	font-size: 40px;
	line-height: 50px
}
.col_sm_4.benifites {
	width: calc(33.33% - 20px);
	margin: 10px
}
.col_20R-image-description .col_20R-image-title {
	font-size: 35px;
	line-height: 40px
}
.col_xs-6.col_xs-6CNT h2.h---C {
	font-size: 30px;
	line-height: 36px;
	padding: 20px 0 25px
}
.row_website .gdlr-core-text-box-item-content {
	width: calc(52% - 40px);
	margin: 0
}
.audit_web .search-container {
	width: 48%
}
.banner_cnt h1 {
	font-size: 70px
}
.container {
	max-width: 1100px
}
.row-ww {
	width: 100%
}
.wrapper_io.wrapper_io1 p>br {
	display: none
}
.col_xs_7 p>br {
	display: none
}
.col_xs_7 h3 {
	line-height: 40px;
	margin-bottom: 20px;
	font-size: 30px
}
.row_Partner .col_xs_5 {
	width: calc(30% - 20px);
	padding: 0 20px 0 0
}
.col_xs_7 {
	width: calc(70% - 20px)
}
.row_clm {
	flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-o-justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center
}
.hd_contentt {
	width: 100%;
	padding-left: 0;
	text-align: center
}
.div_main img {
	margin-bottom: 15px
}
.cnt_container {
	padding: 15px 10px
}
.service_box2 {
	padding: 0 10px 20px
}
.service_box2::-webkit-scrollbar {
	width: 4px;
	height: 1vh
}
}

@media only screen and (max-width:1320px) {
.row_L .clm_5 {
	max-width: calc(43% - 40px)
}
.clm_5.clm_5_L li:last-child,
.clm_5.clm_5_R li:first-child {
	max-width: calc(82% - 1px - 20px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 82%;
	flex: 0 0 82%
}
.clm_5.clm_5_L li:first-child,
.clm_5.clm_5_R li:last-child {
	max-width: calc(18% - 10px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 18%;
	flex: 0 0 18%
}
.line_dots_2 {
	left: -83px;
	width: 70px
}
.mid_line {
	height: 400px
}
.line_dots_l {
	right: -84px;
	width: 70px
}
}

.top_right_pos {
display: none
}

@media only screen and (max-width:1300px) {
.mid_line {
	display: none
}
}

@-webkit-keyframes motionn {
from {
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg)
}
to {
	-webkit-transform: rotate(10deg);
	transform: rotate(10deg)
}
}

@keyframes motionn {
from {
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg)
}
to {
	-webkit-transform: rotate(10deg);
	transform: rotate(10deg)
}
}

@media only screen and (max-width:1250px) {
.footer-colmun.first-col-footer {
	max-width: calc(50% - 30px - 2px);
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	padding: 0 15px 15px
}
.topbarbox.top_header_phone .container {
	max-width: calc(100% - 160px)
}
.banner_io .ab_banner p {
	font-size: 16px
}
.navigation-r3._menu-open .hamburger-nav {
	z-index: 9999
}
#request-a-quote-now {
	padding: 90px 0 30px
}
p.call_icon.mob_call span.fa.fa-phone.faa-ring.animated {
	-webkit-animation: motionn .5s infinite;
	animation: motionn .5s infinite
}
.global-header.is-transparent {
	top: 40px
}
.global-header.is-transparent {
	top: 0
}
.top_right_pos p:nth-child(2) a {
	padding: 37px 0;
	background: #176fb6
}
.footer-colmun.custom1.last-col-footer,
.footer-colmun.first-col-footer,
.footer-colmun.sec-midd-col,
.footer-colmun.second-footer-col {
	height: 280px
}
.col_sm_4.benifites {
	width: calc(50% - 20px);
	margin: 15px 10px;
	height: auto
}
.container.top-footerr ul {
	padding: 20px 0
}
.footer-colmun h3.wg-title {
	font-size: 16px
}
.footer-colmun.sec-midd-col {
	max-width: calc(50% - 30px - 2px);
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	padding: 0 15px
}
.footer-colmun.second-footer-col {
	border-left: 0
}
.footer-colmun.custom1.last-col-footer,
.footer-colmun.second-footer-col {
	max-width: calc(50% - 30px - 1px);
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	padding: 15px;
	margin: 0;
	border-top: 1px solid rgba(174, 174, 174, .4)
}
.quick_links {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 0
}
}

@media only screen and (max-width:1204px) {
.mid-section {
	width: 24%
}
.left-section,
.right-section {
	width: 38%
}
}

@media only screen and (max-width:1199px) {
#benefits-of-choosing-unisoft h2,
#hubspot-inbound-marketing h1,
#our-hubspot-services h2,
.award_wining h3 {
	font-size: 32px;
	margin: 0 0 15px
}
.advancedTech h2 {
	font-size: 36px;
	line-height: 42px;
	margin-bottom: 20px
}
.row_rrr .hubspot-shadoww {
	width: calc(65% - 30px)
}
.piller_intro_content_container.piller_1 {
	max-width: calc(50% - 0px);
	margin: 0
}
.manage_everything.sell_everywhere .piller_intro_image_container {
	margin: 0 50px 0 0;
	max-width: calc(50% - 50px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}
.col_20R-image-description .col_20R-image-text {
	font-size: 13px
}
.box_clm {
	padding: 10px;
	margin: 5px 0
}
.content_row {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.content_row .clm_5 {
	max-width: calc(100% - 0px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}
.content_row .clm_7 {
	max-width: calc(100% - 0px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}
.clm_4rrr h2,
.start_p h2 {
	font-size: 36px;
	line-height: 36px
}
.clm_4rrr h2,
.start_p h2 {
	font-size: 36px;
	line-height: 36px
}
.row_box .boxS {
	max-width: calc(25% - 10px);
	margin: 0 5px
}
.high_performance h2,
.process h2 {
	font-size: 36px;
	line-height: 36px
}
.high_performance h2 {
	margin-bottom: 20px
}
.row_box a {
	padding: 10px;
	width: calc(100% - 20px)
}
.CNT_PROCES ul {
	width: 100%
}
.box_Process {
	margin: 50px 0
}
.heading___sec br {
	display: none
}
.services-s .row .clm_5 h3 {
	font-size: 80px;
	width: 100%;
	text-align: center;
	left: 0;
	top: 10px;
	margin: 0
}
.services-s .clm_5 h2 {
	font-size: 36px;
	line-height: 36px
}
.inn_sR .row .clm__2 {
	max-width: calc(100% / 6 - 10px - 0 - 2px)
}
.sRvices {
	padding: 30px 80px 50px
}
.services-s .row .clm_7 {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.services-s .clm_5 p {
	text-align: center
}
.services-s .clm_5 h2 {
	margin: 0 0 25px;
	text-align: center
}
.services-s .row .clm_5 {
	max-width: calc(100% - 160px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding: 60px 80px 30px
}
.services-s .row {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.award_wining.realestate h2 {
	font-size: 35px;
	line-height: 40px;
	text-align: left
}
.col_sm_4.services_tab {
	width: calc(50% - 60px - 20px) !important;
}
.solution_cake {
	padding: 50px 0
}
.solution_cake h2 {
	font-size: 36px;
	line-height: 36px;
	margin: 15px 0 20px
}
.test-better {
	padding: 50px 0 40px
}
.test-better h2 {
	font-size: 36px;
	line-height: 36px;
	margin: 0 0 30px
}
.cms_bsd h2 {
	font-size: 36px;
	line-height: 36px;
	margin: 0 0 30px
}
.hiresec h2 {
	font-size: 36px;
	line-height: 36px
}
.hiresec h3 {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 10px
}
.hubspot-inbound-marketing2 .rewdss {
	width: 100%;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	-o-order: 2;
	-ms-order: 2;
	-webkit-order: 2;
	-moz-order: 2
}
.hubspot-inbound-marketing2 .hubspot-shadoww {
	max-width: calc(100% - 60px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.hubspot-inbound-marketing2 .rewdss {
	width: 100%
}
.roww-s .col_sm_s p {
	font-size: 18px
}
.features_choose_us h3 {
	font-size: 32px;
	line-height: 32px
}
.seo_partner .roww-s {
	width: 100%;
	margin: 30px auto 0
}
.roww-s .col_sm_s h1 {
	font-size: 36px;
	line-height: 36px
}
.roww-s .col_sm_s h3 {
	font-size: 36px;
	line-height: 36px
}
.seo_2 .col_md_7 {
	margin: 30px 0 0
}
.seo_2 .col_Md_5 iframe {
	height: 320px
}
.features_choose_us h3,
.inner-Seo h3,
.popOUTbox h2,
.pricing-section h1,
.seo_partner h2,
.services h2 {
	font-size: 36px;
	line-height: 36px
}
.services .row .clm_4 {
	max-width: calc(50% - 60px - 30px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}
.seo_2 .row {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.seo_2 .col_Md_5,
.seo_2 .col_md_7 {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding-right: 0
}
.seo-services .ab_banner.ab_banner {
	padding: 140px 0 120px
}
.seo-services .ab_banner.ab_banner h1 {
	font-size: 36px;
	line-height: 45px
}
.partnerships .container {
	max-width: calc(100% - 160px)
}
.accordion-container .article-title {
	font-size: 18px
}
.FAQuestions p {
	font-size: 16px;
	line-height: 26px
}
.mid_cnt {
	max-width: calc(100% - 250px - 40px - 20px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding: 30px 20px;
	-webkit-box-shadow: 0 40px 20px #d4d4d4;
	box-shadow: 0 40px 20px #d4d4d4;
	background: #fff
}
.FAQuestions .lst_clm {
	max-width: 250px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 250px;
	flex: 0 0 250px;
	margin: 0 20px 0 0
}
.row_va .clm_5,
.row_va .clm_7 {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding: 0
}
.row_va .clm_5 {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}
.row_va {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.row_va .clm_7 h2 {
	font-size: 36px;
	line-height: 36px;
	margin: 0 0 30px
}
.va_cnt .hd_p {
	font-size: 18px;
	margin: 0 0 10px;
	line-height: 18px
}
.d_l {
	max-width: 320px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 320px;
	flex: 0 0 320px
}
.cont_article {
	max-width: calc(100% - 320px - 60px - 2px)
}
.all_services .container {
	max-width: calc(100% - 30px)
}
.clm_5.clm_5_R.clm_5_R_1,
.row_L .clm_5 {
	margin: 10px 0;
	width: calc(100% - 40px)
}
.how_it_work {
	padding: 30px 0
}
.row_L.row_L_last .clm_5 {
	margin-bottom: 10px
}
.heading-section h2 {
	margin: 0 0 20px
}
.line_dots_2,
.line_dots_l {
	display: none
}
.row_L .clm_5 {
	max-width: calc(100% - 0px)
}
.heading-section h2 {
	font-size: 36px;
	line-height: 36px
}
.cunslatant h2 {
	font-size: 36px;
	line-height: 36px;
	margin: 0 0 35px
}
.row_choose .clm_7 h2 {
	font-size: 36px;
	line-height: 36px
}
.row_choose {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.row_choose .clm_5 {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	-o-order: 2;
	-ms-order: 2;
	-webkit-order: 2;
	-moz-order: 2
}
.row_choose .clm_5,
.row_choose .clm_7 {
	max-width: calc(100% - 60px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	margin: 0 30px;
	padding: 0
}
.skillset h2 {
	font-size: 36px;
	line-height: 36px
}
.section2 .hubspot-shadoww.text-left,
.section3 .hubspot-shadoww.text-left {
	width: calc(50% - 60px);
	margin: 30px
}
.section33 .hubspot-shadoww.text-left {
	width: calc(100% - 0px);
	margin: 0 0 25px
}
.section22,
.section33 {
	padding: 30px 0
}
.section22 .hubspot-shadoww.text-left {
	width: calc(100% - 0px);
	margin: 0 0 25px
}
.section22 h2,
.section33 h2 {
	font-size: 36px;
	line-height: 36px
}
.section22 .rewdss,
.section33 .rewdss {
	width: 100%;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}
.form_hire .full_width textarea {
	height: 60px
}
.form_hire .sbm-btn input {
	padding: 15px;
	width: 200px
}
.row___list .clm_4 {
	padding: 15px;
	max-width: calc(33.33% - 30px - 2px)
}
.row___list .clm_4 img {
	max-width: 50px
}
.ratingAbout .col-md-12 {
	width: calc(100% - 10%)
}
ul.Weaward {
	width: calc(100% - 0px)
}
.clm_4.bg_c h3 {
	font-size: 25px;
	line-height: 25px
}
.row_flex .clm_4 {
	background-position: -60px 0
}
.row_form .form_group input,
.row_form select {
	width: calc(100% - 30px);
	padding: 5px 15px;
	margin: 0;
	height: 40px
}
.helpBox {
	margin: 30px 0 0
}
.helpBox li {
	padding-left: 40px;
	margin-bottom: 25px
}
.helpBox li h4 {
	font-size: 18px;
	line-height: 18px
}
.effect_img.wpb_column {
	margin: 0
}
#theCarousel {
	height: 220px;
	overflow: hidden
}
.rowWFclm_6:first-child {
	padding-right: 10px
}
.rowWFclm_6 {
	max-width: calc(50% - 10px)
}
.rowWFclm_6:last-child {
	padding-left: 10px
}
.row-ww ul li a span {
	font-size: 13px
}
.mega_list ul li {
	max-width: calc(50% - 20px - 2px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}
.mega_list ul li h3 {
	margin: 0 0 10px
}
.mega_list ul li h3 a {
	height: auto
}
.mega_list ul li:nth-child(2) {
	border-right: 0
}
.homepage_boxes_text {
	padding: 0 0 55px
}
.homepage_boxes_text h2 {
	font-size: 36px;
	margin: 0 0 20px;
	line-height: 45px
}
.audit_web .search-container form {
	width: calc(100% - 30px)
}
#request-a-quote-now h2 {
	font-size: 30px;
	line-height: 35px
}
#benefits-of-choosing-unisoft h2,
#hubspot-inbound-marketing h1,
#hubspot-inbound-marketing h2,
#our-hubspot-services h2,
.award_wining h3 {
	font-size: 36px;
	line-height: 40px
}
.section2 a.theme_a,
.section3 a.theme_a {
	padding: 16px 30px
}
#start-a-project h1 {
	font-size: 32px
}
#slider-img {
	margin-top: 30px;
	margin-bottom: 0
}
.wrapper_io {
	padding: 50px 0
}
.banner_cnt h1 {
	font-size: 60px
}
.logo_io a span {
	font-size: 36px
}
.logo_io a {
	font-size: 36px
}
.homeSection {
	padding: 180px 0 110px
}
.navigation_io ul li a {
	padding: 6px 10px
}
.section-head h2.h2 {
	line-height: 36px;
	font-size: 30px
}
.col_xs-6.col_xs-6CNT {
	width: calc(55% - 6%);
	padding: 0 3%
}
.heading_section h2,
.techWeUse.text-center.seactionPadding h2.seactionHead {
	font-size: 36px;
	line-height: 40px;
	margin: 0 0 25px
}
.blog.seactionPadding.ourblog h2.seactionHead.text-center,
.ourAchivement h2.seactionHead,
.portfolio2.seactionPadding.text-center h2.seactionHead,
.testimonial_sec .inner_testimonial h2 {
	font-size: 36px;
	margin-bottom: 35px;
	padding: 0
}
.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-5.col-sm-12 {
	max-width: calc(42% - 60px);
	padding-right: 30px
}
.title-sm.text-uppercase {
	font-size: 36px;
	line-height: 40px
}
.cl_row.right_ab_cnt {
	padding: 50px 2.5%
}
.startWrap {
	padding: 0
}
.section-head h2.h2:before {
	width: 150px
}
.col_xs-6.col_xs-6CNT h1 {
	font-size: 45px;
	margin: 0 0 15px;
	line-height: 45px
}
.col_xs-6.col_xs-6CNT h2.h---C {
	font-size: 26px;
	line-height: 30px;
	padding: 20px 0
}
.col_xs-6BG {
	height: 520px
}
.wrapper_io .row {
	margin: 35px 0 0
}
.research-categories-title {
	font: 600 20px/1.12 Roboto, sans-serif
}
.seactionPadding {
	padding: 50px 0
}
.col_xs_7 h3 {
	line-height: 38px;
	margin-bottom: 15px;
	font-size: 28px
}
.hdng_line {
	padding: 20px 40px
}
.popular-news-block-wrapper {
	width: calc(100% - 40px);
	padding: 40px 20px
}
.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-7.col-sm-12 {
	max-width: calc(58% - 0px);
	padding-right: 0
}
.blog-post-body {
	width: 50%;
	height: 280px;
	padding: 40px 30px 20px
}
.testimonial_sec {
	padding: 50px 0
}
.blog-post-image {
	width: 45%
}
.blog-post-body {
	width: 60%
}
.blog.seactionPadding.ourblog .row:last-child .col-md-4 {
	-ms-flex: 0 0 40%;
	-webkit-box-flex: 0;
	flex: 0 0 40%;
	max-width: 40%
}
.blog.seactionPadding.ourblog .row:last-child .col-md-8 {
	-ms-flex: 0 0 60%;
	-webkit-box-flex: 0;
	flex: 0 0 60%;
	max-width: 60%
}
.port h2.portTextDis {
	font-size: 16px
}
}

.navigation_io ul li a i.fas.fa-chevron-down {
padding: 0 0 0 5px
}

@media only screen and (max-width:1100px) {
span.font_weight_now {
	font-size: 28px
}
#request-a-quote-now h2 strong {
	display: inline-block
}
.cms_bsd_BG p.cl br {
	display: none
}
#hubspot-website-design h2,
.srajeev h2 {
	font-size: 25px;
	margin: 0 0 20px;
	letter-spacing: 0
}
.heading_shopify h2,
.sho-css_R h2 {
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 20px
}
button.hm_icon.activev span {
	background: 0 0
}
.header.sticky .logo_io a,
.header.sticky .navigation_io ul li a {
	color: #fff
}
.navigation_io ul li ul ul li {
	margin: 0
}
.navigation_io ul li ul ul a {
	text-transform: inherit;
	letter-spacing: .5px;
	font-size: 13px;
	padding: 10px 0
}
.navigation_io ul ul li h3 {
	margin: 6px 0
}
li.submenu i.fas.fa-chevron-down {
	padding: 0;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear
}
.navigation_io ul li a i.fas.fa-chevron-down {
	position: absolute;
	right: 0;
	top: 15px
}
.navigation_io ul ul li h3:after {
	width: auto;
	height: auto;
	border-right: 5px solid transparent;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #f3c37c;
	content: '';
	position: absolute;
	left: -13px;
	top: 5px
}
.navigation_io ul li ul ul {
	display: none
}
.navigation_io ul ul li h3 {
	position: relative
}
.navigation_io ul ul li a {
	font-size: 13px
}
.megga_menu.display {
	display: block;
	-webkit-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear
}
.megga_menu li {
	margin: 0 0 0 15px
}
.megga_menu ul {
	margin: 0
}
header.header.mega_menu .mega_list {
	display: none
}
.request-a-quote {
	max-width: calc(100% - 0px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding: 0;
	-moz-order: 2;
	-ms-order: 2;
	-o-order: 2;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}
.RightForm {
	max-width: calc(100% - 0px) !important;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding: 0;
	margin-bottom: 30px;
	-moz-order: 1;
	-ms-order: 1;
	-o-order: 1;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}
ul.worktypelst {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
ul.worktypelst li {
	width: calc(100% / 3 - 22px - 10px);
	padding: 10px;
	margin: 5px
}
.row_website .gdlr-core-text-box-item-content h3 {
	font-size: 24px;
	line-height: 30px
}
.audit_web .search-container form {
	width: calc(100% - 0px)
}
.homeSection {
	padding: 170px 0 110px
}
.banner_io.showw button.hm_icon.activev span:after,
.banner_io.showw button.hm_icon.activev span:before {
	background: #fff
}
button.hm_icon.activev span:before {
	-webkit-transform: rotateZ(45deg) scaleX(1.4) translate(4px, 4px);
	-ms-transform: rotate(45deg) scaleX(1.4) translate(4px, 4px);
	transform: rotateZ(45deg) scaleX(1.4) translate(4px, 4px);
	top: -5px
}
button.hm_icon.activev span:after {
	-webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(4px, -4px);
	-ms-transform: rotate(-45deg) scaleX(1.4) translate(4px, -4px);
	transform: rotateZ(-45deg) scaleX(1.4) translate(4px, -4px)
}
button.hm_icon.activev span {
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	background: 0 0
}
.banner_io2 .navigation_io {
	margin: 0;
	position: fixed;
	left: -285px;
	top: 0;
	width: 280px;
	height: 100vh;
	background: #101627;
	-webkit-box-shadow: 0 0 10px #0b101f;
	box-shadow: 0 0 10px #0b101f;
	overflow-y: scroll;
	-webkit-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear
}
.showw .navigation_io {
	left: 0
}
.showw .navigation_io ul {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 90px 0 0
}
.showw .navigation_io ul li .get_a_quote {
	margin: 0 20px;
	width: 230px;
	border: 1px solid #fff;
	text-align: center;
	padding: 12px 0
}
.navigation_io ul li:last-child {
	border: 0;
	margin: 30px 0 0
}
.navigation_io ul li {
	display: block;
	width: 100%;
	margin: 0 20px;
	position: relative;
	border-bottom: 1px solid #4f535d
}
.navigation_io ul li a {
	width: 100%;
	padding: 10px 0;
	font-size: 14px;
	letter-spacing: .5px;
	font-weight: 300
}
.navigation_io ul li h3 a {
	display: block;
	font-weight: 400
}
.navigation_io ul {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 90px 0 0
}
}

@media only screen and (max-width:1050px) {
.av-secondary.bridge::before {
	top: calc(-145px + (75px / 2))
}
.Solution_skilled_ele .row-ww .col_sm_4 {
	max-width: calc(50% - 24px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}
.pricing-introsection .container {
	max-width: calc(100% - 70px);
	margin: 0 auto
}
.container {
	max-width: 740px
}
.top_header_phone ul:after {
	display: none
}
.banner_io .ab_banner h1 {
	font-size: 40px;
	line-height: 50px
}
.ab_banner.ab_banner {
	padding: 180px 0 50px
}
.btSingleLatestPost {
	max-width: calc(100% - 0px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	-moz-flex: 0 0 100%;
	margin: 10px 0
}
.top_header_phone ul {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative
}
.top_header_phoneF.top_header_phone li {
	width: calc(50% - 40px);
	text-align: left
}
.footer-colmun.custom1.last-col-footer,
.footer-colmun.first-col-footer,
.footer-colmun.sec-midd-col,
.footer-colmun.second-footer-col {
	height: 310px
}
.top_header_phoneF.top_header_phone li {
	padding: 5px 20px
}
.top_header_phone ul:after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	border-left: 1px solid #4b5054
}
#request-a-quote-now .row_rrr {
	margin: 20px 0 0
}
.top_header_phoneF.top_header_phone li {
	border: 0
}
.startWrap {
	padding: 0 15px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-o-justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between
}
.startWrap .networking.row {
	width: calc(50% - 0px);
	margin: 0;
	padding: 0
}
ul.worktypelst li {
	width: calc(100% / 5 - 22px - 10px);
	margin: 15px 5px
}
.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-5.col-sm-12,
.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-7.col-sm-12 {
	max-width: calc(100% - 0px);
	padding-right: 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.research-categories-title {
	font: 600 24px/1.12 Roboto, sans-serif
}
.service_box2 {
	padding: 0 20px 20px
}
.row_clm {
	flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap
}
.hd_contentt {
	text-align: left
}
.contactForm form {
	background-color: #fff;
	padding: 30px;
	margin: 40px 0 0;
	-webkit-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .54);
	box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .54)
}
.wrapper_io .row {
	flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	display: block
}
.service_box {
	width: calc(100% / 1 - 0px);
	margin: 0 0 30px
}
.service_box2 {
	height: 500px
}
.contactForm.seactionPadding.seactionPaddinggggg {
	padding: 50px 0
}
.row-ww ul li {
	margin: 10px 5px;
	width: calc(100% / 4 - 12px)
}
.row-ww ul li a {
	padding: 10px 30px
}
p>br {
	display: none
}
.hdng_line {
	padding: 20px
}
.col_xs_7 h3 {
	line-height: 35px;
	margin-bottom: 15px;
	font-size: 25px
}
.col_xs_7 p {
	line-height: 25px;
	font-size: 16px
}
.container.top-footerr ul li {
	padding: 0 10px
}
.container.top-footerr ul li .center-footer-col {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.blog-post-image {
	display: none
}
.container.top-footerr .footer-detailsS li:first-child .details_iconN,
.container.top-footerr .footer-detailsS li:nth-child(2) .details_iconN {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	text-align: center;
	padding: 0
}
.details_textT {
	text-align: center;
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding: 0 0 0 10px
}
.container.top-footerr .footer-detailsS li .details_iconN {
	text-align: right;
	padding: 0
}
.port-sec .container {
	max-width: calc(100% - 30px);
	margin: 0 auto
}
.tab_row form .form_group {
	width: 330px
}
.section2 .hubspot-shadoww.text-left,
.section3 .hubspot-shadoww.text-left {
	width: calc(100% - 30px);
	margin: 30px 15px
}
.section2 .rewdss,
.section3 .rewdss {
	width: calc(100% - 30px);
	margin: 0 auto;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}
}

#hubspot-website-design h1:after {
display: none
}

@media only screen and (max-width:1000px) {
.sV1 .piller_intro_image_container {
	margin: 0;
	max-width: calc(50% - 0px)
}
}

@media only screen and (max-width:950px) {
.sV1 .piller_intro_image_container {
	max-width: calc(100% - 0px)
}
.desandwordpress .clm_4 .inner_bg {
	padding: 30px 20px 30px 0;
	background: 0 0
}
.desandwordpress .clm_8 .inner_features {
	padding: 0 0 20px 0
}
.desandwordpress .clm_4 .inner_bg h3 {
	color: #176eb6;
	text-align: center
}
.desandwordpress .clm_4 .inner_bg p {
	color: #101010;
	text-align: center
}
.desandwordpress .clm_8 {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.desandwordpress .clm_4 .inner_bg:after {
	display: none
}
.desandwordpress {
	background: #f3f9f8
}
.desandwordpress .clm_4,
.desandwordpress .clm_8 {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
}

@media only screen and (max-width:991px) {
.cont_elem h1 {
	font-size: 36px;
	line-height: 46px
}
.container.top-footerr ul li {
	padding: 0 10px
}
.Solution_skilled_ele .heading___sec h2 {
	font-size: 30px;
	line-height: 36px
}
.manage_everything2 .piller_intro_image_container {
	max-width: calc(100% - 0px - 0px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	margin-right: 0;
	margin-left: 0
}
.request-free-quote-sec .row .posaTwo {
	padding: 0
}
.ecooV {
	display: none
}
.tile-struture {
	padding: 40px 0 0
}
.sec_4.sec_4d4 h3 {
	margin-bottom: 0
}
.awarding_cnt {
	padding: 20px 0 20px
}
.advancedTech {
	padding: 50px 0
}
.advancedTech h2 {
	font-size: 30px;
	line-height: 35px;
	margin-bottom: 15px
}
.features-list strong br {
	display: block
}
.hireDedicated {
	padding: 50px 0
}
.hireDedicated .hubspot-shadoww h2 {
	font-size: 36px;
	line-height: 40px
}
.desandwordpress .clm_8 .inner_features {
	padding: 10px 0 10px 20px
}
.desandwordpress .clm_4 {
	background: 0 0
}
.desandwordpress .clm_4 {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.desandwordpress .clm_4 .inner_bg {
	padding: 50px 20px 50px 0
}
.desandwordpress .clm_8 {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.desandwordpress .clm_4 .inner_bg:before {
	display: none
}
#start-a-project h2 {
	font-size: 30px;
	letter-spacing: 0
}
.background-of-start-a-project {
	padding: 30px 20px
}
.shopify_blogs {
	padding: 30px 0
}
.sho-css_R .col_6R1 {
	margin-bottom: 0
}
._bring_your_business_online,
.manage_everything,
.marketyourbusiness,
.shopifyexperts {
	padding: 30px 0 10px
}
.heading_shopify h2,
.manage_everything h2 br {
	font-size: 30px;
	line-height: 40px
}
._bring_your_business_online .heading_shopify {
	margin-bottom: 30px
}
.paragraph_shp a {
	font-weight: 600;
	display: inline-block
}
.col-sm-6.col-xs-12.rowWFclm_6 {
	padding: 30px 0 0
}
.rowWFclm_6,
.rowWFclm_6.stillImg {
	max-width: calc(100% - 0px)
}
.rowWFclm_6,
.rowWFclm_6.stillImg {
	max-width: calc(100% - 0px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.heading_shopify br {
	display: none
}
.heading_shopify h2,
.sho-css_R h2 {
	font-size: 30px;
	line-height: 35px
}
.av-secondary.bridge::before {
	top: -100px
}
.high_performance h2,
.process h2 {
	font-size: 32px;
	line-height: 32px
}
.clm_4rrr h2,
.start_p h2 {
	font-size: 32px;
	line-height: 36px
}
.clm_4rrr h2,
.start_p h2 {
	font-size: 32px;
	line-height: 36px
}
.high_performance .row .clm_5 {
	width: 100%
}
.high_performance p {
	width: 100%;
	margin: 0 0 15px
}
.high_performance .row .clm_7 {
	width: 100%
}
.process h2 {
	margin: 0 0 20px
}
.row_box .boxS {
	max-width: calc(50% - 10px);
	margin: 0 5px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}
.mob_services .row_box {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.inn_sR .row .clm__2 {
	max-width: calc(100% / 4 - 10px - 0 - 2px)
}
.award_wining.realestate h2 {
	font-size: 28px;
	line-height: 30px;
	letter-spacing: 0;
	font-weight: 400
}
#benefits-of-choosing-unisoft h2,
#hubspot-inbound-marketing h1,
#hubspot-inbound-marketing h2,
#our-hubspot-services h2,
.award_wining h3 {
	letter-spacing: 0
}
.heading_shopify h2,
.sho-css_R h2 {
	font-size: 35px;
	line-height: 40px;
	margin-bottom: 20px
}
#hubspot-website-design h1 {
	font-size: 30px
}
.solution_cake h2 {
	font-size: 30px;
	line-height: 34px;
	margin: 15px 0
}
.cnt_center h4 {
	font-size: 18px;
	line-height: 18px
}
.test-better h2 {
	font-size: 30px;
	line-height: 34px;
	margin: 0 0 20px
}
.award_wining {
	padding: 30px 0 30px
}
#hubspot-website-design {
	padding-top: 30px;
	padding-bottom: 20px
}
.cms_bsd_BG p.cl {
	text-align: left;
	font-size: 16px;
	margin-bottom: 30px
}
.cms_bsd h2 {
	font-size: 30px;
	line-height: 40px;
	text-align: left
}
.cms_bsd {
	padding: 30px 0 20px
}
.cms_bsd h2 {
	font-size: 30px;
	line-height: 32px
}
.tab_block_main {
	margin-top: 30px
}
.tab_block_main .tab_options>li a {
	padding: 8px 15px;
	font-size: 16px
}
.techWeUse.text-center.seactionPadding p,
.we-adard.text-center.seactionPadding p {
	font-size: 16px;
	line-height: 24px
}
.techWeUse.text-center.seactionPadding h2.seactionHead {
	font-size: 30px;
	line-height: 30px;
	margin: 0 0 15px
}
.hiresec h3 {
	font-size: 20px;
	line-height: 20px;
	margin: 0 0 10px
}
.hiresec h2 {
	font-size: 30px;
	line-height: 32px
}
.hiresec {
	padding: 50px 0
}
.roww-s .col_sm_s h1 {
	font-size: 28px;
	line-height: 28px
}
.roww-s .col_sm_s h3 {
	font-size: 28px;
	line-height: 28px
}
.roww-s .col_sm_s p {
	font-size: 16px
}
.popOUTbox.popOUTbox1 {
	margin: -110px 0 0
}
.popOUTbox {
	padding: 40px
}
.tactics_benefit {
	margin-top: 20px;
	padding-bottom: 30px
}
.popOUTbox.popOUTbox2 {
	margin-top: 30px
}
.popOUTbox.popOUTbox1:after {
	display: none
}
.popOUTbox ul li:nth-child(odd) {
	margin-right: 0
}
.popOUTbox ul li {
	width: calc(100% / 1 - 0px)
}
.popOUTbox ul li:nth-child(even) {
	margin-left: 0
}
.popOUTbox ul li .list_pp {
	top: 12px
}
.popOUTbox ul li p {
	margin: 0 0 20px;
	font-size: 18px;
	line-height: 36px
}
.popOUTbox ul {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.sec_4 .features_choose_us {
	max-width: calc(100% - 0px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.sec_4 {
	padding: 30px 0 20px
}
.col-md-6.features_choose_us.fcu2 {
	margin: 0
}
.features_choose_us h3 {
	margin: 0 0 20px;
	padding: 0 0 20px
}
.seo-experts .col_md_8 {
	padding: 30px 0 10px
}
.osp_ctr {
	position: relative;
	width: calc(100% - 100px);
	left: 0;
	top: 0;
	padding: 35px;
	margin: 70px 15px 40px;
	-webkit-transform: unset;
	-ms-transform: unset;
	transform: unset
}
.seo-experts .col_md_4 h3 {
	padding: 0
}
.seo-experts .col_md_4:after {
	width: 100%
}
.seo-experts .col_md_4 {
	padding: 30px 0;
	margin-bottom: 30px
}
.seo-experts .col_md_4,
.seo-experts .col_md_8 {
	max-width: calc(100% - 0px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.bg-process,
.list_menuu.pd0 {
	-ms-flex: 0 0 100%;
	-webkit-box-flex: 0;
	flex: 0 0 100%;
	max-width: 100%
}
.sec_4 .row,
.seo-experts .row,
.seo_2 .row,
.seo_process .row {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.partnerships .container {
	max-width: calc(100% - 30px)
}
.mid_cnt h2 {
	font-size: 30px;
	line-height: 36px;
	margin: 0 0 20px
}
.row_va .clm_7 h2 {
	font-size: 30px;
	line-height: 30px;
	margin: 0 0 20px
}
.row_art ul {
	max-width: calc(100% - 0px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding: 0
}
.vir_A {
	display: none
}
.d_l ul li a {
	padding: 10px 0;
	font-size: 15px
}
.heading-section h2 {
	font-size: 30px;
	line-height: 30px
}
.cunslatant h2,
.skillset h2 {
	font-size: 30px;
	line-height: 30px
}
.cunslatant {
	padding: 50px 0
}
.row_choose .clm_7 h2 {
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 20px
}
.skillset h2 {
	margin: 0 0 30px
}
.skillset .row_flex .clm_3 {
	max-width: calc(25% - 40px - 15px)
}
.row___list .clm_4 img {
	max-width: 80px
}
.form_RQ {
	max-width: 380px;
	padding: 20px;
	right: -425px
}
.form_hire {
	padding: 30px;
	-webkit-box-shadow: 0 0 40px #f3fbfd;
	box-shadow: 0 0 40px #f3fbfd;
	border: 1px solid #dbeaea
}
.form_group_100 input[type=textarea] {
	height: 100px
}
.row_hire {
	flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap
}
.row_hire .clm__5 {
	margin: 40px 0 0
}
.row___list .clm_4 {
	padding: 30px 15px
}
.row_hire .clm__5,
.row_hire .clm__7 {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.ab_banner {
	padding: 130px 0 80px
}
.banner_io .ab_banner h1 {
	font-size: 36px;
	line-height: 36px
}
.banner_io .ab_banner h3 {
	font-size: 30px
}
.clm_4.bg_c {
	max-width: calc(33.33% - 40px);
	padding: 20px
}
.heading_section h2 {
	font-size: 30px;
	line-height: 30px;
	margin: 0 0 20px
}
.ratingAbout .col-md-12 {
	width: calc(100% - 20%)
}
.we-adard.text-center.seactionPadding h2.seactionHead {
	font-size: 36px;
	line-height: 36px
}
ul.Weaward li {
	max-width: calc(25% - 20px);
	padding: 15px 10px
}
.content_row .clm_5 {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	margin: 40px 0 30px;
	padding: 0
}
.clm_4.bg_c h4 {
	font-size: 14px;
	margin: 0 0 10px;
	line-height: 15px
}
.clm_4.bg_c h3 {
	font-size: 20px;
	line-height: 18px;
	font-weight: 600
}
.content_row .clm_7 {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	margin: 0;
	padding: 0
}
.content_row {
	padding: 50px 0;
	flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap
}
.row-ww ul li a span {
	height: 40px
}
.homepage_boxes_text p {
	font-size: 17px;
	line-height: 26px
}
.homepage_boxes .table_row {
	margin-top: 0;
	padding-top: 0
}
br {
	display: none
}
.row_rrr .hubspot-shadoww {
	width: 100%;
	margin: 0
}
.rewdss {
	width: 100%;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}
.col_sm_4.services_tab {
	width: calc(50% - 20px - 30px) !important;
	padding: 30px 15px
}
#hubspot-inbound-marketing .row_rrr {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.second_para,
p.text-center.sed {
	font-size: 17px;
	margin: 0;
	line-height: 1.5
}
#benefits-of-choosing-unisoft h2,
#hubspot-inbound-marketing h1,
#hubspot-inbound-marketing h2,
#our-hubspot-services h2,
.award_wining h3 {
	font-size: 30px;
	line-height: 34px
}
.background-of-start-a-project {
	padding: 50px 20px
}
#slider-img {
	margin-top: 0;
	margin-bottom: 0
}
#start-a-project h1 {
	font-size: 25px
}
.background-of-start-a-project a {
	padding: 10px 20px;
	margin: 0 0 0 30px
}
.flotting-benefits-of-choosing-unisoft h4 {
	font-size: 18px
}
.blog.seactionPadding.ourblog .row:last-child {
	height: auto
}
.container.top-footerr ul li .center-footer-col {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.blog-post-image {
	display: none
}
.container.top-footerr .footer-detailsS li:first-child .details_iconN,
.container.top-footerr .footer-detailsS li:nth-child(2) .details_iconN {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	text-align: center;
	padding: 0
}
.details_textT {
	text-align: center;
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding: 0 0 0 10px
}
.container.top-footerr .footer-detailsS li .details_iconN {
	text-align: right;
	padding: 0
}
.social-icon- ul li {
	width: 18px;
	margin: 0
}
.social-icon- ul li a i {
	font-size: 13px
}
.container.top-footerr .footer-detailsS li:first-child .details_iconN,
.container.top-footerr .footer-detailsS li:nth-child(2) .details_iconN {
	max-width: 50px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50px;
	flex: 0 0 50px
}
.details_iconN i.fa {
	font-size: 25px;
	margin: 0 0 15px
}
.homeSection {
	padding: 120px 0 60px
}
.banner_cnt h1 {
	font-size: 45px
}
.blog-post-body {
	width: 100%
}
.cl_row.right_ab_cnt {
	background: #f9f9f9;
	width: calc(100% - 40px);
	padding: 50px 20px
}
.section-head h2.h2:before {
	display: none
}
.section-head h2.h2 {
	margin: 0 0 25px
}
.blog.seactionPadding.ourblog .row:last-child .col-md-4,
.blog.seactionPadding.ourblog .row:last-child .col-md-8 {
	-ms-flex: 0 0 100%;
	-webkit-box-flex: 0;
	flex: 0 0 100%;
	max-width: 100%
}
.section-head h2.h2 br {
	display: none
}
.section-head h2.h2 {
	padding: 15px 60px 0 0
}
.blog.seactionPadding.ourblog .row:last-child {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: auto
}
.blog-post-body {
	width: calc(100% - 100px);
	padding: 50px;
	height: auto
}
.blog.seactionPadding.ourblog .row:last-child .col-md-8:hover .blog-post-body {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}
.popular-news-block-wrapper {
	width: calc(100% - 100px);
	padding: 50px
}
.popular-news-block-wrapper .popular-news-list {
	max-width: 100%;
	max-height: 160px
}
ul#clint_carousel .owl-nav {
	display: none
}
.col_xs-6BG {
	display: none
}
.col_xs-6.col_xs-6CNT {
	width: 100%;
	padding: 0
}
.containers {
	width: calc(100% - 60px);
	margin: 0 30px
}
.about_us_sec {
	padding: 50px 0
}
}

@media only screen and (max-width:870px) {
.ab_banner.ab_banner {
	padding: 130px 0 50px
}
}

@media only screen and (max-width:850px) {
.row_flex.prt_carousel .clm_6 {
	max-width: calc(50% - 10px)
}
.pricing-section-image {
	display: none
}
div#portfolio_crl {
	overflow-x: hidden
}
#start-a-project h2 {
	width: 100%;
	margin-bottom: 15px
}
#benefits-of-choosing-unisoft {
	padding: 30px 0 30px
}
#benefits-of-choosing-unisoft h2,
#hubspot-inbound-marketing h1,
#hubspot-inbound-marketing h2,
#our-hubspot-services h2,
.award_wining h3 {
	font-size: 30px;
	line-height: 35px;
	text-align: left
}
.second_para,
p.text-center.sed {
	margin: 0 0 20px;
	text-align: left
}
.FAQuestions .lst_clm {
	max-width: 210px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 210px;
	flex: 0 0 210px
}
.mid_cnt h2 {
	font-size: 26px;
	line-height: 26px;
	margin: 0 0 16px
}
.mid_cnt {
	max-width: calc(100% - 210px - 30px - 20px);
	padding: 15px
}
.row_flex {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-o-justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap
}
.wrappers {
	max-width: calc(100% - 30px)
}
.homepage_boxes aside img {
	max-width: 100%;
	width: 100%
}
.blog-post-body {
	width: calc(100% - 30px);
	padding: 50px 15px
}
.popular-news-block-wrapper {
	width: calc(100% - 30px);
	padding: 50px 15px
}
.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-5.col-sm-12,
.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-7.col-sm-12 {
	flex: 0 0 100% !important;
    max-width: calc(100% - 30px) !important;
    padding: 0 15px;
}
.prt_carousel .port {
	padding: 0;
	margin: 0
}
.col_sm_4.benifites {
	width: calc(100% - 0px);
	margin: 20px 0 0;
	height: auto
}
.flotting-benefits-of-choosing-unisoft h4 {
	font-size: 22px
}
.btn_row a {
	margin: 35px 15px 0 0;
	padding: 10px 30px
}
.banner_cnt {
	text-align: center
}
.audit_web {
	background-size: 212% 49%
}
.audit_web .search-container {
	width: calc(100% - 140px);
	margin: 40px auto 0
}
.row_website .gdlr-core-text-box-item-content h3 {
	padding: 0;
	text-align: center
}
.row_website .gdlr-core-text-box-item-content {
	width: 100%
}
.cl_row.right_ab_cnt {
	padding: 35px 20px
}
.about_us_sec,
.partnerships,
.seactionPadding,
.wrapper_io {
	padding: 35px 0
}
.service_box:last-child {
	margin: 0
}
.prt_carousel .owl-nav {
	display: none
}
.row_Partner .col_xs_5 {
	width: calc(30% - 20px);
	padding: 0
}
.row_Partner {
	flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap
}
.row-ww ul li a {
	padding: 10px
}
}

@media only screen and (max-width:767px) {
.calculator-sec .fldst {
	border: 3px dashed #e5f3f7;
	padding: 20px;
}
.calculator-sec {
	padding: 30px 0;
}
.pricing-section{
	display:none !important;
}
.homepage_boxes {
	padding: 35px 0
}
.toll_free.toll_free65 p span:after,
.toll_free.toll_free65 p span:before {
	display: none
}
.toll_free.toll_free65 p {
	font-size: 16px;
	color: #2b2b2b;
	margin-right: 0
}
.toll_free.toll_free65 p span {
	line-height: 30px;
	font-size: 30px;
	padding: 10px 0
}
.toll_free.toll_free65 a {
	font-size: 25px;
	margin-left: 0
}
.mid-details p {
	margin-left: 0
}
.advancedTech {
	padding: 30px 0
}
.sprites-features {
	margin: 0 0 0
}
.sprites-features li {
	width: 33.33%;
	margin: 40px 0 0
}
.persent_div {
	padding: 0 20px
}
.desandwordpress .clm_8 .inner_features .clm_3 {
	max-width: 50%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}
.col____6 p br {
	display: none
}
.desandwordpress .clm_4 .inner_bg h3 {
	font-size: 25px;
	line-height: 32px;
	margin-bottom: 15px
}
.desandwordpress .clm_4 .inner_bg {
	padding: 30px 20px 10px 0
}
#middle-section {
	width: calc(100% - 30px);
	padding: 10px 0
}
.persent_div {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	margin-top: 15px
}
.inner-middle {
	max-width: 100%
}
.footer-colmun.custom1.last-col-footer,
.footer-colmun.first-col-footer,
.footer-colmun.sec-midd-col,
.footer-colmun.second-footer-col {
	height: auto
}
.topbarbox.top_header_phone {
	display: none
}
.phone_div {
	margin: 20px 0 0
}
.homeSection {
	padding: 170px 0 30px
}
.top_header_phone ul {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.topbarbox.top_header_phone {
	padding: 20px 0
}
.topbarbox.top_header_phone li {
	width: 100%;
	text-align: left
}
.topbarbox {
	display: block;
	position: relative;
	height: auto;
	top: -86px
}
.phone_div .phone___no span {
	font-size: 15px;
	letter-spacing: 0
}
.phone_div {
	margin: 20px;
	width: calc(100% - 60px);
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.phone_div .phone___no {
	width: 100%;
	height: 35px
}
.phone_div .phone___no img {
	width: 20px;
	height: 12px;
	margin-right: 10px
}
.navigation-r3 .hamburger-nav .sub-nav-item>a {
	font-size: 15px;
	margin: 10px 20px
}
.navigation-r3 .hamburger-nav .main-nav {
	overflow-y: scroll;
	height: 100vh
}
.navigation-r3 .hamburger-nav .nav-item.nav-item--active>.sub-nav {
	max-height: 260%
}
.high_performance .row:after {
	display: none
}
.blog.seactionPadding.ourblog h2.seactionHead.text-center,
.ourAchivement h2.seactionHead,
.portfolio2.seactionPadding.text-center h2.seactionHead,
.testimonial_sec .inner_testimonial h2 {
	font-size: 28px;
	padding: 0;
	margin-bottom: 15px;
	line-height: 28px
}
.high_performance h2,
.process h2 {
	font-size: 28px;
	line-height: 28px
}
.mob_services {
	padding: 30px 0
}
.start_p h2.text-center {
	margin-bottom: 15px
}
.start_p h2.text-center {
	margin-bottom: 15px
}
.clm_4rrr h2,
.start_p h2 {
	font-size: 24px;
	line-height: 28px;
	display: block
}
.clm_4rrr h2,
.start_p h2 {
	font-size: 24px;
	line-height: 28px;
	display: block
}
.process {
	padding: 30px 0
}
.services-s .clm_5 h2 {
	font-size: 30px;
	line-height: 30px
}
.services-s .row .clm_5 h3 {
	font-size: 45px;
	width: 100%;
	top: 0
}
.sRvices {
	padding: 30px 15px
}
.services-s .row .clm_5 {
	max-width: calc(100% - 30px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding: 30px 15px
}
.top_mmmm {
	margin-top: 20px
}
.row.equal.equal3 h3 {
	text-align: center
}
.award_wining.realestate h2 {
	font-size: 24px;
	line-height: 28px
}
.cnt_center h4 {
	font-size: 16px
}
.solution_cake h2 {
	font-size: 24px;
	line-height: 28px;
	margin: 10px 0 15px
}
.solution_cake {
	padding: 30px 0
}
.test-better {
	padding: 30px 0 20px
}
.test-better h2 {
	font-size: 24px;
	line-height: 28px
}
.test-better .row .clm_4 {
	width: calc(100% - 40px - 0px) !important;
}
.hubspot-inbound-marketing2 h1 {
	font-size: 26px;
	line-height: 32px;
	margin: 0 0 15px;
	letter-spacing: 0
}
.hubspot-inbound-marketing2 h2 {
	font-size: 24px;
	line-height: 28px;
	margin: 0 0 15px
}
.cms_bsd h2 {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 20px
}
.cms_bsd {
	padding: 30px 0 20px
}
.about_us_sec,
.partnerships,
.seactionPadding,
.wrapper_io {
	padding: 30px 0
}
.hiresec h2 {
	font-size: 25px;
	line-height: 28px;
	margin-bottom: 10px
}
#start-a-project h1 {
	font-size: 25px;
	width: 100%;
	margin-bottom: 15px
}
.background-of-start-a-project {
	padding: 30px 0
}
.flotting-benefits-of-choosing-unisoft h4 {
	font-size: 18px
}
.benefitscl {
	padding: 30px 0 10px
}
.benefitscl h2 {
	font-size: 25px;
	line-height: 28px
}
.seo-experts .col_md_4 h3 strong {
	font-size: 24px
}
.osp_ctr h2 {
	font-size: 28px;
	margin: 20px 0 10px
}
.roww-s .col_sm_s p {
	padding: 0 15px
}
.services h2 {
	margin: 0 0 20px
}
.services {
	padding: 30px 0 25px
}
.FAQuestions .container,
.ab_banner.ab_banner .container,
.sec_4 .container,
.seo-experts .container,
.seo_2 .container,
.seo_partner .container,
.services .container,
.tactics_benefit .container {
	max-width: calc(100% - 30px)
}
.osp_ctr {
	margin: 65px 15px 30px
}
.features_choose_us h3,
.inner-Seo h3,
.popOUTbox h2,
.pricing-section h1,
.seo_partner h2,
.services h2 {
	font-size: 28px;
	line-height: 28px
}
.aseo_2 {
	padding: 30px 0 15px
}
.seo-services .ab_banner.ab_banner h1 {
	font-size: 28px;
	line-height: 30px
}
.roww-s .col_sm_s h1 {
	font-size: 24px;
	line-height: 24px;
	margin: 0 0 15px
}
.roww-s .col_sm_s h3 {
	font-size: 24px;
	line-height: 24px;
	margin: 0 0 15px
}
.seo_partner {
	padding: 0
}
.seo_partner .container {
	margin-top: 0
}
.FAQuestions .lst_clm {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	margin: 0
}
.FAQuestions .container {
	max-width: calc(100% - 30px)
}
.FAQuestions {
	padding: 30px 0
}
.FAQuestions .row_flex {
	margin: 0 auto
}
.mid_cnt {
	max-width: calc(100% - 30px);
	padding: 15px;
	margin-top: 20px
}
.FAQuestions .lst_clm ul a {
	padding: 15px 0;
	font-size: 16px
}
.about_virtual .container {
	max-width: calc(100% - 30px)
}
.about_virtual {
	padding: 30px 0 0
}
.cont_article h3 {
	font-size: 24px;
	line-height: 26px;
	margin: 0 0 15px
}
.cont_article {
	max-width: calc(100% - 200px - 60px - 2px)
}
.d_l {
	max-width: 200px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 200px;
	flex: 0 0 200px
}
.how_it_work .container {
	max-width: calc(100% - 30px)
}
.clm_5_L:after,
.clm_5_R:before {
	display: none
}
.cunslatant {
	padding: 30px 0
}
.skillset {
	padding: 30px 0 0
}
.skillset .row_flex .clm_4 p {
	font-size: 16px
}
.skillset .row_flex .clm_4 p strong {
	font-size: 30px
}
.skillset .row_flex .clm_4 p strong span {
	font-size: 20px
}
div#skillset .clm_4 {
	display: block;
	max-width: calc(33.33% - 42px);
	padding: 15px;
	margin: 0
}
.row_choose .clm_5,
.row_choose .clm_7 {
	max-width: calc(100% - 30px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	margin: 0 15px;
	padding: 0
}
.why_choose {
	padding: 30px 0
}
.skillset .row_flex .clm_3 {
	max-width: calc(50% - 40px - 10px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	margin: 10px 0
}
.skillset .row_flex .clm_3 img {
	max-width: 70px
}
.skillset2 {
	padding: 30px 0
}
.skillset .row_flex .clm_3 {
	padding: 20px
}
.portfolio_p .ab_banner.ab_banner {
	padding: 100px 0 30px
}
.tab_row {
	margin: 0 10px
}
.user-nav-tabs li a {
	padding: 10px 20px 10px 0;
	font-size: 16px
}
.tab_row form .form_group input[type=text] {
	height: 36px
}
.tab_row form .form_group {
	width: 240px;
	height: 46px;
	overflow: hidden
}
.port-sec {
	padding: 30px 0
}
.ROW_HH .full_width input[type=file]:after {
	width: 76px
}
.inner_maP_cnt.howcanwe_helpyou.home {
	padding: 0 15px
}
.section22 h2,
.section33 h2 {
	font-size: 28px;
	line-height: 28px
}
.techWeUse.text-center.seactionPadding p,
.we-adard.text-center.seactionPadding p {
	font-size: 16px
}
.hiresec .container {
	max-width: calc(100% - 30px)
}
.techWeUse.text-center.seactionPadding h2.seactionHead {
	line-height: 30px
}
.row_hire {
	padding: 30px 0 0
}
.hiresec {
	padding: 30px 0
}
.row___list .clm_4 img {
	max-width: 60px
}
.hiresec h3 {
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 8px
}
.form_group_cathe {
	width: 70%
}
.background-of-start-a-project {
	flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap
}
.banner_io .ab_banner h1 {
	font-size: 28px;
	line-height: 28px
}
.ab_banner {
	padding: 100px 0 40px
}
.we-adard.text-center.seactionPadding h2.seactionHead {
	font-size: 28px;
	line-height: 28px
}
.content.enhanced-page .container {
	max-width: calc(100% - 30px)
}
.third_ab_aa a {
	margin: 30px 0 0;
	padding: 12px 20px
}
.content_row .clm_7 .clm_66 h1 {
	font-size: 25px;
	line-height: 30px;
	margin: 0 0 15px;
	text-align: center
}
.content_row .clm_7 .clm_66 h1 span {
	font-size: 20px;
	line-height: 32px
}
.content_row {
	padding: 30px 0
}
.clm3row {
	padding: 30px 0;
	max-width: calc(28% - 1px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%
}
.clm_4.bg_c {
	max-width: calc(100% - 30px);
	padding: 15px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.row_flex .clm_4 {
	display: none
}
.clm_4.bg_c {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.clm3row.clm3rowlast {
	max-width: calc(44% - 1px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 44%;
	flex: 0 0 44%;
	border-left: 1px solid rgba(255, 255, 255, .4);
	border-left: 0;
	border-top: 0
}
.effect_img.wpb_column {
	width: 25%;
	min-height: 140px
}
.form_bg,
.maP_bg {
	max-width: 100%;
	-webkit-box-flex: 0;
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	padding: 30px 0
}
.tab_block_main .tab_options>li a {
	padding: 5px;
	font-size: 16px
}
.techWeUse.text-center.seactionPadding h2.seactionHead {
	font-size: 25px;
	line-height: 25px
}
a.btn.more-port {
	margin-top: 30px
}
.ratestars {
	width: 150px;
	height: 150px;
	margin-top: -110px
}
.ratingpara p .numbertext {
	font-size: 26px;
	line-height: 28px
}
.ratestars h2 {
	font-size: 46px;
	margin: 40px 0 0;
	line-height: 46px
}
#hubspot-website-design h1 {
	font-size: 24px
}
#hubspot-website-design h3 {
	font-size: 24px
}
#request-a-quote-now {
	padding: 100px 0 30px
}
.expertise h4 {
	font-size: 18px;
	margin-bottom: 10px
}
#benefits-of-choosing-unisoft {
	padding: 30px 0
}
.award_wining {
	padding: 30px 0 10px
}
.row_rrr .hubspot-shadoww {
	width: calc(100% - 30px);
	margin: 30px 15px
}
#benefits-of-choosing-unisoft h2,
#hubspot-inbound-marketing h1,
#hubspot-inbound-marketing h2,
#our-hubspot-services h2,
.award_wining h3 {
	font-size: 26px;
	line-height: 35px
}
#start-a-project h1 {
	letter-spacing: 0
}
.heading_shopify h2,
.sho-css_R h2 {
	font-size: 26px;
	line-height: 35px;
	margin-bottom: 20px
}
nav.navi_io {
	width: calc(100% - 40px)
}
.container-width {
	width: calc(100% - 30px)
}
.rowWFclm_6:first-child {
	display: none
}
.rowWFclm_6 {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding: 0
}
#theCarousel {
	height: 250px
}
#hubspot-website-design {
	padding-top: 30px;
	padding-bottom: 30px
}
#our-hubspot-services {
	padding: 30px 0
}
.portfolio2.seactionPadding.text-center {
	padding: 0 0 35px
}
.details_iconN i.fa {
	font-size: 20px
}
.container.top-footerr .footer-detailsS li:nth-child(1),
.container.top-footerr .footer-detailsS li:nth-child(2) {
	width: calc(28% - 30px)
}
.container.top-footerr .footer-detailsS li:nth-child(3) {
	width: calc(44% - 30px)
}
.homepage_boxes_text h2 {
	line-height: 44px
}
.homepage_boxes_text {
	padding: 0 0 35px
}
.popular-news-block-wrapper {
	padding: 30px 15px
}
.testimonial_sec {
	padding: 35px 0
}
.contactForm.seactionPadding.seactionPaddinggggg {
	padding: 35px 0
}
.section-head h2.h2 {
	line-height: 36px;
	font-size: 32px
}
a.about_us_cnt {
	font-size: 16px;
	margin: 30px 0 0;
	padding: 12px 30px
}
.row_Partner .col_xs_5 {
	width: calc(100% - 0px);
	padding: 0
}
.row_Partner .col_xs_5 img {
	width: 250px;
	margin: 0 auto
}
.row_Partner .col_xs_5,
.row_Partner .col_xs_7 {
	width: calc(100% - 0px);
	padding: 0;
	text-align: center;
	margin: 0
}
.choose_tchno h4 {
	font-size: 16px
}
.blog-post-body {
	padding: 30px 15px
}
.banner_cnt h1 {
	font-size: 36px;
	line-height: 44px
}
.col_sm_4.services_tab {
	width: calc(100% - 0px - 0px);
	margin: 10px 0;
	min-height: auto
}
ul.listig_ab li {
	line-height: 30px;
	font-weight: 600;
	font-size: 16px;
	margin: 0 0 5px
}
.container {
	max-width: calc(100% - 30px)
}
.container.top-footerr ul {
	padding: 20px 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.container.top-footerr .footer-detailsS li {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 10px
}
.details_textT {
	max-width: calc(100% - 50px);
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding: 0 15px;
	text-align: center
}
.container.top-footerr .footer-detailsS li:first-child .details_iconN,
.container.top-footerr .footer-detailsS li:nth-child(2) .details_iconN {
	max-width: 50px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50px;
	flex: 0 0 50px
}
.container.top-footerr ul li .center-footer-col {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.social-icon- {
	height: auto;
	padding-top: 15px;
	position: relative
}
.social-icon- ul {
	margin: 0
}
.footer-colmun h3.wg-title {
	font-size: 18px
}
.footer-colmun.custom1.last-col-footer {
	margin: 30px 0 0
}
.quick_links ul a {
	padding: 6px 0 6px 15px;
	font-size: 15px
}
.footer-colmun.sec-midd-col {
	margin: 30px 0
}
.footer-colmun.custom1.last-col-footer,
.footer-colmun.first-col-footer,
.footer-colmun.sec-midd-col,
.footer-colmun.second-footer-col {
	max-width: 100%;
	-webkit-box-flex: 0;
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	padding: 0;
	border: 0
}
.quick_links {
	padding: 40px 0
}
.audit_web input[type=button] {
	height: 46px;
	padding: 0 30px
}
.audit_web .search-container form input[type=text] {
	height: 44px;
	padding: 0 15px
}
.audit_web .search-container form {
	height: 44px;
	margin: 10px 0 0
}
.audit_web {
	padding-top: 25px;
	padding-bottom: 30px
}
.audit_web .search-container {
	margin: 15px auto 0
}
.btn_row a {
	margin: 30px 10px 0 0
}
.row_website .gdlr-core-text-box-item-content h3 br {
	display: none
}
.row_website .gdlr-core-text-box-item-content h3 {
	text-align: center;
	padding: 0
}
.heading-section h2 {
	font-size: 24px;
	line-height: 24px
}
.CNT_PROCES ul li {
	max-width: calc(100% / 5 - 10px)
}
.CNT_PROCES ul li img {
	max-width: 60px
}
.CNT_PROCES span {
	font-size: 14px
}
.CNT_PROCES ul {
	margin: 30px auto
}
.box_Process h3 {
	font-size: 24px;
	line-height: 25px;
	margin: 0 0 20px
}
.box_Process {
	margin: 20px 0;
	max-width: 90%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 90%;
	flex: 0 0 90%
}
.content_Process .row .clm_7 ul li {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	margin: 10px 0;
	padding: 10px
}
}
@media only screen and (max-width:700px) {
.ab_banner.pricing_calccc p#change_content {
	margin-top: 10px;
}
.row_fldst input {
	width: 100%;
	height: 44px;
	position: absolute;
	bottom: 15px;
}
.row_fldst {
	padding-bottom: 70px;
}
.row_fldst:nth-child(8) {
	padding-bottom: 70px !important;
}
.see_pricing {
	margin: 15px 0 0;
}
}
@media only screen and (max-width:450px) {
#pages-slider, #cms-slider, #ecommerce-slider, #database-slider, #responsive-slider, #seo-slider, #style-slider, #copywriting-slider {
	max-width: unset;
	flex:unset;
	width: calc(100% - 100px);
	height: 36px;
}
.slider-left, .slider-right {
	height: 37px;
}
.row_fldst input {
	width: 100%;
	height: 36px;
	bottom: 10px;
}
.row_fldst {
	padding-bottom: 60px;
}
.row_fldst:nth-child(8) {
	padding-bottom: 60px !important;
}
.see_pricing .show_pricing_table {
	font-size: 16px;
	font-weight: 500;
	padding: 15px 30px;
}
.slider-left, .slider-right {
	max-width: unset;
	flex: unset;
	height: 37px;
	width: 40px;
}
.slider-left, .slider-right {
	height: 37px;
}
}
@media only screen and (max-width:650px) {
.input-right .form-group {
	padding: 0;
	width: 100%;
	float: left;
	margin-left: 0;
}
.form-btn {
	width: 100%;
	margin-left: 0;
	margin-bottom: 20px;
}
.input-right .form-group:first-child, .form-group.form-check {
	width: 100%;
	flex: 0 0 100%;
}
.est-l .another {
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0;
	padding: 8px 20px;
}
.skillset h2 {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 20px
}
.mid-details .dial_free {
	font-size: 25px;
	letter-spacing: -1px
}
.desandwordpress .clm_8 .inner_features {
	padding: 10px 0 10px 0
}
.desandwordpress .clm_4 .inner_bg h3 {
	font-size: 25px;
	line-height: 30px
}
.hireDedicated {
	padding: 25px 0
}
.hireDedicated .hubspot-shadoww h2 {
	font-size: 30px;
	font-weight: 600;
	line-height: 40px
}
.row_L .clm_5 h3 {
	font-size: 18px
}
.audit_web {
	background-size: 252% 40%
}
.container {
	max-width: calc(100% - 30px)
}
ul.worktypelst li {
	width: calc(100% / 3 - 22px - 10px);
	margin: 5px
}
.section-head h2.h2 {
	line-height: 30px;
	font-size: 26px
}
.title-sm.text-uppercase {
	font-size: 22px;
	line-height: 22px
}
.section-head h2.h2 {
	margin: 0 0 20px;
	padding: 15px 0 0
}
.heading_section h2 {
	font-size: 30px;
	line-height: 40px;
	margin: 0 0 20px
}
.col_xs-6.col_xs-6CNT h1 {
	font-size: 35px
}
.col_xs-6.col_xs-6CNT h2.h---C {
	font-size: 25px;
	line-height: 30px;
	padding: 0 0 25px
}
a.about_us_cnt {
	margin: 30px 0 0
}
.col_xs_7,
.row_Partner .col_xs_5 {
	margin: 0
}
.blog.seactionPadding.ourblog h2.seactionHead.text-center,
.ourAchivement h2.seactionHead,
.portfolio2.seactionPadding.text-center h2.seactionHead,
.testimonial_sec .inner_testimonial h2 {
	font-size: 30px;
	margin-bottom: 20px;
	padding: 0
}
p.seactionDiscription {
	margin: 0 0 30px
}
.port p.port-text a {
	font-size: 16px;
	letter-spacing: 0;
	line-height: 25px;
}
.port h2.portTextDis {
	font-size: 15px;
	font-family: 'Open Sans', sans-serif
}
.mid-details .input-text-box {
	min-height: 35px
}
a.btn.more-port {
	margin-top: 30px;
	font-size: 16px;
	padding: 11px 30px
}
#testimonial_carousel p {
	font-size: 16px;
	text-align: center
}
.contactForm.seactionPadding.seactionPaddinggggg .row {
	margin-right: 0;
	margin-left: 0
}
.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-5.col-sm-12,
.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-7.col-sm-12 {
	max-width: calc(100% - 0px);
	padding: 0
}
.blog-post-body {
	width: calc(100% - 30px);
	padding: 30px 15px
}
.popular-news-block-wrapper {
	width: calc(100% - 30px);
	padding: 30px 15px
}
.quate_details P {
	font-size: 18px
}
.testimonial_sec {
	padding: 30px 0;
	background: #fff
}
ul.worktypeList li {
	padding: 5px
}
.num {
	margin-bottom: 25px;
	font-size: 30px
}
ul.worktypeList {
	margin: 20px 0
}
.contactForm form label {
	width: calc(100% - 0px);
	margin: 0 0 20px;
	float: left
}
.section22 .container,
.section33 .container {
	max-width: calc(100% - 30px)
}
}

@media only screen and (max-width:600px) {
.cms_bsd h2 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 15px
}
.advancedTech h2 {
	font-size: 25px;
	line-height: 30px
}
.homepage-hero__storefront.ui-illustration {
	display: none
}
.manage_everything.manage_everything2 {
	padding-top: 0
}
.cont_elem h1 {
	font-size: 25px;
	line-height: 30px
}
.manage_everything.sell_everywhere {
	padding-top: 0
}
.top_header_phoneF.top_header_phone li {
	padding: 5px 0
}
.top_header_phone ul:after {
	display: none
}
.top_header_phoneF.top_header_phone li {
	width: calc(100% - 0px)
}
.high_performance h2,
.process h2 {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 15px
}
.heading___sec p {
	font-size: 16px
}
.blog.seactionPadding.ourblog h2.seactionHead.text-center,
.ourAchivement h2.seactionHead,
.portfolio2.seactionPadding.text-center h2.seactionHead,
.testimonial_sec .inner_testimonial h2 {
	font-size: 24px;
	margin-bottom: 15px;
	padding: 0
}
.content_Process .row .clm_7 ul {
	margin: 0
}
.content_Process .clm_5 {
	display: none
}
.content_Process .row .clm_7 {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.row_box .boxS {
	max-width: calc(100% - 0px);
	margin: 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.row_box a {
	padding: 20px;
	width: calc(100% - 40px)
}
ul.row_S li img {
	max-width: 70px
}
.cnt_row h3 {
	line-height: 20px;
	margin: 0 0 10px;
	font-size: 22px;
	font-weight: 400
}
.cnt_row p {
	font-size: 15px;
	line-height: 1.7
}
.services-s .clm_5 p {
	font-size: 15px;
	line-height: 24px
}
.inn_sR .row .clm__2 span {
	font-size: 13px;
	color: #606060
}
.inn_sR .row .clm__2 {
	max-width: calc(100% / 3 - 10px - 0 - 2px)
}
.inn_sR .row .clm__2 a img {
	max-width: 45px
}
.award_wining.realestate h2 {
	font-size: 20px;
	line-height: 24px
}
.solution_cake h2 {
	font-size: 20px;
	line-height: 24px
}
.test-better h2 {
	font-size: 20px;
	line-height: 24px
}
.test-better .row .clm_4 h3 {
	font-size: 18px;
	margin: 0 0 10px
}
.hubspot-inbound-marketing2 h1 {
	font-size: 20px;
	line-height: 24px;
	margin: 0 0 10px
}
.hubspot-inbound-marketing2 h2 {
	font-size: 24px;
	line-height: 26px;
	margin: 0 0 10px
}
.expertise h4 {
	font-size: 17px
}
#benefits-of-choosing-unisoft h2,
#hubspot-inbound-marketing h1,
#hubspot-inbound-marketing h2,
#our-hubspot-services h2,
.award_wining h3 {
	font-size: 26px;
	line-height: 32px;
	font-weight: 400
}
.col_sm_4.services_tab {
	padding: 20px 15px
}
.cms_bsd .equal2 h3 {
	font-size: 16px;
	margin-bottom: 10px
}
.row_a a.ourPlans {
	margin: 0
}
.techWeUse.text-center.seactionPadding h2.seactionHead {
	font-size: 20px;
	margin-bottom: 10px
}
.hiresec h2 {
	font-size: 25px;
	line-height: 30px;
	margin-bottom: 0
}
.row___list .clm_4:last-child {
	border-top: 1px solid rgba(0, 0, 0, .15);
	border-right: 1px solid rgba(0, 0, 0, .15)
}
.row___list .clm_4:nth-child(even) {
	border-bottom: 1px solid rgba(0, 0, 0, .15)
}
.hiresec h3 {
	font-size: 18px;
	line-height: 22px;
	margin: 0 0 5px
}
.flotting-benefits-of-choosing-unisoft h4 {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 10px
}
.col_sm_4.benifites {
	margin: 10px 0
}
.span-img-bcu-image {
	width: 35px;
	margin-right: 15px
}
.span-img-bcu-image img {
	width: 100%
}
.benefitscl h2 {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 15px
}
.second_para,
p.text-center.sed {
	font-size: 16px;
	text-align: left
}
.osp_ctr h2 {
	font-size: 24px;
	margin: 20px 0 10px
}
.services .row .clm_4 {
	max-width: calc(100% - 60px - 0px);
	margin: 10px 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding: 30px
}
.features_choose_us h3,
.inner-Seo h3,
.popOUTbox h2,
.pricing-section h1,
.seo_partner h2,
.services h2 {
	font-size: 24px;
	line-height: 24px
}
.seo-experts .col_md_4 h3,
.seo-experts .col_md_8 h2 {
	font-size: 24px;
	line-height: 28px
}
.seo-experts .col_md_8 h3 {
	font-size: 18px;
	line-height: 26px
}
.in_form::-webkit-scrollbar {
	width: 5px
}
.in_form::-webkit-scrollbar-track {
	background: #d6d6d6
}
.in_form::-webkit-scrollbar-thumb {
	background: #5c7cb2
}
.in_form .row_grp .form_group input[type=text] {
	width: calc(100% - 16px - 2px);
	padding: 8px;
	min-height: 20px;
	margin: 2px 0;
	font-size: 14px
}
.getAquoteM {
	left: 0;
	top: 0;
	position: relative;
	z-index: 9;
	transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0)
}
.form_RQ {
	max-width: calc(100% - 100px);
	padding: 20px;
	margin: 0;
	right: 0
}
.getAquoteM a.getAquote {
	width: auto;
	position: absolute;
	top: -67px;
	left: -21px;
	font-size: 15px;
	padding: 15px;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	border: 1px solid #5982b8;
	border-top: 1px solid #5982b8;
	border-bottom: 0
}
.in_form .row_grp input.subMit {
	font-size: 15px;
	height: 44px;
	padding: 12px 28px
}
.form_group_100 {
	margin: 2px 0
}
.form_group_100 input[type=textarea] {
	height: 60px
}
.form_group_100 input[type=file] {
	padding: 8px 10px;
	line-height: 18px
}
.in_form .row_grp .form_group select.form-control {
	padding: 9px 10px;
	min-height: 24px;
	margin: 2px 0;
	font-size: 14px
}
.d_l ul {
	padding: 5px 15px;
	height: 100%
}
.cont_article {
	max-width: calc(100% - 30px - 2px);
	padding: 15px
}
.d_l .selected:after {
	display: none
}
.d_l {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.vertical_tab_nav {
	display: block
}
.clm_5.clm_5_R.clm_5_R_1,
.row_L .clm_5 {
	max-width: calc(100% - 40px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.clm_5.clm_5_L li:first-child,
.clm_5.clm_5_R li:last-child {
	max-width: calc(100% - 0px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding: 0;
	text-align: center
}
.clm_5.clm_5_L li:last-child,
.clm_5.clm_5_R li:first-child {
	max-width: calc(100% - 0px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	border: 0;
	padding: 0;
	text-align: center
}
.clm_5 li img {
	width: 100px
}
.row_L,
.row_L .clm_5 ul {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap
}
.container.top-footerr .footer-detailsS li:nth-child(3) {
	width: calc(100% - 20px);
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	border-left: 0;
	border-bottom: 1px solid #48494a;
	padding-top: 0
}
.cunslatant h2,
.skillset h2 {
	margin-bottom: 20px
}
.request_form.show_Pop .form_RQ {
	bottom: 0
}
.form_RQ {
	max-width: calc(100% - 42px);
	padding: 20px;
	margin: 0;
	right: calc(-100%+55px);
	bottom: -59.7%;
	top: unset;
	transform: unset;
	-o-transform: unset;
	-ms-transform: unset;
	-moz-transform: unset;
	-webkit-transform: unset
}
.row_a a.faq,
.row_a a.ourPlans {
	max-width: 132px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 132px;
	flex: 0 0 132px
}
.row_a a.get_a_quote {
	margin: 10px 0 0;
	max-width: 320px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 320px;
	flex: 0 0 320px
}
header.header.sticky .hm_icon span:after,
header.header.sticky .hm_icon span:before {
	background: #6880b0
}
.sbm-btn {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	-webkit-box-pack: unset;
	-ms-flex-pack: unset;
	justify-content: unset
}
.form_group_cathe {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.tab_row form .form_group {
	width: 100%;
	margin: 10px 0 0
}
.tab_row form,
div#tab_port {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.tab_row {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.row_flex.prt_carousel .clm_6 {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	margin: 15px 0
}
.ab_banner.ab_banner {
	padding: 100px 0 30px
}
.banner_io .ab_banner p {
	font-size: 16px;
	line-height: 22px
}
.section22 p,
.section33 p {
	font-size: 16px;
	line-height: 26px
}
.section22 h2,
.section33 h2 {
	font-size: 20px;
	line-height: 20px
}
.background-of-start-a-project {
	padding: 30px 20px
}
.background-of-start-a-project a {
	margin: 0
}
#start-a-project h1 {
	font-size: 20px;
	margin: 0 0 15px
}
.full_width.full_width22 {
	margin: 10px 0
}
.form_hire .sbm-btn input {
	font-size: 15px;
	font-weight: 400
}
.form_hire {
	padding: 15px
}
.form_hire .full_width textarea {
	height: 100px
}
.form_hire .form_group_cathe {
	width: 100%
}
.form_hire .sbm-btn {
	margin: 20px 0 0
}
.ROW_H {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 0
}
.form_hire .full_width {
	margin: 5px 0;
	margin-bottom: 10px
}
.ROW_H .form_group,
.ROW_H select.form-control {
	width: calc(100% - 10px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	margin: 5px 0
}
a.tab-link.active {
	background: #5a7cb3;
	color: #fff
}
.form_group_cathe {
	width: 100%
}
.sbm-btn {
	margin: 20px 0 0;
	position: relative;
	width: 125px
}
.row_w {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
ul.Weaward {
	width: calc(100% - 0px);
	margin-top: 30px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 40px
}
.effect_img.wpb_column {
	width: 33.33%
}
ul#content_res_menu {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border: 0
}
ul#content_res_menu li {
	max-width: calc(50% - 2px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	border: 1px solid #dadada;
	margin: -1px 0 0
}
ul#content_res_menu {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end
}
ul#content_res_menu li:last-child {
	max-width: calc(100% - 2px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
ul.Weaward li {
	max-width: calc(50% - 20px);
	padding: 15px 10px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}
.ratingAbout .col-md-12 {
	width: calc(100% - 30px)
}
.ratingpara p .numbertext {
	font-size: 20px;
	line-height: 32px;
	padding: 1px 2px
}
.ratestars ul i.fas {
	font-size: 12px
}
.ratestars h2 {
	font-size: 35px;
	margin: 20px 0 0;
	line-height: 40px
}
.ratestars {
	width: 110px;
	height: 110px;
	margin-top: -90px
}
.ratingpara p {
	font-size: 20px;
	line-height: 25px
}
.techWeUse.text-center.seactionPadding h2.seactionHead {
	font-size: 20px;
	margin-bottom: 10px
}
ul.listig_ab li {
	line-height: 24px;
	font-size: 15px;
	margin: 0 0 15px
}
.research-categories-title {
	font: 600 20px/1.12 Roboto, sans-serif
}
h4.h44 {
	font-size: 16px
}
.container.top-footerr .footer-detailsS li:nth-child(1),
.container.top-footerr .footer-detailsS li:nth-child(2) {
	width: calc(50% - 20px - 1px);
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	margin: 0;
	padding: 10px 10px 0
}
.div_main {
	margin: 0 10px 0 0
}
.details_textT a,
.details_textT p {
	font-size: 14px;
	font-size: 14px;
	text-align: center
}
.networking .skype1 p {
	font-size: 18px;
	padding: 2px 0
}
.networking a {
	font-size: 14px
}
.networking .email,
.networking .skype {
	width: 60px
}
.networking .skype1 {
	padding: 0 0 0 15px
}
.audit_web .search-container {
	width: calc(100% - 80px);
	margin: 30px auto 0
}
.audit_web .search-container form {
	margin: 0
}
nav.navi_io {
	width: calc(100% - 40px)
}
span.font_weight_now {
	font-size: 23px
}
.row-ww ul li {
	width: calc(100% / 3 - 12px)
}
.service_box2 .hd_contentt {
	text-align: left;
	padding-left: 0
}
.service_box2 .hd_contentt p {
	font-size: 15px;
	text-align: left
}
.port p.port-text {
	margin: 0
}
.col_xs-6.col_xs-6CNT h1 {
	font-size: 30px
}
a.about_us_cnt {
	padding: 10px 30px
}
.col_xs_7 h3 {
	line-height: 28px;
	margin-bottom: 25px;
	font-size: 20px
}
.col_xs_7 h3>br {
	display: none
}
.service_box2 {
	height: auto
}
.footer-bottom .copyright {
	margin-bottom: 30px
}
.inner-Seo h6 {
	font-size: 17px
}
.seo_2 .col_Md_5 iframe {
	height: auto
}
}

@media only screen and (max-width:500px) {
.CNT_PROCES span {
	font-size: 10px
}
.Solution_skilled_ele .row-ww .col_sm_4 {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	margin: 10px 0;
	padding: 25px 15px
}
.hireDedicated ul {
	display: inline;
	text-align: left
}
.hireDedicated ul li {
	padding: 0 30px
}
.popOUTbox a.button.secondary {
	margin: 20px 0 0;
	font-size: 15px;
	font-weight: 400
}
.popOUTbox ul li .list_pp {
	top: 5px
}
.popOUTbox {
	padding: 30px
}
.popOUTbox h5 {
	font-size: 20px;
	line-height: 24px
}
.popOUTbox ul li p {
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 24px
}
.features_choose_us h3,
.inner-Seo h3,
.popOUTbox h2,
.pricing-section h1,
.seo_partner h2,
.services h2 {
	font-size: 20px;
	line-height: 24px
}
.roww-s .col_sm_s p {
	text-align: center
}
.seo-services .ab_banner.ab_banner h1 {
	font-size: 20px;
	line-height: 24px
}
.seo-experts .col_md_4 a {
	padding: 13px 24px;
	margin: 10px 0 0;
	font-size: 16px
}
.steps_process .cl_pcs h3 {
	font-size: 24px;
	line-height: 24px
}
.cl_pcs_1,
.cl_pcs_3,
.cl_pcs_5 {
	background: #08385a
}
.cl_pcs_2,
.cl_pcs_4,
.cl_pcs_6 {
	background: #072f4c
}
.steps_process .cl_pcs {
	width: calc(100% - 40px);
	padding: 20px
}
.seo_partner .roww-s {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.roww-s .col_sm_s {
	width: 100%;
	border: 1px solid rgba(39, 133, 138, .25);
	padding: 20px 0;
	margin: -1px 0 0;
	width: 100%
}
.form_RQ {
	bottom: -56%
}
.row_va .clm_7 h2 {
	font-size: 24px;
	line-height: 24px;
	margin: 0 0 15px;
	text-align: center
}
.va_cnt .hd_p {
	font-size: 16px;
	line-height: 20px
}
.cunslatant h2,
.skillset h2 {
	font-size: 24px;
	line-height: 32px
}
.row_a a.faq,
.row_a a.get_a_quote,
.row_a a.ourPlans {
	max-width: calc(100% - 0px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	margin: 10px 0 0;
	padding: 0
}
div#skillset .clm_4 {
	max-width: calc(100% - 30px);
	padding: 15px;
	margin: 5px 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.get_started a {
	width: calc(100% - 48px - 10px);
	font-size: 16px;
	margin: 15px 5px 0
}
.section2 a.theme_a,
.section22 a.theme_a,
.section3 a.theme_a,
.section33 a.theme_a {
	margin: 20px 2px 0;
	font-size: 15px;
	padding: 15px 20px;
	width: calc(50% - 40px - 4px)
}
.top-bottom-margin i {
	font-size: 24px
}
.in_form .row_grp .form_group {
	width: 100%
}
.form_RQ h3 {
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 5px;
	line-height: 18px
}
.form_RQ {
	right: calc(-100%+65px)
}
a.theme_a.rquest_quote {
	max-width: calc(100% - 40px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.third_ab_aa a {
	margin: 30px 0 0;
	padding: 12px 20px;
	font-size: 14px
}
.btn_quote {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap
}
.col_sm_4.benifites {
	margin: 5px 0
}
.top-bottom-margin h3.text-center {
	font-size: 18px
}
.flotting-benefits-of-choosing-unisoft h4 {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 10px;
	margin-top: 0
}
.benifites .div-fg {
	padding: 20px 0
}
.banner_io .ab_banner p {
	font-size: 16px;
	margin: 20px 0 0;
	text-align: center
}
.banner_io .ab_banner h1 {
	font-size: 24px;
	line-height: 30px;
	letter-spacing: 0
}
.banner_io .ab_banner h3 {
	font-size: 24px
}
.box_clm p {
	text-align: center
}
.clm3row.clm3rowlast {
	max-width: calc(100% - 1px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	border: 1px solid rgba(255, 255, 255, .4)
}
.clm3row {
	padding: 20px 0;
	max-width: calc(50% - 2px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	border: 1px solid rgba(255, 255, 255, .4);
	margin: 0 0 -1px
}
.row_clm {
	flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap
}
.homepage_boxes_text h2 {
	line-height: 30px;
	font-size: 26px;
	margin: 0 0 15px
}
.startWrap .networking.row {
	width: calc(100% - 0px);
	margin: 5px 0
}
.startWrap {
	padding: 0
}
.homepage_boxes .table_row {
	border: 0
}
.homepage_boxes aside:nth-child(odd) {
	border-left: 0;
	border-bottom: 1px solid #cfd0d3
}
.homepage_boxes aside:nth-child(even) {
	border-bottom: 1px solid #cfd0d3
}
.homepage_boxes aside {
	width: 50%
}
.service_box2 .hd_contentt {
	text-align: center
}
.service_box2 .hd_contentt p {
	text-align: center
}
.banner_cnt h1 br {
	display: none
}
.banner_cnt h1 {
	font-size: 30px;
	line-height: 36px
}
.btn_row a {
	margin: 35px 15px 0 0;
	padding: 7px 14px
}
.popular-news-block-wrapper .popular-news-list .news-item .image {
	display: none
}
.popular-news-block-wrapper .popular-news-list .news-item {
	padding-left: 0
}
.networking .email,
.networking .skype {
	width: 60px
}
.quate_details P {
	margin-bottom: 0
}
}

@media only screen and (max-width:450px) {
.row___list .clm_4 {
	padding: 15px;
	max-width: calc(50% - 30px - 2px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}
.desandwordpress .clm_8 .inner_features .clm_3:nth-child(odd):after {
	position: absolute;
	right: -17px;
	width: 35px;
	height: 35px;
	content: '';
	background: #f3f9f8;
	bottom: -17px;
	z-index: 1;
	border-radius: 50%
}
.desandwordpress .clm_8 .inner_features .clm_3:nth-child(5),
.desandwordpress .clm_8 .inner_features .clm_3:nth-child(6) {
	border-bottom: 0
}
.desandwordpress .clm_8 .inner_features .clm_3:nth-child(even),
.desandwordpress .clm_8 .inner_features .clm_3:nth-child(odd) {
	border-bottom: 1px solid #d0d0d0
}
.desandwordpress .clm_8 .inner_features .clm_3:nth-child(5),
.desandwordpress .clm_8 .inner_features .clm_3:nth-child(6) {
	border-bottom: 0
}
.desandwordpress .clm_8 .inner_features .clm_3:nth-child(odd) {
	border-right: 1px solid #d0d0d0
}
.row___list .clm_4:after {
	background: 0 0
}
.row___list .clm_4:nth-child(1),
.row___list .clm_4:nth-child(10),
.row___list .clm_4:nth-child(13),
.row___list .clm_4:nth-child(4),
.row___list .clm_4:nth-child(7) {
	border-left: 1px solid rgba(0, 0, 0, .15)
}
.row___list .clm_4:nth-child(odd) {
	border-left: 0
}
.effect_img.wpb_column {
	width: 50%
}
.span-img-bcu-image {
	width: 35px;
	margin: 0 auto
}
.col_sm_4.benifites {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 15px 0
}
.flotting-benefits-of-choosing-unisoft p {
	text-align: center
}
.flotting-benefits-of-choosing-unisoft {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	text-align: center
}
.pr_cnt {
	padding: 0 0 0 15px
}
.pr_cnt p {
	font-size: 15px;
	text-align: center
}
#hubspot-website-design h1 {
	font-size: 20px
}
#hubspot-website-design h3 {
	font-size: 20px
}
#form-bg-cst-heading h5 {
	font-size: 22px;
	font-weight: 600
}
#benefits-of-choosing-unisoft h2,
#hubspot-inbound-marketing h1,
#hubspot-inbound-marketing h2,
#our-hubspot-services h2,
.award_wining h3 {
	font-size: 25px;
	line-height: 35px
}
#hubspot-website-design h1 {
	font-weight: 400
}
.expertise h4 {
	font-size: 18px
}
p.first_pr {
	font-size: 14px
}
.row_form {
	margin: 0 0 35px
}
.ROW_W.ROW_W1 .form_group {
	max-width: calc(100% - 10px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	margin: 20px 0 0
}
.form_sss form {
	padding: 20px
}
#request-a-quote-now h2 {
	font-size: 20px;
	line-height: 30px
}
#form-bg-cst-heading p {
	line-height: 20px
}
.row-ww ul li {
	width: calc(100% / 2 - 12px)
}
span.span_pop1 {
	text-align: center;
	margin-top: 10px;
	display: block
}
.heading_section h2 {
	font-size: 30px;
	line-height: 35px;
	margin: 0 0 20px
}
.col_xs-6.col_xs-6CNT p.text_colourful p {
	text-align: center
}
a.btn.more-port {
	font-size: 16px;
	padding: 7px 28px
}
span.span_pop1 {
	margin: 0
}
ul.worktypelst li img {
	width: 50px
}
ul.worktypelst li label {
	display: block;
	text-align: center;
	margin: 0
}
ul.worktypelst li {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 3px 0
}
input.btn {
	padding: 12px 28px
}
ul.worktypelst li {
	width: calc(100% / 2 - 32px - 0px) !important;
	margin-right: 10px;
	padding: 5px 5px
}
span.colourd {
	font-weight: 600
}
.homeSection {
	padding: 100px 0 40px
}
.audit_web .search-container {
	width: calc(100% - 20px);
	margin: 40px 0 0
}
.btn_row a {
	margin: 20px 5px 0;
	width: calc(100% - 40px)
}
}

@media only screen and (max-width:400px) {
.cont_elem form .input_text {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.cont_elem form {
	margin: 20px 0 15px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.form-group.input_submit {
	margin: 10px 0 0
}
#start-a-project h1 {
	font-size: 18px
}
.whatsapp_icon .fa-whatsapp {
	font-size: 1.5em
}
.navigation-r3 .menu-toggle {
	width: 52px;
	height: 75px;
	margin-right: 5px
}
.call_icon .fa-phone {
	font-size: 1.2em
}
.top_right_pos {
	width: 110px;
	right: -10px
}
.navigation-r3 .logo-container {
	padding-left: 35px;
	height: 83px
}
.top_right_pos {
	height: 75px
}
.navigation-r3 {
	height: 75px
}
.form_sss {
	margin-top: -40px
}
.logo_io a {
	margin-left: 0
}
.top_right_pos p {
	width: 35%
}
.top_right_pos p:nth-child(2) {
	width: 48%
}
.top_right_pos p:nth-child(1) a {
	padding: 28px 0
}
.logo_io img {
	max-height: 55px
}
.hubspot-inbound-marketing2 h1 {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 10px
}
.hubspot-inbound-marketing2 h2 {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 10px
}
.techWeUse.text-center.seactionPadding p,
.we-adard.text-center.seactionPadding p {
	font-size: 15px
}
.cms_bsd p {
	text-align: center
}
.techWeUse.text-center.seactionPadding h2.seactionHead {
	font-size: 18px
}
.background-of-start-a-project a {
	padding: 8px 16px
}
.benefitscl h2 {
	font-size: 18px;
	line-height: 22px
}
.banner_io .navigation_io {
	width: 260px
}
.row_choose .clm_7 h2,
.skillset h2 {
	font-size: 24px;
	line-height: 24px
}
.row_choose .clm_7 ul li h3 {
	font-size: 17px
}
.listingIO-icon {
	width: 30px;
	left: 0;
	top: 0;
	height: 30px
}
.row_choose .clm_7 ul {
	margin: 25px 0 0;
	max-width: 100%
}
.row_choose .clm_7 ul li {
	padding: 0 0 0 55px
}
.row_choose .clm_7 h2 {
	font-size: 24px;
	line-height: 24px
}
.skillset .row_flex .clm_3 img {
	max-width: 50px
}
.skillset .row_flex .clm_3 {
	max-width: calc(50% - 30px - 5px);
	margin: 5px 0;
	padding: 15px
}
.blog.seactionPadding.ourblog h2.seactionHead.text-center,
.ourAchivement h2.seactionHead,
.portfolio2.seactionPadding.text-center h2.seactionHead,
.skillset h2,
.testimonial_sec .inner_testimonial h2 {
	font-size: 24px;
	line-height: 24px
}
.getAquoteM a.getAquote {
	padding: 15px
}
.getAquoteM {
	left: -100px
}
.section2 a.theme_a,
.section22 a.theme_a,
.section3 a.theme_a,
.section33 a.theme_a {
	margin: 10px 0 0;
	padding: 15px;
	width: 100%
}
.solution_cake h2 {
	font-size: 18px;
	line-height: 22px;
	margin: 5px 0 10px
}
.cnt_center h4 {
	font-size: 14px
}
#request-a-quote-now h4 {
	font-size: 16px;
	line-height: 20px
}
ul.row_S {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
ul.row_S li {
	max-width: calc(100% - 20px);
	text-align: left;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	-webkit-box-shadow: 0 0 10px #dedede;
	box-shadow: 0 0 10px #dedede;
	padding: 10px;
	margin: 4px 0
}
.shape {
	display: none
}
.services-s .row .clm_5 h3 {
	font-size: 35px
}
.services-s .clm_5 h2 {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 15px
}
.inn_sR .row .clm__2 {
	max-width: calc(100% / 2 - 6px - 0 - 2px);
	margin: 3px
}
.cnt_row h3 {
	line-height: 18px;
	font-size: 18px
}
ul.row_S li a {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
ul.row_S li img {
	max-width: 60px;
	margin: 0 5px 0 0
}
.clm_4rrr h2,
.start_p h2 {
	font-size: 24px
}
.clm_4rrr h2,
.start_p h2 {
	font-size: 24px
}
.high_performance h2,
.process h2 {
	font-size: 24px;
	line-height: 26px
}
.third_ab_aa a {
	margin: 15px 0 0;
	padding: 12px 20px
}
.cntaine {
	width: calc(100% - 30px);
	padding: 0 15px
}
.ROW_W.ROW_W1 .form_group {
	max-width: calc(100% - 0px)
}
.cntaine p.p2 {
	line-height: 25px;
	font-size: 20px
}
}

.android_app {
background: url(../img/cms-development.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center
}

.exprience_team {
padding: 0 0 50px;
text-align: center
}

.experience_teambox p {
text-align: justify;
margin: 0 0 15px;
font-size: 18px
}

.skillset2_links {
margin: 15px 0 10px
}

.goforus_section {
padding: 45px 0 60px
}

.laravel_dev {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .6))), url(../img/laravel-development-banner.png);
background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../img/laravel-development-banner.png);
background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../img/laravel-development-banner.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center
}

.deliver-section h2 {
font-size: 40px
}

.ios_app {
background: url(../img/Ios-banner-1.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center
}

.windows_app {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .6))), url(../img/cakephp-banner.jpg);
background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../img/cakephp-banner.jpg);
background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../img/cakephp-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center
}

.native_app {
background: url(../img/Native-App-Development.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center
}

.ionic_app {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .4))), url(../img/ionic-banner.jpg);
background: -o-linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/ionic-banner.jpg);
background: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/ionic-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center
}

.drupal_websitedev {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .1))), url(../img/drupal-development-banner.jpg);
background: -o-linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(../img/drupal-development-banner.jpg);
background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(../img/drupal-development-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center
}

.websitedev-drupalicon {
-webkit-filter: brightness(.5);
filter: brightness(.5);
-ms-filter: brightness(.5)
}

.websitedev-androidicon {
-webkit-filter: grayscale(1);
filter: grayscale(1);
-ms-filter: grayscale(1)
}

.angularjs_banner {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .6))), url(../img/angular-banner1.jpeg);
background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../img/angular-banner1.jpeg);
background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../img/angular-banner1.jpeg);
background-repeat: no-repeat;
background-size: cover;
background-position: center
}

.pay_media_banner {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .6))), url(../img/paid-media-advertising-banner.jpg);
background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../img/paid-media-advertising-banner.jpg);
background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../img/paid-media-advertising-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center
}

.paid-media-section1 {
padding-bottom: 0
}

.social_media_banner {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .4))), url(../img/social-media-banner.jpg);
background: -o-linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/social-media-banner.jpg);
background: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/social-media-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center
}

.pay_per_clickbanner {
background: url(../img/pay-per-click-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center
}

.test-betterheading-para {
text-align: center;
margin-bottom: 30px;
font-size: 18px
}

.pay-per-click-columns {
max-width: calc(50% - 60px - 30px);
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
-webkit-box-shadow: 0 0 30px #dadada;
box-shadow: 0 0 30px #dadada;
padding: 30px;
margin: 15px;
text-align: center
}

.pay-per-click-columns ul {
text-align: left;
padding-top: 20px;
padding-left: 25px
}

.pay-per-click-columns ul li {
list-style: disc
}

.services .row .pay-per-click-columns h3 {
font-size: 20px;
line-height: 30px;
font-family: Roboto, sans-serif;
margin: 0 0 15px;
color: #224b6c;
font-weight: 600
}

@media only screen and (max-width:1199px) {
.services .row .pay-per-click-columns {
	max-width: calc(50% - 60px - 30px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}
.hireDedicated ul {
	display: block;
	display: block;
	display: block;
	display: block;
	display: block;
	margin: 20px 0 0
}
.mid-details .dial_free {
	margin: 50px 0 20px
}
.Solution_skilled_ele .heading___sec h2 {
	font-size: 36px;
	line-height: 46px;
	letter-spacing: 0
}
}

@media only screen and (max-width:600px) {
.services .row .pay-per-click-columns {
	max-width: calc(100% - 60px - 0px);
	margin: 10px 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding: 30px
}
.piller_intro_content_container.piller_1.topsPPacr {
	margin-top: 30px
}
.manage_everything.sell_everywhere.sV1 {
	margin-top: 30px
}
}

.content_marketingbanner {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .6))), url(../img/paid-media-advertising-banner.jpg);
background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../img/paid-media-advertising-banner.jpg);
background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../img/paid-media-advertising-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center
}

.graphic_designbanner {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .6))), url(../img/graphic-designbanner.png);
background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../img/graphic-designbanner.png);
background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../img/graphic-designbanner.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center
}

.crm_banner {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .3))), url(../img/erp-crm-banner.jpg);
background: -o-linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url(../img/erp-crm-banner.jpg);
background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url(../img/erp-crm-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center
}

@media(max-width:1920px) and (min-width:1240px) {
.erpsection-padding {
	padding-top: 0
}
}

.getQuote-btn {
position: fixed;
top: 50%;
right: -75px;
background: #fff;
transform: rotate(-90deg) translateY(-50%);
-o-transform: rotate(-90deg) translateY(-50%);
-ms-transform: rotate(-90deg) translateY(-50%);
-webkit-transform: rotate(-90deg) translateY(-50%);
-moz-transform: rotate(-90deg) translateY(-50%);
border: 1px solid #5a7ab2;
padding: 10px;
z-index: 9999
}

.getQuote-btn a:hover {
color: #5a7ab2
}

.getQuote-btnAnchor {
padding: 9px 8px 10px 9px;
border-bottom: 0;
font-size: 18px;
letter-spacing: 1px;
color: #5a7ab2;
font-family: calibre-R;
transform-origin: 100% 100% 0;
-webkit-transform-origin: 100% 100% 0;
-ms-transform-origin: 100% 100% 0
}

.testimonial-container {
max-width: calc(100% - 160px);
margin: 0 auto
}

.get-quote-form {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
display: none;
background: rgba(4, 11, 23, .98);
overflow-y: scroll
}

.show_Pop {
display: block
}

.get-quote-form::-webkit-scrollbar-thumb:hover {
background: #555
}

.get-quote-form::-webkit-scrollbar-thumb {
background: #888
}

.get-quote-form::-webkit-scrollbar {
width: 5px
}

.get-quote-form .close-quote-form {
float: right;
font-size: 45px;
font-weight: 200;
line-height: 1;
color: #fff;
text-shadow: 0 1px 0 #fff;
-webkit-text-shadow: 0 1px 0 #fff;
-moz-text-shadow: 0 1px 0 #fff;
opacity: 1;
margin: 25px;
position: relative;
z-index: 5;
cursor: pointer
}

.get-quote-form-elements .row {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.get-quote-form .get-quote-form-elements h3 {
color: #fff;
margin: 20px 0;
font-weight: 300;
font-size: 35px
}

.col-md-6.col-sm-6.col-12.form-box {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: calc(50% - 40px);
flex: 0 0 50%;
padding: 50px 20px
}

.col-md-6.col-sm-6.col-12.pop-details {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: calc(50% - 40px);
flex: 0 0 50%;
padding: 20px 0 10px 20px
}

.iogoos-logo {
text-align: center
}

.iogoos-logo img {
width: 200px;
height: auto
}

.stars {
text-align: center;
margin: 5px 0
}

.stars img {
width: 50%;
height: auto
}

.testimonial_sec_form {
padding: 15px 0 0;
text-align: center
}

.testimonial_sec_form .inner_testimonial h2 {
font-size: 45px;
font-weight: 600;
line-height: 40px;
margin: 0 0 25px;
text-align: center;
font-family: Roboto, sans-serif;
padding: 0;
color: #fff
}

ul.testimonialul p {
font-size: 14px;
color: #fff
}

.testimonial-user {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
-moz-justify-content: center;
-webkit-justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
margin: 15px 0
}

.testimonial-user .user-icon {
width: 60px;
border-radius: 50%;
margin: 0;
height: 60px;
overflow: hidden;
box-shadow: 0 0 26px 0 #bbb;
-o-box-shadow: 0 0 26px 0 #bbb;
-ms-box-shadow: 0 0 26px 0 #bbb;
-moz-box-shadow: 0 0 26px 0 #bbb;
-webkit-box-shadow: 0 0 26px 0 #bbb;
border: 1px solid #cca46d
}

.testimonial-user p.user_name {
font-size: 15px;
color: #fff
}

ul.our-award {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-o-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
width: calc(100% - 0px);
margin: 0 auto
}

ul.our-award li {
max-width: calc(25% - 60px);
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
padding: 15px 30px
}

ul.our-award li img {
max-width: 350px;
width: 100%;
display: block
}

ul.our-award.popup-award li img {
max-width: 100px;
width: 100%;
height: auto;
display: block
}

.main__wrap {
position: relative;
z-index: 0
}

.form_group_100 input[type=file] {
position: relative;
width: calc(100% - 20px);
padding: 11px 10px;
background: 0 0;
font-size: 14px;
color: #fff;
line-height: 30px;
border: 0;
border-bottom: 1px solid #fff;
outline: 0
}

.form_group_100 input[type=file]:after {
position: absolute;
left: 0;
top: 0;
font-size: 15px;
color: #fff;
width: 80px;
height: calc(100% - 20px);
content: url(../img/file-upload-icon.png);
text-align: center;
padding: 10px;
background: #5b78b1;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5985ba), color-stop(130%, #5c73ad));
background: -o-linear-gradient(top, #5985ba 0, #5c73ad 130%);
background: linear-gradient(to bottom, #5985ba 0, #5c73ad 130%)
}

.choose_filebtn {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 0;
border: 0;
border-bottom: 1px solid #fff;
font-size: 14px;
padding: 0;
min-height: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
float: left;
color: #fff;
position: relative;
margin: 0;
text-align: center;
outline: 0
}

.choose_filebtn input#avatar {
width: 100%;
padding: 0 0 0 30px;
border: 0
}

.choose_filebtn:after {
content: url(../img/file-upload-icon.png);
position: absolute;
left: 0;
top: 0;
color: #fff;
background: #5a7eb5;
width: 70px;
height: 100%;
font-weight: 600;
padding: 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}

.request_form {
background: #fff
}

.in_form::-webkit-scrollbar-thumb:hover {
background: #555
}

.in_form::-webkit-scrollbar-thumb {
background: #888
}

.in_form::-webkit-scrollbar-track {
background: #f1f1f1
}

.in_form::-webkit-scrollbar {
width: 10px
}

.close_X {
display: none;
position: absolute;
right: -35px;
text-transform: uppercase;
font-weight: 600;
font-size: 22px;
top: -15px;
color: #fff;
padding: 5px 15px;
border-radius: 3px;
cursor: pointer
}

.form_RQ {
max-width: 500px;
width: calc(100% - 40px);
position: fixed;
right: -545px;
top: 50%;
margin: 0;
transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
background: #fefefe;
padding: 20px;
z-index: 1;
-webkit-box-shadow: 0 0 10px #a9a9a9;
box-shadow: 0 0 10px #a9a9a9;
-webkit-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
border: 1px solid #5982b8;
-webkit-animation: 0;
animation: 0
}

.in_form .row_grp .form_group_captcha {
max-width: 400px
}

.request_form.show_Pop .form_RQ {
right: 0
}

.form_RQ h3 {
font-size: 25px;
font-weight: 600;
margin: 0 0 15px;
line-height: 25px;
font-family: Roboto, sans-serif;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9484d0), to(#316586));
background: -o-linear-gradient(top, #9484d0 0, #316586 100%);
background: linear-gradient(to bottom, #9484d0 0, #316586 100%)
}

.in_form .row_grp {
width: 100%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-o-justify-content: space-between;
-ms-justify-content: space-between;
-moz-justify-content: space-between;
-webkit-justify-content: space-between
}

.request_form .form_group_captcha img {
width: 100%;
margin: 10px 0
}

.in_form .row_grp .form_group_captcha {
max-width: 400px
}

.in_form .row_grp .form_group {
width: calc(50% - 10px)
}

.in_form .row_grp .form_group input[type=text] {
width: calc(100% - 16px - 2px);
padding: 10px;
min-height: 24px;
background: 0 0;
margin: 8px 0;
color: #fff;
border: 0;
border-bottom: 1px solid #fff;
outline: 0
}

.form_group_100 {
width: 100%;
margin: 10px 0
}

.form_group_100 .form_group_100textarea {
width: calc(100% - 20px);
height: 40px;
line-height: 40px;
background: 0 0;
padding: 10px;
font-size: 14px;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
border-bottom: 1px solid #fff;
outline: 0
}

.form_group_100 .form-control {
width: calc(100% - 20px);
height: 30px;
-webkit-box-shadow: none;
box-shadow: none;
background: 0 0;
padding: 10px
}

.in_form .row_grp .form_group select.form-control {
width: 100%;
padding: 13px 10px;
min-height: 24px;
background: 0 0;
margin: 8px 0;
font-size: 14px;
color: #fff;
border: 0;
border-bottom: 1px solid #fff;
outline: 0
}

.in_form select option {
color: #222;
font-size: 15px
}

.form_group_captcha img {
width: 60%;
margin: 10px 0
}

.in_form .row_grp input.subMit {
letter-spacing: .5px;
border: 0;
font-size: 16px;
height: 53px;
color: #fff;
padding: 14px 25px;
margin-top: 15px;
background: #5b78b1;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5985ba), color-stop(130%, #5c73ad));
background: -o-linear-gradient(top, #5985ba 0, #5c73ad 130%);
background: linear-gradient(to bottom, #5985ba 0, #5c73ad 130%);
text-decoration: none;
-webkit-box-shadow: 0 0 20px #374b6d;
box-shadow: 0 0 20px #374b6d
}

.in_form .row_grp {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.in_form .row_grp .form_group .textbx::-webkit-input-placeholder {
color: #fff;
opacity: 1;
letter-spacing: .5px
}

.in_form .row_grp .form_group .textbx::-moz-placeholder {
color: #fff;
opacity: 1;
letter-spacing: .5px
}

.in_form .row_grp .form_group .textbx:-ms-input-placeholder {
color: #fff;
opacity: 1;
letter-spacing: .5px
}

.in_form .row_grp .form_group .textbx::-ms-input-placeholder {
color: #fff;
opacity: 1;
letter-spacing: .5px
}

.in_form .row_grp .form_group .textbx::placeholder {
color: #fff;
opacity: 1;
letter-spacing: .5px
}

.in_form .row_grp .form_group .filetext::-webkit-input-placeholder {
color: #fff;
opacity: 1;
letter-spacing: .5px
}

.in_form .row_grp .form_group .filetext::-moz-placeholder {
color: #fff;
opacity: 1;
letter-spacing: .5px
}

.in_form .row_grp .form_group .filetext:-ms-input-placeholder {
color: #fff;
opacity: 1;
letter-spacing: .5px
}

.in_form .row_grp .form_group .filetext::-ms-input-placeholder {
color: #fff;
opacity: 1;
letter-spacing: .5px
}

.in_form .row_grp .form_group .filetext::placeholder {
color: #fff;
opacity: 1;
letter-spacing: .5px
}

.in_form .row_grp .form_group .textbx::-ms-input-placeholder {
color: #fff;
letter-spacing: .5px
}

.in_form .row_grp .form_group .filetext::-ms-input-placeholder {
color: #fff;
letter-spacing: .5px
}

.in_form .row_grp .form_group .textbx::-ms-input-placeholder {
color: #fff;
letter-spacing: .5px
}

.form_group_100 .form_group_100textarea::-webkit-input-placeholder {
color: #ffffffb3;
opacity: 1;
letter-spacing: .5px
}

.form_group_100 .form_group_100textarea::-moz-placeholder {
color: #ffffffb3;
opacity: 1;
letter-spacing: .5px
}

.form_group_100 .form_group_100textarea:-ms-input-placeholder {
color: #ffffffb3;
opacity: 1;
letter-spacing: .5px
}

.form_group_100 .form_group_100textarea::-ms-input-placeholder {
color: #ffffffb3;
opacity: 1;
letter-spacing: .5px
}

.form_group_100 .form_group_100textarea::placeholder {
color: #ffffffb3;
opacity: 1;
letter-spacing: .5px
}

@media only screen and (max-width:1450px) {
.testimonial-container {
	max-width: 1200px
}
ul.our-award li {
	max-width: calc(30% - 60px)
}
}

@media only screen and (max-width:990px) {
.pop-details {
	display: none
}
.form-box {
	max-width: calc(100% - 40px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding: 50px 20px
}
}

@media only screen and (max-width:600px) {
.getQuote-btn {
	display: none
}
.form-box {
	max-width: calc(100% - 0px)
}
.in_form .row_grp .form_group {
	width: calc(100% - 10px)
}
.get-quote-form-elements .row {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin: 0 auto
}
.col-md-6.col-sm-6.col-12.form-box {
	padding: 0 0 10px
}
.in_form .row_grp .form_group select.form-control {
	padding: 0 0 5px;
	width: calc(100% - 0px);
}
.in_form .row_grp .form_group input[type=text] {
	padding: 0 0 3px;
	width: calc(100% - 0px);
}
.form_group_100 input[type=file] {
	padding: 0;
	width: calc(100% - 0px);
	width: calc(100% - 10px)
}
.form_group_100 .form_group_100textarea {
	width: calc(100% - 30px);
	height: 25px;
	line-height: 25px
}
.form_group_captcha img {
	width: 95%;
	margin: 10px 5px
}
.form_group_100 input[type=file]:after {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 15px;
	color: #fff;
	width: 72px;
	height: calc(100% - 0px);
	content: url(../img/file-upload-icon.png);
	text-align: center;
	padding: 3px 10px;
	background: #5b78b1;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5985ba), color-stop(130%, #5c73ad));
	background: -o-linear-gradient(top, #5985ba 0, #5c73ad 130%);
	background: linear-gradient(to bottom, #5985ba 0, #5c73ad 130%)
}
.choose_filebtn {
	width: 98%
}
}

#formresponse .alert-danger,
.alert-danger,
.formresponse .alert-danger {
color: red
}

#formresponse .alert-success,
.alert-success,
.formresponse .alert-success {
color: #166fb7;
padding: 5px 0
}

.hero-box {
position: relative;
height: 640px;
margin-top: -80px;
background-repeat: no-repeat;
background-size: cover;
background-position: center
}

.hero-box14 {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .3))), url(../img/slideshow-1.jpg);
background: -o-linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .3)), url(../img/slideshow-1.jpg);
background: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .3)), url(../img/slideshow-1.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center
}

.box-content {
position: absolute;
top: 240px;
left: 0;
z-index: 1;
width: 100%
}

section.start_project.startpro-sec-mainContainer.start_project2:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
background: -webkit-gradient(linear, left top, right top, from(#4c2b0991), to(rgba(0, 0, 0, .2)));
background: -o-linear-gradient(left, #4c2b0991, rgba(0, 0, 0, .2));
background: linear-gradient(to right, #4c2b0991, rgba(0, 0, 0, .2))
}

.herocontainer-fluid {
padding: 0 20px
}

.port_header {text-align: center;margin-bottom: 50px;margin-top: 50px;display: inline-block;width: 100%;}

.box-content .box-title {
margin: 0 0 15px;
font-size: 48px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
letter-spacing: -1.5px;
line-height: 42px
}

.box-content .box-subtitle {
color: #dadada;
margin: 15px 0 20px;
font-size: 15px;
font-weight: 600;
text-transform: uppercase
}

.sec-mainContainer {
position: relative;
z-index: 3;
margin: 0 auto
}

.sec-row {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

.sec_col-md-8 {max-width: calc(65% - 50px);padding: 60px 20px 40px 0;-webkit-box-flex: 0;-ms-flex: 0 0 65%;flex: 0 0 65%;}

.sec_col-md-4 {max-width: calc(35% - 0px);padding: 60px 0;-webkit-box-flex: 0;-ms-flex: 0 0 35%;flex: 0 0 35%;}

.portfolio_left img {width: 100%;height: auto;position: absolute;margin:0;padding:0;-webkit-transition: top 11s;-moz-transition: top 11s;-ms-transition: top 11s;-o-transition: top 11s;transition: bottom 11s;border: unset;border-radius: unset;background-position: top;object-position: top;top: 0;}

.left-content-Prt ul {margin: auto;padding: 0;float: left;margin-top: -40%;}

.left-content-Prt ul li:first-child {padding-bottom: 12px;padding-top: 10px;}

.left-content-Prt ul li {color: #fff;font-size: 16px;display: inline-block;margin: 5px 10px;width: calc(50% - 23px);border-bottom: 1px solid rgba(195, 195, 195, .5);}

.build-text {
float: left;
font-size: 18px;
line-height: 38px;
color: #fff
}

.build-icons {
float: left;
width: auto;
margin: 0 0 0 15px
}

.iphone-icon {
float: left;
width: 20px;
height: 32px;
background: url(../img/true-group-msg-security-sprite-new.png) no-repeat;
background-position: -39px 0;
margin: 2px 0 0
}

.Android-icon {
float: left;
height: 32px;
width: 25px;
background: url(../img/android_portfolio_icon.png) no-repeat;
background-position: 0;
margin: 0 0 0 10px;
background-size: 25px
}

.www-icon {
float: left;
width: 37px;
height: 31px;
background: url(../img/true-group-msg-security-sprite-new.png) no-repeat 0 -1px;
margin: 4px 0 0 10px
}

.industry-image {float: left;width: 40px;height: 70px;background: url(../img/true-group-msg-security-sprite-new.png) no-repeat;margin: 12px 12px 0 0;background-position: -65px -1px;}

.options-text-part {
float: left
}

.options-details {
display: block;
color: #fff;
font-size: 16px
}

.options-text-part {float: left;}

.tech-icon {float: left;width: 35px;height: 100px;background: url(../img/true-group-msg-security-sprite-new.png) no-repeat -156px -1px;margin: 10px 13px 5px 0;}

.country-image {
float: left;
width: 35px;
height: 35px;
background: url(../img/true-group-msg-security-sprite-new.png) no-repeat -113px -1px;
margin: 10px 12px 0 0
}

aside.tt-sidebar.theme-sidebar {
margin-top: -90px;
position: relative;
z-index: 2
}

.tt-sidebar .widget {
-webkit-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .54);
box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .54);
border-radius: 5px;
background: #fff;
padding: 30px;
margin: 0 0 25px;
border: 1px solid #eaeaea
}

.tt-sidebar .widget_theme_purchase .theme-price {
display: block;
text-align: center;
margin: 0 0 13px
}

.tt-sidebar .widget_theme_purchase .theme-price .price {
position: relative;
display: block;
line-height: 18px;
font-weight: 700;
color: #051119;
padding: 0 20px
}

.tt-sidebar .widget_theme_purchase .theme-price span.text {font-size: 20px;text-transform: uppercase;font-family: Roboto, sans-serif;color: #1474bb;}

.tt-sidebar .widget>p {text-align: left;margin: 0 0 25px;font-size: 15px;}

.tt-sidebar .widget_theme_purchase .widget-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}

.tt-sidebar .widget .widget-title {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;letter-spacing: -.05em;text-align: center;line-height: 1em;font-size: 20px;font-family: Roboto, sans-serif;}

a.port_btn-1,
a.port_btn-2 {
text-transform: uppercase;
letter-spacing: -.5px;
position: relative;
border-radius: 2px;
font-weight: 600;
padding: 0 15px;
height: 48px;
line-height: 48px;
font-size: 14px;
display: inline-block;
margin-right: 10px
}

a.port_btn-1 {
margin: 0 20px 0 0;
color: #fff;
text-transform: uppercase;
position: relative;
font-weight: 600;
z-index: 0;
text-decoration: none;
display: inline-block;
background: #176db4;
background: -o-radial-gradient(#0894d8, #176cb4);
background: radial-gradient(#0894d8, #176cb4);
text-decoration: none;
box-shadow: 0 0 20px #ababab;
-o-box-shadow: 0 0 20px #ababab;
-ms-box-shadow: 0 0 20px #ababab;
-moz-box-shadow: 0 0 20px #ababab;
-webkit-box-shadow: 0 0 20px #ababab
}

a.port_btn-2 {
color: #5b78b1;
border: 1px solid #5b78b1;
background: 0 0;
-webkit-box-shadow: unset;
box-shadow: unset
}

.widget-title {
font-size: 20px;
line-height: 30px;
padding-bottom: 20px;
margin-bottom: 0;
font-weight: 600;
color: #1474bb
}

.tt-sidebar .widget_theme_details .details-list {
padding: 0 10px
}

.tt-sidebar .widget ul {
padding-left: 25px;
margin: 0
}

.tt-sidebar .widget .list_style_p ul {
padding: 0
}

.cleanlist {
list-style-type: none;
padding: 0;
margin: 0
}

.tt-sidebar .widget_theme_details .details-list li {
display: block
}

.div_ {
margin-bottom: 20px
}

.tt-sidebar .widget_theme_details .details-list li .item-title {
display: block;
text-transform: uppercase;
letter-spacing: 0;
font-weight: 700;
line-height: 1em;
color: #3a3a3a;
margin: 0 0 7px
}

.tt-sidebar .widget_theme_details .details-list li {
letter-spacing: .02em;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear
}

.div_.list_style_p li:after {
position: absolute;
left: 0;
top: 15px;
content: '';
width: 6px;
height: 6px;
background: #797979;
border-radius: 50px
}

.tt-sidebar .widget_theme_details .details-list li:hover {
letter-spacing: .7px
}

.div_.list_style_p li {padding: 5px 15px 15px;position: relative;border-bottom: 1px solid #f3f3f3;font-size: 15px;}

.rel_link {
padding: 15px;
-webkit-box-shadow: 0 0 20px #e2e2e2;
box-shadow: 0 0 20px #e2e2e2;
cursor: pointer
}

.start_project {
padding: 35px 0
}

.start_project2 {
position: relative;
padding: 40px 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .45)), to(rgba(44, 62, 93, .65))), url(../img/Partner-Banner.jpg);
background: -o-linear-gradient(rgba(0, 0, 0, .45), rgba(44, 62, 93, .65)), url(../img/Partner-Banner.jpg);
background: linear-gradient(rgba(0, 0, 0, .45), rgba(44, 62, 93, .65)), url(../img/Partner-Banner.jpg)
}

.start_project .sec-container {
position: relative;
z-index: 1
}

.start_project .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
-o-align-items: center
}

.start_project .row .col-sm-5,
.start_project .row .col-sm-7 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
text-align: center
}

.start_project h1 {
text-align: center;
color: #f7f7f7;
font-weight: 700;
text-transform: uppercase;
letter-spacing: -.8px;
font-size: 30px;
font-weight: 600;
line-height: 40px;
margin: 0 0 20px
}

.start_project1 {
padding: 12px 30px;
color: #fff;
text-transform: uppercase;
position: relative;
font-weight: 600;
z-index: 0;
text-decoration: none;
display: inline-block;
background: #176fb7;
background: -o-radial-gradient(#0dabf7, #176fb6);
background: radial-gradient(#0dabf7, #176fb6);
text-decoration: none
}

.start_project1:hover {
text-decoration: none;
color: #fff
}

.features_row {
padding: 0;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-o-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between
}

.cnt-left ul li:after {
position: absolute;
top: 0;
width: 16px;
height: 16px;
background: url(../img/list.png);
content: '';
right: -16px;
background-size: 16px
}

.last_prt {
padding: 35px 0
}

.cnt-left ul li img {
display: none
}

.features_col-md-5 {
max-width: calc(42% - 30px);
padding: 0 0 0 30px;
text-align: right
}

.features_col-md-7 {
max-width: calc(58% - 30px);
padding: 0 30px 0 0
}

.cnt-left {
padding-left: 10px
}

#industeries h1,
._sb_title h1,
.cnt-left h3,
.seactionHead,
.seo-block h2 {
font-size: 40px;
font-weight: 600;
line-height: 40px;
margin: 0 0 20px;
color: #176db5;
padding: 0;
font-family: Roboto, sans-serif
}

.cnt-left ul li:after {
position: absolute;
top: 6px;
width: 16px;
height: 16px;
background: url(../img/list.png);
content: '';
background-repeat: no-repeat;
-webkit-filter: drop-shadow(2px 4px 6px rgba(180, 25, 120, .4));
filter: drop-shadow(2px 4px 6px rgba(180, 25, 120, .4));
right: -16px;
background-size: 16px
}

.cnt-left ul {
list-style: none;
padding: 0 0 0 5px;
margin-bottom: 0
}

.mar-Tp {
margin-top: 30px
}

.cnt-left ul li {
position: relative;
margin-bottom: 10px;
padding: 0 20px 0 0
}

.cnt-left ul li img {
width: 16px;
margin-top: 5px;
position: absolute
}

.cnt-left ul p {
margin-bottom: 0;
padding-right: 20px
}

.cnt-right img,
.features_image img {
-webkit-transition: all 1.3s linear;
-o-transition: all 1.3s linear;
transition: all 1.3s linear
}

.img-fluid {
max-width: 100%;
height: auto
}

.prt-padding {
padding: 10px 0;
background: #fbfbfb
}

.sec_3row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-webkit-align-items: center
}

.sec3_col-md-6 {
max-width: calc(50% - 20px);
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%
}

.section3_col-md-6 {
max-width: calc(50% - 20px);
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%
}

.cnt-left p>strong {
font-size: 16px
}

._sb_title {
text-align: center;
padding-bottom: 30px
}

._sb_title span {
font-size: 30px;
font-weight: 600;
color: #1474bb;
margin-bottom: 10px;
display: block;
line-height: 30px
}

.submenu {
position: static;
z-index: 50
}

header.header.mega_menu .submenu .mega_list {
width: auto;
margin: 0;
display: none
}

header.header.mega_menu .submenu:hover .mega_list {
display: block;
opacity: 1;
z-index: 500;
top: 70px
}

header.header.mega_menu.sticky .submenu:hover .mega_list {
top: 60px
}

.navigation_io .submenu .mega_list ul {
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal
}

.navigation_io .submenu .mega_list ul ul li {
width: 100%
}

.navigation_io .submenu .mega_list ul ul li a {
text-transform: capitalize
}

.logo_io a {
max-height: 72px
}

.logo_io a img {
max-height: 72px
}

.sticky .logo_io img {
max-height: 65px
}

.sticky .logo_io a {
max-height: 65px
}

.common-section {
background: url(../img/iogoos-seo.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover
}

.common-section:after {
position: absolute;
left: 0;
top: 0;
content: '';
width: 100%;
opacity: .7;
height: 100%;
z-index: 0;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1f5892), to(#5d4420));
background-image: -o-linear-gradient(top, #1f5892 0, #5d4420 100%);
background-image: linear-gradient(to bottom, #1f5892 0, #5d4420 100%)
}

.new-services-section {
padding-top: 40px
}

.new-services-section .row {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

.new-services-section .row .clm-6 {
padding-right: 30px;
max-width: calc(60% - 30px);
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%
}

.new-services-section .row .clm-6-two {
max-width: 40%;
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%
}

.year-fig-count {
opacity: 1;
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
width: 330px;
-o-transition: 1.5s all;
transition: 1.5s all;
-webkit-transition: 1.5s all;
-moz-transition: 1.5s all
}

.years-in {
float: left;
width: calc(100% - 330px);
position: relative
}

.position-relative {
position: relative
}

.primary-gradient {
background: #284e75;
background: -webkit-gradient(linear, left top, right top, from(#264173), to(#47849c));
background: -o-linear-gradient(left, #264173, #47849c);
background: linear-gradient(to right, #264173, #47849c)
}

.years-exp {
padding: 85px 26px;
float: left
}

.more-than::after {
content: "More than";
position: absolute;
color: #fff;
left: -15px;
top: calc(50% - 28.85px);
-webkit-transform: rotateZ(-90deg);
-ms-transform: rotate(-90deg);
transform: rotateZ(-90deg);
font-weight: 600;
font-size: 12px;
letter-spacing: .5px
}

.new-services-section .year-fig-count .figure {
-ms-transform: scale(1px);
transform: scale(1px);
-webkit-transform: scale(1px);
transform: scale(1px);
opacity: 1;
-o-transition-delay: .4s;
transition-delay: .4s;
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s
}

.year-fig-count span.figure {
display: inline-block;
-ms-transform: scale(.2px);
transform: scale(.2px);
-webkit-transform: scale(.2px);
transform: scale(.2px);
opacity: 0;
-o-transition: 1.5s all;
transition: 1.5s all;
-webkit-transition: 1.5s all;
-moz-transition: 1.5s all
}

.years-exp .span {
display: inline-block
}

.av-white {
color: #fff
}

.figure {
font-size: 130px;
font-family: "Playfair Display", serif
}

.years-exp .span {
display: inline-block
}

.new-services-section .plus-icon {
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
opacity: 1
}

.plus-icon {
font-family: Playfair Display;
font-weight: 700;
font-size: 80px;
line-height: 60px
}

.full.years,
.plus-icon,
p.full.expr {
font-size: 90px;
line-height: 90px;
-ms-transform: translateY(20px);
transform: translateY(20px);
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-o-transition: 1.5s;
transition: 1.5s;
-webkit-transition: 1.5s;
-moz-transition: 1.5s;
opacity: 0;
-o-transition-delay: .5s;
transition-delay: .5s;
-webkit-transition-delay: .5s;
-moz-transition-delay: .5s
}

.new-services-section .full.years {
font-size: 50px;
line-height: 50px;
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
opacity: 1
}

.full.years,
.plus-icon,
p.full.expr {
font-size: 90px;
line-height: 90px;
-ms-transform: translateY(20px);
transform: translateY(20px);
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-o-transition: 1.5s;
transition: 1.5s;
-webkit-transition: 1.5s;
-moz-transition: 1.5s;
opacity: 0;
-o-transition-delay: .5s;
transition-delay: .5s;
-webkit-transition-delay: .5s;
-moz-transition-delay: .5s
}

.full {
width: 100%
}

.new-services-section p.full.expr {
opacity: 1;
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0)
}

p.full.expr {
font-size: 16px;
line-height: 30px;
-o-transition-delay: .8s;
transition-delay: .8s;
-webkit-transition-delay: .8s;
-moz-transition-delay: .8s
}

.pt-5 {
padding-top: 5px
}

.new-services-section .years-in .bridge {
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
opacity: 1
}

.years-in .bridge {
font-size: 50px;
font-weight: 700;
padding-left: 20px;
top: calc(200px - 37px);
width: 100%;
position: absolute;
-ms-transform: translateX(-20px);
transform: translateX(-20px);
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
opacity: 0;
-o-transition: 1.5s all;
transition: 1.5s all;
-webkit-transition: 1.5s all;
-moz-transition: 1.5s all;
-o-transition-delay: .8s;
transition-delay: .8s;
-webkit-transition-delay: .8s;
-moz-transition-delay: .8s
}

.av-secondary {
color: #1474bb
}

.new-services-section .av-secondary.bridge::before {
opacity: 1;
border-radius: 0;
-o-transition-delay: .75s;
transition-delay: .75s;
-webkit-transition-delay: .75s;
-moz-transition-delay: .75s
}

.av-secondary.bridge::before {
content: "";
position: absolute;
height: 390px;
border-right: 2px dashed #5c7cb2;
width: 262px;
top: calc(-200px + (75px / 2));
right: 10%;
border-radius: 15%;
-webkit-transition: 1.5s;
-o-transition: 1.5s;
transition: 1.5s;
transition: 1.5s;
transition: 1.5s;
opacity: 0
}

.av-secondary.bridge::after {
content: "";
position: absolute;
width: 70%;
border-bottom: 2px dashed #5c7cb2;
height: 1px;
top: 42px;
right: 12%
}

.fields-cont {
padding-top: 0
}

.new-services-section .service-cat:nth-child(1) {
-o-transition-delay: .85s;
transition-delay: .85s;
-webkit-transition-delay: .85s;
-moz-transition-delay: .85s
}

.new-services-section .anim-first,
.new-services-section .anim-second,
.new-services-section .anim-third {
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}

.anim-first,
.anim-second,
.anim-third {
-ms-transform: translateY(35px);
transform: translateY(35px);
-webkit-transform: translateY(35px);
transform: translateY(35px);
opacity: 0;
-o-transition: 1.5s all;
transition: 1.5s all;
-webkit-transition: 1.5s all;
-moz-transition: 1.5s all
}

.service-cat {
margin-bottom: 30px
}

.service-cat h3 {
font-weight: 600;
line-height: 30px;
margin: 0 0 10px;
color: #176db5;
font-size: 28px;
font-family: Roboto, sans-serif
}

.new-services-section .anim-second {
-o-transition-delay: .2s;
transition-delay: .2s;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s
}

span.color-span {
color: #373a87;
font-weight: 400
}

.title-sm.text-uppercase::after {
position: absolute;
content: '';
top: 80px;
width: 200px;
height: 3px;
background: 0 0
}

a.animated-button {
position: relative;
display: inline-block;
width: 12.6em;
height: 5.3em;
overflow: hidden;
vertical-align: middle;
text-align: left;
text-decoration: none;
line-height: 3em;
font-size: 1rem;
color: #5a83b8;
cursor: pointer;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
-o-transition: transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s
}

a.animated-button svg {
z-index: 1;
position: absolute;
top: 10px;
left: -55px
}

a.animated-button svg g circle,
a.animated-button svg g line,
a.animated-button svg g polyline {
fill: none;
stroke: #5a83b8;
stroke-width: 1.8px
}

a.animated-button svg g line,
a.animated-button svg g polyline {
stroke-miterlimit: 10
}

a.animated-button svg g circle {
display: block;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.8px;
stroke-dasharray: 200;
stroke-dashoffset: 0;
-webkit-transition: stroke-dashoffset ease-out .5s;
-o-transition: stroke-dashoffset ease-out .5s;
transition: stroke-dashoffset ease-out .5s
}

a.animated-button .font {
z-index: 2;
position: relative;
display: inline-block;
text-transform: uppercase;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 600
}

a.animated-button:hover {
-webkit-transform: translateZ(0) translateX(.5em);
transform: translateZ(0) translateX(.5em)
}

a.animated-button:hover svg g circle {
stroke-dashoffset: 200
}

.mobile-link-newservice {
display: none
}

.virtualemp-heading h2 {
position: relative;
z-index: 1;
color: #fff;
font-weight: 700
}

.virtualemp-heading .text-one {
font-size: 50px;
line-height: 55px
}

.virtualemp-heading .text-two {
font-size: 30px
}

.virtualemp-heading p {
margin: 5px 0 0;
font-size: 25px
}

a.virtualemp-bannerbtn {
background: 0 0;
border: 1px solid #fff
}

.favorite-features {
padding: 100px 0 10px;
background-color: #f7f7f7
}

.favorite-features h2 {
font-size: 40px;
font-weight: 600;
line-height: 45px;
text-transform: uppercase;
margin: 0 0 45px;
color: #176db5;
text-align: center;
font-family: Roboto, sans-serif
}

.favorite-features .row {
display: -moz-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-o-justify-content: space-between;
-moz-justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px
}

.favorite-features .row .clm_4 {
width: calc(25% - 30px - 20px) !important;
margin: 0;
-webkit-box-shadow: 5px 5px 20px -7px #a7a7a7;
box-shadow: 5px 5px 20px -7px #a7a7a7;
padding: 50px 20px;
background: #fff;
text-align: center
}

.favorite-features .row .clm_4:hover .icon-box {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px)
}

.favorite-features .row .clm_4:hover h3 {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear
}

.favorite-features .row .clm_4:hover p {
display: none
}

.favorite-features .row .clm_4:hover .shopping-hover a {
color: #fff
}

.favorite-features .row .clm_4:hover .shopping-hover {
display: block;
background: -o-radial-gradient(#0e87cc, #176fb7);
background: radial-gradient(#0e87cc, #176fb7);
display: inline-block;
padding: 10px 20px;
border-radius: 5px;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
	margin-bottom: 40px;
}

.icon-box {
width: 45px;
margin: 0 auto 15px;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}

.icon-box img {
width: 100%
}

.favorite-features .row .clm_4 h3 {
font-size: 20px;
color: #176db5;
font-weight: 600;
line-height: 20px;
text-align: center;
text-transform: uppercase;
margin: 0 0 10px;
font-family: Roboto, sans-serif
}

.favorite-features .row .clm_4 p {
text-align: center;
font-size: 14.4px;
line-height: 1.5;
opacity: .7;
color: #3a424c;
padding-bottom: 0
}

.favorite-features-viewmore {
padding-top: 30px;
padding-bottom: 30px;
position: relative;
text-align: center
}

.favorite-features-viewmore .features-viewbutton {
border: 0;
border-radius: 0;
padding: 10px 35px;
color: #fff;
display: inline-block;
text-transform: uppercase;
letter-spacing: .8px
}

.favorite-features .fetaures-viewmore-section {
display: none
}

.to-dolist-section {
padding: 60px 0 30px
}

.to-dolist-section .hubspot-shadoww p {
margin-bottom: 30px
}

.advantage-linearGradient {
background: url(../img/texting-background-image1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative
}

.advantage-linearGradient:after {
position: absolute;
left: 0;
top: 0;
opacity: .7;
width: 100%;
height: 100%;
content: '';
background: -o-radial-gradient(#1b6cb1, #0d4b80);
background: radial-gradient(#1b6cb1, #0d4b80);
z-index: 0
}

.advantage-linearGradient .container-width {
position: relative;
z-index: 1
}

.advantage-linearGradient .box-award {
color: #fff
}

.advantage-linearGradient .awarding_cnt p {
border-left: 2px groove #2b6ca5;
padding-left: 25px;
font-size: 16px;
line-height: 1.7;
margin: 20px 0;
position: relative
}

.advantage-linearGradient .awarding_cnt p:hover:after {
height: 100%;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear
}

.advantage-linearGradient .awarding_cnt p:after {
position: absolute;
left: -2px;
top: 0;
width: 3px;
height: 10%;
content: '';
background: #2fc0ff
}

.advantage-linearGradient h3 {
color: #fff;
line-height: 50px;
-webkit-text-fill-color: #fff;
margin-bottom: 35px
}

.advantage-linearGradient .awarding_cnt p:last-child {
margin-bottom: 0
}

.award_wining.advantage-linearGradient .awarding_cnt {
padding-bottom: 0
}

@media only screen and (max-width:1350px) {
.favorite-features .row .clm_4 {
	width: calc(50% - 40px - 10px);
	margin: 10px 0;
	padding: 30px 20px
}
.favorite-features .row {
	margin-bottom: 0
}
.desandwordpress .container {
	max-width: calc(100% - 160px)
}
}

@media only screen and (max-width:990px) {
.to-dolist-section {
	padding: 20px 0 10px
}
}

@media only screen and (max-width:800px) {
.ecooV {
	display: none
}
}

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

.favorite-features .row .clm_4 {
	width: calc(100% - 40px - 0px) !important;
	text-align: center
}
.Solution_skilled_ele .row-ww {
	margin: 20px 0 0
}
.Solution_skilled_ele {
	padding: 30px 0 20px
}
.Solution_skilled_ele .heading___sec h2 {
	font-size: 25px;
	line-height: 30px;
	margin: 0 0 10px
}
.advantage-linearGradient .awarding_cnt p {
	font-size: 16px;
	line-height: 1.7
}
.hireDedicated {
	padding: 30px 0;
	background: #eef2f5
}
.hireDedicated .container {
	max-width: calc(100% - 20px)
}
.row_rrr .hubspot-shadoww {
	width: calc(100% - 0px);
	margin: 0
}
.hireDedicated .hubspot-shadoww h2 {
	font-size: 25px;
	line-height: 30px
}
.to-dolist-section .hubspot-shadoww p {
	margin: 0 0 15px
}
.input-right .form-group input {
	height: 40px;
}
.input-right .form-group {
	margin-bottom: 10px;
}
.webfx form {
	padding: 30px 0 0;
}
.webfx h4, .estm h4 {
	font-size: 25px;
	line-height: 30px;
}
.estimatco {
	margin: 15px auto 30px;
}
.form-group.left-textarea,.input-right{
	max-width: 100%;
	-webkit-box-flex: 0;
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	-o-flex: 0 0 100%;
	-webkit-flex: 0 0 100%;
}
.form-group.left-textarea{
	-webkit-box-ordinal-group:3;
	-ms-flex-order:2;
	order:2;
}
.input-right{
	-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1;
}
.webfx form {
	flex-wrap: wrap;
}
}

@media only screen and (max-width:500px) {
.choose_filebtn:after {
	width: 67px;
}
.virtualemp-heading h1 {
	font-size: 25px;
	line-height: 30px
}
.top_right_pos {
	width: 130px
}
.call_icon b {
	font-size: .8em
}
.sticky .logo_io img {
	max-width: 110px;
	padding: 5px 0 0 10px
}
.global-header.sticky span.menu-hamburger {
	margin: 10px 0 0 30px
}
.virtualemp-heading .text-two {
	font-size: 20px;
	line-height: 35px
}
.virtualemp-heading p {
	margin: 5px 0 0;
	font-size: 20px
}
.to-dolist-section {
	padding: 10px 0
}
.advantage-linearGradient .awarding_cnt p {
	padding-left: 15px
}
.favorite-features h2 {
	font-size: 24px;
	line-height: 30px;
	margin: 0 0 20px
}
}

@media only screen and (max-width:400px) {
.to-dolist-section h2 {
	font-size: 24px;
	line-height: 30px;
	margin: 0 0 15px;
	text-align: center
}
#benefits-of-choosing-unisoft h2,
#hubspot-inbound-marketing h1,
#hubspot-inbound-marketing h2,
#hubspot-website-design h2,
#our-hubspot-services h2,
#request-a-quote-now h2,
.award_wining h3,
.benefitscl h2,
.cms_bsd h2,
.cms_bsd_BG h2.text-center,
.desandwordpress .clm_4 .inner_bg h3,
.heading_shopify h2,
.hireDedicated .hubspot-shadoww h2,
.hiresec h2,
.srajeev h2 {
	font-size: 25px;
	line-height: 28px;
	letter-spacing: 0;
	font-weight: 500
}
h2.btn_latestReleased {
	font-size: 18px;
	margin: 0 0 20px;
	letter-spacing: 0
}
}

.servives-iconmenu {
padding: 0 0 0 5px
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Roboto, sans-serif;
font-weight: 400
}

._bring_your_business_online,
.manage_everything,
.marketyourbusiness {
padding: 55px 0 60px
}

._bring_your_business_online .heading_shopify {
margin-bottom: 50px
}

._bring_your_business_online h2 {
margin-bottom: 15px
}

._bring_your_business_online .heading_shopify p {
font-size: 18px
}

.manage_everything {
overflow: hidden;
position: relative
}

.sp_A_ce:after {
position: absolute;
left: -25px;
width: 9px;
height: 9px;
content: '';
background: #fefefe;
top: 11px;
border: 1px solid #101010;
z-index: 1;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}

.expertssss:after {
position: absolute;
left: 20px;
top: 10px;
width: 1px;
height: 96%;
content: '';
border-left: 1px solid #101010
}

.expertssss {
padding: 0 0 0 40px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box
}

.sp_A_ce {
position: relative
}

.manage_everything2 .piller_intro_image_container {
max-width: calc(50% - 40px - 20px);
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
position: relative;
overflow: hidden;
margin-right: 40px;
margin-left: 20px
}

.marketyourbusiness {
background: -o-linear-gradient(290deg, #eff5fd, transparent);
background: linear-gradient(160deg, #eff5fd, transparent)
}

.intro-inner-1 {
padding-bottom: calc(145% + 30px);
position: absolute;
width: 100%;
height: auto;
bottom: 0;
left: 0
}

.intro-inner-2 {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: calc(100% + 5px * 2);
height: calc(100% + 5px * 2);
bottom: -70px;
left: 0
}

.picture.pillar-intro-image {
margin: 5px;
overflow: hidden
}

.picture.pillar-intro-image:nth-child(2) img {
margin-bottom: -5px
}

.picture.pillar-intro-image:nth-child(1) {
max-width: calc(51% - 5px)
}

.pillar-intro-image_29 {
max-width: calc(51% - 10px)
}

.pillar-intro-image_177,
.pillar-intro-image_199 {
width: calc(49% - 10px)
}

.picture.pillar-intro-image img {
width: 100%
}

.piller_intro_image_container {
max-width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
position: relative;
overflow: hidden
}

.piller_intro_content_container {
max-width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
position: relative;
overflow: hidden
}

.pillar-intro__caption {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
font-size: 14px;
text-align: right;
font-weight: 600;
letter-spacing: -.5px;
color: #2b5773
}

._bring_your_business_online .heading_shopify {
text-align: center
}

.heading_shopify {
margin-bottom: 70px
}

.ecoD .heading_shopify {
margin-bottom: 40px
}

.heading_shopify h4 br {
display: none
}

.heading_shopify h2 {
font-size: 45px;
line-height: 50px;
margin-bottom: 25px;
font-weight: 600
}

.heading_shopify h2 span:after {
position: absolute;
left: 0;
width: 45px;
height: 4px;
content: '';
background: #0d88cd;
top: 16px
}

.heading_shopify h2 span {
display: inline-block;
height: 30px;
width: 40px;
position: relative
}

.heading_shopify h4 {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 30px
}

.contentttts .col____6 {
width: calc(50% - 40px);
margin: 0 40px 50px 0
}

.ecoD .contentttts .col____6 {
width: calc(50% - 20px);
margin: 0 20px 25px 0
}

.contentttts .col____6 a {
color: #353535;
display: block
}

.contentttts .col____6 h4 {
font-size: 20px;
font-family: 'Open Sans', sans-serif;
line-height: 22px;
margin-bottom: 12px;
font-weight: 600;
color: #176db5
}

.contentttts .col____6 span {
width: 15px;
height: 15px;
display: block;
position: relative;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
margin-top: 12px
}

.contentttts .col____6 a:active span,
.contentttts .col____6 a:hover span {
-webkit-transform: translateY(3px);
-ms-transform: translateY(3px);
transform: translateY(3px)
}

.contentttts .col____6 a:active h4,
.contentttts .col____6 a:hover h4 {
text-decoration: underline
}

.contentttts .col____6 span:before {
position: absolute;
content: '';
height: 3px;
width: 10px;
background: #294676;
right: 0;
bottom: 0;
-webkit-transform: rotate(-50deg);
-ms-transform: rotate(-50deg);
transform: rotate(-50deg)
}

.contentttts .col____6 span:after {
position: absolute;
content: '';
height: 3px;
width: 10px;
background: #294676;
left: 0;
bottom: 0;
-webkit-transform: rotate(50deg);
-ms-transform: rotate(50deg);
transform: rotate(50deg)
}

.contentttts .col____6:nth-child(2),
.contentttts .col____6:nth-child(4) {
margin-right: 0
}

.col_20R {
width: calc(20% - 16px);
margin: 0 8px
}

.col_20R img {
height: 100%;
width: 100%;
height: auto
}

.shopifyexperts {
padding: 60px 0;
background: -o-linear-gradient(296deg, #f9f9f9, transparent);
background: linear-gradient(154deg, #f9f9f9, transparent)
}

.sho-css_R .col_6R2 {
max-width: calc(43% - 50px);
-o-flex: 0 0 43%;
-i-flex: 0 0 43%;
-webkit-box-flex: 0;
-ms-flex: 0 0 43%;
flex: 0 0 43%;
-moz-flex: 0 0 43%;
margin-right: 50px
}

.sho-css_R .col_6R1 {
max-width: 57%;
-o-flex: 0 0 57%;
-i-flex: 0 0 57%;
-webkit-box-flex: 0;
-ms-flex: 0 0 57%;
flex: 0 0 57%;
-moz-flex: 0 0 57%
}

.sho-css_R h2 {
font-size: 40px;
font-weight: 600;
line-height: 45px;
margin: 0 0 15px;
color: #176db5;
font-family: Roboto, sans-serif
}

.sho-css_R h3 {
font-size: 25px;
font-weight: 600;
line-height: 26px;
margin: 25px 0 30px;
color: #1574bb
}

.sho-css_R h4 {
font-size: 18px;
font-weight: 600;
line-height: 30px;
margin: 25px 0 10px
}

.expertssss p {
font-size: 15px
}

.col_6R-right img {
width: 100%
}

.col_20R-image-description-wrapper {
position: absolute;
bottom: 0;
left: auto;
text-align: center
}

.col_20R-image-image-holder {
position: relative;
overflow: hidden
}

.col_20R-image-image:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: -o-linear-gradient(51deg, #051b3a, transparent);
background: linear-gradient(39deg, #051b3a, transparent)
}

.col_20R-image-description .col_20R-image-title {
margin: 0;
font-size: 36px;
font-family: 'Mr Dafoe', cursive;
color: #fff;
position: relative;
z-index: 1;
letter-spacing: 1px;
line-height: 40px;
margin-bottom: 55px;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease
}

.col_20R-image-image {
position: relative
}

.col_20R-image-description .col_20R-image-text {
margin: 15px 10px 30px;
color: #313131;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
z-index: 1;
position: relative;
font-size: 15px;
font-weight: 400;
margin-bottom: -70px;
line-height: 20px
}

.col_20R-image-cover {
position: absolute;
bottom: -330px;
width: 120%;
height: 300px;
left: -10%;
border-radius: 50%;
z-index: 0;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
-webkit-box-shadow: 0 12px 25px #8e8e8e;
box-shadow: 0 12px 25px #8e8e8e;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}

.col_20R-image-description .col_20R-image-subtitle {
font-size: 20px;
color: #176eb6;
margin-bottom: -50px;
line-height: 25px;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
z-index: 1;
position: relative
}

.picture.pillar-intro-image1 {
height: calc(52% - 0px)
}

.col_20R-image-image-holder:hover .col_20R-image-title {
-webkit-transform: translateY(-165px);
-ms-transform: translateY(-165px);
transform: translateY(-165px)
}

.col_20R-image-image-holder:hover .col_20R-image-subtitle {
-webkit-transform: translateY(-150px);
-ms-transform: translateY(-150px);
transform: translateY(-150px)
}

.col_20R-image-image-holder:hover .col_20R-image-text {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px)
}

.col_20R-image-image-holder:hover .col_20R-image-cover {
-webkit-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
background: #fff
}

@-webkit-keyframes wave {
to {
	background-position: 200px 0
}
}

@keyframes wave {
to {
	background-position: 200px 0
}
}

.shopifydevelopmentservice {
background: url(../images/shopifydevelopmentservices.png);
background-position: right top;
background-size: cover;
background-repeat: no-repeat
}

.ShowImage .search-container input.input-text-box {
border: 1px solid #ececec;
border-radius: 0
}

.ShowImage .search-container form .error_response {
position: absolute;
bottom: -10px;
font-size: 15px
}

.ShowImage .search-container form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative
}

.ShowImage .search-container form:focus .error_response {
bottom: -13px;
opacity: 1
}

.ShowImage .search-container {
position: relative
}

.ShowImage .search-container input.input-text-box {
border: 1px solid #3c87c3;
border-radius: 0
}

.ShowImage .search-container input.btn_page_create {
position: absolute;
right: 0;
padding: 0 18px;
border-radius: 0;
top: 0
}

.manage_everything img.dis_imNNN {
display: none
}

.phone_div {
background: 0 0;
margin: 30px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}

.sub-nav-links {
border-bottom: 1px solid #b3b3b3;
padding: 0 0 20px
}

.phone_div .phone___no {
width: 33.33%
}

.phone_div .phone___no span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 20px;
font-weight: 600;
letter-spacing: -1px;
color: #051c2c;
position: relative;
padding: 0 0 0 40px
}

.phone_div .phone___no span .nav_icon_1,
.phone_div .phone___no span .nav_icon_2,
.phone_div .phone___no span .nav_icon_3 {
width: 30px;
position: absolute;
left: 0;
top: 14px;
overflow: hidden;
height: 20px;
background: url(../img/combine__image.png);
padding: 0
}

.icon_footer.icon_footer_4 {
width: 30px;
display: block;
height: 22px;
background: url(../img/combine__image.png);
background-position: -94px 417px!important;
background-size: 490px
}

.phone_div .phone___no span .nav_icon_1 {
background-position: -65px 490px!important
}

.phone_div .phone___no span .nav_icon_2 {
background-position: -288px 494px!important
}

.phone_div .phone___no span .nav_icon_3 {
background-position: -124px 490px!important
}

.__span_icon {
position: relative;
display: inline-block;
padding: 0 0 0 30px
}

.icon_footer.icon_footer_1,
.icon_footer.icon_footer_2,
.icon_footer.icon_footer_3 {
width: 30px;
display: inline-block;
height: 22px;
left: 0;
position: absolute;
background: url(../img/combine__image.png);
background-size: 490px
}

span.form____icn.form____icn_1 {
width: 50px;
display: inline-block;
height: 50px;
left: 30px;
top: -10px;
position: absolute;
background: url(../img/combine__image.png);
background-size: 400px;
background-position: 127px 425px
}

.icon_footer.icon_footer_1 {
background-position: -29px 560px
}

.icon_footer.icon_footer_2 {
background-position: -155px 562px
}

.icon_footer.icon_footer_3 {
background-position: -62px 562px
}

.phone_div .phone___no img {
width: 30px;
height: 20px;
margin-right: 15px
}

#hubspot-website-design h2 {
color: #fff
}

.paragraph_shp a {
font-weight: 700;
color: #fff;
text-transform: capitalize;
margin: 5px 0 0;
color: #ffc625
}

#hubspot-website-design h2,
.srajeev h2 {
font-size: 32px;
font-weight: 600;
line-height: 36px;
margin: 0 0 20px;
letter-spacing: 0
}

.btn_latestReleased {
font-size: 18px;
font-weight: 600;
line-height: 18px;
color: #fff;
letter-spacing: .5px;
margin: 0 0 15px
}

.Sveer_blog .col-left {
width: 100%
}

.block-category-three .post-image img {
width: 100%;
margin: 0 0 15px
}

.Sveer_blog .post-detail {
margin: 0 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

.Sveer_blog .post-detail span.date {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin: 0 0 0;
display: block;
width: 100%
}

.Sveer_blog .post-detail .post-title {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%
}

.Sveer_blog .post-detail h5.entry-title,
.Sveer_blog .post-detail h5.entry-title a {
font-size: 18px;
line-height: 1.5;
position: relative;
padding: 3px 0 10px;
min-height: 55px
}

.Sveer_blog .post-detail h5.entry-title a::before {
content: "";
position: absolute;
left: 55px;
top: -67px;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: block;
width: 70px;
height: 70px;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 0 17px #c7c7c7;
box-shadow: 0 0 17px #c7c7c7
}

.Sveer_blog .post-detail .post-title:after,
.Sveer_blog .post-detail h5.entry-title a::before {
z-index: 3
}

.Sveer_blog .post-detail .post-title:after {
content: "";
position: absolute;
left: 55px;
top: -43px;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: block;
width: 70px;
height: 70px;
background: #fff;
border-radius: 50%;
-webkit-animation: pulse-border 1.5s ease-out infinite;
animation: pulse-border 1.5s ease-out infinite;
opacity: .54;
-webkit-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}

@-webkit-keyframes pulse-border {
0% {
	-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	opacity: 1
}
100% {
	-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
	opacity: 0
}
}

@keyframes pulse-border {
0% {
	-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	opacity: 1
}
100% {
	-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
	opacity: 0
}
}

.Sveer_blog .block-category-three .news-item {
margin: 10px 10px 25px;
width: calc(33.33% - 20px)
}

.Sveer_blog .post-image {
max-height: 248px;
position: relative;
overflow: hidden;
margin: 0 0 40px
}

.Sveer_blog .post-image:hover img {
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15)
}

.inner-bar {
padding: 20px 0;
border-bottom: 1px solid #b9c9e0
}

.categoriesSveer .category-left li.menu-item a {
color: #272727;
font-size: 14px
}

.Sveer_blog h1 {
font-size: 40px;
font-weight: 700;
line-height: 40px;
margin: 70px 0 10px;
padding-bottom: 0;
color: #000
}

.Sveer_blog .post-detail .post-title {
position: relative
}

.Sveer_blog .post-detail .post-title:before {
position: absolute;
left: 0;
width: 100%;
height: 100%;
bottom: 25px;
content: 'Digital Marketing';
font-size: 14px;
font-weight: 700;
color: #284575
}

.Sveer_blog .post-detail h5.entry-title:hover::after {
color: #fff;
background: #1670b7
}

.Sveer_blog .post-detail h5.entry-title:after {
position: absolute;
left: 20px;
width: 70px;
height: 70px;
border-radius: 50%;
bottom: 100px;
content: ' \2192';
font-size: 20px;
font-weight: 700;
color: #000;
z-index: 4;
text-align: center;
line-height: 70px
}

.Sveer_blog .pagination {
padding: 0 0 60px
}

.pagination .nav-links .page-numbers:hover {
background: #294877;
color: #fff;
border: 1px solid #162b50;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear
}

.Sveer_blog .pagination .nav-links {
margin: 0;
text-align: right
}

.Sveer_blog .pagination .nav-links {
margin: 0
}

.single_section.Detail_Blog {
margin: 100px 0 0
}

.single_section.Detail_Blog .col-left.detail_b_l img {
width: 100%;
margin-bottom: 25px
}

.single_section.Detail_Blog .col-left h2 {
font-size: 26px;
text-align: left;
margin: 10px 0 20px;
line-height: 36px
}

.single_section.Detail_Blog .col-left h3 {
text-align: left;
font-size: 25px;
margin: 25px 0 10px
}

.single_section.Detail_Blog h1 {
font-size: 28px;
font-weight: 600;
text-align: left;
line-height: 35px
}

.single_section.Detail_Blog h1:first-child {
border-bottom: 1px solid #d8d8d8;
-webkit-box-shadow: 0 12px 10px #f9f9f9;
box-shadow: 0 12px 10px #f9f9f9;
padding-bottom: 30px;
margin: 0 0 40px
}

.single_section.Detail_Blog p {
line-height: 1.8;
margin: 12px 0;
text-align: justify;
font-size: 15px
}

.comment-respond label {
display: inline-block;
min-width: 80px
}

.single_section.Detail_Blog #respond form#commentform textarea#comment {
max-width: calc(100% - 20px);
border: 1px solid #dbe0e4;
background: #fff;
margin: 20px 0 35px;
border-radius: 2px
}

.single_section.Detail_Blog #respond {
margin: 22px 0 0;
border: 0;
background: 0 0
}

.single_section.Detail_Blog #respond form#commentform {
max-width: 700px;
padding: 20px 20px;
background: #f7f7f6;
-webkit-box-shadow: inset 0 0 360px rgb(255 255 255 / 5%);
box-shadow: inset 0 0 360px rgb(255 255 255 / 5%)
}

.single_section.Detail_Blog #respond .submit {
margin: 25px 0 0;
background: #123e7f
}

.single_section .col-left p {
margin-bottom: 0
}

.single_section.Detail_Blog #respond h3#reply-title {
margin: 20px 0 15px;
font-size: 25px;
line-height: 25px
}

.col-right.detal_b_r h2.widgettitle {
line-height: 23px;
font-size: 22px;
color: #142844;
font-weight: 600;
margin-bottom: 20px
}

.col-right.detal_b_r .recent-post-list li h4 {
font-size: 15px;
line-height: 22px;
font-weight: 600;
margin-top: 5px
}

.col-right.detal_b_r .recent-post-list li img {
width: 100%
}

.col-right.detal_b_r .recent-post-list li a.postthumb {
max-width: 85px
}

.col-right.detal_b_r .recent-post-list li {
width: 100%;
margin: 0;
border-bottom: 1px solid #dedede;
padding: 10px 0
}

.col-right.detal_b_r h2.widgettitle {
line-height: 23px;
font-size: 22px;
color: #142844;
font-weight: 600;
margin-bottom: 20px
}

.col-right.detal_b_r {
padding: 30px 30px;
border: 1px solid #eee;
width: calc(33% - 60px)
}

.col-right.detal_b_r .recent-post-list li:last-child {
border-bottom: 0
}

.comment-respond input[type=email],
.comment-respond input[type=text],
.comment-respond input[type=url] {
padding: 5px 10px;
height: 28px;
margin-bottom: 10px;
width: 400px;
border: 1px solid #ccc
}

.shopify_blogs {
background: url(../img/Transparent-background-with-dots.png);
padding: 60px 0;
background-size: cover;
background-repeat: no-repeat;
background-position: 0 -60px
}

.shopify_blogs .heading_shopify {
margin-bottom: 40px;
text-align: center
}

.btSingleLatestPost {
max-width: calc(33.33% - 20px);
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
-moz-flex: 0 0 33.33%;
padding: 0;
margin: 20px 10px;
background-color: #fff;
-webkit-box-shadow: 0 10px 20px rgb(138 138 138 / 25%), 0 -1px 1px rgb(144 144 144 / 13%);
box-shadow: 0 0 20px rgb(150 150 150 / 25%), 0 -1px 1px rgb(179 179 179 / 13%)
}

.btLatestPostsDate {
background: #0698dc;
left: 20px;
top: -5px;
width: 50px;
position: absolute;
z-index: 2;
padding: 5px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
text-align: center;
border-radius: 2px;
border-top-right-radius: 0
}

.btLatestPostsDay {
font-size: 25px;
font-weight: 600;
line-height: 25px
}

.btLatestPostsDay:after {
width: 30px;
height: 0;
border-top: 1px solid #fff;
content: "";
display: block;
line-height: 0;
margin: 8px 0 2px
}

.btLatestPostsMonth {
font-size: 12px;
text-transform: uppercase;
font-weight: 600
}

.shopify_title {
font-size: 18px;
font-weight: 600;
padding: 25px 20px 5px;
line-height: 24px;
font-family: Roboto, sans-serif
}

.commentt_ele.btSubTitle {
padding: 0 20px 15px
}

p.commentt_ele.btSubTitle a.btArticleCategory {
font-size: 15px;
line-height: 20px;
display: inline-block;
font-weight: 600;
padding: 5px 10px 0 0;
color: #174a8e
}

.comment_ele.btArticleCategories {
padding: 0 20px
}

.findoutMore {
padding: 20px 20px
}

.findoutMore a {
font-weight: 700;
font-size: 14px
}

.btSingleLatestPost i {
font-size: 12px;
margin-right: -3px;
display: inline-block
}

.img_ele:hover img {
-webkit-transform: translateY(-22px);
-ms-transform: translateY(-22px);
transform: translateY(-22px);
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear
}

.img_ele {
overflow: hidden;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}

.request_q_pos {
position: absolute;
top: 3px;
right: 15px;
top: 33px;
text-align: center;
z-index: 3
}

.base {
background: #1671b8;
display: inline-block;
height: 102px;
margin-left: 20px;
margin-top: -51px;
position: relative;
width: 180px
}

.base2 {
display: none
}

.base3 {
display: none
}

.base:before {
border-top: 25px solid #1671b8;
border-left: 90px solid transparent;
border-right: 90px solid transparent;
content: "";
height: 0;
left: 0;
position: absolute;
top: 102px;
width: 0
}

.tuki_pos {
position: absolute;
z-index: 9;
top: -1px;
left: -10px
}

.text_shadow {
text-shadow: 3px 3px 6px #9696ac
}

.pt18 {
padding-top: 18px
}

.pt35 {
padding-top: 35px
}

.request_q_pos span {
display: none
}

.request_q_pos span {
display: none
}

#request-a-quote-now .row_rrr {
margin: 30px 0 0
}

.navigation-r3 .top-bar p.white.fs24.weight700.osons.ttu.lh13em.text_shadow.pt18.desk_call {
font-size: 28px;
font-weight: 600;
color: #fff;
line-height: 32px;
cursor: pointer;
z-index: 6;
letter-spacing: 1px;
font-family: Roboto, sans-serif;
padding: 25px 10px 0;
text-shadow: 3px 3px 2px rgb(31 92 138)
}

.mid-details .dial_free span sup {
color: #1475bb;
font-weight: 600;
font-size: 18px
}

.piller_intro_content_container.piller_1 {
max-width: calc(50% - 30px);
margin: 0 0 0 30px
}

.piller_intro_content_container.piller_3 {
max-width: calc(50% - 10px);
margin: 0 0 0 10px
}

.piller_intro_content_container.piller_2 {
max-width: calc(50% - 40px);
margin: 0 40px 0 0
}

.hire_your_experts a:hover {
color: #fff
}

.top-bottom-margin .requestQuote p {
margin: 0;
line-height: 1.5;
}

.pillar-intro-image_199333 img {
-webkit-transform: translateY(-36px);
-ms-transform: translateY(-36px);
transform: translateY(-36px);
}

.pillar-intro-image_199333 {
padding: 0 0 120px;
}

.picture.pillar-intro-image9,
.picture.pillar-intro-image10,
.picture.pillar-intro-image11 {
max-width: calc(49% - 5px);
}

.pillar-intro-image_19933 {
-webkit-transform: translateY(-45px);
-ms-transform: translateY(-45px);
transform: translateY(-45px);
}

.pillar-intro-image_29933 {
-webkit-transform: translateY(-45px);
-ms-transform: translateY(-45px);
transform: translateY(-45px);
}

.pillar-intro-image_29933x {
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}

.picture.pillar-intro-image_29933xc {
-webkit-transform: translateY(-55px);
-ms-transform: translateY(-55px);
transform: translateY(-55px);
}

.pillar-intro-image_229 {
-webkit-transform: translateY(-60px);
-ms-transform: translateY(-60px);
transform: translateY(-60px);
}

.pillar-intro-image_2299 {
-webkit-transform: translateY(-60px);
-ms-transform: translateY(-60px);
transform: translateY(-60px);
}

.pillar-intro-image_59999 {
-webkit-transform: translateY(-65px);
-ms-transform: translateY(-65px);
transform: translateY(-65px);
}

.pillar-intro-image_5999 {
-webkit-transform: translateY(-65px);
-ms-transform: translateY(-65px);
transform: translateY(-65px);
}


/*===============================================*/

.typewriter-text {
-webkit-animation: cursor 1s ease-in-out infinite;
animation: cursor 1s ease-in-out infinite;
}

@-webkit-keyframes cursor {
from {
	border-color: #ffe509;
}
to {
	border-color: transparent;
}
}

@keyframes cursor {
from {
	border-color: #ffe509;
}
to {
	border-color: transparent;
}
}

.span-img6 {
max-width: 50px;
margin: 0 auto 10px;
}

.span-img6 img {
width: 100%;
}
/*----------------  Bittu New Changes  -------------------------*/

width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

.blog-box-img img {
width: 100%;
margin: 0;
padding: 0;
height: 100%;
}

.blog-box h3 {
font-size: 18px;
font-weight: 600;
padding: 1px 0px 5px;
line-height: 24px;
font-family: Roboto, sans-serif;
width: 100%;
}

.track-box {
width: 100%;
margin: 0;
padding: 5px 0px 5px;
font-size: 13px;
font-weight: 500;
}

.track-box span {
margin-right: 20px;
}

.blog-box p {
padding: 15px 0px 15px;
width: 100%;
margin: 0;
font-size: 14px;
line-height: 25px;
text-align: left;
}

.blog-section-area .col-md-4 .blog-box .text-area {
padding: 5px 20px 10px;
margin: 0;
}

.blog-box a {
margin: 0px 0px 0px;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
}

.blog-section-area h1 {
text-align: center;
margin: 0 auto;
width: 100%;
font-size: 45px;
line-height: 50px;
margin-bottom: 40px;
font-weight: 600;
color: #0e85cb;
}

.tab.pagalpanti.winery-web-development-services {
display: none;
}
/*--
.sellmores-sliders.winery-web-development {
padding: 0px 0px 60px 0px;
margin-top: -40px;
z-index: 9999;
position: relative;
}

.winery-web-development .section-header.text-center {
width: 91%;
margin: 0 auto;
text-align: center;
padding: 60px 50px;
background: #ffff;
z-index: 9;
box-shadow: 0px 10px 20px #dadada;
border: 1px solid #d7dbde;
}--*/

.img-custom-bg.mob_app.mob_app1.web-development-wine {
padding: 0px 0px 0px;
background: url(../images/wine-and-apps-delevment-bananer.jpg);
}

.full-side {
width: 90%;
padding: 0px 20px 0px 10px;
}

.full-side h5 {
font-size: 23px;
text-align: left;
font-family: 'Montserrat';
font-weight: 700;
font-style: normal;
color: rgba(25, 25, 26, 1);
line-height: 1.2;
letter-spacing: 0.05em;
}

.full-side p {
color: rgba(0, 0, 0, 1);
line-height: 1.9;
letter-spacing: 0em;
font-size: 14px;
text-align: justify;
font-family: 'Montserrat';
font-weight: 200;
font-style: normal;
}

.left-section-area-wine {
left: 0;
padding: 0;
top: 0;
padding: 0px 0px;
width: 100%;
}

.background-color-wiwne-apegs {
position: relative;
margin: 0;
padding: 60px 0px;
width: 100%;
}

.left-section-area-wine h1 {
color: #fff;
}

.left-section-area-wine input {
box-shadow: 0 0 15px #00000085 !important;
}

.left-section-area-wine p {
color: #fff !important;
}

.box-scroll {
position: absolute;
margin: 0 auto;
width: 100%;
bottom: 2%;
left: 0;
z-index: 3;
display: none;
}
/*---
.box-scroll span {
width: 55px;
height: 55px;
background: radial-gradient(#f1f1f1, #ffffff);
border-radius: 50%;
display: inline-flex;
text-align: center;
margin: 0 auto;
overflow: hidden;
box-shadow: 0px 2px 5px #dcdcdc;
}

.box-scroll span .fa {
text-align: center;
margin: 0 auto;
font-size: 18px;
color: #fff;
line-height: 57px;
animation-name: scroll-wheel;
animation-duration: 3s;
animation-iteration-count: infinite;
}

@keyframes scroll-wheel {
from {
transform: translate3d(0, 0, 0);
opacity: 1;
}
to {
transform: translate3d(0, 10px, 0);
opacity: 0;
}
}
---*/
.background-color-wiwne-apegs .ui-illustration-storefront__hero {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}


/*---
.background-color-wiwne-apegs .ui-illustration-storefront__hero:before {
content: '';
position: absolute;
right: -35%;
top: -54%;
width: 120%;
height: 100%;
background: radial-gradient(ellipse at center,#239f46 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%);
z-index: 1;
}

.background-color-wiwne-apegs .ui-illustration-storefront__hero:after {
content: '';
position: absolute;
left: -50%;
bottom: -50%;
width: 150%;
height: 100%;
background: radial-gradient(ellipse at center,#d82533 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%);
z-index: 1;
}
---*/

.full-section-step-by-step {
position: relative;
width: 80%;
margin: 0 auto;
padding: 0;
}

.full-section-step-by-step h4 {
letter-spacing: 0.01em;
font-size: 55px;
text-align: left;
font-family: 'Playfair Display';
font-weight: 400;
font-style: italic;
margin-bottom: 0px;
line-height: 55px;
}

.left-sider {
width: 31%;
margin: 0;
padding: 0;
display: inline-flex;
/* float: left; */
position: relative;
height: 100%;
margin-top: 50px;
overflow: hidden;
}

.right-side {
margin: 0;
padding: 0px 0px;
width: 69%;
float: right;
object-fit: cover;
}

.full-box img {
width: 100%;
margin: 0;
padding: 0;
object-fit: cover;
}

.full-box {
margin: 0;
padding: 0;
/* float: left; */
display: inline-block;
max-width: 100%;
max-height: 350px;
margin-left: 0%;
margin-top: -20px;
position: relative;
left: -10%;
z-index: -1;
width: 100%;
object-fit: cover;
overflow: hidden;
}

.wite-box {
width: 100%;
margin: 0;
padding: 30px;
background: #fff;
height: 460px;
}

.potpoliyo {
position: relative;
width: 100%;
margin: 0;
padding: 50px 0px;
}

.color-box {
position: relative;
padding: 0px;
background: #9c0e28;
width: 100%;
height: 100%;
}

.color-box h2 {
color: rgba(255, 255, 255, 1);
line-height: 1.6;
letter-spacing: 0.08em;
font-size: 50px;
text-align: center;
font-family: 'Montserrat';
font-weight: 700;
transform: rotate(-90deg);
position: relative;
font-style: normal;
top: 40%;
}

.right-side.left {
float: left;
}

.right-side.left .full-box {
margin-left: 20%;
margin-top: 0;
}

.right-side.left .full-side {
width: 87%;
float: right;
}

p.main-tile {
border-top: 1px solid;
border-bottom: 1px solid #fff;
width: 34%;
margin: 0 auto !important;
padding: 10px 0px;
text-align: center;
margin-top: 20px !important;
}

p.main-tile b {
color: #fefefe;
font-weight: 900;
}

.main-box-images {
position: relative;
width: 100%;
margin: 0 auto;
padding: 0;
}

.main-box-images {
position: relative;
margin: 0 auto;
padding: 0px 0px;
width: 100%;
margin-top: 20px;
display: flex;
z-index: 2;
}

.main-box-images ul {
margin: 0 auto;
padding: 0;
width: 60%;
}

.main-box-images ul li {
list-style: none;
float: left;
margin: 0px 20px;
}

.main-box-images ul li a {
font-size: 14px;
margin: 0;
padding: 0;
color: #fff;
line-height: 15px;
display: flex;
}

.main-box-images ul li a span {
width: auto;
margin-right: 10px;
height: 100%;
display: inline-flex;
}

.main-box-images ul li a b {
color: #fff !important;
line-height: 50px;
font-size: 18px;
}
p.hire-a-dedicated {
text-align: center;
font-size: 20px;
font-weight: bold;
margin: 5px 0 45px;
padding: 0;
color: #176db5;
}

p.hire-a-dedicated b {
text-decoration: underline;
font-weight: 900;
}
h2.viral-tree-sixty {
margin: 0;
}
.box-shadow-new-changes{
padding: 60px 45px !important;
width: 100%;
height: 230px;
border: 1px solid #e6e7ea !important;
box-shadow: -6px 10px 14px 2px rgba(22,24,39,.15) !important;
border-radius: 5px 40px !important;
background-color: #fff !important;
}
.box-shadow-new-changes:hover{
transform: scale(1.1);
}
.dot-background-in-section:before {
background-position: left top;
background-repeat: no-repeat;
background: url(../img/dotted-bg.png);
content: '';
display: inline-block;
width: 160px;
height: 160px;
position: absolute;
left: 5%;
/* top: 0px; */
z-index: -1;
margin-top: -45px;
}
.skilled-text-footer{
font-size: 25px;
color: #0f82c7;
padding-bottom: 33px;
font-weight: 500;
text-align: center;
margin: 10px 0 50px;
}
.skilled-text-footer:after {
width: 190px;
height: 2px;
content: '';
position: absolute;
background: #0f84c9;
display: inline-block;
margin: 0 auto;
left: 50%;
transform: translateX(-50%);
margin-top: 40px;
}
.skilled-h4-footer{
margin: 0 0 0px !important;
}
.the-last-line-in-shopify {
font-size: 26px !important;
color: #176eb5 !important;
font-weight: 600 !important;
margin: 0 0 0px !important;
text-align: left !important;
padding: 0 !important;
}
/*-----------------  Potploliyo  ---------------------*/
.port-sec .container.container_100 {max-width: 95%;width: 100%;margin: 0 auto;}
.rowPortfolio .clm_6 {max-width: 33.33% !important;-webkit-box-flex: 0;-ms-flex: 0 0 33.33%;flex: 0 0 33.33% !important;margin: 0px 0 !important;overflow: hidden;}
.producte-icone {width: 100%;margin: 10px 0px;padding: 5px 0px;width: 40%;display: inline-flex;}
.producte-icone  .technology {
display: flex;
align-items: center;
}
.producte-icone  .technology i {
margin: 0 0 0 15px;
transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
}
.producte-icone .ps {
background-position: 0 -2px;
width: 30px;
height: 30px;
}
.producte-icone  .sprites {
background: url(https://www.hiddenbrains.com/public/local-cdn/images/sprites.png) no-repeat 0 0;
}
.producte-icone  .appl {
background-position: -97px -4px;
width: 24px;
height: 29px;
}
.producte-icone  .andr {
background-position: -33px 0;
width: 30px;
height: 34px;
}
.producte-icone  .html {
background-position: -67px -1px;
width: 26px;
height: 30px;
}

.producte-icone  .php {
background-position: -125px -6px;
width: 43px;
height: 22px;
}
}
.prt_carousel .port:hover .producte-icone .html {
background-position: -67px -40px;
}
.prt_carousel .port:hover .producte-icone .php {
background-position: -125px -44px;
}
.prt_carousel .port:hover .producte-icone .ps{
background-position: 0 -40px;
}
.prt_carousel .port:hover .producte-icone .appl {
background-position: -97px -42px;
}
.prt_carousel .port:hover .producte-icone .andr {
background-position: -33px -38px;
}
/*------------------ Slider  --------------*/

.swiper-container {
width: 100%;
height: 28vw;
transition: opacity 0.6s ease;
}
.swiper-container.swiper-container-coverflow {
padding-top: 2%;
}
.swiper-container.loading {
opacity: 0;
visibility: hidden;
}
.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
transform: translateX(0);
opacity: 1;
visibility: visible;
}

.swiper-slide {
background-position: center;
background-size: cover;
}
.swiper-slide .entity-img {
display: none;
}
.swiper-slide .content {
position: absolute;
top: 40%;
left: 0;
width: 50%;
padding-left: 5%;
color: #fff;
}
.swiper-slide .content .title {
font-size: 2.6em;
font-weight: bold;
margin-bottom: 30px;
}
.swiper-slide .content .caption {
display: block;
font-size: 13px;
line-height: 1.4;
}

[class^=swiper-button-] {
width: 44px;
opacity: 0;
visibility: hidden;
}

.swiper-button-prev {
transform: translateX(50px);
}

.swiper-button-next {
transform: translateX(-50px);
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 9px;
position: relative;
width: 12px;
height: 12px;
background-color: #fff;
opacity: 0.4;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 18px;
transform: translate(-50%, -50%);
border: 0px solid #fff;
border-radius: 50%;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
border-width: 1px;
}

@media (max-width: 1180px) {
.swiper-slide .content .title {
font-size: 25px;
}
.swiper-slide .content .caption {
font-size: 12px;
}
}
@media (max-width: 1023px) {
.swiper-container {
height: 40vw;
}
.swiper-container.swiper-container-coverflow {
padding-top: 0;
}
}
.video.slider-section {
display: inline-block;
width: 100%;
margin: 0;
padding: 0px 0px 50px;
}

.slider-section-area {
margin: 0;
padding: 0;
position: relative;
}
.sec-mainContainer .container {
width: 100%;
max-width: 90%;
}
.portfolio_left {
margin-top: -30%;
}
.left-content-Prt {display: inline-block;transform: translateY(0px);}


.portfolio_left:hover img{
     top: 0;
     -webkit-transition: all 11s;
     -moz-transition: all 11s;
     -ms-transition: all 11s;
     -o-transition: all 11s;
     transition: all 11s;
     background-position: bottom;
     object-position: bottom;
}

.portfolio_left {margin-top: -15%;float: left;padding: 0;width: 100%;height: 1200px;display: inline-block;overflow: hidden;position: relative;border-radius: 1px;}

.left-content-Prt {margin-top: -15%;padding: 0;float: right;width: 100%;}
.more_port_prc {margin-top: 0%;padding: 0;width: 100%;float: right;}

.prt_carousel .port .bg-af-b1 a img.img-fluid {
border-radius: 5px;
}.video.section-pages {position: relative;display: inline-block;margin: 0;padding: 0;width: 100%;overflow: hidden;}

section.banner__slider {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
/*------------------ slider end ----------*/

/*----------   Slider Section area parts   ---------*/

.slider {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  height: 100%;
  cursor: move;
  overflow: hidden;
}


/* ==== Main CSS === */

.img-fill {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center
}

.img-fill img {
  min-height: 100%;
  min-width: 100%;
  position: relative;
  display: inline-block;
  max-width: none;
}

.blocks-box,
.slick-slider {
  margin: 0;
  padding: 0!important;
}

.slick-slide {
  float: left/* If RTL Make This Right */
    ;
  padding: 0;
}


/* ==== Slider Style === */

.Modern-Slider .item .img-fill {
  height: 100vh;
  background: #000;
}

.Modern-Slider .item .img-fill .info {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #050b21d9;
  line-height: 100vh;
  text-align: center;
  z-index: 5;
  visibility: visible;
  overflow: hidden;
  border-style: none;
  margin: 0px;
  border-radius: 0px;
  padding: 0px;
  color: rgb(255, 255, 255);
  width: 574px;
  height: 100%;
  min-height: 0px;
  min-width: 0px;
  max-height: none;
  max-width: none;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform-origin: 50% 50% 0px;
  opacity: 1;
  cursor: pointer;
}

.Modern-Slider .item .info>div {
  display: inline-block!important;
  vertical-align: middle;
}

.Modern-Slider .NextArrow {
  position: absolute;
  top: 50%;
  right: 0px;
  width: 45px;
  height: 45px;
  background: rgba(0, 0, 0, .50);
  border: 0 none;
  margin-top: -22.5px;
  text-align: center;
  font: 20px/44px FontAwesome;
  color: #FFF;
  z-index: 5;
}

.Modern-Slider .NextArrow:before {
  content: '\f105';
}

.Modern-Slider .PrevArrow {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 45px;
  height: 45px;
  background: rgba(0, 0, 0, .50);
  border: 0 none;
  margin-top: -22.5px;
  text-align: center;
  font: 20px/45px FontAwesome;
  color: #FFF;
  z-index: 5;
}

.Modern-Slider .PrevArrow:before {
  content: '\f104';
}

.Modern-Slider .slick-dots {
  position: absolute;
  height: 5px;
  background: rgba(255, 255, 255, .20);
  bottom: 0px;
  width: 100%;
  left: 0px;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

.Modern-Slider .slick-dots li button {
  display: none;
}

.Modern-Slider .slick-dots li {
  float: left;
  width: 0px;
  height: 5px;
  background: #1377be;
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.Modern-Slider .slick-dots li.slick-active {
  width: 100%;
  animation: ProgressDots 11s both;
}

.Modern-Slider .item h3 {
  font: 30px/50px RalewayB;
  text-transform: uppercase;
  z-index: 6;
  font-family: Poppins;
  visibility: visible;
  text-align: left;
  line-height: 60px;
  letter-spacing: 0px;
  font-weight: 700;
  font-size: 60px;
  padding: 0px;
  color: rgb(255, 255, 255);
  transform-origin: 50% 50% 0px;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  margin: 0;
  margin-bottom: 20px;
}

.Modern-Slider .item h5 {
  padding: 0;
  font: 15px/30px RalewayR;
  z-index: 8;
  font-family: Lato;
  visibility: visible;
  text-align: left;
  line-height: 22px;
  letter-spacing: 2px;
  font-weight: 400;
  font-size: 17px;
  margin: 0px;
  border-radius: 0px;
  padding: 0px;
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform-origin: 50% 50% 0px;
}

.Modern-Slider .item.slick-active h3 {
  animation: fadeInDown 0.8s both 1s;
  -webkit-animation: fadeInDown 0.8s both 1s;
}

.Modern-Slider .item.slick-active h5 {
  animation: fadeInLeft 0.9s both 1.5s;
  -webkit-animation: fadeInLeft 0.9s both 1.5s;
}

.Modern-Slider .item.slick-active a {
  animation: fadeInLeft 0.9s both 1.5s;
  -webkit-animation: fadeInLeft 0.9s both 1.5s;
}

.Modern-Slider .item.slick-active .info {
  animation: fadeInLeft 0.5s both 1.5s;
}

.Modern-Slider .item.slick-active {
  animation: Slick-FastSwipeIn 1s both;
}

.Modern-Slider {
  background: #000;
}


/* ==== Slick Slider Css Ruls === */

.slick-slider {
  position: relative;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left/* If RTL Make This Right */
    ;
  height: 100%;
  min-height: 1px
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}
/*---------------  potpoliyo  -----*/
.portfolio-fillter {
    left: 0;
    width: 55px;
    z-index: 111 !important;
    top: 30%;
    transform: translateY(-50%);
    bottom: inherit !important;
    display: block;
    padding: 0 25px;
    position: fixed;
}

.filletr-icone {
    background: rgba(255,255,255,1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    box-shadow: 0 1px 10px 3px rgb(0 0 0 / 18%);
    padding: 5px 10px;
    width: 100px;
    height: 50px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #0e85ca;
    cursor: pointer;
}

.filletr-icone span {float: left;margin: 0;padding: 0;border: 2px solid #117dc3;border-radius: 50%;width: 30px;height: 30px;text-align: center;margin-right: 5px;}

.filletr-icone span .fa {
    font-size: 20px;
    line-height: 35px;
    color: #117bc1;
}
.portpoliyo-main-show-hifddin{
    display:none;
    position: fixed;
    left: 1%;
    width: 20%;
    margin: 0;
    padding: 0;
    float: left;
    top: 35%;
    background: #fff;
    z-index: 999;
    border-radius: 4px;
    box-shadow: 5px 5px 10px #000;
    height: auto;
    padding: 5px;
}
/*-------------  media Qurey  ------------------*/

@media only screen and (min-width:250px) and (max-width:680px) {
.rowPortfolio .clm_6 {
    max-width: 100% !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100% !important;
    margin: 0px 0 !important;
    overflow: hidden;
}
.global-header .nav-item {
    border-bottom: 1px solid #0c273a;
}
.prt_carousel .port {
    padding: 0px 0px !IMPORTANT;
    margin: 0 10px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0,0,0,.25)!important;
    -moz-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    margin-bottom: 30px !IMPORTANT;
    border-radius: 5px;
}
.inner-hover {
    padding-bottom: 15px !important;
}
.port p.port-text {
    padding: 0;
    font-size: 20px;
    line-height: 20px;
    margin: 20px 0 0;
    width: 50%;
    line-height: 0px;
}
.producte-icone {
    width: 100%;
    margin: 0px 0px;
    padding: 0px 0px;
    width: 40%;
}
.tech-icon {
    float: left;
    width: 35px;
    height: 40px;
    margin: 10px 13px 0 0;
}
.industry-image {
    float: left;
    width: 40px;
    height: 40px;
    background-position: -65px -1px;
}
.more_port_prc {
    margin-top: -20%;
    padding: 0;
    width: 100%;
    float: right;
}.more_port_prc {
    margin-top: -20%;
}
.left-content-Prt {
    margin-top: -16%;
}
.tt-sidebar .widget>p {
    font-size: 14px;
    line-height: 35px;
}
.portfolio_left {
    margin-top: 0;
}
.port p.port-text a {
    padding: 0px 10px;
}
}

@media only screen and (min-width:768px) and (max-width:1080px) {
.rowPortfolio .clm_6 {
    max-width: 50% !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50.00%;
    flex: 0 0 50% !important;
    margin: 0px 0 !important;
    overflow: hidden;
}
.left-content-Prt ul {
    margin: auto;
    padding: 0;
    float: left;
    margin-top: -20%;
}
.left-content-Prt ul li {
    width: calc(30% - 65px) !important;
    margin: 10px 10px !important;
    padding: 10px 0px !important;
}
.industry-image {
    float: left;
    width: 40px  !important;
    height: 40px  !important;
    margin: 12px 12px 5px 0px;
    background-position: -65px -1px;
}
.tech-icon {
    float: left;
    width: 35px !important;
    height: 30px !important;
}
.options-details {
    display: flex;
}
.left-content-Prt ul {
    width: 100%;
    padding: 0 0% !important;
}
.left-content-Prt {
    margin-top: -20%;
}
.tt-sidebar .widget>p {
    font-size: 14px;
    line-height: 35px;
}
.cnt-left ul li:after {
    right: 24px;
}
.navigation-r3 .hamburger-nav .main-nav {
    height: 100vh;
}
.global-header .nav-item {
    border-bottom: 1px solid #082a42;
}
.navigation-r3 .hamburger-nav .profile-menu>li {
    border-bottom: 1px solid #082a42;
}
.prt_carousel .port {
    padding: 0px 0px;
    margin: 0px 10px;
}
.port p.port-text {
    padding: 0px 10px;
    font-size: 20px;
    line-height: 20px;
    margin: 0px 0 0;
    width: 50%;
    line-height: 25px;
}
.port p.port-text a {
    line-height: 25px;
    font-size: 16px;
    letter-spacing: -.5px;
}
.producte-icone {
    width: 100%;
    margin: 0px 0px;
    padding: 0px 0px;
    width: 40%;
}
.prt_carousel .port {
    margin-bottom: 20px !important;
}
.inner-hover {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
}
}

@media only screen and (min-width:1081px) and (max-width:1600px){
.rowPortfolio .clm_6 {
    max-width: 33.33% !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33% !important;
    margin: 0px 0 !important;
    overflow: hidden;
}
    .left-content-Prt ul {
         margin-top: -60%;
    }
}


/*-----------  New portfoli------------*/

.top-banner {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #0a3650;
    display: inline-block;
    background: url(<?php echo get_home_url();?>/images//flyfive-banner-nw.png) no-repeat top;
    height: 858px;
    background-size: contain;
}

.top-banner .flyfive-proj-high {
    cursor: pointer;
    width: 15px;
    transition: width 1s;
    position: fixed;
    right: 0;
    top: 28%;
    background: #1573ba;
    font-size: 13px;
    color: #fff;
    z-index: 9;
    height: 30px;
    padding: 10px 20px;
    font-family: 'poppinssemibold';
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 17px;
    text-transform: uppercase;
}

.top-banner .flyfive-proj-high:hover {
    width: 200px;
}

.top-banner .flyfive-proj-high span {
    margin-left: 20px;
    cursor: pointer;
    display: none;
}

.top-banner .flyfive-proj-high:hover span {
    display: inline-block;
}

.top-banner .flyfive-proj-high i {
    animation: slide1 1s ease-in-out infinite;
}

@keyframes slide1 {
    0%,
    100% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(10px, 0);
    }
}
/*------------ popup  -----------------*/
.custom-model-main {
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; /* z-index: 1050; */
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear, z-index 0.15;
  -o-transition: opacity 0.15s linear, z-index 0.15;
  transition: opacity 0.15s linear, z-index 0.15;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
}

.model-open {
  z-index: 99999;
  opacity: 1;
  overflow: hidden;
}
.custom-model-inner {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  display: inline-block;
  vertical-align: middle;
  width: 600px;
  margin: 30px auto;
  max-width: 97%;
}
.custom-model-wrap {
  display: block;
  width: 100%;
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  text-align: left;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: calc(100vh - 70px);
	overflow-y: auto;
}
.model-open .custom-model-inner {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  z-index: 999;
}
.model-open .bg-overlay {
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
}
.bg-overlay {
  background: rgba(0, 0, 0, 0);
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
  z-index: 1;
}
.close-btn {
  position: absolute;
  right: 0;
  top: -30px;
  cursor: pointer;
  z-index: 99;
  font-size: 30px;
  color: #fff;
}

@media screen and (min-width:800px){
	.custom-model-main:before {
	  content: "";
	  display: inline-block;
	  height: auto;
	  vertical-align: middle;
	  margin-right: -0px;
	  height: 100%;
	}
}
@media screen and (max-width:799px){
  .custom-model-inner{margin-top: 45px;}
}
/*-----------  Srvices  -------------------*/
.services-new-port {
    margin: 00;
    padding: 0;
    width: 100%;
    box-shadow: 5px 0 20px rgb(0 0 0 / 47%);
    height: 400px;
    position: relative;
    margin-bottom: 50px;
    margin-top: -11px;
    z-index: 999;
}

.left-side-new-port {
    float: left;
    margin: 0;
    padding: 30px 0px;
    width: 80%;
}
.main-services-box-area:hover{
    
transition: 0.5s all;
    
transform: scale(1.1);
    
transition-timing-function: linear;
    
cursor: pointer;
}
.main-services-box-area {
    width: calc(100% / 3);
    margin: 0;
    padding: 0;
    float: left;
    margin-bottom: 40px;
    margin-top: 40px;
}

.right-text-slider-area {
    margin: 0;
    padding: 0;
    float: left;
}

.right-side-new-port {
    float: right;
    width: 100%;
    margin: 0;
    max-width: 20%;
    position: absolute;
    right: 5%;
    background: #fff;
    padding: 35px;
    padding-bottom: 35px;
    box-shadow: 5px 0 20px rgb(0 0 0 / 47%);
    height: 400px;
    top: -10%;
}

.images-new-section {
    float: left;
    margin: 0;
    padding: 0;
    margin-right: 20px;
}
.images-new-section span {padding: 0;width: 100%;float: left;margin: 0;height: 100%;}

.right-text-slider-area h4 {
    color: #127bc1;
    font-size: 20px;
    font-family: Poppins;
    margin-bottom: 0px;
    font-weight: bold;
}

.right-text-slider-area p {
    font-family: 'poppinsmedium';
    color: #262626;
    font-size: 16px;
    margin: 0;
    padding: 0;
}.top-tile {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 50px;
}
.top-tile:hover{
    
transition: 0.5s all;
    
transition-timing-function: linear;
    
transform: scale(1.1);
}
.top-tile span {
    float: left;
    margin: 0;
    padding: 0;
    width: max-content;
    margin-right: 30px;
}

.top-tile h4 {
    color: #186cb4;
    font-size: 30px;
    font-family: 'Poppins';
    margin-bottom: 10px;
    font-weight: bold;
}

.hed-title-section {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    margin-top: 0px;
}

.hed-title-section h5 {
    font-family: 'Poppins';
    font-size: 20px;
    color: #1478be;
    margin-bottom: 0px;
    width: 100%;
    font-weight: bold;
}

.hed-title-section p {
    font-size: 15px;
    line-height: 30px;
    font-family: 'Poppins';
}.left-side-trext-banner-new-port {
    position: relative;
    margin: 50px 0px 100px 0px;
    padding: 50px 0px 100px 0px;
    width: 100%;
    float: left;
}

.left-side-trext-banner-new-port .left-side-new-port {
    float: left;
    width: 100%;
    max-width: 50%;
    margin: 0;
    padding: 0;
}

.left-side-trext-banner-new-port .left-side-new-port div {}

.left-side-trext-banner-new-port  .left-side-new-port div h4 {
    font-size: 45px;
    margin-bottom: 20px;
    color: #262626;
    font-family: 'Poppins';
    font-weight: bold;
}

.left-side-trext-banner-new-port  .left-side-new-port div h4 span {
    color: #117ec4;
    font-style: normal;
    margin-left: 5px;
}

.left-side-trext-banner-new-port  .left-side-new-port div h5 {
    font-size: 20px;
    margin-bottom: 40px;
    line-height: 30px;
    color: #262626;
    font-family: 'Poppins';
}

.left-side-trext-banner-new-port  .left-side-new-port div p {
    font-size: 18px;
    color: #176cb3;
    display: block;
    margin-bottom: 30px;
    font-weight: bold;
    font-family: 'Poppins';
}

.left-side-trext-banner-new-port  .left-side-new-port div ul {
    margin: 0;
    padding: 0;
}

.left-side-trext-banner-new-port  .left-side-new-port div ul li {
    list-style-type: none;
    font-size: 17px;
    padding-left: 25px;
    color: #262626;
    display: block;
    margin-bottom: 12px;
    position: relative;
    line-height: 35px;
    font-family: 'Poppins';
}

.left-side-trext-banner-new-port .right-side-new-port {
    max-width: 40%;
    margin: 0;
    padding: 0;
    float: right;
    top: 2%;
    box-shadow: none;
}
.left-side-trext-banner-new-port .left-side-new-port div ul li:after{
        content: '';
    width: 6px;
    height: 6px;
    background: #262626;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 10px;
}.hello-bittu {
    padding: 180px 0px 0px 0px !important;
}

.portpoliyo-main-show-hifddin ul li {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #f3f5f7;
}

.portpoliyo-main-show-hifddin ul li a {
    font-size: 15px;
    line-height: 20px;
}
/*---------------  Full Side Banner Area   -----------------*/


.flyfive-emotional-sec {
    margin: -100px auto 80px;
    width: 815px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #196ab2;
    text-align: center;
    padding: 15px;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 0 10px #0000005e;
}

.flyfive-emotional-sec:before {
    content: '';
    width: 43px;
    height: 48px;
    background: url(<?php echo get_home_url();?>/images/flyfive-square-img.png) no-repeat center;
    display: inline-block;
    position: absolute;
    right: -29px;
    top: -39px;
}
.flyfive-emotional-sec span {
    font-size: 26px;
    color: #ffffff;
    position: relative;
    line-height: 30px;
    margin-top: 6px;
}
.flyfive-emotional-sec span:after {
    content: '';
    width: 22px;
    height: 23px;
    background: url(<?php echo get_home_url();?>/images/flyfive-featcher-smiley.png) no-repeat center;
    display: inline-block;
    position: absolute;
    left: 60px;
    top: -75px;
}

.full-side-banner-with-text {
    float: left;
    margin: 50px 0px;
    padding: 50px 0px;
    width: 100%;
    background: linear-gradient(45deg,#1969b1,#00a8ea);
    position: relative;
}
.full-side-banner-with-text:after{
        content: '';
        width: 113px;
        height: 214px;
        display: inline-block;
        background: url(<?php echo get_home_url();?>/images/flyfive-feture-lft-dots.png) no-repeat center;
        position: absolute;
        bottom: -70px;
        left: 0;
}
.full-side-banner-with-text h3 {
    text-align: center;
    font-size: 42px;
    color: #ffffff;
    font-family: 'Poppins';
    font-weight: bold;
    margin-bottom: 50px;
}

.helf-div-diverder {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
    position: relative;
}
.helf-div-diverder:before{
        content: '';
        width: 37px;
        height: 38px;
        display: inline-block;
        background: url(<?php echo get_home_url();?>/images/flyfive-feture-smiley.png) no-repeat center;
        position: absolute;
        bottom: 0px;
        right: 245px;
}
.box-trasform-section {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.box-trasform-section ul {
    margin: 0;
    padding: 0;
}

.box-trasform-section ul li.active {
    background: rgb(25 106 178 / 29%);
}

.box-trasform-section ul li {
    list-style-type: none;
    padding: 15px 15px 15px 45px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    min-height: 120px;
    width: 440px;
}
.box-trasform-section ul li:hover{
    background: rgb(25 106 178);
    transition: 0.2s all;
    transition-timing-function: linear;
}
.box-trasform-section ul li span {
    font-size: 22px;
    color: #ffffff;
    font-family: 'poppinsmedium';
    margin-left: 22px;
}

.full-side-banner-with-text h3 span {
    color: #000000;
}.helf-div-diverder .flyfive-keyfeture-img {
    display: block;
    position: relative;
}
.helf-div-diverder .flyfive-keyfeture-img:after{
    content: '';
    width: 821px;
    height: 897px;
    display: inline-block;
    background: url(<?php echo get_home_url();?>/images/flyfive-wht-round-bg.png) no-repeat center;
    position: absolute;
    top: 0;
    right: 0;
    background-size: cover;
}
.helf-div-diverder .flyfive-keyfeture-img:before{
        content: '';
    width: 34px;
    height: 43px;
    background: url(<?php echo get_home_url();?>/images/flyfive-feture-rgt-ribn.png) no-repeat center;
    display: inline-block;
    position: absolute;
    right: -100px;
    top: -180px;
}
.helf-div-diverder .flyfive-keyfeture-img {
    display: block;
    position: relative;
}
.helf-div-diverder .flyfive-keyfeture-img:after{
    content: '';
    width: 821px;
    height: 897px;
    display: inline-block;
    background: url(<?php echo get_home_url();?>/images/flyfive-wht-round-bg.png) no-repeat center;
    position: absolute;
    top: -10%;
    right: 0%;
    background-size: cover;
}
.helf-div-diverder .flyfive-keyfeture-img:before{
        content: '';
        width: 34px;
        height: 43px;
        background: url(<?php echo get_home_url();?>/images/flyfive-feture-rgt-ribn.png) no-repeat center;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 100%;
}.left-side-text-and-images {
    float: left;
    margin: 50px 0px;
    padding: 50px 0px;
    width: 100%;
    position: relative;
}

.left-side-text-and-images .helf-div-diverder i {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.left-side-text-and-images .helf-div-diverder i:after{
        content: '';
        width: 866px;
        height: 866px;
        display: inline-block;
        background: url(<?php echo get_home_url();?>/images/flyfive-challenge-circle.png) no-repeat center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
}
.left-side-text-and-images .helf-div-diverder i img {
    float: left;
    width: 100%;
}.left-side-text-and-images {
    float: left;
    margin: 50px 0px;
    padding: 50px 0px;
    width: 100%;
    position: relative;
}

.left-side-text-and-images .helf-div-diverder i {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.left-side-text-and-images .helf-div-diverder i:after{
        content: '';
        width: 866px;
        height: 866px;
        display: inline-block;
        background: url(<?php echo get_home_url();?>/images/flyfive-challenge-circle.png) no-repeat center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
}
.left-side-text-and-images .helf-div-diverder i img {
    float: left;
    width: 100%;
}

.left-side-text-and-images .helf-div-diverder h3 {
    text-align: center;
    font-size: 42px;
    color: #1285ca;
    font-family: 'Poppins';
    font-weight: bold;
    margin-bottom: 50px;
}

.left-side-text-and-images .helf-div-diverder h3 span {
    color: #000000;
}

.left-side-text-and-images .helf-div-diverder p {
    font-size: 18px;
    color: #262626;
    line-height: 36px;
    margin-bottom: 25px;
    padding-left: 30px;
    position: relative;
    font-family: 'Poppins';
}.left-side-text-and-images .helf-div-diverder p:before{
        width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #222222;
    position: absolute;
    left: 0;
    top: 14px;
    content: "";
}
.contact-us-from-prot {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

/*--------------------- slider ----------------*/
}
.slider {
	width: 100%;
}
.slider input {
	display: none;
}
.slider  .testimonials {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	min-height: 350px;
	perspective: 1000px;
	overflow: hidden;
}
.slider  .testimonials .item {
	top: 0;
	position: absolute;
	box-sizing: border-box;
	background-color: #0A0220;
	padding: 30px;
	width: 450px;
	text-align: center;
	transition: transform 0.4s;
	-webkit-transform-style: preserve-3d;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	user-select: none;
	cursor: pointer;
}
.slider  .testimonials .item img {
	width: 100px;
	border-radius: 50%;
	border: 13px solid #3B344D;
}
.slider  .testimonials .item p {
	color: #ddd;
}
.slider  .testimonials .item h2 {
	font-size: 14px;
}
.slider  .dots {
	display: flex;
	justify-content: center;
	align-items: center;
}
.slider  .dots label {
	display: block;
	height: 5px;
	width: 5px;
	border-radius: 50%;
	cursor: pointer;
	background-color: #413B52;
	margin: 7px;
	transition: transform 0.2s, color 0.2s;
}

/* First */
#t-1:checked ~ .dots label[for="t-1"] {
	transform: scale(2);
	background-color: #fff;
}
#t-1:checked ~ .dots label[for="t-2"] {
	transform: scale(1.5);
}
#t-1:checked ~ .testimonials label[for="t-1"] {
	z-index: 4;
}
#t-1:checked ~ .testimonials label[for="t-2"] {
	transform: translateX(300px) translateZ(-90px) rotateY(-15deg);
	z-index: 3;
}
#t-1:checked ~ .testimonials label[for="t-3"] {
	transform: translateX(600px) translateZ(-180px) rotateY(-25deg);
	z-index: 2;
}
#t-1:checked ~ .testimonials label[for="t-4"] {
	transform: translateX(900px) translateZ(-270px) rotateY(-35deg);
	z-index: 1;
}
#t-1:checked ~ .testimonials label[for="t-5"] {
	transform: translateX(1200px) translateZ(-360px) rotateY(-45deg);
}

/* Second */
#t-2:checked ~ .dots label[for="t-1"] {
	transform: scale(1.5);
}
#t-2:checked ~ .dots label[for="t-2"] {
	transform: scale(2);
	background-color: #fff;
}
#t-2:checked ~ .dots label[for="t-3"] {
	transform: scale(1.5);
}
#t-2:checked ~ .testimonials label[for="t-1"] {
	transform: translateX(-300px) translateZ(-90px) rotateY(15deg);
}
#t-2:checked ~ .testimonials label[for="t-2"] {
	z-index: 3;
}
#t-2:checked ~ .testimonials label[for="t-3"] {
	transform: translateX(300px) translateZ(-90px) rotateY(-15deg);
	z-index: 2;
}
#t-2:checked ~ .testimonials label[for="t-4"] {
	transform: translateX(600px) translateZ(-180px) rotateY(-25deg);
	z-index: 1;
}
#t-2:checked ~ .testimonials label[for="t-5"] {
	transform: translateX(900px) translateZ(-270px) rotateY(-35deg);
}

/* Third */
#t-3:checked ~ .dots label[for="t-2"] {
	transform: scale(1.5);
}
#t-3:checked ~ .dots label[for="t-3"] {
	transform: scale(2);
	background-color: #fff;
}
#t-3:checked ~ .dots label[for="t-4"] {
	transform: scale(1.5);
}
#t-3:checked ~ .testimonials label[for="t-1"] {
	transform: translateX(-600px) translateZ(-180px) rotateY(25deg);
}
#t-3:checked ~ .testimonials label[for="t-2"] {
	transform: translateX(-300px) translateZ(-90px) rotateY(15deg);
}
#t-3:checked ~ .testimonials label[for="t-3"] {
	z-index: 3;
}
#t-3:checked ~ .testimonials label[for="t-4"] {
	transform: translateX(300px) translateZ(-90px) rotateY(-15deg);
	z-index: 2;
}
#t-3:checked ~ .testimonials label[for="t-5"] {
	transform: translateX(600px) translateZ(-180px) rotateY(-25deg);
}

/* Fourth */
#t-4:checked ~ .dots label[for="t-3"] {
	transform: scale(1.5);
}
#t-4:checked ~ .dots label[for="t-4"] {
	transform: scale(2);
	background-color: #fff;
}
#t-4:checked ~ .dots label[for="t-5"] {
	transform: scale(1.5);
}
#t-4:checked ~ .testimonials label[for="t-1"] {
	transform: translateX(-900px) translateZ(-270px) rotateY(35deg);
}
#t-4:checked ~ .testimonials label[for="t-2"] {
	transform: translateX(-600px) translateZ(-180px) rotateY(25deg);
}
#t-4:checked ~ .testimonials label[for="t-3"] {
	transform: translateX(-300px) translateZ(-90px) rotateY(15deg);
	z-index: 2;
}
#t-4:checked ~ .testimonials label[for="t-4"] {
	z-index: 3;
}
#t-4:checked ~ .testimonials label[for="t-5"] {
	transform: translateX(300px) translateZ(-90px) rotateY(-15deg);
}

/* Fifth */
#t-5:checked ~ .dots label[for="t-4"] {
	transform: scale(1.5);
}
#t-5:checked ~ .dots label[for="t-5"] {
	transform: scale(2);
	background-color: #fff;
}
#t-5:checked ~ .testimonials label[for="t-1"] {
	transform: translateX(-1200px) translateZ(-360px) rotateY(45deg);
}
#t-5:checked ~ .testimonials label[for="t-2"] {
	transform: translateX(-900px) translateZ(-270px) rotateY(35deg);
	z-index: 1;
}
#t-5:checked ~ .testimonials label[for="t-3"] {
	transform: translateX(-600px) translateZ(-180px) rotateY(25deg);
	z-index: 2;
}
#t-5:checked ~ .testimonials label[for="t-4"] {
	transform: translateX(-300px) translateZ(-90px) rotateY(15deg);
	z-index: 3;
}
#t-5:checked ~ .testimonials label[for="t-5"] {
	z-index: 4;
}