/*
Theme Name: retinamacula
Theme URI: http://www.retinamacula.com
Description: This is retinamacula WordPress Theme
Author: Cyber Flavors
Author URI: http://www.cyberflavors.com
Version: 1.0
*/



* {
	margin:0;
	padding:0;
}

body {

    background: #FFFFFF;
    color: #404040;
    font-family: 'Open Sans', Lato, sans-serif;
    font-size: 18px;
    line-height: 140%;
    margin: 0;
    padding: 0;



}

img { 	border:0;    }
.img-responsive { 	border:0;  max-width: 100%; height: auto;  }
.clear{ display: block;  clear: both; }
.clearH{ display: block;  clear: both; height: 15px; }
p {
    margin-bottom: 20px;
    margin-top: 0;
}
a, a:visited {   color: #FF9933;
transition: color 300ms ease 0s, background-color 300ms ease 0s, opacity 300ms ease 0s;
   text-decoration: none;
}


a:hover {
    text-decoration: none;  color: #CF4F99;
}
a img {
    border:none;
}

.orange{ color: #FF9933; }
.blue {  /* color: #4892CE; */ }

.floatright{  float: right;  }
.floatleft{  float: left;  }

.center{ text-align: center; }
.alignleft{ text-align: left; }
.alignright{ text-align: right; }
.justify{  text-align: justify; }

img.alignright{   float: right; margin-left: 15px;  max-width: 100%; height: auto;}
img.alignleft{   float: left; margin-right: 15px; max-width: 100%; height: auto; }
img.alignnone, img.alignnone{   float: none; max-width: 100%; height: auto; }

.row{ margin:  0 -15px; }

.large{  font-size: 18px;  line-height: 140%; }

fieldset ,form{
	border:0;
	margin:0;
	padding:0;
}
h1, h2, h3 { font-family: 'Roboto Condensed', sans-serif; }
h1, h2, h3 { color: #163159;}
.wrapper{ clear: both; margin: 0 auto;  padding: 0px;   width: 85%; max-width: 1280px;  background: transparent;  }
.box-35{   float: left; width: 35%; display: block;}
.box-10{   float: left; width: 10%; display: block;}
.box-15{   float: left; width: 15%; display: block; }
.box-30{   float: left; width: 30%; display: block;}
.box-20{   float: left; width: 20%; display: block;}
.box-25{   float: left; width: 25%; display: block;}
.box-33{   float: left; width: 33.3%; display: block;}
.box-35{   float: left; width: 35%; display: block;}
.box-40{   float: left; width: 40%; display: block;}
.box-45{   float: left; width: 45%; display: block;}
.box-50{   float: left; width: 50%; display: block;}
.box-55{   float: left; width: 55%; display: block;}
.box-60{   float: left; width: 60%; display: block;}
.box-65{   float: left; width: 65%; display: block;}
.box-70{   float: left; width: 70%; display: block;}
.box-75{   float: left; width: 75%; display: block;}
.box-80{   float: left; width: 80%; display: block;}
.box-100{  clear: both; width: 100%; display: block;}

.box-paddingS{  padding: 0 10px; }
.box-paddingL{  padding-left: 20px; }
.box-paddingR{  padding-right:20px; }
.box-padding {  padding: 15px; }
.box-pad-t {  padding: 15px 0px; }
.pad20{   padding-left: 20px; }

.floatleft{   float: left; }
.floatright{   float: right;  }

#header { clear: both; display: block; width: 100%;   margin: 0; padding: 0;  background: #FFFFFF;  font-family: 'Roboto Condensed', sans-serif; font-weight: 400;
  }

#headerImage{
  clear: both; display: block; margin: 0; padding: 0;
}
.inner-page {  height: 120px; }

