@media (max-width: 1199px) {
	div#header-wrapper #header #header-inner .navbar .navbar-inner .site-phone {
		float: left;
		line-height: 50px;
		margin-left: 20px;
	}	

	div#header-wrapper #header #header-inner .navbar .navbar-inner .site-email {
		float: left;
		line-height: 50px;
		margin-left: 0px;
	}
}

@media (max-width: 991px) {
	div.logo-wrapper {
		width: 100% !important;
		margin-left: 10px;
	}
	div#header-wrapper #header #header-inner .navbar .navbar-inner .info {
		float: none;
		margin-left: 0;
	}

	div#header-wrapper #header #header-inner .navbar .navbar-inner .logo {
		height: auto;
	}	

	div.site-email {
		float: left !important;
		margin: 0 20px;
	}

	div.site-phone {
		float: right !important;	
	}

	div.loginWidget {
		float: none;
		text-align: center;
	}
	
}


/* -- Fix for mobile repsonsive issue with display: table; -- */

body #wrapper-outer #wrapper {
	display: block !important;
}

body #wrapper-outer #wrapper #wrapper-inner {
	display: inline !important;
}

body #wrapper-outer #wrapper #footer-wrapper {
	display: block !important;
	height: auto !important;
	float: left;
}

#header-wrapper #header #header-inner .navbar .navbar-inner #btn-nav {
	margin-top: 10px !important;
	position: absolute;
	z-index: 500;
	left: -15px;
}

body {
	font-size: 16px !important;
	color: #313131 !important;
}

.logo-wrapper .logo img {
	margin: 15px auto 0;
	max-width: 400px;
}

/* ---- Login Button ---- */

.loginWidget {
	float: right;
	padding: 0 20px 20px;
}



/* ---- Contact Information Overrides ----- */

.site-phone a {
	text-decoration: none;
	color: #707070;
}
.site-phone a:hover {
	color: #707070;
}
.broker-info ul {
	list-style: none;
	padding: 0;
}


/* ----- Social Icon Overrides ------ */

.span6.share {
	float: right;
}
.social-icons {
	list-style: none;
	padding:0;
	width: 320px;
}
.social-icons li {
	float: right;
	margin-right:5px;
	border:1px solid rgba(255,255,255,0.3);
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-ms-border-radius:100px;
	-o-border-radius:100px;
	border-radius:100px;
	padding:5px;
	width:32px;
	height:32px;
	line-height:26px;
	text-align:center;
	transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-webkit-transition:all 300ms ease-in-out;
}
.social-icons li a {
	font-size: 15px!important;
	text-align: center;
	text-decoration: none !important;
}
.social-icons li:hover {
	background-color:#fefefe;
}

/* ----- Footer Overrides ------ */

#footer-wrapper #footer #footer-inner p {
	margin: 0px;
	color: #fff !important;
}
#footer-wrapper #footer {
	border: 0px;
	margin-top: 0px;
	padding: 10px 0px !important;
}
.span6.copyright {
	float: left;
}


#footer-wrapper #footer-top table.contact th.cabre {
	background-image: url("https://s3.amazonaws.com/static.organiclead.com/074ee81027def72f3c5348c9feeab305/cabre.png");
	background-size: 16px 16px;
	background-position: 6px 2px;
}



/*-- Details Page --*/

ul.slide-item-features.item-features {
	list-style: none
}

.slide-item-features li {
	padding: 10px;
	border: 1px solid #c4c4c4;
	margin: 5px;
	display: inline-block
}

span.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	padding: 0 10px 0 0
}

/*--- Modal Overrides -----*/

.modal-footer button {
	position: absolute;
	top: 0;
	right: 0;
}

.blueimp-gallery .modal-footer .btn {
	position: inherit;
}

.modal-body form.cmsForm {
  display: inline-block;
}


/*------ Font Awsome ----- */


.fa-envelope:before {
	content: "\f0e0";
	float: left;
	margin: 0 20px 0 0;
}

.fa-home:before {
	content: "\f015";
	float: left;
	margin: 0 20px 0 0;
}

/* -- Back Button -- */

