/*

    Theme Name: Maxim

    Theme URL: https://bootstrapmade.com/maxim-free-onepage-bootstrap-theme/

    Author: BootstrapMade.com

    Author URL: https://bootstrapmade.com

*/



/*

===========================

CONTENTS:



01 General

02 Typography

03 Non-semantic

04 Navbar

05 Page sections

06 Footer

07 Icons

08 Buttons

09 Media queries 

===========================

*/

/* Import css */

/* Google font */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

/* bootstrap */

@import url('bootstrap.css');

/* bootstrap responsive */

@import url('bootstrap-responsive.css');

/* prettyPhoto */

/*@import url('prettyPhoto.css');*/

/* flexslider */

/*@import url('flexslider.css');*/



/* font awesome */

@import url('font-awesome.css');

/* overwrite */

@import url('overwrite.css');

/* animation */

@import url('sweetalert.css');







/* =========================================================

01. General

============================================================ */



div, article, section, header, footer, nav, li {

	position:relative;

}

.group:after {

	display:block;

	height:0;

	clear:both;

	content:".";

	visibility:hidden; /* For clearing */

}

body {

	background:#fff;

	color: #197472;;

	font-size: 15px;

	font-weight:normal;

	font-family:'Open Sans', Arial, sans-serif;

}



body {

    padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */

}



::-moz-selection {

	color:#333;

}

::selection {

	color:#333;

}

#myModal{overflow: hidden;display: none;

}

/* scroll to top */

.scrollup{

    position:fixed;

	width:32px;

	height:32px;

    bottom:20px;

    right:20px;

}



a.scrollup {

	outline:0;

	text-decoration:none;

}



a.scrollup:hover,a.scrollup:active,a.scrollup:focus {

	opacity:1;

	text-decoration:none;

	-webkit-transition: all 400ms ease-out 0s;	

	   -moz-transition: all 400ms ease-out 0s;

		 -o-transition: all 400ms ease-out 0s;

		    transition: all 400ms ease-out 0s;

}

a.scrollup i:hover {

	text-decoration:none;

}



.blankdivider10 {

	height: 10px;

	display: block;

}



.blankdivider20 {

	height: 20px;

	display: block;

}

.blankdivider30 {

	height: 30px;

	display: block;

}



.row {

	margin-bottom:30px;

}



div.row {

	margin-bottom:0;

}



.row .row{

	margin-bottom:0px;

}



.row.nomargin {

	margin-bottom:0;

}



.span8{width:100%;margin-left:0;}

div.span8 p{margin-left:28px;text-align:justify;}

