/*--

    Author: W3Layouts

    Author URL: http://w3layouts.com

    License: Creative Commons Attribution 3.0 Unported

    License URL: http://creativecommons.org/licenses/by/3.0/

--*/



html,

body {

    margin: 0;

    font-size: 100%;

    background: #fff;

    scroll-behavior: smooth;

    overflow-x: hidden;

}



body a {

    text-decoration: none;

}



html {



    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";



}



a:hover {

    text-decoration: none;

}



input[type="button"]:hover,

input[type="submit"]:hover {

    transition: .5s ease-in;

    -webkit-transition: .5s ease-in;

    -moz-transition: .5s ease-in;

    -o-transition: .5s ease-in;

    -ms-transition: .5s ease-in;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;

    font-weight: 600;

}



p {

    font-size: 1em;

    color: #777;

    line-height: 1.8em;

}



ul {

    margin: 0;

    padding: 0;

    margin-left: 10px;

    margin-right: 10px;

    



}



body img {

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -o-border-radius: 4px;

    -ms-border-radius: 4px;

}



/* navigation */



.toggle,

[id^=drop] {

    display: none;

}



/* Giving a background-color to the nav container. */



nav {

    margin: 0;

    padding: 0;

}



a.navbar-brand {

    font-size: 0.8em;

    font-weight: 100;

    letter-spacing: 1px;

    line-height: 0.8em;

    text-transform: uppercase;

    color: #fff;

}



#logo a {

    float: left;

    display: initial;

}



#logo a img {

height: 68px;

    margin-left: 14px;

    /* display: block; */

    padding-top: 0px;

    

}

@media (max-width: 1024px) and (min-width: 768px){

#logo a img {

    display: inline-block;

}

}

#mobile-nav-toggle i {

    color: white;

}

.fa {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

}

#mobile-nav-toggle {

    position: fixed;

    right: 0;

    top: 0;

    z-index: 999;

    margin: 20px 20px 0 0;

    border: 0;

    background: none;

    font-size: 24px;

    display: none;

    transition: all 0.4s;

    outline: none;

    cursor: pointer;

}



img.img-fluid {}



/* Since we'll have the "ul li" "float:left"

 * we need to add a clear after the container. */



nav:after {

    content: "";

    display: table;

    clear: both;

}



/* Removing padding, margin and "list-style" from the "ul",

 * and adding "position:reltive" */



nav ul {

    /*float: right;

*/    padding: 0;

    margin: 0;

    list-style: none;

    position: relative;

}



ul.menu {

    margin-top: 1.9em;

}



/* Positioning the navigation items inline */



nav ul li {

    margin: 0px;

    display: inline-block;

}



/* Styling the links */



nav a {

    color: #0f656f !important;

    font-size: 14px !important;

    letter-spacing: 0.5px;

    padding: 0 2px;

    font-weight: 600;

    margin: 0 0.5em;

    text-transform: capitalize;

}





nav ul li ul li:hover {

    background: #f8f9fa;

}



li.log-vj a {

    display: inline-block;

}



li.social-icons a span {

    margin: 0 3px;

    font-size: 1.4em;

}



/* Background color change on Hover */



.menu li a:hover {

    color: #feac00 !important;

}



.menu li.active a {

    color: #c62c19 !important;

}



/* Hide Dropdowns by Default

 * and giving it a position of absolute */



nav ul ul {

    display: none;

    position: absolute;

    /* has to be the same number as the "line-height" of "nav a" */

    top: 25px;

    padding: 10px;

    background: #fff;

    padding: 10px;

    z-index: 999;

    border: 1px solid #ddd;

    left: 165px;

    text-align: left;

}



/* Display Dropdowns on Hover */



nav ul li:hover>ul {

    display: inherit;

}



/* Fisrt Tier Dropdown */



nav ul ul li {

    width: 170px;

    float: none;

    display: list-item;

    position: relative;

}



nav ul ul li a {

    color: #333;

    padding: 5px 10px;

    display: block;

}



/* Second, Third and more Tiers 

 * We move the 2nd and 3rd etc tier dropdowns to the left

 * by the amount of the width of the first tier.

*/



nav ul ul ul li {

    position: relative;

    top: -60px;

    /* has to be the same number as the "width" of "nav ul ul li" */

    left: 170px;

}





/* Change ' +' in order to change the Dropdown symbol */



li>a:only-child:after {

    content: '';

}



/* Media Queries

--------------------------------------------- */



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



    #logo {

      display: block;

    padding: 0;

    width: 100%;

    text-align: center;

    float: none;

    /* margin-top: 2px; */

    padding-top: 0px;

    /* margin-bottom: -47px; */

    height: 17px;

    }

    



    nav {

        margin: 0;

    }



    /* Hide the navigation menu by default */

    /* Also hide the  */

    .toggle+a,

    .menu {

        display: none;

    }



    /* Stylinf the toggle lable */

    .toggle {

display: block;

    padding: 0px 15px;

    font-size: 23px;

    text-decoration: none;

    border: none;

    float: right;

    background-color: #212529;

    color: #fff;

    cursor: pointer !important;

    margin-bottom: 0;

    text-transform: uppercase;

    margin-top: 10px;

    }



    .menu .toggle {

        float: none;

        text-align: left;

        margin: auto;

        width: 80%;

        padding: 5px;

        font-weight: normal;

        font-size: 16px;

        letter-spacing: 1px;

    }



    .toggle:hover {

        color: #333;

        background-color: #fff;

    }



    /* Display Dropdown when clicked on Parent Lable */

    [id^=drop]:checked+ul {

        display: block;

        background: rgba(16, 16, 16, 0);

        padding: 15px 0;

        text-align: left;

        width: 100%;

        z-index: 99999;

        border: none;

        overflow: hidden;

    }



    /* Change menu item's width to 100% */

    nav ul li {

        display: block;

        width: 100%;

        padding: 5px 0;

    }



    nav a:hover,

    nav ul ul ul a {

        background-color: transparent;

    }



    nav ul li ul li .toggle,

    nav ul ul a,

    nav ul ul ul a {

        padding: 14px 20px;

        color: #FFF;

        font-size: 17px;

    }



    label.toggle.toggle-2 {

        width: 94%;

        font-size: 13px;

    }



    nav ul li ul li .toggle,

    nav ul ul a {

        background-color: #343a40;

    }



    /* Hide Dropdowns by Default */

    nav ul ul {

        float: none;

        position: static;

        color: #ffffff;

        /* has to be the same number as the "line-height" of "nav a" */

        text-align: left;

    }



    /* Hide menus on hover */

    nav ul ul li:hover>ul,

    nav ul li:hover>ul {

        display: none;

    }



    nav ul {

        margin-left: 0em;

    }



    /* Fisrt Tier Dropdown */

    nav ul ul li {

        display: block;

        width: 100%;

        padding: 0;

    }



    nav ul ul ul li {

        position: static;

        /* has to be the same number as the "width" of "nav ul ul li" */

    }



    nav ul ul li a {

        color: #fff;

        font-size: 0.8em;

    }



    nav ul li ul li:hover {

        background: none;

    }



    nav ul li.social-icons {

        display: inline-block;

        float: left;

        width: 32.3%;

        margin: 0 auto;

        text-align: center;

    }



    .tooltip {

        top: 0;

        left: 50%;

        padding: 0.2rem 0.5rem;

    }

}






/* header */





/* banner */

.top_w3pvt_main {

    position: relative;

    z-index: 1;

}



.nav_w3pvt {

    position: absolute;

    left: 0;

    right: 0;

    z-index: 99;

    margin: 0 auto;

    background: #fff;

    margin-top: 0;

    overflow: hidden;

}



/* banner-hny-info */

.banner-hny-info {

    padding: 17em 0 14em;

    margin: 0 auto;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

}



/* banner slider */





#homepage-slider {

    position: relative;

}



.radio {

    display: none;

}



.images {

    overflow: hidden;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

}



.images-inner {

    width: 500%;

    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);

    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);

}



.image-slide {

    width: 20%;

    float: left;

}



.image-slide,

.fake-radio,

.radio-btn {

    transition: all 0.5s ease-out;

}



.fake-radio {

    text-align: center;

    position: absolute;

    bottom: 5%;

    right: 2%;

    z-index: 9;

}



/* Move slides overflowed container */

#slide1:checked~.images .images-inner {

    margin-left: 0;

}



#slide2:checked~.images .images-inner {

    margin-left: -100%;

}



#slide3:checked~.images .images-inner {

    margin-left: -200%;

}

#slide4:checked~.images .images-inner {

    margin-left: -300%;

}



