/*

Theme Name: Dr.Joanne Cummings

Theme URI: http://cummingspsych.ca/wp-content/themes/theme-cummings

Author: Brand Anchor

Author URI: http://www.brandanchor.com/

Description: Dr.Joanne Cummings and Associates.Child Psychology Practice.

Version: 1.0

License: Private

Tags:  Child Psychology,One Page,HTML5, CSS3,custom-background,custom-colors,custom-header,custom-menu,featured-images

Text Domain: theme-cummings

*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,800italic,400,800,700);

/* Reset.css */  

.div, img, a, ul, li, span, h1, h2, h3, h4, h5 {

	padding:0 0 0 0;

	margin:0 0 0 0;

	list-style:none;

	border:0;

	outline:none!important;

}

.clear {

	clear:both;

}

a {

	color:#AEDE8E;

	cursor:pointer;

}

a:hover, a:focus {

	text-decoration:none;

	color:#A380BD;

}

img {

	max-width:100%;

}

body {

	font-family: 'Open Sans', sans-serif;

	font-size:16px;

	color:#4d4d4d;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

	line-height:1.2;

}

 @font-face {

 font-family: 'NeutrafaceCondensedBold';

 src: url('fonts/NeutrafaceCondensedBold.eot');

 src: url('fonts/NeutrafaceCondensedBold.eot') format('embedded-opentype'), url('fonts/NeutrafaceCondensedBold.woff2') format('woff2'), url('fonts/NeutrafaceCondensedBold.woff') format('woff'), url('fonts/NeutrafaceCondensedBold.ttf') format('truetype'), url('fonts/NeutrafaceCondensedBold.svg#NeutrafaceCondensedBold') format('svg');

}

 @font-face {

 font-family: 'ReenieBeanie';

 src: url('fonts/ReenieBeanie.eot');

 src: url('fonts/ReenieBeanie.eot') format('embedded-opentype'), url('fonts/ReenieBeanie.woff2') format('woff2'), url('fonts/ReenieBeanie.woff') format('woff'), url('fonts/ReenieBeanie.ttf') format('truetype'), url('fonts/ReenieBeanie.svg#ReenieBeanie') format('svg');

}

/* Normal Styling */



body {

	padding-top:220px;

}

.container-fluid {

	padding:0 15px;

	max-width:1152px;

}

.row-fluid {

	width: 100%;

 *zoom: 1;

}

.row-fluid:before, .row-fluid:after {

	display: table;

	line-height: 0;

	content: "";

}

.row-fluid:after {

	clear: both;

}

.main-frame {

	padding:0;

	margin:0;

	display:block;

	overflow:hidden;

}

.header {

	display:block;

	padding:20px 0 20px 0;

	margin:0px;

	position:fixed;

	top:0;

	width:100%;

	z-index:999;

	background:#FFFFFF;

	-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;

	background:url(images/icon-line.png) repeat-x center 150px #FFFFFF;

}

.header .container-fluid {

	position:relative;

}

.navbar-fixed {

	height:0;

	display:block;

	overflow:hidden;

	-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;

}

.logo img, .header-right, .header-left {

	-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;

	opacity:1;

}

body.small-header .navbar-fixed {

	height:50px;

}

body.small-header .header {

	background-position:center 99px;

	padding:0 0 5px 0;

}

body.small-header .header:after {

	content:"";

	background:url(images/icon-line-white.png) repeat-x left bottom;

	height:22px;

	left:0px;

	right:0;

	display:block;

	position:absolute;

	bottom:-7px;

}

body.small-header .logo img, body.small-header .header-right, body.small-header .header-left {

	display:none;

	opacity:0;

}

body.small-header .logo a {

	background:url(images/icon-logo.png) no-repeat;

	width:96px;

	height:60px;

	position:absolute;

	left:50%;

	margin-left:-46px;

	top:-24px;

	padding:0;

}

body.small-header .logo:after {

	content:"";

	width:86px;

	height:14px;

	background:url(images/icon-white.png) repeat-x -1px bottom;

	left:50%;

	margin-left:-38px;

	top:3px;

	z-index:1;

	display:block;

	position:absolute;

}

body.small-header .header-nav {

	height:0;

	opacity:0;

	overflow:hidden;

}

