.container {
    /*box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.2);*/
	/*box-shadow: 15px 0 15px -20px rgba(0,0,0,0.2),-20px 0 15px -20px rgba(0,0,0,0.2);*/
}
body {
    //background-color:#c2e6f1 !important;
}

@font-face {
  font-family: 'B Yekan';
  src: url(../fonts/B_Yekan/Yekan.ttf);

}
@font-face {
  font-family: 'Times New Roman';
  src: url('../fonts/Times New Roman/times new roman.ttf');
}

* {
    font-family:'B Yekan';
}


/*Mobile---------------*/
@media screen and (max-width:800px) {
    #menu-desktop  {
        display:none;
    }
   

}
/*Desktop-------------------*/
@media screen and (min-width:800px) {
    #openMenu{
        display:none;
    }

}

/*********************************************************/
#topbar{
    background-color:#01c4c8;
    color:white;
    text-align:center;
    padding:10px 5px;
    font-size:small;
}

#topbar .fa-instagram{
    margin-right:10px;
}
#topbar .fa-map-marker{
    margin-left:10px;
}
#topbar .fa{
    color:#fff;
    font-size:18px;
}

#logo{   
   max-width:300px;
}

/*********************************************************/
#menu {
     background-color:#fff;
}
#menu .row {
    padding:10px 5px;
    /*border:1px solid blue;*/
    display: flex; 
    justify-content: center;
    align-items: center;

}
/*#menu .row > div {
    border:1px solid blue;
}*/


#menu-desktop > a{
    float:right;
    display:inline-block;
    padding:10px;
    /*border:1px solid red;*/
    color:black;
}
#menu-desktop > a:hover, .dropbtn:hover{
   background-color:#e0f3f3;
   color:black;
   text-decoration:none;
   border-radius:5px;
}
#menu-desktop .dropdown {
    float:right;
}
#menu-desktop .dropbtn {
    padding:10px;   
    border:none;
    background-color:white;
    outline:none !important;
    color:black;
}

#menu-desktop .dropdown-content a{
    display:block;
    color:white;
    padding:5px;
}
#menu-desktop .dropdown-content a:hover{
    background-color:#e0f3f3;
    color:black;
    padding:5px;
    text-decoration:none;
}
#menu-desktop .dropdown-content{
    position:absolute;
    right:0px;
    z-index:1;
    background-color:#01c4c8;
    text-align:right;
    box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.2);
    transition: all .5s ease;
    max-height: 0;
    overflow:hidden;   
    width:200px;
}
#menu-desktop .dropdown:hover .dropdown-content{
    max-height:200px;
    
}  

/*********************************************************/
#openMenu{
    font-size: 36px;
    cursor: pointer;
    color:#01c4c8 !important;
    float:right;

}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1 !important;
  top: 0;
  right: 0;
  background-color:#e0f3f3;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
}
.sidenav #titr {
   background-image:linear-gradient(to bottom,#08a6d2,#01c4c8);
   padding:20px;
   text-align:center;
}
.sidenav a, .Myaccordion{
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  display: block;
  transition: 0.3s;
  text-align:right;
  color:black;
}
.Myaccordion {
    cursor:pointer;
}
.Myaccordion::after{
    content:" + ";
}
.activeAcordion::after{
    content:" - ";
}
.Myaccordion-content{
    /*display:none;*/
    background-color:white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.Myaccordion-content a:hover {
    color:#01c4c8;
}
.sidenav a:hover {
  text-decoration:none;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 36px;  
}

/*********************************************************/
#mainSlideShow {
    padding:0px;background-color:#fff;
}
#myCarousel {
    width:100%;
    max-width:500px;
    height:auto;
    margin:auto;
}
#myCarousel img{
    width:100%;
    max-width:500px;
    height:auto;
    margin:auto;
}
.carousel-control {
    background:none !important;
}
/*********************************************************/
#servisesRow {
    background-color:#fff;padding-top:10px;
}
#OurServices {
    /*background-image:linear-gradient(to bottom,#08a6d2,#01c4c8);*/
    background-image:linear-gradient(to bottom,#01c4c8,#24adaf);
    /*border:1px solid red;*/
}

#OurServices h1{
    font-size:30px;
    font-weight:bold;
    /*border:1px solid red;*/
    width:100%;
    text-align:center;
    margin:0px; 
    padding:15px;
    text-shadow:0 0 5px #fff;
}
#Services {
    margin-top:20px;
}
#Services > div{
    text-align:center;
    /*border:1px solid #e0f3f3;*/
    padding:10px;
}
#Services > div > a{
    width:130px;
    text-align:center;
    margin:auto;
    display:block;
    background-color:#f3f3f3;
    padding:8px;
    border-radius:5px;
    
}
#Services h2{
    font-weight:bold;
    font-size:14px;
    margin-top:10px;
}
#Services a {
    color:black;
}
#Services a:hover {
    color:#23a7cd;
    text-decoration:none;
}

/*********************************************************/
#img-gallery {
    background-color:white;
    padding-top:0px;
}
#OurGallery {
    /*background-image:linear-gradient(to bottom,#08a6d2,#01c4c8);*/
    background-image:linear-gradient(to bottom,#01c4c8,#24adaf);
    /*border:1px solid red;*/
}

#OurGallery h1{
    font-size:larger;
    font-weight:bold;
    /*border:1px solid red;*/
    width:100%;
    text-align:center;
    margin:0px; 
    padding:10px;
    color:white;
}
.MultiCarousel .item{
    text-align:center;
}
.MultiCarousel .item img{
    max-width:300px;
    height:auto;
    margin:auto
}

.MultiCarousel .leftLst, .MultiCarousel .rightLst {
    background-color:#01c4c8;color:white;
}

        /*MultiCarousel Amade----------------------------------------------------------------------*/
.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
    .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
        .MultiCarousel .MultiCarousel-inner .item { float: left;}
        .MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
    .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
    .MultiCarousel .leftLst { left:0; }
    .MultiCarousel .rightLst { right:0; }
    
        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }
/*myCarousel ???????????????????????????????????????????????*/

.owl-carousel {
    position:relative;background-color:white;padding-top:30px;
}
.owl-item{
    
}
.owl-carousel img {
    padding:10px;
    max-width:300px;height:auto;margin:auto;border:2px solid #e0e0e0;border-radius:5px;
}
/*********************************************************/
#footer {
    padding:5px;
    background-color:#e0f3f3;
}
#footer p{
    margin-bottom:0px;
}
#footer > div {
    text-align:center;
    padding:10px;
}
#footer a {
    text-decoration:none;
    font-family:'Times New Roman';
}
/*********************************************************/
#map {
    padding-top:20px; padding-bottom:20px;background-color:white;
}
#map > div {
    max-width: 500px;
    margin: auto;
}
/*********************************************************/
#copyright {
    background-color:#23a7cd;
    color:white;
    text-align:right;
    padding:10px 5px 5px 5px;
    
}
#copyright h2{   
    /*border:1px solid red;*/
    margin:0px;
    font-size:14px;
    float:right;
}
#copyright #instagram {
    color:white;
    padding-right:5px;
}
/*********************************************************/
#designby {
    text-align:center;
    background-color:white;
    font-family:Times New Roman;
}

#designby span{
    font-size:smaller;
    font-family:Times New Roman;
}

.owl-nav i{
    font-size:20px;
}
}