@charset "utf-8";


        .clr {  clear: both  }
        a {
            text-decoration: none
        }
        
        
        h2.small {
            font-size: 50px;
            font-weight: 300;
            line-height: 65px;
            color: #0095da;
            margin-bottom: 14px
        }
        
        h2.small {
            font-size: 35px;
            line-height: 40px
        }
        
        h3 {
            font-size: 30px;
            line-height: 35px;
            color: #EE3B24;
            font-weight: 200;
        }
        
                
        .shareaholic-recommendations-header {
            font-size: 22px !important;
            font-weight: 400;
            margin-bottom: 14px !important;
            line-height: 27px
        }
        
        h2 span {
            font-weight: 300
        }
        
        h2 span.blue,
        a span.blue {
            color: #0095da;
            background: none
        }
        
        h2 span.green,
        a span.green {
            color: #66aa45;
            background: none
        }
        
        a span.blue {
            font-size: 22px;
            font-weight: 600px;
            line-height: normal;
            font-weight: 400
        }
        
        a span.light {
            font-weight: 300 !important
        }
        
        a span.green {
            font-size: 20px;
            line-height: normal
        }
        
        .aligncenter {
            text-align: center;
            margin-bottom: 0
        }
        
        .alignright {
            text-align: right
        }
        
        .blockright {
            float: right
        }
        
        .wrapper {
            width: 1170px;
            position: relative;
            margin: 0 auto
        }
        
        
        .awrapper {
            position: relative
        }
        
        .anchor {
            position: absolute;
            top: -100px
        }
        
        #logo {
            position: absolute;
            top: 20px;
            max-height: 133px;
            transition: max-height .5s;
            -moz-transition: max-height .5s;
            -webkit-transition: max-height .5s
        }
        
        #topcta {
            position: absolute;
            top: 11px;
            right: 0;
            font: 16px/28px Arial, Helvetica, sans-serif
        }
        
        #topcta img {
            position: relative;
            display: block;
            top: 7px
        }
        
        #topcta a {
            color: #363636;
            text-decoration: none;
            display: inline-block;
            height: 28px;
            line-height: 28px;
            font-size: 13px
        }
        
        #topcta a:hover {
            text-decoration: underline
        }
        
        #mobiletop {
            height: 42px;
            background-color: #0087c6;
            position: relative;
            display: none;
            top: -60px
        }
        
        #mobilephone,
        #mobilequote {
            color: #fff;
            font-weight: 700;
            font-size: 15px;
            line-height: 42px;
            padding: 0 15px
        }
        
        #mobilephone {
            float: right
        }
        
                
        #webbanner p {
            margin-top: 10px
        }
        
        
        .bannerservice {
            width: 16.66%;
            text-align: center;
            float: left
        }
        
        .bannerservice a {
            color: #fff;
            text-decoration: none;
            text-transform: uppercase;
            font-size: 17px;
            display: block;
            font-weight: 400;
            line-height: normal
        }
        
        .bannerservice a:hover+#servicedynamics {
            background-position: bottom center
        }
   
        
        .nav .sub-menu li a:hover {
            background-color: #e9e9e9
        }
        
        .nav .sub-menu li:last-child a {
            border: 0
        }
        
        #navwrapper {
            position: fixed;
            top: 42px;
            z-index: 99;
           /*  height: 60px; */
            width: 100%;
            display: none
        }
        
        #mobilelogo {
            position: relative;
            z-index: 99;
            top: 10px;
            left: 65px;
            display: none
        }
        
        #mobileemail {
            float: right;
            position: relative;
            top: 21px;
            right: 7px;
            z-index: 99;
            display: none;
            font-size: 28px;
            color:#99B7D8;
        }
     
        .borderbox {
            border: solid 2px #d3e7b7;
            padding: 15px;
            transition: background-color .5s ease;
            margin-bottom: 30px;
            border-radius: 10px;
            background-color: #fff
        }
        
        .borderbox p {
            font-size: 16px;
            line-height: 23px
        }
        
        .borderbox a {
            color: #73a42d
        }
        
        .borderbox a:hover {
            text-decoration: underline
        }
        
        .borderbox h4 {
            margin-bottom: 8px
        }
        
        .borderbox:hover {
            background-color: #e3f4cb
        }
        
      
        
        #servicehead,
        .aboutrow p.serviceheadblue,
        .one-half p.serviceheadblue {
            font-size: 42px;
            margin-bottom: 15px;
            color: #20602b;
            font-weight: 600
        }
        
        .aboutrow p.serviceheadblue,
        .one-half p.serviceheadblue {
            color: #127397;
            margin-bottom: 20px
        }
        
        .webdesignbar {
            background: url() right center no-repeat;
            padding: 35px 0
        }
    
        
        
        .one-half .bigarrow {
            list-style: none
        }
        
        .one-half .bigarrow li {
            background: url() left 7px no-repeat;
            padding-left: 65px;
            margin-bottom: 14px
        }
        
        .one-half .bigarrow li:last-child {
            margin-bottom: 0
        }
        .columns {
            margin-left: 30px;
            margin-top: 40px
        }
        
        .innerspan3 {
            width: 165px;
            float: left;
            text-align: center
        }
        
        .innerspan3 p {
            font-size: 16px;
            line-height: 24px;
            color: #363636;
            margin-top: 10px
        }
     
        .textbtn {
            display: block !important;
            text-align: center;
            width: 100%
        }
        
        .textbtn span {
            color: #000 !important;
            border: 0 !important;
            padding: 0 !important;
            font-size: 17px !important;
            font-weight: 700;
            text-align: center;
            margin: 8px 0 !important
        }
        
        .textbtn span:hover {
            text-decoration: underline !important;
            color: #007fff !important
        }
      
        .width100 {
            width: 100%;
            max-width: 100%;
            display: block
        }
        
        .width50 {
            width: 50%;
            float: left;
            position: relative
        }
        
        .right {
            float: right
        }
      
        .seroverlay:hover {
            opacity: 1
        }
        
        .one-half {
            width: 570px;
            float: left
        }
        
        .one-half p,
        .one-half ul {
            font-size: 17px;
            line-height: 27px;
            color: #363636;
            margin-bottom: 14px
        }
        
        .one-half ul,
        .csinfo ul,
        #sidebar ul {
            margin-bottom: 0;
            list-style: none
        }
        
        .one-half ul li,
        ul.whitearrow li,
        .csinfo ul li {
            margin-bottom: 6px;
            background: url() 0 8px no-repeat;
            padding-left: 25px
        }
     
        .widget_archive {
            margin-top: 20px !important
        }
     
        #iosimg {
            margin-top: 150px
        }
        
        #winphonelogo {
            margin-top: 95px
        }
        
     
        
        .rating {
            float: right;
            margin-top: -30px
        }
    
        
        #androidrow {
            padding: 45px 0;
            margin: 50px 0
        }
        
        .whitetxt {
            color: #fff !important
        }
        
        #androidlogobg {
            position: relative;
            bottom: -91px
        }
        
        #csrow,
        .bluerow,
        .greenrow {
            background-color: #1ec2ff;
            padding: 35px 0;
            margin: 50px 0
        }
        
        .nopad {
            padding: 0
        }
      
            
        h5 {
            font-size: 16px;
            text-transform: uppercase;
            margin-bottom: 5px
        }
        
   
        
        #extralinks {
            float: right
        }
        
        #showmobile {
            display: none;
            position: relative;
            top: 4px !important
        }
        
        blockquote {
            background-color: #f5f5f5;
            font-size: 18px;
            padding: 20px;
            line-height: 30px;
            margin-bottom: 15px
        }
        
        blockquote p {
            margin: 0 !important
        }
        
        .col-800 {
            width: 880px;
            font-size: 17px;
            line-height: 28px;
            font-weight: 400;
            float: right
        }
        
        .postdetails {
            margin-bottom: 40px;
            padding: 25px;
            border: solid 1px #ccc
        }
        
        h3.widget-title {
            color: #000;
            font-size: 22px
        }
 
        
        .size-full {
            margin: 25px 0;
            max-width: 100%;
            height: auto
        }
        
        .col-800 h2 {
            text-transform: none;
            font-size: 22px;
            font-weight: 400;
            margin-bottom: 10px;
            line-height: normal
        }
        
        .col-800 h3 {
            color: #363636;
            font-size: 19px;
            font-weight: 500
        }
        
        .col-800 p {
            margin-bottom: 15px
        }
        
        .col-800 ul {
            padding-left: 20px;
            margin-bottom: 15px
        }
        
        .blogtop {
            background-color: #007fff;
            padding: 10px;
            text-align: center;
            margin-bottom: 30px
        }
        
       
        
        .col-800 h1 {
            font-weight: 400;
            color: #000;
            font-style: normal;
            font-size: 35px;
            border-bottom: dotted 1px #ccc;
            padding-bottom: 15px;
            margin-bottom: 25px;
            line-height: normal
        }
        
        .postinfo,
        .csinfo {
            width: 250px;
            float: left;
            margin-right: 40px;
            line-height: normal
        }
        
        #catlink,
        h3.widget-title {
            color: #363636;
            text-transform: uppercase;
            font-weight: 400;
            font-size: 16px;
            letter-spacing: 2px;
            line-height: normal;
            display: inline-block;
            border-bottom: solid 2px #007fff;
            padding-bottom: 20px;
            margin-bottom: 35px
        }
        
        h3.widget-title {
            padding: 0 0 15px 0 !important;
            margin-bottom: 10px !important;
            margin-top: 20px !important
        }
        
        #sidebar li.widget {
            background: none !important;
            padding-left: 0 !important
        }
        
        .author {
            line-height: normal;
            border-bottom: solid 1px #cecec8;
            padding-bottom: 25px;
            margin-bottom: 25px
        }
        
        .author img {
            border: solid 1px #cecec8;
            padding: 5px;
            border-radius: 53px;
            margin-bottom: 5px
        }
        
        .author span,
        .monthyear {
            font-size: 16px;
            font-weight: 400;
            letter-spacing: 2px;
            color: #858585;
            text-transform: uppercase
        }
        
        .authorname a {
            font-size: 17px;
            color: #000;
            font-weight: 400
        }
        
        .authorname a:hover {
            text-decoration: inherit
        }
        
       
        .linkicon {
            display: inline-block;
            padding: 11px 20px;
            border: solid 5px #fff;
            position: absolute;
            bottom: -20px;
            right: 32px;
            color: #fff;
            font-size: 25px;
            border-radius: 31px;
            line-height: normal;
            background-color: #007fff;
            transition: background-color .5s
        }
        
        .linkicon:hover {
            background-color: #363636
        }
        
       
        
        #goto {
            display: inline-block;
            margin-right: 10px
        }
        
       
        
        .ctaleft {
            background-color: #66aa45;
            padding: 25px;
            margin: 30px 0
        }
        
        .ctaleft h4 {
            border-bottom: dotted 1px #fff;
            padding-bottom: 10px;
            margin-bottom: 15px
        }
        
        .ctaleft p {
            font-size: 15px;
            line-height: 24px;
            margin-bottom: 10px
        }
        
        #postshare {
            margin-left: -10px
        }
        
        #authorbio {
            margin: 35px 0;
            border-top: 2px solid #000;
            padding-top: 20px;
            font-size: 16px
        }
        
        #authorthumb {
            float: left;
            margin-right: 20px;
            padding: 5px;
            background-color: #fff;
            border: solid 1px #cecec8;
            height: 90px;
            margin-top: 11px
        }
        
        #relatedposts {
            background-color: #e9e9e9;
            padding: 0;
            margin-top: 40px
        }

        .col-800 a {
            color: #007fff
        }
        
        .col-800 a:hover {
            text-decoration: underline
        }
        
        .col-800 .questions {
            list-style: none;
            padding: 0
        }
        
        .col-800 .questions li a {
            background-color: #e9e9e9;
            color: #363636;
            padding: 4px 20px;
            margin-bottom: 4px;
            display: block
        }
        
        .col-800 .questions li a:hover {
            background-color: #007fff;
            color: #fff;
            text-decoration: none
        }
        
        .col-800 .inqbtn {
            display: inline-block;
            background-color: #ee7b00;
            padding: 5px 30px;
            border-radius: 5px;
            color: #fff;
            transition: background-color .3s
        }
        
        .col-800 .inqbtn:hover {
            background-color: #c26400;
            text-decoration: none
        }
        
        .downarrow {
            width: 115px;
            height: 115px;
            margin: 0 auto;
            top: -57.5px;
            position: relative;
            z-index: 9;
            display: block
        }
        
        .imagecontainer {
            height: 200px;
            margin-bottom: 15px
        }
        
        
       
        .ms-slide-bgcont img {
            border: solid 5px #fff !important;
            width: 95% !important;
            height: 95% !important
        }
        
       
        
        .statsbar {
            margin-bottom: 35px
        }
        
        .valuenumber,
        .stat-title {
            text-align: center
        }
        
        .stat-number,
        .plus {
            font-size: 65px;
            font-weight: 400;
            color: #f60
        }
        
        .stat-title {
            font-size: 25px;
            margin-top: 10px
        }
        
        .ctapopup {
            border: solid 3px red;
            border-left: 0;
            border-right: 0;
            background-color: #f5f5f5 !important
        }
        
        .ctapopup h4 {
            color: #0c78bf !important;
            font-size: 30px !important;
            margin-bottom: 8px !important
        }
        
        .ctapopup p {
            margin-bottom: 20px !important;
            font-size: 12px !important
        }
        
       
        @media only screen and (min-width:980px) and (max-width:1169px) {
            .wrapper {
                width: 960px
            }
           
            .columns {
                margin-left: 15px
            }
            .innerspan3 {
                width: 140px
            }
            .serviceround {
                padding: 32px
            }
            a span.blue {
                font-size: 20px
            }
            a span.green {
                font-size: 18px
            }
            .innerspan3 p {
                font-size: 15px
            }
            #servicetext {
                font-size: 17px;
                line-height: 26px
            }
            .one-half p,
            .one-half ul {
                font-size: 16px;
                line-height: 24px
            }
            #androidlogobg {
                bottom: -317px
            }
            #iosimg,
            #androidlogobg img,
            #winphonelogo,
            .homecsimg,
            .blogimg {
                max-width: 100%
            }
            #cshead {
                font-size: 58px;
                line-height: 60px
            }
            #innerbanner h1,
            #blogbanner h1,
            #servicesbanner h1,
            #industrybanner h1,
            #webbanner h1,
            #cmsbanner h1,
            #ecombanner h1,
            #enterprisebanner h1 {
                font-size: 40px;
                line-height: normal;
                padding: 0 20px
            }
            #blogbanner,
            #servicesbanner,
            #industrybanner,
            #webbanner,
            #cmsbanner,
            #ecombanner,
            #enterprisebanner {
                background-size: 155%;
                height: 325px
            }
            #blogbanner h1,
            #servicesbanner h1,
            #industrybanner h1,
            #webbanner h1,
            #cmsbanner h1,
            #ecombanner h1,
            #enterprisebanner {
                padding-top: 25px
            }
            #blogbanner p,
            #servicesbanner p,
            #industrybanner p,
            #webbanner p,
            #cmsbanner p,
            #ecombanner p,
            #enterprisebanner p {
                padding: 0 20px;
                margin-top: 0;
                font-size: 20px
            }
            .servicebox img {
                max-width: 100%
            }
            .blockright {
                width: 90%;
                margin: 30px auto 0 auto
            }
            .webdesignbar {
                background-size: 485px
            }
          
            .imagecontainer {
                height: 170px
            }
            .one-half img {
                max-width: 100%
            }
            .width50 img {
                min-width: 95%;
                width: 95%
            }
            .one-sixth {
                width: 143px
            }
            .itoTab .su-tabs-nav span {
                padding: 15px 20px
            }
            .one-fifth {
                width: 176px
            }
            #crmvideo {
                height: 265px !important
            }
            .col-800 {
                width: 670px
            }
            .statsbar {
                margin-top: -25px;
                margin-bottom: 10px
            }
            .statsbar .one-fifth {
                margin-bottom: 25px
            }
            .stat-number,
            .plus {
                font-size: 50px
            }
            .stat-title {
                font-size: 20px;
                margin-top: 0
            }
        }
        
        @media only screen and (min-width:801px) and (max-width:979px) {
            .wrapper {
                width: 780px
            }
            #banner {
                height: 400px
            }
            #banner h1 {
                font-size: 35px;
                padding-top: 20px;
                line-height: 40px
            }
            #banner .row {
                margin-top: 30px
            }
            #getintouch {
                margin-top: 40px
            }
            #servicedynamics,
            #serviceos,
            #servicemobile,
            #servicedotnet,
            #servicemagento,
            #servicewp {
                background-size: 100%;
                width: 80%;
                display: block;
                height: 57px;
                margin-bottom: 5px
            }
            #servicedynamics:hover,
            #serviceos:hover,
            #servicemobile:hover,
            #servicedotnet:hover,
            #servicemagento:hover,
            #servicewp:hover {
                background-position: top center
            }

            .industryrow {
                width: 450px
            }
            .margin30 {
                margin-right: 20px
            }
            .one-fourth {
                width: 180px
            }
            .cslink {
                font-size: 14px
            }
            .casestudies .one-fourth img {
                max-width: 100%
            }
            .subhead {
                font-size: 17px;
                margin-top: 0
            }
            .service1,
            .service2 {
                height: 195px
            }
            .servicecell {
                padding: 15px 13px
            }
            .servicecell img {
                width: 20px
            }
            .servicecell h3,
            .servicecell p {
                margin-top: 0
            }
            .servicecell p {
                font-size: 13px;
                line-height: normal
            }
            h3 {
                font-size: 18px;
                line-height: normal
            }
            .one-half {
                width: 380px
            }
            .one-third {
                width: 245px
            }
            .allindustries .one-third img {
                max-width: 90%
            }
            #about {
                font-size: 60px
            }
            .aboutrow {
                padding: 40px 0 25px 0
            }
            .aboutrow p {
                padding-right: 40px;
                font-size: 16px;
                line-height: 24px
            }
           
            #footerright {
                margin-right: 15px
            }
            #footer a,
            #footer,
            #footerbar {
                font-size: 15px
            }
            .socialfb,
            .socialtwitter,
            .sociallinkedin,
            .socialgplus {
                background-position: 15px center;
                padding: 30px 30px 30px 73px;
                font-size: 13px;
                line-height: normal
            }
            #innerbanner {
                margin-bottom: 50px
            }
            #innerbanner h1 {
                font-size: 37px
            }
            #innerbanner p {
                padding: 0 50px
            }
            .columns {
                margin-left: 15px;
                width: 600px;
                margin: 0 auto
            }
            .service3 {
                background-image: none;
                margin-bottom: 30px
            }
            .service3 .width50 {
                width: 100%;
                background-color: #66aa45;
                float: none
            }
            .service3 .width50:nth-child(2) {
                background: none
            }
           
            .innerspan3 {
                width: 186px
            }
            #servicetext {
                font-size: 17px;
                line-height: 26px
            }
            .one-half p,
            .one-half ul {
                font-size: 16px;
                line-height: 24px
            }
            #androidlogobg {
                bottom: -317px
            }
            #iosimg,
            #androidlogobg img,
            #winphonelogo,
            .homecsimg,
            .blogimg {
                max-width: 100%
            }
            #cshead {
                font-size: 47px;
                line-height: 50px
            }
            #innerbanner h1,
            #blogbanner h1,
            #servicesbanner h1,
            #industrybanner h1,
            #webbanner h1,
            #cmsbanner h1,
            #ecombanner h1,
            #enterprisebanner h1 {
                font-size: 29px;
                line-height: normal;
                padding: 0 25px
            }
            #blogbanner,
            #servicesbanner,
            #industrybanner,
            #webbanner,
            #cmsbanner,
            #ecombanner,
            #enterprisebanner {
                background-size: 155%;
                height: 266px
            }
            #blogbanner h1,
            #servicesbanner h1,
            #industrybanner h1,
            #webbanner h1,
            #cmsbanner h1,
            #ecombanner h1,
            #enterprisebanner h1 {
                padding-top: 25px
            }
            #blogbanner p,
            #servicesbanner p,
            #industrybanner p,
            #webbanner p,
            #cmsbanner p,
            #ecombanner p,
            #enterprisebanner p {
                padding: 0 20px;
                margin-top: 10px;
                font-size: 20px
            }
            .enterprise {
                background: none;
                padding: 35px 20px
            }
            .enterprise .one-half {
                width: 95%;
                float: none
            }
            .servicebox img {
                max-width: 100%;
                width: 100%
            }
            .blockright {
                width: 90%;
                margin: 30px auto 0 auto
            }
            .webdesignbar {
                background-size: 400px
            }
           
            .imagecontainer {
                height: 135px
            }
            .service3 .width50 img {
                display: none
            }
            .one-half img {
                max-width: 100%
            }
            .one-sixth {
                width: 175px
            }
            .ecombar {
                margin-left: 20px
            }
            .ecombar .clr {
                display: none
            }
            .one-sixth {
                margin-right: 20px !important
            }
            .whatwedo .width50 img,
            .service4 .width50 img,
            .overview .width50 img {
                width: 100%
            }
            .lineround {
                min-width: auto;
                max-width: 155px !important;
                font-size: 15px;
                padding: 0 5px
            }
            .serviceround img {
                display: block !important
            }
            .col-800 {
                width: 490px
            }
            .col-800 h2 {
                text-align: left
            }
            .statsbar {
                margin-top: -25px;
                margin-bottom: 10px
            }
            .statsbar .one-fifth {
                margin-right: 0 !important;
                width: 33% !important;
                box-sizing: border-box;
                margin-bottom: 25px
            }
            .stat-number,
            .plus {
                font-size: 55px
            }
            .stat-title {
                font-size: 22px;
                margin-top: 0
            }
        }
        
        @media only screen and (min-width:768px) and (max-width:800px) {
            .wrapper {
                width: 750px
            }
            #banner {
                height: 400px
            }
            #banner h1 {
                font-size: 35px;
                padding-top: 40px;
                line-height: 40px
            }
            #banner .row {
                margin-top: 30px
            }
            #servicedynamics,
            #serviceos,
            #servicemobile,
            #servicedotnet,
            #servicemagento,
            #servicewp {
                background-size: 100%;
                width: 80%;
                display: block;
                height: 54px;
                margin-bottom: 5px
            }
            #servicedynamics:hover,
            #serviceos:hover,
            #servicemobile:hover,
            #servicedotnet:hover,
            #servicemagento:hover,
            #servicewp:hover {
                background-position: top center
            }
            .bannerservice a {
                font-size: 15px
            }
            
            .margin30 {
                margin-right: 15px
            }
            .one-fourth {
                width: 172px
            }
            .cslink {
                font-size: 14px
            }
            .casestudies .one-fourth img {
                max-width: 100%
            }
            .subhead {
                font-size: 17px;
                margin-top: 0;
                line-height: normal;
                padding: 0 20px
            }
            .service1,
            .service2 {
                height: 188px
            }
            .servicecell {
                padding: 10px 10px
            }
            .servicecell img {
                width: 18px
            }
            .servicecell h3,
            .servicecell p {
                margin-top: 0
            }
            .servicecell p {
                font-size: 12px;
                line-height: normal
            }
            h3 {
                font-size: 20px;
                line-height: normal
            }
            .one-half {
                width: 360px
            }
            .one-third {
                width: 240px
            }
            .allindustries .one-third img {
                max-width: 90%
            }
            #about {
                font-size: 60px
            }
            .aboutrow {
                padding: 40px 0 25px 0
            }
            .aboutrow p {
                padding-right: 40px;
                font-size: 16px;
                line-height: 24px
            }
            #videocontainer {
                width: 360px;
                margin-top: 25px;
                height: 211px
            }
            #videocontainer video {
                width: 95% !important;
                height: 191px
            }
            #footerright {
                margin-right: 15px
            }
            #footer a,
            #footer,
            #footerbar {
                font-size: 15px
            }
            .socialfb,
            .socialtwitter,
            .sociallinkedin,
            .socialgplus {
                background-position: 15px center;
                padding: 30px 15px 30px 73px;
                font-size: 13px;
                line-height: normal
            }
            #mobiletop {
                display: block
            }
            #innerbanner {
                margin-bottom: 50px
            }
            #innerbanner h1 {
                font-size: 40px;
                line-height: 42px;
                padding-top: 40px;
                margin-bottom: 10px
            }
            #innerbanner p {
                padding: 0 50px
            }
            .columns {
                margin-left: 15px;
                width: 600px;
                margin: 0 auto
            }
            .service3 {
                background-image: none;
                margin-bottom: 30px
            }
            .service3 .width50 {
                width: 100%;
                background-color: #66aa45;
                float: none
            }
            .service3 .width50:nth-child(2) {
                background: none
            }
            .serviceround {
                margin: 0 auto 15px auto
            }
            .servicerow .one-half {
                width: 95%;
                margin: 0 auto;
                float: none
            }
            .innerspan3 {
                width: 186px
            }
            #servicetext {
                font-size: 17px;
                line-height: 26px
            }
            .one-half p,
            .one-half ul {
                font-size: 16px;
                line-height: 24px
            }
            #androidlogobg {
                bottom: -317px
            }
            #iosimg,
            #androidlogobg,
            #winphonelogo,
            #mobiletop {
                display: none
            }
            .homecsimg,
            .blogimg {
                max-width: 100%
            }
            #cshead {
                font-size: 47px;
                line-height: 50px
            }
            #innerbanner h1,
            #blogbanner h1,
            #servicesbanner h1,
            #industrybanner h1,
            #webbanner h1,
            #cmsbanner h1,
            #ecombanner h1,
            #enterprisebanner h1 {
                font-size: 35px;
                line-height: normal;
                padding: 0 25px
            }
            #blogbanner,
            #servicesbanner,
            #industrybanner,
            #webbanner,
            #cmsbanner,
            #ecombanner,
            #enterprisebanner {
                background: url();
                height: 260px;
                margin-bottom: 40px
            }
            #blogbanner h1,
            #servicesbanner h1,
            #industrybanner h1,
            #webbanner h1,
            #cmsbanner h1,
            #ecombanner h1,
            #enterprisebanner h1 {
                padding-top: 25px
            }
            #blogbanner p,
            #servicesbanner p,
            #industrybanner p,
            #webbanner p,
            #cmsbanner p,
            #ecombanner p,
            #enterprisebanner p {
                padding: 0 20px;
                margin-top: 20px;
                font-size: 20px
            }
            .enterprise {
                background: none;
                padding: 35px 20px
            }
            .enterprise .one-half {
                width: 95%;
                float: none
            }
            .servicebox img {
                max-width: 100%;
                width: 100%
            }
            .blockright {
                width: 90%;
                margin: 30px auto 0 auto
            }
            .webdesignbar {
                background-size: 380px
            }
            .flipcard .front,
            .flipcard .back {
                height: 20px !important;
                display: none !important
            }
            .flipcard .front {
                display: block !important;
                position: static
            }
            .imagecontainer {
                height: 125px
            }
            .service3 .width50 img {
                display: none
            }
            .one-half img {
                max-width: 100%
            }
            .one-sixth {
                width: 167px
            }
            .ecombar {
                margin-left: 20px
            }
            .ecombar .clr {
                display: none
            }
            .one-sixth {
                margin-right: 20px !important
            }
            .whatwedo .width50 img,
            .service4 .width50 img,
            .overview width50 img {
                width: 100%
            }
            .lineround {
                min-width: auto;
                max-width: 155px !important;
                font-size: 20px;
                padding: 15px 5px
            }
            .service4 .width50,
            .whatwedo .width50,
            .overview width50 {
                width: 100%;
                float: none
            }
            .whatwedo,
            .overview {
                background-color: #65a945;
                background-image: none
            }
            .whatwedo img {
                display: none !important
            }
            .service4 {
                background: #1ec2ff
            }
            .valueaddition .su-column {
                width: 30% !important;
                float: left !important
            }
            .technologies {
                margin-top: 35px
            }
            .serviceround img {
                display: block !important
            }
            .col-800 {
                width: 450px
            }
            #blogbanner {
                height: auto;
                padding-bottom: 20px
            }
            .col-800 h2 {
                text-align: left
            }
            .statsbar {
                margin-top: -25px;
                margin-bottom: 10px
            }
            .statsbar .one-fifth {
                margin-right: 0 !important;
                width: 33% !important;
                box-sizing: border-box;
                margin-bottom: 25px
            }
            .stat-number,
            .plus {
                font-size: 55px
            }
            .stat-title {
                font-size: 22px;
                margin-top: 0
            }
        }
        
        @media only screen and (min-width:640px) and (max-width:767px) {
            .wrapper {
                width: 620px
            }
            #banner {
                height: 365px
            }
            #banner h1 {
                font-size: 30px;
                padding-top: 20px;
                line-height: 32px
            }
            #banner .row {
                margin-top: 40px
            }
            #servicedynamics,
            #serviceos,
            #servicemobile,
            #servicedotnet,
            #servicemagento,
            #servicewp {
                background-size: 100%;
                width: 95%;
                display: block;
                height: 54px;
                margin-bottom: 5px
            }
            #servicedynamics:hover,
            #serviceos:hover,
            #servicemobile:hover,
            #servicedotnet:hover,
            #servicemagento:hover,
            #servicewp:hover {
                background-position: top center
            }
            .bannerservice a {
                font-size: 13px
            }
            #getintouch {
                margin-top: 20px
            }
            .industryrow {
                width: 450px
            }
            .margin30 {
                margin-right: 30px
            }
            .one-fourth {
                width: 295px
            }
            .cslink {
                font-size: 17px
            }
            .casestudies .one-fourth img {
                max-width: 100%;
                width: 100%
            }
            .casestudies .one-fourth {
                margin-bottom: 30px
            }
            .casestudies .one-fourth:nth-child(2) {
                margin-right: 0 !important
            }
           
            .subhead {
                font-size: 17px;
                margin-top: 0;
                line-height: normal;
                padding: 0 20px
            }
            .width50 {
                width: 100%;
                float: none
            }
            .width50 .width50 {
                width: 50%;
                float: left
            }
            .width50 .right {
                float: right
            }
            .service1,
            .service2 {
                height: auto
            }
            .servicecell p {
                font-size: 17px
            }
            .one-half {
                width: 100%;
                margin-right: 0 !important
            }
            .allindustries .one-third img {
                display: none
            }
            #about {
                font-size: 60px
            }
            .aboutrow {
                padding: 40px 0 25px 0;
                margin-top: 50px;
                background-color: #00bbe8;
                background-image: none;
                text-align: center
            }
            .aboutrow p {
                padding: 0 30px;
                font-size: 17px;
                line-height: 28px
            }
            #videocontainer {
                width: 500px;
                float: none;
                margin: 25px auto 0 auto
            }
            .socialrow {
                display: none
            }
            .hidelarge {
                display: block
            }
           
            #footer {
                margin-top: 30px;
                text-align: center
            }
            #footerright,
            #footerleft {
                width: 100%;
                float: none
            }
            #footer a,
            #footer,
            #footerbar {
                font-size: 15px
            }
            #footer .one-fourth {
                width: 100%
            }
            #mobiletop {
                display: block
            }
            #innerbanner {
                margin-bottom: 50px
            }
            #innerbanner h1 {
                font-size: 40px;
                line-height: 42px;
                padding-top: 40px;
                margin-bottom: 10px
            }
            #innerbanner p {
                padding: 0 50px
            }
            .columns {
                margin-left: 15px;
                width: 600px;
                margin: 0 auto;
                background: url();
                padding: 35px 0
            }
            .service3 {
                background-image: none;
                margin-bottom: 30px
            }
            .service3 .width50 {
                width: 100%;
                background-color: #66aa45;
                float: none
            }
            .service3 .width50:nth-child(2) {
                background: none
            }
            .serviceround {
                margin: 0 auto 15px auto
            }
            .servicerow .one-half {
                width: 95%;
                margin: 0 auto;
                float: none
            }
            .innerspan3 {
                width: 180px
            }
            #servicetext {
                font-size: 17px;
                line-height: 26px
            }
            .one-half p,
            .one-half ul {
                font-size: 16px;
                line-height: 24px
            }
            #androidlogobg {
                bottom: -317px
            }
            #iosimg,
            #androidlogobg,
            #winphonelogo,
            {
                display: none
            }
            .homecsimg,
            .blogimg {
                max-width: 100%
            }
            #cshead {
                font-size: 47px;
                line-height: 50px;
                margin-top: 0;
                margin-bottom: 30px
            }
            #csrow .one-fourth:nth-child(2) {
                display: none
            }
            .blogrow .one-fourth:nth-child(2) {
                margin-right: 0 !important
            }
            .blogrow .one-fourth {
                margin-bottom: 30px
            }
            .blogrow .one-fourth img {
                width: 100%
            }
            #mobiletop {
                display: block
            }
        
            .enterprise {
                background: none;
                padding: 35px 20px
            }
            .servicebox img {
                max-width: 100%;
                width: 100%
            }
            .one-half .servicebox img {
                max-width: 97%;
                width: 100%;
                margin-left: 2px
            }
            .one-fourth:nth-child(2n+2) {
                margin-right: 0 !important
            }
            .one-fourth {
                margin-bottom: 30px
            }
            .blockright {
                float: none;
                max-width: 95%;
                margin: 30px auto 0 auto
            }
            .one-third {
                width: 186px
            }
            .webdesignbar {
                background-image: none
            }
            
            .imagecontainer {
                height: 100px
            }
            .one-half img {
                max-width: 100%;
                margin: 30px auto 0 auto
            }
            .one-half .clienticon {
                float: left;
                margin-top: 20px;
                margin-right: 20px
            }
           
            .rating {
                margin-top: 0
            }
            .service3 .width50 img {
                display: none
            }
            .one-sixth {
                width: 130px
            }
            .ecombar {
                margin-left: 20px
            }
            .ecombar .clr {
                display: none
            }
            .one-sixth {
                margin-right: 20px !important
            }
            .whatwedo .width50 img,
            .service4 .width50 img,
            .overview .width50 img {
                width: 100%
            }
            .lineround {
                min-width: auto;
                max-width: 155px !important;
                font-size: 20px;
                padding: 15px 5px
            }
            .service4 .width50,
            .whatwedo .width50,
            .overview .width50 {
                width: 100%;
                float: none
            }
            .whatwedo,
            .overview {
                background-color: #65a945;
                background-image: none
            }
            .whatwedo img {
                display: none !important
            }
            .service4 {
                background: #1ec2ff
            }
            .valueaddition .su-column {
                width: 30% !important;
                float: left !important
            }
           
            .serviceround img {
                display: block !important
            }
            .col-800,
            .csinfo,
            .postinfo {
                width: 100%;
                padding: 0 20px;
                box-sizing: border-box
            }
            .csinfo {
                border-top: solid 1px #ccc;
                padding-top: 25px
            }
            #blogbanner {
                height: auto;
                padding-bottom: 20px
            }
            .col-800 h2 {
                text-align: left
            }
            .statsbar {
                margin-top: -25px;
                margin-bottom: 10px
            }
            .statsbar .one-fifth {
                margin-right: 0 !important;
                width: 33% !important;
                box-sizing: border-box;
                margin-bottom: 25px
            }
            .stat-number,
            .plus {
                font-size: 45px
            }
            .stat-title {
                font-size: 18px;
                margin-top: 0
            }
            .homeservicesrow {
                margin-top: -35px
            }
            #mobilelogo,
            #mobileemail {
                display: inline-block
            }
            #navwrapper {
                display: block
            }
            body {
                left: 0 !important
            }
        }
        
        @media only screen and (min-width:480px) and (max-width:639px) {
            .wrapper {
                width: 100%
            }
            #banner {
                height: 565px
            }
            #banner h1 {
                font-size: 31px;
                padding-top: 30px;
                line-height: 31px
            }
            #banner .row {
                margin: 40px auto 0 auto;
                width: 480px
            }
            .bannerservice {
                width: 33.3%;
                margin-bottom: 30px
            }
            #servicedynamics,
            #serviceos,
            #servicemobile,
            #servicedotnet,
            #servicemagento,
            #servicewp {
                background-size: 100%;
                width: 75%;
                display: block;
                height: 65px
            }
            #servicedynamics:hover,
            #serviceos:hover,
            #servicemobile:hover,
            #servicedotnet:hover,
            #servicemagento:hover,
            #servicewp:hover {
                background-position: top center
            }
            .bannerservice a {
                font-size: 14px
            }
            .industryrow {
                width: 450px;
                text-align: center;
                margin-top: 0
            }
            #getintouch {
                margin-top: 5px
            }
            #industry {
                float: none;
                margin: 15px auto 0 auto
            }
            .margin30 {
                margin-right: 30px
            }
            .one-fourth {
                width: 90%;
                margin: 0 auto 30px auto !important;
                float: none
            }
            .cslink {
                font-size: 18px
            }
            .casestudies .one-fourth img {
                max-width: 100%;
                width: 100%
            }
            .casestudies .one-fourth {
                margin-bottom: 30px
            }
            #viewmore {
                margin-top: 0
            }
            .subhead {
                font-size: 17px;
                margin-top: 0;
                line-height: normal;
                padding: 0 20px
            }
            .width50 {
                width: 100%;
                float: none;
                position: relative
            }
            .width50 .serimg {
                position: absolute;
                right: 0;
                height: 100%
            }
            .width50 .serimgleft {
                left: 0;
                height: 100%;
                position: absolute
            }
            .width50 .serimg img,
            .width50 .serimgleft img {
                height: 100%
            }
            .width50 .width50 {
                width: 50%;
                float: left
            }
            .width50 .right {
                float: right
            }
            .width50 .two {
                float: right !important
            }
            .service1,
            .service2 {
                height: auto
            }
            .servicecell p {
                font-size: 17px
            }
            .servicecell h3 {
                font-size: 25px
            }
            .servicecell p {
                font-size: 15px;
                line-height: normal;
                margin-top: 0
            }
            .mobdown {
                top: -30px
            }
            .one-half {
                width: 100%;
                margin-right: 0 !important
            }
            .servicerow .one-half {
                width: 100%;
                margin: 0 0 0 5px !important
            }
            #about {
                font-size: 60px
            }
            #videocontainer {
                width: 90%;
                float: none;
                margin: 25px auto 0 auto
            }
            .socialrow {
                display: none
            }
            .hidelarge {
                display: block
            }
            #videocontainer video {
                width: 96% !important;
                margin-left: 0
            }
            #footer {
                margin-top: 0;
                text-align: center
            }
            #footerright,
            #footerleft {
                width: 100%;
                float: none
            }
            #footer a,
            #footer,
            #footerbar {
                font-size: 15px
            }
            #footer ul {
                list-style: none
            }
            #showmobile {
                display: block
            }
            .hidemobile,
             {
                display: none
            }
            #innerbanner {
                margin-bottom: 50px
            }
            #innerbanner h1 {
                font-size: 40px;
                line-height: 42px;
                padding-top: 40px;
                margin-bottom: 10px
            }
            #innerbanner p {
                padding: 0 40px;
                font-size: 16px;
                line-height: 26px
            }
            .columns {
                margin-left: 15px;
                width: 460px;
                margin: 0 auto;
                background: url();
                padding: 35px 0
            }
            h2 span,
            h2 {
                font-size: 40px;
                line-height: normal
            }
            .service3 {
                background-image: none;
                margin-bottom: 30px
            }
            .service3 .width50 {
                width: 100%;
                background-color: #66aa45;
                float: none
            }
            .service3 .width50:nth-child(2) {
                background: none
            }
            .serviceround {
                margin: 0 auto 15px auto;
                padding: 28px
            }
            a span.blue {
                font-size: 19px
            }
            a span.green {
                font-size: 18px
            }
            .servicerow .one-half {
                width: 95%;
                margin: 0 auto;
                float: none
            }
            .innerspan3 {
                width: 133px
            }
            #servicetext {
                font-size: 17px;
                line-height: 26px
            }
            .one-half p,
            .one-half ul {
                font-size: 16px;
                line-height: 24px
            }
           
            #iosimg,
            #androidlogobg,
            #winphonelogo {
                display: none
            }
            .homecsimg,
            .blogimg {
                max-width: 100%
            }
            #cshead {
                font-size: 47px;
                line-height: 50px;
                margin-top: 0;
                margin-bottom: 30px
            }
            #csrow .one-fourth:nth-child(2) {
                display: none
            }
            .blogrow .one-fourth:nth-child(2) {
                margin-right: 0 !important
            }
            .blogrow .one-fourth {
                margin-bottom: 30px
            }
            .blogrow .one-fourth img {
                width: 100%
            }
            .ctapopup {
                width: 95% !important;
                box-sizing: border-box !important
            }
            #mobiletop {
                display: block
            }
            #innerbanner,
            #blogbanner,
            #servicesbanner,
            #industrybanner,
            #webbanner,
            #cmsbanner,
            #ecombanner,
            #enterprisebanner {
                margin-bottom: 35px
            }
            #innerbanner h1,
            #blogbanner h1,
            #servicesbanner h1,
            #industrybanner h1,
            #webbanner h1,
            #cmsbanner h1,
            #ecombanner h1,
            #enterprisebanner h1 {
                font-size: 30px;
                line-height: normal;
                padding: 0 25px
            }
            #blogbanner,
            #servicesbanner,
            #industrybanner,
            #webbanner,
            #cmsbanner,
            #ecombanner {
                background: url();
                height: 260px;
                margin-bottom: 40px
            }
            #blogbanner h1,
            #servicesbanner h1,
            #industrybanner h1,
            #webbanner h1,
            #cmsbanner h1,
            #ecombanner h1,
            #enterprisebanner h1 {
                padding-top: 25px
            }
            #blogbanner p,
            #servicesbanner p,
            #industrybanner p,
            #webbanner p,
            #cmsbanner p,
            #ecombanner p,
            #enterprisebanner p {
                padding: 0 20px;
                margin-top: 20px;
                font-size: 18px
            }
            .enterprise {
                background: none;
                padding: 35px 20px
            }
            .servicebox img {
                max-width: 100%;
                width: 100%
            }
            .blockright {
                float: none;
                max-width: 95%;
                margin: 30px auto 0 auto
            }
            .aboutrow {
                padding: 40px 0 30px 0;
                margin-top: 50px;
                background-color: #00bbe8;
                background-image: none;
                text-align: center
            }
            .aboutrow p {
                padding: 0 30px;
                font-size: 15px;
                line-height: 24px
            }
            .ctabar p {
                padding: 0 15px;
                font-size: 20px
            }
            .one-third {
                width: 95%;
                float: none;
                margin: 0 auto 30px auto
            }
            .webdesignbar {
                background-image: none
            }
           
            .imagecontainer {
                height: auto
            }
            .one-half img {
                max-width: 100%;
                margin: 30px auto 0 auto;
                float: none
            }
            .one-half .servicebox img {
                max-width: 90%;
                width: 100%;
                margin-left: 10px
            }
            .one-half .clienticon {
                float: left;
                margin-top: 20px;
                margin-right: 20px
            }
         
            .rating {
                margin-top: 0
            }
            #webbanner {
                height: 365px
            }
            #webbanner #getintouch {
                margin-top: 15px
            }
            .service3 .width50 img {
                display: none
            }
            .one-sixth {
                width: 130px
            }
            .ecombar {
                margin-left: 20px
            }
            .ecombar .clr {
                display: none
            }
            .one-sixth {
                margin-right: 20px !important
            }
           
            .service4 .width50 img,
            .overview .width50 img {
                width: 100%
            }
            .lineround {
                min-width: auto;
                max-width: 155px !important;
                font-size: 18px;
                padding: 5px 5px
            }
            .service4 .width50,
            .whatwedo .width50,
            .overview .width50 {
                width: 100%;
                float: none
            }
           
            .service4 {
                background: #1ec2ff
            }
            .valueaddition .su-column {
                width: 30% !important;
                float: left !important;
                margin-right: 2% !important
            }
           
            .onecorner {
                margin-bottom: 20px
            }
            .parallax-window {
                margin-top: 0 !important
            }
            #webbanner,
            #ecombanner,
            #industrybanner,
            #servicesbanner {
                height: auto;
                padding-bottom: 20px
            }
            .mobiletopmargin {
                margin-top: 20px !important
            }
            .serviceround img {
                display: block !important
            }
            .col-800,
            .csinfo,
            .postinfo,
            .subscribe {
                width: 100%;
                padding: 0 10px;
                box-sizing: border-box
            }
            .subscribe input[type=text] {
                margin: 15px 0
            }
            .subscribe {
                padding: 10px
            }
            .csinfo {
                border-top: solid 1px #ccc;
                padding-top: 25px
            }
            #blogbanner {
                height: auto;
                padding-bottom: 20px
            }
            .col-800 h2 {
                text-align: left
            }
            .fooaddress {
                padding: 0
            }
            .serviceslide1,
            .serviceslide2,
            .serviceslide3,
            .serviceslide4,
            .fooaddress iframe {
                display: none
            }
            #ser01,
            #ser02,
            #ser03,
            #ser04 {
                border-bottom: solid 3px #fff
            }
            .homeaddress {
                opacity: 1;
                width: 100%;
                box-sizing: border-box;
                background-color: #363636;
                margin-top: 20px
            }
            #copyright,
            #extralinks {
                float: none;
                text-align: center
            }
            #topcontrol {
                bottom: 5px !important
            }
            .statsbar {
                margin-top: -25px;
                margin-bottom: 10px
            }
            .statsbar .one-fifth {
                margin-right: 0 !important;
                width: 50% !important;
                box-sizing: border-box;
                margin-bottom: 25px
            }
            .stat-number,
            .plus {
                font-size: 45px
            }
            .stat-title {
                font-size: 18px;
                margin-top: 0
            }
            .homeservicesrow {
                margin-top: -35px
            }
            #mobilelogo,
            #mobileemail {
                display: inline-block
            }
            #navwrapper {
                display: block
            }
            body {
                left: 0 !important
            }
        }
        
        @media only screen and (min-width:360px) and (max-width:479px) {
            .wrapper {
                width: 100%
            }
            #banner {
                height: 525px
            }
            #banner h1 {
                font-size: 28px;
                padding-top: 30px;
                line-height: 31px
            }
            #banner .row {
                margin: 30px auto 0 auto;
                width: 340px
            }
            .bannerservice {
                width: 33.3%;
                margin-bottom: 30px
            }
            #servicedynamics,
            #serviceos,
            #servicemobile,
            #servicedotnet,
            #servicemagento,
            #servicewp {
                background-size: 100%;
                width: 75%;
                display: block;
                height: 46px
            }
            #servicedynamics:hover,
            #serviceos:hover,
            #servicemobile:hover,
            #servicedotnet:hover,
            #servicemagento:hover,
            #servicewp:hover {
                background-position: top center
            }
            .bannerservice a {
                font-size: 14px;
                margin-top: 8px
            }
            .industryrow {
                width: 100%;
                text-align: center;
                margin-top: 0
            }
            #getintouch {
                margin-top: 0
            }
            #industry {
                float: none;
                margin: 15px auto 0 auto
            }
            .margin30 {
                margin-right: 30px
            }
            .one-fourth {
                width: 90%;
                margin: 0 auto 30px auto !important;
                float: none
            }
            .cslink {
                font-size: 18px
            }
            .casestudies .one-fourth img {
                max-width: 100%;
                width: 100%
            }
            .casestudies .one-fourth {
                margin-bottom: 30px
            }
            #viewmore {
                margin-top: 0
            }
            .subhead {
                font-size: 16px;
                margin-top: 10px;
                line-height: 30px;
                padding: 0 10px
            }
            .width50 {
                width: 100%;
                float: none;
                position: relative
            }
            .width50 .right {
                float: none
            }
            .width50 .two {
                float: right !important
            }
            .service1,
            .service2 {
                height: auto;
                background-image: none;
                background-color: #00bbe8;
                width: 95%;
                margin: 20px auto 0 auto
            }
            .service2 {
                margin-top: 0
            }
            .service1 .wrapper,
            .service2 .wrapper {
                width: 100%
            }
            .servicecell {
                text-align: center
            }
            .servicecell p {
                font-size: 17px
            }
            .lastcell {
                padding-bottom: 80px
            }
            .one-half,
            .servicerow .one-half {
                width: 100%;
                margin-right: 0 !important
            }
            #about {
                font-size: 60px
            }
            
            .socialrow,
            #tquote {
                display: none
            }
            .hidelarge {
                display: block
            }
           
            #footer {
                margin-top: 0;
                text-align: center
            }
            #footerright,
            #footerleft {
                width: 100%;
                float: none
            }
            #footer a,
            #footer,
            #footerbar {
                font-size: 11px;
                line-height: 25px
            }
            #footer ul {
                list-style: none
            }
            #showmobile {
                display: block
            }
            .hidemobile,
          
            .hidesmall {
                display: none
            }
            #innerbanner {
                margin-bottom: 30px;
                height: 236px
            }
            #innerbanner h1 {
                font-size: 26px;
                line-height: 32px;
                padding-top: 40px;
                margin-bottom: 10px
            }
            #innerbanner p {
                padding: 0 30px;
                font-size: 15px;
                line-height: 22px
            }
            .columns {
                margin-left: 15px;
                width: 100%;
                margin: 0 auto;
                background: url();
                padding: 35px 0
            }
            h2,
            h2 span,
            h2.service {
                font-size: 41px;
                line-height: normal
            }
            .homeservicesrow h2 {
                margin-bottom: 15px
            }
            h2.aligncenter {
                padding: 0 20px
            }
            h2 {
                margin-bottom: 10px
            }
            h2 br {
                display: none
            }
            .service3 {
                background-image: none;
                margin-bottom: 30px
            }
            .service3 .width50 {
                width: 100%;
                background-color: #66aa45;
                float: none
            }
            .service3 .width50:nth-child(2) {
                background: none
            }
            .serviceround {
                margin: 0 auto 15px auto
            }
            a span.blue {
                font-size: 25px
            }
            a span.green {
                font-size: 22px
            }
            .servicerow .one-half {
                width: 95%;
                margin: 0 auto;
                float: none;
                margin-left: 5px
            }
            .innerspan3 {
                width: 100%;
                float: none;
                margin: 0 0 30px 0 !important
            }
            #servicetext {
                font-size: 16px;
                line-height: 24px;
                padding: 25px
            }
            .one-half p,
            .one-half ul {
                font-size: 16px;
                line-height: 24px
            }
            #androidlogobg {
                bottom: -317px
            }
            #iosimg,
            #winphonelogo {
                display: none
            }
            .homecsimg,
            .blogimg {
                max-width: 100%
            }
            #cshead {
                font-size: 47px;
                line-height: 50px;
                margin-top: 0;
                margin-bottom: 30px
            }
            #csrow .one-fourth:nth-child(2) {
                display: none
            }
            .blogrow .one-fourth {
                margin-bottom: 30px
            }
            .blogrow .one-fourth img {
                width: 100%
            }
            .ctapopup {
                width: 95% !important;
                box-sizing: border-box !important;
                padding: 20px !important
            }
            #industry li a {
                padding: 5px 185px 5px 15px
            }
            #mobiletop {
                display: block
            }
           
            .fooaddress iframe {
                height: 425px
            }
            .cs181 {
                float: none;
                margin: 0 auto
            }
            .casestudy {
                margin-top: 35px
            }
            h2 br {
                display: none
            }
            h2 {
                text-align: center
            }
            .redbtn {
                font-size: 16px;
                padding: 4px 20px
            }
                   
            .enterprise {
                background: none
            }
            .servicebox img {
                max-width: 100%;
                width: 100%
            }
            .blockright {
                float: none;
                max-width: 95%;
                margin: 30px auto 0 auto
            }
            .aboutrow {
                padding: 40px 0 30px 0;
                margin-top: 50px;
                background-color: #00bbe8;
                background-image: none;
                text-align: center
            }
            .aboutrow p {
                padding: 0 30px;
                font-size: 15px;
                line-height: 24px
            }
            .ctabar p {
                padding: 0 15px;
                font-size: 20px;
                line-height: 30px
            }
            .one-third {
                width: 95%;
                float: none;
                margin: 0 auto 30px auto
            }
            .webdesignbar {
                background-image: none
            }
           
            .imagecontainer {
                height: auto
            }
            .one-half img {
                max-width: 100%;
                margin: 30px auto 0 auto;
                float: none
            }
            .one-half .clienticon {
                float: left;
                margin-top: 20px;
                margin-right: 20px
            }
            .clientname {
                float: left
            }
            .rating {
                margin-top: 0
            }
            #webbanner {
                height: 365px
            }
            #webbanner #getintouch {
                margin-top: 15px
            }
            .service3 .width50 img {
                display: none
            }
            .one-sixth {
                width: 30%
            }
            .one-sixth h2 {
                font-size: 15px
            }
            .ecombar {
                margin-left: 20px
            }
            .ecomround {
                padding: 19px
            }
            .ecombar .clr {
                display: none
            }
            .one-sixth {
                margin-right: 3% !important
            }
            .technologies .servicebox {
                padding: 0 15px
            }
            .whatwedo .width50 img,
            .service4 .width50 img,
            .overview .width50 img {
                width: 100%
            }
            .lineround {
                min-width: auto;
                max-width: 155px !important;
                font-size: 15px;
                padding: 15px 5px
            }
            .service4 .width50,
            .whatwedo .width50,
            .overview .width50 {
                width: 100%;
                float: none
            }
            .whatwedo,
            .overview {
                background-color: #65a945;
                background-image: none
            }
            .whatwedo img {
                display: none !important
            }
            .service4 {
                background: #1ec2ff
            }
            .valueaddition .su-column {
                width: 31% !important;
                float: left !important;
                margin-right: 2% !important
            }
            .ms-slide-info {
                position: static !important;
                width: 290px !important;
                margin: 50px 0 0 15px
            }
            .ms-slide .ms-slide-bgcont img {
                max-width: 100% !important;
                margin-left: 0 !important;
                width: 100% !important
            }
            .ms-slide,
            .ms-slide .ms-slide-bgcont,
            .ms-slide .ms-slide-bgvideocont {
                width: 100% !important;
                max-width: 100% !important
            }
            .ms-view {
                width: 360px !important;
                max-width: 360px !important;
                margin: 0 auto !important
            }
            .ms-skin-light-2 .ms-bullets.ms-dir-h {
                left: 120px !important
            }
            .ms-skin-light-2 .ms-bullets.ms-dir-h .ms-bullets-count {
                right: 0 !important
            }
            #industries .one-fifth {
                width: 90%;
                float: none;
                margin: 0 auto !important
            }
            #industries .clr {
                display: none
            }
            div#industries div.clr:last-child {
                display: block
            }
            .one-half .servicebox img {
                max-width: 90%;
                width: 100%;
                margin-left: 10px
            }
            .parallax-window {
                margin-top: 0 !important
            }
           
           
            .onecorner {
                margin-bottom: 20px
            }
            #webbanner,
            #ecombanner,
            #industrybanner,
            #servicesbanner {
                height: auto;
                padding-bottom: 20px
            }
            .mobiletopmargin {
                margin-top: 20px !important
            }
            .serviceround img {
                display: block !important
            }
            .col-800,
            .csinfo,
            .postinfo,
            .subscribe {
                width: 100%;
                padding: 0 10px;
                box-sizing: border-box
            }
            .subscribe input[type=text] {
                margin: 15px 0
            }
            .subscribe {
                padding: 10px
            }
            .csinfo {
                border-top: solid 1px #ccc;
                padding-top: 25px
            }
            #blogbanner {
                height: auto;
                padding-bottom: 20px
            }
            .col-800 h2 {
                text-align: left
            }
            .morelink {
                padding: 2px 15px
            }
            .sharepost {
                margin-right: -33px
            }
            .fooaddress {
                padding: 0
            }
            .serviceslide1,
            .serviceslide2,
            .serviceslide3,
            .serviceslide4,
            .fooaddress iframe {
                display: none
            }
            #ser01,
            #ser02,
            #ser03,
            #ser04 {
                border-bottom: solid 3px #fff
            }
            .homeaddress {
                opacity: 1;
                width: 100%;
                box-sizing: border-box;
                background-color: #363636;
                margin-top: 20px
            }
            #copyright,
            #extralinks {
                float: none;
                text-align: center
            }
            #topcontrol {
                bottom: 5px !important
            }
            .gallery {
                width: 100% !important
            }
            .gallery .one-third {
                width: 100% !important
            }
            .statsbar {
                margin-top: -25px;
                margin-bottom: 10px
            }
            .statsbar .one-fifth {
                margin-right: 0 !important;
                width: 50% !important;
                box-sizing: border-box;
                margin-bottom: 25px
            }
            .stat-number,
            .plus {
                font-size: 45px
            }
            .stat-title {
                font-size: 18px;
                margin-top: 0
            }
            .homeservicesrow {
                margin-top: -35px
            }
            #mobilelogo,
            #mobileemail {
                display: inline-block
            }
            #navwrapper {
                display: block
            }
            body {
                left: 0 !important
            }
        }
        
        @media only screen and (max-width:768px) {
            .wrapper {
                width: 95%
            }
            h2 {
                font-size: 25px;
                line-height: 35px
            }
            #banner {
                height: 525px
            }
            #banner h1 {
                font-size: 24px;
                padding-top: 30px;
                line-height: 31px
            }
            #banner .row {
                margin: 30px auto 0 auto;
                width: 290px
            }
            .bannerservice {
                width: 33.3%;
                margin-bottom: 30px
            }
            #servicedynamics,
            #serviceos,
            #servicemobile,
            #servicedotnet,
            #servicemagento,
            #servicewp {
                background-size: 100%;
                width: 87%;
                display: block;
                height: 46px
            }
            #servicedynamics:hover,
            #serviceos:hover,
            #servicemobile:hover,
            #servicedotnet:hover,
            #servicemagento:hover,
            #servicewp:hover {
                background-position: top center
            }
            .bannerservice a {
                font-size: 12px;
                margin-top: 8px
            }
            .industryrow {
                width: 100%;
                text-align: center;
                margin-top: 0
            }
            #getintouch {
                margin-top: 0
            }
            #industry {
                float: none;
                margin: 15px auto 0 auto
            }
            .margin30 {
                margin-right: 30px
            }
            .one-fourth {
                width: 90%;
                margin: 0 auto 30px auto !important;
                float: none
            }
            .cslink {
                font-size: 18px
            }
            .casestudies .one-fourth img {
                max-width: 100%;
                width: 100%
            }
            .casestudies .one-fourth {
                margin-bottom: 30px
            }
           
            .subhead {
                font-size: 16px;
                margin-top: 10px;
                line-height: 30px;
                padding: 0 10px
            }
            .width50 {
                width: 100%;
                float: none;
                position: relative
            }
            .width50 .right {
                float: none
            }
            .width50 .two {
                float: right !important
            }
            .service1,
            .service2 {
                height: auto;
                background-image: none;
                background-color: #00bbe8;
                width: 95%;
                margin: 20px auto 0 auto
            }
            .service2 {
                margin-top: 0
            }
            .service1 .wrapper,
            .service2 .wrapper {
                width: 100%
            }
            .servicecell {
                text-align: center
            }
            .servicecell p {
                font-size: 17px
            }
            .one-half {
                width: 100%;
                margin-right: 0 !important
            }
            .lastcell {
                padding-bottom: 80px
            }
            .clientsay {
                font-size: 14px;
                line-height: 22px;
                padding: 20px
            }
            #about {
                font-size: 40px;
                line-height: 45px
            }
            #videocontainer {
                width: 95%;
                float: none;
                margin: 25px auto 0 auto;
                height: auto
            }
            .socialrow,
            #tquote {
                display: none
            }
            .hidelarge {
                display: block
            }
           
            #footer {
                margin-top: 0;
                text-align: center
            }
            #footerright,
            #footerleft {
                width: 100%;
                float: none
            }
            #footer ul {
                list-style: none
            }
            #footer a,
            #footer,
            #footerbar {
                font-size: 11px;
                line-height: 25px
            }
            #showmobile {
                display: block
            }
            .hidemobile,
           
            .hidesmall {
                display: none
            }
            #innerbanner {
                margin-bottom: 30px;
                height: 236px
            }
            .columns {
                margin-left: 15px;
                width: 100%;
                margin: 0 auto;
                background: url(/images/mobilebg.jpg);
                padding: 35px 0
            }
            h2,
            h2 span,
            h2.service {
                font-size: 30px;
                line-height: normal
            }
            .homeservicesrow h2 {
                margin-bottom: 15px
            }
            h2.aligncenter {
                padding: 0 20px
            }
            h2 {
                margin-bottom: 10px
            }
            h2 br {
                display: none
            }
            .service3 {
                background-image: none;
                margin-bottom: 30px
            }
            .service3 .width50 {
                width: 100%;
                background-color: #66aa45;
                float: none
            }
            .service3 .width50:nth-child(2) {
                background: none
            }
            .serviceround {
                margin: 0 auto 15px auto;
                padding: 35px
            }
            a span.blue {
                font-size: 25px
            }
            a span.green {
                font-size: 22px
            }
            .servicerow .one-half {
                width: 95%;
                margin: 0 auto;
                float: none
            }
            .innerspan3 {
                width: 100%;
                float: none;
                margin: 0 0 30px 0 !important
            }
            #servicetext {
                font-size: 16px;
                line-height: 24px;
                padding: 25px
            }
            .one-half p,
            .one-half ul {
                font-size: 16px;
                line-height: 24px
            }
            
            #iosimg,
            #winphonelogo {
                display: none
            }
            .homecsimg,
            .blogimg {
                max-width: 100%
            }
            #cshead {
                font-size: 47px;
                line-height: 50px;
                margin-top: 0;
                margin-bottom: 30px
            }
            #csrow .one-fourth:nth-child(2) {
                display: none
            }
            .blogrow .one-fourth {
                margin-bottom: 30px
            }
            .blogrow .one-fourth img {
                width: 100%
            }
            .ctapopup {
                width: 95% !important;
                box-sizing: border-box !important;
                padding: 20px !important
            }
           
            #mobiletop {
                display: block
            }
           
            .fooaddress iframe {
                height: 425px
            }
            .cs181 {
                float: none;
                margin: 0 auto
            }
            .casestudy {
                margin-top: 35px
            }
            h2 br {
                display: none
            }
            h2 {
                text-align: center
            }
            .redbtn {
                font-size: 16px;
                padding: 4px 20px
            }
            #innerbanner,
            #blogbanner,
            #servicesbanner,
            #industrybanner,
            #webbanner,
            #cmsbanner,
            #ecombanner,
            #enterprisebanner {
                margin-bottom: 35px
            }
            #innerbanner h1,
            #blogbanner h1,
            #servicesbanner h1,
            #webbanner h1,
            #cmsbanner h1,
            #ecombanner h1 {
                font-size: 23px;
                line-height: normal
            }
            #blogbanner,
            #servicesbanner,
            #webbanner,
            #cmsbanner,
            #ecombanner {
                background: url();
                height: 260px;
                margin-bottom: 40px
            }
            #blogbanner h1,
            #servicesbanner h1,
            #industrybanner h1,
            #webbanner h1,
            #cmsbanner h1,
            #ecombanner h1,
            #enterprisebanner h1 {
                padding-top: 25px
            }
            #blogbanner p,
            #servicesbanner p,
            #webbanner p,
            #cmsbanner p,
            #ecombanner  {
                padding: 0 20px;
                margin-top: 20px;
                font-size: 16px
            }
            
            .servicebox img {
                max-width: 100%;
                width: 100%
            }
            .blockright {
                float: none;
                max-width: 95%;
                margin: 30px auto 0 auto
            }
            .aboutrow {
                padding: 40px 0 30px 0;
                margin-top: 50px;
                background-color: #00bbe8;
                background-image: none;
                text-align: center
            }
            .aboutrow p {
                padding: 0 30px;
                font-size: 15px;
                line-height: 24px
            }
            .ctabar p {
                padding: 0 15px;
                font-size: 20px;
                line-height: 28px
            }
            .one-third {
                width: 95%;
                float: none;
                margin: 0 auto 30px auto
            }
            .webdesignbar {
                background-image: none
            }
           
            .imagecontainer {
                height: auto
            }
            .one-half img {
                max-width: 100%;
                margin: 30px auto 0 auto;
                float: none
            }
            .one-half .clienticon {
                float: left;
                margin-top: 20px;
                margin-right: 20px
            }
            .clientname {
                float: left
            }
            .rating {
                margin-top: 0
            }
            #webbanner {
                height: 365px
            }
            #webbanner #getintouch {
                margin-top: 15px
            }
            .service3 .width50 img {
                display: none
            }
            .one-sixth {
                width: 30%
            }
            .one-sixth h2 {
                font-size: 13px
            }
            .ecombar {
                margin-left: 20px
            }
            .ecomround {
                padding: 19px
            }
            .ecombar .clr {
                display: none
            }
            .one-sixth {
                margin-right: 3% !important
            }
            .whatwedo .width50 img,
            .service4 .width50 img,
            .overview .width50 img {
                width: 100%
            }
            .lineround {
                min-width: auto;
                max-width: 155px !important;
                font-size: 13px;
                padding: 15px 5px
            }
            .service4 .width50{
                width: 100%;
                float: none
            }
           
            .service4 {
                background: #1ec2ff
            }
            .valueaddition .su-column {
                width: 31% !important;
                float: left !important;
                margin-right: 2% !important
            }
            .technologies .servicebox {
                padding: 0 15px
            }
            .ms-slide-info {
                position: static !important;
                width: 290px !important;
                margin: 30px 0 0 15px
            }
            .ms-slide .ms-slide-bgcont img {
                max-width: 100% !important;
                margin-left: 0 !important;
                width: 100% !important
            }
            .ms-slide,
            .ms-slide .ms-slide-bgcont,
            .ms-slide .ms-slide-bgvideocont {
                width: 100% !important;
                max-width: 100% !important
            }
            .ms-view {
                width: 319px !important;
                max-width: 319px !important;
                margin: 0 auto !important
            }
            .ms-skin-light-2 .ms-bullets.ms-dir-h {
                left: 100px !important
            }
            .ms-skin-light-2 .ms-bullets.ms-dir-h .ms-bullets-count {
                right: 0 !important
            }
           
            .one-half .servicebox img {
                max-width: 90%;
                width: 100%;
                margin-left: 10px
            }
            .parallax-window {
                margin-top: 0 !important
            }
            
            .onecorner {
                margin-bottom: 20px
            }
            #webbanner,
            #ecombanner,
           
            #servicesbanner {
                height: auto;
                padding-bottom: 20px
            }
            .mobiletopmargin {
                margin-top: 20px !important
            }
            .serviceround img {
                display: block !important
            }
            .col-800,
            .csinfo,
            .postinfo,
            .subscribe {
                width: 100%;
                padding: 0 10px;
                box-sizing: border-box
            }
            .subscribe input[type=text] {
                margin: 15px 0
            }
            .subscribe {
                padding: 10px
            }
            .csinfo {
                border-top: solid 1px #ccc;
                padding-top: 25px
            }
            #blogbanner {
                height: auto;
                padding-bottom: 20px
            }
            .col-800 h2 {
                text-align: left
            }
            .morelink {
                padding: 2px 15px
            }
            .sharepost {
                float: none;
                margin-top: 10px;
                padding-bottom: 20px
            }
            .fooaddress {
                padding: 0
            }
            .serviceslide1,
            .serviceslide2,
            .serviceslide3,
            .serviceslide4,
            .fooaddress iframe {
                display: none
            }
            #ser01,
            #ser02,
            #ser03,
            #ser04 {
                border-bottom: solid 3px #fff
            }
            .homeaddress {
                opacity: 1;
                width: 100%;
                box-sizing: border-box;
                background-color: #363636;
                margin-top: 20px
            }
            #copyright,
            #extralinks {
                float: none;
                text-align: center
            }
            #topcontrol {
                bottom: 5px !important
            }
            .statsbar {
                margin-top: -25px;
                margin-bottom: 10px
            }
            .statsbar .one-fifth {
                margin-right: 0 !important;
                width: 50% !important;
                box-sizing: border-box;
                margin-bottom: 25px
            }
            .stat-number,
            .plus {
                font-size: 45px
            }
            .stat-title {
                font-size: 18px;
                margin-top: 0
            }
            .homeservicesrow {
                margin-top: -35px
            }
            #mobilelogo,
            #mobileemail {
                display: inline-block
            }
            #navwrapper {
                /*display: block*/
            }
            body {
                left: 0 !important
            }
        }
        
        .animated {
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both
        }
        
        .slow {
            -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both
        }
        
        .slower {
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both
        }
        
        .slowest {
            -webkit-animation-duration: 3s;
            animation-duration: 3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both
        }
        
      
        
        .bounceInRight,
        .bounceInLeft,
        .bounceInUp,
        .bounceInDown {
            opacity: 0;
            -webkit-transform: translateX(400px);
            transform: translateX(400px)
        }
        
        .fadeInRight,
        .fadeInLeft,
        .fadeInUp,
        .fadeInDown {
            opacity: 0;
            -webkit-transform: translateX(400px);
            transform: translateX(400px)
        }
        
        .flipInX,
        .flipInY,
        .rotateIn,
        .rotateInUpLeft,
        .rotateInUpRight,
        .rotateInDownLeft,
        .rotateDownUpRight,
        .rollIn {
            opacity: 0
        }
        
        .lightSpeedInRight,
        .lightSpeedInLeft {
            opacity: 0;
            -webkit-transform: translateX(400px);
            transform: translateX(400px)
        }
        
        @-webkit-keyframes bounceIn {
            0% {
                opacity: 0;
                -webkit-transform: scale(.3)
            }
            50% {
                opacity: 1;
                -webkit-transform: scale(1.05)
            }
            70% {
                -webkit-transform: scale(.9)
            }
            100% {
                -webkit-transform: scale(1)
            }
        }
        
        @keyframes bounceIn {
            0% {
                opacity: 0;
                transform: scale(.3)
            }
            50% {
                opacity: 1;
                transform: scale(1.05)
            }
            70% {
                transform: scale(.9)
            }
            100% {
                transform: scale(1)
            }
        }
        
        .bounceIn.go {
            -webkit-animation-name: bounceIn;
            animation-name: bounceIn
        }
        
        @-webkit-keyframes bounceInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(400px)
            }
            60% {
                -webkit-transform: translateX(-30px)
            }
            80% {
                -webkit-transform: translateX(10px)
            }
            100% {
                opacity: 1;
                -webkit-transform: translateX(0)
            }
        }
        
        @keyframes bounceInRight {
            0% {
                opacity: 0;
                transform: translateX(400px)
            }
            60% {
                transform: translateX(-30px)
            }
            80% {
                transform: translateX(10px)
            }
            100% {
                opacity: 1;
                transform: translateX(0)
            }
        }
        
        .bounceInRight.go {
            -webkit-animation-name: bounceInRight;
            animation-name: bounceInRight
        }
        
        @-webkit-keyframes bounceInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-400px)
            }
            60% {
                -webkit-transform: translateX(30px)
            }
            80% {
                -webkit-transform: translateX(-10px)
            }
            100% {
                opacity: 1;
                -webkit-transform: translateX(0)
            }
        }
        
        @keyframes bounceInLeft {
            0% {
                opacity: 0;
                transform: translateX(-400px)
            }
            60% {
                transform: translateX(30px)
            }
            80% {
                transform: translateX(-10px)
            }
            100% {
                opacity: 1;
                transform: translateX(0)
            }
        }
        
        .bounceInLeft.go {
            -webkit-animation-name: bounceInLeft;
            animation-name: bounceInLeft
        }
        
        @-webkit-keyframes bounceInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(400px)
            }
            60% {
                -webkit-transform: translateY(-30px)
            }
            80% {
                -webkit-transform: translateY(10px)
            }
            100% {
                opacity: 1;
                -webkit-transform: translateY(0)
            }
        }
        
        @keyframes bounceInUp {
            0% {
                opacity: 0;
                transform: translateY(400px)
            }
            60% {
                transform: translateY(-30px)
            }
            80% {
                transform: translateY(10px)
            }
            100% {
                opacity: 1;
                transform: translateY(0)
            }
        }
        
        .bounceInUp.go {
            -webkit-animation-name: bounceInUp;
            animation-name: bounceInUp
        }
        
        @-webkit-keyframes bounceInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-400px)
            }
            60% {
                -webkit-transform: translateY(30px)
            }
            80% {
                -webkit-transform: translateY(-10px)
            }
            100% {
                opacity: 1;
                -webkit-transform: translateY(0)
            }
        }
        
        @keyframes bounceInDown {
            0% {
                opacity: 0;
                transform: translateY(-400px)
            }
            60% {
                transform: translateY(30px)
            }
            80% {
                transform: translateY(-10px)
            }
            100% {
                opacity: 1;
                transform: translateY(0)
            }
        }
        
        .bounceInDown.go {
            -webkit-animation-name: bounceInDown;
            animation-name: bounceInDown
        }
        
        @-webkit-keyframes fadeIn {
            0% {
                opacity: 0
            }
            100% {
                opacity: 1;
                display: block
            }
        }
        
        @keyframes fadeIn {
            0% {
                opacity: 0
            }
            100% {
                opacity: 1;
                display: block
            }
        }
        
        .fadeIn {
            opacity: 0
        }
        
        .fadeIn.go {
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn
        }
        
        @-webkit-keyframes growIn {
            0% {
                -webkit-transform: scale(0.2);
                opacity: 0
            }
            50% {
                -webkit-transform: scale(1.2)
            }
            100% {
                -webkit-transform: scale(1);
                opacity: 1
            }
        }
        
        @keyframes growIn {
            0% {
                transform: scale(0.2);
                opacity: 0
            }
            50% {
                transform: scale(1.2)
            }
            100% {
                transform: scale(1);
                opacity: 1
            }
        }
        
        .growIn {
            -webkit-transform: scale(0.2);
            transform: scale(0.2);
            opacity: 0
        }
        
        .growIn.go {
            -webkit-animation-name: growIn;
            animation-name: growIn
        }
        
        @-webkit-keyframes shake {
            0%,
            100% {
                -webkit-transform: translateX(0)
            }
            10%,
            30%,
            50%,
            70%,
            90% {
                -webkit-transform: translateX(-10px)
            }
            20%,
            40%,
            60%,
            80% {
                -webkit-transform: translateX(10px)
            }
        }
        
        @keyframes shake {
            0%,
            100% {
                transform: translateX(0)
            }
            10%,
            30%,
            50%,
            70%,
            90% {
                transform: translateX(-10px)
            }
            20%,
            40%,
            60%,
            80% {
                transform: translateX(10px)
            }
        }
        
        .shake.go {
            -webkit-animation-name: shake;
            animation-name: shake
        }
        
        @-webkit-keyframes shakeUp {
            0%,
            100% {
                -webkit-transform: translateX(0)
            }
            10%,
            30%,
            50%,
            70%,
            90% {
                -webkit-transform: translateY(-10px)
            }
            20%,
            40%,
            60%,
            80% {
                -webkit-transform: translateY(10px)
            }
        }
        
        @keyframes shakeUp {
            0%,
            100% {
                transform: translateY(0)
            }
            10%,
            30%,
            50%,
            70%,
            90% {
                transform: translateY(-10px)
            }
            20%,
            40%,
            60%,
            80% {
                transform: translateY(10px)
            }
        }
        
        .shakeUp.go {
            -webkit-animation-name: shakeUp;
            animation-name: shakeUp
        }
        
        @-webkit-keyframes fadeInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-400px)
            }
            50% {
                opacity: .3
            }
            100% {
                opacity: 1;
                -webkit-transform: translateX(0)
            }
        }
        
        @keyframes fadeInLeft {
            0% {
                opacity: 0;
                transform: translateX(-400px)
            }
            50% {
                opacity: .3
            }
            100% {
                opacity: 1;
                transform: translateX(0)
            }
        }
        
        .fadeInLeft {
            opacity: 0;
            -webkit-transform: translateX(-400px);
            transform: translateX(-400px)
        }
        
        .fadeInLeft.go {
            -webkit-animation-name: fadeInLeft;
            animation-name: fadeInLeft
        }
        
        @-webkit-keyframes fadeInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(400px)
            }
            50% {
                opacity: .3
            }
            100% {
                opacity: 1;
                -webkit-transform: translateX(0)
            }
        }
        
        @keyframes fadeInRight {
            0% {
                opacity: 0;
                transform: translateX(400px)
            }
            50% {
                opacity: .3
            }
            100% {
                opacity: 1;
                transform: translateX(0)
            }
        }
        
        .fadeInRight {
            opacity: 0;
            -webkit-transform: translateX(400px);
            transform: translateX(400px)
        }
        
        .fadeInRight.go {
            -webkit-animation-name: fadeInRight;
            animation-name: fadeInRight
        }
        
        @-webkit-keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(400px)
            }
            50% {
                opacity: .3
            }
            100% {
                opacity: 1;
                -webkit-transform: translateY(0)
            }
        }
        
        @keyframes fadeInUp {
            0% {
                opacity: 0;
                transform: translateY(400px)
            }
            50% {
                opacity: .3
            }
            100% {
                opacity: 1;
                transform: translateY(0)
            }
        }
        
        .fadeInUp {
            opacity: 0;
            -webkit-transform: translateY(400px);
            transform: translateY(400px)
        }
        
        .fadeInUp.go {
            -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp
        }
        
        @-webkit-keyframes fadeInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-400px)
            }
            50% {
                opacity: .3
            }
            100% {
                opacity: 1;
                -webkit-transform: translateY(0)
            }
        }
        
        @keyframes fadeInDown {
            0% {
                opacity: 0;
                transform: translateY(-400px)
            }
            50% {
                opacity: .3
            }
            100% {
                opacity: 1;
                transform: translateY(0)
            }
        }
        
        .fadeInDown {
            opacity: 0;
            -webkit-transform: translateY(-400px);
            transform: translateY(-400px)
        }
        
        .fadeInDown.go {
            -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown
        }
        
        @-webkit-keyframes rotateIn {
            0% {
                -webkit-transform-origin: center center;
                -webkit-transform: rotate(-200deg);
                opacity: 0
            }
            100% {
                -webkit-transform-origin: center center;
                -webkit-transform: rotate(0);
                opacity: 1
            }
        }
        
        @keyframes rotateIn {
            0% {
                transform-origin: center center;
                transform: rotate(-200deg);
                opacity: 0
            }
            100% {
                transform-origin: center center;
                transform: rotate(0);
                opacity: 1
            }
        }
        
        .rotateIn.go {
            -webkit-animation-name: rotateIn;
            animation-name: rotateIn
        }
        
        @-webkit-keyframes rotateInUpLeft {
            0% {
                -webkit-transform-origin: left bottom;
                -webkit-transform: rotate(90deg);
                opacity: 0
            }
            100% {
                -webkit-transform-origin: left bottom;
                -webkit-transform: rotate(0);
                opacity: 1
            }
        }
        
        @keyframes rotateInUpLeft {
            0% {
                transform-origin: left bottom;
                transform: rotate(90deg);
                opacity: 0
            }
            100% {
                transform-origin: left bottom;
                transform: rotate(0);
                opacity: 1
            }
        }
        
        .rotateInUpLeft.go {
            -webkit-animation-name: rotateInUpLeft;
            animation-name: rotateInUpLeft
        }
        
        @-webkit-keyframes rotateInDownLeft {
            0% {
                -webkit-transform-origin: left bottom;
                -webkit-transform: rotate(-90deg);
                opacity: 0
            }
            100% {
                -webkit-transform-origin: left bottom;
                -webkit-transform: rotate(0);
                opacity: 1
            }
        }
        
        @keyframes rotateInDownLeft {
            0% {
                transform-origin: left bottom;
                transform: rotate(-90deg);
                opacity: 0
            }
            100% {
                transform-origin: left bottom;
                transform: rotate(0);
                opacity: 1
            }
        }
        
        .rotateInDownLeft.go {
            -webkit-animation-name: rotateInDownLeft;
            animation-name: rotateInDownLeft
        }
        
        @-webkit-keyframes rotateInUpRight {
            0% {
                -webkit-transform-origin: right bottom;
                -webkit-transform: rotate(-90deg);
                opacity: 0
            }
            100% {
                -webkit-transform-origin: right bottom;
                -webkit-transform: rotate(0);
                opacity: 1
            }
        }
        
        @keyframes rotateInUpRight {
            0% {
                transform-origin: right bottom;
                transform: rotate(-90deg);
                opacity: 0
            }
            100% {
                transform-origin: right bottom;
                transform: rotate(0);
                opacity: 1
            }
        }
        
        .rotateInUpRight.go {
            -webkit-animation-name: rotateInUpRight;
            animation-name: rotateInUpRight
        }
        
        @-webkit-keyframes rotateInDownRight {
            0% {
                -webkit-transform-origin: right bottom;
                -webkit-transform: rotate(90deg);
                opacity: 0
            }
            100% {
                -webkit-transform-origin: right bottom;
                -webkit-transform: rotate(0);
                opacity: 1
            }
        }
        
        @keyframes rotateInDownRight {
            0% {
                transform-origin: right bottom;
                transform: rotate(90deg);
                opacity: 0
            }
            100% {
                transform-origin: right bottom;
                transform: rotate(0);
                opacity: 1
            }
        }
        
        .rotateInDownRight.go {
            -webkit-animation-name: rotateInDownRight;
            animation-name: rotateInDownRight
        }
        
        @-webkit-keyframes rollIn {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-100%) rotate(-120deg)
            }
            100% {
                opacity: 1;
                -webkit-transform: translateX(0px) rotate(0deg)
            }
        }
        
        @keyframes rollIn {
            0% {
                opacity: 0;
                transform: translateX(-100%) rotate(-120deg)
            }
            100% {
                opacity: 1;
                transform: translateX(0px) rotate(0deg)
            }
        }
        
        .rollIn.go {
            -webkit-animation-name: rollIn;
            animation-name: rollIn
        }
        
        @-webkit-keyframes wiggle {
            0% {
                -webkit-transform: skewX(9deg)
            }
            10% {
                -webkit-transform: skewX(-8deg)
            }
            20% {
                -webkit-transform: skewX(7deg)
            }
            30% {
                -webkit-transform: skewX(-6deg)
            }
            40% {
                -webkit-transform: skewX(5deg)
            }
            50% {
                -webkit-transform: skewX(-4deg)
            }
            60% {
                -webkit-transform: skewX(3deg)
            }
            70% {
                -webkit-transform: skewX(-2deg)
            }
            80% {
                -webkit-transform: skewX(1deg)
            }
            90% {
                -webkit-transform: skewX(0deg)
            }
            100% {
                -webkit-transform: skewX(0deg)
            }
        }
        
        @keyframes wiggle {
            0% {
                transform: skewX(9deg)
            }
            10% {
                transform: skewX(-8deg)
            }
            20% {
                transform: skewX(7deg)
            }
            30% {
                transform: skewX(-6deg)
            }
            40% {
                transform: skewX(5deg)
            }
            50% {
                transform: skewX(-4deg)
            }
            60% {
                transform: skewX(3deg)
            }
            70% {
                transform: skewX(-2deg)
            }
            80% {
                transform: skewX(1deg)
            }
            90% {
                transform: skewX(0deg)
            }
            100% {
                transform: skewX(0deg)
            }
        }
        
        .wiggle.go {
            -webkit-animation-name: wiggle;
            animation-name: wiggle;
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        
        @-webkit-keyframes swing {
            20%,
            40%,
            60%,
            80%,
            100% {
                -webkit-transform-origin: top center
            }
            20% {
                -webkit-transform: rotate(15deg)
            }
            40% {
                -webkit-transform: rotate(-10deg)
            }
            60% {
                -webkit-transform: rotate(5deg)
            }
            80% {
                -webkit-transform: rotate(-5deg)
            }
            100% {
                -webkit-transform: rotate(0deg)
            }
        }
        
        @keyframes swing {
            20% {
                transform: rotate(15deg)
            }
            40% {
                transform: rotate(-10deg)
            }
            60% {
                transform: rotate(5deg)
            }
            80% {
                transform: rotate(-5deg)
            }
            100% {
                transform: rotate(0deg)
            }
        }
        
        .swing.go {
            -webkit-transform-origin: top center;
            transform-origin: top center;
            -webkit-animation-name: swing;
            animation-name: swing
        }
        
        @-webkit-keyframes tada {
            0% {
                -webkit-transform: scale(1)
            }
            10%,
            20% {
                -webkit-transform: scale(0.9) rotate(-3deg)
            }
            30%,
            50%,
            70%,
            90% {
                -webkit-transform: scale(1.1) rotate(3deg)
            }
            40%,
            60%,
            80% {
                -webkit-transform: scale(1.1) rotate(-3deg)
            }
            100% {
                -webkit-transform: scale(1) rotate(0)
            }
        }
        
        @keyframes tada {
            0% {
                transform: scale(1)
            }
            10%,
            20% {
                transform: scale(0.9) rotate(-3deg)
            }
            30%,
            50%,
            70%,
            90% {
                transform: scale(1.1) rotate(3deg)
            }
            40%,
            60%,
            80% {
                transform: scale(1.1) rotate(-3deg)
            }
            100% {
                transform: scale(1) rotate(0)
            }
        }
        
        .tada.go {
            -webkit-animation-name: tada;
            animation-name: tada
        }
        
        @-webkit-keyframes wobble {
            0% {
                -webkit-transform: translateX(0%)
            }
            15% {
                -webkit-transform: translateX(-25%) rotate(-5deg)
            }
            30% {
                -webkit-transform: translateX(20%) rotate(3deg)
            }
            45% {
                -webkit-transform: translateX(-15%) rotate(-3deg)
            }
            60% {
                -webkit-transform: translateX(10%) rotate(2deg)
            }
            75% {
                -webkit-transform: translateX(-5%) rotate(-1deg)
            }
            100% {
                -webkit-transform: translateX(0%)
            }
        }
        
        @keyframes wobble {
            0% {
                transform: translateX(0%)
            }
            15% {
                transform: translateX(-25%) rotate(-5deg)
            }
            30% {
                transform: translateX(20%) rotate(3deg)
            }
            45% {
                transform: translateX(-15%) rotate(-3deg)
            }
            60% {
                transform: translateX(10%) rotate(2deg)
            }
            75% {
                transform: translateX(-5%) rotate(-1deg)
            }
            100% {
                transform: translateX(0%)
            }
        }
        
        .wobble.go {
            -webkit-animation-name: wobble;
            animation-name: wobble
        }
        
        @-webkit-keyframes pulse {
            0% {
                -webkit-transform: scale(1)
            }
            50% {
                -webkit-transform: scale(1.1)
            }
            100% {
                -webkit-transform: scale(1)
            }
        }
        
        @keyframes pulse {
            0% {
                transform: scale(1)
            }
            50% {
                transform: scale(1.1)
            }
            100% {
                transform: scale(1)
            }
        }
        
        .pulse.go {
            -webkit-animation-name: pulse;
            animation-name: pulse
        }
        
        @-webkit-keyframes lightSpeedInRight {
            0% {
                -webkit-transform: translateX(100%) skewX(-30deg);
                opacity: 0
            }
            60% {
                -webkit-transform: translateX(-20%) skewX(30deg);
                opacity: 1
            }
            80% {
                -webkit-transform: translateX(0%) skewX(-15deg);
                opacity: 1
            }
            100% {
                -webkit-transform: translateX(0%) skewX(0deg);
                opacity: 1
            }
        }
        
        @keyframes lightSpeedInRight {
            0% {
                transform: translateX(100%) skewX(-30deg);
                opacity: 0
            }
            60% {
                transform: translateX(-20%) skewX(30deg);
                opacity: 1
            }
            80% {
                transform: translateX(0%) skewX(-15deg);
                opacity: 1
            }
            100% {
                transform: translateX(0%) skewX(0deg);
                opacity: 1
            }
        }
        
        .lightSpeedInRight.go {
            -webkit-animation-name: lightSpeedInRight;
            animation-name: lightSpeedInRight;
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
        
        @-webkit-keyframes lightSpeedInLeft {
            0% {
                -webkit-transform: translateX(-100%) skewX(30deg);
                opacity: 0
            }
            60% {
                -webkit-transform: translateX(20%) skewX(-30deg);
                opacity: 1
            }
            80% {
                -webkit-transform: translateX(0%) skewX(15deg);
                opacity: 1
            }
            100% {
                -webkit-transform: translateX(0%) skewX(0deg);
                opacity: 1
            }
        }
        
        @keyframes lightSpeedInLeft {
            0% {
                transform: translateX(-100%) skewX(30deg);
                opacity: 0
            }
            60% {
                transform: translateX(20%) skewX(-30deg);
                opacity: 1
            }
            80% {
                transform: translateX(0%) skewX(15deg);
                opacity: 1
            }
            100% {
                transform: translateX(0%) skewX(0deg);
                opacity: 1
            }
        }
        
        .lightSpeedInLeft.go {
            -webkit-animation-name: lightSpeedInLeft;
            animation-name: lightSpeedInLeft;
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
        
        @-webkit-keyframes flip {
            0% {
                -webkit-transform: perspective(400px) rotateY(0);
                -webkit-animation-timing-function: ease-out
            }
            40% {
                -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
                -webkit-animation-timing-function: ease-out
            }
            50% {
                -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                -webkit-animation-timing-function: ease-in
            }
            80% {
                -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
                -webkit-animation-timing-function: ease-in
            }
            100% {
                -webkit-transform: perspective(400px) scale(1);
                -webkit-animation-timing-function: ease-in
            }
        }
        
        @keyframes flip {
            0% {
                transform: perspective(400px) rotateY(0);
                animation-timing-function: ease-out
            }
            40% {
                transform: perspective(400px) translateZ(150px) rotateY(170deg);
                animation-timing-function: ease-out
            }
            50% {
                transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                animation-timing-function: ease-in
            }
            80% {
                transform: perspective(400px) rotateY(360deg) scale(.95);
                animation-timing-function: ease-in
            }
            100% {
                transform: perspective(400px) scale(1);
                animation-timing-function: ease-in
            }
        }
        
        .flip.go {
            -webkit-backface-visibility: visible !important;
            -webkit-animation-name: flip;
            backface-visibility: visible !important;
            animation-name: flip
        }
        
        @-webkit-keyframes flipInX {
            0% {
                -webkit-transform: perspective(400px) rotateX(90deg);
                opacity: 0
            }
            40% {
                -webkit-transform: perspective(400px) rotateX(-10deg)
            }
            70% {
                -webkit-transform: perspective(400px) rotateX(10deg)
            }
            100% {
                -webkit-transform: perspective(400px) rotateX(0deg);
                opacity: 1
            }
        }
        
        @keyframes flipInX {
            0% {
                transform: perspective(400px) rotateX(90deg);
                opacity: 0
            }
            40% {
                transform: perspective(400px) rotateX(-10deg)
            }
            70% {
                transform: perspective(400px) rotateX(10deg)
            }
            100% {
                transform: perspective(400px) rotateX(0deg);
                opacity: 1
            }
        }
        
        .flipInX.go {
            -webkit-backface-visibility: visible !important;
            -webkit-animation-name: flipInX;
            backface-visibility: visible !important;
            animation-name: flipInX
        }
        
        @-webkit-keyframes flipInY {
            0% {
                -webkit-transform: perspective(400px) rotateY(90deg);
                opacity: 0
            }
            40% {
                -webkit-transform: perspective(400px) rotateY(-10deg)
            }
            70% {
                -webkit-transform: perspective(400px) rotateY(10deg)
            }
            100% {
                -webkit-transform: perspective(400px) rotateY(0deg);
                opacity: 1
            }
        }
        
        @keyframes flipInY {
            0% {
                transform: perspective(400px) rotateY(90deg);
                opacity: 0
            }
            40% {
                transform: perspective(400px) rotateY(-10deg)
            }
            70% {
                transform: perspective(400px) rotateY(10deg)
            }
            100% {
                transform: perspective(400px) rotateY(0deg);
                opacity: 1
            }
        }
        
        .flipInY.go {
            -webkit-backface-visibility: visible !important;
            -webkit-animation-name: flipInY;
            backface-visibility: visible !important;
            animation-name: flipInY
        }
        
        @-webkit-keyframes bounceOut {
            0% {
                -webkit-transform: scale(1)
            }
            25% {
                -webkit-transform: scale(.95)
            }
            50% {
                opacity: 1;
                -webkit-transform: scale(1.1)
            }
            100% {
                opacity: 0;
                -webkit-transform: scale(.3)
            }
        }
        
        @keyframes bounceOut {
            0% {
                transform: scale(1)
            }
            25% {
                transform: scale(.95)
            }
            50% {
                opacity: 1;
                transform: scale(1.1)
            }
            100% {
                opacity: 0;
                transform: scale(.3)
            }
        }
        
        .bounceOut.goAway {
            -webkit-animation-name: bounceOut;
            animation-name: bounceOut
        }
        
        @-webkit-keyframes bounceOutUp {
            0% {
                -webkit-transform: translateY(0)
            }
            20% {
                opacity: 1;
                -webkit-transform: translateY(20px)
            }
            100% {
                opacity: 0;
                -webkit-transform: translateY(-2000px)
            }
        }
        
        @keyframes bounceOutUp {
            0% {
                transform: translateY(0)
            }
            20% {
                opacity: 1;
                transform: translateY(20px)
            }
            100% {
                opacity: 0;
                transform: translateY(-2000px)
            }
        }
        
        .bounceOutUp.goAway {
            -webkit-animation-name: bounceOutUp;
            animation-name: bounceOutUp
        }
        
        @-webkit-keyframes bounceOutDown {
            0% {
                -webkit-transform: translateY(0)
            }
            20% {
                opacity: 1;
                -webkit-transform: translateY(-20px)
            }
            100% {
                opacity: 0;
                -webkit-transform: translateY(2000px)
            }
        }
        
        @keyframes bounceOutDown {
            0% {
                transform: translateY(0)
            }
            20% {
                opacity: 1;
                transform: translateY(-20px)
            }
            100% {
                opacity: 0;
                transform: translateY(2000px)
            }
        }
        
        .bounceOutDown.goAway {
            -webkit-animation-name: bounceOutDown;
            animation-name: bounceOutDown
        }
        
        @-webkit-keyframes bounceOutLeft {
            0% {
                -webkit-transform: translateX(0)
            }
            20% {
                opacity: 1;
                -webkit-transform: translateX(20px)
            }
            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px)
            }
        }
        
        @keyframes bounceOutLeft {
            0% {
                transform: translateX(0)
            }
            20% {
                opacity: 1;
                transform: translateX(20px)
            }
            100% {
                opacity: 0;
                transform: translateX(-2000px)
            }
        }
        
        .bounceOutLeft.goAway {
            -webkit-animation-name: bounceOutLeft;
            animation-name: bounceOutLeft
        }
        
        @-webkit-keyframes bounceOutRight {
            0% {
                -webkit-transform: translateX(0)
            }
            20% {
                opacity: 1;
                -webkit-transform: translateX(-20px)
            }
            100% {
                opacity: 0;
                -webkit-transform: translateX(2000px)
            }
        }
        
        @keyframes bounceOutRight {
            0% {
                transform: translateX(0)
            }
            20% {
                opacity: 1;
                transform: translateX(-20px)
            }
            100% {
                opacity: 0;
                transform: translateX(2000px)
            }
        }
        
        .bounceOutRight.goAway {
            -webkit-animation-name: bounceOutRight;
            animation-name: bounceOutRight
        }
        
        @-webkit-keyframes fadeOut {
            0% {
                opacity: 1
            }
            100% {
                opacity: 0
            }
        }
        
        @keyframes fadeOut {
            0% {
                opacity: 1
            }
            100% {
                opacity: 0
            }
        }
        
        .fadeOut.goAway {
            -webkit-animation-name: fadeOut;
            animation-name: fadeOut
        }
        
        @-webkit-keyframes fadeOutUp {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0)
            }
            100% {
                opacity: 0;
                -webkit-transform: translateY(-2000px)
            }
        }
        
        @keyframes fadeOutUp {
            0% {
                opacity: 1;
                transform: translateY(0)
            }
            100% {
                opacity: 0;
                transform: translateY(-2000px)
            }
        }
        
        .fadeOutUp.goAway {
            -webkit-animation-name: fadeOutUp;
            animation-name: fadeOutUp
        }
        
        @-webkit-keyframes fadeOutDown {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0)
            }
            100% {
                opacity: 0;
                -webkit-transform: translateY(2000px)
            }
        }
        
        @keyframes fadeOutDown {
            0% {
                opacity: 1;
                transform: translateY(0)
            }
            100% {
                opacity: 0;
                transform: translateY(2000px)
            }
        }
        
        .fadeOutDown.goAway {
            -webkit-animation-name: fadeOutDown;
            animation-name: fadeOutDown
        }
        
        @-webkit-keyframes fadeOutLeft {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0)
            }
            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px)
            }
        }
        
        @keyframes fadeOutLeft {
            0% {
                opacity: 1;
                transform: translateX(0)
            }
            100% {
                opacity: 0;
                transform: translateX(-2000px)
            }
        }
        
        .fadeOutLeft.goAway {
            -webkit-animation-name: fadeOutLeft;
            animation-name: fadeOutLeft
        }
        
        @-webkit-keyframes fadeOutRight {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0)
            }
            100% {
                opacity: 0;
                -webkit-transform: translateX(2000px)
            }
        }
        
        @keyframes fadeOutRight {
            0% {
                opacity: 1;
                transform: translateX(0)
            }
            100% {
                opacity: 0;
                transform: translateX(2000px)
            }
        }
        
        .fadeOutRight.goAway {
            -webkit-animation-name: fadeOutRight;
            animation-name: fadeOutRight
        }
        
        @-webkit-keyframes flipOutX {
            0% {
                -webkit-transform: perspective(400px) rotateX(0deg);
                opacity: 1
            }
            100% {
                -webkit-transform: perspective(400px) rotateX(90deg);
                opacity: 0
            }
        }
        
        @keyframes flipOutX {
            0% {
                transform: perspective(400px) rotateX(0deg);
                opacity: 1
            }
            100% {
                transform: perspective(400px) rotateX(90deg);
                opacity: 0
            }
        }
        
        .flipOutX.goAway {
            -webkit-animation-name: flipOutX;
            -webkit-backface-visibility: visible !important;
            animation-name: flipOutX;
            backface-visibility: visible !important
        }
        
        @-webkit-keyframes flipOutY {
            0% {
                -webkit-transform: perspective(400px) rotateY(0deg);
                opacity: 1
            }
            100% {
                -webkit-transform: perspective(400px) rotateY(90deg);
                opacity: 0
            }
        }
        
        @keyframes flipOutY {
            0% {
                transform: perspective(400px) rotateY(0deg);
                opacity: 1
            }
            100% {
                transform: perspective(400px) rotateY(90deg);
                opacity: 0
            }
        }
        
        .flipOutY {
            -webkit-backface-visibility: visible !important;
            -webkit-animation-name: flipOutY;
            backface-visibility: visible !important;
            animation-name: flipOutY
        }
        
        @-webkit-keyframes lightSpeedOutRight {
            0% {
                -webkit-transform: translateX(0%) skewX(0deg);
                opacity: 1
            }
            100% {
                -webkit-transform: translateX(100%) skewX(-30deg);
                opacity: 0
            }
        }
        
        @keyframes lightSpeedOutRight {
            0% {
                transform: translateX(0%) skewX(0deg);
                opacity: 1
            }
            100% {
                transform: translateX(100%) skewX(-30deg);
                opacity: 0
            }
        }
        
        .lightSpeedOutRight.goAway {
            -webkit-animation-name: lightSpeedOutRight;
            animation-name: lightSpeedOutRight;
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        
        @-webkit-keyframes lightSpeedOutLeft {
            0% {
                -webkit-transform: translateX(0%) skewX(0deg);
                opacity: 1
            }
            100% {
                -webkit-transform: translateX(-100%) skewX(30deg);
                opacity: 0
            }
        }
        
        @keyframes lightSpeedOutLeft {
            0% {
                transform: translateX(0%) skewX(0deg);
                opacity: 1
            }
            100% {
                transform: translateX(-100%) skewX(30deg);
                opacity: 0
            }
        }
        
        .lightSpeedOutLeft.goAway {
            -webkit-animation-name: lightSpeedOutLeft;
            animation-name: lightSpeedOutLeft;
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        
        @-webkit-keyframes rotateOut {
            0% {
                -webkit-transform-origin: center center;
                -webkit-transform: rotate(0);
                opacity: 1
            }
            100% {
                -webkit-transform-origin: center center;
                -webkit-transform: rotate(200deg);
                opacity: 0
            }
        }
        
        @keyframes rotateOut {
            0% {
                transform-origin: center center;
                transform: rotate(0);
                opacity: 1
            }
            100% {
                transform-origin: center center;
                transform: rotate(200deg);
                opacity: 0
            }
        }
        
        .rotateOut.goAway {
            -webkit-animation-name: rotateOut;
            animation-name: rotateOut
        }
        
        @-webkit-keyframes rotateOutUpLeft {
            0% {
                -webkit-transform-origin: left bottom;
                -webkit-transform: rotate(0);
                opacity: 1
            }
            100% {
                -webkit-transform-origin: left bottom;
                -webkit-transform: rotate(-90deg);
                opacity: 0
            }
        }
        
        @keyframes rotateOutUpLeft {
            0% {
                transform-origin: left bottom;
                transform: rotate(0);
                opacity: 1
            }
            100% {
                -transform-origin: left bottom;
                -transform: rotate(-90deg);
                opacity: 0
            }
        }
        
        .rotateOutUpLeft.goAway {
            -webkit-animation-name: rotateOutUpLeft;
            animation-name: rotateOutUpLeft
        }
        
        @-webkit-keyframes rotateOutDownLeft {
            0% {
                -webkit-transform-origin: left bottom;
                -webkit-transform: rotate(0);
                opacity: 1
            }
            100% {
                -webkit-transform-origin: left bottom;
                -webkit-transform: rotate(90deg);
                opacity: 0
            }
        }
        
        @keyframes rotateOutDownLeft {
            0% {
                transform-origin: left bottom;
                transform: rotate(0);
                opacity: 1
            }
            100% {
                transform-origin: left bottom;
                transform: rotate(90deg);
                opacity: 0
            }
        }
        
        .rotateOutDownLeft.goAway {
            -webkit-animation-name: rotateOutDownLeft;
            animation-name: rotateOutDownLeft
        }
        
        @-webkit-keyframes rotateOutUpRight {
            0% {
                -webkit-transform-origin: right bottom;
                -webkit-transform: rotate(0);
                opacity: 1
            }
            100% {
                -webkit-transform-origin: right bottom;
                -webkit-transform: rotate(90deg);
                opacity: 0
            }
        }
        
        @keyframes rotateOutUpRight {
            0% {
                transform-origin: right bottom;
                transform: rotate(0);
                opacity: 1
            }
            100% {
                transform-origin: right bottom;
                transform: rotate(90deg);
                opacity: 0
            }
        }
        
        .rotateOutUpRight.goAway {
            -webkit-animation-name: rotateOutUpRight;
            animation-name: rotateOutUpRight
        }
        
        @-webkit-keyframes rollOut {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0px) rotate(0deg)
            }
            100% {
                opacity: 0;
                -webkit-transform: translateX(100%) rotate(120deg)
            }
        }
        
        @keyframes rollOut {
            0% {
                opacity: 1;
                transform: translateX(0px) rotate(0deg)
            }
            100% {
                opacity: 0;
                transform: translateX(100%) rotate(120deg)
            }
        }
        
        .rollOut.goAway {
            -webkit-animation-name: rollOut;
            animation-name: rollOut
        }
        
        @-webkit-keyframes fadeInUpShort {
            0% {
                opacity: 0;
                -webkit-transform: translateY(20px)
            }
            100% {
                opacity: 1;
                -webkit-transform: translateY(0)
            }
        }
        
        @keyframes fadeInUpShort {
            0% {
                opacity: 0;
                transform: translateY(20px)
            }
            100% {
                opacity: 1;
                transform: translateY(0)
            }
        }
        
        .fadeInUpShort {
            opacity: 0;
            -webkit-transform: translateY(20px);
            transform: translateY(20px)
        }
        
        .fadeInUpShort.go {
            -webkit-animation-name: fadeInUpShort;
            animation-name: fadeInUpShort
        }
        
        @-webkit-keyframes fadeInDownShort {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-20px)
            }
            100% {
                opacity: 1;
                -webkit-transform: translateY(0)
            }
        }
        
        @keyframes fadeInDownShort {
            0% {
                opacity: 0;
                transform: translateY(-20px)
            }
            100% {
                opacity: 1;
                transform: translateY(0)
            }
        }
        
        .fadeInDownShort {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px)
        }
        
        .fadeInDownShort.go {
            -webkit-animation-name: fadeInDownShort;
            animation-name: fadeInDownShort
        }
        
        @-webkit-keyframes fadeInRightShort {
            0% {
                opacity: 0;
                -webkit-transform: translateX(20px)
            }
            100% {
                opacity: 1;
                -webkit-transform: translateX(0)
            }
        }
        
        @keyframes fadeInRightShort {
            0% {
                opacity: 0;
                transform: translateX(20px)
            }
            100% {
                opacity: 1;
                transform: translateX(0)
            }
        }
        
        .fadeInRightShort {
            opacity: 0;
            -webkit-transform: translateX(20px);
            transform: translateX(20px)
        }
        
        .fadeInRightShort.go {
            -webkit-animation-name: fadeInRightShort;
            animation-name: fadeInRightShort
        }
        
        @-webkit-keyframes fadeInLeftShort {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-20px)
            }
            100% {
                opacity: 1;
                -webkit-transform: translateX(0)
            }
        }
        
        @keyframes fadeInLeftShort {
            0% {
                opacity: 0;
                transform: translateX(-20px)
            }
            100% {
                opacity: 1;
                transform: translateX(0)
            }
        }
        
        .fadeInLeftShort {
            opacity: 0;
            -webkit-transform: translateX(-20px);
            transform: translateX(-20px)
        }
        
        .fadeInLeftShort.go {
            -webkit-animation-name: fadeInLeftShort;
            animation-name: fadeInLeftShort
        }
        
        img.wp-smiley,
        img.emoji {
            display: inline !important;
            border: 0 !important;
            box-shadow: none !important;
            height: 1em !important;
            width: 1em !important;
            margin: 0 .07em !important;
            vertical-align: -.1em !important;
            background: none !important;
            padding: 0 !important
        }
        
        div.wpcf7 {
            margin: 0;
            padding: 0
        }
        
        div.wpcf7-response-output {
            margin: 2em .5em 1em;
            padding: .2em 1em
        }
        
        div.wpcf7 .screen-reader-response {
            position: absolute;
            overflow: hidden;
            clip: rect(1px, 1px, 1px, 1px);
            height: 1px;
            width: 1px;
            margin: 0;
            padding: 0;
            border: 0
        }
        
        div.wpcf7-mail-sent-ok {
            border: 2px solid #398f14
        }
        
        div.wpcf7-mail-sent-ng {
            border: 2px solid red
        }
        
        div.wpcf7-spam-blocked {
            border: 2px solid orange
        }
        
        div.wpcf7-validation-errors {
            border: 2px solid #f7e700
        }
        
        .wpcf7-form-control-wrap {
            position: relative
        }
        
        span.wpcf7-not-valid-tip {
            color: #f00;
            font-size: 1em;
            display: block
        }
        
        .use-floating-validation-tip span.wpcf7-not-valid-tip {
            position: absolute;
            top: 20%;
            left: 20%;
            z-index: 100;
            border: 1px solid red;
            background: #fff;
            padding: .2em .8em
        }
        
        span.wpcf7-list-item {
            margin-left: .5em
        }
        
        .wpcf7-display-none {
            display: none
        }
        
        div.wpcf7 img.ajax-loader {
            border: 0;
            vertical-align: middle;
            margin-left: 4px
        }
        
        div.wpcf7 div.ajax-error {
            display: none
        }
        
        div.wpcf7 .placeheld {
            color: #888
        }
        
        @font-face {
            font-family: 'wprmenu';
            src: url('www.innovellent.com/type/wprmenu.eot');
            src: url('www.innovellent.com/type/wprmenu.eot?#iefix') format('embedded-opentype'), url('www.innovellent.com/type/wprmenu.woff') format('woff'), url('www.innovellent.com/type/wprmenu.ttf') format('truetype'), url('www.innovellent.com/type/wprmenu.svg#wprmenu') format('svg');
            font-weight: normal;
            font-style: normal
        }
        
        #innmenu_menu .wprmenu_icon:before,
        #wprmenu_bar [data-icon]:before {
            font-family: 'wprmenu';
            speak: none;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased
        }
        
        #wprmenu_bar,
        #wprmenu_bar *,
        #wprmenu_menu,
        #wprmenu_menu * {
            margin: 0;
            padding: 0;
            -moz-box-sizing: border-box !important;
            -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
            font-family: 'Open Sans', sans-serif;
            list-style: none;
            text-align: left;
            font-size: 100%;
            font-weight: normal
        }
        
        #wprmenu_menu img,
        #wprmenu_bar img {
            border: 0;
            border: 0
        }
        
        .wprmenu_clear {
            clear: both !important;
            display: block !important;
            height: 1px !important;
            margin: -1px 0 0 !important;
            width: 1px !important
        }
        
        #wprmenu_bar {
            position: absolute;
            top: 0;
            left: 0;
           background: #fff;
            border-bottom: 1px solid #000;
            padding: 10px 16px;
            width: 100%;
            display: none;
            cursor: pointer;
            z-index: 98;
            overflow: hidden;
            height: 60px;
            display: none
        }
        
        #wprmenu_bar .menu_title {
            color: #f2f2f2;
            font-weight: 400;
            font-size: 20px;
            line-height: 20px
        }
        
        #wprmenu_bar .bar_logo {
            border: 0;
            border: 0;
            margin: 0xp;
            padding: 0;
            margin-top: -2px;
            padding-right: 8px;
            width: auto;
            height: 25px
        }
        
        .wpr_search {
            padding: 10px !important
        }
        
        .wpr_search .wpr-search-field {
            padding: 5px !important;
            border: 1px solid #ccc;
            max-width: 100%;
            width: 100%
        }
        
        #wprmenu_bar .wprmenu_icon_menu {
            color: #f2f2f2;
            margin-right: 5px
        }
        
        #wprmenu_bar .wprmenu_icon {
            width: 46px;
            height: 42px;
            overflow: hidden;
            float: left;
            margin-right: 16px;
            padding-top: 2px;
            position: relative;
           /* border-right: solid 1px #dadada*/
        }
        
        #wprmenu_bar .wprmenu_icon span {
            -webkit-transition: all .01s ease-in-out;
            -moz-transition: all .01s ease-in-out;
            -o-transition: all .01s ease-in-out;
            -ms-transition: all .01s ease-in-out;
            transition: all .01s ease-in-out;
            display: block;
            position: absolute;
            width: 30px;
            height: 3px;
            left: 0;
            background: #f2f2f2;
            border-radius: 3px
        }
        
        #wprmenu_bar .wprmenu_ic_1 {
            top: 8px
        }
        
        #wprmenu_bar .wprmenu_ic_2 {
            top: 18px
        }
        
        #wprmenu_bar .wprmenu_ic_3 {
            top: 28px
        }
        
        #wprmenu_bar.menu_is_opened .wprmenu_ic_1 {
            top: -10px
        }
        
        #wprmenu_bar.menu_is_opened .wprmenu_ic_2 {
            top: 9px !important;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            zoom: 1
        }
        
        #wprmenu_bar.menu_is_opened .wprmenu_ic_3 {
            top: 9px !important;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            zoom: 1
        }
        
        body {
            position: relative !important
        }
        
        #wprmenu_menu.top {
            top: 0;
            left: 0;
            width: 100%;
            display: none;
            position: relative;
            z-index: 9999
        }
        
        #wprmenu_menu.left,
        #wprmenu_menu.right {
            display: none;
            position: absolute;
            position: fixed;
            top: 0;
            height: 100%;
            z-index: 97;
            overflow-x: none;
            overflow-y: auto;
            background: #2e2e2e;
            top: 42px;
            padding-bottom: 43px
        }
        
        body.admin-bar #wprmenu_bar {
            top: 32px;
            padding-bottom: 33px
        }
        
        body.admin-bar #wprmenu_menu.left,
        body.admin-bar #wprmenu_menu.right {
            top: 74px;
            padding-bottom: 75px
        }
        
        @media only screen and (max-width:782px) {
            body.admin-bar #wprmenu_menu.left,
            body.admin-bar #wprmenu_menu.right {
                top: 86px;
                padding-bottom: 87px
            }
            body.admin-bar #wprmenu_bar {
                top: 46px
            }
        }
        
        #wprmenu_menu ul {
            margin: 0;
            padding: 0;
            display: block;
            width: 100%;
            position: relative;
            list-style: none
        }
        
        #wprmenu_menu ul li {
            display: block;
            list-style: none
        }
        
        #wprmenu_menu ul li a,
        #wprmenu_menu ul li a:hover {
            border-bottom: 1px solid #131212;
            border-top: 1px solid #474747;
            display: block;
            color: #d3d3d3;
            padding: 7px 14px;
            font-size: 14px;
            margin: 0;
            text-decoration: none
        }
        
        #wprmenu_menu.wprmenu_levels ul li {
            display: block;
            overflow: hidden;
            border-bottom: 1px solid #131212;
            border-top: 1px solid #474747;
            width: 100%;
            position: relative
        }
        
        #wprmenu_menu.wprmenu_levels ul li a {
            float: left;
            border: 0;
            width: 100%;
            font-weight: 700
        }
        
        #wprmenu_menu.wprmenu_levels a.wprmenu_parent_item {
            border-left: 1px solid #474747;
            margin-left: 44px
        }
        
        #wprmenu_menu .wprmenu_icon_par {
            position: relative;
            display: block;
            color: #cfcfcf;
            width: 46px;
            padding: 13px 14px 10px 14px;
            cursor: pointer;
            float: left;
            position: absolute;
            top: 0;
            left: 0
        }
        
        #wprmenu_menu .wprmenu_no_border_bottom {
            border-bottom: 0 !important
        }
        
        #wprmenu_menu.wprmenu_levels ul li ul {
            border-top: 1px solid #131212
        }
        
        #wprmenu_menu.wprmenu_levels ul li ul li {
            padding-left: 44px
        }
        
        #wprmenu_menu.wprmenu_levels ul li ul li ul li {
            padding-left: 88px
        }
        
        #wprmenu_menu.wprmenu_levels ul li ul li ul li ul li {
            padding-left: 132px
        }
        
        #wprmenu_menu.wprmenu_levels ul li ul li ul li ul li ul li {
            padding-left: 176px
        }
        
        #wprmenu_menu.wprmenu_levels ul li ul li.wprmenu_parent_item_li {
            padding-left: 0
        }
        
        #wprmenu_menu.wprmenu_levels ul li ul li.wprmenu_parent_item_li .wprmenu_icon_par {
            margin-left: 44px
        }
        
        #wprmenu_menu.wprmenu_levels ul li ul li.wprmenu_parent_item_li a.wprmenu_parent_item {
            margin-left: 88px
        }
        
        #wprmenu_menu.wprmenu_levels ul li ul li ul li.wprmenu_parent_item_li {
            padding-left: 0
        }
        
        #wprmenu_menu.wprmenu_levels ul li ul li ul li.wprmenu_parent_item_li .wprmenu_icon_par {
            margin-left: 88px
        }
        
        #wprmenu_menu.wprmenu_levels ul li ul li ul li.wprmenu_parent_item_li a.wprmenu_parent_item {
            margin-left: 132px
        }
        
        #wprmenu_menu.wprmenu_levels ul li ul li ul li ul li.wprmenu_parent_item_li {
            padding-left: 0
        }
        
        #wprmenu_menu.wprmenu_levels ul li ul li ul li ul li.wprmenu_parent_item_li .wprmenu_icon_par {
            margin-left: 132px
        }
        
        #wprmenu_menu.wprmenu_levels ul li ul li ul li ul li.wprmenu_parent_item_li a.wprmenu_parent_item {
            margin-left: 176px
        }
        
        #wprmenu_menu.wprmenu_levels ul li ul li ul li ul li ul li.wprmenu_parent_item_li {
            padding-left: 0
        }
        
        #wprmenu_menu.wprmenu_levels ul li ul li ul li ul li ul li.wprmenu_parent_item_li .wprmenu_icon_par {
            margin-left: 176px
        }
        
        #wprmenu_menu.wprmenu_levels ul li ul li ul li ul li ul li.wprmenu_parent_item_li a.wprmenu_parent_item {
            margin-left: 220px
        }
        
        .icon_default.wprmenu_icon_par:before {
            content: "+"
        }
        
        .icon_default.wprmenu_par_opened:before {
            content: "-"
        }
        
        #wprmenu_bar {
           /* background: #fff*/
        }
        
        #wprmenu_bar .menu_title,
        #wprmenu_bar .wprmenu_icon_menu {
            color: #f2f2f2
        }
        
        #wprmenu_menu {
            background: #f5f5f5 !important
        }
        
        #wprmenu_menu.wprmenu_levels ul li {
            border-bottom: 1px solid #131212;
            border-top: 1px solid #fff
        }
        
        #wprmenu_menu ul li a {
            color: #474747
        }
        
        #wprmenu_menu ul li a:hover {
            color: #606060
        }
        
        #wprmenu_menu.wprmenu_levels a.wprmenu_parent_item {
            border-left: 1px solid #fff
        }
        
        #wprmenu_menu .wprmenu_icon_par {
            color: #474747
        }
        
        #wprmenu_menu .wprmenu_icon_par:hover {
            color: #606060
        }
        
        #wprmenu_menu.wprmenu_levels ul li ul {
            border-top: 1px solid #131212
        }
        
        #wprmenu_bar .wprmenu_icon span {
            background: #36A8DC;
        }
        
        #wprmenu_menu,
        #wprmenu_menu ul,
        #wprmenu_menu li {
            border-bottom: 0 !important
        }
        
        #wprmenu_menu.wprmenu_levels>ul {
            border-bottom: 1px solid #fff !important;
            padding-top: 70px;
            /*text-transform: uppercase*/
        }
        
        .wprmenu_no_border_bottom {
            border-bottom: 0 !important
        }
        
        #wprmenu_menu.wprmenu_levels ul li ul {
            border-top: 0 !important
        }
        
        #wprmenu_menu.left {
            width: 75%;
            left: -75%;
            right: auto
        }
        
        #wprmenu_menu.right {
            width: 75%;
            right: -75%;
            left: auto
        }
        
        @media only screen and (max-width:767px) {
            html {
                padding-top: 60px
            }
            #wprmenu_bar {
                display: block !important
            }
            div#wpadminbar {
                position: fixed
            }
                  }
        
        .mfp-bg {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1042;
            overflow: hidden;
            position: fixed;
            background: #0b0b0b;
            opacity: .8;
            filter: alpha(opacity=80)
        }
        
        .mfp-wrap {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1043;
            position: fixed;
            outline: 0 !important;
            -webkit-backface-visibility: hidden
        }
        
        .mfp-container {
            text-align: center;
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            padding: 0 8px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }
        
        .mfp-container:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle
        }
        
        .mfp-align-top .mfp-container:before {
            display: none
        }
        
        .mfp-content {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            margin: 0 auto;
            text-align: left;
            z-index: 1045
        }
        
        .mfp-inline-holder .mfp-content,
        .mfp-ajax-holder .mfp-content {
            width: 100%;
            cursor: auto
        }
        
        .mfp-ajax-cur {
            cursor: progress
        }
        
        .mfp-zoom-out-cur,
        .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
            cursor: -moz-zoom-out;
            cursor: -webkit-zoom-out;
            cursor: zoom-out
        }
        
        .mfp-zoom {
            cursor: pointer;
            cursor: -webkit-zoom-in;
            cursor: -moz-zoom-in;
            cursor: zoom-in
        }
        
        .mfp-auto-cursor .mfp-content {
            cursor: auto
        }
        
        .mfp-close,
        .mfp-arrow,
        .mfp-preloader,
        .mfp-counter {
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }
        
        .mfp-loading.mfp-figure {
            display: none
        }
        
        .mfp-hide {
            display: none !important
        }
        
        .mfp-preloader {
            color: #ccc;
            position: absolute;
            top: 50%;
            width: auto;
            text-align: center;
            margin-top: -.8em;
            left: 8px;
            right: 8px;
            z-index: 1044
        }
        
        .mfp-preloader a {
            color: #ccc
        }
        
        .mfp-preloader a:hover {
            color: white
        }
        
        .mfp-s-ready .mfp-preloader {
            display: none
        }
        
        .mfp-s-error .mfp-content {
            display: none
        }
        
        button.mfp-close,
        button.mfp-arrow {
            overflow: visible;
            cursor: pointer;
            background: transparent;
            border: 0;
            -webkit-appearance: none;
            display: block;
            outline: 0;
            padding: 0;
            z-index: 1046;
            -webkit-box-shadow: none;
            box-shadow: none
        }
        
        button::-moz-focus-inner {
            padding: 0;
            border: 0
        }
        
        .mfp-close {
            width: 44px;
            height: 44px;
            line-height: 44px;
            position: absolute;
            right: 0;
            top: 0;
            text-decoration: none;
            text-align: center;
            opacity: .65;
            filter: alpha(opacity=65);
            padding: 0 0 18px 10px;
            color: white;
            font-style: normal;
            font-size: 28px;
            font-family: Arial, Baskerville, monospace
        }
        
        .mfp-close:hover,
        .mfp-close:focus {
            opacity: 1;
            filter: alpha(opacity=100)
        }
        
        .mfp-close:active {
            top: 1px
        }
        
        .mfp-close-btn-in .mfp-close {
            color: #333
        }
        
        .mfp-image-holder .mfp-close,
        .mfp-iframe-holder .mfp-close {
            color: white;
            right: -6px;
            text-align: right;
            padding-right: 6px;
            width: 100%
        }
        
        .mfp-counter {
            position: absolute;
            top: 0;
            right: 0;
            color: #ccc;
            font-size: 12px;
            line-height: 18px
        }
        
        .mfp-arrow {
            position: absolute;
            opacity: .65;
            filter: alpha(opacity=65);
            margin: 0;
            top: 50%;
            margin-top: -55px;
            padding: 0;
            width: 90px;
            height: 110px;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
        }
        
        .mfp-arrow:active {
            margin-top: -54px
        }
        
        .mfp-arrow:hover,
        .mfp-arrow:focus {
            opacity: 1;
            filter: alpha(opacity=100)
        }
        
        .mfp-arrow:before,
        .mfp-arrow:after,
        .mfp-arrow .mfp-b,
        .mfp-arrow .mfp-a {
            content: '';
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            left: 0;
            top: 0;
            margin-top: 35px;
            margin-left: 35px;
            border: medium inset transparent
        }
        
        .mfp-arrow:after,
        .mfp-arrow .mfp-a {
            border-top-width: 13px;
            border-bottom-width: 13px;
            top: 8px
        }
        
        .mfp-arrow:before,
        .mfp-arrow .mfp-b {
            border-top-width: 21px;
            border-bottom-width: 21px;
            opacity: .7
        }
        
        .mfp-arrow-left {
            left: 0
        }
        
        .mfp-arrow-left:after,
        .mfp-arrow-left .mfp-a {
            border-right: 17px solid white;
            margin-left: 31px
        }
        
        .mfp-arrow-left:before,
        .mfp-arrow-left .mfp-b {
            margin-left: 25px;
            border-right: 27px solid #3f3f3f
        }
        
        .mfp-arrow-right {
            right: 0
        }
        
        .mfp-arrow-right:after,
        .mfp-arrow-right .mfp-a {
            border-left: 17px solid white;
            margin-left: 39px
        }
        
        .mfp-arrow-right:before,
        .mfp-arrow-right .mfp-b {
            border-left: 27px solid #3f3f3f
        }
        
        .mfp-iframe-holder {
            padding-top: 40px;
            padding-bottom: 40px
        }
        
        .mfp-iframe-holder .mfp-content {
            line-height: 0;
            width: 100%;
            max-width: 900px
        }
        
        .mfp-iframe-holder .mfp-close {
            top: -40px
        }
        
        .mfp-iframe-scaler {
            width: 100%;
            height: 0;
            overflow: hidden;
            padding-top: 56.25%
        }
        
        .mfp-iframe-scaler iframe {
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            box-shadow: 0 0 8px rgba(0, 0, 0, .6);
            background: black
        }
        
        img.mfp-img {
            width: auto;
            max-width: 100%;
            height: auto;
            display: block;
            line-height: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 40px 0 40px;
            margin: 0 auto
        }
        
        .mfp-figure {
            line-height: 0
        }
        
        .mfp-figure:after {
            content: '';
            position: absolute;
            left: 0;
            top: 40px;
            bottom: 40px;
            display: block;
            right: 0;
            width: auto;
            height: auto;
            z-index: -1;
            box-shadow: 0 0 8px rgba(0, 0, 0, .6);
            background: #444
        }
        
        .mfp-figure small {
            color: #bdbdbd;
            display: block;
            font-size: 12px;
            line-height: 14px
        }
        
        .mfp-figure figure {
            margin: 0
        }
        
        .mfp-bottom-bar {
            margin-top: -36px;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            cursor: auto
        }
        
        .mfp-title {
            text-align: left;
            line-height: 18px;
            color: #f3f3f3;
            word-wrap: break-word;
            padding-right: 36px
        }
        
        .mfp-image-holder .mfp-content {
            max-width: 100%
        }
        
        .mfp-gallery .mfp-image-holder .mfp-figure {
            cursor: pointer
        }
        
        @media screen and (max-width:800px) and (orientation:landscape),
        screen and (max-height:300px) {
            .mfp-img-mobile .mfp-image-holder {
                padding-left: 0;
                padding-right: 0
            }
            .mfp-img-mobile img.mfp-img {
                padding: 0
            }
            .mfp-img-mobile .mfp-figure:after {
                top: 0;
                bottom: 0
            }
            .mfp-img-mobile .mfp-figure small {
                display: inline;
                margin-left: 5px
            }
            .mfp-img-mobile .mfp-bottom-bar {
                background: rgba(0, 0, 0, .6);
                bottom: 0;
                margin: 0;
                top: auto;
                padding: 3px 5px;
                position: fixed;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box
            }
            .mfp-img-mobile .mfp-bottom-bar:empty {
                padding: 0
            }
            .mfp-img-mobile .mfp-counter {
                right: 5px;
                top: 3px
            }
            .mfp-img-mobile .mfp-close {
                top: 0;
                right: 0;
                width: 35px;
                height: 35px;
                line-height: 35px;
                background: rgba(0, 0, 0, .6);
                position: fixed;
                text-align: center;
                padding: 0
            }
        }