html {
    scroll-behavior: smooth;
    transition: 0.7s;
  }
.header{
    padding-left: 15px;
}
.header p,
.header li a{
    color:#ffd9db;
}
.header li{
    float: right;
    padding-left: 15px;
}
.header .col-lg-9{
    background: url(../images/header_slant-2.jpg) no-repeat #C4020A;
    padding:13px 0 10px 0;
}
.header ul{
    padding-right: 30px;
}
.s_service{
    padding: 15px 0 0 20px;
    background: url(../images/header_slant.jpg) no-repeat 0 8px;
}

/* menu section */
.menu_section{
    border-bottom: 1px solid #dadada;
    padding:20px 0;
}
.mob_menu,
.menu_bars{
    display:none;
}
.menu{
    padding-top: 10px;
}
.menu li a{
    color: #474747;
    font-weight: 500;
    padding-left: 25px;
}
.menu li li{
    float: none;
    padding:10px;
    margin:10px 0;
    background: #ececec;
}
.menu li li a{
    padding-left: 0;
}
.menu_dropdown{
    width: 270px;
    left: 30px;
    height: 0px;
    z-index: 9;
    padding-top: 33px;
}
.menu_dropdown_show:hover .menu_dropdown{
    height: auto;
}
.menu_dropdown_show:hover .menu_dropdown li{
    margin:0px;
    border-bottom:1px dashed #aeaeae;
}
.menu_dropdown li::before{
    content: '';
    right:0;
    width: 0px;

    top:0;
}
.menu_dropdown li:hover::before{
    width: 20px;
}
/* stickymenu */
.fixed{
    position:fixed;
    width: 100%;
    top:0;
    left: 0;
    z-index: 99;
}
.stickylogo{
    width:150px;
    transition: 0.7s;
}
/* slider section */
.slider_section{
    background:#f5f5f5;
}
.slider_section strong{
    color:#1d1c1c;
}
.slider_section p{
    padding: 17px 0 30px 0;
}
.slider_section .col-lg-7{
    padding-top: 30px;
}
.slider_section .col-lg-7 a{
    padding:15px 22px;
    margin-right: 20px;
    width: 150px;
}
.slider_section a:nth-child(odd){
    border:1px solid #778191;
}
.slider_section a:nth-child(odd):hover{
    border:1px solid #1ca440;
}
.relative{
    position: relative;
}
.relative::before{
    position: absolute;
    left: -20px;
    top: -25px;
    width: 100px;
    height: 100px;
    background:#1ca440;
    border:17px solid #1fc34a;
    content: '';
    -webkit-animation: ripple 0.5s ease-out infinite;
    animation: ripple 1.6s ease-out infinite;
}
@keyframes ripple {
    0%, 35% {
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 1;
    }
    50% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
      opacity: 0.8;
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
    } 
  }