.btn.btn-primary.arrow-left {
    background-image: url("..https://www.garytakowskymd.com/images/arrow-left-white.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 8px 11px;
    padding-left: 15px;
}

input.btn.btn-primary.arrow-left.back-button {
    margin: 0 0 -50px;
    float: right;
    position: relative;
    right: 30px;
    width: 10px;
    z-index: 100;
    border-radius: 50px;
    height: 30px;
}

/*----- overrides ----- */
	   /*header*/
/*----menu---- */
* {
/* outline:1px dotted red;  */
}
div#header-inner {
    background: #282f34;
    opacity: .9;
}
body.header-light #navigation {
    opacity: .9;
    background-color: #293136;
}
body.header-light #navigation {
    opacity: .9 !important;
    background-color: #293136 !important;
}
div#header {
    position: fixed;
    top: 0;
    z-index: 300;
    width: 100%;
}
button.btn.btn-primary:hover {
    color: #41b395;
}
.info span, .info span a, div.btn a {
    color: #ffffff;
}
div.btn a {
	color: #2f3a40 !important
}	
.btn {
    height: 25px;
    background-color: #41b395;
	padding: 20px !important;
    line-height: 4px !important;
	transition: background .8s;
	width:100%;
}
.btn:hover a span {
    color: #41b395 !important;
}
.btn:hover {
    background: #fff !important;
}
.contact {
    text-align: right;
	margin-bottom: 10px;
}
ul.custom_menu{
    text-align: center;
}
ul.custom_menu li {
    display: inline-block;
    margin-right: 25px;
}
ul.custom_menu li a {
    color: #ffffff;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
	text-transform:uppercase;
}

ul.dropdown-menu {
    background-color: #334046 !important;
}
ul.dropdown-menu li {
    width: 100%;
}

