body a:link{
    text-decoration: none;
}
body a:hover{
    text-decoration: none;
}
 nav .nav>li>a{
    padding: 10px 5px;
    margin: 2px 0;
    width: 105px;
}


/**************************************     NAV-BANNER     *************************************/
/*.active a:focus, a:hover{
    color: #FFFFFF;
}*/
.navlink {
    display:block;
    position:relative;
    background: #0050a1;
    color:#FFFFFF;
    line-height:50px;
    text-align:center;
    font-family:'Ubuntu',sans-serif;
   /* font-size:15px;*/
    font-weight:bold;
    text-decoration:none;
    margin:0 auto;
    border-radius:2px;
    overflow:hidden;
    -webkit-transition:all 0.15s ease-in;
    transition:all 0.15s ease-in;
}
.navlink:hover {
    background: rgba(0, 78, 162, 0.8);
    color: #FFFFFF;
}
.navlink:before {
    content:' ';
    position:absolute;
    color: #FFFFFF;
    background: #FFFFFF;
    width:25px;
    height:50px;
    top:0;
    left:-45px;
    opacity:0.3;
    -webkit-transition:all 0.25s ease-out;
    transition:all 0.25s ease-out;
    -webkit-transform:skewX(-25deg);
    transform:skewX(-25deg);
}
.navlink:hover:before {
    width:45px;
    left:205px;
}


/*  02 */
.box{
    display: inline-block;
    text-align: center;
   /* padding: 10px;*/
    transition: all 0.7s;
}

.box:hover{
    background-color: rgba(0, 78, 162, 0.2);
    color: #FFFFFF;
    font-weight: bold;
}
.navother:after {
    border-bottom: 5px solid #004ea2;
    left: 0;
    right: 0;
    bottom: -30%;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}
.navother {
    overflow: hidden
}
.navother:not(:hover):after {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}
.navother:before, .navother:after, .navother > .ui-border-element:before, .navother > .ui-border-element:after {
    content: '';
    position: absolute
}
.navother:hover:after {
    bottom: 0px
}
/*******************************     NAV-BANNER-END      ******************************/


/**************************************     HOME     *************************************/
/*---------------------   article   ----------------------*/
    .article1_btn:hover {
        background-color: #FFFFFF;
        border-color: #ffc323;
        color: #255ecc;
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        -ms-transition: all 0.7s;
        -o-transition: all 0.7s;
        transition: all 0.7s;

    }

    .article1_btn {
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        -ms-transition: all 0.7s;
        -o-transition: all 0.7s;
        transition: all 0.7s;
    }

    /*.arttext_btn:hover, .arttext_btn:active {*/
        /*!* line-height: -rem;*!*/
        /*background: #FFFFFF;*/
        /*color: #ffc323;*/
        /*font-weight: bold;*/
        /*-webkit-border-radius: 17px;*/
        /*-moz-border-radius: 17px;*/
        /*border-radius: 17px;*/
        /*-webkit-transition: all 0.3s;*/
        /*-moz-transition: all 0.5s;*/
        /*-ms-transition: all 0.5s;*/
        /*-o-transition: all 0.3s;*/
        /*transition: all 0.3s;*/
    /*}*/

    .article_1 h1 {
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        -ms-transition: all 0.7s;
        -o-transition: all 0.7s;
        transition: all 0.7s;
    }

    .art h1 > a {
        color: #004ea2;
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        -ms-transition: all 0.7s;
        -o-transition: all 0.7s;
        transition: all 0.7s;
    }
    .product_btns > button:hover{
        color: #FFFFFF;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .product_btn1:hover , .product_btn1:link{
        background-color: #3e5ec2;
    }
    .product_btn2:hover , .product_btn2:link{
        background-color:#7F7FFF ;
    }
    .product_btn3:hover , .product_btn3:link{
        background-color: #7FB2FF;
    }
    .product_btn4:hover , .product_btn4:link{
        background-color: #7FE5E5;
    }
    .product_btn5:hover , .product_btn5:link{
        background-color: #97E391;
    }
    .product_btn6:hover , .product_btn6:link{
        background-color: #E3CC75;
    }
    .product_btn7:hover , .product_btn7:link{
        background-color: #FFC323;
    }
.homepro_seemore:hover{
    color: #FF9622;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.seo-theme .company-goal .single-goal:hover .img-icon:before {
    border-color: #ffc323;
    /* border-style: solid;*/
    /*   -webkit-transition: all .4s ease-in-out;
       transition: all .4s ease-in-out;*/
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.seo-theme .company-goal .single-goal .img-icon:before {
    content: '';
    position: absolute;
    left:-4px;
    top: -4px;
    right: -4px;
    bottom: -4px;
    border-radius: 50%;
    border:5px solid #FFFFFF;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
/* Float Shadow */
/*.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
   !* -webkit-transform: translateZ(0);
    transform: translateZ(0);*!
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}*/
.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    background: -webkit-radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    background: -moz-radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    background: -ms-radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    background: -o-radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

    /* W3C */
    /*    -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform, opacity;
        transition-property: transform, opacity;*/
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    -moz-transition-property: transform, opacity;
    -ms-transition-property: transform, opacity;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.hvr-float-shadow:hover,  .hvr-float-shadow:active {
    opacity: 1;
    /* move the element up by 5px */
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}
.hvr-float-shadow:hover:before,.hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
/*---------------------  kp  -----------------------*/

.seo-theme .our-service .single-service:hover img {
    transform: scale(1.1);
}
.seo-theme .our-service .single-service:hover {
    box-shadow: 0 1px 3px rgba(0,0,0,.02), 0 16px 32px -4px rgba(0,0,0,.17);
    /*box-shadow: 0 0 30px 0 rgba(255, 195, 35, 0.1);*/
    border-color: rgba(0,0,0,0.17);
}
.seo-theme .our-service .single-service h5 a:hover{
    color: #FF9622;
}
/**************************************     HOME-END     *************************************/


/**************************************     PRODUCTS    **************************************/
/*.extensionNav >ul>li:hover{*/
    /*background-color: #FFFFFF;*/
    /*-webkit-transition: all 0.2s;*/
    /*-moz-transition: all 0.2s;*/
    /*-ms-transition: all 0.2s;*/
    /*-o-transition: all 0.2s;*/
    /*transition: all 0.2s;*/
/*}*/
.b_extensionNav a:hover , .y_extensionNav a:hover , .news_extensionNav a:hover {
    color: #ffc323;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}


/**************************************   PRODUCTS-END  **************************************/

/**************************************   Contact Us    **************************************/
.cubutton button:hover{
    color: #FFFFFF;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.cubutton .cubutton01:hover{
    background-color: rgb(255, 195, 35);
}
.cubutton .cubutton02:hover{
    background-color: rgb(255, 154, 127);
}
.cubutton .cubutton03:hover{
    background-color: rgb(119, 144, 252);
}
.cubutton .cubutton04:hover{
    background-color: rgb(199, 117, 255);
}
.cubutton .cubutton05:hover{
    background-color: rgb(255, 112, 112);
}
/**************************************  Contact Us-END **************************************/