/*------------------------------> Default <---------------------------------*/
body {font: 400 15px Lato, sans-serif;line-height: 1.8;color: #818181;text-align:justify;}
h2 {font-size: 24px;text-transform: uppercase;color: #303030;font-weight: 600;margin-bottom: 30px;}
h2.heading{color: #4B61A0;text-transform: capitalize;font-size:213%;font-family: 'Raleway', sans-serif;font-weight: 700;}
.edit-tab h3 {color: #636C6C;font-size: 24px;font-family: 'Raleway', sans-serif;font-weight: 700;margin: 0px;margin: 0px;padding-bottom: 30px;padding-top: 50px;}
p {color: #636C6C;font-size: 16px;font-family: 'Raleway', sans-serif;font-weight: 400;line-height: 24px;margin: 0px;}
.heding h4 {font-size: 19px;line-height: 1.375em;color: #3c3c3c;font-weight: 400;margin-bottom: 30px;}
.container-fluid {padding: 60px 50px;}
.bg-grey {background-color: #f6f6f6;}
.thumbnail {padding: 0 0 15px 0;border: none;border-radius: 0;}
.thumbnail img {width: 100%;height: 100%;margin-bottom: 10px;}
.item h4 {font-size: 19px;line-height: 1.375em;font-weight: 400;font-style: italic;margin: 70px 0;}
.item span {font-style: normal;}
.panel {border: 1px solid #f4511e;border-radius:0 !important;transition: box-shadow 0.5s;}
.panel:hover {box-shadow: 5px 0px 40px rgba(0,0,0, .2);}
.panel-footer .btn:hover {border: 1px solid #f4511e;background-color: #fff !important;color: #f4511e;}
.panel-heading {color: #fff !important;background-color: #f4511e !important;padding: 25px;border-bottom: 1px solid transparent;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.panel-footer {background-color: white !important;}
.panel-footer h3 {font-size: 32px;}
.panel-footer h4 {color: #aaa;font-size: 14px;}
.panel-footer .btn {margin: 15px 0;background-color: #f4511e;color: #fff;}
/*-------------------------------> Common <-----------------------------------*/
.margin-top5{margin-top:5px;}
.margin-top8p{margin-top:8%;}
.margin-top15{margin-top:15px;}
.margin-top25p{margin-top:25%;}
.margin-top30{margin-top:30px;}
.margin-bottom15{margin-bottom:15px;}
.margin-bottom45{margin-bottom:45px;}
.margin-right15{margin-right:15px;}
.margin-left15{margin-left:15px;}

.padding-top3p{padding-top:3%;}
.padding-top40{padding-top:40px;}

.border0{border:0}

.coral-text{color:coral !important;}
.hr-new{border-top:1px solid lightgray;}
.hr-news{border-top:1px solid lightgray;margin-top:40px;}
.hr-footer{border-color:gray;margin-bottom:50px;}

/*-------------------------------> Navigation <-------------------------------*/
.navbar {margin-bottom: 0;background-color: #33749B;z-index: 9999;border: 0;line-height: 1.42857143 !important;border-radius: 0;}
.navbar-default .navbar-nav > li > a {color: whitesmoke !important; padding: 15px 15px !important;font-weight:bold;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {color: coral !important;background:none !important;border:1px solid coral;border-radius:4px;}
.navbar-nav > li > .dropdown-menu {background-color:#33749B !important;margin-top: 1% !important;}
.navbar-nav > li > .dropdown-menu > li > a{color: #E9E7CF !important;font-weight:bold;}
.navbar-nav > li > .dropdown-menu > li > a:hover{color: coral !important;background:#5293BA;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {color:coral;background-color:transparent;border:1px solid coral;border-radius:4px;}
/*-------------------------------> Banner <-----------------------------------*/
.banner{margin-top:9em;}
/*---------------------------> News & Events <---------------------------------*/
.date-border{border:3px solid coral;line-height:1;}
.date-day{color: #4B61A0;font-size:7em;margin:0px;}
.date-month{color: #4B61A0;font-size:2em}
.news-line-height{line-height:.03;}
.col-sm-9 a{color: #636C6C;text-decoration:none !important;}
.col-sm-12 a{color: #636C6C;text-decoration:none !important;}
.col-sm-6 a{color: #636C6C;text-decoration:none !important;}
/*------------------------> OUR OTHER ACTIVITIES <-----------------------------*/
.padding-top-bottom5p{padding-top:5%;padding-bottom:5%;}
.panel-default{height:400px;}
/*-----------------------------> Journal <-------------------------------------*/
.h3-line-height{line-height:1;}
/*-------------------------------> Modal <-------------------------------------*/
.modal-header{padding:35px 50px;}
.modal-header,.close {background-color: #333F45;color:white !important;text-align: center;font-size: 30px;}
.modal-header> h4 {background-color: #333F45;color:white !important;text-align: center;font-size: 30px;}
.modal-body{padding:40px 50px;}
.modal-footer {background-color: #f9f9f9;}
/*-------------------------------> Body <--------------------------------------*/
.fa-facebook{font-size:1.7em;margin-top:15px;color:white;background:#4E71A8;padding:10px;}

/*-----------------------------> Google Map <-----------------------------------*/
.scrolloff {pointer-events: none;}
/*-------------------------------> Footer <-------------------------------------*/
footer{background: #333F45;}
footer h2{color:whitesmoke;}
footer h3{color:whitesmoke;}
footer h4{color:whitesmoke;}
footer .glyphicon {font-size: 20px;margin-bottom: 20px;padding:20px;background:lightgray;color: #f4511e;border-radius:50%;}
.slideanim {visibility:hidden;}
.slide {animation-name: slide;-webkit-animation-name: slide;animation-duration: 1s;-webkit-animation-duration: 1s;visibility: visible;}
/*-------------------------------> ICON <--------------------------------------*/
.fa-envelope-o, .fa-user-circle-o, .fa-map-marker{color:whitesmoke;}
.header-icon{font-family: 'Raleway', sans-serif;}
/*--------------------------------> GB <---------------------------------------*/
.img-border{border: 1px solid #c7c5b2;padding:6px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

/*-----------------------------> Media Query <-----------------------------------*/
@keyframes slide {0% {opacity: 0;transform: translateY(70%);}100% {opacity: 1;transform: translateY(0%);}}
@-webkit-keyframes slide {0% {opacity: 0;-webkit-transform: translateY(70%);}100% {opacity: 1;-webkit-transform: translateY(0%);}}
@media screen and (max-width: 768px) {.col-sm-4 {text-align: center;margin: 25px 0;}.btn-lg {width: 100%;margin-bottom: 35px;}}
@media screen and (max-width: 480px) {.logo {font-size: 150px;}}