a{
    color: #7D7D7D;
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -ms-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
}
a:hover,
a:focus{
    text-decoration: none;
    color: #404346;
}
body{
    font-weight: normal;
    font-size: 16px;
    line-height: 1.6;
    color: #7D7D7D;
    font-family: 'Fira Sans', sans-serif;
}
h1,h2,h3,h4,h5{
    margin: 0;
}
h1{
    font-family: 'Righteous', cursive;
    font-size: 50px;
    margin-bottom: 30px;
}
h2{
    font-size: 42px;
    line-height: 1.4;
    font-family: 'Righteous', cursive;
}
h2, h3, h4{
    margin-bottom: 20px;
    color: #36393C;
}
strong{
    font-weight: 500;
}
small{
    font-size: 16px;
}
h3 small, h2 small{
    display: block;
    margin-top: 10px;
    font-family: 'Fira Sans', sans-serif;
    font-size: 16px;
    line-height: 18px;
}

.link-3tps-training a {
    display: block;
    margin-top: 8px;
    margin-right: 60px;
    background: rgba(169, 207, 84, 1);
    padding: 5px 10px;
    border-radius: 5px 0;
    color: #fff;
}

i.fa{
    width: 20px
}
.heading{
    padding-right: 30px;
}
.heading img{
    margin-top: 20%;
}
.solutions .heading{
    background-color: #efefef;
    padding: 40px 20px;
    margin-top: 0;
    border-radius: 20px 0 20px 0;
}
.block{
    padding: 0;
    margin-bottom: 80px;
}
.btn{
    display: inline-block;
    padding: 10px 12px;
    border-radius: 0;    
    font-weight: bold;
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -ms-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    border-radius: 10px 0 10px 0;
}
.btn-lets-work{
    color: #fff;
    border: 0;
}
.btn-lets-work:hover,
.btn-lets-work:active{
    color: #fff;
}
.btn-submit,.btn-subscribe{
    border: 1px solid #AFAFAF;
    background-color: #404346;
    color: #AFAFAF;
}
.btn-subscribe{
    border-radius: 0 0 10px 0;
}
.btn-subscribe:hover,
.btn-subscribe:focus,
.btn-submit:hover,
.btn-subscribe:focus{
    background-color: #797b7c;
    color: #fff;
}
.highlighted{
    background-image:url('../img/services-bg01.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    text-align: center;
    color: #fff;
}
.page-bg-color{
    background-color: rgba(232, 76, 61,.8);
    width: 100%;
    height:100%;
    padding: 120px 0;
    font-family: 'Righteous', cursive;
    font-size: 36px;
}
.page-bg-color .block-text{
    position: relative;
    background-color: transparent;
    width: 70%;
    margin: 0 auto;
    padding: 0;
}
.page-bg-color .block-text .left-quote,
.page-bg-color .block-text .right-quote{
    background-color: transparent;
    position: relative;
    display: inline-block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.bot-line{
    border-bottom: 5px solid #E8E8E8;
    margin-bottom: 80px;
}
a.readmore{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0;
    color: #A9CF54;
}
a.readmore:hover{
    text-decoration: underline;
}




/*Quote symbols*/
.left-quote{
    position: absolute;
    top: -30px;
    left:-20px;
    background-color: #fff;    
}
.left-quote img{
    margin: 0 15px 15px 0;
    width: 70px;
}
.right-quote{
    position: absolute;
    bottom: -30px;
    right: -20px;
    background-color: #fff;
}
.right-quote img{
    margin: 15px 0 0 15px;
    width: 70px;
}




/*header*/
header{
    position: relative;
}




/*top-menu*/
.top-menu{
    width: 100%;
    padding: 15px 50px;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(54,57,60,0.9);
    z-index: 100000000;
    box-shadow: 0 0 10px rgba(0,0,0,.7);
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
}
.logo{
    border-radius: 0 0 0 0;
    padding: 5px;
}
.logo img{
    height: 40px;
}
.menu-trigger,
.menu-close{
    padding: 10px 0;
}
.menu-trigger a,
.menu-close a{
    text-align: center;
    display: block;    
    font-size: 25px;
    line-height: 30px;
    color: rgba(169, 207, 84, 1);
}
.menu-trigger a:hover,
.menu-trigger a:focus,
.menu-close a:hover,
.menu-close a:focus{
    color: #fff;
}




/*navigation menu*/
.menu-overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(54,57,60,0.9);
    z-index: 300000000;
    padding: 20px 50px;
    display: none;
}




/*banner*/
.banner-img{
    border-bottom: 100px solid #36393c;
}
.banner-img img{
    display: block;
    width: 100%;
}
.banner-text{
    padding: 10% 70px 60px 50px;
    z-index: 900000;
    height: 95%;
    width: 40%;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(169, 207, 84, 1);
}
.banner-text .heading{
    width: 100%;
    padding: 0;
}
.banner-text h1,
.banner-text h2,
.banner-text h3{
    color: #fff;
}




/*navigation menu*/
nav{
    max-width: 220px;
    margin: 0 auto;
    text-align: left;
    border-bottom: 0px;
    margin-top: 100px;
    background-color: #404346;
    border-top: 1px solid #616569;
}
nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
nav ul li{    
    display: block;
    text-align: left;
    border-bottom: 1px solid #616569;
}
nav ul li a,
.dropdown-menu > li > a{
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 20px;
    display: inline-block;
    background-color: #404346;
}
a.dropdown-btn{
    background: #616569;
    padding: 10px;
    text-align: center;
    margin-left: 20px;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 50px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding:0;
  margin: 0;
  text-align: left;
  list-style: none;
  background-color: #616569;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #404346;
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu > li{
    border-bottom: 1px solid #404346;
}
.dropdown-menu > li > a{
    padding: 10px;
    background-color: #616569;
    color: #fff;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #F15B22;
  text-decoration: none;
  background-color: transparent;
}
.dropdown-menu > li > a img {
    width: 20px;
    margin-top: -6px;
    margin-right: 10px;
}




/*app icons*/
.app-icons {
    margin-bottom: 80px; 
    position: relative;
    z-index: 8000000;
}
.app-icons-line{
    height: 10px;
    background-color:rgba(169, 207, 84, 1);
}
.app-icons .icons{
    margin-top: -60px;
    padding-right: 50px;
    text-align: right;
}
.icon-box{
    text-align: center;
    display: inline-block;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 0;
    margin: 0 15px;
}
.icon-box a{
    display: block;
    width: 110px;
    height: 110px;
    line-height: 90px;
    border-radius: 50%;
    text-align: center;    
    text-align: center;
    margin-bottom:15px;
    border: 10px solid #FFF;
}
.ios{
    margin-left: 0;
}
.phonegap{
    margin-right: 0;
}
.icon-box a img{
    width: 65px;
}
.ios a{
    background-color: #999999;
}
.android a{
    background-color: #a4c639;
}
.windows a{
    background-color: #00a1f1;
}
.phonegap a{
    background-color: #ffc300;
}




/*about home*/
.about-home{
    padding-bottom: 80px;
    border-bottom: 5px solid #E8E8E8;
    position: relative;    
}
.about-home .page-color{
    color: #C32929;
}
.about-home h2{
    text-align: right;
}
.about-home h2 a{
    display: inline-block;
    width: 500px;
}
.home-01 .home-bg01{
    position: absolute;
    text-align: center;
    width: 100%;
}
.home-01 .col-md-6 img{
    margin: 0 auto
}
.home-01 .box-01,
.home-01 .box-02{
    padding-top: 40px;
    padding-bottom: 40px;
}
.home-01 h3{
    margin-bottom: 20px;
    line-height: 40px;
}
.home-01 h3 img{
    display: inline-block;
    width: 30px;
    margin-right: 10px;
}
.about-25{
    text-align: justify;
    margin-bottom: 80px;
}




/*solutions home*/
.solutions-home{
    padding-top: 80px;
    padding-bottom: 80px;
    border-bottom: 5px solid #E8E8E8;
    position: relative;
    background-image: url('../img/solutions11.png');
    background-size: 70%;
    background-position: -50px center;
    background-repeat: no-repeat;
}
.solutions-home .page-color{
    color: #28AF60;
}
.solutions-home h2{
    text-align: center;
    margin-bottom: 60px;
}
.solutions01{
    position: relative;
    z-index: 100000;
}
.solutions01 h3{
    margin: 0;
}
.solutions01 .row{
    border-bottom:2px solid #ccc;
    padding-top: 60px;
    padding-bottom: 40px;
}
.solutions01 .col-sm-4{
    text-align: center;
    padding-top: 0;
    
    padding-bottom: 30px;
}
.solutions01 .col-sm-4 .box{
    text-align: center;
    display: inline-block;
    padding: 25px;    
    width: 130px;
    height: 130px;
    margin-bottom: 35px;
    text-align: center;
    transform: rotate(-45deg);
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    background-color: #fff;
}
.solutions01 .col-sm-4 span{
    text-align: center;
    display: inline-block;
    padding: 15px;
    width: 80px;
    height: 80px;
    transform: rotate(-90deg);
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    background-color: #fff;
}
.solutions01 .col-sm-4 .box span img{
    display: inline-block;
    width: 50px;
    height: 50px;
    transform: rotate(135deg);
}
.solutions01 .col-sm-8 p{
    padding:0 40px;
    margin: 0;
    text-align: justify;
}
.solutions01 .row:last-child{
    border-bottom:0 solid #ccc;
}
.solution06{
    position: relative;
}
.solution .box00{
    width: 18%;
    float: left;
}
.solution .box00 img{
    width: 18%;
}
.solution .box01,
.solution .box02, 
.solution .box05, 
.solution .box06{
    width: 50%;
    float: left;
}
.solution .box01,
.solution .box03, 
.solution .box06{
    text-align: right;
}
.solution .box02, 
.solution .box04, 
.solution .box05{
    text-align: left;
}
.solution .box03, 
.solution .box04{
    width:41%;
    float: left;
}
.solution06 .box01 img,
.solution06 .box02 img,
.solution06 .box05 img, 
.solution06 .box06 img{
    height: 120px;
    display: inline-block;
}
.solution06 .box01 img,
.solution06 .box02 img{

}
.solution .box05 img, 
.solution .box06 img{
    vertical-align: bottom;
}
.solution06 .box03 img, 
.solution06 .box04 img{
    height: 71px;
    display: inline-block;
    vertical-align: top;
}
.solution .box01 img.img-mobile,
.solution .box02 img.img-mobile,
.solution .box03 img.img-mobile, 
.solution .box04 img.img-mobile,
.solution .box05 img.img-mobile, 
.solution .box06 img.img-mobile,
.solution .box07 img.img-mobile,
.solution .box08 img.img-mobile{
    height: auto;
    display: none;
}
.solution p{
    margin: 0;
    line-height: 1.6;
    font-size: 12px;
    display: inline-block;
    padding: 0 20px;
    width: 50%;
}
.solution p strong{
    display: block;
    color: #36393C;
    font-size: 16px;
}
.solution .box03 p, 
.solution .box04 p{
    padding: 10px 10px 0 0;
}
.about05 .highlighted {
    background-image: url('../img/about05-01.jpg');
}
.about05 .page-bg-color {
    background-color: rgba(195, 41, 41, 0.8);
}

.solutions02 .page-bg-color {
    background-color: rgba(152, 186, 75, 0.8);
}

.jobs .page-bg-color {
    background-color: rgba(154, 89, 181, 0.8);
}

.services .page-bg-color {
    background-color: rgba(255, 195, 0, 0.8);
}

/*portfolio*/
.portfolio-home {
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
    position: relative;
    background-image:url('../img/portfolio04-01.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}
.portfolio-home .highlight{
    background: rgba(64,67,70,0.9);   
    padding: 80px 0;
}
.portfolio-home .page-color{
    color: #9A59B5;
}
.portfolio-home h2 a:hover {
    color: #AFAFAF;
}
.portfolio-home .logos{
    text-align: center;
}
.portfolio-home .logos a{
    width: 200px;
    height: 150px;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 20px 0 20px 0;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.logos a.avvao {
    background-image: url('../img/avvao-white.png');
    margin-left: 0;
    background-size:180px 108px; 
}
.logos a.ogle {
    background-image: url('../img/ogle-white.png');    
    background-size:106px 130px; 
}
.logos a.libra {
    background-image: url('../img/libra-white.png');
        background-size: 166px 130px;
}
.portfolio-home .logos a:hover,
.portfolio-home .logos a:focus{
    border-color: #989898;
}
.logos a.avvao:hover,
.logos a.avvao:focus{
    background-image: url('../img/avvao-color.png');
}
.logos a.ogle:hover,
.logos a.ogle:focus{
    background-image: url('../img/ogle-color.png');
}
.logos a.libra:hover,
.logos a.libra:focus{
    background-image: url('../img/libra-color.png');
}
.portfolio03 .container,
.portfolio05 .container,
.portfolio07 .container{
    background: #fff;
    margin-bottom: -90px;
    position: relative;
    border-radius: 20px;
    padding: 80px;
}
.portfolio04{
    margin-top: 0;
    margin-bottom: -90px;
}
.portfolio04 .block-text p,
.portfolio06 .block-text p{
    display: inline;
}
.portfolio05 .nav-tabs{
    text-align: center;
    border:none;
}
.portfolio05 .nav-tabs>li {
    float: none;
    margin-bottom: -1px;
    display: inline-block;
    border: 0px;
}
.portfolio05 .nav-tabs>li>a{
    border: none;
}
.portfolio05 .nav-tabs>li>a:hover,
.portfolio05 .nav-tabs>li>a:active,
.portfolio05 .nav-tabs>li>a:focus{
    border-color: transparent;
    background-color: transparent;
    border: none;        
    cursor: pointer;
}
.portfolio07 .container{
    margin-bottom: 0;
    margin-top: -90px;
}
.portfolio07 h3{
    text-align: center;
}
.portfolio07 .col-md-3{
    text-align: center;
    margin-bottom: 30px;
}
.portfolio07 .col-md-3 a{
    display: block;
    cursor: default;
    border-radius: 20px 0 20px 0;
    border: 2px solid rgba(248,0,0,1);
    padding: 50px 0;
}
.portfolio07 .col-md-3 a img{
    width: 100px;
    height: 100px;
    display: inline-block;
}
.portfolio07 .col-md-3 a h4{
    color: #fff;
    display:none;
    position: absolute;
    left: 0;
    right: 0;
    top: 45%;
    bottom: 0;
    margin: auto;
    font-size: 24px;
}
.portfolio07 .col-md-3 a:hover{
    background: rgba(248,0,0,1);
}
.portfolio07 .col-md-3 a:hover img{
    opacity: 0;
}
.portfolio07 .col-md-3 a:hover h4{
    display: inline-block;
}
#ogle-02 .col-md-3 a{
    border: 2px solid #0099D6;
}
#ogle-02 .col-md-3 a:hover{
    background: #0099D6;
}
#libra-02 .col-md-3 a{
    border: 2px solid #441A43;
}
#libra-02 .col-md-3 a:hover{
    background: #441A43;
}
.portfolio04 .highlighted,
.portfolio06 .highlighted {
    background-image: url('../img/portfolio-bg01.jpg');
}
/*service home*/
.services-home{
    padding: 80px 0;
    border-bottom: 5px solid #E8E8E8;
}
.services-home .page-color{
    color: #19bd9b;
}
.services-home h2{
    text-align: center;
    padding-bottom: 40px;
}
.services-09{
    position: relative;
    height: 500px;
}
.services-09 img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
}
.services-09 .tite-01{
    position: absolute;
    top: 10px;
    left: 105px;
}
.services-09 .tite-02{
    position: absolute;
    top: 50px;
    right: 45px; 
    text-align: left;
}
.services-09 .tite-03{
    position: absolute; 
    top: 140px;
    left: 0px;
}
.services-09 .tite-04{
    position: absolute;
    top: 195px;
    right: 0; 
    text-align: left;
}
.services-09 .tite-05{
    position: absolute; 
    top: 250px;
    left: 140px;
}
.services-10{
    display: none;
}

