@import url(//fonts.googleapis.com/css?family=Cinzel+Decorative);
@import url("../../font/Titillium/stylesheet.css");
@import url("../font/fontawesome-webfont.eot, ../font/fontawesome-webfont.svg, ../font/fontawesome-webfont.ttf, ../font/fontawesome-webfont.woff, ../font/FontAwesome.otf" );
img {max-width: 100%;}
/* OLD STYLE SET FOR Reservation Forms, mailto done and notdone*/
/* FONTS: line 119*/
td, tr {vertical-align:top; }
th, td {text-align: left;}
img.cntr{margin:0 auto;display: block;clear: both;}
.cntr{margin:0 auto;display: block;clear: both;}
#main{
width:960px;
margin:1px auto;
padding:0;
overflow:hidden;
background: #333;
}

#main a:hover{color:black;}

#content{
float:left;
width:610px;
margin:0 0 0 0;
padding:0 25px;
/* */
background-color:transparent;
/* background-color: #fbf166; */
-webkit-box-shadow:3px 3px 7px #993501;
}

#content a:link, #content a:visited{color:#802400;}
#content a:hover, #content a:active{color:#354044;}

aside{
float:right;
width:282px;
margin:0;
padding:0 6px 0 12px;
background-color:#333;

}
section .thanks{
float:right;
text-align:left;
width:282px;
height:190px;
margin:0;
padding:20px 0 0 20px;
}
aside section{
margin:0;
padding:0;
background-color:#333;
-webkit-box-shadow:6px 6px 8px #993501;
}