div.span8 p, li{color:#224847;}

.span8 img{border-radius:0px;}

.span4{width:26%;/*background:#36514b;*/background-color: #21a5a2;

    border: #dfe8e6 solid 2px;

    margin-top: 25px;}

.span2{width:20%;border:1px solid #ccc;text-align:center;padding:8px;}

.span2 img{border:4px solid #df8480;border-radius:4px;margin-bottom:10px;}

.post-meta h3{color: #fff;

    font-size: 17px;

    font-weight: 700;

    margin-left: 7px;

}



.callforaction_box{padding:10px;box-shadow:1px 1px 10px 1px #666;margin-bottom:20px;}

.callforaction_box p{color:#fff !important;text-align:center !important;}

.callforaction_box{border:1px solid #fff;border-radius:6px;background:#3b4c3d;color:#fff;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:18px;text-align:center;line-height:35px;font-size: 16px;}.callforaction_box a{padding:5px;background:#f95002b !important;color:#fff;font-weight:500;border:1px double #fff;border-radius:4px}.callforaction_box a:link{color:#fff;text-decoration:none;word-wrap: break-word;}.callforaction_box a:hover{color:#00fff0;text-decoration:none}

.callforaction_box h2{font-size:18px;color:#fff !important;}

.callforaction_box ul li {text-align:left;margin-left:40px;}

.callforaction_box span{padding:5px;background:#f95002b !important;color:#fff;font-weight:600;border:1px double #fff;border-radius:4px;word-wrap:break-word;}

.tagline a{background:#f95002b !important;font-size:26px;color:#fff !important;padding:9px 15px;border-radius:8px;text-decoration:none;word-wrap:break-word;font-weight:600;}

.tagline a:hover{color:#e5e3e2 !important;text-decoration:none;}

.link{

     margin-top: 10px;

    text-align: right;

    margin-right: 4px;  

        }

        .link a{

       color: #fff;

    text-align: center;

    background-color: #dc4379;

    font-size: 16px;

    padding: 4px 6px;

    border-radius: 4px !important;

    margin: -3px; 

        }

        .link a:hover {

        background-color: #18b4fe;

    color: #fff;

       text-decoration: none !important;

}

/*---------- forms ----------*/

.callforaction_box li{

        color: #ddd;

}

input[type=text], input[type=submit], textarea {

	width: 80%;

	margin-left:40px;

	padding: 0.5em;

	font-size: 1em;

	margin-bottom: 1em;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

input, button, select, textarea {

	font-family:'Open Sans', Arial, sans-serif;

}

/* =========================================================

02. Typography

============================================================ */

.entry-content p {

	line-height: 1.4em;

	margin: 0 0 15px 0;

	color:#197472;;

	font-size:15px;font-weight:normal;

}

p {

	line-height: 1.4em;

	margin: 0 0 15px 0;

	color:#fff;

	font-size:15px;font-weight:normal;

}

.style{color:#003333;}

.style1{color:#fff !important;}



blockquote {

	font-size:18px;

	border:none;

	padding:0;

}



blockquote.large {

	font-size:36px;

	font-weight:700;

	line-height:1.1em;

}

blockquote.large:before {

	font-size:64px;

	font-family: FontAwesome;

	content: "\f10d";

	margin-right:20px;

}



blockquote cite 						{ display:block; font-size:12px;}

blockquote cite:before 					{ content:"\2014 \0020"; }

blockquote cite a,

blockquote cite a:visited,

blockquote cite a:visited 				{ color:#555; }



ul, ol {

	font-size: 1em; /* 16px */

	line-height: 1.5; /* 24px */

	margin: 0 0 1.5em 0;

}

body, input, textarea {

}



a {

  color: #454545;

  text-decoration: none;

}



a:hover, a:active {

	text-decoration: none;

}

h1, h2, h3, h4, h5, h6 {

	font-weight: 400;

	color: #312f2b;

	line-height:1.1em;

	font-family:'Open Sans', Arial, sans-serif;

}

h1 {

	font-size: 36px;

	margin-bottom:20px;

	margin-left:28px;

	color:#197472;;font-weight:600;

}

h2 {

	font-size: 28px;

	margin-bottom:20px;

    margin-left:28px;

    color: #197472;

    font-weight: bold;

}

h3 {

	font-size: 15px;

	margin-bottom:10px;color:#fff;font-weight:600;

}

h4 {

	font-size: 20px;

	margin-bottom:20px;

	color:#197472;

}

h5 {

	    text-align: center;

    font-size: 16px;

    margin-bottom: 15px;

    color: #dc4379;

}

h6 {

	font-size: 16px;

	margin-bottom:10px;

}

strong {

	font-weight:700;

	font-family: 'Open Sans', sans-serif;

}

small {

	font-size: 0.75em; /* 12px */

	line-height: 2; /* 24px */

	margin-top: 2em;

	margin-bottom: 0em;

}

em {

	font-style: normal;

	font-family: 'Open Sans';

}

.muted {

	color: #A5A5A2;

}

.impressed {

	text-shadow:

 -1px -1px 0 rgba(0, 0, 0, 0.5), /* shadow */  1px 1px 0 rgba(255, 255, 255, 0.9); /* highlight */

}



h2.pagetitle {

	color:#fff;

	font-size:46px;

}

div.entry-content .img1{float:right;margin-left:15px;border:2px solid #ccc;border-radius:6px;}

.well ul li{margin-left:20px;}

h2.modal-title{font-size:19px ;margin-bottom:0;}

/* =========================================================

03. Misc

============================================================ */

.remaining-content span {

    display:none;

}

.hide-text {

	text-indent: 100%;

	white-space: nowrap;

	overflow: hidden;

	font-size: 1em;

}

.alignright {

	text-align: right;

}

.alignleft {

	text-align: left;

}

.aligncenter {

	text-align: center;

    color: #fff;

}

.medium {

	font-weight: normal;

}

.margin-left{margin-left:60px;}

.margin-right{margin-left:0px;}

/* =========================================================

04. Navigation

============================================================ */



.navbar-fixed-top .container {

/* Uncomment to make nav expand full width */

 /*	width: auto; */

}

.navbar .brand {

	margin-left:0;

	padding: 0;

	margin-top: 1.05em;

}

.navbar .brand a {

	padding: 0;

	color: #fff;

	font-size: 1.75em;

	margin-left: 0;

	font-weight: 400;

	margin-top:10px;

	text-transform:uppercase;

}

.navbar .brand a:hover {

	text-decoration: none;

 transition: color .15s linear;

 -webkit-transition: color .15s linear;

 -moz-transition: color .15s linear;

}

.navbar .brand a:focus {

	outline: none;

}

.navbar-inner {

	min-height: 4.75em;

}

.navbar-inverse .navbar-inner {

	background-repeat: repeat;

	background: #21A5A2;

}

.navbar-wrapper {

	overflow:hidden;

}

#menu-main {

	margin-top: 10px;

}

ul#menu-main > li > a {

	font-weight: 600;

	color: #fff;

	font-size:14px;

	text-transform:uppercase;

}

ul#menu-main > li > a:hover {

	padding: 9px 15px;

	border-radius: 3px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	color:#FF9900;

}

ul#menu-main > li > a:focus {

	outline:0;

	color:#FF9900;

}



.navbar-inverse .brand, .navbar-inverse .nav > li > a {

	text-shadow: none;

}

div.navbar-inner span, span a strong {color:#fff;font-size:16px;}



/* =========================================================

05. Page sections

============================================================ */



/* === section header === */



#header-wrapper {

	width: 100%;

	min-height: 600px;

	margin-top: -60px;

	padding-top:160px;

	text-align:center;

}





#header-wrapper h1 {

	color: #FFFFFF;

	font-size: 4em;

	font-weight: 400;

	margin: 1em 0;

}

#header-wrapper h2 {

	color: #fff;

	font-family: 'Open Sans', sans serif;

	font-size: 2em;

	font-weight: normal;

	margin: 0.5em 0;

	text-shadow: 1px 1px 1px #333333;

}



header .logo {

	text-align:center;

	margin-bottom:30px;

}



/* --- Header slider --- */

#header-wrapper.header-slider {

	background: #444 url(../img/bg/bg-1.jpg) no-repeat center center fixed;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

}



#main-flexslider ul.slides li p {

	font-size: 72px;

	text-transform: uppercase;

	position: relative;

	margin-bottom: 0px;

	text-align: center;

	line-height: 1;

	color:#fff;

}

#main-flexslider.flexslider {

		margin:0;

		background:none;

		border:none;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-o-border-radius: 0;

	border-radius: 0;

	box-shadow: none;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	-o-box-shadow: none;

}







/* --- Header subscribe form --- */



#header-wrapper input[type=text] {

	background: rgba(227, 231, 228, 1);

	font-family: 'Open Sans', sans serif;

	font-size: 1.3125em;

	border: 0;

	text-align: center;

	vertical-align: middle;

	margin-bottom:0 !important;

}

#header-wrapper input[type=text]:focus {

	background: #43413e;

	color: #eff1ef;

	transition: background 0.25 ease-in;

	-moz-transition: background 0.25 ease-in;

	-webkit-transition: background 0.25 ease-in;

}

#header-wrapper input[type=text] {

	height: 2.9em;

	width:50%;

}

#header-wrapper input[type=submit] {

	color: #fff;

	width: 185px;

	height: 2.9em;

	font-size: 1.3125em; /* 21px */

	padding:0.5em;

	letter-spacing: 0.05em;

	margin: 0;

	border: 0;

	text-transform: none;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

}

#header-wrapper input[type=submit]:hover, #header-wrapper input[type=submit]:active {

	background: #43413e !important;

}





section.section {

	padding: 60px 0 40px;

}

section.section h2 {

	text-align: center;

	margin-bottom: 20px;

	font-size: 35px;

	font-weight: 700;

	letter-spacing: -1px;

	color:#197472;

}

section.inner {

	padding: 50px 0 50px;

}







.section.orange h4 ,.section.green h4{

	/*color: #fcfcfc; */

    text-align: center;

}

.section.orange p,.section.green p {

	color: #197472;

    text-align: justify;

}





/* === section spacer === */



section.spacer {

	padding:12px 0 0;

	color:#fcfcfc;

}



.spacer.green,.section.green {

	background:#9ae0da;

}



.spacer.green,.section.green h4 {

	color:#fff;

}



.spacer.yellow,.section.yellow  {

	background:#ffe873;

}

.spacer.orange,.section.orange {

	/*background:#e4e3e1;*/

}



section.spacer.bg2 {

	background: url(../img/bg/bg-2.jpg) 50% 0 no-repeat fixed;

	width:100%;

	height:auto;

	margin:0;	

}



section.spacer.bg3 {

	background: url(../img/bg/bg-3.jpg) 50% 0 no-repeat fixed;

	width:100%;

	height:auto;

	margin:0;	

}



section.spacer blockquote.large:before {

	color:#eee;

	opacity:0.6;

}



section.spacer blockquote cite {

	color:#555;

}







/* === section works === */



#works h4 {

	margin-bottom:20px;

}