/* Color of bullets */

#slide1:checked~div .fake-radio .radio-btn:nth-child(1),

#slide2:checked~div .fake-radio .radio-btn:nth-child(2),

#slide3:checked~div .fake-radio .radio-btn:nth-child(3)

#slide4:checked~div .fake-radio .radio-btn:nth-child(4)  {

    background: #feac00;

}



.radio-btn {

    width: 10px;

    height: 10px;

    -webkit-border-radius: 5px;

    -o-border-radius: 5px;

    -ms-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    background: #fff;

    display: inline-block !important;

    margin: 0 5px;

    cursor: pointer;

}



/* Color of bullets - END */



/* Text of slides */

#slide1:checked~.labels .label:nth-child(1),

#slide2:checked~.labels .label:nth-child(2),

#slide3:checked~.labels .label:nth-child(3)

#slide4:checked~.labels .label:nth-child(4){

    opacity: 1;

}



.label {

    opacity: 0;

    position: absolute;

}



/* Text of slides - END */



/* Calculate AUTOPLAY for BULLETS */

@keyframes bullet {



    0%,

    33.32333333333334% {

        background: #feac00;

    }



    33.333333333333336%,

    100% {

        background: #fff;

    }

}



#play1:checked~div .fake-radio .radio-btn:nth-child(1) {

    animation: bullet 12300ms infinite -1000ms;

}



#play1:checked~div .fake-radio .radio-btn:nth-child(2) {

    animation: bullet 12300ms infinite 3100ms;

}



#play1:checked~div .fake-radio .radio-btn:nth-child(3) {

    animation: bullet 12300ms infinite 7200ms;

}

#play1:checked~div .fake-radio .radio-btn:nth-child(4) {

    animation: bullet 12300ms infinite 8400ms;

}



/* Calculate AUTOPLAY for BULLETS - END */



/* Calculate AUTOPLAY for SLIDES */

@keyframes slide {



    0%,

    25.203252032520325% {

        margin-left: 0;

    }



    33.333333333333336%,

    58.53658536585366% {

        margin-left: -100%;

    }



    66.66666666666667%,

    91.869918699187% {

        margin-left: -200%;

    }

   /* 100%,

    125.203252033% {

        margin-left: -300%;

    }*/

}



.st-slider>#play1:checked~.images .images-inner {

    animation: slide 12300ms infinite;

}



/* Calculate AUTOPLAY for SLIDES - END */

/* //banner slider */



/* background images for banner */

.banner-w3pvt-1 {

    background: url(../images/training.jpg) no-repeat top;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

    min-height: 800px;

}



.banner-w3pvt-2 {

    background: url(../images/1.png) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

    min-height: 800px;

}



.banner-w3pvt-3 {

    background: url(../images/bpo.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

    min-height: 800px;

}

/*.banner-w3pvt-4 {

    background: url(../images/bpo.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

    min-height: 800px;

}*/



.overlay-w3ls {

    background: rgba(0, 0, 0, 0.55);

    min-height: 800px;

}



.images-inner {

    position: relative;

}



.banner-hny-info h4 {

    font-size: 2em;

    font-weight: 700;

    letter-spacing: 2px;

    text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1)

    text-align: center;

    color: #fff;

    

}

/*.image-slide h3{

    font-size: 2em;

    font-weight: 700;

    letter-spacing: 2px;

    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);

    text-align: center;

    color: #fff;



}*/

.btn {

    border: 2px solid #fff;

    padding: 11px 30px;

    color: #fff;

    font-size: 16px;

    letter-spacing: 1px;

    text-transform: capitalize;

    display: inline-block;

    background:linear-gradient(45deg, #15acbe, #00000054);

  /*  background: linear-gradient(45deg, black, #00000054);

    */

}



.btn:hover {

    background: #feac00;

    border: 2px solid #feac00;

    color: #333;

    transition: .5s ease-in;

    -webkit-transition: .5s ease-in;

    -moz-transition: .5s ease-in;

    -o-transition: .5s ease-in;

    -ms-transition: .5s ease-in;

}



.btn.more {

    background: #feac00;

    border: 2px solid #feac00;

    color: #222;

}



.btn.more.black:hover {

    background: #212529;

    border: 2px solid #212529;

    color: #feac00;

}



/*.wthree-w3ls {

    border-bottom: 1px solid rgba(221, 221, 221, 0.68);

    /* padding-bottom: 1em; */

}*/







/* Color Variables */

/* Social Icon Mixin */

/* Social Icons */

.social-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    cursor: pointer;

    /* font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; */

    /* font-size: 2.5rem; */

    text-decoration: none;

    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);

    transition: all 0.15s ease;

}



.social-icon:hover {

    color: #fff;

}



.social-icon:hover .tooltip {

    visibility: visible;

    opacity: 1;

    -webkit-transform: translate(-50%, -150%);

    transform: translate(-50%, -150%);

}



.social-icon:active {

    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;

}