ul.custom_menu li a:hover , a:hover  {
    text-decoration: none !important;
    color: #45ae96  !important;;
}
span.caret {
    margin-left: 10px;
}
ul.dropdown-menu li {
    padding: 10px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background-color: #45ac90 !important;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	background-color: transparent !important;	
}
/*--- HOME ---*/
/* featured IMG */
#content {
	background:#ffffff;
}
.featured_container {
    width: 100%;
}
.featured_item {
	position: relative;
    
}
img.featured_img {
    height: 100%;
    width: 100%;	
}
.overlay_text {
    height: 50px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.overlay_item {
    height: 50px;
    position: absolute;
    width: 100%;
    background-color: #41b395;
    mix-blend-mode: multiply;
}
.overlay_text .text{
	text-align: center;
    line-height: 50px;
    text-align: center;
    color: #fff !important;
    z-index: 999;
    text-transform: uppercase;
    font-family: "lato";
    font-weight: 300;
    font-size: 17.5px;
    letter-spacing: 1px;
    mix-blend-mode: color-dodge;
}
.back .overlay_text .text a {
	color:#fff;
}
.back .overlay_text .text a:hover {
	color:#27b791  !important;
}


/* fonts */
.lato-light{
	font-family: 'Lato', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14px;
}

.lato-bold{
	font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
}
.lato-black{
	font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
}
/* testi section*/

#testi_section{
    background-size: cover !important;
    height: 450px;
    background: url(https://s3.amazonaws.com/static.organiclead.com/Site-1cbd2d89-6e03-4d51-b927-96d5558fc2fb/testi_banner.jpg);
    background-repeat: no-repeat;
} 
.quote {
    padding: 20px 40px;
    border-right: 1px solid #595a5c;
    max-width: 500px;
    text-align: justify;
    font-family: "lato",sans-serif;
    font-size: 15px;
	line-height: 22px;
}

.quote::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    background: url(https://s3.amazonaws.com/static.organiclead.com/Site-1cbd2d89-6e03-4d51-b927-96d5558fc2fb/quote.png);
    height: 30px;
    width: 30px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}
.quote_right{
	font-size: 15px;
    font-family: "lato",sans-serif;
	padding: 20px 0px;
}
.rate {
    display: inline-block;
    float: right;
}
.testi_name {
    position: relative;
}
.testi_name span.line {
    margin-right: 150px;
}
.testi_name span.line::after {
    content: "";
    height: 1px;
    width: 75px;
    border-bottom: 1px solid #ffffff;
    position: absolute;
    top: 50%;
    margin-left: 40px;
    font-family: "lato",sans-serif;
    font-size: 15px;
}

/* skew section */
div#section-skew {
	overflow-x: hidden;
    /* background: #30a48b; */
}
.square-skew {
    -ms-transform: skew(-15deg); /* IE 9 */
    -webkit-transform: skew(-15deg); /* Chrome, Safari, Opera */
    transform: skew(-15deg); /* Standard syntax */
    transform-origin: bottom left; /* Prevent the bottom from shifting */
	height: 150px;
    overflow: hidden;
}
.skew-title {
    font-family: "Didot", sans-serif;
    font-size: 30px;
    color: #41b395;
}
.sub-title {
    font-family: "lato",sans-serif;
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
	color:#000000;
}
.skew1{
    transform: skew(15deg);
    height: 100%;
    width: 100%;
    background-position: 30% 55% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background: url(https://s3.amazonaws.com/static.organiclead.com/Site-1cbd2d89-6e03-4d51-b927-96d5558fc2fb/gallery_beforeafter.jpg);
}

.skew-text{ 
    position: absolute;
    top: 40%;
    left: 50%;
    transform: skew(15deg);
}


/* skw2*/
	.skew2-bg{
			background-position: 65% 50% !important;
			background: url(https://s3.amazonaws.com/static.organiclead.com/Site-1cbd2d89-6e03-4d51-b927-96d5558fc2fb/money_market_account1.jpg);
			transform: skew(15deg);
			background-size: cover !important;
			background-repeat: no-repeat;
			height: 100%;
			width: 125%;
			margin-left: -25px;
	}

	.skew-overlay{
			background: #30a48b;
			width: 100%;
			left: 0;
			height: 100%;
			position: absolute;
			top:0;
		    mix-blend-mode: multiply
	}
/* skw3 */

	.skew3-bg{

			transform: skew(15deg);
			height: 100% !important;
			width: 125% !important;
			background-repeat: no-repeat;
			z-index: 1;
			background-size: cover !important;
			background-position: 100% 100% !important;
			background: url(https://s3.amazonaws.com/static.organiclead.com/Site-1cbd2d89-6e03-4d51-b927-96d5558fc2fb/reviews.jpg);
			margin-left: -25px;

		
	}
	.skew3-overlay{
		background: #3bab89;
		width: 100%;
		left: 0 !important;
	    height: 100%;;
		position: absolute;
		top: 0;
  		z-index: 9;
		mix-blend-mode: multiply
	}

	.skew-text-overlay{
		z-index: 9999;
		position: absolute;
		left: 10%;
		top: 40%;
		transform: skew(15deg);
		transition: left .5s;
	}

	.skew-overlay-title a {
    font-family: "Didot", sans-serif;
    font-size: 30px;
    color: #ffffff;
}
.square-skew:hover .skew-overlay-title a {
    color: #41b395;
}	
.square-skew:hover .skew-overlay , .default_overlay{
	background-color:#fff !important;
}
.default_color_title{
	color: #41b395 !important;
}
.default_bgcolor{
	color: #fff !important;
}


.center_skew_text{
	left: 50%;
}
.bg-color {
    height: 100%;
    width: 100%;
}
/* after skew section */

.after-skew-sec{
    max-width: 700px !important;
    float: none !important;
    margin: 0 auto !important;
}
.left_bg {
    width: 300px;
    height: 100%;
    position: absolute;
	left: 0;
    background: #30a48b;
}
.right_bg {
    width: 300px;
    height: 100%;
    position: absolute;
    right: 0;
    background: #30a48b;
}

/* footer */

#footer-wrapper #footer-top {
    background: #ffffff !important;
}

div#footer {
    display: none;
}
#footer-wrapper .widget {
    color: #000000 !important;
}
ul.footer_bottom {
    clear: both;
	float: right;
}
ul.footer_bottom li {
    display: inline-block;
    border-right: 1px solid #d5d5d5;
	padding-right: 10px;
	padding-left: 10px;
    font-size: 13px;
}
ul.footer_bottom li:last-child {
    border: 0;
    padding-right: 0;
	margin-top: 15px;
}
#footer-wrapper .col_title {
    margin-bottom: 30px;
}
/* temp foot menu*/
ul.footer_col_1 {
    list-style: none;
    padding: 0;
}
ul.footer_col_1 li a  ,ul.footer_bottom li a , .sitemap_container li a {
    color: #000000;
}
ul.footer_col_1 li a:hover , ul.footer_bottom li a:hover , .sitemap_container li a:hover  {
    color: #51b89d !important;
}
ul.footer_col_1 li , .sitemap_container li {
    margin-bottom: 10px;
}
ul.footer_col_1 .caret , .sitemap_container .caret {
    display: none;
}
/* slider */
.slider-text {
    background: none !important;
    width: 100%;
}
.slider-text p{
 	color: #0c0805;
    text-align: center;
    display: block;
    font-family: "didot";
    font-size: 70px;
    text-transform: uppercase;
	opacity: .9;
}
span.large{
        font-size: 190px !important;
}
.banner-secondary-text{
    font-family: "lato",sans-serif;
    font-size: 18px !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-top: 25px !important;
    text-align: center;
}
.slider-text-wrapper {
    bottom: 15% !important;
} 
.carousel-indicators {
    left: 35% !important;
    bottom: 20px !important;
	width: auto !important;
}
.carousel-indicators .active {
	 background-color: #052d4c !important;
    border: 1px solid #052d4c !important;
}