.logo{  float: left; display: block; background: #FFFFFF; width: 160px; padding: 10px; position: absolute; top: 0px; z-index: 999;  margin: 0px; border: 1px solid #E0E0E0; border-top: 0px; }

.user-tools{    padding: 0px; font-size: 13px;  line-height: 20px; display: block; clear: both; border-bottom: 1px solid #E0E0E0;  margin-bottom: 10px; }
.toplinks{
  padding: 9px 0 0 0; display: inline-block; vertical-align: middle;
}

#header .socials {
    display: inline-block;
    vertical-align: middle;
}
.socials ul a, .topBar a {
    font-size: 16px;
    text-decoration: none;
}
.socials ul {
    list-style: outside none none;
    margin: 0;  display: inline-block;
    overflow: hidden;
}
.socials li {
    float: left;
    margin: 9px 22px 0 0;
    padding: 0;
}
.socials li:hover .fa {
    color: #3a5795;
    transform: rotate(360deg);
}
.socials li:hover .fa-twitter {
    color: #51b8f2;
}
.socials li:hover .fa-google-plus {
    color: #d73d32;
}
.socials a {
    color: #54667a;
    display: inline-block;
}

.socials a .fa {
    transition: all 0.5s ease 0s;
}
a.button{
    background-color: #4892CE; display: inline-block; border-radius: 2px;
    border: 1px solid #4896D6;  color: #FFFFFF; text-decoration: none;  text-transform: uppercase;
    font-size: 14px;  cursor: pointer;
    padding: 8px 20px;  transition: all 0.2s ease-out 0s;
}


a.button:hover{
  background-color: #163159; border: 1px solid #163159;

}

ul.ct-font-resizer{
    display: inline-block; list-style: none;  padding-left: 8px;
}

.head-col {
    float: right; width: 85%;
    margin: 0px;     position: relative;
}

.phone .fa {
    float: left;
    font-size: 46px;
    margin-right: 14px;
}
.phone small, .phone a {
    color: #54667a;
    display: block;
}
.phone small {
    font-size: 14px;
    line-height: 1;
    margin-top: 3px;
}
.phone a {

    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.08;
}

#topmenu {
 margin: 0; display: block;  padding: 0 ;
 }

#topnav{ display: block; float: none;  text-align: center;   }


.moduletable_dropdown{  font-family: 'Roboto Condensed', sans-serif;   }


#topmenu ul.menu{
 list-style: none;
 margin: 0px;
 padding: 0px; display: inline-block;
}

#topmenu ul.menu ul {

    display: none;
}
#topmenu ul.menu li:hover > ul {
    display: block;
}
#topmenu ul.menu {

    list-style: none;
    position: relative;
}
#topmenu ul.menu:after {
    clear: both;
    content: "";
    display: block;
}
#topmenu ul.menu li {
    float: left;  list-style: none;
}
#topmenu ul.menu li:hover {
     left: auto;
}
#topmenu ul.menu li:hover a {

}
#topmenu ul.menu li a {

	line-height:65px; padding: 0px 9px 0px 9px;
    color: #54667a; text-align: center;  margin: 0px;  text-align: center;
	font-weight:400;  text-transform:  uppercase;   transition: all 0.3s ease 0s;
	text-decoration:none; font-size: 16px; display: block;
}
#topmenu ul.menu ul {
   width: 170px;
    position: absolute;
    top: 100%;  z-index: 999999;
     border: none; padding: 0px 8px 5px 8px;
 -moz-box-sizing: content-box;
    background: rgba(255, 255, 255, 0.95);
    border-top: 3px solid #B3B8BC;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
}
#topmenu ul.menu ul li {
 border-bottom: 1px solid rgba(181, 186, 192, 0.2);
    float: none;
    position: relative;
}
#topmenu ul.menu ul li a {

    background:   transparent;
    height: auto;  border: none;
    color: #000000;  text-shadow: none; text-transform: capitalize;
    display: block;  font-weight: 500;
    font-size: 14px;  text-align: left;
    line-height: 25px;  position: relative;
    padding: 1% 0.5%;  z-index: 9999;
}
#topmenu ul.menu li.current-menu-item a {
 color: #4892CE;

}
#topmenu ul.menu li.current-menu-item ul li a, #topmenu ul.menu li.current-menu-parent ul li.current-menu-item a {
 color: #000000;

}
#topmenu ul.menu ul li a:hover, #topmenu ul.menu ul.sub-menu li.menu-item a:hover {
   border-bottom: none;
}
#topmenu ul.menu ul ul {
    left: 100%;
    position: absolute;
    top: 0;   z-index: 999999;
    border: none; padding: 0px 8px 5px 8px;
 -moz-box-sizing: content-box;
    background: rgba(255, 255, 255, 0.95);
    border-top: none;
    box-shadow: none;
}
#topmenu ul.menu ul ul li{

 padding: 0;