.social-icon {

    background: linear-gradient(tint(#000, 5%), shade(#000, 5%));

    border-bottom: 1px solid shade(#000, 20%);

    color: tint(#000, 50%);

}



.social-icon:hover {

    color: tint(#000, 80%);

    text-shadow: 0px 1px 0px shade(#000, 20%);

}



.social-icon .tooltip {

    background: #fff;

    background: linear-gradient(tint(#000, 15%), #000);

    color: tint(#000, 80%);

}



.social-icon .tooltip:after {

    border-top-color: #fff;

}



.social-icon span {

    position: relative;

    top: 1px;

}



/* Tooltips */

.tooltip {

    display: block;

    position: absolute;

    top: 45%;

    left: 50%;

    padding: 0.2rem 1rem;

    border-radius: 0px;

    font-size: 0.8rem;

    font-weight: 600;

    opacity: 0;

    pointer-events: none;

    -webkit-transform: translate(-50%, -100%);

    transform: translate(-50%, -100%);

    transition: all 0.3s ease;

    z-index: 1;

    color: #000;

    letter-spacing: 1px;

}



.tooltip:after {

    display: block;

    position: absolute;

    bottom: 0;

    left: 50%;

    width: 0;

    height: 0;

    content: "";

    border: solid;

    border-width: 6px 6px 0 6px;

    border-color: transparent;

    -webkit-transform: translate(-50%, 100%);

    transform: translate(-50%, 100%);

}



/* //background images for banner */



/* /stats */

h5.counter {

    color: #fff;

    font-size: 2em;

    font-weight: 700;

    margin: 0;

}



p.para-w3pvt {

    color: #fff;

    font-size: 1.4em;

    margin-left: 1em;

    font-weight: 300;

}



.hny-stats-inf {

    margin: 7em auto 0;

    width: 50%;

    text-align: center;

}



/* //stats */

/* //banner text */



.banner_bottom {

    background: #f7f7f7;

}





p.sub-tittle {

    font-size: 0.8em;

    font-weight: 400;

    color: #555;

}



.pink {

    color: #0d8c9a;

}



h3.tittle-w3ls,

h3.tittle-w3ls.two {

    color: #0d8c9a;

    font-size: 2.0em;

    font-weight: 700;

    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);

}



/*h3.tittle-w3ls.two {

    color: #fff;

}*/

#services h3{

    color: white;

    text-align: center;

}



/*--/about--*/

.banner_bottom_left h4 {

    font-size: 1.5em;

    color: #3c3c3c;

    letter-spacing: 1px;

    position: relative;

    font-weight: 600;

    line-height: 1.6em;

    margin-bottom: 0.3em;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);

}



/*--/features--*/

.features-w3pvt-main {

    border-top: 1px solid #ddd;

    margin-top: 3em;

    padding-top: 4em;

}



.icon_left_grid {

    text-align: center;

}



.featured_grid_right_info h4 {

    font-size: 1.2em;

    margin-bottom: .7em;

    font-weight: 600;

    color: #222222;

    letter-spacing: 1px;

}



.icon_left_grid span {

    font-size: 2em;

    color: #ffc107;

    margin-top: 0.1em;

}



/*--//features--*/

.services {

    background: url(../images/banner4.jpg) no-repeat top;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

}



.over-lay-blue {

    background: #000000d9;

}



.services-grid-inf h4,

.services-grid-inf span,

.services-grid-inf .link-hny,

.services-innfo p.sub-tittle {

    color: #fff;

}



.services-grid-inf p {

    color: white;

}



.services-grid-inf span {

    line-height: 40px;

}



/*--//services--*/



/*--/team --*/

.team-info h3 {

    font-size: 1.2em;

    color: #1b1b1b;

    margin: 0 0 0.5em 0;

}



.team-info h3 a {

    color: #1b1b1b;

}



.team-info h3 a:hover {

    color: #444;

}



.sub-tittle-team {

    font-size: 1em;

    color: #495057;

}



.team-info p {

    padding: 0 1em;

}



.icon-social.team a {

    color: #333;

}



ul.list-right-w3pvt-book.team-sing li {

    color: #777;

}



ul.list-right-w3pvt-book.team-sing span {

    font-size: 0.6em;

    margin-right: 1em;

}



.team-gd img:hover {

    opacity: 0.8;

}



/*--//team --*/

/*-- /gallery --*/



section#gallery {

    position: relative;

}



.gal-img img {

    padding: 6px;

    background: #f0f0f1;

}



.gal-info {

    background: #fff;

    margin-bottom: 1em;

    padding: 1em;

    text-align: left;



}



.gal-info:hover {

    background: #212529;

    transition: .5s ease-in;

    -webkit-transition: .5s ease-in;

    -moz-transition: .5s ease-in;

    -o-transition: .5s ease-in;

    -ms-transition: .5s ease-in;



}



.gal-info:hover h5 {

    color: #fff;

}



.gal-info h5 {

    text-align: left;

    font-size: 0.9em;

    color: #3a4045;

    font-weight: 600;

    text-transform: uppercase;

}



span.decription {

    text-transform: uppercase;

    display: block;

    font-size: 0.8em;

    color: #888;

    letter-spacing: 2px;

    margin-top: 0.5em;

}



.gal-info:hover span.decription {

    color: #fff;

}



/*-- popup --*/



.pop-overlay {

    position: fixed;

    top: 0px;

    bottom: 0;

    left: 0;

    right: 0;

    background: rgba(0, 0, 0, 0.7);

    transition: opacity 0ms;

    visibility: hidden;

    opacity: 0;

    z-index: 99;

}



.pop-overlay:target {

    visibility: visible;

    opacity: 1;

}



.popup {

    background: #fff;

    border-radius: 5px;

    width: 35%;

    position: relative;

    margin: 8em auto;

    padding: 3em 1em;

}



.popup p {

    font-size: 15px;

    color: #666;

    letter-spacing: .5px;

    line-height: 30px;

}





.popup .close {

    position: absolute;

    top: 5px;

    right: 15px;

    transition: all 200ms;

    font-size: 30px;

    font-weight: bold;

    text-decoration: none;

    color: #000;

}



.popup .close:hover {

    color: #30c39e;

}





/*-- //popup --*/



/*-- /blogs--*/

.blog-grid-img img {

    border-radius: 0px;

}



.blog-grid-info {

    background: #212529;

}



.date-post {

    padding: 3em;

}





.date-post .link-hny {

    font-size: 0.9em;

    font-weight: 600;

    color: #fff;

    letter-spacing: 1px;

}



.date-post p {

    color: #fff;

    margin-bottom: 0;

    font-size: 0.9em;

}



.date-post h4 {

    margin: 0.3em 0;

}



h6.date {

    font-size: 0.8em;

    color: #feac00;

}



/*-- //blogs--*/

.login label {

    color: #777879;

    font-weight: 600;

    font-size: 0.9em;

    text-transform: capitalize;

    letter-spacing: 1px;

}



.link-hny {

    color: #222222;



}



.link-hny:hover {

    color: #ffc107;

    transition: .5s ease-in;

    -webkit-transition: .5s ease-in;

    -moz-transition: .5s ease-in;

    -o-transition: .5s ease-in;

    -ms-transition: .5s ease-in;

}



.apply-main .form-control {

    display: block;

    width: 100%;

    padding: 0.375rem 0.75rem;

    font-size: 1rem;

    line-height: 1.5;

    color: #495057;

    background-color: #fff;

    background-clip: padding-box;

    border: none;

    border-radius: 0;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    border-bottom: 2px solid #ddd;

}





/*-- //gallery --*/



.con-gd .form-control {

    padding: 15px 15px;

    border: 0;

    border: none;

    outline: none;

    background: rgba(247, 247, 247, 0.29);

    color: #fff;

    border-radius: 0;

    font-size: 0.9em;

    letter-spacing: 2px;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -o-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    border: 1px solid #ddd;

}



.con-gd button.btn {

    background: #feac00;

    border: 2px solid #feac00;

    color: #222;

    cursor: pointer;

    padding: 13px 0;

    width: 100%;

}



.con-gd button.btn:hover {

    background: #212529;

    border: 2px solid #212529;

    color: #feac00;

}



p.news-para {

    margin: 0.5em 0 0 0;

    font-size: 1.1em;

    font-weight: 600;

    color: #555;

}



/*--placeholder-color--*/



.con-gd ::-webkit-input-placeholder {

    color: #777;

}



.con-gd :-moz-placeholder {

    /* Firefox 18- */

    color: #777;

}



.con-gd ::-moz-placeholder {

    /* Firefox 19+ */

    color: #777;

}



.con-gd :-ms-input-placeholder {

    color: #777;

}



/*--//placeholder-color--*/

/* testimonials */

.testmonials {

    background: url(../images/banner3.jpg) no-repeat top;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

}



.testimonials-gd-vj {

    box-shadow: 0px 0px 18.69px 2.31px rgba(98, 98, 103, 0);

    background: #fff;

}



p.sub-test {

    color: #666;

    font-size: 14px;

}



p.sub-test span {

    font-size: 1.7em;

    margin-right: 0.3em;

    color: #ddd;

}



.testi_grid h5 {

    color: #2f2e31;

    letter-spacing: 1px;

    font-size: 0.9em;

    font-weight: 600;

}



.testi_grid p {

    font-size: 13px;

    line-height: 0.5em;

}



section.hand-crafted p {

    color: #6e7275;

}



.testi-img-res img {

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

}



/* //testimonials */

/*--/inner-w3pvt-page-- */



.inner-w3pvt-page {

    background: url(../images/banner1.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -moz-background-size: cover;

    min-height: 11em;

}



.overlay-innerpage {

    min-height: 11em;

    background: rgba(0, 0, 0, 0.44);

}



.inner-w3pvt-page-info {

    padding-top: 7em;

}



.breadcrumb {

    background-color: transparent;

}



ol.breadcrumb {

    margin: 0;

    padding: 0;

}



ol.breadcrumb li {

    padding: 0;

    color: #555;

    font-weight: 600;

    letter-spacing: 0px;

    font-size: 13px;

    text-transform: uppercase;

    background: rgba(140, 156, 171, 0.22);

    margin-right: -1.5em;

    color: #fff;

    border-radius: 0;

    background: transparent;

}



ol.breadcrumb li a {

    color: #feac00;

}



.breadcrumb-item.active {

    color: #0f656f;

}



.breadcrumb {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding: 0.75rem 1rem;

    margin-bottom: 1rem;

    list-style: none;

    /* background: none; */

    border-radius: 0;

}



.breadcrumb-item+.breadcrumb-item::before {

    display: inline-block;

    padding-right: 0.5rem;

    padding-left: 0.5rem;

    color: #c62c19;

    content: "/";

}



/*--/contact-- */

.contact-hny-form input,

.contact-hny-form textarea {

    padding: 13px 15px;

    border: 0;

    border: none;

    outline: none;

    background: rgba(247, 247, 247, 0.29);

    color: black;

    border-radius: 0;

    font-size: 0.9em;

    letter-spacing: 2px;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -o-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    border: 1px solid #ddd;

    width: 100%;

}



.contact-hny-form textarea {

    min-height: 233px;

}



.more.black.con-submit {

    padding: 0.7em 3em;

}



.form-group label {

    color: #555;

    font-size: 0.9em;

}



.map-w3pvt {

    background: #d7d7d7;

    padding: 0.5em;

}



.map-w3pvt iframe {

    width: 100%;

    min-height: 400px;

    border: none;

}



/*--/single --*/

h4.title-hny {

    color: #3e3b3b;

    font-size: 1.2em;

    line-height: 1.5em;

    text-transform: capitalize;

    font-weight: 500;

}



.social-icons-footer ul li {

    display: inline-block;

    color: #555;

    list-style: none;

}



.social-icons-footer ul li a {

    margin: 0 0.5em;

    color: #333;

}



.social-icons-footer ul li a:hover {

    color: #feac00;

}



.comments-grid-right h4 {

    font-size: 17px;

    font-weight: 600;

}



.comments-grid-right ul li {

    display: inline-block;

    color: #888;

    font-size: 14px;

    letter-spacing: 1px;

}



.comments-grid-right ul li a {

    color: #feac00;

}



.single-page-form {}



/*--//single --*/

/*--//contact-- */

/*--//inner-w3pvt-page-- */

/*--/timeline--*/

/* Media Queries */

/* Card sizing */

/* Colors */

/* Calculations */

/* Placeholders */

@media (min-width: 1000px) {



    #timeline .demo-card:nth-child(odd) .head::after,

    #timeline .demo-card:nth-child(even) .head::after {

        position: absolute;

        content: "";

        width: 0;

        height: 0;

        border-top: 15px solid transparent;

        border-bottom: 15px solid transparent;

    }



    #timeline .demo-card:nth-child(odd) .head::before,

    #timeline .demo-card:nth-child(even) .head::before {

        position: absolute;

        content: "";

        width: 9px;

        height: 9px;

        background-color: #bdbdbd;

        border-radius: 9px;

        box-shadow: 0px 0px 2px 8px #f7f7f7;

    }

}



/* Some Cool Stuff */

.demo-card:nth-child(1) {

    order: 1;

}



.demo-card:nth-child(2) {

    order: 4;

}



.demo-card:nth-child(3) {

    order: 2;

}



.demo-card:nth-child(4) {

    order: 5;

}



.demo-card:nth-child(5) {

    order: 3;

}



.demo-card:nth-child(6) {

    order: 6;

}



/* Border Box */

* {

    box-sizing: border-box;

}


#timeline h1 {

    text-align: center;

    font-size: 3rem;

    font-weight: 200;

    margin-bottom: 20px;

}



#timeline p.leader {

    text-align: center;

    max-width: 90%;

    margin: auto;

    margin-bottom: 45px;

}



#timeline .demo-card-wrapper {

    position: relative;

    margin: auto;

}



@media (min-width: 1000px) {

    #timeline .demo-card-wrapper {

        display: flex;

        flex-flow: column wrap;

        width: 1170px;

        height: 1650px;

        margin: 0 auto;

    }

}



