/*=======================================*/
/*==
/*==  colors
/*==
/*=======================================*/

.color-green
{
color: #3caa38;
}

.color-greendark
{
color: #205827;
}

.color-greydark
{
color: #6c6c6c;
}

.color-greylight
{
color: #d9d9d9;
}

.color-greycircles
{
color: #afafaf;
}

.color-orange
{
color: #f56607;
}

.color-textdark
{
color: #404040;
}

.color-textmed
{
color: #808080;
}

.color-textlight
{
color: #bfbfbf;
}


/*=======================================*/
/*==
/*==  elements
/*==
/*=======================================*/

.container, .container-fluid
{
/* border: 1px dotted green; */
}


body
{
font-family: "Lora", "Times New Roman", serif;
font-weight: normal;
font-size: 18px;
color: #6c6c6c;
background-color: #ffffff;
z-index: 100;
}

.lorem
{
background-color: rgba(219,233,0,0.5);
}

@media screen and (max-width: 767px) 
{
	body {font-size: 12px;}
}

@media screen and (max-width: 990px) 
{
	body {font-size: 14px;}
}

@media screen and (max-width: 1024px) 
{
	body {font-size: 16px;}
}

.hidden
{
display: none;
}

#wrap
{
/* margin-top: 69px; */
}

h1
{
font-family: "Cinzel", "Times New Roman", serif;
text-transform: uppercase;
font-weight: bold;
font-size: 2.2em;
margin-top: 0.5em;
margin-bottom: 1.1em;
color: #404040;
}

h2
{
font-family: "Cinzel", "Times New Roman", serif;
text-transform: uppercase;
font-weight: bold;
font-size: 1.8em;
margin-bottom: 0.8em;
color: #404040;
}

h2.small
{
font-size: 1.4em;
margin-bottom: 0.4em;
}

h1.anim
{
-webkit-transition: all 1s;
transition: all 1s;
}

