body {background:#444340}
#all,.all {background:#fff;}


#cycl {height:320px;background:#f2f2f2}
#cycl video {height:320px}
#lcol {max-width:500px;width:40%;text-align:center}


#filmy .pn {box-sizing:border-box;width:33.33%;float:left;padding:15px;}

#logoimage { }
#logoimage img {max-width:270px;margin-top:0px !important}

#homepans {clear:both}

#all {display:none}

div#menu {position:relative !important}

#sloganandlogo {height:320px;padding-top:10px; box-sizing:border-box;position:relative;}
#logoimage {text-decoration:none;position:relative}
#logoimagezz:after {content:"Dara";
color:#444340;
font-size: 47px;
font-family:"yrsa";
text-decoration:none;
display:block;
font-weight:100;
line-height:1.1;
}

#isloganholder { z-index:999; text-align:right;padding-right:40px;padding-top:40px}

#logoimagezz:before {content:" ";
display:block;
font-size:18px;
line-height:1.4;
color:#a8a6a1;
font-family:"Yrsa";
position:absolute;
bottom:-20px;
width:100%;
text-align:center;
}

#menu  { position:static !important;background:#15b6b8; }
.sf-menu {display:block;float:none;

    height:auto !important;
text-align:center;
}

.sf-menu li {float:none;display:inline-block;}
 .sf-menu li a {line-height:50px;padding:0px 20px !important;text-transform:uppercase;font-size:17px;font-weight:400;letter-spacing:1px;
 text-transform:uppercase;font-family:"Source Sans Pro";
 color:#fff !important;
 
 }
 
  .sf-menu li a:hover, .sf-menu li a.issel { color:#76c3b8 !important}
 
 div.slide .desc {
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

 
 padding:20px 60px}
  div.slide .desc .cnt h2 {
  color:rgba(255,255,255,1);
  font-size:47px;
  font-weight:700;
  line-height:1.1;                                                                                                     
  font-family:"Yrsa",sans-serif;
  }
  
    div.slide .desc .cnt p {
        color:rgba(255,255,255,.75);
        font-family:"Yrsa",Georgia,serif;
        font-size:18px;
    }
 
 
 
  #cycl .bx-wrapper .bx-controls-direction a { background-repeat:no-repeat; top:auto;bottom:20px;margin-top:-35px; right:100px;left:auto; width:37px;height:37px;background:url(arr_l.png);  }
 #cycl .bx-wrapper .bx-controls-direction a.bx-next { right:20px;left:auto; background-image:url(arr_r.png)}
 
 
 #rcol .content {padding:50px ;padding-bottom:20px}
 
 
 h1 {color:#444340;line-height:1.2;font-size:32px;font-family:"Yrsa",sans-serif;font-weight:300}
 h2 {color:#444340;line-height:1.2;font-size:26px;font-family:"Yrsa",sans-serif;font-weight:300}
 h3 {color:#444340;line-height:1.2;font-size:18px;font-family:"Yrsa",sans-serif;font-weight:100}
 p,.homepantxt,td,li { color:#444340;
 font-family:"Source Sans Pro",Helvetica,sans-serif;
 font-size:16px;
 margin:16px 0px;
 text-align:left;
 line-height:1.6;
 }
 
 .homepantxt {text-align:justify}
 
 div.homepanel div.homepancontent {padding:0px;}
 
 
#footer {
	background-color: #fafafa;
	border-top: 1px solid #eee;
	padding: 3.2em 4% 1.6em;
	margin: 0;
  margin-top:10px;
}

#footer_menu {display:none}


.footer_col {width:33.33%;padding:0px 20px !important;box-sizing:border-box}

iframe {max-width:100%}

  
@media screen and (max-width:900px){
  
    .homecontent p {float:none !important;margin-top:0px !important}
    #menu a img {display:none}
    #menu   a span img {display:block}
  }
  