#timeline .demo-card-wrapper::after {

    z-index: 1;

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 50%;

    border-left: 1px solid rgba(191, 191, 191, 0.4);

}



@media (min-width: 1000px) {

    #timeline .demo-card-wrapper::after {

        border-left: 1px solid #bdbdbd;

    }

}



#timeline .demo-card {

    position: relative;

    display: block;

    margin: 10px auto 80px;

    max-width: 94%;

    z-index: 2;

}



@media (min-width: 480px) {

    #timeline .demo-card {

        max-width: 60%;

        box-shadow: 0px 1px 22px 4px rgba(0, 0, 0, 0.07);

    }

}



@media (min-width: 720px) {

    #timeline .demo-card {

        max-width: 40%;

    }

}



@media (min-width: 1000px) {

    #timeline .demo-card {

        max-width: 450px;

        height: 400px;

        margin: 90px;

        margin-top: 45px;

        margin-bottom: 45px;

    }



    #timeline .demo-card:nth-child(odd) {

        margin-right: 45px;

    }



    #timeline .demo-card:nth-child(odd) .head::after {

        border-left-width: 15px;

        border-left-style: solid;

        left: 100%;

    }



    #timeline .demo-card:nth-child(odd) .head::before {

        left: 491.5px;

    }



    #timeline .demo-card:nth-child(even) {

        margin-left: 45px;

    }



    #timeline .demo-card:nth-child(even) .head::after {

        border-right-width: 15px;

        border-right-style: solid;

        right: 100%;

    }



    #timeline .demo-card:nth-child(even) .head::before {

        right: 489.5px;

    }



    #timeline .demo-card:nth-child(2) {

        margin-top: 180px;

    }

}



#timeline .demo-card .head {

    position: relative;

    display: flex;

    align-items: center;

    color: #fff;

    font-weight: 400;

}



#timeline .demo-card .head .number-box {

    display: inline;

    float: left;

    margin: 15px;

    padding: 10px;

    font-size: 35px;

    line-height: 35px;

    font-weight: 600;

    background: rgba(0, 0, 0, 0.17);

}



#timeline .demo-card .head h3 {

    text-transform: uppercase;

    font-size: 1.3rem;

    font-weight: inherit;

    letter-spacing: 2px;

    margin: 0;

    padding-bottom: 6px;

    line-height: 1rem;

    color: #ddd;

}



@media (min-width: 480px) {

    #timeline .demo-card .head h3 {

        line-height: 1.2rem;

    }

}



#timeline .demo-card .head h3 span {

    display: block;

    font-size: 0.6rem;

    margin: 0;

}



@media (min-width: 480px) {

    #timeline .demo-card .head h3 span {

        font-size: 0.8rem;

    }

}



#timeline .demo-card .body {

    background: #fff;

    border: 1px solid rgba(191, 191, 191, 0.4);

    border-top: 0;

    padding: 15px;

}



@media (min-width: 1000px) {

    #timeline .demo-card .body {}

}



#timeline .demo-card .body p {

    font-size: 14px;

    line-height: 1.5em;

    margin-bottom: 15px;

}



#timeline .demo-card .body img {

    display: block;

    width: 100%;

}



#timeline .demo-card--step1 {

    background-color: #3c3d3e;

}



#timeline .demo-card--step1 .head::after {

    border-color: #3c3d3e;

}



#timeline .demo-card--step2 {

    background-color: #3c3d3e;

}



#timeline .demo-card--step2 .head::after {

    border-color: #3c3d3e;

}



#timeline .demo-card--step3 {

    background-color: #3c3d3e;

}



#timeline .demo-card--step3 .head::after {

    border-color: #3c3d3e;

}



#timeline .demo-card--step4 {

    background-color: #3c3d3e;

}



#timeline .demo-card--step4 .head::after {

    border-color: #3c3d3e;

}



#timeline .demo-card--step5 {

    background-color: #3c3d3e;

}



#timeline .demo-card--step5 .head::after {

    border-color: #3c3d3e;

}



/* typography */



.typo-wthree h4.typo {

    color: #333;

    font-size: 1.5em;

    text-transform: uppercase;

}



.grid-bg {

    border: 2px solid #f7f7f7;

}



.sub-code {

    padding: 2em;

    background: #f7f7f7;

}



.highlight.sub-code span {

    color: #777;

}



.bd-example {

    padding: 1.5rem;

    margin-right: 0;

    margin-left: 0;

    border-width: .2rem;

}



.bd-example-container {

    min-width: 16rem;

    max-width: 25rem;

    margin-right: auto;

    margin-left: auto;

}



.bd-example-container-body {

    height: 8rem;

    margin-right: 4.5rem;

    background-color: #f7f7f7;

    border-radius: .25rem;

}



.bd-example-container-sidebar {

    float: right;

    width: 4rem;

    height: 8rem;

    background-color: #2f2e41;

    border-radius: .25rem;

}



.media span {

    font-size: 4em;

    color: #555;

}



.media-body h5 {

    font-size: 1.2em;

    color: #444;

    margin-bottom: 1em;

}



.bread-w3ls .breadcrumb {

    background: #eee;

}



.bread-w3ls .breadcrumb-item.active {

    color: #6c757d;

}



.bread-w3ls .breadcrumb-item+.breadcrumb-item::before {

    display: inline-block;

    padding-right: 0.5rem;

    padding-left: 0.5rem;

    color: #555;

    content: "/";

}



.bread-w3ls li.breadcrumb-item a {

    color: #777;

}



.bread-w3ls nav a {

    padding: 0;

}



/* //typography */

/*--//typography--*/

@media screen and (max-width: 600px) {}



@media screen and (max-width: 480px) {}



@media screen and (max-width: 375px) {}



@media screen and (max-width: 320px) {}



/*--/error--*/

.error-w3pvt h3 {

    font-size: 10em;

    font-weight: bold;

}



.error-w3pvt h4 {

    text-transform: uppercase;

    font-size: 2em;

    font-weight: lighter;

    letter-spacing: 30px;

}



.error-w3pvt h5 {

    text-transform: uppercase;

    font-size: 1.2em;

    margin: 1em 0;

    font-weight: lighter;

    letter-spacing: 4px;

    color: #777;

}



/*--//error--*/



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

    .error-w3pvt h3 {

        font-size: 7em;

    }



    .error-w3pvt h4 {

        font-size: 1.1em;

        letter-spacing: 11px;

    }



    .error-w3pvt h5 {

        font-size: 1em;

    }



    .copy_right p {

        font-size: 14px;

        margin: 0;

        margin-top: 0.5em;

    }

}



