/* CSS reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td { 
    margin:0;
    padding:0;
	font-family: 'Roboto', arial, serif;
	font-size: 104%;

	/* font-family: sans-serif, museo-sans, arial, helvetica; */
}

body {
  background-image: url('../images/Mozlly-bg-soft1.jpg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  }

fieldset, img { 
    border:0;
}

a:link {text-decoration:none; color: #111111;}    /* unvisited link */
a:visited {text-decoration:none; color: #111111;} /* visited link */
a:hover {text-decoration:underline; color: #910000;}   /* mouse over link */
a:active {text-decoration:underline; color: #910000;}  /* selected link */

.section1 img:hover, .section2 img:hover, .section3 img:hover,
#social img:hover, .gmPage:hover, .gmSide:hover, .workImages:hover {
opacity: 0.9;
-webkit-box-shadow: 0px 0px 3px 2px rgba(44, 68, 8, 0.3);
-moz-box-shadow:    0px 0px 3px 2px rgba(44, 68, 8, 0.3);
box-shadow:         0px 0px 3px 2px rgba(44, 68, 8, 0.3);
}

/*  MAIN */

#topHeader {
position: relative;
width: 100%;
height: 67px;
background-image: url("../images/top-menu-header.png");
z-index: 5;
}

#topHeader ul{
width: 80%;
color: #ffffff;
list-style-type: none;
padding: 1.75% 0 0 2%;
}

#topHeader ul li{
float: right;
display: inline;
padding: 0 1% 0 1%;
}

.headerOption {
max-width: 1150px;
width: 94%;
margin: 0 auto;
}

#topHeader a:link {
color: #FFFFFF;
}


#masterDiv {
max-width: 1150px;
width: 94%;
height: auto;
background-image: url("../images/bg-wht-60.png");
background-repeat: repeat;
padding: 0%;
margin: -3% auto;
-webkit-box-shadow: 0px 1px 10px 1px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 1px 10px 1px rgba(50, 50, 50, 0.5);
box-shadow:         0px 1px 10px 1px rgba(50, 50, 50, 0.5);
}

#masterContainer {
width: 97%;
height: auto;
padding-top: 5%;
margin: 0 auto;
}

#header {
width: 100%;
height: 209px;
padding: 0.5% 0 0 0;
border: 1px solid #910000;
}

#logo {
float: left;
width: 99%;
margin: 0 0 0 0.5%;
}

#logo img {
width: 100%;
}

#menu {
float: left;
width: 100%;
margin: 1.5% 0 1% 0;
}

#menu ul {
list-style-type: none;
}

#menu ul li {
display: inline;
}

.sepOne {
width: 100.2%;
margin: 0.5% 0 0 0%;
}

.sepTwo {
width: 100.1%;
margin: 1.5% 0 0 0%;
}

#giantMenu {
width: 100%;
height: 623px;
padding: 0.25% 0 1.5% 0;
border: 1px solid #910000;
margin: 0.5% 0 0 0;
}

#pageTitle {
width: 100%;
height: 71px;
padding: 0.25% 0 0 0;
border: 1px solid #910000;
margin: 0.5% 0 0 0;
}

#aboutUs {
float: left;
width: 100%;
height: auto;
padding: 0.5% 0 0 0;
border: 1px solid #910000;
margin: 0.5% 0 0.5% 0;
}

#aboutUs img {
width: 100%;
}

#aboutUs p, #pageContent p {
padding: 0.5% 1.5% 0.5% 1%;
text-align: justify;
}

#pageContent {
width: 100%;
height: auto;
padding: 0.5% 0 0 0;
border: 1px solid #910000;
margin: 0.5% 0 0.5% 0;
}

.section1, .section2, .section3 {
float: left;
width: 32.9%;
}

.section1 {
margin: 0.5% 0 0 0%;
}

.section2 {
margin: 0.5% 0 0 0.65%;
}

.section3 {
margin: 0.5% 0 0 0.65%;
}

.section1 img, .section2 img, .section3 img {
width: 100%;
}

#social {
float: left;
width: 100%;
height: 45px;
background-image: url('../images/connect-title.jpg');
margin: 0.5% 0 0 0%;
}

#social ul {
float: right;
list-style-type: none;
margin: 0.25% 0.75% 0 0;
}

#social ul  li{
display: inline;
}

#slide {
position: relative;
z-index: 15;
}