#portfolio {

	padding-bottom: 0;

}

/* === portfolio filter === */



#filters {

	margin-bottom: 0px;

	text-align: center;

	display: block;

	float: none;

	z-index: 2;

	position: relative;

}

#filters ul {

	margin: 0 0 20px;

	list-style: none;

	padding: 0;

}

#filters ul li {

	display: inline-block;

}

#filters ul li a {

	display: block;

	float: left;

	padding: 2px 5px;

	color: inherit;

	margin-right: 5px;

	margin-bottom: 5px;

	font-weight: 600;

}

#filters ul li a:hover,#filters ul li a:focus {

	text-decoration:none;

	outline:0;

}

#filters ul li a h5 {

	font-size: 14px;

	padding: 5px 10px 5px;

	border: 2px solid #f2f2f2;

}



#filters ul li a:hover h5, #filters ul li a.active h5 {

	color:#fcfcfc;

}









/* === portfolio wrap - grid === */

#portfolio-wrap {

	position: relative;

	padding: 0;

	width: 100.1%;

	margin: 0 auto;

	display: block;

}

#portfolio-wrap .grid {

	margin: 0;

	overflow: hidden;

	line-height: 0;

	width: 20%;

	border:0;

	padding: 0;

}

.portfolio-item.current {

	z-index: 101;

}

.portfolio-item {

	padding: 0;

	position: relative;

	overflow: hidden;

}

.portfolio-item .portfolio-image {

	overflow: hidden;

	display: block;

	position: relative;

}

.portfolio-item .portfolio-image img {

	width: 100%;

	height: auto;

}

.portfolio .portfolio-overlay {

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	position: absolute;

	display: block;

	z-index: 4;

	opacity: 0;

	-moz-opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

.portfolio > a, .portfolio > a:hover {

	color: #ffffff;

}

.portfolio-item .portfolio > a:hover > .portfolio-overlay {

	opacity: 1;

	-moz-opacity: 1;

	filter: alpha(opacity=100);

}

.portfolio > a img {

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

.portfolio > a:hover img {

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

.portfolio .thumb-info {

	position: absolute;

	width: 100%;

	height: 100%;

	opacity: 0;

	-moz-opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

.portfolio a:hover .portfolio-overlay .thumb-info {

	opacity: 1;

	-moz-opacity: 1;

	filter: alpha(opacity=100);

}

.portfolio-overlay .thumb-info i {

	top: 50%;

}

.portfolio-overlay .thumb-info h5 {

	top: 20%;

	font-size: 18px;

}

.portfolio-overlay .thumb-info p {

	top: 50%;

	font-size: 13px;

}

.portfolio-overlay .thumb-info h5 {

	color: #ffffff;

	width: 100%;

	position: absolute;

	text-align: center;

}

.portfolio-overlay .thumb-info p {

	color: #ffffff;

	width: 100%;

	position: absolute;

	text-align: center;

	font-weight: bold;

}

.portfolio-overlay .thumb-info i {

	color: #ffffff;

	width: 100%;

	position: absolute;

	text-align: center;

	display: block;

}

/* === Isotope CSS3 transitions === */



.isotope, .isotope .isotope-item {

	-webkit-transition-duration: 0.8s;

	-moz-transition-duration: 0.8s;

	-ms-transition-duration: 0.8s;

	-o-transition-duration: 0.8s;

	transition-duration: 0.8s;

}

.isotope {

	-webkit-transition-property: height, width;

	-moz-transition-property: height, width;

	-ms-transition-property: height, width;

	-o-transition-property: height, width;

	transition-property: height, width;

}

.isotope .isotope-item {

	-webkit-transition-property: -webkit-transform, opacity;

	-moz-transition-property: -moz-transform, opacity;

	-ms-transition-property: -ms-transform, opacity;

	-o-transition-property: -o-transform, opacity;

	transition-property: transform, opacity;

}

/**** disabling Isotope CSS3 transitions ****/



.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {

	-webkit-transition-duration: 0s;

	-moz-transition-duration: 0s;

	-ms-transition-duration: 0s;

	-o-transition-duration: 0s;

	transition-duration: 0s;

}





/* === section services === */



section#services h2 {

	font-size: 40px;

	margin-bottom: 15px;

	margin-top: 10px;

	text-align:center;

}

section#services p {

	/*margin:15px 15px 20px 15px;*/text-align:justify;color:#6f6f57;

}





section#services .service-box {

	text-align: center;

	padding: 20px;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

section#services .span3:hover {

	background:#e3e3e3;

}



section#services .service-box h2 {

	color: #f7f7f7;

	font-weight: 700;

}



section#services.section.orange .service-box:hover {

	background:#f36518;

}





/* === section blog === */



section#blog {

	background: #f2f2f2;

}



.home-post {

	    background: #f7f1f17d;

    border: 1px solid #ead7b3e6;

    border-radius: 6px;

}

.home-post:hover {

	box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);

	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);

	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

}





.home-post .entry-content {

	padding:20px;

}

.home-post .entry-content h5 a {

	font-size:22px;

}

.home-post .entry-content h5 a:hover {

	color:#312f2b;

	text-decoration:none;

}