@media screen and (max-width: 375px) {

    .error-w3pvt h3 {

        font-size: 6em;

    }



    .error-w3pvt h4 {

        font-size: 1em;

        letter-spacing: 11px;

    }



    .error-w3pvt h5 {

        font-size: 0.9em;

    }

}



@media screen and (max-width: 320px) {}



/*-- footer --*/

footer,

.copy_right {

    background: #222;

}



.footer-grids h4 {

   color: #fff;

    font-size: 1.2em;

    /* text-align: center; */

    margin-left: -3px;

}



.footer-grids h5 {

    color: #666;

}



.footer-grids h5 span {

    color: #feac00;

}



.footer-grids p,

.footer-grids p a,

.copyright p,

.copyright p a {

    font-size: 15px;

    color: #777;

    font-weight: normal;

    letter-spacing: .5px;

}



.footer-grids ul li a {

    font-size: 15px;

    color: #777;

    font-weight: normal;

    letter-spacing: 1px;

}



.footer-grids ul li {

    list-style-type: none;

}

.footer-grids img{

    background: white;

}



.footer-grids input[type="email"] {

    background: #fff;

    box-shadow: none !important;

    padding: 12px 15px;

    color: #777;

    font-size: 14px;

    border: none;

    letter-spacing: 1px;

    outline: none;

}



.footer-grids button.btn {

    background: #feac00;

    color: #fff;

    font-size: 14px;

    letter-spacing: 1px;

    padding: 12px;

    display: inline-block;

    border: none;

    outline: none;

    cursor: pointer;

    border-radius: 0px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -ms-border-radius: 0px;

    -o-border-radius: 0px;

}



h2 a.navbar-brand {

    color: #fff;

}



.icon-social a {

    color: #fff;

    margin-right: 0.5em;

}



ul.list-info-wthree li a {

    display: block;

    margin: 1em 0;

}



ul.list-info-wthree li a:hover {

    color: #555;



}

.list-info-wthree ul li{

    list-style-type: none;

}



.ad-info p {

    display: block;

   /* margin: 1em 0; */

    display: block;

    margin: 4px 0;

}



.ad-info p span {

    margin-right: 0.5em;

}



/*-- //footer --*/



/*--/copy_right--*/





.copy_right {

    border-top: 1px solid rgba(221, 221, 221, 0.12);

}



.copy_right p a {

    color: #15acbe;

}



.copy_right p a:hover {

    opacity: .8;

}



.copy_right p {

    letter-spacing: 1px;

    font-size: 16px;

    margin: 0;

    color: #fff;

    margin-top: 0.5em;

}



/*--//copy_right--*/

/* /move-top */

a.move-top span {

    color: #ddd;

    width: 36px;

    height: 36px;

    border: transparent;

    background: transparent;

}



/* //move-top */

/*--responsive--*/



@media(max-width:1280px) {

    .tooltip {

        display: block;

        position: absolute;

        top: 0;

        left: 8%;

        padding: 0.2rem 0.5rem;

    }



    .hny-stats-inf {

        margin: 6em auto 0;

        width: 67%;

    }



    .date-post {

        padding: 2em;

    }



    .banner-w3pvt-1,

    .banner-w3pvt-2,

    .banner-w3pvt-3,

    .overlay-w3ls {

        min-height: 700px;

    }



    .banner-hny-info {

        padding: 14em 0 12em;

    }



    .banner-hny-info h3 {

        font-size: 3.5em;

    }

}



@media(max-width:1080px) {

    .date-post {

        padding: 1em;

    }



    .inner-w3pvt-page,

    .overlay-innerpage {

        min-height: 10em;

    }



}





@media(max-width:1024px) {

    .banner-hny-info {

        padding: 11em 0 9em;

    }



    .banner-w3pvt-1,

    .banner-w3pvt-2,

    .banner-w3pvt-3,

    .overlay-w3ls {

        min-height: 656px;

    }



    .inner-w3pvt-page,

    .overlay-innerpage {

        min-height: 11em;

    }

}



@media(max-width:991px) {

    .hny-stats-inf {

        margin: 6em auto 0;

        width: 85%;

    }



    .featured_grid_right_info h4 {

        font-size: 1em;

    }



    .date-post {

        padding: 2em;

    }



    .con-gd .form-control {

        margin: 1em 0;

    }

}





@media(max-width:768px) {

    .banner_bottom_left h4 {

        font-size: 1.2em;

    }



    p {

        font-size: 0.9em !important;

    }

}



@media(max-width:767px) {



    .inner-w3pvt-page,

    .overlay-innerpage {

        min-height: 10em;

    }



    .featured_grid_right_info,

    .featured_grid_right_info {

        text-align: center;

        margin-top: 0.5em;

    }



    .team-gd {

        margin-bottom: 1.5em;

    }



    .team-info h3 {

        font-size: 1em;

    }

}



@media(max-width:667px) {

    .hny-stats-inf {

        margin: 6em auto 0;

        width: 95%;

    }



    .banner-w3pvt-1,

    .banner-w3pvt-2,

    .banner-w3pvt-3,

    .overlay-w3ls {

        min-height: 600px;

    }



    .banner-hny-info h3 {

        font-size: 2.5em;

    }



    .banner-hny-info {

        padding: 10em 0 5em;

    }



    .banner-hny-info h3 {

        font-size: 2em;

    }



    .btn {

        padding: 7px 23px;

    }



    .banner-hny-info {

        padding: 8em 0 1em;

    }



    h3.tittle-w3ls,

    h3.tittle-w3ls.two {

        font-size: 2em;

        letter-spacing: 1px;

    }



    p.sub-tittle {

        font-size: 1em;

    }



    .copy_right p {

        font-size: 14px;

    }



    .map-w3pvt iframe {

        min-height: 200px;

    }



    .contact-hny-form textarea {

        min-height: 130px;

    }



    h3.title-hny {

        font-size: 1.4em;

    }

}



@media(max-width:640px) {

    h5.counter {

        font-size: 1.5em;

        margin: 0;

    }



    p.para-w3pvt {

        font-size: 1em;

        margin-left: 0.5em;

    }



    .banner-w3pvt-1,

    .banner-w3pvt-2,

    .banner-w3pvt-3,

    .overlay-w3ls {

        min-height: 550px;

    }



    .hny-stats-inf {

        margin: 4em auto 0;

        width: 95%;

    }



    .tooltip {

        display: block;

        position: absolute;

        top: 0;

        left: 50%;

        padding: 0.2rem 0.5rem;

    }



    .banner-hny-info {

         padding: 7em 0 1em; 

        

    }

}



@media(max-width:600px) {



    .banner-w3pvt-1,

    .banner-w3pvt-2,

    .banner-w3pvt-3,

    .overlay-w3ls {

        min-height: 470px;

    }



    h3.tittle-w3ls,

    h3.tittle-w3ls.two {

        font-size: 1.8em;

        letter-spacing: 1px;

    }



    .nav_w3pvt {

        padding: 0 1em;

    }

    .inner-w3pvt-page-info {

        padding-top: 5em;

    }

    .inner-w3pvt-page, .overlay-innerpage {

        min-height: 7em;

    }

}



@media(max-width:414px) {

    .hny-stats-inf {

        margin: 3em auto 0;

        width: 95%;

    }



    .banner-w3pvt-1,

    .banner-w3pvt-2,

    .banner-w3pvt-3,

    .overlay-w3ls {

        min-height: 485px;

    }



    .nav_w3pvt {

        margin-top: 0;

        padding: 0 1em;

    }

}



@media(max-width:384px) {



    h3.tittle-w3ls,

    h3.tittle-w3ls.two {

        font-size: 1.6em;

    }



    .banner-hny-info h3 {

        font-size: 1.8em;

    }



    .banner-w3pvt-1,

    .banner-w3pvt-2,

    .banner-w3pvt-3,

    .overlay-w3ls {

        min-height: 430px;

    }



    .hny-stats-inf {

        margin: 1em auto 0;

        width: 95%;

    }

}



@media(max-width:375px) {



    h3.tittle-w3ls,

    h3.tittle-w3ls.two {

        font-size: 1.5em;

        margin-top: 25px;

    }



    .banner-w3pvt-1,

    .banner-w3pvt-2,

    .banner-w3pvt-3,

    .overlay-w3ls {

        min-height: 395px;

    }

}



@media(max-width:320px) {



    .banner-w3pvt-1,

    .banner-w3pvt-2,

    .banner-w3pvt-3,

    .overlay-w3ls {

        min-height: 350px;

    }



    h3.tittle-w3ls,

    h3.tittle-w3ls.two {

        font-size: 1.4em;

    }



    .banner-hny-info h3 {

        font-size: 1.6em;

    }



    .btn {

        padding: 7px 20px;

    }

}