#gmLeft, #gmRight {
float: left;
width: 19%;
border: 1px solid #910000;
}

#gmLeftmobile {
display: none;
}

#gmSlide {
float: left;
width: 59.25%;
border: 1px solid #910000;
}

.gmPage {
float: left;
width: 49.93%;
height: 93%;
padding: 0% 0 0% 0.25%;
}

.gmPagemobile {
display: none;
}

.gmSide {
float: left;
width: 24.5%;
height: 93%;
padding: 0% 0 0% 0.25%;
}

#gmPage {
width: 99.10%;
}

#gmLeft img, #gmLeftmobile img, #gmRight img, #gmSlide img,
#gmLeft2 img, #gmRight2 img, #gmPage img {
width: 99.10%;
padding: 0.50% 0.45% 0.50% 0.40%;
}

#gmLeft, #gmLeft2 {
margin: 0.20% 0 0 0.5%;
}

#gmRight, #gmRight2  {
margin: 0.20% 0.5% 0 0;
}

#gmSlide, #gmPage {
margin: 0.20% 0.5% 0 0.5%;
}

#footerMain {
position: relative;
width: 100%;
float: left;
font-size: 95%;
height: 225px;
color: #000000;
background-color: #ffffff;
border: 1px solid #910000;
margin: 0 0 0 0;
}

#footerMain ul {
list-style-type: none;
margin: 1% 0 0 1%;
}

.footerTower1 ul, .footerTower2 ul ,
.footerTower3 ul, .footerTower4 ul {
width: 24%;
list-style: none;
float: left;
}

.footerTower1 h3, .footerTower2 h3 ,
.footerTower3 h3, .footerTower4 h3 {
color: #990002;
margin: 0 0 2% 0;
}

#footerMobile, #footerMobile3 {
display: none;
}

#wSpace {
width: 100%;
height: 14px;
}

#aboutUsPage {
padding: 2% 2% 2% 2%;
}

#aboutUsPage img {
float: left;
width: 30%;
}

#aboutUsPage p {
float: left;
width: 65%;
margin-left: 2%;
}

#procedures p {
float: left;
width: 95%;
margin-left: 1%;
}

.workImages {
float: left;
width: 30%;
margin: 2% 0 2% 2.5%;
}

#Surgeries {
width: 55%;
margin: 2% auto;
}

#Surgeries ul {
list-style-type: none;
}

#Surgeries ul li {
height: 35px;
padding: 1.5% 0 0.5% 0;
}

#hospitalaffiliation ol {
line-height: 130%;
margin: 3% 0 2% 7%;
}

#contactus ul {
line-height: 130%;
margin: 3% 0 2% 3%;
}

#contactus ul li {
list-style-type: none;
}

#contactus iframe{
margin: 3% 0 3% 3%;
}



/* Buttons */
.caButton {
display: block;
float: left;
width: 99%;
height: 49px;
line-height: 17px;
font-weight: 400;
font-size: 16px;
padding: 0.10% 0.10% 0 0.10%;
margin: 0 0.50% 0.50% 0.50%;
}

.caButton p {
-webkit-box-shadow: 0px 0px 2px 1px rgba(44, 68, 8, 0.3);
-moz-box-shadow:    0px 0px 2px 1px rgba(44, 68, 8, 0.3);
box-shadow:         0px 0px 2px 1px rgba(44, 68, 8, 0.3);
}


.btSpace {
width: 100%;
height: 3px;
}



@media all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2)
and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2)
and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1)
and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2)
and (max-width: 1024px), only screen and (min-resolution: 192dpi)
and (max-width: 1024px), only screen and (min-resolution: 2dppx)
and (max-width: 1024px) {

#topHeader, #menu {
display: none;
}

#logo {
width: 100%;
}

#header {
border: none;
margin: -1% 0 0 0;
}

#gmLeft, #gmRight {
float: left;
width: 26%;
border: 1px solid #910000;
}

#gmSlide {
float: left;
width: 44%;
border: 1px solid #910000;
}

/* Buttons */
.caButton {
font-size: 15px;
}
	
}













@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2)
and (max-width: 800px), only screen and (min--moz-device-pixel-ratio: 2)
and (max-width: 800px), only screen and (-o-min-device-pixel-ratio: 2/1)
and (max-width: 800px), only screen and (min-device-pixel-ratio: 2)
and (max-width: 800px), only screen and (min-resolution: 192dpi)
and (max-width: 800px), only screen and (min-resolution: 2dppx)
and (max-width: 800px) {


#masterDiv {
max-width: 1150px;
width: 100%;
height: auto;
background-image: url("../images/bg-wht-60.png");
background-repeat: repeat;
padding: 0%;
margin: -2% auto;
-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0);
-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0);
box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0);
}