a
{
color: #f56607;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

a.header
{
color: #ffffff;
}

a.header h1
{
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

a:hover, a.header:hover, a.header:hover h1
{
color: #404040;
text-decoration: none;
}

a:focus, a.header:focus, a.header:focus h1
{
color: #f56607;
text-decoration: none;
}

a:active, a.header:active, a.header:active h1
{
color: #3caa38;
text-decoration: none;
}

a.caps
{
font-family: "Cinzel", "Times New Roman", serif;
text-transform: uppercase;
font-weight: bold;
}

a.more::before
{
font-family: FontAwesome;
content: "\f105";
margin-right: 0.5em;
}

a.less::before
{
font-family: FontAwesome;
content: "\f104";
margin-right: 0.5em;
}

a.smaller
{
font-size: 0.8em;
}

a.bigger
{
font-size: 1.4em;
}

a.anchor
{
display: block;
height:	100px; /* this is the height of your header */
margin-top: -100px; /* this is again negative value of the height of your header */
visibility:hidden;
}

textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
    outline:0px !important;
    -webkit-appearance:none;
}

section
{

}

section > .container
{
line-height: 180%;
}

@media (max-width: 500px)
{
	section > .container {line-height: 150%;}
}

section > .container:first-of-type
{
padding-top: 50px;
padding-top: 2.5em;
}

section > .container:last-of-type
{
padding-bottom: 50px;
padding-bottom: 2.5em;
}

#wrap > section:first-of-type
{
margin-top: 70px;
}
	@media (max-width: 370px)
	{
	#wrap > section:first-of-type {margin-top: 60px;}
	}

body.home #wrap > section:first-of-type
{
margin-top: 0px;
padding-top: 0px;
}

.container > .row.marginbottom
{
margin-bottom: 2em;
}

.container > .row .col.higher
{
margin-top: -1em;
}

@media (max-width: 767px)
{
.container > .row .col.col-sm-12.higher {margin-top: 0em;}
}

section > .container ul
{
list-style-type: none;
margin-left: 0px;
padding-left: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}

section > .container ul li
{
margin-bottom: 0.5em;
}

section > .container ul > li::before
{
font-family: FontAwesome;
content: "\f105";
margin-right: 0.5em;
display: inline;
font-weight: bold;
color: #3caa38;
}

section.header > .container ul li::before
{
color: #bfbfbf;
}

button.likealink
{
color: #f56607;
font-family: "Cinzel", "Times New Roman", serif;
text-transform: uppercase;
font-weight: bold;
font-size: 1.4em;
background-color: transparent;
box-shadow: none;
border: none;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

button.likealink::before
{
font-family: FontAwesome;
content: "\f105";
margin-right: 0.5em;
}

button.likealink:hover
{
color: #404040;
text-decoration: none;
}

button.likealink:focus
{
color: #f56607;
text-decoration: none;
}

button.likealink:active
{
color: #3caa38;
text-decoration: none;
}


.form-horizontal .form-group
{
margin-left: 0px;
margin-right: 0px;
}

.form-horizontal label
{
font-weight: normal;
}

.form-control
{
border-radius: 0px;
border: 0px;
background-color: #d9d9d9;
color: #404040;
font-size: 1em;
padding: 9px 12px;
height: 40px;
}

.form-control:focus
{
border: none;
box-shadow: none;
}

.form-horizontal button.likealink
{
/* float: right; */
margin-top: 0.7em;
margin-bottom: 0.7em;
}

.sticker
{
width: 100%;
padding: 60px;
border-radius: 50%;
font-size: 0.8em;
line-height: 150%;
display: none;
}

.sticker.green
{
background-color: #3caa38;
color: #ffffff;
}


/*=======================================*/
/*==
/*==  menu
/*==
/*=======================================*/

@media (max-width: 1200px)
{
	.navbar-header {float: none;}
	.navbar-toggle {display: block;}
	.navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
	.navbar-collapse.collapse {display: none!important;} 
	.navbar-nav {float: none!important; margin-top: 7.5px;}
	.navbar-nav>li {float: none;}
	/* .navbar-nav>li>a {padding-top: 0.6em; padding-bottom: 0.6em;} */
	.navbar-nav>li>a {padding-top: 0.45em; padding-bottom: 0.45em;}
	.collapse.in {display:block !important;}
}



body.home .navbar
{
padding-top: 2em;
background-color: transparent;
box-shadow: none;
}

@media (max-width: 5000px)
{
	body.home .navbar {padding-top: 1em;}
}

.navbar, body.home.fixedheader .navbar
{
padding-top: 0px;
background-color: #ffffff;
/* background-color: rgba(255,255,255,0.5); */
border: none;
box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

body.home .navbar-default .navbar-toggle:focus, body.home .navbar-default .navbar-toggle:hover
{
background-color: transparent;
color: #ffffff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, body.home.fixedheader .navbar-default .navbar-toggle:focus, body.home.fixedheader .navbar-default .navbar-toggle:hover 
{
background-color: transparent;
color: #404040;
}

body.home .navbar-toggle
{
color: #ffffff;
}

body.home.fixedheader .navbar-toggle, .navbar-toggle
{
position: relative;
float: right;
padding: 0px;
padding-top: 10px;
margin: 0px;
background-color: transparent;
background-image: none;
border: none;
border-radius: 0px;
font-family: "Cinzel", "Times New Roman", serif;
text-transform: uppercase;
font-weight: bold;
color: #808080;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

.navbar-toggle::after
{
font-family: FontAwesome;
content: "\f0c9";
margin-left: 0.5em;
font-weight: normal; 
}


@media (max-width: 767px)
{
	body.home.fixedheader .navbar-toggle, .navbar-toggle {padding-top: 15px; margin-right: 15px;}
}

@media (max-width: 370px)
{
	body.home.fixedheader .navbar-toggle, .navbar-toggle {padding-top: 10px; margin-right: 15px;}
}

.navbar-collapse
{
overflow: hidden;
box-shadow: none;
}

.navbar-nav
{
margin-top: 10px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

@media (max-width: 1200px)
{
	.navbar-nav {margin-top: -10px;}
}

.navbar-default, .navbar-collapse
{
border: none;
}

.navbar-header
{
padding-top: 12px;
padding-bottom: 12px;
}

body.home .navbar-brand
{
margin-left: 15px;
display: block;
background-color: transparent;
width: 445px;
height: 101px;
background-image: url("images/cavendish-logo.png");
background-size: 445px 101px;
background-position: 50% 50%;
background-repeat: no-repeat;
text-indent: -9999px;
font-size: 0px;
margin-left: 0px;
opacity: 1;
-webkit-transition: all 1.5s ease-in-out 0.1s;
transition: all 1.5s ease-in-out 0.1s;
}

html.svg body.home .navbar-brand 
{
background-image: url("images/cavendish-logo.svg");
}

body.home.animstart .navbar-brand
{
opacity: 0;
margin-left: -100px;
}

.navbar-brand, body.home.fixedheader .navbar-brand
{
display: block;
background-color: transparent;
width: 200px;
height: 45px;
background-image: url("images/cavendish-logo.png");
background-size: 200px 45px;
background-position: 50% 50%;
background-repeat: no-repeat;
text-indent: -9999px;
font-size: 0px;
margin-left: 0px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

	@media (min-width: 768px)
	{
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0px;}
	}
	
	@media (max-width: 1200px)
	{
	body.home .navbar-brand {width: 350px; height: 79px; background-size: 350px 79px;}
	}	
	
	@media (max-width: 767px)
	{
	.navbar-brand, body.home.fixedheader .navbar-brand {margin-left: 15px;}
	body.home .navbar-brand {width: 250px; height: 57px; background-size: 250px 57px; margin-left: 15px;}
	}
	
	@media (max-width: 500px)
	{
	.navbar-brand, body.home.fixedheader .navbar-brand {margin-left: 15px;}
	body.home .navbar-brand {width: 200px; height: 45px; background-size: 200px 45px; margin-left: 15px;}
	}	
	
	@media (max-width: 370px)
	{
	.navbar-brand, body.home.fixedheader .navbar-brand {width: 154px; height: 35px; background-size: 154px 35px; margin-left: 15px;}
	}
	
.navbar-nav>li
{
text-align: right;
}

body.home .navbar-default .navbar-nav>li>a
{
color: #ffffff;
font-family: "Cinzel", "Times New Roman", serif;
text-transform: uppercase;
font-weight: bold;
}

.navbar-default .navbar-nav>li>a, body.home.fixedheader .navbar-default .navbar-nav>li>a
{
color: #808080;
font-family: "Cinzel", "Times New Roman", serif;
text-transform: uppercase;
font-weight: bold;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

.navbar-default .navbar-nav>li.active>a, body.home.fixedheader .navbar-default .navbar-nav>li.active>a
{
background-color: transparent;
color: #3caa38;
color: #404040;
}

body.home .navbar-default .navbar-nav>li>a:hover, body.home .navbar-default .navbar-nav>li>a:focus
{
color: #bfbfbf;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, body.home.fixedheader .navbar-default .navbar-nav>li>a:hover, body.home.fixedheader .navbar-default .navbar-nav>li>a:focus
{
color: #f56607;
}

.navbar-default .navbar-nav>li.active>a:hover, .navbar-default .navbar-nav>li.active>a:focus, body.home.fixedheader .navbar-default .navbar-nav>li.active>a:hover, body.home.fixedheader .navbar-default .navbar-nav>li.active>a:focus
{
background-color: transparent;
color: #f56607;
color: #404040;
}

.navbar-default .navbar-nav>li>a:active, body.home .navbar-default .navbar-nav>li>a:active, body.home.fixedheader .navbar-default .navbar-nav>li>a:active
{
color: #404040;
}

@media (min-width: 1201px)
{
	body.home .navbar-nav>li {float: none;}
	body.home.fixedheader .navbar-nav>li, .navbar-nav>li {float: left;}
}






/*=======================================*/
/*==
/*==  section colors & backgrounds
/*==
/*=======================================*/

section.dark
{
background-color: #6c6c6c;
color: #bfbfbf;
}

section.light
{
background-color: #d9d9d9;
}

section.dark h1, section.dark h2
{
color: #ffffff;
}

section.header
{
color: #ffffff;
}

section.dark.header
{
background-color: #909090;
}

section.shapewhite
{
background-image: url("images/diagonal-white-horizontal.png");
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}

body.vertical section.shapewhite
{
background-image: url("images/diagonal-white-vertical.png");
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}

section.header
{
/* -webkit-transition: all 1.5s ease-in-out 0s;
transition: all 1.5s ease-in-out 0s; */
}


/* ============= */
/* home          */

body.horizontal section.home
{
background-image: url("images/diagonal-green-home-horizontal.png"),url("pics/bg-home.jpg");
background-size: cover,cover;
/* background-position: 100% 0px,30% 60%; */
background-position: 50% 50%,30% 40%;
background-repeat: no-repeat,no-repeat;
}

body.horizontal.animstart section.home
{
background-position: 1500px 50%,30% 40%;
}

body.vertical section.home
{
background-image: url("images/diagonal-green-home-vertical.png"),url("pics/bg-home-vertical.jpg");
background-size: cover,cover;
/* background-position: 100% 100%,30% 0%; */
background-position: 50% 50%,30% 100%;
background-repeat: no-repeat,no-repeat;
}

body.vertical.animstart section.home
{
background-position: 50% 1500px,30% 100%;
}

section.home > .container
{
height: 2000px;
}

body.vertical  section.header h1
{
margin-top: 1.5em;
/* text-shadow: 0px 0px 10px rgba(0,0,0,0.7); */
}

@media screen and (min-width: 768px) 
{
	body.vertical  section.header h1 {margin-top: 2.5em;}
}

/* ============= */
/* news          */

body.horizontal section.news.header
{
background-image: url("images/diagonal-green-horizontal.png"),url("pics/bg-news.jpg");
background-size: cover,cover;
background-position: 100% 0%,100% 100%;
background-repeat: no-repeat,no-repeat; 
}

body.vertical section.news.header
{
background-image: url("images/diagonal-green-vertical-inv.png"),url("pics/bg-news-vertical.jpg");
background-size: cover,100% auto;
background-position: 0% 0%,100% 0%;
background-repeat: no-repeat,no-repeat; 
padding-bottom: 0px;
}


/* ============= */
/* products      */

body.horizontal section.products.header
{
background-image: url("images/diagonal-green-horizontal.png"),url("pics/bg-products.jpg");
background-size: cover,cover;
background-position: 100% 0%,100% 100%;
background-repeat: no-repeat,no-repeat; 
}

body.vertical section.products.header
{
background-image: url("images/diagonal-green-vertical-inv.png"),url("pics/bg-products-vertical.jpg");
background-size: cover,100% auto;
background-position: 0% 0%,100% 0%;
background-repeat: no-repeat,no-repeat; 
padding-bottom: 0px;
}


/* ============= */
/* about         */

body.horizontal section.about.header
{
background-image: url("images/diagonal-green-horizontal.png"),url("pics/bg-about.jpg");
background-size: cover,cover;
background-position: 100% 0%,100% 100%;
background-repeat: no-repeat,no-repeat; 
}

body.vertical section.about.header
{
background-image: url("images/diagonal-green-vertical-inv.png"),url("pics/bg-about-vertical.jpg");
background-size: cover,100% auto;
background-position: 0% 0%,100% 0%;
background-repeat: no-repeat,no-repeat; 
padding-bottom: 0px;
}


/* ============= */
/* case studies  */

body.horizontal section.casestudies.header
{
background-image: url("images/diagonal-green-horizontal.png"),url("pics/bg-casestudies.jpg");
background-size: cover,cover;
background-position: 100% 0%,100% 100%;
background-repeat: no-repeat,no-repeat; 
}

body.vertical section.casestudies.header
{
background-image: url("images/diagonal-green-vertical-inv.png"),url("pics/bg-casestudies-vertical.jpg");
background-size: cover,100% auto;
background-position: 0% 0%,100% 0%;
background-repeat: no-repeat,no-repeat; 
padding-bottom: 0px;
}

body.horizontal section.casestudies.header.detail
{
background-image: url("images/diagonal-grey-horizontal.png"),url("pics/bg-casestudies.jpg");
background-size: cover,cover;
background-position: 100% 0%,100% 100%;
background-repeat: no-repeat,no-repeat; 
}

body.vertical section.casestudies.header.detail
{
background-image: url("images/diagonal-grey-vertical.png"),url("pics/bg-casestudies-vertical.jpg");
background-size: cover,100% auto;
background-position: 0% 0%,100% 0%;
background-repeat: no-repeat,no-repeat; 
padding-bottom: 0px;
}


/* ============= */
/* generic       */

/* body.horizontal section.generic.header
{
background-image: url("images/diagonal-grey-horizontal.png"),url("pics/bg-generic.jpg");
background-size: cover,cover;
background-position: 100% 0%,100% 100%;
background-repeat: no-repeat,no-repeat; 
}

body.vertical section.generic.header
{
background-image: url("images/diagonal-grey-vertical.png"),url("pics/bg-generic.jpg");
background-size: cover,cover;
background-position: 0% 100%,100% 100%;
background-repeat: no-repeat,no-repeat; 
padding-bottom: 250px;
} */

body.horizontal section.generic.header
{
background-image: none;
background-color: #6c6c6c;
}

body.vertical section.generic.header
{
background-image: none;
background-color: #6c6c6c;
padding-bottom: 1em;
}


/* ============= */
/* animstart     */

body.horizontal.animstart section.news.header, body.horizontal.animstart section.products.header, body.horizontal.animstart section.about.header, body.horizontal.animstart section.casestudies.header, body.horizontal.animstart section.casestudies.header.detail, body.horizontal.animstart section.generic.header
{
background-position: -1500px 100%,100% 100%;
}

body.vertical.animstart section.news.header, body.vertical.animstart section.products.header, body.vertical.animstart section.about.header, body.vertical.animstart section.casestudies.header, body.vertical.animstart section.casestudies.header.detail, body.vertical.animstart section.generic.header
{
/* background-position: 0% -500px,100% 0%; */
}


/* section.products.header
{
background-image: url("images/green-square.png"),url("pics/bg-home-vertical.jpg");
background-size: 33% 100%,cover;
background-position: 0% 0%,100% 0%;
background-repeat: no-repeat,no-repeat; 
}

section.products.header .container
{
background-image: url("images/diagonal-green-horizontal.png");
background-size: cover;
background-position: 100% 0%;
background-repeat: no-repeat;
padding: 50px;
} */



/*=======================================*/
/*==
/*==  homeslider
/*==
/*=======================================*/

section.home
{
overflow: hidden;
}

section.home, section.home > .container
{
padding: 0px;
position: relative;
/* background-color: rgba(255,255,255,0.3); */
}

body.home.animstart .homeslider
{
/* opacity: 0; */
}

.homeslider
{
/* border: 1px dotted #ffffff; */
position: absolute;
bottom: 50px;
right: 0px;
color: #ffffff;
width: 60%;
height: 50%;
height: 200px;
opacity: 1;
/* overflow: hidden; */
-webkit-transition: all 1s ease-in-out 2s;
transition: all 1s ease-in-out 2s;
}

.homeslider .slide
{
position: absolute;
bottom: 0px;
right: 0px;
text-align: right;
width: 90%;
height: 200px;
}

.homeslider .slide figure
{
float: right;
margin-left: 30px;
width: 200px;
height: 200px;
border-radius: 100px;
overflow: hidden;
background-color: #205827;
 -ms-transform: scale(1.5); /* IE 9 */
-webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
transform: scale(1.5);
opacity: 0;
-webkit-transition: transform 1s ease-in-out 0.8s, opacity 1s ease-in-out 1s;
transition: transform 1s ease-in-out 0.8s, opacity 1s ease-in-out 1s;
}

.homeslider .slide figure.animend
{
 -ms-transform: scale(1); /* IE 9 */
-webkit-transform: scale(1); /* Chrome, Safari, Opera */
transform: scale(1);
opacity: 1;
}

.homeslider .slide figure img
{
max-width: 100%;
max-height: 100%;
}

.homeslider .slide .text
{
/* border: 1px dotted #ff0000; */
width: 70%;
display: table-cell;
text-align: right;
vertical-align: middle;
height: 200px;
}

.homeslider .slide .text .inner
{
/* border: 1px dotted #ffff00; */
width: 100%;
display: inline-block;
/* opacity: 0; */
-webkit-transition: all 0.6s ease-in-out 1.2s;
transition: all 0.6s ease-in-out 1.2s;
}

.homeslider .slide .text .inner.animend
{
opacity: 1;
}

.homeslider .slide h1, .homeslider .slide h2
{
color: #ffffff;
}

.homeslider .slide h2
{
font-size: 2em;
margin-bottom: 0.5em;
}

.homeslider .slide h2.lower
{
font-size: 1.8em;
font-family: "Lora", "Times New Roman", serif;
font-weight: normal;
text-transform: none;
color: #ffffff;
margin-bottom: 0.5em;
line-height: 150%;
}

@media screen and (max-width: 991px) 
{
	.homeslider {width: 95%; right: 20px;}
}

@media screen and (max-width: 767px) 
{
	.homeslider {height: 200px; font-size:0.7em; line-height: 150%; bottom: 25px; right: 15px;}
	.homeslider .slide {height: 200px;}
	.homeslider .slide figure {margin-top: 25px; margin-left: 20px; width: 150px; height: 150px; border-radius: 75px; padding: 15px;}
	/* .homeslider .slide figure img{max-width: 120px; max-height: 120px;} */
	.homeslider .slide .text {height: 200px;}
}

@media screen and (max-width: 500px) 
{
	.homeslider .slide figure {margin-top: 50px; margin-left: 10px; width: 100px; height: 100px; border-radius: 50px; padding: 10px;}
	/* .homeslider .slide figure img{max-width: 80px; max-height: 80px;} */
}

/*=======================================*/
/*==
/*==  newsitem
/*==
/*=======================================*/

.newsitem 
{
margin-top: 0.6em;
margin-bottom: 3em;
}

body.home .newsitem h2.small
{
margin-bottom: 0.8em;
}

.newsitem .pic
{
margin-bottom: 30px;
width: 100%;
height: 200px;
overflow: hidden;
padding: 0px;
background-color: transparent;
text-align: center;
}

.newsitem .pic .inner
{
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
background-color: #d9d9d9;
}

body.news .newsitem .pic
{
margin-left: 30px;
margin-bottom: 30px;
width: 360px;
height: 200px;
float: right;
clear: both;
}

body.news .newslist .col:nth-child(even) .newsitem .pic
{
margin-left: 0px;
margin-right: 30px;
float: left;
}

@media screen and (max-width: 990px) 
{
	body.news .newsitem .pic {width: 300px; height: 166px;}
}

@media screen and (max-width: 767px) 
{
	body.news .newsitem .pic {width: 250px; height: 138px;}
	.newsitem .pic {width: 360px; height: 200px;}
}

@media screen and (max-width: 500px) 
{
	body.news .newsitem .pic {margin-left: 0px; margin-right: 0px; width: 324px; height: 180px; float: none;}
	.newsitem .pic {width: 324px; height: 180px;}
}

@media screen and (max-width: 374px) 
{
	body.news .newsitem .pic {margin-left: 0px; margin-right: 0px; width: 290px; height: 161px; float: none;}
	.newsitem .pic {width: 290px; height: 161px;}
}



/*=======================================*/
/*==
/*==  productsitem
/*==
/*=======================================*/

.productsitem 
{
/* border: 1px dotted #000000; */
display: block;
width: 100%;
min-height: 150px;
height: auto;
margin-top: 0.6em;
text-align: right;
margin-bottom: 3em;
}

.productslist.bigpics .productsitem 
{
margin-bottom: 4em;
}

.productsitem figure
{
float: left;
margin: 0px;
margin-right: 20px;
width: 150px;
height: 150px;
border-radius: 75px;
overflow: hidden;
background-color: #afafaf;
border: 1px solid #afafaf;
position: relative;
}

.productslist.bigpics .productsitem figure
{
width: 250px;
height: 250px;
border-radius: 125px;
margin-right: 30px;
}

.productslist.right .productsitem figure
{
float: right;
margin: 0px;
margin-left: 20px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

.productsitem figure img
{
display: block;
margin: auto;
max-width: 100%;
max-height: 100%;
z-index: 10;
transform-origin: 50% 50%;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

.productsitem .textouter
{
/* border: 1px dotted #000000; */
display: table;
float: left;
width: 60%;
min-height: 150px;
text-align: left;
}

.productslist.bigpics .productsitem .textouter
{
min-height: 250px;
}

.productslist.right .productsitem .textouter
{
float: right;
text-align: right;
}

.productslist.right.textleft .productsitem .textouter
{
float: left;
text-align: left;
}

.productsitem .textouter .text
{
/* border: 1px dotted #ff0000; */
display: table-cell;
text-align: left;
vertical-align: middle;
width: 100%;
min-height: 150px;
}

.productslist.right .productsitem .textouter .text
{
text-align: right;
}

.productslist.right.textleft .productsitem .textouter .text
{
text-align: left;
}

.productsitem .text h2
{
display: block;
width: 100%;
margin-top: 0px;
}

.productsitem .text p
{
display: block;
width: 100%;
margin-bottom: 0.3em;
/* padding-left: 25%; */
}

.productsitem figure button
{
position: absolute;
bottom: 0px;
right: 0px;
z-index: 1;
width: 100%;
height: 33%;
/* margin-top: -40px;
margin-left: -100px; */
border: none;
color: #404040;
background-color: rgba(255,255,255,0.4);
font-family: "Cinzel", "Times New Roman", serif;
text-transform: uppercase;
font-weight: bold;
font-size: 0.9em;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

.productsitem a:hover figure button
{
height: 100%;
color: #f56607;
background-color: rgba(255,255,255,0.5);
font-size: 1.2em;
}

.productsitem a:active figure button
{
color: #3caa38;
}

.productsitem a:hover figure img
{
/* max-width: 110%;
max-height: 110%; */
 -ms-transform: scale(1.2,1.2); /* IE 9 */
-webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */
transform: scale(1.2,1.2);
}

@media (max-width: 500px)
{
	.container > .row .col.col-sm-12.higher.productslist {margin-top: 5em;}
	.productslist.bigpics .productsitem, .productsitem {line-height: 130%; width: auto; height: auto; min-height: 1px; margin-bottom: 2em;}
	.productslist.bigpics .productsitem figure, .productsitem figure, .productslist.right .productsitem figure {float: left; width: 100px; height: 100px; margin-left: 0px; margin-right: 10px; margin-bottom: 0px;}
	.productslist.bigpics .productsitem .textouter, .productsitem .textouter, .productslist.right .productsitem .textouter {font-size: 0.8em; float: left; display: inline-block; height: auto; min-height: 1px; max-width: 170px; text-align: left; position: relative; left: 0px;}
	.productsitem .textouter .text, .productslist.right .productsitem .textouter .text {text-align: left; position: relative; display: inline;  width: auto; height: auto; min-height: 1px; text-align: left; margin-bottom: 2em;}
	.productsitem .text .textinner p {padding-left: 0px;}
}



/*=======================================*/
/*==
/*==  case study
/*==
/*=======================================*/


.casestudyitem figure
{
float: left;
margin: 0px;
/* width: 350px;
height: 350px;
border-radius: 175px;
 */
width: 30%;
height: 30%;
border-radius: 1000px;
margin-right: 30px;
margin-bottom: 30px;
overflow: hidden;
background-color: #afafaf;
border: 1px solid #afafaf;
position: relative;
}

.casestudyitem figure img
{
display: block;
margin: auto;
max-width: 100%;
max-height: 100%;
z-index: 10;
transform-origin: 50% 50%;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

.casestudyitem figure button
{
position: absolute;
bottom: 0px;
right: 0px;
z-index: 1;
width: 100%;
height: 0%;
/* margin-top: -40px;
margin-left: -100px; */
line-height: 150%;
border: none;
color: #404040;
background-color: rgba(255,255,255,0.4);
font-family: "Cinzel", "Times New Roman", serif;
text-transform: uppercase;
font-weight: bold;
font-size: 0.9em;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

.casestudyitem figure button.title
{
position: absolute;
text-align: center;
top: 0px;
left: 0px;
z-index: 1;
width: 100%;
height: 100%;
padding: 20px;
border: none;
color: #404040;
background-color: rgba(255,255,255,0.8);
font-family: "Cinzel", "Times New Roman", serif;
text-transform: uppercase;
font-weight: bold;
font-size: 1.2em;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

.casestudyitem a:hover figure button
{
height: 25%;
color: #f56607;
background-color: rgba(255,255,255,0.8);
font-size: 1em;
}

.casestudyitem a:hover figure button.title
{
height: 100%;
color: #404040;
background-color: rgba(255,255,255,0.5);
line-height: 150%;
font-size: 1.2em;
}

.casestudyitem a:active figure button
{
color: #3caa38;
}

.casestudyitem a:hover figure img
{
/* max-width: 110%;
max-height: 110%; */
 -ms-transform: scale(1.2,1.2); /* IE 9 */
-webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */
transform: scale(1.2,1.2);
}

@media screen and (max-width: 990px) 
{
	.casestudyitem figure
	{
	font-size: 0.9em;
	margin-right: 20px;
	margin-bottom: 20px;
	}
}

@media screen and (max-width: 767px) 
{
	.casestudyitem figure
	{
	float: left;
	margin: 0px;
	width: 45%;
	height: 45%;
	border-radius: 1000px;
	margin-right: 15px;
	margin-bottom: 15px;
	}
	
}

@media screen and (max-width: 500px) 
{
	.casestudyitem figure
	{
	float: right;
	font-size: 0.6em;
	width: 45%;
	height: 45%;
	margin-right: 14px;
	margin-bottom: 14px;
	}

}

/*=======================================*/
/*==
/*==  footer
/*==
/*=======================================*/

footer
{
padding-top: 60px;
background-color: #3caa38;
color: #ffffff;
font-size: 0.8em;
padding-top:
}

footer a {color: #ffffff;}
footer a:hover {color: #bfbfbf;}
footer a:focus {color: #bfbfbf;}
footer a:active {color: #f56607;}

footer .navbar-brand
{
position: relative;
float: none;
margin-bottom: 2em;
opacity: 1;
}

footer .menu
{
font-family: "Cinzel", "Times New Roman", serif;
text-transform: uppercase;
font-weight: bold;
list-style-type: none;
margin-left: 0px;
padding-left: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}

footer .menu.main
{
margin-bottom: 1em;
}

footer .menu.secondary
{
/* font-family: "Lora", "Times New Roman", serif;
text-transform: none;
font-weight: normal; */
font-size: 0.8em;
}

footer .menu li
{
padding-bottom: 0.5em;
}

footer .menu.secondary li
{
/* display: inline;
margin-left: 2em; */
}

footer .goright
{
text-align: right;
}

footer .col
{
padding-bottom: 1.5em;
z-index: 10;
}

footer .col.nopad
{
padding-bottom: 0px;
}

footer .row
{
display: block;
z-index: 0;
}

footer .row:last-of-type
{
position: relative;
top: -2.1em;
padding-bottom: 0px;
font-size: 0.8em;
color: #bfbfbf;
/* background-color: rgba(0,0,0,0.4); */
}

@media (max-width: 767px)
{
	footer {padding-bottom: 30px;}
	footer .goright {text-align: left;}
	footer .row:last-of-type {top: 0px;}
	footer .menu.secondary li {margin-left: 0px; margin-right: 2em;}
	footer .col.nopad {padding-bottom: 1.5em;}
}

.logo
{
display: block;
background-color: transparent;
background-image: url("images/cavendish-logo-inv.png");
background-position: 0% 0%;
background-repeat: no-repeat;
text-indent: -9999px;
font-size: 0px;
margin: 0px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
width: 200px; height: 65px; background-size: 200px 45px;
}

html.svg .logo
{
background-image: url("images/cavendish-logo-inv.svg");
}