* {margin: 0px;padding: 0px;}

:root{

--color-01:#ffffff;
--color-02:#000000;
--color-03:#333333;
--color-04:#666666;
--color-05:#CCCCCC;
--color-06:#191061;
--color-07:#890c00;
--color-08:#F6AE2D;
--color-09:#FBF6FD;
--color-10:#ECE9FF;
--color-11:#FAEFFF;
--color-12:#FFF6EA;
--color-13:#FEF6D3;
--color-14:#FDECD4;
	
}


::-ms-input-placeholder{color:var(--color-01);}
::placeholder{color:var(--color-01);}
 
.bg-01{background:var(--color-01) !important;}
.bg-02{background:var(--color-02) !important;}
.bg-03{background:var(--color-03) !important;}
.bg-04{background:var(--color-04) !important;}
.bg-05{background:var(--color-05) !important;}
.bg-06{background:var(--color-06) !important;}
.bg-07{background:var(--color-07) !important;}
.bg-08{background:var(--color-08) !important;}
.bg-09{background:var(--color-09) !important;}
.bg-10{background:var(--color-10) !important;}
.bg-11{background:var(--color-11) !important;}
.bg-12{background:var(--color-12) !important;}
.bg-13{background:var(--color-13) !important;}
.bg-14{background:var(--color-14) !important;}

.color-01{background:var(--color-01);}
.color-02{background:var(--color-02);}
.color-03{background:var(--color-03);}
.color-04{background:var(--color-04);}
.color-05{background:var(--color-05);}
.color-06{background:var(--color-06);}
.color-07{background:var(--color-07);}
.color-08{background:var(--color-08);}
.color-09{background:var(--color-09);}
.color-10{background:var(--color-10);}
.color-11{background:var(--color-11);}
.color-12{background:var(--color-12);}
.color-13{background:var(--color-13);}
.color-14{background:var(--color-14);}
 

body {color: var(--color-04);font-size: 18px;font-family: 'Geologica', serif;font-weight: 200;background: var(--color-06);}
h1, h2, h3, h4, h5, h6 {color:var(--color-06);font-family: 'Lora', sans-serif;font-weight: 400;line-height: 1.36;}
p {line-height: 1.4;letter-spacing: 0.1px;}
strong{font-weight: 700;}

h1 > span.spo,
h2 > span.spo,
h3 > span.spo,
h4 > span.spo,
h5 > span.spo
p > span.spo{position:relative;overflow: hidden;display: block;margin-left: -5px;}

h1 > span.spo > span.spib,
h2 > span.spo > span.spib,
h3 > span.spo > span.spib,
h4 > span.spo > span.spib,
h5 > span.spo > span.spib{display: block;overflow: hidden;padding: 0px 5px;}