#header {
height: auto;
}

#logo {
width: 99%;
}

#pageContent {
border: none;
}

#social {
display: none;
}

.gmPage {
display: none;
}

#pageTitle {
border: none;
}

#gmLeft {
display: none;	
}

#header, #giantMenu, #pageTitle,
#aboutUs, #pageContent {
border: none;
}

#aboutUs img {
width: 100%;
margin: 1% 0 0 0;
}

#gmLeftmobile, #gmRight {
display: block;
float: left;
width: 49.5%;
border: none;
}

#gmLeftmobile {
margin: 0.15% 0 0 0;
}

#gmSlide {
float: left;
width: 100%;
border: none;
margin: 0 0 0 0;
}

.gmPagemobile {
display: block;
float: left;
width: 100%;
height: 85%;
padding: 0% 0 0% 0.25%;
}

.gmSide {
width: 49%;
margin: 0.5% 0 0.5% 0.5%;
}


#footerMain {
display: none;
}

.sepOne {
display: none;
}

#footerMobile {
display: block;
position: relative;
width: 100%;
float: left;
height: auto;
color: #000000;
background-color: #ffffff;
margin: 1% 0 0 0;
}

#footerMobile3 {
display: block;
position: relative;
width: 100%;
float: left;
height: auto;
color: #000000;
background-color: #ffffff;
margin: 1% 0 0 0;
}


.footerMobile1 {
float: left;
width: 100%;
height: auto;
text-align: center;
border: 1px solid #e1e1e1;
padding: 1% 0 1% 0;
}

.footerMobile1:link {text-decoration:none; background-color: #0e0e10;}    /* unvisited link */
.footerMobile1:visited {text-decoration:none; background-color: #0e0e10;} /* visited link */
.footerMobile1:hover {text-decoration:none; background-color: #ad0002;}   /* mouse over link */
.footerMobile1:active {text-decoration:none; background-color: #ad0002	;}  /* selected link */


.footerMobile2 {
float: left;
width: 100%;
height: auto;
text-align: center;
padding: 0.75% 0 0.75% 0;
}

.footerMobile2 ul {
list-style-type: none;
margin: 1% 0;
}

.footerMobile2 ul li {
display: inline;
}

/* Buttons */
.caButton {
font-size: 14px;
}


}



@media all and (max-width: 600px), only screen and (-webkit-min-device-pixel-ratio: 2)
and (max-width: 600px), only screen and (min--moz-device-pixel-ratio: 2)
and (max-width: 600px), only screen and (-o-min-device-pixel-ratio: 2/1)
and (max-width: 600px), only screen and (min-device-pixel-ratio: 2)
and (max-width: 600px), only screen and (min-resolution: 192dpi)
and (max-width: 600px), only screen and (min-resolution: 2dppx)
and (max-width: 600px) {

#aboutUsPage img {
float: left;
width: 98%;
}

#aboutUsPage p {
width: 98%;
margin: 3% 1% 2% -0.5%;
}

#masterDiv {
font-size: 14px;
line-height: 22px;
}

.workImages {
float: left;
width: 70%;
margin: 4% 0 2% 15%;
}

}




.caButton a, #Surgeries ul li a:link {
display: block;
color: #FFFFFF;
font-size: 92%;
height: 100%;
text-align: center;
text-decoration: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce0404+0,730000+100 */
background: #ce0404; /* Old browsers */
background: -moz-linear-gradient(top,  #ce0404 0%, #730000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce0404), color-stop(100%,#730000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ce0404 0%,#730000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ce0404 0%,#730000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ce0404 0%,#730000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ce0404 0%,#730000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0404', endColorstr='#730000',GradientType=0 ); /* IE6-9 */
}

