/**
 * Theme Name: THEME-R PRODUCTION THEME
 * Theme URI: http://mednet-tech.com
 * Author: MedNet Technologies
 * Author URI: http://mednet-tech.com
 * Description: Custom HTML5 Pruduction Wordpress Theme Using thmpltfrmwrk
 * Template: thmpltfrmwrk 
 * Version: 1 
 */



/* = Formatting
-------------------------------------------------------------------------------------------------------------------- 
Global Styling For All Elements throughout the site */

html {background:#ffffff;}

body {font-family:Arial, Tahoma, Helvetica, sans-serif; color:#333333; font-size:18px; line-height:34px}

h1, h2, h3, h4, h5, h6 { margin:60px 0 30px; padding:0; color:#564d4a; font-weight:normal; text-transform:capitalize}

	H1{font-size:48px;line-height:48px}
	H2{font-size:38px;line-height:38px;}
	H3{font-size:34px;line-height:34px;font-style: italic;color: #807672;}
	H4{font-size:30px;line-height:30px}
	H5{font-size:26px;line-height:26px}
	H6{font-size:22px;line-height:22px}
	
	.topheader {margin:0 0 60px; text-transform: capitalize;}
	.topheader2 {margin:0 0 30px;}
	
	#main h2 {border-bottom: 2px solid #f9cdcb;padding: 0 0 10px;}
	
	.home h2.topheader {font-size:48px;line-height:48px}


h2.q-faq {
    font-size: 28px;
    line-height: 40px;
    text-transform: none;
    font-weight: 600;
}
	
	@media screen and (max-width: 768px) {
		
		H1,H2,H3,H4,H5,H6{margin:40px 0 10px;}
		H1{font-size:36px;line-height:40px}
		H2{font-size:24px;line-height:30px}
		H3{font-size:22px;line-height:28px}
		H4{font-size:20px;line-height:26px}
		H5{font-size:18px;line-height:24px}
		H6{font-size:16px;line-height:22px}
		.topheader {margin:0px 0 30px 0;}
		
		.home h2.topheader {font-size:36px;line-height:40px}		
		
	}
	

ul { padding:0 0 0 20px; margin:0 0 40px; list-style:outside;list-style-image: url(images/structure/arrow.png);}
ol { padding:0 0 0 20px; margin:0 0 40px;}

[class*="qcol-"] {-webkit-column-gap: 40px;-moz-column-gap: 40px;column-gap: 40px;}

a {color:#e68580; text-decoration:none}
	a:hover {color:#0098b5; text-decoration:none}

	/* take off the dotted outline on this elements */
	a:hover, a:active, a:focus, object, embed {
	  outline: 0; text-decoration:none;
	}


hr {border:0; border-top:1px solid #d2d2d2;}
	hr.clear { border: 0 none;height: 1px;margin: 0; clear:both}
	hr.spacer {border: 0 none;height: 40px;margin: 0;}

	hr + .htag {
		margin-top: 40px; /* all headers followed by an HR get their margins redone */ 
	}

	hr.special {border-top:2px solid #eaeaea; margin:80px 0;}

hr.special {border-top:2px solid #d2d2d2;}


p, .rowlikep {margin:0 0 40px}

blockquote {border-left:10px solid #CCC; font-style:italic;padding:0 32px; margin:0 0 40px}
	/*blockquote p {text-align:justify}*/


/* -- Formatting classes -- */
.row.flushcolumns > * { padding:0}	

.img-thumbnail { background-color: #f7f7f7; border: 2px solid #333; border-radius:1px}

.btn.btnc, .btn.dbtn {background:#21a4bd;color:#FFF;padding:15px; text-decoration:none; border:0; cursor:pointer; 
				text-transform:uppercase; letter-spacing:2.5px; font-weight:600; border-radius:0;}
	.btn.btnc:hover, .btn.dbtn:hover {background:#1b899e;color:#FFF;text-decoration:none}


.btn2.btnc {background:#f69691;}
	.btn2.btnc:hover {background:#ffb5b1;}
	
@media screen and (max-width: 768px) {
	.btn-responsive { white-space: normal !important; word-wrap: break-word; }
}


.lineback {/*background:url(images/structure/line_back.jpg) center center repeat-x;*/ margin: 5px 0;}


.addthis_toolbox {margin: -160px 0 60px;float: right;}
@media screen and (max-width: 991px) {
	.addthis_toolbox {margin: -30px 0 60px;float:none;}
}
@media screen and (max-width: 768px) {
	.addthis_toolbox {margin: 0 0 30px;}
}


.home #breadcrumbs {display:none;}
#breadcrumbs {margin: 0 0 20px;font-size:16px}



#cta-contact {background: #fde1d6;padding: 40px 0;text-align: center;font-size:20px;}
#cta-contact a {color:#0098b5; text-decoration:none}
	#cta-contact a:hover {color:#e68580; text-decoration:none}
	
#cta-highlight {background: #deeef1;padding: 40px 40px 20px 40px;margin: 0 0 40px;}



#service-lp h2 {font-size:30px;}

@media screen and (max-width: 991px) {
	#service-lp h2 {margin:10px 0 30px;}
}



.faq-content h2 {
    font-size: 28px;
    line-height: 30px;
}


/* To Make Embedded Youtube Videos Responsive */

.video-container {position: relative; padding-bottom: 56.25%; padding-top: 35px; margin-bottom: 40px; height: 0; overflow: hidden;}

.video-container iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}



/* = Inside Banner
-------------------------------------------------------------------------------------------------------------------- */

#main-inside-banner {
    background: url(images/structure/inside-pb.jpg) bottom center no-repeat;
    min-height: 400px;
	position: relative;
}

@media screen and (max-width: 767px) {
	#main-inside-banner {background:0; min-height:0;margin:0 -25px;}
}





/* = Honors and Awards
-------------------------------------------------------------------------------------------------------------------- */

#awards img.aligncenter {margin: 0 auto;}
#awards p {margin:0;text-align:center;}
#awards small.caption {color:#968984;}





/* = Header
-------------------------------------------------------------------------------------------------------------------- 
Elements in the structure/header.php file  */

#header { background:0; padding:20px 0 0; position:relative; margin-bottom:-109px; z-index:10; border-bottom:0;}
.home #header {border-bottom:0 solid #DCDCDC;margin-bottom:0;padding:30px 0;}

#header .tel {font-size:36px; line-height:36px; color:#0098b5; font-weight:600;}
#header .adr {font-size:16px; line-height:16px; color:#fff; font-weight:600;}
.home #header .adr {color:#fff;}

#header address, #header p {margin:0;}
#header p {margin-bottom:10px;}

#header #logo img {max-width:100%}
#header #logo h2 {color:#fff; margin:5px 0; font-weight:400;}
#header #logo h2 small {color:#fff;font-style:italic;}
.home #header #logo {display:none;}

@media screen and (max-width: 1199px) {
	#header {margin-bottom:-144px;}
}

@media screen and (max-width: 992px) {
	.home #header .adr {color:#000;}
	.home #header #logo {display:block;}
	.home #header #logo h2 {color:#000;}
}


@media screen and (max-width: 991px) {
	#header #logo h2 {margin:10px 0;}
	#header {margin-bottom:-192px;}
	.home #header #logo h2 small {color: #000;}
}

@media screen and (max-width: 767px) {
	#header {margin-bottom:0;padding:20px 0;}
	#header .adr, #header #logo h2 {color:#000;}
	#header #logo h2 small {color: #000;}
}






/* = Sticky Top Header
-------------------------------------------------------------------------------------------------------------------- 
Elements in the structure/header.php file  */

.am-sticky-toprow {background: #f9f9f9; color:#333} 
.am-sticky-mainrow {background: #fff}

.am-sticky-toprow address {display:inline;}
.am-sticky-toprow a {color:#333;}
.am-sticky-toprow a:hover {color:#21a4bd;}

/* Menu Items */ 
.am-sticky-mainmenu > li > a {color: #333333} 
.am-sticky-mainmenu > li > a:hover {color: #21a4bd} 

/* Submenu */
.am-sticky-mainmenu li li a {background: #f9f9f9} 
.am-sticky-mainmenu li li a:hover {background: #f9f9f9} 
.am-sticky-mainmenu li li a {color: #21a4bd} 
.am-sticky-mainmenu li li a:hover {color: #f69691} 

/* Accodion Menu */ 
.am-sticky-accordion > li > a {color: #333333} 
.am-sticky-accordion > li > a:hover {color: #21a4bd} 

/* Sub menu */
.am-sticky-accordion > li li a {background: #f9f9f9} 
.am-sticky-accordion > li li a:hover {background: #f9f9f9} 
.am-sticky-accordion > li li a {color: #21a4bd} 
.am-sticky-accordion > li li a:hover {color: #f69691} 

/* Side panel */
.am-sticky-side-panel {background: #f9f9f9} 
.am-sticky-iconsnav a {color: #333333} 
.am-sticky-iconsnav a:hover {color: #21a4bd} 


.am-sticky-toprow .am-sticky-right-info {font-size: 14px;}


.am-sticky-mainmenu li li a {line-height: 24px;padding: 10px 15px;}
.am-sticky-accordion ul li a {height: auto;line-height: 24px;padding:5px 0;}




/* = Main Navigation 
-------------------------------------------------------------------------------------------------------------------- */
#navigation {background:#f9f9f9; overflow: visible; position:relative;min-height:65px;}
#navigation .am_social_follow_pack {float:right; padding-top:10px;}

@media screen and (max-width: 992px) {
	#navigation .am_social_follow_pack {float:none; position:absolute; right:10px; top:0;}
}

	/* Dropdown Style */
	#mainmenu{margin:0; float:left;  }
	#mainmenu>li>a{font-size:14px;line-height:14px;padding:25px 45px;
				color:#333333;text-transform: uppercase; font-weight:600;
			/*	 background:url(images/structure/nav_divider.jpg) center right no-repeat; */}
	
	#mainmenu>li.first>a{padding-left:0}
	#mainmenu>li.last>a{background:0; padding-right:0}
	#mainmenu>li:hover>a{color:#21a4bd; text-decoration:none}
	
	/* #mainmenu>li:hover {background:url(images/structure/nav_underscore.png) center top}*/	
	/* #mainmenu>li.has-submenu {background:url(images/structure/nav_sub_menu_arrow.jpg) center 45px no-repeat;} */
	
		/* Sub-Menu*/
		#mainmenu ul{width:200px;margin-top:0;margin-left:30px;}
		#mainmenu li li a{color:#fff;font-size:13px;padding:10px 15px;line-height:24px;margin:0;background:#564d4a}
		#mainmenu li ul a:hover{color:#fff;background:#f69691}
		#mainmenu ul li ul {margin-top:0;margin-left:0;}
		#mainmenu ul li ul li a {background:#f69691}
		#mainmenu ul li ul li a:hover {background:#fde1d6;color:#564d4a}


	@media screen and (max-width: 1280px) {
		#mainmenu>li>a{padding:25px 35px;}
	}
	@media screen and (max-width: 1200px) {
		#mainmenu>li>a{padding:25px 22px;}
	}


	/* Accordion Style */
	#mainmenu_accordion, #mainmenu_accordion ul {list-style:none outside;  margin: 0;  padding: 0;   overflow:hidden;}
	#mainmenu_accordion>li>a {
	 margin:0; cursor: pointer; height:60px; line-height:60px;
	 font-size:18px; color:#333333; display:block; padding:0;
	 background:0;border:0;}

	#mainmenu_accordion>li>ul {padding: 0; margin:0 0 40px; /*border-top:1px solid #54583A;*/}
	
	#mainmenu_accordion ul li a{display:block; text-decoration:none; font-weight:normal; height:auto; 
									line-height:24px; border-bottom:1px solid #333333;padding:5px 0;}
	#mainmenu_accordion ul li a:hover {text-decoration:none; }	
	
		/* Mobile Submenu */
		#mainmenu_accordion>li>ul>li a {background:0; color:#333333; padding-left:20px}		
		#mainmenu_accordion>li>ul>li a:hover {color:#21a4bd;}
		
		#mainmenu_accordion>li>ul>li li a { background:#f9f9f9; padding:5px 0 5px 40px;}		
		#mainmenu_accordion>li>ul>li li li a {background:#f9f9f9; padding:5px 0 5px 50px;}
		#mainmenu_accordion>li>ul>li li li li a {background:#f9f9f9; padding:5px 0 5px 60px;}		

		/* If a menu item has an dropdown */
		#mainmenu_accordion .menu-item-has-children>a:after{
		  content:"\e252";  font-family:"Glyphicons Halflings";
		  margin:0 10px 0 0; display:inline-block; float:right; font-size:10px;}




/* = Banner/Graphic - Carousel
------------------------------------------------------------------------------------------------------------------- */
#graphic {background:#343130; position:relative; z-index:5; top:-150px; margin-bottom:-150px;}
@media screen and (max-width: 992px) {
	#graphic {top:0; margin-bottom:0;}
}



#graphic .container {padding:0;}
.carousel-inner {width:100%; margin:0 auto;}

.carousel-inner > .item > img.fullwidthimg {width:100%; height:auto}
.carousel-inner > .item > .constrained { height:420px; background-size:cover!important;}
.carousel-inner > .item {background:#343130}

@media screen and (max-width: 768px) {
	.carousel-inner>.item>img {max-width:135%;}
}

/*Img was floating left causing issues with caption box*/
#graphic .wp-post-image {float:none;}


/* -- CAPTION -- */
.carousel-caption {width:100%; top:35%; right:0; left:0; bottom:0; text-align:left; max-width:1280px; display:block; margin:0 auto; padding:0 25px;}
.carousel-caption > * {color:#fff; text-shadow:none;}
.carousel-caption h2 {color:#fff; font-size:72px; line-height:72px; margin:0 0 20px 0;}
.carousel-caption h2 span {font-size:48px; line-height:48px; display:block;}
.carousel-caption p {font-size:28px; line-height:28px; margin:0 0 20px 0; font-style:italic;}
.carousel-caption a {font-size:14px; line-height:14px; color:#f69691; margin:0;  text-transform:uppercase; font-weight:700; font-style:normal; letter-spacing:4px;}

@media screen and (max-width: 1600px) {
	.carousel-caption h2 {font-size:52px; line-height:52px;}
	.carousel-caption h2 span {font-size:38px; line-height:38px;}
}
@media screen and (max-width: 1280px) {
	.carousel-caption {top:20%;}
	.carousel-caption h2 {font-size:48px; line-height:48px;}
	.carousel-caption h2 span {font-size:34px; line-height:34px;}
}
@media screen and (max-width: 992px) {
	.carousel-caption {position:relative; text-align:center; padding:20px 20px 40px; background:#343130;}
	.carousel-caption h2 {font-size:30px; line-height:30px;}
	.carousel-caption h2 span {font-size:24px; line-height:24px;}
	.carousel-caption p {font-size:18px; line-height:18px;}
}


/* -- INDICATORS -- */
.carousel-indicators li {border:2px solid #f9f9f9;height:16px;width:16px;margin:0 7px;border-radius:0}
.carousel-indicators li.active {background:#21a4bd; border:0;height:16px;width:16px;margin:0 7px;}
ol.carousel-indicators {margin-bottom:0;}


/* -- LEFT/RIGHT FADE -- */
/*  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x) */
.carousel-fade .carousel-inner .item {
	opacity: 0;  transition-property: opacity;  transition-duration: .75s;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;  opacity: 0;  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
 	z-index: 100;
}


/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
    }
}










/* = Highlights
-------------------------------------------------------------------------------------------------------------------- */

#highlights { background: #fff; }




/* = Main Section 
-------------------------------------------------------------------------------------------------------------------- */

#main { background: #fff; padding:100px 0 80px; }
.home #main {background:#fde1d6; padding:100px 0 80px;}

@media screen and (max-width: 991px) {
	.home #main {padding:60px 0 40px;}
	#main {padding:60px 0 40px;}
}

	
.nosidebar #main .main_section {width:100%;}

.main_aside .first {margin-top:0}
.main_aside .first .htag {margin:0 0 60px}






/* = Bottom Section|s 
-------------------------------------------------------------------------------------------------------------------- */


#bottom_doctor {background:#f9f9f9; padding:100px 0;}
#bottom_doctor h3 {font-style:italic; color:#807672;}









/* = Services
------------------------------------------------------------------------- */

#bottom_services {background:#564d4a; padding:100px 0;}
#bottom_services h2 {color:#f69691; margin:20px 0 0; text-align:center; font-style:italic; font-size:30px; line-height:30px;}

#bottom_services #section1 {background:url(images/structure/service_face.jpg)top center no-repeat; background-size:cover;}
#bottom_services #section2 {background:url(images/structure/service_breast.jpg)top center no-repeat; background-size:cover;}
#bottom_services #section3 {background:url(images/structure/service_body.jpg)top center no-repeat; background-size:cover;}
#bottom_services #section4 {background:url(images/structure/service_minimally.jpg)top center no-repeat; background-size:cover;}

#bottom_services #section1:hover {background:url(images/structure/service_face_hover.jpg)top center no-repeat; background-size:cover; 
														-webkit-transition: background 1s; transition: background 1s;}
#bottom_services #section2:hover {background:url(images/structure/service_breast_hover.jpg)top center no-repeat; background-size:cover; 
														-webkit-transition: background 1s; transition: background 1s;}
#bottom_services #section3:hover {background:url(images/structure/service_body_hover.jpg)top center no-repeat; background-size:cover; 
														-webkit-transition: background 1s; transition: background 1s;}
#bottom_services #section4:hover {background:url(images/structure/service_minimally_hover.jpg)top center no-repeat; background-size:cover; 
														-webkit-transition: background 1s; transition: background 1s;}
														
#bottom_services .highlight {min-height:369px; padding:20px 0; color:#fff; text-align:center;}
						
#bottom_services .text {display:none; line-height:35px; color:#fff;}
#section1:hover > .text, #section2:hover > .text, #section3:hover > .text, #section4:hover > .text {display:block}
#section1:hover + .service1, #section2:hover + .service2, #section3:hover + .service3, #section4:hover + .service4 {color:#21a4bd;}

/* -- Categories Navigation -- */
#bottom_services .wp_nav_menu, .wp_nav_menu ul {margin:50px 0 0 0; padding: 0; list-style: none;}
#bottom_services .wp_nav_menu .first, .wp_nav_menu .last {padding:0;}
#bottom_services .wp_nav_menu li a {color:#28323b; text-transform:uppercase; font-size:14px; font-weight:600;}
#bottom_services .wp_nav_menu li a:hover {color:#f69691;}

@media screen and (max-width: 1200px) {
	#bottom_services h2 {font-size:26px;}
}
@media screen and (max-width: 992px) {
	#bottom_services .highlight {max-width:272px; margin:0 auto;}
	#section1 > .text, #section2 > .text, #section3 > .text, #section4 > .text {display:block}
	#bottom_services #section1 {background:url(images/structure/service_face_hover.jpg)top center no-repeat; background-size:cover;}
	#bottom_services #section2 {background:url(images/structure/service_breast_hover.jpg)top center no-repeat; background-size:cover;}
	#bottom_services #section3 {background:url(images/structure/service_body_hover.jpg)top center no-repeat; background-size:cover;}
	#bottom_services #section4 {background:url(images/structure/service_minimally_hover.jpg)top center no-repeat; background-size:cover;}
}










#bottom_media {background:#322f2e; padding:100px 0;}
#bottom_media h2 {color:#fff;}
#bottom_media h3 {margin:0; color:#fff; font-style:italic; padding-top:90px; font-size:36px; line-height:40px}
#bottom_media h3 a {color:#fff;}

#bottom_media .media {min-height:218px; padding:0 10px;}
#bottom_media .media1 {background:url(images/structure/media_appearances.jpg)top center no-repeat;}
#bottom_media .media2 {background:url(images/structure/media_newspaper.jpg)top center no-repeat;}
#bottom_media .media3 {background:url(images/structure/media_publications.jpg)top center no-repeat;}

@media screen and (max-width: 768px) {
	#bottom_media h3 {font-size:26px; line-height:30px; padding-top:50px;}
	#bottom_media .media {min-height:130px;}
}








#bottom_blog {background:#fde1d6; padding:100px 0 60px ;}
#bottom_blog .blog_holder {background:#fff; padding:70px 0 60px; text-align:center; border: 1px solid #d5d2d1; box-shadow: 0 0 0 2px #fff;}
#bottom_blog .post_content h2{margin:30px 0 20px 0; font-size:36px;}
#bottom_blog .post_content h2 a {color:#000;}

#bottom_blog .carousel-inner > .item {background:0!important;}


/* -- INDICATORS -- */
#bottom_blog .carousel-indicators li {border:2px solid #a7a3a1; background:#fff; width:16px; height:16px; margin:0 3px;}
#bottom_blog .carousel-indicators li.active {background:#f69691; border:2px solid #f69691;}
#bottom_blog ol.carousel-indicators {margin-bottom:0; bottom:0;}
#bottom_blog .btn {margin-top:-30px;}

@media screen and (max-width: 768px) {
	#bottom_blog .blog_holder {padding:40px 0 40px;}
	#bottom_blog .post_content h2{font-size:26px;}
}







#bottom_contact {background:#fff; padding:100px 0; border-top:1px solid #fde1d6;}
.home #bottom_contact {border-top:1px solid #DCDCDC;}
#bottom_contact h2.topheader {font-size:48px;}
@media screen and (max-width: 768px) {
	#bottom_contact h2.topheader {font-size:36px;}
}

/* Quick Contact Gravity Forms */
#bottom_contact .gform_wrapper .gform_heading, #bottom_contact .gform_wrapper .top_label .gfield_label {display:none!important}

#bottom_contact .gform_wrapper .ginput_container input, #bottom_contact .gform_wrapper .ginput_container textarea {
	background:#dad6d4!important; width:100%!important;  text-indent: 0 !important; border-radius:0; border:0; color:#373330;}

#bottom_contact .gform_wrapper .ginput_container input {height:50px!important; width:49%!important; padding:12px 12px!important;}
#bottom_contact .gform_wrapper .ginput_container textarea {float:right; width:50% !important; margin:-165px 0 0 0!important; padding: 6px 12px !important; height:160px !important; }

#bottom_contact .gfield.disclaimer {font-size:14px; font-style:normal;text-align:center;}
#bottom_contact .gform_wrapper .gform_footer {padding:0!important; text-align:center;}
#bottom_contact #gform_submit_button_2 {padding:15px; font-size:14px; background:#f69691;}
#bottom_contact #gform_submit_button_2:hover {background:#ffb5b1;}

#bottom_contact .form-control:focus {    
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
     -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; 
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;  
}

.form-control {box-shadow:none}

/* changes color of placeholder */
#bottom_contact .gform_wrapper .ginput_container input::-webkit-input-placeholder, #bottom_contact .gform_wrapper .ginput_container textarea::-webkit-input-placeholder {
   color: #373330;
}
#bottom_contact .gform_wrapper .ginput_container input:-moz-placeholder, #bottom_contact .gform_wrapper .ginput_container textarea:-moz-placeholder { /* Firefox 18- */
   color: #373330;  
}
#bottom_contact .gform_wrapper .ginput_container input::-moz-placeholder, #bottom_contact .gform_wrapper .ginput_container textarea::-moz-placeholder {  /* Firefox 19+ */
   color: #373330;  
}
#bottom_contact .gform_wrapper .ginput_container input:-ms-input-placeholder, #bottom_contact .gform_wrapper .ginput_container textarea:-ms-input-placeholder {  
   color: #373330;  
}

@media screen and (max-width: 600px) {
	#bottom_contact .gform_wrapper .ginput_container input, 
	#bottom_contact .gform_wrapper .ginput_container textarea {float:none; width:100% !important; margin:0!important;}
}
















#bottom_quicklinks {background:#322f2e; padding:100px 0 60px; color:#fff; font-size:14px;}

#bottom_quicklinks a {color:#fff}
	#bottom_quicklinks a:hover {color:#21a4bd}
	
#bottom_quicklinks h3 {margin:0 0 10px; padding:0; font-size:24px; color:#f69691;font-style:normal;}	
#bottom_quicklinks ul {list-style:none outside; margin:0; padding:0}

#bottom_quicklinks .mapcanvas {height:200px; color:#000;}

#bottom_quicklinks .quicklinks{margin:0; padding:0 0 40px 0; float:left;}
#bottom_quicklinks .quicklinks>li{float:left; list-style-type:none; line-height:14px; padding:10px 0}
#bottom_quicklinks .quicklinks>li>a{font-size:14px;line-height:14px;padding:0 46px;
				color:#fff;text-transform: uppercase; font-weight:600;}
	#bottom_quicklinks .quicklinks>li>a:hover{color:#21a4bd;}
	
#bottom_quicklinks .quicklinks>li.first>a{padding-left:0}
#bottom_quicklinks .quicklinks>li.last>a{background:0; padding-right:0}

#bottom_quicklinks .tel, #bottom_quicklinks .fax {color:#21a4bd;}
#bottom_quicklinks .tel span, #bottom_quicklinks .fax span{color:#fff;}

#bottom_quicklinks .lineback {background:url(images/structure/line_back_dark.jpg) center center repeat-x;}

#bottom_quicklinks .mapimg {height: 200px;}


#bottom_quicklinks .am-social-facebook .svg-square {fill: #3B5997;}
#bottom_quicklinks .am-social-linkedin .svg-square {fill: #007AB9;}
#bottom_quicklinks .am-social-svg .svg-icon {fill: #fff;}


@media screen and (max-width: 1280px) {
	#bottom_quicklinks .quicklinks>li>a{padding:0 38px;}
}
@media screen and (max-width: 1200px) {
	#bottom_quicklinks .quicklinks>li>a{padding:0 25px;}
}
@media screen and (max-width: 991px) {
	#bottom_quicklinks {padding:60px 0;}
	#bottom_quicklinks .quicklinks {float:none;}
	#bottom_quicklinks .quicklinks>li{float:none;}
	#bottom_quicklinks .quicklinks>li>a{padding:0;}
}




/* = Footer Section 
-------------------------------------------------------------------------------------------------------------------- */

#footer {background:#322f2e; padding:20px 0 100px; color:#615d5c; font-size:14px;}
#footer a {color:#615d5c}
#footer a:hover {color:#21a4bd}

@media screen and (max-width: 991px) {
	#footer {padding:20px 0 60px;}
}











/* = Back to top 
-------------------------------------------------------------------------------------------------------------------- 
** malcolmroth.com ** */

.backtotop.styled {	
	background-color:#f69691; border:1px solid #f69691;
	border-radius: 5px;bottom: 20px;color: #322f2e;
    font-size: 20px;font-weight: bold;height: 55px;line-height: 55px;position: fixed;
    right: 20px;text-align: center;width: 55px;
	/* text-indent:-9999px;background: url('icon_top.png') no-repeat;*/		
}







/* = Forms 
-------------------------------------------------------------------------------------------------------------------- */

/* Gravity Forms */

.gform_wrapper .gform_heading,
.gform_wrapper .top_label .gfield_label, .gform_wrapper label {display:none!important}

.gform_wrapper .ginput_container input.form-control, 
.gform_wrapper .ginput_complex .ginput_full input.form-control,
.gform_wrapper .ginput_container textarea.form-control,
.gform_wrapper .ginput_container select.form-control {
	background:#e5e7e8;
	width:100%!important;padding: 6px 12px!important;text-indent: 0!important;
	border-radius:0 !important; border-width:0 !important;	
}

.gfield.disclaimer {font-size:12px; font-style:italic}
.gform_wrapper .gform_footer { padding:0!important; text-align:right}
.gform_footer input[type=submit] {/*width:100%;*/}

/* Long contact form address */
.gform_wrapper .ginput_complex .ginput_left, 
.gform_wrapper .ginput_complex .ginput_right {
	width:49%!important; min-height:1px!important;
}

.gform_wrapper div.ginput_container,
.gform_wrapper .address_line_2, 
.gform_wrapper .ginput_complex > span {margin-top:5px!important;}

.gform_wrapper .address_line_2 {display:block}


body #gform_wrapper_2 ul li.gfield {margin-top: 0!important;}




/* = Blog Section 
-------------------------------------------------------------------------------------------------------------------- */

.blog.home #main article,
.category #main article,
.archive  #main article {
	background:#FFF; border-radius:3px; border:1px solid #ccc; padding:30px
}

.topheader.resultheader  {margin:0 0 10px; font-size:24px;border: 0!important;color: #e68580;}
.result_data { display:block; list-style: none outside; padding:0}
.result_data li { display: inline; padding:0 10px 0 0; color:#888}
.wp-post-image {float:left; margin:0 25px 0 0}



.pagination {display:block; float:left; width:100%; padding:10px 0;  margin-top:10px;text-align:left; line-height:45px}
.pagination>*{ padding:8px; border:1px solid #ccc;  }
.pagination .current {background:#dfdfdf}
.pagination a[rel=prev] {float:left}	
.pagination a[rel=next] {float:right}



/* = Maps Google Map API & InfoWindow Styles
-------------------------------------------------------------------------------------------------------------------- */
.mapcanvas {float:left; width:99%; height:500px; margin: 0 0 20px; border:0 double #ccc}
.iwindow {line-height:18px;width:250px}
.iwindow hr { border:0;margin:10px 0; background:0; border-top:1px solid #ddd; width:100%; clear:both }
.iwindow a {font-size:12px}
.iwindow.hasimg {width:350px}
.iwindow.hasimg hr {float:left;}
.hasimg.hasimg .infoimg {float:left;max-width:100px;margin:0 10px 0 0}

.mapimg {display:block; height:100px; width:auto;}

/* -- Directions form - active only on single locations -- */
.directions_form {float:left;display:block;border:1px solid #ddd; width:100%}
.directions_form>div {display:block;padding:10px; overflow:hidden}
.directions_form .saddr{float:left; width:75%; padding:10px}
.directions_form strong {display:block}
.directions_form .dbtn {float:right; width:20%; border:0; padding:20px 15px;}

@media screen and (max-width: 992px) {
	.directions_form .saddr{width:60%;}
	.directions_form .dbtn {width:30%;}
}

@media screen and (max-width: 768px) {
	.directions_form .saddr{width:100%;}
	.directions_form .dbtn {width:100%;}
}

/* -- map_info styles/ Bubble -- */
.map_info {clear:none!important;overflow:hidden; line-height:18px; float:left; cursor:pointer}
.map_info {width:32%;margin:0 1% 10px 0}
.map_info .org, .map_info .line1, .map_info .line2, .map_info .csz, .map_info .tel, .map_info .fax, .map_info .extra {display:block;}
.map_info .full_address {display:block;padding-bottom:10px} 








/* = Bootstrap overwrites
-------------------------------------------------------------------------------------------------------------------- */

/* change the gutter widths to 25px. Essentially making them 50px in between columns  */ 
.row {
    margin-left: -25px;
    margin-right: -25px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 25px;
    padding-right: 25px;
}

.container { padding-left:25px; padding-right:25px}

/* Change the width of the container for med screens*/
@media (min-width: 1280px) {
  .container {
    width: 1280px;
  }
}




[class*="qcol-"] {
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
}