.home-post .entry-content a.more {

	font-size:13px;

}

.home-post .post-meta {

    text-align: center;

	padding:-1px 15px;

	overflow:hidden;

	color:#fcfcfc;

}

.post-image {

    padding: 5px;

    background: #dfe8e6;

}

.home-post .post-meta i {

	float:left;

	margin-right:20px;

}

.home-post .post-meta span {

	margin-top:10px;

}

.home-post .post-meta span.date {

	font-weight:700;

	font-size:13px;

	float:left;

}

.home-post .post-meta span.tags {

	font-weight:700;

	font-size:13px;

	float:right;

	color:#ddd;

}

.home-post .post-meta span.tags a {

	color:#fcfcfc;

}

/*extra css*/.my-new-span2 {width:19%;text-align:center; padding-bottom: 10px;margin-left:6px;}.my-new-span2 a {    background-color: #347d6e;    color: #fff;    padding: 10px 20px;    text-align: center;    text-decoration: none;    display: inline-block;    font-size: 15px;    margin-left: 20px;    border: 2px solid wheat;}

/* === section blog === */



section#hospital {

	background: #f2f2f2;	

}



.home-hospital {

	background:#fff;

	border:1px solid #a48a54;

}



.home-hospital:hover {

	box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);

	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);

	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

}





.home-hospital .entry-content {

	padding:20px;

    margin-bottom: -15px;

}

.home-hospital .entry-content h5 a {

	font-size:22px;

}

.home-hospital .entry-content h5 a:hover {

	color:#312f2b;

	text-decoration:none;

}

.home-hospital .entry-content a.more {

	font-size:13px;

}

.home-hospital .hospital-meta {

	padding:5px 10px;

	overflow:hidden;

	color:#fcfcfc;

}

.home-hospital .hospital-meta i {

	float:left;

	margin-right:20px;

}

.home-hospital .hospital-meta span {

	margin-top:10px;

}

.home-hospital .hospital-meta span.date {

	font-weight:700;

	font-size:13px;

	float:left;

}

.home-hospital .hospital-meta span.tags {

	font-weight:700;

	font-size:13px;

	float:right;

	color:#ddd;

}

.home-hospital .hospital-meta span.tags a {

	color:#fcfcfc;

}







/* === section about === */



section#about {

	background:#f2f2f2;

}



.people {

	text-align:center;

}



.people h3 {

	margin-bottom:10px;

	font-weight:700;

	letter-spacing:-1px;

}



.team-thumb {

	margin-top: 26px;

	text-align:center;

}



/* (spacer) latest tweet */

#tweet{

	text-align:center;

	margin:20px 0 0;

	font-size:20px;

	color:#fff;

}



#tweet ul{

	float:left;

	width:100%;

	text-align:center;

	list-style:none;

	margin:0;

	padding:0;

}



#tweet ul li{

	display: inline-block;

	list-style:none;

	margin:0 0 20px;

	padding:0 0 0 34px;

	font-size:20px;

	line-height:1.5em;

}



#tweet ul li:before {

	font-family: 'FontAwesome';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	-webkit-font-smoothing: antialiased;

	content: "\f099";

	margin-right:20px;

}



/* === Contact section === */





/* Contact Form */



.validation {

    color: red;

    display:none;

    margin: 0 0 20px;

    font-weight:400;

    font-size:13px;

}



#sendmessage {

    color: green;

    border:1px solid green;

    display:none;

    text-align:center;

    padding:15px;

    font-weight:600;

    margin-bottom:15px;

    background: #fff;

}



#errormessage {

    color: red;

    display:none;

    border:1px solid red;

    text-align:center;

    padding:15px;

    font-weight:600;

    margin-bottom:15px;

    background: #fff;

}



#sendmessage.show, #errormessage.show, .show {

	display:block;

}



#contact-form {

	position: relative;

	z-index: 999;

}



#contact-form input[type=text], .contactForm textarea {

	background: #fff;

	font-family: 'Open Sans', sans serif;

	border: 0;

	font-size:14px;

	text-align: left;

	vertical-align: middle;

}



.contactForm textarea {

	height: auto;

}



#contact-form input[type=text]:focus, .contactForm textarea:focus {

	background: #fff;

	color: #555;

	box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	transition: background 0.25 ease-in;

	-moz-transition: background 0.25 ease-in;

	-webkit-transition: background 0.25 ease-in;

}

#contact-form input[type=text] {

	height: 35px;

	margin-bottom:7px;

}

#contact-form input[type=submit] {

	color: #fff;

	/*width: 185px;*/

	height: 35px;

	text-shadow: none;

	font-size: 16px;

	padding:0.5em;

	letter-spacing: 0.05em;

	/*margin: 0 0 0 0;*/

	display: block;

	border: 0;

	text-transform: none;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

}

#contact-form input[type=submit]:hover, #contact-form input[type=submit]:active {

	background: #43413e !important;

}

#contact-form textarea {

	padding-top: 1em;

}







div.cform-response-output {

	max-width: 60%;

	text-align: center;

	/*margin-left: 40% !important;*/

	margin-top: 0.5em !important;

	padding: 0.5em !important;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

}

.cform-not-valid-tip {

	color: #888;

	border: 1px dotted #ad3729 !important;

	width: 100% !important;

	left: 0 !important;

	padding: 0.5em !important;

	font-family: 'Open Sans', sans-serif;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

}

/*===============================================================*/



#contact-form1 {

	position: relative;

	z-index: 999;

}



#contact-form1 input[type=text], .contactForm1 textarea {

	background: rgba(227, 231, 228, 1);

	font-family: 'Open Sans', sans serif;

	border: 0;

	font-size:14px;

	text-align: left;

	vertical-align: middle;

}



.contactForm1 textarea {

	height: auto;

}



#contact-form1 input[type=text]:focus, .contactForm1 textarea:focus {

	background: #fff;

	color: #555;

	box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	transition: background 0.25 ease-in;

	-moz-transition: background 0.25 ease-in;

	-webkit-transition: background 0.25 ease-in;

}

#contact-form1 input[type=text] {

	height: 35px;

	margin-bottom:7px;

}