ol.carousel-indicators {
    display: none !important;
}
/* about */

span.large_no {
    font-family: "didot";
    font-style: italic;
    font-size: 75px;
}
.section_head {
    font-family: "didot";
    font-size: 37px;
	color: #000000;
}
.f_head {
    /*text-indent: 50px;*/
    margin: 0 !important;
	text-align:center;
}
.s_head {
    text-indent: 222.5px;
    margin: 0 !important;
}
.section_cotent {
    font-family: "lato";
    font-size: 17px;
    text-align: justify;
    margin-top: 50px;
}
.section_cotent span {
    color: #41b395;
}
.para, .para p{
    line-height: 30px;
    margin-bottom: 40px;
}
p.para:last-child {
    margin-bottom: 50px;
}

/* org */
.title_org{
    text-align: center;
    font-size: 14px;
    font-family: "lato";
    letter-spacing: 5px;
    color: #8d8d8d;
    margin: 0 !important;
    margin-bottom: 35px !important;
}
/* testimonials */
.testi_title{
	text-align: center;
    font-size: 37px;
    font-family: "didot";
    text-transform: uppercase;
    padding-top: 85px;
    letter-spacing: 2px;
	padding-bottom: 60px;
}
textarea#review {
    height: 180px !important;
}
/* board*/
.board_title h2 {
	text-align: center;
    font-size: 37px;
    font-family: "Didot",sans-serif;
    text-transform: uppercase;
}
.board_content {
    font-size: 15px;
    font-family: "lato",sans-serif;
    text-align: justify;
}
.board_content span{
	font-weight:900;
}
.btn-board{
	font-family: "lato",sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 14px;
    padding: 15px 18.5px 15px !important;
	height: 100% !important;
    background: #41b395;
    max-width: 140px;
}
.btn-board a{
	color: #ffffff !important;
}

/* contact */
.contact-title{
	font-size: 37px;
    font-family: "Didot",sans-serif;
    text-transform: uppercase;
    padding-bottom: 40px;
	color: #282f34 !important;
}
.contact_section .content_details {
    font-family: "lato",sans-serif;
    font-size: 15px;
    margin-right: 25px;
    text-align: right;
	padding-bottom: 20px;
}
.contact_section .content_details p {
    line-height: 10px;
}

.contact_section .content_details {
    text-align: right;
    margin-right: 25px;
}
.contact_section .phone{
    margin-top: 20px;
}
.contact_section .phone i {
    margin-right: 10px;
}
.contact_section .phone i , .contact_section .phone a {
    color:#000000;
}

 input[type="text"] {
    height: 45px;
}
 input[type="text"], textarea {
    border: 1px solid #c3c7c7;
}

 input[type="submit"] {
    float: right;
    background: #41b395;
    border: 0;
    color: #ffffff;
    padding: 10px 20px;
    font-size: 14px;
    font-family: "lato",sans-serif;
    text-transform: uppercase;
    font-weight: 900;
}
textarea#message ,textarea#Message   {
    height: 180px !important;
}
input[type="text"]::-webkit-input-placeholder,
form.sub_page_cms input[type="text"]::-webkit-input-placeholder ,
textarea#message::-webkit-input-placeholder ,
textarea#Message::-webkit-input-placeholder ,
textarea#review::-webkit-input-placeholder 
{
    color: #282f34 !important;
    font-family: lato,sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    font-size: 15px !important;
	padding-left: 20px !important;
}
textarea#message::-webkit-input-placeholder ,
textarea#review::-webkit-input-placeholder
{
	padding-left: 14px !important;
}
ul.social-icons a.fa {
    color: #54ba9f;
}

