@import url('https://fonts.googleapis.com/css?family=Courgette|Montserrat');

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration: none;}
ul{list-style-type: none;}
img{display: block;width: 100%;}

body{min-width: 300px;font-family: 'Montserrat', sans-serif;color: #686868;line-height:150%;}

body{background: /*#ebd4cb #fcd7ad */ #fbf2c0;}
.page{width: 100%;margin: auto;overflow: auto;background-color: #fff;padding:2% 0%;}
.page2{width: 90%;margin: auto;overflow: auto;}
.left{width: 48%;float: left;margin-right: 2%;}
.right{width: 48%;float: right;margin-left: 2%;}
.small_img img{width: 100px;display: inline-block;}
.small_img img, .big_img img{border-radius: 10px;margin:2% 2% 0 0}
.row{clear: both;}
#logo{width:100px;margin: auto;/*margin-top:30px;*/}
h1, h2{color:#b95835;}
h1, h2{font-size: 36px;font-family:'Courgette',  cursive;font-weight: normal;margin: 3% auto;text-align: center;line-height: 160%;}
h3{font-size:28px; font-weight:bold;}


#navbar{background: #b95835; margin: 0;padding: 0;overflow: auto; /*background-color: #333;*/text-align: center;position: sticky;top: 0;z-index: 9995;}
#navbar ul {list-style-type: none;width: 90%;margin: auto;}



#navbar li {/*float: left;width: 14%;*/display: inline-block;}

#navbar li a {display: block;background-color: #b95835;color: #fbf2c0;text-align: center;padding: 14px 16px;text-decoration: none;
}

#navbar li:last-child a{border-right: none;}
.lang_flag{width: 30px;display: inline-block;margin:0px 8px;}
#navbar li a:hover {background-color:#fbf2c0;color: #b95835;}
#mob_logo, #menu_but{display: none;}
#mob_lang_nav{float: right;margin:0px 5px;margin-top:17px;display: none;width: 30px;}



.bb{width:100%;clear:both;}
.bb .rslides {z-index:999;position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0;  margin: 0;background-color: #fff;}
.bb .rslides li {-webkit-backface-visibility: hidden;  position: absolute;  display: none;  width: 100%;  left: 0;  top: 0;  }
.bb .rslides li:first-child {position: relative;  display: block;  float: left;  }
.bb .rslides img{display: block;  height: auto;    float:right;width:100%;min-width: 300px;border-top: 3px solid #fbf2c0;border-bottom: 3px solid #fbf2c0; }

.but_light{background-color:#fbf2c0 ;color:#b95835;display: inline-block;padding:10px;border-radius:5px;font-size: 14px;}
.but_light:hover{background-color:#b95835;color:#fbf2c0;}
.but_white{display: inline-block;background-color: #fff; color: #b95835;padding:10px;border-radius:5px;}
.but_red{display: inline-block;background-color: #b95835; color: #fff;padding:10px;border-radius:5px;}



.col_intro, .cat_page{width: 90%;margin:auto;overflow: auto;text-align: center;}
.intro_blocks, .cat_blk{width: 29%;display: inline-block;margin: 2%;margin-top: 2%;border-radius: 10px;overflow: auto;}
.intro_blocks p, .cat_blk p{background-color:#fbf2c0 ;color:#b95835;padding: 2%;text-align: center;}
.intro_blocks:hover, .cat_blk:hover{box-shadow: 0px 2px 10px #c7c7c7; -ms-transform: scale(1.01,1.01); /* IE 9 */
    -webkit-transform: scale(1.01,1.01); /* Safari */
    transform: scale(1.01, 1.01);}
.intro_blocks:hover p, .cat_blk:hover p{background-color: #b95835;color: #fbf2c0; }

.title_pic{width: 17%; margin: auto;border-radius: 10px;}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#cycle-1 div { width:100%; }
#cycle-2 .cycle-slide { border:3px solid #fff; }
#cycle-2 .cycle-slide-active { border:3px solid #004; }

#slideshow-1,#slideshow-2 { width: 100%; margin: auto ;overflow: visible;}
#slideshow-2 { margin-top:10px 0;}

.cycle-slideshow img { width: 100%; height: auto; display: block; }

#pre_img_cap{position: relative;height: 240px;overflow: auto;}
#img_cap{text-align: center;padding: 20px;}

#footer{background-color: #b95835;color:#fff;overflow: auto;padding: 3% 0;line-height: 170%;}
#footer_pg{width: 90%;margin:auto;padding:2%;overflow: auto;}
#footer_pg .col{width: 33.3%;float: left;}
#footer h4{color: #fff;text-align: left;font-size: 20px;margin-bottom: 30px;}
#footer a{color: #fff;}
#footer a:hover{text-decoration: underline;}

#ft_form #submitbut{background-color: #fbf2c0 ;color:#b95835;padding: 10px;border-radius: 5px;border: none;margin: 2% 0; cursor: pointer;}
#ft_form input[type="text"],#ft_form input[type="email"], #ft_form textarea{width: 100%;margin: 2% 0;padding: 5px;color:#474747;font-size: 14px;border-radius: 5px;border: none;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #474747; opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #474747;}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #474747;}

.buts_social{display: inline-block;width: 40px;}
.buts_social img{border-radius: 5px;}

#ft_note{font-size: 14px;color: #fbf2c0;width: 100%;text-align: left;padding-top: 50px;clear: both;}
#sec{background-color: transparent;margin: 0;}

@media only screen and (max-width : 1192px) {
#navbar li a {padding: 14px 10px;font-size: 14px;}
h1, h2{font-size: 30px;margin: 3% auto;}
}


@media only screen and (max-width : 828px) {
	#logo{width:120px;margin: auto;margin-top:30px;}
	#navbar li a {padding: 14px 10px;font-size: 14px;}
h1, h2{font-size: 24px;margin: 3% auto;}
}


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


	#top_sec{display: none;}
/*#menu_but{display: block;width: 100px;float: right;}*/
#navbar{position: fixed;z-index: 9999;width: 100%;opacity: 0.95;}
#mob_lang_nav{display: block;}
#menu_but{display: block;float: right;margin:8px;}
#mob_logo{display: block;float: left;display: block;float: left;display:flex;height: 58px;justify-content: center;
  align-items: center;}
#mob_logo p{color: #fbf2c0;font-family:'Courgette',  cursive;font-size: 25px;margin:5px 8px;}
.container {display: inline-block;cursor: pointer;}
.bar1, .bar2, .bar3 {width: 35px;height: 5px;background-color: #fbf2c0;margin: 6px 0;transition: 0.4s;}
.change .bar1 {-webkit-transform: rotate(-45deg) translate(-9px, 6px);transform: rotate(-45deg) translate(-9px, 6px);}
.change .bar2 {opacity: 0;}
.change .bar3 {-webkit-transform: rotate(45deg) translate(-8px, -8px);transform: rotate(45deg) translate(-8px, -8px);}


#bb_home_pg, .page{padding-top: 58px;}

.nav_noshow{display: none;}
@keyframes appear_nav {
  from {opacity: 0;}
  to {opacity: 1;}
}
.nav_show{display: block;animation-name: appear_nav;animation-duration: 0.5s;}  
/*
#nav{list-style-type: none;float:none;width:100%;clear: both;display:none;}*/
#nav li{text-align: center;width: 100%;float: none;border-bottom:1px solid  #fbf2c0;}
#nav li:last-child{border-bottom: none;}
#nav a{color: #fff;text-decoration: none;font-size: 16px;display:block;padding:15px;}
#nav a:hover{background-color:#fff;color: #0171bc;-webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
    transition: background-color 0.3s;}


.col_intro, .cat_page{width: 90%;margin:auto;overflow: auto;text-align: center;}
.intro_blocks, .cat_blk{width: 90%;display: block;margin: 10% auto;border-radius: 5px;overflow: auto;}
.intro_blocks p, .cat_blk p{background-color:#fbf2c0 ;color:#b95835;padding: 2%;text-align: center;}
.intro_blocks:hover, .cat_blk:hover{box-shadow: 0px 2px 10px #c7c7c7; -ms-transform: scale(1.01,1.01); /* IE 9 */
    -webkit-transform: scale(1.01,1.01); /* Safari */
    transform: scale(1.01, 1.01);}
.intro_blocks:hover p, .cat_blk:hover p{background-color: #b95835;color: #fbf2c0; }

.but_light{margin: 5px;}

.left{width: 98%;float:none;margin: 2% auto;overflow: visible;}
.right{width: 98%;float:none;margin: 2% auto;overflow: visible;}
#img_cap{text-align: center;padding: 0px;}
#pre_img_cap{margin: 30px 0;}
#slideshow-1{margin-top: 30px;}


#footer{background-color: #b95835;color:#fff;overflow: auto;padding: 30px 0;line-height: 170%;}

#footer_pg{width: 90%;margin:auto;padding:0;overflow: auto;}
#footer_pg .col{width: 100%;float: none;margin: auto;}
#ft_nav{display: none;}
#ft_note{text-align: center;}

#footer h4{margin: 30px 0;}
}

/*popup*/
  /* Style the popup background */
        .popup {
          display: none; /* Hidden by default */
          position: fixed; /* Stay in place */
          z-index: 1; /* Sit on top */
          left: 0;
          top: 0;
          width: 100%; /* Full width */
          height: 100%; /* Full height */
          overflow: auto; /* Enable scroll if needed */
          background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }

        /* Popup Content */
        .popup-content {
          background-color: #fefefe;
          margin: 15% auto; /* 15% from the top and centered */
          padding: 20px;
          border: 1px solid #888;
          width: 80%; /* Could be more or less, depending on screen size */
          text-align: center;
        }

        /* The Close Button */
        .close {
          color: #aaa;
          float: right;
          font-size: 28px;
          font-weight: bold;
        }

        .close:hover,
        .close:focus {
          color: black;
          text-decoration: none;
          cursor: pointer;
        }

        /* Contact Us Button */
        .contact-button {
          background-color: #008CBA; /* Blue */
          color: white;
          padding: 10px 20px;
          text-decoration: none;
          display: inline-block;
          margin-top: 15px;
          border-radius: 5px;
        }

        .contact-button:hover {
          background-color: #005f6b;
        }

/*Modal starts here*/



/* The Modal (background) */
.modal {
text-align: center;
  display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  z-index: 9999;
}

/* Modal Content */

 
.modal-content {position: relative;background-color: #fefefe;margin: auto;padding: 0;border: 1px solid #fbf2c0;width:30%;min-width: 320px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s;border-radius: 10px;overflow: auto;}