/**
 * 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:#242424; font-size:16px; line-height:30px}

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

	H1{font-size:45px;line-height:45px}
	H2{font-size:30px;line-height:30px}
	H3{font-size:28px;line-height:28px}
	H4{font-size:26px;line-height:26px}
	H5{font-size:24px;line-height:24px}
	H6{font-size:22px;line-height:22px}
	
	.topheader {margin:0 0 60px; text-transform: uppercase;}
	
	@media screen and (max-width: 768px) {
		
		H1,H2,H3,H4,H5,H6{margin:40px 0 10px;}
		H1{font-size:26px;line-height:34px}
		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;}		
		
	}


img#section {width:100%;height:auto;position:relative:display:block}	
	
ul, ol{margin:0;padding:0 0 0 30px; margin:0 0 40px; list-style-position:outside;}

a {color:#b74b4e; text-decoration:none}
	a:hover {color:#56b197; 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;}

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

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


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

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

.btn {background:#41846b;color:#FFF;padding:20px; text-decoration:none; border:0; cursor:pointer; text-transform:uppercase; border-radius:3px;}
	.btn:hover {background:#b74b4e;color:#FFF;text-decoration:none}




.topright {float:right; color:#fff; text-transform:uppercase; font-size:16px; padding:27px 0 0 0;}
.topright a {color:#fff;}


/* -- Calls to Action Links -- */
a.cta {background-color: #35363a;color: #fff;display:block;font-size:18px;line-height: 36px;padding: 40px;margin-top: 30px;margin-bottom: 10px;}
a.cta .glyphicon {color: #b74b4e;font-family: "Glyphicons Halflings";font-size: 36px;margin-right:20px;vertical-align:middle}
a.cta:hover {background-color:#b74b4e;text-decoration:none}
a.cta:hover .glyphicon {color:#fff}

@media screen and (max-width:990px){
a.cta .glyphicon {display:block;margin-bottom:20px}
}


	


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

#header {background:#fff; padding:20px 0;}

#header #logo img {max-width:100%;}

#header .topright {color:#b74b4e; display:none; float:none; font-weight:600; font-size:20px;}
#header .topright a {color:#b74b4e; font-weight:600; font-size:20px;}
#header .topright .adr {display:block;}




/* = Main Navigation 
-------------------------------------------------------------------------------------------------------------------- */
#navigation {background:#b74b4e; overflow: visible;}




	/* Dropdown Style */
	#mainmenu{margin:0; float:left;  }
	#mainmenu>li>a{font-size:16px;line-height:16px;padding:30px 25px;
				color:#fff;text-transform:uppercase; font-weight:300;
			/*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:#ffb6b8; 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}
		#mainmenu li li a{color:#fff;font-size:13px;padding:8px 26px;margin:0;background:#9f3b3f}
		#mainmenu li ul a:hover{color:#fff;background:#56b197}


	
	/* 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:#fff; 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:40px; 
									line-height:40px; border-bottom:1px solid #c8595c;}
	#mainmenu_accordion ul li a:hover {text-decoration:none; }	
	
		/* Mobile Submenu */
		#mainmenu_accordion>li>ul>li a {background:0; color:#fff; padding-left:20px}		
		#mainmenu_accordion>li>ul>li a:hover {color:#ffb6b8;}
		
		#mainmenu_accordion>li>ul>li li a { background:#b74b4e; padding:0 0 0 40px;}		
		#mainmenu_accordion>li>ul>li li li a {background:#b74b4e; padding:0 0 0 50px;}
		#mainmenu_accordion>li>ul>li li li li a {background:#b74b4e; padding:0 0 0 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;}


	@media screen and (max-width: 1200px) {
		#mainmenu>li>a{font-size:14px; padding:30px 14px;}
	}

	@media screen and (max-width: 990px) {
		#navigation .topright {display:none;}
		#header .topright {display:block;padding:0}
		#header address {margin:0}
	}




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

.am-sticky-toprow {background: #b74b4e; color:#fff; font-size:16px;} 
.am-sticky-mainrow {background: #fff}

.am-sticky-toprow a {color:#fff;}
.am-sticky-toprow a:hover {color:#ffb6b8;}

/* Menu Items */ 
.am-sticky-mainmenu > li > a {color: #b74b4e; } 
.am-sticky-mainmenu > li > a:hover {color: #56b197} 

/* Submenu */
.am-sticky-mainmenu li li a {background: #b74b4e} 
.am-sticky-mainmenu li li a:hover {background: #56b197} 
.am-sticky-mainmenu li li a {color: #fff} 
.am-sticky-mainmenu li li a:hover {color: #fff} 

/* Accodion Menu */ 
.am-sticky-accordion > li > a {color: #b74b4e} 
.am-sticky-accordion > li > a:hover {color: #56b197} 

/* Sub menu */
.am-sticky-accordion > li li a {background: #b74b4e} 
.am-sticky-accordion > li li a:hover {background: #56b197} 
.am-sticky-accordion > li li a {color: #fff} 
.am-sticky-accordion > li li a:hover {color: #fff} 

/* Side panel */
.am-sticky-side-panel {background: #fff} 
.am-sticky-iconsnav a {color: #b74b4e} 
.am-sticky-iconsnav a:hover {color: #56b197} 







/* = Banner/Graphic 
-------------------------------------------------------------------------------------------------------------------- */



/* = Banner/Graphic - Carousel
-------------------------------------------------------------------------------------------------------------------- 
** creativeortho.com ** */
#graphic {background: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:#fff}
@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:20%; right:0; left:0; bottom:0; text-align:left; max-width:1280px; display:block; margin:0 auto; padding:0 50px;}
.carousel-caption > * {color:#572600; text-shadow:none;}
.carousel-caption .title {font-size:80px; line-height:80px; color:#56b197; text-transform:uppercase; margin:0 0 20px; font-weight:300;}
.carousel-caption p {font-size:18px; line-height:32px; color:#444; text-transform:uppercase; font-weight:400; display:block;}
.carousel-caption .btn {font-size:16px; color:#fff; font-weight:400; display:inline-block; margin:0; background:#b74b4e;}
	.carousel-caption .btn:hover {background:#41846b;}

@media screen and (max-width: 1800px) {
	.carousel-caption {top:10%;}
	.carousel-caption .title {font-size:64px; line-height:64px;}
}
@media screen and (max-width: 1540px) {
	.carousel-caption {top:10%;}
	.carousel-caption .title {font-size:54px; line-height:54px;}
	.carousel-caption p {font-size:16px; line-height:28px;}
}
@media screen and (max-width: 1440px) {
	.carousel-caption .title {font-size:44px; line-height:44px;}
	.carousel-caption p {font-size:14px; line-height:24px;}
	.carousel-caption .btn {font-size:14px;}
}
@media screen and (max-width: 1280px) {
	.carousel-caption .title {font-size:34px; line-height:34px;}
	.carousel-caption p {font-size:14px; line-height:20px; margin-bottom:20px}
	.carousel-caption .btn {padding-top:10px; padding-bottom:10px;}
}
@media screen and (max-width: 992px) {
	.carousel-caption {position:relative; text-align:center; padding:20px 20px 40px; background:#fff;}
	.carousel-caption .title {font-size:30px; line-height:30px;}
	.carousel-caption p {font-size:16px; line-height:24px;}
}
@media screen and (max-width: 768px) {
	.carousel-caption .title {font-size:28px; line-height:32px;}
	.carousel-caption p {font-size:14px; line-height:24px;}
}
@media screen and (max-width: 400px) {
	.carousel-caption .btn {font-size:12px;}
}


/* -- INDICATORS -- */
.carousel-indicators li,
.carousel-indicators li.active {height:14px;width:14px;margin:1px}
.carousel-indicators li {background:#ccc;border:0}
.carousel-indicators li.active {background:#56b197}
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);
    }
}









/*#graphic {overflow:hidden; position:relative;}	
	#slider {width:2560px; margin:0 0 0 -54%;}
	#slider img {width:100%; display:block; max-width:2560px; min-width:320px;}
	*/
	/*-- Overlay Text --*/
	/*#slider .text_holder {width:100%; height:auto; position:absolute; top:30%; left:0;}
	#slider .text {text-align:left; max-width:1280px; margin:0 auto; width:100%; padding:0 25px;}	
	#slider .text_sm {width:50%;}
	
	#slider .text h1 {font-size:84px; line-height:84px; color:#56b197; text-transform:uppercase; margin:0 0 20px -5px; font-weight:300;}
	#slider span {font-size:18px; line-height:32px; color:#444; text-transform:uppercase; font-weight:400; display:block;}
	#slider .btn {font-size:16px; color:#fff; font-weight:400; display:inline-block; margin:20px 0 0 0; background:#b74b4e;}
	#slider .btn:hover {background:#41846b;}

	
	@media screen and (max-width: 1280px) {
		#graphic .container {padding:0!important; width:100%!important}
		#slider {width:200%;}
		#slider .text h1 {font-size:70px; line-height:70px;}
	}
	@media screen and (max-width: 1170px) {
		#slider .text h1 {font-size:55px; line-height:55px;}
		#slider span {font-size:16px; line-height:21px;}
	}
	@media screen and (max-width: 990px) {
		#slider .text h1 {font-size:40px; line-height:30px;}
		#slider span {font-size:14px; line-height:18px;}
		#slider .btn {font-size:14px; padding:10px 15px;}
		
	}
	@media screen and (max-width: 768px) {	
		#slider .text_holder {position:relative; top:0; padding:10px 0;}
		#slider .text {margin: 0 auto; text-align: left; width:50%; max-width:768px; padding:0 0 0 50px;}	
		#slider .text_sm {width:100%;}
		#slider .text h1 {font-size:35px; line-height:30px; margin:0 0 20px 0;}
		#slider span {margin:0 0 20px 0;}
	}
	@media screen and (max-width: 580px) {
		#slider .text {padding:0 0 0 35px;}	
	}
	@media screen and (max-width: 580px) {
		#slider .btn {margin:0;}
		#slider .text_holder {top:10%;}
	}

*/



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

#highlights {background:url(images/highlights/hl_bg.jpg) top center repeat-y; padding:70px 0;}
#highlights h1 {text-align:center;}
#highlights h2 {margin:20px 0; color:#41846b; font-size:20px;}

#highlights .links {font-size:20px; font-weight:400;}
.highlight1{background:url(images/highlights/hl1.jpg)top center no-repeat;width:100%;max width:270px; min-height:153px;display:block}
.highlight1:hover{background:url(images/highlights/hl1_hover.jpg)top center no-repeat;}
.highlight2{background:url(images/highlights/hl2.jpg)top center no-repeat;width:100%;max width:270px; min-height:153px;display:block}
.highlight2:hover{background:url(images/highlights/hl2_hover.jpg)top center no-repeat}
.highlight3{background:url(images/highlights/hl3.jpg)top center no-repeat;width:100%;max width:270px; min-height:153px;display:block}
.highlight3:hover{background:url(images/highlights/hl3_hover.jpg)top center no-repeat}
.highlight4{background:url(images/highlights/hl4.jpg)top center no-repeat;width:100%;max width:270px; min-height:153px;display:block}
.highlight4:hover{background:url(images/highlights/hl4_hover.jpg)top center no-repeat}







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

#main {background: #fff; padding:60px 0;}

.home #main p {text-transform:uppercase;}

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

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





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

#bottom_news {padding:70px 0; background:#41846b; color:#fff;}
#bottom_news h1 {text-align:center; color:#fff;}
#bottom_news h2 {color:#fff; margin:0 0 20px 0; font-weight:400; text-transform:uppercase;}
#bottom_news .btn {background:#56b197;}
#bottom_news .btn:hover {background:#b74b4e;}






#bottom_contact {padding:70px 0; background:#e6e6e6;}
#bottom_contact h1 {margin:0 0 10px 0;}

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

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

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

#bottom_contact .gfield.disclaimer {font-size:12px; font-style:italic}
#bottom_contact .gform_wrapper .gform_footer {padding:0!important; text-align:center;}
#bottom_contact #gform_submit_button_1 {padding:20px;}

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













#bottom1 {background:#ffffff; padding:70px 0; color:#707070; line-height: 30px;} 

#bottom1 a {color:#707070}
	#bottom1 a:hover {color:#41846b}
	
#bottom1 h3 {margin:0 0 10px; padding:0; font-size:20px; text-transform:uppercase; color:#373737}	
#bottom1 ul {list-style:none outside; margin:0; padding:0}

#bottom1 address {line-height:30px;}

#bottom1 .addresses {color:#707070; line-height: 30px;}
#bottom1 .addresses h3 {color:#c0180d;}
#bottom1 .addresses a {color:#707070}
	#bottom1 .addresses a:hover {color:#41846b}
	
#bottom1 .addresses a.map {color:#41846b}
#bottom1 .addresses a.map:hover {color:#707070}




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

#footer {background:#ffffff; padding:20px 0 70px; color:#707070;}
#footer a {color:#707070}
#footer a:hover {color:#41846b}













/* = Back to top 
-------------------------------------------------------------------------------------------------------------------- */

.backtotop.styled {	
	position:fixed;bottom:20px;right:20px;width:55px;height:55px; 
	color:#FFF;font-weight:bold; font-size:30px;line-height:45px;
	display:none; text-align:center;background-color:#b74b4e; border:1px solid #b74b4e;
	-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;
	/* 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:10px!important;}

.gform_wrapper .address_line_2 {display:block}











/* = 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:23%; border:0; padding:10px;}





@media screen and (max-width:1280px){

.directions_form .dbtn {float: none;width:100%!important;border:0;padding: 11px 0;text-align: center;font-size: 13px!important;margin: 0;}
.btn {text-align: center;margin: 0 auto;display: block;max-width: 100%!important;}
.directions_form .saddr{float:left; width:100%; padding:10px}

}


/* -- 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}

.form-control {box-shadow: 0!important;}

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

	/* mod for 5 column layout */
	.col-xs-25,
	.col-sm-25,
	.col-md-25,
	.col-lg-25 {
		position: relative;
		min-height: 1px;
		padding-right: 25px;
		padding-left: 25px;
	}
	
	.col-xs-25 {
		width: 20%;
		float: left;
	}

	.txt-xs-center {text-align:center;}
	.txt-xs-left {text-align:left}
	.txt-xs-right {text-align:right}	
	.align-xs-center {display:block; float:none; margin-left:auto; margin-right:auto}
	.align-xs-left {float:left; margin-right:30px}
	.align-xs-right {float:right; margin-left:30px}
	.align-xs-none {float:none; display:inline}	


@media (min-width: 768px) {
	.col-sm-25 {
        width: 20%;
        float: left;
    }
	
	.txt-sm-center {text-align:center}
	.txt-sm-left {text-align:left}
	.txt-sm-right {text-align:right}	
	.align-sm-center {display:block; float:none; margin-left:auto; margin-right:auto}
	.align-sm-left {float:left; margin-right:30px}
	.align-sm-right {float:right; margin-left:30px}
	.align-sm-none {float:none; display:inline;}
}

@media (min-width: 992px) {
    .col-md-25 {
        width: 20%;
        float: left;
    }
	
	.txt-md-center {text-align:center}
	.txt-md-left {text-align:left}
	.txt-md-right {text-align:right}	
	.align-md-center {display:block; float:none; margin-left:auto; margin-right:auto}
	.align-md-left {float:left; margin-right:30px}
	.align-md-right {float:right; margin-left:30px}
	.align-md-none {float:none; display:inline}	
}

@media (min-width: 1200px) {
    .col-lg-25 {
        width: 20%;
        float: left;
    }
	
	.txt-lg-center {text-align:center}
	.txt-lg-left {text-align:left}
	.txt-lg-right {text-align:right}	
	.align-lg-center {display:block; float:none; margin-left:auto; margin-right:auto}
	.align-lg-left {float:left; margin-right:30px}
	.align-lg-right {float:right; margin-left:30px}
	.align-lg-none {float:none; display:inline}
}