| Current Path : /var/www/html/ |
|
|
| Current File : /var/www/html/style.css |
/*
Theme Name: Default Setup
Theme URI: http://www.cssrex.com
Description: Default Setup - Change This
Version: 1.0
Author: CSSReX
Author URI: http://www.cssrex.com/
*/
/*
* Reset Styles
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,abbr,acronym,address,cite,del,dfn,font,img,ins,kbd,q,s,samp,strike,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,.reset{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}:focus{ outline:0}img{ outline:0; border:none}ol,ul{ list-style:inherit !important}table{ border-collapse:separate; border-spacing:0}caption,th,td{ text-align:left; font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{ content:""}blockquote,q{ quotes:""""; border-left:3px solid #ccc; padding:0 0 0 7px; margin-left:10px}a,a:hover{ text-decoration:none}h1{ font-size:18pt}h2{ font-size:16pt}h3{ font-size:14pt}h4{ font-size:12pt}h5{ font-size:10pt}h6{ font-size:8pt}.textleft{ text-align:left}.textright{ text-align:right}.textcenter{ text-align:center}.textjustify{ text-align:justify}.hidden{ display:none; visibility:hidden}small{ font-size:90%}b,strong{ font-weight:bold}code{ font-family:"Courier New",Courier,monospace}.clearfix:after{ clear:both; display:block; content:""; height:0; visibility:hidden}.clearfix{ display:inline-block}* html .clearfix{ height:1%}.clearfix{ display:block}li.clearfix{ display:list-item}.aligncenter{ display:block; margin-left:auto; margin-right:auto}img.alignright{ margin:10px 0 10px 10px}.floatleft{ float:left}.floatright{ float:right}.clear{ clear:both; display:block; height:0; visibility:hidden}
/*
* Main Structure
*/
body{
background:#FFFFFF;
font-family: 'Open Sans', Arial;
line-height:1.6;
font-size: 0.8rem;
overflow-y: scroll;
overflow-x: hidden;
}
/******************Header Styles**********************/
.headerwrapper{
background:url(images/headerbg.jpg); height:60px !important;
}
.headerbgleft{
background:#FFFFFF;
border-top:solid 2px #03A3DE;
height:60px;
padding:10px 0 0 15px;
}
.headerbgright{
background:#03A3DE;
height:60px;
}
.headerbgright ul{
float:left;
padding:19px 0 0 0;
}
.headerbgright ul li{
list-style-type:none;
display:inline;
}
#menu, #menu ul {
margin: 0;
padding: 0;
list-style: none;
z-index:1000000 !important;
}
#menu {
margin:10px 0 0 0;
}
#menu:before,
#menu:after {
content: "";
display: table;
}
#menu:after {
clear: both;
}
#menu {
zoom:1;
}
#menu li {
float: left;
position: relative;
}
ul.menu li a{
color:#FFFFFF;
}
ul.menu li{
padding:0 15px 0 15px;
}
#menu a {
float: left;
padding: 10px 10px;
color: #FFFFFF;
text-decoration: none;
font-size: 0.8.5rem;
}
#menu li:hover > a {
color: #fafafa;
}
*html #menu li a:hover { /* IE6 only */
color: #fafafa;
}
#menu ul {
margin: 20px 0 0 0;
_margin: 0; /*IE6 only*/
opacity: 0;
visibility: hidden;
position: absolute;
top: 38px;
left: 0;
z-index: 1;
background: #444;
background: linear-gradient(#444, #111);
box-shadow: 0 -1px 0 rgba(255,255,255,.3);
border-radius: 3px;
transition: all .2s ease-in-out;
}
.boxes.container {
margin-left: 5%;
}
#menu li:hover > ul {
opacity: 1;
visibility: visible;
margin: 0;
}
#menu ul ul {
top: 0;
left: 150px;
margin: 0 0 0 20px;
_margin: 0; /*IE6 only*/
box-shadow: -1px 0 0 rgba(255,255,255,.3);
}
#menu ul li {
float: none;
display: block;
border: 0;
_line-height: 0; /*IE6 only*/
box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}
#menu ul li:last-child {
box-shadow: none;
}
#menu ul a {
padding: 10px;
width: 170px;
_height: 10px; /*IE6 only*/
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}
#menu ul a:hover {
background-color: #0186ba;
background-image: linear-gradient(#04acec, #0186ba);
}
#menu ul li:first-child > a {
border-radius: 3px 3px 0 0;
}
#menu ul li:first-child > a:after {
content: '';
position: absolute;
left: 40px;
top: -6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #444;
}
#menu ul ul li:first-child a:after {
left: -6px;
top: 50%;
margin-top: -6px;
border-left: 0;
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-right: 6px solid #3b3b3b;
}
#menu ul li:first-child a:hover:after {
border-bottom-color: #04acec;
}
#menu ul ul li:first-child a:hover:after {
border-right-color: #0299d3;
border-bottom-color: transparent;
}
#menu ul li:last-child > a {
border-radius: 0 0 3px 3px;
}
img.ddimage{
padding:3px 5px 0 0;
}
ul.social{
margin:0 0 0 40px;
}
ul.social li{
padding:0 10px 0 10px;
}
ul.social li a img{
width:21px;
height:20px;
}
ul.login{
margin:0 0 0 30px;
}
ul.login li a{
color:#FFFFFF;
padding:0 0 0 20px;
background:url(images/icons/login.png)0 2px no-repeat;
font-size:0.85rem;
}
.header{
margin-top:-40px;
top:0px;
z-index:1000 !important;
height:60px;
}
/******************Slideshow Styles**********************/
.panel{
/* background:url(images/img21.jpg) no-repeat;*/
width:100%;
height:435px !important;
position:relative; z-index: 99!important;
}
.panel h1{
color:#FFFFFF !important;
font-family: 'Calibri','Open Sans', Arial;
line-height:1.6;
font-size: 1.8rem;
width:600px;
padding:20px;
}
.panel h2{
color:#FFFFFF !important;
font-family: 'Calibri','Open Sans', Arial;
line-height:1.6;
padding:0 0 0 20px;
}
.panel h2 span{
font-size: 1.6rem;
}
.ttip.controls {
background: none repeat scroll 0 0 #FFFFFF;
border: medium none;
color: #000000;
opacity: 0.83;
padding: 0 12px;
}
.g1{
position:absolute;
top:40%;
left:30%; z-index: 9999;
}
.g2{
position:absolute;
top:25%; z-index: 9999;
left:50%;
}
.g3{
position:absolute;
top:10%; z-index: 9999;
left:70%;
}
.g1inner {
height: auto;
position: relative;
width: 221px;
}
.gp1{ background:url(images/slideshow/gp1.png) no-repeat;}
.gp2{ background:url(images/slideshow/gp2.png) no-repeat;}
.gp3{ background:url(images/slideshow/gp3.png) no-repeat;}
.icon_gp{bottom: -45px;
left: 93px;
position: absolute;
text-align: center;}
.g1inner h3 {
color: #FFFFFF;
font: 9pt 'Open Sans';
height: 93px;
padding: 10px;
position: absolute;
right: 0;
top: 0;
width: 120px;
}
.g1inner a{
position:absolute;
bottom:13%;
right:27%;
}
.searchbox{
z-index:100000 !important;
position:absolute;
left:59%;
top:280px;
}
#searchform1{
background:url(images/searchbg.png) no-repeat;
width:415px;
height:41px;
font-size:0.9rem;
}
#s1{
width:360px;
background:none !important;
border:none;
padding:11px 0 0 20px;
color:#FFFFFF;
}
#searchsubmit1{
width:40px;
height:30px;
display:inline-block;
background:none !important;
border:none !important;
}
.boxes{
height:153px;
position: absolute;
top:365px;
left:2.5%;
z-index:10000;
}
.box{
padding:0 0 0 10%;
}
.insidebox{
background:#03A3DE;
border:solid 10px #FFFFFF;
padding:10px 0 0 0;
text-align:center !important;
width:153px;
height:153px;
-webkit-border-radius: 100px 100px 100px 100px;
border-radius: 100px 100px 100px 100px;
}
.insidebox:hover{
background:#83c635;
border:solid 10px #FFFFFF;
padding:10px 0 0 0;
text-align:center !important;
width:170px;
height:170px;
-webkit-border-radius: 100px 100px 100px 100px;
border-radius: 100px 100px 100px 100px;
}
.insidebox h3 a{
color:#FFFFFF;
font-size:1rem;
}
.insidebox .hovertext{
display:none;
font-size:0.7rem;
padding:3px 10px 0 10px;
color:#FFFFFF;
}
.insidebox:hover > .hovertext{
display:block !important;
}
/********************Content Styles******************/
.homecontenbg{
background:url(images/bg.jpg);
margin-top:-20px;
}
.homecontent{
padding:95px 0 30px 0;
}
.tab-area {
width: 100%;
margin: 0 0 1.5% 0;
float: left;
}
.tab-link {
font-family: 'Calibri', 'Open Sans';
font-size: 14pt;
line-height: 1.6;
cursor: pointer;
color: #1a1a1a;
text-decoration: none;
display: block;
float: left;
width: auto;
padding: 5px 10px;
text-align: center;
background: #FFFFFF;
border: none
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
margin:0 0 0 15px;
}
.border{
border-bottom:solid 1px #d9d9d9;
height:41px !important;
}
.tab-link:hover {
background: #dbdbdb;
}
.tab-link:nth-of-type(1) {
}
.tab-link:hover {
color: #666;
}
.tab {
clear: both;
padding: 20px 0 20px 0;
display: none;
min-height: 80px;
}
.target-fix {
display: block;
top: 0;
left: 0;
position: fixed;
}
#tabC:target ~ a:nth-of-type(3),
#tabB:target ~ a:nth-of-type(2),
#tabC:not(:target) ~ #tabB:not(:target) ~ a:nth-of-type(1),
#tab-B:not(:checked) ~ #tab-C:not(:checked) ~ label:nth-of-type(1) {
background: #ddd;
}
.slidesjs-previous.slidesjs-navigation {
color:transparent;
}
.slidesjs-next.slidesjs-navigation {
color:transparent;
}
.slidesjs-stop.slidesjs-navigation {
color:transparent;
}
.slidesjs-pagination {
display: none;
}
@media only screen and (max-width: 1150px) {
.tab-area {
width: 100%;
float: left;
}
}
@media only screen and (max-width: 560px) {
.tab-area {
width: 100%;
margin: 0 0 5%;
float: left;
}
.intro {
margin: 50px 0;
}
}
/* Target Tabs */
.tabs-target span:nth-of-type(1):not(:target) ~ span:nth-of-type(2):not(:target) ~ .tab:nth-of-type(1),
.tabs-target span:nth-of-type(2):target ~ .tab:nth-of-type(2),
.tabs-target span:nth-of-type(1):target ~ .tab:nth-of-type(3) {
display: block;
}
/**************Inner Tabs**********/
.tab-area-inner {
margin: 0 0 1.5% 0;
}
.tab-link-inner {
font-family: 'Open Sans', sans-serif;
font-size: 11pt;
line-height: 1.6;
cursor: pointer;
color: #2a2a2a;
text-decoration: none;
width: 14% !important;
padding: 5px 10px;
text-align: left !important;
background: #FFFFFF;
}
.border{
border-bottom:solid 1px #d9d9d9;
height:31px;
}
.tab-link-inner:hover {
color:#03A3DE !important;
}
.tab-link-inner:hover {
color:#03A3DE !important
}
.tab-inner {
width:84% !important;
padding: 20px;
display: none;
min-height: 80px;
}
.target-fix-inner {
display: block;
top: 0;
left: 0;
position: fixed;
}
#tabD:target ~ a:nth-of-type(3),
#tabE:target ~ a:nth-of-type(2),
#tabD:not(:target) ~ #tabE:not(:target) ~ a:nth-of-type(1),
#tab-E:not(:checked) ~ #tab-D:not(:checked) ~ label:nth-of-type(1) {
background: #ddd;
}
@media only screen and (max-width: 1150px) {
.tab-area-inner {
width: 100%;
float: left;
}
}
@media only screen and (max-width: 560px) {
.tab-area-inner {
width: 100%;
margin: 0 0 5%;
float: left;
}
.intro {
margin: 50px 0;
}
}
/* Target Tabs */
.tabs-target-inner span:nth-of-type(1):not(:target) ~ span:nth-of-type(2):not(:target) ~ .tab-inner:nth-of-type(1),
.tabs-target-inner span:nth-of-type(2):target ~ .tab-inner:nth-of-type(2),
.tabs-target-inner span:nth-of-type(1):target ~ .tab-inner:nth-of-type(3) {
display: block;
}
.tablinks{
width: 9.666666666666664%;
float:left;
margin:20px 0 0 0 !important;
}
.climbing{
background:none !important;
padding:7px 0 15px 10px;
}
.col-2{
width:16%;
}
.col-10{
width:90%;
float:right;
}
.col-3{
width: 23%;
margin: 0 1% 2% 1%;
background: #FFFFFF !important;
float: left;
position:relative;
}
.tile{
background:#FFFFFF;
-webkit-box-shadow: 1px 1px 1px 1px #BFBFBF;
box-shadow: 1px 1px 1px 1px #BFBFBF;
}
.tile h2{
font-size:0.9rem;
padding:3%;
}
.tile p.location{
background:url(images/icons/location.png) no-repeat;
padding:2px 0 8px 25px;
margin:3%;
font-size: 0.7rem; width:95%;
}
.duration{
background: none repeat scroll 0 0 #00AFF0;
bottom: 0;
color: #FFFFFF;
font-size: 0.7rem;
padding: 8px 5px;
position: absolute;
width: 100%;
}
.duration span{
float:right;
}
.bookimg{
position:absolute;
width:64px;
height:34px;
top:30px;
right:-7px;
}
/********************Featured Content Styles******************/
.featuredcontent{
background:#18252d;
padding:35px 0 0px 0;
text-align:center;
}
.featuredcontent h2{
font-size:1.2rem;
color:#FFFFFF;
margin:0 0 20px 0;
font-family: 'Calibri','Open Sans', Arial;
}
.featuredcontentarea{
height:284px;
color:#FFFFFF;
}
.featuredcontentleft{
background:url(images/featuredcontentleftbg.jpg) no-repeat;
text-align:left;
padding:20px 40px 20px 50px;
}
img.fclimageleft{
margin:0 15px 10px 0;
}
p.fclpright{
padding:25px 0 0 0;
font-size:0.75rem;
line-height:1.8;
margin:0 0 45px 0;
font-family: 'Open Sans', Arial;
}
p.fclpleft{
width:78%;
font-size:0.75rem;
line-height:1.8;
margin:0 15px 35px 0;
float:left;
font-family: 'Open Sans', Arial;
}
.featuredcontentright{
background:url(images/featuredcontentrightbg.jpg)no-repeat;
text-align:left;
padding:20px 20px 20px 20px;
margin:0 0 0 -14px;
}
p.fcrpleft{
width:65%;
font-size:0.75rem;
line-height:1.8;
margin:0 15px 35px 0;
padding:25px 0 0 0;
float:left;
font-family: 'Open Sans', Arial;
}
img.fcrpimageright{
margin:-15px 0 0 0;
}
img.fcrpimageleft{
margin:0 15px 0 0;
}
p.fcrpright{
width:90%;
padding:20px 0 0 0;
font-family: 'Open Sans', Arial;
font-size:0.75rem;
line-height:1.8;
}
/********************Testimonials Styles******************/
.howitworks{
padding:25px 0;
text-align:center;
color:#18252d;
font-family: 'Calibri','Open Sans', Arial;
}
.howitworks h2{
font-size:1.2rem;
color:#18252d;
margin:0 0 10px 0;
font-family: 'Calibri','Open Sans', Arial;
}
/********************Promotion Styles******************/
.promotion{
background:#efefef;
border-top:solid 1px #dcdcdc;
border-bottom:solid 1px #dcdcdc;
}
/********************Testimonials Styles******************/
.testimonials{
padding:25px 0;
text-align:center;
color:#18252d;
font-family: 'Calibri','Open Sans', Arial;
}
.testimonials h2{
font-size:1.2rem;
color:#18252d;
margin:0 0 10px 0;
font-family: 'Calibri','Open Sans', Arial;
}
.testimonial{
padding:20px 0 0 0;
}
.testimonial img{
-webkit-border-radius: 100px 100px 100px 100px;
border-radius: 100px 100px 100px 100px;
border:solid 10px #e8e8e8;
margin:0 0 15px 0;
}
.testimonial p{
width:80%;
margin:0 0 3% 10%;
color:#454545;
}
.testimonial a{
font-family: 'Calibri','Open Sans', Arial;
font-size:1rem;
color:#18252d;
}
/********************Footer Styles******************/
.footer{
background:#efefef;
padding:25px 0;
clear:both;
}
.footerone, .footertwo, .footerthree, .footerfour{
margin:0 0 20px 0;
}
.footer h2{
font-family: 'Calibri','Open Sans', Arial;
font-size:1.0rem;
color:#18252d;
margin:10px 0 10px 0;
}
.footer ul li{
list-style-type:square;
margin:0 0 5px 14px;
}
.footer ul li a{
color:#454545;
font-family: 'Open Sans', Arial;
font-size: 0.7rem;
}
.footer ul li a:hover{
color:#1a1a1a;
}
.footer p{
padding:0 0 15px 0;
font-family: 'Calibri','Open Sans', Arial;
color:#333333;
}
.footertwo img{
padding:0 0 10px 0;
}
.footerfour ul li{
list-style-type:none !important;
border-bottom:solid 1px #e1e1e1;
margin:0px 0 10px 0 !important;
padding:0 0 8px 0;
font-family: 'Open Sans', Arial;
font-size: 0.7rem;
}
.footerfour ul li span{
background:#03A3DE;
padding:2px 5px;
margin:10px 0 0 0 !important;
color:#FFFFFF !important;
}
.footerfour ul li span:hover{
background:#83c635;
padding:2px 5px;
margin:10px 0 0 0 !important;
color:#FFFFFF !important;
}
.footerfour ul li span a{
color:#FFFFFF !important;
}
.footerbottom{
padding:30px 0;
text-align:center;
}
/****************************Login Box Styles**************/
.loginbox {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
z-index: 100001;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
color:#2a2a2a;
}
.loginbox:target {
opacity:1;
pointer-events: auto;
}
.loginbox > div {
max-width: 450px;
position: relative;
margin: 10% auto;
padding: 15px 15px 15px 5px;
border-radius: 10px;
border:solid 5px #454545;
background: #fff;
}
.close {
background: #FFFFFF;
color: #2a2a2a;
line-height: 25px;
position: absolute;
right: -14px;
text-align: center;
top: -14px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.close:hover { background: #ffd9b0; }
.loginboxrow{
border-bottom:solid 1px #efefef;
}
.loginboxleft h2, .loginboxright h2{
margin:0 0 3% 0;
padding:0 0 3% 0 ;
border-bottom:solid 1px #efefef;
}
.footerone.col-lg-3.col-md-3.col-sm-12.col-xs-12 {
width: 12%;
}
.footertwo.col-lg-3.col-md-3.col-sm-12.col-xs-12 {
width: 38%;
}
@media only screen
and (max-width : 321px) {
.headerwrapper{
background:none !important;
}
.headerbgleft{
background:#FFFFFF;
border-top:none;
height:120px;
padding:10px 0 0 15px;
}
.headerbgright{
background:#03A3DE;
height:120px;
}
.searchbox{
z-index:100000 !important;
position:absolute;
left:-43% !important;
top:-170px;
background:#03A3DE;
padding:0px;
margin:0 0 0 145px;
}
ul.social{
margin:0 0 0 0px;
padding:20px 0px;
}
ul.login{
margin:0px 0 0 10px !important;
}
.panel h1{
color:#FFFFFF !important;
font-family: 'Calibri','Open Sans', Arial;
line-height:1.6;
font-size: 1rem;
width:320px;
padding:10px 10px 10px 5px ;
}
.panel h2{
color:#FFFFFF !important;
font-family: 'Calibri','Open Sans', Arial;
font-size: 0.8rem;
line-height:1.6;
padding:0 0 0 5px;
}
.panel h2 span{
font-size: 1rem;
}
.g1{
position:absolute;
top:67%;
left:2%;
height:95px;
overflow:hidden;
}
.g2{
position:absolute;
top:42%;
left:30%;
height:95px;
overflow:hidden;
}
.g3{
position:absolute;
top:17%;
left:32%;
height:95px;
overflow:hidden;
}
.boxes{
height:153px;
position: absolute;
top:385px;
left:-16%;
z-index:10000;
}
.insidebox{
background:#03A3DE;
border:solid 10px #FFFFFF;
padding:10px 0 0 0;
text-align:center !important;
width:110px;
height:110px;
-webkit-border-radius: 100px 100px 100px 100px;
border-radius: 100px 100px 100px 100px;
}
.insidebox:hover{
background:#83c635;
border:solid 10px #FFFFFF;
padding:10px 0 0 0;
text-align:center !important;
width:110px;
height:110px;
-webkit-border-radius: 100px 100px 100px 100px;
border-radius: 100px 100px 100px 100px;
}
.insidebox:hover > .hovertext{
display:none !important;
}
.insidebox h3 a{
color:#FFFFFF;
font-size:0.7rem;
}
.col-2{
width:35%;
float:left;
padding:0 0 0 5%;
}
.col-10{
width:65% !important;
float:right;
}
.col-3{
width: 90%;
margin: 0 0% 8% 8%;
background: #FFFFFF !important;
float: left;
position:relative;
}
.featuredcontentleft{
background:none !important;
text-align:left;
margin:0 0 20px 0;
padding:20px 10px 20px 30pxpx;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.featuredcontentright{
background:none !important;
text-align:left;
padding:20px 0px 20px 20px;
margin:0 0 20px 30px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.footerfour.col-lg-3.col-md-3.col-sm-12.col-xs-12 {
width: 100%;
text-align:left;
}
.footerone.col-lg-3.col-md-3.col-sm-12.col-xs-12 {
text-align: left;
width: 100%;
}
.footertwo.col-lg-3.col-md-3.col-sm-12.col-xs-12 {
width: 100%;
}
.panel #slides {
height: auto;
width: 100% !important;
}
.slidesjs-control {
height: auto;
width: 100%;
}
.slidesjs-slide {
height: auto;
width: 100%!important;
}
.slidesjs-slide > img {
height: auto;
width: 100%;
}
}
/****************************Responsive Styles**************/
/* For 480X320 */
@media only screen and (max-width: 550px) and (min-width: 330px){
.headerwrapper{
background:none !important;
}
.headerbgleft{
background:#FFFFFF;
border-top:none;
height:120px;
padding:10px 0 0 15px;
}
.headerbgright{
background:#03A3DE;
height:60px;
}
.searchbox{
z-index:100000 !important;
position:absolute;
left:-27%;
top:-110px;
background:#03A3DE;
padding:0px;
margin:0 0 0 145px;
}
ul.menu li{
padding:0 10px 0 10px;
}
ul.social{
margin:0 0 0 0px;
}
ul.login{
margin:0 0 0 0px;
}
.panel h1{
color:#FFFFFF !important;
font-family: 'Calibri','Open Sans', Arial;
line-height:1.6;
font-size: 1rem;
width:450px;
padding:10px 10px 10px 5px ;
}
.panel h2{
color:#FFFFFF !important;
font-family: 'Calibri','Open Sans', Arial;
font-size: 0.8rem;
line-height:1.6;
padding:0 0 0 5px;
}
.panel h2 span{
font-size: 1rem;
}
.g1{
position:absolute;
top:62%;
left:2%;
}
.g2{
position:absolute;
top:42%;
left:30%;
}
.g3{
position:absolute;
top:10%;
left:47%;
}
.boxes{
height:153px;
position: absolute;
top:385px;
left:0%;
z-index:10000;
}
.insidebox{
background:#03A3DE;
border:solid 10px #FFFFFF;
padding:10px 0 0 0;
text-align:center !important;
width:113px;
height:113px;
-webkit-border-radius: 100px 100px 100px 100px;
border-radius: 100px 100px 100px 100px;
}
.insidebox:hover{
background:#83c635;
border:solid 10px #FFFFFF;
padding:10px 0 0 0;
text-align:center !important;
width:113px;
height:113px;
-webkit-border-radius: 100px 100px 100px 100px;
border-radius: 100px 100px 100px 100px;
}
.insidebox:hover > .hovertext{
display:none !important;
}
.insidebox h3 a{
color:#FFFFFF;
font-size:0.7rem;
}
.col-2{
width:25%;
float:left;
}
.col-10{
width:75% !important;
float:right;
}
.col-3{
width: 80%;
margin: 0 0% 8% 8%;
background: #FFFFFF !important;
float: left;
position:relative;
}
.featuredcontentleft{
background:url(images/featuredcontentleftbg.jpg) no-repeat;
text-align:left;
margin:0 0 20px 0;
padding:20px 10px 20px 0px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.featuredcontentright{
background:url(images/featuredcontentrightbg.jpg)no-repeat;
text-align:left;
padding:20px 0px 20px 20px;
margin:0 0 20px 0px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
p.fclpleft{
width:55%;
font-size:0.75rem;
line-height:1.8;
margin:0 25px 35px 0;
float:left;
font-family: 'Open Sans', Arial;
}
.footerfour.col-lg-3.col-md-3.col-sm-12.col-xs-12 {
width: 100%;
text-align:left;
}
.footerone.col-lg-3.col-md-3.col-sm-12.col-xs-12 {
text-align: left;
width: 100%;
}
.footertwo.col-lg-3.col-md-3.col-sm-12.col-xs-12 {
width: 100%;
}
.panel #slides {
height: auto;
width: 100% !important;
}
.slidesjs-control {
height: auto;
width: 100%;
}
.slidesjs-slide {
height: auto;
width: 100%!important;
}
.slidesjs-slide > img {
height: auto;
width: 100%;
}
}
/* For 600X800 */
@media only screen and (max-width: 680px) and (min-width: 530px){
.headerwrapper{
background:none !important;
}
.headerbgleft{
background:#FFFFFF;
border-top:none;
height:120px;
padding:10px 0 0 15px;
}
.headerbgright{
background:#03A3DE;
height:60px;
}
.searchbox{
z-index:100000 !important;
position:absolute;
left:3%;
top:-110px;
background:#03A3DE;
padding:0px;
margin:0 0 0 0px;
}
ul.menu li{
padding:0 10px 0 10px;
}
ul.social{
margin:0 0 0 10px;
}
ul.login{
margin:0 0 0 20px;
}
.panel h1{
color:#FFFFFF !important;
font-family: 'Calibri','Open Sans', Arial;
line-height:1.6;
font-size: 1.4rem;
width:600px;
padding:10px 10px 10px 5px ;
}
.panel h2{
color:#FFFFFF !important;
font-family: 'Calibri','Open Sans', Arial;
font-size: 1rem;
line-height:1.6;
padding:0 0 0 5px;
}
.panel h2 span{
font-size: 1.2rem;
}
.boxes{
height:153px;
position: absolute;
top:365px;
left:-5%;
z-index:10000;
}
.g1{
position:absolute;
top:61%;
left:12%;
}
.g2{
position:absolute;
top:38%;
left:34%;
}
.g3{
position:absolute;
top:14%;
left:60%;
}
.insidebox{
background:#03A3DE;
border:solid 10px #FFFFFF;
padding:10px 0 0 0;
text-align:center !important;
width:153px;
height:153px;
-webkit-border-radius: 100px 100px 100px 100px;
border-radius: 100px 100px 100px 100px;
}
.insidebox:hover{
background:#83c635;
border:solid 10px #FFFFFF;
padding:10px 0 0 0;
text-align:center !important;
width:153px;
height:153px;
-webkit-border-radius: 100px 100px 100px 100px;
border-radius: 100px 100px 100px 100px;
}
.insidebox:hover > .hovertext{
display:none !important;
}
.col-2 {
float: left;
padding: 0 0 0 5%;
width: 20%;
}
.col-10{
width:80% !important;
float:right;
}
.col-3{
width: 40%;
margin: 0 0% 5% 8%;
background: #FFFFFF !important;
float: left;
position:relative;
}
.featuredcontentleft{
background:url(images/featuredcontentleftbg.jpg) no-repeat;
text-align:left;
margin:0 0 20px 0;
padding:20px 10px 20px 30pxpx;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.featuredcontentright{
background:url(images/featuredcontentrightbg.jpg)no-repeat;
text-align:left;
padding:20px 0px 20px 20px;
margin:0 0 20px 30px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
p.fclpleft{
width:70%;
font-size:0.75rem;
line-height:1.8;
margin:0 25px 35px 0;
float:left;
font-family: 'Open Sans', Arial;
}
.footerfour.col-lg-3.col-md-3.col-sm-12.col-xs-12 {
width: 100%;
text-align:left;
}
.footerone.col-lg-3.col-md-3.col-sm-12.col-xs-12 {
text-align: left;
width: 100%;
}
.footertwo.col-lg-3.col-md-3.col-sm-12.col-xs-12 {
width: 100%;
}
.panel #slides {
height: auto;
width: 100% !important;
}
.slidesjs-control {
height: auto;
width: 100%;
}
.slidesjs-slide {
height: auto;
width: 100%!important;
}
.slidesjs-slide > img {
height: auto;
width: 100%;
}
}
/* For 800X600 */
@media only screen and (max-width: 920px) and (min-width: 690px){
.headerwrapper{
background:none !important;
}
.headerbgleft{
background:#FFFFFF;
border-top:none;
height:60px;
padding:10px 0 0 15px;
}
.boxes{
height:153px;
position: absolute;
top:365px;
left:0%;
z-index:10000;
}
.g1{
position:absolute;
top:61%;
left:25%;
}
.g2{
position:absolute;
top:38%;
left:45%;
}
.g3{
position:absolute;
top:17%;
left:71%;
}
.searchbox{
z-index:100000 !important;
position:absolute;
left:39%;
top:-110px;
background:#03A3DE;
width:415px;
padding:0px;
margin:0 0 0 30px;
}
.insidebox:hover{
background:#83c635;
border:solid 10px #FFFFFF;
padding:10px 0 0 0;
text-align:center !important;
width:153px;
height:153px;
-webkit-border-radius: 100px 100px 100px 100px;
border-radius: 100px 100px 100px 100px;
}
.insidebox:hover > .hovertext{
display:none !important;
}
.col-2{
width:15%;
float:left;
}
.col-10{
width:80% !important;
float:right;
}
.col-3{
width: 40%;
margin: 0 0% 5% 8%;
background: #FFFFFF !important;
float: left;
position:relative;
}
.featuredcontentleft{
background:url(images/featuredcontentleftbg.jpg) no-repeat;
text-align:left;
margin:0 0 20px 0;
padding:20px 10px 20px 30pxpx;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.featuredcontentright{
background:url(images/featuredcontentrightbg.jpg)no-repeat;
text-align:left;
padding:20px 0px 20px 20px;
margin:0 0 20px 30px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.footerfour.col-lg-3.col-md-3.col-sm-12.col-xs-12 {
width: 100%;
text-align:left;
}
.footerone.col-lg-3.col-md-3.col-sm-12.col-xs-12 {
text-align: left;
width: 100%;
}
.footertwo.col-lg-3.col-md-3.col-sm-12.col-xs-12 {
width: 100%;
}
.panel #slides {
height: auto;
width: 100% !important;
}
.slidesjs-control {
height: auto;
width: 100%;
}
.slidesjs-slide {
height: auto;
width: 100%!important;
}
.slidesjs-slide > img {
height: auto;
width: 100%;
}
}
/* For 1024X768 */
@media only screen and (max-width: 1100px) and (min-width: 920px){
ul.menu li{
padding:0 5px 0 5px;
}
ul.social{
margin:0 0 0 10px;
}
ul.login{
margin:0 0 0 10px;
}
.g1{
position:absolute;
top:61%;
left:25%;
}
.g2{
position:absolute;
top:31%;
left:45%;
}
.g3{
position:absolute;
top:11%;
left:71%;
}
.boxes{
height:153px;
position: absolute;
top:365px;
left:1.5%;
z-index:10000;
}
.searchbox{
z-index:100000 !important;
position:absolute;
left:49%;
top:280px;
}
.border{
border-bottom:solid 1px #d9d9d9;
height:41px !important;
}
.col-3{
width: 39%;
margin: 0 0% 3% 8%;
background: #FFFFFF !important;
float: left;
position:relative;
}
.featuredcontentleft{
background:none no-repeat;
text-align:left;
width:100% !important;
margin:0 0 20px 0;
padding:20px 10px 20px 30px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.featuredcontentright{
background:none no-repeat;
text-align:left;
width:100% !important;
padding:20px 0px 20px 20px;
margin:0 0 20px 30px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
}
/* For 1280X800 */
@media only screen and (max-width: 1299px) and (min-width: 1100px){
ul.menu li{
padding:0 10px 0 10px;
}
ul.social{
margin:0 0 0 20px;
}
ul.login{
margin:0 0 0 20px;
}
.boxes{
height:153px;
position: absolute;
top:365px;
left:2.5%;
z-index:10000;
}
.searchbox{
z-index:100000 !important;
position:absolute;
left:51%;
top:230px;
}
.trekking{
background:url(images/icons/trekking.png) no-repeat;
padding:8px 0 15px 35px;
}
.cycling{
background:url(images/icons/cycling.png) no-repeat;
padding:8px 0 15px 35px;
}
.climbing{
background:url(images/icons/climbing.png) no-repeat;
padding:8px 0 15px 35px;
}
.col-3{
width: 23%;
margin: 0 0% 2% 2%;
background: #FFFFFF !important;
float: left;
position:relative;
}
.featuredcontentleft{
background:url(images/featuredcontentleftbg.jpg) no-repeat;
text-align:left;
padding:20px 40px 20px 10px;
}
p.fclpright{
padding:25px 0 0 0;
font-size:0.75rem;
line-height:1.8;
margin:0 0 45px 0;
font-family: 'Open Sans', Arial;
}
p.fclpleft{
width:73%;
font-size:0.75rem;
line-height:1.8;
margin:0 25px 35px 0;
float:left;
font-family: 'Open Sans', Arial;
}
.tile.col-3 {
position: relative;
}
}
/* For 1280X800 */
@media only screen and (max-width: 1400px) and (min-width: 1100px){
.boxes{
height:153px;
position: absolute;
top:365px;
left:2.5%;
z-index:10000;
}
.searchbox{
z-index:100000 !important;
position:absolute;
left:58%;
top:300px;
}
}
/* For 1366X768 */
@media only screen and (max-width: 1600px) and (min-width: 1200px){
.boxes{
height:153px;
position: absolute;
top:365px;
left:1.5%;
z-index:10000;
}
.searchbox{
z-index:100000 !important;
position:absolute;
left:58%;
top:280px;
}
}
/* For 1980X1050 */
@media only screen and (max-width: 2000px) and (min-width: 1600px){
.boxes{
height:143px;
position: absolute;
top:365px;
left:15.5% !important;
z-index:10000;
}
.searchbox{
z-index:100000 !important;
position:absolute;
left:57%;
top:280px;
}
}
,