@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);



* { margin:0; padding:0; }

body { background:#fff url(../images/bg-body.jpg) repeat left top; 

 font-family:'Roboto', sans-serif !important; font-size:14px  !important; color:#2f2f2f  !important; text-align:justify; line-height:24px; }

img { border:0; vertical-align:top; }



a { color:#b2201c; text-decoration:none; -webkit-transition: all 0.5s ease;

     -moz-transition: all 0.5s ease;

       -o-transition: all 0.5s ease;

      -ms-transition: all 0.5s ease;

          transition: all 0.5s ease;}

a:hover { text-decoration:underline; color:#000;}

:focus { outline:0; }/* Headings */

a:focus { outline:0; }

h1 { font-size:2em !important; font-weight:normal !important; line-height:1.15 !important; }

h2 { font-size:1.3em !important; line-height:1.25; margin-bottom:.45em; font-weight:normal; color:#333;}

h3 { font-size:1.35em !important; line-height:1.25; margin-bottom:.45em; color:#007bff !important;font-weight:normal;}

h4 { font-size:1.05em !important;; line-height:1.35; margin-bottom:.45em; }

h5 { font-size:1.05em !important;; line-height:1.35; margin-bottom:.45em; }

h6 { font-size:1em !important;; line-height:1.35; margin-bottom:1em; }/* Forms */

form { display:inline; }

fieldset { border:0; }

legend { display:none; }/* Table */

table { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; }

caption, th, td { vertical-align:top; text-align:left; font-weight:normal; }/* Content */

p { margin:0 0 1em; line-height: 24px; }

strong { font-weight:bold; }

address { font-style:normal; line-height:1.35; }

cite { font-style:normal; }

q, blockquote { quotes:none; }

q:before, q:after { content:''; }

small { font-size:1em; }

big { font-size:1.15em; }/*sup           { font-size:1em; vertical-align:top; }*//* Lists */

ul, ol { list-style:none; }/* Tools */

.hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }

.nobr { white-space:nowrap !important; }

.wrap { white-space:normal !important; }

.a-left { text-align:left !important; }

.a-center { text-align:center !important; }

.a-right { text-align:right !important; }

.v-top { vertical-align:top; }

.v-middle { vertical-align:middle; }

.f-left, .left { float:left !important; }

.f-right, .right { float:right !important; }

.f-none { float:none !important; }

.f-fix { float:left; width:100%; }

.no-display { display:none; }

.no-margin { margin:0 !important; }

.no-padding { padding:0 !important; }

.no-bg { background:none !important; }



input, select, textarea, button { font:12px/15px Arial, Helvetica, sans-serif; vertical-align:middle; color:#2f2f2f; }

input.input-text, select, textarea { background:#fff; border:1px solid #b6b6b6; }

input.input-text, textarea { padding:2px; }

select { padding:1px; }

select option { padding-right:10px; }

select.multiselect option { border-bottom:1px solid #b6b6b6; padding:1px 5px; }

select.multiselect option:last-child { border-bottom:0; }

textarea { overflow:auto; }

input.radio { margin-right:3px; }

input.checkbox { margin-right:3px; }



#header:after, #maincontainer:after, #footer:after, .footer-main:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }

.clear { clear:both;}



.list { list-style:url(../images/bullet.png); margin-left:20px;}

.list-arrow { list-style:url(../images/bullet-arrow.png); margin-left:20px;}

/* ======================================================================================= *//* Layout ================================================================================ */



#wrapper {}



.btn-red-small { background:#9e1815; padding:3px 10px; color:#FFF !important; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px;}

.btn-red-small:hover { background:#de3532; text-decoration:none;color:#FFF;}



/*======================================================================================= *//* Header ================================================================================ */

#header { padding:15px 0;}

.logo { float:left; margin:0 0 0 0;}

.logo-bgmedical { float:right; margin:0 0 0 0;}

.main-hd { margin:0 auto 20px auto;  text-align:center; padding-top:20px;color:#183f6d; font-weight:bold;}

.main-hd span { margin-top:25px; display:block;}



/*======================================================================================= *//* Main Container ================================================================================ */

#maincontainer {background:#FFF; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; padding-bottom:20px;}

.heading { padding:15px 20px; background:#EEE; margin-bottom:15px;}

.heading h1 { text-transform:uppercase; color:#000;}

.main-nav {background:transparent url(../images/main-nav-bg.jpg) repeat-x scroll  bottom; -moz-border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; border-radius:15px 15px 0 0;}

.banner {}

#slider {

    width:1004px; /* important to be same as image width */

    height:340px; /* important to be same as image height */

    position: relative; /* important */

	overflow: hidden; /* important */

}

#sliderContent {

    width:1004px; /* important to be same as image width or wider */

    position: absolute;

	top: 0;

	margin-left:0;

}

.sliderImage {

    float: left;

    position: relative;

	display: none;

}

.sliderImage span {

    position: absolute;

    width:350px;

    filter: alpha(opacity=70);

    -moz-opacity: 0.7;

	-khtml-opacity: 0.7;

    opacity: 0.7;

    color: #666;

    display: none;

	top:80px;

	right:60px;

}

.sliderImage span h3 {

	font-size:34px;

	margin-bottom:10px;

	display:none;

}

.sliderImage span strong {

    font-size: 14px;

}

.main-sec {  padding: 0 15px; }

.main-sec-full { padding:0 20px;}

.about{ text-align: justify; }

.right-sec {  }

.welcome-sec { margin-bottom:40px; margin-top:20px; text-align: justify;}

.welcome-sec h1 { font-size:24px !important;; text-transform:uppercase; color:#1f1c1c; margin-bottom:15px;}

.box-life-members {  border-right:solid 1px #DDD;}

.box-life-members table { margin:10px 0 0 10px;}

.box-life-members td { width:120px; padding:3px 0;}

.box-governing-council { padding:0;}

.box-governing-council li { margin:6px 0;}

.join-membership { margin-top:20px;  margin-bottom:20px;}

.join-membership img{ width: 100%;}

.join-membership1 { margin-top:20px;  margin-bottom:20px;}

.join-membership1 img{ width: 100%;}

.box-gray { background:url(../images/bg-col-ongoing.jpg) repeat-x bottom #FFF; padding:15px; padding-right:10px; border:solid 1px #e7e7e7; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}

.box-gray h2 { border-bottom:solid 1px #CCC; padding-bottom:10px ;  margin-bottom:10px;}

.box-gray ul { text-align:left;}

.box-gray ul li { padding:7px 0px ; border-bottom:dotted 1px #CCC; line-height:18px;}

.box-gray ul li a { color:#666;}

.box-gray ul li a:hover { color:#0854a6;}

.table-01 { border:solid 1px #CCC; margin-bottom:10px;}

.table-01 td { padding:5px 5px; vertical-align:middle; line-height:18px;}

.table-01 .hd { background:#cddef0 !important; color:#000; font-weight:bold; line-height:16px;}

.table-01 .r-1 { background:#f1f1f1;}



.table-02 { border:solid 1px #CCC; margin-bottom:10px;}

.table-02 td { padding:5px 5px; vertical-align:middle; line-height:18px; border:solid 1px #EEE;}

.table-02 .hd { background:#cddef0 !important; color:#000; font-weight:bold; line-height:16px;}



.row-view { border-bottom:dotted 1px #CCC; padding:15px 0;}



.txtbox-membership { background:none; border:none; border-bottom:dashed 1px #999; width:870px;}

.sign-box { border-top:solid 1px #CCC; width:150px; margin-top:70px; text-align:center;}

.mebership-form-2 { margin:20px 0; border-top:solid 1px #999; border-bottom:solid 1px #999; padding:20px 0;}

.mebership-form-2 .txtbox-membership { background:none; border:none; border-bottom:dashed 1px #999; width:300px;}	



.contact-form {}

.contact-form label { padding:6px 0 1px 0 !important; display:block;}

.txtbox-contact { padding:8px 10px; border:solid 1px #CCC; width:100%;}

.txtarea-contact { padding:8px 10px; border:solid 1px #CCC; width:100%; height:80px;}

.btn-submit { background:#222; border:solid 1px #000; cursor:pointer; padding:8px 20px; color:#FFF; font-size:14px;}

.btn-submit:hover { background:#000; color:#FFF; text-decoration:none;}



.activities-photos li {float: left !important;

margin: 1%;

width: 18%;}



.activities-photos li img{ width: 100%; height:75px; }

/*======================================================================================= *//* Footer ================================================================================ */

#footer {}

#footer a { color:#FFF;}

#footer h3 { font-size:16px !important; color:#FFF !important; border-bottom:solid 1px #6eaff5; padding-bottom:7px; margin-bottom:7px;}

.footer-main { background:#2f8bec; color:#FFF; padding:20px 20px 20px 20px; margin-top:20px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}

.footer-main li{ line-height: 30px; }

.footer-col { text-align:left;}

.col-navigations a { padding:2px 5px; }

.col-navigations a:hover {background:#0854a6; text-decoration:none;}

.col-navigations ul { float:left; width:40%; margin-bottom: 0px;}

.col-news { }

.date { background:#0379f9; padding:0px 15px; color:#FFF; line-height:18px; margin:5px 0 8px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.footer-bottom { font-size:11px; color:#FFF; margin:5px 0 10px 0; }

.copyright { float:left;}

.design { float:right; text-align: right;}

.design a { color:#666;}

.design a:hover { color:#F93;}



.life-members { line-height:16px; margin-top:10px;}

.life-members li { margin-bottom:7px;}

.members { line-height:16px;}

.members li {}



.event-img{}

.event-img img{ width: 100%;}













.carousel-item img{ width: 100%;}

.carousel-indicators .active {

    background-color: #007bff  !important;

}

.carousel-indicators li{background-color: #ccc  !important;}



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

.mobile-logo-right{ display: none; }

.des-logo-right{display: block;}



}







@media only screen and (max-width: 575px) {

.mobile-logo-right{ display: block; }

.des-logo-right{display: none;}

.get-touch p{ margin-bottom: 5px;}

.welcome-sec h1{    font-size: 20px !important;}



}





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

.navbar-expand-md .navbar-toggler {



   



}



}



@media only screen and (max-width: 767px) {

.box-gray{ margin-top: 20px; }

.welcome-sec{margin-bottom: 20px;}

.copyright{ text-align: center; float: none; }

.design{ text-align: center; float: none; }

}





@media (min-width: 576px) and (max-width: 767px) {

  .container {

    max-width: 95% !important;

  }



}



@media only screen and (min-width: 576px) and (max-width: 767px) {

  .list-arrow{ margin-bottom: 20px !important; }

    .join-membership1{ text-align: center; }

  }

  .join-membership1 img{ width: 50% !important; margin:0 auto 20px auto !important; }

.get-touch{  }

.get-touch p{ float: left !important; width: 50% !important; }

.glidecontentwrapper{ height: 131px !important; }

  .activities-photos li {float: left !important;

    margin: 8px;

    width: 23%;



 }

 .activities-photos li img{height: 115px;



width: 100%;}



}

@media only screen and (max-width: 575px) {



  .activities-photos li {float: left !important;

margin: 8px;

width:46%; }

  .activities-photos li img{height:90px; width: 100%;}

  .footer-col{ margin-top:20px; }

.glidecontentwrapper{



  position: relative; /* Do not change this value */



  height:105px !important;

}

.logo img{ width: 70%; } 

.mobile-logo-right  img{ width: 70%; float: right; }

.main-hd span{ margin-top: 10px; }

.box-life-members{ border-bottom: 1px solid #ccc; margin-bottom: 10px; }

}



.journal a{color:#b2201c; font-size: 15px;}

.news  h3{ font-size: 15px !important; margin-bottom: 0px; font-weight: 400; }

.news a

{color:#b2201c;}

 .table-yscroll{ height: 400px; overflow-y: scroll; margin-bottom: 20px; }

 .activity h2{ color:#2f8bec; font-weight: 500;}





 @media only screen and (max-width:456px) {

  .activities-photos li {float: left !important;

margin: 8px;

width:44%; }

 }





  @media only screen and (max-width:360px) {

    .activities-photos li {float: left !important;

margin: 8px;

width:93%; }



  .activities-photos li img{height:110px; width: 100%;}

 }





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

  .col-navigations ul {

    float: left;

    width: 39%;

    margin-bottom: 0px;

}.get-touch p{ margin-bottom: 5px;}

#footer{ font-size: 13px; }

   .activities-photos li {float: left !important;

margin: 8px;

width:29%; }

  .activities-photos li img{height:70px; width: 100%;}

}



.table-y-scroll{ height: 800px; overflow-y: scroll; }







@media only screen and (min-width: 0px) and (max-width: 572px) {



.main-hd{ margin-bottom: 5px; }

#header{padding-bottom: 5px;}

  .main-hd img{ width: 60% !important ; }

  .main-hd span{ margin-top: 7px; }

}

.table-jou td{ border: 1px solid #ddd; padding: 5px 3px; }