.diagonal{
    background:url(../images/diagonal.png) no-repeat center bottom;
    height: 68px;    
}
.scroll{
    bottom: 0%;
}
.scroll_div{
    width: 40px;
    height: 70px;
    border-radius:37px;
    margin:0 auto;
    border:2px solid #545454;
    padding-top: 5px;
}
.floating {
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
 @keyframes floating {
 0% {
 transform: translateY(0%);
}
 50% {
 transform: translateY(2%);
}
 100% {
 transform: translateY(0%);
}
}
 @-webkit-keyframes floating {
 0% {
 -webkit-transform: translateY(0%);
}
 50% {
 -webkit-transform: translateY(20%);
}
 100% {
 -webkit-transform: translateY(0%);
}
 }

 /* service section */
 .service_sec{
     padding:40px 0 80px 0;
 }
 .testi_titel{
     padding-bottom: 40px;
 }
 .service_title{
     padding-bottom: 20px;
 }
 .service_title strong{
     padding:100px 0 5px 0;
     background:url(../images/dots.png) no-repeat center;
 }
 .service_title p{
     font-size: 18px;
 }
 .service_sec .col-lg-6{
    padding:3px;
 }
 .service_sec li:nth-child(1){
     width:30%;
 }
 .service_sec li:nth-child(2){
     width: 70%;
     padding: 10px;
 }
 .service_box{
     padding: 20px 15px;
     border:1px solid #eaeaea;
     -webkit-box-shadow: 1px 5px 14px 0px rgba(233,233,233,1);
    -moz-box-shadow: 1px 5px 14px 0px rgba(233,233,233,1);
    box-shadow: 1px 5px 14px 0px rgba(233,233,233,1);
 }
 .service_box:hover{
     box-shadow:none;
 }
 .service_box:hover li img{
     transform: scale(1.1);
 }
 .service_sec li a:nth-child(1){
     color:#000;
     padding-bottom: 2px;
 }
 .service_box_hightlight{
     right: 4px;
     top: 4px;
     padding:2px 8px;
 }
 .green{
     background:#22a645;
 }
 /* others services */
 .wrap-title{
    background:url(../images/line.jpg) repeat-x #f4f6f8;
    top:0
 }
 .other_services{
     height: 75vh;
     overflow-y: scroll;
     background:#f4f6f8;
 }
 .other_services strong{
     background:url(../images/skew.jpg) no-repeat right #1e2127;
     padding:11px 5px 8px 10px;
     width:70%;
 }
 .other_services li:nth-child(1){
     width: 15%;
 }
 .other_services li:nth-child(1) img{
     width: auto !important;
     padding-top: 13px;
 }
 .other_services li:nth-child(2){
    width: 85%;
}
.service_wrap{
    padding:0 15px;
    border-bottom:1px solid #ebebeb;
}
.service_wrap:hover li img,
.login .col-lg-6 strong img:hover{
    transition: 0.7s;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -ms-transition: 0.7s;
    -o-transition: 0.7s;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
/* software highlights */
.software_highlight{
    background: url(../images/dots.jpg) no-repeat center right #1e2127;
    padding-right: 60px;
}
.software_highlight .col-lg-7{
    padding:30px 25px 0 25px;
}
.software_highlight h2{
    padding: 0 0 20px 40px;
    background: url(../images/software.jpg) no-repeat 0 3px;
}
.software_highlight p{
    padding-left: 40px;
}
.software_highlight li{
    background: url(../images/check.png) no-repeat 10px 8px;
}
.software_highlight ul li{
    padding:5px 15px 5px 30px;
    border:1px dashed #262a33;
    width:45%;
    margin:3px;
}
.software_highlight ul{
    margin-left: 40px;
    padding-bottom: 20px !important;
}
.software_highlight a{
    display: inline-block;
    margin-right: 60px;
}
.software_highlight .col-lg-7 a:nth-child(odd){
    padding:8px 20px 8px 0;
}
.software_highlight .col-lg-7 a:nth-child(odd) span{
    padding:10px 15px;
    margin-right: 10px;
}
.software_highlight .col-lg-7 a:nth-child(odd):hover span i{
    color:#1ca440 !important;
}
/* about section */
.abt_sec{
    padding:80px 0;
    background:url(../images/gradient.png) no-repeat;
}
.abt_sec strong{
    padding: 10px 0 10px 0;
}
/* custom accordion tab */
.accordion_sec{
    margin-bottom: 3px;
}
.accordion_sec b i{
    float: right;
    font-size: 24px;
}
.accordion_sec b{
    padding:13px;
}
.accordion_sec b:hover i{
    color:#1e2127;
}
.accordion_sec p{
    font-size: 14px !important;
    line-height: 22px !important;
    color:#424242 !important;
    padding:10px 0;
}
/* subscribe */
.subscribe{
    background:url(../images/line-subscribe.jpg) repeat-x;
    padding-bottom: 40px;
}
.subscribe_title{
    padding: 40px 0 20px 0;
    background:url(../images/organic-shape.jpg) no-repeat center bottom;
}
.subscribe-form{
    padding:40px;
    -webkit-box-shadow: 1px 2px 5px 1px rgba(173,173,173,1);
    -moz-box-shadow: 1px 2px 5px 1px rgba(173,173,173,1);
    box-shadow: 1px 2px 5px 1px rgba(173,173,173,1);
}
.subscribe form button{
    padding: 15px 5px;
}
.subscribe-form b{
    padding: 0 0 10px 15px;
}
.subscribe span{
    font-size: 26px;
    padding-bottom: 10px;
    color:#a5060d;
}
.subscribe .col-lg-4 p{
    color:#333;
}
.call-us{
    background:url(../images/call_us.png) no-repeat;
    padding-left: 50px;
}
.mail-us{
    background:url(../images/mail_us.png) no-repeat;
    padding-left: 60px;
}
.customer-care{
    background:url(../images/customer-service.png) no-repeat;
    padding-left: 50px;
}
/* testimonial */
.testimonial{
    border-top: 1px solid #ebebeb;
    padding: 60px 0 80px 0;
    background:url(../images/gradient-1.png) no-repeat;
    background-size: contain;
}
.testimonial strong{
    font-size: 20px;
    background:url(../images/quote.png) no-repeat left top;
    padding:50px 0 10px 0;
}
/* footer */
.footer{
    background: url(../images/footer-bg.png) no-repeat #1e2127;
    padding:60px 0;
}
.footer strong{
    padding-bottom: 10px;
    background: url(../images/footer-line.png) no-repeat left bottom;
    margin-bottom: 20px;
}
.footer li{
    padding:2px 0;
}
.footer li:hover{
    padding:2px 0 2px 4px;
}
.footer ul{
    padding-top: 10px;
}
.request_footer{
    width: 150px;
    padding:8px 5px !important;
    margin-top: 10px;
}
.footer iframe{
margin-bottom: 10px;
}
/* social */
.border{
    border-top: 1px dashed #262a33;
    padding-top: 10px;
}
.social li{
    margin-right: 10px;
    padding:8px 20px !important;
}
.social li:hover{
    padding:auto !important;
}
.social li:nth-child(1),
.exe_follow li:nth-child(1),
.staff_follow li:nth-child(1){
    background:#38569b;
}
.social li:nth-child(1):hover,
.exe_follow li:nth-child(1):hover,
.staff_follow li:nth-child(1):hover{
    background:#294c99;
}
.social li:nth-child(1) i{
    color:#284483;
}
.social li:nth-child(2),
.exe_follow li:nth-child(2),
.staff_follow li:nth-child(2){
    background:#01a4ed;
}
.social li:nth-child(2):hover,
.exe_follow li:nth-child(2):hover,
.staff_follow li:nth-child(2):hover{
    background:#44c5ff;
}
.social li:nth-child(2) i{
    color:#0487c2;
}
.social li:nth-child(3),
.exe_follow li:nth-child(3),
.staff_follow li:nth-child(3){
    background:#0b5b82;
}
.social li:nth-child(3):hover,
.exe_follow li:nth-child(3):hover,
.staff_follow li:nth-child(3):hover{
    background:#6090a6;
}
.social li:nth-child(3) i{
    color:#16465d;
}
.social li:nth-child(4){
    background:#f7004a;
}
.social li:nth-child(4):hover{
    background:#992c94;
}
.social li:nth-child(4) i{
    color:#b8043c;
}
.social li i{
    width: 20px;
    height: 20px;
    padding-top: 3px;
}
.copyright p{
    color:#3f3f3f !important;
    padding-top: 20px;
}
/* support */
.support{
    top:300px;
    right: 10px;
    z-index: 99;
}
/* clients */
.clients{
    border-top:1px solid #ebebeb;
    padding:60px 0;
}
/* back to top */
#myBtn 
{
  bottom: 20px;
  right: -100%;
  z-index: 99;
  height:47px;
  width:45px;
  padding:0 !important;
  transition: 1.5s;
}
/* breadcrumb here */
.bread_crumb{
    padding: 20px;
}
.bread_crumb a,
.bread_crumb{
    color: #777;
}
.bread_crumb{
    text-transform: uppercase;
}
.bread_crumb a{
    padding-left: 15px;
}
/* Login */
.login{
    z-index: 999;
    background: rgba(0, 0, 0, 0.9);
    height: 100%;
    top: -100%;
    transition: 0.7s;
}
.login .container,
.complain .container{
    top:50px;
}
.login strong{
    font-size: 20px;
    border-bottom: 1px dashed #262a33;
}
.login strong{
    padding:15px 60px;
}
.login form{
    padding:5px 60px 20px ;
}
.login input{    
    border:1px solid #ebebeb;
}
.login label{
    padding-top:10px;
}
.login button{
    width:200px;
    margin-top: 20px;
}
.login p{
    font-size: 22px;
}
.exe_follow{
    bottom: 50px;
    left: 0;
}
.executive img,
.abt_sec em{
    padding-left: 15px;
}
.executive img{
    margin-bottom: 10px;
}
.abt_sec em{
    font-style: normal;
    text-transform: uppercase;
}
.exe_follow li:hover{
    width: 40px;
}

/* staff */
.staff_follow{
    z-index: 1;
    bottom: -100%;
    left: 20%;
    right: 20%;
    opacity: 0.1;
    transform: scale(0);
}
.owl-carousel-staff .col-lg-3:hover .staff_follow{
    bottom:30px;
    opacity: 1;
    transform: scale(1);
}
.owl-carousel-staff .col-lg-3:hover .staff_img img{
    opacity: 0.3;
}
.staff_follow li{
    margin:0 6px;    
}
.staff_follow li:nth-child(2){
    margin-top: -15px;
}
.staff_follow_link{
    margin: 0 auto;
    width: 130px;
    padding:12px 0;
    background: #dbdbdb;
}
.owl-carousel-staff .col-lg-3 b{
    padding: 20px 0 5px 0;
    font-size: 18px;
}
.owl-carousel-staff .col-lg-3 span{
    text-transform: uppercase;
}
/* contact */
.cnt{
    padding:40px 0;
    background: url(../images/cnt-bg.png) no-repeat right;
}
.cnt input,.cnt select{
    height: 30px;
}
.cnt label{
    padding-top: 8px;
}
.cnt textarea{
    height: 60px;
}
.cnt button{
    padding:7px 20px;
    margin-top: 10px;
}

/* article */
.article h1{
    font-size: 30px;
}
.article h2{
    font-size:20px;
}
.article b{
    color:#6a6a6a;
    padding:5px 0 10px 0;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px;
}
.article .other_services{
    height: auto;
    overflow: auto;
}
.article li{
    width: 30% !important;
    padding:12px 15px !important;
    margin:5px;
    background: #1E2127;
}
.article ul{
    padding-top: 20px;
}
.article li img{
    width: auto !important;
    padding-right: 5px;
}
/* project details */
.owl-carousel-project{
    padding-top: 10px;
}
.pro_details{
    left: 30px;
    right: 30px;
    bottom: 10px;
    z-index: 1;
    background: rgba(196, 2, 10, 0.97);
    padding:12px 10px;
}
/* sidebar */
.sidebar{
    margin:20px 0;
    padding:10px 10px 20px 10px;
    background:#fff;
    -webkit-box-shadow: 1px 5px 14px 0px rgba(233,233,233,1);
    -moz-box-shadow: 1px 5px 14px 0px rgba(233,233,233,1);
    box-shadow: 1px 5px 14px 0px rgba(233,233,233,1);
    border:1px solid #f7f7f7;
}
.sidebar li{
    width:auto !important;
    padding:5px 5px !important;
    background:#f6f6f6;
    text-align: left !important;
}
.sidebar li a{
    color:#9c3e42 !important;
}
.Portfolio li{
    width: 100% !important;
}
.service_sec a{
    padding:2px 0;
}
.spin{
    background: url(../images/spin.png) repeat;
    left: 0;
    top:0;
    width:100%;
    height: 100%;
    -webkit-animation: 50s ease 0s normal none infinite running big-spin;
    animation: 50s ease 0s normal none infinite running big-spin;
}
/* complain */
.complain{
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
}
.radioacc input[type=radio]
{
    width: 17px !important;
    vertical-align: middle;
    padding-top: 20px;
    margin-top: -5px;
    border:2px solid #1ca440 !important ;
}
.btn_sec button{
    width: 180px !important;
    background:#1E2127 !important;
    padding:12px 0;
    border:1px solid #000 !important;
}
.btn_sec{
    padding-bottom: 8px;
}
.form1,.form2{
    background:#f8f8f8;
    padding:20px 10px;
    border-radius:7px;
    border:1px solid #ebebeb;
    -webkit-box-shadow: 1px 5px 14px 0px rgba(233,233,233,1);
    -moz-box-shadow: 1px 5px 14px 0px rgba(233,233,233,1);
    box-shadow: 1px 5px 14px 0px rgba(233,233,233,1);
}
/* portfilio */
.port-details{
    margin-bottom: 20px;
    background:#f7f7f7 !important;
}
.port-details b{
    padding-bottom: 8px;;
}
.category b{
    float: left;
    margin-right: 5px;
}
.category a{
    background:#1d1c1c;
    border-radius:2px;
    padding:5px 0;
    width: 100px;
    display: block;
    margin-top:10px;
    opacity:0;
    font-size: 10px !important;
}
.screen  {
    display: block;
    height: 270px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    padding-top: 20px;
    border-radius:7px 7px 0 0;
  }
  
  .screen img {
    max-width: 100%;
    height: auto;
    position: absolute;
    z-index: 0;
    margin: auto;
    left: 0;
    right: 0;
    top:40px;
    padding:20px;
    background:#1d1c1c;
    border-radius:7px;
  }
  .service_box:hover .category a{
      opacity:1;
      margin-top: 0px;
  }