.navbar-outer {

	display:inline-block;

	padding:0;

	margin:0;

	width:100%;

}

.logo {

	display:block;

	padding:0;

	margin:0;

	text-align:center;

	position:relative;

}

.logo a {

	background:#FFFFFF;

	display:inline-block;

	padding:0 15px;

	position:relative;

	z-index:10;

	width:354px;

	height:178px;

}

.header-left {

	float:right;

	padding:0;

	margin: 118px 0 0 0;

	position:relative;

}

.navbar-toggle {

	background:#ffffff;

	display: block;

	float: none;

	margin:0px 0 0 0;

	padding: 0 6px;

	position: relative;

	border:0;

	border-radius:0;

}

.navbar-toggle:hover .icon-bar {

	background:#e7f5dd;

}

.btn-grid {

	background:#afde8e;

	display:inline-block;

	padding:5px;

	vertical-align:middle;

}

.navbar-toggle .icon-bar {

	background:#FFFFFF;

	width:25px;

	height:5px;

	border-radius:0;

}

.btn-text {

	display:inline-block;

	padding:0 2px 0 0;

	margin:0;

	vertical-align:middle;

	font-family: 'ReenieBeanie';

	color:#afde8e;

	font-size:37px;

	line-height:26px;

}

.nav-bar {

	display:block;

	padding:0;

	margin:0 6px;

	background:#afde8e;

}

.nav-bar ul {

	display:block;

	padding:10px 0;

	margin:0;

}

.nav-bar ul li {

	display:block;

	padding:0px 0;

	margin:0;

}

.nav-bar ul li a {

	display:block;

	padding:0px 15px;

	margin:0;

	color:#FFFFFF;

	font-family: 'NeutrafaceCondensedBold';

	font-size:22px;

	text-transform:uppercase;

	white-space:nowrap;

	letter-spacing:1px;

	text-align:center;

}

.nav-bar ul li a:hover, .nav-bar ul li.current a {

	color:#666666;

}

.icon-logo {

	/*	background:url(images/icon-line.png) repeat-x center 30px;

*/	display:none;

	width:100%;

	padding:0 0 25px 0;

	margin:0;

	text-align:center;

}

.icon-logo span {

	display:inline-block;

	position:relative;

}

.icon-logo span:after {

	content:"";

	background:url(images/icon-line-white.png) repeat-x -3px 0;

	height:10px;

	left:15px;

	right:0;

	top:30px;

	display:block;

	position:absolute;

}

.navbar-collapse {

	padding:0;

	margin:0;

	border:0;

	box-shadow:none;

	position:absolute;

	top:33px;

	right:0px;

	z-index:1000;

}

.navbar-fixed .icon-logo {

	display:inline-block;

}

.navbar-fixed .nav-bar {

	background:none;

	text-align:center;

	margin:0;

}

.navbar-fixed .nav-bar ul {

	padding:0;

}

.navbar-fixed .nav-bar ul li {

	display:inline-block;

}

.navbar-fixed .nav-bar ul li a {

	color:#666666;

	padding:10px 20px;

}

.navbar-fixed .nav-bar ul li a:hover, .navbar-fixed .nav-bar ul li.current a, .navbar-fixed .nav-bar ul li a.current {

	color:#AFDE8E;

}

.navbar-top {

	position:absolute;

	top:0;

	left:15px;

	right:15px;
z-index:10;
}

.header-right {

	float:left;

	padding:0;

	margin:0;

	position:relative;

	z-index:100;

}

.header-right ul {

	display:block;

	padding:0;

	margin:0;

}

.header-right ul li {

	display:block;

	padding:0;

	margin:0;

	font-size:14px;

	color:#666666;

	text-align:left;

	line-height:24px;

}

.header-right ul li i {

	display:inline-block;

	padding:0;

	margin:0 5px 0 0px;

	width:23px;

	text-align:center;

}

.header-right ul li a {

	color:inherit;

}

.header-right ul li a:hover {

	color:#A380BD;

}

.banner {

	background:url(images/banner-bg.jpg) no-repeat center center;

	background-size:cover;

	padding:100px 0;

	color:#FFFFFF;

	text-align:center;

}