border-bottom: 1px solid rgba(181, 186, 192, 0.2);

}
#topmenu ul.menu ul ul li a{
 display: block;
 padding: 0px 8px;

 line-height: 28px;
}

#topmenu ul.menu li.current-menu-item ul li a, #topmenu ul.menu li ul li.current-menu-item a{   background: none;   }
#topmenu ul.menu ul li a:hover { background: none;  }






#headerImage {  margin: 0px 0 0 0; padding: 0px 0 0 0; background: url(/wp-content/themes/retinamacula/images/bg-conte.png) top repeat-x;
   }



#services{
  display: block; width: 100%;  text-align: center;  margin: 0px; padding: 40px 0 0 ;
  background-color: #4892CE;   font-size: 18px;
  color: #FFFFFF;
}
.section-ribbon {
    background-color: #4892CE;
    left: 50%;
    margin-left: -70px;
    position: absolute;
    text-align: center;
    margin-top: -70px;
    width: 140px;
    z-index: 999;
}
.section-ribbon .ico {
    position: relative;
    z-index: 50;
}
.section-ribbon::before {
    border-color: transparent transparent #4892CE;
    border-style: solid;
    border-width: 0 70px 40px;
    bottom: 100%;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}
.section-ribbon i {
    color: #7f64b5;
    font-size: 60px;
}
.section-ribbon i.white {
    color: #ffffff !important;
    font-size: 60px;
}
#services a h3{
  display: block; clear: both; padding: 0;  font-weight: 400; font-size: 18px;  padding-bottom: 10px;  color: #000000;
}
#services a:hover img { opacity: 0.7;           }

#services a:hover h3 { color: rgba(255, 240, 45, 1); }

.servicebox {
    background: rgba(255, 255, 255, 0.8)none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 1);
    transition: all 0.3s ease 0s;
    padding: 20px 20px 30px; margin: 0 5px;
    display: block;


}


