/*

1. Typography

2. Structure

3. Components & Common Classes

4. Content

*/




/*

----------------------------

1. Typograhy

----------------------------

*/

body,

.post-block-3 h3{font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;}


a{text-decoration: none;}

p strong, input[type="submit"]{ font-family: 'HelveticaNeue-Bold';}



h1, h2, h3, h4, h5, h6{margin-bottom: 10px;}

h1{font-family: 'Gotham_Black-Regular', Helvetica, Roboto, Arial, sans-serif;}

h2, h3, h4, h5, h6{font-family: 'Gotham-Light-Regular', Helvetica, Roboto, Arial, sans-serif}

h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{font-family: 'Gotham-Narrow';}



h1.subhead, .subhead{font-family: 'Gotham-Narrow-Light'; }



h2.title-line{position: relative;}

h2.title-line:after{content:""; position: absolute; height: 1px; left: 0; right: 0; top: 50%; z-index: -1;

	background-size: 100% auto;  background-repeat: no-repeat;}

h2.title-line span{padding: 0 20px;}

.section-dark h2.title-line span{background: #757575;}

.section-dark h2.title-line:after{background-image: url(../img/bg-line-section-dark.png);}

.section-light h2.title-line span{background: #fff;}

.section-light h2.title-line:after{background-image: url(../img/bg-line-section-light.png);}



.step-number span{font-family: 'Gotham-Bold-Regular';}



.post-block-1 h3,

.testimonial-content-quote h3{font-family: 'Gotham-Medium';}



.step-block-entry,

.template-foundation ul{font-family: 'Gotham-Narrow-Light';}



.post-block-1-entry p.entry{font-family: 'HelveticaNeue-Bold';}



.section h1{text-transform: uppercase;}

.section h1.subhead{text-transform: none;text-align:center;}











@media only screen { /* Define mobile styles */
	p{font-size: 13px;}

	h1{font-size: 24px;}

	h2{font-size: 18px;}

	h3{font-size: 16px;}

	h4{font-size: 15px;}

	h5{font-size: 14px;}

	h6{font-size: 13px;}



	h1.subhead, .subhead{font-size: 18px;}
}





@media only screen and (min-width: 40.063em) { /* min-width 641px, medium screens */

	p{font-size: 15px;}

	h1{font-size: 28px;}

	h2{font-size: 20px;}

	h3{font-size: 18px;}

	h4{font-size: 16px;}

	h5{font-size: 15px;}

	h6{font-size: 14px;}



	h1.subhead, .subhead{font-size: 22px;}

}



@media only screen and (min-width: 64.063em) { /* min-width 1025px, large screens */

	p{font-size: 16px;}

	h1{font-size: 34px;}

	h2{font-size: 26px;}

	h3{font-size: 22px;}

	h4{font-size: 18px;}

	h5{font-size: 17px;}

	h6{font-size: 16px;}



	h1.subhead, .subhead{font-size: 29px;}



}







/*other>18px: 100% desktop, 80% table 70% mobile*/

ul{list-style: none;}

ul.disc li{padding-left: 6px;}

ul.inline-list-custom{text-align: center;}

ul.inline-list-custom>li{display: inline-block;}

ul.list{padding-left: 20px;list-style: disc;}

/*

----------------------------

2. Structure

----------------------------

*/

@media only screen {/* Define mobile styles */

	.section{padding: 30px 0;}

	.column.gutter-10, .columns.gutter-10,

	.column.gutter-50, .columns.gutter-50{padding-left: 10px; padding-right: 10px;}

}

@media only screen and (min-width: 40.063em) { /* min-width 641px, medium screens */

	.section{padding: 60px 0;}

	.row .row-gutter-50{margin-left: -25px; margin-right: -25px;}

	.row .row-gutter-40{margin-left: -20px; margin-right: -20px;}

	.row .row-gutter-30{margin-left: -15px; margin-right: -15px;}

	.row .row-gutter-10{margin-left: -5px; margin-right: -5px;}



	.column.gutter-10, .columns.gutter-10{padding-left: 5px; padding-right: 5px;}

	.column.gutter-30, .columns.gutter-30{padding-left: 15px; padding-right: 15px;}

	.column.gutter-40, .columns.gutter-40{padding-left: 20px; padding-right: 20px;}

	.column.gutter-50, .columns.gutter-50{padding-left: 25px; padding-right: 25px;}

	.break-for-medium{display: block;}

}

@media only screen and (min-width: 64.063em) { /* min-width 1025px, large screens */

	.section{padding: 80px 0;}

	.break-for-medium{display: inline;}

	.break-for-large{display: block;}



}



/*

----------------------------

3. Components & Common Classes

----------------------------

*/



/*3.0. Helper Class */

.remove-margin{margin-bottom: 0!important;}



/*3.1. Section Class */

.section{position: relative;}



.section-dark .primary-dark,

.section-dark  ul, .section-dark  p, 

.section-dark  h1, .section-dark  h2, .section-dark  h3, .section-dark  h4, .section-dark  h5, .section-dark  h6,

.section-dark blockquote, .section-dark blockquote p, .section-dark a, .section-dark a:hover{color: #fff;}

.section-dark .secondary-dark{color: #c9c9c9;}

.section-light .primary-light,

.section-light h1,

.section-light h2{color: #404040;}

.section-light .secondary-light,

.section-light p .section-light h3, .section-light h4, .section-light h5, .section-light h6, .section-light p, .section-light ul {color: #757575;}



/* 3.2. Button */

div.hs_submit > div > input{
	background: #ff8b00 none repeat scroll 0 0 !important;
    border-width: 0 !important;
    box-shadow: none !important;
    font-family: "HelveticaNeue-Bold",Helvetica,Roboto,Arial,sans-serif !important;
    font-size: 18px !important;
    font-weight: normal !important;
    padding: 18px 0 !important;
    text-shadow: none !important;
}

button, .button, input[type="submit"].button, input[type="submit"]{

	font-family: "HelveticaNeue-Bold", Helvetica, Roboto, Arial, sans-serif; text-transform: uppercase;

	background-color: #ff8b00;

	padding: 11px 25px 12px;

	border-radius: 3px;

	transition: background-color 300ms ease-out; }

input[type="submit"]{border:none; color: #fff;}

button:hover, button:focus, .button:hover, .button:focus {background-color: #ff7e00; }

button.large, .button.large{ font-weight: bold; padding: 14px 30px 15px;}

button.small, .button.small {padding: 10px 25px 11px; font-family: 'Helvetica Neue';}



.video-button{width: 137px; height: 137px; display: inline-block; position: absolute; top: 50%; margin-top: -68px; left: 50%; margin-left: -68px;}



	@media only screen {/* Define mobile styles */

		button, .button {font-size: 14px; margin: 0 0 0.875rem;}

		button.large, .button.large{font-size: 18px;}

		button.small, .button.small {font-size: 12px;}


	}

	@media only screen and (min-width: 40.063em) { /* min-width 641px, medium screens */

		button, .button {font-size: 16px; margin: 0 0 1rem;}

		button.large, .button.large{font-size: 23px;}

		button.small, .button.small {font-size: 14px;}

	}

	@media only screen and (min-width: 64.063em) { /* min-width 1025px, large screens */

		button, .button {font-size: 21px; margin: 0 0 1.25rem;}

		button.large, .button.large{font-size: 25px;}

		button.small, .button.small {font-size: 16px;}

	}

/* 3.3. Form */



/*--------Text field*/

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {

	font-family: "Gotham-Narrow-Light";

	box-shadow: none;

	margin: 0 0 1rem 0;

	padding: 0.5em 1em;

	}



  input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {

    background: #fafafa;

    border-color: #999999;

    outline: none;}



  input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {

    background-color: #DDDDDD;

    cursor: default; }

input[type="submit"]{width: 100%;}



    @media only screen {/* Define mobile styles */

    	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {

			height: 40px;

			font-size: 14px;

		}

    }



    @media only screen and (min-width: 40.063em) { /* min-width 641px, medium screens */

    	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {

			height: 44px;

			font-size: 18px; 

		}

    }



    @media only screen and (min-width: 64.063em) { /* min-width 1025px, large screens */

    	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {

			height: 50px;

			font-size: 22px;

		}

    }



/*--------Custom checkbox */

.custom-checkbox{

	width: 22px;

	height: 20px;

	display: inline-block;

	position: relative;

	z-index: 1;

	bottom: -5px;

	margin-right: 8px;

	background: url("../img/unckeck.jpg") no-repeat 0 0 transparent;

}

.custom-checkbox.selected{

	background: url("../img/check.png") no-repeat 0 0 transparent;



}

.custom-checkbox input[type="checkbox"]{

	margin: 0;

	position: absolute;

	z-index: 2;            

	cursor: pointer;

	outline: none;

	opacity: 0;

	top: 0;

	left: 0;

	height: 100%;

	width: 91%;

	/* CSS hacks for older browsers */

	_noFocusLine: expression(this.hideFocus=true); 

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	filter: alpha(opacity=0);

	-khtml-opacity: 0;

	-moz-opacity: 0;

}



/*--------Custom multi select mapping input type above */

.zselect{cursor: pointer; background-color: #fff; background-image: url(../img/ic-multiselect.png); background-position: center right 20px; }

.zselect:hover,.zselect:active{background-color: #FAFAFA;}

.zselect span.zmshead{font-family: "Gotham-Narrow-Light"; color: #757575;}

.zselect ul{margin: 9px 0 0 -26px; color: #757575;}

.zselect ul li{padding: 4px 8px 5px;}





	@media only screen {/* Define mobile styles */

    	.zselect{height: 40px; padding: 0.5em 1.2em;}
    	.zselect span.zmshead{font-size: 14px;}

    }



    @media only screen and (min-width: 40.063em) { /* min-width 641px, medium screens */

    	.zselect{height: 42px; padding: 0.5em 1.5em;}
    	.zselect span.zmshead{font-size: 18px;}

    }



    @media only screen and (min-width: 64.063em) { /* min-width 1025px, large screens */

    	.zselect{height: 50px; padding: 0.5em 2em;}
    	.zselect span.zmshead{font-size: 22px;}

    }

/*--------Validate */

.zselect.error, input.error { border: solid 1px #bd0000; }



/* 3.4. Vertical align box */

.vertical-outer {display: table; height: 100%;/* width: 100%;*/}

.vertical-middle {display: table-cell; vertical-align: middle;}

.vertical-inner {margin-left: auto; margin-right: auto;}



/*

----------------------------

4. Content

----------------------------

*/



/* 4.1. Title */

h2.title-line{}





/* 4.2. Thumbnail */

.thumbnail{border-width: 6px; border-style: solid; border-color: rgba(0,0,0,0.25); margin-bottom: 20px; display: inline-block;}

.thumbnail.circle{border-radius: 50%;}



/* 4.3. Time line block */

.time-line-block{position: relative; padding-bottom: 50px;}

.time-line-block:after{content: ""; width: 24px; position: absolute; top: 0; bottom: 0; left: 57px; z-index: -1; background: #f5f6f7 url(../img/bg-time-line-block-bottom.png) no-repeat bottom center;}

.time-line-entry{padding-top: 30px;}

.time-line-image{position: relative; float: left; margin-right: 15px;}

.time-line-image:after{content: ""; width: 24px; height: 50px; position: absolute; top: -30px; left: 50%; z-index: 1;  margin-left: -14px; background:url(../img/bg-time-line-block.png) no-repeat bottom center;}



/* 4.4. Step Block */

.step-block{text-align: center;}

.step-block-head{position: relative;}

.step-number{position: absolute; width: 100%;}

.step-number span{

	display: block; font-weight: bold;

	border-radius: 50%;

	margin: 0 auto;  

	background: #fff;

	-webkit-box-shadow: 0 1px 1px 0 rgba(9, 0, 0, 0.2);

	box-shadow: 0 1px 1px 0 rgba(9, 0, 0, 0.2);

	text-shadow: 0 -1px 0 #2E2E2E;}



	@media only screen {/* Define mobile styles */

    	.step-number span{

			font-size: 35px;

			width: 60px; height: 60px; line-height: 60px; 

			margin-top: -30px; }

		.step-block-entry{font-size: 17px; margin-top: 40px;}

    }



    @media only screen and (min-width: 40.063em) { /* min-width 641px, medium screens */

    	.step-number span{

			font-size: 65px;

			width: 90px; height: 90px; line-height: 90px; 

			margin-top: -45px; }

		.step-block-entry{font-size: 20px; margin-top: 60px;}

    }



    @media only screen and (min-width: 64.063em) { /* min-width 1025px, large screens */

		.step-number span{

			font-size: 95px;

			width: 130px; height: 130px; line-height: 130px; 

			margin-top: -65px; }

		.step-block-entry{font-size: 29px; margin-top: 90px;}

    }





/* 4.5. Post Block 1 */

.post-block-1{margin-bottom: 20px;

	background: #f1f1f1;

	-webkit-box-shadow: 0 1px 1px 0 rgba(9, 0, 0, 0.2);

	box-shadow: 0 1px 1px 0 rgba(9, 0, 0, 0.2);}

.post-block-1 h3{margin: 0;}

.post-block-1 img{margin-bottom: 20px;}

.post-block-1-entry{text-align: left;}

.post-block-1-entry p.author{margin-bottom: 0;}

.post-block-1-foot{text-transform: uppercase;}



	@media only screen {/* Define mobile styles */

		.post-block-1{padding-bottom: 20px;}

		.post-block-1 h3{padding: 6px 20px;}

		.post-block-1 img{width: 100%;}

		.post-block-1-entry{padding: 0 20px;}

    	.post-block-1-entry p.entry{font-size: 16px;}

    	.post-block-1-foot{padding: 0 20px;}

    	.post-block-1-foot a{font-size: 14px;}

    }



    @media only screen and (min-width: 40.063em) { /* min-width 641px, medium screens */

    	.post-block-1{margin-bottom: 20px; position: relative; padding-bottom: 30px;}

		.post-block-1 h3{padding: 8px 24px; margin: 0;}

		.post-block-1 img{margin-bottom: 18px;}

		.post-block-1-entry{padding: 0 24px;}

		.post-block-1-entry p.entry{font-size: 17px;}

		.post-block-1-foot{position: absolute; bottom: 18px; padding: 0 28px; text-transform: uppercase;}

		.post-block-1-foot a{font-size: 15px;}

    }



    @media only screen and (min-width: 64.063em) { /* min-width 1025px, large screens */

		.post-block-1 h3{padding: 10px 28px; margin: 0;}

		.post-block-1 img{margin-bottom: 20px; width: 100%;min-height: 268px;}

		.button i{margin-left: 10px;}

		.post-block-1-entry{padding: 0 28px;}

		.post-block-1-entry p.entry{font-size: 18px;}

		.post-block-1-foot{position: absolute; bottom: 18px; padding: 0 28px; text-transform: uppercase;}

		.post-block-1-foot a{font-size: 16px;}

		

    }



/* 4.6. Post Block 2 */



.post-block-2 {position: relative; padding-right: 50px; background: #f1f1f1;

	-webkit-box-shadow: 0 1px 1px 0 rgba(9, 0, 0, 0.2);

	box-shadow: 0 1px 1px 0 rgba(9, 0, 0, 0.2);}

.post-block-2 img{margin-right: 20px; float: left;}

.post-block-2 .vertical-outer{height: 135px;}

.post-block-2 a{font-size: 24px; color: #636363;}

.post-block-2 a.arrow-link{line-height: 135px; width: 50px; text-align: center; position: absolute; right: 0; top: 0; bottom: 0; background: #e8e8e8;}





/* 4.7. Post Block 3 */

.row .post-block-3{margin-bottom: 20px;}

.post-block-3 .body-entry{position: relative;}

.post-block-3 .body-entry hr{position: absolute; bottom: 0; left: 10px; right: 10px; margin: 0;}

.thumbnail{width: 350px; margin-bottom: 0;}

.post-block-3 p.author i{font-size: 87.5%;}

.post-block-3 h3{margin-bottom: 0;}



/* 4.8. Post Block 4*/

.post-block-4{background: #626153; margin-bottom: 35px;}

.post-block-4 .video-thumb{position: relative;}

.post-block-4 .video-thumb span{

	position: absolute; z-index: 1; width: 95px; height: 95px; 

	top: 50%; left: 50%; margin-top: -47.5px; margin-left: -47.5px;

	display: block; background: url(../img/ic-video-btn-2.png);}

.post-block-4 .entry{padding: 5px 10px; min-height: 78px;}

.post-block-4 .entry p{color: #fff;}

.post-block-4 .entry p.name{font-size: 112.5%; line-height: 1.3; margin-bottom: 5px;}

.post-block-4 .entry p.address{font-size: 75%; text-transform: uppercase; margin-bottom: 0;}



/* 4.8. Social icon*/

ul.social>li.item{width: 32px; height: 32px; background: #fff; border-radius: 50%; margin-left: 5px; text-align: center; position: relative; top:-25px;}

ul.social>li:first-child{margin-left: 20px;}

ul.social>li.social-des{width: auto; line-height: 32px; background: none; border-radius: 0; color: #fff; margin-right: 5px;}

ul.social>li.item>a{line-height: 32px;}

ul.social>li.location{margin-left: 10px;}

ul.social>li.location ul{float: left; margin-left: 0 10px; font-size: 87.5%; text-align: left;}

ul.social>li.location ul span{display: inline-block; width: 18px; height: 18px; line-height: 18px; font-size: 12px; background: #fff; border-radius: 50%; text-align: center; margin-right: 5px;}



/*4.9. Tags-list*/

.tags-list>li{margin-left: 4px;}

.tags-list>li *{margin-bottom: 8px;}





/*4.10. blockquote*/



blockquote, .blockquote{padding: 0; border-left: none;font-family: 'georgia', serif ; font-style: italic;}

blockquote .avatar{float: left;}



blockquote.blockquote-1{font-family: 'Gotham-Narrow-Light'; line-height: 1.3; font-style: normal;}


blockquote.blockquote-1 strong{font-family: 'Gotham-Narrow';}

blockquote.blockquote-1 span.people{font-family: 'Gotham-Narrow';}



blockquote.blockquote-2 strong{font-weight: normal;}

@media only screen {/* Define mobile styles */


	blockquote, .blockquote{ font-size: 17px;}
	blockquote .avatar{margin-right: 8px; max-width: 48px;}
	blockquote.blockquote-1 small{font-size: 13px; }
	blockquote.blockquote-1 span.people{font-size: 13px;}
	blockquote.blockquote-2 strong{font-size: 18px; font-weight: normal;}
	blockquote.blockquote-2 small{font-size: 16px;}
		
}



    @media only screen and (min-width: 40.063em) { /* min-width 641px, medium screens */

    	blockquote, .blockquote{ font-size: 20px;}
		blockquote .avatar{margin-right: 10px; max-width: 100px;}
		blockquote.blockquote-1 small{font-size: 16px; }
		blockquote.blockquote-1 span.people{font-size: 16px;}
		blockquote.blockquote-2 strong{font-size: 22px; font-weight: normal;}
		blockquote.blockquote-2 small{font-size: 18px;}

    }



    @media only screen and (min-width: 64.063em) { /* min-width 1025px, large screens */

		blockquote, .blockquote{ font-size: 27px;}
		blockquote .avatar{margin-right: 20px; max-width: 112px;}
		blockquote.blockquote-1 small{font-size: 18px; }
		blockquote.blockquote-1 span.people{font-size: 18px;}
		blockquote.blockquote-2 strong{font-size: 29px; font-weight: normal;}
		blockquote.blockquote-2 small{font-size: 22px;}
    }



/* 4.11. Newsletter*/

.newsletter{padding: 20px 0;}

.newsletter h2{margin-bottom: 18px;}

.newsletter input,

.newsletter .zselect,

.newsletter .button{margin-bottom: 8px;}

.newsletter p{margin-bottom: 0;}



/*4.12. Slider testimonials*/

.slider-testimonials{text-align: center;}

.slider-testimonials .thumbnail{margin: 0 auto 40px; display: inline-block; }

.slider-testimonials p{padding: 0 20px;}
.slider-testimonials .thumbnail{width: auto;opacity: 0.5; cursor: pointer;width: 140px;}
.slider-testimonials .select .thumbnail{opacity: 1;}
#content-quote.hidden{display: none;}
#content-quote.hidden.select{display: inherit;}
.bx-wrapper .bx-viewport{background: none; box-shadow: none;}

@media screen and ( max-width: 400px ) {
	.slider-testimonials .slide{margin-left: 15px;}
	.slider-testimonials p{font-size: 15px;}
}

.bx-wrapper .bx-controls-direction a {
    height: 58px;
    margin-top: -16px;
    top: 20%;
    width: 34px;
    background-position: 100% 100% !important;
}



.testimonial-content-quote h1 span{font-size: 88.2%; text-transform: none; font-style: italic;}

.testimonial-content-quote h3{font-style: italic; }





.bx-wrapper .bx-prev{background: url(../img/ic-prev.png); left: -30px;}

.bx-wrapper .bx-next{background: url(../img/ic-next.png); right: -30px;}

.bx-wrapper .bx-prev:hover{left: -35px;}

.bx-wrapper .bx-next:hover{right: -35px;}



/*4.13. List number*/

.list-number{display: inline-block; text-align: left;}

.list-number li{padding: 10px 25px; margin-bottom:1px; background-color: rgba(255,255,255,0.32);}

.list-number li img{margin-right: 16px;}

.list-number li a{font-size: 131.25%}



/* 4.14. Box to box*/

.box-to-box{position: relative;}

.box-to-box .arrow{

	width: 60px; height: 60px; display: inline-block; line-height: 60px; background: #fff; text-align: center; font-size: 45px;text-indent: 3px;

	position: absolute; top: 50%; margin-top: -30px; right: 0; margin-right: -30px;

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	border-radius: 50%;

	-webkit-box-shadow: 0 1px 1px 0 rgba(9, 0, 0, 0.2);

	box-shadow: 0 1px 1px 0 rgba(9, 0, 0, 0.2);

	

}

/* 4.15. Dropdown location */

.f-dropdown{margin-top: 0; max-width: 260px;}
.f-dropdown li:hover, .f-dropdown li:focus {background: #fff; }
.menu-location{margin: 0;}


.menu-location img{float: left; margin-right: 10px;}
.menu-location .loc-title{text-transform: uppercase; font-weight: bold; display: block; }
.menu-location .loc-add{font-size: 87.5%; color: #757575;}
.menu-location li:hover .loc-title{color: #fff;}
.menu-location li:hover .loc-add{color: #c9c9c9;} 
/*

----------------------------

5. Transition

----------------------------

*/

.evente-archive h2.tribe-events-page-title{font-size: 34px; color:#0076ce;}
/*opacity*/

a,

ul.social li,

.hover-opcity,

.post-block-4 .entry{

	opacity: 1;

	-webkit-transition: all .4s ease-in-out; 

	-moz-transition: all .4s ease-in-out; 

	-o-transition: all .4s ease-in-out; 

	transition: all .4s ease-in-out;}

a:hover,

ul.social li:hover{opacity: 0.95;}

/*View Video*/

.video{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.video .closevideo{color: #fff;}
.video-iframe{
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 10002;
  background: #1b1b1b;
}
@media screen and (max-width:800px) and (min-width: 360px) {
    .video-iframe iframe{
	        position: absolute !important;
		max-width:90%;    
    }
}
@media screen and (max-width: 360px) {
	.video-iframe iframe{
		position: absolute !important;
		width:280px !important;;
                height:220px !important;
                
	}
}

/*imgcont*/
.imgcont {
  border: 1px solid #ccc;
  overflow: hidden;
  margin-bottom: 10px;
}
.spect-gallery p{font-size: 13px;}
.spect-gallery h4{margin-top: 10px;}
.imgcont.all{padding: 5px;}
.imgcont.all img{margin-bottom: 10px;}
.imgcont.all .caption{font-size: 12px;}
.w-180{width: 180px;}
.w-146{width: 146px;}
.w-128{width: 128px;}
@media screen and (max-width: 640px) {
	.imgcont{margin-left: auto;margin-right: auto;}
}

/*Page Template*/
.emty-bar{height: 50px; background-color: #f1f1f1;}
.page-template-page-clinics-php .emty-bar,
.page-template-page-clinics-php .sharedaddy.sd-sharing-enabled{display: none;}

.home .emty-bar{display: none;}
.content{padding: 50px 0px 60px 0px;}
/* .title-main{margin-bottom: 50px;} */
html .title-main{margin-bottom: 30px;}

/*Sidebar*/
.content-right .widget *{font-family: 'Helvetica Neue';}
.content-right .widget input[type="submit"], .content-right .widget .button {font-family: "HelveticaNeue-Bold", Helvetica, Roboto, Arial, sans-serif; text-transform: uppercase; cursor: pointer;}

.content-right .widget{padding: 15px 20px; background-color: #f1f1f1; margin-bottom: 20px;}
.content-right .widget h2{font-size: 18px; text-transform: uppercase; margin-bottom: 18px;}
.content-right .widget ul{margin-left: 0;}
.content-right .widget input[type="text"],
.content-right .widget input[type="email"],
.content-right .widget input textarea{
	font-size: 16px;
	height: 38px;
}
.content-right .widget img{margin-bottom: 20px; width: 100%;}
.content-right .widget img.ajax-loader{margin-bottom: 0; width: 16px;}
.content-right .widget>*:last-child{margin-bottom: 0;}
.content-right .button,
.content-left .button{font-size: 80%;}
.content-right .newsletter .button,
.content-left .newsletter .button{font-size: 128%;}
#searchsubmit{border-radius: 0;font-size: 132%; cursor: pointer; }
.gradientbox h2{font-size: 18px;}
.gradientbox ul{font-size: 14px;}
.single-spect_gallery .section{padding: 0px;}

.one-half{ width:46%; }
.one-third{ width:28.66%; }
.two-third{ width:63.33%;}
.one-fourth{ width:20%; }
.three-fourth{ width:72%; }
.one-fifth{ width:16.8%; }
.two-fifth{ width:37.6%; }
.three-fifth{ width:58.4%; }
.four-fifth{ width:67.2%; }
.one-sixth{ width:13.33%; }
.five-sixth{ width:82.67%; }
.one-half,.one-third,.two-third,.three-fourth,.one-fourth,.one-fifth,.two-fifth,.three-fifth,.four-fifth,.one-sixth,.five-sixth{ position:relative; padding-right:4%; overflow:hidden; margin:0px 0 20px 0; float:left; }
.sd-block.sd-social{padding-top: 30px !important;}
div.sharedaddy h3, #content div.sharedaddy h3, #main div.sharedaddy h3, #primary div.sharedaddy h3{max-width: 75px;}
div.sharedaddy .sd-content{float: left !important;}
li.share-email.share-service-visible {
  position: relative;
  top: -4px;
}
.media-post .attachment-full{width: 100%}
#calculator_small #submit-field{position: relative; top:-26px; right: -150px}

.blocktext { float: left; width: 40%; margin: 0 20px 20px 0; font-size: 24px;}
.playbtnwrap { position: relative; }
.playbtnwrap img.playbtn { position: absolute; z-index: 99; top: 50%; left: 50%; margin-top: -24px; margin-left: -34px; }

.single .wp-post-image.size-large,
.page-template-template-blog .wp-post-image.size-large { width: 800px; height: auto; max-width: 100%; padding-bottom: 40px; }
.paging-navigation h3 { display: none; }
.paging-navigation { text-align: center; margin: 20px 0; }
.paging-navigation .page-numbers { display: inline-block; zoom: 1; *display: inline; margin: 5px; padding: 5px 15px; border: 1px solid #ddd; background: #fefefe; }
.paging-navigation .page-numbers:hover, .paging-navigation .page-numbers.current { background: #eee; }
.col-post-archive .col-post-archive-main { border: 1px solid #ddd; margin-bottom: 20px; }
.col-post-archive .col-post-archive-main .col-post-archive-text { display: block; box-sizing: border-box; padding: 5%; } 
.col-post-archive .col-post-archive-main .col-post-archive-text small { font-size: 0.8em; }
.content-right input.hs-button, .content-right .hs-form .hs-button { width: 100% !important; background: #ff8b00 !important; border-radius: 3px !important; padding: 13px 25px !important; transition: background-color 300ms ease-out 0s !important; color: #fff !important; border-width: 0 !important; box-sizing: border-box; text-shadow: none !important; height: auto !important; font-size: 16px !important;}
.content-right .hs-form .actions { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0px !important; }
aside li { list-style: none; }
.content-right input.hs-input, .content-right textarea.hs-input { border-radius: 0 !important; border: 1px solid #ccc !important; box-shadow: none !important;} 
#box-trigger { z-index: 999999999 !important; }

.wc-shortcodes-font-awesome-enabled .wc-shortcodes-accordion .wc-shortcodes-accordion-trigger a { background-color: #f7f7f7; text-transform: uppercase; padding: 10px 40px 10px 20px }
.wc-shortcodes-font-awesome-enabled .wc-shortcodes-accordion .wc-shortcodes-accordion-trigger a::before { content: "\f067"; right: 10px; left: auto; }
.newsletter br { display: none; }
.newsletter p { margin-bottom: 0 !important; }
#newsletter_form .hs-form.stacked  { margin-bottom: -18px; }

.email_box_static { position: fixed; bottom: 0; right: 50px; max-width: 100%; width: 350px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #999; padding: 10px 10px 0; background: #fff; z-index: 99999; max-height: 100%; overflow: auto; }
.email_box_static h3 { font-size: 14px; line-height: normal; cursor: pointer; margin: -8px -8px 0 -8px; padding: 10px; background: #009cdc; color: #fff;  }
.email_box_static .fa { float: right; margin-left: 5px; }
.email_box_static .fa-close  { display: none; }
.email_box_static .fa-plus, .email_box_static .fa-plus { display: block; }
.email_box_static.open_chat_box .fa-chevron-down, .email_box_static.open_chat_box .fa-plus { display: none; }
.email_box_static.open_chat_box .fa-close { display: block; }
.hubspot_form_body .hbspt-form { padding-top: 10px !important; }
.hubspot_form_body label { display: none !important; }
.hubspot_form_body textarea,
.hubspot_form_body select,
.hubspot_form_body input { font-size: 12px !important; margin-bottom: 7px !important; }
.hubspot_form_body textarea,
html .hubspot_form_body textarea,
html .hubspot_form_body .hs-form textarea.hs-input { height: 100px !important; min-height: 100px !important;}
html .hubspot_form_body div.hs_submit > div > input { margin-top: 7px !important; padding-top: 12px !important; padding-bottom: 8px !important; width: 100% !important; font-size: 16px !important; }
html .hubspot_form_body .hs-form .input { margin-left: 0 !important; margin-right: 0 !important; }
.hubspot_form_body { display: none; }
/*.email_box_static .hubspot_form_body { height: 0; overflow: hidden; transition: height 0.5s ease; }
.email_box_static.open_chat_box .hubspot_form_body { height: auto; } */
.hubspot_form_body .hs-error-msgs label { display: block !important; font-size: 12px !important; }
.hubspot_form_body .hs-error-msgs { margin-left: 0 !important; margin-bottom: 0 !important; }
.hubspot_form_body .hs-form-field { margin-bottom: 0 !important; }
.hubspot_form_body .hs-form.stacked .actions {  padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
html .hubspot_form_body .hs-form { margin-bottom: 0 !important; }

@media screen and (max-width: 480px) {
	.email_box_static { right: 0; }
	body.chatbox_open { overflow: hidden; }
	.email_box_static { width: 100%; }
	.email_box_static h3 { font-size: 24px; }
	html .hubspot_form_body div.hs_submit > div > input {  font-size: 22px !important; }
	.hubspot_form_body textarea,
	.hubspot_form_body select,
	.hubspot_form_body input { font-size: 22px !important; }
}

.schedule-visit-new, .schedule-visit-hubspot { display: none; } 
.form-loader { text-align: center; font-size: 28px; line-height: normal; display: block; padding: 20px 15px; }
.schedule-visit-new { padding-top: 57px; }
.schedule-visit-new .wpcf7-form-control { padding: 10px; font-size: 13px; border-radius: 3px; height: auto; margin-top: 11px; margin-bottom: 43px;  }
.schedule-visit-new label .q { color: #ff0007; }
.schedule-visit-new textarea.wpcf7-form-control { min-height: 200px !important; }
html .hs-form label, html .hs-form.stacked label.hs-form-booleancheckbox-display input.hs-input,
html .hs-form label, html .hs-form.stacked label.hs-form-booleancheckbox-display { width: auto !important; }
.schedule-visit-hubspot .hbspt-form { padding: 0 10px; }

.submitted-message { display: block; padding: 20px 50px; text-align: center; }
#spect-home-banner.atlanta-event { background: url(../img/registration-Banner-JULY-20.jpg) top center no-repeat !important; background-size: cover !important; }