/*
Theme Name: Callie 97 Display Theme
Author: Julian Chaniolleau
Description: ...
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
	font-family: 'proxima_nova_altblack';
	src: url('assets/fonts/ProximaNovaBlack.eot');
	src: url('assets/fonts/ProximaNovaBlack.eot?#iefix') format('embedded-opentype'),
		 url('assets/fonts/ProximaNovaBlack.woff2') format('woff2'),
		 url('assets/fonts/ProximaNovaBlack.woff') format('woff'),
		 url('assets/fonts/ProximaNovaBlack.ttf') format('truetype'),
		 url('assets/fonts/ProximaNovaBlack.svg#proxima_nova_altblack') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'proxima_nova_altbold';
	src: url('assets/fonts/ProximaNovaBold.eot');
	src: url('assets/fonts/ProximaNovaBold.eot?#iefix') format('embedded-opentype'),
		 url('assets/fonts/ProximaNovaBold.woff2') format('woff2'),
		 url('assets/fonts/ProximaNovaBold.woff') format('woff'),
		 url('assets/fonts/ProximaNovaBold.ttf') format('truetype'),
		 url('assets/fonts/ProximaNovaBold.svg#proxima_nova_altbold') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'Proxima Nova';
	src: url('assets/fonts/ProximaNovaRegular.eot');
	src: url('assets/fonts/ProximaNovaRegular.eot?#iefix') format('embedded-opentype'),
		 /*url('assets/fonts/ProximaNovaRegular.woff2') format('woff2'),*/
		 url('assets/fonts/ProximaNovaRegular.woff') format('woff'),
		 url('assets/fonts/ProximaNovaRegular.ttf') format('truetype'),
		 url('assets/fonts/ProximaNovaRegular.svg#proxima_nova_altregular') format('svg');
	font-weight: normal;
	font-style: normal;

}

/* /// RESET //// */
*,a{margin:0;padding:0}a,html{font-size:100%}.clearfix,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,img,menu,nav,section,summary{display:block}*,:focus{outline:0}a,img{border:0}a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;background:0 0}em,mark{font-style:italic}ins,mark{background-color:#ff9;color:#000}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{vertical-align:baseline;background:0 0}ins{text-decoration:none}mark{font-weight:700}del{text-decoration:line-through}input,select{vertical-align:middle}table{border-collapse:separate;border-spacing:0}caption,td,th{text-align:left;font-weight:400}input[type=submit]{-webkit-appearance:none}img,object{max-width:100%}p{margin-bottom:20px}.gallery-caption{margin-left:0;margin-bottom:10px;padding:0 10px}.aligncenter,.aligncenter img{margin-left:auto;margin-right:auto;clear:both}.clear{clear:both;height:0}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.none{display:none}.alignleft{float:left}.alignright{float:right;text-align:right}.aligncenter{display:block}.alignleft img{float:left}.alignright img{float:right}.aligncenter img{display:block}img.alignleft{float:left;margin:0 20px 0 0}img.alignright{float:right;margin:0 0 0 20px}img.aligncenter{margin-left:auto;margin-right:auto;display:block;clear:both}iframe{display:block}input,textarea{font-size:inherit;line-height:inherit;font-family:inherit;outline:0}.inv{display:none}a img{border:none}img{margin:0;padding:0;white-space:normal;display:block}.alignleft{text-align:left}.aligncenter{text-align:center}.alignRight{text-align:right}.alignLeft{text-align:left}.alignCenter{text-align:center}.right{text-align:right}.left{text-align:left}.center{text-align:center}.wp-smiley{display:inline}


html *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
} 

