@charset "utf-8";
/*------------------------------------------
Created:	22 December, 2015
Author:		Adam Alexander
Contact:	adam@websitedesignaviemore.com
Website:	www.websitedesignaviemore.com
-------------------------------------------*/


/***************************** Reset *************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	/*list-style: none;*/
padding-left: 20px;
}
ul li p {
	padding: 0;
margin: 0;
}
:focus {
	outline: 0;
}
/***************************** Generic styles *************************************/

body {
	font-family: 'Lato', sans-serif;
	font-size: 62.5%;
	color: #333;
	margin: 0px;
	padding: 120px 0 0 0;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: scroll;
}
.holder {
	position: relative;
	z-index: 1111;
  clear: both;
  width: 1200px;
  margin: auto;
}
.header {
	position: fixed;
	top: 0;
	width: 100%;
	padding: 0;
	border-bottom: 1px #E4E4E4 solid;
	background-color: #FFF;
	z-index: 11111;
}
.head { 
  padding: 0 0 40px; 
}
.logo {
	padding: 0;
}
.tel {
  color: #a39f4a;
  line-height: 1.1em;
  font-weight: 300;
  font-size: 2em;
}
.carousel {
	margin-bottom: 20px;
  position: relative;
}
.image {
	position: relative;
}
img {
	max-width: 100%;
	height: auto;
}
#images img, .topimage img, .columns img, .responsive, .latestimg img, .porty li img, .mainimg img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
.desktop img {
  width: auto;
}
.mainimg {
  position: relative;
  height: 750px;
}
.porty { list-style: none; }
.porty li { 
  font-size: 1.6em; 
  text-align: center; 
  width: 31.3%;
  margin: 10px 1%;
  float: left;
}
.split {
  background-color: #E4E4E4;
  height: 1px;
  margin: 30px auto;
  clear: both;
}
.doublecolumns, .onecol, .twocol, .leftnav {
	float: left;
}
.social {
  padding: 10px 0;
  text-align: center;
  border-top: 1px #E4E4E4 solid;
}
.screen {
width: 500px;
height: auto;
bottom: 120px;
}
.contact {
position: absolute;
right: 15px;
top: 12px;
text-align: right;
color: #666;
}
.desktop {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  text-align: center;
  background: url([[root_url]]/uploads/images/desktop.jpg) repeat-x top center;
}
p {
	font-size: 1.5em;
	margin:0px;
	padding:0px 0px 15px 0px;
	line-height: 1.5em;
}
ul { margin-bottom: 20px; }
ul li p { font-size: 1em; padding: 0; }
ul li {
	font-size: 1.6em;
	margin:0px;
	padding: 4px 0px;
	line-height: 1.4em;
}
.clear {
	clear:both;
}
.screen {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
.column {
 width: 70%;
 float: none;
 margin: 50px auto;
 text-align: center;
}
.wide-o {
 margin: 50px auto;
}
.onecol, .leftnav {
 width: 31.3%;
 margin: 10px 1%;
}
.twocol {
 width: 64.6%;
 margin: 10px 1%;
}
.doublecolumns {
 width: 48%;
 margin: 10px 1%;
}
.footer {
width: 1200px;
margin: auto;
padding: 20px 0;
border-top: 1px #E4E4E4 solid;
}
.footer .left {
width: 65%;
float: left;
text-align: right;
}
.footer .right {
width: 32%;
float: right;
padding-top: 18px;
}

/***************************** Anchors *************************************/
	
a:link, a:visited, a:active {
	color: #A3A14A;
	text-decoration:none;
}
a:hover {
	color: #666;
}
a.blocklink:link, a.blocklink:visited, a.blocklink:active {
  display: block;
  padding: 20px;
  text-align: center;
  text-transform: uppercase;
  font-size: 3em;
  background-color: #A3A14A;
  color: #FFF;
}
a.blocklink:hover {
  color: #CCC;
}
a.bricklink:link, a.bricklink:visited, a.bricklink:active {
  display: inline-block;
  padding: 20px;
  text-align: center;
  text-transform: uppercase;
  font-size: 2em;
  background-color: #A3A14A;
  color: #FFF;
}
a.bricklink:hover {
  color: #CCC;
}
a.downlnk:link, a.downlnk:visited {
  background: url([[root_url]]/uploads/images/down-btn.gif) no-repeat;
  display: block;
  width: 60px;
  height: 32px;
  margin: 30px auto 90px;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
a.downlnk:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.contact a:link, .contact a:visited {
  color: #999;
  font-size: 1.1em;
  line-height: 0.8em;
  letter-spacing: 1px;
}
.contact a:hover {
	color: #333;
}

/***************************** Headers *************************************/

h1 {
	padding: 0 0 15px;
	margin:0px;
	color: #A39F4A;
	font-size: 3.6em;
	font-weight: 300;
}
h2 {
	padding:10px 0px 15px;
	margin:0px;
	color: #A39F4A;
	font-size:1.8em;
	font-weight: 400;
}
h3 {
	padding:0px;
	margin:0px;
	color:#333;
	font-size:1.4em;
}
h3.socialheader {
  padding: 0 5px 5px 0;
  display: inline-block;
  vertical-align: bottom;
}
h1.latest { text-align: center; }

/***************************** Navigation *************************************/

.nav {
	background-color: #000;
	width: 100%;
}
#menuwrapper {
	float: none;
	margin: auto;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0px;
  border-right: 1px #E4E4E4 solid;
}
#menuwrapper ul {
  margin: 0px;
  padding: 0px;
}
#menuwrapper ul li {
  display: inline-block;
  margin: 0px;
  position: relative;
  font-size: 1em;
  padding: 0px;
}
#menuwrapper ul li a:link, #menuwrapper ul li a:visited, #menuwrapper ul li span {
	display: block;
	font-size: 1.5em;
	color: #333;
	height: 14px;
	padding: 8px 15px;
	text-transform: lowercase;
	border-left: 1px #E4E4E4 solid;
}
#menuwrapper ul li a:hover, #menuwrapper ul li a.menuactive:link, #menuwrapper ul li a.menuactive:visited {
	color: #A39F4A;
}
#menuwrapper ul ul {
  position: absolute;
  top: 30px;
  left: 0px;
  display: none;
  text-align: left;
  background: #FFF;
  border: 1px #E4E4E4 solid;
  border-bottom: none;
}
#menuwrapper ul ul li {
  padding: 0px;
  width: 200px;
  display: block;
}
#menuwrapper ul ul ul {
  position: absolute;
  top: 0px;
  left: 160px;
  display: none;
}
 #menuwrapper ul ul li a:link, #menuwrapper ul ul li a:visited {
  height: auto;
  border-bottom: 1px #E4E4E4 solid;
  border-left: none;
}
 #menuwrapper ul li:hover ul ul, #menuwrapper ul li:hover ul ul ul, #menuwrapper ul li:hover ul ul ul ul {
  display:none;
}
 #menuwrapper ul li:hover ul, #menuwrapper ul li li:hover ul, #menuwrapper ul li li li:hover ul, #menuwrapper ul li li li li:hover ul {
  display:block;
}
a#pull {
	background-color: #000;
	display: none;
	color: #FFF;
	font-size: 1.4em;
	text-align: center;
	padding: 10px 1%;
	width: 98%;
}
.subnav li {
	background-color: none;
	width: 33.3%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
  position: relative;
}
.subnav li img { 
	max-width: 100%; 
	width: 100%; 
	height: auto; 
}
.leftnav ul {
	padding: 0;
  list-style: none;
  margin: 0px;
}
.leftnav ul li {
  font-size: 1em;
  padding: 0px;
}
.leftnav ul li a:link, .leftnav ul li a:visited {
	display: block;
	font-size: 1.4em;
	color: #333;
	padding: 8px 10px;
	text-transform: uppercase;
	border-bottom: 1px #E4E4E4 solid;
}
.leftnav ul li a:hover {
	color: #a39f4a;
}
.footer ul li {
	padding: 0;
  list-style: none;
}
.footer ul li a:link, .footer ul li a:visited {
	font-size: 1.3em;
	line-height: 1.5em;
	color: #666;
}
.footer ul li a:hover {
	color: #000;
}

