@import url(https://fonts.googleapis.com/css?family=Roboto:500);
*{
    font-family:"Open Sans","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
    outline:none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body{
    background:#fff;
    font-size:13px;
}
button{
    box-shadow:none !important;
}
.scroll_none{
    overflow: hidden !important;
}
.green_section{
    background:#10af88;
}
.clear{
    clear:both;
    width:0;
    height:0;
}
p.text{
    font-size:1.1em;
    line-height:26px;
    margin-top:30px;
    margin-bottom:0;
}
.btn{
    display:inline-block;
    padding:0 30px;
    height:35px;
    font-size:1em;
    border-radius:5px;
    border:none;
    text-transform:uppercase;
    background:#555;
    font-weight:500;
    margin-top:20px;
}
.btn:hover{
    background:#414141 !important;
    color:#fff !important;
}
button.white{
    background:#fff !important;
    color:#555 !important;
}
button.green{
    background:#10af88 !important;
    color:#fff !important;
}
.contact_popup_btn{
    width:40px;
    height:253px;
    position:fixed;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
}
.contact_popup_btn img:last-child{
    margin-top:3px;
}
.social_share{
    position:fixed;
    height:155px;
    top:0;
    bottom:0;
    margin:auto;
}
.social_share ul{
    margin:0;
    padding:0;
    margin-left:-75px;
}
.social_share ul li{
    list-style:none;
}
.social_share a{
    width:110px;
    font-size:small;
    font-weight:bold !important;
    height:35px;
    padding-left:8px;
    color:#fff;
    background:#888;
    display:block;
    text-decoration:none !important;
    line-height:40px;
    margin:3px 0;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}
.social_share a:hover{
    margin-left:75px;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}
.social_share a .fa{
    width:35px;
    height:35px;
    float:right;
    text-align:center;
    line-height:35px;
    border-left:rgba(255,255,255,0.2) solid 1px;
}
.social_share .facebook a{
    background:#3a579d !important;
}
.social_share .google_plus a{
    background:#dc4a3d !important;
}
.social_share .twitter a{
    background:#54abee !important;
}
.social_share .linkedin a{
    background:#007ab9 !important;
}
.social_share .email a{
    background:#ffa500 !important;
}
.social_share .message a{
    background:#d11f5f !important;
}
.social_share .instagram a{
    background:#517fa6 !important;
}

.custom_navbar{
    position:absolute;
    z-index:9;
    width:100%;
}
.custom_navbar .navbar-default{
    border-radius:0;
    border:none;
    margin-top:15px;
    background:none;
}
.custom_navbar .navbar-brand{
    background:#fff !important;
    height:auto;
    width:90px;
    overflow:hidden;
    border-radius:0 10px 10px 0;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}
.custom_navbar .navbar-brand:hover{
    width:240px;
}
.custom_navbar .navbar-brand img{
    width:210px;
}
.custom_navbar ul li a{
    color:#fff !important;	
    text-transform:uppercase;
    padding:12px 15px;
    font-weight:500;
}
.custom_navbar ul li.active a{
    background:none !important;	
}
.custom_navbar ul li.active a:before{
    background:#10af88 !important;
    content:"";
    bottom:0;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    width:30px;
    height:3px;
}
.down_arrow{
    position:absolute;
    z-index:99;
    width:50px;
    display:block;
    height:30px;
    left:0;
    margin:auto;
    text-align:center;
    font-size:30px;
    color:#fff !important;
    right:0;
    bottom:10px;
}
.custom_slider .item:before{
    content:"";
    /*background:url(../images/gridtile.png);
    opacity:0.1;*/
    background:rgba(0,0,0,0.2);
    position:absolute;
    width:100%;
    height:100%;
    z-index:999;
}
.custom_slider .carousel-control{
    width:40px;
    height:40px;
    opacity:1;
    bottom:0;
    top:0;
    margin:auto;
    line-height:40px;
    padding-top:6px;
    font-size:2em;
    background:rgba(0,0,0,0.6);
    text-shadow:none;
}
.custom_slider .carousel-control.left{
    left:10px;
}
.custom_slider .carousel-control.right{
    right:10px;
}
.custom_slider .carousel-caption{
    z-index:999;
    text-shadow:none;
    height:230px;
    top:0;
    bottom:0;
    margin:auto;
    padding:0;
}
.custom_slider .carousel-caption h3{
    font-size:3.5em;
    font-weight:500;
    margin:0;
}
.custom_slider .carousel-caption p{
    font-size:1.5em;
    margin:0;
    margin-top:20px;
}
.custom_slider .carousel-caption h3 strong{
    font-weight:500;
    color:#10af88;
}
.custom_slider .carousel-caption  span button{
    margin:0 5px;
    margin-top:30px;
}
.consulting{
    padding:20px 0;
}
.consulting .col-md-12{
    position:relative;
    padding-right:200px;
}
.consulting h4{
    margin:0;
    color:#fff;
}
.consulting p{
    color:#fff;
    margin-top:10px;
}
.consulting button{
    top:0;
    bottom:0;
    margin:auto;
    position:absolute;
    right:0;
}
.about_us{
    padding:70px 0;
    background:#f9f9f9;
}
h5.title{
    font-size:2em;
    text-transform:uppercase;
    margin-top:50px;
    position:relative;
    margin-bottom:0;
    padding-left:20px;
}
.about_us img{
    max-width:100%;
}
h5.title:after{
    content:"";
    width:15px;
    height:40px;
    left:0;
    top:-10px;
    background:url(../images/title_icon.png);
    background-size:100%;
    background-repeat:no-repeat;
    position:absolute;
}
.about_us button{
    margin-top:20px;
}
.services h5.title{
    width:215px;
    margin:auto;
}
.services{
    padding-top:70px;
    border-bottom:#e5e5e5 solid 1px;
}
.services.all{
    background:#f9f9f9;
}
.it_services .it .service{
    background:#303a3e !important;
}
.it_services .it .service h2, .it_services .it .service p{
    color:#fff;
}
.it_services .it .service h2:after{
    background:rgba(255,255,255,0.4);
}
.it_services .it .service_title{
    background:#303a3e !important;
    color:#fff;
}
.it_services .service_title{
    border-bottom:#10af88 solid 6px;
    height:70px;
    line-height:70px;
    text-align:center;
    font-size:16px;
    text-transform:uppercase;
    font-weight:600;
    margin-bottom:15px;
    text-align:center;
}/*
.services.all h5.title{
        color:#fff;
}
.services.all .text-center p.text{
        color:#fff;
}*/
.services .btn{
    margin-bottom:105px;
}
.services.all .container-fluid{
    background:#f9f9f9;
}
.it_services{
    padding:0 50px;
    position:relative;
    margin-top:-70px;
    margin-bottom:50px;
}
.it_services span.icon{
    width:60px;
    height:60px;
    text-align:center;
    color:#fff;
    font-size:2.5em;
    background:#333;
    padding-top:10px;
    display:block;
}
.it_services span.icon img{
    width: 40px;
}
.it_services .row{
    background:#fff;
}
.it_services .service{
    padding:30px;
    background:#fff;
    border-bottom:#ddd solid 1px !important;
    border-right:#ddd solid 1px !important;
}
.it_services .service:hover{
    background:#10af88 !important;
    cursor:pointer;
}
.it_services .service:hover h2, .it_services .service:hover p{
    color:#fff;
}
.it_services .service:hover span.icon{
    background:rgba(0,0,0,0.2);
}
.it_services .service:hover h2:after{
    background:#fff;
}
.sub_title{
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    color:#fff;
    left:0;
    width:50%;
    text-transform:uppercase;
    height:22px;
    line-height:22px;
    text-align:center;
    font-size:2em;
}
.sub_title:before{
    content:"";
    width:40px;
    height:3px;
    left:0;
    right:0;
    margin:auto;
    background:#10af88;
    position:absolute;
    bottom:-20px;
}
.legal_service .sub_title{
    right:0;
    left:auto;
}
.it_services .service h2{
    font-size:1.2em;
    text-transform:uppercase;
    margin:0;
    height:45px;
    position:relative;
    margin-top:35px;
}
.it_services .service h2:after{
    content:"";
    position:absolute;
    bottom:0;
    width:30px;
    height:4px;
    left:0;
    background:#444;
}
.it_services .service p{
    margin-top:25px;
}
.it_services.legal_service{
    background:url(../images/legal_services.jpg) no-repeat fixed bottom left !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.colaborate .col-md-3{
    padding-left:60px;
    font-size:1.4em;
    font-weight:600;
    margin-top:30px;
    margin-bottom:20px;
    text-align:left;
    padding-top:10px;
    text-transform:uppercase;
}
.colaborate img{
    width:50px;
    position:absolute;
    left:0;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    top:0;
}
.filter-button{
    background:none;
    margin-top:40px !important;
    color:#888;
    font-size:1.1em !important;
    margin-bottom:20px !important;
    font-weight:600 !important;
}
.filter-button:hover{
    background:none !important;
    color:#888 !important;
}
.filter-button.active{
    background:none;
    color:#10af88 !important;
}
.gallery_filter .filter{
    margin-bottom:30px;
    position:relative;
    width:30%;
    margin-left:2%;
    float:left;
    overflow:hidden;
}
.gallery_filter .filter .text_view{
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    z-index:99;
    position:absolute;
    opacity:1;
    padding:20px;
    top:214px;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
}
.gallery_filter .filter img{
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
}
.gallery_filter .filter:hover img{
    transform: rotate(3deg) scale(1.1);
}
.gallery_filter .filter:hover .text_view{
    bottom,:auto;
    top:0;
    opacity:1;
    background:rgba(16,175,136,0.5);
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
}
.gallery_filter .filter .text_view h5{
    text-transform:uppercase;
    color:#fff;
    font-weight:600;
    font-size:1.5em;
}
.gallery_filter .filter .text_view a{
    position:absolute;
    bottom:20px;
    text-transform:uppercase;
    color:#fff;
    text-decoration:none;
    font-weight:600;
    display:block;	
}
.website_counter{
    text-align:center;
    font-size:1.2em;
    line-height:35px;
    text-transform:uppercase;
    font-weight:600;
}
.website_counter img{
    margin-bottom:20px;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}
.website_counter .col-md-3:hover img, .colaborate .col-md-3:hover img{
    filter: FlipH;
    -ms-filter: "FlipH";
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.website_counter span{
    font-size:1.8em;
    font-weight:600;;
}
h5.white_title:after {
    content: "";
    width: 15px;
    height: 40px;
    left: 0;
    top: -10px;
    background: url(../images/title_icon_white.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
}

.testimonials{
    text-align:center;
    background:#10af88;
    padding-bottom:70px;
}
.testimonials .title, .testimonials  p.text{
    color:#fff;
}
.testimonials_slide .carousel-inner > .item {
    -webkit-transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out left;
}
.testimonials_slide .carousel-inner .active.left {
    left: -33.3333%;
}
.testimonials_slide .carousel-inner .active.right {
    left: 33.3333%;
}
.testimonials_slide .carousel-inner .next {
    left: 33.3333%;
}
.testimonials_slide .carousel-inner .prev {
    left: -33.3333%;
}

.custom_navbar.fixed {
  background: #414141 none repeat scroll 0 0;
  position: fixed;
  z-index: 999;
}
.custom_navbar.fixed .navbar.navbar-default {
  margin: 6px 0 !important;
}

.custom_navbar.fixed .navbar-brand {
    width: 240px !important;
}


@media all and (transform-3d), (-webkit-transform-3d) {
    .testimonials_slide .carousel-inner > .item {
        -webkit-transition: 500ms ease-in-out all;
        transition: 500ms ease-in-out all;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-transform: none!important;
        transform: none!important;
    }
}
.testimonials_slide .carouse-control.left,
.testimonials_slide .carouse-control.right {
    background-image: none;
}
.testimonials_view{
    text-align:left;
    opacity:0.2;
    margin-top:40px;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}
.item.active .testimonials_view:nth-child(2){
    opacity:1;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}
.testimonials h2{
    margin:0;
    color:#fff !important;
    font-size:1.5em;
    text-transform:uppercase;
}
.testimonials_view p.comment{
    padding:20px;
    color:#333;
    font-weight:600 !important;
    line-height:25px;
    font-size:1.2em;
    padding-left:75px;
    background:url(https://www.mylexinfotech.com/assets/images/comma.png) no-repeat;
    background-color:#fff;
    background-position:20px 25px;
    background-size:35px;
    position:relative;
    border-radius: 10px;
}
.testimonials_view p.comment:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 0;
    border-color: #fff transparent transparent transparent;
    content:"";
    position:absolute;
    left:50px;
    bottom:-30px;
}
.client_profile_view{
    width:100%;
    margin-top:50px;
}
.client_profile_view img{
    width:80px;
    height:80px;
    border-radius:100%;
    border:rgba(0,0,0,0.2) solid 6px;
    float:left;
}
.client_profile_view h4{
    float:left;
    font-size:1.2em;
    margin:0;
    line-height:80px;
    margin-left:15px;
    color:#fff;
    font-weight:700;
}
.client_profile_view h4 span{
    color:#fff;
    font-weight:700;
}
.carousel-indicators{
    width:100%;
    float:left;
    position:absolute;
    margin:0;
    left:0;
    right:0;
    margin-top:30px;
}
.testimonials .carousel-indicators{
    position:static;
}
.carousel-indicators li, .carousel-indicators li.active{
    width:15px;
    height:15px;
    border-radius:100%;
    margin:0 5px;
    background:#fff;
    border:none;
    opacity:0.3;
}
.carousel-indicators li.active{
    margin-bottom:0;
    background:#fff;
    border:none;
    opacity:1;
}
.partners{
    text-align:center;
    padding-bottom:30px;
    border:none;
}
.partners img{
    max-width:100%;
    margin-bottom:20px;
    /*-webkit-filter: grayscale(100%);*/ /* Safari 6.0 - 9.0 */
   /* filter: grayscale(100%);*/
   /* -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;*/
    cursor:pointer;
}
.partners img:hover{
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
.contact_details{
    padding:70px 0;
    background:#f9f9f9;
    border:none;
}
.contact_details .map{
    padding-right:0 !important;
}
.contact_details .details{
    height:300px;
    padding:45px;
    background:#10af88;
}
.contact_details .details p{
    margin:0;
    padding:0;
    color:#fff;
    position:relative;
    padding-left:40px;
    font-size:1.2em;
    margin-bottom:40px;
}
.contact_details .details p .fa{
    position:absolute;
    width:30px;
    left:0;
    height:100%;
    text-align:center;
    font-size:1.5em;
    line-height:22px;
}

.contact_form_fill{
    background:#fbfbfb;
    padding-top:10px;
}
.floating-label-form-group {
    position: relative;
    margin-bottom: 0;
    float: left;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #ececec;
}
.floating-label-form-group input,
.floating-label-form-group textarea, .floating-label-form-group select {
    z-index: 1;
    position: relative;
    padding-right: 0;
    padding-left: 0;
    border: 0;
    border-radius: 0;
    font-size: 1.1em;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#999 !important;
    background: 0 0;
    box-shadow: none!important;
    resize: none;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
}
.floating-label-form-group textarea{
    height: 70px;
}
.floating-label-form-group label {
    display: block;
    z-index: 0;
    position: relative;
    top: 2em;
    margin: 0;
    text-transform:uppercase;
    font-weight:600;
    font-size: .85em;
    line-height: 1.764705882em;
    vertical-align: middle;
    vertical-align: baseline;
    opacity: 0;
    -webkit-transition: top .3s ease,opacity .3s ease;
    -moz-transition: top .3s ease,opacity .3s ease;
    -ms-transition: top .3s ease,opacity .3s ease;
    transition: top .3s ease,opacity .3s ease;
}

.floating-label-form-group::not(:first-child) {
    padding-left: 14px;
    border-left: 1px solid #eee;
}

.floating-label-form-group-with-value label {
    top: 5px;
    color:#6FC191;
    opacity: 1;
}
.floating-label-form-group-with-focus label {
    color: #3781c2;
}









footer.footer_bottom{
    background:#232323;
}
.newsletter_footer{
    text-align:center;
    color:#fff;
}
.newsletter_footer h4, .newsletter_footer p{
    margin:0;
    padding:0;
}
.newsletter_footer h4{
    margin-top:40px;
}
.newsletter_footer p{
    margin-top:10px;
    margin-bottom:30px;
}
.newsletter_footer .input-group-btn{
    font-size:inherit;
}
.newsletter_footer input{
    background:#fff;
    border:none;
    border-radius:0;
    height:45px;
    font-size:small;
    box-shadow:none !important;
}
.newsletter_footer button{
    margin:0;
    border-radius:0;
    color:#fff;
    height:45px;
}
.menu_footer{
    margin:0;
    margin-top:50px;
    border-bottom:rgba(255,255,255,0.4) solid 1px;
    border-top:rgba(255,255,255,0.4) solid 1px;
    padding:0;
    text-align:center;
}
.menu_footer li{
    list-style:none;
    display:inline-block;
}
.menu_footer a{
    display:inline-block;
    padding:25px 18px;
    color:#fff;
    text-transform:uppercase;
    font-weight:700 !important;
}
.menu_footer li a:hover{
    color:#10af88;
    text-decoration:none;
    position:relative;
}
.footer_detail h4{
    font-size:1.4em;
    color:#fff;
    margin:0;
    margin-top:50px;
    height:20px;
    line-height:20px;
    text-transform:uppercase;
}
.footer_detail p{
    color:rgba(255,255,255,0.4);
    font-size:1.1em;
    margin-top:10px;
    line-height:23px;
}
.footer_detail p strong{
    color:#fff;
}
.footer_detail p .fa{
    float:left;
    margin-top:5px;
    margin-right:5px;
    width:15px;
    text-align:center;
    color:#10af88;
}
.copyright{
    width:100%;
    height:120px;
    line-height:150px;
    font-size:small;
    background:#151515;
    text-align:center;
    color:rgba(255,255,255,0.6);
    margin-top:-35px;
}
.footer_social{
    width:100%;
    height:70px;
    border-radius:40px;
    background:#10af88;
    padding:0 20px;
    margin-top:20px;
    line-height:70px;
    text-align:center;
}
.footer_social a{
    width:19%;
    font-size:1.5em;
    display:inline-block;
    color:#fff;
}
.two_form{
    width: 100%;
    float: left;
}
.two_form .form-group{
    width: 48%;
    float: left;
}
.two_form .form-group:last-child{
    float: right;
}
.chat_popup{
    width:350px;
    background:#fff;
    position: fixed;
    height: 388px;
    top: 0;
    visibility: hidden;
    opacity: 0;
    bottom: 0;
    margin: auto;
    right: 80px;
    border-radius: 5px;
    z-index: 999;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}
.chat_popup_content{
    padding: 15px;
}
.black_view{
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    background: rgba(0,0,0,0.5);
    z-index: 99;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}
.chat_popup_title{
    width:100%;	
    background:#f8f8f8;
    height:45px;
    padding: 0 15px;
}
.chat_popup_title h4{
    font-size:1.1em;
    line-height:45px;
    float:left;
    margin: 0;
}
.chat_popup_title img{
    float:right;
    width:12px;
    margin-top: 16px;
}
.view_popup{
    visibility: visible !important;
    opacity: 1;
}
.feedback:before{
    width: 0; 
    height: 0; 
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    right: -12px;
    position: absolute;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #fff;
}
.chat:before{
    width: 0; 
    height: 0; 
    content: "";
    top: 160px;
    bottom: 0;
    margin: auto;
    right: -12px;
    position: absolute;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #fff;
}
.inquiry:before{
    width: 0; 
    height: 0; 
    content: "";
    top: 0;
    bottom: 160px;
    margin: auto;
    right: -12px;
    position: absolute;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #fff;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/dropdown.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 15px !important;
    background-size: 20px !important;
    background-color: transparent !important;
}
.stars{
    float:left;
}
input.star { display: none; }
label.star {
    font-size: 20px;
    color: #dedede;
    float: right;
    width:auto !important;
    transition: all .2s;
    margin-right: 10px;
}
input.star:checked ~ label.star:before {
    content: '\f005';
    color: #FD4;
    transition: all .25s;
}
input.star-5:checked ~ label.star:before {
    color: red;
}
input.star-1:checked ~ label.star:before { color: #FFBF00; }
/*label.star:hover { transform: rotate(-15deg) scale(1.3); }*/
label.star:before {
    content: '\f005';
    font-family: FontAwesome;
}

.contact_fields{
    background:url(../images/dotted_map.png) !important;
    background-size:1000px !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
}










.associate_view{
    background:#fff !important;
}
.associate_slide .carousel-inner > .item {
    -webkit-transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out left;
}
.associate_slide .carousel-inner .active.left {
    left: -20%;
}
.associate_slide .carousel-inner .active.right {
    left: 20%;
}
.associate_slide .carousel-inner .next {
    left: 20%;
}
.associate_slide .carousel-inner .prev {
    left: -20%;
}




@media all and (transform-3d), (-webkit-transform-3d) {
    .associate_slide .carousel-inner > .item {
        -webkit-transition: 500ms ease-in-out all;
        transition: 500ms ease-in-out all;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-transform: none!important;
        transform: none!important;
    }
}


@media all and (max-width:991px) {


    .contact_fields{
        background-image:none !important;
    }
    .down_arrow{
        bottom:10px;
    }
    p.text{
        padding: 0 !important;
    }
    .about_us .pull-right{
        float: none !important;
        text-align: center;
        margin-bottom: 20px;
    }
    .it_services .sub_title{
        height: 180px;
        line-height: 180px;
        position: relative;
    }
    .contact_details .map{
        padding-right:15px !important;
    }
    .custom_slider .item img{
        height:600px;
        max-width:inherit;
    }
    .custom_slider .carousel-control{
        display:none;
    }
    .consulting{
        text-align:center;
    }
    .consulting button{
        position:static;
        margin-top:10px;
    }
    .consulting .col-md-12{
        padding:0 45px;
    }
    p.text, .it_services .service h2{
        text-align:center;
    }
    .it_services .service h2::after{
        right:0;
        margin:auto;
    }
    .it_services span.icon{
        margin:auto;
    }
    .testimonials_slide .item.active .col-md-4:first-child, .testimonials_slide .item.active .col-md-4:last-child{
        display:none;
    }

    .associate_slide .item.active .col-md-2{
        display:none;
    }

    .associate_slide .item.active .col-md-2:first-child{
        display:block !important;
    }
    .chat_popup{
        right:0;
        left:0;
        margin:auto;
    }
    .chat_popup:before{
        display:none;
    }
    .about_us{
        text-align:center;
    }
    .services .btn{
        margin-top:15px;
    }
    .it_services .service{
        padding:30px 45px;
    }
    .about_us h5.title {
        font-size: 2em;
        margin: 45px auto auto;
        padding-left: 20px;
        position: relative;
        text-transform: uppercase;
        width: 240px;
    }
    .gallery_filter{
        padding:15px 45px;
    }
    .gallery_filter .filter{
        width:46%;
    }
    .colaborate img{
        position:static;
        margin:auto;
        display:block;
    }
    .colaborate .col-md-3{
        text-align:center;
        padding:0 45px;
    }
    .website_counter img{
        margin-top:20px;
    }
    .social_share, .contact_popup_btn{
        z-index:99;
    }
    .contact_details .map{
        padding:0;
    }
    .services.contact_fields{
        padding:0 50px;
    }
    footer.footer_bottom{
        padding:0 30px;
    }
    .footer_detail h4{
        margin-top:15px;
    }
    .footer_detail h4:empty{
        display:none;
    }
    .custom_navbar{
        z-index:999;
    }
    .custom_slider{
        z-index:99;
    }
    .custom_navbar .navbar-collapse{
        background:#10af88 !important;
        margin-top:10px;
    }
    .custom_navbar .navbar-default .navbar-toggle{
        margin-top:25px;
    }
    .custom_navbar ul li a{
        padding:0 15px;
        height:40px;
        line-height:40px;
    }
    .custom_navbar ul li a:before{
        display:none;
    }
    .custom_navbar ul li.active a{
        color:#10af88 !important;
        background:#fff !important;
    }
}
@media all and (max-width:540px) {
    .gallery_filter .filter{
        width:100%;
        margin:0;
    }
    .gallery_filter .filter img{
        width:100%;
    }
}

 .differnt_popup {
    cursor: pointer;
    height: auto;
    position: fixed;
    right: 0;
    top: 76%;
    width: auto;
    z-index: 999999;

}

.dropdown-toggle .dropdown-menu {
    box-shadow: none;
    border-radius: 0;
    padding: 0px;
    width: 225px;
    margin-left: 0px;
    margin-top: -1px;
    background: green !important;
    border: none;
    border-top: 4px solid red;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0px !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-right: -1px !important;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: #10af88 !important;
    border: 1px;
}


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #10af88d6 !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}


.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #10af88 !important;
}

a.page-scroll.contact-menu {
    margin-top: -23px;
}

/*sachin - Menu It & Legal service*/

li.menu-serv {
    font-size: 20px;
    /* margin-left: 10px; */
    background-color: #198469;
    padding-left: 10px;
    color: #ffff;
}

.mailMgs {
    text-align: center;
    margin-top: -10%;
    position: absolute;
    margin-left: 40%;
    color: white;
    font-size: 18px;
    background-color: #dc4a3d;
    border-radius: 3px;
    padding: 14px;
}