html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }



article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block; }
body {line-height: 1;  font-family: "Roboto", sans-serif !important;}
ol, ul {list-style: none; }
blockquote, q {
  quotes: none; }

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

table {
  border-collapse: collapse;
  border-spacing: 0; }



body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0; }

.button_container {
  position: fixed;
  top: 3%;
  right: 2%;
  height: 27px;
  width: 35px;
  cursor: pointer;
  z-index: 100;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #FFF;
}
.button_container.active .middle {
  opacity: 0;
  background: #FFF;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
  transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #FFF;
}
.button_container span {
    background: #ead278;
    border: none;
    height: 4px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
    border-radius: 18px;
    margin-top: 4px;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
    position: fixed;
    background: #555353;
    top: 65px;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden;
    z-index: 999;
}
.overlay.open {
  opacity: .9;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInRight .5s ease forwards;
  animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s; animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s; animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s; animation-delay: .50s;
}
.overlay nav {
    position: relative;
    height: 46%;
    top: 32%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 42px;
    font-family: 'Vollkorn', serif;
    font-weight: 400;
    text-align: center;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
    display: block;
    height: 21%;
    height: calc(81% / 4);
    min-height: 48px;
    position: relative;
    opacity: 0;
    font-size: 30px;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #FFF;
  text-decoration: none;
 
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
}
.overlay ul li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  -webkit-transform: translateX(-50%); transform: translateX(-50%);
  height: 3px;
  background: #FFF;
  -webkit-transition: .35s;
  transition: .35s;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}


