/* Enter Your Custom CSS Here */
* {
 letter-spacing:0 !important; 
}
h1, h2, h3, h4, h5, h6 {
 font-weight:normal;
}
h2.top img {
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
ul , ol {
    margin-right: 1.1rem;
    text-align: right;
    line-height: normal;
    list-style-position: outside;
    margin-left: 0;
}
#contact .handle {
    width: 120px;
}
hr {
    border: solid #DDDDDD;
    border-width: 0px 0 0;
}
#contact h2 a:hover {
    color: #e5e5e5;
}
.large-6.columns.comp {
    text-align: center;
}
.contact-info .four.spacing {
 display:none; 
}
.vid a img {
    margin-bottom: 30px;
}
#back:hover {
    color: #A4DDEB;
}
.box.active .header {
     min-height: 395px; 
}
.logo .logo-image {
      background: #F5F5F5;
}
.active .header .desc {
    background-color: #03703c;
      direction: rtl;
}
.header h2 {
	font-size: 70px;
text-align: right;
  color:#03703c;
  
}
.header h1 {
  color:#333
    
}
.desc {
	padding: 50px 60px;
      direction: rtl;
}
#about .header ,#about .header:hover {
background-color:#E1E85C !important;}
#blog .header ,#blog .header:hover {
background-color:#a4ddeb !important;}
#service .header ,#service .header:hover {
background-color:#04703C !important;}
#work .header ,#work .header:hover{
background-color:#FDBE25 !important;}
.icon-text {
    padding: 10px 60px;
}


#about .header .desc {
    background-color: #E1E85C;
    direction: rtl;
}
#blog .header .desc {
    background-color: #a4ddeb;
    direction: rtl;
}#service .header .desc {
    background-color: #04703C;
    direction: rtl;
}
#work .header .desc {
    background-color: #FDBE25;
    direction: rtl;
}
body, h1, h2, h3, h4, h5, h6, p, blockquote, li, a {
  direction: rtl;
}
#service .header h1 {
    color: #FFF;
      font-size: 50px;
}
.main-services {
    border-top: 0px solid #f0f0f0;
    border-left: 0px solid #f0f0f0;
}
.section-title h2 {
    font-size: 22px;
}
.header h1 {
    font-size: 35px;
}
.logo-image img {
    width: 53%;
    margin: 39px 33px;
}
div.slick-list.draggable {
	direction: ltr;
}
.slick-slide img {
display: block;
max-height: 100px;
width: auto;
text-align: center;
margin: 0 auto;
}
.no-overflow {
	overflow-y: scroll; /* has to be scroll, not auto */
   -webkit-overflow-scrolling: touch;
}








@media only screen and (min-width: 40.0625em) {
	
.large-4.columns.vid {
    width: 33.3333333333%;
    float: right;
}
.large-4.columns.comp {
   width: 33.3333333333%;
}

}







@media only screen and (max-width : 667px)  { 
.large-6.columns.comp img {
    max-width: 315px;
}
.special-title nav h2 a img {
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0;
    position: absolute;
    top: 33%;
}
.logo {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -49px;
    margin-top: -110px;
}
.logo .logo-image {
    width: 100px;
    height: 100px;
}
.header h2 {
    font-size: 59px;
    text-align: right;
    color: #03703c;
}
  .icon-text {
    padding: 20px 60px;
  }

  .logo-image img {
    width: 60px;
    margin: 0 auto;
    display: block;
    padding-top: 23px;
}
}
@media only screen and (max-height : 600px)  { 
.special-title nav h2 a img {
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0%;
    height:90%;
    width: auto;
}
  .box.active .header .special-title nav h2 a img {
    margin: 0;
    right: auto;
}

}


@media only screen and (max-width : 1024px)  { 
.special-title nav h2 a img {
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0%;
    width: auto;
    height:auto;
}
  .logo-image img {
    width: 60px;
    margin: 0 auto;
    display: block;
    padding-top: 23px;
}
.logo {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -49px;
    margin-top: -110px;
}
.logo .logo-image {
    width: 100px;
    height: 100px;
}
.header h2 {
    font-size: 59px;
    text-align: right;
    color: #03703c;
}
}
/* Iphone landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { 
.special-title nav h2 a img {
    top: 0;
}
  .logo-image img {
    width: 60px;
    margin: 0 auto;
    display: block;
    padding-top: 23px;
}
}
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) { 
.special-title nav h2 a img {
    top: 0;
}
  .logo-image img {
    width: 60px;
    margin: 0 auto;
    display: block;
    padding-top: 23px;
}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
.special-title nav h2 a img {
    top: 0;
}
  .logo-image img {
    width: 60px;
    margin: 0 auto;
    display: block;
    padding-top: 23px;
}
}