span.full-stop {font-size: 13px;line-height: 1;position: relative;left: 5px;z-index: 9}
span.full-stop:after {content: "";position: absolute;top: 6px;left: 0px;width: 8px;height: 8px;background: #f15931;}
span.full-stop-anim {font-size: 1px;line-height: 1;position: absolute;width: 100%;height: 101%;right: 0px;display: inline-block;background: white;z-index: 9;transition: all 1000ms ease-in-out;}
span.full-stop-anim:after {content: "";position: absolute;top: 68%;left: 10px;width: 8px;height: 8px;background: #f15931;display: none;}
span.full-stop-anim.active {width: 0%;transition: all 1000ms ease-in-out;}
 
p.sc > div{}

.sc > div {background: linear-gradient(to right,#033399 50%, #E6EBF5 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;line-height: 1.3;z-index: 9;}

.sc_h1 > div {background: linear-gradient(to right, #000000 50%, #d9cdd9 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;/* line-height: 1; */z-index: 9;}

.sc_h2 > div {background: linear-gradient(to right, #ffffff 50%, #3e30ac 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;/* line-height: 1; */z-index: 9;}

.sc_h3 > div {background: linear-gradient(to right, #ffffff 50%, #dd81dd 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;/* line-height: 1; */z-index: 9;}


.overflow{overflow: hidden;}

.loader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:var(--color-06);z-index: 999;}
#clickAnimation_wrp {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:var(--color-06);z-index: -1;opacity:0;}


.bdr-top{border-top: 1px solid #000000;}
.bdr-btm{border-bottom: 1px solid #000000;display: block;margin-bottom: 20px;}

.z-index-1{z-index: 1;}
.z-index-2{z-index: 2;}
.z-index-3{z-index: 3;}
.z-index-4{z-index: 4;}
.z-index-5{z-index: 5;}
.z-index-6{z-index: 6;}
.z-index-7{z-index: 7;}
.z-index-8{z-index: 8;}
.z-index-9{z-index: 9;}
.z-index-10{z-index: 10;}
.z-index-99{z-index: 99;}
.z-index-999{z-index: 999;}
.z-index-9999{z-index: 9999;}

#scroll-container{margin-left: -1px;}

.footer-box-shadow{box-shadow: 0px 10px 10px rgba(0,0,0,.2);position: relative;z-index: 9;}

.page-wrp{position:relative;/*padding:0px 80;*/overflow: hidden;}
/*
.page-wrp:before{content:"";position: fixed;top: 170px;left: 5%;height:100%;border-right: 1px solid #ccc;z-index: 9;mix-blend-mode: luminosity;transition:all 500ms ease-in-out;}
.page-wrp:after{content:"";position: fixed;top:0px;right: 5%;height:100%;width:2px;border-left: 1px solid #ccc;mix-blend-mode: luminosity;transition:all 500ms ease-in-out;}
.page-wrp.active:before {top: 0px;transition:all 500ms ease-in-out;}
*/


/***********************/
/*       HEADER        */
/***********************/
 
.navbar-brand {position: fixed;top: 5vh;left:7vh;z-index: 9999;margin: 0px;padding: 0px;}

.menu-container {/* position: absolute;width:100%;height: 100%;left: 0;margin: 0 auto;z-index: 98; */}

.menu-container .col-md-6.borders{border-left:1px solid #585858;}

.button_container {cursor: pointer;height: 60px;width: 60px;background: var(--color-06);position: fixed;top: 7vh;right: 7vh;border-radius: 5px;z-index: 1000;transition: all 0.25s ease;}
.button_container.stickyheader{}
.button_container:hover {opacity: 0.7;}
.button_container.active .top {transform: translateY(11px) translateX(0) rotate(45deg);top: 35%;}
.button_container.active .middle {opacity: 0;left:50px;}
.button_container.active .bottom {transform: translateY(-11px) translateX(0) rotate(-45deg);top: 65%;}
.button_container span {background: #ffffff;border: none;height: 2px;width: 30px;position: absolute;top: 0;left: 0;right:0;margin:auto;border-radius: 10px;transition: all 0.35s ease;}
.button_container span:nth-of-type(1) {top: 35%;}
.button_container span:nth-of-type(2) {top: 50%;}
.button_container span:nth-of-type(3) {top: 65%;}

.menu-container .overlay {position: fixed;background: var(--color-09);top: 0;left: -100%;max-width: 100%;width: 100%;height: 100%;visibility: hidden;overflow:hidden;display: flex;align-items: center;padding: 100px 100px 100px 100px;z-index: 999;transition: all 500ms ease-in-out;/*! transition: opacity 0.5s, visibility 0.5s, width 0.5s; */}
.menu-container .overlay:after{content:"";position: fixed;background:url("../img/menu-bg.jpg") no-repeat center center;background-attachment:fixed;background-size: cover !important;top: 0;left:0;width:0%;height: 100%;z-index: -8;transition: all 500ms ease-in-out;}

.menu-container .overlay h4{color: #e53840;margin-bottom: 15px;}
.menu-container .overlay h4 a{color: #e53840;font-weight: 600;padding: 0px;}

.menu-container .overlay.open {left: 0px;visibility: visible;transition: all 500ms ease-in-out;}
.menu-container .overlay.open li {animation: fadeInRight 0.5s ease forwards;animation-delay: 0.35s;}
.menu-container .overlay.open li.icon-home {animation-delay: 0.4s;}
.menu-container .overlay.open li.icon-about {animation-delay: 0.45s;}
.menu-container .overlay.open li.icon-animal-welfare {animation-delay: 0.5s;}
.menu-container .overlay.open li.icon-contact {animation-delay: 0.55s;}
/*.menu-container .overlay.open li:nth-of-type(6) {animation-delay: 0.6s;}
.menu-container .overlay.open li:nth-of-type(7) {animation-delay: 0.65s;}*/

.menu-container .overlay.open:after{width:50%;}

.menu-container .overlay nav {overflow: hidden;}
.menu-container .overlay .overlay-menu > ul {width: 100%;list-style: none;padding: 30px 0px;margin: 0px auto 0px auto;display: inline-block;position: relative;text-align: right;}
.menu-container .overlay .overlay-menu ul li {display: block;position: relative;opacity: 0;padding: 10px 0px 10px 0px;}
.menu-container .overlay .overlay-menu ul li a {color: var(--color-06);font-family: "Lora", sans-serif !important;font-size: calc(1.2rem + 1.5vw);font-weight: 100;text-align: left;display: inline-block;position: relative;line-height: 1;text-decoration: none;/* overflow: hidden; */perspective: 500px;padding: 10px 0px 10px 25px;/* width: 130%; */transition: all 300ms ease-in-out;}
.menu-container .overlay .overlay-menu ul li a span{position:relative;z-index:9;}

.menu-container .overlay .overlay-menu ul li a:after {content: "";position: absolute;bottom: 0%;left: 0%;width: 0%;height: 3px;background: var(--color-06);z-index: 1;transition: 0.35s;}

.menu-container .overlay .overlay-menu ul li a:hover:after,
.menu-container .overlay .overlay-menu ul li a:focus:after,
.menu-container .overlay .overlay-menu ul li a:active:after {width: 100%;}


.menu-container .overlay .overlay-menu ul li a:before {content: "";background-size:cover !important;position: absolute;opacity:0;transform:scale(.7);z-index: 9;transition: 0.35s;}
.menu-container .overlay .overlay-menu ul li.icon-home a:before{background: url("../img/menu-home.png") no-repeat center center;top: -28px;left: -79px;width: 100px;height: 100px;}
.menu-container .overlay .overlay-menu ul li.icon-about a:before{background: url("../img/menu-about.png") no-repeat center center;top: -20px;left: -50px;width: 90px;height: 90px;}
.menu-container .overlay .overlay-menu ul li.icon-it-courses a:before{background: url("../img/menu-it-courses.png") no-repeat center center;top: 7px;left: -51px;width: 65px;height: 65px;}
.menu-container .overlay .overlay-menu ul li.icon-hotel a:before{background: url("../img/menu-hotel-management.png") no-repeat center center;top: -10px;left: -30px;width: 90px;height: 90px;}
.menu-container .overlay .overlay-menu ul li.icon-animal-welfare a:before{background: url("../img/menu-animal-welfare.png") no-repeat center center;top: -17px;left: -112px;width: 150px;height: 100px;}
.menu-container .overlay .overlay-menu ul li.icon-contact a:before{background: url("../img/menu-contact.png") no-repeat center center;top: 0px;left: -60px;width: 80px;height: 80px;}


.menu-container .overlay .overlay-menu ul li a:hover{/* color: #ffffff; *//* padding: 10px 30px 10px 30px; */transition: all 300ms ease-in-out;}
.menu-container .overlay .overlay-menu ul li a:hover:before,
.menu-container .overlay .overlay-menu ul li.active a:before{opacity:1;transform:scale(1);transition: all 300ms ease-in-out;}

.menu-container .overlay .overlay-menu ul li.active a{/* color:#ffffff; */transition: all 300ms ease-in-out;}
.menu-container .overlay .overlay-menu ul li.active a:after {/* top: 22%; */width: 100%;/* height: 100%; */background: #0c0c0c;}

@keyframes fadeInRight {
	  0% {opacity: 0;right: 20%;}
	100% {opacity: 1;right: 0;}
}

 

span.txt-up{background: #000;position: absolute;top: 0px;left: 0;padding-right: 10px;/* margin: auto; */transform-style: preserve-3d;transform: rotateX(0deg);z-index: 4;transition: all 300ms ease-in-out;}
span.txt-down{background: #000;position: absolute;top: 50px;left: 0;padding-right: 10px;/* margin: auto; */transform-style: preserve-3d;transform: rotateX(-85deg);z-index: 5;transition: all 300ms ease-in-out;}

.menu-container .overlay .overlay-menu ul li a:hover span.txt-up{top:-50px;transform: rotateX(90deg);transition: all 300ms ease-in-out;}
.menu-container .overlay .overlay-menu ul li a:hover span.txt-down{top: 0px;transform: rotateX(0deg);transition: all 300ms ease-in-out;}
.menu-container .overlay .overlay-menu ul li span.no {color: #585858;font-family: 'roboto';font-size: 14px;font-weight: 700;position: absolute;top: 29px;left: 0;z-index: 9;}
.menu-container .overlay .overlay-menu ul li.active span.no,
.menu-container .overlay .overlay-menu ul li a:hover span.no{color:#ffffff;transition: all 300ms ease-in-out;}

.menu-container .menu-address{display: inline-block;text-align:right;margin-right: 10%;opacity: 0;transition:all 500ms ease-in-out;}
.menu-container .menu-address h2 {color: #585858;font-size: calc(30px + 3vh);text-align: revert;text-transform: uppercase;display: block;position: relative;min-height: calc(26px + 3vh);line-height: 1;transition: all 100ms ease-in-out;}
.menu-container .menu-address ul.social_media_footer{margin-top:0px;}

.menu-container .menu-address ul.connect-links{margin:20px 0px 40px 0px;padding:0px;list-style-type:none;}
.menu-container .menu-address ul.connect-links li{}

.menu-container .menu-address ul.connect-links li a{color:#cccccc;font-family:'roboto';}

.menu-container .overlay .overlay-menu ul li:hover span.no{color: #e53840;transition:500ms ease-in-out;}
.menu-container .overlay.open .menu-address {animation: fadeInRight 1s ease forwards;animation-delay: 1.2s;}

.menu-container .overlay .thoughts-quotes {opacity:0;}
.menu-container .overlay.open .thoughts-quotes {animation: fadeInRight 1s ease forwards;animation-delay: 1s;}


.dropdown_menu{}

.dropdown_menu .sub-menu ul{}
.dropdown_menu .sub-menu ul li{padding: 0px !important;}
.dropdown_menu .sub-menu ul li a{font-size: calc(1rem + 1vw) !important;font-style: italic !important;}

.dropdown_menu .sub-menu{height: 0px;overflow: hidden;transition: all 300ms ease-in-out;}
.dropdown_menu:hover .sub-menu{height: 140px;transition: all 300ms ease-in-out;}


/***********************/
/*       Footer        */
/***********************/
 footer{position:relative;padding-bottom: 60px;z-index: 99;background: var(--color-01);}footer:after{content:"";position:absolute;bottom: 0px;left:0;width:100%;height: 65px;background: url(../img/footer-stripe.jpg) repeat-x center center;z-index: 9;}footer .top-footer{padding: 0vh 0px 30px 0px;}footer .top-footer p{color:#333;font-size:13px;line-height:1.5;text-decoration:none;position:relative;padding:0;margin-bottom:0;margin-top:15px}footer .sub-footer{font-size:12px;font-weight:300;padding: 0px 0px 20px 0px;}footer .sub-footer hr{margin-bottom:30px}footer .sub-footer p{color:#666565;font-size: 12px;margin:5px 0 0 0}footer h2.footerHeading{font-size:22px;color:#000;font-weight:400;width:90%}footer h3{font-size: calc(19px + 2vh);margin-bottom: 20px;}footer h4{font-family:'Bebas Neue',cursive;font-size: calc(19px + 2vh);font-weight:  500;letter-spacing: 0px;text-transform:uppercase;/* margin-top:15px; */margin-bottom:15px;padding-bottom:10px;color:#010101;position:relative}footer h4:after{content:"";position:absolute;bottom:0;left:0;width:20px;height:4px}footer ul.tncLinks{margin:0;padding:0;list-style-type:none}footer ul.tncLinks li{padding:5px 0;display:inline-block}footer ul.tncLinks li.active a{color:#f15931;font-weight:600}footer ul.tncLinks li a{color:#fff;font-family:'Bebas Neue',cursive;font-size:15px;position:relative;line-height:1.5;text-decoration:none;padding:.5rem;transition:all 300ms ease-in-out}footer ul.tncLinks li a:after{content:"\f105";position:absolute;left:0;top:5px;font:normal normal normal 16px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:none}footer ul.tncLinks li a:hover{color:#cdff00;transition:all 300ms ease-in-out}footer ul.quicklinks{margin: 0px;padding:0;list-style-type:none;display: flex;}footer ul.quicklinks li{color:#333;font-size: 15px;line-height: 1.5;}footer ul.quicklinks li.active a{color: #264588;}footer ul.quicklinks li a{color: var(--color-06);font-size: 16px;font-weight: 300;text-decoration:none;padding: 5px 30px;position:relative;transition:all 300ms ease-in-out}footer ul.quicklinks li a span{display: inline-block;padding: 3px 0px;border-bottom: 1px solid var(--color-06);}footer ul.quicklinks li a:after{content:"\f105";position:absolute;left:0;top:5px;font:normal normal normal 16px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:none}footer ul.quicklinks li a:hover{color: var(--color-08);/* font-weight: 700; */transition:all 300ms ease-in-out}footer ul.quicklinks li a:hover:after{color:#29388f;left:5px;transition:all 300ms ease-in-out}footer a,footer a:hover{color: #333;}ul.privacy_list{display:inline-flex;margin:0;padding:0;list-style:none}ul.privacy_list li{color: #000000;font-size: 12px;/* text-transform:uppercase; */padding: 0 15px 0 15px;}.Topscroll{position:absolute;top:0;left:50%;width:40px;height:40px;color:#fff;font-size:20px;line-height:2;background:#f4792a;text-align:center;display:block;box-shadow:0 0 10px rgba(0,0,0,.5)}.Topscroll:hover{color:#fff}

footer ul.quicklinks li.active a,
footer ul.quicklinks li a:hover{color:var(--color-08);}

footer ul.quicklinks li a:hover span,
footer ul.quicklinks li.active a span{border-color:var(--color-08);}

footer nav {width: 100%;}
.footer-content {display: inline-block;padding: 30px 0px 30px 0px;}
.footer-content h5{font-size: 21px;text-transform: uppercase;margin-bottom:20px;}
.footer-content.box_ql{/* float: right; *//* max-width: 85%; */}

.badlav-hone-do{text-align: center;background: var(--color-06);padding: 30px 30px 30px 30px;border-radius: 0px 0px 15px 15px;}
.badlav-hone-do img{max-width: 400px;width:100%;}

.footer_logo{}
.footer_logo img{}

/***********************/
/*       Footer        */
/***********************/

/***********************/
/*     Social Media    */
/***********************/
ul.social_media_footer {margin: 10px 0px 5px 0px;padding: 0px;list-style-type: none;display: inline-block;width: 100%;}
ul.social_media_footer>li {display: block;}
ul.footerLinks li.active > a {font-weight: 700;color: #333;transition: all 500ms ease-in-out;}
ul.social_media_footer>li {transition: all 500ms ease-in-out;}
ul.social_media_footer>li>a {color: #333;font-size: 15px;/* font-weight: 500; *//* text-transform: uppercase; */letter-spacing: 0px;display: flex;align-items: center;padding: 13px 10px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-top: -1px;/* min-width: 330px; */transition: all 500ms ease-in-out;}
ul.social_media_footer>li>a img{/* margin-top: 0px; *//* max-width: 100%; */margin-right: 15px;opacity: .4;}
ul.social_media_footer li a:hover{color:#000000;background: #ffffff;transition: all 500ms ease-in-out;}
ul.social_media_footer li a:hover img{opacity: .7;transition: all 500ms ease-in-out;}
/*
a.fb:hover {color: #fff;background: #3b5998 !important;transition: all 500ms ease-in-out;}
a.tw:hover {color: #fff;background: #38A1F3 !important;transition: all 500ms ease-in-out;}
a.dr:hover {color: #fff;background: #eb4b89 !important;transition: all 500ms ease-in-out;}
a.in:hover {color: #fff;background: #0077B5 !important;transition: all 500ms ease-in-out;}
a.insta:hover {color: #fff;background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);transition: all 500ms ease-in-out;}
a.vi:hover {color: #fff;background: #00adef !important;transition: all 500ms ease-in-out;}
a.yt:hover {color: #fff;background: #d82423 !important;transition: all 500ms ease-in-out;}
*/

/***********************/
/*     Social Media    */
/***********************/
/***********************/
/*      B&F Credits    */
/***********************/
.flip-container2{-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;-ms-transform:perspective(1000px);-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d}.flip-container2:hover .back2,.flip-container2.hover .back2{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}.flip-container2:hover .front2,.flip-container2.hover .front2{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-container2,.front2,.back2{height:30px;width:30px;position:relative;top:3px}.flipper{-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-ms-transition:0.6s;-moz-transition:0.6s;-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:0.6s;transform-style:preserve-3d;position:relative;top:-5px}.text-muted{color:#fff}.front2,.back2{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-moz-transition:0.6s;-moz-transform-style:preserve-3d;-o-transition:0.6s;-o-transform-style:preserve-3d;-ms-transition:0.6s;-ms-transform-style:preserve-3d;transition:0.6s;transform-style:preserve-3d;position:absolute;top:0;right:0}.front2{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);;z-index:2}.back2{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg)}

/***********************/
/*      B&F Credits    */
/***********************/


a.btn-bdr-blue-fwhite {color: #264588;font-size: 16px;font-weight: 600;display: inline-block;text-align: center;position: relative;padding: 8px 20px 10px 20px;overflow: hidden;border-radius: 200px;border: 1px solid #264588;min-width: 160px;transition: all 200ms ease-in-out;}
a.btn-bdr-blue-fwhite:before {content: "";position: absolute;top: 134%;left: 50%;width: 20px;height: 20px;background: #264588;border-radius: 100%;transform: translate(-50%, -4%) scale(0.01);transition: all 1000ms ease-in-out;}
a.btn-bdr-blue-fwhite:after {content: "";}
a.btn-bdr-blue-fwhite .btn-arrow {display: none;width: 35px;height: 2px;margin: 4px 10px 4px 14px;background: #ffffff;position: relative;transition: all 200ms ease-in-out;}
a.btn-bdr-blue-fwhite .btn-arrow:after {content: "";position: absolute;top: -5px;right: 2px;width: 12px;height: 12px;transform: rotate(-45deg);box-shadow: 2px 2px 0 #ffffff;transition: all 300ms ease-in-out;}
a.btn-bdr-blue-fwhite .btn-txt {position: relative;z-index: 5;transition: all 500ms ease-in-out;}
a.btn-bdr-blue-fwhite:hover {color: #fff;text-decoration: none;border-color: #264588;/* box-shadow: 2px 6px 20px rgba(0, 0, 0, 0.4); */transition: all 200ms ease-in-out;}
a.btn-bdr-blue-fwhite:hover .btn-arrow {background: #ffffff;transform: translateX(10px);transition: all 500ms ease-in-out;}
a.btn-bdr-blue-fwhite:hover .btn-arrow:after {box-shadow: 2px 2px 0 #ffffff;}
a.btn-bdr-blue-fwhite:hover:before {transform: translate(-50%, -4%) scale(25);transition: all 1000ms ease-in-out;}



a.btn-fill-blue {color: #ffffff;font-size: 15px;font-weight: 400;display: inline-block;text-align: center;text-transform:uppercase;position: relative;padding: 10px 20px 12px 30px;overflow: hidden;background: #191061;border-radius: 200px;border: 1px solid #191061;min-width: 160px;transition: all 200ms ease-in-out;}
a.btn-fill-blue:before {content: "";position: absolute;top: 134%;left: 50%;width: 20px;height: 20px;background: #f6ae2d;border-radius: 100%;transform: translate(-50%, -4%) scale(0.01);transition: all 1000ms ease-in-out;}
a.btn-fill-blue:after {content: "";}
a.btn-fill-blue .btn-arrow {width: 35px;height: 2px;margin: 4px 10px 4px 14px;background: #666666;position: relative;transition: all 200ms ease-in-out;}
a.btn-fill-blue .btn-arrow:after {content: "";position: absolute;top: 5px;right: -5px;width: 10px;height: 10px;transform: rotate(-45deg);box-shadow: 2px 2px 0 #ffffff;transition: all 300ms ease-in-out;}
a.btn-fill-blue .btn-txt {position: relative;z-index: 5;transition: all 500ms ease-in-out;}
a.btn-fill-blue:hover {color: #fff;text-decoration: none;border-color: #9ecb3b;/* box-shadow: 2px 6px 20px rgba(0, 0, 0, 0.4); */transition: all 200ms ease-in-out;}
a.btn-fill-blue:hover .btn-arrow {background: #ffffff;transform: translateX(10px);transition: all 500ms ease-in-out;}
a.btn-fill-blue:hover .btn-arrow:after {box-shadow: 2px 2px 0 #ffffff;}
a.btn-fill-blue:hover:before {transform: translate(-50%, -4%) scale(25);transition: all 1000ms ease-in-out;}

.btn-scrollTop {position: fixed;bottom: -100px;right: 10px;z-index: 99;text-align: center;transition: all 500ms ease-in-out 0s;}
.btn-scrollTop span.top_icon {display: block;width: 40px;filter: brightness(13) hue-rotate(5deg) drop-shadow(2px 4px 3px #19106161);}
.btn-scrollTop span.txt {display: block;color: var(--color-01);padding: 2px 7px;text-transform: uppercase;font-weight: bold;letter-spacing: 1px;text-align: center;font-size: 11px;position: relative;top: -1px;z-index: 2;background: var(--color-08);box-shadow: -2px 2px 4px  #19106161;}
.btn-scrollTop:hover, .btn-scrollTop:hover span.txt {color: var(--color-01);text-decoration: none;}
.btn-scrollTop.active {bottom: 10px;transition: all 500ms ease-in-out 0s;}
 
 
span.highlight{position:relative;display: inline-block;padding: 15px 0px;margin-top: -15px;}
span.highlight .hcolor{content:"";position:absolute;top: 0%;left: -2%;width: 0%;height: calc( 100% - 15px);background: linear-gradient(231deg,#a9d15242 10%,  #9ecb3b 100%);z-index:-5;/* border-radius: 100px; */}

.thumbnails-box{border-radius: 15px;height: 290px;overflow: hidden;position: relative;margin-top: 30px;transition:all 500ms ease-in-out;}
.thumbnails-box img{width: auto;height: auto;min-width: 100%;min-height: 100%;position: absolute;top: 50%;left: 50%;transform: scale(1) translate(-50%,-50%);opacity: .7;transition:all 500ms ease-in-out;}
.thumbnails-box:hover{transition:all 500ms ease-in-out;}
.thumbnails-box:hover img{transform: scale(1.1) translate(-50%,-50%);opacity:1;transition:all 500ms ease-in-out;}

body.body-it-courses .col-md-3 > .thumbnails-box,
body.body-it-courses .col-md-6 > .thumbnails-box,
body.body-hotel-management .col-md-3 > .thumbnails-box,
body.body-hotel-management .col-md-6 > .thumbnails-box{background: var(--color-07);}
body.body-animal-welfare .col-md-3 > .thumbnails-box img, body.body-animal-welfare .col-md-6 > .thumbnails-box img{opacity:1;}

body.body-animal-welfare .col-md-3 > .thumbnails-box,
body.body-animal-welfare .col-md-6 > .thumbnails-box{background: var(--color-06);}

section.services-sec-hero {height: 100vh;display: flex;position: relative;overflow: hidden;background:var(--color-06);}
section.services-sec-hero .abh-img {min-width: 100%;min-height: 100%;position: absolute;top: 0%;left: 0%;bottom: 0%;right: 0%;margin: auto;z-index: 9;}
section.services-sec-hero .abh-txt {position: absolute;z-index: 10;}
section.services-sec-hero .abh-overlay {position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
 
body.body-it-courses .abh-txt {bottom: 13vh;right: 10vh;width: calc(25vh + 15vw);}
body.body-hotel-management .abh-txt {top: 20vh;right: 10vh;width: calc(25vh + 25vw);}
body.body-animal-welfare .abh-txt {bottom: 15vh;right: 10vh;width: calc(30vh + 20vw);}
body.body-contact .abh-txt {top: 40%;left:50%;transform:translate(-50%,-50%);width: calc(35vh + 25vw);}


body.body-about .abh-overlay {background: var(--color-06);}
body.body-it-courses .abh-overlay {background: var(--color-02);}
body.body-hotel-management .abh-overlay {background: var(--color-02);}
body.body-animal-welfare .abh-overlay {background: var(--color-02);}
body.body-contact .abh-overlay {background: var(--color-02);}


body.body-animal-welfare .badlav-hone-do,
body.body-contact .badlav-hone-do{border-radius: 15px;}

.why-choose-box{position: relative;display: inline-block;border-radius: 15px;overflow: hidden;}
.why-choose-box .wcb-thumb{background: var(--color-07);border-radius: 15px;overflow: hidden;position: relative;width: 100%;}
.why-choose-box .wcb-thumb img{transition: all 500ms ease-in-out;}
.why-choose-box .wcb-icon{filter: invert(1) brightness(100);width: 50px;/* position: absolute; */margin-bottom: 10px;transition: all 500ms ease-in-out;}
.why-choose-box .wcb-txt{color:var(--color-01);padding: 30px;margin: 0px;position: absolute;bottom: 0px;background: #890c00b0;transition: all 500ms ease-in-out;}
.why-choose-box .wcb-txt p{line-height:1;}
.why-choose-box:hover{transition:all 500ms ease-in-out;}
.why-choose-box:hover .wcb-thumb{transition:all 500ms ease-in-out;}
.why-choose-box:hover .wcb-thumb img{/* opacity:.5; */transform:scale(1.2);transition:all 500ms ease-in-out;}
.why-choose-box:hover .wcb-icon{filter:invert(1) brightness(100);bottom: calc(100% - 120px);transition:all 500ms ease-in-out;}
.why-choose-box:hover .wcb-txt{background: var(--color-07);bottom: 0px;transition:all 500ms ease-in-out;}


section.split-sec-design {position: relative;z-index: 99;}
section.split-sec-design .col-md-6.pr-0 {border-right: 1px solid #ffffff;}
section.split-sec-design .vm-box {color: var(--color-01);padding: 7vh;min-height: 300px;background-size: auto 170% !important;position: relative;overflow: hidden;transition: all 500ms ease-in-out;}
section.split-sec-design .vm-box:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--color-06);z-index: 1;opacity: .75;transition: all 500ms ease-in-out;}
section.split-sec-design .vm-box h2 {color: var(--color-01);position: relative;z-index: 9;max-width: 660px;text-align: left;}
section.split-sec-design .vm-box p {position: absolute;bottom: 50px;max-width: 660px;text-align: left;/* opacity: 0; */z-index: 9;transition: all 500ms ease-in-out;}
section.split-sec-design .vm-box:hover {background-size: auto 190% !important;transition: all 300ms ease-in-out;}
section.split-sec-design .vm-box:hover p {opacity: 1;bottom: 50px;transition: all 500ms ease-in-out;}
section.split-sec-design .vm-box:hover:after {transform: scale(1);opacity: 0.7;transition: all 500ms ease-in-out;}

section.split-sec-design .vm-box.Growing-Demand {background: url("../../it-courses/Growing-Demand.jpg") no-repeat center center;}
section.split-sec-design .vm-box.Empowering-Youth {background: url("../../it-courses/Empowering-Youth.jpg") no-repeat center center;}

section.split-sec-design .vm-box.Thriving-Industry {background: url("../../hotel-management/Thriving-Industry.jpg") no-repeat center center;}
section.split-sec-design .vm-box.Empowering-Futures {background: url("../../hotel-management/Empowering-Futures.jpg") no-repeat center center;}
 

body.body-animal-welfare{}
body.body-animal-welfare ul#pills-tab {display: flex;justify-content: space-between;flex-wrap: nowrap;column-gap: 25px;}
body.body-animal-welfare ul#pills-tab li {width: 100%;}
body.body-animal-welfare ul#pills-tab li button{cursor:pointer;color: var(--color-03);background: #ffffff;border: 1px solid #E5CCF5;width: 100%;padding:15px;}
body.body-animal-welfare ul#pills-tab li button:hover,
body.body-animal-welfare ul#pills-tab li button:focus,
body.body-animal-welfare ul#pills-tab li button.active{background: #E5CCF5;outline: none;}
body.body-animal-welfare .tab-content{padding:100px 0px 50px 0px;}



section.shrem-common-sec {padding-top: 80px;padding-bottom: 80px;position: relative;z-index: 99;background: var(--color-01);}
section.shrem-common-sec h2 {margin-bottom: 20px;}
section.shrem-common-sec .para-box {display: inline-block;text-align: left;padding: 0px 7vh;}
section.shrem-common-sec .para-box p,

section.shrem-common-sec p {max-width: 600px;}


section.shrem-common-sec .stats-box {/* padding: 0px 0px 20px 0px; */}
section.shrem-common-sec .stats-box h3 {color: var(--color-01);font-size: calc(28px + 7vh);line-height: 1;}
section.shrem-common-sec .stats-box p {font-weight: 300;max-width: 280px;}

section.shrem-common-sec .course-list{counter-reset: my-sec-counter;margin: 0px;padding: 0px;list-style-type: none;}
section.shrem-common-sec .course-list li{color: var(--color-06);font-size: 26px;/* font-weight: 400; */padding: 5px 10px 15px 40px;position: relative;}
section.shrem-common-sec .course-list li:before{counter-increment: my-sec-counter;content: "0"counter(my-sec-counter);color: var(--color-04);font-size: 16px;position: absolute;top: 9px;left: 0px;}

section.shrem-common-sec ul.software-list{margin: 0px;padding: 0px;list-style-type: none;display: inline-flex;flex-wrap: wrap;}
section.shrem-common-sec ul.software-list li{/* text-align: center; */position: relative;padding: 10px 0px 25px 0px;width: 160px;}
section.shrem-common-sec ul.software-list li img {margin-bottom: 10px;width: 60px;}
section.shrem-common-sec ul.software-list li p {color: var(--color-06);font-size: 15px;font-weight: 400;line-height: 1.2;}

.blue-font h2,
.blue-font h3,
.blue-font h6,
.blue-font p{color:var(--color-06) !important;}

.logos-border{border-left:1px solid var(--color-06);border-right:1px solid var(--color-06);margin-left: -1px;}


/* fluid 5 columns */
.grid-sizer,
.grid-item { width: 25%; }
/* 2 columns wide */
.grid-item--width2 { width: 40%; }

div#html5-watermark {
    display: none !important;
}

section.shrem-gallery {background: var(--color-06);padding:170px 0px 100px 0px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#191061+0,ffffff+100 */background: linear-gradient(to bottom,  rgba(25,16,97,1) 20%,rgba(255,255,255,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
section.shrem-gallery h1{color:var(--color-01);margin: 0px 0px 50px 0px;text-align: center;}
section.shrem-gallery a{display:inline-block;margin-bottom:30px;border-radius:15px;overflow: hidden;/* transform:scale(.5); */transition:all 500ms ease-in-out;}
section.shrem-gallery a img{transform:scale(1.2);transition:all 500ms ease-in-out;}
section.shrem-gallery a:hover{transition:all 500ms ease-in-out;}
section.shrem-gallery a:hover img{transform:scale(1);transition:all 500ms ease-in-out;}

h1{font-size:54px;}
h2{font-size: 44px;}
h3{font-size: 30px;}
h4{font-size: 26px;}
h5{font-size:21px;}
h6{color: var(--color-04);font-family:'Geologica';font-size: 18px;text-transform:uppercase;margin-bottom: 15px;}

.para-36{font-size:36px;}
.para-30{font-size:30px;}
.para-24{font-size:24px;}
.para-21{font-size:21px;}
.para-18{font-size:18px;}
.para-16{font-size:16px;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 990px) {
	
	.menu-container .overlay .overlay-menu ul li{padding:0px;}
	.menu-container .overlay .overlay-menu ul li a{text-align:right;line-height:1.3;padding:10px 0px 10px 0px;}
	.menu-container .overlay .overlay-menu ul li a:after{height:2px;}
	.menu-container .overlay .overlay-menu ul li li a {font-weight:500;padding: 20px 0px 20px 40px;}
	.menu-container .overlay .overlay-menu ul li li a:after{height:1px;}
	
	.container {max-width: calc(100% - 30px);}
	 

	h1{font-size: calc(20px + 4vw);}
	h2{font-size: calc(20px + 3vw);}
	h3{font-size: calc(16px + 3vw);}
	h4{font-size: calc(16px + 2vw);}
	h5{font-size:24px;}
	h6{font-size: 16px;margin-bottom: 10px;} 

	.para-36{font-size:36px;}
	.para-30{font-size:30px;}
	.para-24{font-size: 21px;}
	.para-21{font-size: 18px;}
	.para-18{font-size:18px;}
	.para-16{font-size:16px;}

	body{font-size:16px;}
	.button_container{top: 15px;right: 15px;border-radius: 0px;}
	.button_container.stickyheader{top: 0;right: 0;transition: all 300ms ease-in-out;}
	.navbar-brand{top: 15px;left: 15px;position: absolute;width: 130px;}

	.menu-container .overlay{padding: 20vh 14px 0vh 15px;align-items: flex-start;}
	.menu-container .overlay.open:after{width: 100%;height: 20vh;}
	.menu-container .overlay .overlay-menu ul li a:before{width:80px;height:80px;}

	section.services-sec-hero .abh-img{min-width: auto !important;width: 150%;height: auto !important;min-height: auto !important;top: inherit;left: -21%;} 
	

	body.body-it-courses .abh-overlay,
	body.body-hotel-management .abh-overlay,
	body.body-animal-welfare .abh-overlay,
	body.body-contact .abh-overlay{background:var(--color-06);}
	
	body.body-it-courses .abh-txt,
	body.body-hotel-management .abh-txt,
	body.body-animal-welfare .abh-txt{top: 18%;left:0;right:0;bottom: inherit;margin:auto;width: calc(100vw - 80px);}
	body.body-contact .abh-txt {top:30%;width: calc(100vw - 50px);}
	
	
	section.services-sec-hero.sec-ms-cit .abh-overlay {background: #010c38 !important;}
	section.services-sec-hero.sec-ms-cit .abh-img {left: -6%;width: 200%;}
	
	
	body.body-hotel-management .abh-overlay{background: #03002e !important;}
	section.services-sec-hero.sec-hotel-management .abh-img {left: -6%;width: 200%;}
	
	
	section.shrem-common-sec{padding-top: 50px;padding-bottom: 50px;border-bottom: 1px solid var(--color-10);}
	section.shrem-common-sec .para-box{padding: 0px;}
	section.shrem-common-sec h2{margin-bottom:20px;}
	section.shrem-common-sec h2 br{display:none;}
	
	section.shrem-common-sec .course-list{padding-bottom: 20px;margin-bottom:30px;border-bottom:1px solid #cccccc;}
	section.shrem-common-sec .course-list li{font-size: 20px;padding: 5px 10px 10px 40px;}
	section.shrem-common-sec .course-list li:before{font-size: 14px;top: 7px;}
	section.shrem-common-sec ul.software-list li{width: 50%;text-align: left;}
	section.shrem-common-sec ul.software-list li p{font-size:14px}
	
	section.shrem-common-sec .stats-box{padding: 20px 0px 10px 0px !important;text-align: left !important;border-bottom: 1px solid var(--color-05);}
	section.shrem-common-sec .stats-box h3{font-size: calc(21px + 6vh);line-height: 1;}
	section.shrem-common-sec .stats-box p{margin-left:0px!important;margin-right:0px !important;}
	section.shrem-common-sec.bg-13 .col-md-5.offset-md-1 {padding-top: 25px;padding-bottom: 25px;}

	section.shrem-common-sec ul.software-list{padding-top: 20px;margin-top: 30px;border-top: 1px solid #cccccc;}
	
	
	section.split-sec-design{}
	section.split-sec-design .col-md-6{padding:0px 15px !important;}
	section.split-sec-design .col-md-6.pr-0 {border-bottom: 1px solid #ffffff;margin-bottom: 3px  !important;}
	section.split-sec-design .col-md-6.pl-0 > div{top: -2px;}
	section.split-sec-design .vm-box{padding: 50px 30px;min-height: 350px;background-size: auto 102% !important;}
	section.split-sec-design .vm-box h2{max-width:100%;bottom: 0px;left: 0;position: relative;}
	section.split-sec-design .vm-box p{width: calc(100% - 60px);max-width: calc(100% - 60px);bottom: 30px;/* left: 0; *//* position: relative; */}
	section.split-sec-design .vm-box p br{display:none;}
	section.split-sec-design .vm-box:hover{background-size: auto 130% !important;}
	
	section.about-sec-hero .abh-txt{}
	
	section.shrem-common-sec.bg-12.blue-font .col-md-12 > .row {margin: 0px;}
	
	
	.row.mt-5.mb-5{margin-top: 20px !important;margin-bottom: 20px !important;}
	
	.why-choose-box{margin-bottom:30px;display: block;}
	.why-choose-box .wcb-icon{width:60px;margin-right: 15px;/* margin-bottom: 0px; */}
	.why-choose-box .wcb-txt p{line-height:1.3;margin-bottom:5px;}
	.why-choose-box .wcb-thumb{max-height:440px;min-height: 320px;}
	.why-choose-box .wcb-thumb img{width: auto;height: auto;min-width: 100%;min-height: 100%;position: absolute;top: 50%;left: 50%;transform: scale(1.02) translate(-50%, -50%);}
	.why-choose-box:hover .wcb-thumb img{transform: scale(1.2) translate(-50%,-50%);}
	.why-choose-box .wcb-txt{padding:15px 20px;display: flex;align-items: center;}
	body.body-animal-welfare ul#pills-tab {display: flex;flex-direction: column;row-gap: 15px;}
	body.body-animal-welfare .tab-content{padding:0px;}
	
	section.shrem-common-sec.bg-09.footer-box-shadow{}	
	section.shrem-common-sec.bg-09.footer-box-shadow h2{text-align:center;margin-bottom:30px !important;}
	
	.logos-wrapper{margin: 20px 0px 0px 0px;}
	.logos-border{padding: 15px;border-top: 1px solid var(--color-06);border-left: 1px solid var(--color-06);border-bottom: 1px solid var(--color-06);border-right: 1px solid var(--color-06);}
	.logos-border h4{font-size: 18px;}
	
	
	section.shrem-gallery .container { max-width: 100% !important;}
		
	.grid-sizer, .grid-item { width: 50%;}
	
	section.shrem-gallery{padding:140px 0px 60px 0px}
	section.shrem-gallery h1{margin-top: 0px;margin-bottom:30px;}
	section.shrem-gallery a{margin-bottom:15px;}
	
	
	footer{}
	footer .top-footer{padding:0px 0px 30px 0px ;}
	footer ul.quicklinks{display: flex;flex-direction: column;}
	
	.footer-content{padding: 10px 0px 30px 0px;margin-bottom: 30px;display: block;border-bottom: 1px solid var(--color-10);}
	.badlav-hone-do{padding: 40px 30px 40px 30px;}

	ul.privacy_list{margin: 6px 0px;}
	ul.privacy_list li{padding: 0px 10px;}
	ul.privacy_list li:nth-child(2){border-left:1px solid #ccc;}

	footer .sub-footer .row.text-center.text-md-right.m-0 {margin-top: 5px !important;display: inline-flex !important;}
	.flip-container2, .front2, .back2{top: 2px;}

}
 
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	 
	

}


@media only screen and (min-width : 1280px) { 

	div#navbarSupportedContent {margin: auto !important;display: inline-block !important;text-align: right;float: right;}
	div#navbarSupportedContent > ul{float: right;}

} 
/* Large screens ----------- */
@media only screen and (min-width : 1024px) and (max-width : 1440px) { 
 
} 
 
@media screen and (min-width: 1280px) and (max-width: 1366px)
{ 
/*
	.container{max-width:1280px;}
	body{font-size:16px;}
	h1{font-size:54px;}
	h2{font-size: 44px;}
	h3{font-size: 30px;}
	h4{font-size: 26px;}
	h5{font-size:24px;}
	h6{font-size:21px;} */

} 

 
 

@media screen and (min-width: 1441px) and (max-width: 1799px) {

	
	/*.container{max-width: 1440px;}*/
}

/* Large screens ----------- */
@media only screen and (min-width : 1660px) {
	
	.container.c_w1140{max-width: 1440px;}
	
} 

/* Large screens ----------- */
@media only screen and (min-width : 900px) and (max-width : 1920px) {
	
	/*.container{max-width: calc(100% - 140px);}*/
	.container{max-width: calc(100% - 12vh);}
	
}