/***************************** Media Queries *************************************/

 @media all and (max-width: 1200px) {
.holder {
  width: 100%;
  position: relative;
}
.header {
  position: relative;
}
body {
  padding: 0px;
}
.tel {
font-size: 2em;
}
.contact a:link, .contact a:visited {
font-size: 1.1em;
}
.footer {
  width: 100%;
}
#menuwrapper {
display: block;
}
#menuwrapper ul ul li {
 width: 160px;
}
}

/*********************************************************************************************/

 @media all and (max-width: 720px) {
.screen {
width: 500px;
max-width: 80%;
bottom: 100px;
}
.desktop img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
.logo {
  height: 70px;
  width: auto;
}
.contact {
right: 15px;
top: 10px;
}
.column {
 width: 90%;
 float: none;
 margin: 50px auto;
}
#menuwrapper ul li a:link, #menuwrapper ul li a:visited {
	font-size: 1.4em;
	padding: 8px 12px;
}
.doublecolumns {
 width: 48%;
 margin: 10px 1%;
}
.porty li {
width: 48%;
margin: 10px 1%;
float: left;
}
.footer .left, .footer .right {
width: 100%;
float: none;
text-align: center;
}
}

/*********************************************************************************************/

 @media all and (max-width: 480px) {
.header {
  text-align: center; 
}
.head { 
  padding: 0px; 
}
.contact {
position: static;
text-align: center;
padding-top: 10px;
}
.mainimg {
  height: 400px;
}
a.downlnk:link, a.downlnk:visited, a.downlnk:hover {
  display: none;
}
.tel {
font-size: 1.5em;
}
.contact a:link, .contact a:visited {
font-size: 1em;
}
.screen {
width: 80%;
bottom: 60px;
}
.column {
  text-align: left;
}
.rightcolumn {
	width: 100%;
	margin-left: 0;
	padding: 30px 0;
}
.columns {
 width: 98%;
 margin: 10px 1%;
}
.subnav li {
width: 50%;
}
.doublecolumns, .latestcolumns {
 width: 90%;
 float: none;
 margin: 10px 5%;
 text-align: left;
}
.onecol, .twocol, .leftnav {
 display: block;
 width: 90%;
 margin: 10px 5% 40px;
float: none;
}
.threecol {
 width: 96%;
 margin: 10px 2%;
}
.prodimg, .prodcol {
width: 98%;
margin: 0 1% 20px;
float: none;
}
.siteby {
 float: none;
}
.leftfoot, .rightfoot {
width: 100%;
float: left;
}
.porty li {
  width: 98%;
  margin: 10px 1%;
  float: left;
}
#menuwrapper {
  display: none;
  position: relative;
  position: absolute;
  top: 180px;
  left: 0px;
}
#menuwrapper ul li {
  display: block;
  margin: 0px;
  position: relative;
  border-top: 1px #E4E4E4 solid;
  text-align: center;
  background-color: #FFF;
}
#menuwrapper ul ul {
  display: none;
}

 #menuwrapper ul li:hover ul ul, #menuwrapper ul li:hover ul ul ul, #menuwrapper ul li:hover ul ul ul ul {
  display:none;
}
 #menuwrapper ul li:hover ul, #menuwrapper ul li li:hover ul, #menuwrapper ul li li li:hover ul, #menuwrapper ul li li li li:hover ul {
  display:none;
}
a#pull {
  display: block;
}
}


