/* CSS Document */
body {font-family: 'Questrial', sans-serif;
font-family: 'Open Sans', sans-serif; 
color:#333; font-size:16px; line-height:25px; font-weight: 400;
background:url(../images/bg_header.png); background-size: cover;
background-attachment: fixed; background-size: 100% 100%;
}

.border-gray{ border:solid 5px #eaeaea;}

ol,ul{list-style:none; padding:0; margin:0;}

.green-tick{ padding:0; text-align:left;}
.green-tick li{margin:0px 0px; padding:5px 0px 0px 30px; background: url(../images/orange-tick.png) 2px 7px no-repeat; line-height:normal; margin-bottom:10px; font-size:16px;}

.yellow-arrow{padding:0; text-align:left; margin-bottom:24px; }
.yellow-arrow li{margin:0px 0px; padding:5px 0px 0px 12px; background: url(../images/yellow-arrow.png) 0px 12px no-repeat; text-align:left;}

.inner-banner img{margin:auto;}
.container-fluid{max-width: 1230px;}


.fees-table{background-color:#fed87e; padding-left:30px; padding-right:30px; overflow:auto; margin-bottom:30px;}
.fees-table h4{text-align:center; margin-top:20px; color:#000000; font-family: 'Open Sans', sans-serif}
.fees-table .table > tbody > tr > td{ padding-left:30px;}
.fees-table a{ color:#fa650b;}

.fee-box{margin-top:30px; margin-bottom:25px;}
.fee-box .black-title{font-size:20px; margin-bottom:15px; font-weight:bold;}

.popover {
max-width: 700px;
padding: 1px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1.42857143;
text-align: start;
border-radius: 6px;
}
.popover-title {
font-size: 16px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #009900;
text-align:center;
}
a.pop{ color:#000099; border-bottom:dotted 1px #ccc; text-decoration:none; font-style:italic; cursor: pointer;}
a.pop:hover{ color:#FF6600}

.pop-img{cursor: pointer;}

#contact-us h4{margin-top:20px; color:#108ddd; margin-bottom: 15px;  font-family: 'Open Sans', sans-serif}
#contact-us p{ margin-bottom:10px;}
#contact-us a{color:#f86a0c}
#contact-us i{ margin-right:5px; color:#666666}

.map-bg a{display:block; overflow:auto; background:url(../images/map.png) no-repeat center center; height:280px;}

.enq-form label{ font-weight:400; font-size:14px;}

/* -----2 Boxes ----*/
a.box-1 .col-sm-6{background-color:#fed87e; padding:0 30px;}
a.box-1 img{border-radius: 10px; margin:auto; margin-top:5px; margin-bottom:15px; border:#fff solid 2px; -webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
a.box-1 p{text-align:center; color:#000; margin:10px 0; font-weight:600; font-size:22px;}
a:hover.box-1 img{ box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); margin-top:15px; margin-bottom:10px}
a:hover.box-1 p{ color:#ff001b}

a.box-2 .col-sm-6{background-color:#80deea; padding:0 30px;}
a.box-2 img{border-radius: 10px; margin:auto; margin-top:5px; margin-bottom:15px; border:#fff solid 2px; -webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
a.box-2 p{text-align:center; color:#000; margin:10px 0; font-weight:600; font-size:22px;}
a:hover.box-2 img{box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); margin-top:15px; margin-bottom:10px}
a:hover.box-2 p{ color:#ff001b}



.banner {
    background-color: #ffffff;
}

.carousel-inner img {
    max-height: 500px;
    object-fit: cover;
}

.box {
    cursor: pointer;
    text-decoration: none;
}

.box img {
    border-radius: 8px;
}

.border-dashed {
    border-style: dashed !important;
}

.pop-img p {
    margin-top: 10px;
    font-weight: 500;
}    

.popover {
    background-color:rgb(250, 249, 218); /* Light grey background */
    border: 1px solid #ccc;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    max-width: 400px;
}

.popover-body {    
    color: #333;
    font-size: 15px;
    padding: 1rem;
}

/*.activities{background-color:#ce93d8;}*/
.activities { padding-left:5px; padding-right:5px;}
.activities a.box{ display:block; overflow:auto; padding:10px; margin-bottom:10px;}
.activities a img{margin-bottom:0px; -webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.activities a:hover{ text-decoration:none;}
.activities a:hover img{margin-bottom:5px; box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.55);}
.activities .popover.bottom {margin-top: -5px;}

.activities .box p{ color:#000000; font-weight:600; text-align:center; font-size:18px; margin-bottom:0;}
.activities .blue{background-color:#81d4fa;}
.activities .purple{background-color:#ce93d8;}
.activities .yellow{background-color:#ffe082;}
.activities .orange{background-color:#fb9b76;}

/*------------ Header--------------*/

.header{padding-bottom: 10px; padding-top: 5px; display:block;}
.logo-left{ margin-right:15px; text-align:center; float: left;}
.logo-left img{width:100%; max-width:300px;}
/* .logo-text {float:right; max-width: 406px;} */
.logo-text {font-size:22px; color: #333333; font-weight: 600; margin-top:40px; line-height:36px;}
@media screen and (max-width: 767px) {
    .logo-text {font-size:16px; float:none; max-width: 100%;margin-top: 0;}
    .logo-text p{text-align:center; margin-top:5px; margin-bottom: 0;}
  }
/*------------ Typography--------------*/

h1, h2, h3, h4, h5{ font-family:"Trebuchet MS"; font-family: 'Amatic SC', cursive; font-family: 'Lobster', cursive;}

h2{font-size:30px; margin-bottom:30px; color:#1f9fba;}
h3{font-size:25px; margin-bottom:20px; color:#ffa200;}
h4{font-size:18px; margin-bottom:20px; color:#ca3535; line-height:normal;}

p {line-height: 28px; margin-bottom: 20px; font-size:16px; color:#333333;}
strong, b {font-weight:700;}
small {font-size: 13px; color: #777; font-style: italic;}

.red {line-height: 28px; font-size:16px; color:#ca3535;}

a {text-decoration:none; color:#ffa200;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }


#iwtHeader{background-color:#FFFFFF}

/*------------ Navigation--------------*/
#iwtHeaderNav{border-radius: 0px; box-shadow: none; background:#fff; padding-bottom:15px;/* background-color:#15c1e5;*/}

#myNav li a.nav-link{ 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: transparent;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    font-family: "Trebuchet MS";
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 15px;
}
#myNav li:nth-child(1) a{background: #6f4793;}
#myNav li:nth-child(2) a{background: #3bbcd6}
#myNav li:nth-child(3) a{background: #f27f52;}
#myNav li:nth-child(4) a{background: #dc5f9a;}
#myNav li:nth-child(5) a{background: #86ba4e;}


/* Nav open a*/
.navbarNav .navbar-nav > .open > a, .navbarNav .navbar-nav > .open > a:focus, .navbarNav .navbar-nav > .open > a:hover {color: #fff; background:#ca3535; border:none;}
.navbar-right .dropdown-menu { right: auto; left: 0;}

/* Dropdown*/
.dropdown-menu {
left: 0px;
float: left;
padding: 0px 0px;
padding-top: 0px;
margin: 0px 0px 0px;
font-size: 13px;
background-color:transparent;
border: none;
border-radius: 0px;
min-width: auto;
box-shadow: none;
width: 100%;
}

.dropdown-menu li { margin-top:1px;}
.dropdown-menu li a {color: #fff !important; padding:8px 10px; font-size:13px !important; text-align:center;}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus{border-bottom:none !important; color:#fff !important;background:#fcbf00 !important;}


/* For nav bar centered*/
.navbar-nav > li { float: none; display: inline-block;}
.dropdown-submenu:hover > .dropdown-menu { display: block;}
.dropdown:hover > .dropdown-menu { display: block;}


/*====================== Home page css ===================== */

a.more{padding-left:10px; color:#474747; letter-spacing:0.8pt;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

a.more:hover{color:#ff5200; letter-spacing:2pt;}

.button {padding-left:15px; padding-right:15px;}
.button a{display:block; padding:15px; color:#FFFFFF; text-align:center}
.button a:hover{ text-decoration:none; border-radius: 10px; -webkit-border-radius: 10px;}
.button a h3{color:#fed87e;margin-top: 0px; margin-bottom: 5px; font-family: 'Roboto Condensed', sans-serif; font-weight:700;}
.button a p{ font-size:16px; color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; line-height:normal;}
.button a .icon{display:block; float:left; width:50px;}
.button a i{font-size:50px;}
.button .button-3 i{font-size:55px;}

.button a.button-2{ background-color:#0099FF}
.button a.button-1:hover{ background-color:#d03c82;}
.button a.button-2:hover{ background-color:#d03c82}
.button a.button-3:hover{ background-color:#d03c82}
.button a.button-3{ background-color:#008934}

.button .button-1{display:block; padding:15px; color:#FFFFFF; text-align:center}
.button .button-1{ background-color:#663399}
.button .button-1 p{ font-size:16px; color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; line-height:normal;}
.button .button-1 h3{color:#fed87e;margin-top: 0px; margin-bottom: 5px; font-family: 'Roboto Condensed', sans-serif; font-weight:700;}
.button .button-1 i{font-size:50px;}
.button .button-1 .icon{display:block; float:left; width:50px;}

<!--Who we are-->
.profile{padding-bottom:30px; padding-top:60px; margin:auto; background:#FFFFFF; margin-bottom:10px;}
.profile h1{color:#d3327e; margin-top:0; margin-bottom:35px; text-align:center}
.profile .text p{ text-align:justify}

#about-us .p-image{margin-top:30px; border:#ebebeb solid 1px; max-width:209px; float:right; box-shadow: -5px 5px 6px #999999;}
#about-us .p-link{border:#ebebeb solid 1px; margin-top:30px; padding:18px; max-width:300px; box-shadow: 5px 5px 6px #999999;}
#about-us .p-link ul{line-height:25px; list-style: square; color: #224883; padding-left:25px;  font-weight:400; text-transform:capitalize; font-size:14px;}
#about-us .p-link li{ padding-left:10px;}
#about-us .p-link li span{ color:#0066CC}

.page-title{color:#d3327e; text-align:center}
.home{font-size:45px; color:#009933}


.disc-link{ padding:0; margin-left:10px; text-align:left; margin-bottom:30px;}
.disc-link li{margin:0px 0px; padding:5px 0px 0px 15px; background: url(../images/arrow-blue.png) 2px 13px no-repeat; margin-bottom:10px; }
.disc-link li a{ color:#0066CC; font-size:16px; line-height:normal;}
.disc-link li a:hover{ padding-left:5px;}

.disclaimer-sec h4{font-family: 'Questrial', sans-serif; font-size: 22px; margin-bottom: 20px; color: #ca3535; line-height: normal;}
.disclaimer-sec h5{font-family: 'Questrial', sans-serif; font-size: 16px; margin-top:20px; margin-bottom: 5px; color: #000; font-weight:bold; letter-spacing:0.5pt; line-height: normal;}
.disclaimer-sec p{ font-size:15px; line-height: 24px; margin-bottom: 10px;}
.disclaimer-sec .blue{color:#875ad9; margin-bottom:15px;}
.disclaimer-sec .normal{line-height:25px; list-style: square; padding-left:15px;  font-weight:400; font-size:15px;}
.normal li{ margin-bottom:15px;}


#scrollUp{background: rgba(255, 0, 25,0.4); border-radius: 50%; bottom: 30px; color: #fff; line-height: 22px; padding: 5px 10px; right: 10px; display:none; }
#scrollUp .fa {font-size: 22px;font-weight: bold;}

@media screen and (min-width:1330px){
#scrollUp{ bottom: 30px; right: 70px;}
}

/*-Footer -*/
.footer-links{font-size:13px; line-height:normal; padding-bottom:25px; padding-top:25px; background-color: #fff; margin:auto;}
.footer-links h5{/*font-family: 'Open Sans', sans-serif;*/ font-size:18px; color:#ba2b6f; margin-bottom:25px;}
.footer-links .links ul {list-style: none; padding: 0; margin: 0; }
.footer-links .links li {margin: 10px 0;}
.footer-links li a {color: #4a6782!important; display: block; text-decoration:none;}
.footer-links li a:hover {color: #3a9901!important; margin-left:5px;}

.footer-links .services ul { color:#4a6782!important; list-style: circle; padding: 0; padding-left:13px; margin: 0; }
.footer-links .services li {margin: 10px 0;}

.footer-links .address p{ color:#4a6782!important; margin-bottom:10px; font-size:13px; line-height:normal;}
.footer-links .address a{color:#f86a0c!important}
.footer-links .address i{ margin-right:5px; color:#666666}

.footer-links .address .social{ margin-bottom:5px; margin-top:15px;}
.footer-links .address .social a{ color: #2c4b95!important; font-size:13px; line-height:normal;}
.footer-links .address .social i{background-color: #2c4b95!important; color: #ffffff!important; font-size: 14px; width: 22px; height: 22px; text-align: center; line-height: 22px; margin-right: 5px; vertical-align: middle;}

.footer-links .address .social-xs{ margin-bottom:20px; margin-top:0px; text-align:center}
.footer-links .address .social-xs a{ color:#2c4b95!important; font-size:15px; line-height:normal;}
.footer-links .address .social-xs i{background-color: #2c4b95!important; color: #ffffff!important; font-size: 16px; width: 30px; height: 30px; text-align: center; line-height: 30px; margin-right: 5px; vertical-align: middle;}


.form-subscribe input{border:#4a6782 solid 1px; height:35px; width:90%;}
.form-subscribe .btn-primary{ margin-top:25px; height:37px; background-color:#5baa0f; border:#478b06 solid 1px; width:90%;}

.footer{background:#FFFFFF url(../images/footer-bg.png) repeat-x; height:263px;}

.copy-txt {
    border-top: #f1f1f1 solid 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
}
.copy-txt p {
    margin: 0;
    text-align: center;
    color: #4a6782;
    font-size: 14px;
    letter-spacing: 1pt;
}

.copy-txt a {
    color: #0066FF;
}
.sec-white{padding-bottom:30px;margin:auto;background-color:#fff;}

.f-18{font-size:18px; text-align:left;}
.box-bot-txt{margin-top:30px;  padding-left:0; padding-right:0;}
.button-3-fluid{padding-bottom:30px; padding-top:30px; margin:auto; background-color:#fff; margin-bottom:10px;}
.f24-m30{font-size:24px; text-align:center; margin-top:30px;}
.f25-mb30{font-size:28px; text-align:center; margin-bottom:30px; line-height:normal}
.f18-mb30{font-size:18px; text-align:center; margin-bottom:30px;}
.f28-red-mb40{font-family: 'Questrial', sans-serif; font-size:28px; color:#ff001b; text-align:center; margin-bottom:40px;}
.dotted-box{margin-top:30px; padding:15px; border:#FF3333 dashed 1px;}
.dotted-box p{font-size:24px; margin:0; text-align:center; line-height: normal;}
#image_border{ border:#f4f4f4 solid 4px;}

/*-------------------------- media queries----------------------------------*/
@media screen and (max-width:767px){
.navbar-header { text-align:center;}
/*.navbar-right {float: right !important; margin-right: 15px !important;}*/
.navbar-toggle{ float:none;}
.navbarNav .navbar-toggle {
border-color: #ddd;
display: inline-block;
width: 97%;
text-align: center;
margin: 5px 5px;
background-color:#fed87e;
}
#iwtHeaderNav{ margin-bottom:0; padding-bottom: 0px;}
.navbar{min-height: auto;}
.page-title{ margin-top:0px;}
.sec-white{ padding-left:0; padding-right:0;}

a.box-1 .col-sm-6 {padding-bottom: 1px; padding-top: 1px;}
a.box-2 .col-sm-6 {padding-bottom: 1px; padding-top: 1px;}
a.box-1 p {margin: 9px 0;}
a.box-2 p {margin: 9px 0;}
.box-bot-txt{margin-top:30px; padding-left:0; padding-right:0;}
.button-3-fluid{padding-top:0px;padding-left: 0;padding-right: 0;}
.f24-m30{font-size:22px; margin-top:20px;}

.dotted-box p{font-size:20px;}

.fees-table{padding-left:8px; padding-right:8px; overflow: auto; margin-bottom:20px;}
.fees-table h4{text-align:center; margin-top:10px;margin-bottom: 10px;}
.fees-table .table > tbody > tr > td{ padding-left:10px;}
.fee-box{margin-top:30px; margin-bottom:25px; padding:0;}
.fee-box .black-title{font-size:20px; margin-bottom:15px; font-weight:bold;}


.banner .container{padding: 0; width: 97%; margin-top:10px;}

#about-us .p-image{ margin:auto; margin-top:20px; max-width:209px; float: none; box-shadow: 5px 5px 6px #999999;}
#about-us .p-link{ margin:auto; margin-top:15px; margin-bottom:20px; padding:18px; max-width:300px; box-shadow: 5px 5px 6px #999999;}
#about-us .p-link ul{line-height:25px; list-style: square; color: #224883; padding-left:25px;  font-weight:400; text-transform:capitalize; font-size:14px;}
#about-us .p-link li{ padding-left:10px;}

/* .logo-left{ margin-right:15px; text-align:center; float:none;}
.logo-left img{width:100%; max-width:300px;}
.logo-text {float:none; max-width: 100%;}
.logo-text p{font-size:16px; text-align:center; margin-top:5px; margin-bottom: 0;} */

.activities a.box{height: auto!important;}
.activities a img{ margin:auto}

}

@media screen and (max-width:991px){
.navbarNav .nav li a {font-size: 13px;}
.navbar-nav > li > a {padding-top: 25px; padding-bottom: 26px; padding-left:10px; padding-right:10px;}
.navbar-brand > img { width:150px;}
.navbar-brand {padding: 0px 0px;}
.navbar-right { margin-right: 0px;}

.inner-banner{margin:auto; margin-top:64px}

.pad-R-10{ padding-right:10px}
.pad-L-10{ padding-left:10px}
.activities a.box{height:157px;}
}
@media screen and (min-width:768) and (max-width:991px){
.button{padding-left:0px !important; padding-right:0px !important;}
}

@media screen and (min-width:992px) and (max-width:1199px){

.button{padding-left:5px !important; padding-right:5px !important;}
.activities a.box{height: 207px;}
}


.email-link {
    color: #333;
    text-decoration: underline;
}

.email-link:hover {
    color: #007bff;
}