form input#contact_btn .btn.btn-primary {
	 background-color: #54ba9f !important;
}
input[type="submit"]#contact_btn:hover {
     background: #54ba9f !important;
}

/* footer fonts */
.col_title {
    font-family: lato ,sans-serif;
    font-weight: 900;
    font-size: 14px;
}
ul.footer_col_1 {
    font-family: lato ,sans-serif;
	font-size: 14px;
}
ul.footer_bottom {
    font-size: 12px;
    font-family: lato,sans-serif;
}
ul.footer_bottom li:first-child {
    font-weight: 900;
}
/* org */
ul.org_img_container {
    padding: 0;
	list-style-type: none;
	text-align: center;
}
ul.org_img_container li {
    display: inline-block;
    width: 100px;
    margin-right: 14px;
}

body{
    background-color: #ffffff !important;
} 
/* sub pages */
.header_banner{
	position: relative;
    margin-bottom: 90px;
}

.sub_page_content{
    font-size: 17px;
    font-family: lato,sans-serif;
    line-height: 25px;
    text-align: justify;
}
.sub_page_content p {
    line-height: 22px !important;
}

.highlight{
	color:#46b395; 
}

.banner_content {
    position: absolute;
    bottom: 55px;
    display: block;
    width: 100%;
    text-align: center;
}
.page_title {
    font-family: didot,sans-serif;
    font-size: 50px;
    color: #000000;
    text-transform: uppercase;
}
.sub_heading {
    font-size: 16px;
    font-family: lato,sans-serif;
    color: #ffffff;
    text-transform: uppercase;
}
.page_title_cms {
    text-align: center;
    font-family: didot,sans-serif;
    font-size: 50px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 50px;
}
#sub_page_contact .contact-title {
	text-align: right;
    margin-right: 25px;
}	
.banner-container {
    margin-top: 115px;
}
/* sidebar */
.sidebar_container{
    list-style: none;
    border: 1px solid #d5d5d5;
    padding: 40px;
}
ul.sidebar_container li:first-child {
    font-size: 18px;
    font-weight: 900;
}
.sidebar_container li{
	margin-bottom: 40px;
    font-family: lato, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
	position: relative;
}
.sidebar_content {
	width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    background: rgba(40, 47, 52,0.9);
    opacity: .9;
    color: #ffffff;
    padding: 20px;
}
.sidebar_title {
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: lato, sans-serif;
	margin-bottom: 15px;
}
.sidebar_desc {
    font-size: 14px;
    font-weight: 300;
    font-family: lato, sans-serif;
}
ul.sub_page_content.list a {
    color:#54bba0;
}
ul.sidebar_container li a {
    color: #000000 !important;
}
ul.sidebar_container li:hover a{
	color: #46b395 !important;
	margin-left: 20px;
}

.sidebar_item_hover:before{
    content: "";
    border-bottom: 1px solid #46b395;
    position: absolute;
    height: 1px;
    width: 7px;
    left: 0;
    top: 8px;
}
div#sidebar_container {
    width: 100%;
}

/* services */
.service_container {
	position:relative;
    padding-right: 20px !important;
	margin-bottom: 20px;
}
.service_title{
    font-size: 27px;
    font-family: didot,sans-serif;
    text-transform: uppercase;
}
.services_overlay_title , .gallery_overlay_title {
    background: #57ba9f;;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #ffffff;
    font-size: 17px;
    font-family: lato,san;
    font-weight: 300;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
	max-width: 356px;
	height: 25px;
    line-height: 5px;
	z-index:10;
}

/* gallery */

.gallery_overlay_title {
	max-width: 100% !important;
}
ul.gallery_list {
    margin-bottom: 40px;
    padding: 0;
    text-align: center;
}
li.list_item a {
    color: #000000 ;
}
ul.gallery_list li {
    display: inline-block;
    font-size: 14px;
    border-right: 1px solid #d5d5d5;
    padding: 10px;
    font-family: lato;
	background: #fff;
    border: 1px solid #d5d5d5;
}

