h4, h5, h6,
h1, h2, h3 { margin: 0; }
ul, ol { margin: 0; padding: 0; }
p { margin: 0; }
html, body { font-family: 'Roboto-Regular'; font-size: 100%; background: #fff; }
a { text-decoration: none; }
    a:hover { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
@font-face { font-family: 'Roboto-Regular'; src: url(../fonts/Roboto-Regular.ttf) format('truetype'); }

.fwt-card { border: 1px solid #ccc; }
.fwt-card-2 { border: 1px solid #ccc; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important; }
.fwt-card-4, .fwt-hover-shadow:hover { border: 1px solid #ccc; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; }
.fwt-card-8 { border: 1px solid #ccc; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; }
.fwt-card-12 { border: 1px solid #ccc; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19) !important; }
.fwt-card-16 { border: 1px solid #ccc; box-shadow: 0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21) !important; }
.fwt-card-24 { border: 1px solid #ccc; box-shadow: 0 24px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22) !important; }

.fwt-padding-0 { padding: 0 !important; }
.fwt-padding-1 { padding-top: 1px !important; padding-bottom: 1px !important; }
.fwt-padding-4 { padding-top: 4px !important; padding-bottom: 4px !important; }
.fwt-padding-8 { padding-top: 8px !important; padding-bottom: 8px !important; }
.fwt-padding-12 { padding-top: 12px !important; padding-bottom: 12px !important; }
.fwt-padding-16 { padding-top: 16px !important; padding-bottom: 16px !important; }
.fwt-padding-24 { padding-top: 24px !important; padding-bottom: 24px !important; }
.fwt-padding-32 { padding-top: 32px !important; padding-bottom: 32px !important; }
.fwt-padding-48 { padding-top: 48px !important; padding-bottom: 48px !important; }
.fwt-padding-64 { padding-top: 64px !important; padding-bottom: 64px !important; }
.fwt-padding-128 { padding-top: 128px !important; padding-bottom: 128px !important; }

.fwt-justify { text-align: justify; }
.fwt-center { text-align: center; }
.fwt-text-blue, .fwt-hover-text-blue:hover { color: #2196F3 !important; }

/*--header start here--*/
.header-main { padding: 0em 0em 0em 0em; }
.header-logo { display: none; }
.header { min-height: 100%; }
.header1 { background: url(../IMG/bann.jpg)no-repeat; background-size: cover; min-height: 230px; }
.bann-bottom h1 { font-size: 3em; color: #fff; font-family: 'PatuaOne-Regular'; }
.bann-bottom p { font-size: 1.4em; color: #fff; margin: 0.3em 0em 0em 0em; }
.bann-main { padding: 4em 0em 0em 0em; width: 45%; margin: 0 auto; }
.top-desc { background: #3A383A; background-size: cover; color: #F1BA37; width: 100%; height: 130px; margin: 0; padding: 0px; font-weight: bold; font-size: 16px; line-height: 22px; z-index: 999; overflow: hidden; }

.tilt { position: relative; font-size: 1em; padding: 0px 20px; width: 400px; color: #FFF !important; background-color: transparent; z-index: 1; }
    .tilt::after { content: ''; color: #FFF !important; background: #007ACC; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; -webkit-transform: skew(-45deg); -moz-transform: skew(-45deg); -o-transform: skew(-45deg); transform: skew(-45deg); }

.top-menu1 { background: #FFF; text-align: center; width: 100%; height: 40px; z-index: 999; }
    .top-menu1 .top-menu1-blue-strip { margin: 3px 0px 0px; background: #007ACC; height: 3px; }
    .top-menu1 div ul li { display: inline-block; }
        .top-menu1 div ul li a { display: inline-block; outline: none; color: #000; text-decoration: none; text-shadow: 1px 1px 2px #999; font-size: 14px; padding: 0.6em 0.3em; vertical-align: middle; transition: 0.3s ease; }
            .top-menu1 div ul li a.group { position: relative; font-size: 14px; color: #FFF !important; background-color: transparent !important; z-index: 1; }
                .top-menu1 div ul li a.group::after { content: ''; color: #FFF !important; background: #007ACC; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; -webkit-transform: skew(-40deg); -moz-transform: skew(-40deg); -o-transform: skew(-40deg); transform: skew(-40deg); }
                .top-menu1 div ul li a.group:hover::after { content: ''; color: #FFF !important; background: #28378E; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; -webkit-transform: skew(-40deg); -moz-transform: skew(-40deg); -o-transform: skew(-40deg); transform: skew(-40deg); }

                .top-menu1 div ul li a.group.group-right::after { content: ''; color: #FFF !important; background: #007ACC; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; -webkit-transform: skew(40deg); -moz-transform: skew(40deg); -o-transform: skew(40deg); transform: skew(40deg); }
            .top-menu1 div ul li a.group-right:hover::after { content: ''; color: #FFF !important; background: #28378E; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; -webkit-transform: skew(40deg); -moz-transform: skew(40deg); -o-transform: skew(40deg); transform: skew(40deg); }

            .top-menu1 div ul li a:hover, .top-menu1 .pull-left ul li.active a { background-color: #007ACC; color: #FFF; text-shadow: 1px 1px 2px #444; }
            .top-menu1 div ul li a:hover, .top-menu1 div ul li a:focus { outline: none; }
        .top-menu1 div ul li.logo-center { position: relative; }

.top-menu { background: #007ACC; text-align: center; width: 100%; z-index: 999; }
    .top-menu div ul li { display: inline-block; }
        .top-menu div ul li a { display: inline-block; outline: none; color: #EEE; text-decoration: none; text-shadow: 0 0 1px rgba(255,255,255,0.3); font-size: 1em; font-weight: bold; padding: 0.8em 0.5em; vertical-align: middle; }
            .top-menu div ul li a:hover, .top-menu .pull-left ul li.active a { background-color: #00253d; color: #FFF; }
            .top-menu div ul li a:hover, .top-menu div ul li a:focus { outline: none; }
        .top-menu div ul li.logo-center { position: relative; }


#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile { border: 0; list-style: none; line-height: 1; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    #cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
    #cssmenu #head-mobile { display: none; }
#cssmenu { }
    #cssmenu > ul > li { float: left; }
        #cssmenu > ul > li > a { padding: 17px; font-size: 16px; letter-spacing: 1px; text-decoration: none; color: #ddd; font-weight: 500; }
        #cssmenu > ul > li:hover > a, #cssmenu ul li.active a { color: #fff; }
        #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover { background: rgba(255,255,255,0.9) !important; -webkit-transition: background .3s ease; -ms-transition: background .3s ease; transition: background .3s ease; }
        #cssmenu > ul > li.has-sub > a { padding-right: 30px; }
            #cssmenu > ul > li.has-sub > a:after { position: absolute; top: 22px; right: 11px; width: 8px; height: 2px; display: block; background: #ddd; content: ''; }
            #cssmenu > ul > li.has-sub > a:before { position: absolute; top: 19px; right: 14px; display: block; width: 2px; height: 8px; background: #ddd; content: ''; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; }
        #cssmenu > ul > li.has-sub:hover > a:before { top: 23px; height: 0; }
    #cssmenu ul ul { position: absolute; left: -9999px; }
        #cssmenu ul ul li { text-align: left; height: 0; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; background: rgba(255,255,255,0.9); transition: all .25s ease; }
            #cssmenu ul ul li:hover { }
    #cssmenu li:hover > ul { left: auto; }
        #cssmenu li:hover > ul > li { height: 35px; }
    #cssmenu ul ul ul { margin-left: 100%; top: 0; }
    #cssmenu ul ul li a { border-bottom: 1px solid rgba(150,150,150,0.15); padding: 11px 15px; width: 200px; font-size: 14px; text-decoration: none; color: #002c4a; font-weight: 600; }
    #cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a { border-bottom: 0; }
    #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #fff; }
    #cssmenu ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #ddd; content: ''; }
    #cssmenu ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #ddd; content: ''; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; }
    #cssmenu ul ul > li.has-sub:hover > a:before { top: 17px; height: 0; }
    #cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover { background: #007ACC; }
    #cssmenu ul ul ul li.active a { border-left: 1px solid #333; }
    #cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a { border-top: 1px solid #333; }

@media screen and (max-width:700px) {
    .logo { position: absolute; top: 0; left: 0; width: 100%; height: 46px; text-align: center; padding: 10px 0 0 0; float: none; }
    .logo2 { display: none; }
    nav { width: 100%; }
    #cssmenu { width: 100%; }
        #cssmenu ul { width: 100%; display: none; }
            #cssmenu ul li { width: 100%; border-top: 1px solid #444; }
                #cssmenu ul li:hover { background: #363636; }
            #cssmenu ul ul li, #cssmenu li:hover > ul > li { height: auto; }
                #cssmenu ul li a, #cssmenu ul ul li a { width: 100%; border-bottom: 0; }
        #cssmenu > ul > li { float: none; }
        #cssmenu ul ul li a { padding-left: 25px; }
        #cssmenu ul ul li { background: #333 !important; }
            #cssmenu ul ul li:hover { background: #363636 !important; }
        #cssmenu ul ul ul li a { padding-left: 35px; }
        #cssmenu ul ul li a { color: #ddd; background: none; }
        #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a { color: #fff; }
        #cssmenu ul ul, #cssmenu ul ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; }
            #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before { display: none; }
        #cssmenu #head-mobile { display: block; padding: 23px; color: #ddd; font-size: 12px; font-weight: 700; }
    .button { width: 55px; height: 46px; position: absolute; right: 0; top: 0; cursor: pointer; z-index: 12399994; }
        .button:after { position: absolute; top: 22px; right: 20px; display: block; height: 4px; width: 20px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: ''; }
        .button:before { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 16px; right: 20px; display: block; height: 2px; width: 20px; background: #ddd; content: ''; }
        .button.menu-opened:after { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; top: 23px; border: 0; height: 2px; width: 19px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
        .button.menu-opened:before { top: 23px; background: #fff; width: 19px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
    #cssmenu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid #444; height: 46px; width: 46px; cursor: pointer; }
        #cssmenu .submenu-button.submenu-opened { background: #262626; }
    #cssmenu ul ul .submenu-button { height: 34px; width: 34px; }
    #cssmenu .submenu-button:after { position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #ddd; content: ''; }
    #cssmenu ul ul .submenu-button:after { top: 15px; right: 13px; }
    #cssmenu .submenu-button.submenu-opened:after { background: #fff; }
    #cssmenu .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #ddd; content: ''; }
    #cssmenu ul ul .submenu-button:before { top: 12px; right: 16px; }
    #cssmenu .submenu-button.submenu-opened:before { display: none; }
    #cssmenu ul ul ul li.active a { border-left: none; }
    #cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a { border-top: none; }
}


/*----*/
.top-nav span.menu:before { content: url(../IMG/menu.png); cursor: pointer; width: 100%; }
.top-nav span.menu { display: none; }




.bann-bottom { text-align: center; padding: 16em 0em 0em 0em; }
span.glyphicon.glyphicon-education { color: #fc5c5c; font-size: 2.5em; background: #FFF; width: 60px; height: 60px; border-radius: 33px; padding: 0.2em 0em 0em 0em; }
span.glyphicon.glyphicon-star-empty { color: #fc5c5c; font-size: 2.5em; background: #FFF; width: 60px; height: 60px; border-radius: 33px; padding: 0.27em 0em 0em 0.15em; }
    span.glyphicon.glyphicon-star-empty:hover { color: #fff; transform: rotateY(360deg); transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all; }
span.glyphicon.glyphicon-tree-deciduous { color: #fc5c5c; font-size: 2.5em; background: #FFF; width: 60px; height: 60px; border-radius: 33px; padding: 0.25em 0em 0em 0.05em; }
    span.glyphicon.glyphicon-tree-deciduous:hover { color: #fff; transform: rotateY(360deg); transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all; }
.bann-grid h4 { font-size: 1em; color: #fff; margin: 1em 0em 0em 0em; font-family: 'PatuaOne-Regular'; }
/*----*/
/********** Login *************/
#loginContainer { position: relative; }
    #loginContainer a { text-decoration: none; }
        #loginContainer a span { display: block; color: #fff; background: none; border: 1px solid #fff; border-radius: 10px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; padding: 4px 25px; font-size: 1em; }
            #loginContainer a span:hover { background: none; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
/* Login Button */
#loginButton { display: inline-block; position: relative; z-index: 30; cursor: pointer; }
/* Login Box */
#loginBox { position: absolute; top: 45px; right: 27px; display: none; z-index: 29; }
#loginForm:after { content: ''; position: absolute; right: 25px; top: -10px; border-left: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); border-bottom: 10px solid #f0f0f0; }
/* Login Form */
#loginForm { width: 300px; background: #fff; border: 2px solid #2d598a; border-radius: 35px 5px 35px 5px; text-align: left; }
    #loginForm fieldset { margin: 0 0 15px 0; display: block; border: 0; padding: 0; }
fieldset#body { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; padding: 15px 15px; margin: 0; }
#loginForm #checkbox { width: auto; margin: 3px 6px 0 0; float: left; padding: 0; border: 0; }
#body label { color: #000; margin: 10px 0 0 0; display: block; float: left; font-size: 0.8725em; font-weight: 400; }
#loginForm #body fieldset label { display: block; float: none; margin: 0 0 6px 0; }
#body label i { color: #000; font-size: 1em; font-style: normal; }
/* Default Input */
#loginForm input { width: 92%; border: 1px solid #DADADA; color: #222; background: #FFF; padding: 6px; font-size: 0.8125em; -webkit-apperance: none; }
/* Sign In Button */
#loginForm #login { width: auto; float: left; background: #fc5c5c; color: #fff; font-size: 0.8725em; padding: 8px 20px; border-radius: 4px; border: none; margin: 0 12px 0 0; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; }
    #loginForm #login:hover { background: #2d598a; }
/* Forgot your password */
#loginForm span { display: block; padding: 0px 0px 15px 0px; }
    #loginForm span a { color: #000; font-size: 0.85em; font-weight: 400; background: none; border: none; box-shadow: none; padding: 0 16px; }
        #loginForm span a:hover { text-decoration: underline; }
input:focus { outline: none; }



.border_btm:hover { border: 2px solid; color: #FFF; background: #27276B; border-bottom-left-radius: .7em; border-bottom-RIGHT-radius: .7em; }




/*--header end here--*/


.admission-info { padding: 4em 0em 4em 0em; }
    .admission-info div > b { position: absolute; left: -22px; }
    .admission-info div > input, .admission-info textarea, .admission-info table, .admission-info select { font-size: 12px; padding: 4px; color: #333 !important; width: 100%; }
    .admission-info input.submit { font-size: 18px; padding: 4px; color: #DDD !important; width: 150px; background: #2d598a; border-bottom: solid 4px #143457; border-radius: 5px; transition: all 0.3s; }
        .admission-info input.submit:hover { background: #007ACC; color: #FFF !important; padding: 5px; border-bottom: solid 2px #143457; }
    .admission-info input.reset { font-size: 18px; padding: 4px; color: #DDD !important; width: 150px; background: #8b8b8b; border-bottom: solid 4px #484848; border-radius: 5px; transition: all 0.3s; }
        .admission-info input.reset:hover { background: #9a9a9a; color: #FFF !important; padding: 5px; border-bottom: solid 2px #484848; }

.contact { padding: 4em 0em 4em 0em; }
    .contact div > input, .contact textarea, .contact table, .contact select { font-size: 12px; padding: 4px; color: #333 !important; width: 100%; }
    .contact input.submit { font-size: 18px; padding: 4px; color: #DDD !important; width: 100px; background: #2d598a; border-bottom: solid 4px #143457; border-radius: 5px; transition: all 0.3s; }
        .contact input.submit:hover { background: #007ACC; color: #FFF !important; padding: 5px; border-bottom: solid 2px #143457; }
    .contact input.reset { font-size: 18px; padding: 4px; color: #DDD !important; width: 150px; background: #8b8b8b; border-bottom: solid 4px #484848; border-radius: 5px; transition: all 0.3s; }
        .contact input.reset:hover { background: #9a9a9a; color: #FFF !important; padding: 5px; border-bottom: solid 2px #484848; }


.contact-form-fields { padding: 5px 10px; }
    .contact-form-fields input, .footer-contact-form-fields textarea { width: 100%; }
.contact-form-button { padding: 5px 10px; text-align: right; }

/*--banner-info start here--*/
.banner-info { padding: 4em 0em 4em 0em; }
.bann-info-left p { font-size: 0.95em; line-height: 1.8em; color: #909090; margin: 1em 0em 0em 0em; }
.bann-info-btn { text-align: center; padding: 2.5em 0em 0em 0em; }
    .bann-info-btn a { font-size: 1em; color: #fff; background: #2d598a; padding: 0.5em 1em; }
        .bann-info-btn a:hover { text-decoration: none; }
/* Bounce To Right */
.hvr-bounce-to-right { 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-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
    .hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #fc5c5c; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
    .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { color: white; }
        .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/*--banner-info end here--*/
/*--testimonal start here--*/
.testimonal-main { text-align: center; }
    .testimonal-main h2 { font-size: 2.5em; color: #fff; margin-bottom: 0.5em; font-family: 'PatuaOne-Regular'; }
    .testimonal-main p { font-size: 0.95em; color: #fff; line-height: 1.8em; width: 53%; margin: auto; }
.testimonal { background: url(../IMG/asian.jpg)no-repeat center; background-size: cover; min-height: 350px; padding: 4em 0em; }
.testimonal-main a.testimo-btn { background: #2d598a; padding: 0.5em 1em; font-size: 1em; color: #fff; display: inline-block; margin-top: 1em; }
    .testimonal-main a.testimo-btn:hover { text-decoration: none; }
/*--testimonal end here--*/
/*--we work start here--*/
.we-work { padding: 3em 0em 4em 0em; }
.we-work-top { text-align: center; padding: 0em 0em 3em 0em; }
    .we-work-top h3 { font-size: 2.5em; color: #fc5c5c; margin-bottom: 0.5em; font-family: 'PatuaOne-Regular'; }
    .we-work-top p { font-size: 0.95em; color: #909090; line-height: 1.8em; width: 60%; margin: auto; }
.we-work-right p { font-size: 0.95em; color: #909090; line-height: 1.9em; margin: 0.9em 0em 0em 0em; }
/*--we work end here--*/
/*--features start here--*/
.features { padding: 0em 0em 4.5em 0em; }
.features-top { text-align: center; padding: 2em 2em 2em 0em; }
    .features-top h3 { font-size: 2.5em; color: #2d598a; margin-bottom: 0.5em; }
.feature-grid h4 { font-size: 1.3em; color: #fc5c5c; margin: 0.7em 0em 0.2em 0em; }
.feature-grid p { font-size: 0.95em; color: #909090; line-height: 1.8em; }
/*--features end here--*/
/*--footer start here--*/
footer { background: #CCC url(../IMG/VIdeoTourRepeat.jpg) repeat; }
.footer { background: #CCC; padding: 2em 0em; }
.ftr-grid-left { float: left; width: 25%; padding: 1em 1em; border: 3px solid #909090; border-radius: 50px; }
.ftr-grid-right { float: right; width: 70%; }
span.local { display: block; }
.ftr-grid-right p { margin: 1em 0em 0em 0em; font-size: 1em; color: #2d598a; font-family: 'PatuaOne-Regular'; }
    .ftr-grid-right p a { color: #000; }
        .ftr-grid-right p a:hover { color: #2d598a; text-decoration: none; }
/*--footer end here--*/
/*--copy right sttar here--*/
.copyright { padding: 2em 0em; text-align: center; }
    .copyright p { font-size: 1em; color: #b6d3f3; }
        .copyright p a { color: #b6d3f3; }
            .copyright p a:hover { color: #f1fc5c; text-decoration: none; }
.advance-top { text-align: center; padding: 0em 0em 2em 0em; }
    .advance-top h3 { font-size: 2.5em; color: #fff; font-family: 'PatuaOne-Regular'; text-align: center; margin: 0em 0em 1em 0em; }
.advantages { min-height: 400px; background-size: cover; padding: 3em 0em; }
.advanc-grid { margin-bottom: 4em; }
.advanc-text h4 { font-size: 1.5em; color: #fc5c5c; }
.advanc-text p { font-size: 1em; color: #fff; line-height: 1.8em; }
/*--copyright end here--*/
/*--about start here--*/
.about { padding: 3em 0em 0em 0em; }
.about-top { text-align: center; padding: 0em 0em 3.5em 0em; }
    .about-top h2 { font-size: 2.5em; color: #fc5c5c; font-family: 'PatuaOne-Regular'; }
    .about-top p { font-size: 1em; color: #909090; width: 60%; margin: 0.5em auto; }
.about-left h6 { font-size: 1.2em; line-height: 1.5em; }
    .about-left h6 a { color: #2d598a; }
        .about-left h6 a:hover { color: #fc5c5c; text-decoration: none; }
.about-left p { font-size: 1em; color: #909090; line-height: 1.8em; }
.team-mem { margin: 5em 0em 5em 0em; }
    .team-mem h1 { font-size: 2.5em; color: #2d598a; font-family: 'PatuaOne-Regular'; text-align: center; margin: 0em 0em 1em 0em; }
/*----- img-social-stags -----*/
ul.img-social-stags { margin: 0; padding: 0; display: none; position: absolute; top: 65%; left: 38%; }
    ul.img-social-stags li { display: inline-block; }
        ul.img-social-stags li a span { width: 45px; height: 45px; display: inline-block; background: url(../IMG/ic.png) no-repeat 0px 0px; }
        ul.img-social-stags li a.twitter span { background-position: 0px -4px; }
        ul.img-social-stags li a.facebook span { background-position: -53px -4px; }
.team-grid:hover ul.img-social-stags { display: block; }
ul.img-social-stags li a:hover { opacity: 0.8; }
/*--about end here--*/
/*--single--*/
.lone-line { padding: 2em 0em 0em 0em; }
.single-grid { margin: 0em 0 3em; background: #fff; }
    .single-grid h4 { margin: 0 0 0.3em; font-size: 2em; font-family: 'PatuaOne-Regular'; color: #fc5c5c; }
    .single-grid p { margin: 0.7em 0 1em; font-size: 1em; color: #7c7c7c; line-height: 1.9em; }
.single-profile h4 { font-size: 2em; color: #2d598a; margin: 0em; font-family: 'PatuaOne-Regular'; }
.single-left { padding: 2em 0 0; }
.post-top { padding: 0 1em 0 0em; }
.single-profile { padding: 0 0 3em 0; }
.cal ul { padding: 0px; }
    .cal ul li { display: inline-block; }
        .cal ul li span { color: #7C7C7C; font-size: 1em; margin-right: 1em; font-family: 'PatuaOne-Regular'; }
        .cal ul li a { color: #7C7C7C; text-decoration: none; font-size: 1em; font-family: 'PatuaOne-Regular'; }
.post-top h6 { font-size: 1.5em; color: #000; padding: 0.3em 0em 0.1em 0em; margin: 0em; font-family: 'PatuaOne-Regular'; }
.post-top p { font-size: 1em; color: #7c7c7c; line-height: 1.7em; }
.categories-grid h4 { color: #2d598a; font-size: 1.7em; padding: 0em 0 0.5em; margin: 0em; font-family: 'PatuaOne-Regular'; }
.grid-categories { padding: 0 0 1em; }
ul.popular li { list-style: none; }
    ul.popular li a { color: #7c7c7c; font-size: 1em; padding: 0.5em 0; display: block; text-decoration: none; }
    ul.popular li i { margin: 0 8px 0px; }
    ul.popular li a:hover { color: #fc5c5c; padding: 0.5em 0 0.5em 0.3em; }
.single-bottom h3 { font-size: 2em; color: #fc5c5c; margin: 0em; font-family: 'PatuaOne-Regular'; }
.single-bottom input[type="text"], .single-bottom textarea { font-size: 1.1em; width: 98%; padding: 0.5em 1em; margin: 0.5em 0; background: #fff; outline: none; border: 1px solid #bbb; color: #bbb; }
.single-bottom input[type="submit"] { border: none; color: #000; font-size: 1.1em; width: 10%; margin: 0.5em 0em; background: #fc5c5c; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; color: #fff; padding: 0.5em 1em; outline: none; }
    .single-bottom input[type="submit"]:hover { background: #2d598a; }
.comment { padding: 0; }
.single-bottom textarea { resize: none; min-height: 180px; margin: 0.5em 0em; width: 99%; }
.single-bottom form { padding: 2em 0 0; }
.single { padding: 4em 0; }
.grid-categories ul.popular { padding: 0px; }
i.glyphicon.glyphicon-calendar { margin: 0em 0.4em 0em 0em; }
i.glyphicon.glyphicon-comment { margin: 0em 0.4em 0em 0em; }
/*--//single--*/
/*--typo--*/
.page { background-color: #fff; margin: 4em 0; }
.page-header h3 { font-size: 3em; color: #000; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: none; }
.grid1 { margin: 1.5em 0 0; }
ul.nav.nav-pills { margin: 1.5em 0 0; }
.grid2 { margin: 1em 0 0; }
h3.typo1 { font-size: 2.5em; color: #fc5c5c; text-align: center; font-family: 'PatuaOne-Regular'; }
/*--//typo--*/
/*--gallery-starts--*/
.gallery { padding: 4em 0; }
.gallery-top h2 { font-size: 2.5em; color: #fc5c5c; font-family: 'PatuaOne-Regular'; }
.gallery-top p { font-size: 0.95em; font-weight: 400; color: #909090; width: 60%; margin: 0 auto; line-height: 1.8em; }
.gallery-top { margin-bottom: 3em; text-align: center; }
.da-thumbs { list-style: none; position: relative; margin: 0; padding: 0; }
    .da-thumbs li { float: left; margin: 0.4%; background: #EFEFEF; padding: 8px; position: relative; box-shadow: 0 1px 3px rgba(231, 231, 231, 0.43); width: 32.4%; }
        .da-thumbs li a,
        .da-thumbs li a img { display: block; position: relative; width: 100%; }
        .da-thumbs li a { overflow: hidden; }
            .da-thumbs li a div { position: absolute; background: rgba(252, 92, 92, 0.56); width: 100%; height: 100%; }
                .da-thumbs li a div span { display: block; padding: 10px 0; margin: 11px 20px 20px 20px; font-weight: normal; text-transform: capitalize; color: rgba(255,255,255,0.9); text-align: center; font-size: 14px; }
                .da-thumbs li a div h5 { color: #FFF; font-size: 1.5em; margin: 3.5em 0 0 0; text-align: center; font-family: 'PatuaOne-Regular'; }
/*--//gallery-end--*/
/*--contact start here--*/
.map h1 { color: #2d598a; font-size: 1.7em; font-weight: 500; margin: 0 0 0.8em 0; letter-spacing: 1px; font-family: 'PatuaOne-Regular'; }
.contact-infom h4 { color: #fc5c5c; font-size: 1.7em; font-weight: 500; margin: 0 0 0.8em 0; letter-spacing: 1px; font-family: 'PatuaOne-Regular'; }
.contact-top h2 { font-size: 2.5em; font-weight: 400; color: #fc5c5c; font-family: 'PatuaOne-Regular'; }
.contact-top p { font-size: 0.95em; font-weight: 400; color: #909090; width: 60%; margin: 0 auto; line-height: 1.8em; }
.contact-top { text-align: center; padding: 0em 0em 2.5em 0em; }
.map { margin: 2em 0; }
    .map iframe { width: 100%; height: 340px; border: none; }
.contact-infom p { color: #858d94; margin: 0 0 1.5em 0; text-align: left; font-size: 0.9em; line-height: 1.8em; }
.contact-form { margin: 3em 0; }
    .contact-form input[type="text"] { display: inline-block; background: none; border: 1px solid #A3A1A1; width: 32.1%; margin: 0 0 1.5em 0; outline: none; font-size: 0.95em; color: #747577; font-weight: 400; padding: 10px 15px 10px 15px; }
    .contact-form input.email { margin: 0px 16px 0px 16px; }
    .contact-form textarea { background: none; border: 1px solid #A3A1A1; width: 100%; display: block; height: 150px; outline: none; font-size: 0.9em; color: #747577; font-weight: 400; resize: none; padding: 10px 15px 10px 15px; }
    .contact-form input[type="submit"] { background: #2d598a; border: 1px solid #2d598a; padding: .6em 0; width: 14%; margin-top: 2em; font-size: 16px; color: #fff; font-weight: 400; letter-spacing: 1px; outline: none; transition: .5s all; }
        .contact-form input[type="submit"]:hover { color: #fc5c5c; border: 1px solid #fc5c5c; background: none; }

/*--//contact--*/
@media (max-width:1440px) {
}

@media (max-width:1366px) {
}

@media (max-width:1280px) {
    .header { min-height: 100%; }
    .bann-bottom { padding: 13em 0em 0em 0em; }
}

@media (max-width:1024px) {
    .header { min-height: 100%; }
    .bann-bottom { padding: 9em 0em 0em 0em; }
    .testimonal-main p { width: 67%; }
    .we-left-img1 { padding: 0px 6px 0px 0px; }
    .we-left-img2 { padding: 0px 0px 0px 6px; }
    .we-work-right p { font-size: 0.9em; margin: 0em 0em 0em 0em; }
    .feature-grid h4 { font-size: 1.1em; }
    .feature-grid p { font-size: 0.9em; }
    .ftr-grid-left { width: 27%; padding: 0.7em 0.8em; }
    .top-menu ul li a { padding: 0em 1em; }
    .top-menu1 ul li a { padding: 0em 1em; }
    /*--about start here--*/
    .about-left h6 { font-size: 1em; line-height: 1.3em; }
    .about-left p { font-size: 0.8em; line-height: 1.7em; }
    .about-top p { width: 70%; }
    ul.img-social-stags { top: 60%; }
    /*--single--*/
    .single-bottom input[type="submit"] { font-size: 1em; width: 14%; }
    .post-top p { font-size: 0.81em; }
    .single-grid p { font-size: 0.85em; }
    ul.popular li a { font-size: 0.8em; }
    /*--gallery start here--*/
    .da-thumbs li a div h5 { color: #FFF; font-size: 1.5em; margin: 2.5em 0 0 0; }
    /*--contact start here--*/
    .contact-form input.email { margin: 0px 13px 0px 13px; }
}

@media(max-width:768px) {
    .top-menu1 { display: none; }
    .top-menu { display: none; }
    .header-logo { display: block; }
    .logo { float: left; }
    .top-nav { float: right; }
    span.menu { display: block; text-align: center; padding: 0px 0px 0px 0px; cursor: pointer; color: #E74C3C; font-size: 16px; font-weight: 700; position: relative; }
    .top-nav span.menu { display: block; }
    .top-nav ul { display: none; position: absolute; width: 100%; z-index: 9999; left: 0%; margin: 3.7em 0; background: #fc5c5c; }
    .top-nav span.icon { display: block; width: 100%; position: relative; cursor: pointer; padding: 2em 0em 0em 0em; }
    .top-nav ul li, .top-nav ul li.active { display: block; padding: 0.5em 0; text-align: center; }
        .top-nav ul li a, .top-nav ul li.active a { color: #fff; border: none; padding: 0; background: none; margin: 0.3em 1em; text-decoration: none; }
            .top-nav ul li a:hover { color: #000; }
    .bann-grid { float: left; width: 33.3%; }
    .bann-main { width: 50%; padding: 2.5em 0em 0em 0em; }
    .bann-bottom h1 { font-size: 2.5em; }
    .bann-bottom { padding: 5em 0em 0em 0em; }
    .header { min-height: 100%; }
    .bann-info-left { float: left; width: 50%; }
        .bann-info-left p { font-size: 0.8em; }
    .bann-info-btn a { font-size: 0.8em; }
    .banner-info { padding: 2.5em 0em 2.5em 0em; }
    .testimonal-main h2 { font-size: 2em; }
    .testimonal-main p { width: 87%; }
    .we-left-img1 { float: left; width: 50%; }
    .we-left-img2 { float: right; width: 50%; }
    .we-work-top p { width: 93%; }
    .we-work-top h3 { font-size: 2em; }
    .we-work-right p { margin: 01em 0em 0em 0em; }
    .features-top h3 { font-size: 2em; margin-bottom: 0em; }
    .we-work { padding: 2em 0em 2.5em 0em; }
    .feature-grid { float: left; width: 50%; margin: 0em 0em 1.3em 0em; }
    .features-top { padding: 0em 0em 1.3em 0em; }
    .features { padding: 0em 0em 2em 0em; }
    .ftr-grid { float: left; width: 33.3%; }
    .ftr-grid-left img { width: 100%; }
    .ftr-grid-right p { font-size: 0.9em; margin: 0.5em 0em 0em 0em; }
    .copyright p { font-size: 0.9em; }
    .header1 { min-height: 150px; }
    /*--about strat --*/
    .about { padding: 2em 0em 0em 0em; }
    .about-top h2 { font-size: 2em; }
    .about-top p { width: 90%; font-size: 0.91em; }
    .about-left { padding: 0em 0em 1.2em 0em; }
    .about-right { width: 70%; margin: 0 auto; }
    .team-mem { margin: 2em 0em 2em 0em; }
        .team-mem h1 { font-size: 2em; margin: 0em 0em 0.7em 0em; }
    .team-grid { float: left; width: 50%; margin: 0em 0em 1em 0em; }
    .advanc-icons { float: left; width: 15%; }
    .advanc-text { float: right; width: 85%; }
        .advanc-text h4 { font-size: 1.2em; }
    .advance-top h3 { font-size: 2em; margin: 0em 0em 0em 0em; }
    .advanc-grid { margin-bottom: 2em; }
    .advantages { padding: 2em 0em; }
    /*--single--*/
    .post-top { float: left; width: 25%; }
    .single-bottom input[type="text"], .single-bottom textarea { width: 100%; }
    .categories-grid { margin-top: 1em; }
    .single-grid h4 { font-size: 1.5em; }
    .single-grid { margin: 0em 0 2em; }
    .post-top h6 { font-size: 1.2em; }
    .single-profile { padding: 0 0 2em 0; }
    .single-bottom form { padding: 1em 0 0; }
    .single { padding: 2em 0; }
    .single-bottom input[type="text"], .single-bottom textarea { font-size: 0.9em; }
    /*--typo--*/
    .page { margin: 2em 0; }
    h3.typo1 { font-size: 2em; }
    h1.grid2 { font-size: 2.3em; }
    .testimonal-main a.testimo-btn { font-size: 0.81em; }
    /*--gallery--*/
    .gallery { padding: 2em 0; }
    .gallery-top h2 { font-size: 2em; }
    .gallery-top p { width: 80%; }
    .gallery-top { margin-bottom: 2em; }
    .da-thumbs li a div h5 { font-size: 1.3em; margin: 2em 0 0 0; }
    .da-thumbs li a div span { margin: 0px 10px 20px 10px; }
    /*--contact--*/
    .contact-top h2 { font-size: 2em; }
    .contact-top p { font-size: 0.9em; width: 75%; }
    .contact-top { padding: 0em 0em 1em 0em; }
    .map h1 { font-size: 1.3em; }
    .contact-infom h4 { font-size: 1.3em; }
    .contact-form { margin: 2em 0; }
        .contact-form input.email { margin: 0px 9px 0px 9px; }
        .contact-form input[type="submit"] { margin-top: 1em; }
    .map iframe { height: 250px; }
}

@media(max-width:640px) {
    .bann-main { width: 80%; }
    .bann-bottom h1 { font-size: 2.2em; }
    .bann-bottom p { font-size: 1.05em; }
    .header { min-height: 100%; }
    .bann-bottom { padding: 2.5em 0em 0em 0em; }
    .testimonal-main h2 { font-size: 1.7em; }
    .testimonal-main p { width: 100%; font-size: 0.9em; }
    .testimonal { min-height: 250px; padding: 2em 0em; }
    .we-work-top p { width: 100%; font-size: 0.9em; }
    .we-work-top { padding: 0em 0em 2em 0em; }
    .ftr-grid-left { padding: 0.5em 0.5em; }
    .gallery-top p { width: 100%; font-size: 0.9em; }
    /*--single--*/
    .single-grid h4 { font-size: 1.5em; }
    .post-top h6 { font-size: 1.2em; }
    .single { padding: 3em 0 2em; }
    /*--typo--*/
    button.btn.btn-lg { font-size: 1.1em; }
    h1.grid2 { font-size: 2em; }
    h2.grid2 { font-size: 1.9em; }
    h3.typo1 { font-size: 2.5em; }
    .page { margin: 2em 0; }
    /*--contact--*/
    .contact-form input.email { margin: 0px 6px 0px 6px; }
    .contact-form input[type="text"] { font-size: 0.9em; padding: 8px 15px 8px 15px; }
    .contact-top p { width: 100%; }
    .contact-form input[type="submit"] { padding: .4em 0; font-size: 14px; }
    .da-thumbs li a div h5 { margin: 1em 0 0 0; }
}

@media(max-width:480px) {
    .bann-bottom h1 { font-size: 1.7em; }
    .bann-bottom p { font-size: 0.9em; }
    .bann-main { width: 100%; }
    .bann-grid img { width: 30%; }
    .header { min-height: 100%; }
    .bann-bottom { padding: 2em 0em 0em 0em; }
    .bann-main { padding: 1.5em 0em 0em 0em; }
    .bann-grid h4 { font-size: 0.9em; margin: 0.5em 0em 0em 0em; }
    .header-logo { margin-top: 0em; }
    .banner-info { padding: 1.5em 0em 1.5em 0em; }
    .bann-info-left { float: none; width: 100%; padding: 0px; }
        .bann-info-left p { font-size: 0.8em; margin: 0.5em 0em 2em 0em; }
    .bann-info-btn { padding: 0em 0em 0em 0em; }
    .testimonal-main h2 { font-size: 1.35em; }
    .we-work-top h3 { font-size: 1.7em; margin-bottom: 0.2em; }
    .we-work-top { padding: 0em 0em 1.5em 0em; }
    .we-work-left { padding: 0em; }
    .we-work-right { padding: 0em; }
        .we-work-right p { margin: 0.5em 0em 0em 0em; line-height: 1.7em; font-size: 0.9em; }
    .we-work { padding: 1.5em 0em 1.5em 0em; }
    .feature-grid h4 { font-size: 1em; }
    .feature-grid { padding: 0px 10px 0px 0px; }
    .features { padding: 0em 0em 1em 0em; }
    .ftr-grid { float: none; width: 100%; margin: 0em 0em 1.5em 0em; }
    .ftr-grid-left { width: 15%; }
    .ftr-grid-right { width: 80%; }
    .footer { padding: 1.5em 0em 0.4em 0em; }
    .copyright { padding: 1.5em 0em; }
    .about-top h2 { font-size: 1.7em; }
    .about-top p { width: 100%; font-size: 0.9em; }
    .about-top { padding: 0em 0em 1em 0em; }
    .about { padding: 1.5em 0em 0em 0em; }
    .about-right { width: 90%; }
    .team-grid { padding: 0px 10px 0px 0px; margin: 0em 0em 0.7em 0em; }
    .team-mem { margin: 1.5em 0em 1.5em 0em; }
    .advanc-icons img { width: 100%; }
    .advanc-icons { padding: 0px; }
    .advantages { padding: 1.2em 0em; }
    .da-thumbs li { width: 48.5%; }
    .contact-form input.email { margin: 0px 0px 0px 0px; }
    .contact-form input.email { margin: 0px 0px 10px 0px; width: 100%; }
    .contact-form input[type="text"] { width: 100%; margin: 0 0 0.9em 0; }
    .contact-form input[type="submit"] { width: 20%; }
    .map { margin: 1em 0; }
    /*--single--*/
    .lone-line { padding: 0.5em 0em 0em 0em; }
    .single-grid h4 { font-size: 1.2em; }
    .single-grid h4 { font-size: 1.2em; }
    .single-grid { margin: 0em 0 1.5em; }
    .single-profile { padding: 0 0 1.5em 0; }
        .single-profile h4, .single-bottom h3 { font-size: 1.5em; }
    .post-top { width: 50%; padding: 0 10px; }
    .single-bottom form { padding: 1em 0 0; }
    .single-bottom input[type="submit"] { width: 17%; }
    /*--typo--*/
    .page-header h3 { font-size: 2em; }
    button.btn.btn-lg { font-size: 1em; padding: 7px; }
    button.btn.btn-1 { font-size: 0.9em; padding: 8px; }
    button.btn.btn-sm { font-size: 0.8em; padding: 9px; }
    h1#h1-bootstrap-heading { font-size: 2.2em; }
    h2#h2-bootstrap-heading { font-size: 2em; }
    h1.grid2 { font-size: 1.45em; }
    h2.grid2 { font-size: 1.35em; }
    h3.grid2 { font-size: 1.3em; }
    h4.grid2 { font-size: 1.2em; }
    h3.typo1 { font-size: 2em; }
    .page { margin: 2em 0; }
}

@media(max-width:320px) {
    .bann-grid { padding: 0px; }
        .bann-grid h4 { font-size: 0.8em; }
    .bann-bottom h1 { font-size: 1.2em; }
    .header { min-height: 100%; }
    .bann-main { padding: 1em 0em 0em 0em; }
    .header-main { padding: 0em 0em 1em 0em; }
    span.icon img { width: 75%; }
    .top-nav span.icon { padding: 20px 0px 0px 0px; }
    .testimonal-main h2 { font-size: 1.2em; }
    .testimonal-main p { font-size: 0.8em; }
    .testimonal { padding: 1.5em 0em; }
    .we-work-top h3 { font-size: 1.5em; }
    .we-work-top p { width: 100%; font-size: 0.79em; line-height: 1.6em; }
    .we-work-right p { line-height: 1.7em; font-size: 0.8em; }
    .features-top h3 { font-size: 1.7em; }
    .feature-grid h4 { font-size: 0.85em; }
    .feature-grid p { font-size: 0.78em; line-height: 1.5em; }
    .features { padding: 0em 0em 0.3em 0em; }
    .ftr-grid-left { padding: 0.3em 0.3em; }
    .ftr-grid-right p { font-size: 0.9em; margin: 0em 0em 0em 0em; }
    .ftr-grid { padding: 0px; margin: 0em 0em 1em 0em; }
    .top-nav ul { margin: 1.2em 0em; }
        .top-nav ul li a, .top-nav ul li.active a { font-size: 0.8em; }
        .top-nav ul li, .top-nav ul li.active { padding: 0.2em 0; }
    .about-top h2 { font-size: 1.5em; }
    .about-top p { font-size: 0.75em; }
    .about-left h6 { font-size: 0.9em; }
    .about-right { width: 100%; padding: 0px; }
    .team-mem h1 { font-size: 1.5em; margin: 0em 0em 0.5em 0em; }
    .team-mem { margin: 1em 0em 1em 0em; }
    .advance-top h3 { font-size: 1.5em; }
    .advance-top { padding: 0em 0em 1em 0em; }
    .advanc-text h4 { font-size: 1.1em; }
    .advanc-text p { font-size: 0.83em; }
    .advanc-grid { margin-bottom: 1em; }
    .gallery-top h2 { font-size: 1.5em; }
    .gallery { padding: 1em 0; }
    .da-thumbs li a div h5 { margin: 0.5em 0 0 0; font-size: 0.9em; }
    .da-thumbs li a div span { margin: 0px 3px 10px 3px; font-size: 11px; }
    .gallery-top p { font-size: 0.8em; line-height: 1.7em; }
    .gallery-top { margin-bottom: 1em; }
    .copyright p { font-size: 0.75em; }
    .contact-top h2 { font-size: 1.5em; }
    .contact-top p { font-size: 0.8em; }

    .map h1 { font-size: 1em; }
    .contact-infom h4 { font-size: 1em; margin: 0 0 0.5em 0; }
    .contact-infom p { margin: 0 0 1em 0; font-size: 0.85em; line-height: 1.5em; }
    .map iframe { height: 150px; }
    .map { margin: 0.5em 0; }
    .contact-form { margin: 1em 0; }
        .contact-form input[type="submit"] { width: 28%; }
    .header1 { min-height: 100px; }
    /*--single--*/
    .single { padding: 1.5em 0 0.5em; }
    .col-md-8, .categories-grid { padding: 0; }
    .single-grid h4 { font-size: 1em; }
    .single-grid p { margin: 0.3em 0 0em; font-size: 0.8em; }
    .single-profile h4, .single-bottom h3 { font-size: 1.3em; }
    .single-left { padding: 1em 0 0; }
    .post-top { width: 50%; padding: 0 5px; margin: 0em 0em 1em 0em; }
        .post-top p { font-size: 0.8em; line-height: 1.5em; }
        .post-top h6 { font-size: 1em; }
    .single-bottom textarea { min-height: 140px; }
    .single-bottom input[type="submit"] { width: 24%; }
    button.btn.btn-1 { font-size: 0.79em; }
    span.label { margin: 0 0 0.5em; display: inline-block; font-size: 0.8em; }
    button.btn.btn-lg { font-size: 0.8em; padding: 0px; }
    .single-profile { padding: 0 0 0.5em 0; }
    .single-bottom form { padding: 0.4em 0 0; }
    .categories-grid h4 { font-size: 1.5em; }
    .single-bottom input[type="submit"] { padding: 0.3em 1em; }
    /*--typo--*/
    h1#h1-bootstrap-heading { font-size: 1.5em; }
    h2#h2-bootstrap-heading { font-size: 1.4em; }
    h3#h3-bootstrap-heading { font-size: 1.3em; }
    button.btn.btn-lg { font-size: 0.9em; margin: 0 0 0.5em 0px; padding: 9px; }
    .grid1 { margin: 0.7em 0 0; }
    button.btn.btn-1 { font-size: 0.8em; margin: 0 0 0.5em; }
    button.btn.btn-sm { font-size: 0.7em; padding: 5px; margin: 0 0 0.5em; }
    button.btn.btn-xs { font-size: 0.7em; }
    ul.nav.nav-pills a { padding: 0.5em; font-size: 0.9em; }
    span.label { margin: 0 0 0.5em; display: inline-block; }
    .page { padding: 0.5em; margin: 1.7em 0; }
    .page-header { margin: 16px 0 9px; }
    .grid2 { margin: 0.4em 0 0; }
    h3.typo1 { font-size: 1.7em; }
    .page-header h3 { font-size: 1.8em; }
    .logo img { width: 65%; }
    ul.img-social-stags li a span { width: 55px; height: 53px; background-size: 105%; }
    ul.img-social-stags li a.facebook span { background-position: -60px -4px; }
    .logo img { width: 70%; }
}
/* Footer
------------------------------------------------------------------------------*/

#footer1 { clear: both; background: #2c4167 url(../IMG/bg_white_arrow.png) no-repeat 50% 0; overflow: hidden; padding: 91px 0 0 0; font-size: 14px; color: #fff; line-height: 20px; }

    #footer1 article { float: left; width: 25%; padding: 0 15px; }

    #footer1 h3 { color: #fff; font-size: 48px; font-family: 'BebasNeue'; line-height: 52px; display: block; padding-bottom: 37px; font-weight: 300; }

    #footer1 a { color: #fff; }

    #footer1 .col-1 li { border-bottom: 1px solid #3c5177; padding-top: 1px; padding-bottom: 16px; margin-bottom: 20px; }

        #footer1 .col-1 li a { padding-left: 52px; display: block; position: relative; }

            #footer1 .col-1 li a:after { background: url(../IMG/ico_contacts.png) no-repeat; width: 32px; height: 32px; position: absolute; top: 4px; left: 0; content: ""; }

    #footer1 .col-1 .mail { padding-bottom: 21px; margin-bottom: 25px; }

        #footer1 .col-1 .mail a:after { background: url(../IMG/ico_contacts.png) no-repeat 0 -32px; height: 22px; top: -1px; }

    #footer1 .col-1 .phone a:after { background: url(../IMG/ico_contacts.png) no-repeat 0 -54px; height: 32px; top: -6px; }

    #footer1 .last { border: none !important; }

    #footer1 .col-2 li { border-bottom: 1px solid #3c5177; padding-bottom: 9px; margin-bottom: 9px; }

        #footer1 .col-2 li a { padding-left: 20px; background: url(../IMG/bg_arrow_blue.png) no-repeat 0 50%; }

        #footer1 .col-2 li.last { margin-bottom: 0; }

    #footer1 article p { padding-bottom: 17px; }

    #footer1 .col-3 li { padding: 0 10px 10px 0; float: left; }

        #footer1 .col-3 li a { background: #8ed3ef; display: block; width: 119px; height: 35px; line-height: 35px; color: #46788d; font-size: 14px; border-radius: 4px; padding-left: 35px; text-align: center; position: relative; overflow: hidden; }

            #footer1 .col-3 li a:after { background: #81c6e2 url(../IMG/ico_social.png) no-repeat 9px 8px; position: absolute; content: ""; top: 0; left: 0; bottom: 0; width: 35px; }

    #footer1 .col-3 .google-plus a:after { background-position: -26px 8px; }

    #footer1 .col-3 .twitter a:after { background-position: 9px -27px; }

    #footer1 .col-3 .pinterest a:after { background-position: -26px -27px; }

    #footer1 input { border-radius: 4px; background-color: #1e2d49; height: 52px; padding: 16px 20px; width: 100%; color: #fff; border: none; font-size: 14px; margin-bottom: 10px; }

    #footer1 button { border-radius: 4px; background: #fff; height: 52px; line-height: 52px; padding: 0 20px; width: 100%; color: #7e8798; border: none; font-size: 16px; margin-bottom: 10px; }

    #footer1 input::-webkit-input-placeholder { color: #fff; }
    #footer1 input::-moz-placeholder { color: #fff; }

    #footer1 .copy { display: block; text-align: center; clear: both; color: #899ec4; padding: 34px 0 26px 0; }
/*
	  ==============================================================
		   Explore Courses 02 Wrap Style
	  ==============================================================
*/
.gt_wrapper, header, section, footer, .default_width, .gt_content_wrap { float: left; width: 100%; position: relative; }
.gt_exp_course_bg { padding-bottom: 40px; }
.gt_expl_course_wrap { border-radius: 5px; border: 1px solid #d8d8d8; overflow: hidden; margin: 0px 0px 30px; transition: all 0.5s; }
    .gt_expl_course_wrap > figure { overflow: hidden; }
        .gt_expl_course_wrap > figure:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
        .gt_expl_course_wrap > figure > img { width: 100%; height: auto; }
.gt_expl_course_tag { position: absolute; top: 30px; right: 0px; color: #fff; text-transform: capitalize; padding: 5px 10px; opacity: 0; }
    .gt_expl_course_tag:before { content: ""; position: absolute; top: -10px; right: 0px; width: 0; height: 0; border-style: solid; border-width: 10px 0 0 10px; }
.gt_exp_course_hdg { position: absolute; width: 100%; top: 50%; left: 0px; margin: -65px 0px 0px; text-align: center; padding: 0px 20px; }
    .gt_exp_course_hdg > i { color: #ffffff; font-size: 70px; margin: 0px 0px 15px; display: block; }
    .gt_exp_course_hdg > h6 { color: #ffffff; font-weight: bold; text-transform: uppercase; }
.gt_exp_hvr_des { position: absolute; bottom: -100px; left: 0px; width: 100%; height: auto; background-color: #ffffff; text-align: center; padding: 52px 20px 20px; opacity: 0; visibility: hidden; }
    .gt_exp_hvr_des > span { width: 74px; height: 74px; border-radius: 100%; display: inline-block; color: #ffffff; line-height: 70px; font-size: 40px; position: absolute; top: -30px; border: 5px solid #ffffff; margin: 0px 0px 0px -35px; }
    .gt_exp_hvr_des > h6 { text-transform: uppercase; font-size: 14px; font-weight: bold; margin: 0px 0px 10px; color: #4f4f4f; }
.gt_exp_hvr_des_lnk { width: 100%; float: left; border: 1px solid rgba(198,198,198,0.85); padding: 10px 10px; border-radius: 5px; }
    .gt_exp_hvr_des_lnk > p { font-size: 14px; color: #999999; float: left; margin: 0px; }
        .gt_exp_hvr_des_lnk > p > span { font-weight: 600; font-size: 18px; font-weight: 600; }
    .gt_exp_hvr_des_lnk > a { display: inline-block; color: #54c219 !important; text-transform: capitalize; font-weight: 400; line-height: 24px; text-align: center; }
/*Color Variation*/
.exp_course1 > figure:before { background-color: rgba(0,84,164,0.85); }
.exp_course2 > figure:before { background-color: rgba(245,95,95,0.85); }
.exp_course3 > figure:before { background-color: rgba(10,177,104,0.85); }
.exp_course4 > figure:before { background-color: rgba(154,102,54,0.85); }
.exp_course5 > figure:before { background-color: rgba(238,33,246,0.85); }
.exp_course6 > figure:before { background-color: rgba(255,192,0,0.85); }
.exp_course7 > figure:before { background-color: rgba(76,139,245,0.85); }
.exp_course8 > figure:before { background-color: rgba(255,137,0,0.85); }
.exp_course1 .gt_exp_hvr_des > span { background-color: #0054a2; }
.exp_course2 .gt_exp_hvr_des > span { background-color: #f55f5f; }
.exp_course3 .gt_exp_hvr_des > span { background-color: #0ab168; }
.exp_course4 .gt_exp_hvr_des > span { background-color: #9a6634; }
.exp_course5 .gt_exp_hvr_des > span { background-color: #ee21f6; }
.exp_course6 .gt_exp_hvr_des > span { background-color: #ffc000; }
.exp_course7 .gt_exp_hvr_des > span { background-color: #4C8BF5; }
.exp_course8 .gt_exp_hvr_des > span { background-color: #FF8900; }
/*Tag Color*/
.gt_expl_course_tag.exp_course1 { background-color: #0054a2; }
.gt_expl_course_tag.exp_course2 { background-color: #f55f5f; }
.gt_expl_course_tag.exp_course3 { background-color: #0ab168; }
.gt_expl_course_tag.exp_course4 { background-color: #9a6634; }
.gt_expl_course_tag.exp_course5 { background-color: #ee21f6; }
.gt_expl_course_tag.exp_course6 { background-color: #ffc000; }
.gt_expl_course_tag.exp_course7 { background-color: #4C8BF5; }
.gt_expl_course_tag.exp_course8 { background-color: #FF8900; }
.gt_expl_course_tag.exp_course1:before { border-color: transparent transparent transparent #0054a2; }
.gt_expl_course_tag.exp_course2:before { border-color: transparent transparent transparent #f55f5f; }
.gt_expl_course_tag.exp_course3:before { border-color: transparent transparent transparent #0ab168; }
.gt_expl_course_tag.exp_course4:before { border-color: transparent transparent transparent #9a6634; }
.gt_expl_course_tag.exp_course5:before { border-color: transparent transparent transparent #ee21f6; }
.gt_expl_course_tag.exp_course6:before { border-color: transparent transparent transparent #ffc000; }
.gt_expl_course_tag.exp_course7:before { border-color: transparent transparent transparent #4C8BF5; }
.gt_expl_course_tag.exp_course8:before { border-color: transparent transparent transparent #FF8900; }
/*Hover*/
.gt_expl_course_wrap.active .gt_exp_course_hdg, .gt_expl_course_wrap:hover .gt_exp_course_hdg { opacity: 0; top: 0px; transition: all 0.5s; }
.gt_expl_course_wrap.active .gt_exp_hvr_des, .gt_expl_course_wrap:hover .gt_exp_hvr_des { opacity: 1; bottom: 0px; visibility: visible; transition: all 0.5s; }
.gt_expl_course_wrap:hover .gt_expl_course_tag { right: -10px; opacity: 1; transition: all 0.5s; }
/* FOOTER */
.gt_newsletter02_bg { background-image: url(../IMG/MeetUsHere.jpg); background-size: cover; background-position: 50% 50%; }
.gt_newsletter_form button { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.p_sub::-webkit-input-placeholder { color: #ffffff; opacity: 1; font-size: 14px; text-transform: uppercase; font-weight: 600; }
.p_sub:-moz-placeholder { color: #ffffff; opacity: 1; font-size: 14px; text-transform: uppercase; font-weight: 600; }
.p_sub::-moz-placeholder { color: #ffffff; opacity: 1; font-size: 14px; text-transform: uppercase; font-weight: 600; }
input.p_sub:-ms-input-placeholder { color: #ffffff; opacity: 1; font-size: 14px; text-transform: uppercase; font-weight: 600; }
.gt_latest_news_wrap, .gt_foo_logo_wrap, .gt_widget2_hdg { margin-bottom: 30px; }
ul.gt_scl_icon { width: 100%; }
.bg_fb { background-color: #4d67a3; text-align: center; }
.bg_twitter { background-color: #25a7df; text-align: center; }
.bg_gp { background-color: #d74936; text-align: center; }
.bg_linkedin { background-color: #0070b1; text-align: center; }
.bg_behance { background-color: #ff8e2e; text-align: center; }
.bg_vimeo { background-color: #3ea6e7; text-align: center; }
.bg_youtube { background-color: #cc171e; text-align: center; }

.gt_foo2_link > ul > li:before,
.gt_foo2_link > ul > li:hover > a { color: #0177b5; }
.gt_foo2_link > ul > li:before,
.gt_foo2_link > ul > li > a { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.gt_widget2_hdg { margin-bottom: 30px; }

/*==================================================

	Project: Edu-Skill
	Version: 1.0
	Last change: 14/11/16
	Author : 2goodtheme

/**
* Table of Contents :
* 1.0 - Import CSS
* 2.0 - Default Style
* 3.0 - Different Color CSS
* 4.0 - Top Bar Style
* 5.0 - Logo Style
* 6.0 - Cart Item Wrap Style
* 7.0 - Search Wrap Style
* 8.0 - Navigation Style
* 9.0 - Banner 02 CSS
* 10.0 - Banner Services Wrap CSS
* 11.0 - Heading Wrap CSS
* 12.0 - Explore All the Courses Wrap CSS
* 13.0 - Explore All Courses Search Wrap CSS
* 14.0 - Why Choose Us Wrap CSS
* 15.0 - Campus Life and Activities Wrap CSS
* 16.0 - Facts and Figure Wrap CSS
* 17.0 - Meet Our Teacher Wrap CSS
* 18.0 - Testimonial Wrap CSS
* 19.0 - Upcomming Conference and Events Wrap CSS
* 20.0 - Sub Banner Wrap CSS
* 21.0 - Breadcrumb Wrap CSS
* 22.0 - Contact List Wrap CSS
* 23.0 - Contact Social Wrap CSS
* 24.0 - Map Wrap CSS
* 25.0 - Contact Form Wrap CSS
* 26.0 - Who We Are Wrap CSS
* 27.0 - Core Value Wrap Start Wrap Css Start
* 28.0 - Faqs and Terms Wrap CSS
* 29.0 - Pagination Wrap CSS
* 30.0 - Advance Search Wrap CSS
* 31.0 - Campus History Wrap CSS
* 32.0 - Course Detail Wrap CSS
* 33.0 - Blog Grid Wrap CSS
* 34.0 - Blog Listing Wrap CSS
* 35.0 - Blog Single Wrap CSS
* 36.0 - Blog Detail Wrap CSS
* 37.0 - Author Comment Wrap Start
* 38.0 - Classes Wrap Css
* 39.0 - Event Grid Wrap Css
* 40.0 - Event List Wrap Css
* 41.0 - Event Detail Wrap Css
* 42.0 - 404 Page Style
* 43.0 - 404 Page 02 Style
* 44.0 - Comming Soon Style
* 45.0 - Team Detail Style
* 46.0 - Progress Wrap Style
* 47.0 - Top 02 Wrap Style
* 48.0 - Navigation 02 Wrap Style
* 49.0 - Search 02 Wrap Style
* 50.0 - Index 02 Search Wrap Style
* 51.0 - Get Started Services Wrap Style
* 52.0 - Welcome to Edu-Skill Wrap Style
* 53.0 - Facts Wrap Style
* 54.0 - Explore Courses 02 Wrap Style
* 55.0 - See More Button Wrap Style
* 56.0 - Meet Our Teacher 02 Wrap Style
* 57.0 - Testimonial Wrap 02 Wrap Style
* 58.0 - Latest News and Events Wrap Style
* 59.0 - Why Choose Us 02 Wrap CSS
* 60.0 - Course Listing Wrap CSS

[Color codes]

Background:	#ffffff (White)
Content:	#f5f5f5 (White Smoke)
Header h1:	#222222 (Grey Black)
Header h2:	#222222 (Grey Black)
Footer:		#151314 (Light black)

a (standard):	#999999 (dark black)
a (visited):	#0070bb (blue)
a (active):	#f6911e (yellow)

[Typography]
  
Body copy:		14px/ 'Montserrat', sans-serif;
Headers:		'Raleway', sans-serif;;
Input, textarea:	'Montserrat', sans-serif;
Sidebar heading:	'Montserrat', sans-serif;

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

/*
	  ==============================================================
		   Import CSS
	  ==============================================================
*/
@import url('css/bootstrap.min.css');
@import url('css/font-awesome.min.css');
@import url('css/owl.carousel.css');
@import url('css/widget.css');
@import url('css/typography.css');
@import url('css/svg-style.css');
/*
	  ==============================================================
		   Default Style
	  ==============================================================
*/
.gt_wrapper { overflow: hidden; }
.gt_wrapper, header, section, footer, .default_width, .gt_content_wrap { float: left; width: 100%; position: relative; }
.no_padding { padding: 0px; }
.no_margin { margin: 0px; }
section { padding: 70px 0px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
/*
	  ==============================================================
		   Different Color CSS
	  ==============================================================
*/
.gt_bg_1 { background-color: #ffbb44; }
.gt_bg_2 { background-color: #ed6950; }
.gt_bg_4 { background-color: #ef5f5f; }
.gt_bg_5 { background-color: #01c5dd; }
.gt_bg_6 { background-color: #cd5bee; }
.gt_bg_7 { background-color: #e10a20; }
.gt_bg_8 { background-color: #ffb300; }
.gt_bg_9 { border: 2px solid #01c5dd; }
.gt_bg_10 { border: 2px solid #cd5bee; }
.gt_bg_11 { border: 2px solid #e10a20; }
.gt_bg_12 { border: 2px solid #ffb300; }
.gt_bg_13 { border: 2px solid; }
.gt_bg_14 { color: #f1594c; }
.gt_bg_15 { color: #94c948; }
.gt_bg_16 { color: #38befb; }
.gt_bg_17 { color: #fcc044; }
.gt_bg_18 { border-top: 3px solid #eb4095; }
.gt_bg_19 { border-top: 3px solid #215ba2; }
.gt_bg_20 { border-top: 3px solid #03d6cd; }
.bg_fb { background-color: #4d67a3; }
.bg_twitter { background-color: #25a7df; }
.bg_gp { background-color: #d74936; }
.bg_linkedin { background-color: #0070b1; }
.bg_behance { background-color: #ff8e2e; }
.bg_vimeo { background-color: #3ea6e7; }
.bg_youtube { background-color: #cc171e; }
/*
	  ==============================================================
		   Top Bar Style
	  ==============================================================
*/
.gt_top_element { float: left; position: relative; width: auto; }
    .gt_top_element ul li { position: relative; display: inline-block; color: #ffffff; padding: 10px 15px; border-left: 1px solid rgba(255,255,255,0.65); font-size: 13px; }
        .gt_top_element ul li:last-child { border-right: 1px solid rgba(255,255,255,0.65); }
        .gt_top_element ul li i { margin-right: 10px; }
        .gt_top_element ul li a { display: inline-block; color: #ffffff; }
.gt_login_element { float: right; width: auto; position: relative; border-left: 1px solid rgba(255,255,255,0.65); border-right: 1px solid rgba(255,255,255,0.65); }
    .gt_login_element a { color: #fff; display: inline-block; padding: 9px 15px; }
        .gt_login_element a i { margin-right: 10px; }
        /*Hover*/
        .gt_top_element ul li:hover a, .gt_login_element a:hover { color: #222222; }
/*
	  ==============================================================
		   Logo Style
	  ==============================================================
*/
.gt_menu_bg { background-color: #16171c; }
.gt_logo { float: left; width: auto; }
.gt_logo_padding { padding-top: 6px; }
/*
	  ==============================================================
		   Cart Item Wrap Style
	  ==============================================================
*/
.gt_cart_wrap { float: right; width: auto; position: relative; }
    .gt_cart_wrap > a { display: inline-block; color: #ffffff; padding: 20px 15px; }
.gt_cart_item_wrap { float: right; width: 5%; border-left: 1px solid #5e5e5e; text-align: center; position: relative; }
    .gt_cart_item_wrap > a { display: inline-block; color: #fff; padding: 23px 0 23px; cursor: pointer; font-size: 22px; }
.gt_cart_list { position: absolute; top: 100%; left: 0px; width: 300px; z-index: 10; background-color: #fff; opacity: 0; visibility: hidden; padding: 10px; }
    .gt_cart_list ul li { width: 100%; float: left; border-bottom: 1px dotted #ededed; padding-bottom: 10px; margin-bottom: 10px; }
        .gt_cart_list ul li figure { overflow: visible; width: 68px; height: 80px; background-color: #ededed; padding-top: 10px; }
            .gt_cart_list ul li figure img { width: 100%; height: auto; }
    .gt_cart_list figure i { position: absolute; line-height: 15px; text-align: center; cursor: pointer; top: -5px; left: -5px; color: #fff; width: 15px; height: 15px; border-radius: 100%; background-color: #222; font-weight: normal; font-size: 12px; }
.gt_cart_item_detail { float: none; padding: 10px 0px 0px 80px; width: auto; text-align: left; }
    .gt_cart_item_detail p { font-size: 14px; font-weight: 600; }
.gt_product { color: #222; float: left; font-size: 14px; font-weight: bold; }
.gt_product_total { color: #222; float: right; font-size: 14px; font-weight: bold; }
.gt_cart_btn { text-transform: uppercase; font-weight: normal; padding: 8px 15px; font-size: 13px; display: inline-block; background-color: #222; color: #fff; margin-top: 5px; }
    .gt_cart_btn:hover { color: #fff; }
.gt_cart_item_wrap:hover .gt_cart_list,
.gt_cart_wrap:hover .gt_cart_list { opacity: 1; visibility: visible; }
.gt_cart_wrap .gt_cart_list { right: 0px; left: auto; z-index: 100; }
/*
	  ==============================================================
		Search Wrap Style
	  ==============================================================
*/
.gt_search_wrap { float: right; width: auto; position: relative; }
    .gt_search_wrap > span.search-fld { display: inline-block; color: #ffffff; padding: 20px 15px; }
.search-wrapper-area { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.95); z-index: 9999; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); }
    .search-wrapper-area.search_open { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
.search-area { position: absolute; top: 50%; left: 0; right: 0; width: 500px; margin: -50px auto auto; }
    .search-area input[type="text"] { width: 100%; height: 60px; border-bottom: 1px solid #ffffff; background-color: transparent; border-top: 0px; border-left: 0px; border-right: 0px; color: #ffffff; padding: 8px 50px 8px 10px; }
    .search-area input[type="submit"], .search-area button { position: absolute; top: 0px; right: 0px; background-color: transparent; border: 0px; color: #ffffff; line-height: 60px; font-size: 20px; }
.gt_search_remove_btn { position: absolute; top: 20px; right: 30px; color: #ffffff; font-size: 25px; cursor: pointer; }
/*
	  ==============================================================
		   Navigation Style
	  ==============================================================
*/
.gt_navigation { float: right; width: auto; position: relative; z-index: 100; }
    .gt_navigation ul li { float: left; width: auto; }
    .gt_navigation ul li { float: left; display: inline-block; position: relative; }
        .gt_navigation ul li:before, .gt_navigation ul li a.current:before { content: ""; position: absolute; top: 0px; left: 0px; width: 0px; height: 100%; }
        .gt_navigation ul li a.current:before { z-index: -1; }
        .gt_navigation ul li.active:before, .gt_navigation ul li:hover:before, .gt_navigation ul li a.current:before { width: 100%; }
    .gt_navigation > ul > li > a { color: #ffffff; display: block; position: relative; padding: 20px 20px; z-index: 99; text-transform: uppercase; position: relative; z-index: 1; }
    .gt_navigation ul li.active > a, .gt_navigation ul li:hover > a { color: #fff; }
    /*2nd ul*/
    .gt_navigation ul ul { width: 250px; position: absolute; top: 100%; left: 0px; z-index: 100; transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; transform: perspective(600px) rotateX(-90deg); -webkit-transform: perspective(600px) rotateX(-90deg); -moz-transform: perspective(600px) rotateX(-90deg); opacity: 0; visibility: hidden; background-color: #16171C; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
        .gt_navigation ul ul li { width: 100%; }
            .gt_navigation ul ul li a { color: #ffffff; border-bottom: 1px solid #333333; display: block; position: relative; padding: 16px 28px; z-index: 99; text-transform: capitalize; }
    /*Hover*/
    .gt_navigation ul > li:hover > ul { -moz-transform: perspective(600px) rotateX(0deg); -webkit-transform: perspective(600px) rotateX(0deg); transform: perspective(600px) rotateX(0deg); opacity: 1; visibility: visible; }
    /*3rd ul*/
    .gt_navigation ul ul ul { right: 100%; top: 0px; left: auto; }
/*Responsive Menu*/
.gt_mobile_menu { height: 36px; position: relative; width: 40px; padding: 0px 6px; display: none; }
    .gt_mobile_menu > span.icon-bar { display: block; width: 100%; height: 4px; margin: 0px 0px 4px; background-color: #ffffff; }
        .gt_mobile_menu > span.icon-bar:last-child { margin-bottom: 0px; }
    .gt_mobile_menu:hover > span.icon-bar { background-color: #ffffff; }
    .gt_mobile_menu:hover { background-color: #ffffff; }
/*
	  ==============================================================
		   Banner 02 CSS
	  ==============================================================
*/
.gt_banner ul li:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.50); }
.swiper-container { width: 100%; float: left; position: relative; }
.gt_banner_text { position: absolute; }
    .gt_banner_text h3 { font-size: 30px; color: #fff; line-height: normal; margin: 0px 0px 10px; font-family: inherit; }
    .gt_banner_text h2 { font-size: 56px; font-weight: bold; margin: 0px 0px 10px; line-height: normal; text-transform: capitalize; }
    .gt_banner_text p { color: #ffffff; }
    .gt_banner_text > a { margin-top: 15px; font-family: inherit; padding: 10px 35px; border-radius: 50px; display: inline-block; text-transform: uppercase; font-weight: 600; border: 1px solid #ffffff; color: #ffffff; font-size: 15px; }
        .gt_banner_text > a > i { color: #ffffff; margin-left: 10px; font-size: 16px; }
/*Slide List*/
.gt_slide_1 { top: 50%; right: 50%; width: 600px; text-align: center; margin: -170px -580px 0px 0px; text-align: left; }
.gt_slide_2 { top: 50%; left: 0px; width: 100%; text-align: center; margin: -130px 0px 0px; }
.gt_slide_3 h2 { color: #fc0018; }
.gt_slide_3 { top: 50%; left: 50%; width: 600px; margin: -130px 0px 0px -550px; }
/*Slider CSS*/
.gt_banner .swiper-button-next,
.gt_banner .swiper-button-prev { background-image: none; width: 40px; line-height: 40px; height: 40px; color: #fff; text-align: center; cursor: pointer; margin: auto; font-size: 25px; font-weight: bold; }
    .gt_banner .swiper-button-next:hover,
    .gt_banner .swiper-button-prev:hover { background: #000; }
/*
	  ==============================================================
		   Banner Services Wrap CSS
	  ==============================================================
*/
.gt_banner_service_wrap { margin-top: -140px; background-color: #f5f5f5; }
    .gt_banner_service_wrap .container { z-index: 99; }
.gt_banner_service { overflow: hidden; text-align: center; padding: 40px 15px; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 1; min-height: 280px; z-index: 99; }
    .gt_banner_service:before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1; opacity: 0.8; }
    .gt_banner_service.service_bg_1:before { background-color: #ffbb44; }
    .gt_banner_service.service_bg_2:before { background-color: #2dcc70; }
    .gt_banner_service.service_bg_3:before { background-color: #ef5f5f; }
    .gt_banner_service.service_bg_1 { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
    .gt_banner_service.service_bg_3 { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

    .gt_banner_service i { font-size: 60px; color: #ffffff; display: block; margin: 0px 0px 15px; }
    .gt_banner_service h4 > a { display: block; color: #ffffff; text-transform: uppercase; margin: 0px 0px 10px; }
    .gt_banner_service p { color: #fff; margin: 0px 0px 15px; }
    .gt_banner_service > a { display: inline-block; color: #ffffff; font-size: 16px; border: 1px solid rgba(255,255,255,0.50); padding: 8px 20px; text-transform: uppercase; border-radius: 30px; }
    /*Hover*/
    .gt_banner_service.service_bg_1:hover:before, .gt_banner_service.service_bg_2:hover:before, .gt_banner_service.service_bg_3:hover:before { opacity: 1; }
    .gt_banner_service h4 > a:hover { color: #222222; }
    .gt_banner_service > a:hover { background-color: #222222; border-color: #222222; }
/*
	  ==============================================================
		   Heading Wrap CSS
	  ==============================================================
*/
.gt_hdg_1 { text-align: center; margin: 0px 0px 30px; }
    .gt_hdg_1 h3 { font-weight: bold; text-transform: uppercase; margin: 0px 0px 10px; }
    .gt_hdg_1 p { margin: 0px 0px 15px; }
    .gt_hdg_1 span { display: inline-block; position: relative; }
        .gt_hdg_1 span.gt_hdg_left:before { content: ""; position: absolute; width: 110px; height: 1px; background-color: #999999; left: -120px; top: -10px; }
        .gt_hdg_1 span.gt_hdg_left:after { content: ""; position: absolute; width: 80px; height: 1px; background-color: #999999; left: -90px; top: -6px; }
        .gt_hdg_1 span.gt_hdg_right:before { content: ""; position: absolute; width: 110px; height: 1px; background-color: #999999; right: -120px; top: -10px; }
        .gt_hdg_1 span.gt_hdg_right:after { content: ""; position: absolute; width: 80px; height: 1px; background-color: #999999; right: -90px; top: -6px; }
    .gt_hdg_1 i { font-size: 25px; color: #000000; }
    /*White Color*/
    .gt_hdg_1.white_color h3, .gt_hdg_1.white_color i, .gt_hdg_1.white_color p { color: #ffffff; }
    .gt_hdg_1.white_color span.gt_hdg_left:before, .gt_hdg_1.white_color span.gt_hdg_left:after, .gt_hdg_1.white_color span.gt_hdg_right:before, .gt_hdg_1.white_color span.gt_hdg_right:after { background-color: #ffffff; }
/*Heading 02*/
.gt_hdg02_span { width: 50px; height: 2px; background-color: #3fb9da; box-shadow: -51px 0px 0px 0px #595959; left: 25px; top: -10px; }
.gt_white.gt_hdg02_span { box-shadow: -51px 0px 0px 0px #ffffff; }
/*Align Right*/
.gt_hdg_1.align_left { text-align: left; }
    .gt_hdg_1.align_left span.gt_hdg02_span { left: 50px; }
/*
	  ==============================================================
		   Explore All the Courses Wrap CSS
	  ==============================================================
*/
.gt_courses_bg { background-color: #f5f5f5; }
.gt_course_search { margin: 0px 0px 40px; }
.gt_sort_wrap { float: right; width: auto; position: relative; margin: 12px 0px 0px; }
    .gt_sort_wrap > span { display: inline-block; font-weight: 500; color: #000000; text-transform: capitalize; }
    .gt_sort_wrap select { display: inline-block; width: auto; -webkit-appearance: none; -moz-appearance: none; border: 0px; color: #999999; font-weight: normal; text-transform: capitalize; padding: 5px 15px 5px 11px; background-color: transparent; outline: none; }
        .gt_sort_wrap select option { text-transform: capitalize; padding: 3px 10px; }
    .gt_sort_wrap label { position: absolute; top: 12px; right: 0px; width: 10px; height: 10px; font-size: 15px; }
.gt_course_search form { width: 70%; float: right; }
    .gt_course_search form input[type="search"] { width: 100%; border-radius: 50px; box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1); height: 60px; padding: 10px 20px; }
    .gt_course_search form a { position: absolute; top: 0px; right: 0px; height: 60px; width: 40px; line-height: 64px; color: #999999; }
.gt_courses_wrap figure { overflow: visible; }
    .gt_courses_wrap figure > img { width: 100%; height: auto; }
.gt_course_img_des { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.gt_course_des_holder { position: absolute; bottom: 0px; background-color: rgba(0,0,0,75); width: 100%; padding: 5px 10px; }
.gt_course_author { position: relative; float: left; }
    .gt_course_author > img { padding: 3px; border-radius: 100%; background-color: #efe6eb; bottom: -15px; left: 0px; position: absolute; z-index: 5; width: 70px !important; height: 70px; }
    .gt_course_author > a { text-transform: capitalize; color: #ffffff; padding-left: 80px; }
        .gt_course_author > a > i { color: #fff; margin-right: 7px; }
ul.gt_rating_star { float: right; }
    ul.gt_rating_star li { display: inline-block; position: relative; }
        ul.gt_rating_star li:before { content: "\f005\f005\f005\f005\f005"; position: absolute; font-family: fontawesome; top: 0px; left: -4px; color: #fcc044; width: auto; height: auto; opacity: 0; }
        ul.gt_rating_star li:hover:before { opacity: 1; }
        ul.gt_rating_star li a { display: inline-block; color: #ff9c00; margin: 0px 0px 0px -4px; }
.gt_course_cat { position: absolute; top: 12px; left: 0px; color: #ffffff; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); padding: 5px 10px; border-bottom-left-radius: 20px; border-top-left-radius: 20px; opacity: 0; }
.gt_course_des { background-color: #ffffff; padding: 30px 15px 20px; text-align: center; }
    .gt_course_des span { display: block; color: #222222; margin: 0px 0px 15px; font-weight: 600; }
    .gt_course_des h5 > a { display: block; color: #222222; text-transform: uppercase; font-weight: 600; margin: 0px 0px 15px; padding: 0px 0px 15px; position: relative; }
        .gt_course_des h5 > a:before { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; width: 50px; height: 2px; margin: auto; }
.gt_course_bottom { background-color: #f0f0f0; padding: 10px 15px; }
    .gt_course_bottom h5 { float: left; font-family: 'Montserrat', sans-serif; }
        .gt_course_bottom h5 > span { font-size: 14px; color: #999999; margin-left: 8px; }
    .gt_course_bottom > a { float: right; text-transform: capitalize; color: #222222; font-weight: 600; margin: 3px 0px 0px; }
/*Hover*/
.gt_courses_wrap:hover { box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.1); }
    .gt_courses_wrap:hover .gt_course_cat { opacity: 1; left: 30px; }
/*Slider*/
.gt_courses_slider { float: left; width: 100%; position: relative; }
    .gt_courses_slider .item { margin: 0px 10px; }
    .gt_courses_slider .owl-stage-outer { margin: 0px 0px 20px; padding: 0px 0px 20px; }
    .gt_courses_slider .owl-dots { width: 100%; text-align: center; }
        .gt_courses_slider .owl-dots .owl-dot { display: inline-block; width: 18px; height: 18px; border: 2px solid #c6c6c6; border-radius: 100%; background-color: #ffffff; margin: 0px 5px 0px 0px; }

/*
	  ==============================================================
		   Facts and Figure Wrap CSS
	  ==============================================================
*/
.gt_fact_bg { background-image: url(extra-images/facts-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }
.gt_number_count_wrap { float: left; width: 100%; position: relative; text-align: center; }
    .gt_number_count_wrap i { margin: 0px 0px 10px; font-size: 50px; display: block; }
    .gt_number_count_wrap h4 { position: relative; display: inline-block; font-size: 60px; font-weight: 600; font-family: 'Montserrat', sans-serif; min-width: 100px; }
    .gt_number_count_wrap span { display: inline-block; font-weight: bold; font-size: 32px; }
    .gt_number_count_wrap h5 > a { display: inline-block; text-transform: uppercase; font-weight: 600; margin: 10px 0px 0px; }
.gt_bg_14 h4, .gt_bg_14 h5 > a { color: #f1594c; }
.gt_bg_15 h4, .gt_bg_15 h5 > a { color: #94c948; }
.gt_bg_16 h4, .gt_bg_16 h5 > a { color: #38befb; }
.gt_bg_17 h4, .gt_bg_17 h5 > a { color: #fcc044; }

/*Hover*/
.gt_team_wrap:hover img { transform: scale(1.2) rotateZ(-6deg); -moz-transform: scale(1.2) rotateZ(-6deg); -webkit-transform: scale(1.2) rotateZ(-6deg); -ms-transform: scale(1.2) rotateZ(-6deg); }
.gt_team_wrap:hover { box-shadow: 0px 5px 12px 2px rgba(0,0,0,0.15); }
/*Slider*/
.gt_teacher_slider { float: left; width: 100%; position: relative; }
    .gt_teacher_slider .item { margin: 0px 8px; }
    .gt_teacher_slider .owl-stage-outer { margin: 0px 0px 20px; padding: 0px 0px 20px; }
    .gt_teacher_slider .owl-dots { width: 100%; text-align: center; }
        .gt_teacher_slider .owl-dots .owl-dot { display: inline-block; width: 18px; height: 18px; border: 2px solid #c6c6c6; border-radius: 100%; background-color: #ffffff; margin: 0px 5px 0px 0px; }
/*
	  ==============================================================
		   Testimonial Wrap CSS
	  ==============================================================
*/
.gt_testimonial_bg { background-image: url(extra-images/testimonial-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }
.gt_testimonial_wrap { float: left; width: 100%; position: relative; }
.gt_testimonial_wrap { padding: 25px 20px; margin: 0px 0px 30px; background-color: #fff; border-radius: 5px; }
    .gt_testimonial_wrap:before { content: ""; position: absolute; bottom: -20px; right: 20px; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 0; border-color: #fff transparent transparent transparent; }
    .gt_testimonial_wrap p { position: relative; color: #666666; }
.gt_testimonial_img { float: left; width: 100%; position: relative; }
    .gt_testimonial_img figure { width: 80px; float: right; }
        .gt_testimonial_img figure img { width: 100%; height: auto; border-radius: 100%; }
.gt_testimonial_des { float: none; width: auto; padding: 15px 100px 0px 0px; }
    .gt_testimonial_des h5 > a { display: block; font-weight: 600; text-transform: uppercase; margin: 0px 0px 5px; color: #fff; font-size: 16px; }
    .gt_testimonial_des span { display: block; text-transform: capitalize; font-weight: 600; color: #ffffff; }
/*Slider*/
.gt_testimonial_slider { float: left; width: 100%; position: relative; }
    .gt_testimonial_slider .item { margin: 0px 8px; }
    .gt_testimonial_slider .owl-stage-outer { margin: 0px 0px 20px; padding: 0px 0px 20px; }
    .gt_testimonial_slider .owl-dots { width: 100%; text-align: center; }
        .gt_testimonial_slider .owl-dots .owl-dot { display: inline-block; width: 18px; height: 18px; border: 2px solid #c6c6c6; border-radius: 100%; background-color: #ffffff; margin: 0px 5px 0px 0px; }

/*
	  ==============================================================
		   Sub Banner Wrap CSS
	  ==============================================================
*/
.gt_sub_banner_bg { background-image: url(extra-images/sub-banner.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
    .gt_sub_banner_bg:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); }
.gt_sub_banner_hdg { text-align: center; padding: 80px 0px; }
    .gt_sub_banner_hdg h2 { color: #fff; text-transform: uppercase; font-weight: 600; margin: 0px 0px 5px; }
    .gt_sub_banner_hdg h6 { color: #ffffff; font-size: 16px; text-transform: capitalize; font-weight: 600; }

/*
	  ==============================================================
		   Contact List Wrap CSS
	  ==============================================================
*/
.gt_contact_list { background-color: #f5f5f5; border: 1px solid rgba(207,207,207,0.5); border-radius: 60px; padding: 50px 40px; }
    .gt_contact_list h4 { text-transform: uppercase; font-weight: bold; margin: 0px 0px 20px; }
    .gt_contact_list > ul { margin: 0px 0px 10px; float: left; width: 100%; }
        .gt_contact_list > ul > li { width: 100%; position: relative; margin: 0px 0px 20px; }
.gt_contact_icon { width: 50px; height: 50px; border-radius: 100%; border: 1px solid rgba(164,164,164,0.55); color: #666666; line-height: 50px; float: left; text-align: center; font-size: 25px; margin: 3px 0px 0px; }
.gt_contact_des { padding: 5px 0px 0px 70px; float: none; width: auto; }
    .gt_contact_des > h6 { font-size: 16px; font-weight: bold; margin: 0px 0px 8px; text-transform: capitalize; font-family: 'Montserrat', sans-serif; }
    .gt_contact_des > a { display: block; color: #666666; }
/*
	  ==============================================================
		   Contact Social Wrap CSS
	  ==============================================================
*/
.gt_contact_scl_wrap ul.gt_scl_icon { text-align: left; overflow: hidden; }
    .gt_contact_scl_wrap ul.gt_scl_icon li { display: inline-block; position: relative; }
        .gt_contact_scl_wrap ul.gt_scl_icon li:hover a { color: #000; background: #FFF; }
        .gt_contact_scl_wrap ul.gt_scl_icon li a { display: block; height: 45px; width: 45px; line-height: 45px; color: #DDD; text-decoration: none; overflow: hidden; border: 0px; margin: 20px 0px 0px 0px; }
            .gt_contact_scl_wrap ul.gt_scl_icon li a span { padding-left: 10px; }

ul.gt_team1_contact_info { float: left; width: 100%; margin: 0px 0px 10px; }
    ul.gt_team1_contact_info li { display: flex; width: 100%; position: relative; color: #cccccc; margin: 0px 0px 15px; font-size: 15px; }
        ul.gt_team1_contact_info li i { margin: 0px 15px 0px 0px; float: left; padding: 3px 0px 0px; }
        ul.gt_team1_contact_info li a { display: inline-block; color: #cccccc; }
/*
	  ==============================================================
		   Map Wrap CSS
	  ==============================================================
*/
.gt_contact_us_map { width: 100%; float: left; min-height: 560px; position: relative; border-radius: 30px; }
/*
	  ==============================================================
		   Contact Form Wrap CSS
	  ==============================================================
*/
.gt_contact_form_wrap { margin-top: 50px; }
    .gt_contact_form_wrap.gt_index_one_contact { background-color: #f7f7f7; margin-top: 0px; }
.gt_contact_form { float: left; width: 100%; position: relative; }
.gt_contact_us_field { float: left; width: 100%; position: relative; text-align: center; }
    .gt_contact_us_field input[type="text"], .gt_contact_us_field input[type="email"], .gt_contact_us_field textarea { float: left; width: 100%; border: 1px solid rgba(127,127,127,0.21); border-radius: 2px; min-height: 48px; margin: 0 0 20px; padding: 8px 20px 8px 20px; border-radius: 40px; background-color: #f5f5f5; }
    .gt_contact_us_field textarea { min-height: 185px; resize: none; padding: 20px 30px; border-radius: 30px; }
    .gt_contact_us_field input[type="submit"], .gt_contact_us_field button { text-align: center; border: 0px; text-transform: uppercase; font-weight: 600; padding: 13px 50px; border: 1px solid; background-color: transparent; font-size: 15px; border-radius: 60px; }
        /*Hover Css*/
        .gt_contact_us_field input[type="submit"]:hover, .gt_contact_us_field button:hover { color: #fff; }
#contact-form label.error { position: absolute; top: -16px; font-size: 11px; color: #a94442; left: 0px; }
#quote-form label.error, #pop-quote-form label.error, #pop-quote-form2 label.error, #head-quote-form label.error { top: -14px; font-size: 11px; color: #a94442; }
input[aria-invalid="true"] { border-bottom: 2px solid #a94442 !important; }
.gt_contact_form #contact-result .alert { padding: 10px 15px; font-size: 12px; margin-bottom: 0; float: left; float: left; }

/*
	  ============================================================
		   Event Grid Wrap Css
	  ============================================================
*/
.gt_event_grid { background-color: #ffffff; border: 1px solid rgba(195,195,195,0.3); }
    .gt_event_grid > figure { overflow: visible; }
    .gt_event_grid figure:before { content: ""; position: absolute; top: 0px; left: 0px; width: 0; height: 100%; opacity: 0.75; }
    .gt_event_grid > figure > img { width: 100%; height: auto; }
.gt_event_grid_date { position: absolute; width: 65px; height: 65px; border: 3px solid #ffffff; background-color: #a6a6a6; bottom: -20px; left: 15px; border-radius: 10px; color: #ffffff; font-size: 25px; text-align: center; line-height: normal; padding: 5px; }
    .gt_event_grid_date > span { font-size: 18px; display: block; line-height: normal; margin-top: -3px; }
.gt_event_grid_des { padding: 30px 10px 10px; }
    .gt_event_grid_des > h6 { margin: 0px 0px 10px; font-weight: bold; }
    .gt_event_grid_des > ul { margin: 0px 0px 10px; }
    .gt_event_grid_des > a { display: inline-block; background-color: #a6a6a6; border-radius: 30px; color: #ffffff; padding: 8px 20px; }
        .gt_event_grid_des > a:first-of-type { margin-right: 10px; }
/*Hover*/
.gt_event_grid:hover figure:before { height: 100%; width: 100%; }
.gt_event_grid:hover { box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1); }
/*
	  ============================================================
		   Event List Wrap Css
	  ============================================================
*/
.gt_event_list > figure { width: 30%; height: 267px; }
    .gt_event_list > figure > img { height: 100%; }
.gt_event_list .gt_event_grid_date { top: 15px; right: -10px; left: auto; }
.gt_event_list .gt_event_grid_des { width: 58%; padding-left: 15px; padding-top: 15px; }
.kode_banner_counter .countdown { margin: 0px; }
.gt_event_counter { width: 12%; float: right; border-left: 1px solid rgba(195,195,195,0.3); text-align: center; padding: 5px; }
ul.countdown li { padding: 10px 5px; width: 100%; position: relative; background-color: #eeeeee; font-size: 13px; color: #6c6c6c; border-radius: 5px; margin: 0px 0px 5px; }
    ul.countdown li:last-child { margin: 0px; }
    ul.countdown li span { display: block; line-height: normal; font-weight: 600; }
    ul.countdown li p { text-transform: capitalize; font-weight: 600; color: #6c6c6c; margin: 0px; }
/*
	  ============================================================
		   Event Detail Wrap Css
	  ============================================================
*/
.bg_white { background-color: #ffffff; }
.gt_event_detail_wrap { border: 1px solid #dbdbdb; margin-bottom: 20px; }
    .gt_event_detail_wrap > figure > img { width: 100%; height: auto; }
.gt_event_d_date { width: 65px; height: 65px; border: 3px solid; background-color: #ffffff; border-radius: 10px; color: #ffffff; font-size: 25px; text-align: center; line-height: normal; padding: 5px; float: left; }
.gt_event_detail_des { padding: 15px; }
.gt_event_d_date > span { font-size: 18px; display: block; line-height: normal; }
.gt_event_detail_hdg { overflow: hidden; margin: 0px 0px 20px; padding: 0px 0px 0px 10px; }
    .gt_event_detail_hdg > h4 { font-weight: bold; margin: 0px 0px 10px; }
.gt_event_d_time { border: 1px solid #dbdbdb; padding: 10px; border-radius: 5px; }
    .gt_event_d_time ul.countdown { width: 60%; float: left; }
        .gt_event_d_time ul.countdown li { width: 80px; height: 60px; display: inline-block; text-align: center; border-radius: 5px; padding: 10px 5px; margin-bottom: 0px; border: 1px solid #dbdbdb; margin-right: 5px; }
            .gt_event_d_time ul.countdown li:last-child { margin: 0px; }
    .gt_event_d_time > a { display: inline-block; color: #ffffff; padding: 8px 20px; text-transform: uppercase; font-weight: 600; background-color: #a6a6a6; border-radius: 30px; margin: 10px 0px 0px; }
        .gt_event_d_time > a:first-of-type { margin-right: 8px; }
/*Tab Css*/
.gt_event_tab { padding: 15px; }
.gt_event_inside_tab { border: 1px solid #dbdbdb; border-radius: 5px; }
    .gt_event_inside_tab > ul { float: left; width: 100%; background-color: #f5f5f5; border-bottom: 1px solid #dbdbdb; }
        .gt_event_inside_tab > ul > li { float: left; text-align: center; position: relative; z-index: 10; }
            .gt_event_inside_tab > ul > li:before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 0%; opacity: 0; z-index: -1; border-top-left-radius: 5px; border-top-right-radius: 5px; }
            .gt_event_inside_tab > ul > li > a { display: block; color: #666666; font-size: 18px; text-transform: capitalize; min-width: 195px; padding: 12px 0px; border-right: 1px solid #dbdbdb; position: relative; top: 0px; }
.gt_event_map { padding: 15px; }
    .gt_event_map .map-canvas { min-height: 250px; }
.gt_event_inside_tab > ul > li.active > a, .gt_event_inside_tab > ul > li:hover > a { color: #ffffff; }
.gt_event_inside_tab > ul > li.active:before, .gt_event_inside_tab > ul > li:hover:before { opacity: 1; height: 130%; }
.gt_event_inside_tab > ul > li.active > a, .gt_event_inside_tab > ul > li:hover > a { top: -5px; }
/*Time Schedule*/
.gt_event_time_schdule > ul { float: left; width: 100%; }
    .gt_event_time_schdule > ul > li { width: 100%; position: relative; float: left; border-bottom: 1px solid #dbdbdb; }
        .gt_event_time_schdule > ul > li > span { float: left; width: 30%; color: #666666; font-size: 15px; border-right: 1px solid #dddddd; padding: 18px 20px; line-height: normal; }
        .gt_event_time_schdule > ul > li > p { float: left; width: 70%; color: #666666; margin: 0px; font-size: 15px; padding: 18px 20px; line-height: normal; }
        .gt_event_time_schdule > ul > li:nth-child(even) { background-color: #f5f5f5; }
        .gt_event_time_schdule > ul > li:last-child { border-bottom: 0px; }
/*
	  ==============================================================
		   404 Page Style
	  ==============================================================
*/
.gt_404page_wrap { text-align: center; }
    .gt_404page_wrap > img { width: auto; height: auto; display: inline-block; }
/*
	  ==============================================================
		   404 Page 02 Style
	  ==============================================================
*/
.gt_404_02_wrap { float: left; width: 100%; position: relative; text-align: center; }
    .gt_404_02_wrap h1 { font-size: 285px; font-weight: bold; line-height: normal; font-family: 'Montserrat', sans-serif; }
        .gt_404_02_wrap h1 > span, .gt_404_02_wrap h1 > span i { display: inline-block; }
.gt_4042_error_wrap { float: left; width: 100%; position: relative; }
    .gt_4042_error_wrap > h4 { text-transform: uppercase; font-weight: bold; margin: 0px 0px 15px; font-size: 47px; }
    .gt_4042_error_wrap > h5 { color: #999999; font-weight: 600; margin: 0px 0px 20px; line-height: 32px; }
.gt_404_02_wrap .gt_comming_soon_field input[type="text"] { background-color: #eeeeee; border: 1px solid rgba(164,164,164,0.30); }
.gt_404_02_wrap > a { display: block; font-size: 18px; color: #999999; clear: both; position: relative; top: 20px; }

/*
	  ==============================================================
		   Navigation 02 Wrap Style
	  ==============================================================
*/
.gt_hdr2_wrap .gt_menu_bg { background-color: #ffffff; }
.gt_navigation2 { float: right; position: relative; }
    .gt_navigation2 ul li { float: left; display: inline-block; position: relative; }
        .gt_navigation2 ul li:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 0px; }
        .gt_navigation2 ul li.active:before, .gt_navigation2 ul li:hover:before { height: 100%; }
    .gt_navigation2 > ul > li > a { color: #999999; display: block; position: relative; padding: 30px 18px; text-transform: uppercase; position: relative; z-index: 1; font-size: 15px; font-weight: 600; }
    .gt_navigation2 ul li.active > a, .gt_navigation2 ul li:hover > a { color: #ffffff; }
    /*2nd ul*/
    .gt_navigation2 ul ul { width: 250px; position: absolute; top: 100%; left: 0px; z-index: 100; transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; transform: perspective(600px) rotateX(-90deg); -webkit-transform: perspective(600px) rotateX(-90deg); -moz-transform: perspective(600px) rotateX(-90deg); opacity: 0; visibility: hidden; background-color: #fff; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
        .gt_navigation2 ul ul li { width: 100%; }
            .gt_navigation2 ul ul li:before { width: 0px; height: 100%; }
            .gt_navigation2 ul ul li:hover:before { width: 100%; }
            .gt_navigation2 ul ul li.active:before { width: 100%; }
            .gt_navigation2 ul ul li a { color: #949494; display: block; position: relative; padding: 15px 18px; font-weight: 600; text-transform: uppercase; }
    /*Hover*/
    .gt_navigation2 ul > li:hover > ul { -moz-transform: perspective(600px) rotateX(0deg); -webkit-transform: perspective(600px) rotateX(0deg); transform: perspective(600px) rotateX(0deg); opacity: 1; visibility: visible; }
    /*3rd ul*/
    .gt_navigation2 ul ul ul { right: 100%; top: 0px; left: auto; }
/*
	  ==============================================================
		   Search 02 Wrap Style
	  ==============================================================
*/
.gt_hdr2_wrap .gt_search_wrap { padding: 18px 15px 20px; border-left: 1px solid rgba(219,219,219,0.5); border-right: 1px solid rgba(219,219,219,0.5); }
    .gt_hdr2_wrap .gt_search_wrap > span { background-color: #333333; width: 41px; height: 41px; line-height: 41px; text-align: center; padding: 0px; border-radius: 100%; cursor: pointer; }
/*
	  ==============================================================
		   Get Started Services Wrap Style
	  ==============================================================
*/
.get_started_services { float: left; width: 100%; position: relative; text-align: center; border-bottom: 1px solid rgba(204,204,204,0.5); padding-bottom: 30px; }
    .get_started_services:before { content: ""; position: absolute; bottom: -3px; left: 0px; width: 100%; height: auto; border-bottom: 1px solid rgba(204,204,204,0.5); }
    .get_started_services > i { display: block; font-size: 55px; color: #999999; margin: 0px 0px 20px; }
.get_icon_des { width: 100%; float: left; }
    .get_icon_des h5 { text-transform: uppercase; font-weight: bold; color: #5f5f5f; margin: 0px 0px 15px; }
    .get_icon_des p { font-size: 15px; margin: 0px 0px 15px; }
    .get_icon_des a { text-transform: uppercase; font-weight: 600; color: #5f5f5f; font-size: 14px; }
    .get_icon_des > a > i { margin: 0px 0px 0px 8px; }
/*
	  ==============================================================
		   Welcome to Edu-Skill Wrap Style
	  ==============================================================
*/
.get_started_outer_wrap { float: left; width: 100%; position: relative; border-bottom: 1px solid #f2f2f2; padding: 0px 0px 50px; margin: 0px 0px 50px; }
    .get_started_outer_wrap:before { content: ""; position: absolute; bottom: 4px; left: 0px; right: 0px; border-bottom: 1px solid #f2f2f2; }
.get_started_content_wrap { float: left; width: 100%; position: relative; }
    .get_started_content_wrap h3 { margin: 0px 0px 15px; text-transform: uppercase; font-weight: bold; color: #000000; }
.get_started_video { float: left; width: 100%; position: relative; }
    .get_started_video:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }
    .get_started_video img { width: 100%; height: auto; }
.get_video_icon { position: absolute; top: 50%; width: 100%; text-align: center; margin: -50px 0px 0px; }
    .get_video_icon a { display: inline-block; width: 70px; height: 70px; border: 2px solid #fff; border-radius: 100%; line-height: 70px; margin: 0px 0px 10px; color: #fff; font-size: 30px; }
    .get_video_icon span { color: #fff; font-weight: 400; text-transform: uppercase; display: block; }


/*
	  ==============================================================
		   Why Choose Us 02 Wrap CSS
	  ==============================================================
*/
.gt_choose02_wrap { background-image: url(extra-images/choose-bg.jpg); background-repeat: no-repeat; background-position: left; background-attachment: fixed; background-size: 50%; }
    .gt_choose02_wrap:before { content: ""; position: absolute; top: 0px; left: 0px; width: 50%; background-color: rgba(17,17,17,0.9); height: 100%; }
    .gt_choose02_wrap:after { content: ""; position: absolute; top: 0px; right: 0px; width: 50%; background-color: #f7f7f7; height: 100%; z-index: -1; }
/*Slider Wrap*/
.gt_choose2_slider_wrap, .gt_choose_slider2_thumb { float: left; width: 100%; position: relative; }
    .gt_choose2_slider_wrap ul.slides > li, .gt_choose_slider2_thumb ul.slides > li { position: relative; }
        .gt_choose2_slider_wrap ul.slides > li.flex-active-slide:before, .gt_choose_slider2_thumb ul.slides > li.flex-active-slide:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(17,17,17,0.7); }
.gt_choose2_slider_wrap { margin-bottom: 30px; }
/*Choose 02 List Css*/
.gt_choose2_list_wrap ul, .gt_choose2_list_wrap ul li { width: 100%; float: left; }
    .gt_choose2_list_wrap ul li { position: relative; margin-top: 30px; }
        .gt_choose2_list_wrap ul li:first-child { margin-top: 0px; }
        .gt_choose2_list_wrap ul li:last-child:before { display: none; }
        .gt_choose2_list_wrap ul li:before { content: ""; position: absolute; bottom: -23px; left: 39px; background-image: url(images/choose-sprite.png); background-size: auto; width: 10px; height: 28px; background-repeat: no-repeat; }
.gt_choose2_icon { width: 80px; height: 80px; border-radius: 100%; background-color: #f7f7f7; color: #a1a1a1; line-height: 80px; font-size: 40px; border: 4px solid #ffffff; float: left; text-align: center; box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.1); margin: 0px 20px 0px 0px; }
.gt_chooose_2_list_des { float: none; width: auto; border-bottom: 1px solid rgba(102,102,102,0.1); overflow: hidden; }
    .gt_chooose_2_list_des > h6 > a { display: block; font-size: 20px; color: #666666; text-transform: uppercase; font-weight: 600; margin: 0px 0px 8px; }
    .gt_chooose_2_list_des > p { color: #999999; }
.gt_choose2_list_wrap ul li:last-child .gt_chooose_2_list_des { border-bottom: 0px; }
.gt_choose2_list_wrap ul li:hover .gt_choose2_icon { color: #ffffff; }
/*
	  ==============================================================
		   Course Listing Wrap CSS
	  ==============================================================
*/
.gt_course_listing_wrap { border: 1px solid #eaeaea; background-color: #ffffff; padding: 10px; border-radius: 5px; }
    .gt_course_listing_wrap > figure { width: 30%; border-radius: 5px; }
        .gt_course_listing_wrap > figure > img { width: 100%; height: auto; }
.gt_course_listing_des { width: 70%; float: left; position: relative; padding: 0px 15px; }
    .gt_course_listing_des > ul.gt_event_meta { margin: 0px 0px 10px; }
    .gt_course_listing_des > h5 { text-transform: uppercase; font-weight: bold; margin: 0px 0px 8px; }
    .gt_course_listing_des > p { }
    .gt_course_listing_des > a { display: inline-block; padding: 10px 25px; color: #ffffff; font-weight: 600; text-transform: uppercase; font-size: 15px; background-color: #666666; border-radius: 30px; }
.gt_course_price { float: right; width: auto; color: #999999; }
    .gt_course_price > h4 { color: #666666; margin-right: 5px; display: inline-block; font-weight: 600; }
.gt_listing_rating { position: absolute; top: 10px; right: -20px; padding: 5px 5px 5px 25px; }
    .gt_listing_rating:before { content: ""; position: absolute; top: 2px; left: -16px; width: 25px; height: 25px; transform: rotate(45deg); background-color: #ffffff; }
    .gt_listing_rating:after { content: ""; position: absolute; top: -10px; right: 0px; width: 0; height: 0; border-style: solid; border-width: 10px 0 0 10px; border-color: transparent transparent transparent #1bbc5f; }
    .gt_listing_rating ul.gt_rating_star li a { color: #ffffff; }
/*
	  ==============================================================
		  Shop Detail Page Style
	  ==============================================================
*/
.gt_shop_detail_bg { padding-bottom: 40px; }
.gt_product_detail_border_wrap { border-bottom: 1px solid #dddddd; padding: 0px 0px 25px; margin: 0px 0px 35px; }
.gt_product_detail_border_wrap, .gt_shop_slider_outer_wrap { float: left; width: 100%; position: relative; }
.shop_detail_thumnail { float: left; width: 20%; margin: 0px 20px 0px 0px; position: relative; }
.shop_detaild_slider { float: left; width: 76%; position: relative; }
    .shop_detail_thumnail ul.slides, .shop_detaild_slider ul.slides { float: left; width: 100%; }
.shop_detail_thumnail ul li { float: left; width: 100%; border: 1px solid #d9d9d9; text-align: center; margin-bottom: 22px; }
.shop_detaild_slider ul li { float: left; width: 100%; border: 1px solid #d9d9d9; text-align: center; }
/*Slider Des Wrap css*/
.gt_shop_detail_banner, .gt_shop_rating_wrap, .gt_shop_price_wrap, .gt_product_detail_des, .gt_product_left_wrap { float: left; width: 100%; position: relative; }
    .gt_shop_detail_banner > h4 { font-size: 24px; font-weight: 600; margin: 0px 0px 6px; text-transform: uppercase; }
.gt_shop_rating_wrap { margin: 0px 0px 6px; }
    .gt_shop_rating_wrap ul { float: left; width: auto; }
        .gt_shop_rating_wrap ul li { display: inline-block; position: relative; }
            .gt_shop_rating_wrap ul li a { display: block; }
    .gt_shop_rating_wrap > span { display: inline-block; color: #000; font-weight: 600; margin-left: 20px; }
.gt_shop_price_wrap { padding-bottom: 15px; margin-bottom: 18px; border-bottom: 1px solid #dddddd; }
    .gt_shop_price_wrap > h4 { font-size: 24px; display: inline-block; font-weight: 600; }
    .gt_shop_price_wrap > span { display: inline-block; text-decoration: line-through; font-weight: 600; color: #666666; margin-left: 25px; font-size: 20px; }
.gt_product_detail_des { padding-bottom: 6px; margin-bottom: 20px; border-bottom: 1px solid #dddddd; }
    .gt_product_detail_des > h5 { text-transform: uppercase; font-weight: 600; margin: 0px 0px 10px; }
.gt_product_left_wrap { margin: 0px 0px 20px; padding: 0px 0px 20px; border-bottom: 1px solid #dddddd; }
    .gt_product_left_wrap > h6 { color: #666666; font-size: 16px; font-weight: 500; margin: 0px 0px 15px; }
    .gt_product_left_wrap span { color: #666666; font-size: 16px; font-weight: 500; margin: 0px 0px 10px; display: inline-block; float: left; padding: 11px 0px 0px; }
    .gt_product_left_wrap #incdec { float: left; width: auto; position: relative; margin-left: 70px; }
        .gt_product_left_wrap #incdec input[type="text"] { width: 47px; height: 47px; border: 1px solid #d9d9d9; text-align: center; }
    .gt_product_left_wrap .gt_increment button { width: 40px; height: 47px; position: absolute; background: none; border: 1px solid #d9d9d9; top: 0px; }
        .gt_product_left_wrap .gt_increment button#up { left: -39px; }
        .gt_product_left_wrap .gt_increment button#down { right: -39px; }
.gt_increment button:hover { color: #fff; }
.gt_product_button_wrap { float: left; width: 100%; position: relative; }
    .gt_product_button_wrap button { color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 500; padding: 10px 0px; min-width: 190px; background-color: #333; display: inline-block; margin: 0px 10px 0px 0px; }
/*Tab Link Wrap css*/
.gt_shop_tab_outer_wrap, .gt_shop_tab_link, .gt_shop_tab_des, .tab-content { float: left; width: 100%; position: relative; }
.gt_shop_tab_link { border-bottom: 1px solid; }
    .gt_shop_tab_link ul { float: left; width: 100%; }
        .gt_shop_tab_link ul li { display: inline-block; position: relative; width: 18%; }
            .gt_shop_tab_link ul li a { display: block; color: #666666; text-transform: uppercase; font-weight: 500; text-align: center; padding: 8px 0px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }
            .gt_shop_tab_link ul li.active a, .gt_shop_tab_link ul li:hover a { border-top: 1px solid; border-left: 1px solid; border-right: 1px solid; }
.gt_shop_tab_des { padding: 25px 0px 0px; }
    .gt_shop_tab_des ul { float: left; width: 100%; margin: 0px 0px 15px; }
        .gt_shop_tab_des ul li { width: 100%; float: left; position: relative; color: #666666; text-transform: uppercase; font-weight: 500; margin: 0px 0px 10px; }
            .gt_shop_tab_des ul li:before { content: ":"; position: absolute; top: 0px; left: 18%; width: auto; height: 100%; color: #666666; font-weight: bold; }
.gt_product_name { float: left; width: 20%; position: relative; }
.gt_product_name_des { float: left; width: 70%; position: relative; }
/*
	  ==============================================================
		   Product List Wrap Start
	  ==============================================================
*/
.gt_product_bg { padding-bottom: 40px; }
.gt_product_outer_wrap { float: left; width: 100%; position: relative; border: 1px solid #d4d4d4; background-color: #e9e9e9; overflow: hidden; margin: 0px 0px 30px; }
    .gt_product_outer_wrap figure img { width: auto; height: auto; }
.gt_product_img_des { width: 100%; top: 50%; margin: -75px 0px 0px; text-align: center; position: absolute; left: 0px; padding: 5px 15px; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); }
    .gt_product_img_des p { color: #fff; }
ul.gt_product_ui_element { float: left; width: 100%; }
    ul.gt_product_ui_element li { position: relative; display: inline-block; margin: 0px 8px; }
        ul.gt_product_ui_element li a { display: block; width: 32px; height: 32px; line-height: 30px; border: 2px solid; color: #fff; border-radius: 2px; }
.gt_product_des_wrap { float: left; width: 100%; position: relative; text-align: center; padding: 20px 15px; background-color: #fff; }
    .gt_product_des_wrap > span { color: #212121; text-transform: uppercase; font-weight: bold; margin: 0px 0px 8px; display: block; }
    .gt_product_des_wrap h5 > a { display: block; text-transform: uppercase; margin: 0px 0px 6px; font-weight: 600; }
ul.gt_rating_start { float: left; width: 100%; }
    ul.gt_rating_start li { display: inline-block; position: relative; }
        ul.gt_rating_start li a { display: inline-block; }
.gt_product_des_wrap p { margin: 0px; color: #212121; font-size: 18px; font-weight: 600; }
.gt_overlay_wrap { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); background-color: rgba(0,0,0,0.75); }
/*Hover CSS*/
.gt_product_outer_wrap:hover .gt_overlay_wrap, .gt_product_outer_wrap:hover .gt_product_img_des { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
/*
	  ==============================================================
		   Product List Style 2 Wrap Start
	  ==============================================================
*/
.gt_product_outer_wrap.gt_shop_style_2_wrap { background-color: #fff; }
.gt_shop_style_2_wrap .gt_product_des_wrap p { margin: 0px 0px 6px; }
.gt_cart_element_wrap { float: left; width: 100%; position: relative; border-top: 1px solid rgba(152,152,152,0.3); }
    .gt_cart_element_wrap a { border-left: 1px solid rgba(152,152,152,0.3); color: #666666; padding: 12px 0px; text-transform: uppercase; text-align: center; margin-left: -3px; }
        .gt_cart_element_wrap a:first-child { border-left: 0px; }
.gt_retweet_link, .gt_whishlist { display: inline-block; width: 20%; }
.gt_add_to_cart { display: inline-block; width: 60%; }
/*Hover Css*/
.gt_cart_element_wrap a:hover { color: #fff; }
/*
	  ==============================================================
		  Index Static Background Style
	  ==============================================================
*/
.index_static { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 100vh; }
/*
	  ==============================================================
		  Sticky Menu Form Style
	  ==============================================================
*/
.gt_sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; box-shadow: 0px 2px 15px 4px rgba(0,0,0,0.12); }
/*
	  ==============================================================
		  Revolution Slider Style
	  ==============================================================
*/
.default-btn { margin-top: 15px; font-family: inherit; padding: 10px 35px; border-radius: 50px; display: inline-block; text-transform: uppercase; font-weight: 600; border: 1px solid #ffffff; color: #ffffff; font-size: 15px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
    .default-btn .fa { padding-right: 5px; }
    .default-btn.style-two,
    .default-btn:hover { color: #ffffff !important; }
.main-slider .tp-banner .slotholder:after { background: rgba(0, 0, 0, 0.55); width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; pointer-events: none; }
.main-slider { position: relative; background: none; color: #1c1c1c; }
    .main-slider h1 { line-height: 1.8em; font-size: 56px; }
    .main-slider h2 { font-size: 48px; color: #ffffff; font-weight: 700; }
    .main-slider h3 { line-height: 2em; font-size: 32px; }
    .main-slider .tp-bullets { display: none; }
.tp-bullets.preview4 .bullet { background: #fbca00; border-color: #202020; margin: 0px 5px; }
    .tp-bullets.preview4 .bullet:hover,
    .tp-bullets.preview4 .bullet.selected { border-color: #fbca00; }

/*
	  ==============================================================
		   Home Page 03 Style
	  ==============================================================
*/
/*Top Strip Style*/
.gt_top_strip { float: left; width: 100%; padding: 8px 0px; }
.gt_cell { float: left; }
    .gt_cell i { color: #fff; font-size: 22px; margin-right: 8px; }
    .gt_cell span { display: inline-block; color: #fff; font-size: 16px; }
/*Search Wrap Start*/
.gt_top_search { float: right; position: relative; }
    .gt_top_search .search-btn { float: left; width: 50px; padding: 3px 5px; cursor: pointer; text-align: center; }
.search-btn i { font-size: 18px; color: #fff; }
.gt_top_search .search-field { position: absolute; right: 100%; top: -4px; display: none; }
    .gt_top_search .search-field input[type="text"] { height: 34px; border: solid 1px; padding: 6px 10px; width: 250px; }
/*
	  ==============================================================
		   Social Icon Style
	  ==============================================================
*/
.gt_social { float: right; }
    .gt_social ul li { float: right; }
        .gt_social ul li a { display: block; padding: 0px 15px; font-size: 18px; color: #fff; }
/*Logo Style*/
.gt_nav_wrap { float: left; width: 100%; }
.gt_logo_index3 { float: left; position: relative; height: 108px; }
    .gt_logo_index3 a { display: block; }
        .gt_logo_index3 a img { position: absolute; top: 0px; left: 0px; bottom: 0px; bottom: 0px; max-width: inherit; margin: auto; }
.gt_index3_navigation { float: right; }
    .gt_index3_navigation ul li { float: left; position: relative; }
        .gt_index3_navigation ul li a { display: block; padding: 34px 30px; font-size: 15px; text-align: center; font-weight: 500; color: #626262; }
        .gt_index3_navigation ul li i { font-size: 20px; display: block; margin-bottom: 6px; }
    /*Second UL Style*/
    .gt_index3_navigation ul ul { position: absolute; top: 100%; left: 0px; float: left; width: 210px; z-index: 9999; background-color: #fff; visibility: hidden; opacity: 0; }
        .gt_index3_navigation ul ul li { width: 100%; }
            .gt_index3_navigation ul ul li a { display: block; padding: 10px 10px 10px 20px; color: #626262; text-align: left; }
                .gt_index3_navigation ul ul li a i { font-size: 15px; display: inline-block; margin: 0px 15px 0px 0px; }
            .gt_index3_navigation ul ul li:hover > a { color: #fff; }
    .gt_index3_navigation ul li:hover > ul { visibility: visible; opacity: 1; }
    /*Third UL Style*/
    .gt_index3_navigation ul ul ul { position: absolute; top: 0px; left: 100%; }
        .gt_index3_navigation ul ul ul li a { color: #626262; }
    /*Hover Css*/
    .gt_index3_navigation ul li.active > a,
    .gt_index3_navigation ul li:hover > a { color: #ffffff; }
    /*Mobile Menu*/
    .gt_index3_navigation .gt_mobile_menu { margin-top: 32px; }
        .gt_index3_navigation .gt_mobile_menu .icon-bar { background-color: #ffffff !important; }
/*
	  ==============================================================
		   Banner Wrap Style
	  ==============================================================
*/
.gt_index3_banner { text-align: center; }
    .gt_index3_banner > h3 { color: #ffffff; font-weight: bold; font-size: 70px; line-height: 70px; margin-bottom: 15px; }
    .gt_index3_banner > h4 { color: #ffffff; font-size: 20px; margin-bottom: 20px; }
.index3_banner_form input[type="text"] { width: 100%; border: 1px solid #ffffff; background-color: transparent; margin-bottom: 20px; height: 42px; padding: 10px; color: #ffffff; border-radius: 5px; }
.index3_banner_form button { padding: 10px 30px; color: #ffffff; font-size: 16px; font-weight: 600; border-radius: 5px; }
    .index3_banner_form button:hover { background-color: #000000; }
/*Footer Css*/
.gt_index3_footer_bg { background-color: #444444; }
.gt_index3_footer { padding: 50px 0px; text-align: center; }
    .gt_index3_footer .gt_logo { width: auto; float: none; height: auto; margin-bottom: 20px; }
        .gt_index3_footer .gt_logo a > img { position: relative; }
    .gt_index3_footer ul.gt_scl_icon li a { border-color: transparent; color: #ffffff; }
.gt_index3_footer_bg > .gt_copyright_des { padding: 15px 0px; border-top: 1px solid #595959; }


/* Wrapper */

@-moz-keyframes wrapper {
    0% { opacity: 0; }

    100% { opacity: 1; }
}

@-webkit-keyframes wrapper {
    0% { opacity: 0; }

    100% { opacity: 1; }
}

@-ms-keyframes wrapper {
    0% { opacity: 0; }

    100% { opacity: 1; }
}

@keyframes wrapper {
    0% { opacity: 0; }

    100% { opacity: 1; }
}

#wrapper1 { -moz-animation: wrapper 3s forwards; -webkit-animation: wrapper 3s forwards; -ms-animation: wrapper 3s forwards; animation: wrapper 3s forwards; height: 100%; left: 0; opacity: 0; position: relative; top: 0; width: 100%; }
/* slider background */
#bg { -moz-animation: bg 60s linear infinite; -webkit-animation: bg 60s linear infinite; -ms-animation: bg 60s linear infinite; animation: bg 60s linear infinite; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); /* Set your background with this */ background: #222 url("../IMG/slider_one.jpg") bottom left; background-repeat: repeat-x; height: 100%; left: 0; opacity: 1; position: fixed; top: 0; z-index: 0; }

@-moz-keyframes bg {
    0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

    100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); }
}

@-webkit-keyframes bg {
    0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

    100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); }
}

@-ms-keyframes bg {
    0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

    100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); }
}

@keyframes bg {
    0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

    100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); }
}

#bg { background-size: 2300px auto; width: 6750px; }

.white { background-color: #FFF !important; }

.heading-padding { padding: 15px 0px; }
.HeaderBottomLine1 { height: 8px; width: 100px; background: url('../IMG/HeaderBottomLine1.png') repeat-x; }
    .HeaderBottomLine1.center { margin: 0 auto; width: 200px; }
.HeaderBottomLine2 { height: 2px; width: 100%; background: url('../IMG/HeaderBottomLine2.png') repeat-x; }

#idVideoLibrary { text-align: center; background-image: url('../IMG/testimonial-bg.jpg'); background-size: cover; background-position: 50% 50%; height: 700px; padding: 50px 0px; }
.padding-bottom { padding-bottom: 20px; }

#jssor_1 img { border: solid 1px #AAA; }
.marquee,
.marquee-with-options,
.marquee-vert-before,
.marquee-vert { width: 100%; overflow: hidden; border: 1px solid #AAA; }

#topper_slides .topper-slides-wrapper { padding-right: 10px; }
    #topper_slides .topper-slides-wrapper > div { border: solid 1px #999; border-radius: 5px; overflow: hidden; }
        #topper_slides .topper-slides-wrapper > div:hover { background: #FFF; transition: ease-in-out 0.4s; }
        #topper_slides .topper-slides-wrapper > div .topper-slides-image { float: left; width: 25%; }
            #topper_slides .topper-slides-wrapper > div .topper-slides-image img { height: 100px; width: 70px; }
        #topper_slides .topper-slides-wrapper > div .topper-slides-data { float: left; width: 75%; }
            #topper_slides .topper-slides-wrapper > div .topper-slides-data .topper-slides-name { width: 100%; float: left; font-size: 18px; font-weight: bold; color: #2d598a; padding: 10px 0px; }
            #topper_slides .topper-slides-wrapper > div .topper-slides-data .topper-slides-batch { width: 100%; float: left; color: #444; }
            #topper_slides .topper-slides-wrapper > div .topper-slides-data .topper-slides-year { width: 50%; float: left; color: #444; }
            #topper_slides .topper-slides-wrapper > div .topper-slides-data .topper-slides-percent { width: 50%; float: left; color: #f00; }


#AdmissionFormSlider { position: fixed; top: 250px; right: 0px; width: 300px; z-index: 899; }
    #AdmissionFormSlider .admission-form-background { background: url('../IMG/ContactFormBackground.png') no-repeat; }
    #AdmissionFormSlider .admission-form-title { background: rgba(50, 133, 169, 0.80); padding: 10px 0px; text-align: center; color: #FFF; }
    #AdmissionFormSlider .admission-form-error { background: rgb(255, 156, 0); padding: 5px 10px; font-size: 12px; text-align: left; color: #333; }
        #AdmissionFormSlider .admission-form-error .admission-form-error-close { position: absolute; right: 5px; cursor: pointer; color: #222; padding: 0px 6px; transition: all 0.3s; }
            #AdmissionFormSlider .admission-form-error .admission-form-error-close:hover { color: #777; }
    #AdmissionFormSlider .admission-form-fields { margin: 7px 10px; font-size: 12px; }
        #AdmissionFormSlider .admission-form-fields input { background: rgba(255,255,255, 0.8); padding: 5px 10px; width: 100%; border: solid 1px #777; }
        #AdmissionFormSlider .admission-form-fields textarea { background: rgba(255,255,255, 0.8); padding: 5px 10px; width: 100%; border: solid 1px #777; }

    #AdmissionFormSlider .admission-form-course { background: rgba(255,255,255, 0.8); margin: 7px 10px; padding: 7px 10px; font-size: 12px; }
        #AdmissionFormSlider .admission-form-course select { background: rgba(255,255,255, 0.8); padding: 0px 5px; width: 100%; border: solid 1px #777; }

    #AdmissionFormSlider .admission-form-button { padding: 5px 10px; text-align: center; }
        #AdmissionFormSlider .admission-form-button button { padding: 5px 10px; border: solid 1px #777; }

.fwt-blue, .fwt-hover-blue:hover { color: #fff !important; background-color: rgba(50, 133, 169, 0.80) !important; }
.fwt-border-blue-grey, .fwt-hover-blue-grey:hover { color: #fc5c5c !important; }
.SidePopupWelcomeMessageOpen { display: block; position: fixed; right: 300px; top: 250px; box-shadow: rgba(153, 153, 153, 0.50) -2px 2px 3px; width: 40px; height: 42px; cursor: pointer; z-index: 899; }
    .SidePopupWelcomeMessageOpen span.text { display: block; text-align: center; padding: 5px 0px; font-size: 20px; }

.zoom-container { position: relative; overflow: hidden; display: inline-block; width: 100% !important; margin: 0; border-radius: 5px; }
    .zoom-container img { height: 200px; width: 100%; -webkit-transition: all .5s ease; /* Safari and Chrome */ -moz-transition: all .5s ease; /* Firefox */ -ms-transition: all .5s ease; /* IE 9 */ -o-transition: all .5s ease; /* Opera */ transition: all .5s ease; }
    .zoom-container:hover img { -webkit-transform: scale(1.25); /* Safari and Chrome */ -moz-transform: scale(1.25); /* Firefox */ -ms-transform: scale(1.25); /* IE 9 */ -o-transform: scale(1.25); /* Opera */ transform: scale(1.25); }

.footer-contact-form-fields { padding: 5px 10px; }
    .footer-contact-form-fields input, .footer-contact-form-fields textarea { width: 100%; }
.footer-contact-form-button { padding: 5px 10px; text-align: center; }

.flipcard { border: 2px solid #cfdffc; text-align: center; height: 400px; }
    .flipcard .front { background-color: #EEE; padding-top: 20px; }
    .flipcard .back { background-color: #007ACC; padding: 20px 20px 0px 20px; color: #FFF; text-align: justify; line-height: 25px; }


.button { text-align: center; width: 300px; transition: all 0.5s; cursor: pointer; text-decoration: none; }
    .button span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; }
        .button span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; }
    .button:hover span { padding-right: 15px; }
        .button:hover span:after { opacity: 1; right: 0; }

.div-video-modal { position: relative; cursor: pointer; }
    .div-video-modal img { width: 450px; height: 250px; z-index: 90; }
    .div-video-modal .model-bg { position: absolute; height: 100%; width: 100%; background-color: #000; opacity: 0.5; top: 0; left: 0; z-index: 95; }
    .div-video-modal .modal-play-button { background: url(../IMG/play-icon.png) no-repeat; height: 40px; width: 40px; position: absolute; top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; z-index: 99; }
    .div-video-modal:hover .model-bg { background-color: transparent; opacity: 1; }
.videomodal { padding: 30px; left: 50%; top: 50%; position: fixed; z-index: 500; background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
    .videomodal.size-m { width: 600px; height: 400px; }
    .videomodal.size-l { width: 700px; height: 500px; }
    .videomodal.size-s { width: 500px; height: 300px; }
.videomodal-bg { position: fixed; height: 100%; width: 100%; background-color: #000; opacity: 0.5; top: 0; left: 0; z-index: 100; }
.videomodal-close { color: #b1b0ac; font-size: 30px; line-height: .5; position: absolute; top: 10px; right: 10px; font-weight: bold; cursor: pointer; }
    .videomodal-close:hover { color: #e72626; }

.about.about-different { background: #3999aa url('../IMG/Leadership_Background.jpg') repeat center fixed; padding: 40px 0; }


.zoomPhoto li img { width: 100%; height: 300px; cursor: pointer; transition: all 0.3s; }
    .zoomPhoto li img:hover { opacity: 0.7; }
#myModal.modal { display: none; position: fixed; z-index: 99999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9); }
#myModal .modal-content { margin: auto; display: block; width: 80%; max-width: 700px; }
#myModal #caption { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px; }
#myModal .modal-content, #myModal #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s; }
#myModal .close { position: absolute; top: 35px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; }
    #myModal .close:hover, #myModal .close:focus { color: #bbb; text-decoration: none; cursor: pointer; }

@-webkit-keyframes zoom {
    from { -webkit-transform: scale(0); }
    to { -webkit-transform: scale(1); }
}

@keyframes zoom {
    from { transform: scale(0); }
    to { transform: scale(1); }
}

@media only screen and (max-width: 700px) {
    #myModal .modal-content { width: 100%; }
}

.research-table, .research-table-all { border-collapse: collapse; border-spacing: 0; width: 100%; display: table; }
.research-table-all { border: 1px solid #ccc }
    .research-bordered tr, .research-table-all tr { border-bottom: 1px solid #ddd }
.research-striped tbody tr:nth-child(even) { background-color: #f1f1f1 }
.research-table-all tr:nth-child(odd) { background-color: #fff }
.research-table-all tr:nth-child(even) { background-color: #DFF0D8 }
.research-hoverable tbody tr:hover, .research-ul.research-hoverable li:hover { background-color: #ccc }
.research-centered tr th, .research-centered tr td { text-align: center }
.research-table td, .research-table th, .research-table-all td, .research-table-all th { padding: 8px 8px; display: table-cell; text-align: left; vertical-align: top }
    .research-table th:first-child, .research-table td:first-child, .research-table-all th:first-child, .research-table-all td:first-child { padding-left: 16px }
.research-card-4, .research-hover-shadow:hover { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important }

.button-pdf-download iframe { height: 400px; width: 100%; overflow: hidden; margin-top: 10px; }
.button-pdf-download a { position: relative; display: block; background: #ff9c00; color: #222; font-size: 18px; text-align: left; padding: 20px 15px; border: 0; border-radius: 8px; transition: all 0.3s ease-in-out; }
    .button-pdf-download a:hover { background: #ff6500 !important; color: #ffe0b0 !important; box-shadow: rgba(51, 51, 51, 0.50) 0 0 10px; }
        .button-pdf-download a:hover span::before { color: #ffe0b0; }
        .button-pdf-download a span::before { content: "\f1c1"; font-family: FontAwesome; font-size: 18px; color: #ff0000; padding-right: 10px; }
    .button-pdf-download a span::after { content: "\f019"; font-family: FontAwesome; font-size: 42px; color: rgba(0, 0, 0, 0.40); position: absolute; top: 5px; right: 4px; }