aside section p a:link, aside section p a:visited {color:#1f1f1f;}
aside section p a:hover, aside section p a:active {color:#000000; text-decoration: underline;}

aside section img{margin:0 auto;}
aside>h3{
font-size:18px;
color:#190600;
padding-bottom:3px;
border-bottom:#c04a01 2px dotted;
margin-bottom:10px;
font-family:Georgia,Times,"Times New Roman",serif;
}

/* article */
article{
float:left;
width:650px;
height:200px;
margin-bottom:20px;
}
article .thumb{
float:right;
width:200px;
height:200px;
/* curved border radius */
-webkit-border-radius:10px;
}
article .title{
float:right;
width:400px;
font-size:22px;
font-weight:bold;
margin-bottom:10px;
color:#190600;
}
article .story{float:right;width:400px;}

/* sidebar */
aside section ul{margin:0 0 0 10px;list-style-type:none;}
aside section ul li a{text-decoration:none;color:#000;background: #C8AB4F;}
aside section ul li a:hover{color:#b93b01;background: #C8AB4F;}

td{word-break: keep-all; width: 25%;}

/*
Theme Name: BUSH - BRICK
Description:  Designed by jo-jo
Author:  Linx Africa
/*-------------------------------------------*/
/*	01: GENERAL STYLING color #4C2E23;
/*-------------------------------------------*/



body {
	margin: 0; padding: 0;
	font: 100% 'TitilliumText25L400wt',Calibri, Arial, sans-serif;
	line-height: 1.8em;
	color:  #333;
	color:#000;
	background: #F6F6F6;
	font-weight: normal;
	-webkit-backface-visibility: hidden;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
}

.clear{clear:both;display:block;margin-bottom: 15px;}
img.pframe {margin: 0 auto 25px auto;display:block; clear:both;border-radius: 3px;padding:7px;background: #333;border:3px double #7a7a7a;}

img.pframe {background:#fff;padding:11px 11px;
width: 96%; text-align: center;margin:2em auto 2em auto;display: block;clear:both;text-transform: none;-webkit-border-radius:5px;border-radius:5px;box-shadow:0px 3px 4px 0px #BCBABA;-webkit-box-shadow:0px 3px 4px 0px #BCBABA;border: medium double #A9E224;}

img.pframe {border:1px solid #000;border-radius:3px;padding:0;	-webkit-box-shadow: 0px 2px 8px 0px #BFBDBD; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
     box-shadow: 0px 2px 8px 0px #BFBDBD; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */}

img.pframe2{margin-bottom:30px;width:100%;}

.lodges img.main {margin: 14px auto 20px auto;display:block;}
.lodges {height:800px;}
.lodges img.box_shadow {border:1px solid #000;border-radius:3px;padding:0;}

img.pframeT {
	margin:0 3px 0 0;padding:3px; background: #fff;border:4px double #e0e0e0;}

img.left {float: left;clear: both;margin-right:7px;}
img.botM{margin-bottom:15px;}
/* dont touch pframe you damn idiot!!!!!!!!!! */

.thumb{color: #333;line-height:normal;font-size: 90%;float: left; margin:0 0 20px 4px; border:1px solid #dedfdf;}
.thumb a:link,.thumb a:visited {color:#86b817;}
.thumb a:hover,.thumb a:active {color:#000;}
.thumb img {border-radius:2px; -webkit-border-radius:2px; margin:0 4px 0 0;padding:5px 2px 4px 5px;}

.topphot{
margin: 10px auto 30px auto;display:block;
border:1px solid #232323;
-webkit-box-shadow: none; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
box-shadow: none; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
border-radius:2px;-webkit-border-radius:2px;border:1px solid #000;
}
.topphot2{
margin: 22px auto 14px auto;display:block;
border:1px solid #232323;
-webkit-box-shadow: 0px 2px 8px 0px #191919; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
box-shadow: 0px 2px 8px 0px #191919; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
border-radius:2px;-webkit-border-radius:2px;
}
.header .lodges{height:800px;}

/*RESERVE FORM */
.notes {border:1px dashed #ccc;padding:5px 8px 0 9px;border-radius: 4px;-webkit-border-radius: 4px;
margin-bottom: 25px;}
.notesCenter{border:1px dashed #ccc;padding:5px 8px 0 9px;border-radius: 4px;-webkit-border-radius: 4px;
margin: 0 auto 25px auto;display: block;clear: both;}

h1.reserveform{margin-top:20px;color:#fff;}
img.reserveform{margin: 5px auto 15px auto;display:block;clear:both;}

.speclist{background: #333333;padding:1px;margin: 5px 0 18px 0;text-align: center;border-left: 0;
border-bottom: 1px solid #333;-webkit-box-shadow: 0px 2px 8px 0px #000; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
          box-shadow: 0px 2px 8px 0px #000; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */}
.speclist img{border-right:0;}

/* right in span4*/
.sidetext{
    margin: 100px 0 10px 0;
    padding: 0;
}

.sidetext p{
 padding:0 0 10px 0; margin:0;line-height: normal;}

.specials {border:4px double #000;padding:11px 14px 10px 14px;border-radius: 4px;-webkit-border-radius: 4px; margin: 20px auto 0 auto;width:75%;background: transparent;}
.specials a{border-bottom:2px dashed #2399d1;}
.specials p{padding:0;margin:0;text-align: justify;color: #000;font-size: 110%;}

.cntr{text-align: center;}
.cntr p{text-align: center;}

/* Divider */
.title-divider{
    margin-bottom: 25px;
    position: relative;}

.title-divider h1,
.title-divider h2,
.title-divider h3,
.title-divider h4,
.title-divider h5,
.title-divider h6 {
float: left;
margin: 0 0 0 10px;}

.title-divider h3{
font-size: 1.3em;
margin-left: 10px;
letter-spacing: normal;}

.title-divider .divider-arrow{
height: 34px;
overflow: hidden;
background: none;
}

/* PARAGRAPH !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
p {color:#000;line-height:1.5em;font-size: 110%;text-align: justify;padding:0 0 5px 0;}
p a:link{color:#000000;}

a, input, select, textarea { outline: none; text-decoration: none; }
a, li { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a, a:visited { text-decoration: none!important; }
:focus {outline: 0;}

a:hover, a:active, a:focus { outline: 0!important;}
::-moz-selection{ color: #000; background: #fff; }

li{list-style: circle;margin-left: 10px;}
li.star{list-style-image:none;padding:0 10px 0 10px;background: url(../images/1star.png); display:inline;margin: 0;background-repeat: no-repeat;}
ul.star{display: inline;margin: 0;}
.stru{
background-color: #EFEFEF;
margin: 0 0 25px 0;
clear: both;
padding: 10px 10px 5px 10px;
color: #222;
color:#000;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #e0e0e0;
}
.stru.skype{color:#4f9405;font-size:101%; }
li.struRate{background: none;list-style:none;display: inline;margin: 0; padding-right:2px;}
a, input, select, textarea { outline: none; text-decoration: none; }
a, li { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a, a:visited { text-decoration: none!important; }
:focus {outline: 0;}

img { vertical-align: top; opacity: 1.0;}
.img{padding:5px;
-webkit-box-shadow: 0 10px 6px -6px #444;
box-shadow: 0 10px 6px -6px #444;}

.drop-shadow {
            position:relative;
            float:left;
            width:auto;
            padding:0;
            margin:16px 0;
            background:transparent;
            -webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.9), 0 0 20px rgba(0, 0, 0, 0.9) inset;
            box-shadow:0 1px 5px rgba(0, 0, 0, 0.9), 0 0 20px rgba(0, 0, 0, 0.9) inset;
 clear: both; }

iframe { border: 0; }
div.ppt, .pp_description { display: none !important; }
li {line-height: 28px;}
.table th {font-weight: 400;}
table .indent{margin-left:200px;border:none;}
.pull-right { margin-left: 12px; }
.pull-left { margin-right: 12px; }
.pag-left { text-align: left!important; margin: 8px 0 0 0!important;}
.center{ text-align: center;}
.left{text-align:left;}
footer div.left{text-align:left;}
footer a.left {text-align:left;}
footer h3.left {text-align:left;}
footer li.left {text-align:left;}
.small {font-size: smaller;}
blockquote { border-left: 3px dotted #C02A33; color: #C02A33!important; padding: 0 0 0 9px;
margin:0 0 17px 20px; font-size: 95%;font-weight: 800;}
blockquote p{line-height:1.8em;font-size: 95%;text-align: justify;color: #C02A33!important;font-weight: 700;}

.highlight { background: rgba(68,68,68,0.4); color: #e0d0ac ; padding: 3px 1px; }
.highlight-neutral { background: rgba(0,0,0,0.1); color: #e0d0ac ; padding: 3px 4px; }
.emph{font-style: italic;}
.nb{color:#000;font-weight: bolder;}
.alert { text-shadow: none!important; background-color:#6FC1D2; color: #F6F7F0; border: 0px; }
.alert-success { background-color: #313941; color: #F6F7F0; }
.alert-danger, .alert-error { background-color: #999; color: #F6F7F0; }
.alert-info {  background-color: #707070; color: #f4f4f4; }
.dropcap {
    font-weight: 700;
    display: block;
    float: left;
    font-size: 3em;
    padding: 0;
	margin: 1px 4px 0 -3px;
	color: #444;
	font-family:TitilliumText25L400wt;
}

.dropcap {
    font-weight: 700;
    display: block;
    float: left;
    font-size: 55px;
    padding: 0;
	margin: 12px 8px 0 -3px;
	color: #65625a;
}

/* LISTS */
ul {list-style-type:none;line-height:1.8em;margin:0 0 15px 10px;}
ul.angle {
    list-style-type: none;
    margin: 0 8px 12px 0;
    padding-left: 1em;
}

ul.angle li{
    list-style-type: none;
    margin: 0 8px 3px 0;
    padding: 0 0 0 5px;
}

ul.angle li:before {
    font-family: 'FontAwesome';
    content:"\f101";
    margin:0 5px 0 -15px;
    color: #2d2d2d;
	line-height:2.0em;
}

#object, #object1,#object3 { visibility: hidden; }

/**** .MGR ****/

.mgr p{font-size: 105%; }
.mgr li{font-size: 105%;margin-left:20px; }
.mgr2 p{font-size: 105%; }
.mgr2 li{font-size: 105%;margin-left:20px; }

/**** ICONS ****/
.icons{list-style-type:none;margin:0;color:#f2f2f2;}
.icons li [class^="icon-"],.icons li [class*=" icon-"]{display:inline-block;width:1.2857142857142858em;
margin-right:4px; line-height:24px;}
.line-icon:before{ font-family: 'fontello'; }

.icon-quote-left.small,.icon-quote-right.small{font-size: 0.6em;}

/**** LINKS ****/
a:focus { outline: 0px; color:#000;}
a:link { color: #000000;text-align: left;color:#000; }
a:hover, a:focus {
	color: #333333;
	color:#000;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.incl a:link, .incl a:visited {color:#000;}
.incl a:hover,.incl a:active {color:#aeaeae;}

.dotted { color: #e0d0ac ; border-bottom: 1px dotted #202020; }
.dotted:hover { color: #428E9E; border-color: #428E9E; }

.dashed { color: #e0d0ac ; border-bottom: 1px dashed #929292; }
.dashed:hover { color: #428E9E; border-color: #428E9E; }

/**** TYPOGRAPHY ****/
.strong{font-weight: bold;}
strong{font-weight: normal;}
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #000; text-transform:none; font-family: TitilliumText25L250wt,Andalus,Cambria,'Times New Roman';}
h1 {font-size: 2.0em; line-height: 40px; font-weight: normal;  text-align: left; letter-spacing:  normal;  margin-top: 3px; padding:0;color:#000; }

h1.small {font-size: 1.6em; font-family: TitilliumText25L250wt,Andalus,Cambria,'Times New Roman'; line-height: 37px; font-weight: normal; text-align:left; letter-spacing:normal; margin:16px 0 0 0;color:#000;}
h1.text-left{font-size: 1.6em; font-family: TitilliumText25L250wt,Andalus,Cambria,'Times New Roman';font-weight: normal; text-align:left; letter-spacing:normal; margin:0 0 16px 0;padding:0;color:#000;}
h1.small2 { font-size: 2.3em; line-height: 52px; font-weight: normal; text-align:center; letter-spacing: 4px; margin: 0px 0 50px; color:#000;}

h1.left { font-size: 2.0em; line-height: 37px; text-align: left; letter-spacing: 4px; margin-bottom: 20px;color:#000; }
.noTopImg{margin-top:50px;color: #fff;}
h2 {font-size: 1.48em; letter-spacing: normal;color:#000; margin-bottom:0;}
footer h2{ font-size: 1.3em; letter-spacing: normal;font-family:Georgia,Times,"Times New Roman",serif;margin:0;padding:0;color:#fff; }
.footer h3{color: #fff;text-align: left;}
h2.quote, h1.quote{font-size: 1.4em;text-align:center; letter-spacing: normal; margin:0.8em 0 0.4em 0;font-style: italic;color:#f5f5f5;}
h2.quote{color: #444;}
p.quote{font-size: 1.4em;font-family: TitilliumText25L250wt,Andalus,Cambria,'Times New Roman';text-align:center; letter-spacing: normal; margin:1.0em 0 0.4em 0;font-style: italic;color:#000;padding:0;}

p.quoteH{font-size: 1.4em;font-family: TitilliumText25L250wt,Andalus,Cambria,'Times New Roman';text-align:center; letter-spacing: normal; margin:2.0em 0 0.4em 0;font-style: italic;color:#fff;padding:0;}
p.quoteF{font-size: 1.4em;font-family: TitilliumText25L250wt,Andalus,Cambria,'Times New Roman';text-align:center; letter-spacing: normal; margin:0.4em 0 0.4em 0;font-style: italic;color:#fff;padding:0;line-height: normal;}

h2.small { font-size: 1.4em; line-height: 28px; text-align:center; letter-spacing: normal; margin:0 0 1.0em 0;color:#000; }
h2.large{font-size: 2.0em;}
h2.small.left{text-align:left;margin:20px 0 7px 0;font-weight: 600;font-size: 1.0em; }
h2.small.rates{text-align:left;margin:20px 0 7px 0;font-weight: normal;font-size: 1.5em; } h2.small.rates.sub{text-align:left;margin:20px 0 0 0;font-weight: normal;font-size: 1.4em; }
h3 { font-size: 1.2em; line-height: 20px; letter-spacing: normal;font-weight: normal;color:#000; }
h3.bright{color:#990417;}
h4 { font-size: 1.2em; line-height: 28px; margin-bottom: 10px; letter-spacing: normal;color:#000;}
h4.small { font-size: 1.2em; line-height: 28px; margin-bottom: 10px; letter-spacing: normal;font-weight: normal;color:#000;}
h5 { font-size: 1.0em; line-height: 26px; margin-bottom: 10px;color:#000; }
h6 { font-size: 10em; line-height: 26px; margin-bottom: 10px; color:#000;}
h3.line {
	font-size: 17px;
	line-height: 30px;
	letter-spacing: 4px;
	border: 4px double #bbb;
	border-left:0;border-right:0;
	padding:10px 20px;
	font-weight: 700;
	text-align: center!important;
	display: table;
	margin: 0 auto!important;
	color:#000;
}

.cntr{text-align: center;}
/**** PADDING ****/
.pad116 { padding-top: 116px; }
.pad100 { padding-top: 100px; }
.pad90 { padding-top: 90px; }
.pad80 { padding-top: 80px; }
.pad60 { padding-top: 60px; }
.pad65 { padding-top: 65px; }
.pad70 { padding-top: 70px; }
.pad55 { padding-top: 55px; }
.pad50 { padding-top: 50px; }
.pad45 { padding-top: 45px; }
.pad40 { padding-top: 40px; }
.pad30 { padding-top: 30px; }
.pad32 { padding-top: 32px; }
.pad35 { padding-top: 35px; }
.pad25 { padding-top: 25px; }
.pad20 { padding-top: 20px; }
.pad15 { padding-top: 15px; }
.pad16 { padding-top: 16px; }
.pad10 { padding-top: 10px; }
.pad5 { padding-top: 5px; }
.pad1 { padding-top: 1px; }

/**** MARGINS ****/
.marg-left5 { margin-left: 5px; }
.marg-left50 { margin-left: 50px; }
.marg-left100 { margin-left: 100px; }
.marg-left107 { margin-left: 107px; }
.marg-right5 { margin-right: 5px; }
.marg-right15 { margin-right: 15px; }
.marg-top10 { margin-top: 10px; }
.marg-left10 { margin-left:10px; }
.marg-clients { margin-top: -165px; }
.marg-top20 { margin-top: 20px; }
.marg-top-zero { margin-top: 0px; }
.marg-top-minus5 { margin-top: -5px; }
.marg-left-minus5 { margin-left: -5px; }
i.service-icon { margin: 5px auto 25px auto!important; text-align: center!important; }

/**** COLOURS ****/
.blue { color: #6FC1D2; }
.grey { color: #777; }
.light-grey { color: #bbb; }
.dark-grey { color: #444; }
.dark {color:#444;}
.black{color:#000;font-weight: bold;}
.light{color:#f2f2f2;}

/*************************************
	BUTTONS = new
 *************************************/

	.btn{display: inline-block;margin:0 auto 5px auto;display:block;clear:both;text-align:center;padding:5px 0; border-radius: 2px;border:none;font-size:18px;font-weight: normal;}
	.black2{
	/* Old browsers */background: -moz-linear-gradient(top, #000 0%, #605D5D 100%);
	/* IE10+ */background: linear-gradient(to bottom, #000 0%,#605D5D 100%);}

	.black2:hover{
	/* Old browsers */background: -moz-linear-gradient(top, #fff 0%, #000 100%);
	/* IE10+ */background: linear-gradient(to bottom, #000 0%,#605D5D 100%);}

.btn.black2 a:link{color:#fff;text-shadow: none;}
.btn.black2 a:hover{color:#fff;text-shadow: none;}

	.btn{margin:1px auto 10px auto;display:block;clear:both;text-align:center;padding:10px;
	border-radius: 2px;border:none;font-size:18px;color:#fff;font-weight:normal;text-transform: none;}
	.green{color: #343537;background: #86B817; text-shadow: none;
}

.btn.left{margin:0;}

.btn:hover {
	background: #BB5D17;;
	color: #fff;
	border: none;
	text-shadow: none;
}

.btn.green a:link{color:#fff;text-shadow: none;}
.btn.green a:visited{color:#fff;text-shadow: none;}
.btn.green a:hover{color:#fff;text-shadow: none;}
.btn.green a:active{color:#fff;text-shadow: none;}

li.green
{background-color:green;}

.engraved{
background: #666;
border: 2px solid #777;
color: #000;
text-shadow: 0px 1px 1px #fff;
font-weight: bold;
}
.glow{
color: #fff;
background: #888;
border: 1px solid #777;
text-shadow: 1px 1px 6px #fff;
}

.button2{
 padding:5px 15px 5px 15px;
 text-decoration: none;
 display: inline-block;
 -webkit-border-radius: 10px;
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 border-bottom: 1px solid rgba(0,0,0,0.25);
 font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
 outline:none;
 position:relative;
 font-size: 32px;
 margin:10px;
 background:transparent url(../graphics/buttonover.png) repeat-x top left;
 white-space:nowrap;
 }
 .button2:hover{
 background-color: #777;
 }
 .button2:active{
 top: 1px;
 left:1px;
 }


/* Outline Button*/
.outline-btn {
	margin-top: 10px;
	border: 2px solid #999;
	text-transform: uppercase;
	font-size: 16px;
	padding: 10px 30px;
	color: #777;
}
.outline-btn:hover, .outline-btn:focus {
	background: #333;
	border: 2px solid #428E9E;
	color: #428E9E;
}
/*-----------------------------------------------------------------------------------*/
/*	02: HEADER & MENU & BREADCRUMB
/*-----------------------------------------------------------------------------------*/
/* LOGO */
.logo {background: url("../graphics/logo-madikwe-2022-black.png") no-repeat left;padding-top:40px; height:60px;}
.logo a{float: none!important; text-align: center!important;}
.logo img{padding: 0; margin:0;}
.logo a{
	color:#fff;
 	float: left;
	margin: 0;
	padding: 0;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.logo a:hover{ opacity: .50; }

.logo h1  {color:#fff;line-height:100px;height:100px; font-size:1.8em;padding:0;text-transform: none;
font-weight: bold; letter-spacing: 0;text-align: left;margin-left:105px;}

.logo p a{color:#fff;line-height:normal; font-size:2.0em;padding:17px 0 0 0;text-transform: none;
font-weight: normal; letter-spacing: 0;text-align: left;font-family:TitilliumText25L400wt,Andalus,Cambria,'Times New Roman';}
/*new header overlay */
.header {margin:0; border:none; padding:0; background:transparent url(../images/about-top-bastergemsbok.jpg) no-repeat; height:580px;position: relative; z-index: -1; background-size: cover;}
h1.main {font-family: 'Cinzel Decorative';}
.header h1.main {font-family: 'Cinzel Decorative';}
.header h1.main a:link, header h1.main a:visited,header h1.main a:hover,header h1.main a:active {font-family: 'Cinzel Decorative';color:#fff;float:right;margin:0 0 0 0;padding:0;font-weight: bold;text-shadow: rgb(63, 63, 63) 2px 2px 2px;}
.header h1.main a:hover, header h1.main a:active{font-family: 'Cinzel Decorative';color:blue;font-weight: bold;}

.header .overlay {background-color: rgba(0, 0, 0, 0.4); top: 0; left: 0; width: 100%; height: 45px; line-height: 45px; position: relative; z-index: 1; }

/*new header for lodges */
.header.lodges { margin: 0; background-color: transparent; border-bottom: none; background: #F6F6F6 url(../images/top-madikwe-cheetah3.jpg) no-repeat; height:475px; background-size: cover;}
.header.rockfig {margin:0; border:none; padding:0; background:transparent url(../images/rockfiglodge-top.jpg) no-repeat; height:580px;position: relative; z-index: -1; background-size: cover;}

/**** STICKY ****/
.sticky{
	width: 100%;
	padding: 0;
	margin: 0 auto;
	display: none;
	position: fixed;
	top: 0;
	z-index: 1000;
	opacity: 1;
}
.logo-sticky {color:#333333;background: url("../images/logo-header4.png") no-repeat left top;}

.header.sticky{background: none;}
.logo-sticky a{
 	float: left;
	margin: 20px 0 0 0;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition:all 0.3s ease-in;
}

.menu.menu-sticky {
	margin:0 0 -20px; /* NB */
	float: right;
	width: 100%;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

/**** MENU ****/
.menu-link {
	display: none;
	float: right;
	text-decoration: none;
	padding: 8px 12px;
	margin:20px 0 0;
	font-size:20px;
}
.menu {
	margin: 0;

	text-align: center; /*ja center*/
	padding:2px 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	background: black;
	width: 100%;
}
.menu ul {
	padding: 10px 0;
	height:auto;
	margin: 0;
	list-style: none;
	position: relative;
	display: inline-table;
}
.menu > li > ul.sub-menu {min-width: 100em; padding: 0 0;}
.menu ul li { padding: 0px; z-index:2000; }
.menu > ul > li {  display: inline-block;list-style: none;}
.menu ul li a {
	display: block;
	text-decoration: none;
	font-size: 1.5em;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-family: 'TitilliumText25L400wt', Calibri;
	color:#f6f6f6;
}

.menu ul li > a { height: auto; padding: 1px 4px; margin-right: 4px;background-color: rgba(0,0,0,0.9);}

/* second level */
.menu ul ul {
	display: none;
	position: absolute;
	/*top: 60%;*/
	min-width: 160px;
	z-index:2000;
}

.menu ul li:hover > ul { display: block;}
.menu ul ul > li { position: relative; list-style: none;}
.menu ul ul > li a {
	font-size: 1.0em;
	padding: 1px 15px 1px 10px;
	margin: 0;
	line-height: 20px;
	font-weight: 400;
	color: #fff;
	background-color: rgba(68,68,68,0.9);
	text-transform: none;
	letter-spacing: 0;
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-ms-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
	border-top: 0;
	border-right: 1px solid #595959;
	border-bottom: 1px solid #595959;
	border-left: 1px solid #595959;
}
.menu ul ul > li a:hover { background-color: rgba(119,119,119,0.6); color: #fff;}

.menu ul li li:first-child:after {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height:0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #313941;
	border-width: 10px;
	left: 10%;
}
.menu ul ul ul { position: absolute; left: 100%; top:-40%; }
.menu ul ul ul li:first-child:after { display:none; }

/**** RESPONSIVE MENU ****/
@media screen and (max-width: 768px) {
a.menu-link { display: block; color: #fff; background: transparent; margin-top: 0!important;  }
.menu { clear: both; min-width: inherit; float: none;}
.menu, .menu > ul ul { overflow: hidden; max-height: 0;}
.menu.active, .menu > ul ul.active { max-height: 100%;}
.menu ul { display: inline; margin: 0 0 20px!important; }
.menu li { display: block; width: 100%; z-index: 2000; position: relative; }
.menu li a { margin: 0; }

.menu li.has-submenu > a{
	color: #fff;
	font-weight: 400;
	padding: 0;
	font-size: 16px;
	text-transform:uppercase;
}
.menu li.has-submenu-no > a{
color: #fff;
	font-weight: 400;
	padding: 0px 0px;
	font-size: 16px;
	text-transform:uppercase;
	margin:0 0 20px 0;
}
.menu li.has-submenu > a:after {
	content: '+';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	font-size: 1.6em;
	padding: 0px 20px 0 ;
}
.menu li.has-submenu > a.active:after { content: ""; }
.menu ul ul > li a {
	background-color: transparent;
	color: #eee;
	font-weight: 400;
	padding:  5px 10px;
	font-size: 15px;
}
.menu ul ul {
	display: inherit;
	position: relative;
	left: auto; top: auto;
	border: none;
}
.menu ul ul ul {
	display: inherit;
	position: relative;
	left:0; top:20px;
	border:none;
}
.menu ul ul > li a:hover,
.menu li.has-submenu > a:hover,
.menu li.has-submenu-no > a:hover { background-color: transparent; color: green;
 display: block!important;}
.menu ul li:hover > ul { display: inline-block;}
}

/* new Generated via www.cssmenubuilder.com BREADCRUMB */
.breadcrumb{position:relative; height:35px; width:100%;margin:20px 0;}
.breadcrumb ul{position:relative; margin:7px 0 25px 0; padding:0; height:35px; width:100%; }
.breadcrumb ul li{padding:0; margin:0; list-style:none; float:left; height:30px; display:inline;}
.breadcrumb ul li a{font:0.9em Arial, Helvetica, sans-serif; color:rgb(68,68,68); text-decoration:none; line-height:30px; display:block;  padding:0 17px 0 0; }
.breadcrumb ul li a:hover {text-decoration:underline; color:rgb(153, 4, 23);}
.breadcrumb ul li a.active{background:none; color:rgb(153, 4, 23);}
.breadcrumb ul li a.active:hover {text-decoration:none;}
.breadcrumb ul li a.current:link {color:#62AB1D;}
.breadcrumb ul li a.current:visited {color:#62AB1D;}
.breadcrumb li.active{background:none; color:rgb(153, 4, 23);}

/*-----------------------------------------------------------------------------------*/
/*	03: REVOLUTION SLIDER
also see: settings.css
Notes:
Incoming animation
lfl = long from left
sfb = short from bottom

Outgoing
stl = short to left

<li data-transition="fade">
<li data-transition="slidedown">
<li data-transition="slideup">
<li data-transition="slideleft">
<li data-transition="slideright">
<li data-transition="zoomout" data-slotamount="7" data-masterspeed="1000" >
<li data-transition="zoomin" data-slotamount="7" data-masterspeed="1000" >

/*-----------------------------------------------------------------------------------*/
.fullwidthbanner-container {
	width: 100%!important;
	/*max-height: 550px!important;*/
	position: relative;
	padding: 0;
	margin: 0;
	overflow: hidden!important;
	background: #f6f6f6;
	font-family: 'TitilliumText25L400wt';
	margin:0;
	padding:0;
	}

.fullwidthbanner-container ul{margin: 0; padding: 0;}
/* nb the li caused a margin at the left of the image*/
.fullwidthbanner-container li{margin: 0; padding: 0;}

.fullwidthbanner-container.img {
-webkit-box-shadow: 0 10px 6px -6px #444;
box-shadow: 0 10px 6px -6px #444;}

.rev-text { color: #fff; margin: 40px; }
.rev-left { margin-left: 40px; color: #fff;}
.rev-right { margin-right: 20px; color: #fff; }

.rev-title { margin: 0; color: #fff; }
.rev-title.big{ font-size: 3.0em; line-height: 36px; }
.rev-title.medium { font-size: 3.0em; line-height: 36px; }
.rev-title-white { margin: 0; color: #fff;  }
.rev-title-white.big{ font-size: 2.0em; line-height: 36px; font-weight:normal; color: #fff; letter-spacing: 3px;}
.rev-title-white.medium { font-size: 2.0em; line-height: 36px; color: #fff; font-weight: normal;padding:12px 5px}
.rev-title-sub{ font-size: 2.0em; color: #fff; letter-spacing: 0.1em; font-weight: normal;padding:8px 5px;line-height: 68px;}
h2.rev-title{color:#fff;font-family: TitilliumText25L250wt,sans-serif;}
p.rev-title{ font-size: 1.5em; letter-spacing: normal;color:#fff;font-family: Calibri, Arial, sans-serif;font-weight: normal; }
/* themepunch*/
.tp-leftarrow.default, .tp-rightarrow.default {
	height: 38px!important;
	width: auto!important;
	line-height: 35px;
	top: 65% !important;
	padding: 0 10px;
	font-size: 30px;
	color: #fff;
	background: #222!important;
	opacity:0.7;
}
.tparrows:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
}
.tp-leftarrow.default:before { content: '\f104'; }
.tp-rightarrow.default:before { content: '\f105'; }
.tparrows:hover { opacity: 0.7; }

.tp-caption.bold {
    font-size: 1.9em!important;
    line-height: 1;
    font-weight: 500;
    text-transform: none;
    color: #fff;
	letter-spacing: 0.1em;
}
.tp-caption.bg1 {
	border:0;
	background: rgba(0,0,0,0.3);
	padding: 5px 22px 22px 20px;
}
.tp-caption.bg { background: rgba(0,0,0,0.3); padding: 4px 18px; }

.tp-caption p  {padding: 0; margin:0;}

.tp-bannertimer.tp-bottom {
    width: 100%;
    height: 15px;
    background: url(../img/timer.png);
    position: absolute;
    z-index: 200;
}
.tp-bannertimer {
    background:#777 !important;
    background:rgba(0,0,0,0.1) !important;
    height:5px !important;
  }

.tp-loader 	{
	 width: 50px;
	height: 50px;
	margin-left: 0px;
	margin-top: -50px;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 10px;
	background: url(../img/preloader.gif) center no-repeat!important;
	z-index:10000;
}

 /*-----------------------------------------------------------------------------------*/
/*	04: ABOUT PAGE
/*-----------------------------------------------------------------------------------*/

/*************************************************************
	HOVER BLOCKS
 *************************************************************/
.cbp-ig-grid {
	list-style: none;
	padding: 0 0;
	margin: 0;
}
.cbp-ig-grid:before, .cbp-ig-grid:after { content: " "; display: table; }
.cbp-ig-grid:after { clear: both; }
.cbp-ig-grid  li { width: 33%; float: left; text-align: center; }
.cbp-ig-grid li > a {
	display: block;
	height: 100%;
	color: #6FC1D2;
	padding:10px 0 0;
	-webkit-transition: background 0.2s;
	-moz-transition: background 0.2s;
	transition: background 0.2s;
}
.cbp-ig-icon {
	padding: 0 0;
	display: block;
	margin-top:30px;
	font-size: 5.5em;
}
.cbp-ig-grid .cbp-ig-title {
	color: #6FC1D2;
	margin: 20px 0 10px 0;
	padding: 20px 0 0 0;
	font-size: 18px;
	position: relative; font-weight:400;
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	transition: transform 0.2s;
}
.cbp-ig-grid .cbp-ig-title:before {
	content: '';
	position: absolute;
	background: #6FC1D2;
	width: 160px;
	height: 6px;
	top: 0px;
	left: 50%;
	margin: 0px 0 0 -80px;
	-webkit-transition: margin-top 0.2s;
	-moz-transition: margin-top 0.2s;
	transition: margin-top 0.2s;
}
.cbp-ig-grid .cbp-ig-category {
	text-transform: uppercase;
	display: inline-block;
	font-size: 1em;
	letter-spacing: 1px;
	color: #fff;padding: 20px 0 ;
	-webkit-transform: translateY(10px);
	-ms-transform: -ms-translateY(10px);
	transform: translateY(10px);
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	-webkit-transition: transform 0.3s, opacity 0.2s;
}
.cbp-ig-grid li:hover .cbp-ig-category,
.touch .cbp-ig-grid  li .cbp-ig-category {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.cbp-ig-grid li > a:hover { background: #6FC1D2; }
.cbp-ig-grid li > a:hover .cbp-ig-icon:before,
.cbp-ig-grid li > a:hover .cbp-ig-title { color: #fff; }

.cbp-ig-grid li > a:hover .cbp-ig-title {
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
}
.cbp-ig-grid  li > a:hover .cbp-ig-title:before { background: #fff; margin-top: 75px; }

@media screen and (max-width: 62.75em) {
.cbp-ig-grid li { width: 33%; }
}
@media screen and (max-width: 41.6em) {
.cbp-ig-grid li { width: 100%;  }
.cbp-ig-grid .cbp-ig-category { color:#6FC1D2; }
.cbp-ig-grid li > a:hover .cbp-ig-category  { color: #fff; }
}
@media screen and (max-width: 25em) {
.cbp-ig-grid .cbp-ig-category { margin-top: 0px; color:#6FC1D2; }
.cbp-ig-grid li > a:hover .cbp-ig-category  { color: #fff; }
}

/*************************************************************
	TOOLTIPS
 *************************************************************/
.tooltip { font-size: 13px; }
.tooltip.top {padding-bottom: 9px; margin-top: -13px; }
.tooltip.top .tooltip-arrow {
	border-top-color: #474F57;
	border-width: 9px 9px 0;
	bottom: 0;
	margin-left: -9px;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #474F57;
    border-width: 9px 9px 9px 0;
    margin-top: -9px;
    left: -3px;
}
.tooltip.bottom { padding-top: 8px; }
.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #474F57;
	border-width: 0 9px 9px;
	margin-left: -9px;
	top: -1px;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #474F57;
    border-width: 9px 0px 9px 9px;
    margin-top: 14px;
    top: -1px;right:-4px;
}
.tooltip.left  { margin-left:-15px; }
.tooltip-inner {
  background-color: #474F57;
  line-height: 18px;
  padding: 12px 12px;
  text-align: center;
  width: 183px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

/*************************************************************
	MODAL BOX
 *************************************************************/
.modal-backdrop { background-color: #495159;}
.modal{
	background-color: #F6F7F0;
	border: none;
	-webkit-border-radius: 0px;
	border-radius: 0;
	overflow-y: auto;
    max-height: 90%;
	z-index: 99999;
}
.modal-header{ padding: 9px 15px; background: #495159;}
.modal-header .close { margin-top: 2px;}
.modal-header h3{ margin: 0; line-height: 30px; color: #eee; text-align: center;}
.modal-body { position: relative; overflow-y: auto; max-height: 100%; padding: 10px 25px; text-align: left;}
.modal-footer{
	padding: 14px 15px 15px;
	margin-bottom: 0;
	text-align: center;
	background: #495159!important;
	border-top: 0px none;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

/*-----------------------------------------------------------------------------------*/
/*	05: THE TEAM SECTION
/*-----------------------------------------------------------------------------------*/
/*************************************************************
	TEAM
 *************************************************************/
.grid {
	padding: 0px 0px;
	max-width: 1170px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}
.grid li {
	display: inline-block;
	width: 375px;
	margin: 0px 5px 10px 0px;
	padding: 0px;
	text-align: left;
	position: relative;
}
.grid figure { margin: 0; position: relative; }
.grid figure img { max-width: 100%; display: block; position: relative; }
.grid figcaption {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #313941;
	color: #ed4e6e;
}
.grid figcaption h3 { margin: 0; padding: 0; color: #fff; }
.grid figcaption a {
	text-align: center;
	padding: 4px 5px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	background: #6FC1D2;
	color: #fff;
}
.grid figcaption span {
	padding: 0px;
	color: #6FC1D2;
	margin:0 0 12px;
	display: inline-block;
	width:100%;
	font-weight:400;
}
.cs-style li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-perspective: 1700px;
	-moz-perspective: 1700px;
	perspective: 1700px;
	-webkit-perspective-origin: 0 50%;
	-moz-perspective-origin: 0 50%;
	perspective-origin: 0 50%;
}
.cs-style figure {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.cs-style figure > div { overflow: hidden; }
.cs-style figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}
.no-touch .cs-style figure:hover img,
.cs-style figure.cs-hover img {
	-webkit-transform: translateX(25%);
	-moz-transform: translateX(25%);
	-ms-transform: translateX(25%);
	transform: translateX(25%);
}
.cs-style figcaption {
	height: 100%;
	width: 50%;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}
.no-touch .cs-style figure:hover figcaption,
.cs-style figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

/*************************************************************
	QUOTES/TESTIMONIALS
 *************************************************************/
.quote { font-size: 22px; line-height: 38px; margin: 20px auto; color: #495159; }
.quote-small { font-size: 18px; line-height: 30px; margin-bottom: 0px; color: #666; }
.quote-small a { font-size: 14px; line-height: 26px; margin-bottom: 40px; color: #428E9E; font-weight:400; }
.quote-small a:hover{ color: #707070; }
.quote-top{font-size: 1.2em;text-align:center; font-style:italic;letter-spacing: normal;margin:0.5em auto;display:block;color:#f2f2f2;}

/*-----------------------------------------------------------------------------------*/
/*	06: SERVICES
/*-----------------------------------------------------------------------------------*/
/**** SPINNING TITLES ****/
.spin a {
	position: relative;
	display: block;
	margin: 15px auto;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1.0em;
	text-align: center;
}
.cl-effect a {
	line-height: 2em;
	margin: 15px auto 25px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
	width: 200px;
}
.cl-effect a span {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0 14px;
	background: #6FC1D2;
	-webkit-transition: -webkit-transform 0.4s, background 0.4s;
	-moz-transition: -moz-transform 0.4s, background 0.4s;
	transition: transform 0.4s, background 0.4s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50% -100px;
	-moz-transform-origin: 50% 50% -100px;
	transform-origin: 50% 50% -100px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.csstransforms3d .cl-effect a span::before {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	background: #428E9E;
	content: attr(data-hover);
	-webkit-transition: background 0.4s;
	-moz-transition: background 0.4s;
	transition: background 0.4s;
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	transform-origin: 0 50%;
	pointer-events: none;
}
.cl-effect a:hover span, .cl-effect a:focus span {
	background: #428E9E;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
}
.csstransforms3d .cl-effect a:hover span::before, .csstransforms3d .cl-effect- a:focus span::before { background: #6FC1D2; }

/*-----------------------------------------------------------------------------------*/
/*	07: CONTACT PAGE
/*-----------------------------------------------------------------------------------*/

#ajax-contact-form textarea { height: 250px!important;}

.form_info {
	color: #e0d0ac;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 2px;
	margin-bottom: 3px;
	height: 30px;
}
#ajax-contact-form input, #ajax-contact-form  textarea {
	background: #e0d0ac;
	color: #444;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border:0;
	height: 30px;
	font-weight:500;
}
#ajax-contact-form input.btn {
	margin-top: 10px;
	background: #444;
	color: #e0d0ac!important;
	text-transform: uppercase;
	font-size: 14px;
	padding: 10px 30px;
	height: 43px;
	letter-spacing: 1px;
	border: 0 none;
}
#ajax-contact-form input.btn:hover, #ajax-contact-form input.btn:focus {
	background: #e0d0ac;
	color: #444!important;
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border: 0 none;
}
.notification_error {
	color: #fff;
	background-color:#333;
	height: auto;
    margin: 0 0 9px 0;
    padding: 10px;
    text-align: left;
}
.notification_ok {
    color: #fff;
	background-color: #333;
	font-weight: 400;
    height: auto;
    margin: 0 0 9px 0;
    padding: 10px;
    text-align: center;
	font-size: 13px;
	text-transform: uppercase;
}
.required { color:#444;font-weight: bold;}

/*-----------------------------------------------------------------------------------*/
/*	08: FOOTER
/*-----------------------------------------------------------------------------------*/
.footer {
	background: #262626;
	color:#fff;
	font-size: 1.0em;
	padding: 10px 0 0 0;
	margin-top: 10px;
}

.footer p{color:#fff;}
.copyright {text-align: center; margin: 25px auto 25px 0; font-weight: 400;padding-top:25px; }
.copyright a:link, .copyright a:hover { font-weight: 400; color: #fff; font-size: 1.0em; }
.footer a:link, .footer a:visited{ color: #fff;font-size: 1.0em; }
.footer a:hover, .footer a:hover  { color: #86b817;font-size: 1.0em; }
.copyright{border-top: 1px solid #fff;}

ul.social-list{list-style: none;list-style-image: none;list-style-type: none;margin-left:0;display:inline;text-align: left;padding:0;}
footer ul.social-list, footer li.skew-15{display:inline;margin-left:0;padding-left: 0;float: left;}

footer ul.site-links,footer ul.site-links li {list-style: none;list-style-image: none;list-style-type: none;margin-left:0;display:block;text-transform:none;text-align: left;}

.go-top  { text-align: center; font-weight: 400; margin: 0 auto 16px auto; font-size: 14px; color: #cecece; }
.go-top a { color: #cecece; }
.go-top a:hover { color: #7AAF42; }

/**** STRIP ****/
.strip {
	background:#6FC1D2;
	font-size: 15px;
	padding: 40px 20px 30px;
	margin: 75px 0 -70px;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	color:#eee;
}
.marg-left1 { margin-left: 1px; }
.footer h4 { color: #fff; font-size: 15px; font-weight: 700; margin-top: -10px; }

/* TAGS */
.stru{
background-color: #EFEFEF;
margin: 0 0 20px 0;
clear: both;
padding: 10px 10px 5px 10px;
color: #222;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #D6D6D6;
}
.skype{color:#4f9405;font-size:101%; }

footer .badge { color: #fff!important; font-weight:600;font-size:80%; background: #333;padding:8px;
width: 100%; text-align: center;margin:0 auto;display: block;}
.noBM{margin:2em 0 0 0;}

/* AUTHOR BOX */
.well {
	border: medium double #E9E6E1;
	background: #D3CDC4;
	padding: 20px 30px 25px;
	margin-top: 10px;
	-webkit-box-shadow:none;
	box-shadow: none;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

/*-----------------------------------------------------------------------------------*/
/*	10: PRICING TABLE
/*-----------------------------------------------------------------------------------*/
.pricing-table { text-align: center;  margin-bottom: 40px; }
.pricing-header-row-1 small { color: #999; font-weight: 400; }
.pricing-table ul { margin: 0; padding: 0; list-style: none; }
.price { font-size: 40px; font-weight: 700; margin: 10px 0px 0px; text-align: center; }
.pricing-table h3 { color:#F6F7F0;  letter-spacing: 0;}
.pricing-table h4 { color: #F6F7F0; font-size: 20px; font-weight: 400; margin: 5px 0 -5px; }
.pricing-header-row-1 {
	text-align: center;
	height: 190px;
	padding: 10px 0 0;
	background-color: #495159;
}
.pricing-content-row-even, .pricing-content-row-odd {
	font-size: 14px;
	background-color: #eee;
	padding: 10px 0;
	color: #444;
	font-weight: 400;
	border-bottom: 1px dotted #bbb;
}
.pricing-content-row-even.no-b, .pricing-content-row-odd.no-b{ border-bottom:0px none; }
.pricing-footer {
	text-align: center;
	height: 50px;
	background-color: #495159;
	color: #fff;
	padding: 10px 0 18px;
}
.pricing-table:hover {
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	-webkit-box-shadow: 0 0 15px #888;
	box-shadow: 0 0 15px #999;
}
/* Pricing Table Icons */
.intro-icon {
	text-align: center;
	margin: 0 auto;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.intro-icon-disc.cont-large { padding: 15px; text-align: center; width: 40px; height: 40px; margin: 0 auto; }
.intro-icon-large:before{  font-size: 38px; padding-left: 0px; margin-left: 1px; color: #495159;}
.intro-icon-disc {
	-moz-transition: border .5s;
	-o-transition: border .5s;
	-ms-transition: border .5s;
	transition: border .5s;
	-webkit-border-radius: 50%;
    border-radius: 50%;
	-webkit-box-shadow:none;
	box-shadow: 0 0 0 30px transparent;
	background: rgba(255,255,255,0.4);
	-webkit-transition: box-shadow .6s ease-in-out;
	-moz-transition: box-shadow .6s ease-in-out;
	-o-transition: box-shadow .6s ease-in-out;
	-ms-transition: box-shadow .6s ease-in-out;
	transition: box-shadow .6s ease-in-out;
}
.intro-icon-disc:hover {
	box-shadow: 0 0 0 0 rgba(255,255,255,0.6);
	-webkit-transition: box-shadow .4s ease-in-out;
	-moz-transition: box-shadow .4s ease-in-out;
	-o-transition: box-shadow .4s ease-in-out;
	-ms-transition: box-shadow .4s ease-in-out;
	transition: box-shadow .4s ease-in-out;
}


/*************************************************************
	CAROUSEL
 *************************************************************/
#carousel, #carousel2 { margin-bottom:20px; }
.carousel-control {
	position: absolute;
	top: 50%;
	left: 15px;
	width: 33px;
	height: 33px;
	margin-top: -17px;
	background-image: url(../img/main_carousel_nav.png)!important;
	background-position:0 -33px;
	background-repeat: no-repeat;
	outline: none;
	border: 0px none;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	opacity: 1.0;
}
.carousel-control.right { background-position: -102px -33px;  left: auto; right: 15px; }
.carousel-control.right:hover {background-position: -102px 0; }
.carousel-control:hover{
	background-position: 0 0;
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
	transition: none;
}
.carousel-control:focus { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.thumbnails>li{margin-bottom:0px;}
.thumbnail{
	padding:0;
	margin:20px 0;
	border:0px none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
a.thumbnail:hover,a.thumbnail:focus {-webkit-box-shadow:none; box-shadow:none; cursor:pointer; opacity:0.8;}
.carousel .carousel-control { visibility: hidden; }
.carousel:hover .carousel-control { visibility: visible; }

/*************************************************************
	ACCORDION
 *************************************************************/
.accordion{margin-bottom:5px;}
.accordion-group{margin-bottom:0;border:1px solid #e5e5e5;-webkit-border-radius:4px;border-radius:4px;}
.accordion-heading{border-bottom:0;    font-family: TitilliumText25L250wt,Andalus,Cambria,'Times New Roman';}
.accordion-heading .accordion-toggle{display:block;padding:8px 15px;border-radius:4px;}
.accordion-toggle{cursor:pointer;}
.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5;background: #fff;}
.accordion-inner p{margin-bottom: 0;}
.accordion-inner ul{margin-top: 0;margin-bottom: 6px;}

.accordion-group, .accordion-inner { border: none; border-radius: 0;}
.accordion-group { padding: 1px 0 0; }
.accordion-heading .accordion-toggle {
	padding: 10px;
	margin: 0 0 2px 0;
	height: 16px;
	line-height: 16px;
	outline: none;
	color: #000;
	font-size: 1.2em;
	font-weight:400;
	border: medium double #E9E6E1;
	background:#D3CDC4;
/*	background: #86B817;*/
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.accordion-heading .accordion-toggle:hover { text-decoration: none; color: #FFF; background: #86B817;}
.accordion-inner { padding: 0 0 0 15px;margin: 10px 0 5px 0 ;border-left:3px solid #D3CDC4; }
.accordion-inner li { list-style: none; }
.collapse { overflow: hidden; position: relative; height: 0; }
.collapse.in { height: auto; }

.accordion-heading .accordion-toggle:before {
    font-family: 'Fontello';
    font-family: TitilliumText25L250wt,Andalus,Cambria,'Times New Roman';
    margin: 0 10px 0 5px;
    text-decoration: inherit;
	content: '\e819';
	color: #000;
	font-size: 1.2em;
}
.accordion-heading .accordion-toggle:hover:before { color: #707070; }
.accordion-heading .accordion-toggle:focus { color: #707070; }
.accordion-heading .accordion-toggle:focus:before { color: #FFF; }

/** BADGE -- **/

.badge { color: #fff!important; font-weight:600;font-size:98%; background:#5EA80A;padding:11px 11px;
width: 96%; text-align: left;margin:2em auto 2em auto;display: block;clear:both;text-transform: none;-webkit-border-radius:5px;border-radius:5px;box-shadow:0px 3px 4px 0px #BCBABA;-webkit-box-shadow:0px 3px 4px 0px #BCBABA;border: medium double #A9E224;font-family:Cambria,"Times New Roman", Serif}

.badge { color: #fff!important; font-weight:600;font-size:98%; background:#000;padding:11px 11px;
width: 96%; text-align: left;margin:2em auto 2em auto;display: block;clear:both;text-transform: none;-webkit-border-radius:5px;border-radius:5px;box-shadow:0px 3px 4px 0px #BCBABA;-webkit-box-shadow:0px 3px 4px 0px #BCBABA;border: medium double #A9E224;font-family:Cambria,"Times New Roman", Serif}



.badge.left {margin:2em auto 2em auto;}
.badge a { color: #fff !important; }
.badge :hover { color: #000!important; }
.badge.w100{width:96%;}
.badge.w70{width:70%;}
.badge.w65{width:65%;}
.badge.w8{width:8em;}
.badge.w4{width:4em;}
.badge.cntr{margin: 0 auto;display: block;clear: both;}
section .badge{margin:4em auto 2em auto;}
.badge.top{padding:0;background:#000;margin: 0;}
.badge.top img{vertical-align: middle;  }
.badge.top1{margin:4em auto 0.5em auto;}
/*************************************************************
	404 / SEARCH
 *************************************************************/
#custom-search-form .search-query {
	margin: 0 auto;
	padding: 5px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#custom-search-form button { border: 0; background: none; color: #6FC1D2; padding:2px 8px 0; }
#custom-search-form button:hover { border: 0; background: none; padding: 2px 8px 0; color: #428E9E; }

/*-----------------------------------------------------------------------------------*/
/*	12: ZOOM PLUGIN SECTIONS
/*-----------------------------------------------------------------------------------*/
/**** PROJECTS, PORTFOLIO & CLIENTS ****/
.projects{
	position: relative;
	margin: 0px auto;
	text-align: center;
}
/* index projects hover opacity */
.dzsportfolio.hover-opacity .portitem:hover .the-overlay { background: rgba(0, 0, 0, 0.3)!important;}

.dzsportfolio .portitem .the-desc { font-size: 13px; color: #777; font-weight: 400; }
.dzsportfolio .selector-con .categories .a-category.active {  color: #428E9E; }
.dzsportfolio .selector-con  { font-size: 18px; }

.dzsportfolio .portitem .the-title {
	font-weight: 400;
	color: #428E9E;
	text-transform: uppercase;
	font-size: 14px!important;
	letter-spacing: 1px;
	margin-bottom: 0px;
}
.dzsportfolio .portitem a:hover .the-title { color: #222; text-transform: uppercase; }
.the-title a:hover { color: #222!important; }
/* clients */
#client_slider.dzsportfolio .portitem  .the-overlay:hover { background: transparent; }
.advancedscroller.skin-black a:hover { opacity: 1.0!important; }
/* scrollable */
.dzs-scrollable { position: relative;  box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.7); }
.dzs-scrollable .the-clip {  overflow: hidden; position: relative; }
.dzs-scrollable .the-clip .inner {position: absolute; }
.dzs-scrollable .the-clip .inner img { margin-top: 0; }

/*************************************************************
	LATEST WORK - ABOUT SECTION
 *************************************************************/
.dzsportfolio .project-title {
	display: inline-block;
	font-size: 18px;
	color: #65625a;
	padding: 0px 0 15px;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing:2px;
}
.dzsportfolio.skin-clean { margin-top: 30px; }
.project-meta-con {text-align: left; }
.dzsportfolio.skin-clean .portitem:hover .the-overlay { background: rgba(0, 0, 0, 0.8);}
.dzsportfolio .skin-clean.the-title {
	font-weight: 400;
	color: #e8554e;
	text-transform: uppercase;
	font-size: 14px!important;
	letter-spacing: 1px;
	text-align: left;
}
.dzsportfolio.skin-clean .portitem:hover .item-meta { top: 35%; left: 0%; }
.dzsportfolio.skin-clean a:hover .the-title { color: #fff!important; text-transform: uppercase; }
.dzsportfolio .btn-close {
	background: transparent url(../img/close.png) center center no-repeat!important;
	position: relative!important;
	float: right;
	height: 32px;
	width: 32px;
	display: inline-block;
	text-indent: -9999px;
	margin: 10px 0px 0px;
	background: transparent;
	padding: 0!important;
}
.dzsportfolio .btn-close:hover { opacity: 0.8;}

/*************************************************************
	PORTFOLIO
 *************************************************************/
#zoom_portfolio_caption { margin-top: -60px; }
#zoom_portfolio_caption .portitem .item-meta .the-title { font-size: 14px!important; margin: 10px 0; color: #bbb;}
#zoom_portfolio_caption .the-post-content {padding: 10px 0 0 0!important;}

/*************************************************************
	PORTFOLIO 4 &  AJAX BLOG
 *************************************************************/
.dzsportfolio.skin-blog .portitem  .the-title a:hover, .the-post-content a:hover  { color: #E8554E; }
.dzsportfolio.skin-blog .portitem .item-meta { background: rgba(50, 50, 50, 0.9); }
.dzsportfolio.skin-blog .portitem .item-meta .the-title {
	text-align: center!important;
	color: #bbb;
	text-transform: uppercase;
	font-size: 12px!important;
	line-height: 14px;
	letter-spacing: 1px;
}
.skin-blog .the-title a:hover { color: #6FC1D2!important; }
.dzsportfolio.skin-blog .portitem .item-meta {
	font-size: 11px;
	color: #999;
	text-align: center!important;
	font-weight: 400;
}
.meta-property-content{ margin: 0 6px; font-weight: 700; }
.the-post-content {
	font-size: 13px;
	line-height: 22px;
	color: #bbb;
	text-align: center;
	overflow: hidden;
}
.the-post-content a{ color: #6FC1D2!important; font-weight: 400; }
.the-post-content a:hover{ color: #eee!important; }
.dzsportfolio.skin-blog .selector-con .categories .a-category:hover { color: inherit!important; }
.dzsportfolio.skin-blog .selector-con .categories .a-category {
	font-size: 18px;
	margin-right: 0px;
	padding: 5px 10px 5px;
	background: transparent;
	margin: 70px auto 10px;

}
/* Load More */
.dzsportfolio.skin-blog .btn_ajax_loadmore {
	padding: 12px 20px;
	background: #428E9E;
	border: 1px solid #F6F7F0!important;
	color: #fff!important;
	text-transform: uppercase;
	letter-spacing: 1px;
	 margin: 40px auto 0px;
	text-align: center;
	font-weight: 400;
	width: 110px;
	font-size: 14px;
	cursor: pointer;
}
.dzsportfolio.skin-blog .btn_ajax_loadmore:hover {
	background: #313941;
	border: 1px solid #F6F7F0!important;
	color: #fff!important;
	-moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*-----------------------------------------------------------------------------------*/
/*	13: CSS3 ANIMATIONS
/*-----------------------------------------------------------------------------------*/

/**** SLIDE LEFT ****/
.slideLeft{
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}
@keyframes slideLeft {
	0% {
		transform: translateX(150%);
	}
	50%, 65%, 80%, 95%, 100% {
		transform: translateX(0%);
	}
}
@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform: translateX(150%);
	}
	50%, 65%, 80%, 95%, 100%{
		-webkit-transform: translateX(0%);
	}
}

/**** SLIDE RIGHT ****/
.slideRight{
	animation-name: slideRight;
	-webkit-animation-name: slideRight;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out	;
	visibility: visible !important;
}
@keyframes slideRight {
	0% {
		transform: translateX(-150%);
	}
	50%, 65%, 80%, 95%, 100% {
		transform: translateX(0%);
	}
}
@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(-150%);
	}
	50%, 65%, 80%, 95%, 100% {
		-webkit-transform: translateX(0%);
	}
}

/**** SLIDE UP ****/
.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	visibility: visible !important;
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
50%, 65%, 80%, 95%, 100% {
		transform: translateY(0%);
	}
}
@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	50%, 65%, 80%, 95%, 100% {
		-webkit-transform: translateY(0%);
	}
}

/**** FADE IN ****/
.fadeIn{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}
@keyframes fadeIn {
	0% {
		transform: scale(0);
		opacity: 0.0;
	}
	60% {
		transform: scale(1.1);
	}
	80% {
		transform: scale(0.9);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
@-webkit-keyframes fadeIn  {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;
	}
	60% {
		-webkit-transform: scale(1.1);
	}
	80% {
		-webkit-transform: scale(0.9);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

/**** FADEIN 2 ****/
.fadeIn2{
	animation-name: fadeIn2;
	-webkit-animation-name: fadeIn2;
	animation-duration: 2.0s;
	-webkit-animation-duration: 2.0s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}
@keyframes fadeIn2 {
	0% {
		transform: scale(0);
		opacity: 0.0;
	}
	60% {
		transform: scale(1);
	}
	80%, 100% {
		transform: scale(1);
		opacity: 1;
	}
}
@-webkit-keyframes fadeIn2  {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;
	}
	60% {
		-webkit-transform: scale(1);
	}
	80%, 100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
/**** BIG ENTRANCE ****/
.bigEntrance{
	animation-name: bigEntrance;
	-webkit-animation-name: bigEntrance;
	animation-duration: 1.6s;
	-webkit-animation-duration: 1.6s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	visibility: visible !important;
}
@keyframes bigEntrance {
	0% {
		transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30%, 45%, 60%, 75%, 90%, 100% {
		transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
}
@-webkit-keyframes bigEntrance {
	0% {
		-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30%, 45%, 60%, 75%, 90%, 100% {
		-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
}

/**** BOUNCE ****/
.bounce{
	animation-name: bounce;
	-webkit-animation-name: bounce;
	animation-duration: 1.6s;
	-webkit-animation-duration: 1.6s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
}
@keyframes bounce {
	0% {
		transform: translateY(0%) scaleY(0.6);
	}
	60%{
		transform: translateY(-100%) scaleY(1.1);
	}
	70%{
		transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80%{
		transform: translateY(0%) scaleY(1.05) scaleX(1);
	}
	90%{
		transform: translateY(0%) scaleY(0.95) scaleX(1);
	}
	100%{
		transform: translateY(0%) scaleY(1) scaleX(1);
	}
}
@-webkit-keyframes bounce {
	0% {
		-webkit-transform: translateY(0%) scaleY(0.6);
	}
	60%{
		-webkit-transform: translateY(-100%) scaleY(1.1);
	}
	70%{
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80%{
		-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
	}
	90%{
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
	}
	100%{
		-webkit-transform: translateY(0%) scaleY(1) scaleX(1);
	}

/*-----------------------------------------------------------------------------------*/
/*	15: MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 979px){
.parallax-one, .parallax-two, .parallax-three, .parallax-four { background-position: 50% 0px!important;  background-attachment: scroll!important; }
.container { padding: 0 15px !important;}
.skills { float: none!important;}
.shotList img {width:48.8%!important; padding:0 0 10px 0; margin: 0 auto!important; margin-left: -10px!important; margin-right: 15px!important;}
.logo { margin: 0 auto; }
.logo a{ float: none!important; text-align: center!important;}
.logo img{padding: 0; margin:0;}

.menu {float: none!important; text-align: center!important; margin: 0px auto -20px!important;}
a.menu-link{ float: none!important; text-align: center!important; margin: 0px auto!important; }
.dzsportfolio.skin-clean {width: 95%!important; }
}
@media screen and (min-width: 480px) and (max-width: 768px){
.rev-title { font-size: 16px; line-height: 22px; }
.rev-title.big { font-size: 24px; line-height: 28px;}
.phone-marg { margin-top:-10px; }
.header  { text-align: center; width: 100%; float: none!important;margin-top: 5px; }
.header li { margin-left: 8px; display: inline-block!important; float: none!important;}
.header .pull-right { float: none!important;}
.skills { margin: 20px 0px 0px 0!important; font-size: 70px!important;}
.shotList img {width: 48.8%!important; padding: 0 0 10px 0; margin: 0 auto!important; margin-left: -10px!important; margin-right: 15px!important;}
.logo { float: left!important; margin: 35px auto!important; }
.grid li { width: 47%; margin-left: 0px; }
a.menu-link{ float: right!important; text-align: center!important; margin: 45px 0px 0px 0px!important; }
}

@media screen and (max-width: 479px){
.rev-title { font-size: 10px; line-height: 14px; }
.rev-title.big { font-size: 16px; line-height: 20px; }
.rev-title.big { font-size: 16px; line-height: 20px; }
.tp-caption.bold {
    font-size: 30px!important;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    color: #eee;
	letter-spacing:4px;
}
.phone-marg { margin-top: 20px; }
.header { text-align: center; width: 100%; float: none!important; margin-top: 0px; color: #fff;}
.header li { margin-left: 8px; display: inline-block!important; float: none!important;}
.logo { float: none!important; margin-top: 15px!important; }
}

/* All Mobile Sizes (devices and browser) PARIS */
@media only screen and (max-width: 767px) {
/* prettyPhoto styling for small screens */
.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; border-radius:0px;  }
.pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #222; margin-top: -2px!important; }
.pp_close {margin-top: 12px; margin-right:20px; }
iframe { width: 100%; height: 100%!important; }
}

@media only screen and (max-width: 480px) {
.shotList img {width: 100%!important; padding: 0 0 20px 0; margin: 0 auto!important; margin-left: -10px!important;}
.dzsportfolio.skin-clean {width: 100%!important; }
}

@media screen and (max-width: 31.5em) {
.grid { padding: 0px 0px 10px; }
.grid li { width: 80%; min-width: 280px; margin-left: -3px; }
.dzsportfolio.skin-clean { width: 100%!important; }
.tp-caption.bold {
    font-size: 20px!important;
    line-height: 40px;
    font-weight: 700;
    text-transform: uppercase;
    color: #eee;
	letter-spacing: 4px;
}
.btn-colour-red.mobile { padding: 2px 12px;  background: #6FC1D2; border: 1px solid #F6F7F0!important; color: #F6F7F0!important; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; }
.btn-colour-red.mobile:hover {background: #428E9E; border: 1px solid #F6F7F0!important; color: #F6F7F0!important; }
.btn-colour-red.mobile:active, .btn-colour-red.mobile:focus { background: #6FC1D2; border: 1px solid #F6F7F0!important; color: #fff!important; }

.btn-colour.mobile { padding: 2px 12px; background:#313941; border: 1px solid #F6F7F0!important; color: #F6F7F0!important; text-transform: uppercase; letter-spacing: 1px; font-size: 12px;  }
.btn-colour.mobile:hover {background: #428E9E;  border: 1px solid #F6F7F0!important; color: #F6F7F0!important;}
.btn-colour.mobile:active, .btn-colour.mobile:focus {background: #313941; border: 1px solid #95989C!important; color: #F6F7F0!important; }
.phone-marg { margin-top: 0px; }
}

.engraved{
background: #666;
border: 2px solid #777;
color: #000;
text-shadow: 0px 1px 1px #fff;
font-weight: bold;
}
.glow{
color: #fff;
background: #888;
border: 2px solid #777;
text-shadow: 1px 1px 6px #fff;
}


/* FORMS

form {
background-color: blue;
width: auto;
padding: 1em;
margin:0 0 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

textarea:focus, input[type="text"]:focus, input[type="email"]:focus,
input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus {
border-color: #ccc;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
outline: 0 none;
}
fieldset {
background-color: rgba(126,208,214,1.0);
border: 1px solid blue;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 0 0 1em 0;
padding:1em;
}
fieldset:hover {
background-color: rgba(126,208,214,0.5);
}
legend {
font-size: 133%;
}
form div {
float: left;
width: 100%;
padding: 0 0 0.75em 0;
position: relative;
}
form p.help {
font-style: italic;
padding: 0 1em 1em 1em;
}
form p.help em {
color: red;
}
form fieldset div:first-of-type {
padding-top: 1em;
}
form label {
float: left;
width: 30%;
font-size: 116.7%;
}
form div label em {
position: absolute;
color: red;
right: 0;
}
form input {
width: 65%;
font-size: 133%;
border: 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 0.25em;
}
div.submit {
float: none;
background-color: rgba(126,208,214,0.3);
border: 3px solid rgb(255,255,255);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 0 0 1em 0;
padding: 0.5em 0 0.5em 0;
text-align: center;
}
form input[type="submit"] {
width: auto;
border: 3px solid rgb(126,208,214);
background-color: rgba(78,150,137,0.5);
color: rgb(255,255,255);
}*/