.services-01{
    padding-bottom: 80px;
    margin-bottom: 80px;
    padding: 0;
    border-bottom: 5px solid #E8E8E8;
}
.services .block-text{
    background-color: transparent;
    padding: 0;
    margin-top: 20px;
}
.services .block-text h3 span{
    color: #7D7D7D;
}
.services .block-text p{
    text-align: justify;    
}
.services .title{
    padding-top: 100px;
    padding-right: 100px;
}







.android15 .col-sm-5 h2{
    border-bottom: 2px solid #A4C639;
}
.android15 .block-text{
    position: relative;
}
.android15 .block-text .border-left{
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 40px;
    background-color: #A4C639;
}
.android15 .block-text p{
    padding-left: 10px;
}

.android17 .block-text{
    position: relative;
}
.android17 .block-text .border-left{
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 40px;
    background-color: #A4C639;
}
.android17 .block-text ul{
    padding-left: 20px;
}
.android17 .block-text i.fa{
    color: #A4C639;
}

.android19 .block-text{
    position: relative;
}
.android19 .block-text .border-left{
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 40px;
    background-color: #A4C639;
}
.android19 .block-text ul{
    padding-left: 20px;
}
.android19 .block-text i.fa{
    color: #A4C639;
}
.phngap-01 .block-text,
.phngap-05 .block-text{
    position: relative;
}
.phngap-01 .block-text .border-left,
.phngap-05 .block-text .border-left{
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 40px;
    background-color: #FFC300;
}
.phngap-01 .block-text p,
.phngap-05 .block-text p{
    padding-left: 10px;
}




