/* ================================
   Base Styles 
=================================*/

/* Style the Image Used to Trigger the Modal */
#questionPhoto {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#questionPhoto:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* 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.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

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

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}


body {
  font:normal 62.5% Helvetica,Arial,sans-serif;
  color:#6a6a6a;
  background-color:#fff;
}


.buttonChoose {
	  font-size:1.4em;
	  padding: 8px 20px;
}

.customButton {
	border:none;
  text-decoration: none;
  display: inline-block;
  padding: 8px 16px;
	  font-size:1.4em;
}

.customButton:hover {
  background-color: #ddd;
  color: black;
}

.previous {
  background-color: #04AA6D;
  color: white;
}

.next {
  background-color: #04AA6D;
  color: white;
}

.round {
  border-radius: 50%;
}


.questionHeadH2 {
  padding:0 0 0 0;
  font-size:1.0em;
  color:#555555;
}

.questionSubtitle {
  padding:0 0 0 0;
  font-size:0.9em;
  font-weight:normal;
}

.questionH2 {
  padding:0 0 0 0;
  font-size:1.3em;
  color:#555555;
}

.questionChoices {
  padding:0 0 0 0;
  font-size:1.0em;
  font-weight:normal;
}

.arabicParagraph {
  padding:0 0 0 0;
  font-size:0.9em;
  line-height:1.2em;
}

.footersmall {
  padding:0 0 0 0;
  font-size:0.7em;
  font-weight:normal;
}

.footermedium{
  padding:0 0 0 0;
  font-size:0.8em;
  font-weight:normal;
}

h1 {
	font-size:1vw;
  padding:0 0 18px 0;
  font-size:5em;
  color:#2f3727;
}

h2 {
	font-size:2vw;
  padding:0 0 18px 0;
  font-size:2.4em;
  color:#555555;
}
h3 {
	font-size:3vw;
  padding:0 0 24px 0;
  font-size:1.4em;
  font-weight:normal;

}
h7 {
	font-size:7vw;
  padding:0 0 24px 0;
  font-size:1.4em;
  font-weight:normal;
}
h8 {
	font-size:1vw;
	font-size:1em;
	padding:0 0 24px 0;
	font-weight:normal;
}
p {
  padding:0 0 26px 0;
  font-size:1.2em;
  line-height:1.4em;
}
a{
  text-decoration:none;
  color:#555555;
}
a:hover{
  text-decoration:underline;
}
a img {
  border:none;
}
img{
  border:none;
}
ul { 
  margin:0;
  padding:0;
  list-style:none;  
}
ul li {
  float:left;
  font-size:1.2em;
} 

/* ================================
   Header 
=================================*/
header {

}
#top {
  padding:20px 0;
  opacity:1;
  filter:alpha(opacity = 50);
  background-color:#fff;
  zoom:1;
}
header ul li a {
  display:block;
  padding:9px 15px;
  font-size:1.2em;
  font-weight:bold;
}
header ul li.selected a {
  padding:9px 19px;
  border:1.5px solid #555555;
  border-radius:10px;
  color:#555555;
}