/* mission card */

.card-title{

    text-align: center;

    margin-top: 22px;

    color: white;

    font-family: cursive;



}

.card-body p{

    font-size: 17px;

    color: white;

   

}

.card{

    background: #15acbe;

}

.ml2 .letter {

  display: inline-block;

  line-height: 1em;

}

.ml12 .letter {

  display: inline-block;

  line-height: 1em;

}

.ml13 .letter {

  display: inline-block;

  line-height: 1em;

}

.ml14 .letter {

  display: inline-block;

  line-height: 1em;

}

.ml15 .letter {

  display: inline-block;

  line-height: 1em;

  color: white;

}

/* mission card */

/* about */

.col-sm-5 img{

   width: 100%;

   margin-top: 110px;

   height: 350px;



}

.col-lg-5 img{

   width: 100%;

   margin-top: 66px;

   height: 350px;



}
 .sub-tittle ul li .fa{

    color: #c62c19;

}

.about h3{

    text-align: center;

}

.mission{

    color: black;

}

/* about */

/* quality */

.quality h3{

    text-align: center;

    font-size: 32px;

 

    text-underline-position: under;

}

.box{

        padding: 6px;

    text-align: center;

}

.quality p{

    color: white;

    text-align: center;

}

.quality .col-sm-4{

    padding: 0!important;

    margin: 0;

    float: left;

}



/* quality */

/* business */



.sub-business{

    background-image: url(../images/bgr111.png);

}

.business{

    background:linear-gradient(to right, #43cea2, #185a9d);



}

.star{

    color: white;

}

.sub-business h3{

    text-align: center;

     color: white;

}

.sub-business li {

	color: white;

}

/* business */

/* home */



.quality{

    background:linear-gradient(to right, #38ecb3, #60a2e5);

}

/*.about{

  background:url(../images/bgr111.png);

  background-size: cover;

  background-repeat: no-repeat;

}*/



.about .row{

    margin-top: 30px;

}

/* home */

/* overlay */

/*.container {

  position: relative;

  width: 50%;

}

*/

.image {

  display: block;

  width: 100%;

}



.overlay {

  position: absolute;

  bottom: 0;

  /*left: 0;

  right: 0;*/

  background-color: rgba(0, 0, 0, 0.82);

  overflow: hidden;

  width: 100%;

  height: 0;

  transition: .5s ease;

}



.container-fluid:not(:hover) .overlay {

  height: 100%;

}

.container-fluid:hover .overlay {

  height: 100%;

}



.text {

  color: white;

  font-size: 20px;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  text-align: center;

}

.text h3{

    

        font-size: 26px;

    margin-bottom: 30px; 

}

.text p{

    color: #f8f9fa85;

    font-size: 0.8em;

    text-align: left;

}

.text a{

    color: white;

    /*margin-left: 66px;*/

    font-weight: bold;

    font-size: 0.9em;

    float: right;

}

.text .btn{

    padding: 2px;

    

    margin-top: 30px;

    border:2px solid #42cda2;

}

.text .fa{

    font-size: 30px;

}

/* overlay */

/* underline */

.tittle-w3ls:after {

    border-top: 4px solid #0f656f;

    display: block;

    width: 85px;

    content: "";

    margin: 8px auto 0;

}

h3{

    font-family: 'Raleway', sans-serif;

}

.hvr-radial-out {

    display: inline-block;

    vertical-align: middle;

   /* -webkit-transform: perspective(1px) translateZ(0);*/

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    position: relative;

    overflow: hidden;

    background: transparent;

    /*-webkit-transition-property: color;*/

    transition-property: color;

    /*-webkit-transition-duration: 0.3s;*/

    transition-duration: 0.3s;

}

.agile_banner_bottom_grid_left_grid {

    width: 60px;

    height: 60px;

    text-align: center;

}

.hvr-radial-out:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #fcb314;

    border-radius: 100%;

    /*-webkit-transform: scale(0);*/

    transform: scale(0);

    /*-webkit-transition-property: transform;*/

    transition-property: transform;

   /* -webkit-transition-duration: 0.3s;*/

    transition-duration: 0.3s;

    /*-webkit-transition-timing-function: ease-out;*/

    transition-timing-function: ease-out;

}

.agile_banner_bottom_grid_left_grid i {

    font-size: 2em;

    color: #fcb314;

    line-height: 2.2em;

}

/*.fa-map-o:before {

    content: "\f278";

}*/

.w3_agileits_banner_bottom_pos_grid:hover i {

    color: white;

}



.agile_banner_bottom_grid_left_grid: i {

    font-size: 2em;

    color: #fcb314;

    line-height: 2.2em;

}

@media only screen and (max-width: 600px) {

    #home{

        width: 100%;

        

    }

}

/* courses */

 .page-has-animation:not(.compose-mode) .page-content .tm-animation.move-up.animate {

    

   

    transform: translateY(100px);

   

    animation: moveVertical 0.65s ease forwards;

}

.page-has-animation:not(.compose-mode) .page-content .tm-animation {

    opacity: 0;

}

.tm-accordion.style-01 .accordion-section:hover, .tm-accordion.style-01 .accordion-section.active {

    box-shadow: 0 18px 40px rgba(51,51,51,.1);

}



.tm-accordion.style-01 .accordion-section {

    position: relative;

    border-radius: 5px;

    overflow: hidden;

    background: #fff;

}

.tm-accordion .accordion-title-wrapper {

    cursor: pointer;

}

.accordion-section:hover .accordion-title, .tm-accordion.style-01 .accordion-section.active .accordion-title {

    color: #fff!important;

    border-color: transparent;

}

.accordion-title {

   

    font-size: 18px;

    

    line-height: 1.23;

   

    user-select: none;

}

.tm-accordion.style-01 .accordion-content {

    padding: 23px 30px 29px;

}

ol {

    list-style: decimal;

}

ol {

    display: block;

   

    margin-block-start: 1em;

    margin-block-end: 1em;

    margin-inline-start: 0px;

    margin-inline-end: 0px;

    padding-inline-start: 40px;

    margin-left: -50px;

}

li {

    display: list-item;

    text-align: -webkit-match-parent;

}

.tm-accordion.style-01 .accordion-section.active .accordion-title, .tm-accordion.style-01 .accordion-section:hover .accordion-title :hover{

    background-color: #0f656f;

}

.tm-accordion .accordion-title {

    margin-bottom: 0;

}

.tm-accordion.style-01 .accordion-title {

    position: relative;

    font-size: 18px;

    font-weight: 500;

    line-height: 1.23;

    background: #f7f7f7;

    padding: 18px 30px;

    border: 1px solid #ededed;

    

    user-select: none;

}

.tm-accordion.style-01 .accordion-section.active .accordion-icon:before {

    content: '\f106';

}

.tm-accordion.style-01 .accordion-icon:before {

   

    position: absolute;

    top: 50%;

    right: 0;

    

    transform: translateY(-50%);

    font-size: 20px;

}

.tm-accordion.style-01 .accordion-icon {

    position: absolute;

    top: 50%;

    right: 30px;

   

    transform: translateY(-50%);

    font-weight: 500;

}

.accordion-content{

    display: none;

}

 .carousel-inner img {

    width: 100%;

    height: 100%;

  }



/*.carousel-caption {

 background: #00000096;    

}*/



/*--//responsive--*/





.ftr-pd{

    padding-bottom: 0rem !important;

    padding-top: 0rem !important;

}

.ftr-ul{

    margin-left: 0rem !important;

}

.ftr-cp{

    padding: 7px 0px 0px 0px !important

}





.carousel-item {

  height: 100vh;

  min-height: 550px;

  background: no-repeat center center scroll;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}

.carousel-inner {

    padding-top: 67px!mportant;

}

.f-wd{

	width:85% !important;

}

.modal-content {

    width: 85% !important;

}

.a-img{

    width: 100% !important;

    margin-top: 30px !important; 

    height: 350px !important;

}

.bg-red{

	background:#eaeaea;

    color: black;

    padding-left: 54px;

}


.bg-blue{

	background-color: #eaeaea;

    color: black;

    padding-left: 54px;

}

.gen{

	text-align: center;

    color: #0f657c;

    font-size: 34px;

    padding-top: 11px;

}

.mg13{

	    margin-top: -13px;

}

li {

    margin-top: 5px;

}

li {

    margin-top: 5px;

    font-size: 17px;

    margin-left: 32px;

    font-family: inherit;

    margin-top: 17px;

}