.img_before img, .img_after img {
    min-width: 120px !important;
    max-width: 120px;
    max-height: 170px;
    min-height: 170px;
}

.element-item {
    margin-bottom: 20px !important;
	min-width: 360px !important;
	background: #68c1a8;
	max-height: 340px !important;
}
/* galery hover effect */
.element-item.hovereffect{
    overflow:hidden;
	text-align: center;
}
.hovereffect .img_before .overlay_text h2 , .hovereffect .img_after .overlay_text h2{
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	overflow: hidden;
	padding: 0.5em 0;
	background-color: transparent;

	position: absolute;
	width: 100%;
}

.hovereffect .img_after .overlay_text{
	top:0;
}
.hovereffect  .img_before .overlay_text h2{
	bottom: 0;
	left: 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

.hovereffect  .img_after .overlay_text h2{
	top: 0;
	right: 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(100%,0,0);
}
.hovereffect:hover  .img_before h2:after ,.hovereffect:hover .img_before .overlay_text h2  {
  -webkit-transform: translate3d(-20%,0,0);
  transform: translate3d(-20%,0,0);
}

.hovereffect:hover  .img_after h2:after , .hovereffect:hover .img_after .overlay_text h2{
	-webkit-transform: translate3d(20%,0,0);
	transform: translate3d(20%,0,0);
}
.hovereffect .img_before h2:after   {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}
.hovereffect .img_after h2:after{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(100%,0,0);
}

.img_before , .img_after{
	position:relative;
}
.gallery_overlay_title{
	transition: transform 0.35s;
}
.hovereffect:hover  .gallery_overlay_title {
	transform: translate3d(0,100%,0);
}
.case_name {
    max-width: 200px;
    text-align: center;
	overflow: hidden;
    white-space: nowrap;
	position: relative;
}
/* gallery modal */
.modal_container {
    text-align: center;
}
.modal_container .overlay_text h2{
	color: #fff !important;
}
.modal-footer {
	text-align: left !important;
}

/* photo gallery */
.photo-gallery {
    padding-top: 30px;
}
.photo-wrapper .img {
	max-height: 250px;
    min-height: 250px;
    border: 5px solid #fff;
    transition: all 0.5s ease;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
	background-position: 50% 50%;
	background-size: cover;
}

.photo-wrapper img:hover {
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.5);
}
.txt_link a {
    color: #000 !important;
}

/* resources */
.content_title {
    font-family: didot;
    font-size: 27px;
    text-transform: uppercase;
    margin-bottom: 30px;
	color: #000000;
	margin-top: 30px;
}

ul.image_list {
	text-align: center;
    list-style: none;
    padding: 0;
    margin-top: 30px;
	margin-bottom: 30px;
}
ul.image_list li {
	
    display: inline-block;
    width: 200px;
    margin-right: 30px;
}
ul.image_list li img {
    width: 100%;
}
/* contact us */
.sub_page_cms input[type="text"]::-webkit-input-placeholder, .sub_page_cms textarea#Message::-webkit-input-placeholder{
	font-family:lato,sans-serif !important;
	font-size:14px !important;
	font-weight:400 !important;
}
/* testi */
.testi-page .quote {
    max-width: 100%;
    border: 0px;
}
.testi-page .quote::before {
    background: url(https://s3.amazonaws.com/static.organiclead.com/Site-1cbd2d89-6e03-4d51-b927-96d5558fc2fb/quote_black.png) !important;
    background-repeat: no-repeat;
    width: 36px !important;
}
.testi-page span.line::after {
    border-color: #000000 !important;
}

/* mobile */
/* menu */
.mobile_menu {
	display:none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
}
.hamburger{
	position: fixed !important;
    z-index: 9999;
    left: 10px;
    top: 10px;

    background: #41b395 !important;
    border: 1px solid #282f34  !important;
    border-radius: 5px !important;
	transition:opacity 3s;
}
.hamburger:hover {
	opacity: .9 !important;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
	background:#ffffff !important ;
}

.mobile_menu .dropdown-menu{
	float:none !important;
	position: relative !important; 
}
.mobile_menu ul.dropdown-menu li {
     padding: 0px !important;
}
.mobile_menu ul.dropdown-menu {
    display: none;
}
li.org_img_item:last-child img {
    width: 170px !important;
	 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
/* scroll to top*/
.scroll-top{
	display:none;
	position: fixed;
    bottom: 20px;
    right: 20px;
    height: 30px;
    width: 30px;
    line-height: 25px;
    text-align: center;
    border-radius: 5px;
    background: #3a4246;
}
i.fa.fa-arrow-up {
    color: #68c1a8;
}

/* modal */
div#complimentary_consultations_modal , .gallery_modal  {
    z-index: 99999;
}
#complimentary_consultations_btn{
	color: #41b395;
}