/***************************** Contact form *************************************/

label, .captchatext {
	width: 24%;
	color: #666;
	text-align: right;
	padding: 4px 1% 0px 0px;
	font-size: 1.3em;
	float: left;
}
.contactform {
	position: relative;
	padding-top: 10px;
}
.contactform div {
	padding: 3px 0px;
	text-align: left;
	clear: both;
}
.contactform div div {
	display: inline-block;
}
.contactform div div label {
	width: 60px;
	text-align: right;
	padding-right: 0;
}
.contactform div div input {
	width: 20px;
	border: none;
}
.contactform input, .contactform textarea {
	background-color: #FFF;
	border: none;
	color: #666;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 1.2em;
	width: 70%;
	padding: 8px 2%;
	border: 1px #ccc solid;
}
.contactform textarea {
	padding: 8px 2%;
	height: 120px;
}
.contactform .submit {
	padding: 5px 0px 0px 26%;
}
.contactform input.fbsubmit, .contactform input.fbsubmit_prev {
	width: 80px;
	margin-right: 5px;
	cursor: pointer;
}
.contactform input.cms_checkbox {
	width: 5px!important;
}
.error_message {
	background-color: #FF2200;
	padding: 10px;
	margin-bottom: 10px;
	color: #FFF;
	font-size: 1.2em;
}
.errror {
	color: #ff2200;
	padding: 2px 0 0 26%;
}
.errrror {
	background-color: #ff2200;
	color: #FFF;
	padding: 2px;
	width: 208px;
	display: block;
	margin-left: 205px;
}
.captcha img {
	padding: 0 0 5px;
}
.captcha input {
	margin: 0 0 0 105px;
	width: 145px;
	display: block;
}
/***************************** News section *************************************/
ul.NewsSummaryList { 
margin-top: 20px; 
border-top: 1px #CCC solid;
list-style: none;
}
ul.NewsSummaryList li {
padding: 10px;
border-bottom: 1px #CCC solid;
}
ul.NewsSummaryList li a:link, ul.NewsSummaryList li a:visited {
font-size: 1.4em;
color: #666;
line-height: 1.4em;
}
ul.NewsSummaryList li a:hover { color: #99cc33; }
.paginate {
display: block;
padding-top: 20px;
text-align: right;
font-size: 1.4em;
}
h1.newsheading {
font-size: 2.5em;
text-transform: none;
}
/*.newsarticle {
padding-top: 20px;
}*/
.NewsSummaryLink a:link, .NewsSummaryLink a:visited {
	display: block;
	font-size: 1.6em;
	color: #333;
	padding: 10px 0 15px;
	text-transform: uppercase;
}
.latestsection .NewsSummaryLink a:link, .latestsection .NewsSummaryLink a:visited {
	font-size: 1.8em;
	color: #FFF;
	border: none;
	padding: 10px 0 15px;
}
.NewsSummaryLink a:hover {
	color: #999;
}
.NewsSummaryPostdate, #NewsPostDetailDate, .CGBlogSummaryPostdate {
	color: #999;
}
.NewsSummarySummary, #NewsPostDetailSummary {
	padding: 0;
}
.NewsSummary {
	padding: 0 0 10px;
}
.summarydetail {
	margin: 0 0 20px;
}
.FooterNewsSummary {
	padding: 3px 0 0;
}
.NewsSummaryMorelink {
	text-align: left;
	font-size: 1.6em;
	padding-bottom: 10px;
}
#NewsPostDetailTitle {
	padding: 10px 0 0 0;
	font-weight: 300;
	letter-spacing: 0px;
	font-size: 3em;
	color: #999058;
}
#NewsPostDetailSummary img, #NewsPostDetailContent img {
	max-width: 100%;
	/*width: 100%;*/
	height: auto;
}
.newsimg {
	padding: 10px 0;
	max-width: 100%;
	width: 100%;
	height: auto;
}
.pagination {
	padding: 10px 0;
	text-align: right;
}
.pagination, .pagination a:link, .pagination a:visited {
	color: #FFF;
	font-size: 1.1em;
}
.google-maps {
	position: relative;
	padding-bottom: 180px;
// This is the aspect ratio height: 0;
	overflow: hidden;
	margin-top: 20px!important;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	/*padding-top:30px;*/
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.portfolio .owl-item .item { padding: 10px; }
.portfolio .owl-item .item img { height: auto!important; width: 100%; }

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls { display: none!important; }
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


	
	/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
position: absolute;
bottom: 10px;
right: 10px;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}


/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

 @media all and (min-width: 1500px) {
.owl-carousel .item img{
        display: block;
        width: 100%;
        height: auto;
    }
}
 @media all and (max-width: 1500px) {
.owl-carousel .item img{
        display: block;
        width: auto;
        height: 560px;
    }
}
 @media all and (max-width: 480px) {
.owl-carousel .item img{
        display: block;
        width: auto;
        height: 400px;
    }
}

.screen .owl-carousel .item img{
        display: block;
        width: 100%;
        height: auto;
    }

#atftbx p { display: none; }

.addthis_sharing_toolbox { clear: none!important; }