html{
background-color: white;
}
@font-face {
font-family: asap;
src: url(../fonts/Asap-Regular.otf);
}
h1, h2, h3, h4, h5, p, a, body{
font-family: asap, SanSerif;
}
body {
background: #71BFE8;
font-family: asap, SanSerif;
}
.row {
margin: 0 auto;
max-width: 102em;
width: 100%;
}
hr{
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#A9A9A9), to(#fff));
height: 1px;
}
.header {
height: 100px;
background-color: #71bfe8;
}
#Content, #TopContent {
margin-top: 5px;
max-width: 115em;
}
div#dnn_TopPane {
padding: 0px;
}
#template-header{
position: relative;
}
#template-layout-push {
height: 0px !important;
}
img.bg {
min-height: 100%;
min-width: 0px !important;
width: 0 !important;
height: auto;
position: fixed;
top: 0;
left: 0;
z-index: -1;
display: none !important;
}
#template-search-wrap {
padding: .4em;
font-size: .8em;
background: none repeat scroll 0 0 #efefef;
border: medium none;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15) inset;
box-shadow: 0 2px 3px rgba(0,0,0,0.15) inset;
color: #555;
height: 36px;
margin: 0;
top: 14px;
position: absolute;
z-index: 1005;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.navlogo{
float: left;
height: 90px;
}
#cssmenu > ul > li.paddarrow::after {
border: none;
}
.navlogo img{
height: 85px;
}
.navseries {
display: inline-block;
text-decoration: none;
color: #144f85;
float: left;
position: relative;
top: 2%;
}
.navseries a{
color: #144f85;
text-decoration: none;
}
.navseries ul {
color: #144f85;
text-decoration: none;
font-size: large;
}
.navseries li {
display: inline-block;
text-decoration: none;
font-family: asap;
/* font-size: 1.5em; */
margin-right: 5%;
}
.navseries img {
position: absolute;
width: 30px;
left: 11px;
}
#cssmenu > ul > li.last:hover {
background-color: #5E5E5E;
margin: 0px 0px 0px 0px;
top: 0%;
height: 44px;
border: 3px solid #1254A6;
border-bottom: none;
z-index: 224;
position: relative;
}
.socialbar{
float: right;
display: inline-block;
text-decoration: none;
width: 30%;
}
.footersocialbar {
/* float: left; */
display: inline-block;
text-decoration: none;
width: 75%;
align-content: center;
margin: -15px 13%;
}
.socialbar li {
display: inline-block;
/* margin-right: 41%; */
text-decoration: none;
/* position: absolute; */
margin-top: 6%;
}
.footersocialbar li {
display: inline-block;
/* margin-right: 41%; */
text-decoration: none;
/* position: absolute; */
margin-top: 6%;
}
.socialbar img {
background-color: #144f85;
border-radius: 30px;
height: 25px;
}
.footersocialbar img {
background-color: #144f85;
border-radius: 30px;
height: 25px;
}
.socialbar ul {
float:right;
/*width: 40%;*/
}
.footersocialbar ul {
width: 100%;
/* margin: 0 auto; */
float: right;
padding-left: 0;
}}
/* END SOCIAL/ SOCIAL FOOTER*/
/* START NAVIATION*/
.subnav{
Display: none;
}
ul.subnav.divisionlist {
display: inline-block;
}
ul.subnav.contactlist {
display: inline-block;
}
ul.subnav.menulist {
display: inline-block;
}
ul.subnav ul {
display: none;
padding: 10%;
}
/* Nav pop up stuff */
ul.subnav.divisionlist:hover ul {
display: inline-block;
position: absolute;
background-color: #69696b;
border: 5px solid #144f85;
/* border-top-width: 5px; */
/* border-collapse: collapse; */
padding: 2%;
left: 2.8%;
/* margin-top: 1%; */
/* top: 34%; */
color: #fff;
z-index: -1;
top: 63%;
font-size: .8em;
height: 250px;
width: 308px;
}
ul.subnav.divisionlist:hover {
/* display: inline-block; */
/* position: absolute; */
background-color: #69696b;
border: 5px solid #144f85;
color: #fff;
z-index: 156;
border-bottom: none;
font-size: large;
padding-bottom: 0%;
height: 45px;
border-spacing: 7%;
}
ul.subnav.divisionlist:hover a {
color: #fff;
padding: 5%;
}
ul.subnav.contactlist:hover ul {
display: inline-block;
position: absolute;
background-color: #69696b;
border: 5px solid #144f85;
/* border-top-width: 5px; */
/* border-collapse: collapse; */
padding: 2%;
left: 2.8%;
/* margin-top: 1%; */
/* top: 34%; */
color: #fff;
z-index: -1;
top: 63%;
font-size: .8em;
height: 250px;
width: 308px;
}
ul.subnav.contactlist:hover {
/* display: inline-block; */
/* position: absolute; */
background-color: #69696b;
border: 5px solid #144f85;
color: #fff;
z-index: 156;
border-bottom: none;
font-size: large;
padding-bottom: 0%;
height: 45px;
border-spacing: 7%;
}
ul.subnav.contactlist a {
color: #fff;
padding: 5%;
}
ul.subnav.divisionlist a {
color: #fff;
padding: 5%;
}
ul.subnav.menulist:hover ul {
display: inline-block;
position: absolute;
background-color: #69696b;
border: 5px solid #144f85;
/* border-top-width: 5px; */
/* border-collapse: collapse; */
padding: 2%;
left: 2.8%;
/* margin-top: 1%; */
/* top: 34%; */
color: #fff;
z-index: -1;
top: 63%;
font-size: .8em;
height: 250px;
width: 308px;
}
ul.subnav.menulist:hover {
/* display: inline-block; */
/* position: absolute; */
background-color: #69696b;
border: 5px solid #144f85;
color: #fff;
z-index: 156;
border-bottom: none;
font-size: large;
padding-bottom: 0%;
height: 45px;
width: 55px;
border-spacing: 7%;
}
ul.subnav.menulist a {
color: #fff;
padding: 20%;
}
ul.subnav.menulist ul ul{
display: none;
}
ul.subnav.menulist:hover ul ul {
display: none;
}
ul.subnav.menulist:hover ul ul {
display: inline-block;
background-color: transparent;
border: none;
position: absolute;
top: 0%;
text-align: right;
}
/*END NAVIGATION*/
/* START SLIDER (HEADER)*/
div.sliderInner {
width: 100%;
height: 400px;
}
#sliderFrame {
position: relative;
width: 100%;
margin: 0 auto;
}
#slider img{
width: 100%;
}
#slider, #slider div.sliderInner {
width: 100%;
height: 400px;
}
.slidecontainer.large-12.columns {
padding: 0px 0px 0px 0px;
}
#slider div.navBulletsWrapper {
/* top: 359px; */
text-align: center;
background: none;
position: relative;
z-index: 5;
top: 380px;
}
.slidecontainer.large-12.columns {
padding: 0px 0px 0px 0px;
z-index: -2;
}
/* END SLIDER */
/* start portal*/
.portalcontainer {
background-color: white;
width: 100%;
height: auto;
padding: 1.5%;
}
.portaltext{
display: inline-block;
background-color: #02528a;
}
.portalimage{
display: none;
}
.portallist {
/* margin-left: 1.1rem; */
/* height: auto; */
/* margin-bottom: 31%; */
margin: 0 auto;
margin-top: 5%;
margin-left: 25%;
float: none;
text-decoration: none;
}
li.portallistitem {
display: inline-flex;
margin: 0 auto;
padding: 1%;
/* width: 99%; */
width: 150px;
background-color: rgb(2, 82, 138);
border-radius: 75px;
text-decoration: none;
height: 10em;
}
.portaltext {
display: inline-block;
background-color: #02528a;
border-radius: 62px;
width: 100%;
text-decoration: none;
}
.portaltext:hover{
display: none;
}
.portalimage {
display: inline-none;
background-color: #02528a;
border-radius: 62px;
width: 100%;
text-decoration: none;
}
.portaltext:hover .portalimage{
display: inline-block;
}
.portallistitem:hover .portalimage {
display: block;
/* position: absolute; */
}
.portallistitem:hover .portaltext {
display: none;
}
.navseries a{
Color: #02528A;
}
ul.subnav.divisionlist a {
color: #02528A;
padding: 5%;
}
ul.subnav.contactlist a {
color: #02528A;
padding: 5%;
}
ul.subnav.contactlist:hover a {
color: #fff;
padding: 5%;
}
/* end portal Nav */
/* Main Skin Configuration*/
.container {
width: 100%;
background-color: white;
}
.container {
width: 100%;
margin: 0;
padding: 0%;
}
#FooterRow{
margin: 0 auto;
max-width: 102em;
width: 100%;
text-align: center;
}
.homemidrow{
padding-top: 5%;
background-color: #51b3e0;
padding-bottom: 5%;
}
.bg-blue {
background-color: #51B3E0;
}
.bg-grey {
background-color: #d7d7d7;
}
.contentdivider {
border-bottom: 5px solid #d1d3d4;
}
.bg-white {
background-color: #fff;
}
/*end configuration*/
/* carousel Changes*/
.multi-item-carousel .carousel-inner > .item {
-webkit-transition: 0.6s ease-in-out all;
transition: 0.6s ease-in-out all;
}
.multi-item-carousel .carousel-inner .active.left {
left: -50%;
}
.multi-item-carousel .carousel-inner .active.right {
left: 50%;
}
.multi-item-carousel .carousel-inner .next {
left: 50%;
}
.multi-item-carousel .carousel-inner .prev {
left: -50%;
}
.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
background-image: none;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.multi-item-carousel .carousel-inner > .item {
-webkit-transition: 0.6s ease-in-out all;
transition: 0.6s ease-in-out all;
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-perspective: none;
-webkit-transform: none!important;
-ms-transform: none!important;
transform: none!important;
}
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
left: 0;
-webkit-transform: translate3d(50%, 0, 0);
-ms-transform: translate3d(50%, 0, 0);
-o-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
left: 0;
-webkit-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.carousel-inner .active.left { left: -50%; }
.carousel-inner .active.right { left: 50%; }
.carousel-inner .next { left: 50%; }
.carousel-inner .prev { left: -50%; }
.carousel-control.left,.carousel-control.right {background-image:none;}
.carousel-control { width: 4%; }
.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}
@media (max-width: 767px) {
.carousel-inner .active.left { left: -100%; }
.carousel-inner .next { left: 100%; }
.carousel-inner .prev { left: -100%; }
.active > div { display:none; }
.active > div:first-child { display:block; }
}
@media (min-width: 767px) and (max-width: 992px ) {
.carousel-inner .active.left { left: -50%; }
.carousel-inner .next { left: 50%; }
.carousel-inner .prev { left: -50%; }
.active > div { display:none; }
.active > div:first-child { display:block; }
.active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
.carousel-inner .active.left { left: -16.7%; }
.carousel-inner .next { left: 16.7%; }
.carousel-inner .prev { left: -16.7%; }
}
.carousel-inner .item img {
width:100%;
height:100%;
}
.carousel-indicators {
bottom:5px;
}
.carousel-indicators li {
border-radius:50px;
width:11px;
height:11px;
background: none;
border-color: #fff;
}
.carousel-indicators .active {
width:11px;
height:11px;
background:#fff;
border-color:#fff;
}
.carousel-indicators {
bottom:-65px;
}
/* end carousel*/
/* home page feature configuration*/
#featurecarouselwrapper {
background-color: #fff;
border: 0px solid white;
width: 90%;
height: 385px;
border-top: 5px solid white;
/* border-bottom: 26px solid white; */
border-radius: 25px;
padding: 0px 0px 0px 0px;
}
#featurecarouselwrapper h2{
color: #144f85;
}
#featuredcarouselwrappreoverlay{
}
#rightfeature{
background-color: #fff;
border-radius: 25px;
height: auto;
margin-top: 2%;
padding-top: 1%;
width: 90%;
color: #02528A;
}
#rightfeature h2{
color: #02528A;
}
#rightfeature img {
margin: 0 0% 0 8%;
/* float: right; */
}
img#directortom {
border-radius: 25px;
}
#leftfeature{
background-color: #fff;
margin-top: 2%;
height: auto;
}
.homefeaturewrapper{
}
.homefeatureinnerwrapper{
}
#rightfeatureinner {
}
.item img{
border-radius: 25px;
}
div#rightfeatureinner #director {
border-radius: 25px;
/* width: 92%; */
}
/* end home page feature configuration*/
/* main content page features*/
div#dnn_leftPane{
padding-top: 11px;
}
}
div#dnn_leftPane h2 {
color: #757474;
}
div#dnn_mainPane {
padding-right: 5%;
}
.imageintext{
border: 5px solid #71BFE8;
margin: 1%;
}
/*div#dnn_leftPane a {
color: #807B7B;
}*/
/*div#dnn_leftPane a {
list-style: none;
color: #757474;
}
div#dnn_leftPane li {
list-style: none;
color: #757474;
}*/
/*div#dnn_leftPane:before {
box-shadow: -15px 0 15px -15px inset;
content: " ";
height: 100%;
left: -15px;
position: absolute;
top: 0;
width: 15px;
}
div#dnn_leftPane:after {
box-shadow: 15px 0 15px -15px inset;
content: " ";
height: 100%;
position: absolute;
right: -15px;
width: 15px;
}*/
/* end main content features*/
table caption {
padding: .5em 0;
}
table caption {
border-bottom: 1px solid #ddd;
color: #02528A;
}
img{
margin: 1%;
}
.table-responsive {
margin:0px;padding:0px;
width:100%;
border:1px solid #000000;
-moz-border-radius-bottomleft:9px;
-webkit-border-bottom-left-radius:9px;
border-bottom-left-radius:9px;
-moz-border-radius-bottomright:9px;
-webkit-border-bottom-right-radius:9px;
border-bottom-right-radius:9px;
-moz-border-radius-topright:9px;
-webkit-border-top-right-radius:9px;
border-top-right-radius:9px;
-moz-border-radius-topleft:9px;
-webkit-border-top-left-radius:9px;
border-top-left-radius:9px;
}.table-responsive table{
border-collapse: collapse;
border-spacing: 0;
width:100%;
height:100%;
margin:0px;padding:0px;
}.table-responsive tr:last-child td:last-child {
-moz-border-radius-bottomright:9px;
-webkit-border-bottom-right-radius:9px;
border-bottom-right-radius:9px;
}
.table-responsive table tr:first-child td:first-child {
-moz-border-radius-topleft:9px;
-webkit-border-top-left-radius:9px;
border-top-left-radius:9px;
}
.table-responsive table tr:first-child td:last-child {
-moz-border-radius-topright:9px;
-webkit-border-top-right-radius:9px;
border-top-right-radius:9px;
}.table-responsive tr:last-child td:first-child{
-moz-border-radius-bottomleft:9px;
-webkit-border-bottom-left-radius:9px;
border-bottom-left-radius:9px;
}.table-responsive tr:hover td{
}
.table-responsive tr:nth-child(odd){ background-color:#d1d3d4; }
.table-responsive tr:nth-child(even) { background-color:#ffffff; }.table-responsive td{
vertical-align:middle;
border:1px solid #000000;
border-width:0px 1px 1px 0px;
text-align:left;
padding:1%;
color:#000000;
}.table-responsive tr:last-child td{
border-width:0px 1px 0px 0px;
}.table-responsive tr td:last-child{
border-width:0px 0px 1px 0px;
}.table-responsive tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}
.table-responsive tr:first-child td{
background:-o-linear-gradient(bottom, #71bfe8 5%, #71bfe8 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #71bfe8), color-stop(1, #71bfe8) );
background:-moz-linear-gradient( center top, #71bfe8 5%, #71bfe8 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#71bfe8", endColorstr="#71bfe8"); background: -o-linear-gradient(top,#71bfe8,71bfe8);
background-color:#71bfe8;
border:0px solid transparent;
text-align:center;
border-width:0px 0px 1px 1px;
font-size: 1.25em;
color:#004a97;
}
.table-responsive th:first-child td{
background:-o-linear-gradient(bottom, #71bfe8 5%, #71bfe8 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #71bfe8), color-stop(1, #71bfe8) );
background:-moz-linear-gradient( center top, #71bfe8 5%, #71bfe8 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#71bfe8", endColorstr="#71bfe8"); background: -o-linear-gradient(top,#71bfe8,71bfe8);
font-size: 1.25em;
background-color:#71bfe8;
border:0px solid transparent;
text-align:center;
border-width:0px 0px 1px 1px;
color:#004a97;
}
.table-responsive tr:first-child th{
background:-o-linear-gradient(bottom, #71bfe8 5%, #71bfe8 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #71bfe8), color-stop(1, #71bfe8) );
background:-moz-linear-gradient( center top, #71bfe8 5%, #71bfe8 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#71bfe8", endColorstr="#71bfe8"); background: -o-linear-gradient(top,#71bfe8,71bfe8);
font-size: 1.25em;
background-color:#71bfe8;
border:0px solid transparent;
text-align:center;
border-width:0px 0px 1px 1px;
color:#004a97;
}
.table-responsive tr:first-child:hover td{
background:-o-linear-gradient(bottom, #71bfe8 5%, #71bfe8 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #71bfe8), color-stop(1, #71bfe8) );
background:-moz-linear-gradient( center top, #71bfe8 5%, #71bfe8 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#71bfe8", endColorstr="#71bfe8"); background: -o-linear-gradient(top,#71bfe8,71bfe8);
background-color:#71bfe8;
}
.table-responsive tr:first-child td:first-child{
border-width:0px 0px 1px 0px;
}
.table-responsive tr:first-child td:last-child{
border-width:0px 0px 1px 1px;
}
.table-responsive {
border: 0px solid transparent;
border-radius: 15px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: #02528A;
font-weight: bold;
background-color: #FFFFFF;
border: 1px solid #dddddd;
border-bottom-color: transparent;
cursor: default;
}
/* EXPIRMENTAL */
@media screen and (max-width: 48em){
#template-footer {
height: 12em;
border-top: 1px solid #FFFFFF;
clear: both;
text-align: center;
position: fixed;
right: 0;
left: 0;
margin: 0 auto;
bottom: 0;
background-color: #ffffff;
}
}
.carousel-caption h3 {
text-shadow: 0 7px 9px rgb(0, 0, 0);
color: #fff;
/* -webkit-text-stroke-width: .1px; */
-webkit-text-stroke-color: black;
}
.carousel-caption h3:hover {
text-decoration-color: #fff;
}
/* end footer news */
#slider div.mc-caption-bg, #slider div.mc-caption-bg2 {
position: absolute;
width: 100%;
height: 10%;
padding: 10px 0;
left: 0px;
bottom: 0px;
z-index: 3;
overflow: hidden;
font-size: 0;
}
#slider div.mc-caption {
color: #EEE;
text-shadow: black 1px 1px 1px;
z-index: 4;
text-align: center;
background: none;
font-family: asap;
font-size: 18px;
}
.DnnModule.DnnModule-EasyDNNnews.DnnModule {
padding: 2%;
}
.DnnModule.DnnModule-EasyDNNnews.DnnModule h3 {
text-align: center;
}/* footer news*/
/* start mobile portal*/
@media (min-width: 992px){
.portallist {
/* margin-left: 1.1rem; */
/* height: auto; */
/* margin-bottom: 31%; */
margin: 0 auto;
/* margin-top: 5%; */
width: 80%;
/* margin-left: 25%; */
float: right;
}
}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
.socialbar {
display: none;
width: 0;
}
.navlogo{
margin: 0 auto;
float: none;
content-align: center;
}
.portallist {
/* margin-left: 1.1rem; */
/* height: auto; */
margin-bottom: 31%;
padding-bottom: 5%;
margin: 0 auto;
/* margin-top: 5%; */
width: 100%;
margin-left: 1%;
float: right;
}
}
/* end mobile portal*/
.homefeaturewrapper img {
width: 100%;
}
.timeline {
list-style: none;
padding: 20px 0 20px;
position: relative;
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #eeeeee;
left: 50%;
margin-left: -1.5px;
}
.timeline > li {
margin-bottom: 20px;
position: relative;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li > .timeline-panel {
width: 46%;
float: left;
border: 1px solid #d4d4d4;
border-radius: 2px;
padding: 20px;
position: relative;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline > li > .timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
.timeline > li > .timeline-badge {
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 1.4em;
text-align: center;
position: absolute;
top: 16px;
left: 50%;
margin-left: -25px;
background-color: #999999;
z-index: 100;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline-badge.primary {
background-color: #2e6da4 !important;
}
.timeline-badge.success {
background-color: #3f903f !important;
}
.timeline-badge.warning {
background-color: #f0ad4e !important;
}
.timeline-badge.danger {
background-color: #d9534f !important;
}
.timeline-badge.info {
background-color: #5bc0de !important;
}
.timeline-title {
margin-top: 0;
color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
margin-bottom: 0;
}
.timeline-body > p + p {
margin-top: 5px;
}
/* end timeline */
.carousel-showmanymoveone
{
.carousel-control
{
width: 4%;
background-image:none;
&.left
{
margin-left:15px;
}
&.right
{
margin-right:15px;
}
}
.cloneditem-1,
.cloneditem-2,
.cloneditem-3
{
display: none;
}
.carousel-inner
{
@media all and (min-width: 768px)
{
@media (transform-3d), (-webkit-transform-3d)
{
> .item.active.right,
> .item.next
{
transform: translate3d(50%, 0, 0);
left: 0;
}
> .item.active.left,
> .item.prev
{
transform: translate3d(-50%, 0, 0);
left: 0;
}
> .item.left,
> .item.prev.right,
> .item.active
{
transform: translate3d(0, 0, 0);
left: 0;
}
}
> .active.left,
> .prev
{
left: -50%;
}
> .active.right,
> .next
{
left: 50%;
}
> .left,
> .prev.right,
> .active
{
left: 0;
}
.cloneditem-1
{
display: block;
}
}
@media all and (min-width: 992px)
{
@media (transform-3d), (-webkit-transform-3d)
{
> .item.active.right,
> .item.next
{
transform: translate3d(25%, 0, 0);
left: 0;
}
> .item.active.left,
> .item.prev
{
transform: translate3d(-25%, 0, 0);
left: 0;
}
> .item.left,
> .item.prev.right,
> .item.active
{
transform: translate3d(0, 0, 0);
left: 0;
}
}
> .active.left,
> .prev
{
left: -25%;
}
> .active.right,
> .next
{
left: 25%;
}
> .left,
> .prev.right,
> .active
{
left: 0;
}
.cloneditem-2,
.cloneditem-3
{
display: block;
}
}
}
}
.carousel-caption{
color: #EEE;
text-shadow: black 1px 1px 1px;
z-index: 4;
text-align: center;
background: none;
color: #EEE;
text-shadow: black 1px 1px 1px;
font-family: asap;
font-size: 20px;
}
#homeslider .carousel {
height: 500px;
margin-bottom: 60px;
}
.carousel-caption {
z-index: 10;
}
#homeslider ~ .carousel .item {
height: 500px;
}
.carousel-inner > .item > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 500px;
}
#homeslider .item img {
border-radius: 0px;
}
#homeslider .carousel-caption {
width: 100%;
left: 0%;
right: 0%;
background-color: rgba(0,0,0,0.1);
padding-bottom: 30px;
bottom: 0px;
color: #EEE;
text-shadow: black 1px 1px 1px;
font-family: asap;
font-size: 20px;
}
#homeslider .carousel-indicators {
bottom: -7px;
}
#homeslider .carousel-indicators li {
border-radius: 50px;
width: 11px;
height: 11px;
background: white;
border-color: #fff;
/* background: transparent url(bullet.png) no-repeat 0 0; */
}
#homeslider .carousel-indicators .active {
width: 11px;
height: 11px;
background: rgb(47, 104, 156);
border-color: rgb(47, 113, 173);
/* background: transparent url(bullet.png) no-repeat 0 0; */
}
#homeslider a {
color: #71BFE8;
font-size: 20px;
font-family: asap;
}
#homeslider p {
font-size: 20px;
font-family: asap;
text-shadow: black 1px 1px 1px;
}
.carousel-fade .carousel-inner .item {
opacity: 0;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.next.left,
.carousel-fade .carousel-inner > .item.prev.right,
.carousel-fade .carousel-inner > .item.active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}