/* responsive */
p.banner-text span {
    font-size: 7vw;
}



h4.banner-secondary-text span {
    font-size: 1.5vw;
}
@media only screen and (min-width:997px) and (max-width:1206px) {
/* header */
	.logo-wrapper .logo img {
		width: 160px !important;
	}
	ul.custom_menu li a {
		font-size: 12px !important;
	}
	
	.info {
		float:right !important;
	}
	
	.info .contact .fa.fa-phone ,i.info .contact .fa.fa-phone a {
		font-size: 13px !important;
	}
	.info .btn{
		position: relative !important;
		width: 120px !important;
	} 
	.info i.fa.fa-calendar {
		width: 75px !important;
		font-size: 20px !important;
		left: 15% !important;
		line-height: 5px;
	}
	.info .btn span.text{
		display: none !important;
	}	

}
@media (min-width: 1200px){
	#header-wrapper #header #header-inner .navbar .navbar-inner .info {
		float:right !important; 
	}
}
@media (min-width: 1300px){
	ul.custom_menu li {
		margin-right: 3vw !important;
	}
	ul.custom_menu li a {
		font-size: 1vw !important;
	}
}
@media only screen and (min-width:992px) and (max-width:1206px) {
	/* header */
	.logo-wrapper .logo img {
		width: 170px !important;
	}

	ul.custom_menu {
		text-align: left !important;
	}

	ul.custom_menu li a {
		font-size: 12px !important;

	}
	.info .btn {
		width: 150px !important;
	}

	.info .contact i, .info .contact a {
		font-size: 14px !important;
	}
	#header-wrapper #header #header-inner .navbar .navbar-inner .info {
		 float: right !important; 
	}
	.info .btn span.text{
		display: none !important;
	}	

}
@media(min-width:1207px){
	.info i.fa.fa-calendar {
		display:none !important;
	}
}


@media only screen and (min-width:360px) and (max-width:997px) {
	.section_head {
		font-family: "didot";
		font-size: 2vw;
		color: #000000;
	}

		#content #main {
	   padding:0 !important;
	}
	
	#footer-wrapper .mobile_center {
    	text-align: center; !important
	}
	#footer-wrapper img.img-responsive {
		margin: 10px auto;
		float: none !important;
	}
	ul.footer_bottom {
		padding: 0 !important;
		width: 100%;
		text-align: center;
	}
	
	.logo-wrapper {
    	margin-top: 25px !important;
		padding-bottom: 25px !important;
	}
	#header .info .contact {
	    text-align: center !important;
		margin-bottom: 0 !important;
	}
	#footer-wrapper .col_title {
		margin-top: 30px !important;
	}
	#sub_page_contact .contact-title , .contact_section .content_details {
		text-align: left !important;

	}
	.slider-wrapper {
		margin-top: 130px !important;
		
	}

}

@media only screen and (min-width:501px) and (max-width:997px) {
	.slider-text {
		display: block !important;
	}
}	

