@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');

html, body {

height: 100%;

padding: 0;

margin: 0;

}



body * {

font-family:'Open Sans';

font-size: 14px;

color: #787878;

}





.no-padding{ padding:0 !important}

.no-padding-l{ padding-right:0 !important}

.no-padding-r{ padding-left:0 !important}

.no-padding-t{ padding-top:0 !important}

.no-padding-b{ padding-bottom:0 !important}



.no-margin{ margin:0 !important}

.no-margin-l{ margin-right:0 !important}

.no-margin-r{ margin-left:0 !important}

.no-margin-t{ margin-top:0 !important}

.no-margin-b{ margin-bottom:0 !important}



.margin-b18{ margin-bottom:18px !important}

.margin-b25{ margin-bottom:25px !important}

.margin-b40{ margin-bottom:40px !important}

.margin-t25{ margin-top:25px !important}

.margin-b15{ margin-bottom:15px !important}



.padding20{padding:0 30px !important}



.paddingb20{padding: 0 0 20px !important}

.padding-b20{padding-bottom:  20px !important}



.paddingtb20{padding: 20px 0 !important}



.pos_rel{position:relative !important}

.txt_dec{ text-decoration: underline !important}

.no-txt_dec{ text-decoration:none !important}





.menuss{padding:0 0px 0 0px !important; 

  z-index:998; position:relative}



.animated{

-webkit-animation-duration: 1.4s; /* Safari 4.0 - 8.0 */

animation-duration: 1.4s;}

    

.navbar-wrapper{ background:#fff; padding:5px 100px 10px 100px;position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 999;

  border-bottom:1px solid #eee

}



.brand{width:auto}



    



.callmail{display:inline-block; padding:0 0 0 130px; margin:0px 0 0px;float: left;}

