@charset "utf-8";
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
@font-face {
font-family: 'poppinsmedium';
src: url('../fonts/poppins-medium-webfont.woff2') format('woff2'),
url('../fonts/poppins-medium-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latobold';
src: url('../fonts/lato-bold-webfont.woff2') format('woff2'),
url('../fonts/lato-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latolight';
src: url('../fonts/lato-light-webfont.woff2') format('woff2'),
url('../fonts/lato-light-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latolight_italic';
src: url('../fonts/lato-lightitalic-webfont.woff2') format('woff2'),
url('../fonts/lato-lightitalic-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latoregular';
src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),
url('../fonts/lato-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;}
body,
html {
height: 100%;
width: 100%;
font-family: "Exo 2", sans-serif;
color: #111;
font-size: 15px;
line-height: 1.7em;
background:url(../images/body-bg.jpg) no-repeat top fixed;
background-size:cover;
}
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 9999999;
}
#status {
width: 100px;
height: 100px;
position: absolute;
left: 50%;
top: 50%;
background-image: url(../images/preloader.gif);
background-repeat: no-repeat;
background-position: center;
margin: -50px 0 0 -50px;
}
h1,
h2,
h3,
h5 {
color: #595959;
}
.container {
position: relative;
}
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
.msgContainer {
padding: 80px 15px;
}
.msgContainer-inner {
color: #fff;
border-radius: 15px;
padding: 20px;
max-width: 500px;
margin: 0 auto;
background: #000;
background: rgba(0, 0, 0, 0.2);
zoom: 1;
}
.msgContainer-inner h1 {
margin-top: 0;
}
.msgContainer-inner:nth-child(n) {
filter: none;
}
.btn-outline {
background-color: #fff;
border-color: #018dc8;
color: #018dc8;
}
.btn-outline:hover {
background-color: #fff;
border-color: #036791;
color: #036791;
}
.arial {
font-family: Arial, Helvetica, sans-serif;
}
a,
a:active,
a:focus,
a:hover {
color: #595959;
outline: 0;
text-decoration: none;
}
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -45px;
}
.page {
min-height: 600px;
}
.push {
height: 50px;
display: block;
}
.btn-primary {
color: #fff;
background-color: #00923f;
border-color: #00923f;
font-weight: 600;
}
.btn-primary-rnd {
padding: 10px 40px;
border-radius: 50px;
background-color: #00923f;
border-color: #00923f;
color: #fff;
text-transform: uppercase;
font-size: 16px;
}
.btn-primary-lite {
color: #202c74;
background-color: #80d1f4;
border-color: #80d1f4;
font-weight: 600;
}
.bg-grad {
background: #5a8e47;
background: -moz-linear-gradient(left, #5a8e47 0, #11a6dd 100%);
background: -webkit-linear-gradient(left, #5a8e47 0, #11a6dd 100%);
background: linear-gradient(to right, #5a8e47 0, #11a6dd 100%);
}
.btn-primary-rnd:active,
.btn-primary-rnd:focus,
.btn-primary-rnd:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
color: #fff;
background-color: #00923f;
border-color: #00923f;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
}
.btn-primary-lite:active,
.btn-primary-lite:focus,
.btn-primary-lite:hover {
color: #202c74;
background-color: #fff;
border-color: #fff;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #07ab44;
border-color: #07ab44;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
}
.bg-light-blue {
background: #5bc5f2;
}
.bg-lightgrey,
.half-gradient {
background: #f2f2f2;
}
.half-gradient {
padding: 5rem 0;
position: relative;
}
.half-gradient::before {
background: url(../images/gradient-bg.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
content: "";
display: block;
width: 100%;
height: 600px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.curve-box {
position: relative;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.curve-box::after,
.curve-box::before {
content: "";
display: block;
width: 100%;
height: 40px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
left: 0;
right: 0;
z-index: 9 !important;
}
.curve-top.curve-box::before {
background-image: url(../images/white-curve-bottom.png);
top: -60px;
}
.curve-btm.curve-box::after {
background-image: url(../images/white-curve-top.png);
bottom: -110px;
}
.curve-grey-btm.curve-box::after {
background-image: url(../images/white-curve-top.png);
bottom: -110px;
}
.mainfooter .curve-btm.curve-box::after {
bottom: -30px;
}
.mainfooter {
background: #f1f2f4;
}
.iconColumn {
display: flex;
flex-direction: row;
padding: 0 0;
}
.iconColumn .leftIcon {
width: 50px;
height: 50px;
border-radius: 50%;
border: 4px solid #9cc713;
background: #333;
color: #00923f;
font-size: 30px;
line-height:40px;
text-align: center;
margin-right: 30px;
}
.iconColumn .leftIcon.lightBlue {
color: #00923f; background:none;
}
.iconColumn .leftIcon.mediumBlue {
background:none
}
.iconColumn .leftIcon.darkBlue {
background:none
}
.iconColumn .rightText {
width: calc(100% - 150px);
}
.iconColumn .rightText h4 {
font-family: "Exo 2", sans-serif;
font-size: 25px;
font-weight: 600;
color: #00923f;
border-bottom: 2px solid #008d35;
width: 100%;
padding-bottom: 10px;
margin-bottom: 10px;
position: relative;
}
/*.iconColumn .rightText h4::before {
content: "";
display: block;
width: 16px;
height: 16px;
background: rgba(222, 216, 211, 0.5);
left: calc(100% - 7px);
bottom: -9px;
border-radius: 50%;
position: absolute;
}*/
/*.iconColumn .rightText h4::after {
content: "";
display: block;
width: 6px;
height: 6px;
background: #7ccff2;
bottom: -4px;
left: calc(100% - 2px);
border-radius: 50%;
position: absolute;
}*/
.iconColumn .rightText strong {
font-family: "Exo 2", sans-serif;
font-size: 18px;
font-weight: 600;
color: #626469;
}
.iconColumn-full {
display: flex;
flex-direction: row;
padding: 0 0 5rem 0;
text-align: center;
display: block;
}
.iconColumn-full .leftIcon {
width: 100px;
height: 100px;
border-radius: 50%;
border: 4px solid #e5e2e0;
background: #333;
color: #fff;
font-size: 40px;
line-height: 90px;
text-align: center;
margin-right: 30px;
}
.iconColumn-full .leftIcon.lightBlue {
background: #00923f;
}
.iconColumn-full .leftIcon.mediumBlue {
background: #5982bd;
}
.iconColumn-full .leftIcon.darkBlue {
background: #00923f;
text-align: center;
margin: 0 auto;
}
.iconColumn-full .rightText {
margin-top: 15px;
}
.iconColumn-full .rightText h4 {
font-family: "Exo 2", sans-serif;
font-size: 25px;
font-weight: 600;
color: #00923f;
border-bottom: 2px dashed rgba(148, 135, 126, 0.33);
width: 100%;
padding-bottom: 20px;
margin-bottom: 20px;
position: relative;
}
.iconColumn-full .rightText strong {
font-family: "Exo 2", sans-serif;
font-size: 18px;
font-weight: 600;
color: #626469;
}
.footerSkybg {
background: #00923f;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
color: #fff;
padding:15px 0;
}
.list-inline {
padding: 0;
margin: 0;
display: block;
list-style: none;
}
.list-inline li {
display: inline-block;
}
.social-media-ftr {
margin: 30px auto 60px;
text-align: center;
}
.social-media-ftr li a {
font-size: 24px;
background: 0 0;
color: #fff;
width: 60px;
height: 60px;
line-height: 58px;
margin-right: 20px;
text-align: center;
display: block;
border-radius: 50%;
border: 2px solid #44639f;
}
.social-media-ftr li a:hover {
background: #00923f;
border-color: #00923f;
}
.footer-links {
display: flex;
flex-direction: row;
justify-content: space-around;
}
.footer-links li {
padding: 10px 0;
text-align: center;
position: relative;
}
.view-map-btn {
margin: 5rem auto 10rem;
text-align: center;
display: inline-block;
font-size: 15px;
color: #666269;
border-bottom: 2px dotted #4d306e;
position: relative;
}
.view-map-btn::before {
content: "";
display: block;
width: 1px;
height: 60px;
left: calc(50% - 1px);
top: 50px;
border-right: 2px dashed #d5d6d9;
position: absolute;
}
.view-map-btn:after {
content: "";
display: block;
width: 6px;
height: 6px;
background: #d5d6d9;
top: 112px;
left: calc(50% - 3px);
border-radius: 50%;
position: absolute;
}
.header-top {
display: flex;
justify-content: flex-end;
align-items: center;
}
.header-top li .dropdown-menu{padding:0 !important}
.header-top li {
margin: 5px 30px 5px 0;
}
.header-top li a {
color: #393939;
font-size: 12px;
font-family: 'Raleway', sans-serif;
font-weight: 300;
background:#fff;
padding:8px;
border-radius:5px;
border:#CCC 1px solid;
}
.header-top li a.mail {
color: #000;
font-size: 15px;
font-family: 'Raleway', sans-serif;
font-weight: 500;
padding:8px;
background:none;
border:none;
}
.header-top li .dropdown-menu a {
background:none !important; border:none;
}
.header-top li a.dropdown-item:hover {
background:#00923f !important;
}
.lngdropdown {
background: 0 0;
}
.navWrapper .header-top li a {
color: #2f377a;
}
.header-top li a .fa {
font-size: 16px;
margin-right: 5px;
color: #00923f;
}
.header-top li .search-form .form-control {
background: 0 0;
color: #fff;
border: 1px solid #fff;
border-radius: 30px;
height: 30px;
}
.navWrapper .header-top li .search-form .form-control {
color: #2f377a;
border: 1px solid #2f377a;
}
.search-form {
position: relative;
}
.search-form .btn-outline-primary {
position: absolute;
top: 3px;
right: 10px;
border: none;
padding: 0;
color: #fff;
}
.navWrapper .search-form .btn-outline-primary {
color: #2f377a;
}
.white-pc::-webkit-input-placeholder {
color: #00923f;
}
.white-pc:-moz-placeholder {
color: #00923f;
opacity: 1;
}
.white-pc::-moz-placeholder {
color: #00923f;
opacity: 1;
}
.white-pc:-ms-input-placeholder {
color: #00923f;
}
input[type="search"].white-pc::-webkit-search-cancel-button {
-webkit-appearance: none;
height: 13px;
width: 13px;
background: url("data:image/svg+xml;charset=UTF-8,%3csvg viewPort='0 0 12 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='1' y1='11' x2='11' y2='1' stroke='white' stroke-width='2'/%3e%3cline x1='1' y1='1' x2='11' y2='11' stroke='white' stroke-width='2'/%3e%3c/svg%3e");
}
.shareIcons li a {
padding: 10px;
color: #666;
}
.shareIcons li a:hover {
color: #008229;
}
/*.homepage {
background: #f1f2f4;
}*/
.navWrapper {
background: #fff;
padding: 10px 0;
}
.navWrapper-hm {
background: 0 0;
position: relative;
left: 0;
right: 0;
z-index: 99999 !important;
}
.navWrapper-hm.sticky {
width: 100%;
position: fixed;
top: 0;
background: #fef2b5;
padding: 5px 0;
z-index: 10000;
}
.navWrapper.sticky {
width: 100%;
position: fixed;
top: 0;
padding: 5px 0;
background: #fff;
z-index: 10000;
}
.logo {
width: 190px;
max-width: 100%;
display: block;
margin:10px 0;
}
.navWrapper-hm.sticky .logo,
.navWrapper.sticky .logo {
width: 115px;
}
.navWrapper-hm.sticky .navbar-nav{ margin:10px 0 0 0;}
.logo svg {
width: 100%;
}
.navbar-light .navbar-nav .nav-link {
color: #111;
padding: 0.5rem 1.265rem;
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
font-weight:500;
font-size: 16px;
}
.navWrapper-hm.sticky .navbar-light .navbar-nav .nav-link,
.navWrapper.sticky .navbar-light .navbar-nav .nav-link {
font-size: 14px;
}
.navWrapper .navbar-light .navbar-nav .nav-link {
color: #1d2362;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .show > .nav-link {
color: #008d35;
}
.dropdown-menu {
background: #00923f;
color: #fff;
margin:0 !important;
padding:0 !important;
}
.dropdown-item {
color: #fff !important;
background-color: #00923f;
padding: 0.25rem 1rem;
}
.heading-item {
font-size: 18px;
font-weight: 600;
background: #00923f;
color: #00923f !important;
border-top: #fff #fff 1px;
}
.dropdown-item:focus,
.dropdown-item:hover {
color: #fff !important;
text-decoration: none;
background-color: #008e35;
}
.custom-select {
display: inline-block;
width: 100%;
height: calc(2.25rem + 2px);
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
background-size: auto;
background-size: 8px 10px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: 0 0;
border: none;
color: #fff;
}
.rightfltbtn{ position: fixed; left:0; top:50%; z-index:9999}
.justify-content-center .btn-lg{display:none;}
@media (min-width: 992px) {
.eulogo{position:absolute; top:15%; left:10%; width:90px; height:auto;}
.navbar-brand {
display: none;
}
.eulogo{top:5%; left:0%; }
.eulogo img{width:80px;}
.dropdown-menu .dropdown-toggle:after {
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
.dropdown:hover > .dropdown-menu {
display: block;
background:#00923f;
}
.dropdown > .dropdown-toggle:active {
pointer-events: none;
}
.dropdown-menu .dropdown-menu {
margin-left: 0;
margin-right: 0;
}
.dropdown-menu li {
position: relative;
}
.nav-item .submenu {
display: none;
position: absolute;
left: 100%;
top: -7px;
}
.nav-item .submenu-left {
right: 100%;
left: auto;
}
.dropdown-menu > li:hover {
background-color: #f1f1f1;
}
.dropdown-menu > li:hover > .submenu {
display: block;
}
.dropdown-menu.mega-dropDown {
top: 36px;
}
.navbar-nav{margin-top:25px;}
}
@media (max-width: 991.98px) {
.eulogo{position:absolute; top:15%; left:27%; width:90px; height:auto;}
ul.subdropdown.mega-dropDown {
display: none;
}
.heading-item:after {
content: "\002B";
color: #fff;
font-weight: 700;
float: right;
margin-left: 5px;
}
.activenav:after {
content: "\2212";
}
}
#nav-icon3 {
width: 50px;
height: 40px;
position: relative;
margin: 0;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
}
#nav-icon3 span {
display: block;
position: absolute;
height: 6px;
width: 100%;
background: #00923f;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
.navWrapper #nav-icon3 span {
background: #1d2362;
}
#nav-icon3 span:nth-child(1) {
top: 0;
}
#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
top: 14px;
}
#nav-icon3 span:nth-child(4) {
top: 28px;
}
#nav-icon3.open span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}
#nav-icon3.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}
.navbar-toggler {
border: none;
}
.herobanner-carousel {
position: relative;
/*border-top:8px solid #00923f;
border-bottom:8px solid #00923f;*/
}
.herobanner-item {
position: relative;
}
.herobanner-item::before,.herobanner-item::after { margin:0}
/*.herobanner-item::before {
content: "";
display: block;
width: 100%;
height: 40px;
background: url(../images/banner-curve.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
bottom: -3px;
left: 0;
right: 0;
z-index: 99999 !important;
}*/
.owl-carousel .herobanner-item img {
width: 100%;
}
.herobanner-caption {
position: absolute;
left: calc(50% - 480px);
top: calc(60% - 120px);
color: #00923f;
width: 450px;
text-align: left;
font-family: "Exo 2", sans-serif;
font-weight: 300;
font-size: 14px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.herobanner-caption h4 {
font-size: 44px;
font-weight: 200;
margin-bottom: 20px;
text-transform: capitalize;
font-weight:800;
}
.herobanner-caption p {
width: 270px;
line-height: 1.2;
color:#393939; font-weight:bold;
}
.herobanner-caption .btn-primary {
padding: 10px 10px;
background: #008229;
color: #fff;
font-size: 16px;
border:none;
}
.herobanner-carousel .owl-next span,
.herobanner-carousel .owl-prev span {
position: absolute;
top: calc(50% - 60px);
right: 2%;
font-size: 44px !important;
background: 0 0 !important;
color: #00923f !important;
/*width: 60px;
height: 60px;*/
line-height: 48px;
text-align: center;
/* border-radius: 50%;
border: 2px solid #44639f !important;*/
}
.herobanner-carousel .owl-prev span {
right: auto;
left: 2%;
}
/*.herobanner-carousel .owl-next span::before,
.herobanner-carousel .owl-prev span::before {
content: "";
display: block;
width: 0;
height: 1px;
border-top: 1px dashed rgba(255, 255, 255, 0.5);
position: absolute;
top: 30px;
left: -64px;
opacity: 0;
transition: all 1s;
}
.herobanner-carousel .owl-prev span::before {
right: -64px;
left: auto;
}
.herobanner-carousel .owl-next span::after,
.herobanner-carousel .owl-prev span::after {
content: "";
display: block;
width: 0;
height: 8px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.5);
position: absolute;
top: 26px;
left: -74px;
opacity: 0;
}
.herobanner-carousel .owl-prev span::after {
right: -74px;
left: auto;
}
.herobanner-carousel .owl-next span:hover::before,
.herobanner-carousel .owl-prev span:hover::before {
opacity: 1;
width: 60px;
}
.herobanner-carousel .owl-next span:hover::after,
.herobanner-carousel .owl-prev span:hover::after {
opacity: 1;
width: 8px;
}*/
.welcome{background:rgba(255,255,255,.4); padding:18px; color:#111;}
.quality{background:#00923f; padding:18px; color:#fff; font-size:18px; min-height:275px;}
.vision-hm{background:#00923f; padding:18px; color:#fff; min-height:275px;}
.innerbanner {
position: relative;
}
.inrBnrCaption {
position: absolute;
top: calc(50% - 150px);
right: 0;
display: block;
width: 100%;
}
.inrBnrCaption.cap-center {
top: calc(50% - 70px);
right: 0;
left: 0;
text-align: center;
}
.inrBnrTitle {
font-family: "Exo 2", sans-serif;
font-weight:800;
text-transform: capitalize;
font-size: 50px;
color: #008229;
text-align: right;
}
.inrBnrCaption.cap-center .inrBnrTitle {
text-align: center;
}
.bx-wrapper .bx-viewport {
background: 0 0;
border: none;
box-shadow: none;
left: 0;
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(../images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
.bx-wrapper .bx-prev {
left: 10px;
background: url(../images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(../images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
.bannerContainer {
position: relative;
width: 100%;
float: left;
margin: 0;
display: none;
padding: 0;
}
.no-js .bannerContainer {
display: block;
}
#bannerSlides li img {
width: 100%;
}
.bannerContainer .bx-wrapper {
margin: 0 auto;
position: relative;
}
.bnrCaption {
position: absolute;
display: block;
left: 0;
bottom: 50px;
text-align: center;
}
.bnrCaption span {
background: #eeca6c;
padding: 10px 20px;
text-transform: capitalize;
font-weight: 400;
color: #fff;
font-family: montserratregular, sans-serif;
font-size: 24px;
border-radius: 5px;
}
#bannerSlides {
margin: 0;
padding: 0;
}
.bannerContainer .bx-wrapper .bx-pager {
position: absolute;
right: 0;
left: 0;
bottom: 5px;
z-index: 4;
text-align: center;
font-size: 0.85em;
font-family: Arial;
font-weight: 700;
color: #666;
}
.bannerContainer .bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bannerContainer .bx-wrapper .bx-pager .bx-pager-item {
display: inline-block;
}
.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a {
text-indent: -9999px;
display: block;
width: 12px;
height: 12px;
border: 2px solid #fff;
margin: 0 5px;
outline: 0;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a.active,
.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a:hover {
background: #fff;
}
#bNext a,
#bPrev a {
outline: 0;
text-decoration: none;
font-size: 25px;
color: #111;
position: absolute;
top: 40%;
right: 10px;
background: #fff;
width: 35px;
height: 35px;
display: block;
line-height: 35px;
text-align: center;
border: 1px solid #dfdfdf;
border-radius: 4%;
}
#bPrev a {
left: 10px;
}
#bNext a:hover,
#bPrev a:hover {
border: 1px solid #dda849;
}
.bxslider-pager-wrapper > .bx-wrapper > .bx-viewport {
height: 210px !important;
}
.bnrCaption2 {
position: absolute;
display: block;
left: 6%;
bottom: 5%;
text-align: center;
width: 60%;
text-align: left;
}
.bnrCaption2 h1 {
font-size: 50px;
font-weight: 700;
color: #fff;
display: block;
line-height: 2em;
}
.bnrCaption2 p {
color: #fff;
font-size: 16px;
}
.social-media-wrap {
background: #e3e5e8;
padding: 5rem 0 8rem;
position: relative;
}
.social-media-wrap::before {
content: "";
display: block;
width: 100%;
height: 40px;
background: url(../images/curve-top.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 9 !important;
}
.social-media-wrap::after {
content: "";
display: block;
width: 100%;
height: 40px;
background: url(../images/latest-news-curve.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
bottom: -3px;
left: 0;
right: 0;
z-index: 9 !important;
}
.latest-news-hm {
padding: 2rem 0;
background: #f1f2f4;
}
.latest-news-hm .tile-three .owl-dots,
.latest-news-hm .tile-three .owl-nav,
.testimonial .tile-three .owl-nav {
display: none;
}
.steps-wrap {
margin: 5rem auto;
}
.steps-wrap .owl-nav {
display: none;
}
.steps-wrap .owl-dots {
display: block;
margin-top: 3rem;
}
.steps-wrap .owl-dots .owl-dot span {
background: rgba(0, 0, 0, 0.1);
}
.steps-wrap .owl-dots .owl-dot.active span,
.steps-wrap .owl-dots .owl-dot:hover span {
background: #008229;
}
.steps-title,
a.card .h3 {
color: #333;
font-size: 22px;
font-weight: 700;
}
a.card:hover .h3 {
color: #008229;
}
a.card p.card-text {
margin-bottom: 10px;
}
a.card .card-content {
min-height: 200px;
}
.steps-link {
color: #666;
font-size: 15px;
font-weight: 700;
padding-bottom: 5px;
border-bottom: 2px solid transparent;
}
.steps-link:hover {
color: #008229;
border-bottom: 2px solid #008229;
}
.card-icon {
width: 120px;
height: 120px;
border-radius: 50%;
margin: 20px auto;
text-align: center;
line-height: 120px;
font-size: 60px;
color: #fff;
background: #2f377a;
}
.card-top {
position: relative;
}
.card-bars {
position: absolute;
right: -10px;
top: 10px;
background: #7ccff2;
padding: 5px 20px 5px 10px;
color: #fff;
text-transform: uppercase;
font-family: "Exo 2", sans-serif;
}
.card-img {
height: 0;
padding-bottom: 68.66%;
overflow: hidden;
}
.card-header-dt {
display: flex;
padding: 1rem;
}
.card-date {
width: 60px;
background: #00923f;
color: #fff;
text-align: center;
display: inline-block;
margin-right: 1rem;
}
.date-day {
font-family: "Exo 2", sans-serif;
font-size: 28px;
font-weight: 500;
display: block;
height: 60px;
line-height: 60px;
background: rgba(255, 255, 255, 0.1);
}
.date-month {
height: 40px;
line-height: 40px;
display: block;
font-weight: 600;
text-transform: uppercase;
}
.latest-news-hm .card {
border-radius: 0;
}
.latest-news-hm .card-title-dt {
display: inline-block;
width: calc(100% - 80px);
min-height: 100px;
border-bottom: 2px solid #dedede;
}
.latest-news-hm .card-title-dt h3 {
font-family: "Exo 2", sans-serif;
font-size: 21px;
font-weight: 500;
}
.latest-news-hm .card-content {
min-height: 304px;
position: relative;
}
.latest-news-hm .card-footer {
padding: 1.675rem 1.25rem;
background: #f1f2f4;
border-top: 2px dashed rgba(148, 135, 126, 0.33);
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-radius: 0;
}
.latest-news-hm .card-link {
border-bottom: 2px dotted;
}
.latest-news-hm .card-link .fa {
color: #00923f;
}
.contact-form-bg {
background: #f1f2f4;
padding: 5rem 0;
}
.contact-form-icn .input-group {
margin-bottom: 30px;
}
.contact-form-icn .form-control {
height: 50px;
border-radius: 0;
background: #f1f2f4;
border-color: #d2d2dd;
border-left: 0;
}
.contact-form-icn .textarea-group textarea.form-control {
height: auto;
padding-top: 20px;
}
.contact-form-icn .input-group-text {
width: 50px;
border-radius: 0;
text-align: center;
justify-content: center;
background: #e6e8ec;
border-color: #d2d2dd;
border-right: 0;
font-size: 16px;
color: #00923f;
}
.contact-form-icn .textarea-group .input-group-text {
align-items: flex-start;
padding-top: 20px;
}
.contact-form-icn p.withBr {
font-weight: 700;
font-size: 15px;
margin: 40px 0 30px;
padding-bottom: 30px;
border-bottom: 1px dashed rgba(148, 135, 126, 0.33);
}
.contact-form-icn .btn-primary {
display: block;
width: 100%;
height: 50px;
text-align: center;
font-family: "Exo 2", sans-serif;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
position: relative;
border-radius: 0;
padding: 0.375rem 0.75rem 0.375rem 3.4rem;
}
.contact-form-icn .btn-primary span {
position: absolute;
left: -1px;
top: -1px;
height: 50px;
width: 50px;
line-height: 50px;
background: #008d35;
}
.contact-form-icn .btn-primary:active span,
.contact-form-icn .btn-primary:focus span,
.contact-form-icn .btn-primary:hover span {
background: #07ab44;
}
.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child){font-family: "Exo 2", sans-serif;
font-size: 16px;
font-weight: 600;
color:#989898}
.hover-image {
position: relative;
margin-bottom: 1rem;
overflow: hidden;
}
.card-text-hover {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background:rgba(0,0,0,.5);
color: #fff;
width: 100%;
padding: 1rem;
transform: translateY(80px);
opacity: 0;
height:100%;
padding:20% 0;
text-align:center;
}
.ourFaculty .card-text-hover {
width: 100%;
background: rgba(0, 0, 0, 0.5);
padding: 10px;
text-align: center;
line-height: 1;
}
.card-text-hover .h4 {
font-size: 28px;
font-weight: 800;
font-family: 'Raleway', sans-serif;
text-align:center;
}
.card-text-icon {
background: #008229;
color: #fff;
position: absolute;
top: 0;
right: -52px;
width: 20%;
height: 100%;
text-align: center;
font-size: 21px;
vertical-align: middle;
display: flex;
justify-content: center;
align-items: center;
}
.card-text-hover:hover {
color: #fff;
}
.hover-image:hover .card-text-hover {
transform: translateY(0);
opacity: 1;
}
.fence-thumbnail {
background: #919393;
padding: 5px;
margin-bottom: 20px;
display: table;
}
.exo-lt::-webkit-input-placeholder {
color: #989898;
font-family: "Exo 2", sans-serif;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.exo-lt:-moz-placeholder {
color: #989898;
opacity: 1;
font-family: "Exo 2", sans-serif;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.exo-lt::-moz-placeholder {
color: #989898;
opacity: 1;
font-family: "Exo 2", sans-serif;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.exo-lt:-ms-input-placeholder {
color: #989898;
font-family: "Exo 2", sans-serif;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.input-group-text{color:#00923f;}
.fence-shadow {
webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.37);
-moz-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.37);
box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.37);
}
.bg-dark {
background: #333;
}
.zoomWindow {
top: 0 !important;
left: auto !important;
right: 0 !important;
width: 400px !important;
height: 320px !important;
}
.no-gutter,
.no-gutter > [class*="col-"] {
padding-left: 0;
padding-right: 0;
}
.no-gutter-sm,
.no-gutter-sm > [class*="col-"] {
padding-left: 8px;
padding-right: 8px;
}
.no-gutter-mrg,
.no-gutter-mrg > [class*="col-"] {
margin-left: 0;
margin-right: 0;
}
.fancybox-overlay {
z-index: 1024 !important;
}
.title-hm {
margin: 50px auto 70px;
text-align: center;
}
.title-hm h3 {
font-family: 'Raleway', sans-serif;
font-size: 35px;
font-weight: 800;
text-transform: capitalize;
color: #00923f;
margin-bottom: 10px;
}
.title-hm h4 {
font-family: 'Raleway', sans-serif;
font-size: 30px;
font-weight: 500;
text-transform: capitalize;
color: #00923f;
margin-bottom: 10px;
}
.title-hm p {
font-family: "Exo 2", sans-serif;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
color: #008229;
margin-bottom: 0;
}
.title-hm p.cptblack {
font-family: 'Raleway', sans-serif;
font-size: 28px;
font-weight: 600;
color: #414141;
text-transform: none;
margin-bottom: 20px;
}
.bar-sm {
width: 60px;
height: 1px;
background: #008229;
display: inline-block;
}
.dots-3 {
width: 5px;
height: 5px;
border-radius: 50%;
background: #00923f;
position: relative;
display: inline-block;
}
.dots-3::after,
.dots-3::before {
content: "";
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
background: #00923f;
position: absolute;
left: -14px;
top: 0;
}
.dots-3.orangeBg {
background: #e4562e;
}
.dots-3.orangeBg::after,
.dots-3.orangeBg::before {
background: #e4562e;
}
.title-hm span::after {
left: auto;
right: -14px;
}
.title1 {
font-family: "Exo 2", sans-serif;
font-size: 35px;
margin-bottom: 30px;
text-align: center;
}
.title {
font-family: "Exo 2", sans-serif;
font-size: 25px !important;
margin-bottom: 15px;
font-weight:bold;
text-transform:uppercase;
}
.sub-tile h4 {
text-align: center;
}
.sub-tile h4 a{
font-family: "Exo 2", sans-serif;
font-size: 18px !important;
justify-content: center;
text-align: center;
font-weight:bold;
color:#008229;
text-transform:uppercase;
text-align: center;
}
.hmtitle{ font-family: "Exo 2", sans-serif;
font-size: 30px !important;
margin-bottom: 15px;
font-weight:bold;
color:#008229;
text-transform:uppercase;}
.title span.green {
color: #00923f;
font-weight: 700;
}
.title span.blue {
color: #179ccd;
font-weight: 400;
}
.subtitle {
font-family: "Exo 2", sans-serif;
font-size: 33px !important;
margin-bottom: 15px;
color: #00923f !important;
font-weight: 700;
}
.subtitle span {
border-bottom: 5px solid #00923f;
}
.subsubtitle {
font-family: "Exo 2", sans-serif;
font-size: 21px !important;
margin-bottom: 15px;
color: #089acd !important;
font-weight: 700;
}
.testititle {
font-family: "Exo 2", sans-serif;
font-size: 40px !important;
}
.title_inner {
font-family: "Exo 2", sans-serif;
font-size: 28px !important;
margin-bottom: 20px;
font-weight: 500;
}
.subtitle_inner {
font-family: "Exo 2", sans-serif;
margin: 30px 0 30px;
font-size: 35px !important;
}
.subtitle_inner span {
border-bottom: 5px solid #00923f;
}
.text-lite {
font-weight: 300;
}
.text-normal {
font-weight: 400;
}
.text-medium {
font-weight: 500;
}
.text-semibold {
font-weight: 600;
}
.text-bold {
font-family: "Exo 2", sans-serif;
}
.text-extrabold {
font-weight: 800;
}
.text-white {
color: #fff;
}
.text-black {
color: #25363d;
}
.text-green {
color: #00923f;
font-weight: 700;
}
.text-blue {
color: #00923f;
}
.text-blue a {
color: #00923f !important;
}
.text-blue a:hover {
color: #00923f !important;
}
.text-primary {
color: #008d35 !important;
}
a.text-primary:focus,
a.text-primary:hover {
color: #008d35 !important;
}
.bg-primary {
background: #00923f !important;
color: #fff;
}
.bg-blue {
background: #089acd !important;
color: #fff;
}
.text-grey {
color: #666;
}
.text-yellow {
color: #fdbe4d;
}
h4 {
font-size: 19px;
}
.h1,
h4.h1 {
font-size: 26px;
}
.nav-pills {
border-bottom: #ccc 1px solid;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
background: #5a8e47;
border-radius: 0;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.tab-content .tab-pane p {
margin-bottom: 0.4rem !important;
}
.tab-pane {
margin-bottom: 28px;
}
.pageheader {
width: 100%;
margin: auto;
text-align: center;
display: block;
position: relative;
margin-bottom: 30px;
}
.pageheader img {
width: 100%;
}
.pageTitle {
color: #5a8e47 !important;
font-size: 50px;
font-weight: 700;
font-family: "Exo 2", sans-serif;
font-size: 33px !important;
margin-bottom: 0;
}
.car-breadcrum {
position: relative;
bottom: 80px;
text-align: left;
}
.breadcrumb {
display: block;
padding: 3px 0;
margin: 0;
background: 0 0;
}
.breadcrumb li {
display: inline-block;
font-family: Lato, sans-serif;
color:#595959;
}
.breadcrumb > li + li::before {
content: "/\00a0";
padding: 0 5px;
}
.breadcrumb a {
text-transform: capitalize;
font-size: 16px;
font-family: Lato, sans-serif;
}
.pagetitle2 {
text-transform: capitalize;
background: 0 0;
color: #fff;
font-family: "Exo 2", sans-serif;
font-size: 30px;
font-weight: 700;
position: absolute;
top: 160px;
left: 0;
right: 0;
text-align: center;
}
.pagetitle2 small {
font-size: 15px;
}
.placeholder {
color: #444;
}
::-webkit-input-placeholder {
color: #444;
}
::-moz-placeholder {
color: #444;
}
.captcha {
list-style: none;
margin: 0;
padding: 0;
display: block;
float: left;
width: 100%;
}
.captcha li {
float: left;
margin: 0 5px 0 0;
}
.captcha .input-group {
width: 130px;
}
.small-input {
width: 30px !important;
padding: 6px 0 !important;
text-align: center;
}
.sitePaging {
float: right;
}
.sitePaging .input-group-addon,
.sitePaging .input-group-btn {
width: auto;
}
.innerError {
font-size: 10px;
color: red;
background: #fbe3e4 url(../images/invalid.png) 0 50% no-repeat;
padding: 2px 2px 2px 20px;
border: 1px solid #fbc2c4;
min-height: 18px;
position: absolute;
bottom: -37%;
line-height: 10px;
width: 100%;
}
.innerHelp {
font-size: 11px;
color: #5f8d00;
color: #5f8d00;
background: #e6efc2;
padding: 2px 2px 2px 20px;
border: 1px solid #390;
min-height: 18px;
background: #fbe3e4 url(../images/valid.png) 0 50% no-repeat;
}
.contactBlock a {
color: #333;
}
.blue-bg-cnt {
background: #0c1f3f !important;
padding: 20px 100px;
color: #fff;
}
.left-title {
background: #e11d37;
color: #fff;
font-size: 21px;
text-transform: uppercase;
margin-bottom: 0;
font-weight: 700;
padding: 10px 15px 6px;
text-align: center;
}
#left-nav.nav-pills {
margin: 0 auto 15px;
background: #333;
padding: 10px 0;
}
#left-nav.nav-pills > li > a {
padding: 5px 10px;
color: #fff;
font-size: 12px;
font-weight: 600;
border-radius: 0;
}
#left-nav.nav > li > a:focus,
#left-nav.nav > li > a:hover {
text-decoration: none;
background-color: #e11d37;
}
a.left-title {
display: block;
background: #5a8e47;
color: #fff;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 0;
font-weight: 600;
padding: 10px 15px 6px;
text-align: left;
margin-bottom: 2px;
}
a.left-title:active,
a.left-title:focus,
a.left-title:hover {
background: #333;
color: #fff;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 0;
font-weight: 600;
padding: 10px 15px 6px;
text-align: left;
}
.leftLinks {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
.leftLinks li a {
position: relative;
display: block;
padding: 7px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd;
text-align: left;
}
.currentPage,
.leftLinks li a:hover {
color: #e11d37;
background: #fff !important;
}
.accordion .card-header {
background: rgba(0, 0, 0, 0.03);
}
.accordion .card-body {
background: #fff;
min-height: 150px !important;
}
.accordion1 .card-header {
background: rgba(0, 0, 0, 0.03);
}
.accordion1 .card-body {
background: #fff;
min-height: 150px !important;
}
.prdtCntrl {
list-style: none;
margin: 0 auto;
padding: 0;
display: block;
text-align: center;
margin-top: 15px;
}
.prdtCntrl li {
display: inline-block;
vertical-align: middle;
}
#brndNext a,
#brndPrev a,
#prdtNext a,
#prdtPrev a {
padding: 5px 15px;
text-align: center;
background: #2fa542;
color: #fff;
font-size: 21px;
margin: 0 3px;
}
.panel-default > .panel-heading {
background-color: #00652f;
border-color: #00652f;
color: #fff;
}
.panel-heading.active {
background-color: #ed1c24;
color: #fff;
}
.panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.panel-title > small > a {
color: #fff !important;
}
.location-map,
.videoWrap {
border: none;
height: 0;
margin: 0 auto 20px;
overflow: hidden;
padding-bottom: 30%;
position: relative;
}
.contact-footer.location-map {
margin: 0;
}
.location-map iframe,
.videoWrap iframe {
height: 100% !important;
left: 0;
position: absolute;
width: 100% !important;
}
.videoWrap {
border: none;
padding-bottom: 70%;
}
.fence-map {
border: 2px solid #ed1c24;
}
a {
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s;
}
.btn-outline {
background-color: transparent;
color: inherit;
transition: all 0.3s;
}
.btn-outline-inverse {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.btn-outline-inverse:active,
.btn-outline-inverse:focus,
.btn-outline-inverse:hover {
background-color: #fff;
border-color: #fff;
color: #444;
text-shadow: none;
}
.no-radius,
.sharp {
border-radius: 0;
}
.fitImg {
width: 100%;
height: 100%;
background-size: cover !important;
}
.img-16by9 {
position: relative;
height: 0;
overflow: hidden;
display: block;
padding-bottom: 56.25%;
}
.img-16by9 img {
position: absolute;
margin: auto;
left: 0;
top: 0;
right: 0;
bottom: 0;
max-width: 100%;
max-height: 100%;
}
.grayscale {
filter: url("data:image/svg+xml; utf8,#grayscale");
filter: gray;
filter: grayscale(100%);
-ms-filter: grayscale(1);
-webkit-filter: grayscale(1);
-webkit-transition: all 0.5s ease;
-webkit-backface-visibility: hidden;
-moz-filter: grayscale(100%);
-moz-transition: all 0.5s ease;
-moz-backface-visibility: hidden;
}
.blur {
filter: blur(3px);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
filter: url("data:image/svg+xml; utf8,#blur");
}
.gallery-container {
margin: 50px 0 0 0;
}
.show-grid {
margin-bottom: 10px;
margin-top: 10px;
}
.marBtm {
margin-bottom: 20px;
}
.marBtm-sm {
margin-bottom: 2rem;
}
.marBtm-md {
margin-bottom: 4rem;
}
.marBtm-lg {
margin-bottom: 100px;
}
.marTop-lg {
margin-top: 100px;
}
.sh-marBtm {
margin-bottom: 50px;
display: block;
}
.marRight {
margin-right: 20px;
}
.marleft {
margin-left: 20px;
}
.marTop {
margin-top: 20px;
}
.no-marginTop {
margin-top: 0;
}
.no-marginBtm {
margin-bottom: 0;
}
.w100 {
width: 100%;
}
.h100 {
height: 100%;
}
.paddingTopBottom {
padding: 30px 0;
}
.no-padding-rt {
padding-right: 0;
}
.nopadLeft {
padding-left: 0;
}
.nopadRight {
padding-right: 0;
}
.pad-md {
padding: 8rem 0;
}
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
.animScale {
transform: translateZ(0);
transition-duration: 0.3s;
transition-property: transform;
}
.animScale:hover {
transform: scale(1.1) rotate(-1.2deg);
}
.toTop {
display: none;
text-decoration: none;
position: fixed;
z-index: 997;
bottom: 80px;
right: 10px;
overflow: hidden;
width: 50px;
height: 50px;
border: none;
text-indent: -9999px;
background: url(../images/ui-totop.png) no-repeat left top;
}
.toTop:active,
.toTop:focus {
outline: 0;
}
.toTop:hover {
background: url(../images/ui-totop.png) no-repeat left -50px;
}
.show-16by9 {
display: none;
}
.show-4by3 {
display: none;
}
.innerpage_1 {
background: url(../images/find-better-talent-1.png) no-repeat left;
height: 100%;
}
.btn-default:active .filter-button:active {
color: #000;
}
.form-control {
height: calc(2.2rem + 2px);
padding: 0.2rem 0.6rem;
font-size: 0.8rem;
font-weight: 300;
line-height: 1;
border-radius: 0.3rem;
}
.form-group {
margin-bottom: 0.8rem;
}
.blog {
list-style: none;
display: block;
}
.blog li {
float: left;
}
.blog img {
width: 100%;
margin-bottom: 15px;
display: block;
}
.blog h3 {
font-size: 17px;
color: #1b1b1b;
margin: 5px 0;
}
.blog p {
text-align: left;
font-size: 14px;
}
.social-wall {
direction: block;
list-style: none;
text-align: center;
}
.social-wall li {
float: left;
}
.social-wall li .swall {
marging: 10px;
border: #e8e8e8 1px solid;
padding: 10px;
}
.social-wall img {
width: 100%;
margin-bottom: 15px;
display: block;
}
.social-wall h3 {
font-size: 17px;
color: #1b1b1b;
margin: 5px 0;
}
.social-wall p {
text-align: left;
font-size: 15px;
text-align: center;
}
.bodytitle {
font-family: "Exo 2", sans-serif;
font-size: 18px !important;
margin-bottom: 10px;
}
.linked {
color: #0e76a8;
}
.featerlaptop {
width: 100%;
height: 500px;
position: absolute;
}
.placeholder {
color: #444;
}
::-webkit-input-placeholder {
color: #444;
}
::-moz-placeholder {
color: #444;
}
.captcha {
list-style: none;
margin: 0;
padding: 0;
display: block;
float: left;
width: 100%;
}
.captcha li {
float: left;
margin: 0 5px 0 0;
}
.captcha .input-group {
width: 130px;
}
.small-input {
width: 30px !important;
padding: 6px 0 !important;
text-align: center;
}
.sitePaging {
float: right;
}
.sitePaging .input-group-addon,
.sitePaging .input-group-btn {
width: auto;
}
.innerError {
font-size: 10px;
color: red;
background: #fbe3e4 url(../images/invalid.png) 0 50% no-repeat;
padding: 2px 2px 2px 20px;
border: 1px solid #fbc2c4;
min-height: 18px;
}
.innerHelp {
font-size: 11px;
color: #5f8d00;
color: #5f8d00;
background: #e6efc2;
padding: 2px 2px 2px 20px;
border: 1px solid #390;
min-height: 18px;
background: #fbe3e4 url(../images/valid.png) 0 50% no-repeat;
}
.form-group lable {
display: none;
}
.eventstimeline {
border-left: #ccc 1px solid;
height: 100%;
display: block;
margin: 0 auto;
padding: 10px 0;
}
.eventstimeline .year {
padding-left: 40;
}
.eventstimeline .year span {
background: #5a8e47;
padding: 8px 8px;
border-radius: 5px;
color: #fff;
}
.eventstimeline .eventitl {
color: #179ccd;
font-size: 25px;
margin-top: 17px;
font-weight: 700;
}
.eventstimeline .date {
font-size: 15px;
margin-left: 30px;
font-weight: 700;
}
.loginpage {
background: url(../images/loginbg.jpg) no-repeat center top;
background-size: cover;
}
.loginlogo {
width: 50% !important;
margin: 15px 0;
}
.loginexcelra {
width: 50% !important;
margin: 15px 0;
}
.loginbox {
background: #fff;
-webkit-box-shadow: 0 0 10px 5px #bdbdbd;
-moz-box-shadow: 0 0 10px 5px #bdbdbd;
box-shadow: 0 0 10px 5px #bdbdbd;
}
.tab-content h5 {
font-size: 19px;
font-weight: 700;
}
label.error {
display: none !important;
}
a.text-gray {
color: #afafaf;
}
a.text-gray:hover {
color: #595959;
}
.img-bdr {
border: 3px solid #e5e2e0;
}
.abtProgram {
margin: 3rem 0 5rem;
}
.gradientBg {
background: #23236d;
background: -webkit-radial-gradient(bottom, #2b4edd, #23236d);
background: -moz-radial-gradient(bottom, #2b4edd, #23236d);
background: radial-gradient(to top, #2b4edd, #23236d);
padding: 5rem 0 0;
position: relative;
}
.gradientBg::before {
content: "";
display: block;
width: 100%;
height: 40px;
background: url(../images/white-curve-top.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 9 !important;
}
.gradientBg::after {
content: "";
display: block;
width: 100%;
height: 40px;
background: url(../images/white-curve-bottom.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
bottom: -3px;
left: 0;
right: 0;
z-index: 9 !important;
}
.cource-list {
list-style: none;
display: block;
margin: 0 0 5rem;
padding: 0;
}
.cource-list ul li {
margin-bottom: 1.675rem;
position: relative;
padding-left: 50px;
list-style: none;
}
.cource-list ul li::before {
content: "\f00c";
font-family: FontAwesome;
display: block;
background: #2b96cc;
color: #fff;
width: 38px;
height: 38px;
position: absolute;
top: -7px;
left: 0;
border-radius: 50%;
text-align: center;
line-height: 38px;
font-size: 16px;
}
.iconColumnBg {
background: url(../images/footer-bg.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
color: #fff;
padding: 5rem 0 3rem;
}
.iconColumnBg::before {
content: "";
display: block;
width: 100%;
height: 40px;
background: url(../images/white-curve-top.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 9 !important;
}
.iconColumnBg::after {
content: "";
display: block;
width: 100%;
height: 40px;
background: url(../images/white-curve-bottom.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
bottom: -3px;
left: 0;
right: 0;
z-index: 9 !important;
}
.admiconColumnBg {
background: url(../images/footer-bg.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
color: #fff;
padding: 5rem 0 3rem;
}
/*.admiconColumnBg::before {
content: "";
display: block;
width: 100%;
height: 40px;
background: url(../images/white-curve-top.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 9 !important;
}
.admiconColumnBg::after {
content: "";
display: block;
width: 100%;
height: 40px;
background: url(../images/gray-curve-bottom.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
bottom: -3px;
left: 0;
right: 0;
z-index: 9 !important;
}*/
.newsletter-inline {
padding: 10rem 0;
}
.newsletter-inline h3 {
font-size: 28px;
color: #67c9f2;
font-weight: 500;
font-family: 'Raleway', sans-serif;
text-align: right;
position: relative;
margin-left: 100px;
}
.newsletter-inline h3 small {
font-size: 18px;
color: #00923f;
font-weight: 600;
font-family: "Exo 2", sans-serif;
display: block;
}
.newsletter-inline h3 .newsletterIcon {
width: 120px;
height: 120px;
border-radius: 50%;
display: block;
border: 4px solid #e5e2e0;
background: #00923f;
color: #fff;
font-size: 36px;
line-height: 110px;
text-align: center;
position: absolute;
top: -40px;
left: -100px;
}
.why-chooseUs {
padding: 5rem 0 0;
background: url(../images/why-choose-us-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
/*.why-chooseUs::before {
content: "";
display: block;
width: 100%;
height: 40px;
background: url(../images/curve-top.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 9 !important;
}
.why-chooseUs::after {
content: "";
display: block;
width: 100%;
height: 40px;
background: url(../images/latest-news-curve.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
bottom: -3px;
left: 0;
right: 0;
z-index: 9 !important;
}*/
.progressIndicator-wrap {
overflow: hidden;
overflow-x: scroll;
padding: 30px 0;
display: flex;
white-space: nowrap;
}
.progressIndicator-wrap::-webkit-scrollbar {
height: 8px;
background-color: #f5f5f5;
border-radius: 10px;
}
.progressIndicator-wrap::-webkit-scrollbar-track {
background-color: #00acf0;
border-radius: 10px;
}
.progressIndicator-wrap::-webkit-scrollbar-thumb {
background-color: #083c95;
border-radius: 10px;
}
.progressIndicator {
margin: 0 auto;
padding: 0;
list-style: none;
text-align: center;
}
.progressIndicator li {
display: inline-block;
text-align: center;
position: relative;
z-index: 1;
padding: 0 10px;
width: 25%;
}
.progressIndicator li::before {
content: "";
display: block;
width: 180px;
height: 2px;
background: #67c9f2;
position: absolute;
top: 42px;
left: -2px;
z-index: -1;
}
.progressIndicator li::after {
content: "";
display: block;
width: 180px;
height: 2px;
background: #67c9f2;
position: absolute;
top: 42px;
right: -2px;
z-index: -1;
}
.progressIndicator li .stage-heading {
color: #67c9f2;
text-transform: uppercase;
font-weight: 700;
}
.stage-text {
font-weight: 300;
color: rgba(255, 255, 255, 0.4);
}
.progressIndicator li .stage-heading,
.progressIndicator li .stage-text {
transition: all 1s ease-in-out;
}
.progressIndicator li .bubble {
width: 12px;
height: 12px;
border-radius: 50%;
background: #00923f;
display: block;
transition: all 1s ease-in-out;
margin: 0 auto 20px;
border: 2px solid #67c9f2;
z-index: 1;
}
.bubble-wrap {
position: relative;
transition: all 1s ease-in-out;
}
.progressIndicator li:hover .bubble {
-ms-transform: scale(4, 4);
transform: scale(4, 4);
border: 2px solid #00923f;
z-index: 1;
}
.progressIndicator li .tick {
font-size: 12px;
opacity: 0;
transition: all 1s ease-in-out;
display: block;
color: #fff;
position: absolute;
top: calc(50% - 10px);
left: calc(50% - 7px);
}
.fullwidth-xl {
margin: 8rem 0 5rem;
}
.fullwidth-xl .container-fluid .bg-primary > div {
padding: 5rem 2rem;
}
.accordion .card-header:after {
font-family: 'FontAwesome';
content: "-";
float: right;
}
.accordion .card-header.collapsed:after {
/* symbol for "collapsed" panels */
content: "+";
}
.accordion .card{background:none !important; border:none;}
.accordion .card-header{background:none !important; border-bottom: 1px solid rgba(255,255,255,.5); font-size:18px; font-weight:bold; border-bottom: 1px solid rgba(255,255,255,.5);}
.accordion .card a{ color:#fff;}
.accordion .card-body{background:none;}
.accordion > .card > .card-header{margin-bottom:0;}
.hmproducts{padding: 5rem 0;}
@media screen and (min-width: 2100px) {
.eulogo{position:absolute; top:15%; left:10%; width:90px; height:auto;}
.fullwidth-xl .container-fluid {
width: 2100px !important;
margin: auto;
}
.fullwidth-xl .container-fluid .bg-primary > div {
min-height: 600px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
}
@media screen and (min-width: 992px) {
.eulogo{position:absolute; top:15%; left:0%; width:300px; height:auto;}
.eulogo img{float:left; margin-right:10px;}
.sticky .eulogo{ top:4%; }
.inrBnrTitle {
font-size: 37px;
}
.progressIndicator li:hover .tick {
font-size: 16px;
opacity: 1;
}
.progressIndicator li:hover .stage-heading {
transform: translateY(-20px);
color: #fff;
}
.progressIndicator li:hover .stage-text {
transform: translateY(20px);
color: #fff;
}
}
.vertical-slider-bg {
padding: 1px 0 0;
}
.verSlider-title {
font-size: 28px;
color: #414141;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to left, #847a8f, #e3e3e7);
position: relative;
width: 90%;
}
.verSlider-title::before {
content: "";
display: block;
background: url(../images/pen-icon.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: -1px;
right: -54px;
width: 56px;
height: 56px;
}
.vertical-item img {
border: 3px solid #e5e2e0;
}
.tile-vertical.owl-theme .owl-nav {
display: none;
}
.tile-vertical.owl-theme .owl-dots {
position: absolute;
top: 0;
left: -80px;
}
.tile-vertical.owl-theme .owl-dots .owl-dot {
display: block;
margin: auto;
position: relative;
}
.tile-vertical.owl-theme .owl-dots button:focus {
outline: 0;
}
.tile-vertical.owl-theme .owl-dots .owl-dot span {
width: 12px;
height: 12px;
margin: 0 0 60px;
background: #f1f2f4;
display: block;
border-radius: 50%;
border: 2px solid #b7bee7;
position: relative;
z-index: 1;
}
.tile-vertical.owl-theme .owl-dots .owl-dot:last-child span {
margin-bottom: 0;
}
.tile-vertical.owl-theme .owl-dots .owl-dot span::before {
content: "";
width: 8px;
height: 8px;
background: #5dc6f2;
display: block;
border-radius: 50%;
position: absolute;
top: 4px;
left: 4px;
opacity: 0;
z-index: 1;
}
.tile-vertical.owl-theme .owl-dots::after {
content: "";
width: 2px;
height: 95%;
background: #00923f;
display: block;
position: absolute;
top: 10px;
left: 9px;
z-index: -1;
}
.tile-vertical.owl-theme .owl-dots .owl-dot.active span {
width: 20px;
height: 20px;
}
.tile-vertical.owl-theme .owl-dots .owl-dot.active span::before {
opacity: 1;
}
.about-wrap {
padding: 1rem 3rem;
position: relative;
background: rgba(255,255,255,.5);
margin:30px 0;
}
/*.about-wrap::after {
width: 800px;
height: 100%;
background-image: url(../images/about-us-img1.png);
top: 0;
right: 0;
z-index: -1;
left: auto;
}*/
.ourFaculty {
padding: 5rem 0 10rem;
}
.ourTeam-slider {
padding: 0 0 5rem;
}
.ourTeam-slider ul {
margin-left: 15px;
}
.ourTeam-slider h4 small {
display: block;
font-size: 16px;
color: #008229;
margin-top: 6px;
}
.ourTeam-slider .card-content {
background: #f1f2f4;
padding: 10px 0;
}
.ourTeam-slider .card:hover .card-content {
background: #00923f;
color: #fff;
}
.ourTeam-slider .card:hover h4 {
color: #fff;
}
.ourTeam-slider .card:hover h4 small {
color: #008229;
}
.ourTeam-slider .owl-nav {
display: none;
}
.ourTeam-slider .owl-dots {
margin: 30px 0 0;
}
.owl-theme .owl-dots .owl-dot span {
background: rgba(0, 0, 0, 0.1);
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #008229;
}
.testimonial .quote {
margin: 0 0 40px;
display: inline-block;
position: relative;
background-color: #fff;
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 20px;
position: relative;
min-height: 210px;
}
.testimonial .quote::before {
content: " ";
position: absolute;
width: 0;
height: 0;
left: 30px;
right: auto;
top: auto;
bottom: -33px;
border: 16px solid;
border-color: #e5e5e5 transparent transparent #e5e5e5;
}
.testimonial .quote::after {
content: " ";
position: absolute;
width: 0;
height: 0;
left: 31px;
right: auto;
top: auto;
bottom: -30px;
border: 16px solid;
border-color: #fff transparent transparent #fff;
}
.quote-icon {
font-size: 28px;
position: absolute;
top: 18px;
left: -18px;
color: #f0f0f0;
}
.author-wrap {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.author-img {
width: 70px;
height: 70px;
border-radius: 50%;
background: #e5e5e5;
overflow: hidden;
}
.author-img img {
width: 100%;
height: 100%;
}
.author-name {
width: 70%;
margin-left: 1.675rem;
}
.author-name h4 {
font-size: 20px;
font-weight: 700;
}
.author-name h4 small {
display: block;
}
@media only screen and (min-width: 768px) {
.navbar {
justify-content: flex-end;
}
}
@media screen and (min-width: 992px) and (max-width: 1169.98px) {
.about-wrap::after {
width: 580px;
}
}
@media only screen and (max-width: 1169.98px) {
.verSlider-title::before {
top: 42px;
right: -44px;
width: 46px;
height: 46px;
}
.progressIndicator li {
width: 25%;
}
.progressIndicator li .stage-heading,
.progressIndicator li .stage-text {
font-size: 12px;
}
}
@media only screen and (max-width: 991.98px) {
.header-top {
display: none;
}
.navWrapper-hm {
position: relative;
background: #00923f;
top: auto;
left: auto;
right: auto;
}
.header-top,
.logo {
display: block;
}
.header-top li {
margin: 5px 20px;
}
.navbar-brand {
width: 80px;
}
.navbar-light .navbar-toggler {
border-color: #fff;
}
.newsletter-inline h3 {
margin-bottom: 50px;
}
.verSlider-title {
width: 91%;
}
.verSlider-title::before {
top: 42px;
right: -42px;
}
.why-chooseUs {
padding-bottom: 2rem;
}
.progressIndicator {
margin-left: 30px;
}
.progressIndicator li {
width: 100%;
display: block;
text-align: left;
padding: 2rem 10px 0;
}
.progressIndicator li::before {
width: 2px;
height: 102px;
top: 0;
left: -16px;
}
.progressIndicator li::after {
width: 12px;
height: 12px;
border-radius: 50%;
background: #00923f;
border: 2px solid #67c9f2;
z-index: 1;
left: -21px;
top: 44px;
}
.bubble-wrap {
display: none;
}
.about-wrap::after {
display: none;
}
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
.herobanner-caption {
right: calc(50% - 360px);
top: calc(50% - 150px);
}
.eulogo{position:absolute; top:15%; left:10%; width:90px; height:auto;}
.why-chooseUs {
padding-bottom: 2rem;
position: relative;
}
.why-chooseUs img {
position: absolute;
bottom: -30px;
right: 0;
opacity: 0.5;
}
.progressIndicator li .stage-heading {
color: #fff;
}
.stage-text {
color: #fff;
}
.inrBnrTitle {
font-size: 36px;
}
}
@media only screen and (max-width: 767.98px) {
.title-hm {
margin: 30px auto 50px;
}
.title-hm h3 {
font-size: 36px;
}
.title-hm p.cptblack {
font-size: 18px;
}
.inrBnrCaption.cap-center {
top: calc(50% - 40px);
}
.verSlider-title {
width: 100%;
text-align: center;
margin-top: 1rem;
}
.verSlider-title::before {
display: none;
}
.tile-vertical.owl-theme .owl-dots {
position: relative;
top: auto;
left: auto;
display: flex;
align-items: center;
justify-content: center;
margin: 20px auto 0;
width: 200px;
max-width: 100%;
}
.tile-vertical.owl-theme .owl-dots::after {
display: none;
}
.tile-vertical.owl-theme .owl-dots .owl-dot {
display: inline-block;
}
.tile-vertical.owl-theme .owl-dots .owl-dot span {
margin: 0;
}
.tile-three .owl-nav {
width: 100px;
height: 50px;
margin: 20px auto 0;
background: #172156;
border-radius: 4px;
text-align: center;
line-height: 40px;
}
.tile-three .owl-nav button.owl-next,
.tile-three .owl-nav button.owl-prev {
font-size: 41px;
color: #fff;
width: 40px;
display: inline-block;
}
.contact-form-bg {
padding: 2rem 0 5rem;
}
.newsletter-inline {
padding: 5rem 0;
}
.newsletter-inline h3 {
margin-bottom: 30px;
}
.abtProgram img {
margin-bottom: 20px;
}
.cource-list {
margin: 0 0 3rem;
}
.iconColumn {
padding: 5rem 0 0;
}
a.card {
margin-bottom: 1.675rem;
}
.header-top, .logo {
position: absolute;
right: 20%;
top: 10%;
z-index:999;}
}
@media only screen and (max-width: 450px) {
.eulogo img{ width:55px; top:3%; position: absolute;}
.eulogo{position: fixed; top:5%; left:29%;}
.navWrapper-hm.sticky { padding:0 !important;}
}
@media only screen and (max-width: 639px) {
.inrBnrTitle {font-size: 38px;}
.vision-hm{margin-top:30px;}
.herobanner-caption {
text-align: center;
padding: 0 2rem 0;
top: calc(70% - 220px);
right: 0;
left: 0;
width: 100%;
}
.card-text-hover {
position: absolute;
bottom: 75px;
opacity: 1 !important;
height: 31%;}
.card-text-hover {
position: absolute;
bottom: 75px;
opacity: 1 !important;
height: 31%;
padding: 8% 0;}
.hover-image a img{ display:none;}
.eulogo{ left:29% !important; top:1%; position: fixed;}
.eulogo img{ width:55px; top:3%; }
.herobanner-caption h4 {
font-size: 24px;
margin: 10px auto;
}
.navWrapper-hm{background:#fef2b5 !important; padding:10px 0;}
.herobanner-caption p {
width: 100%;
margin:0;
}
.herobanner-caption .btn-primary {
margin: auto;
}
.herobanner-carousel .owl-next span,
.herobanner-carousel .owl-prev span {
top: calc(50% - 100px);
}
.herobanner-carousel .owl-nav {
position: absolute;
top: calc(50% - 50px);
left: 0;
right: 0;
}
.herobanner-carousel .owl-dots {
display: none;
}
.herobanner-caption .btn-primary {
padding: 5px 8px;
font-size: 13px;
}
.herobanner-carousel{border:none;}
.contact-form-icn .btn-primary {
margin-top: 20px;
}
.newsletter-inline h3 .newsletterIcon {
width: 60px;
height: 60px;
font-size: 26px;
line-height: 56px;
top: 0;
left: -100px;
}
.newsletter-inline h3 {
margin-bottom: 10px;
}
.footerSkybg {
padding: 60px 0 40px;
}
.social-media-ftr {
margin-bottom: 40px;
}
.footer-links {
display: block;
margin-left: 30px;
}
.footer-links li {
width: 100%;
display: block;
border-top: 0;
border-left: 1px dashed rgba(255, 255, 255, 0.5);
text-align: left;
margin: 0;
padding: 20px;
}
.footer-links li::before {
left: -8px;
top: calc(50% - 8px);
}
.footer-links li::after {
top: calc(50% - 3px);
left: -2px;
}
.iconColumn {
padding: 2rem 0 0;
}
.social-media-ftr li a {
font-size: 18px;
width: 50px;
height: 50px;
line-height: 46px;
margin-right: 10px;
}
.inrBnrCaption {
top: calc(50% - 70px);
}
.inrBnrTitle {
font-size: 21px;
}
.innerbanner::before {
height: 30px;
}
}
@media only screen and (max-width: 320px){
.eulogo{ left:32% !important; top:3%;}
.eulogo img{ width:40px; top:3%; }}