@media(max-width:992px){
	 .mobile_menu .overlay ul li a:hover, .overlay ul li a:focus {
   		 color: #f0f0f0 !important;
	}
	
 	.mobile_menu ul.dropdown-menu {
		background-color: transparent !important;
	    box-shadow: none !important;
	    border: none !important;
	}	
	.mobile_menu .overlay ul li{
		padding: 10px;
	}
 
 .mobile_menu .overlay ul li a {
	    font-size: 25px !important		    
	}  
	p.banner-text span  , .page_title_cms span  {
    font-size: 7vw !important;
	}
	
	/* mobile content */
	.mobile_content{
		padding:25px !important;
		margin-top:0px !important;
	} 
	.with_sidebar {
    padding-left: 5px !important;
	}
	
}
/* Extra Small */
@media(max-width:767px){
	#header{
	z-index: 9  !important;
	/*	display:none; */
	}
	
	ul.org_img_container {
    margin: 0 auto;
    width: 150px;
    padding: 0;
    list-style-type: none;
	}
	
	ul.org_img_container li {
    display: block;
    margin-bottom: 22px;
    width: 150px;
	}
	#content #main {
	padding:0 !important;
	}
	
	.section_head {
    text-align: center;
	}
	.f_head , .s_head {
    text-indent: 0;
	}
	
	.section_cotent {
    padding: 30px;
	}
	#testi_section {
    height: 100%;
	}
	.title_org {
    padding: 5px;
	}
	.quote {
    max-width: 100%;
	border: 0;
	}
	.quote_right {
    text-align: center;
    padding: 20px 20px;
	}
	.rate {
    width: 100% !important;
    float: none;
	}
	
	/*banner subpage*/
	.banner-container{
		height:300px !important;
	}
	.header_banner .img-responsive{
	    height: 100% !important;
	}
	div#sub_page_contact {
    padding: 25px !important;
	}
	.banner-container {
   /* background: url(https://www.royacdn.com/unsafe/Site-1cbd2d89-6e03-4d51-b927-96d5558fc2fb/contactus_banner.jpg);*/
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50% ;
    background-size: cover;
	}
	
}

@media(min-width:360px) and (max-width:773px){
	.contact_section .content_details {
    text-align: left !important;
	}
	
}

/* Small */
@media(max-width:812px){
	.contact-title {
    font-size: 27px;
	}
	.contact_section .content_details {
    text-align: left;
    margin-right: 0px; 
	}
	
	/*featured*/
	.featured_container:last-child {
    width: 50% !important;
    display: block !important;
    margin: 0 auto !important;
    float: none !important;
    clear: both !important;		
	}
	
	.front, .back {
    width: 100% !important;
	height: 350px !important;
	}
	.flip-container {
    width: 50% !important;
    height: 350px !important;
	}
	
	/* skew */
	.square-skew {
    padding: 0;
    -ms-transform: skew(0deg) !important; 
    -webkit-transform: skew(0deg) !important; 
    transform: skew(0deg) !important; 
    transform-origin: bottom left;
    height: 150px;
    display: block;
    overflow: hidden;
    width: 100% !important;
	}
	.skew1 , .skew2-bg , .skew3-bg {
     transform: skew(0deg) !important;
	}
	.skew-text-overlay {
    transform: skew(0deg) !important; 
	left: 50% !important;
	}
	.after-skew-sec .img-responsive {
    width: 50% !important;
    margin: 0 auto !important;
    padding: 15px !important;
	}
	.after-skew-sec .board_content p{
	    line-height: 23px !important;
	}
	.after-skew-sec .btn-board{
	margin: 0 auto !important;
	}
}
@media only screen and (min-width:813px) and (max-width:1324px) {
	.back p {
		 font-size: 1vw !important; 

	}
}
@media(max-width:500px){
	 /* featured */
		.flip-container {
		width: 100% !important;
		height: 350px !important;
		margin: 0 auto !important;
		display: block !important;
		float: none !important;
	}
	.featured_container:last-child {
    width: 100% !important;
	}
	.slider-wrapper {
    margin-top: 130px !important;
		
	}
	
	/* home slider text */
	.slider-text-wrapper {
		position:relative !important;
		display: block !important;
		left: 0 !important;
		color: #fff !important;
		height: 60px !important;
		opacity: .9 !important;
		background-color: #41b395 !important;
	}
	.slider-text p {
		color: #fff !important;

	}
	
}
@media(min-width:768px) and (max-width:991px){
	#header{
	z-index: 20 !important;		
	/*	display:none; */
	}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
	.mobile_menu{
		display:none;
	}
}

/* Large */
@media(min-width:1200px){
		.mobile_menu{
		display:none;
	}
}
@media only screen and (min-width:993px) and (max-width:1030px) {
	p.banner-text span {
		font-size: 6vw !important;
	}
}

@media (min-width: 1400px){
	.container{
	width: 1400px !important;
	}
}

span.red {
    color: red;
}

.cta-banner {
    padding: 20px;
    background-color: #c7c7c7;
    border-radius: 20px;
    margin-bottom: 30px;
    font-size: 20px;
}

.cta-banner p {
    line-height: 30px;
}