.banner .container-fluid {

	max-width:820px;

}

.banner h2 {

	font-weight:700;

	padding:0;

	margin:0 0 40px 0;

	font-size:33px;

	line-height:1.2;
	  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

}

.btn-link {

	display:block;

	margin:0;

	padding:0;

}

.btn-link a {

	display:inline-block;

	padding:0 20px;

	margin:0;

	height:56px;

	border:solid 2px #FFFFFF;

	color:#FFFFFF;

	font-size:30px;

	line-height:50px;

}

.btn-link a:hover {

	background:#FFFFFF;

	color:#afde8e;

}

.section {

	padding:60px 0;

	position:relative;

	color:#FFFFFF;

	border-bottom:solid 6px #FFFFFF

}

.section:before {

	content:"";

	position:absolute;

	bottom:-48px; /* value = - border-top-width - border-bottom-width */

	left:50%; /* controls horizontal position */

	border-width:48px 48px 0;

	border-style:solid;

	border-color:#fff transparent;

	/* reduce the damage in FF3.0 */

    display:block;

	width:0;

	z-index:10;

	margin-left:-48px;

}

/* creates the smaller  triangle */

.section:after {

	content:"";

	position:absolute;

	bottom:-40px; /* value = - border-top-width - border-bottom-width */

	left:50%; /* value = (:before left) + (:before border-left) - (:after border-left) */

	border-width:40px 40px 0;

	border-style:solid;

	border-color:#fff transparent;

	/* reduce the damage in FF3.0 */

    display:block;

	width:0;

	z-index:10;

	margin-left:-40px;

}

.section h3, .footer h3 {

	font-size:74px;

	font-family: 'ReenieBeanie';

	padding:0;

	margin:0 0 35px 0;

	text-align:center;

}

.section h3 span {

	display:block;

	font-size:14px;

	font-family: 'Open Sans', sans-serif;

}

.full-width {

	display:inline-block;

	padding:0;

	margin:0;

	width:100%;

}

.full-width + .full-width {

	margin-top:50px;

}

.about {

	color:#666666;

	background:#afde8e;

}

.about:after {

	border-color:#AFDE8E transparent;

}

.about h3 {

	text-align:left;

	margin:0;

}

.about p a {

	font-weight:700;

	color:inherit;

}

.about p a:hover {

	color:#FFFFFF;

}

.image-left, .about-img {

	float:left;

	padding:0;

	margin:0 25px 0 0;

}

.image-right {

	float:right;

	padding:0;

	margin:0 0 0 25px;

}

.about-text {

	display:

 table-cell;

	padding:0;

	margin:0;

}

.about-content .full-width:nth-child(2n) .about-img {
	float:right;

	padding:0;

	margin:0 0 0 25px;
	
}

.service {

	background:#a380bd;

	color:#FFFFFF;

	text-align:center;

}

.service:after {

	border-color:#A380BD transparent;

}

/** accordian **/





.acc_trigger {

	padding: 0;

	margin: 0 0 5px 0;

}

.acc_trigger a {

	color: #fff;

	text-decoration: none;

	display: inline;

	padding:0 0 0 40px;

	line-height:27px;

	background:url(images/icon-add.png) no-repeat left 0px;

}

.acc_trigger a:hover {

	color: inherit;

	opacity:.7;

}

.acc_trigger.active a {

	background:url(images/icon-minus.png) no-repeat left 0px;

}

.acc_container {

	margin: 0 0 15px;

	padding: 0;

	overflow: hidden;

	clear: both;
	text-align:justify;

}

.acc_container .block {

	padding: 20px;

}

/** End **/



.service h4 {

	font-size:36px;

	padding:0;

	margin:0 0 25px 0;

}

.service h4 a {

	display:inline;

}

.service h4 a, .service h4 a.active {

	background-position:left 12px!important;

}

.service-grid-outer {

	display:block;

	padding:10px 0 0 0;

	margin:0;

}

.service-grid {

	display:inline-block;

	padding:0;

	width:316px;

	margin:0 35px;

	vertical-align:top;

}

.service-grid i {

	display:block;

	padding:0;

	margin:0 0 10px 0;

}