.callmail p{font-family: 'Open Sans', sans-serif; font-size:14px; color:#707070; font-weight:300; margin:0 35px 10px 0; }

#call{background:url(../images/call.png) no-repeat 0 0px; padding:4px 12px 8px 34px}

#callc{background:url(../images/call.png) no-repeat 0 11px; padding:4px 5px 4px 34px}

#mail{background:url(../images/mail.png) no-repeat 0 18px; padding:13px  4px 4px 34px}

.booking{margin-top: 10px;float: right;padding: 0 10px 0px 0px;}



.bannertoparea{height:126px}

/**/

.bannerarea{padding:0;}

.bg_1{padding-top: 110px;padding-bottom: 90px;background:url(../images/body-banner.jpg) no-repeat center ; }

.bg_2{padding-top: 30px;padding-bottom: 30px; background:url(../images/body-banner.jpg) no-repeat center ; }

.bg_3{padding-top: 60px;padding-bottom: 40px;}



@media (max-width:1240px) and (min-width:1200px) {

.bannertoparea{height:114px}

}

@media (max-width:1199px) {



  .callmail {

    margin: 0;

    width: 325px;

    position: absolute;

    right: 56px;

    top: 0px;

}

.callmail p{margin:0}

.navbar-wrapper {    padding: 16px 15px 6px 15px;}



.navbar .brand{margin: 12px 10px 32px 0px;}



.bannertoparea{height:154px}

}



@media (max-width:991px) {

.menuss {

    margin: 16px 0 0;

}

.navbar-wrapper {    padding: 0px 15px 10px 15px;}

}

@media (max-width:768px) {

.callmail { display:none}

}

@media (max-width:518px) {

.bannertoparea {

    height: 121px;

}

  .brand{width:223px}

}





.bg{background:#fff url(../images/bg.gif) repeat 0 0;}





.banner-btns{position:absolute; z-index:9; bottom:  -52px;right: 25%;}

.btn-orng{ padding:0;;  margin:0; display:inline-block; float:right  }

.btn-orng:hover,.btn-orng:focus{  }







.video h1{font-family: 'Roboto', sans-serif; font-size: 30px; font-weight:300; color:#555555}

.vmcis p{font-family:  'Roboto', sans-serif; font-size: 14px;  color:#5f5f5f; text-align: justify;}

.mother{padding-top: 15px;}

.btn-whit2{background:#555555; color:#fff; height: 30px; padding-left: 30px;padding-right: 30px;}

.bg_3 h3{font-family: 'Roboto', sans-serif; font-size: 30px; font-weight:300; color:#555555}





.bg_2 p {

    font-family:  'Roboto', sans-serif;

    font-size: 14px;

    color: #5f5f5f;

    text-align: justify;margin: 18px 0 25px;

}



.spcl_p{padding: 0; margin-bottom: 30px }

.spcl_p h4{font-family:'Roboto', sans-serif; font-size: 20px; color: #000}

.spcl_p p {font-family:'Roboto', sans-serif; font-size: 14px; color: #000;text-align: justify;}

@media (max-width:1240px) and (min-width:1200px) {

.navbar .brand{width: 300px}

}

@media (max-width:1199px) {

.banner-btns {right: 19%;}

}

@media (max-width:991px) {

.banner-btns { right: 11%;}

.bg_1 {padding-top: 40px; padding-bottom: 45px;}

}

@media (max-width:768px) {

.banner-btns{ display:none}

}

    

.sect1{background:none; padding:50px 15px !important}

.sect1 h1{font-family: 'Roboto', sans-serif; font-size:50px; font-weight:300; color:#fff; padding:0 ; margin:0px 0 5px; line-height:1; text-transform:uppercase}

.sect1 h1 font{ font-size:40px; font-weight:300;}

.asso{min-height:335px; background:url(../images/asso_bg.jpg) no-repeat right  bottom; padding:50px 45px 30px}

.trad{min-height:335px; background:#000 url(../images/trad_bg.jpg) no-repeat right top; padding:50px 45px 30px}

.asso p {font-family: 'Roboto', sans-serif; font-size:19px; color:#fff; margin:0px 100px 29px 0; padding:0; font-weight: 300; line-height:1.1 }

.trad p {font-family: 'Roboto', sans-serif; font-size:14px; color:#fff; margin:18px  10px 30px 0; padding:0; font-weight: 300; line-height:1.3 }



.sect2{background:none; padding:65px 15px 90px; }

.sect2 p {font-family: 'Roboto', sans-serif; font-size:15px; color:#555555; margin:0 0 10px 0;  text-align: center;

border-left: 13px double #406618; border-right: 13px double #406618;padding: 0 7px;}





.sect3{background:#e5e8ec; padding:45px 15px 90px;}

.sect3 h4{font-family:'Roboto', sans-serif; font-size: 30px; font-weight: 300;  color: #555555 padding:0px; margin: 0 0 20px;}

.sect3 p{font-family:'Roboto', sans-serif; font-size: 13px; color: #fff;text-align: justify;}

.white-s3{background:#fff; min-height:165px; margin-bottom:24px}



.bluebg{ background-color:#05b0eb; padding:20px 15px; min-height: 145px; margin-bottom: 20px}

.bluebg p {font-family:'Roboto', sans-serif; font-size: 13px; color: #fff;}



.sect3 img {

     filter: url(filters.svg#grayscale);

   -webkit-filter: grayscale(1); /* Webkit */

   filter: gray; /* IE6-9 */

   filter: grayscale(1); /* W3C */

 /* Google Chrome & Safari 6+ */

 transition: all 0.4s;

}

.sect3 img:hover {

 filter: none;

 -webkit-filter: none;

 transition: all 0.4s;

}



.sect4{background:none; padding:0px 15px 10px; }

.sect4 h3{font-family: 'Roboto', sans-serif; font-size:40px; font-weight:300; color:#717070; padding:0 ; margin:0 0 10px; text-transform:uppercase; }

.sect4 h4{font-family: 'Roboto', sans-serif; font-size:24px; font-weight:300; color:#717070; padding:0 ; margin:8px 0 6px; text-transform:uppercase; }

.sect4 p {font-family: 'Roboto', sans-serif; font-size:14px; color:#555555; margin:0 0 14px 0; padding:0; text-align: justify }

.white-s4{background:#fff; min-height:155px; margin-bottom:24px}



.sect5{ background:none; padding:0px 15px 20px}

.sect5 h3{font-family: 'Roboto', sans-serif; font-size:40px; font-weight:200; color:#717070; padding:0 ; margin:0 0 10px; text-transform:uppercase; }

.sect5 h4{font-family: 'Roboto', sans-serif; font-size:24px; font-weight:300; color:#717070; padding:0 ; margin:8px 0 6px; text-transform:uppercase; }

.sect5 p {font-family: 'Roboto', sans-serif; font-size:14px; color:#555555; margin:0 0 14px 0; padding:0; text-align: justify }

.white-s5{background:#fff; min-height:155px; margin-bottom:24px}



.sect6{padding:15px 15px; background:#707070; }

.sect6 p{font-family:'Roboto', sans-serif; font-size:12px ; color:#fff; margin:0px auto; padding:0; text-align:center }

.sect6 p a{font-family:'Roboto', sans-serif; font-size:12px ; color:#fff; margin:0; padding:0 8px; font-weight: 600;

 text-transform: uppercase }

.sect6 font{color: #fff}

.sect7{padding:35px 15px; background:#d5d6d7}

.sect7 p{font-family:'Roboto', sans-serif; font-size:14px ; color:#545454; margin:0px auto; }





.bg-white{background:#fff}



@media (max-width:1199px) {

.sect5 h5{font-family: 'Roboto', sans-serif; font-size:18px; font-weight:400; color:#444444; padding:0 ; margin:0px 0 0px}

.asso p {margin:0px 27px 29px 0; }

.white-s3{ min-height:217px}

.white-s4,.white-s5{ min-height:170px}



.bluebg{  min-height: 159px }

}



@media (max-width:991px) {

.sect1 h1{font-size:34px; margin:0px 0 16px }

.sect1 h1 font{ font-size:24px;}

.sect3 h2{font-size:30px; }

.sect3 p{ font-size:12px; }

.white-s4,.white-s5{ min-height:190px}



.sect6 p,.sect6 p a{ font-size:10px ;}

.bluebg {min-height: 260px;}

}



@media (max-width:767px) {

.sect2{padding-top:0} 

.sect3 h2{font-size:30px; }

.sect3 p{ font-size:14px; }

.asso, .trad{ margin:0 0 30px}

.asso p {font-size:14px;margin:0px 0px 29px ; line-height:1.3}

.trad p {font-size:14px;margin:18px 0px 30px  }

.white-s4,.white-s5{ min-height:130px; padding-bottom: 15px;}



.sect6 p a{ font-size:12px ; display:block; widows:100%; padding:4px 8px}

}









/** quote carousel**/



.topserv-home-test {

    background: url(../images/test_bg.png) no-repeat center top;

    padding: 50px 15px 100px;

}

.topserv-home-test h4 {

    font-family: font-family:'Roboto', sans-serif;

    font-size: 25px;

    color: #3a3939;

    text-align: center;

    margin: 15px 0;

    padding: 0;

    font-weight: 300;

    text-transform: uppercase;

}

.test_img {

    width: 100px;

    height: 100px;

    box-shadow: -7px -6px 0 4px #b8b8b8;

}

/* carousel */

#quote-carousel 

{

  padding: 0 10px 30px 10px;

  margin-top: 30px;

}



/* Control buttons  */

#quote-carousel .carousel-control

{

  background: none;

  color: #222;

  font-size: 2.3em;

  text-shadow: none;

  margin-top: 30px;

}

blockquote p{font-family:'Roboto', sans-serif !important; font-size:14px; line-height:1.3; font-weight:300; color:#3a3939;}





blockquote small{font-family:'Open Sans ', sans-serif !important; font-size:16px; color:#3a3939; text-align: center; font-weight:600; }

blockquote small span{border-bottom: 3px solid;}

/* Previous button  */

#quote-carousel .carousel-control.left 

{

  left: -12px;

}

/* Next button  */

#quote-carousel .carousel-control.right 

{

  right: -12px !important;

}

/* Changes the position of the indicators */

#quote-carousel .carousel-indicators 

{

  right: 50%;

  top: auto;

  bottom: 0px;

  margin-right: -19px;

}

/* Changes the color of the indicators */

#quote-carousel .carousel-indicators li 

{

  background: #c0c0c0;

}

#quote-carousel .carousel-indicators .active 

{

  background: #333333;

}

/* End carousel */

.item blockquote {

    border-left: none; 

    margin: 0;

}

.item blockquote img {

    margin-bottom: 10px;

}



.img_test{width: 110px; height: 110px; margin:auto;}



.btn-r{float:right}



.btn-v {background:url(../images/btnv.png) no-repeat right center; font-family: 'Roboto', sans-serif; font-size:11px; font-weight:600; color:#777777; padding:5px 11px; text-transform:uppercase;  border:none ; height:24px; margin:0 0 12px; display:inline-block  }

.btn-v:hover,.btn-v:focus{    color:#000; text-decoration:none; }





.btn-green2{background:#1e5b18; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; color:#fff; padding:3px 25px; text-transform:uppercase;  border:none ;  margin:0 5px 12px 0; display:inline-block; float:left  }

.btn-green2:hover,.btn-green2:focus{ background:#0f3f0a;color:#fff; text-decoration:none; }





.btn-outline{background:none; font-family: 'Roboto', sans-serif; font-size:15px; font-weight:400; color:#fff; padding:4px 29px; text-transform:uppercase; border:1px solid #fff; text-align:center; }

.btn-outline:hover,.btn-outline:focus{background:#fff; color:#000; text-decoration:none;}



.btn-outline2{background:none; font-family: 'Roboto', sans-serif; font-size:12px; font-weight:400; color:#777777; padding:3px 17px; text-transform:uppercase; border:1px solid #d7d7d7; text-align:center; }

.btn-outline2:hover,.btn-outline2:focus{background:#d7d7d7; color:#fff; text-decoration:none;}





.calls{background:url(../images/call.png) no-repeat 0 0; padding:6px 12px 6px 35px; font-family: 'Roboto', sans-serif; font-size:15px; color: #545454}

.mails{background:url(../images/mail.png) no-repeat 0 5px; padding:3px 4px 4px 35px;  font-family: 'Roboto', sans-serif; font-size:15px; color: #545454}





@media (max-width: 767px) {

.btn-red-md{ font-size:3.4vw}

}



.btn-red2{background:#fff  url(../images/red2.gif) no-repeat right center; font-family: 'Roboto', sans-serif; font-size:11px; font-weight:600; color:#000; padding:4px 12px 4px 1px; text-transform:uppercase; border:none ; height:24px; margin:0 0 12px; display:inline-block  }

.btn-red2:hover,.btn-red2:focus{ color:#000; text-decoration:none;}



.hrr{margin:0; border-bottom:1px solid #d1d1d1}





.social{ padding-top: 5px;margin:auto ;display: block;width: 200px}

.social p{font-family:'Roboto', sans-serif; font-size:13px; color:#474747; padding:0px 0 5px; font-weight:500 !important;  margin:0 }

.social img{float:left; margin:0 5px 0 0}

@media (max-width: 380px) {

.homcon{width: auto}

}





.font22{font-size:22px; line-height:1.2; font-weight:300}

.font14{font-size:14px; }

.font17{font-size:17px; }

.font18{font-size:18px; }





.bg-color2{

  background-color:#c4c5c6;

  padding:17px 15px 17px;

  color:#5f5e5e;   font-family:'Roboto', sans-serif, sans-serif !important; font-size:14px}

   

.hover-a a{ text-decoration:none;

color:#5f5e5e; font-size:14px;font-family:'Roboto', sans-serif, sans-serif

}  

.hover-a a:hover{ text-decoration:none;

color:#212121;

}  

.pcapoorght p{color:#5f5e5e;font-family:'Roboto', sans-serif, sans-serif}

.p-color { font-size:14px;}

.p-color p{ font-size:14px;}



.f-right{ float:right !important;

text-align:right;}

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

.float-r{text-align: center}

.float-l{text-align: center} 

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

.bg-color2{

  padding:17px 15px 17px;}

}







.ta-r{text-align:right}

.ta-l{text-align:left}

@media (max-width: 767px) {

.ta-r{text-align:center}

.ta-l{text-align:center}


}







@media (max-width:768px) {

  .nav-collapse, .nav-collapse.collapse{right:0}

}

    

@media (max-width:420px) {

.col-xxs-12{ width:100% !important}



}

.clear{clear:both}







.pop{background:#c1c1c1 url(../images/bg.png) no-repeat 0 0; margin: 0; padding: 40px 20px 30px 70px; width: 55px; height: 286px; position: fixed; bottom: 115px;  right:-35px; left:auto;-webkit-transition: all 2s; transition: all 2s;}

.pop:hover { width: 350px;right:0;}



.home-form,.home-form:focus,.home-form:hover{border:1px solid #fff; background:none; color:#000}

.btn-md-outline-white{background:#000; color:#fff; height: 30px; padding-left: 30px;padding-right: 30px;}



/***  subpage  ***/

.subbannerarea{ background:url(../images/subbaner.jpg) no-repeat center;width:100%;  padding:0 !important}

.subbannerarea h1{font-family: 'Roboto', sans-serif; font-size:45px; font-weight:300; color:#fff; padding:0 ; margin:0; position:absolute; left:15px; bottom:20px }

@media (max-width: 767px) {

.subbannerarea{width:100%; height:90px; background:#020 no-repeat 0 0 }

.subbannerarea h1 {margin: 45px 15px 0; font-size:29px; position: relative;left: 0;bottom: 0;}



}





.subpage{padding: 75px 15px}



.asso_sub{ background:url(../images/asso_bg.jpg) no-repeat center bottom; padding:50px 25px 45px;margin:0 0 40px}

.asso_sub h1{font-family: 'Roboto', sans-serif; font-size:44px; font-weight:300; color:#fff; padding:0 ; margin:0px 0 5px; line-height:1; text-transform:uppercase}

.asso_sub h1 font{ font-size:35px; font-weight:300;}

.asso_sub p {font-family: 'Roboto', sans-serif; font-size:14px; color:#fff; margin:0px 0px 29px 0; padding:0; font-weight: 300; line-height:1.3 }



.trad_sub{ background:#000 url(../images/trad_bg.jpg) no-repeat right top; padding:30px 25px 36px;margin:0 0 40px}

.trad_sub h1{font-family: 'Roboto', sans-serif; font-size:40px; font-weight:300; color:#fff; padding:0 ; margin:0px 0 5px; line-height:1; text-transform:uppercase}

.trad_sub h1 font{ font-size:34px; font-weight:300;}

.trad_sub p {font-family: 'Roboto', sans-serif; font-size:14px; color:#fff; margin:18px 10px 27px 0; padding:0; font-weight: 300; line-height:1.3 }



.subpgservice{width:100%; position:relative; display:inline-block; padding:0 !important; margin:0 0 30px} 

.subpgservice h4{font-family: 'Roboto', sans-serif;  font-size:40px;color:#fff;line-height:1.2; font-weight:300; margin:0 ; padding:25px 15px 10px; position:absolute;bottom:0; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); width:100%; text-transform:uppercase}





@media (max-width:1199px) {

.asso_sub h1{ font-size:3.6vw;}

.asso_sub h1 font{ font-size:3vw;}

.trad_sub h1{font-size:2.7vw;}

.trad_sub h1 font{ font-size:2.4vw}

.subpgservice h4{font-size:3.3vw}

}



@media (max-width:991px) {



}



@media (max-width:768px) {

.asso_sub h1{ font-size:6vw;}

.asso_sub h1 font{ font-size:4vw;}

.trad_sub h1{font-size:5vw;}

.trad_sub h1 font{ font-size:3vw}

.subpgservice h4{font-size:7vw}



}

    

@media (max-width:420px) {

.asso_sub h1{ font-size:9vw;}

.asso_sub h1 font{ font-size:6vw;}

.trad_sub h1{font-size:9vw;}

.trad_sub h1 font{ font-size:6vw}



}



.bg_about{padding-top: 127px; padding-bottom: 100px; background:#fafafa;}

.bg_about1{padding-top: 127px; padding-bottom: 100px; background:#fff;}

.contents{}

.contents h1{font-family: 'Roboto', sans-serif; font-size:32px; font-weight:400; color:black;text-transform:uppercase}

.contents h2{font-family: 'Roboto', sans-serif; font-size:24px; font-weight:400; color:black; padding:0 ; margin:0 0 15px;}

.contents h3{font-family: 'Roboto', sans-serif; font-size:17px; font-weight:400; color:black; padding:0 ; margin:17px 0 0px;}

.contents h4{font-family: 'Roboto', sans-serif; font-size: 19px; font-weight: 400; color: #1488bd;}

.contents p{font-family: 'Roboto', sans-serif; font-size:15px; font-weight:400; color:black;text-align:justify;}

.contents ul{ padding:0 0 0 16px; margin:0 0 14px; }

.contents ul li{font-family: 'Roboto', sans-serif; font-size:16px; font-weight:400; color:#555555; padding:0 ; margin:0 ; line-height:1.7; list-style-image: url(../images/ulli.gif); list-style-position:inside }

.contents ol{ padding:0 0 0 16px; margin:0 0 14px; }

.contents ol li{font-family: 'Roboto', sans-serif; font-size:16px; font-weight:400; color:#555555; padding:0 ; margin:0 ; line-height:1.7;list-style-position:outside }

.contents img{padding-bottom:14px}

.contents .note{background-color: #444444; padding: 0px 106px 8px;}

.contents .ptop{padding-top: 20px;}

.contents .testp{border-bottom: 1px dotted; padding-top: 0px; padding-bottom: 15px;}

.formclr{background:#f3f3f3;}

.note p{color: #d8d8d8;}

.contents .quotes{background-color:#000000; padding: 0px; display: inline-block; margin-top: 40px;}

.quotes p{padding: 0 94px; margin: 0; text-align: center; color: #fff; font-weight: bold; font-style: italic;}

.quotes img{padding-bottom:0px}

.special{padding: 0px; margin-top: 62px;}

.special p{font-family:'Roboto', sans-serif; font-size: 13px; color: #fff;text-align: justify;}

.special img{padding-bottom:0px}

.special .bluebg{background-color: #05b0eb; padding: 0px 15px; min-height: 145px; margin-bottom: 20px;}

.specialabout{padding: 0px; margin-top: 0px;}

.specialabout p{font-family:'Roboto', sans-serif; font-size: 13px; color: #fff;text-align: justify;}

.specialabout img{padding-bottom:0px}

.specialabout .bluebg{background-color: #05b0eb; padding: 0px 15px; min-height: 145px; margin-bottom: 20px;}



.table th{background:#727272; color: #fff; padding: 12px 17px 14px !important; font-size: 14px; font-weight: 400; width: 152px;}

.table td{background:#616161;  color: #fff; padding: 12px 24px !important; font-size: 14px;}

.contents1{margin-top: 93px; }



.contents-sub h2{font-family: 'Roboto', sans-serif; font-size:30px; font-weight:300; color:black;}

.contents-sub1{margin-top: 13px;}

.contents-sub2{background: #e8e8e9 url(../images/sub-baby.jpg) no-repeat center top; min-height: 754px; margin-top: 47px;padding: 15px 15px 30px;}

.contents-sub2 p{font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; color:black;text-align:justify; padding: 0px; margin-top: 394px;}

.contents-sub2 .btn-whit2{margin-left: 0px;}

.contents-sub3{width: 100%; display: inline-block; margin: 0px 0 20px; padding: 0;}

.contents-sub3 ul{margin: 0px; padding: 0px;}

.contents-sub3 ul li{font-family: 'Roboto', sans-serif; font-size: 15px; color: #fff; margin: 0px; padding: 10px 28px; background: #a0a0a0 url(../images/ulli-arrow.gif) no-repeat 14px center; border-bottom: 1px solid #777777; border-top: 1px solid #b5b5b5; list-style: none;}

.contents-sub3 h2{font-family: 'Roboto', sans-serif; font-size: 25px; font-weight: 400; color: #fff; margin: 0px; padding: 10px 28px; background: #515151; text-transform: uppercase;}

.contents-sub3 a {

  color:#a0a0a0;

  text-decoration:none

}

.contents-sub3 a:hover, .contents-sub3 a:focus {

  color:#fff;

  background:#515151;

}

.img-left{float: left; margin-right: 20px;}

.img-right{float: right; margin-left: 20px;}

.each_news p{ font-family:'Open Sans', sans-serif !important; font-size:14px; font-weight: lighter; color:black; margin:0 0 10px; padding:0 0 15px; float:right; line-height:1.2; width:100%; border-bottom:1px dotted #222}

.each_news h3{color: black; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 400; padding-left: 0px; padding-top: 0px;}

.img-center{margin: auto;display: block;}



.map{border: 1px solid #b0b0b0; background:#fff; margin:15px 0 }

.bg_dgray{padding-top: 21px;}

.btn-whit2c{background: #000000; color: #fff; height: 30px; padding-left: 30px; padding-right: 30px;}

.contact p{font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; color: #787878;}

.iframe{padding-top: 45px;}

.btn-whit2c:hover,.btn-whit2c:focus{ color:#fff; text-decoration:none;}

.btn-whit2:hover, .btn-whit2:focus{background:#555555; color:#fff;}



.pradio{padding: 0 10px 0 5px;}

@media (max-width:768px)

{

  .bg_about{padding-top: 150px;}

  .contents-sub1 {margin-top: 7px;}

}

@media (max-width:998px)

{

  .bg_about{padding-top: 160px;}

  .contents-sub2 p{margin-top: 455px;}

}

@media (max-width: 1199px){.bg_about{padding-top: 150px;}}

/*** gallery ***/



.gallery{}

.gallery h1{font-family: 'Roboto', sans-serif; font-size:35px; font-weight:300; color:#6a6a6a; padding:0 ; margin:0 0 14px; text-transform:uppercase}

.gallery p{font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; color:#6a6a6a; padding:0 ; margin:0 0 14px; text-align:center}

.gallery img{padding:0 ; margin:0 0 24px; border:none}

.gallery img:hover{ border:none; cursor:pointer}







/**/



.white-bg{background:#fff; width:100%; box-sizing:border-box; display:inline-block}

.know{}

.know h2{font-family: 'Roboto', sans-serif; font-size:24px; font-weight:300; color:#555; padding:0  15px; margin:8px 0 4px; text-transform:uppercase}

.know p{font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; color:#555; padding:0 15px ; margin:0 0 18px; text-align:justify}





/** galery **/





.gallery-title

{

    font-size: 36px;

    color: #42B32F;

    text-align: center;

    font-weight: 500;

    margin-bottom: 70px;

}

.gallery-title:after {

    content: "";

    position: absolute;

    width: 7.5%;

    left: 46.5%;

    height: 45px;

    border-bottom: 1px solid #5e5e5e;

}

.filter-button

{

    font-size: 15px;

    border: none;

    border-left:1px solid #4c4c4c ;

    border-radius: 0;

    text-align: center;

  font-weight:600;

    color: #4c4c4c;

    margin-bottom: 0px;

    background:none;

  line-height:1



}

.filter-button:first-child,.filter-button:first-child:hover

{

    border: none;

}

.filter-button:hover

{

    font-size: 15px;

    border: none;

    border-left:1px solid #4c4c4c;

    border-radius: 0;

    text-align: center;

  font-weight:600;

    color: #222;

    background:none;



}

.btn-default:active .filter-button:active

{

    background:none;

    color: #4c4c4c;

}



.port-image

{

    width: 100%;

}



.gallery_product

{

    margin-bottom: 30px;

}





/*** test ***/

.test{}

.eachtest{margin:0 0 15px; padding:15px 0 !important; border-bottom:1px solid #dbdbdb} 

.eachtest:last-child{ border-bottom: none} 

.eachtest p{font-family: 'Roboto', sans-serif; font-size:13px; font-weight:400; color:#757575; padding:0 ; margin:0px; font-style:italic; text-align:justify}

.eachtest p b{float:right; font-family: 'Roboto', sans-serif; font-size:13px; font-weight:600 !important}









/*new*/

/*ROTARY HOME PAGE*/

.s1{background: #e8e8e9 url(../images/back.jpg); min-height: 432px;padding: 70px 100px 35px 100px;}

.s1 p{padding: 20px 0 0 0;text-align: justify;}

.mans{padding: 80px 0 0 55px;}

.mans p{padding: 10px 0px 0 0;text-align: center;}

.man1{margin: 0px 0px 0 0px 0;float: left;}

.man2{margin: 0px 0px 0 0px 0;float: right;}

.s2{padding: 35px 100px 70px 100px;text-align: justify;background-color: #e5e5e5;}

.s2 h2{font-size: 30px; text-align: left;}

.s2 h3{font-size: 24px;}

.nws h2{padding-bottom: 15px}



.nws img{float: left;object-fit: cover;height: 123px;}

.nws button{margin: 10px 0 0 0}



.nws p{padding: 5px 0px 35px 188px;}

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

.s3 h2{font-size: 30px;color: white;}

.s3 p{color: white;text-align: justify;}

.bg1{background-color: #e04535}

.bg2{background-color: #002342}

.mar{padding: 15px 15px 0 15px;}

.s4{padding: 45px 100px 0px 100px;}

.s4 h2{font-size: 30px;}

.col-sm-5i {

    width: 20% !important;

    float: left;}

.s5{background: #e8e8e9 url(../images/bg_child.jpg) no-repeat center top fixed; min-height: 613px; margin-top: 80px;padding: 0px 0px 0px;}

.donate{ float: right; padding: 200px 100px 100px 0px;text-align: justify;}

.donate h3{font-size: 73px;color: white;font-weight: 100;}

.danate p{font-size: 14px;color: #fff;font-weight: 600;}

.s5 p{color: white;}

.s6{background: #dadada;}

.marg{padding: 40px 100px 20px 375px;}

.s7{padding: 30px 0 40px 0}

.s7 p{font-size: 12px;font-style: bold;color: #646464;text-align: center;}

.navbar .btn-navbar{z-index:2929;}

.s8{padding: 0 100px 0 100px}



@media (max-width:767px) {
.bg-color2 .s8 {padding: 0}
}

.nws1 .btn-whit2 {

    background: #060606;

    color: #fff;

    height: 30px;

    padding-left: 31px;

    padding-right: 30px;

    margin: 0 0 0px 190px;

}

.btn-whit3{

    background: #f1ebeb;

    color: #a72323;

}

.btn-whit4 {

    background: #f1ebeb;

    color: #002342;

}

.btn-whit4 {

    background: #f1ebeb;

    color: #002342;

}

.btn-whit5 {

    background: #fff;

    color: #000;

    height: 30px;

    padding-left: 30px;

    padding-right: 30px;

}





/*HOME RESPONSIVE*/



@media (max-width:1199px) {
    .marg{padding-left:200px;}


  .nws1 .btn-whit2 {

   

    margin: 0 0 0px 70px;

}

.bannertoparea {

    height: 100px;

}

.callmail {

    margin: 0;

    width: 685px;

    position: absolute;

    right: 56px;

    top: 0px;

}

.booking {

    margin-top: 10px;

    float: right;

    padding: 0 220px 0px 0px;

}

.navbar .brand {

    margin: 0px 10px 0px 0px;

}

.mans p {

    padding: 10px 18px 0 0;

    text-align: center;

}

.s3 h2 {

    font-size: 20px;

    color: white;

}

.s3 p {

    color: white;

    text-align: justify;

    font-size: 12px;

}

}





@media (max-width:991px) {
      .marg{padding-left:70px;}
  .s1{padding: 70px 50px 35px 50px;}
  .s2{padding: 35px 50px 70px 50px;}



.booking {

   display: none;

    

}
.callmail {
    margin: 0;
    width: 450px;
    position: absolute;
    right: 5px;
    top: 18px;
}
.mans p {

    padding: 10px 0px 0 0;

    text-align: center;

}

.mar {

    padding: 15px 15px 30px 15px;

}

.donate h3 {

    font-size: 45px;

    

}

.marg {

    padding: 40px 50px 20px 70px;

}



}







@media (max-width:768px) {
   .s1 {
    padding: 35px 50px 70px 50px;}

  .s2 {
    padding: 35px 50px 70px 50px;}


   .nws1 .btn-whit2 {

   

    margin: 0 0 0px 28px;

}

.booking {display: none;}
.callmail {display: none;}

.s2 h2 {

    font-size: 25px;

}

.s2 h3 {

    font-size: 19px;

}

.nws img {

    float: none;

}

.nws p {

    padding: 15px 0px 10px 0;

}

.donate {

    

    padding: 101px 65px 90px 0px;

   

}

.marg {

    padding: 20px 8px 20px 8px;

}

.mans {

    padding: 70px 0 0 20px;

}

}





@media (max-width:420px) {

   .nws1 .btn-whit2 {

   

    margin: 0 0 0px 0px;

}

.bannertoparea {

    height: 78px;

}

.navbar-wrapper {

    padding: 0px 15px 10px 15px;

}

.sz{width: 50%;}

.s1 {

    padding: 40px 10px 30px 10px;

}

.mans img{

    display: block;margin: auto;
    padding-top: 30px;

}

.mans {

    padding: 40px 0 0 0px;

}

.s2 {

    padding: 35px 10px 70px 10px;

  }

 

.s4 {

    padding: 20px 80px 0px 80px;

} 

.s5 {text-align: center;padding-top: 45px;}

.donate {

    padding: 100px 30px 90px 30px;

}

.col-sm-5i {

    width: 100% !important;

   }

   .bg1 img{padding-bottom: 25px}

}



/*ROTARY ABOUT US*/



.a1{padding: 35px 100px 70px 100px;text-align: justify;}

.a1 h2{font-size: 45px;}

.a1 h3{font-size: 30px;}

.abp p{padding-top: 30px;}

.nws1{padding-bottom: 30px}

.nws1{background-color: #e5e5e5;}

.nws1 h2{padding-bottom: 15px}

.nws1 img{float: left; object-fit: cover;height: 124px;}

.nws1 p{font-size: 13px;padding: 0px 0px 0px 188px;text-align: left;}

.nws1 h3 {margin-top: 20px;margin-bottom: 0px;}

.tpad{padding-top: 20px;}



.bg11{padding: 0px 0 0 0}

.mar1{padding: 15px 15px 15px 15px;}

.bg11 h2{font-size: 30px;color: white;}

.bg11 p{font-size: 13px; color: white;text-align: justify;}
.bg11 p a{color: white  !important;}

.space{height: 30px;background-color: white;padding: 30px 0 0 0;}

p > a{color: inherit !important;}

.bb1 {background-color: #e04535; }
.bb2 {background-color: #002342;}
.bb2 h2{ color: white;}
.bb2 p{ color: white;}

/*ABOUT-US RESPONSIVE*/







@media (max-width:1199px) {



.nws1 img {

    object-fit: cover;height: 215px;float: none;

    

}



.nws1 p{padding: 0px 0px 0px 0px;}



.a1 h3{font-size: 25px;padding: 15px 0 10px 0}

.bg11 h2{font-size: 25px;}

.bg11 p{font-size: 13px;}

}

@media (max-width:991px) {


.a1{padding: 35px 30px 70px 30px;}
}

@media (max-width:768px) {



.a1{padding:35px 25px 70px 25px}

  

}

@media (max-width:420px) {



.a1{padding:35px 10px 60px 10px}

 .a1 h3{font-size: 25px;padding: 20px 0 0px 0}

 .m1 h2{padding-top: 295px;}

}





/*PROJECT*/

.pro{padding:0 0 60px 0;}

.pro h4{text-align: left;}

.pjtp p{padding-top: 0px;font-size: 14px;}

.pjtp h4{padding-top: 0px;font-size: 16px;font-weight: 600}



/*PROJECT-RESPONSIVE*/

@media (max-width:1199px) {

  .pjtp h4{padding-top: 25px;}



}



@media (max-width:991px) {

  .pjtp h4{padding-top: 0px;}

  .pjtp h4{padding-right: 20px}





}

@media (max-width:420px) {

 

  .pro img{padding: 15px 0 15px 0;}



}





/*NEWS*/

/*NEWS RESPONSIVE*/

@media (max-width:420px) {

.pjtp img{display: block;margin: auto;width: 100%}

}





/*MEMBERS*/









.memp p{text-align: center;padding-top: 0 ;font-size: 15px;padding-bottom: 40px}

.memp h4{padding-top: 0;text-align: center;font-size: 18px;font-weight: 600}

.memp img{object-fit: cover;height: 155px;width: 100%}



.mpro{padding:0 0 0 0;}
.memp{height: 300px;}



@media (max-width:1199px) {







.mem1 h3{font-size: 25px;padding: 15px 0 10px 0}

}


@media (max-width:991px) {

 

.memp img{object-fit: cover;height: 100px;width: 100%}

.memp h4{padding-top: 0;text-align: center;font-size: 16px;font-weight: 600}
.memp p{text-align: center;padding-top: 0 ;font-size: 14px;}
}

@media (max-width:768px) {

  .memp img{object-fit: cover;height: 87px;width: 100%}



.mem1{padding:35px 25px 70px 25px}

  

}

@media (max-width:420px) {

  .mem1 h3 {

    font-size: 25px;

    padding: 20px 0 0px 0;

}

.mem1{padding:35px 10px 60px 10px}

.memp img{display: block;margin: auto;height: auto; width: 50%}

.memp h4{text-align: center;padding-right: 0}

.memp p{text-align: center;padding-bottom: 30px}



 

}





/*GALLERY*/

.g1{padding: 35px 100px 40px 100px;}

.g1 h2{font-size: 45px;}

.gal { padding-bottom: 50px;object-fit: cover;height: 280px;}

.gal img{width: 100%;}


@media (max-width:991px) {

 .memp {
    height: 220px;

  }}





@media (max-width:768px) {
.memp{height: 200px;}


.g1{padding:35px 25px 70px 25px}

.gal {padding-bottom: 20px}



  

}

@media (max-width:420px) {

  .gal {padding-bottom: 20px}
  .memp {
    height: 300px;
}



}









@media (max-width:991px) {



.gal {

    padding-bottom: 50px;

    object-fit: cover;

    height: 200px;

}

  

}

@media (max-width:420px) {

  .gal {

    padding-bottom: 50px;

    object-fit: cover;

    height: 250px;

}

  

}



.con{padding: 75px 0 0 60px;}

.gal{padding-bottom: 0px; object-fit: cover;
height: 220px;
margin-bottom: 30px;}

@media(max-width: 1199px)
{
    .gal { height: 145px;}
}

@media (max-width:991px) {
.con {
    
    text-align: left;}
    
.gal { height: 120px;}

}
@media (max-width:768px) {
    
.con {
    padding: 75px 15px 0 0px;
    text-align: left;}
    
}

@media (max-width:767px) {
    
.gal { height: auto;}
    
}


@media (max-width:420px) {

 
.nws1 p{padding: 20px 0px 0px 0px;}
  .con{padding: 30px 15px 0 15px;}
  .mobpad{padding-right: 0px;padding-left: 0px;}



}