@charset "utf-8";

/* CSS Document */

body{ padding:0 0 0 0; margin:0; color:#636363; font-size:14px ; font-weight:normal; line-height:17px; font-family: 'Roboto-Regular'; background:#fff; width:100%;}

*{padding:0; margin:0;}

img{border:0;}



form,input, select, textarea{outline:0;}

p strong{ font-weight:normal; font-size:15px;}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}



h1,h2,h3,h4,h5 {

	font-weight: normal;

}



ul,li,a{

	list-style:none;

	text-decoration:none;

}



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}



.clear{ clear:both;}

.left{ float:left !important;}

.right{ float:right !important;}



.cert{}

.cert img{ vertical-align: middle; width: 110px;margin-right: 30px; }

.certsmall {width: 80px !important;}



@font-face {

  font-family: 'Roboto-Regular';

  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),

  	   url('../fonts/Roboto-Regular.woff') format('woff'),

	   url('../fonts/Roboto-Regular.ttf')  format('truetype'),

	   url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'Roboto-Bold';

  src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),

  	   url('../fonts/Roboto-Bold.woff') format('woff'),

	   url('../fonts/Roboto-Bold.ttf')  format('truetype'),

	   url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');

  font-weight: normal;

  font-style: normal;

}





#wrapper{ margin:0px; padding:0px; width:100%;}

.content{ width:1024px; margin:0 auto; padding:0px;}



/** HEADER **/

