@import 'config.css';
@import 'jquery.ui.selectmenu.css';
@import 'jquery.ui.theme.css';
@import 'jquery.ui.core.css';
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');s
html {
    overflow-x: hidden;
}
body, html {
    transition: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    height: 100%;
}
body.modal-open {padding-right: 17px;}
.modal-open .modal {
    margin-top: 45px;
}
.dev-container {
    max-width: 1440px;
    margin: 0 auto;
    height: 1032px;
    padding: 20px;
}
@-webkit-keyframes gradientScrol {
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%;}
}
@-moz-keyframes gradientScrol {
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%;}
}
@keyframes gradientScrol {
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%;}
}

.main-wrapper {
    overflow-x: hidden;
    position: relative;
    min-height: 100%;
}

.footer-sticky {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1000;
}

.container {
    max-width: 990px;
    z-index: 99;
    position: relative;
}

.fixed-button {
    min-width: 300px;
    text-align: center;
}

.main-content {padding-bottom: 556px;}

.awards figure img {
    max-width: 220px !important;
}

.awards figure {
    margin: 0 auto;
}


body .gform_wrapper ul li.gfield {
    width: 100% !important;
}

.button {
    color: #ffffff !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    display: inline-block;
    padding: 14px 35px;
    background-color: #e3147c;
    border-radius: 25px;
    transition: all 0.3s;
}
.button:hover {
    text-decoration: none;
}
.button.inverse {
    border-radius: 25px;
    border: 2px solid #ffffff;
    display: inline-block;
    padding: 12px 25px;
    font-size: 18px;
    background: none;
    outline: none;
    letter-spacing: 1.8px;
}

.intermediate_link a{
    color: #d90069;
}

#latest-version-download {
    position: fixed;
    top:98%;
    top: calc(100% - 60px);
    right: 40px;
    right: 10px;
    z-index: 20000;
}

#latest-version-download .button {
    padding: 10px 25px !important;
    font-size: 14px;
    box-shadow: 0 0 10px #ccc;
}

.price-box .button.inverse {
    font-size: 16px;
}
.button.inverse.orange-btn {
    color:  #e3147c !important;
    border-color:  #e3147c;
}
.page-template-page-home .banner .button.inverse {
    background-color: rgba(227, 20, 124,1);
    border-color: rgba(227, 20, 124, 1);
}
.page-template-page-home .banner .button.inverse:hover {
    background-color: transparent !important;
    border-color: #fff;
}
.button.hover, .button.inverse:hover, .active-btn {
    background-color: #e3147c;
    border-color: #e3147c;
    color: #fff !important;
}
.button.inverse.hover:hover {
    background: none;
    border-color: #e3147c;
    color: #e3147c !important;
}
.login-sec h6 {
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}
.table-responsive {
    overflow-y: hidden;
}
.nav-container {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0px 20px;
}
.navbar-nav {
    margin: 13px 0px 0px;
}
.navbar-nav > li {
    padding-left: 20px;
    float: none;
}

.navbar-nav > li.mobile  {
    margin-top: 30px;
}
.navbar-nav > li .dropdown-menu li  {
    width: 100%;
}
.navbar-nav > li .dropdown-menu li a {
    padding: 7px 15px;
    border-bottom: 1px solid #ccc;
    display: block;
}
.navbar-nav > li .dropdown-menu li a:hover {
    background: #e3147c;
    color: #fff;
}
.navbar-nav>li>.dropdown-menu {
    margin-top: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-radius: 0px;
    padding: 0px;
    z-index: 999999;
}

.navbar-nav > li > a, .dropdown-menu li a {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #2d3135;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0px;
}
.navbar-nav > li > a:hover {
    text-decoration: none;
}

.form-inline {
    display: inline-block;
}
.navbar-toggler {
    display: none;
    z-index: 99999999999;
}
nav ul li.current_page_item a {
    color: #ed1d90;
}
.navbar-brand {
    height: auto;
    padding: 0px;
}
.navbar {
    margin-bottom: 0px;
    padding: 22px 0px;
}

.banner, .sub-banner {
    height: 660px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.banner h1, .sub-banner h1 {
    font-size: 40px;
    line-height: 50px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2.22px;
}
.banner p, .sub-banner p {
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 40px;
}
.banner .button {
    font-size: 22px;
    letter-spacing: 2.2px;
}
.banner .button:hover {
    text-decoration: none;
}

.curve {
    position: relative;
}
.curve.top-left-bottom-right:after {
    content: '';
    background-color: #fff;
    height: 75px;
    width: 135%;
    position: absolute;
    bottom: -79px;
    transform-origin: 100% 30%;
    transform: rotate(3deg);
    z-index: 100;
    left: -4px;
}
.curve.bottom-left-top-right:after {
    content: '';
    background-color: #fff;
    height: 80px;
    width: 136%;
    position: absolute;
    bottom: -80px;
    transform-origin: top left;
    transform: rotate(-3deg);
    z-index: 100;
    left: -65px;
}
 .our-client p {
     font-size: 16px;
     font-weight: 400;
     line-height: 28px;
     color: #2d3135;
     margin-bottom: 0px;
 }
.our-client img {
    display: inline-block;
}

.your-choice {
    padding: 40px 0px;
    position: relative;
}
.your-choice h4 {
    font-size: 28px;
    color: #ffffff;
    font-size: 28px;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.your-choice p {
    color: #ffffff;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px;
}
.your-choice:after {
    content: '';
    background-color: #fff;
    height: 80px;
    width: 102%;
    position: absolute;
    top: -80px;
    transform-origin: 100% 30%;
    transform: rotate(-3deg);
    z-index: 9;
    left: -4px;
}
.your-choice:before {
    content: '';
    background-color: #fff;
    height: 80px;
    width: 102%;
    position: absolute;
    bottom: 0px;
    transform-origin: 100% 30%;
    transform: rotate(-3deg);
    z-index: 9;
    left: -4px;
}
.your-choice .button {
    margin: 0px 15px 20px;
}
.your-choice .button:last-of-type {margin: 0;}
.your-choice .bx-wrapper {
    margin-bottom: 0;
}
.gradient {
    background: url('../images/animation_colour.gif');
    /*background-size: 400% 400%;*/
    /*transform: translateZ(0);*/
    /*transform: translateZ(0);*/
    /*-webkit-animation: gradientScrol 15s ease infinite;*/
    /*-moz-animation: gradientScrol 15s ease infinite;*/
    /*animation: gradientScrol 15s ease infinite;*/
}
.gradient.inverse {
    background: url('../images/animation_colour.gif');
    /*background-size: 400% 400%;*/
    /*transform: translateZ(0);*/
    /*transform: translateZ(0);*/
    /*-webkit-animation: gradientScrol 15s ease infinite;*/
    /*-moz-animation: gradientScrol 15s ease infinite;*/
    /*animation: gradientScrol 15s ease infinite;*/
}

.transform-sec {
    padding-top: 60px;
    position: relative;
}
.transform-sec .video {
    width: 100%;
    position: absolute;
    opacity: 1;
    top: 0
}
.transform-sec h4 {
    color: #e3147c;
    font-size: 24px;
    line-height: 35px;
    text-transform: uppercase;
    letter-spacing: 0.96px;
}
.transform-sec p {
    color: #2d3135;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.transform-sec .video-sec {
    height: 257px;
    display: flex;
    align-items: center;
    position: relative;
}
.transform-sec .video-sec div {
    width: 100%;
    position: relative;z-index: 999;
}
.transform-content {
    padding: 130px 0px 0px;
}
.transform-content h5 {
    color: #e3147c;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    min-height: 60px;
}
.transform-content p {
    color: #2d3135;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.home .transform-sec p {
    max-width: 400px;
}

.home .transform-content p  {
    max-width: 280px;
    margin: 0 auto;
}
.transform-content .icon {
    min-height: 130px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.transform-content .icon figure {
    width: 100%;
}
.separator {
    height: 115px;
    position: relative;
    background-color: #fff;
}
.separator:after {
    /*    content: '';*/
    background: url('../images/animation_colour.gif');
    /*background-size: 400% 400%;*/

    /*transform: translateZ(0);*/
    /*-webkit-animation: gradientScrol 15s ease infinite;*/
    /*-moz-animation: gradientScrol 15s ease infinite;*/
    /*animation: gradientScrol 15s ease infinite;*/
    height: 5px;
    position: absolute;
    left: -4px;
    width: 102%;
    transform-origin: 100% 30%;
    transform: rotate(4.7deg);
    top: 111px;
}
.separator-line {
    background: url('../images/animation_colour.gif');
    /*background-size: 400% 400%;*/

    /*transform: translateZ(0);*/
    /*-webkit-animation: gradientScrol 15s ease infinite;*/
    /*-moz-animation: gradientScrol 15s ease infinite;*/
    /*animation: gradientScrol 15s ease infinite;*/
    height: 5px;
    position: absolute;
    left: -4px;
    width: 102%;
    top: 0;
    bottom: 0;
    margin: auto;
}
.separator.right-top:after {
    /*    content: '';*/
    top: 0px;
    transform: rotate(-4.7deg);
    background: url('../images/animation_colour.gif');
    /*background-size: 400% 400%;*/

    /*transform: translateZ(0);*/
    /*-webkit-animation: gradientScrol 15s ease infinite;*/
    /*-moz-animation: gradientScrol 15s ease infinite;*/
    /*animation: gradientScrol 15s ease infinite;*/

}
.performance-sec .col-md-6 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.border-box {
    background-color: #ffffff;
    border: 2px solid #eeeeee;
    border-radius: 4px;
    min-height: 300px;
    margin-top: 30px;
    transition: all 0.3s;
}
.border-box:hover {
    box-shadow: 0 6px 6px 2px rgba(45, 49, 53, 0.23), 0 10px 20px 1px rgba(0, 0, 0, 0.19);
    cursor: pointer;
    border-color: #ffffff;
}
.border-box .icon {
    height: 220px;
    display: flex;
    align-items: center;
}
.border-box .icon figure {
    width: 100%;
}
.border-box p {
    letter-spacing: 0.5px;
    text-transform: uppercase;
    line-height: 25px;
    font-size: 18px;
    color: #2d3135;
}
.our-customer {
    padding: 0px 50px;
}

.our-customer .border-box-parent  {
    min-height: 325px;
}

.our-customer .border-box {
    border: 0 !important;
}
.page-template-page-visual-studio .testimonial,
.page-template-page-case-studies .testimonial,
.page-template-page-home .testimonial {
    z-index: 9999;
}
.testimonial {
    padding: 60px 0px;
    z-index: -1;
    position: relative;
}
.testimonial h4 {
    margin-bottom: 60px;
}
.testimonial .text {
    display: flex;
    align-items: center;
    min-height: 138px;
}
.testimonial h5 {
    font-weight: 300;
    font-size: 24px;
    font-style: italic;
    width: 100%;
    line-height: 40px;
    color: rgba(45, 49, 53, 0.6);
    font-family: 'Open Sans';
}
.testimonial p {
    color: #2d3135;
}
.testimonial figure {
    margin-bottom: 20px;
}
.testimonial figure img {
    margin: 0 auto;
}
.our-client .bx-wrapper {
    box-shadow: none;
    margin-bottom: 0;
    margin: 0 auto;
}
.testimonial .bx-wrapper {
    box-shadow: 0px 0px 0px;
    margin-bottom: 0px;
}
.our-client .bx-wrapper .bx-prev:after,
.testimonial .bx-wrapper .bx-prev:after {
    content: "\f104";
    font-family: 'FontAwesome';
    color: #818285;
    font-size: 35px;
    position: absolute;
    text-indent: 0px;
    left: -35px;
}
.our-client .bx-wrapper .bx-next:after,
.testimonial .bx-wrapper .bx-next:after {
    content: "\f105";
    font-family: 'FontAwesome';
    color: #818285;
    font-size: 35px;
    position: absolute;
    text-indent: 0px;
    right: -35px;
}
.trust {
    position: relative;
    padding: 140px 0px;
}
.trust:after {
    content: '';
    background-color: #fff;
    height: 80px;
    width: 102%;
    position: absolute;
    top: -80px;
    transform-origin: 100% 30%;
    transform: rotate(-3deg);
    z-index: 999;
    left: -4px;
}
.trust:before {
    content: '';
    background-color: #fff;
    height: 80px;
    width: 108%;
    position: absolute;
    bottom: -80px;
    transform-origin: 100% 30%;
    transform: rotate(3deg);
    z-index: 999;
    left: -4px;
}
.trust .col-md-6 {
    display: flex;
    align-items: center;
    min-height: 270px;
}
.trust .no-flex {
    display: block!important;
    min-height: auto;
}
.trust .col-md-6 .text {
    width: 100%;
}
.trust h3 {
    color: #ffffff;
    font-size: 28px;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.trust p {
    color: #f8f8f8;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}
.trust.gradient input[type="email"],.trust.gradient #input_5_1 {
    outline: none!important;
    box-shadow: 0 6px 6px 2px rgba(45, 49, 53, 0.23), 0 10px 20px 1px rgba(0, 0, 0, 0.19);
    background-color: #ffffff;
}
.trust.gradient #input_5_1  {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-family: 'Open Sans';
    margin-bottom: 20px;
    padding-left: 20px;
    color: #000;
    box-shadow: 0px 3px 6px #555;
    margin-top: 20px;
    border: 0px;
}
#gform_submit_button_5 {
    border-radius: 25px!important;
    border: 2px solid #ffffff!important;
    display: inline-block!important;
    padding: 12px 25px!important;
    font-size: 18px!important;
    margin-left: 24px;
    background: none!important;
    width: 320px!important;
    outline: none!important;
    letter-spacing: 1.8px!important;
}
#gform_confirmation_wrapper_5 {
    color: #f8f8f8;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}
@media (max-width:550px) {
    #unik #gform_submit_button_5 {
        margin-left: 0;
    }
}
#gform_submit_button_5:hover{
    background-color: #e3147c!important;
    border-color: #e3147c!important;
    color: #fff !important;
}
#unik .gform_wrapper{
    max-width: 100%;
}
#unik  .gform_wrapper ul li.gfield {
    padding: 0;
}

