@charset "utf-8";
/* Retina Ready Images */

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
h1#logo a { background:url(../images/bg-logo@2x.png) center no-repeat; background-size:60px 52px; }

.map {background:url(../images/icons-white/bg-map@2x.png) no-repeat center left; background-size:48px 48px;  }
.social {background:url(../images/icons-white/bg-social@2x.png) no-repeat center; background-size:48px 48px; }
.search {background:url(../images/icons-white/bg-search@2x.png) no-repeat center; background-size:48px 48px; }
.like { background:url(../images/icons-white/bg-like@2x.png) center no-repeat; background-size:48px 48px; }
.share { background:url(../images/icons-white/bg-share@2x.png) center no-repeat; background-size:48px 48px; }
.link { background:url(../images/icons-white/bg-link@2x.png) center no-repeat; background-size:48px 48px; }
.mail { background:url(../images/icons-white/bg-mail@2x.png) center no-repeat; background-size:48px 48px; }
.quote { background:url(../images/icons-white/bg-quote@2x.png) center no-repeat; background-size:48px 48px; }
.share { background:url(../images/icons-white/bg-share@2x.png) center no-repeat; background-size:48px 48px; }
.smartphone { background:url(../images/icons-white/bg-smartphone@2x.png) center no-repeat; background-size:48px 48px; }
.target { background:url(../images/icons-white/bg-target@2x.png) center no-repeat; background-size:48px 48px; }
.tags { background:url(../images/icons-white/bg-tags@2x.png) center no-repeat; background-size:48px 48px; }

.flex-direction-nav .flex-next {background:url(../images/bg-next@2x.png) center no-repeat; background-size:48px 48px; }
.flex-direction-nav .flex-prev {background:url(../images/bg-prev@2x.png) center no-repeat; background-size:48px 48px; }

.fancybox-close {background: url(../images/bg-close@2x.png) center no-repeat; background-size:48px 48px;}
.fancybox-prev span {background: url(../images/bg-prev@2x.png) center no-repeat; background-size:48px 48px;}
.fancybox-next span {background: url(../images/bg-next@2x.png) center no-repeat; background-size:48px 48px;}

.element > .elem-content > .form-part .send-btn { background: url(../images/icons/bg-mail@2x.png) no-repeat scroll top right transparent; background-size:48px 48px; }
}

/* Desktop-only rules */
@media only screen and (min-width: 980px) and (max-width: 1299px) {
    .container {width:960px; }
	.col3-3, .col3-3.grey, .col3-3.white, .col4-3 { width:940px; height:auto; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .container {width:640px; }
    .col3-3, .col3-3.grey, .col3-3.white, .col4-3 { width:620px; height:auto; }
	footer .social-list {margin-left:0 }
	#options {padding-top:4px; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .container {width:320px; }
    .col2-3, .col2-3.grey, .col2-3.white, .col2-3.white-bottom, .col3-3, .col3-3.grey, .col3-3.white, .col4-3 { width:300px; height:auto;  }
    .col2-3.background, .col2-3.white, .col2-3.white-bottom { padding:22px 32px 38px 36px; }
	.col2-3.white h3, .col2-3.white-bottom h3, .col2-3.grey h3, h2 {font-size:19px; line-height:32px; }
	h2 {letter-spacing:0.5; margin:0; font-weight:300; }
	h2 strong {font-size:21px; font-weight:600; letter-spacing:0;}
	.col2-3 p.small {padding:0 0 12px !important }
	footer .social-list {margin-left:0 }
	#map {width:300px; height:280px;}
	#options {padding-top:4px; }
	
	.tagline { font-size:11px; font-weight:400; padding:0 0 0 6px;}
	footer p, footer p a { font-size:12px; line-height:36px; padding:0; }
	
}

/* Small mobile sizes */
@media only screen and (max-width: 399px){
    #header{
        padding-left: 10px;
        padding-right: 10px;
    }
    .pushed-left #header > .logo-wrapper > .tagline,
    .pushed-left-alt #header > .logo-wrapper > .tagline{
        display: none !important;
    }
}