/*process home*/
#process-home{
    padding: 80px 0;
    border-bottom: 5px solid #E8E8E8;
}
#process-home .page-color{
    color: #2ECD71
}
#process-home .block1{
    float: left;
    width: 100%;
}
#process-home .block2{
    float: left;
    width: 100%;
}





/*testimonials*/
.testimoials-home{
    padding: 80px 0;
    border-bottom: 5px solid #E8E8E8;
}
.testimoials-home .page-color{
    color: #f2c40f;
}
.testimoials-home h2{
    padding-right: 40px;
}
.testimoials-home .block-img,
.testi-01 .block-img{
    text-align: center;
}
.testimoials-home .block-img img,
.testi-01 .block-img img{ 
    margin: 20px 0;
    border: 3px solid #fff;
    box-shadow: 6px 6px 0 #EFEFEF;
    display: inline-block;
}
.testimoials-home .block-img p.author,
.testi-01 .block-img p.author{
    font-weight: 500;
    margin-bottom: 0;
    color: #f2c40f;
}
.testimoials-home .block-txt,
.testi-01 .block-txt{
    border: 8px solid #f2c40f;
    border-radius: 0 40px 0 40px;
    padding: 40px;
    position: relative;
    min-height: 300px;
}
.testimoials-home .block-txt p,
.testi-01 .block-txt p{
    margin-bottom: 0;
    z-index: 10000;
    position: relative;
}
.testi-01{
    margin-bottom: 80px;
}
.testi-01 .block-img img{
    margin-top: 0;
}