body{
  background: #fff;
  color: #4f5362;
  font-family: 'Proxima Nova', 'Roboto', 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  margin:0;
  padding:0;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{background-color:#4f5362;color:#fff;}
::-moz-selection{background-color:#4f5362;color:#fff;}

.gecko * {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/*
=======================================================================
=======================================================================
=======================================================================
			TYPO
*/


a{
  text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	   -o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
}
strong { font-weight: bold; }
em     { font-style: italic; }
small  { font-size: 80%; line-height: 60%;}
sup{
  position: relative;
  font-size: 60%; line-height: 12px;
  top: -5px;
}

h1 , h2 , h3 , h4 , h5 , h6 { color: #161616; font-family: 'Proxima Nova', 'Open Sans', sans-serif; }
.section_dark h1 , .section_dark h2 , .section_dark h3 , .section_dark h4 , .section_dark h5 , .section_dark h6 { color: inherit !important; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{ font-weight: bold; font-family: 'proxima_nova_altbold', 'Open Sans', sans-serif;  }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{ display: inline-block; }

h1{ font-size: 48px; line-height: 60px; margin-bottom: 20px; font-weight: bold; font-family: 'proxima_nova_altbold', 'Open Sans', sans-serif; }
h2{ font-size: 60px; line-height: 70px; margin-bottom: 20px; font-weight: bold; font-family: 'proxima_nova_altbold', 'Open Sans', sans-serif;}
h3{ font-size: 36px; line-height: 40px; margin-bottom: 20px; }
h4{ font-size: 24px; line-height: 36px; margin-bottom: 20px; }
h5{ font-size: 18px; line-height: 24px; margin-bottom: 10px; }
h6{ font-size: 18px; line-height: 24px; margin-bottom: 10px; }

.separator_title{ background-color: #999; border-radius:10px; width: 10px; height: 10px; position: relative; margin: 20px auto; }
.separator_title:before, .separator_title:after { content: ''; width: 100px; height: 1px; border-radius: 10px; position: absolute; top: 4px; }
 .separator_title:before{ left: 200%; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); }
 .separator_title:after{ right: 200%; background: rgb(0,0,0); background: linear-gradient(-90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); }
.page_title .separator_title:after, .section_dark .separator_title:after{ background: rgb(255,255,255); background: linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }
.page_title .separator_title:before, .section_dark .separator_title:before{ background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }

.biglines{ font-size: 24px; line-height: 32px; }

.textAlignRight{ text-align: right; }

.button{ background-color: #999; border:none; border-radius:4px; box-shadow: 0px 0px 0px 1px #999 inset; color: #fff; display:inline-block; font-size: 14px; font-weight: 600 !important; font-family: 'proxima_nova_altbold', 'Open Sans', sans-serif; padding: 8px 20px; height: 40px; line-height: 24px; text-transform: uppercase; }

.callie_page_content ul{ margin-bottom: 20px; }
.callie_page_content ul ul{ margin-bottom: 0px; }
.callie_page_content ul li{ list-style: square; list-style-position: inside; padding: 0 0 0 20px; }

/*
=======================================================================
=======================================================================
=======================================================================
			ICONS
*/
@font-face {
  font-family: 'callicons';
  src:  url('assets/fonts/callicons.eot?4dam6m');
  src:  url('assets/fonts/callicons.eot?4dam6m#iefix') format('embedded-opentype'),
    url('assets/fonts/callicons.ttf?4dam6m') format('truetype'),
    url('assets/fonts/callicons.woff?4dam6m') format('woff'),
    url('assets/fonts/callicons.svg?4dam6m#callicons') format('svg');
  font-weight: normal;
  font-style: normal;
}
.swiper-button-prev:after, .swiper-button-next:after,
.blog_slider-item .dot:after, .programs_list-header .dot:after,
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'callicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-star:before {        				content: "\e900"; }
.icon-stars:before {       				content: "\e901"; }
.icon-leadMail:before {    				content: "\e902"; }
.icon-leadName:before {    				content: "\e903"; }
.icon-pinterest:before {   				content: "\e904"; }
.icon-check:before {       				content: "\e905"; }
.icon-phone:before {       				content: "\e906"; }
.icon-mail:before,.icon-email:before {  content: "\e907"; }
.icon-arrow-right:before { 				content: "\e908"; }
.icon-arrow-left:before {  				content: "\e909"; }
.icon-arrow-up:before {    				content: "\e90a"; }
.icon-arrow-down:before {  				content: "\e90b"; }
.icon-vimeo:before {       				content: "\e90c"; }
.icon-googleplus:before {  				content: "\e90d"; }
.icon-youtube:before {     				content: "\e90e"; }
.icon-twitter:before {     				content: "\e90f"; }
.icon-yelp:before {        				content: "\e910"; }
.icon-dribbble:before {    				content: "\e911"; }
.icon-facebook:before {    				content: "\e912"; }
.icon-linkedin:before {    				content: "\e913"; }
.icon-instagram:before {   				content: "\e914"; }


/*
=======================================================================
=======================================================================
=======================================================================
			HEADER
*/
.callie_header{ color: #fff; position: relative; z-index: 10000; }
	.callie_header .top_bar{ background-color: #161616; border-bottom: 1px solid #999; line-height: 40px; position: relative; }
	.callie_header .top_bar:after{
		background-color: rgba(255,255,255,0); background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, #161616 50%, rgba(255,255,255,0) 100%);
		content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; }
		.callie_header .getInTouch{ font-size: 12px; display: block; float: left; width:50%; }
		.callie_header .getInTouch span{ font-size: 24px; vertical-align: middle; }
		.callie_header .getInTouch a{ color:#fff; padding-right: 20px; }
		.callie_header .getInTouch a:hover{ color: #999; }
		.callie_header .socialNetworks{ display: block; float: right; text-align: right; width:50%; }
		.callie_header .socialNetworks ul{ font-size:0; }
		.callie_header .socialNetworks ul li { display: inline-block; font-size: 24px; vertical-align: middle; }
		.callie_header .socialNetworks ul li a { color: #fff; display: block; padding: 0 5px; line-height: normal; }
		.callie_header .socialNetworks ul li a:hover{ color: #999; }

	.callie_header .content{}
		.callie_header .callie_header-logo{ display:block; float:left; max-width: 320px; max-height: 130px; min-height: 130px; padding-left: 20px; }
		.callie_header .callie_header-logo img{ max-height: 130px; }
		.callie_header .callie_header-logo a{}


		.navigation_box{display:block; float: right; width: calc(100% - 320px); padding: 40px 30px 0 0; text-align: right;}
		.hmbrgr { display: none; position: relative; vertical-align: middle; height: 40px; width: 50px; }
		.hmbrgr span{ background:#fff; width: 24px; height: 3px; border-radius: 3px; display:block; position:absolute; left: 19px; }
		.hmbrgr span:nth-child(1){ top: 50%; margin-top:-8px; }
		.hmbrgr span:nth-child(2){ top: 50%; margin-top: -1px; }
		.hmbrgr span:nth-child(3){ top: 50%; margin-top: 6px; }

		.closeMenu{ display: none; }

		.main_navigation{ display:inline-block; text-align: right; }
		/* menu */
		.main_navigation ul{ font-size: 0; }
		.main_navigation ul li{ font-size: initial; display: inline-block; position: relative; }
		.main_navigation ul li > a{ color: #fff; padding: 0 10px; }
		.main_navigation ul li a:hover{ color: #a2a2a2; }
		/* Sub menu */
		.main_navigation ul ul{ background: #161616; border-radius:6px; visibility: hidden; opacity: 0; position: absolute; z-index: 10000; width: 200px; padding: 10px; left: 50%; margin-left: -100px;
	  -webkit-transition: all 0.2s ease-in-out;
		 -moz-transition: all 0.2s ease-in-out;
		   -o-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
		}
		.main_navigation ul li:hover ul{ visibility: visible; opacity: 1; }
		.main_navigation ul ul li{ display: block; text-align: left; }
		.main_navigation ul ul li:hover{ background-color: rgba(255,255,255,0.03); }
		.main_navigation ul ul li a{ display: block; padding: 4px 10px; }
		.main_navigation ul ul li a:hover{ padding: 4px 10px 4px 16px; }

		.requestInformations{ display:inline-block; }



.lightHeader .callie_header, .lightHeader .callie_header .top_bar, .lightHeader .main_navigation ul ul{ background-color: #fff; }
.lightHeader .callie_header .socialNetworks ul li a,
.lightHeader .callie_header a{ color: #161616; }
.lightHeader .callie_header a.button{ color: #fff; }
.lightHeader .hmbrgr span { background: #161616; }


/*
=======================================================================
=======================================================================
=======================================================================
			FOLD Start
*/

.foldZero{ background-color: #161616; color: #fff; position: relative; overflow: hidden; }
	.foldZero-large{ float: left; width: 75%; position: relative; z-index: 5; background-color: #2b2b2b; }
	.foldZero-large:before{ background:#999; content: ''; width: 14vw; height: 14vw; border-radius: 0% 100% 100% 0% / 0% 100% 0% 100%; position: absolute; bottom:0px; left: 0px; z-index:1; }
	.foldZero-large-text{ position: absolute; bottom: 0; left: 0; z-index: 2; padding: 0 0 40px 40px; }
	.foldZero-large-text h1,.foldZero-large-text h2{ color: #fff; font-size: 3vw; line-height: normal; }
	.foldZero-large img{ width: 100%; }
	.foldZero-large p img{ width: auto; }
	.foldZero-smalls{ float: left; width: 25%; padding-left:4px; position:relative; z-index: 5;}
	.foldZero-small-box{ background-size: cover; margin-bottom: 3px; }
	.foldZero-small-box a{ display: block; position: relative; }
	.foldZero-small-box a:before{ background:#999; content: ''; width: 40px; height: 40px; border-radius: 40px; position: absolute; bottom:10px; left: 10px;
	  -webkit-transition: all 0.2s cubic-bezier(.58,.02,1,.81);
		 -moz-transition: all 0.2s cubic-bezier(.58,.02,1,.81);
		   -o-transition: all 0.2s cubic-bezier(.58,.02,1,.81);
			  transition: all 0.2s cubic-bezier(.58,.02,1,.81);
}
	.foldZero-small-box a:hover:before{ width: 100%; height: 100%; border-radius:0px; bottom:0px; left: 0px; opacity: 0.7; }
	.foldZero-small-box h3{ color:#fff; font-size: 18px; font-weight: 600; width: 100%; margin-bottom: 0; padding-left: 23px; position: absolute; bottom: 10px; left: 0; z-index: 2;
	  -webkit-transition: all 0.2s ease-in-out;
		 -moz-transition: all 0.2s ease-in-out;
		   -o-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out; }

/* LEAD FORM */
.foldZero-leadform{ font-size: 0; margin: 0 auto; max-width:1440px; padding:20px 20px 80px 20px; position: relative; z-index: 4; text-align: center; width: 100%; }
.foldZero-leadform h3{ color:#fff; font-size: 14px; line-height:22px; font-weight: 600; letter-spacing: 4px; margin-bottom:6px; overflow: hidden; position: relative; z-index: 2; text-transform: uppercase; }
.foldZero-leadform h3 span{ display: inline-block; position: relative; padding: 8px 20px; }
.foldZero-leadform h3 span:before{ background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); content: ''; width: 100%; height: 1px; position: absolute; top:18px; left:100%; z-index: -1; }
.foldZero-leadform h3 span:after{ background: rgb(255,255,255);
background: linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); content: ''; width: 100%; height: 1px; position: absolute; top:18px; right:100%; z-index: -1; }
.foldZero-leadform .foldZeroBox{ font-size: 16px; display: inline-block; padding: 0 5px; width: 20%; }
.foldZero-leadform .foldZeroBox .field{ background-color: rgba(255,255,255,0.2); border:none; border-radius:4px; color: #fff; padding: 0 20px 0 40px; height: 40px; width: 100%; }
.foldZero-leadform .fieldType-name,
.foldZero-leadform .fieldType-mail,
.foldZero-leadform .fieldType-phone,
.foldZero-leadform .fieldType-submit{ position: relative; }
.foldZero-leadform .fieldType-name span,
.foldZero-leadform .fieldType-mail span,
.foldZero-leadform .fieldType-phone span{ display: block; width:40px; height: 40px; line-height: 40px; position: absolute; top: 0; left: 5px; z-index: 2; border-radius: 40px; font-size: 22px; }
.foldZero-leadform .fieldType-name{}
.foldZero-leadform .fieldType-mail{}
.foldZero-leadform .fieldType-phone{}
.foldZero-leadform .fieldType-submit input{ cursor: pointer; width: 100%;
    display: block;
    white-space: pre-wrap;
    line-height: normal;
    padding: 0;
    vertical-align: middle;
	  -webkit-transition: all 0.2s ease-in-out;
		 -moz-transition: all 0.2s ease-in-out;
		   -o-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
}

.field-validation-error {
    width: 100% !important;
    position: absolute !important;
    top: 100% !important;
}
.field-validation-error span {
    color: red;
    display: block !important;
    width: 100% !important;
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
    font-size: 13px !important;
    line-height: 24px !important;
    height: 24px !important;
    text-align: left;
    padding-left: 13px;
}

.goContent{ position: absolute; left: 50%; width: 0; height: 0; border-right:20px solid transparent; border-left:20px solid transparent;  border-top:9px solid #fff; margin-left: -20px; }

.goContent span{ display: block; text-indent:-9999px; }

.goContent{
	-webkit-animation: sautille 2s ease-in-out infinite;
	        animation: sautille 2s ease-in-out infinite;
}

@-webkit-keyframes sautille {
  0% {
  	margin-top: 0px;
  }
  60% {
  	margin-top: 0px;
  	opacity: 1;
  }
  70% {
  	margin-top: -10px;
  	opacity: 0.4;
  }
  80% {
  	margin-top: 2px;
  	opacity: 1;
  }
  85% {
  	margin-top: -4px;
  }
  90% {
  	margin-top: 0px;
  }
  100% {
  	margin-top: 0px;
  }
}
@keyframes sautille {
  0% {
  	margin-top: 0px;
  }
  60% {
  	margin-top: 0px;
  	opacity: 1;
  }
  70% {
  	margin-top: -10px;
  	opacity: 0.4;
  }
  80% {
  	margin-top: 2px;
  	opacity: 1;
  }
  85% {
  	margin-top: -4px;
  }
  90% {
  	margin-top: 0px;
  }
  100% {
  	margin-top: 0px;
  }
}

/*
=======================================================================
=======================================================================
=======================================================================
			SECTIONS
*/
.waves{ background: url('assets/images/waves.png') no-repeat center top; display:block; height: 21px; width: 100%; position: relative; z-index: 3; }
.bgimg{ background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; width:100%; height:100%; z-index: 1; opacity: 0.2; }
.section{ position: relative; }
.section_dark{ background-color: #161616; color: #fff; }
.section .content{ margin: 0 auto; max-width:1440px; padding: 80px 20px; position: relative; width: 100%; z-index: 2; }

.row:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.row_col-1-1,
.row_col-1-2,
.row_col-1-3,
.row_col-1-4,
.row_col-2-4,
.row_col-3-4,
.row_col-2-3{ float: left; padding-left: 20px; padding-right: 20px; margin-bottom:20px; }

.row_col-1-1{ width: 100%; }
.row_col-1-2{ width: 50%; }
.row_col-1-3{ width: 33.333336%; }
.row_col-1-4{ width: 25%; }
.row_col-2-4{ width: 50%; }
.row_col-3-4{ width: 75%; }
.row_col-2-3{ width: 66.666667%; }


.col {
    /*float: left;*/
    /*margin: 0 0 30px 0;*/
    margin: 20px 0 0 0;
}


.one-full{ 		width: 100%;	padding-left: 2%; padding-right: 2%; }
.one-half{ 		width: 50%;		padding-left: 2%; padding-right: 2%; }
.one-third{ 	width: 33%;		padding-left: 2%; padding-right: 2%; }
.one-fourth{ 	width: 25%;		padding-left: 2%; padding-right: 2%; }
.one-fifth{		width: 20%;		padding-left: 2%; padding-right: 2%; }

.two-third{ 	width: 66%;		padding-left: 2%; padding-right: 2%; }
.two-fourth{ 	width: 50%;		padding-left: 2%; padding-right: 2%; }
.two-fifth{ 	width: 40%;		padding-left: 2%; padding-right: 2%; }

.three-fourth{ 	width: 75%;		padding-left: 2%; padding-right: 2%; }
.three-fifth{ 	width: 60%;		padding-left: 2%; padding-right: 2%; }

.four-fifth{ 	width: 80%;		padding-left: 2%; padding-right: 2%; }



.gap-10, .gap-20, .gap-30, .gap-40, .gap-50, .gap-60, .gap-70, .gap-80, .gap-90, .gap-100{ display:block; width:100%; }
.gap-10{ height: 10px; } .gap-20{ height: 20px; } .gap-30{ height: 30px; } .gap-40{ height: 40px; } .gap-50{ height: 50px; } .gap-60{ height: 60px; } .gap-70{ height: 70px; } .gap-80{ height: 80px; } .gap-90{ height: 90px; } .gap-100{ height: 100px; }


.max100{ width: 100%; max-width: 100px !important; }
.max200{ width: 100%; max-width: 200px !important; }
.max300{ width: 100%; max-width: 300px !important; }
.max400{ width: 100%; max-width: 400px !important; }
.max500{ width: 100%; max-width: 500px !important; }
.max600{ width: 100%; max-width: 600px !important; }
.max700{ width: 100%; max-width: 700px !important; }
.max800{ width: 100%; max-width: 800px !important; }
.max900{ width: 100%; max-width: 900px !important; }
.max1000{ width: 100%; max-width: 1000px !important; }
.max1100{ width: 100%; max-width: 1100px !important; }
.max1200{ width: 100%; max-width: 1200px !important; }
.max1280{ width: 100%; max-width: 1280px !important; }
.max1400{ width: 100%; max-width: 1400px !important; }
.max1440{ width: 100%; max-width: 1440px !important; }
.max1600{ width: 100%; max-width: 1600px !important; }

.max100.centerbox,
.max200.centerbox,
.max300.centerbox,
.max400.centerbox,
.max500.centerbox,
.max600.centerbox,
.max700.centerbox,
.max800.centerbox,
.max900.centerbox,
.max1000.centerbox,
.max1100.centerbox,
.max1200.centerbox,
.max1280.centerbox,
.max1400.centerbox,
.max1440.centerbox,
.max1600.centerbox{ margin-left: auto; margin-right: auto; }


/*
=======================================================================
=======================================================================
=======================================================================
			PAGE TITLE
*/
.page_title{ margin: 0 auto; max-width: 960px; padding: 0 20px; position: relative;  z-index: 4; width: 100%; text-align: center; }
.page_title h1{ color: #fff; text-transform: uppercase; }
.page_title h2{ color: #fff; font-size: 30px; line-height: normal; }
.page_title .biglines{ color: #a1a1a1; margin: 0 auto; max-width: 800px; } 

.callie_page_content .content{ max-width: 1200px; }
/*
=======================================================================
=======================================================================
=======================================================================
			BLOG
*/
.blog_slider{ padding: 0 40px; text-align: center; }
.blog_slider-item{ padding: 20px; }
.blog_slider-item a:hover{ box-shadow: 0px 0px 0px 1px #999, 0px 0px 20px 0px #999;  }
.blog_slider-item-header{ padding: 16px 20px 50px 20px; }
.blog_slider-item a{ background-color: #fff; display: block; color: #161616; position: relative; }
.blog_slider-item a em{ display:block; color: #a8acb9; font-style: normal; font-weight: 600; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; }
.blog_slider-item a h3{ font-size: 22px; line-height: 24px; font-weight: 600; margin-bottom: 0; }
.blog_slider-item a:hover em{}
.blog_slider-item a:hover h3{ color: #999; }
.blog_slider-item a img{}
.blog_slider-item .dot, .programs_list-header .dot{ background-color: #999; display: block; color: #fff; position: absolute; bottom: -20px; left: 50%; margin-left: -28px; width: 56px; height: 56px; border-radius: 56px; font-size: 32px; line-height: 64px; text-align: center; padding-left: 3px;
}


/*
=======================================================================
=======================================================================
=======================================================================
			TESTIMONIALS
*/
.callie_testimonials .content{ padding-bottom: 0; }
.testimonials_slider{ position: relative; padding: 0 40px; text-align: center; }
.testimonials_slider .swiper-container{ max-width:1440px;  margin: 0 auto; }
.testimonials_slider-item{ padding: 0 20px; }
.testimonials_slider-avatar{ overflow: hidden; width: 100px; height: 100px; margin: 0 auto; border-radius:50%; }
.testimonials_slider-item-header{ padding: 10px; }
.testimonials_slider-item-header h4{ font-size: 18px; line-height: 24px; margin-bottom: 0px; }
.testimonials_slider-item-header em{ display:block; color: #a8acb9; font-style: normal; font-weight: 600; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; }
.testimonials_slider-item-header p{ padding: 10px; }
.testimonials_slider-item-header p:last-child { margin-bottom: 0; }
.testimonials_slider-item-header .icon-stars{ font-size: 100px; line-height: 27px; display: block; }

.more_reviews { bottom: 0; position: relative; margin-top: 0px; margin-bottom: -20px; text-align: center; width: 100%; z-index: 160; }
.more_reviews a{ margin: 0 4px; min-width: 100px;}


/*
=======================================================================
=======================================================================
=======================================================================
			INSTAGRAM FEED
*/
.instafeed{ font-size: 0; margin: 0 auto; max-width: 1440px; width: 100%; text-align: center; }
.instafeed  a{ background-color: #161616; font-size: 18px; float: none; display: inline-block; margin: 5px; vertical-align: top; width: calc(100% / 5 - 10px); }
.instafeed  a:hover{box-shadow: 0px 0px 0px 1px #999, 0px 0px 20px 0px #999;}
.instafeed a img{
	  -webkit-transition: all 0.2s ease-in-out;
		 -moz-transition: all 0.2s ease-in-out;
		   -o-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
}
.instafeed:hover a:hover img{ opacity: 0.3; }

/*
=======================================================================
=======================================================================
=======================================================================
			FOOTER
*/
.callie_lead{ background-color: #999; position: relative; }
.callie_lead:before{ content: ''; background: url('assets/images/waves.png') no-repeat center bottom; width: 100%; height: 21px; position: absolute;top: 0; left: 0; z-index: 2; }
.callie_lead:after{ content: ''; width: 100%; height: 100%; position: absolute;top: 0; left: 0; z-index: 1; background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); opacity: 0.4; }
.callie_lead h2{ font-size: 36px; line-height: 40px; }
.footer{ background-color: #161616; font-size: 14px; line-height: 20px; color: #999; }
.footer .socialNetworks{ background: #fff; border-top: 1px solid #eeeef1; text-align: center; }
.footer .socialNetworks ul{ margin: 0 auto; max-width: 1440px; font-size: 0; }
.footer .socialNetworks ul li{ display: inline-block; font-size: 40px; vertical-align: top; }
.footer .socialNetworks ul li a{ color: #a8acb9; border-right: 1px solid #eeeef1; display: block; padding: 30px; }
.footer .socialNetworks ul li:last-child a{ border-right: none; }
.footer .socialNetworks ul li a:hover{ color: #000; }
.footer .socialNetworks ul li a .ico{ display: block; width: 40px; height: 40px; line-height: 40px; }
.footer .socialNetworks ul li a:hover span{}
.footer .content{ margin: 0 auto; max-width:1440px; padding: 20px; width: 100%;}
.footer_part1{ display: flex; align-items: center; justify-content: center; }
.footer-logo{ width: 284px; }
.footer-logo img { margin: 0 auto 20px 0; max-height: 130px; }
.footer-menu{ display: block; vertical-align: middle; text-align: right; width: calc(100% - 284px); }
.footer-menu ul{ font-size: 0; }
.footer-menu ul li{ display: inline-block; font-size: 13px; text-transform: uppercase; margin: 0 5px; }
.footer-menu ul li a{ color: #fff; padding: 5px; }
.footer-menu ul li a:hover{ color: #999; }
.footer .copyright a{ color: #fff; }
.footer .copyright a:hover{ color: #999; }




/*
=======================================================================
=======================================================================
=======================================================================
			REVIEWS & INSTRUCTORS
*/
.reviews_list{}
.reviews_list li{ display: block; }
.reviews_list-item{ display: flex; align-items: center; justify-content: center; }
.reviews_list-image{ display: inline-flex; width: 40%; padding: 0 40px; }
.reviews_list-header{ display: block; vertical-align: middle; width: 60%; padding: 40px; position: relative; }
.reviews_list-header-content{ margin: 0 auto; max-width:600px; width: 100%; }
.reviews_list-header h2{ display: block; width: 100%; font-size: 36px; line-height: 40px; margin-bottom: 0; }
.reviews_list-header blockquote{ font-size: 20px; line-height: 30px; }
.reviews_list-header .icon-stars{ font-size: 100px; line-height: 27px; display: block; margin-bottom: 20px; }
.quoteSymbol{ position: absolute; right: 40px; bottom: -30px; }
.reviews_list li:nth-child(even) .reviews_list-item{ flex-direction: row-reverse; }
.forInstructor .reviews_list-image, .forInstructor .reviews_list-header{ width: 50%; }
.instructors_status{ color: #; font-style: normal; }
.forInstructor .reviews_list-header-content,
.instructors_resume{ max-width: 400px; }
.instructors_resume{ padding-top: 20px; }

/*
=======================================================================
=======================================================================
=======================================================================
			FACILITIES
*/
.facilities_slider{padding: 60px 80px;}
.facilities_slider-item img{ width: 100%; }
.facility_title{ font-size:12px; letter-spacing: 4px; text-transform: uppercase; }


/*
=======================================================================
=======================================================================
=======================================================================
			PROGRAMS
*/
.programs_gap{ height: 260px; }
.programs_list{ text-align: center; margin-top: -300px; position: relative; z-index: 2000; }
.programs_list ul{ font-size: 0; padding: 0 40px; margin: 0 auto; max-width: 1830px; width: 100%; }
.programs_list li{ display: inline-block; width: calc(100% / 5); padding: 0 5px; margin-bottom: 30px;  }
.programs_list-item{ position: relative;
	  -webkit-transition: all 0.2s ease-in-out;
		 -moz-transition: all 0.2s ease-in-out;
		   -o-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
}
.programs_list-item:hover{box-shadow: 0px 0px 0px 1px #999, 0px 0px 20px 0px #999;}
.programs_list-item a{}
.programs_list-img{}
.programs_list-img:before{ content: ''; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 50%; background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); opacity: 0.8; }
.programs_list-header{ position: absolute; bottom: 0; z-index: 2; width: 100%; padding-bottom: 20px;
	  -webkit-transition: all 0.2s ease-in-out;
		 -moz-transition: all 0.2s ease-in-out;
		   -o-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out; }
.programs_list-item:hover .programs_list-header{ padding-bottom: 30px;  }
.programs_list-header h2{ color: #fff; font-size: 24px; }

/*
=======================================================================
=======================================================================
=======================================================================
			SWIPER SLIDER HACKS
*/
/* Swiper navigation + pagination */
.swiper-button-next, .swiper-button-prev{
	background-image: none !important;
    position: absolute !important;
    top: 50% !important;
    width: 50px !important;
    height: 60px !important;
    margin-top: 0px !important;
    z-index: 10 !important;
    cursor: pointer !important;
    background-size: 27px 44px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    font-size: 44px;
    line-height: 60px !important;
    text-align: center;
}
.swiper-button-prev:after{ content: "\e909"; }
.swiper-button-next:after{ content: "\e908"; }

.swiper-pagination-bullet{ background: #161616; margin: 0 6px; }
.swiper-pagination{ position: relative; padding: 10px 20px 10px 20px; text-align: center; width: 100%; left: 0; }
.section_dark .swiper-pagination-bullet { background: #fff; }
.section_dark .swiper-button-prev,
.section_dark .swiper-button-next { color: #fff; }
.testimonials_slider .swiper-button-prev, .testimonials_slider .swiper-button-next{ margin-top: -40px; }

.blog_slider .swiper-button-next{ right: 0; }
.blog_slider .swiper-button-prev{ left: 0; }

.testimonials_slider .swiper-button-next{ margin-top: -70px !important; }
.testimonials_slider .swiper-button-prev{ margin-top: -70px !important; }

.programs_slider{ position: relative; padding: 0 60px 60px 60px; text-align: center; }
.programs_slider .swiper-slide { padding: 20px; }

/*
=======================================================================
=======================================================================
=======================================================================
			REVEAL
*/
.posRel{ position: relative; }
.reveal{
	position: absolute; top: 0; width: 100%; height: 100%; z-index: 10;
	background:#161616; 
	-webkit-animation: revealBox 1s cubic-bezier(.34,.02,.23,.99) forwards;
	        animation: revealBox 1s cubic-bezier(.34,.02,.23,.99) forwards;
}

.fast-1{ animation-duration:1.2s; animation-delay: 0.2s; }
.fast-2{ animation-duration:0.6s; animation-delay: 0.6s; }
.fast-3{ animation-duration:0.6s; animation-delay: 0.8s; }
.fast-4{ animation-duration:0.6s; animation-delay: 1s; }

@-webkit-keyframes revealBox {
	0% {
		width: 100%;
		right: 0;
	}
	100% {
		width: 0%;
		right: 0%;
	}
}
@keyframes revealBox {
	0% {
		width: 100%;
		right: 0;
	}
	100% {
		width: 0%;
		right: 0%;
	}
}

.fadeIn {
	-webkit-animation: fadeIn 0.6s 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: fadeIn 0.6s 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
.callie_header .content{
	-webkit-animation: fadeIn 0.8s 0.5s cubic-bezier(.34,.02,.23,.99) both;
	        animation: fadeIn 0.8s 0.5s cubic-bezier(.34,.02,.23,.99) both;
}

@-webkit-keyframes fadeIn {
  0% {
  	opacity: 0;
  }
  100% {
  	opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
  	opacity: 0;
  }
  100% {
  	opacity: 1;
  }
}



.videoPopBox{
	position: fixed;
	top: 0; left: 0; z-index: 1000000;
	background-color: #000;
	width: 100vw; height: 100vh;
	opacity: 0; visibility: hidden;
}
.videoPopBoxLimiter{ position: absolute; top: 50%; left: 50%; z-index: 100; width: 100%; max-width: 1000px; max-height: 100vh; overflow: hidden;overflow-y: auto; transform: translate(-50%,-50%);  }
.popVideoActive .videoPopBox{ opacity: 1; visibility: visible; }
.popVideoCall_close {
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 2000;
    background-color: #fff;
    border-radius: 4px;
    color: #000;
    padding: 4px 20px;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.popVideoCall_close:hover{ background-color: red; color: #fff; }
/*
---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
	GLOBAL FORM OTHER THEMES
*/

.free_report{ background-color: #f7f7f7;padding:60px 0}
.free_report .content{margin:0 auto;width:100%;max-width:900px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.free_report h2{text-transform:uppercase;font-size:24px;letter-spacing:2px;line-height:30px;border-bottom:4px solid #fff;display:inline-block;margin-bottom:10px;padding-bottom:10px}
.free_report h2:first-line{font-size:40px}
.free_report .illustrative{background:url(https://97display.blob.core.windows.net/npe/Duke/assets/images/circlefreereport.png) no-repeat center center;position:absolute;top:0;left:0;width:389px;height:100%;background-size:contain;background-repeat:no-repeat}
.free_report .offertexts{padding:40px 40px 20px 389px;text-align:center}
.free_report p{font-style:italic;font-weight:700;font-size:17px}
.free_report .dlReport{background:#f50962;color:#fff;font-weight:700;font-weight:900;text-transform:uppercase;width:90%;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.free_report .dlReport:hover{background:#ff438a}
@media only screen and (max-width: 767px) {
.free_report h2:first-line{font-size:40px}
.free_report h2{letter-spacing:0}
.free_report .illustrative{display:none}
.free_report .offertexts{padding:40px}
}
#reportForm{position:fixed;top:0;left:0;z-index:-1;opacity:0;background:#000;background:rgba(0,0,0,0.9);display:block;width:100%;height:100%;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
#reportForm.active{opacity:1;z-index:90000}
#reportForm .content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#reportForm .frame{background:#000;padding:20px;width:100%;max-width:400px;margin:0 auto;position:relative;-webkit-box-shadow:0 0 0 8px rgba(255,255,255,0.2);-moz-box-shadow:0 0 0 8px rgba(255,255,255,0.2);-o-box-shadow:0 0 0 8px rgba(255,255,255,0.2);box-shadow:0 0 0 8px rgba(255,255,255,0.2)}
#reportForm h3{color:#fff;font-size:26px;line-height:24px;text-align:center}
#reportForm .cover{display:none;margin-top:-50px;margin-left:-60px;float:left}
#reportForm .popLeadCall_close{height:50px;width:50px;position:absolute;bottom:-60px;left:50%;margin:0 0 0 -25px;text-indent:-9999px}
#reportForm .popLeadCall_close:after{position:absolute;top:0;bottom:0;left:0;right:0;text-indent:0;content:"X";font-size:30px;color:#FFF;line-height:50px;text-align:center;font-family:"Lato";font-weight:900;z-index:90}
#reportForm input{width:100%}
#reportForm p{width:96%;padding:0 2% 0 5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#reportForm p:nth-child(2),#reportForm p:nth-child(3){width:48%;display:inline-block}
#reportForm p:nth-child(3){float:left}
#reportForm .field{background:#000;background:rgba(0,0,0,0.2);color:#000;border:1px solid #000;border:1px solid rgba(0,0,0,0.3);line-height:32px;height:34px;padding:0 15px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#reportForm .field:focus{border:1px solid rgba(0,0,0,0.6)}
#reportForm .submit{width:200px;padding:10px 20px;font-size:13px;margin:0 auto;display:block;border-radius:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#hiddenForm{position:fixed;top:100vh;z-index:50000;width:100%;height:100vh;max-height:100vh;-webkit-transition:all .9s cubic-bezier(.6,.03,.07,1);-moz-transition:all .9s cubic-bezier(.6,.03,.07,1);-o-transition:all .9s cubic-bezier(.6,.03,.07,1);transition:all .9s cubic-bezier(.6,.03,.07,1)}
#hiddenForm.isThere{bottom:0;top:auto;z-index:50000}
#hiddenForm .content{max-width:1280px;padding:20px 40px;margin:0 auto;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#hiddenForm .slideForm{background:#15181e;background:rgba(21,24,30,0.97);color:#fff;position:fixed;bottom:-100%;bottom:-200vh;width:100%;height:100vh;-webkit-transition:all .3s cubic-bezier(.6,.03,.07,1);-moz-transition:all .3s cubic-bezier(.6,.03,.07,1);-o-transition:all .3s cubic-bezier(.6,.03,.07,1);transition:all .3s cubic-bezier(.6,.03,.07,1)}
#hiddenForm .slideForm.active{bottom:0}
#hiddenForm .slideForm .content{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
#hiddenForm .slideForm h3{color:#fff;font-size:24px;text-transform:uppercase}
#hiddenForm .slideForm iframe{width:100%;max-width:500px;margin:0 auto}
#hiddenForm .popLeadCall_close{height:50px;width:50px;position:relative;position:absolute;bottom:-50px;left:calc(50% - 25px);margin:0;text-indent:-9999px}
#hiddenForm .popLeadCall_close:after{position:absolute;top:0;bottom:0;left:0;right:0;text-indent:0;content:"X";font-size:30px;color:#FFF;line-height:50px;text-align:center;font-family:"Lato";font-weight:900;z-index:90}
.slideForm .duke_leadForm{background:none!important;position:relative!important;right:auto;bottom:auto;margin:0 auto!important;max-width:500px;width:100%}
.duke_leadForm .textarea{height:100px}
@media only screen and (max-width: 767px) {
#hiddenForm .popLeadCall_close{left:auto;right:20px;bottom:55px;margin:0 0 0 -25px}
}
.social_share_97d{margin-top:30px;display:block;text-align:center;overflow:hidden;padding-bottom:5px}
.social_share_97d h4{display:inline-block;padding:10px 30px;position:relative}
.social_share_97d h4:before,.social_share_97d h4:after{content:'';background:#f0f0f0;height:3px;width:120px;position:absolute;top:50%;display:block}
.social_share_97d h4:before{right:100%}
.social_share_97d h4:after{left:100%}
.social_share_box{padding-left:0!important}
.social_share_box li{display:inline-block!important;width:50px;height:50px;list-style:none!important;margin:0 20px;padding:0!important;padding-left:0!important;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.social_share_box li:before,.social_share_box li:after{display:none!important}
.social_share_box li a{display:block;width:50px;height:50px;background-position:center top;border-bottom: none;}
.social_share_box li:hover a{background-position:center bottom;border-bottom: none;}
.social_share_box li.facebook a{text-indent:-9999px;background-image:url(https://res.cloudinary.com/display97/image/upload/q_auto,fl_lossy,f_auto/global/social_share_box-fb.png)}
.social_share_box li.facebook{background:#fff;-webkit-box-shadow:0 0 0 2px #3b5999;-moz-box-shadow:0 0 0 2px #3b5999;-o-box-shadow:0 0 0 2px #3b5999;box-shadow:0 0 0 2px #3b5999}
.social_share_box li.facebook:hover{background:#3b5999}
.social_share_box li.twitter a{text-indent:-9999px;background-image:url(https://res.cloudinary.com/display97/image/upload/q_auto,fl_lossy,f_auto/global/social_share_box-tw.png)}
.social_share_box li.twitter{background:#fff;-webkit-box-shadow:0 0 0 2px #55acee;-moz-box-shadow:0 0 0 2px #55acee;-o-box-shadow:0 0 0 2px #55acee;box-shadow:0 0 0 2px #55acee}
.social_share_box li.twitter:hover{background:#55acee}
.social_share_box li.google a{text-indent:-9999px;background-image:url(https://res.cloudinary.com/display97/image/upload/googleicon.png)}
.social_share_box li.google{background:#fff;-webkit-box-shadow:0 0 0 2px #dc4e41;-moz-box-shadow:0 0 0 2px #dc4e41;-o-box-shadow:0 0 0 2px #dc4e41;box-shadow:0 0 0 2px #dc4e41}
.social_share_box li.google:hover{background:#dc4e41}
.address a{border-bottom:1px solid blue}
.address{line-height:30px}
.contactRD h2{text-align:center;margin-bottom:40px;font-weight:500}
.contactRD h2 strong{font-weight:900!important}
.contactRD .social-contact{text-align:center;font-size:0;margin-bottom:40px}
.contactRD .social-contact li{border-radius:50%;background-repeat:no-repeat;background-position:center center;display:inline-block;font-size:16px;margin:0 6px;width:44px;height:44px;text-indent:-9999px;padding:0;vertical-align:middle;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}
.contactRD .social-contact:hover li{opacity:.4}
.contactRD .social-contact:hover li:hover{opacity:1}
.contactRD .social-contact-facebook{background-color:#3b5999;background-image:url(https://res.cloudinary.com/display97/image/upload/q_auto,fl_lossy,f_auto/resources/locpage/facebook.png)}
.contactRD .social-contact-twitter{background-color:#55acee;background-image:url(https://res.cloudinary.com/display97/image/upload/q_auto,fl_lossy,f_auto/resources/locpage/twitter.png)}
.contactRD .social-contact-google{background-color:#dd4b39;background-image:url(https://res.cloudinary.com/display97/image/upload/googleicon.png)}
.contactRD .social-contact-instagram{background-color:#3f729b;background-image:url(https://res.cloudinary.com/display97/image/upload/q_auto,fl_lossy,f_auto/resources/locpage/instagram.png)}
.contactRD .social-contact-youtube{background-color:#cd201f;background-image:url(https://res.cloudinary.com/display97/image/upload/q_auto,fl_lossy,f_auto/resources/locpage/youtube.png)}
.contactRD .social-contact-yelp{background-color:#df2029;background-image:url(https://res.cloudinary.com/display97/image/upload/q_auto,fl_lossy,f_auto/resources/locpage/yelp.png)}
.contactRD .social-contact-pinterest{background-color:#bd081c;background-image:url(https://res.cloudinary.com/display97/image/upload/q_auto,fl_lossy,f_auto/resources/locpage/pinterest.png)}
.contactRD li:before,.contactRD li:after{display:none!important}
.contactRD .social-contact li a{display:block;width:44px;height:44px}
.contactRD .contactRD-address{color:#3f4655;font-size:20px;margin-bottom:40px;width:50%;float:left}
.contactRD .contactRD-address li{font-size:24px;padding:4px 0 4px 52px !important;line-height:32px;list-style-position:none!important;list-style-type:none!important}
.contactRD .contactRD-address li.cRD-address{background:url(https://res.cloudinary.com/display97/image/upload/q_auto,fl_lossy,f_auto/resources/locpage/address.png) no-repeat left top}
.contactRD .contactRD-address li.cRD-phone{background:url(https://res.cloudinary.com/display97/image/upload/q_auto,fl_lossy,f_auto/resources/locpage/phone.png) no-repeat left top}
.contactRD .contactRD-address li.cRD-email{background:url(https://res.cloudinary.com/display97/image/upload/q_auto,fl_lossy,f_auto/resources/locpage/email.png) no-repeat left top}
.contactRD .contactRD-imgLocation{text-align:center;margin-bottom:30px;width:50%;float:right}
.contactRD .contactRD-imgBox{float:right;max-width:500px;background-color:#000}
.contactRD .contactRD-imgLocation h3{text-transform:uppercase;font-size:17px;margin-bottom:0;color: #ffffff;}
.contactRD .contactRD-imgLocation .contactRD-img{padding:0 2px 2px}
.contactRD .contactRD-hours{margin-bottom:30px}
.contactRD .contactRD-hours h4{border-bottom:1px solid #000;display:inline-block;font-weight:900;font-size:18px;line-height:24px;margin-bottom:10px;text-transform:uppercase}
.contactRD .contactRD-hours p strong{font-weight:700}
.contactRD .contactRD-hours p em{font-style:italic}
.contactRD .contactRD-map{margin-bottom:50px;clear:both}
.contactRD .contactRD-map #contactMap{min-height:320px}
.contactRD .contactRD-directions{border-left:1px solid #000;border-left:1px solid rgba(0,0,0,0.2);margin-left:20px;padding:30px 30px 10px;position:relative}
.contactRD .contactRD-directions:after{content:'';background-color:rgba(0,0,0,0.2);width:4px;height:4px;border-radius:50%;position:absolute;bottom:-4px;left:-2px}
.contactRD .contactRD-directions h5{font-size:17px;font-weight:700;margin-bottom:5px}
.contactRD .contactRD-directions ul li{padding-left:8px;margin-bottom:2px;line-height:normal}
.contactRD .contactRD-about{background:#f0f0f0;border-radius:4px;overflow:hidden;box-shadow:rgba(0,0,0,0.2) 0 0 0 1px inset}
.contactRD .contactRD-about h4{background-color:#000;color:#fff;text-align:center;font-weight:900;text-transform:uppercase;line-height:normal;margin-bottom:0;font-size:16px;padding:16px}
.contactRD .contactRD-about p{padding:20px;margin-bottom:0}
@media only screen and (max-width: 959px) {
.contactRD .contactRD-imgLocation,.contactRD .contactRD-address{width:100%;float:none}
}
.eventsListing li{list-style:none;border-bottom:1px solid #e0e0e0;display:block;padding-left:0!important}
.eventsListing li a{display:block;padding:8px}
.eventsListing li a:hover{background-color:#f9f9f9}
.eventsListing .eventDate{font-weight:700;float:right}
.gal_title{text-align:center;text-transform:uppercase;font-size:19px;background:#f0f0f0;padding:10px;border:1px solid #d0d0d0}
.owl-dots{height:16px;text-align:center;padding:8px 0}
.owl-dot{display:inline-block!important;margin:0 6px;position:relative;z-index:8001}
.owl-nav{position:absolute;width:100%;height:40px;text-indent:-9999px}
.owl-prev{display:block;width:32px;height:32px;position:absolute;left:20px;top:50%;margin-top:-16px;background:url(assets/images/slider_icon_left.png) no-repeat}
.owl-next{display:block;width:32px;height:32px;position:absolute;right:20px;top:50%;margin-top:-16px;background:url(assets/images/slider_icon_right.png) no-repeat}
.owl-dot{display:block;color:#333!important;height:10px;width:10px;background:#ababab;line-height:32px;text-indent:-9999px;text-align:left;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px}
.owl-dot:hover{background:#222!important}
.owl-dot.active{background:#e20015}
.accordionBox h5{display:block;position:relative;text-transform:uppercase;margin-bottom:30px}
.accordionBox h5.active{color:#999!important}
.accordionBox h5:after{content:'';width:0;height:0;position:absolute;top:50%;right:20px;margin-top:-3px;border-left:6px solid transparent;border-top:6px solid #d0d0d0;border-right:6px solid transparent}
.accordionBox h5.active:after{content:'';width:0;height:0;position:absolute;top:50%;right:20px;border-left:6px solid transparent;border-top:none;border-bottom:6px solid #d0d0d0;border-right:6px solid transparent}
.accordionBox .answer{display:none;border-bottom:1px solid #d0d0d0;padding:0 0 20px;margin-bottom:20px}
.accordionBox .answer.active{display:block}




/*
=======================================================================
=======================================================================
=======================================================================
			CUSTOM COLORS
		.demo_blue : #0064fe;
*/
.demo_blue .callie_header .top_bar{ border-bottom: 1px solid #0064fe; }
.demo_blue .button{ background-color: #0064fe; color: #fff; box-shadow: 0px 0px 0px 1px #0064fe inset; }
.demo_blue .button:hover{ background-color: #fff; color: #0064fe; }
.demo_blue .blog_slider-item a:hover,.demo_blue .instafeed a:hover, .demo_blue .programs_list-item:hover{ box-shadow: 0px 0px 0px 1px #0064fe, 0px 0px 30px -5px #0064fe;  }
.demo_blue .programs_list-item .dot,
.demo_blue .blog_slider-item .dot,
.demo_blue .separator_title,
.demo_blue .foldZero-small-box a:before,
.demo_blue .foldZero-large:before,
.demo_blue .swiper-pagination-bullet-active,
.demo_blue .callie_lead{ background: #0064fe; }
.demo_blue .icon-stars,
.demo_blue .footer .socialNetworks ul li a:hover,
.demo_blue .footer-menu ul li a:hover{ color: #0064fe; }



/* Demo Purple */
.demo_purple .callie_header .top_bar{ border-bottom: 1px solid #672184; }
.demo_purple .button{ background-color: #672184; color: #fff; box-shadow: 0px 0px 0px 1px #672184 inset; }
.demo_purple .button:hover{ background-color: #fff; color: #672184; }
.demo_purple .blog_slider-item a:hover,.demo_purple .instafeed a:hover, .demo_purple .programs_list-item:hover{ box-shadow: 0px 0px 0px 1px #672184, 0px 0px 30px -5px #672184;  }
.demo_purple .programs_list-item .dot,
.demo_purple .blog_slider-item .dot,
.demo_purple .separator_title,
.demo_purple .foldZero-small-box a:before,
.demo_purple .foldZero-large:before,
.demo_purple .swiper-pagination-bullet-active,
.demo_purple .callie_lead{ background: #672184; }
.demo_purple .icon-stars,
.demo_purple .footer .socialNetworks ul li a:hover,
.demo_purple .footer-menu ul li a:hover{ color: #672184; }


/* Demo Yellow */
.demo_yellow .callie_header .top_bar{ border-bottom: 1px solid #f7cd00; }
.demo_yellow .button{ background-color: #f7cd00; color: #3c3200; box-shadow: 0px 0px 0px 1px #f7cd00 inset; }
.demo_yellow .button:hover{ background-color: #3c3200; color: #f7cd00; }
.demo_yellow .blog_slider-item a:hover,.demo_yellow .instafeed a:hover, .demo_yellow .programs_list-item:hover{ box-shadow: 0px 0px 0px 1px #f7cd00, 0px 0px 30px -5px #f7cd00;  }
.demo_yellow .programs_list-item .dot,
.demo_yellow .blog_slider-item .dot,
.demo_yellow .separator_title,
.demo_yellow .foldZero-small-box a:before,
.demo_yellow .foldZero-large:before,
.demo_yellow .swiper-pagination-bullet-active,
.demo_yellow .callie_lead{ background: #f7cd00; }
.demo_yellow .icon-stars,
.demo_yellow .footer .socialNetworks ul li a:hover,
.demo_yellow .footer-menu ul li a:hover{ color: #f7cd00; }


/* Demo Cool */
.demo_cool .callie_header .top_bar{ border-bottom: 1px solid #c70000; }
.demo_cool .button{ background-color: #c70000; color: #fff; box-shadow: 0px 0px 0px 1px #c70000 inset; }
.demo_cool .button:hover{ background-color: #fff; color: #c70000; }
.demo_cool .blog_slider-item a:hover,.demo_cool .instafeed a:hover, .demo_cool .programs_list-item:hover{ box-shadow: 0px 0px 0px 1px #c70000, 0px 0px 30px -5px #c70000;  }
.demo_cool .programs_list-item .dot,
.demo_cool .blog_slider-item .dot,
.demo_cool .separator_title,
.demo_cool .foldZero-small-box a:before,
.demo_cool .foldZero-large:before,
.demo_cool .swiper-pagination-bullet-active,
.demo_cool .callie_lead{ background: #c70000; }
.demo_cool .icon-stars,
.demo_cool .footer .socialNetworks ul li a:hover,
.demo_cool .footer-menu ul li a:hover{ color: #c70000; }


.social_share_box li.linkedin a{text-indent: -9999px; background-image: url(https://res.cloudinary.com/display97/image/upload/q_auto,fl_lossy,f_auto/global/linkedin.png); }
.social_share_box li.linkedin{
	background: #fff;
	-webkit-box-shadow: 0px 0px 0px 2px #55acee;
	-moz-box-shadow: 0px 0px 0px 2px #55acee;
	-o-box-shadow: 0px 0px 0px 2px #55acee;
	box-shadow: 0px 0px 0px 2px #55acee;
}
.social_share_box li.linkedin:hover{ background: #55acee; }