.caButton a:hover, #Surgeries ul li a:hover {
color: #000000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#730000+0,ce0404+100 */
background: #730000; /* Old browsers */
background: -moz-linear-gradient(top,  #730000 0%, #ce0404 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#730000), color-stop(100%,#ce0404)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #730000 0%,#ce0404 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #730000 0%,#ce0404 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #730000 0%,#ce0404 100%); /* IE10+ */
background: linear-gradient(to bottom,  #730000 0%,#ce0404 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#730000', endColorstr='#ce0404',GradientType=0 ); /* IE6-9 */
}

.caButton a:active, #Surgeries ul li a:active {
color: #ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#730000+0,ce0404+100 */
background: #730000; /* Old browsers */
background: -moz-linear-gradient(top,  #730000 0%, #ce0404 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#730000), color-stop(100%,#ce0404)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #730000 0%,#ce0404 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #730000 0%,#ce0404 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #730000 0%,#ce0404 100%); /* IE10+ */
background: linear-gradient(to bottom,  #730000 0%,#ce0404 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#730000', endColorstr='#ce0404',GradientType=0 ); /* IE6-9 */
}

.caButton a:visited, #Surgeries ul li a:visited {
color: #ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#730000+0,ce0404+100 */
background: #730000; /* Old browsers */
background: -moz-linear-gradient(top,  #730000 0%, #ce0404 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#730000), color-stop(100%,#ce0404)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #730000 0%,#ce0404 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #730000 0%,#ce0404 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #730000 0%,#ce0404 100%); /* IE10+ */
background: linear-gradient(to bottom,  #730000 0%,#ce0404 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#730000', endColorstr='#ce0404',GradientType=0 ); /* IE6-9 */
}






.caButton a:hover, #Surgeries ul li a:hover {
color: #000000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#730000+0,ce0404+100 */
background: #730000; /* Old browsers */
background: -moz-linear-gradient(top,  #730000 0%, #ce0404 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#730000), color-stop(100%,#ce0404)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #730000 0%,#ce0404 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #730000 0%,#ce0404 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #730000 0%,#ce0404 100%); /* IE10+ */
background: linear-gradient(to bottom,  #730000 0%,#ce0404 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#730000', endColorstr='#ce0404',GradientType=0 ); /* IE6-9 */
}




.bt1 a:link, .bt1 a:visited {
color: #ffffff;
background-color: #/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c90101+0,9a0505+100 */
background: #c90101; /* Old browsers */
background: -moz-linear-gradient(top,  #c90101 0%, #9a0505 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c90101), color-stop(100%,#9a0505)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c90101 0%,#9a0505 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c90101 0%,#9a0505 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c90101 0%,#9a0505 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c90101 0%,#9a0505 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90101', endColorstr='#9a0505',GradientType=0 ); /* IE6-9 */
;
padding: 1.25% 1.46% 1.25% 1.47%;
}

.bt1 a:hover {
text-decoration: none;
color: #000000;
background-color: #/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9a0505+0,c90101+100 */
background: #9a0505; /* Old browsers */
background: -moz-linear-gradient(top,  #9a0505 0%, #c90101 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9a0505), color-stop(100%,#c90101)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9a0505 0%,#c90101 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9a0505 0%,#c90101 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9a0505 0%,#c90101 100%); /* IE10+ */
background: linear-gradient(to bottom,  #9a0505 0%,#c90101 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a0505', endColorstr='#c90101',GradientType=0 ); /* IE6-9 */
;
}

.bt2 a:link {
color: #ffffff;
background-color: #/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd3601+0,b52f05+100 */
background: #dd3601; /* Old browsers */
background: -moz-linear-gradient(top,  #dd3601 0%, #b52f05 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd3601), color-stop(100%,#b52f05)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dd3601 0%,#b52f05 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dd3601 0%,#b52f05 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dd3601 0%,#b52f05 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dd3601 0%,#b52f05 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd3601', endColorstr='#b52f05',GradientType=0 ); /* IE6-9 */
;
padding: 1.25% 1.45% 1.25% 1.45%;
}

.bt2 a:hover {
text-decoration: none;
color: #000000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b52f05+0,dd3601+100 */
background: #b52f05; /* Old browsers */
background: -moz-linear-gradient(top,  #b52f05 0%, #dd3601 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b52f05), color-stop(100%,#dd3601)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b52f05 0%,#dd3601 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b52f05 0%,#dd3601 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b52f05 0%,#dd3601 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b52f05 0%,#dd3601 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b52f05', endColorstr='#dd3601',GradientType=0 ); /* IE6-9 */
}

.bt3 a:link {
color: #ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e85100+0,be4605+100 */
background: #e85100; /* Old browsers */
background: -moz-linear-gradient(top,  #e85100 0%, #be4605 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e85100), color-stop(100%,#be4605)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e85100 0%,#be4605 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e85100 0%,#be4605 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e85100 0%,#be4605 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e85100 0%,#be4605 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e85100', endColorstr='#be4605',GradientType=0 ); /* IE6-9 */
padding: 1.25% 1.45% 1.25% 1.45%;
}

.bt3 a:hover {
text-decoration: none;
color: #000000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#be4605+0,e85100+100 */
background: #be4605; /* Old browsers */
background: -moz-linear-gradient(top,  #be4605 0%, #e85100 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#be4605), color-stop(100%,#e85100)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #be4605 0%,#e85100 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #be4605 0%,#e85100 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #be4605 0%,#e85100 100%); /* IE10+ */
background: linear-gradient(to bottom,  #be4605 0%,#e85100 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be4605', endColorstr='#e85100',GradientType=0 ); /* IE6-9 */
}

.bt4 a:link {
color: #ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e97b00+0,c46700+100 */
background: #e97b00; /* Old browsers */
background: -moz-linear-gradient(top,  #e97b00 0%, #c46700 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e97b00), color-stop(100%,#c46700)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e97b00 0%,#c46700 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e97b00 0%,#c46700 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e97b00 0%,#c46700 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e97b00 0%,#c46700 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e97b00', endColorstr='#c46700',GradientType=0 ); /* IE6-9 */
padding: 1.25% 1.45% 1.25% 1.45%;
}

.bt4 a:hover {
text-decoration: none;
color: #000000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c46700+0,e97b00+100 */
background: #c46700; /* Old browsers */
background: -moz-linear-gradient(top,  #c46700 0%, #e97b00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c46700), color-stop(100%,#e97b00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c46700 0%,#e97b00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c46700 0%,#e97b00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c46700 0%,#e97b00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c46700 0%,#e97b00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c46700', endColorstr='#e97b00',GradientType=0 ); /* IE6-9 */
}

.bt5 a:link {
color: #ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d68301+0,a86700+100 */
background: #d68301; /* Old browsers */
background: -moz-linear-gradient(top,  #d68301 0%, #a86700 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d68301), color-stop(100%,#a86700)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d68301 0%,#a86700 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d68301 0%,#a86700 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d68301 0%,#a86700 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d68301 0%,#a86700 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d68301', endColorstr='#a86700',GradientType=0 ); /* IE6-9 */
padding: 1.25% 1.45% 1.25% 1.45%;
}

.bt5 a:hover {
text-decoration: none;
color: #000000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a86700+0,d68301+100 */
background: #a86700; /* Old browsers */
background: -moz-linear-gradient(top,  #a86700 0%, #d68301 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a86700), color-stop(100%,#d68301)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a86700 0%,#d68301 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a86700 0%,#d68301 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a86700 0%,#d68301 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a86700 0%,#d68301 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a86700', endColorstr='#d68301',GradientType=0 ); /* IE6-9 */
}







/* FRONT GALLERY */

/* SLIDE SHOW */

@-webkit-keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@-moz-keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@-ms-keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@-webkit-keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
@-moz-keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
@-ms-keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
@keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
/* added to the original element calling slippry */
.sy-box.sy-loading {
  background: url(../images/slide/sy-loader.gif) 50% 50% no-repeat;
  -moz-background-size: 32px;
  -o-background-size: 32px;
  -webkit-background-size: 32px;
  background-size: 32px;
  min-height: 40px; }
  .sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager {
    visibility: hidden; }

/* element that wraps the slides */
.sy-slides-wrap {
  position: relative;
  height: 100%;
  width: 100%; }
  .sy-slides-wrap:hover .sy-controls {
    display: block; }

/* element that crops the visible area to the slides */
.sy-slides-crop {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden; }

/* list containing the slides */
.sy-list {
  width: 100%;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute; }
  .sy-list.horizontal {
    -moz-transition: left ease;
    -o-transition: left ease;
    -webkit-transition: left ease;
    transition: left ease; }
  .sy-list.vertical {
    -moz-transition: top ease;
    -o-transition: top ease;
    -webkit-transition: top ease;
    transition: top ease; }

/* single slide */
.sy-slide {
  position: absolute;
  width: 100%;
  z-index: 2; }
  .sy-slide.kenburns {
    width: 140%;
    left: -20%; }
    .sy-slide.kenburns.useCSS {
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      -webkit-transition-property: opacity;
      transition-property: opacity; }
      .sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
        -webkit-animation-name: left-right;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: left-right;
        -moz-animation-fill-mode: forwards;
        -o-animation-name: left-right;
        -o-animation-fill-mode: forwards;
        animation-name: left-right;
        animation-fill-mode: forwards; }
      .sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
        -webkit-animation-name: right-left;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: right-left;
        -moz-animation-fill-mode: forwards;
        -o-animation-name: right-left;
        -o-animation-fill-mode: forwards;
        animation-name: right-left;
        animation-fill-mode: forwards; }
  .sy-slide.sy-active {
    z-index: 3; }
  .sy-slide > a {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%; }
    .sy-slide > a > img {
      margin: 0;
      padding: 0;
      display: block;
      width: 100%;
      border: 0; }

/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls {
  display: none;
  list-style: none;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 0;
  margin: 0; }
  .sy-controls li {
    position: absolute;
    width: 10%;
    min-width: 4.2em;
    height: 100%;
    z-index: 33; }
    .sy-controls li.sy-prev {
      left: 0;
      top: 0; }
      .sy-controls li.sy-prev a:after {
        background-position: -5% 0; }
    .sy-controls li.sy-next {
      right: 0;
      top: 0; }
      .sy-controls li.sy-next a:after {
        background-position: 105% 0; }
    .sy-controls li a {
      position: relative;
      width: 100%;
      height: 100%;
      display: block;
      text-indent: -9999px; }
      .sy-controls li a:link, .sy-controls li a:visited {
        opacity: 0.4; }
      .sy-controls li a:hover, .sy-controls li a:focus {
        opacity: 0.8;
        outline: none; }
      .sy-controls li a:after {
        content: "";
        background-image: url(../images/slide/arrows.png);
        background-repeat: no-repeat;
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
        text-align: center;
        text-indent: 0;
        line-height: 2.8em;
        color: #111;
        font-weight: 800;
        position: absolute;
        background-color: #fff;
        width: 2.8em;
        height: 2.8em;
        left: 50%;
        top: 50%;
        margin-top: -1.4em;
        margin-left: -1.4em;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%; }
  @media only screen and (max-device-width: 800px) {
    .sy-controls {
      display: block; }
      .sy-controls li {
        min-width: 2.1em; }
        .sy-controls li a:after {
          width: 1.4em;
          height: 1.4em;
          margin-top: -0.7em;
          margin-left: -0.7em; } }

/* captions, styled for the overlay variant */
.sy-caption-wrap {
  position: absolute;
  bottom: 2em;
  z-index: 12;
  left: 50%; }
  .sy-caption-wrap .sy-caption {
    position: relative;
    left: -50%;
    background-color: rgba(0, 0, 0, 0.54);
    color: #fff;
    padding: 0.4em 1em;
    -moz-border-radius: 1.2em;
    -webkit-border-radius: 1.2em;
    border-radius: 1.2em; }
    .sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited {
      color: #c0a5a3;
      font-weight: 600;
      text-decoration: none; }
    .sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus {
      text-decoration: underline; }
  @media only screen and (max-device-width: 600px), screen and (max-width: 600px) {
    .sy-caption-wrap {
      left: 0;
      bottom: 0.4em; }
      .sy-caption-wrap .sy-caption {
        left: 0;
        padding: 0.2em 0.4em;
        font-size: 0.92em;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0; } }

/* pager bubbles */
.sy-pager {
  overflow: hidden;
  *zoom: 1;
  display: none;
  width: 100%;
  margin: 1.2em 0 0;
  padding: 0;
  list-style: none;
  text-align: center;
  }
  .sy-pager li {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin: 0 1em 0.2em 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	}
    .sy-pager li.sy-active a {
      background-color: #6fc852;}
    .sy-pager li a {
      width: 0%;
      height: 0%;
      display: block;
      background-color: #ccc;
      text-indent: -9999px;
      -moz-background-size: 2em;
      -o-background-size: 2em;
      -webkit-background-size: 2em;
      background-size: 2em;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
      .sy-pager li a:link, .sy-pager li a:visited {
        opacity: 1.0; }
      .sy-pager li a:hover, .sy-pager li a:focus {
        opacity: 0.6; }

/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler {
  width: 100%; }
  .sy-filler.ready {
    -moz-transition: padding 600ms ease;
    -o-transition: padding 600ms ease;
    -webkit-transition: padding 600ms ease;
    transition: padding 600ms ease; }