#contact-form1 input[type=submit] {

	color: #fff;

	/*width: 185px;*/

	height: 35px;

	text-shadow: none;

	font-size: 16px;

	padding:0.5em;

	letter-spacing: 0.05em;

	/*margin: 0 0 0 0;*/

	display: block;

	border: 0;

	text-transform: none;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

}

#contact-form1 input[type=submit]:hover, #contact-form1 input[type=submit]:active {

	background: #43413e !important;

}

#contact-form1 textarea {

	padding-top: 1em;

}







div.cform1-response-output {

	max-width: 60%;

	text-align: center;

	/*margin-left: 40% !important;*/

	margin-top: 0.5em !important;

	padding: 0.5em !important;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

}

.cform1-not-valid-tip {

	color: #888;

	border: 1px dotted #ad3729 !important;

	width: 100% !important;

	left: 0 !important;

	padding: 0.5em !important;

	font-family: 'Open Sans', sans-serif;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

}

/*-- adds css --*/

.email-signature{

    font-family: 'Noto Sans', sans-serif;

    background: #0f305a;

    width: 100%;

    padding: 60px 92px 60px 200px;

    margin: 0 auto;

    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);

    overflow: hidden;

    position: relative;

    -webkit-clip-path: polygon(85% 0, 100% 50%, 85% 100%, 15% 100%, 0 50%, 15% 0);

    clip-path: polygon(85% 0, 100% 50%, 85% 100%, 7% 100%, 0 50%, 7% 0);

}

.email-signature p{font-size:18px;padding:0 35px;}

.email-signature:before{

    content: "";

    background:linear-gradient(to top,#9fa521,#f3b346);

    width: 22%;

    height: 100%;

    position: absolute;

    top: 0;

    right: -20px;

    -webkit-clip-path: polygon(40% 0, 100% 50%, 40% 100%,15% 100%, 70% 50%, 15% 0%);

    clip-path: polygon(40% 0, 100% 50%, 40% 100%,15% 100%, 70% 50%, 15% 0%);

}

.email-signature .signature-img{

    width: 190px;

    height: 180px;

    overflow: hidden;

    transform: translateY(-50%);

    position: absolute;

    top: 50%;

    left: 25px;

    -webkit-clip-path: polygon(68% 0, 100% 50%, 68% 100%, 32% 100%, 0 50%, 32% 0);

    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 32% 100%, 0 50%, 32% 0);

}

.email-signature .signature-img img{

    width: 100%;

    height: auto;

}

.email-signature .signature-details{

    color: #fff;

    margin-bottom: 15px;

}

.email-signature .title{

    font-size: 24px;

    font-weight: 600;

    text-transform: uppercase;

    margin: 0 0 7px;

}

.email-signature .post{

    color: #CB46BC;

    font-size: 14px;

    text-transform: capitalize;

    letter-spacing: 2px;

}

.email-signature .signature-content{

    padding: 0;

    margin: 0;

    list-style: none;

}

.email-signature .signature-content li{

    color: #fff;

    font-size: 13px;

    margin-bottom: 10px;

}

.email-signature .signature-content li span{

    color: #CB46BC;

    margin-right: 6px;

}

.big1{

    font-size: 20px;

    color: #13ff03;font-weight:500;

	text-decoration: line-through;

    }

.tag1{color:#f0ff00;font-weight:500;font-size: 20px;}

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

    .email-signature{

        width: 100%;

        padding: 220px 15px 40px;

        -webkit-clip-path: polygon(50% 0%, 100% 10%, 100% 90%, 50% 100%, 0 90%, 0 10%);

        clip-path: polygon(50% 0%, 100% 10%, 100% 90%, 50% 100%, 0 90%, 0 10%);

    }

    .email-signature:before{ display: none; }

    .email-signature .signature-img{

        transform: translateX(-50%) translateY(0);

        top: 20px;

        left: 50%;

        -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

    }

    .email-signature .signature-details,

    .email-signature .signature-content{

        text-align: center;

    }

}





/* =========================================================

06. Footer

============================================================ */



footer {

	background: #2b2b2b;

	text-align: center;

	color: #ddd;

	padding:20px 0 20px 20px;

}



footer a {

    color: #ddd;

}



footer a:hover {

    color: #fff;

}



footer ul.social-networks {

	list-style:none;

}



footer ul.social-networks li {

	display:inline;

}



footer ul.social-networks li i {

	display:inline-block;

}



footer ul.social-networks li a {

	color: #5e5e5e;

	margin: 0 5px;

}



footer ul.social-networks li a:hover {

	text-decoration:none;

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

}



footer ul.social-networks li i.icon-bgdark {

	background:#414141;

	color: #656565;

}





footer ul.social-networks li a i.icon-instagram:hover {

	background: #ba7b3d;

	color: #fff;

}



footer ul.social-networks li a i.icon-twitter:hover {

	background: #5ad2eb;

	color: #fff;

}

footer ul.social-networks li a i.icon-dribbble:hover {

	background: #f57b71;

	color: #fff;

}

footer ul.social-networks li a i.icon-pinterest:hover {

	background: #d84848;

	color: #fff;

}









/* =========================================================

07. Icons

============================================================ */



/* bg */

i.icon-bglight {

	color: #444;

	background: #f7f7f7;

}

i.icon-bglight.active {

	color: #fff;

}



i.icon-bglight.active:hover{

	color: #444;

	background: #f7f7f7;

}



i.icon-bgdark {

	color: #f7f7f7;

	background: #333;

}

i.icon-bgdark:hover {

	color: #fff;

}

i.icon-bgdark.active:hover {

	color: #f7f7f7;

	background: #333;

}



/* square */

i.icon-square {

	display: inline-block;

	text-align: center;

	width: 24px !important;

	height: 24px !important;

	line-height: 24px !important;

}

i.icon-square.icon-2x{

	width: 48px !important;

	height: 48px !important;

	line-height: 48px !important;

}

i.icon-square.icon-3x{

	width: 72px !important;

	height: 72px !important;

	line-height: 72px !important;

}

i.icon-square.icon-4x{

	width: 96px !important;

	height: 96px !important;

	line-height: 96px !important;

}

i.icon-square.icon-5x{

	width: 120px !important;

	height: 120px !important;

	line-height: 120px !important;

}



/* rounded */