.ml-2, .mx-2 {

    margin-left: 0.5rem !important;

    margin-right: -57px !important;

}

.para{

	color: black;text-align: justify; padding-left: 40px;

    padding-right: 40px;

}

.t-ul{

	    

    color: black !important;

    line-height: 10px !important;

    

    font-size: 10px !important;

}

.f-t{

	

    margin-bottom: 1rem !important;

    width: 81% !important;

    margin-left: 36px !important;

}







@media screen and (min-width:0px) and (max-width:768px) 

{

	

	.t-ul {

    margin-left: 0px !important;

    color: black !important;

    line-height: 10px !important;

    font-weight: 700 !important;

    font-size: 10px !important;

}

	.para{

	color: black !important;

	padding-left: 40px !important;

    padding-right: 40px !important;

}



    .m-imgpd{

        padding-top: 81px !important;

    }

     .h-h{

	            height: 89px !important;

	     }

		 .a-mg{

	margin-top: 10px;

}

.fnt17{

	font-size: 17px !important;

}

.mg50{

	margin-left: 40px !important;

}

.bg-red {

   padding-left: 3px !important;

}

 .pd75{

			 padding-left: 0px !important;

 padding-right: 0px !important;}

		 

		  .width80{

			 width: 100%;

		 }

		 .c-f{

			 margin-left: -28px;

    margin-right: 4px;

		 }

		 .c-or{

			     margin-left: 27px;

		 }

		 .bg-blue1 {

    background-color: #15acbe;

    color: #fff;

    /* padding-left: 54px; */

    margin-left: -54px;

}

		 

		  .m-lft{

			  list-style-position: outside;

			  margin-left: -8px !important;"

		 }

		 .mg-h{

			 margin-top:0px !important;

		 }

    

}

 @media screen and (min-width:769px) and (max-width:1400px) 

	 {

		 

		 .m-lft{

			  list-style-position: outside;

			  margin-left: 50px !important;"

		 }

		 .width80{

			 width: 80%;

		 }

		 .specw{
                margin-right: 30px;
         }

		 .pd75{

			 padding-left: 74px !important;

			 padding-right: 74px !important;

		 }

	     .h-h{

	            height: 89px !important;

	     }

		 .mg50{

	margin-left: 60px !important;

}

		 .a-mg{

	margin-top: -80px;

}

	     

	 }



@media (max-width: 768px){

    .abc{

        text-align: left;

        margin-left: -26px;

    }

}

@media (max-width: 768px){

    .col-sm-5 img{

        height: 200px;

        margin-top: 17px;



    }

}



@media (max-width: 768px){

    .middle {

       margin-left: -36px;

       margin-right: -19px;

       

        

    }

}

@media (max-width: 768px){

.key {

      margin-left: -21px;

       

        

    }

.domestic{

    margin-left: -95px !important;

}

.edu{

    margin-left: -42px;

}

.major{

    margin-left: 35px;

}

.bpo{

    margin-left: -25px;

}

.course{

    margin-left: 15px;

    margin-right: 15px;

}

.enquiry{

    margin-right: 20px;

    margin-left: 8px;

}

.des{

        margin-left: -50px;

}



.intr{

    margin-left: -49px;

    margin-right: -35px;



}

.we{

    margin-left: 5px;

    margin-right: 5px;

}

.core{

        height: 790px !important;

        margin-top: -25px !important;

}

#myModal{

    margin-left: 40px;

}

.links-wthree{

    margin-left: -25px;

}

.display-4{

	font-size: 1.5rem;

	font-weight: bold;

}

.social-icons{

	margin-left: -10% !important;

}

.row2{

	height: 1350px;

}

.para{

	margin-top: 0px !important;

}

.bpr{

    margin-left: 15px;

}

.bpoh2{

    margin-left: -9px;

}

.navbar-nav{

    margin-left: 30px !important;

    margin-right: 30px !important;

}

.mar{

    margin-left: -30px;

}

.imgres{

    width: 100%;

    height: 200px;

}

.left{

    text-align: left !important;

    margin-left: -34px !important;

    margin-right: -69px !important;

}

.center{

    margin-left: -34px !important;
    margin-right: -73px !important;

}

.contact-us-home{

    margin-left: -200px;

}

.dev{

    margin-top: 20px;

    margin-left: 40px;

}

.top{

    margin-top: 25px;

}

.services-grid-inf1{

    margin-left: -159px;

    margin-right: 90px;

}

.h3-tag{

    text-align: center !important;

}

}

.para{

	margin-top: 68px;

}

.display-4{

	font-weight: bold;
    font-size: 2.5rem;

}

/* BPO Services */

.bpo {

	background: linear-gradient(to right, #38ecb3, #60a2e5);

	margin-bottom: 50px;

	color: #fff;

}
.bpobg{
    background: #eff4ff;
}


.bpoh2 {

	font-size: 34px;

	line-height: 42px;

}



.bpo span {

	font-size: 18px;

	font-weight: bold;

}



.bpo img {

	border:1px solid white;

	padding: 10px 10px;

	margin-right: 20px;

}



@media (min-width:768px) {

	.bpo1 {

		padding: 38px 45px;

		font-size: 16px;

	}

	.bpoh2{

		font-size: 32px !important;

		line-height: 42px;

	}

	.whyrt {

		background: url(../images/why-we-are.jpg) no-repeat;

		height: 578px;

		background-position: 100% 50%;

		background-size: cover;

	}

}



@media (max-width:480px) {

	.bpoh2{

		font-size: 28px;

		line-height: 42px;

	}

	.whyrt {

		background: url(../images/why-we-are.jpg) no-repeat;

		height: 420px;

		background-position: 100% 50%;

	}

	.txt21 {

		text-align: left !important;

	}

	.bpo1 {

		padding: 38px 25px;

	}

}



.bpoh2{

	font-size: 34px;

	line-height: 42px;

}



.bpoh2{

	font-size: 32px !important;

	line-height: 42px;

}



.bpoh2{

	font-size: 28px;

	line-height: 42px;

}



.dropdown-item {

    width: 95% !important;

}

/* business one */

ul.default li {

    line-height: 20px;

    margin-bottom: 15px;

    padding-left: 30px;

    color: #666;

    background: url(../images/tick.png) no-repeat left center;

}



@media (min-width: 768px){

.navbar-nav {

    float: left;

    margin: 0;

}

}





@media (min-width: 768px){

.navbar-nav li {

    float: left;

}

}







.one li a{

    color: black !important;

}

.bg-yellow{

    padding-left: 54px;

}

.legacy{

    background: #6639b6 url(images/purple.svg);

    background-repeat: no-repeat;

    background-size: cover;

    color: white;

    margin-bottom: 50px;

}

.ptb50px {

    padding-top: 50px;

    padding-bottom: 50px;

}

/* Testing QA */

.overflow-hidden {

    overflow: hidden !important;

}

.padding-top-60 {

    padding-top: 60px !important;

}

.no-padding-bottom {

    padding-bottom: 0 !important;

}

.fadeInUp {

    

    animation-name: fadeInUp;

}

.margin-bottom-60 {

    margin-bottom: 60px !important;

}

.text-center p {

    text-align: center;

}

@media (min-width: 992px){

.col-md-offset-1 {

    margin-left: 8.33333333%;

}

.margin-bottom-30 {

    margin-bottom: 30px !important;

   

}

.no-margin-top {

    margin-top: 0 !important;

}

.fadeInRight {

  

    animation-name: fadeInRight;

}

}





.sm-margin-bottom-60 {

    margin-bottom: 60px !important;

}

.display-inline {

    display: inline-block !important;

}

.img-responsive {

   

    max-width: 100%;

    height: auto;

}

.fadeInLeft {

    

    animation-name: fadeInLeft;

}

.content-sec {

    text-align: justify;

}

.content-sec .h3-tag {

    

    text-align: left;

}

.margin-bottom-25 {

    margin-bottom: 25px !important;

}

.font-size-22 {

    font-size: 22px !important;

}

.color-teal {

    color: #0097a4 !important;

}



.padding-top-40 {

    padding-top: 40px !important;

}

.bg-teal {

    background-color: #0097a4 !important;

}

.contact-us-home {

    min-height: 200px;

    background: #0db4c4;

}



/* testing session 2*/

.color-white, .sticker-list, .sticker-list li p a {

    color: #fff !important;

    margin-left: 200px;

    font-size: 17px;

}

.testlogo{

    margin-left: 200px;

    margin-right: -140px;

}

.gaming-rel-sec{

    margin-left: 125px;

}

.tc{

  margin-left: 280px;

}

.site-button.white-button:hover {

    background-color: #c62c19;

    color: #fff;

}

.white{

    color: white;

}

.font-size-21{

    font-size: 1.2em;

    font-family: inherit;

}

.font-size-16{

    font-size: 0.9em;

}

.imageframe-align-center {

    text-align: center;

}

.bg-yellow p{

    color: black;
    font-size: 17px;

}

 .half_banner_section {

    background: rgba(0,0,0,.55);

    display: block;

    padding-left: 30px;

    padding-right: 30px;

    color: #fff;

    height: 100%;

}

/* webapp .net process */

.process-icons{

   position: relative;

    min-height: 250px;

    background: #fff;

    padding: 15px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    border-radius: 5px;

    -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,.14);

    box-shadow: 0px 0px 18px 0px rgba(0,0,0,.14);

    overflow: hidden;

    cursor: pointer;

}