.logo_main{ width: 100%; float: left; background: #232222; }

.logo{}
.logo img {
    width: 10%;
    margin-top: 16px;
    margin-left: 15px;
}

.full_video{ width: 100%; }

.lucx{ width: 100%; float: left; padding: 40px 0px; background: url(../images/bg1.jpg) no-repeat;}


.lucx span{ color: #fff; font-size: 22px; text-align: center; display: inherit;}

.lucx h2{ color: #f2a908; font-size: 35px; text-align: center; margin-top: 20px;}

.lucx img {
    width: 17%;
    margin: 0 22px;
}


.box_main{ margin-top: 40px; width: 100%; float: left;}

.tb_wd{ width: 100% !important;}

.icon_box{ text-align: center;}

.icon_box img{ width: 50%;}

.tb_wd2 {
    width: 50% !important;
    margin: 0 auto !important;
    text-align: center;
    display: inline-block;
    margin-top: 30px !important;
}

.tb_wd_mn{ text-align: center;}

.galler_main{ width: 100%; float: left; padding: 40px 0px; background: url(../images/bg2.jpg) no-repeat;
text-align: center;}

.galler_main h2{ text-align: center; color: #fff; font-size: 45px; margin-top: 135px; margin-bottom: 20px;}

.galler_main img {
    width: 32%;
    margin-top: 15px;
}


.slider-container{
  padding:1rem;
/*   border:5px solid lightblue; */
}

.slider-item{
  padding:1rem;
}

/* Within Debug mode in Chrome, I found that the arrows were hidden so I adjusted them   */
.slick-next{
  right: -15px;
  display: none !important;
}

.slick-prev{
  left: -15px;
  display: none !important;
}


.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #22a6b3;
}

.slick-dots{
  left:0;
/*   bottom:8px; */
}

.slick-dots:active{
  color:white;
}

/*The dots before they are active  */
.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #22a6b3;
}

/* The dot when active */
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000;
}

/* Background Image styles */

figcaption{
  color:#95afc0;
  text-align:center;
}


.bg-image{
  background-size: cover;
  background-position: center;
  background-color:lightblue;
  max-width:100%;
  background-image: url('https://images.unsplash.com/photo-1660940593342-513bd2281bdd?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80');
}

.bg-image:hover{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
/*  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; */
  cursor:pointer;
}

.bg-2{
   background-image: url(../gallery/g1.jpg);
}

.bg-3{
 background-image: url(../gallery/g2.jpg);
}

.bg-4{
   background-image: url(../gallery/g3.jpg);
}

.bg-5{
   background-image: url(../gallery/g4.jpg);
}

.bg-6{
   background-image: url(../gallery/g5.jpg);
}

.bg-7{
  background-image: url(../gallery/g6.jpg);
}

.bg-8{
   background-image: url(../gallery/g7.jpg);
}

.bg-9{
   background-image: url(../gallery/g8.jpg);
}

.bg-10{
  background-image: url(../gallery/g9.jpg);
}


.bg-11{
  background-image: url(../gallery/g10.jpg);
}

.bg-12{
  background-image: url(../gallery/g11.jpg);
}

.bg-13{
  background-image: url(../gallery/g12.jpg);
}

.bg-14{
  background-image: url(../gallery/g13.jpg);
}

.bg-15{
  background-image: url(../gallery/g14.jpg);
}

/* gallery page */

.bg-16{
  background-image: url(../gallery/g15.jpg);
}

.bg-17{
  background-image: url(../gallery/g16.jpg);
}

.bg-18{
  background-image: url(../gallery/g17.jpg);
}

.bg-19{
  background-image: url(../gallery/g18.jpg);
}

.bg-20{
  background-image: url(../gallery/g19.jpg);
}

.bg-21{
  background-image: url(../gallery/g20.jpg);
}

.bg-22{
  background-image: url(../gallery/g21.jpg);
}

.bg-23{
  background-image: url(../gallery/g22.jpg);
}

.bg-24{
  background-image: url(../gallery/g23.jpg);
}

.bg-25{
  background-image: url(../gallery/g24.jpg);
}

.bg-26{
  background-image: url(../gallery/g25.jpg);
}

.bg-27{
  background-image: url(../gallery/g26.jpg);
}

.bg-28{
  background-image: url(../gallery/g27.jpg);
}

.bg-29{
  background-image: url(../gallery/g28.jpg);
}

.bg-30{
  background-image: url(../gallery/g29.jpg);
}

.bg-31{
  background-image: url(../gallery/g30.jpg);
}

.bg-32{
  background-image: url(../gallery/g31.jpg);
}

.bg-33{
  background-image: url(../gallery/g32.jpg);
}

.bg-34{
  background-image: url(../gallery/g33.jpg);
}

.bg-35{
  background-image: url(../gallery/g34.jpg);
}

/* portfolio page image */


.bg-p1{
  background-image: url(../portfolio/p38.jpg);
}

.bg-p2{
  background-image: url(../portfolio/p39.jpg);
}

.bg-p3{
  background-image: url(../portfolio/p40.jpg);
}


.bg-p4{
  background-image: url(../portfolio/p41.jpg);
}

.bg-p5{
  background-image: url(../portfolio/p43.jpg);
}

.bg-p6{
  background-image: url(../portfolio/p44.jpg);
}

.bg-p6{
  background-image: url(../portfolio/p45.jpg);
}


.bg-p7{
  background-image: url(../portfolio/p36.jpg);
}

.bg-p8{
  background-image: url(../portfolio/p35.jpg);
}

.bg-p9{
  background-image: url(../portfolio/p37.jpg);
}


.bg-p10{
  background-image: url(../gallery/g63.jpg);
}


.bg-p11{
  background-image: url(../gallery/g62.jpg);
}

.bg-p12{
  background-image: url(../gallery/g61.jpg);
}

.bg-p13{
  background-image: url(../gallery/g60.jpg);
}

.bg-p14{
  background-image: url(../gallery/g59.jpg);
}

.bg-p15{
  background-image: url(../gallery/g58.jpg);
}

.bg-p16{
  background-image: url(../gallery/g1-new/gn1.jpeg);
}

.bg-p17{
  background-image: url(../gallery/g1-new/gn2.jpeg);
}

.bg-p18{
  background-image: url(../gallery/g1-new/gn3.jpeg);
}

.bg-p19{
  background-image: url(../gallery/g1-new/gn4.jpeg);
}

.bg-p20{
  background-image: url(../gallery/g1-new/gn5.jpeg);
}

.bg-p21{
  background-image: url(../gallery/g1-new/gn6.jpeg);
}

.bg-p22{
  background-image: url(../gallery/g1-new/gn7.jpeg);
}

.bg-p23{
  background-image: url(../gallery/g1-new/gn8.jpeg);
}

.bg-p24{
  background-image: url(../gallery/g1-new/gn9.jpeg);
}

.bg-p25{
  background-image: url(../gallery/g1-new/gn10.jpeg);
}

.bg-p26{
  background-image: url(../gallery/g1-new/gn11.jpeg);
}

.bg-p27{
  background-image: url(../gallery/g1-new/gn12.jpeg);
}


.bg-g1{
  background-image: url(../gallery/g1-new/gn13.jpeg);
}

.bg-g2{
  background-image: url(../gallery/g1-new/gn14.jpeg);
}

.bg-g3{
  background-image: url(../gallery/g1-new/gn15.jpeg);
}

.bg-g4{
  background-image: url(../gallery/g1-new/gn16.jpeg);
}

.bg-g5{
  background-image: url(../gallery/g1-new/gn17.jpeg);
}

.bg-g6{
  background-image: url(../gallery/g1-new/gn18.jpeg);
}

.bg-g7{
  background-image: url(../gallery/g1-new/gn18.jpeg);
}

.bg-g8{
  background-image: url(../gallery/g1-new/gn19.jpeg);
}

.bg-g9{
  background-image: url(../gallery/g1-new/gn20.jpeg);
}

.bg-g10{
  background-image: url(../gallery/g1-new/gn21.jpeg);
}

.bg-g11{
  background-image: url(../gallery/g1-new/gn22.jpeg);
}

.bg-g12{
  background-image: url(../gallery/g1-new/gn23.jpeg);
}

.bg-g13{
  background-image: url(../gallery/g1-new/gn24.jpeg);
}

.bg-g14{
  background-image: url(../gallery/g1-new/gn25.jpeg);
}

.bg-g15{
  background-image: url(../gallery/g1-new/gn26.jpeg);
}

.bg-g16{
  background-image: url(../gallery/g1-new/gn27.jpeg);
}

.bg-g17{
  background-image: url(../gallery/g1-new/gn28.jpeg);
}

.bg-g18{
  background-image: url(../gallery/g1-new/gn29.jpeg);
}

.bg-g19{
  background-image: url(../gallery/g1-new/gn30.jpeg);
}

.bg-g20{
  background-image: url(../gallery/g1-new/gn31.jpeg);
}

.bg-g21{
  background-image: url(../gallery/g1-new/gn32.jpeg);
}

.bg-g22{
  background-image: url(../gallery/g1-new/gn33.jpeg);
}

.bg-g23{
  background-image: url(../gallery/g1-new/gn34.jpeg);
}

.bg-g24{
  background-image: url(../gallery/g1-new/gn35.jpeg);
}

.bg-g25{
  background-image: url(../gallery/g1-new/gn36.jpeg);
}

/*Changes the height of the image  */
.landscape{
 padding-bottom: 120%;
    border-radius: 5px;
    border: solid 8px #000;
    outline: solid 2px #787878;
   
}

@media (max-width: 600px) { 
  figcaption{
   font-size:0.8rem;
  }
}


.hair_main{ width: 100%; float: left; padding: 60px 0;
background: url(../images/bg3.jpg) no-repeat; background-size: cover;}


.hair_box1{ width: 60%; float: left;}
.hair_box3{ width: 40%; float: left;}


.hair_box1_clr {
    background-color: #000;
    display: block;
    padding: 50px;
    width: 72%;
    border-radius: 25px;
}

.hair_box1_clr h2 {
    color: #FFF;
    font-size: 45px;
    margin-bottom: 41px;
    font-weight: bold;
}

.hair_box1_clr p {
    color: #FFF;
    font-size: 35px;
    margin-bottom: 15px;
    margin-top: 20px;
    display: block;
}

.hair_box1_clr span {
    color: #f2a908;
    font-size: 45px;
    margin-top: 30px;
    display: block;
}

.hrt_tex {
    color: #FFF;
    width: 48%;
    padding-left: 30px;
    font-size: 20px;
    margin-top: 40px;
    line-height: 32px;
}

.hair_box2 {
    width: 39%;
    float: left;
    margin-bottom: 17px;
    margin-top: 10px;
}

.icn1 {
    width: 30%;
    float: left;
    text-align: right;
    padding-right: 20px;
}
.icn1 img{ width: 58%;}

.icn1_text{ width: 70%; float: left;}
.icn1_text h4{ color: #f2a908; font-size: 22px;}

.icn1_text p {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin-top: 6px;
}


.footer_main{ width: 100%; float: left; padding: 60px 0;
background: url(../images/bg4.jpg) no-repeat; background-size: cover;}

.foot_no{ text-align: center;}

.foot_no span {
    color: #e09b34;
    font-size: 22px;
    text-align: center;
    display: inline-flex;
    line-height: 34px;
}

.foot_no img {
    width: 17%;
    margin-right: 11px;
    margin-top: 0;
}

.map_icn{width: 12% !important; height: fit-content !important;}

.map_icn2 {
    width: 10% !important;
    height: fit-content !important;
    margin-top: 10px !important;
}

.des_cenr {
    text-align: center;
    width: 100%;
    margin-top: 30px;
}

.foot_txt{}

.foot_txt p {
    color: #fff;
    font-size: 16px;
    text-align: justify;
    padding: 40px 42px;
}


.foot_ptext {
    text-align: center;
    color: #bd8d1d;
    font-size: 30px;
    margin-top: 35px;
}

.foot_ptext span{text-decoration: underline;}

.vid_about{ position: relative;}

.inter_man{ width: 100%; position: absolute; margin-top: 55px;}

.inter_man h2{ color: #fff; text-align: center; font-size: 45px; margin-bottom: 30px;}
.inter_man p{ color: #fff; text-align: center; font-size: 22px;}

.lin{border: solid 2px #fff; width: 14%;}

.fonder{ width: 100%; float: left; margin-top: 50px;}

.fonder_bx{ text-align: center;}
.fonder_bx img {
    width: 60%;
    border: solid 10px #000;
    border-radius: 15px;
}

.fonder_bx h2{ color: #fff; font-size: 32px; text-align: center; margin-bottom: 5PX;}

.fonder_bx p{ color: #fff; font-size: 18px; text-align: center; z-index: 999;}

.inter_man2 {
    position: absolute;
    width: 100%;
    z-index: 99;
    text-align: center;
    margin-top: 180px;
}

.inter_man2 h2{ font-size: 40px; color: #fff;}

.inter_man2 p {
    font-size: 22px;
    color: #fff;
    line-height: 31px;
    padding: 0 31px;
    margin-bottom: 40px;
    margin-top: 60px;
}

.inter_man2 span {
    font-size: 27px;
    color: #fff;
    margin-top: 40px;
    display: block;
}

.lin2 {
    border: solid 2px #fff;
    width: 14%;
    margin-top: 40px;
}

.our_main{ width: 100%; float: left; padding: 60px 0px;
background: url(../images/bg5.jpg) no-repeat;
    background-size: cover;}


.our_pic{ text-align: center;}

.our_pic img {
    width: 55%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 40px;
}

.our_pic h5 {
    color: #fff;
    font-size: 24px;
    text-align: right;
    position: absolute;
    right: 0;
    margin-top: -127px;
}

.our_pic2{width: 70% !important;}


.our_pic3{}
.our_pic3 img{ width: 91%;}

.our_pic3 p {
    color: #fff;
    font-size: 18px;
    width: 85%;
    text-align: justify;
    margin-top: 60px;
    line-height: 30px;
}

.our_pic3 span{ color: yellow;}

.our_pic3 h6 {
    color: #fff;
    font-size: 24px;
    text-align: right;
    margin-right: 50%;
}

.missonn_man{ width: 100%; float: left; padding: 40px 20px;
background: url(../images/bg6.jpg) no-repeat; background-size: cover; text-align: center;}

.missonn_man h2 {
    font-size: 45px;
    color: #fff;
    margin-top: 90px;
    line-height: 48px;
    letter-spacing: 10px;
    margin-bottom: 15px;
    display: inline-block;
}
.missonn_man p{ color: #fff; font-size: 18px; margin-top: 20px;}

.stud_main{ width: 100%; float: left; padding: 120px 0; background: url(../images/bg7.jpg) no-repeat; background-size: cover; }

.stud_main h2 {
    color: #fff;
    font-size: 48px;
    text-align: center;
    letter-spacing: 12px;
}

.stud_main p{ color: #fff; font-size: 18px; text-align: center;}

.conter_main{}

.conter_main {
    width: 100%;
    float: left;
    margin-top: 220px;
}

.conter_main ul li {
    width: 22%;
    float: left;
    background: #ffcd03;
    border-radius: 100px;
    padding: 32px;
    position: relative;
    margin: 0 0 0 8%;
}

.conter_main h3 {
    font-size: 48px;
    color: #fff;
    font-weight: bolder;
}

.conter_main ul li span {
    background: #fff;
    color: #000;
    border-radius: 50%;
    width: 85px;
    height: 85px;
    display: inline-block;
    line-height: 79px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 3px;
    right: 4px;
    font-size: 46px;
}

.conter_main p {
    position: absolute;
    bottom: -41px;
    text-align: center;
    left: 9px;
}


.conter_main2 {
    position: absolute;
    bottom: -41px;
    text-align: center;
    right: 11px !important;
}

.conter_main3 {
    position: absolute;
    bottom: -41px;
    text-align: center;
    right: 0px !important;
}

.design_main{ width: 100%; float: left; padding: 90px 0;
background: url(../images/bg8.jpg) no-repeat;
    background-size: cover;}

.design_text{}

.design_text h3 {
    color: #fff;
    font-size: 45px;
    margin-bottom: 30px;
    font-weight: 600;
}
.design_text p {
    color: #fff;
    font-size: 21px;
    letter-spacing: 1px;
    width: 64%;
    line-height: 33px;
    font-style: italic;
    text-align: justify;
}

.tex_margn {
    margin-top: 200px;
}

.contact_main{ width: 100%; float: left; padding: 80px 0; background: url(../images/bg9.png) no-repeat;
    background-size: cover;}

.con_tex{ margin-top: 190px;}
.con_tex h2 {
    font-size: 70px;
    color: #fff;
    margin-bottom: 30px;
}
.con_tex span {
    font-size: 28px;
    color: #ffd785;
    margin-top: 8px;
    display: inline-block;
}

.con_form {
    width: 100%;
    float: left;
    background: #fff;
    padding: 40px 20px;
    border: solid 6px #dba83a;
}

.con_form h2{ text-align: center; color: #000; font-size: 32px;}

.input_form{ width: 100%; float: left; margin-top: 40px;}

.inp_bdr{border: solid 2px #919191 !important; margin-bottom: 8px;}




.robot {    
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    width: 105px;
}

.box-container {
    display: flex;
    background-color: #F9F9F9;
    border: 1px solid #D3D3D3;
    border-radius: 3px;
    width: 300px;
    align-items: center;
    padding: 10px 0px 10px 0px;
}

input[type="checkbox"] {
    appearance: none;    
    width: 26px;
    height: 26px;    
    border: 2px solid #C1C1C1;
    margin: 0px 14px 0px 14px;
}

input[type="checkbox"]:checked::before {
    content: url(https://img.icons8.com/?size=20&id=27&format=png&color=1e5180);
    display: block;    
    line-height: 20px;
    padding: 0.05rem 0.6rem 0rem 0.05em;
}



.logo-text {
    text-align: right;
    font-size: 9px;
    font-family: 'Roboto', sans-serif;
}

.logo-text-tos {
    display: block;
    text-align: right;
    font-size: 9px;
    font-family: 'Roboto', sans-serif;
    margin-left: 80px;
}

.sub1 {
    background-color: #e2b961;
    width: 100%;
    padding: 11px 0;
    color: #000;
    font-size: 19px;
    margin-top: 25px;
    font-weight: 400;
}

.sub1:hover{ background: #000; color: #fff;}

.juner_main {
    width: 100%;
    float: left;
    padding: 60px 0;
    position: absolute;
    text-align: center;
    color: #fff;
}

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

.juner_text p {
    margin-top: 52px;
    font-size: 20px;
    font-style: italic;
    line-height: 35px;
}

.lin3 {
    border: solid 2px #fff;
    width: 14%;
    margin-top: 30px;
    margin-bottom: 30px;
    display: inline-block;
}

.juner_alin{}
.juner_alin ul{ padding: 0; margin: 0;}
.juner_alin ul li {
    display: inline-block;
    width: 23%;
    margin-top: 57px;
}
.juner_alin ul li img{ width:17%;}



.juner_alin2{}
.juner_alin2 ul{ padding: 0; margin: 0;}
.juner_alin2 ul li {
    display: inline-block;
    width: 20%;
    margin-top: 12px;
    border: solid 1px #dba83a;
    border-radius: 81px;
    padding: 12px 25px;
    margin-left: 30px;
    font-size: 15px;
}
.juner_alin2 ul li img{ width:17%;}

.cont_map_main{ width: 100%; float: left; padding: 80px 0;
background: url(../images/bg10.jpg) no-repeat;
    background-size: cover;}


.plan_text{ width: 100%; float: left; background-color: #000; border-radius: 15px; padding: 40px; position: relative;}
.plan_text h3{ color: #fff; font-size: 45px;}
.plan_text img {
    width: 45%;
    margin-top: 220px;
}

.map1 {
    float: right;
    border: solid 14px #000 !important;
    border-radius: 15px;
    outline: solid 2px #787878;
}

.dor{position: absolute;
    width: 91% !important;
    top: -59px;}


.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}



.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 7px 16px;
    text-decoration: none;
    display: block;
    font-size: 20px;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}

.ser_drup1{background: none;
    color: white;
    padding: 0;
    border: none;
    cursor: pointer;
    height: 21%;
    min-height: 48px;
    opacity: inherit;
    font-size: 30px;
    margin-top: -12px;
    margin-bottom: 20px;}


  .drp_cont1{position: absolute;
    background-color: #f1f1f1;
    min-width: 207px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    width: 396px;
    top: 37px;
    right: -108px;}


  .service_bg{ width: 100%; float: left; background: url(../images/service_bg1.jpg); height: 400px; background-size: cover;}

    .service_bg h1 {
    font-size: 45px;
    color: #fff;
    text-align: center;
    margin-top: 170px;
    font-weight: bold;
}

.interiors1{ width: 100%; float: left; padding: 60px 0;}


.interiors1_text {}
.interiors1_text p{ font-size: 16px;}
.interiors1_text ul {
    margin-left: 12px;
    margin-top: 12px;
}

.interiors1_text h2 {
    font-weight: bold;
    font-size: 20px;
    padding: 7px 0;
}

.interiors1_text ul li {
    font-size: 15px;
    font-style: italic;
    line-height: 29px;
    font-weight: 600;
}

.interiors1_pic{}
.interiors1_pic img {
    width: 100%;
    border-radius: 5px;
    box-shadow: rgb(38, 57, 77) 0px 8px 10px -10px;
}

.spaces_main{ width: 100%; float: left; padding-bottom: 60px;}

.spaces_box{ position: relative; margin-bottom: 54px;}
.spaces_box img {
    width: 100%;
    border-radius: 15px;
    border: solid 2px #ab4d14;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
    height: 391px;
}
.spaces_box h3 {
    position: absolute;
    z-index: 99;
    background: #fff;
    width: 93%;
    bottom: -20px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px,
    rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    padding: 20px;
    font-size: 23px;
    left: 13px;
    border-radius: 15px;
    font-style: italic;
}


.serv_cefe_main {
    width: 100%;
    float: left;
    padding: 10px 0 60px 0;
}
.serv_cefe_main h2{ text-align: center; font-size: 35px; font-weight: bold;}
.serv_cefe_main span{color: #f2a908;}

.exquisite_text{}
.exquisite_text h3 {
    color: #e09b34;
    margin-top: 60px;
    font-size: 27px;
    margin-bottom: 15px;
    font-style: oblique;
}
.exquisite_text p{ font-size: 16px; font-style: oblique;  margin-bottom: 20px;}
.exquisite_text ul{margin-left: 15px;}
.exquisite_text ul li{ font-size: 15px; font-style: oblique; font-weight: 600;}


.pen1 {
    border: solid 1px #000;
    margin-bottom: 30px;
    padding: 20px;
    margin-top: 0;
    border-radius: 5px;
    background: #f5f5f5;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.pen1 h3 {
    font-weight: bold;
    font-size: 20px;
}
.pen1 p {
    line-height: 23px;
    margin-top: 5px;
    font-size: 15px;
}

.blog_main1{ width: 100%; float: left; padding-top: 50px;}



.testim {
		width: 100%;
		
}

.testim .wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 0px 0 40px 20px;
    margin: auto;
}

.testim .arrow {
    display: block;
    position: absolute;
    color: #333;
    cursor: pointer;
    font-size: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;    
    -ms-transition: all .3s ease-in-out;    
    -moz-transition: all .3s ease-in-out;    
    -o-transition: all .3s ease-in-out;    
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 22222222;
}

.testim .arrow:before {
		cursor: pointer;
}

.testim .arrow:hover {
    color: green;
}
    

.testim .arrow.left {
    left: 70px;
}

.testim .arrow.right {
    right: 70px;
}

.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3333;
		height: 12px;
}

.testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid green;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;    
    -ms-transition: all .5s ease-in-out;    
    -moz-transition: all .5s ease-in-out;    
    -o-transition: all .5s ease-in-out;    
    transition: all .5s ease-in-out;
		position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
    background: rgb(0, 0, 0);
    border-color: rgb(0, 0, 0);
}

.testim .dots .dot.active {
    -webkit-animation: testim-scale .5s ease-in-out forwards;   
    -moz-animation: testim-scale .5s ease-in-out forwards;   
    -ms-animation: testim-scale .5s ease-in-out forwards;   
    -o-animation: testim-scale .5s ease-in-out forwards;   
    animation: testim-scale .5s ease-in-out forwards;   
}
    
.testim .cont {
    position: relative;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 20px;
    padding: 40px 0;
}

.testim .cont > div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 70px 0;
    opacity: 0;
}

.testim .cont > div.inactive {
    opacity: 1;
}
    

.testim .cont > div.active {
    position: relative;
    opacity: 1;
}
    

.testim .cont div .img img {
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
}

.testim .cont div h2 {
    color: #010101;
    font-size: 22px;
    margin: 15px 0;
}

.testim .cont div p {
    font-size: 1.15em;
    color: #333;
    width: 70%;
    margin: auto;
}

.testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;            
    -moz-animation: testim-show .5s ease-in-out forwards;            
    -ms-animation: testim-show .5s ease-in-out forwards;            
    -o-animation: testim-show .5s ease-in-out forwards;            
    animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active h2 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;    
    -moz-animation: testim-content-in .4s ease-in-out forwards;    
    -ms-animation: testim-content-in .4s ease-in-out forwards;    
    -o-animation: testim-content-in .4s ease-in-out forwards;    
    animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;    
    -moz-animation: testim-content-in .5s ease-in-out forwards;    
    -ms-animation: testim-content-in .5s ease-in-out forwards;    
    -o-animation: testim-content-in .5s ease-in-out forwards;    
    animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;            
    -moz-animation: testim-hide .5s ease-in-out forwards;            
    -ms-animation: testim-hide .5s ease-in-out forwards;            
    -o-animation: testim-hide .5s ease-in-out forwards;            
    animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h2 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;        
    -moz-animation: testim-content-out .4s ease-in-out forwards;        
    -ms-animation: testim-content-out .4s ease-in-out forwards;        
    -o-animation: testim-content-out .4s ease-in-out forwards;        
    animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;    
    -moz-animation: testim-content-out .5s ease-in-out forwards;    
    -ms-animation: testim-content-out .5s ease-in-out forwards;    
    -o-animation: testim-content-out .5s ease-in-out forwards;    
    animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -webkit-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -moz-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -moz-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -moz-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -ms-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -ms-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -ms-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -o-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -o-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -o-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -webkit-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -moz-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -ms-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -o-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        transform: translateY(0);        
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -moz-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -ms-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        transform: scale(1);       
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
}

@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
}

@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        transform: scale(0);
    }
}

@media all and (max-width: 300px) {
	body {
		font-size: 14px;
	}
}

@media all and (max-width: 500px) {
	.testim .arrow {
		font-size: 1.5em;
	}
	
	.testim .cont div p {
		line-height: 25px;
	}

}


.test_main{ width: 100%; float: left;}

.test_main h3 {
    text-align: center;
    font-size: 45px;
    margin-top: 60px;
    margin-bottom: 20px;
}
.test_main h4 {
    text-align: center;
    font-size: 19px;
    margin-bottom: 20px;
    color: #c78900;
}


.star_rate {
    margin-top: -12px;
}
.star_rate ul{}
.star_rate ul li{ display: inline; color: #fec42d; margin-bottom: 10px;}

.fon_star1{ font-size: 13px !important; padding: 0 !important; margin: 0 !important;}