i.icon-rounded {

	display: inline-block;

	border-radius: 6px !important;

	-moz-border-radius: 6px !important;

	-webkit-border-radius: 6px !important;

	-o-border-radius: 6px !important;

	-ms-border-radius: 6px !important;

	text-align: center;

	width: 24px !important;

	height: 24px !important;

	line-height: 24px !important;

}



.icon-rounded.icon-2x{

	width: 48px !important;

	height: 48px !important;

	line-height: 48px !important;

}

.icon-rounded.icon-3x{

	width: 72px !important;

	height: 72px !important;

	line-height: 72px !important;

	border-radius: 8px !important;

	-moz-border-radius: 8px !important;

	-webkit-border-radius: 8px !important;

	-o-border-radius: 8px !important;

	-ms-border-radius: 8px !important;

}

.icon-rounded.icon-4x{

	width: 96px !important;

	height: 96px !important;

	line-height: 96px !important;

	border-radius: 10px !important;

	-moz-border-radius: 10px !important;

	-webkit-border-radius: 10px !important;

	-o-border-radius: 10px !important;

	-ms-border-radius: 10px !important;

}

.icon-rounded.icon-5x{

	width: 120px !important;

	height: 120px !important;

	line-height: 120px !important;

	border-radius: 12px !important;

	-moz-border-radius: 12px !important;

	-webkit-border-radius: 12px !important;

	-o-border-radius: 12px !important;

	-ms-border-radius: 12px !important;

}





/* circled */

i.icon-circled {

	display: inline-block;

	border-radius: 1000px !important;

	-moz-border-radius: 1000px !important;

	-webkit-border-radius: 1000px !important;

	-o-border-radius: 1000px !important;

	-ms-border-radius: 1000px !important;

	text-align: center;

	width: 24px !important;

	height: 24px !important;

	line-height: 24px !important;

}



.icon-circled.icon-2x{

	width: 48px !important;

	height: 48px !important;

	line-height: 48px !important;

}

.icon-circled.icon-3x{

	width: 72px !important;

	height: 72px !important;

	line-height: 72px !important;

}

.icon-circled.icon-4x{

	width: 96px !important;

	height: 96px !important;

	line-height: 96px !important;

}

.icon-circled.icon-5x{

	width: 120px !important;

	height: 120px !important;

	line-height: 120px !important;

}



i.icon-white {

	color:#fff;

}





/* more icon sizes for font-awesome icons */



.icon-6x {

  font-size: 6em;

}

.icon-6x.icon-border {

  border-width: 6px;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  border-radius: 8px;

}



.icon-7x {

  font-size: 7em;

}

.icon-6x.icon-border {

  border-width: 6px;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  border-radius: 8px;

}



.icon-8x {

  font-size: 8em;

}

.icon-6x.icon-border {

  border-width: 6px;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  border-radius: 8px;

}



.icon-9x {

  font-size: 9em;

}

.icon-6x.icon-border {

  border-width: 6px;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  border-radius: 8px;

}

.icon-10x {

  font-size: 10em;

}

.icon-6x.icon-border {

  border-width: 6px;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  border-radius: 8px;

}







/* =========================================================

08. Buttons

============================================================ */

 

.btn {

  

	color: #fff;

	text-shadow: none;

	font-size: 14px;

	padding: 7px 10px;

	letter-spacing: 0.05em;

	border: 0;

	text-transform: none;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

  background-color: #545454;

  border-color: none;

  *background-color: #545454;

  background-image: none;

  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: none;

  border: none;

  *border: 0;

  border-bottom-color: none;

}

.btn:link, .btn:visited {

	color: #fff;

}

.btn:hover {

	background: #333 !important;

}

.btn:hover,

.btn:focus,

.btn:active,

.btn.active,

.btn.disabled,

.btn[disabled] {

  color: #fff;

  background-color: #333;

  *background-color: #333;

}





.btn.btn-theme:hover {

	background: #333 !important;

}



/* size */

.btn-large {

  padding: 18px 25px;

  font-size: 24px;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

}



.btn-large [class^="icon-"],

.btn-large [class*=" icon-"] {

  margin-top: 4px;

}



.btn-small {

  padding: 6px 13px;

  font-size: 11.9px;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

}



.btn-small [class^="icon-"],

.btn-small [class*=" icon-"] {

  margin-top: 0;

}



.btn-mini [class^="icon-"],

.btn-mini [class*=" icon-"] {

  margin-top: -1px;

}



.btn-mini {

  padding: 0 6px;

  font-size: 10.5px;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

}



/* end size */



.btn-primary {

  color: #ffffff;

  text-shadow: none;

  background-color: #09828c;

  *background-color: #09828c;

  background-image: none;

  border-color: none;

  filter:none;

}



.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active,

.btn-primary.active,

.btn-primary.disabled,

.btn-primary[disabled] {

  color: #ffffff;

  background: #065158;

  *background-color: #065158;

}



.btn-primary:active,

.btn-primary.active {

  background-color: #065158 \9;

}



.btn-warning {

  color: #ffffff;

  text-shadow: none;

  background-color: #ffe873;

  *background-color: #ffe873;

  background-image: none;

  border-color: none;

  filter:none;

}



.btn-warning:hover,

.btn-warning:focus,

.btn-warning:active,

.btn-warning.active,

.btn-warning.disabled,

.btn-warning[disabled] {

  color: #ffffff;

  background: #b88f22;

  *background: #b88f22;

}



.btn-warning:active,

.btn-warning.active {

  background: #b88f22 \9;

}





.btn-danger {

  color: #ffffff;

  text-shadow: none;

  background-color: #f36f36;

  *background-color: #f36f36;

  background-image: none;

  border-color: none;

  filter:none;

}



.btn-danger:hover,

.btn-danger:focus,

.btn-danger:active,

.btn-danger.active,

.btn-danger.disabled,

.btn-danger[disabled] {

  color: #ffffff;

  background: #db5f58;

  *background: #db5f58;

}



.btn-danger:active,

.btn-danger.active {

  background: #db5f58 \9;

}



.btn-success {

  color: #ffffff;

  text-shadow: none;

  background-color: #1bac91;

  *background-color: #1bac91;

  background-image: none;

  border-color: none;

  filter:none;

}



.btn-success:hover,

.btn-success:focus,

.btn-success:active,

.btn-success.active,

.btn-success.disabled,

.btn-success[disabled] {

  color: #ffffff;

  background: #55ba93;

  *background: #55ba93;

}