.process-icons h4{

    font-weight: 400;

}

.space{

     margin-right: 60px;

}

.fa-check-circle{

    color: #0d8c9a;

}

.center{

       margin-left: 50px;

}

@media (max-width: 450px){

.testlogo{

    margin-left: 20% !important;

}

.cw{

    margin-left: 15px !important;

    margin-right: 15px !important;

}

.exs-margin-bottom-30{

    margin-left: -56px !important;

        margin-right: 50px !important;

}

.size{

    text-align: center;

}

.tc{

    margin-left: -67px;

    font-size: 28px;

}

.hidden-xs{

        margin-left: -45px;

    margin-right: 50px;

}

.home1{

    height: 300px !important;

    width: 300px !important;

   margin-left: -14%;
  margin-right: auto;

}

.home2{
 height: 300px;

    width: 300px;

      

}

.services-grid-inf{

    text-align: justify !important;

    padding: 15px !important;

    margin-top: -75px !important;

}

.img123{

	max-width: 100%;

	margin-left: -21px;

}

.tp{

    margin-top: 5%;

}

.td{

    margin-top: -97%;

}

.img-tp{

    margin-top: -25px;

}

.bo{

    margin-right: -62px;

}

.am{

    margin-left: -30px;

}

.lm{

    margin-left: -40px;

}

.bg-yellow1 p{

    margin-left: -20%;

    

}

.intel{

    margin-left: -35%;

    margin-right: -15%;

    text-align: justify;

}

.intel1{

    margin-left: -35%;

    margin-right: -15%;

    

}

.tp3{

    margin-top: -3% !important;

}

.mono-h3{

    margin-left: -15%;

    margin-right: -14%;

}

.am-1{

    margin-left: -15px;

}

.support{

    font-size: 17px;

    margin-left: -23%;

    margin-right: -21%;

}

.left1{

    text-align: left !important;

    margin-left: -34px !important;

    margin-right: -79px !important;

    font-size: 0.9em;

}

.left2{

    text-align: left !important;

    margin-left: -34px !important;

    margin-right: -58px !important;

    font-size: 0.9em;

}

.asp{

    font-size: 1.5rem;

    margin-right: -8%;

}

.asp-dev{

    font-size: 1rem;

}

.serv-high{

    font-size: 1.5em !important;

    margin-left: -32px;

}

.asp-custom{

    font-size: 15px;

    margin-left: -4px;

}

.most{

    margin-left: -10%;

    font-size: 1.5em;

}

.services-grid-inf2{

    margin-left: -180px !important;

}

.fnt{

    font-size: 14px !important;

}

.pfont{

    font-size: 0.9em;

    margin-left: -2px;

    text-align: left;

}

.pfont1{

    font-size: 0.9em;

    margin-left: -7px;

    text-align: left;

    margin-right: -38px;

}

.row1{

    height: 756px;

}

.policy{

    margin-top: -29px !important;

    margin-left: -49px !important;

}

.img1{

    width: 360px !important;

}

.pfont2{

    font-size: 0.9em;

    margin-left: -35px;

    text-align: left;

    margin-right: -38px;

}

.lft{

    text-align: left !important;

    margin-left: 9px !important;

    margin-right: -41px !important;

}

.mc41{

    margin-left: -41px !important;

}

.tp4{

    margin-top: -8%;

}

.tra{

    margin-left: 1px;

    margin-right: -5px;

    text-align: left;

}

.tra-1{

    font-size: 16px;

    margin-left: 15px;

}

.deli{

    margin-left: 22px;
    margin-right: 20px;

}

.padd-0{

    padding-right: 0px !important;

    padding-left: 0px !important; 

}

.mrg{

    margin-left: 0px !important;



}
.logor{
    margin-left: -1% !important;
}
.m11{
    margin-right: -11%;
}
li{ 
    font-size: 0.9em;
}
.mt132{
    margin-top: 100% !important;
}
.testp{
    margin-left: 8px !important;
    margin-right: 7px !important;
}
nav ul li .social-icons{
    display: inline-block !important;
}
.spec{
    margin-left: 90px !important;
}
.bpon{
    margin-left: 1% !important;
    margin-right: -3% !important;
}
.bponimg{
    margin-left: 0 !important;
}
.mar81{
	margin-bottom: -8px;
    margin-top: 8px !important;
}
.gaming-rel-sec{

    margin-left: 81px;

}
.appium{
    margin-left: 0% !important;
}
.laptop{
    margin-left: 0% !important;
}
.maj-cust{
	margin-left: -57px;
}
.c-land{
    margin-left: 17px;
    margin-right: -12px;
}

.dropdown-menu{
    width: 250px;
}
.img-who{
    margin-top: 0 !important;
    height: 244px !important;
}
.exp-img{
    padding-right: 14%;
}
.maj-cust h5{
    text-align: center;
}
.domestic h5{
    text-align: center;
}
#legacy{
    padding-right: 12%;
}
.po{
    margin-top: 20% !important;
}
}



.bg-yellow1 p{

    color: black;



}



.mc{

    margin-left: 100px;

}

.m350{

    margin-left: 160px;

}

.m90{

    margin-left: 90px;

}

.dropdown:hover .dropdown-menu{

    display: block;

}
.bpon{
    margin-left: 5%;
    margin-right: -20%;
    margin-top: 5%;
}
.mar8{
	margin-bottom: -8px;
	margin-top: -8px;
}
.laptop{
    margin-left: -14%;
}
.pd-lft{
	padding-left: 125px;
}

/* Mobile Phones Landscape */
@media screen and (max-device-width: 480px) and (orientation: landscape){
 .navbar-brand{
  	margin-left: -8%;
  		width:100%;
  	height:100px;
  	overflow-y: scroll;
 
}

}
@media only screen and (-webkit-device-pixel-ratio: 3) and (max-device-height: 640px) and (min-device-width: 360px) and (orientation: landscape){
.bpon{
    margin-right: 4%;
}
.maj-cust{
    margin-left: -7%;
}
.bo{
    margin-left: -9%;
    margin-right: -17%;
    font-size: 17px !important;
}
.lft{
    margin-left: 26px !important;
    margin-right: -36px !important;
}
.services-w3pvt-main{
    margin-left: 0 !important;
}
.tp{
    margin-top: 5%;
}
.color-white{
    margin-left: 0;
}
.relevent-sec-text p{
    text-align: center;
}
.tc{
    margin-left: -25%;
}
.soft{
    margin-left: -20% !important;
}
.laptop{
    margin-left: 0;
}
.consult{
    margin-left: 24%;
}
.bpoland{
    margin-left: 5%;
    margin-right: 5%;
}
.bpoh2{
    text-align: center;
}
.c-land{
    margin-left: 17px;
    margin-right: -12px;
}

.dropdown-menu{
    width: 260px;
}
.imgres{
    width: inherit;
    height: max-content;
}
.projects p{
    font-size: 17px !important;
    margin-right: -9%;
}
.card-body p{
    font-size: 17px !important;
}
.qa-row{
    margin-top: -2% !important;
}
.net-land ul{
margin-left: 10% !important;
}
.padd-0{
    font-size: 17px !important;
}
.exp-img {
    padding-right: 14%;
}
.maj-cust h5{
    text-align: center;
}
.domestic h5{
    text-align: center;
}
.bpon p{
    font-size: 17px !important;
}
.breadcrumb{
    margin-bottom: 5% !important;
}
.bg-yellow p{
    font-size: 17px !important;
}
.intel, .intel1{
    margin-left: -12%;
    text-align: justify;
}
.testp, .tra{
    font-size: 17px !important;
}
.navbar{
    display: contents;
}
}

/* home what we provide */  
.featured_grid_left{
    padding: 5px;
}
.bo{
    font-size: 17px !important;
}