header{ background:#2c3e50; margin:0px; padding:0 2%;}

header .address-block{ float:left;}

header .address-block ul li{ float:left; display:block;}

header .address-block ul li a{ padding:12px; color:#fff; font-size:14px; display:block;}

header .address-block ul li a:hover{background:#95a5a6;}

header .social-block{ float:right;}

header .social-block p{float:left; padding:12px;}

header .social-block p a{ color:#fff; font-weight:bold; font-family: 'Roboto-Bold'; font-size:14px;}

header .social-block p a:hover{ color:#f1c40f;}





p.bexta { padding:12px; color:#fff; font-weight:bold; font-family: 'Roboto-Bold'; font-size:14px;}

p.bexta:hover { color: #f1c40f;}

/** //HEADER **/



/** logo-area **/

.logo-area{ padding:26px 0 26px 2%;}

.logo-area .logo-block{ float:left; z-index:900000099; position:relative;}

.logo-area .img-block{ float:right;}

.img-block img{border-radius: 10px; box-shadow: 0 0 2px #001249; padding: 3px;}

/** //logo-area **/

.slogan-area{float: right; padding:40px 40px 26px 2%; font-size:2em; font-weight: bold; color: #2c3e50;}

/** nav **/

#nav-wrap{padding-left: 2%;}

.nav-block{position:relative; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21); background:url(../images/dot_border_h.png) left top repeat-x;}

.nav-block .nav-lt-img{ display:none;  background: #fff; height: 22px; left: -31px; position: absolute; top: 5px; width: 40px; z-index: 999999999;}

.nav-block .nav-lt-img img {float: right; margin: 0 -1px;}

.nav-block .nav-lt-text{background: #fff; color: #000; display: none; font-family: "Roboto-Bold"; font-size: 14px; height: 23px; line-height: 21px; position: absolute; right:0px;

    text-align: center; top: 5px; width: 61px; z-index: 99999999;}

#main-nav-container {

	width:100%;

	position: relative;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	-ms-transition: all 0.3s;

	transition: all 0.3s;

	z-index:999999999999999999999999999999;

}



#main-nav-container.fixed{

	position:fixed;

	top:0;

	left:0;

	z-index:99999999999999999999999999999;

	padding:0;

	-webkit-box-shadow: 0 5px 4px rgba(0,0,0, 0.10);

	box-shadow: 0 5px 4px rgba(0,0,0, 0.10);

	-webkit-backface-visibility:hidden;

	background: #fff;

}

/** //nav **/



/** banner-block **/

.banner-block{ border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; line-height:0; }

.banner-block img{ width:100%;}

/** //banner-block **/



.all-title-block{ margin-top:-70px; position:relative;}

.all-title-block h1{ float:left; color:#2C3E50; font-size:32px; font-family: 'Roboto-Bold'; line-height:30px;}

.all-title-block p{ float:right; color:#2C3E50; font-size:16px; padding:20px 0 0;}

.all-title-block p a{color:#000; font-size:16px; padding:0 22px 0 0; margin-right:6px;  background:url(../images/arrow-3.png) center right no-repeat;}

.all-title-block p a:hover{color:#2c3e50;}

.all-title-block h1 .page-title-block{ margin:10px 0 30px; width:60px;}



/** min-block **/

.min-block{ padding:40px 0;}

.min-block2{ margin-top:40px;}

.min-block .lt-block{ float:left; width:700px;}

.min-block .lt-block .content-block{ padding:0 0 10px;}

.min-block .lt-block .content-block h1{border-left: 5px solid #f1c40f;color:#2C3E50;font-size:28px; font-family: 'Roboto-Bold'; line-height:30px;margin: 0 0 20px; padding:0 0 0 10px; text-transform: uppercase;}

.min-block .lt-block .content-block h2{border-left: ;color: #222222;font-size:20px; font-family: 'Roboto-Bold'; line-height:30px;margin: 0 0 20px; }

.min-block .lt-block .content-block p{color:#2C3E50; font-size: 15px; line-height: 22px; padding:0 0 20px; display: inline-block;}

.min-block .lt-block .content-block p span{ color:#32AAE1;}

.min-block .lt-block .content-block p span.message{ color:#000;}

.min-block .lt-block .content-block p a{font-family: 'Roboto-Bold'; color: #444444;}

.min-block .lt-block .content-block p a:hover{color: #32aae1;}

.min-block .lt-block .content-block .img{ border-radius: 3px; box-shadow: 0 0 3px #004379; float: left; margin: 0 20px 10px 0; padding: 4px;}

.min-block .lt-block .content-block .img2{ border-radius: 3px; box-shadow: 0 0 3px #004379; float:right; margin: 0 0 10px 20px; padding: 4px;}

.min-block .lt-block .content-block ul{ padding:0 0 10px;}

.min-block .lt-block .content-block ul li{color: #444444; font-size: 15px; line-height: 22px; padding:0 0 10px 25px; background:url(../images/arrow-2.png) 0 6px no-repeat;}

.min-block .lt-block .content-block ul li a{font-family: 'Roboto-Bold'; color: #444444;}

.min-block .lt-block .content-block ul li a:hover{color: #32aae1;}

/** box block **/

.box-block{ position:relative;}

.box-block-in{ position:absolute; top:-200px; width:100%;}

.box-block-in h2{border-left: 5px solid #f1c40f;color: #222222;font-size:28px; font-family: 'Roboto-Bold'; line-height:30px;margin: 0 0 20px; padding:0 0 0 10px; text-transform: uppercase;}

.box-block-in .thumb-box{ background:#253342; float: left; min-height:402px; padding: 15px 0 30px; text-align: center; width:25%; transition: all 0.3s ease-in 0s;}

.box-block-in .thumb-box:hover{ background:#f1c40f;padding: 25px 0 70px; margin-top:-50px;}



.box-block-in .thumb-box-2{ background:#2c3e50;}

.box-block-in .thumb-box-3{ background:#1F2A35;}

.box-block-in .thumb-box-4{ background:#141A21;}



.box-block-in .thumb-box .img{ border:2px solid #2C3E50; margin-bottom:10px; width:90%;}

.box-block-in .thumb-box h3{color: #fff;font-size:20px; font-family: 'Roboto-Bold'; line-height:22px;margin: 0 0 15px; background:url(../images/border-1.jpg) center bottom no-repeat; padding:0 0 10px; text-transform: uppercase;}

.box-block-in .thumb-box p{color: #fff; font-size: 15px; line-height:22px; padding:0 7% 15px;}

.box-block-in .thumb-box h4{display:inline-block; background:#b8c8c9; padding:12px 15px; color:#002d12; font-size:15px; border-radius:2px; text-align:center;}

.box-block-in .thumb-box h4 a{ }

.box-block-in .thumb-box h4 a:hover{ background:#005d95;}



.box-block-in .content img{width: 100%;}





/** //box block **/

.min-block .lt-block .every-bottom-block{ display:block; padding:0 0 20px;}

.min-block .lt-block .every-bottom-block h3{ float:left; padding:5px 15px 5px 0;}

.min-block .lt-block .every-bottom-block h3 a{ display:inline-block; background:#027bb3; padding:15px 20px; color:#fff;font-size:18px; font-family: 'Roboto-Bold'; border-radius:2px;}

.min-block .lt-block .every-bottom-block h3 a:hover{ background:#32aae1;}



.min-block .sidebar{ float:right; width:270px; position:relative;}

.min-block .sidebar h2{border-left: 5px solid #f1c40f;color:#2C3E50;font-size: 18px; font-family: 'Roboto-Bold'; line-height: 23px;margin: 0 0 20px; padding:0 0 0 10px; text-transform: uppercase;}

.min-block .sidebar .block-1{ padding:10px 0 30px;}

.min-block .sidebar .block-1 p{ font-size:15px; line-height:22px; color:#444444;}

.min-block .sidebar .img1{ position:absolute; right:0; top:-30px;}

.min-block .sidebar .img2{ border-radius: 4px; box-shadow: 0 0 3px #004379; margin: 15px 0 0; padding: 1%; max-width:100%;}

.min-block .sidebar ul li{ padding:0 0 13px 20px; background:url(../images/arrow-1.png) 0px 4px no-repeat; display:block; color:#444444;font-size: 15px;}

.min-block .sidebar ul li a{display:block; color:#2C3E50;font-size: 15px;}

.min-block .sidebar ul li a:hover{ color:#056490;}

.min-block .sidebar .block-2{}

.min-block .sidebar .block-2 p{padding:2px 0 10px 0px; font-size:15px; line-height:22px; color:#444444;}

.min-block .sidebar .block-2 p.email{background:url(../images/email-2.png) 0 6px no-repeat;}

.min-block .sidebar .block-2 p.address{background:url(../images/address-1.png) 0 6px no-repeat;}

.min-block .sidebar .block-2 p span{ display:block; font-family: 'Roboto-Bold'; color:#f1c40f;}

.min-block .sidebar .block-2 p a{ font-size:15px; line-height:22px; color:#444444; font-weight:bold; font-family: 'Roboto-Bold'; }

.min-block .sidebar .block-2 p a:hover{ color:#32aae1;}

.min-block .sidebar .block-2 img{float: left; padding:3px 15px 15px 0;}

/** //min-block **/



/** footer **/

#footer{ background:#2c3e50;}

#footer .top-block{ background:#233240; padding:20px 0;}

#footer .top-block .lt-block{ float:left; padding:0;}

#footer .top-block .rt-block{ float:right;}

#footer .top-block .rt-block h2{ color:#3A526B; border-bottom: 1px dashed #b4b4b4; margin-bottom:12px; text-align:right; font-size:22px; font-family: 'Roboto-Bold'; padding:0 0 10px;}

#footer .top-block .rt-block p{ color:#fff; text-align:right; font-size:15px;font-family: 'Roboto-Bold'; line-height:18px;}

#footer .bottom-block{ padding:20px 0;}

#footer .bottom-block p{ text-align:center; padding:5px 0; color:#fff; font-size:15px;}

#footer .bottom-block p a{ display:inline-block; color:#fff; font-size:15px; padding:2px 10px;}

#footer .bottom-block p a:hover{ color:#48d2b7;}

/** //footer **/



/** contact-us **/

.min-block .lt-block .contact-us-block{ padding:0 0 10px;}

.min-block .lt-block .contact-us-block h1{border-left: 5px solid #f1c40f;color: #222222;font-size:28px; font-family: 'Roboto-Bold'; line-height:30px;margin: 0 0 20px; padding:0 0 0 10px; text-transform: uppercase;}

.min-block .lt-block .contact-us-block h2{border-left: 5px solid #f1c40f;color: #222222;font-size:20px; font-family: 'Roboto-Bold'; line-height:30px;margin: 0 0 20px; padding:0 0 0 10px;}

.head2{border-left: 5px solid #f1c40f;color: #222222;font-size:20px; font-family: 'Roboto-Bold'; line-height:30px;margin: 0 0 20px; padding:0 0 0 10px;}

.min-block .lt-block .contact-us-block p{color: #444444; font-size: 15px; line-height: 22px; padding:0 0 20px;}

.min-block .lt-block .contact-us-block p span{ color:#32AAE1;}

.min-block .lt-block .contact-us-block p a{font-family: 'Roboto-Bold'; color: #444444;}

.min-block .lt-block .contact-us-block p a:hover{color: #32aae1;}

.min-block .lt-block .contact-us-block h3{padding:2px 0 10px 34px; font-size:15px; line-height:22px; color:#444444; background:url(../images/phone-2.png) 0 6px no-repeat;}

.min-block .lt-block .contact-us-block h3.email{background:url(../images/email-2.png) 0 6px no-repeat;}

.min-block .lt-block .contact-us-block h3.address{background:url(../images/address-1.png) 0 6px no-repeat;}

.min-block .lt-block .contact-us-block h3 span{ display:block; font-family: 'Roboto-Bold'; color:#2c3e50;}

.min-block .lt-block .contact-us-block h3 a{ font-size:15px; line-height:22px; color:#444444; font-weight:bold; font-family: 'Roboto-Bold'; }

.min-block .lt-block .contact-us-block h3 a:hover{ color:#32aae1;}

.min-block .lt-block .contact-us-block .block{ float:left; padding-right:40px; margin-right:40px; border-right:1px solid #CCC;}

.min-block .lt-block .contact-us-block .block2{ float:left;}

.min-block .lt-block .contact-us-block iframe{border:none; box-shadow:0 0 4px #000; height:250px; margin-bottom:25px; padding:1%; width:98%;}

/** //contact-us **/



.round{width: 220px; height: 180px;}

.round.monster{background: url('../images/monster-feet.jpeg');}

.round.onehun{background: url('../images/img-8.jpg'); width: auto; background-repeat: no-repeat; height: 300px;}

.round.gran{background: url('../images/img-9.jpg'); width: auto; background-repeat: no-repeat; height: 300px;}

.round.pain{background: url('../images/painful-feet.jpeg'); background-position: 41% 60%;}

.round.air{background: url('../images/feet-in-the-air2.jpg'); background-position: 41% 41%; background-size: contain; background-repeat: no-repeat}

.caption{display: inline-block;}

#block{ display: block;}



p#block span {font-size: 1.5em; font-weight: bold; color: #000;}

a.back-to-top{ outline:none; display: none; width:55px; height:50px; text-indent: -9999px; position: fixed; right: 20px; color:#fff; bottom:20px; background: url(../images/top-arrow.png) center center no-repeat #f1c40f; border-radius:6px; z-index:99999999999999999999999999999999999999999999999;}

a.back-to-top:hover{ background:url(../images/top-arrow.png) center center no-repeat #056490;}



/************************************************************************************

MOBILE

*************************************************************************************/

@media only screen and (orientation:landscape) {

body { -webkit-text-size-adjust:none; }

}

@media only screen and (orientation:portrait) {

body { -webkit-text-size-adjust:none; }

}



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

.content{ width:98%;}

.min-block .box-block .thumb-box{min-height:400px;}

}



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

.content{ width:92%;}

.min-block .lt-block {float: none; width: 100%;}

.min-block .sidebar{float:none; margin:30px auto 0; width:100%;}

.min-block .box-block .thumb-box{width:47%; margin:0 1% 15px;}

}



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

.logo-area .img-block{ width:40%; padding-top:15px;}

.logo-area .img-block img{ width:100%;}

.box-block-in .thumb-box{ min-height:423px;}

.slogan-area {font-size: 1.5em;}



}



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

.slogan-area{display: none;}

#main-nav-container {margin: 0 auto; position: relative; width: 92%;}

#main-nav-container.fixed{ position:relative;}

.nav-block .nav-lt-img{ display:block;}

.nav-block .nav-lt-text{ display:block;}

header .address-block ul li a{ padding:12px 7px;}

#footer .top-block .lt-block { width:60%;}

#footer .top-block .lt-block img{ max-width:100%;}

#footer .top-block .rt-block {}



.box-block-in{ position:relative; top:0; text-align:center;}

.min-block2{ margin-top:0;}

.box-block-in .thumb-box{ width:90%; display:block; margin:10px auto 0; min-height:inherit; float:none;}

.box-block-in .thumb-box:hover{padding:15px 0 30px; margin-top:10px;}

}



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

#footer .top-block .lt-block {float: none; text-align: center;}

#footer .top-block .rt-block {float: none; padding: 20px 0 0;}

header .address-block ul li a{ padding:12px 7px;}

.min-block .box-block .thumb-box{float: none; width: 100%; margin:0 0 15px; min-height:inherit;}

}



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

header .address-block ul li {display:none; float: none;}

header .social-block {float: none; text-align: center;}

header .social-block p{display: inline-block; float: none; padding:12px 8px;}



.logo-area .img-block{ float:none; width:100%;}

.min-block .lt-block .content-block .img{display:block; float:none; margin:0 auto 20px; max-width:96%;}

.min-block .lt-block .content-block .img2{display: block; float: none; margin: 15px auto; text-align: center;}

.min-block .lt-block .contact-us-block .block{ border:none; padding:0 30px 0 0; margin:0;}

}



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

.min-block .lt-block .content-block h1{ font-size:22px;}

.min-block .lt-block .content-block h2{ font-size:20px;}

.logo-area .logo-block{ width:70%;}

.logo-area .logo-block img{ width:100%;}

.index-img{ height: 400px;}

}



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

.min-block .lt-block .content-block h1{ font-size:16px;}

#footer .top-block .lt-block{ width:100%;}

.min-block .lt-block .content-block h2{ font-size:16px;}

.all-title-block{ margin-top:-50px;}

.all-title-block h1{ font-size:22px;}

.all-title-block p{ font-size:12px;}

.all-title-block p a{ font-size:12px;}

.cert {margin:0 auto;}

}





.contact-box{

	width: 100%;

	margin-top: 10px;

	display: inline-block;

	margin-bottom: 20px;

}



.contact-box label{

	font-weight: bold;

	color: #000;

}



.contact-text{



	width: 40%;

	display: inline-block;

	float: right;

}



.contact-box input{

	box-sizing:border-box;

	background: 0;

	margin: 0;

	font-size: 1.1em;

	margin-top: 2%;

	border: 1px solid #868686;

	padding: 10px;

}



.contact-box textarea{

	background: 0;

	box-sizing:border-box;

	font-size: 1.1em;

	margin-top: 3%;

	border: 1px solid #868686;

	padding: 10px;

	width: 100%;

	height: 300px;

	resize: none;

	margin-top: 2%;

	font-family: 'Open Sans'

}



.contact-box input{

	width: 100%;

}



.contact-box span{

	display: block;

	font-size: 2em;

	margin-bottom: 25px;

}



.input-holder{

	width: 49%;

	display: inline-block;

	margin-right: 2%;

}



.input2{

	width: 49%;

	display: inline-block;

	margin-right: 0;

}



.contact-box button{

	padding: 1.5% 6%;

 	background:0;

 	color: #000;

 	font-weight: bold;

    border: 3px solid #f1c40f;

    cursor: pointer;

    margin-top: 2%;

    font-size: 1em;

    transition: all 0.2s ease-in-out;

}



.contact-box button:hover{

	color: #fff;

	background: #f1c40f;

	transition: all 0.2s ease-in-out;

}



.review-form{

	width: 100%;

	margin-bottom: 30px;

}

.review-form label{

	font-weight: bold;

	color: #000;

	padding: 0 0 10px 0;

}

.review-form input{

	height:30px;

	font-size: 20px;

	padding: 2px;

	margin-bottom: 10px;

}

.review-form textarea{

	height: 200px;

	padding: 10px;

	font-size: 20px;

}

.review-form button{

	padding: 1.5% 6%;

	background: 0;

	color: #000;

	font-weight: bold;

	border: 3px solid #f1c40f;

	cursor: pointer;

	margin-top: 2%;

	font-size: 1em;

	transition: all 0.2s ease-in-out;

}

.review-form button:hover{

	color: #fff;

	background: #f1c40f;

	transition: all 0.2s ease-in-out;

}

.contact-form .form-message {

  color: #404040;

  padding: 10px 15px;

  margin-top: 15px;

}



.success {

  background: #B9FFBC;

}



.error {

  background: #FFB9B9;

}

.name{

	display: flex;

	flex-direction: column;

	width: 49%;

	position: relative;

	float: left;

}



.email{

	display: flex;

	flex-direction: column;

	position: relative;

	float: right;

	width: 49%;

}

.feedback{

	display: flex;

	flex-direction: column;

	width: 100%;

}


.pdf-icon{
	width: 30px;
	margin-right:10px;
	margin-bottom: -8px;
}