.btn-success:active,

.btn-success.active {

  background: #55ba93 \9;

}



.btn-info {

  color: #ffffff;

  text-shadow: none;

  background-color: #415a5c;

  *background-color: #4dbdc6;

  background-image: none;

  border-color: none;

  filter:none;

}



.btn-info:hover,

.btn-info:focus,

.btn-info:active,

.btn-info.active,

.btn-info.disabled,

.btn-info[disabled] {

  color: #ffffff;

  background: #6a9ad0;

  *background: #6a9ad0;

}



.btn-info:active,

.btn-info.active {

  background: #6a9ad0 \9;

}



.btn-inverse {

  color: #ffffff;

  text-shadow: none;

  background-color: #3c3c3c;

  *background-color: #3c3c3c;

  background-image: none;

  border-color: none;

  filter:none;

}



.btn-inverse:hover,

.btn-inverse:focus,

.btn-inverse:active,

.btn-inverse.active,

.btn-inverse.disabled,

.btn-inverse[disabled] {

  color: #ffffff;

  background: #2b2a2a;

  *background: #2b2a2a;

}



.btn-inverse:active,

.btn-inverse.active {

  background: #2b2a2a \9;

}





/* button flat */

.btn-flat {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

}



/* button rounded */

.btn-rounded {

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

}

.btn-large.btn-rounded {

  -webkit-border-radius: 28px;

  -moz-border-radius: 28px;

  border-radius: 28px;

}





.navbar-inverse .btn-navbar {

	width: auto;

	height: auto;

}



.surgeryimg{

    border-radius: 6px;

    border: 1px solid #d4cdcd;

}

.surgeryimgs{

        padding: 8px;

}

/* --- adds css --*/



.testimonial2{

    border-left: 3px solid #6ab33e;

    padding: 100px 0 100px 275px;

    position: relative

}

.testimonial2:before,

.testimonial2:after{

    content: "";

    width: 320px;

    height: 55px;

    border-right: 3px solid #6ab33e;

    position: absolute;

    left: 0;

}

.testimonial2:before{

    border-top: 3px solid #6ab33e;

    top: 0;

}

.testimonial2:after{

    border-bottom: 3px solid #6ab33e;

    bottom: 0;

}

.testimonial2 .pic1{

    width: 220px;

    height: 220px;

    position: absolute;

    top: 26px;

    left: 35px;

}

.testimonial2 .pic1 img{

    width: 100%;

    height: auto;border-radius:0 30px 0 30px;

}

.testimonial2 .description{

    font-size: 20px;

    color: #7a7e82;

    line-height: 27px;

    position: relative;

}

.testimonial2 .description:before{

    /*content: "\f10d";*/

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    position: absolute;

    top: -70px;

    left: 0;

    font-size: 20px;

    color: #7a7e82;

}

.testimonial2 .testimonial-title{

    font-size: 22px;

    font-weight:800;

    color: #22272c;

    text-transform: capitalize;

}

.testimonial2 .post{

    display: block;

    font-size: 15px;

    font-weight: 700;

    color :#6ab33e;

    margin-top: 10px;

}

.owl-theme .owl-controls{

    text-align: right;

    margin-top: 30px;

}

.owl-theme .owl-controls .owl-buttons div{

    background: #6ab33e;

    border-radius: 0;

    opacity: 1;

    padding: 5px 10px;

}

.owl-prev:before,

.owl-next:before{

    content: "\f053";

    font-family: "Font Awesome 5 Free"; font-weight: 900;

    color: #fff;

}

.owl-next:before{

    content: "\f054";

}

big{

    /*display: block;*/

    font-size: 20px;

    color: #FF0000;font-weight:600;

	text-decoration: line-through;

    /*margin-top: 5px;*/

}

.tag{color:#21a5a2;font-weight:600;}

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

    .testimonial2{

        padding: 80px 0 80px 265px;

    }

}

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

    .testimonial2{

        padding: 0;

        border: none;

    }

    .testimonial2:before,

    .testimonial2:after{

        border: none;

    }

    .testimonial2 .pic1{

        position: relative;

        top: 0;

        left: 0;margin:0 auto;

    }

	.testimonial2 .pic1 img{

    width: 100%;

    height: auto;padding:15px;border:3px solid #6ab33e;

}



    .testimonial2 .description{

        margin-top: 15px;

    }

    .testimonial2 .description:before{

        content: "";

    }

}



.testimonial{

border: 2px solid #00adb7;

border-top: 4px solid #00adb7;

border-radius: 13px;

padding: 53px 25px 100px;

margin-bottom: 30px;

position: relative;

background-color: #f5f5f5;

}

.testimonial-img{

  border: 2px solid #07757b;

border-radius: 6px;  

}

.testimonial-quote{

    font-weight: 900;

    font-size: 30px;

    color: #00adb7;

    position: absolute;

    top: 20px;

    left: 25px;

}

.testimonial-quotes{

        font-weight: 900;

    font-size: 30px;

    color: #00adb7;

    position: inherit;

}

.testimonial .description{

          font-size: 14px;

    color: #0a3365db;

    line-height: 26px;

    text-align: justify;



}

.testimonial .pic{

    /*width: 100px;

    height: 100px;*/

    position: absolute;

    bottom: -30px;

    left: 25px;

}

.testimonial .pic img{

    width: 100%;

    height: auto;

}

.testimonial .testimonial-title{

       font-size: 20px;

    color: #246016;

    position: absolute;

    bottom: 20px;

    left: 250px;

    font-weight: bold;

}

.testimonial .testimonial-title small{

       display: block;

    font-size: 16px;

    color: #dc4379;

    margin-top: 7px;

    font-weight: bold;

}

.demop{

        color: #224847;

    margin-left: 28px;

    text-align: justify;

    line-height: 1.4em;

    font-size: 15px;

    font-weight: normal;

}

.demoul {

    margin-left: 45px;

    font-size: 15px;

    font-weight: normal;

}



/* =========================================================

09. Media queries

============================================================ */

@media only screen and (max-device-width: 700px) and (min-device-width: 320px)