/*partners home*/
.partners{
    padding: 80px 0;
    text-align: center;
}
.partners .page-color{
    color: #989898;
}
.partners .block1, 
.partners .block2{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.partners .block1{
    width: 25%;
}
.partners .block2{
    width: 80%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.partners .logos{
    text-align: center;
}   
.partners .logos a{
    width: 140px;
    height: 115px;
    display: inline-block;
    border: 2px solid #EFEFEF;
    border-radius: 20px 0 20px 0;
    margin: 0 5px;
    background-size: 140px 115px;
    background-repeat: no-repeat;
    background-position: center center;
}
.logos a.omit {
    background-image: url('../img/omit-black.png');
}
.logos a.uandme {
    background-image: url('../img/uandme-black.png');
}
.logos a.medad {
    background-image: url('../img/medad-black.png');
}
.logos a.mediaa {
    background-image: url('../img/media-black.png');
}
.logos a.volls {
    background-image: url('../img/volls-black.png');
}
.logos a.mad {
    background-image: url('../img/mad-black.png');
}
.logos a.kocsistem {
    background-image: url('../img/kocsistem-black.png');
}

.partners .logos a:hover,
.partners .logos a:focus{
    border-color: #989898;
}
.logos a.omit:hover,
.logos a.omit:focus{
    background-image: url('../img/omit-logo.png');
}
.logos a.uandme:hover,
.logos a.uandme:focus{
    background-image: url('../img/uandme-logo.png');
}
.logos a.medad:hover,
.logos a.medad:focus{
    background-image: url('../img/medad-logo.png');
}
.logos a.mediaa:hover,
.logos a.mediaa:focus{
    background-image: url('../img/media-logo.png');
}
.logos a.mad:hover,
.logos a.mad:focus{
    background-image: url('../img/mad-logo.png');
}
.logos a.volls:hover,
.logos a.volls:focus{
    background-image: url('../img/volls-logo.png');
}
.logos a.kocsistem:hover,
.logos a.kocsistem:focus{
    background-image: url('../img/kocsistem-logo.png');
}

/*Scroll to Top*/
.scrollToTop{
    position:fixed;
    bottom:5%;
    right:3%;
    z-index: 90000000000;
    display: none;
}
.scrollToTop a{
    text-align:center; 
    display: block; 
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    line-height: 50px;
}
.scrollToTop a:hover{
    color: #fff;
}
/*Fixed Social Icons*/
.fixed-social-icons{
    height: 200px;
    position:fixed;
    top: 0;
    bottom:0;
    left:0;
    margin: auto;
    z-index: 90000000000;
}
.fixed-social-icons a{
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
    text-decoration: none;
    margin-bottom: 10px;
    color: #fff;
}
.fixed-social-icons a:nth-child(1){background: #3b5998;}
.fixed-social-icons a:nth-child(2){background: #00aced;}
.fixed-social-icons a:nth-child(3){background: #d34836;}
.fixed-social-icons a:nth-child(4){background: #b31217;}
.fixed-social-icons a:nth-child(5){background: #ffc838;}
.fixed-social-icons a:hover{
    background-color: #404346;
}
/*footer*/
footer{
    font-size: 14px;
    line-height: 1.8;
    background: #FBFBFB;
    position: relative;
}
footer .page-color{
    color: #a9cf54;
}
footer a{
    text-decoration: none;
    color: #AFAFAF;
    display: block;
}
footer a:hover,
footer a:focus{
    text-decoration: none;
    color: #fff;
}
.footer-top{
    padding-top: 80px;
}
.block-form{
    background-color: #404346;
    padding:60px 40px;
    border-radius: 20px 0 20px 0;
}
.block-form .form-group{
    margin-bottom: 20px;
}
.block-form .form-group:last-child{
    margin-bottom: 0;
}
.block-form .form-control{
    width: 100%;
    display: block;
    padding: 20px 12px;
    color: #AFAFAF;
    border: 1px solid #fff;
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075); 
    box-shadow: inset 0 0 0 rgba(0,0,0,.075); 
    border-radius: 10px 0 10px 0;
}
.footer-middle {
    margin-top: -40px;
    background-color: #36393c;
    padding: 80px 0;
    color: #AFAFAF;
    text-align: left;
}
.footer-middle h5{
    font-weight: 500;
    margin: 0;
    margin-bottom: 20px;
    color: #fff;
    text-transform: uppercase;
}
.quick-Links ul{
    margin-bottom: 0;
}
.quick-Links ul li{
    margin-bottom: 10px;
}
.quick-Links ul li:last-child{
    margin-bottom: 0;
}
.quick-Links ul li a{
    display: inline-block;
}
.address address{
    line-height: 1.8;
    padding-right: 140px;
}
.address address:last-child{
    margin-bottom: 0;
}
.footer-middle{    
    background-image: url('../img/3tps-logo-color.png');
    background-size: auto 60%;
    background-position: center 30%;
    background-repeat: no-repeat;
}
.contact,
.subscribe{
    margin-bottom: 40px;
}
.subscribe .form-group{
    display: inline-block;
    float: left;
}
.subscribe .form-control {
    display: block;
    padding: 20px 12px;
    color: #AFAFAF;
    border: 1px solid #fff;
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075); 
    box-shadow: inset 0 0 0 rgba(0,0,0,.075); 
    border-radius: 10px 0 0 0;
}
.subscribe .form-control:focus {
    border-color: #fff;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075),0 0 0 rgba(255,255,255,.6);
    box-shadow: inset 0 0 0 rgba(0,0,0,.075),0 0 0 rgba(255,255,255,.6);
}
.follow {
    margin-bottom: 40px;
}
.follow a{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
    text-decoration: none;
    background-color: #404346;
    margin-right: 8px;
    margin-bottom: 10px;
}
.follow a:hover{
    background-color: #797b7c;
}
.copyright{
    background-color: #404346;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    padding-top:40px;
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
    color: #AFAFAF;
}
/*content*/
.solutions .block-image img{
    margin-top: 20px;
    width: 100px;
    height: 100px;
    display: inline-block;
}
/*iOS App Development*/
.ios-01{
    position: relative;
}
.ios-01 p{
    padding-left: 50px;
}
.ios-01 h3{
    border-left: 30px solid #4D4D4E;
    padding-left: 20px;
}
.iosBox01,.iosBox02,.iosBox03{
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500px;
}
.iosBox01{
    color: #7991BF;
}
.iosBox02{
    color: #00A99E;
}
.iosBox03{
    color: #4D4D4E;
}
.iosBox01 span:first-child,
.iosBox02 span:first-child,
.iosBox03 span:first-child{
    width: 90px;
    height: 70px;
    border-left: 15px solid transparent;
    border-bottom: 3px solid transparent;
    display: inline-block;
    margin-right: 20px;
}
.iosBox01 span:first-child{
    border-color: #7991BF;
}
.iosBox02 span:first-child{
    border-color: #00A99E;
}
.iosBox03 span:first-child{
    border-color: #4D4D4E;
}
.ios-02{
    padding-top: 40px;
    padding-bottom: 40px;
    background: #000;
}
.ios-02 .box img{
    display: inline-block;
    width: 30%;
}
.ios-03 .box{
    width: 24%;
    display: inline-block;
    padding: 0px 2px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
    text-align: center;
}
.ios-03 .box div{
    border-radius: 50%;
    border:2px solid #ccc;
    width: 100%;
    height: 100%;
}
.ios-03 .box div img{
    display: block;
    padding: 30px;
    width: 98%;
}
.ios-03 .box p{
    margin-top: 10px;
}
.ios-05{
    padding-top: 40px;
    padding-bottom: 40px;
    background: #000;
    color: #fff;
    text-align: center;
}
.ios-05 h2{
    margin-bottom: 30px;
    color: #fff;
}
.ios-05 .box{
    display: inline-block;
    padding: 0px 6px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
    width: 13.5%;
}
.ios-05 .box div{
    border-radius: 50%;
    border:2px solid #ccc;
    width: 100%;
    height: 100%;
}
.ios-05 .box div img{
    display: block;
    padding: 20px;
    width: 98%;
}
.ios-05 .box p{
    margin-top: 10px;
}
.readMore-btn{
    border:2px solid rgba(232, 76, 61,1);
    color: rgba(232, 76, 61,1);
    margin-top: 30px;
    display: inline-block;
}
/*Android App Development*/
.android-05{
    max-height: 15%;
    position: relative;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 100px;
    background-image:url('../img/android-01-01.jpg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: fixed;
}
.android-05 .box{
    background: rgba(0,0,0,.8);
}
.android-05 .box img{
    width: 300px;
    display: inline-block;
    margin-top: -150px;
    margin-bottom: -150px;
}
.android-08{
    padding-top: 80px;
}
/*windows app development*/
.win-01{
    text-align: center;
    height: 600px;
    color: #fff;
}
.win-01 .box1{
    height: 600px;
    padding-top: 200px;
    background: #00A1F1;
}
.win-01 .box2{
    height: 600px;
}
.win-01 .box3{
    height: 300px;
    padding-top: 0;
}
.win-01 .box4{
    height: 300px;
    padding-top: 50px;
}
.win-01 .box5{
    height: 300px;
    padding-top: 50px;
}
.win-01 .box6{
    height: 150px;
    padding-top: 0;
}
.win-01 .box61{
    height: 150px;
    padding-top: 5px;
}
.win-01 .box61 img{
    width: 100px;
}
.win-55{
    width: 80%;
    margin: 0 auto;
}
.win-55 .box10{
    color: #fff;
    padding: 50px;
}
.win-55 .box101 span{
    display: inline-block;
    width: 500px;
    padding: 30px;
    border-left: 3px solid #fff; 
}
.win-05 .box201{     
    text-align: center;
    margin-bottom: 50px; 
}
.win-05 .box201 a{    
    display: block;    
    text-align: center;
    color: #fff; 
    margin-bottom: 20px; 
}
.win-05 .box201 a img{
    display: inline-block;
    background: #00A1F1;
    border-radius: 50%;
    padding: 20px;
} 
.win-05 .box201 a span{
    display: block;
}
.win-09{
    margin-top: 215px;
    position: relative;
}
.win-11 .page-bg-color{
    background-color: rgba(0,161,241,.8);
}
.win-11 .highlighted{
    background-image: url('../img/windows04-01.jpg');
}
/*PhoneGap App Development*/
.phngap-01 .box{
    margin-bottom: 5px;
    padding: 10px 20px;
}
.phngap-01 .box-html{
    background: #F2692D;
}
.phngap-01 .box-css{
    background: #33A9DC;
}
.phngap-01 .box-js{
    background: #F0BF23;
}
.phngap-01 .box img{
    width: 100px;
    display: inline-block;
}
.phngap-01 .box span{
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    margin-left: 50px;
}
.phngap-02 p{
    margin-bottom: 40px;
}
.phngap-02 .box{
    margin-bottom: 5px;
    width: 25%;
    background: #EFEEEE;    
    display: inline-block;
    position: relative;
}
.phngap-02 .box a{
    display: block;
    padding: 10px 20px;
    cursor: default;
}
.phngap-02 .box a img{
    width: 100px;
    display: inline-block;
    padding: 10px;
}
.phngap-02 .box a span{
    color: #fff;
    font-size: 25px;
    font-weight: 500px;
    display:none;
    position: absolute;
    left: 1%;
    right: 1%;
    top: 38%;
}
.phngap-02 .box a:hover{
    background: rgba(0, 0, 0, 0.7);
}
.phngap-02 .box a:hover img{
    opacity: .8;
}
.phngap-02 .box a:hover span{
    display:block;
}
.phngap-11 .highlighted{
    background-image:url('../img/phngap11-02.jpg');
}
.phngap-11 .page-bg-color {
    background-color: rgba(255, 195, 0,.8);
}
/*training*/
.training-home {
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
    position: relative;
    background-image:url('../img/portfolio04-01.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}
.training-home .highlight{
    background: rgba(64,67,70,0.9);   
    padding: 80px 0;
}
.training-home .page-color{
    color: #A27175;
}
.training-home h2{
    color: #AFAFAF;
}
.training-home p{
    color: #fff;
}
.training-home a:hover {
    color: #AFAFAF;
}
.training-home .block{
    margin-bottom: 0;
    padding: 20px;
}
.training-home .block a{
    display: inline-block;
    border: 2px solid #AFAFAF;
    border-radius: 20px 0 20px 0;
    width: 200px;
    height: 200px;
    position: relative;
}
.training-home .block img{
    display: block;
    background: #404346;
    width: 100%;
    padding: 20px;
    border-radius: 20px 0 20px 0;   
}
.training-home .block h3{
    color: #A27175;
    margin-top: -50px;
    position: absolute;
    top:20px;
    left:0;
    width: 100%;
    text-align: center;
    display: none;
}
.training-home .block a:hover{
    background: #fff;
}
.training-home .block a:hover h3{
    display: inline-block;
    top: 100px;
}
.training-home .block a:hover img{    
    box-shadow: 0 0 0 #eee;
    display: none;
}
.train-01,
.train-02,
.train-03{
    text-align: center;
    margin-bottom: 80px;
}
.train-01 h3,
.train-02 h3,
.train-03 h3{
    margin: 0;
    text-align:center;
    color: #fff;
    height: 450px;
    padding: 20px 0;
}
.train-01 h3{
    background: #63CAC6;
}
.train-02 h3{
    background: #D8A953;
}
.train-03 h3{
    background: #739CFB;
}
.train-01 p,
.train-02 p,
.train-03 p{
    text-align: justify;
    margin:0;
}
.train-01 img,
.train-02 img,
.train-03 img{
    height: 450px;
    display: inline-block;
}
.train-07,
.train-08,
.train-09{
    margin-bottom: 80px;
}
.train-07 p,
.train-08 p,
.train-09 p{
    margin-bottom: 0;
    text-align: justify;
}
.train-07 img,
.train-08 img,
.train-09 img{
    width: 90%;
    display: inline-block;
}  
.train-07 h3,
.train-07 ul li i.fa{
    color: #63CAC6;
}
.train-08 h3,
.train-08 ul li i.fa{
    color: #D8A953;
}
.train-09 h3,
.train-09 ul li i.fa{
    color: #739CFB;
}
.train-07 ul,
.train-08 ul,
.train-09 ul{
    margin-bottom: 0;
}
.train-11 .highlighted{
    background-image:url('../img/train02-01.jpg');
}
.train-11 .page-bg-color {
    background-color: rgba(53, 152, 220,.8);
}

/*Process*/
.process01{
    position: relative;
    height: 1600px;
}
.process01 img{
    position: absolute;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    width: 1100px;
}
.process01 p{
    position: absolute;
    z-index: 1000;
    text-align: justify;
}
.process01 p.txt01{
    top: 120px;
    left: 385px;
    width: 550px;
}
.process01 p.txt02{
    top: 340px;
    left: 715px;
    width: 450px;
}
.process01 p.txt03{
    top: 700px;
    left: 110px;
    width: 435px;
}
.process01 p.txt04{
    top: 1030px;
    left: 717px;
    width: 350px;
}
.process01 p.txt05{
    top: 1200px;
    left: 55px;
    width: 500px;
}
.process01 p.txt06{
    top: 1390px;
    left: 690px;
    width: 445px;
}
.process02 .box08{
    padding: 30px 15px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    text-align: center;
    display: none;
}
.process02 .box08 img{
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 30px;
}
.process02 .box08 h3{
    display: block;
    font-family: 'Righteous', cursive;
    text-transform: uppercase;
}
.process02 .box08 p{
    text-align: justify;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .fixed-social-icons{
        display: none;
    }
    .home-01 .box-01,
    .home-01 .box-02{
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: left;
    }
    .about-home h2 a {
        display: inline-block;
        width: 100%;
        text-align: center; 
    }
    .process01{
        display: none;
    }
    .process02 .box08{
        display: block;
    }
    .address address {
        padding-right: 0;
    }
    .app-icons .icons {
        padding: 0 15px;
        text-align: center;
    }
    .heading{
        padding-right: 0;
    }
    .about-home, 
    .footer-top{
        text-align: center;
    }
    .services-home,
    .testimoials-home,
    .partners{
        text-align: center;
        padding: 60px 0;
    }
    .icon-box {
        text-align: center;
        margin-bottom: 20px;
    }    
    .quick-Links, .address{
        margin-bottom: 40px;
    }
    .partners .logos{
        text-align: center;
    }
    .partners .logos a{
        margin: 0 5px;
        width: 124px;
        height: 100px;
        background-size: 125px 100px;
    }
    /*testimonials*/
    .testimoials-home h2 {
        padding-right: 0;
    }
    .testimoials-home .block-txt,
    .testi-01 .block-txt{
        min-height: auto;
        padding: 25px;
    }
    .testimoials-home .block-img,
    .testi-01 .block-img{
        margin-bottom: 20px;
    }
    .testimoials-home .block-img img{
        margin-top: 0;
    }
    .testi-01 {
        margin-bottom: 60px;
    }
    .training-home .block:last-child{
        margin-bottom: 0;
    }
    /*about home*/
    .about-home .box{
        padding-right: 0;
    }
    /*services*/
    .services-home h2{
        margin-bottom: 20px;
    }
    .services-10 .box{
        text-align: center;
        box-shadow: 0 5px 10px rgba(0,0,0,.1);
        padding: 20px 15px;
    }
    .services-10 img{
        z-index: 1000;
        position: relative;
        top: 0;
        display: inline-block;
    }
    .services-10 h3{
        margin: 0;
    }
    /*header*/
    .top-menu {
        width: 100%;
        padding: 15px;
        position: fixed;
        top: 0;
        left: 0;
    }
    .banner-text {
        padding: 30px 15px;
        width: 100%;
        height: auto;
        border-bottom: 75px solid #36393c;
        position: relative;
        padding-top: 90px;
    }
    .banner-text .heading{
        width: 100%;
        text-align: center;
    }
    .banner-text .heading p{
        margin: 0
    }
    .banner-img{
        display: none;
    }
    .app-icons {
        margin-bottom: 40px;
    }
    .ios{
        margin-left: 15px;
    }
    .phonegap{
        margin-right: 15px;
    }
    .solution {
        padding-top: 40px;
        padding-bottom: 0;
    }
    .solution .box00,
    .solution .box01,
    .solution .box02, 
    .solution .box03, 
    .solution .box04,
    .solution .box05,
    .solution .box06{
        width: 100%;
        float: left;
        text-align: center;
        margin: 0;
        padding: 0;
        
    }
    .solution .box01 p,
    .solution .box02 p, 
    .solution .box03 p, 
    .solution .box04 p,
    .solution .box05 p,
    .solution .box06 p{
        margin: 0;
        padding: 0;
        width: 100%;
        margin-bottom: 30px;
        font-size: 16px;
    }
    .solution .box01 p strong,
    .solution .box02 p strong, 
    .solution .box03 p strong, 
    .solution .box04 p strong,
    .solution .box05 p strong,
    .solution .box06 p strong{
        font-size: 20px;
        font-weight: 500;
    }
    .solution .box00 img,
    .solution .box01 img,
    .solution .box02 img,
    .solution .box03 img, 
    .solution .box04 img,
    .solution .box05 img, 
    .solution .box06 img{
        height: auto;
        display: none;
        height: auto;
        vertical-align: baseline;
    }
    .solution .box00 img.img-res,
    .solution .box01 img.img-res,
    .solution .box02 img.img-res,
    .solution .box03 img.img-res, 
    .solution .box04 img.img-res,
    .solution .box05 img.img-res, 
    .solution .box06 img.img-res{
        height: auto;
        display: inline-block;
        width: 150px;
        height: auto;
        vertical-align: baseline;
        margin-bottom: 10px;
    }
    .training-home .block img {
        margin-bottom: 30px;
    }
    body{
        font-size: 14px;
    }
    h2{
        font-size: 36px; 
    }
    h3{
        font-size: 20px;
    }
    h2 small,
    h3 small{
        font-size: 14px;
    }
    .heading img {
        margin-top: 5%;
        width: 80%;
        display: inline-block;
    }
    .services .title {
        padding:0;
        padding-bottom: 40px;
    }
    .ios-02 .box{
        padding: 20px 0;
        text-align: center;
    }
    .ios-02 .box img{
        width: 100px;
        margin-bottom: 20px;
    }
    .ios-02 .box span{
        display: block;
    }
    .ios-05 .box{
        width: auto;
    }
    .ios-03{
        text-align: center;
    }
    .ios-03 .box {
        width: auto;
    }
    .android-05 {
        margin-bottom: 175px;    
    }
    .phngap-02 .box{
        width: 100%;
    }
    .win-01{
        height: auto;
    }
    .win-01 .box1, 
    .win-01 .box2,
    .win-01 .box3,
    .win-01 .box4,
    .win-01 .box5,
    .win-01 .box6,
    .win-01 .box61{
        height: auto;
    }
    .win-01 .box1, 
    .win-01 .box4,
    .win-01 .box5,
    .win-01 .box61{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .win-01 img{
        width: auto;
    }
    .android-05{
        background-size: cover;
        background-position: fixed;
    }
    .win-05{
        height: 100%;
        position: relative;
    }
    .border-line{
        border:10px solid #ccc;
        border-radius: 350px;
        width: 80%;
        margin: 0 10%;
        height: 100%;
        border-bottom: 10px solid #ccc;
    }
    .win-05 .box1{
        width: 100%;
        position: relative;
        top: 100px;
        left: 0;
        background: transparent;
        color: #fff;
        margin-bottom: 150px;
    }
    .win-09 {
        margin-top: 0;
        position: relative;
    }

    /*training*/
    .train-01,
    .train-02,
    .train-03,
    .train-07,
    .train-08,
    .train-09{
        margin-bottom: 60px;
    }
    .train-01 h3,
    .train-02 h3,
    .train-03 h3{
        height: 60px;
        margin-bottom: 20px;
    }
    .train-01 img, 
    .train-02 img, 
    .train-03 img {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .train-07 img,
    .train-08 img,
    .train-09 img{
        width: 100%;
        display: block;
        margin: 20px 0;
    }
    .footer-middle {
        background-size: auto 20%;
        background-position: center center;
    }
    .solutions-home {
        background-size: cover;
    }
    .services-09{
        display: none;
    }
    .services-10{
        display: block;
    }
    .home-01{
        position: relative;
        height: 100%;
    }
    .home-01 .home-bg01{
        display: none;
    }
    .home-01 .box01,
    .home-01 .box02,
    .home-01 .box03{
        position: relative;        
    }
    .home-01 .box01{
        top:0;
        left:0;
        width: 100%;
        margin-bottom: 40px;
    }
    .home-01 .box02{
        top:0;
        right:0;
        width: 100%;
        margin-bottom: 40px;
    }
    .home-01 .box03{
        bottom:0;
        left:0;
        width: 100%;
    }
    .win-55 .box10{
        color: #fff;
        padding: 50px;
        text-align: center;
    }
    .win-55 .box10 img{
        margin-bottom: 30px;
    }
    .app-marketing-page img{
        width: 100%;
    }

}
@media (min-width: 768px) and (max-width: 991px){    
    .fixed-social-icons{
        display: none;
    }
    /*training*/
    .train-01,
    .train-02,
    .train-03,
    .train-07,
    .train-08,
    .train-09{
        margin-bottom: 60px;
    }
    .train-01 h3,
    .train-02 h3,
    .train-03 h3{
        height: 60px;
        margin-bottom: 20px;
    }
    .train-01 img, 
    .train-02 img, 
    .train-03 img {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .train-07 img,
    .train-08 img,
    .train-09 img{
        width: 100%;
        display: block;
        margin: 20px 0;
    }
    /*process*/
    .process01{
        display: none;
    }
    .process02 .box08{
        display: block;
    }
    .address address {
        padding-right: 50px;
    }
    .app-icons .icons{
        padding-right: 5%;
        text-align: right;
    }
    .heading{
        padding-right: 0;
    }
    .partners .logos{
        text-align: center;
    }
    .testimoials-home h2{
        margin-bottom: 40px;
    }
    .banner-text {
        width: 100%;
        height: 90%;
        padding-top: 13%;
    }
    .footer-middle .address{
        margin-bottom: 60px;
    }
    .footer-middle .follow{
        margin-bottom: 40px;
    }
    .contact-box{    
        background-position: center center;
    }
    .heading img {
        margin-top: 2%;
        width: 60%;
    }
    .services .title {
        padding:0;
        padding-bottom: 40px;
    }
    .ios-02 .box{
        padding: 20px 0;
        text-align: center;
    }
    .ios-02 .box img{
        width: 100px;
        margin-bottom: 20px;
    }
    .ios-02 .box span{
        display: block;
    }
    .ios-05 .box{
        width: 20%;
    }
    .android-05 {
        margin-bottom: 190px;
    }
    .win-01{
        height: auto;
    }
    .win-01 .box1, 
    .win-01 .box2,
    .win-01 .box3,
    .win-01 .box4,
    .win-01 .box5,
    .win-01 .box6,
    .win-01 .box61{
        height: auto;
    }
    .win-01 .box1, 
    .win-01 .box4,
    .win-01 .box5,
    .win-01 .box61{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .win-01 img{
        width: auto;
    }
    .win-05 {
        height: 100%;
        position: relative;
    }
    .border-line{
        border:10px solid #ccc;
        border-radius: 320px;
        width: 80%;
        margin: 0 10%;
        height: 100%;
        border-bottom: 10px solid #ccc;
    }
    .win-05 .box1 {
        width: 70%;
        position: relative;
        top: 100px;
        left: 0;
        background: #fff;
        color: #fff;
        float: left;
    }
    .services-09 .tite-01{
        position: absolute;
        top: -55px;
        left: 0;
    }
    .services-09 .tite-02{
        position: absolute;
        top: 120px;
        right: 0; 
        text-align: right;
    }
    .services-09 .tite-03{
        position: absolute; 
        top: 70px;
        left: 0px;
    }
    .services-09 .tite-04{
        position: absolute;
        top: 265px;
        right: 0; 
        text-align: right;
    }
    .services-09 .tite-05{
        position: absolute; 
        top: 300px;
        left: 0;
    }
    .home-01 .home-bg01 {
        position: absolute;
        text-align: center;
        width: 100%;
    }
    .home-01 .home-bg01 img {
        width: 90%;
    }
    .home-01 .box01{
        top:5px;
        left:0;
        width: 300px;
    }
    .home-01 .box02{
            top: 0;
    right: 81px;
    width: 255px;
    }
    .home-01 .box03{
        bottom: 20px;
    left: 110px;
    width: 300px;
    }
    .home-01 {
        position: relative;
        height: 740px;
    }
    .solutions01 {
        width: 100%;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .process01 {
        height: 1300px;
    }
    .process01 img {
        width: 900px;
    }
    .process01 p {
        line-height: 20px;
        font-size: 14px;
    }
    .process01 p.txt01{
        top: 96px;
        left: 320px;
        width: 500px;
    }
    .process01 p.txt02{
        top: 275px;
    left: 590px;
    width: 360px;
    }
    .process01 p.txt03{
        top: 580px;
        left: 95px;
        width: 435px;
    }
    .process01 p.txt04{
        top: 840px;
    left: 592px;
    width: 300px;
    }
    .process01 p.txt05{
       top: 970px;
    left: 55px;
    width: 390px;
    }
    .process01 p.txt06{
        top: 1145px;
    left: 570px;
    width: 315px;
    }
    .address address {
        padding-right: 70px;
    }
    .partners .logos a{
        width: 130px;
        height: 104px;
        border-radius: 20px 0 20px 0;
        margin: 0 25px;
        background-size: 130px 104px;
    }
    .banner-text {
        width: 40%;
        height: auto;
    }
    .banner-text .heading {
        width: 100%;
    }
    .services .title {
        padding-top: 0;
        padding-right: 10px;
    }
    .ios-02 .box{
        padding: 20px 0;
        text-align: center;
    }
    .ios-02 .box img{
        width: 100px;
        margin-bottom: 20px;
    }
    .ios-02 .box span{
        display: block;
    }
    .ios-05 .box{
        padding: 0px 3px;
    }
    .home-01 .box01{
        top:25px;
        left:0;
        width: 300px;
    }
    .home-01 .box02{
        top:20px;
        right:180px;
        width: 300px;
    }
    .home-01 .box03{
        bottom:20px;
        left:165px;
        width: 300px;
    }
    .services-09 .tite-01{
    position: absolute;
    top: 10px;
    left: 0;
    }
    .services-09 .tite-02{
        position: absolute;
        top: 115px;
        right: 30px; 
        text-align: left;
    }
    .services-09 .tite-03{
        position: absolute; 
        top: 200px;
        left: 0px;
    }
    .services-09 .tite-04{
        position: absolute;
        top: 260px;
        right: 0; 
        text-align: left;
    }
    .services-09 .tite-05{
        position: absolute; 
        top: 300px;
        left: 140px;
    }
}