.servicebox img {
    display: inline-block;
    margin: 0px 10px 20px 0;
    float: left;
    padding: 0px;
    width: 50px;

}
a.more { text-align: right;  color: #006599; text-decoration: none; text-transform: lowercase; font-size: 14px; font-weight: 700; display: block; }
a.more:hover, .servicebox:hover a {  color: #FFFFFF; text-decoration: none;  display: block; }


.servicebox:hover {
    background: none repeat scroll 0 0 rgba(0, 101, 153, 0.8);
    color: #FFFFFF;  border: 1px solid rgba(0, 101, 153, 1);

}
.service-list {
  display: block; background: url(/wp-content/themes/retinamacula/images/bracket.png) left no-repeat;
 min-height: 276px;  padding-left: 80px;
}


.service-list ul {

    margin: 0 0 0 20px;
    padding: 20px 0 0 0;
}
.service-list ul li {
    color: #006599;
    margin: 0px 0 2px;
    padding: 0 0 0 5px;

}

.service-list ul li:hover {  color: #000000;  }

.service-list ul li a {
    color: #1E1D1D;  font-size: 16px;  line-height: 150%;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}
.service-list ul li a:hover {
    color: #006599;
}


#services .item_content {
  margin: 0 10px;
}


.item_img {
    font-size: 0;
    line-height: 0;
    position: relative;  margin-bottom: 20px;
}
.item_img a {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.item_img a img {
    opacity: 0.99;
    transform: scale(1);
    transition: all 0.5s linear 0s;
}
.item_img a:hover {
}
.item_img a:hover img, .item_img a:hover .BWfade {
    opacity: 1 !important;
    transform: scale(1.1) !important;
}


#services h4 { display: block; font-size: 16px; line-height: 18px; }

.line{  border-bottom: 1px solid #E0E0E0; margin-bottom: 15px;  }


.round-container{   width: 150px; margin: 30px auto; border-bottom: 1px solid #FDC64B;
}
a.round-btn{  width: 100px;  display: block; padding: 5px 0px; background: #FDC64B; border-radius: 16px; color: #FFFFFF; margin: 0 auto -15px auto;  text-decoration: none;
}
a.round-btn:hover{ background: #FFFFFF; color: #6DA01F;  }

#featured {
  background: #009FDC; padding: 60px 0px; color: #FFFFFF;
}

.img-wrap{
  float: left; margin: 0 15px 0px 0px; width: 70px; text-align: center;
}
.item-wrap{  overflow: hidden;}

ol{    margin: 0 0 0 20px; padding: 0;   }
ol li{    margin: 0; padding: 0 0 20px 0;   }

.content-padding{ padding: 0 20px;}



.img-con{  display: block; padding: 10px; clear: both;  }
.text-con{  display: block; padding: 10px; clear: both;  }

a.viewmore{
    background-color: #008AB8;
    border-radius: 5px; overflow: hidden;
    color: #FFFFFF;  font-family: 'Roboto Condensed', sans-serif;
    display: inline-block; font-size: 24px;
    padding: 20px 50px;  text-transform: uppercase;
    text-decoration: none; border-bottom: 6px solid #006599;

}
a.viewmore:hover {  background: #007399; border-bottom: 6px solid #005885;   }

.extra-wrap {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 40px;
    color: #CC0000;

}
.testimonials {
    padding: 0%;
}

blockquote {
    background: #efeff0 none repeat scroll 0 0;
    box-sizing: border-box;
    display: block;  color: #101010;
    margin-top: 15px;
    padding: 13px 20px 15px;
    position: relative;
}
blockquote::before {
    background: rgba(0, 0, 0, 0) url("/wp-content/themes/retinamacula/images/corner1.png") no-repeat scroll 0 0;
    bottom: -17px;
    content: "";
    display: inline-block;
    height: 17px;
    right: 20px;
    position: absolute;
    width: 18px;
}
.client a{   font-weight: 700; color: #FFFFFF; display: block; text-align: right; text-transform: capitalize; padding: 5px 50px 0 0px;}

.layer{   background: transparent url(/wp-content/themes/retinamacula/images/net.png) repeat;     }



a.readmore{
   float: none;  background: #008AB8; border: 1px solid #0069A3;

    color: #FFFFFF;
    display: inline-block;
    padding: 7px 16px;  margin-top: 5px;
    text-decoration: none;
    border-radius: 3px; overflow: hidden;

}

a.readmore:hover {  border-radius: 3px; overflow: hidden; color: #FFFFFF;  border: 1px solid #5E5652;
background-color: #5E5652; background-image: -moz-linear-gradient(center top , #5E5652, #1C1C1C); }





.phone-intro{  padding: 5px 0;  }
.call-back a{  clear: both; display: block; margin: 15px 0;
 text-decoration: none; text-align: center;  padding: 5px 0px; font-weight: bold;
 background: url(/wp-content/themes/retinamacula/images/title1_d.gif) repeat-y; color: #002663; border: 1px solid #CCCCCC;     }



#mainBody { clear: both; margin: 0px 0 15px 0; padding: 15px; background: #FFFFFF; }


#mainContent { clear: both; margin: 0px 0px;  padding: 40px 0 0 0;   font-size: 18px;
 }

#bottom-box{
  background: url(/wp-content/themes/retinamacula/images/bg-conte.png) repeat-x;
  display: block;
  clear: both; padding: 60px 0;
}


#leftContent {
    float: left;
    width: 73%;
    padding: 0%;
    margin: 0px;
   }

#rightContent {
    float: right;
    width: 25%;
    padding: 0;
    margin: 0px;
   }

.banner-add{
  display: block; clear: both; margin: 10px 0; padding: 0px;
}


h1{ line-height: 40px; text-transform: capitalize;  font-size: 40px; font-weight: 600;
padding: 5px 5px; margin: 0px 0 20px 0;

  }


h2{

    display: block;
    font-size: 33px; line-height: 40px; font-weight: 500;
    margin: 0px 0 20px 0;



      }
h2 span{ color: #006599;  }



.content-padding{ padding: 0 20px;}



.datetime, .comments{ float: left; margin-right: 15px; border: medium none;   font: 12px/21px 'Open Sans',sans-serif; color: #707070;     margin-bottom: 4px;     padding: 0;      text-transform: none;}

h3{

  font-size: 20px; line-height: 24px;
  display: block; padding: 8px 0px;
  text-transform: uppercase; margin: 0;
  text-decoration: none;  font-weight: 500;
}

.darkbg h3{  color: #4485F4; }


.hr {
    background: none repeat scroll 0 0 #502C61;
    height: 4px;
    margin: 0 0 10px;
}


.blognews { display: block; padding:0 0px; 	margin:10px 0 20px 0;  }
.newspost { display: block;	padding:0 0px;}

.post-row { clear:both; margin: 0 10px 10px 0; padding: 0 0 10px 0px; display: table; width: 95%;   border-bottom: 1px dotted #CDD2E0;}
.newspost img {
  float: left; margin: 0 10px 0 0; border: 1px solid #CDD2E0; padding: 3px;
}
.newspost a {  text-decoration: none; color: #16438D; font-size: 14px; display: block; text-transform: capitalize; padding-bottom: 10px;  }
.newspost .meta { padding-top: 6px; }
.datetime, .comments{ font-size: 11px;  }




.followus{   float: right;  }
ul.icons{  	cursor: default;   		}

ul.icons li	{  	display: inline-block;   			}

ul.icons a  { display: inline-block;  width: 20px;   text-align: center; 	border: 0;  }

.icons  {  margin: 0 0 0px 0; text-align: center;  	}

.icons a  {	color: #FFFFFF;
				-moz-transition: color 0.35s ease-in-out;
				-webkit-transition: color 0.35s ease-in-out;
				-o-transition: color 0.35s ease-in-out;
				-ms-transition: color 0.35s ease-in-out;
				transition: color 0.35s ease-in-out;
			}

.icons a:hover  { 	color: #DF0284;  		}



#footer{
   clear: both; display: block;  background: #163159;
    margin: 0px;  font-size: 15px;    padding: 30px 0;  color: #FFFFFF;  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.1);    }


#footer h3 {
	position:relative;
	font-size: 18px;
	line-height: 22px;
	margin:0 0 15px 0;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
}
#footer ul.menu li {	display:block;	padding:0 0 10px;}
#footer ul.menu li a { color: #a6a9b1; font-size: 13px; display:inline-block; font-weight: 400;	text-decoration:none;}
#footer ul.menu li a:hover { color: #ef4135;}


.list-work-times {
    list-style: outside none none;
    margin: -13px 0 0;
}
.list-work-times li + li {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.list-work-times p {
    font-weight: 400;
    margin-bottom: 0;
    overflow: hidden;
}
.list-work-times p span {
    color: #c2cfde;
    float: left;
    line-height: 3.2;
}
.list-work-times p span + span {
    color: #ffffff;
    float: right;
    font-size: 14px;
    line-height: 3.43;
    margin-top: 2px;
}

#newsletter-box .input-text  {
background-color: #38464F;
    border: 1px solid #5A5A5A;
   color: #a6a9b1;
    float: left;
    font: 12px Helvetica,Arial,sans-serif;
    height: 30px;
    margin: 0px 0 0 0px;
    padding: 3px 0 0 10px;
    width: 50%;
}

.input-submit {
    background-color: #EF4135;
    border: 0 none;
    color: #FFFFFF;
    float: left;

    font-size: 12px;
    font-weight: normal;
    margin: 0px 0 0 5px;
    padding: 8px 10px;
    text-transform: uppercase;
}
.input-submit:hover {
    color: #FFFFFF;
    cursor: pointer;
    background: #38464F;
}
.inputbox {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    color: #999999;
    float: none;  font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin: 5px 0;
    padding: 5px 0;
    text-indent: 10px;
    width: 100%;
}
.textarea {
     background: rgba(255, 255, 255, 0.7);
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    color: #999999;
    float: none;  font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin: 5px 0;
    min-height: 80px;
    padding: 5px 0;
    text-indent: 10px;
    width: 100%;
}
.contact-form{
  clear: both; display: block; padding: 10px 0;
}

.btn-submit {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #1999BC none repeat scroll 0 0;
    border-color: #1999BC #1999BC #126E87;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 4px;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    margin: 5px 0;
    padding: 10px 30px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}


.btn-submit:hover{
  background-color: #163159;


}



.pretext {
    padding-bottom: 13px;
}
ul.bullet {
 margin: 15px 0 15px 0px; padding: 0; list-style: none;  clear: both;
}

ul.bullet li {
  font-weight: normal;
  padding-bottom: 6px; padding-left: 25px;
  background: url(/wp-content/themes/retinamacula/images/bullet-icon6.png) 0px 2px no-repeat;
}



.list {
    margin: 0px 0px; padding: 0;
    text-align: left;
}
.list > li {
    margin: 0; padding: 3px 0px 2px 25px;
    position: relative; list-style: none;
}
.list > li::before {
    color: #FF9933;
    content: "\f067";
    font-family: FontAwesome;
    font-size: 16px;
    font-weight: 400;
    left: 0;
    line-height: 20px;
    position: absolute;
    top: 0px;
}
.list > li + li {
    border-top: 1px dotted #ffffff;

}
.list > li > a {
    color: #666666; transition: all 0.3s ease 0s;        
   }
.list > li > a:hover {
    color: #FF9933;

}

.social {
    margin: 0px;
}
.social li {
    display: inline;
    list-style: outside none none;
    margin: 0 6px 0 0;
}
.social li a {

    color: #ffffff;
    display: inline-block;
    font-size: 0;
    height: 24px;
    line-height: 0;
    overflow: hidden;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 24px;
}
.social li a.fa {
    position: relative;
}
.social li a.fa:before {
    color: #ffffff;
    font: 18px/24px FontAwesome;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 24px;
}
.social li a:hover {
    background-color: #595959;
    color: #ffffff;
}
span.hrs{
  background: #DE4A4A; border: 3px double #FFFFFF; padding: 8px 15px; text-transform: uppercase;   clear: both; display: inline-block; font-weight: bold;
}


#bar{
   clear: both; display: block;  background: #1C1C1C;
    margin: 0px;     padding: 10px 0;  color: #FFFFFF;  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.1);    }

#bar a{ color: #97B6D9;   }


.btn {
  border: none;
    background-color: #D3280B;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 10px;
    position: relative;
    border-radius: 1000px;
    transition: all 0.3s ease 0s;
}
.btn-icon{  background-color: #000000; color: #909090;

}
.btn:hover { background: #F04624; color: #FFFFFF; cursor: pointer;  }




.sliderContainer {
	width:100%; margin: 0px;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }


.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
  }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }

 .events {
  list-style: none;
  }

.callbacks_container {

  position: relative;
  float: left;
  width: 100%;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #CCCC99;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;  line-height: 40px;  text-transform: capitalize;
  max-width: none;
  }


.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 42%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 60px;
  width: 60px;
 background: url("/wp-content/themes/retinamacula/images/themes.png") no-repeat left top;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

#slider3-pager a {
  display: inline-block;
}

#slider3-pager img {
  float: left;
}

#slider3-pager .rslides_here a {
  background: transparent;
  box-shadow: 0 0 0 2px #666;
}

#slider3-pager a {
  padding: 0;
}

.ban_caption{ position:absolute; width:32%; padding: 0; left: 8%; right: auto;  top: 40%;  z-index: 999; color: #000;  }
.ban_caption h3{
    float: none;
    color: #fff;
    display: inline-block;
    font-size: 20px; line-height: 100%;
    font-weight: 700;
    background: #4892CE;
    margin: 0;
    padding: 5px 30px;
    text-align: center !important;
    text-transform: uppercase;


    }

.slide-caption-inner{
  background: rgba(255, 255, 255, 0.7);
  padding: 20px; display: block; border-left: 1px solid rgba(72, 146, 206, 1);
}

.ban_caption h1{ font-size: 24px; line-height: 110%; text-transform: uppercase; font-weight: 500; margin: 0; padding: 0; }

.ban_caption p {
    clear: both;
    font-weight: 500;
    line-height:  120%;
    font-size: 14px;
}


a.slider-more {
    float: none;
    background: #3A5795;  position: relative;
    border: 1px solid #3A5795; display: inline-block;
    color: #FFFFFF;padding: 10px 25px;  margin: 14px 0px 10px 0;
    text-align: center;  font-size: 14px; font-weight: 600;  line-height: 20px;
    text-decoration: none; text-transform: uppercase;


	}

a.slider-more:hover {
    background: rgba(255, 255, 255, 0.7); color: #D1672B;
   	}

@media screen and (max-width: 600px) {

  .callbacks_nav {
    top: 47%;
    }
  }


.gallery a, .gallery a img, .img-intro a, .img-intro a img {
    display: inline-block;
    max-width: 100%;
    position: relative;
}

.gallery a span.img_border, .img-intro a span.img_border {
    border: 5px solid #FFFFFF;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.5s ease 0s;
}
.gallery a:hover span.img_border, .img-intro a:hover span.img_border {
    opacity: 0.3;
}
.gallery_introtext{
  display: block;  padding: 0px 0; border-bottom: 1px solid #E8E3DD; margin-bottom: 10px;
}


#parallax {
   background-image: url(/wp-content/themes/retinamacula/images/OpthamologyBottom.jpg) ;
   background-repeat: no-repeat; background-size: 110%;
   background-attachment: fixed; padding: 50px 0px;  background-position: center;
    font-size: 14px; line-height: 120%; }
#parallax h1{ color: #FFFFFF;  font-size: 60px; line-height: 110%; }

.box-border{
  background: rgba(255, 255, 255, 0.8);
  padding: 20px; border: 5px double rgba(25, 153, 188, 1);
}
.widget-title {
    border-color: #C0C0C0;
    border-style: dashed;
    border-width: 0 0 1px;
    margin-bottom: 25px;
    padding-bottom: 10px;
}

.textsizer{
  font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400;
}
.textsizer a{ color: #FF9933;  }

.inner-container{
  box-shadow: 1px 1px 10px #90857F;  border-radius: 10px; padding: 20px;
}

.attachment-custom_thumb {
  float: left;
  margin-right: 15px;
  padding-bottom: 15px;
}

h2.head{ display:none; }

.img-responsive{  max-width: 100%; }
strong{   font-weight: 700;  }

.clear{ display: block;  clear: both; }
.clearH{ display: block;  clear: both; height: 20px; }

.orangebg{ background: #FF9933; color: #FFFFFF; }
.orange{   color: #FF9933; }
.red{   color: #FF3333;  }
.redbg{ background: #E74C3C; color: #FFFFFF; }
.greenbg{ background: #9DC02E; color: #FFFFFF; }
.green{   color: #9DC02E;  }

.floatright{  float: right;  }
.floatleft{  float: left;  }

.center{ text-align: center; }
.alignleft{ text-align: left; }
.alignright{ text-align: right; }
.justify{  text-align: justify; }

img.alignright{   float: right; margin-left: 15px;  max-width: 100%; height: auto;}
img.alignleft{   float: left; margin-right: 15px; max-width: 100%; height: auto; }
img.alignnone, img.alignnone{   float: none; max-width: 100%; height: auto; }

.imgborder  {  border: 1px solid #E0E0E0; padding: 4px; }
.imgborder2  {  box-shadow: 2px 2px 10px #000000; padding: 4px; }
.imgborder3  {  border: 5px solid #000000; padding: 0px; }
.imgborder-round  {  border: 5px solid #000000; padding: 0px; border-radius: 10px; overflow: hidden; }
.imgborder-round2  {  border: 5px solid #000000; padding: 0px; border-radius: 50px 0px 50px 0px; overflow: hidden; }


.uppercase{  text-transform: uppercase; }


ul.list {
 margin: 20px 20px 20px 6px; padding: 0px; list-style: none;
}

ul.list li {
  font-weight: normal;  list-style: none;
  padding: 0 0 10px 25px; line-height: 110%;
}

ul.list li a{   color: #333333; }
ul.list li a:hover{   color: #CF4F99;}

ul.bullet-icon {list-style:none;  margin: 15px 0 15px 10px; padding: 0;  }
ul.bullet-icon li {list-style:none;   margin: 0; padding: 0 0 5px 25px; background: url(/wp-content/themes/retinamacula/images/arrowhead.png) 0px 0px no-repeat;  }
ul.bullet-icon li a {  color: #000000; display:block;  text-decoration: none;  }
ul.bullet-icon li a:hover { color: #397DBA;  }

.imgpad{
    margin-top: 80px;
}