{

    .callforaction_box {font-size: 15px;}

    .demop {

    margin-left: 4px;

    text-align: justify;

    line-height: 1.4em;

    margin: 0 0 15px 0;

    font-size: 16px;

}

    .demoul {

    margin-left: 18px;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.5;

}

    h2{

        font-size: 20px;

    margin-bottom: 0px;

    margin-left: 0px;

    }

.testimonial .testimonial-title {    

margin: 0px;

    position: inherit;

    left: 0px;

    top: 1px;

  }

}



 @media (min-width: 768px) and (max-width: 979px) {

	body {

		padding-left:0 ;

		padding-right:0;

		padding:0;

	}	.my-new-span2 {width:100%; padding-bottom: 10px;}

	.span8{width:100%;}

	.span4{width:100%;}

	.navbar-inner {

	 padding-right: 20px;

	 padding-left: 20px;	

	}

	.margin-right {

    margin-left: 10px;

}

	.navbar-inner h1.brand {

		margin-left:20px;

	}

	.navbar-fixed-top{margin-bottom:0;}

	.navbar-inner .btn-navbar {

		margin:20px 20px 0;

	}

	

	.container {

	 padding-right: 0;

	 padding-left: 0;

	}	

	.navbar-inverse .navbar-inner {

		padding:0 0 30px;

	}

	

	.nav-collapse {

		text-align:center;

		width:100%;

	}

	.navbar-fixed-top{/*margin-bottom: 20px;*/}



}



@media (max-width: 767px) {

	body {

		padding-left:0 ;

		padding-right:0;

		padding:0;

	}

	.navbar-inner {

	/* padding-right: 20px;

	 padding-left: 20px;*/	

	}

	div.navbar-inner div.container a img{

display: block;

float: none;

text-align: center;

margin: 0 auto;}

nav.pull-right.nav-collapse.collapse

{float: none;margin: 0 auto;text-align: center;}

.nav-collapse, .nav-collapse.collapse

	.navbar-inner h1.brand {

		margin-left:20px;

	}

	

	.navbar-inner .btn-navbar {

		margin:20px 20px 0;

	}

	

	.container {

	 padding-right: 25px;

    padding-left: 10px;

	}    .my-new-span2 {width:100%; padding-bottom: 10px;}

	span.margin-left{margin-left: 25px;

	display: block;text-align: center;margin:10px 0;}

	.span8{width:100%;}

	.margin-right {

    margin-left: 0;}

	.span4{width:100%;}	

	div.span4{margin-left:0;}

	.navbar-inverse .navbar-inner {

		padding:0 20px 30px;

	}

	

	.nav-collapse {

		text-align:center;

		width:100%;

	}

	#portfolio-wrap .grid {

		width: 25%;

	}

	h1{margin-left: 0;font-size:30px;}

	div.span8 p{margin-left:0;}

	section.section h2{font-size: 28px;	}

	section#services h2{font-size:28px;}

	.modal.fade {

    top: -350px;

}

.tagline a{font-size:15px;}

    .max-img{

            width: 312px;

    height: 200px;

    }    

}

    

    /* Smaller screens ----------- */

@media (max-width : 480px) {

	#header-wrapper {

		padding-top:80px;

	}



	#team .team-thumb {

		 margin-right: auto;

		 margin-left: auto;

		 width: 150px;

		 display: block;

		 text-align:center;

	}



	#portfolio-wrap .grid {

		width: 50%;

	}

div.navbar-inner div.container a img{

margin:0 auto;}

nav.pull-right.nav-collapse.collapse

{float: none;margin: 0 auto;text-align: center;}

h1{font-size:22px;}

section.section h2{font-size: 20px;	}

section#services h2{font-size:20px;}

div.entry-content .img1{float:none;margin-bottom:10px;margin-left:0;}

div.entry-content p{text-align:justify;}

form {

    margin: 0 0 0 -22px;

}

}

    

    /* Smartphones (portrait and landscape) ----------- */

@media only screen  and (min-device-width : 320px)  and (max-device-width : 480px) {



 section.section {

 padding: 1em 0;

}



 #works .container {

 top: 0 !important;

}



.max-img {

 width: 100%;

}

 .max-img {

 margin-right: auto;

 margin-left: auto;

 display: block;

}



 section#services h2 {

 margin-bottom: 0.25em;

}

 section#services h2, section#services ul {

 text-align: center;

}

.tagline a{font-size:13px;}		



/* team */

		

#team .team-thumb {

 margin-right: auto;

 margin-left: auto;

 width: 150px;

 display: block;

 text-align:center

}

 .job-position: {

 margin-bottom: 1.5em;

}



nav.pull-right.nav-collapse.collapse

{float: none;margin: 0 auto;text-align: center;}

 .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {

 margin-left: auto;

 margin-right: auto;

}

div.entry-content .img1{float:none;margin-bottom:10px;margin-left:0;}	

.callforaction_box span{display:block;padding:5px;}

/* Contact Form */

div#formname{margin-left:-30px;}

	#contact-form {

		overflow: hidden;

	}

	#contact-form input[type=submit] {

		/*width: 100%;*/

	}

    .link a {

    color: #fff;

    text-align: center;

    background-color: #dc4379;

    font-size: 13px;

    padding: 6px 3px;

    border-radius: 4px;

    margin-right: 1px;

}

}

.callforaction_box span {
	display: inline-block; /* keeps box shape responsive */
	padding: 5px 10px; /* more balanced spacing */
	background: #21A5A2 !important; /* updated color */
	color: #fff;
	font-weight: 600;
	border: 1px double #fff;
	border-radius: 4px;
	word-wrap: break-word;
	max-width: 100%; /* prevents overflow on small screens */
	box-sizing: border-box;
	text-align: center;
  }
  
  .callforaction_box a {
	display: inline-block; /* keeps box shape responsive */
	padding: 5px 10px; /* more balanced spacing */
	background: #21A5A2 !important; /* updated color */
	color: #fff;
	font-weight: 600;
	border: 1px double #fff;
	border-radius: 4px;
	word-wrap: break-word;
	max-width: 100%; /* prevents overflow on small screens */
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 10px;
  }


  /* Optional: adjust for very small screens */
  @media (max-width: 480px) {
	.callforaction_box span {
	  font-size: 14px; /* smaller text */
	  padding: 4px 8px;
	}
  }

   /* Optional: adjust for very small screens */
  @media (max-width: 480px) {
	.link {
	 text-align: center;
	}
  }