.service-grid h4 {

	font-weight:700;

	margin-bottom:10px;

}

.service-grid p {

	font-size:14px;

	margin-bottom:20px;

}

.service-grid .btn-link a:hover {

	color:#A380BD;

}

.faq {

	background:#75caeb;

	text-align:center;

}

.faq:after {

	border-color:#75CAEB transparent;

}

.faq-img, .fill-width-img {

	float:none;

	display:block;
text-align:center;
	margin:0 0 30px 0;

}

.faq-text {

	display:block;

	padding:0;

	margin:0;

}

.faq p {

	padding-left:40px;

}

.faq .acc_trigger {

	margin-bottom:20px;

	font-size:20px;

}

.page-btm {

	background:#fbaf5d;

	text-align:center;

}

.page-btm:after {

	border-color:#FBAF5D transparent;

}

.page-btm h2 {

	font-size:60px;

	padding:0;

	margin:10px 0;
	font-weight:800;
	font-style:italic;

}

.page-btm h2 span {

	display:block;

	padding:0;

	margin:0;

	font-size:86px;
	 font-family: 'ReenieBeanie';
font-weight:normal;

}

.news {

	background:#afde8e;

}

.news:after {

	border-color:#AFDE8E transparent;

}

.news-outer {

	color:#4d4d4d;

}

.news-grid {

	display:block;

	padding:0;

	margin:0;

	max-width:400px;

}

.news-grid p {

	font-size:12px;

}

.news-grid p a {

	font-weight:700;

	color:inherit;

}

.news-grid p a:hover {

	color:#FFFFFF;

}

.news-head {

	display:inline-block;

	padding:0;

	width:100%;

	margin:0 0 18px 0;

}

.news-head h4 {

	font-size:23px;

	font-weight:700;

	margin:0px 0 0 0;

	padding:10px 0 0 5px;

	display:table-cell;

}

.news-date {

	border:solid 2px #4d4d4d;

	width:74px;

	height:74px;

	display:inline-block;

	text-align:center;

	vertical-align:middle;

	font-weight:400;

	margin-right:5px;

	float:left;

}

.news-date span {

	display:block;

	padding:0;

	margin:0;

	font-size:23px;

}

.news-date strong {

	display:block;

	padding:0;

	margin:0;

	font-size:39px;

	font-weight:400;

	line-height:33px;

}

.map {

	text-align:center;

	height:338px;

	overflow:hidden;

}

.map img {

	width:100%;

}

.map iframe {

	width:100%!important;

	height:100%!important;

	pointer-events:none;

}

.footer {

	padding:50px 0 50px 0;

	color:#646464;

}

.ft-left {

	float:none;

	padding:0;

	margin:0;

	text-align:center;

}

.ft-logo {

	display:block;

	padding:0;

	margin:0 0 20px 0;

}

.ft-logo a{
	display:inline-block;
	width:324px;
	height:178px;
}

.ft-left p {

	margin-bottom:15px;

}

.ft-right {

	float:none;

	padding:0;

	margin:0px auto;

	margin-top:30px;

	max-width:400px;

}

.ft-form {

	display:block;

	padding:0;

	margin:0;

}

.form-field {

	display:block;

	padding:0;

	margin:0;

	text-align:center;

}

.form-field + .form-field {

	margin-top:10px;

}

.form-field input[type="text"], .form-field input[type="email"], .form-field textarea, .form-field input[type="tel"] {

	width:100%;

	display:block;

	border:solid 1px #666666;

	padding:8px 8px;

	color:#666666;

	font-size:16px;

	min-height:22px;

}

.form-field input[type="submit"] {

	border:solid 1px #666666;

	color:#666666;

	cursor:pointer;

	background:#FFFFFF;

	text-transform:capitalize;

	padding:5px 15px;

	margin:0 auto;

}

.form-field input[type="submit"]:hover {

	background:#666666;

	color:#FFFFFF;

}

.ft-btm {

	display:inline-block;

	padding:0;

	margin:50px 0 0 0;

	width:100%;

	font-size:14px;

	text-align:center;

}

.ft-top {

	display:block;

	padding:0;

	margin:0 auto;

	max-width:800px;

}

