| Server IP : 208.122.213.31 / Your IP : 216.73.216.45 Web Server : Apache System : Linux msd6191.mjhst.com 4.18.0-553.137.1.el8_10.x86_64 #1 SMP Wed Jun 24 11:40:24 UTC 2026 x86_64 User : WHMCS_MIA_382 ( 1001) PHP Version : 7.4.33 Disable Function : NONE MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/httpd/html/babescartel.com/public_html/slider/css/ |
Upload File : |
a[href^="tel:"] {
color: inherit;
text-decoration: none;
}
/*------ template stylization ------*/
#main {
max-width:1060px;
background:#111111;
margin:0px auto 0;
position:relative;
}
.top_padding {
height:40px
}
/* headings, text */
h1 {
font-size:30px;
font-family: 'TrajanProRegular';
color:#000;
line-height:30px;
font-weight:normal;
text-align:left;
text-transform:uppercase;
border-bottom:1px #d9d9d9 solid;
padding-bottom:20px;
padding-top:10px
}
h2 {
font-size:30px;
font-family: 'TrajanProRegular';
color:#000;
line-height:30px;
font-weight:normal;
text-align:left;
text-transform:uppercase;
border-bottom:1px #d9d9d9 solid;
padding-bottom:20px;
padding-top:10px
}
h3 {
font-size:30px;
font-family: 'TrajanProRegular';
color:#000;
line-height:30px;
font-weight:normal;
text-align:center;
text-transform:uppercase;
border-bottom:1px #d9d9d9 solid;
padding-bottom:20px;
padding-top:10px
}
h4 {
text-decoration:none;
text-align:center;
color:#fff;
text-transform:uppercase;
font-size:72px;
font-family: 'TrajanProRegular';
line-height:72px;
margin:0;
padding:35px 10px 20px;
font-weight:400;
letter-spacing:0.2em
}
h5 {
}
h6{
}
figure {
width: 100%;
}
img.img-radius {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.underline {
text-decoration: underline;
}
a.underline {
color: #656566;
}
a.underline:hover {
color: #ffffff;
text-decoration: underline;
}
.max-size1{
max-width: 95%
}
.top-0 {
margin-top: 0 !important;
}
.bot-0 {
margin-bottom: 0 !important;
}
.left-0 {
margin-left: 0 !important;
}
.last {
margin-right: 0 !important;
}
.extra-wrap {
overflow: hidden;
}
.alignleft{
float: left;
margin: 0 20px 20px 0;
border:5px #f0f0f0 solid;
}
.alignright{
float: right;
margin: 0 0px 20px 20px;
border:10px #f0f0f0 solid;
}
.aligncenter{
margin: 0 auto 20px;
border:8px #f0f0f0 solid;
}
.distable{
display:table;
padding-right:20px
}
ul.list{
margin: 0;
list-style: none;
padding-right:8%
}
ul.list li {
padding-left:20px;
margin-bottom:8px;
text-transform:uppercase;
color:#9393a7;
font-weight:400
}
ul.list li a {
text-transform:uppercase;
color:#dd0f27;
font-weight:400;
text-decoration:none
}
ul.list li a:hover{
color:#fff;
text-decoration:underline
}
/**/
/* buttons*/
.btn_ {
background: #a9c5d9;
border: none;
text-shadow: none;
font-size: 12px;
font-weight: normal;
line-height: 15px;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
padding: 9px 13px 8px 13px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
margin-top: 20px;
font-family: 'Open Sans';
}
.btn-small_ {
padding: 8px 18px 8px 18px;
color: #ffffff;
}
.btn_:hover {
background: #eb6300;
color: #ffffff;
}
/**/
/*------ header ------- */
header {
}
a.logo{
display:block;
text-decoration:none;
color:#000;
font-size:84px;
font-family: 'TrajanProRegular';
height:150px;
line-height:100px;
font-weight:normal;
text-align:center;
padding-top:20px;
letter-spacing:0.24em;
border-bottom:1px #d9d9d9 solid
}
a.logo span{
display:block;
text-decoration:none;
color:#888888;
font-size:20px;
font-family: 'TrajanProRegular';
line-height:30px;
font-weight:normal;
text-transform:uppercase;
letter-spacing:0.2em
}
/* search-form */
.navbar-form {
position:absolute;
right:0;
top:10px;
width:170px
}
.navbar-form input {
border-bottom: #e0e0e0 1px solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 22px;
width: 145px;
float: left;
margin: 0px;
padding-top: 8px;
padding-bottom: 6px;
background:#fff;
color:#555555;
}
input:focus {
box-shadow: none;
outline-color:#dd0f27
}
.navbar-form a {
margin: 0;
display: inline-block;
width: 41px;
height: 33px;
background: url(../images/search.png) 0 0 no-repeat;
position:absolute;
right:5px;
top:3px
}
.navbar-form a:hover {
background: url(../images/search.png) right 0 no-repeat;
}
/**/
/* navbar */
#nav_section{
height:55px;
position:relative;
z-index:100;
padding-top:5px;
padding-bottom:10px
}
#nav_section div.nav-collapse.nav-collapse_.collapse > ul{
position:relative;
right:50%;
float:right
}
#nav_section div.nav-collapse.nav-collapse_.collapse > ul > li{
position:relative;
left:50%;
float:left
}
#nav_section div.nav-collapse.nav-collapse_.collapse > ul > li:hover > a{
background:#dddddd;
}
.nav-collapse.nav-collapse_.collapse{
position:relative;
display:block;
margin:0 auto;
height:55px;
padding-top:0px;
}
.navbar_ {
margin: 0px 0 0 0;
}
.navbar_ .navbar-inner_ {
padding: 0px 0px 0 0px;
margin: 0;
border: none;
min-height: inherit;
}
/*nav*/
.container {
position: relative;
}
.nav-collapse_ {
padding-top: 0px;
}
.nav-collapse_ .nav li {
margin: 0;
position: relative;
zoom: 1;
}
.nav-collapse_ .nav > li {
line-height: 55px;
}
.nav-collapse_ .nav > li + li{
background: url(../images/separator_menu.jpg) 0 55% no-repeat;
padding-left:20px;
margin-left:15px
}
.nav-collapse_ .nav li a {
display:block;
font-size: 18px;
color: #545454;
text-shadow: none;
text-decoration: none;
font-family: 'Open Sans';
font-weight:400;
padding:0 12px;
letter-spacing:0px;
}
.nav-collapse_ .nav > li.sfHover > a,
.nav-collapse_ .nav > li.sfHover > a:hover,
.nav-collapse_ .nav > li > a:hover,
.nav-collapse_ .nav > li.active > a,
.nav-collapse_ .nav > li.active > a:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color:#000;
background:#dddddd;
}
.nav-collapse_ .nav > li.active > a,
.nav-collapse_ .nav > li.active > a:hover {
color: #000;
background:#dddddd;
}
.nav-collapse_ .nav > li.sub-menu > a:before {
content: " ";
position: absolute;
}
.nav-collapse_ .nav ul {
position: absolute;
display: none;
width: 150px;
left: 0px;
top: 56px;
list-style: none;
zoom: 1;
z-index: 109;
margin: 0;
padding:10px;
background: #fff;
}
.nav-collapse_ .nav > li li.sub-menu > a:before {
content: " ";
position: absolute;
width: 7px;
height: 5px;
right: 10px;
top: 10px;
}
.nav-collapse_ .nav ul li a {
display: block;
text-transform: none;
line-height: 28px;
font-family: 'Open Sans';
color:#545454;
text-transform:none;
letter-spacing:0;
font-family: 'Open Sans';
font-weight:400;
font-size:14px;
margin-bottom:1px
}
.nav-collapse_ .nav > li > ul li > a:hover,
.nav-collapse_ .nav > li > ul li.sfHover > a {
text-decoration: none;
color: #000;
background:#dddddd
}
.nav-collapse_ .nav ul ul {
position: absolute;
display: none;
width: 150px;
left: 160px;
top: -2px;
height: auto;
list-style: none;
z-index: 111;
padding: 12px 15px ;
margin: 0;
}
/**/
/*partners*/
.partners {
}
}
/**/
/* slider */
.slider {
position:relative
}
.btn.primary{
display:inline-block;
background:#e6e6e6;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
text-decoration:none;
color:#515151;
padding:10px 15px;
margin-top:4px;
font-family: 'Open Sans';
font-size:12px;
border:1px #e6e6e6 solid;
text-transform:uppercase;
background: rgb(230,230,230); /* Old browsers */
background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(202,202,202,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,230,230,1)), color-stop(100%,rgba(202,202,202,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(202,202,202,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(202,202,202,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(202,202,202,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(230,230,230,1) 0%,rgba(202,202,202,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#cacaca',GradientType=0 ); /* IE6-9 */
}
.btn.primary:hover{
color:#000;
}
/*------ content ------- */
#content p {
display:block;
padding-bottom:6px;
color:#515151;
padding-top:0;
margin-top:0
}
#content p b{
display:block;
padding-bottom:6px;
color:#515151
}
ul{
margin:0;
padding:0;
list-style:none;
}
ul li{
list-style:none;
display:block;
}
.main-content b{
color:#515151;
font-size:14px;
font-family:"Open Sans";
display:block;
text-transform:uppercase;
padding-bottom:5px
}
.main-content strong{
color:#000;
font-size:12px;
display:block;
}
.main-content ul{
margin:0;
padding:0;
}
.main-content ul li{
margin:0;
padding:0 0 10px 20px;
background: url(../images/separator_menu.jpg) 0 8px no-repeat;
}
.main-content ul li a{
margin:0;
padding:0;
color:#929292;
font-size:12px;
font-family:"Open Sans";
text-transform:uppercase;
display:block
}
.main-content ul li a:hover{
color:#000;
}
div.table {
display:table;
width:none;
}
/**/
/* thumbnails */
#content .thumbnails {
margin-bottom: 0px;
margin-left:-30px
}
#content .thumbnails li {
margin-bottom: 10px;
line-height:18px;
background:none;
margin-left:30px;
padding-left:0;
color:#515151;
font-size:14px;
font-family:"Open Sans";
text-transform:uppercase;
font-weight:bold;
}
#content .thumbnails .thumbnail {
border: none;
margin: 0;
padding: 0;
}
#content .thumbnails .thumbnail a {
background:none;
padding-left:0
}
#content .thumbnails .thumbnail .caption {
padding: 16px 0px 17px 0px;
background: url(../images/thumbnail-caption.gif) 0 0 repeat-x;
overflow: hidden;
}
#content .thumbnails .thumbnail .caption > img {
float: left;
margin-right: 20px;
margin-top: 2px
}
/*----------- .portfolio --------------*/
.portfolio {
list-style: none outside;
}
.imgarea{
margin: 0 auto 0px;
padding:8px;
background:#f0f0f0;
max-width:250px
}
.imgarea:hover{
}
.magnifier {
opacity: 1;
position: relative;
height: auto;
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.magnifier:hover {
opacity: 0.7;
}
.magnifier:after {
content: '';
display: block;
width: 100%;
position: absolute;
opacity: 0;
left: 0;
top: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.magnifier:hover:after {
opacity: 0.6;
}
.preloader {
background: url(../images/loader.png) center center no-repeat;
//height: 165px;
position: relative;
}
.thumbnail-pad {
padding:10px ;
line-height:22px
}
#content div.thumbnail img{
max-width:100%
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
#content #filters{
margin:0;
padding:0;
list-style-image:none;
background:none
}
#content #filters li{
float: left;
padding:0;
margin:0;
list-style-image:none;
list-style: none;
margin-right: 18px;
font-family: 'Open Sans';
color: #515151;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
background:none
}
#content #filters li a{
text-decoration: none;
color: #515151;
font-size: 12px;
background:none;
color:#515151;
font-family: 'Open Sans', serif;
font-weight:400;
line-height:1.11em;
padding-left:0
}
#content #filters li a:hover{
color: #dd0f27;
text-decoration: underline;
}
/**/
/* news */
#content p.news {
border-bottom:1px #ccc solid;
padding-bottom:18px;
margin-bottom:15px;
padding-top:0;
margin-top:0;
clear:both
}
#content p.news span{
display:block;
float:left;
width:110px;
padding-left:5px;
padding-bottom:40px;
padding-top:5px
}
#content p.news span i, p.news span em {
font-weight:300;
font-style:normal;
color:#000;
font-size:18px;
font-family: 'Open Sans';
line-height:50px;
display:block;
padding-bottom:5px
}
#content p.news span i {
font-size:50px;
}
#content p.news span em {
font-weight:400;
line-height:24px;
}
#content p.news strong {
font-weight:700;
line-height:20px;
font-size:14px;
text-transform:uppercase;
display:block;
padding-bottom:5px
}
/* events */
#content p.events {
padding-bottom:10px;
margin-bottom:10px;
padding-top:0;
margin-top:0;
clear:both
}
#content p.events strong {
font-weight:700;
line-height:20px;
font-size:14px;
text-transform:uppercase;
display:block;
padding-bottom:5px
}
#content p.events a, a.more {
font-weight:700;
line-height:32px;
font-size:12px;
text-transform:uppercase;
display:block;
color:#929292;
text-decoration:underline;
}
#content p.events a:hover, a.more:hover {
text-decoration:none;
}
/**/
/*divider*/
div.divider{}
/**/
/*padcontent*/
/**/
.padcontent{
padding: 20px 0 0;
clear: both;
margin-top: 15px
}
.padcontent_small{
padding-bottom:15px
}
/*top area*/
#top-area{
}
/*bottom content*/
footer{
max-width:1060px;
margin:0 auto;
position:relative;
}
.copy {
color:#5a5a5a;
font-size:14px;
font-family: 'Open Sans';
text-align:center;
padding:25px 20px
}
ul.bottom_menu {
text-align:center;
color:#9a9a9a;
font-size:18px;
font-family: 'Open Sans';
text-decoration:none;
padding:30px 10px 35px;
border-bottom:1px #363636 solid
}
ul.bottom_menu li{
display:inline;
}
ul.bottom_menu li + li{
display:inline;
padding-left:28px;
margin-left:23px;
background: url(../images/separator_menu.png) left 50% no-repeat;
}
ul.bottom_menu li a{
display:inline;
text-decoration:none;
color:#9a9a9a;
font-size:18px;
font-family: 'Open Sans';
text-transform:lowercase;
line-height:40px
}
ul.bottom_menu li a:hover{
display:inline;
text-decoration:none;
color:#fff;
font-family: 'Open Sans';
text-transform:lowercase;
border-bottom:1px #fff dashed;
}
footer .copy a {
color:#979797
}
footer .copy a:hover {
color:#fff
}
ul.social {
text-align:center;
background: url(../images/bg_social.png) 50% 50% no-repeat;
padding-top:10px
}
ul.social li{
display:inline;
padding:0 10px
}
/*-- contacts page --*/
address strong {
font-weight: normal;
}
address span {
display: inline-block;
width: 70px;
}
/*-- Map --*/
.map {
height:440px;
margin:0 auto;
position:relative;
top:-2px;
}
.map iframe {
width: 100%;
height: 100%;
border: none;
}
.captcha {
float:left
}
.contact-form {
padding-top: 1px;
}
.contact-form input {
border-bottom: #e0e0e0 1px solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0px 3px 20px 3px #e0e0e0;
-webkit-box-shadow: inset 0px 3px 20px 3px #e0e0e0;
box-shadow: inset 0px 3px 20px 3px #e0e0e0;
line-height: 22px;
width: 300px;
float: left;
margin: 0px;
padding-top: 8px;
padding-bottom: 6px;
color:#555555;
}
.contact-form label {
min-height: 20px;
position: relative;
overflow: hidden;
margin: 0;
display: block;
width: 100%;
}
.contact-form .error,
.contact-form .empty {
display: none;
position: relative;
font-size: 11px;
line-height: 14px;
color: #ff7676;
float: left;
margin: 2px 0 4px 10px;
min-width: 160px;
}
.contact-form .success {
display: none;
padding-bottom: 5px;
}
.contact-form textarea {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0px 3px 20px 3px #e0e0e0;
-webkit-box-shadow: inset 0px 3px 20px 3px #e0e0e0;
box-shadow: inset 0px 3px 20px 3px #e0e0e0;
line-height: 22px;
width: 300px;
float: left;
margin: 0px;
padding-top: 8px;
padding-bottom: 6px;
color:#555555;
height:160px
}
.contact-form input:focus,
.contact-form textarea:focus {
box-shadow: none;
}
/**/
/*404 page*/
.block-404{ }
.btn.submit{
border:none;
display:block;
margin-top:0px;
white-space:nowrap;
text-align:center;
float:left;
height:36px;
line-height:14px;
margin-left:10px
}
.btn.submit i { margin-top:3px}
.btn.submit:hover { }
.notification_error {
color:#f55f3d
}
/**/
/*-- end contacts --*/
/*--- content end ------*/
/* ------ carusel -----------*/
.carousel.main{
padding-top:20px
}
div.carousel-box{
position:relative;
overflow:auto;
padding-bottom:20px
}
div.carousel-box .inner{
margin:0 auto!important;
position:relative;
display:block;
float:none;
overflow:hidden
}
div.carousel-box ul li {
min-height:265px;
float:left;
margin-left:0px;
margin-right:30px;
padding:0px 0px 0px 0px;
position:relative;
width:270px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
overflow:hidden;
}
div.carousel-box ul li div {
background: url(../images/opa_80.png) right top repeat;
position:absolute;
height:36px;
padding:22px 0;
bottom:-80px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
width:100%
}
div.carousel-box ul li:hover div{
bottom:0
}
div.carousel-box ul li p {
background: url(../images/arrow.png) right top no-repeat;
color:#9b9b9b;
margin:0px 20px
}
div.carousel-box ul li span {
color:#fff;
display:block;
font-size:24px;
font-family:"Times New Roman";
}
#prev{
display:block;
position:absolute;
width:50px;
height:40px;
background:#f00;
left:20px;
top:35px;
z-index:100;
cursor:pointer;
background: url(../images/left_right.png) left top no-repeat;
}
#next{
display:block;
position:absolute;
width:50px;
height:40px;
right:20px;
top:35px;
z-index:100;
cursor:pointer;
background: url(../images/left_right.png) right top no-repeat;
}
#prev:hover {
background-position: left bottom
}
#next:hover {
background-position: right bottom
}
/*----- media queries ------*/
@media (min-width: 1000px) {
div.carousel-box ul li {
margin-right:40px;
width:270px!important
}
#main {
max-width:1060px
}
.contact-form input,
.contact-form textarea {
width:355px
}
}
@media (max-width: 1060px) {
#main, footer {
max-width:1060px
}
a.logo{
font-size:64px
}
.nav-collapse_ .nav > li + li {
margin-left:10px;
padding-left:15px;
}
.nav-collapse_ .nav > li a{
font-size:14px;
padding:0 10px
}
.camera_caption p {
font-size:60px
}
div.carousel-box ul li {
margin-right:40px;
width:205px!important;
min-height:195px!important
}
#content img{
max-width:93%
}
h4 {
font-size:52px
}
h1, h2 { font-size:24px}
#content .thumbnails {
margin-left:-20px
}
#content .thumbnails li {
margin-left:20px;
font-size:14px
}
.contact-form input,
.contact-form textarea {
width:260px
}
.btn.submit {
margin-left:0
}
}
@media (min-width: 980px) and (max-width: 1199px) {
}
@media (min-width: 979px) {
}
@media (max-width: 979px) {
#main, footer {
max-width:780px;
overflow-x:hidden
}
a.logo{
font-size:54px;
line-height:84px
}
a.logo span{
font-size:24px;
padding-top:0;
line-height:24px
}
#nav_section div.nav-collapse.nav-collapse_.collapse {
overflow:visible;
}
#nav_section div.nav-collapse.nav-collapse_.collapse > ul{
text-align:left;
float:none;
margin-bottom:4px
}
.nav-collapse_ .nav > li + li {
margin-left:0px;
padding-left:5px;
background:none;
}
#nav_section .navbar .btn-navbar {
display: none;
}
.nav-collapse_ .nav ul {}
.slider {
position:relative;
z-index:10
}
.camera_caption p {
font-size:45px
}
#prev {
left:0;
}
#next {
right:0;
}
div.carousel-box ul li {
margin-right:54px
}
h1, h2 { font-size:24px}
#content p.news span {
width:85px;
padding-bottom:10px
}
#content p.news span i{
font-size:40px
}
#content p.news span em{
font-size:14px
}
#content p.news strong, #content p.events strong {
font-size:12px
}
#content p.events, #content p.news {
line-height:18px
}
div.carousel-box ul li {
margin-right:50px;
width:205px!important;
min-height:195px!important
}
#content .thumbnails li {
margin-left:20px
}
.contact-form input,
.contact-form textarea {
width:80%
}
.btn.submit {
margin-left:10px
}
}
@media (min-width: 768px) and (max-width: 979px) {
#main, footer {
overflow-x:hidden
}
}
@media (max-width: 767px) {
#main {
max-width:580px;
padding:0 20px
}
footer {
max-width:620px;
padding:0px
}
a.logo{
font-size:40px;
line-height:60px;
height:160px
}
a.logo span{
font-size:20px;
padding-top:0;
line-height:20px
}
.navbar-form {
width:100%;
margin-top:-70px;
}
.navbar-form input {
width:96%;
}
#nav_section div.nav-collapse.nav-collapse_.collapse > ul{
text-align:center;
float:right;
margin-bottom:4px
}
.camera_caption p {
padding-top:28%;
}
h1, h2 {
font-size: 30px;
}
div.carousel-box ul li {
margin-right:40px;
width:165px!important;
min-height:153px!important
}
div.carousel-box ul li div p {
background:none
}
#content p.events, #content p.news {
overflow:auto;
}
#content p.news span {
padding-bottom: 0px;
}
#content p.events {
padding-bottom:0;
margin-bottom:0
}
ul.bottom_menu{
padding-bottom:15px;
padding-top:16px
}
ul.bottom_menu li + li {
margin-left:15px;
padding-left:20px;
background:none
}
ul.bottom_menu li a {
font-size:14px
}
h4{
font-size:40px;
padding-bottom:10px;
padding-top:25px
}
.copy{
padding-top:5px
}
#content .thumbnails {
margin-left:0
}
#content .thumbnails li {
margin-left:0px;
font-size:16px;
text-align:center;
}
.contact-form input,
.contact-form textarea {
width:74%
}
}
@media (min-width: 626px) and (max-width: 767px) {
}
@media (max-width: 625px) {
footer {
max-width:480px;
padding:0 0px
}
#main {
max-width:440px;
padding:0 20px
}
a.logo{
font-size:32px;
line-height:50px;
height:150px
}
a.logo span{
font-size:14px;
padding-top:0;
line-height:20px
}
.nav-collapse_ .nav > li a {
padding-left:6px;
padding-right:6px;
font-size:14px
}
.nav-collapse_ .nav > li + li {
padding-left:2px;
}
.navbar-form {
width:100%;
margin-top:-70px;
}
.navbar-form input {
width:95%;
}
#nav_section div.nav-collapse.nav-collapse_.collapse > ul{
text-align:center;
float:right;
margin-bottom:4px
}
.camera_caption p {
padding-top:25%;
font-size:32px
}
h1, h2 {
font-size: 30px;
}
div.carousel-box ul li {
margin-right:35px;
width:200px!important;
min-height:153px!important
}
div.carousel-box ul li div p {
background:none
}
#content p.events, #content p.news {
overflow:auto;
}
#content p.news span {
padding-bottom: 0px;
}
#content p.events {
padding-bottom:0;
margin-bottom:0
}
ul.bottom_menu{
padding-bottom:15px;
padding-top:16px
}
ul.bottom_menu li + li {
margin-left:5px;
padding-left:10px;
background:none
}
ul.bottom_menu li a {
font-size:14px
}
h4{
font-size:32px;
padding-bottom:0px;
padding-top:15px
}
.copy{
padding-top:5px;
font-size:12px
}
#content #filters li a {
font-size:9px;
line-height:16px
}
.contact-form input,
.contact-form textarea {
width:92%
}
}
/**/
@media (min-width: 482px) and (max-width: 625px) {
}
@media (max-width: 481px) {
.nav-collapse.nav-collapse_.collapse{
height:0
}
a.btn.btn-navbar {
display:block;
background:#e6e6e6;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
text-decoration:none;
color:#515151;
padding:10px 15px;
margin-bottom:1px;
font-family: 'Open Sans';
font-size:12px;
border:1px #e6e6e6 solid;
text-transform:uppercase;
background: rgb(230,230,230); /* Old browsers */
background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(202,202,202,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,230,230,1)), color-stop(100%,rgba(202,202,202,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(202,202,202,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(202,202,202,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(202,202,202,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(230,230,230,1) 0%,rgba(202,202,202,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#cacaca',GradientType=0 ); /* IE6-9 */
}
a.btn.btn-navbar:hover{
color:#000;
}
#nav_section {
height:auto;
}
footer {
max-width:320px;
padding:0 0px
}
#main {
max-width:280px;
padding:0 20px
}
a.logo{
font-size:22px;
line-height:50px;
height:150px;
}
a.logo span{
font-size:12px;
padding-top:0;
line-height:16px
}
.nav-collapse_ .nav > li a {
padding-left:6px;
padding-right:6px;
font-size:14px
}
.nav-collapse_ .nav > li + li {
padding-left:2px;
}
.navbar-form {
width:100%;
margin-top:-70px;
}
.navbar-form input {
width:93%;
}
#nav_section div.nav-collapse.nav-collapse_.collapse > ul{
text-align:center;
float:right;
margin-bottom:4px
}
.camera_caption p {
padding-top:25%;
font-size:32px
}
h1, h2 {
font-size: 30px;
}
div.carousel-box ul li {
margin-right:35px;
width:120px!important;
min-height:120px!important
}
.carousel.main {
padding-top:0
}
div.carousel-box ul li div {
display:none
}
#content p.events, #content p.news {
overflow:auto;
}
#content p.news span {
padding-bottom: 0px;
}
#content p.events {
padding-bottom:10px;
margin-bottom:10px
}
ul.bottom_menu{
padding:5px
}
ul.bottom_menu li + li {
margin-left:5px;
padding-left:5px;
background:none
}
ul.bottom_menu li a {
font-size:14px
}
h4{
font-size:20px;
padding-bottom:0px;
padding-top:5px
}
.copy{
padding-top:5px;
font-size:12px
}
.navbar-form a {
right:0
}
.slider {
display:none;
}
h1, h2, h3 {
font-size:22px;
line-height:50px;
padding-bottom:10px
}
#nav_section .navbar .btn-navbar {
display: block;
}
#nav_section div.nav-collapse.nav-collapse_.collapse{
overflow:hidden
}
#nav_section div.nav-collapse.nav-collapse_.collapse > ul > li{
display:block;
width:100%;
}
.nav-collapse_ .nav ul, .nav-collapse_ .nav ul ul {
position:relative;
top:0;
width:100%;
left:0
}
.nav-collapse_ .nav li a{
line-height:40px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.nav-collapse_ .nav ul, .nav-collapse_ .nav ul ul{
padding:0
}
.btn.submit {
margin-left:0px
}
.contact-form input,
.contact-form textarea {
width:90%
}
}
@media (min-width: 320px) and (max-width: 481px) {
}
@media (max-width: 320px) {
footer {
max-width:240px;
width:240px;
padding:0 0px
}
#main {
max-width:200px;
width:200px;
padding:0 20px
}
a.logo{
font-size:18px;
line-height:40px;
height:150px;
letter-spacing:1px
}
a.logo span{
font-size:12px;
padding-top:0;
line-height:16px
}
.nav-collapse_ .nav > li a {
padding-left:6px;
padding-right:6px;
font-size:14px
}
.nav-collapse_ .nav > li + li {
padding-left:2px;
}
.navbar-form {
width:100%;
margin-top:-70px;
}
.navbar-form input {
width:93%;
}
#nav_section div.nav-collapse.nav-collapse_.collapse > ul{
text-align:center;
float:right;
margin-bottom:4px
}
.camera_caption p {
padding-top:25%;
font-size:32px
}
h1, h2 {
font-size: 30px;
}
div.carousel-box ul li {
margin-right:10px;
width:200px!important;
min-height:120px!important
}
.carousel.main {
padding-top:0
}
div.carousel-box ul li div {
display:none
}
#content p.events, #content p.news {
overflow:auto;
}
#content p.news span {
padding-bottom: 0px;
}
#content p.events {
padding-bottom:10px;
margin-bottom:10px
}
ul.bottom_menu{
padding:5px
}
ul.bottom_menu li + li {
margin-left:5px;
padding-left:5px;
background:none
}
ul.bottom_menu li a {
font-size:14px
}
h4{
font-size:18px;
padding-bottom:0px;
padding-top:0px;
letter-spacing:1px
}
.copy{
padding-top:5px;
font-size:12px
}
.navbar-form a {
right:0
}
.slider {
display:none;
}
h1, h2, h3 {
font-size:18px;
line-height:40px;
padding-bottom:0px;
padding-top:0
}
#nav_section .navbar .btn-navbar {
display: block;
}
#nav_section div.nav-collapse.nav-collapse_.collapse{
overflow:hidden
}
#nav_section div.nav-collapse.nav-collapse_.collapse > ul > li{
display:block;
width:100%;
}
.nav-collapse_ .nav ul, .nav-collapse_ .nav ul ul {
position:relative;
top:0;
width:100%;
left:0
}
.nav-collapse_ .nav li a{
line-height:40px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.nav-collapse_ .nav ul, .nav-collapse_ .nav ul ul{
padding:0
}
#prev {
top:15px;
left:-5px
}
#next {
top:15px;
right:-5px
}
.aligncenter {
border-width:5px
}
#content p.news strong, #content p.events strong {
font-weight:normal
}
ul.social {
padding-top: 0px
}
ul.social li {
padding:0 5px
}
}
div.carousel-box ul li {
overflow:hidden;
}
/*----- Fonts ------*/
@font-face {
font-family: 'TrajanProRegular';
src: url('trajanpro-regular-webfont.eot');
src: url('trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('trajanpro-regular-webfont.woff') format('woff'),
url('trajanpro-regular-webfont.ttf') format('truetype'),
url('trajanpro-regular-webfont.svg#TrajanProRegular') format('svg');
font-weight: normal;
font-style: normal;
}
::selection{ background:#dd0f27!important; color:#fff}
::-moz-selection{ background:#dd0f27!important; color:#fff}
@media screen and (-webkit-min-device-pixel-ratio:0) /*----- Safari ------*/
{
.element{
min-height:250px
}
}