.footer-widget {
    padding: 30px 0px 50px;
}
.footer-widget h6 {
    color: #2d3135;
    font-size: 16px;
    line-height: 40px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 0px;
}
.footer-widget ul {
    padding: 0px;
    margin: 0px;
}
.footer-widget ul li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.footer-widget ul li a {
    color: rgba(45, 49, 53, 0.6);
    font-size: 15px;
    font-weight: 400;
    line-height: 32px;
    transition: all 0.3s;
}
.footer-widget ul li a:hover {
    text-decoration: none;
    color: #e51e77;
}
footer {
    background-color: #2d3135;
    padding: 30px 0px 40px;
}
.footer-container {
    max-width: 1200px;
    margin: 0 auto;
}
footer h5 {
    color: #eeeeee !important;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 0px;
}
footer p, footer a {
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}
footer strong {
    font-weight: 600;
    margin-top: 40px;
    display: inline-block;
}
.social {
    margin-top: 50px;
}
.social a {
    display: inline-block;
    margin-left: 40px;
    font-size: 30px;
}
.social a:hover, footer a:hover {
    color: #fff;
    text-decoration: none;
}
.social a:first-child {
    margin-left: 0px;
}
.sub-banner {
    height: 385px;
    background-size: cover;
    background-position: center top;
    position: relative;
}
.overlay {
    opacity: .6;
    position: absolute;
    top: 0px;
    width: 100%;
    bottom: 1px;
    left: 0px;
    right: 0px;
}
.visual-content {
    padding: 35px 0px 20px;
}
.visual-content h5 {
    color: #2d3135;
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    font-family: "Open Sans";
}
.faq {
    padding: 30px 0px;
}
.faq h5 {
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}
.faq h5 a {
    font-size: 20px;
    color: #d90069;
    font-weight: 600;
}
.visual-content h5 strong {
    color: #222528;
    font-weight: 400;
}
.visual-content h6 {
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
}
.visual-content p {
    color: #2d3135;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}
.visual-content p strong {
    font-weight: 600;
}
.parallax-curve {
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
    padding: 150px 0px;
}
.parallax-curve p {
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
}
.parallax-curve:after {
    content: '';
    background-color: #fff;
    height: 80px;
    width: 102%;
    position: absolute;
    top: 0px;
    transform-origin: 100% 30%;
    transform: rotate(3deg);
    z-index: 999;
    left: -4px;
}
.parallax-curve:before {
    content: '';
    background-color: #fff;
    height: 96px;
    width: 102%;
    position: absolute;
    bottom: -77px;
    transform-origin: 100% 30%;
    transform: rotate(3deg);
    z-index: 99;
    left: -4px;
}
.our-work h5 {
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
}
.our-work p {
    color: #2d3135;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    max-width: 382px;
}
.our-work ul {
    padding: 0px;
    margin: 0px;
}
.our-work ul li {
    color: #2d3135;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    position: relative;
    padding-left: 30px;
}
.our-work ul li:before {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f111";
    color: #d90069;
    left: 0px;
    font-size: 5px;

}
.our-work img {
    margin: 0 auto;
}
.curve.curve-left-bottom-right-top:after {
    content: '';
    background-color: #fff;
    height: 80px;
    width: 102%;
    position: absolute;
    top: -80px;
    transform-origin: 100% 30%;
    transform: rotate(-3deg);
    z-index: 9;
    left: -4px;
}
.curve.curve-left-bottom-right-top:before {
    content: '';
    background-color: #fff;
    height: 80px;
    width: 102%;
    position: absolute;
    bottom: 0px;
    transform-origin: 100% 30%;
    transform: rotate(-3deg);
    z-index: 999;
    left: -4px;
}
.visual {
    background: #f3f3f5;
    padding: 100px 0px 80px;
}
.visual h5 {
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
}
.visual p {
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
}
.benefits {
    position: relative;
    z-index: 10;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    padding: 85px 0px 154px;
}
.benefit h3 {
    color: #ffffff;
    position: relative;
    z-index: 999;
}

.benefit h4 {
    color: #ffffff;
}

.benefits h3 {
    color: #ffffff;
    font-family: "Open Sans";
    font-size: 32px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 35px;
    text-transform: none;
}
.benefits h4 {
    color: #ffffff;
    font-family: "Open Sans";
    font-size: 23px;
    font-weight: 400;
    line-height: 30px;
    min-height: 65px;
    display: flex;
    align-items: top;
    text-transform: none;
}
.benefits p {
    color: #ffffff;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
}
.border-gradient {
    position: relative;
    padding-bottom: 15px;
}
.border-gradient:after {
    content: '';
    background: #e4177b; /* Old browsers */
    background: -moz-linear-gradient(left, #e4177b 0%, #fede11 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e4177b 0%,#fede11 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e4177b 0%,#fede11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4177b', endColorstr='#fede11',GradientType=1 ); /* IE6-9 */
    width: 145px;
    height: 4px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.visual-texture {
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.texture {
    position: absolute;
    left: 0px;
    top: -73px;
}
.gradient-curve:after {
    content: '';
    background: url('../images/animation_colour.gif');
    /*background-size: 400% 400%;*/

    /*transform: translateZ(0);*/
    /*-webkit-animation: gradientScrol 15s ease infinite;*/
    /*-moz-animation: gradientScrol 15s ease infinite;*/
    /*animation: gradientScrol 15s ease infinite;*/
    height: 80px;
    width: 108%;
    position: absolute;
    top: -80px;
    transform-origin: 100% 30%;
    transform: rotate(-3deg);
    z-index: 9;
    left: -4px;
}
.gradient-curve:before {
    content: '';
    background: url('../images/animation_colour.gif');
    /*background-size: 400% 400%;*/

    /*transform: translateZ(0);*/
    /*-webkit-animation: gradientScrol 15s ease infinite;*/
    /*-moz-animation: gradientScrol 15s ease infinite;*/
    /*animation: gradientScrol 15s ease infinite;*/
    height: 80px;
    width: 108%;
    position: absolute;
    bottom: -80px;
    transform-origin: 100% 30%;
    transform: rotate(3deg);
    z-index: 9;
    left: -4px;
}
.gradient-inverse {
    background: url('../images/animation_colour.gif');
    /*background-size: 400% 400%;*/

    /*transform: translateZ(0);*/
    /*-webkit-animation: gradientScrol 15s ease infinite;*/
    /*-moz-animation: gradientScrol 15s ease infinite;*/
    /*animation: gradientScrol 15s ease infinite;*/
}
.gradient-inverse:before {
    content: '';
    background: url('../images/animation_colour.gif');
    /*background-size: 400% 400%;*/

    /*transform: translateZ(0);*/
    /*-webkit-animation: gradientScrol 15s ease infinite;*/
    /*-moz-animation: gradientScrol 15s ease infinite;*/
    /*animation: gradientScrol 15s ease infinite;*/
    height: 80px;
    width: 108%;
    position: absolute;
    bottom: 0px;
    transform-origin: 100% 30%;
    transform: rotate(-2deg);
    z-index: 999;
    left: -4px;
}
.gradient-inverse:after {
    content: '';
    background: url('../images/animation_colour.gif');
    /*background-size: 400% 400%;*/

    /*transform: translateZ(0);*/
    /*-webkit-animation: gradientScrol 15s ease infinite;*/
    /*-moz-animation: gradientScrol 15s ease infinite;*/
    /*animation: gradientScrol 15s ease infinite;*/
    height: 80px;
    width: 108%;
    position: absolute;
    top: 0px;
    transform-origin: 100% 30%;
    transform: rotate(2deg);
    z-index: 999;
    left: -4px;
}
.trust.gradient-curve, .gradient-inverse {
    padding: 45px 0px;
    margin-bottom: 80px;
    min-height: 285px;
}

.integration h5 {
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    margin-top: 10px;
}
.integration-content {
    position: relative;
}
.integration-content p strong,
.benefits-content p strong {
    color: #d90069;
    font-weight: 700;
}
.integration-content .border-left {
    border-left: 1px solid #2d3135;
}
.integration-content .border-right {
    border-right: 1px solid #2d3135;
}
.integration-content .col-sm-6,
.integration-content .col-sm-6 {
    min-height: 295px;
}
.integration-content h6 {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #e3147c;
}
.progressbar-delivery.reduce-time {
    margin-bottom: 0px;
}
.integration-content h6:after {
    content: "";
    background: #2d3135;
    position: absolute;
    width: 53px;
    height: 2px;
    top: 12px;
}
.integration-content h6:before {
    content: "";
    background: #2d3135;
    position: absolute;
    width: 2px;
    height: 8px;
    top: 9px;
}
.integration-content h6.right:after {
    content: "";
    left: -70px;
}
.integration-content h6.left:after {
    content: "";
    right: -70px;
}
.integration-content h6.right:before {
    left: -18px;
    content: "";
}
.integration-content h6.left:before {
    content: "";
    right: -18px;
}
.integration-content p a {
    color: #d90069;
    font-weight: 700;
    font-size: 16px;
}
.int-texture {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 64px;
    width: 522px;
    height: 338px;
    margin: 0 auto;
}
.delivery-time {
    padding-top: 50px;
    padding-bottom: 50px;
}
.delivery-time h3 {
    color: rgba(45, 49, 53, 0.4);
    font-family: "Open Sans";
    font-size: 38px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 0.83px;
    margin-bottom: 3px;
    text-transform: none;
}
.delivery-time span {
    color: #d90069;
}
.delivery-time small {
    color: rgba(45, 49, 53, 0.4);
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.35px;
}
.delivery-time p {
    margin-bottom: 5px;
}
.delivery-time h2 {
    color: #e3147c;
    font-family: "Open Sans";
    font-size: 50px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 1.09px;
    margin-bottom: 3px;
}
.delivery-time .col-md-4 {
    padding-left: 0px;
}
.benefits-content {
    padding-bottom: 50px;
}
.benefits-content h5 {
    color: #2d3135;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 7px;
}
.benefits-content .row {
    padding-top: 50px;
}
.benefits-content p a {
    color: #d90069;
    font-weight: 700;
    font-size: 16px;
}
.benefits-content img {
    margin: 0 auto;
}
.support h6 {
    color: #2d3135;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    min-height: 60px;
}
.support .button.inverse {
    font-size: 16px;
    letter-spacing: 1.6px;
}
.support .border-box {
    padding-bottom: 30px;
    min-height: auto;
    padding-top: 30px;
}
.faq-tabs .nav-pills>li, .login-tab .nav-pills>li, .display-items .nav-pills>li {
    padding-left: 0px;
    position: relative;
    padding-bottom: 50px;

}

.faq-tabs .nav-pills>li {
    width: 46%;
    margin-left: 7%;
    box-sizing: border-box;
}

.faq-tabs .nav-pills>li:first-child {
    margin-left: 0;
}

.faq-tabs .nav-pills>li>a, .login-tab .nav-pills>li>a, .display-items .nav-pills>li>a  {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    text-align: center;
    background: none;
    display: block;
}

.faq-tabs .nav-pills>li>a {
    text-align: left;
    padding: 15px 0;
}
.display-items .nav-pills>li {
    width: 24%;
}
.display-items .nav-pills>li>a {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
}
.faq-tabs .nav-pills>li>a:hover,
.login-tab .nav-pills>li>a:hover,
.display-items .nav-pills>li>a:hover {
    background: none;
    color: #e3147c;
}
.faq-tabs .nav-pills>li.active>a, .faq-tabs .nav-pills>li.active>a:focus, .faq-tabs .nav-pills>li.active>a:hover,
.login-tab .nav-pills>li.active>a, .login-tab .nav-pills>li.active>a:focus, .login-tab .nav-pills>li.active>a:hover,
.display-items .nav-pills>li.active>a, .display-items .nav-pills>li.active>a:focus, .display-items .nav-pills>li.active>a:hover {
    color: #e3147c;
    background: none;
}

.faq-tabs .nav-pills>li>a:after {
    content: '';
    color: #000000;
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(left, #000000 0%, #cccccc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #000000 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #000000 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 */
    position: absolute;
    width: 88%;
    bottom: -15px;
    height: 6px;
    left: 0px;
}


.faq-tabs .nav-pills>li.active>a:after, .faq-tabs .nav-pills>li>a.active:hover:after,
.login-tab .nav-pills>li.active>a:after, .login-tab .nav-pills>li>a.active:hover:after,
.display-items .nav-pills>li.active>a:after, .display-items .nav-pills>li>a.active:hover:after {
    content: '';
    color: #e3147c;
    background: #e4177b; /* Old browsers */
    background: -moz-linear-gradient(left, #e4177b 0%, #fede11 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e4177b 0%,#fede11 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e4177b 0%,#fede11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4177b', endColorstr='#fede11',GradientType=1 ); /* IE6-9 */
    position: absolute;
    width: 88%;
    bottom: -15px;
    height: 6px;
    left: 0px;

}
.faq-tabs h6.question {
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 0px;
    cursor: pointer;
    padding-right: 20px;
    position: relative;
}
.faq-tabs h6.question:after {
    content: '+';
    position: absolute;
    width: 10px;
    height: 10px;
    font-weight: bold;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 9px;
    -webkit-transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    transition: transform 1s ease;
}
.faq-tabs .faq-box.open h6.question:after {
    transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
.faq-tabs .answer {
    padding: 10px 20px;
    display: none;
    transition: none;
}
.faq-tabs .faq-box.open .answer {
    display: block;
}
.faq-tabs p {
    color: rgba(45, 49, 53, 0.6);
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 15px;
}
.faq-tabs p a {
    color: #d90069;
    font-weight: 600;
    font-size: 16px;
}
.faq-tabs .tab-content {
    max-width: 680px;
}
.faq-tabs .faq-box {
    margin-bottom: 40px;
}

.video-sec {
    height: 360px;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 15px;
}
.video-sec div {
    width: 100%;
    position: relative;
    z-index: 999;
}
.video {
    width: 100%;
    position: absolute;
    opacity: 0.2;
    top: 0;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}
.awards {
    padding: 30px 0px;
}
.awards h5 {
    color: #2d3135;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 0px;
    margin-top: -5px;
    margin-bottom: 0px;
}

.about-awards.awards {
    margin-bottom: 0;
    padding-bottom: 0;
}

.about-awards.awards figure{
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
}
.about-awards.awards h5 {
    min-height: 100px;
    cursor: pointer;
}
.about-awards.awards h5:hover {
    color: #e3147c;
}
.awards .row {
    margin-bottom: 30px;
}

.awards .row:last-child {
    margin-bottom: 0;
}
.awards p {
    margin-bottom: 10px;
}
.awards .button {
    font-size: 12px;
}
.dev {
    padding-bottom: 70px;
}
.dev h3 {
    color: #2d3135;
}
.flex {
    display: flex;
    align-items: center;
}
.flex > div {
    width: 100%;
}
.features {
    padding-top: 50px;
    padding-bottom: 50px;
}
.features figure {
    min-height: 100px;
    display: flex;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
}
.features .row {
    margin-bottom: 50px;
}
.features figure img {
    margin: 0 auto;
}
.features h6 {
    min-height: 50px;
    margin-bottom: 15px;
    text-align: center;
    color: #2d3135;
    font-family: '-apple-system', BlinkMacSystemFont,;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}
.features p a {
    font-size: 16px;
    color: #d90069;
    font-weight: 700;
}
.save-time .box {
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 0px 4px #999;
    padding-bottom: 1px;
}

.gradient input[type="email"] {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-family: 'Open Sans';
    margin-bottom: 20px;
    padding-left: 20px;
    color: rgba(45, 49, 53, 0.25);
    box-shadow: 0px 3px 6px #555;
    margin-top: 20px;
    border: 0px;
}
.save-time .box p {
    color: #2d3135;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 17px;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 0.85px;
    text-align: left;
    padding: 25px 15px;
}
.page-template-page-incredible-pro .save-time .box {
    box-shadow: 0 6px 6px 2px rgba(45, 49, 53, 0.23), 0 10px 20px 1px rgba(0, 0, 0, 0.19);
    max-width: 300px;
    margin: 0 auto;
}
.save-time .col-md-8 .button {
    width: 350px;
    margin-top: 50px;
}
.studies {
    padding-bottom: 50px;
    padding-top: 40px;
}
.grid h6 {
    color: #2d3135;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 17px;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 0.85px;
    min-height: 55px;
}
.grid .col-md-4 {
    padding: 0px 10px;
}
.grid .text-box {
    background:#fff;
    padding: 25px 15px 10px;
}
.grid .small-btn {
    background-color: rgba(248, 248, 248, 0.5);
    border-radius: 20px;
    height: 30px;
    line-height: 30px;
    padding: 3px 20px;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 12px;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9999;
}
.grid .overlay {
    position: absolute;
    bottom: -500px;
    top: -500px;
    display: flex;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s;
    background: rgba(228,23,122,0.8);
    background: -moz-linear-gradient(left, rgba(228,23,122,0.9) 0%, rgba(254,222,17,0.9) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(228,23,122,0.9)), color-stop(100%, rgba(254,222,17,1)));
    background: -webkit-linear-gradient(left, rgba(228,23,122,0.9) 0%, rgba(254,222,17,1) 100%);
    background: -o-linear-gradient(left, rgba(228,23,122,0.9) 0%, rgba(254,222,17,0.9) 100%);
    background: -ms-linear-gradient(left, rgba(228,23,122,0.9) 0%, rgba(254,222,17,0.9) 100%);
    background: linear-gradient(to right, rgba(228,23,122,0.9) 0%, rgba(254,222,17,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4177a', endColorstr='#fede11', GradientType=1 );
    align-items: center;
    text-align: center;
}
.grid .overlay > div {
    width: 100%;
}
.grid .overlay .button {
    width: 210px;
}

.grid .grid-item .text-box p a {
    display: block;
}
.grid .grid-item {
    border: 1px solid #cacbcc;
    border-radius: 4px;
    margin-bottom: 20px;

}
.grid .grid-item:hover {
    box-shadow: 0px 0px 5px #999;
}
.grid .grid-item figure {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.grid .grid-item figure img {
    width: 100%;
}
.grid .grid-item:hover .overlay {
    bottom: 0px;
    top: 0px;
    opacity: 1;
}

.grid-item { /* Masonry bricks or child elements */
    background-color: #eee;
    display: inline-block;
    margin: 0 .5em 1em;
    width: 31%;
    position: relative;
}

.xuh1 {
    font-size: 250%;
}
.price {
    margin-top: 70px;
}
.price-box {
    border-radius: 7px;
    border: 2px solid #eeeeee;
    background-color: #ffffff;
    padding: 18px;
    position: relative;
    /*update*/
    max-height: 882px;
    padding-bottom: 186px;
}
.price-box .heading {
    padding-bottom: 20px;
    margin-bottom: 25px;
    text-align: center;
}
.price-box .heading p {
    margin-bottom: 0px;
}
.price-box .border-gradient:after {
    width: 90%;
    margin: 0 auto;
    right: 0px;
}
.price-box ul {
    padding: 0px;
}
.price-box:hover {
    border: 2px solid #e3147c;
}
.price-box ul li {
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 300;
    line-height: 23px;
    border-bottom: 1px solid rgba(45, 49, 53, 0.12);
    padding: 15px 0px;
}
.price-box ul li strong {
    font-weight: 700;
}
.price-box small {
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    text-align: center;
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}
.price-box small a {
    font-size: 14px;
    color: #d90069;
    font-weight: 600;
}
.price-box .button {
    margin: 50px auto 0;
    width: auto;
}
.price-box:hover .button {
    background: #e3147c;
    color: #fff !important;
}
.price-box .price-shadow {
    color: #ffffff;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    opacity: 0px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    width: 101.6%;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    left: -2px;
    top: -23px;
}
.price-box:hover .price-shadow {
    opacity: 1;
    display: block;
    top: -25px;
    z-index: 999;
    background: #e3147c;
}
/*update*/
.price-box .text-center {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
}
/*update end*/

.price-table {
    width: 100%;
}
.price-table tr th {
    color: rgba(45, 49, 53, 0.6);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-weight: 400;
    text-align: center;
    padding: 10px 10px 10px 10px;
}
.price-table tr th:first-child,
.price-table tr td:first-child {
    text-align: left;
}
.price-table tr td {
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    padding: 25px 10px 25px 10px;
    border-bottom: 1px solid #eeeeee;
}
.price-table .grey {
    background-color: #f8f8f8;
}
.solution-text {
    position: relative;
}
.solution-text .solution-texture {
    position: absolute;
    right: 0px;
    opacity: 0.1;
}
.game-slider.solution-curve {
    padding: 35px 0px 0px;
}
.game-slider.solution-curve:before {
    bottom: 12%;
}
.full-width-slider {
    padding: 0px;
    margin: 0px;
}
.full-width-slider li {
    width: 100%;
    padding: 0px;
}
.full-width-slider li img {
    width: 100%;
}
.game-slider .bx-wrapper {
    box-shadow: 0px 0px 0px;
    border: 0px;
    padding: 0px;
    margin-bottom: 0px;
}
.solution-curve {
    background-size: cover;
    background-position: center;
    position: relative;
    align-items: center;
    padding: 80px 0px;
}
.game-slider .bx-wrapper .bx-controls-direction a {
    width: 38px;
}
.game-slider .bx-wrapper .bx-prev {
    background: url('../images/erow-left.png') no-repeat 0 0 scroll;
}
.game-slider .bx-wrapper .bx-next {
    background: url('../images/erow-right.png') no-repeat 0 0 scroll;
}
.solution-curve:after {
    content: '';
    background-color: #fff;
    height: 80px;
    width: 102%;
    position: absolute;
    top: 0px;
    transform-origin: 100% 30%;
    transform: rotate(-3deg);
    z-index: 999;
    left: -4px;
}
.solution-curve:before {
    content: '';
    background: url('../images/animation_colour.gif');
    /*background-size: 400% 400%;*/

    /*transform: translateZ(0);*/
    /*-webkit-animation: gradientScrol 15s ease infinite;*/
    /*-moz-animation: gradientScrol 15s ease infinite;*/
    /*animation: gradientScrol 15s ease infinite;*/
    height: 5px;
    width: 102%;
    position: absolute;
    bottom: 22px;
    transform-origin: 100% 30%;
    transform: rotate(-3deg);
    z-index: 999;
    left: -4px;
}
.solution-text h6 {
    color: rgba(45, 49, 53, 0.6);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}
.solution-images img {
    display: inline-block;
    padding: 0px 70px;
}
.solution-text ul {
    padding: 0px;
}
.solution-text ul li {
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 300;
    font-style: italic;
    line-height: 28px;
    list-style-type: none;
    padding: 0px;
    min-height: 70px;
    margin-bottom: 0;
}
.faster {
    position: relative;
    height: 640px;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
.faster h4 {
    color: #ffffff;
    font-size: 24px;
    line-height: 35px;
    text-transform: uppercase;
    letter-spacing: 0.96px;
}
.faster p {
    color: #ffffff;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}
.faster:before {
    content: '';
    background-color: #fff;
    height: 80px;
    width: 102%;
    position: absolute;
    bottom: 0px;
    transform-origin: 100% 30%;
    transform: rotate(-3deg);
    z-index: 9;
    left: -4px;
    display: none;
}
.faster.bottom-tngl:before {
    display: block;
    height: 150px;
    z-index: 100;
}
.faster:after {
    content: '';
    background-color: #fff;
    height: 80px;
    width: 102%;
    position: absolute;
    top: 32px;
    transform-origin: 100% 30%;
    transform: rotate(4.5deg);
    z-index: 9;
    left: -4px;
}
.login-sec h4 {
    margin-bottom: 40px;
}
.login-sec label {
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    display: block;
    margin-bottom: 15px;
}
.login-sec input, .login-sec select, .login-sec textarea {
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    height: 60px;
    padding: 0px 15px;
    border: 2px solid #818386;
    background-color: #ffffff;
    width: 100%;
}
.login-sec input:focus,.login-sec textarea:focus {
    border: 2px solid #e3147c;
}
.login-sec input[type="submit"] {
    width: 270px;
}
.login-sec h5 {
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}
.login-sec h5 a {
    font-size: 20px;
    color: #d90069;
    font-weight: 600;
}
.login-sec textarea {
    height: 70px;
    resize: none;
    padding-top: 12px;
}

.login-sec ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(45, 49, 53, 0.4);
}
.login-sec ::-moz-placeholder { /* Firefox 19+ */
    color: rgba(45, 49, 53, 0.4);
}
.login-sec :-ms-input-placeholder { /* IE 10+ */
    color: rgba(45, 49, 53, 0.4);
}
.login-sec :-moz-placeholder { /* Firefox 18- */
    color: rgba(45, 49, 53, 0.4);
}
.check-box label {
    width: auto;
    display: inline-block;
}
.login-sec input[type="checkbox"] {
    background: #fff;
    border-radius: 0px;
    width: 26px;
    height: 26px;
    border: 2px solid rgba(45, 49, 53, 0.6);
    background-color: #ffffff;
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.login-sec input[type="checkbox"]:checked{
    background-color: #d81212;
    border-color: #d81212;
}
.login-sec .button {
    width: 270px;
}
.studies-text {
    max-width: 780px;
}
.studies-text p {
    margin-bottom: 50px;
}
.breadcrum a {
    color: #e3147c;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    margin-right: 100px;
    display: inline-block;
    margin-left: -67px;
}
.breadcrum a:hover {
    text-decoration: none;
}
.breadcrum a.small-btn {
    height: 30px;
    border-radius: 20px;
    background-color: rgba(45, 49, 53, 0.05);
    color: rgba(45, 49, 53, 0.6);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 12px;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 3px 15px;
}
.about .progressbar li:after {
    font-size: 32px;
    font-weight: 600;
}
.about .about-img {
    display: inline-block;
    width: 190px;
    height: 192px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    float: left;
    margin-right: 20px;
}
.about .about-img:after {
    content: '';
    background-image: url('../images/border.png');
    position: absolute;
    width: 100%;
    height: 100%;
    left: -3px;
    z-index: 9999;
    top: -5px;
}
.about .about-team {
    display: inline-block;
    vertical-align: middle;
    padding-top: 58px;
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
    line-height: 28px;
}
.about .about-team strong {
    display: block;
    font-style: normal;
    margin-bottom: 10px;
}
.about-award-text {
    min-height: 120px;
}
.progress-text {
    line-height: 23px;
}
.login2 h4 {
    color: #2d3135;
    font-size: 24px;
    line-height: 35px;
    text-transform: uppercase;
    letter-spacing: 0.96px;
}
.login2 h4 span {
    color: #d90069;
    letter-spacing: 0.96px;
    font-size: 24px;
}
.login2 .box {
    border-radius: 4px;
    border: 2px solid #eeeeee;
    background-color: #ffffff;
    padding: 20px 15px;
    text-align: center;
    display: block;
}
.login2 .box .icon {
    min-height: 185px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login2 .box h6 {
    color: #2d3135;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login2 .box:hover {
    box-shadow: 0 10px 20px -2px #b7b7b7;
    cursor: pointer;
}
.make {
    padding-bottom: 60px;
}
.make:before {
    content: '';
    background: url('../images/animation_colour.gif');
    /*background-size: 400% 400%;*/

    /*transform: translateZ(0);*/
    /*-webkit-animation: gradientScrol 15s ease infinite;*/
    /*-moz-animation: gradientScrol 15s ease infinite;*/
    /*animation: gradientScrol 15s ease infinite;*/
    height: 5px;
    width: 102%;
    position: absolute;
    bottom: -60px;
    transform-origin: 100% 30%;
    transform: rotate(3deg);
    z-index: 999;
    left: -4px;
}

.block-wrapper {
    padding: 0 10px 30px;
}
.make-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0px 15px;
}
.make-container .row {
    margin: 0px -10px;
}
.make-container .col-md-3 {
    padding: 0px 10px;
}
.make-box .box {
    min-height: 280px;
    border-radius: 5px;
    border: 1px solid #eeeeee;
    background-color: #ffffff;
    display: flex;
    position: relative;
    overflow: hidden;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
}

.make-box .box .button {
    margin-top: 25px;
    padding: 10px 40px;
}
.make-box .box figure {
    width: 100%;
    height: 100%;
}
.make-box .box figure h3 {
    color: rgba(45, 49, 53, 0.6);
    font-size: 36px;
    margin-bottom: 0px;
    text-transform: none;
}
.make {
    position: relative;
}
.make-box .box .overlay {
    background: rgba(254,222,17,0.9);
    background: -moz-linear-gradient(45deg, rgba(254,222,17,1) 0%, rgba(228,23,122,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(254,222,17,1)), color-stop(100%, rgba(228,23,122,1)));
    background: -webkit-linear-gradient(45deg, rgba(254,222,17,1) 0%, rgba(228,23,122,1) 100%);
    background: -o-linear-gradient(45deg, rgba(254,222,17,1) 0%, rgba(228,23,122,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(254,222,17,1) 0%, rgba(228,23,122,1) 100%);
    background: linear-gradient(45deg, rgba(254,222,17,1) 0%, rgba(228,23,122,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fede11', endColorstr='#e4177a', GradientType=1 );
    position: absolute;
    top: 500px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    padding: 25px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    opacity: 1 !important;
}
.make-box .box .overlay div {
    width: 100%;
}

.make-box .box figure .button {
    cursor: pointer;
}

.make-box .box .overlay .close {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top:10px;
    right: 10px;
    z-index: 100;
    color: #fff;
    font-weight: normal;
    cursor: pointer;
    opacity: 1;
}

.make-box .box .overlay p {
    color: #ffffff;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    margin-bottom: 0px;
}
.make-box .box .overlay h2 {
    color: #ffffff;
    font-size: 40px;
    text-align: center;
}
.make-box .box.active .overlay {
    top: 0px;
}
.solution-text small {
    color: rgba(45, 49, 53, 0.4);
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}

.monitor-detail h6 {
    min-height: 60px;
    margin-bottom: 10px;
    color: #2d3135;
    display: flex;
    align-items: center;
    justify-content: center;
}
.monitor-detail .icon {
    min-height: 110px;
    display: flex;
    text-align: center;
    align-items: center;
    margin-bottom: 30px;
}
.monitor-detail .icon img {
    margin: 0 auto;
}
.monitor-video h6 {
    color: #e3147c;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}
.pricing-box .box {
    border-radius: 4px;
    border: 2px solid #eeeeee;
    background-color: #ffffff;
    text-align: center;
    position: relative;
    z-index: 999;
    padding: 30px 20px 0px;
}
.pricing-box .box p {
    color: #2d3135;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}
.pricing-box .box h2 {
    color: #e3147c;
    font-family: "Open Sans";
    font-size: 50px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 1.09px;
}
.pricing-box .box h6 {
    color: #2d3135;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    line-height: 40px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}
.pricing-box .box p strong {
    font-weight: 700;
}
.pricing-box .box p a {
    color: #e3147c;
    font-size: 14px;
    font-weight: 400;
}
.pricing-box p small {
    padding: 20px;
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    display: inline-block;
}
.pricing-box p small a {
    color: #d90069;
    font-weight: 400;
}
.price-data h5 {
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}
.price-data h6 {
    color: #e3147c;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}
.price-data ul {
    padding: 0px;
    margin-bottom: 80px;
}
.price-data ul li {
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 30px;
}
.price-data h4 {
    color: #2d3135;
    font-size: 24px;
    line-height: 35px;
    text-transform: uppercase;
    letter-spacing: 0.96px;
}
.price-data select {
    height: 60px;
    border: 2px solid rgba(45, 49, 53, 0.25);
    background-color: #ffffff;
    margin-top: 40px;
    min-width: 480px;
    margin-bottom: 80px;
    padding-left: 15px;
}
.calculate-price {
    color: #2d3135;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    line-height: 40px;
    text-transform: uppercase;
    /* Text style for "Calculated" */
    letter-spacing: 0.9px;
    padding-top: 40px;
}
.total p {
    margin-bottom: 0px;
}
.total .sub-total {
    margin-top: 20px;
    border-top: 2px solid #eeeeee;
    border-bottom: 2px solid #eeeeee;
    padding: 10px 0px;
}
.price-data .button {
    width: 340px;
}
.price-data .button.hover {
    color: #fff !important;
}
.price-data label {
    color: #2d3135;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    line-height: 40px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    font-weight: 400;
    margin-bottom: 30px;
}
.price-data .border-top {
    border-top: 2px solid #eeeeee;
    padding: 0px 0px 40px;
    margin-top: 80px;
}
.price-data output {
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin-top: 15px;
}
.with-inc {
    position: relative;
    margin-top: 50px;
}
.with-inc p {
    margin-bottom: 0px;
}
.with-inc:after {
    position: absolute;
    width: 2px;
    background-color: #eeeeee;
    content: '';
    height: 222px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    z-index: 999;
    top: 50px;
}
.with-inc .with {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    line-height: 40px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}
.with-inc .out {
    color: rgba(45, 49, 53, 0.4);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    line-height: 40px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}
.with-inc .progressbar svg {
    width: 236px;
    height: 236px;
}
.with-inc .col-md-6 {
    padding: 0px 10px;
}
.with-inc .row {
    margin: 0px -10px;
}
.with-inc .border-left {
    border-left: 2px solid #eeeeee;
}
.with-inc h6 {
    color: #2d3135;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}
.with-inc p a {
    font-weight: 700;
    color: #d90069;
}
.with-inc .button {
    width: 300px;
    font-weight: 300;
    margin-top: 50px;
}
.with-inc .button.hover {
    color: #fff !important;
}

.with-inc .button.inverse.orange-btn.hover:hover {
    color: #e3147c !important;
    border-color: #e3147c;
}
.price-data h2 {
    color: #e3147c;
    font-family: "Open Sans";
    font-size: 50px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 1.09px;
}
.dev-banner {
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 900px;
    overflow: hidden;
}
.dev-banner h4 {
    color: #2d3135;
    font-size: 28px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.dev-logo {
    width: 176px;
    text-align: center;
    z-index: 999;
}
.dev-text {
    position: relative;
    z-index: 999;
}
.dev-text p {
    color: #2d3135;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.dev-text figure {
    margin-bottom: 10px;
}
.game, .code, .complex, .slow, .qa, .house {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 99;
    transition: none;
}
.game, .code {
    min-height: 185px;
}
.complex, .slow {
    min-height: 158px;
    z-index: 99;
}
.qa, .house {
    min-height: 216px;
}
.game > div,
.code > div,
.qa > div,
.house > div,
.complex > div,
.slow > div {
    margin: 0 auto;
    text-align: center;
    transition: none;
}
.dev-heading {
    padding-top: 170px;
}
.dev-heading a {
    color: #e3147c;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.88px;
}
.game:after {
    background: rgba(45, 49, 53, 0.4);
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    transform: rotate(34deg);
    top: -48px;
    right: -21px;
}
.game:before {
    background: rgba(45, 49, 53, 0.4);
    content: '';
    /*width: 100%;*/
    height: 1px;
    position: absolute;
    bottom: -11px;
    left: -750px;
    width: 200%;
}
.qa:after {
    background: rgba(45, 49, 53, 0.4);
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    transform: rotate(-34deg);
    bottom: -37px;
    right: -21px;
}
.complex:after {
    /*background: rgba(45, 49, 53, 0.4);
    content: '';
    width: 111%;
    height: 1px;
    position: absolute;
    transform: rotate(90deg);
    right: -188px;
    top: 64px;*/
    background: rgba(45, 49, 53, 0.4);
    content: '';
    width: 111%;
    height: 1px;
    position: absolute;
    transform: rotate(180deg);
    right: -20px;
    top: -140px;
    width: 1px;
    height: 350px;
}

.code:after {
    background: rgba(45, 49, 53, 0.4);
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    transform: rotate(-34deg);
    top: -48px;
    right: 25px;
}
.code:before {
    background: rgba(45, 49, 53, 0.4);
    content: '';
    /*width: 100%;*/
    height: 1px;
    position: absolute;
    bottom: -11px;
    right: -750px;
    width: 200%;
}
.house:after {
    background: rgba(45, 49, 53, 0.4);
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    transform: rotate(34deg);
    bottom: -37px;
    right: 23px;
}
.dev-gradient {
    padding: 35px 0px;
    position: relative;
    margin: 0px 0px 100px;
}
.dev-gradient h4 {
    color: #ffffff;
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: 1.22px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.dev-gradient .text {
    display: flex;
    align-items: center;
    min-height: 115px;
    text-align: left;
}
.dev-gradient .text > div {
    width: 100%;
}
.dev-gradient h4:after {
    content: "";
    background:#fff;
    height: 5px;
    width: 144px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    bottom: 0px;
    position: absolute;
}
.dev-gradient p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}
.dev-gradient:after {
    content: '';
    background: url('../images/animation_colour.gif');
    /*background-size: 400% 400%;*/

    /*transform: translateZ(0);*/
    /*-webkit-animation: gradientScrol 15s ease infinite;*/
    /*-moz-animation: gradientScrol 15s ease infinite;*/
    /*animation: gradientScrol 15s ease infinite;*/
    height: 80px;
    width: 102%;
    position: absolute;
    top: -80px;
    transform-origin: 100% 30%;
    transform: rotate(-3deg);
    z-index: 999;
    left: -4px;
}
.dev-gradient:before {
    content: '';
    background: url('../images/animation_colour.gif');
    /*background-size: 400% 400%;*/

    /*transform: translateZ(0);*/
    /*-webkit-animation: gradientScrol 15s ease infinite;*/
    /*-moz-animation: gradientScrol 15s ease infinite;*/
    /*animation: gradientScrol 15s ease infinite;*/
    height: 80px;
    width: 102%;
    position: absolute;
    bottom: 0px;
    transform-origin: 100% 30%;
    transform: rotate(-3deg);
    z-index: 999;
    left: -4px;
}
.special {
    margin-top: 60px;
}
.special ul {
    padding: 0px;
}
.special ul li {
    color: #e3147c;
    font-family: "Open Sans";
    font-size: 15px;
    font-style: italic;
    line-height: 15px;
    margin-bottom: 27px;
}
.special-logo {
    border-left: 2px solid rgba(45, 49, 53, 0.4);
    border-right: 2px solid rgba(45, 49, 53, 0.4);
    min-height: 352px;
    display: flex;
    align-items: center;
    text-align: center;
    position: relative;
}
.special-logo:before {
    content: "";
    background: url(../images/dev-right.png) no-repeat 0 0 scroll;
    position: absolute;
    right: -1px;
    top: 48%;
    width: 54px;
    height: 12px;
}
.special-logo:after {
    content: "";
    background: url(../images/dev-left.png) no-repeat 0 0 scroll;
    position: absolute;
    left: 0px;
    top: 48%;
    width: 54px;
    height: 12px;
}
.special-logo figure {
    width: 100%;
}
.dev-logos figure {
    margin-bottom: 16px;
    height: 60px;
    display: flex;
    align-items: center;
}
.video-sec.dev-video {
    height: 500px;
    position: relative;
    justify-content: center;
}
.videos-sec p {
    margin-bottom: 40px;
}
.videos-sec {
    margin-top: 50px;
    margin-bottom: 130px;
}

.dev-text .col-md-6 {
    position: relative;
}
.game-hover, .qa-hover, .code-hover, .house-hover, .complex-hover, .slow-hover {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    height: 100%;
    align-items: center;
}



.game-hover .text, .qa-hover .text, .code-hover .text,
.house-hover .text, .complex-hover .text, .slow-hover .text {
    max-width: 300px;
    margin: 0 auto;
}


.slow-hover, .complex-hover {
    margin-top: -75px;
}
.slow-hover .text,
.complex-hover .text {
    max-width: 370px;
}
.game-hover .text h6,  .qa-hover .text h6, .code-hover .text h6,
.house-hover .text h6, .complex-hover .text h6, .slow-hover .text h6 {
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.game-hover .text p,  .qa-hover .text p, .code-hover .text p,
.house-hover .text p, .complex-hover .text p, .slow-hover .text p {
    color: #ffffff;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}



header {
    background: #fff;
    position: relative;
    z-index: 9999;
}
#triangle-right {
    display: none;
    width: 0;
    height: 0;
    border-style: solid;
    /*border-width: 481px 0 571px 695px;*/
    border-width: 500px 0 500px 750px;
    border-color: transparent transparent transparent rgba(227, 20, 124, 0.95);
    position: absolute;
    right: -20px;
    top: -307px;
}
#triangle-right::before {
    content: '';
    background: rgba(227, 20, 124, 0.95);
    width: 5000px !important;
    height: 1500px !important;
    position: absolute;
    top: -500px;
    right: -40px;
    right: 750px;
    z-index: 9999999999999;
    display: block;
}
#triangle-left {
    display: none;
    width: 0;
    height: 0;
    border-style: solid;
    /*border-width: 545px 687px 517px 0;*/
    border-width: 544px 754px 544px 0;
    border-color: transparent rgba(227, 20, 124, 0.95) transparent;
    left: 0px;
    top: -350px;
    position: absolute;
}
#triangle-left::before {
    content: '';
    background: rgba(227, 20, 124, 0.95);
    width: 5000px !important;
    height: 1500px !important;
    position: absolute;
    top: -503px;
    left: 754px;
    z-index: 9999999999999;
    display: block;
}
#triangle-top {
    display: none;
    width: 0;
    height: 0;
    border-style: solid;

    border-width: 0px 670px 450px 670px;
    border-color: transparent transparent rgba(227, 20, 124, 0.95);
    position: absolute;
    top: -194px;
    left: 50%;
    right: 0px;
    margin-left: -670px;
}
.dev-logo {
    width: 176px !important;

    text-align: center;
    z-index: 999;
    margin: 111px auto 0;
}
.bottom-dev {
    position: relative;
}
.none-hover {
    position: absolute;
    width: 300px;
    height: 300px;
    right: -150px;
    margin: 0 auto;
    transform: rotate(48deg);
    top: -137px;
    z-index: 99999999;
}
.none-hover-bottom {
    position: absolute;
    width: 300px;
    height: 300px;
    right: 0px;
    margin: 0 auto;
    transform: rotate(43deg);
    top: -226px;
    z-index: 99999999;
    left: 0px;
}

.video-bg {
    position: absolute;
    opacity: 0.5;
    top: 0px;
}
.page-template-page-home .transform-sec .video-sec div {z-index: 0;}
.inner-testi-slider li {
    z-index: 99999;
}
.trust.trust-texture {
    padding: 45px 0!important;
}

.case_study-template-default h5{
    color: #464646;
    text-transform: uppercase;
}

.gotoBackSlide {
    position: absolute;
    display: block;
    left: 0px;
    top: 46%;
}
@media screen and (max-width: 600px) {

    .gotoBackSlide {
        top: 0%;
        left: 50%;
        margin-left: -24px;
    }
}

@media (min-width: 1500px) and (max-width: 2990px) {
    .curve.bottom-left-top-right::after {
        content: '';
        height: 95px;
        bottom: -78px;
        transform: rotate(-2deg);
    }
    .dev-gradient:after {
        transform: rotate(-2deg);
    }
    .dev-gradient:before {
        transform: rotate(-2deg);
    }
    .game-slider.solution-curve:before {
        bottom: 13.5%;
    }
    .parallax-curve::before {
        content: '';
        bottom: -95px;
        transform-origin: 100% 0;
        transform: rotate(2deg);
    }
    .parallax-curve::after {
        content: '';
        top: -28px;
        transform-origin: 65% 0;
        transform: rotate(2deg);
    }
    .curve.curve-left-bottom-right-top::after {
        content: '';
        transform: rotate(-2deg);
    }
    .curve.curve-left-bottom-right-top::before {
        content: '';
        transform: rotate(-2deg);
    }
    .gradient-curve::after {
        content: '';
        transform: rotate(-2deg);
    }
    .gradient-curve::before {
        content: '';
        transform: rotate(2deg);
    }
    .curve.top-left-bottom-right::after {
        content: '';
        bottom: -100px;
        transform: rotate(2deg);
        height: 130px;
    }
    .your-choice::after {
        content: '';
        transform: rotate(-2deg);
        height: 130px;
        top: -110px;
    }
    .your-choice::before {
        content: '';
        transform: rotate(2deg);
        bottom: -110px;
        height: 130px;
    }
    .trust::after {
        content: '';
        transform: rotate(-2deg);
        top: -130px;
        height: 130px;
    }
    .trust::before {
        content: '';
        transform: rotate(2deg);
        bottom: -100px;
        height: 130px;
    }
    .trust.save-time::after {
        top: 0;
        height: 80px;
        transform: rotate(2deg);
    }
    .trust.save-time::before {
        bottom: 0;
        height: 80px;
        transform: rotate(-2deg);
    }
}
.mobile {
    display: none;
}
.game-slider.solution-curve:before {
    bottom: 12%;
}
.page-template-page-home .banner.curve.top-left-bottom-right::after {
    bottom: -130px;
    height: 140px;
}
@media (min-width: 1400px) and (max-width: 1800) {
    .game-slider.solution-curve:before {
        bottom: 13.5%;
    }
}

@media (min-width: 1370px) and (max-width: 1920px) {
    .game-slider.solution-curve:before {
        bottom: 12.5%;
    }
}
@media (min-width: 991px) and (max-width: 1100px) {
    header .navbar-nav > li {
        padding-left: 5px;
    }
    header .navbar-nav > li a {
        font-size: 12px;
    }
    .navbar-nav > li {
        padding-left: 25px;
    }
    .social a {
        margin-left: 25px;
    }
    .navbar-brand {
        width: 200px;
    }
    .navbar-brand img {
        width: 100%;
    }
    .navbar-collapse.collapse {
        padding-left: 0px;
    }
    .game-slider {
        padding-bottom: 0px;
    }
    .footer-container {
        padding: 0px 20px;
    }

    .game::after {
        background: rgba(45, 49, 53, 0.4);
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;

        top: -48px;
        right: -21px;
    }
    .qa::after {
        background: rgba(45, 49, 53, 0.4);
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;

        bottom: -37px;
        right: -21px;
    }

}
@media (min-width: 0px) and (max-width: 1023px) {
    #triangle-right {
        border: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(227, 20, 124, 0.95);
        display: none !important;
    }

    .game-hover, .qa-hover, .code-hover,
    .house-hover, .slow-hover, .complex-hover {
        background-color: rgba(227, 20, 124, 0.95);
    }

    .game-hover .triangleBoxes, .qa-hover .triangleBoxes, .code-hover .triangleBoxes,
    .house-hover .triangleBoxes, .slow-hover .triangleBoxes, .complex-hover .triangleBoxes {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .js-show-triangle-group .triangleBoxes:before {
        content: "x";
        display: block;
        position: absolute;
        top: 10px;
        right: 20px;
        width: 25px;
        height: 25px;
        color: #fff;
        font-size: 20px;
        z-index: 2000;
    }

    .dev-logo, #triangle-left, #triangle-top, .none-hover-bottom {
        display: none !important;
    }
    .slow-hover, .complex-hover {
        margin-top: 0px;
    }
    .game:after, .game:before, .qa:after, .code:after, .code:before, .house:after, .complex:after {
        display: none;
    }
    .dev-text .col-md-6,
    .dev-text .col-md-3 {
        width: 100%;
    }
    .game, .code, .complex, .slow, .qa, .house {
        display: inherit !important;
        padding: 20px 0px;
        border-top: 1px solid #ccc;
    }
}


@media (min-width: 0px) and (max-width: 990px) {
    .home .transform-sec p {
        max-width: auto;
    }

    .home .transform-content p  {
        max-width: auto;
        margin: 0 auto;
    }

    .videos-sec {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .navbar-collapse {
        position: absolute;
        right: 0px;
    }
    .our-work p {
        max-width: 100%;
    }
    .our-work .col-md-4 {
        text-align: center;
    }
    .price-data {
        margin-bottom: 50px;
    }
    .benefits-content figure {
        display: inline-block;
    }
    .monitor-text .flex {
        min-height: auto !important;
        margin-top: 60px;
    }
    .navbar-nav::before, .navbar-collapse:before {
        content: "";
        background: #fff;
        width: 200%;
        height: 3500px;
        position: absolute;
        z-index: -1;
        left: 178px;
        top: -77px;
        -webkit-transform: rotate(-9deg);
        transform: rotate(-9deg);
    }
    .testimonial .bx-wrapper .bx-pager
    .navbar-collapse {
        position: absolute;
        right: 0px;
    }
    .navbar-nav>li>.dropdown-menu {
        position: absolute;
    }

    .game, .code, .complex, .slow, .qa, .house {
        display: flex !important;
        padding: 20px 0px;
        border-top: 1px solid #ccc;
    }
    .bottom-dev:hover .complex,
    .bottom-dev:hover .slow {
        opacity: 1 !important;
    }
    .dev-banner {
        height: auto;
        padding-bottom: 390px;
        background-size: contain;
    }
    .dev-heading {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #triangle-right {
        border: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(227, 20, 124, 0.95);
        display: none !important;
    }

    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse {
        display: none;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-nav {
        margin: 7.5px -15px;
    }
    .dropdown-menu {
        position: relative;
        min-width: auto;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.175);
        box-shadow: 0 0px 0px rgba(0,0,0,.175);
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 17px;
    }
    .desktop {
        display: none !important;
    }
    .mobile {
        display: inline-block;
    }
    .navbar {
        text-align: center;
        padding: 16px 0px 0px;
    }
    .navbar-brand {
        height: auto;
        padding: 0px;
        float: none;
        margin: 0 auto;
        display: inline-block;
        text-align: center;
        width: 160px;
        position: relative;
        z-index: 999999999;
    }
    .navbar-brand img {
        width: 100%;
    }
    .search-mobile {
        float: left;
        font-size: 24px;
        margin-top: 11px;
    }
    .navbar-toggle .icon-bar {
        background-color: #2d3135;
        height: 3px;
    }
    .navbar-toggle {
        margin-top: 8px;
        margin-right: 0px;
        z-index: 9999999999;
    }
    .banner {
        display: block;
        padding: 40px 0px 40px;
        height: 514px;
    }
    .banner h2, .sub-banner h2 {
        font-size: 24px;
        line-height: 33px;
    }
    .banner h2 br, .sub-banner h2 br {
        display: none;
    }
    .banner p {
        font-size: 16px;
        line-height: 25px;
    }
    .banner p br {
        display: none;
    }
    .banner .button {
        font-size: 13px;
        letter-spacing: 1.4px;
    }
    .button {
        padding: 14px 25px;
    }
    .navbar-nav > li {
        width: 100%;
        text-align: left;
        padding-left: 30px;
        margin-bottom: 16px;
    }
    .navbar-nav {
        width: 210px;
        float: right;
        padding-bottom: 50px;
    }
    .curve.top-left-bottom-right::after {
        content: '';
        transform: rotate(5deg);
        left: -8px;
    }
    .your-choice::after {
        content: '';
        transform: rotate(-5deg);
        left: -13px;
    }
    .your-choice {
        padding: 30px 0px 60px;
        position: relative;
    }
    .your-choice h4 {
        font-size: 21px;
        line-height: 28px;
    }
    .your-choice .button.inverse {
        border-radius: 25px;
        border: 2px solid #ffffff;
        display: inline-block;
        padding: 12px 12px;
        font-size: 13px;
        min-width: 205px;
        background: none;
        letter-spacing: 1.8px;
    }
    .your-choice::before {
        content: '';
        transform: rotate(-5deg);

    }
    .transform-sec .video-sec, .video-sec.dev-video {
        height: 360px;
        overflow: hidden;
        margin-top: 50px;
    }


    .transform-content h5 {
        min-height: 30px;
    }
    .transform-sec h4 br {
        display: none;
    }
    .transform-content .col-md-4 {
        margin-bottom: 60px;
    }
    .separator:after {
        transform: rotate(6.7deg);
    }
    .separator.right-top::after {
        /*        content: '';*/
        transform: rotate(-6.7deg);
    }
    .our-customer {
        padding: 25px 0px;
    }

    .our-customer .border-box-parent {
        min-height: 200px;
    }
    .bx-wrapper .bx-prev {
        left: 25px;
    }
    .bx-wrapper .bx-next {
        right: 25px;
    }
    .trust h3 {
        font-size: 23px;
        line-height: 32px;
    }
    .trust h3 br {
        display: none;
    }
    .trust::after {
        transform: rotate(-4.5deg);
        left: -40px;
        top: -82px;

    }
    .trust {
        padding: 80px 0px 60px;
    }
    .trust::before {
        transform: rotate(3deg);
        left: -36px;
        bottom: -81px;
    }

    .footer-widget .col-md-3 {
        width: 50%;
        float: left;
    }
    figure img {
        margin: 0 auto 10px;
    }
    footer {
        padding: 30px 20px 40px;
    }
    .social {
        margin-top: 0px;
        margin-bottom: 50px;
        position: absolute;
        right: 0px;
    }
    .trust .col-md-6 {
        margin-bottom: 50px;
    }
    .navbar-nav {
        position: relative;
    }
    .navbar-nav::after, .navbar-collapse:after {
        background: transparent;
        width: 200%;
        height: 3500px;
        position: absolute;
        top: -39px;
        bottom: 0px;
        left: 194px;
        content: '';
        box-shadow: -12px 6px 18px -6px #444;
        -webkit-transform: rotate(-9deg);
        transform: rotate(-9deg);
        z-index: -9;
    }
    .navbar-nav::-webkit-scrollbar {
        display: none;
    }

    .navbar-nav li  .button {
        min-width: 140px !important;
    }
    /* optional: show position indicator in red */
    .navbar-nav::-webkit-scrollbar-thumb {
        background: #FF0000;
    }
    .curve.bottom-left-top-right:after {
        transform: rotate(-4deg);
    }
    .progressbar {
        margin-bottom: 50px;
    }
    .awards {
        text-align: center;
    }

    .awards nav {
        maring: 25px auto;
    }

    .monitor-detail p {
        text-align: center;
    }
    .box {
        margin-bottom: 20px;
    }
    .with-inc .col-md-6 {
        text-align: center;
    }
    .game-slider {
        max-height: inherit;
        padding-bottom: 0px;
    }
    .game-slider .bx-wrapper {
        margin-bottom: 0px;
    }
    .game-slider .bx-wrapper li figure img {
        margin-bottom: 0px;
    }
}
@media (min-width: 660px) and (max-width: 990px) {
    .banner {
        display: block;
        padding: 88px 0px 40px;
        height: 440px;
    }
    .our-client .container > p {
        padding: 0px 50px;
    }

    #counter .col-sm-6 {
        width: 50%;
        float: left;
    }
}
@media (min-width: 0px) and (max-width: 768px) {
    .glyphicon-plus {
        top: -1px;
    }
    .with-inc p {
        padding-left: 15px;
        padding-right: 15px;
    }
    .search-mobile {
        margin-top: 8px;
    }
    .border-box {
        min-height: 250px;
    }

    .border-box:hover {
        border: none;
        box-shadow: none;
    }

    .border-box .icon {
        height: 175px;
    }
    .about .about-img {
        float: none;
        display: block;
        margin: 0px auto 0px;
    }
    .game-slider.solution-curve:before {
        bottom: 11%;
    }
    .about-awards.awards h5 {
        min-height: auto;
    }
    .save-time figure img {
        width: 100%;
    }
    .monitor-text figure img {
        margin: 0px 0px;
    }
    .monitor-text figure {
        text-align: left;
    }
    .features h4 {
        text-align: left !important;
    }
    .features figure img {
        margin: 0 0px;
        float: left;
        display: block;
        text-align: left;
    }
    .features h6 {
        text-align: left;
    }
    body {
        overflow-x: hidden !important;
    }

    .about .about-team {
        padding-top: 30px;
    }
    figure.bg-grey {
        margin-top: 50px;
    }
    .with-inc .col-md-6 {
        margin-bottom: 30px;
    }
    .price-box {
        margin-bottom: 20px;
    }
    .delivery-time .col-md-4, .delivery-time .col-md-8 {
        margin-bottom: 30px;
    }
    .delivery-time .col-md-4 {
        padding-left: 15px;
    }
    .performance-sec {
        text-align: center;
    }

}
@media (min-width: 0px) and (max-width: 767px) {
    .special .text-right {
        text-align: center !important;
    }
    .social {
        margin-top: 20px;
        margin-bottom: 50px;
        position: relative;
        right: auto;
    }

    .awards figure {
        margin: 0 auto 20px;
    }

    .sub-banner.benefits {
        height: auto;
    }
}

@media (min-width: 0px) and (max-width: 480px) {
    .grid {
        column-count: 1;
        column-gap: 1em;
        padding: 0px 20px;
    }

    .faq-tabs .nav-pills>li.active>a:after,
    .faq-tabs .nav-pills>li>a.active:hover:after {
        width: 82%;
    }

    .faq-tabs .nav-pills>li>a:after {
        width: 83%;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .grid {
        column-count: 2;
        column-gap: 1em;
        padding: 0px 20px;
    }

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

@media (min-width: 360px) and (max-width: 660px) {
    .trust::before {
        transform: rotate(7deg);
        left: -7px;
        bottom: -77px;
    }
    .trust::after {
        transform: rotate(-8deg);
    }

    .curve.top-left-bottom-right::after {
        content: '';
        transform: rotate(3deg);
        left: -8px;
    }
}
@media (min-width: 0px) and (max-width: 660px) {
    h1, .widget h1 {
        font-size: 2.5em;
    }
    .sub-banner h1 {
        font-size: 30px;
        line-height: 1.2;
    }

    .dev-gradient:after {
        top: -36px;
    }

    .faq-tabs .nav-pills>li>a {
        min-height: 90px;
    }
    .integration-content .border-right {
        border-right: 0px;
    }
    .game-slider.solution-curve:before {
        bottom: 7%;
    }
    .our-client img {
        display: block;
        margin: 0 auto;
        padding-right: 0;
        padding-left: 0;
    }
    .save-time .col-md-8 .button {
        width: 100%;
    }
    .integration-content .border-left {
        border-left: 0px;
    }
    .page.page-id-615 .sub-banner h2 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .page.page-id-615 .sub-banner p {
        font-size: 13px;
        line-height: 1.5;
    }
    .integration-content .col-sm-6, .integration-content .col-sm-6 {
        min-height: auto;
        padding-top: 20px;
    }
    .integration-content .row:first-child .border-right {
        padding: 0;
    }

    .display-items .nav-pills > li {
        width: 100%;
    }
    .price-data select {
        min-width: 100%;
    }
    .transform-sec .video-sec, .video-sec.dev-video {
        height: 164px;
        overflow: hidden;
        margin-top: 50px;
    }
    .curve.bottom-left-top-right:after {
        transform: rotate(-6deg);
    }
    .progressbar-delivery li::before {
        display: none;
    }
    .your-choice::after {
        content: '';
        transform: rotate(-5deg);
        left: -13px;
    }
    .video-sec, .video-sec.dev-video {
        height: 200px;
        overflow: hidden;
    }
    .price-data .button {
        width: 100%;
    }
    .with-inc::after {
        display: none;
    }
    .col-md-5.flex.aos-item.aos-init.aos-animate {
        min-height: auto !important;
    }

    .trust::after {
        transform: rotate(-4deg);
        left: -4px;
        top: -56px;
    }
    .trust::before {
        transform: rotate(3deg);
        left: -4px;
        bottom: -36px;
    }
    .separator:after {
        transform: rotate(8.7deg);
    }
    .separator.right-top::after {

        transform: rotate(-8.7deg);
    }
    .your-choice::before {
        content: '';
        transform: rotate(-5deg);

    }
    .faster::after {
        top: 26px;
        transform-origin: 100% 30%;
    }
    .fixed-button {
        min-width: auto;
    }
}

@media (min-width: 1024px) and (max-width: 1450px) {

    .code:before {
        right: -609px;
    }

    .game:before {
        left: -594px;
    }
}



@media (min-width: 1024px) and (max-width: 1200px) {
    #triangle-left {
        left: -28px;
    }

    #triangle-right {
        right: -46px;
    }

    #triangle-top {
        top: -154px;
    }
}



@media (min-width: 1701px) and (max-width: 1920px) {
    .game::after {
        background: rgba(45, 49, 53, 0.4);
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;

        top: -48px;
        right: -21px;
    }
    .dev-gradient:after {
        transform: rotate(-2deg);
    }
    .dev-gradient:before {
        transform: rotate(-2deg);
    }
    .qa::after {
        background: rgba(45, 49, 53, 0.4);
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;

        bottom: -37px;
        right: -21px;
    }

    .code::after {
        background: rgba(45, 49, 53, 0.4);
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;
        top: -48px;
        right: 25px;
    }
    .house::after {
        background: rgba(45, 49, 53, 0.4);
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: -37px;
        right: 23px;
    }

}
@media (min-width: 2200px) and (max-width: 1920px) {
    .qa::after {
        background: rgba(45, 49, 53, 0.4);
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: -63px;
        right: -21px;
    }

    .house::after {
        background: rgba(45, 49, 53, 0.4);
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;

        bottom: -59px;
    }

}
@media (min-width: 1501px) and (max-width: 1700px) {

    .qa::after {
        background: rgba(45, 49, 53, 0.4);
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: -37px;
        right: -21px;
    }

    .none-hover-bottom {
        position: absolute;
        width: 200px;
        height: 200px;
        right: 0px;
        margin: 0 auto;
        transform: rotate(43deg);
        top: -226px;
        z-index: 99999999;
        left: 0px;
    }

}
@media (min-width: 1370px) and (max-width: 1500px) {

}

@media (min-width: 768px) and (max-width: 1023px) {
    .special-logo {
    }
    .special-logo:before {
        right: 0px;
        width: 21px;
    }
    .special-logo:after {
        background-position: right 0;
        width: 21px;
    }
}

@media (min-width: 1921px) {
    .trust.trust-texture::after {
        top: -50px;
        transform: rotate(-1deg)
    }
    .trust.trust-texture:before {
        bottom: -50px;
        transform: rotate(1deg);
    }
}
@media (max-width: 1920px) and (min-width: 1500px) {
    .trust.trust-texture::after {
        top: -70px;
    }
    .trust.trust-texture:before {
        bottom: -70px;
    }
}
@media (max-width: 1240px) {
    .trust.trust-texture::after {
        top: -70px;
    }
    .trust.trust-texture:before {
        bottom: -70px;
    }
}
@media (max-width: 992px) {
    .trust.trust-texture::after {
        top: -70px;
        transform: rotate(-3.5deg);
    }
    .trust.trust-texture:before {
        bottom: -70px;
        transform: rotate(3.5deg);
    }
    .performance-sec .col-md-6 {
        padding-top: 25px;
        padding-bottom: 0;
    }
    .performance-sec {
        padding-bottom: 50px;
    }
}
@media (max-width: 990px) {
    .page-template-page-continuous-integration .delivery-time .col-md-4.mobile {
        margin-bottom: 20px;
    }
    .sub-banner.curve.bottom-left-top-right:after {
        z-index: 100;
    }

    .grid-item {
        width: 47%;
    }
}

@media (min-width: 991px) {
    .grid-item {
        width: 31%;
    }
}


@media (max-width: 768px) {
    .trust.trust-texture::after {
        top: -60px;
    }
    .trust.trust-texture:before {
        bottom: -60px;
    }

    .navbar-nav li .button {
        min-width: 160px !important;
        text-align: center;
        margin-left: -33px;
        font-size: 17px;
    }

    .buttons_download .tab_button a{
        max-width: 300px;
        margin: 0 auto 20px;
    }
}
@media (max-width: 660px) {
    .trust.trust-texture::after {
        transform: rotate(-5deg);
    }
    .trust.trust-texture:before {
        transform: rotate(4deg);
    }
    .studies {padding-bottom: 0;}
    .studies h3.text-center {padding: 0 20px}
    .grid .grid-item {margin-bottom: 0;}
    .grid-item {
        width: 100%;
    }
    .trust-texture.trust.mt-100 {margin-top: 70px;}
    .footer-widget {
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer-widget .widget_nav_menu:nth-child(1), .footer-widget .widget_nav_menu:nth-child(2) {
        margin-bottom: 20px;
    }
    .game-slider.solution-curve {padding-top: 0;}
    .game-slider.solution-curve:after {display: none;}
    .page-template-page-solution-single .testimonial {
        margin-top: 20px;
    }
    .testimonial .inner-testi-slider {
        padding: 0;
    }

    .testimonial h4 {
        margin-bottom: 25px;
    }

    .testimonial  .bx-wrapper .inner-testi-slider li .text h5 {
        margin-bottom: 35px;
    }
    .page-template-page-continuous-integration .progressbar-delivery {
        margin-left: 0;
    }
    .page-template-page-continuous-integration .progressbar-delivery > div {
        width: 50%;
        margin-bottom: 15px;
    }
    .page-template-page-continuous-integration .progressbar-delivery .circle-title {
        position: static;
    }
    .page-template-page-continuous-integration .delivery-time .row {
        text-align: center;
    }
    #exTab1 .nav a {
        padding-left: 0;
        text-align: left;
    }
    .visual-content {
        padding-top: 50px;
    }

    .page-template-page-download .testimonial {
        padding-top: 40px;
    }
    .faq.support {padding-top: 50px;}
}
@media (max-width: 480px) {
    .trust.trust-texture::after {
        transform: rotate(-7deg);
    }
    .trust.trust-texture:before {
        transform: rotate(6deg);
    }
    .page-template-page-continuous-integration .progressbar-delivery > div {
        width: 100%;
    }
    .button.inverse {
        width: auto!important;
        min-width: 245px!important;
        font-size: 13px;
    }
}
@media (max-width: 320px) {
    .trust.trust-texture::after {
        top: -42px;
    }
    .trust.trust-texture:before {
        bottom: -45px;
    }
}
.plus-minus {
    width: 170px;
    display: inline-block;
    vertical-align: middle;
}
.btn {
    background-color: #e3147c;
    border-radius: 50%;
    padding: 0px 7px;
}
.input-group-btn:first-child>.btn {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
.input-group-btn:last-child>.btn {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    background: none;
    border-color: #eee;
}
.btn.disabled .glyphicon, .btn[disabled] .glyphicon, fieldset[disabled] .btn .glyphicon {
    color: #eee;
}
.plus-minus .form-control {
    border: 0px;
    box-shadow: 0px 0px;
    display: inline-block;
    width: 59px;
    text-align: center;
    font-size: 22px;
    font-weight: bolder;
    float: none;
}
.btn .glyphicon {
    font-size: 48px;
    line-height: 0.8;
    font-weight: 900;
    color: #fff;
}
.input-group-addon, .input-group-btn {
    width: auto;
    display: inline-block;
    outline: none !important;
}
.plus-minus .btn:hover, .plus-minus .btn:focus {
    background: #e3147c;
    outline: none !important;
}
.input-text {
    display: inline-block;
    width: 68%;
}
.input-text strong {
    color: #e3147c;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}
.input-text p {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}
.input-text p span {
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
}
.search-section, .search-section-mob {
    position: absolute;
    background: #f0f0f0;
    padding: 15px 15px 11px;
    right: 0;
    width: 260px;
    top: 120px;
    z-index: 99;
}
.search-section-mob {
    left: 0px;
    top: 76px;
}
.search-btn i {
    width: 16px;
}
.search-section input, .search-section-mob input {
    width: 100%;
    padding: 5px 10px;
    font-size: 18px;
    border: 2px solid #e3147c;
    background: none;
    color: #333;
    outline: 0 !important;
    font-weight: 500;
}
.search-section input[type="submit"], .search-section-mob input[type="submit"] {
    display: none;
}
.search-section label, .search-section-mob label {
    width: 100%;
}
.input-sec {
    margin-bottom: 30px;
}

.navbar-collapse.in {
    overflow: inherit;
    background: none;
    right: 0px;
    z-index: 9999999;
}
.ui-selectmenu-status {
    line-height: 40px;
    background: #fff;
    border-radius: 0px !important;
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
}
.ui-selectmenu {
    border-radius: 0px;
    height: 60px;
    border: 2px solid rgba(45, 49, 53, 0.25);
    background-color: #ffffff;
}
.ui-selectmenu:focus,
.ui-selectmenu:hover {
    border-color: #e3147c;
    text-decoration: none;
}
.ui-state-default .ui-icon {
    background: url(../images/errow.png) no-repeat -13px -4px scroll;
    width: 33px;
    height: 20px;
}
#circle1, #circle1-mob {
    position: relative;

}
#circle1 canvas, #circle1-mob canvas {
    transform: rotate(90deg);
}
.circle-overlay {
    position: absolute;
    width: 101%;
    background: none;
    top: -1px;
    height: 99%;
    border-radius: 50%;
    left: -1px;
    border: 11px solid #fff;
}
#circle1 .counter-data, #circle1-mob {
    position: absolute;
width: 100%;
color: #e3147c;
font-family: "Open Sans";
font-size: 56px;
font-weight: 400;
line-height: 38px;
letter-spacing: 1.22px;
left: 0px;
top: 43%;
}
.ui-widget.ui-widget-content.ui-selectmenu-menu-popup.ui-corner-all {
    width: 166% !important;
}
#circle3, #circle2,
#circle4, #circle5,
#circlenewYC, #circlenewYT,
#circlenewIBYC, #circlenewIBYT {
    position: relative;
    float: left;
}
#circle3 canvas, #circle2 canvas,
#circle4 canvas, #circle5 canvas,
#circlenewYC canvas, #circlenewYT canvas,
#circlenewIBYC canvas, #circlenewIBYT canvas {
    transform: rotate(90deg);
}
.circle-overlay {
    position: absolute;
    width: 101%;
    background: none;
    top: -1px;
    height: 99%;
    border-radius: 50%;
    left: -1px;
    border: 11px solid #fff;
}
#circle2 .counter-data,
#circle3 .counter-data,
#circle4 .counter-data,
#circle5 .counter-data,
#circlenewYC .counter-data, #circlenewYT .counter-data,
#circlenewIBYC .counter-data, #circlenewIBYT .counter-data {
    position: absolute;
    width: 100%;
    color: rgba(45, 49, 53, 0.6);
    font-family: "Open Sans";
    font-size: 36px !important;
    font-weight: 600 !important;
    line-height: 38px !important;
    letter-spacing: 0.78px !important;
    left: 0px;
    top: 43% !important;
}

.input-text p i {
    color: rgba(45, 49, 53, 0.4);
    padding-left: 10px;
}

#circle6, #circle7,
#circle8, #circle9,
#circle10, #circle11,
#circle12, #circle13,
#circle14, #circle15 {
    position: relative;
    float: left;
    padding: 0px 19px;
}
#circle3 canvas, #circle2 canvas,
#circle4 canvas, #circle5 canvas,
#circle6 canvas, #circle7 canvas,
#circle8 canvas, #circle9 canvas,
#circle10 canvas, #circle11 canvas,
#circle12 canvas, #circle13 canvas,
#circle14 canvas, #circle15 canvas,
#circlenewYC canvas, #circlenewYT canvas,
#circlenewIBYC canvas, #circlenewIBYT canvas {
    transform: rotate(90deg);
}
.circle-overlay-interation {
    position: absolute;
    width: 101%;
    background: none;
    top: -2px;
    height: 99%;
    border-radius: 50%;
    left: 0px;
    border: 4px solid #fff;
}
#circle2 .counter-data,
#circle3 .counter-data,
#circle4 .counter-data,
#circle5 .counter-data,
#circle6 .counter-data,
#circle7 .counter-data,
#circle8 .counter-data,
#circle9 .counter-data,
#circle10 .counter-data,
#circle11 .counter-data,
#circle12 .counter-data,
#circle13 .counter-data,
#circle14 .counter-data,
#circle15 .counter-data,
#circlenewYC .counter-data, #circlenewYT .counter-data,
#circlenewIBYC .counter-data, #circlenewIBYT .counter-data  {
    position: absolute;
    width: 100%;
    color: rgba(45, 49, 53, 0.4);
    font-family: "Open Sans";
    font-size: 28px;
    font-weight: 600;
    line-height: 38px;
    /* Text style for "2:30" */
    letter-spacing: 0.61px;
    left: 0px;
    top: 29%;
}
#circle14 .counter-data,
#circle15 .counter-data {
    font-size: 32px;
    font-weight: 600;
    color: #e3147c;
    top: 43%;
}
#circle6 .counter-data span,
#circle7 .counter-data span,
#circle8 .counter-data span,
#circle9 .counter-data span {
    color: rgba(45, 49, 53, 0.4);
}
.circle-title {
    position: absolute;
    bottom: -36px;
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    left: 0px;
    right: 0px;
}

#circle4 .counter-data,
#circle5 .counter-data {
    color: #e3147c;
}

#circle14 .circle-overlay,
#circle15 .circle-overlay {
    position: absolute;
    width: 90%;
    background: none;
    top: -2px;
    height: 100%;
    border-radius: 50%;
    left: 16px;
    border: 11px solid #fff;
}
.solution-box .box {
    margin-bottom: 30px;
}
.solution-texts h5 {
    color: #2d3135;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}
.solution-grid .grid-item {
    border: 0px;
}
.solution-grid .grid-item:hover {
    box-shadow: 0px 0px 0px;
}
.solution-grid .grid {
    columns: inherit;
}
.solution-grid .grid .grid-item {
    width: 100% !important;
}
.gradient .bx-wrapper {
    background: none;
    box-shadow: 0px 0px 0px;
    border: 0px;
}
.gradient output {
    color: #ffffff;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin-top: 20px;
}
.home-gradient-slider li {
    min-height: 370px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.home-gradient-slider li > div {
    width: 100%;
}
.login2 ul,
.login2 ol {
    padding: 0 0 0 20px;
}
.login2 ul li {
    padding: 3px 0px;
    list-style: disc;
}
.login2 ol li {
    padding: 3px 0px;
    list-style: decimal;
}
.login2 ul li a {
    color: #e2177f;
    font-weight: bold;
}
.trust.gradient-curve .row, .gradient-inverse .row {
    min-height: 195px;
    align-items: center;
    display: flex;
}
.trust.gradient-curve .row .col-md-12, .gradient-inverse .row .col-md-12 {
    width: 100%;
}

.gradient ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(45, 49, 53, 0.25);
}
.gradient ::-moz-placeholder { /* Firefox 19+ */
    color: rgba(45, 49, 53, 0.25);
}
.gradient :-ms-input-placeholder { /* IE 10+ */
    color: rgba(45, 49, 53, 0.25);
}
.gradient :-moz-placeholder { /* Firefox 18- */
    color: rgba(45, 49, 53, 0.25);
}
.page-template-page-build-monitor .button.inverse {
    line-height: 34px;
    height: 60px;
}
.testimonial .bx-wrapper {
    margin: 0 auto;
}
.visual-content.support h5 {
    font-size: 20px;
}
.visual-content .border-box p {
    text-transform: none;
}
.testimonial li {
    padding: 0px;
    vertical-align: middle;
    display: inline-block;
    float: none !important;
}

#banner-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(polina.jpg) no-repeat;
    background-size: cover;
    z-index: 99;
}

.border-box-parent {
    min-height: 385px;
}
.styled-checkbox {
    display: inline-block;
}
.styled-checkbox [type="checkbox"]:not(:checked),
.styled-checkbox [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
.styled-checkbox [type="checkbox"]:not(:checked) + label,
.styled-checkbox [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 34px;
    cursor: pointer;
    margin-right: 9px;
    text-transform: none;
}
.check-box {
    margin-bottom: 20px;
}
/* checkbox aspect */
.styled-checkbox [type="checkbox"]:not(:checked) + label:before,
.styled-checkbox [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left:0px;
    top: -7px;
    width: 26px; height: 26px;
    background: #fff;
    border: 2px solid rgba(45, 49, 53, 0.6);
}
/* checked mark aspect */
.styled-checkbox [type="checkbox"]:not(:checked) + label:after,
.styled-checkbox [type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    top: -7px; left: 0px;
    line-height: 0.8;
    transition: all .2s;
    background-image: url(../images/check-new.png);
    background-color: #e3147c;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}
.page-template-page-download .styled-checkbox [type="checkbox"]:not(:checked) + label:before,
.page-template-page-download .styled-checkbox [type="checkbox"]:checked + label:before {top: 3px;}
.page-template-page-download .styled-checkbox [type="checkbox"]:not(:checked) + label:after,
.page-template-page-download .styled-checkbox [type="checkbox"]:checked + label:after {top: 3px;}
.tab-pane input[type="checkbox"]:checked {
    line-height: 0.8;
    transition: all .2s;
    background-image: url(../images/check-new.png);
    background-color: #e3147c;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}
/* checked mark aspect changes */
.styled-checkbox [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
.styled-checkbox [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
.styled-checkbox [type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */

.styled-checkbox label {
    font-weight: bold;
    font-size: 15px;
    line-height: 14px;
    padding: 5px 2px;
    text-transform: none;
}
.styled-checkbox label {
    display: inline-block;
    font-size: 15px;
    color: #596c7a;
    font-weight: 500;
}

#myModal {
    z-index: 9999;
}
#myModal.in {
    display: flex!important;
    align-items: center;
    justify-content: center;
}
#myModal .modal-content p {
    margin: 0;
    line-height: 0;
}
#myModal .modal-content {
    overflow: hidden;
    border: none;
    background-color: transparent;
    box-shadow: none;
}
#myModal .modal-dialog {
    width: auto;
}

.page-template-page-solution-single .solution-text {
    background-color: #fff;
}

.banner.gradient .container {
    z-index: 99;
}
.gradient .container {
    z-index: 9999;
}
.trust.trust-texture .container {
    top: 50%;
    transform: translateY(-50%);
}
.trust.trust-texture {
    width: 100%;
    min-height: inherit;
    height: 212px;
    background: -webkit-gradient(linear, right top, left top, from(#e4177b), to(#fede11));
    background: url('../images/animation_colour.gif');

}

.page-template-page-visual-studio .trust.trust-texture {
    margin-top: -10px;
    z-index: 11;
}

.trust.trust-texture::before,
.trust.trust-texture::after {
    content: '';
    background: -webkit-gradient(linear, right top, left top, from(#e4177b), to(#fede11));
    background: url('../images/animation_colour.gif');
    /*background-size: 400% 400%;*/
    position: absolute;
    left: 0;
    width: 100%;
    height: 70%;
    z-index: 1;
    -webkit-transform-origin: 29% 0;
    transform-origin: 29% 0;

}

.trust.trust-texture::before {
    bottom: 59%;
    -webkit-transform: skewY(-2.5deg);
    transform: skewY(-2.5deg);
}

.trust.trust-texture::after {
    top: 59%;
    -webkit-transform: skewY(2.5deg);
    transform: skewY(2.5deg);
}

.texture {
    position: absolute;
    top: 49%;
    left: -10%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 172%;
    width: 100%;
    margin: 0;
    /*background: url(../images/texture.png) center/contain no-repeat;*/
    background-position: 15% center;
}

.texture img {
    height: 100%;
}

.make-box .box figure h2 {
    color: #828487;
    line-height: 84px;
    display: block;
}

.make-box .box figure img {
    height: 103px;
    width: auto;
    max-width: 220px;
    display: block;
    margin: 0 auto;
}

@media screen and (min-width: 1920px) {
    .texture {
        height: 180%;
    }
}

@media screen and (max-width: 1920px) {
    .trust.trust-texture::before,
    .trust.trust-texture::after {
        height: 78%;
    }

    .trust.trust-texture::before {
        bottom: 53%;
        -webkit-transform: skewY(-4.2deg);
        transform: skewY(-4.2deg);
    }

    .trust.trust-texture::after {
        top: 56%;
        -webkit-transform: skewY(3deg);
        transform: skewY(3deg);
    }
}

@media screen and (max-width: 1400px) {
    .trust.trust-texture::before,
    .trust.trust-texture::after {
        height: 69%;
    }

    .trust.trust-texture::before {
        -webkit-transform: skewY(-4deg);
        transform: skewY(-4.1deg);
    }

    .trust.trust-texture::after {
        -webkit-transform: skewY(4deg);
        transform: skewY(4deg);
    }
}

@media screen and (max-width: 1200px) {
    .trust.trust-texture::before,
    .trust.trust-texture::after {
        height: 80%;
    }

    .trust.trust-texture::before {
        -webkit-transform: skewY(-5deg);
        transform: skewY(-5deg);
        bottom: 54%;
    }

    .trust.trust-texture::after {
        -webkit-transform: skewY(5deg);
        transform: skewY(5deg);
    }
}

@media screen and (max-width: 992px) {
    .trust.trust-texture::before,
    .trust.trust-texture::after {
        height: 63%;
    }
    .trust.trust-texture::before {
        bottom: 60.5%;
        -webkit-transform: skewY(-5deg);
        transform: skewY(-5deg);
    }
    .trust.trust-texture::after {
        top: 60.5%;
        -webkit-transform: skewY(6deg);
        transform: skewY(6deg);
    }
    .border-box-parent {
        min-height: 225px;
    }
}

@media screen and (max-width: 667px) {
    .page-template-page-visual-studio .trust.trust-texture {
        margin-top: -23px;
    }

    .trust.trust-texture::before,
    .trust.trust-texture::after {
        height: 64%;
    }

    .trust.trust-texture::before {
        bottom: 64  %;
        -webkit-transform: skewY(-5.1deg);
        transform: skewY(-5.1deg);
    }

    .trust.trust-texture::after {
        top: 45%;
        -webkit-transform: skewY(7deg);
        transform: skewY(7deg);
    }
}

@media screen and (max-width: 470px) {
    .pt-55+.sub-banner {
        padding-top: 60px!important;
    }
    #bgVideo {
        width: 740px!important;
    }
    .benefits {
        padding-top: 65px;
        padding-bottom: 50px;
    }
    .benefits h3 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .page-template-page-visual-studio .trust.trust-texture {
        margin-top: -25px;
    }

    .transform-content {
        padding: 60px 0px 0px;
    }

    .separator.mt-50 {
        margin-top: 0;
    }

    .our-customer {
        padding: 10px 0px;
    }

    .border-box {
        margin-top: 0;
    }
}

@media screen and (max-width: 360px) {
    .page-template-page-visual-studio .trust.trust-texture {
        margin-top: -30px;
    }
    .texture {
        background-size: 318px 318px;
    }
}

@media screen and (max-width: 330px) {
    .page-template-page-visual-studio .trust.trust-texture {
        margin-top: -35px;
    }
}

/*****CONTACT TABLE******/
.gform_heading {
    display: none;
}

.gform_body h1 {
    text-transform: uppercase;
    font-size: 30px;
}

.contact-table, .contact-table--row {
    display: table;
    width: 100%;
}
.contact-table--row {
    margin-bottom: 16px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.contact-table--field {
    display: table-cell;
    padding: 8px;
    background: #f9f9f9;
    width: 40%;
}
.contact-table--field > p:last-child {
    margin: 0;
}
.contact-table--field:first-child {
    width: 20%;
}
.contact-table--field span.country-name {
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .contact-table--field {
        display: block;
        width: 100%!important;
    }
}

.bottom-after,
.top-before {
    display: block;
    width: 102%;
    height: 150px;
    position: absolute;
    left: -2%;
    background: url('../images/animation_colour.gif');

}
.bottom-after {
    transform-origin: right top;
    bottom: 0;
}
.top-before {
    transform-origin: right bottom;
    top: 0;
}
.page-template-page-incredible-pro .save-time:before,
.page-template-page-incredible-pro .save-time:after {
    display: none;
}
.page-template-page-incredible-pro .features {
    padding-bottom: 100px;
}

@media screen and (max-width: 1140px) {
    .bottom-after,
    .top-before {height: 110px;}
}
@media screen and (max-width: 992px) {
    .pt-55+.sub-banner {
        height: 670px!important;
        padding-top: 160px;
    }
    .bottom-after,
    .top-before {height: 90px;}
}
@media screen and (max-width: 767px) {
    .page-template-page-incredible-pro .gradient-inverse.save-time .row {
        flex-direction: column;
    }
    .page-template-page-incredible-pro .gradient-inverse.save-time .row > div {
        margin-left: 0!important;
        margin-bottom: 50px;
    }
    .page-template-page-incredible-pro .gradient-inverse.save-time .row > div:last-child {
        margin-bottom: 0;
    }
    .page-template-page-incredible-pro .gradient-inverse.save-time .row > div .button.inverse {
        margin-top: 0;
    }
    .page-template-page-incredible-pro .gradient-inverse.save-time .row figure img {margin-bottom: 0;}
    .page-template-page-incredible-pro .gradient-inverse.save-time .row .box p {
        margin-bottom: 0;
    }
    .bottom-after,
    .top-before {
        height: 80px;
        width: 104%;
        left: -4%;
    }


    .special-logo {
        border-left: none;
        border-right: none;
        border-top: 2px solid rgba(45, 49, 53, 0.4);
        border-bottom: 2px solid rgba(45, 49, 53, 0.4);
        min-height: 342px;
        margin-bottom: 20px;
    }
    .special-logo:before {
        left: 50%;
        top: 20px;
        margin-left: -22px;
        transform: rotate(-90deg);
    }
    .special-logo:after {
        left: 50%;
        top: inherit;
        bottom: 21px;
        margin-left: -22px;
        transform: rotate(-90deg);
    }

    .price-table td, .price-table th{
        font-size: 12px !important;
        padding: 5px !important;
    }

    .price-table td img{
        width: 16px;
        height: auto;
    }

    .faq-tabs .nav-pills>li>a:before, .faq-tabs .nav-pills>li.active>a:before {
        content: '';
        display: block;
        position: absolute;
        background: url(../images/arrows.jpg) no-repeat -3px -21px;
        width: 20px;
        height: 20px;
        bottom: -15px;
        right: 0px;
    }
    .faq-tabs .nav-pills>li.active>a:before {
        background-position: -3px 0;
    }

}
@media screen and (max-width: 480px) {
    .bottom-after,
    .top-before {
        width: 111%;
        left: -11%;
    }
}
.error-404.not-found {
    text-align: center;
}
.content-404 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.content-404 span {
    font-size: 105px;
    color: #E3137C;
}
.content-404 img {
    max-width: 100%;
}
@media screen and (max-width: 992px) {
    .content-404 {flex-direction: column;}
    .content-404 span, .content-404 img {margin-bottom: 20px;}
    .content-404 span {font-size: 70px;}
    .error-404.not-found h1 {
        font-size: 32px;
    }
}
.no-pseudo:before, .no-pseudo:after {
    display: none;
}
.page-template-page-home .banner {
    height: 450px;
    display: block;
}
.page-template-page-home .banner .container {
    margin-top: 55px;
}
@media screen and (max-width: 990px) {
    .page-template-page-home .banner {
        padding: 0;
        height: 375px;
    }
    .our-client p {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 480px) {
    .page-template-page-home .banner {
        height: 400px;
    }
}
.bx-wrapper .img-wrapper {
    height: 99px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.our-client .bx-wrapper .bx-prev:after,
.our-client .bx-wrapper .bx-next:after {
    line-height: normal;
    top: 0;
    bottom: 0;
    height: 20px;
    margin: auto;
    display: flex;
    align-items: center;
}
.our-client .bx-wrapper .bx-controls-direction a {
    top: 0;
    bottom: 0;
    margin: auto;
}
.client-img {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.client-img-box {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
}
@media screen and (max-width: 992px) {
    .client-img-box {
        width: 25%;
    }
}
@media screen and (max-width: 768px) {
    .client-img-box {
        width: 33%;
    }
}
@media screen and (max-width: 480px) {
    .client-img-box {
        width: 50%;
    }
}
@media screen and (max-width: 400px) {
    .client-img-box {
        width: 100%;
    }
}
/****Styles*****/
.version-list {
    margin-top: 0;
}
.version-list .version-desc {
    display: none;
    transition: none;
    margin-top: 10px;
    padding-left: 20px;
}
.version-list .version-title {
    color: #e2177f;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.38;
    padding: 3px 0;
    margin: 0 0 .5rem 0;
    position: relative;
    padding-left: 14px;
    display: inline-block;
}
.version-list .version-title:hover {
    text-decoration: underline;
}
.version-list .version-title:before {
    content: '';
    position: absolute;
    height: 6px;
    width: 6px;
    background: #23343F;
    border-radius: 50%;
    left: -3px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.version-list .version-box ul{
    list-style: disc;
    padding-left: 18px !important;
}
.version-list .version-box ul li {
    list-style: disc;
    padding: 0;
    margin-bottom: 15px;
    color: #737373;
}


.version-list .version-desc h2, .version-list .version-desc  h4 {
    color: #3c3c3c;
    margin-bottom: 10px;
}

.version-list .version-desc h2 {
    font-size: 20px;
}

.version-list .version-desc h4 {
    font-size: 16px;
}


.video-box {
    display: none;
}
.preload-box {
    position: relative;
}
.play-ytb-video {
    height: 85px;
    width: 85px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    outline: none;
    border: none;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
}
.page-template-page-dev-tools .play-ytb-video{
    background-image: url(../images/play.png);
}
.aligment-button {
    min-height: 312px!important;
    display: block!important;
    padding-bottom: 52px;
    position: relative;
}
.aligment-elm {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.footer-container a:hover {
    color: #e3147c;
}
.page-template-page-home .our-client {
    position: relative;
    z-index: 10;
}
.page-template-page-home .video-sec {
    height: auto;
}
.page-template-page-home .video-sec .video {
    position: static;
}
.page-template-page-home .transform-sec .video-sec div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.page-template-page-home .transform-sec .video-sec div a {
    position: absolute;
    height: 65px;
    width: 65px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.gform_wrapper .gf_progressbar_wrapper {
    display: none !important;
}
#field_8_13 > label,
#field_8_22 > label,
#field_8_17 > label,
#field_7_13 > label,
#field_7_22 > label,
#field_7_17 > label,
#field_6_17 > label,
#field_6_19 > label {
    visibility: hidden;
    height: 0px;
}
#field_7_19 > label,
#field_8_19 > label {
    border: 1px solid #ccc;
    visibility: visible;
    overflow: hidden;
    margin: 30px 0;
    height: 0px;
}
.gform_wrapper .gform_page_footer {
    border: 0px !important;
}
/***Media***/
@media screen and (max-width: 992px) {
    .page-template-page-home .performance-sec .row {
        margin-bottom: 50px;
    }
    .page-template-page-home .performance-sec .row:last-child {
        margin-bottom: 0;
    }

    .awards figure.bg-grey {
        margin-top: 25px;
    }
}
@media screen and (max-width: 768px) {
    .block-wrapper {
        padding: 0 20px;
    }
    .footer-widget {
        padding: 25px 0px 25px;
    }

    .trust:before  {
        height: 60px;
    }
}
@media screen and (max-width: 480px) {
    .page-template-page-home .transform-sec {
        padding-top: 0;
    }
    .your-choice {
        padding-bottom: 50px;
    }
    .your-choice:before {
        height: 50px;
    }
    .page-template-page-home .performance-sec .row {
        margin-bottom: 30px;
    }
    .page-template-page-home .button.inverse.orange-btn {
        margin: 0 15px;
        font-size: 13px;
        padding: 12px 13px;
    }
    .page-template-page-home .home-gradient-slider li {
        padding: 0;
    }
    .page-template-page-news .button.inverse {
        min-width: auto!important;
    }
}

.noAfter:after {
    content: none;
}
.noBefore:before {
    content: none;
}