/* ================================
   Slider
=================================*/
/* The Nivo Slider styles */
#slider {
  margin:0 auto;
    width:960px;
    height:427px; 
}
.nivoSlider {
  position:relative;
  background:transparent url("../images/loading.gif") no-repeat scroll 50% 50%;
    margin-bottom:50px;
}
.nivoSlider img {
  position:absolute;
  top:0px;
  left:68px;
  display:none;
}
.nivoSlider a {
  display:block;
}
.nivoSlider a.nivo-imageLink {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  margin:0;
  z-index:6;
  display:none;
}
.nivo-slice {
  display:block;
  position:absolute;
  z-index:5;
  height:100%;
}
.nivo-box {
  display:block;
  position:absolute;
  z-index:5;
}
.nivo-caption {
  position:absolute;
  left:72px;
  top:80px;
  color:#fff;
  width:480px;
  z-index:8;
}
.nivo-caption p {
  font-size:1.5em;
  font-weight:bold;
  color:#747d67; 
}
.nivo-caption h1,
.nivo-caption h2 { 
  font-size:3em;
  line-height:0.8em;
  color:#2f3727;
}
a.button {
  display:block;
  width:234px;
  padding:21px 0;
  border:1px solid #ff914f;
  border-radius:6px;
  color:#fff;
  background:#ff8200 url("../images/sliderButton-bk.gif") repeat-x 0 0;
  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffbd1c), to(#ff9800), color-stop(.8,#ff8300));
  background:-moz-linear-gradient(top, #ffbd1c 0%, #ff9800 80%, #ff8300 100%);
  box-shadow: 0px 6px 4px 1px rgba(0, 0, 0, 0.4);
  font-size:1.6em;
  font-weight:bold;
  text-align:center;
  text-transform:uppercase;
  color:#8e2f00; 
}
.lt-ie9 .nivo-caption,
.lt-ie9 .nivo-caption p,
.lt-ie9 .nivo-caption h1,
.lt-ie9 .nivo-caption h2 {
  background:none !important; 
  filter:none !important;
}
.nivo-html-caption {
    display:none;
}
.nivo-directionNav a {
  position:absolute;
  top:45%;
  z-index:9;
  cursor:pointer;
}
.nivo-prevNav {
  left:0px;
}
.nivo-nextNav {
  right:0px;
}
.nivo-controlNav a {
  position:relative;
  z-index:9;
  cursor:pointer;
}
.nivo-controlNav a.active {
  font-weight:bold;
}
.nivo-controlNav {
  position:absolute;
  left:50%;
  bottom:10px;
    margin-left:-40px;
  z-index:9999;
}
.nivo-controlNav a {
  display:block;
  width:22px;
  height:22px;
  background:url("../images/sliderBullets.gif") no-repeat;
  text-indent:-9999px;
  border:0;
  margin-right:3px;
  float:left;
}
.nivo-controlNav a.active {
  background-position:0 -23px;
}
.nivo-directionNav a {
  display:block;
  width:51px;
  height:51px;
  background:url("../images/sliderArrows.png") no-repeat;
  text-indent:-9999px;
  border:0;
}
a.nivo-nextNav {
  background-position:-51px 0;
  right:0;
}
a.nivo-prevNav {
  left:0;
}

/* ================================
   Main 
=================================*/
#main {
  padding:40px 0;
}
#main h2 {
  padding:0;
}
.moreLink {
  text-decoration:underline;
}

/* ================================
   Testimonials 
=================================*/
#testimonials {
  position:relative;
  padding:15px 0 22px 0;
    background:#d8d8d8 url("../images/testimonials-bk.gif") repeat-x scroll 0 0;
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#d8d8d8));
    background-image:-webkit-linear-gradient(top, #ededed, #d8d8d8);
    background-image:-moz-linear-gradient(top, #ededed, #d8d8d8);
  box-shadow:0 4px 6px 0 #9e9e9e;
  z-index:10;
}
blockquote{
  padding:24px 48px 0 34px;
  font-size:1.4em;
  line-height:1.4em;
  font-style:italic;
  background:transparent url("../images/quoteOpen.png") no-repeat scroll 0 0;
}
cite{
  display:block;
  padding:26px 48px 0 0;
  font-size:1.2em;
  font-weight:bold;
  font-style:normal;
  text-align:right;
  background:transparent url("../images/quoteClose.png") no-repeat scroll right top;
}

/* ================================
   Footer 
=================================*/
footer {
  padding:15px 0;
  z-index:1;
  background:#FFFFFF
}
footer ul li a {
  margin:0 6px 0 0;
  padding:0 6px 0 0;
  border-right:1px solid #1f7306;
  color:#4c4c4c
}
#socialMedia a {
  padding:0 4px;
  text-align:right;
}