.ft-top a {
	color:inherit;
}
.ft-top a:hover {
	color:#aede8e;
}
/*

Back to top button 

*/

#back-top {

	position: fixed;

	bottom:20px;

	right:15px;

	margin-left: 0px;

	padding:0;

	margin:0;

	text-align:center;

	z-index:10;

	display:block;

	opacity:1;

}

#back-top a {

	width: 62px;

	height:62px;

	display: inline-block;

	text-indent:-99999px;

	text-decoration: none;

	background:url(images/back-top.png) no-repeat;

	background-size:contain;

}

#back-top a:hover {

	opacity:.5;

}

/*** end **/



.modal-backdrop {

	background:#afde8e;

}

.modal-backdrop.in {

	opacity: 0.8;

}

.modal-content {

	border-radius:0;

	box-shadow:none;

	border:0;

}

.modal-dialog {

	width:auto;

	margin:0;

	left:0;

	right:0;

	height:100%;

	padding:70px 0;

}

.modal-body {

	padding:20px 0px;

	color:#4d4d4d;

	text-align:justify;

	height:100%;

}

.modal-body h3 {

	text-align:center;

	font-family: 'ReenieBeanie';

	font-size:45px;

	margin-bottom:15px;

}

.modal-body p {

	font-size:16px;

}



.modal-body a {
color:inherit;
}

.modal-body a:hover {
 color:#AFDF8E!important;
}

.modal-content {

	height:100%;

}

.modal-content button.close {

	font-family: 'Open Sans', sans-serif;

	color:#FFFFFF;

	font-size:66px;

	position:absolute;

	top:-76px;

	right:15px;

	opacity:1;

}

.modal-open .modal {

	padding:0!important;

}

.mCSB_container {

	padding:0 80px;

}

#cff .cff-item{
	border-color:#afafaf;
}

#cff .cff-item a {
	float:none;
	 color: inherit;
    font-weight: 700;
	text-transform:uppercasep
}

.cff-date{
	color:#4d4d4d;
}

.cff-text {
	font-size:12px;
}

#cff .cff-author {
	margin-bottom:8px;
}

.news-outer h2 {
	margin-bottom:20px;
}

.page-img-outer{
	padding-top:0!important;
}

.page-img-outer img {
	width:100%;
}

.ft-address {
	display:block;
	margin-bottom:20px;
}

.ft-top p {
	font-size:14px;
	text-align:justify;
}

.modal-body ul, .acc_container ul  {
display:block;
margin-left:25px;
margin-bottom:25px;
}

.modal-body ul li, .acc_container ul li {
		list-style-type:disc;
margin-bottom:4px;
}

.news h3 {
 color:#AFDE8E;
}

 /*--------------------------------------   MEDIA STYLES  -------------------------**/

/* Large desktop */

@media (max-width: 1200px) {

}





 /* --------------------------------------------

	 ( mobile phone )

-------------------------------------------- */		

	

@media (max-width: 979px) {

body {

 font-size:14px;

}

.banner {

 padding:70px 0;

}

.banner h2 {

 font-size:28px;

}

.btn-link a {

 font-size: 22px;

 height: 50px;

 line-height: 46px;

}

.nav-bar ul li a {

 font-size:20px;

}

.navbar-fixed .nav-bar ul li a {

 padding-left:15px;

 padding-right:15px;

}

.section h3, .footer h3 {

 font-size:60px;

}

 .service h4 {

 font-size: 26px;

 margin: 0 0 20px;

}

.service h4 a, .service h4 a.active {

 background-position: left 6px !important;

}

.service-grid {

 margin:0 20px;

}

.page-btm h2 {

 font-size:52px;


}

.page-btm h2 span {

 font-size: 50px;

}

 .section:before {

 bottom:-38px; /* value = - border-top-width - border-bottom-width */

 border-width:38px 38px 0;

 margin-left:-38px;

}



/* creates the smaller  triangle */

.section:after {

 bottom:-30px; /* value = - border-top-width - border-bottom-width */

 border-width:30px 30px 0;

 margin-left:-30px;

}

 .news-date span {

 font-size:20px;

}

 .news-date strong {

 font-size:34px;

}

 .ft-right {

 width:320px;

}

 .mCSB_container {

 padding-left:50px;

 padding-right:50px;

}

}





 /* --------------------------------------------

		 (iPad -Portrait)

-------------------------------------------- */		

@media (min-width: 768px) and (max-width: 979px) {

}



 /* --------------------------------------------

	 ( mobile phone )

-------------------------------------------- */		

	

@media (max-width: 767px) {

 .navbar-top {

 display: inline-block;

 left: auto;

 position: relative;

 right: auto;

 top: 0;

 width: 100%;

 margin-bottom:10px;
z-index:100;
}

.navbar-toggle {

 padding:0;

}

 .header-left {

 padding:0;

 margin:0;

}

.header {

 background:none;

 margin-bottom:25px;

}

.logo {

 background:url(images/icon-line.png) repeat-x left top;

 margin:0 -15px;

 padding-top:30px;

}

 .nav-bar {

 margin:0;

}

 .banner h2 {

 font-size: 24px;

}

 .image-left, .image-right, .about-img {

 float: none!important;

 margin: 0 0 10px!important;

 padding: 0!important;

}

.section h3, .footer h3 {

 font-size: 44px;

}

 .service h4 {

 font-size: 20px;

}

.service h4 a, .service h4 a.active {

 background-position: left 1px !important;

}

 .service-grid {

 display: inline-block;

 margin: 20px 0 0 0;

 max-width: 316px;

 padding: 0;

 width: 100%;

}

.page-btm h2 {

 font-size: 26px;

}

 .page-btm h2 span {

 font-size: 32px;

}

.news-grid {

 margin-bottom:32px;

}

.navbar-fixed {

 display:none!important;

}

.map {

 height:238px;

}

.footer {

 text-align:center;

 padding-bottom:40px;

}

.ft-left {

float:none;

}

.ft-right {

 float: none;

 margin: 30px auto;

 max-width: 320px;

 width: 100%;

}

.form-field input[type="submit"] {

 float:none;

}

.nav-bar ul li a {

 font-size: 19px;

 padding: 3px 8px;

}

.faq-img {

float:none;

display:block;

}

body {

 padding:0!important;

}

 body.small-header .header, .header {

 overflow:visible;

 padding-bottom:20px;

 background:#FFFFFF;

 margin:0;

 position:inherit;

}

 body.small-header .logo img, body.small-header .header-right, body.small-header .header-left {

 display:inline-block;

 opacity:1;

}

 body.small-header .logo a {

background:none;

width:auto;

height:auto;

position:relative;

left:auto;

bottom:auto;

right:auto;

margin:0;

top:auto;

}

 body.small-header .header::after {

 display:none;

}

 .ft-btm {

 margin-top:10px;

}

 .mCSB_container {

 padding-left:20px;

 padding-right:20px;

}

 .modal-dialog {

 padding:40px 0;

}

 .modal-content button.close {

 font-size: 50px;

 top: -50px;

}

#back-top a {

 width:50px;

 height:50px;

}

.modal-body p {

 font-size:14px;

}

 body.small-header .logo:after {

display:none;

}

 .logo a, body.small-header .logo a, .ft-logo a {

 padding:0;

 width:324px;

 height:178px;

}

}



/*-------------------------------------------- */	





     /* --------------------------------------------

320 (mobile)

-------------------------------------------- */	



 @media (max-width: 400px) {

 .logo a, body.small-header .logo a, .ft-logo a {

 width:300px;

 height:165px;

}

}

 @media (max-width: 360px) {

 .header-right ul li {

 font-size:13px;

}

 .header-right ul li i {

 margin:0;

}

 .navbar-toggle .icon-bar {

 width:20px;

 height:3px;

}

 .btn-text {

 font-size:34px;

}

 .navbar-collapse {

 top:27px;

}

 .logo a, body.small-header .logo a, .ft-logo a {

 width:258px;

 height:142px;

}

}



@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) {*/

 body.small-header .logo a {

 background:url(images/icon-logo@2x.png) no-repeat center center;

 background-size:contain;

}

.logo a, .ft-logo a {

 background:url(images/logo@2x.png) no-repeat center center #FFFFFF;

 background-size:contain;

}

 .logo img, .ft-logo img  {

 display:none!important;

}




}