@charset "UTF-8";

body {color:#000;}
#logo-tp { height:140px; background: #fff; margin-top:10px;}
.logotptel {background:url(../images/tel.jpg); height:60px; width:385px; float:right; margin:55px 10px 0 0;}
#logo-tp a.elink {float:right; width:210px; margin-top:102px; display:block; text-decoration:none; color:#fff; font-size:.76em;}
#logo-tp a:hover.elink {text-decoration:underline;}

.clearing {clear:both; font-size:.1em; margin:8px 0; padding:0;}
.rtxt {color:#c62543;}
.gtxt {color:#57BA49;}
.blutxt {color:#29A7CB;}
p {font-size: 1em; line-height:1.4em; color:#4D4D4D; font-weight:300;}
blockquote {font-size: .90em; line-height:1.5em; font-weight:300;}
.pxrounded {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.pxrounded2 {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.teltxt {text-align:center; margin: 20px 0 0 0; line-height:1.2em; font-size:1.8em; color:#fff;}
.tel1 {text-align:center; margin: 10px 0 0 0; line-height:1em; font-size:1.6em; color:#fdbbd2;}
.tel1 a {text-decoration:none; color:#fdbbd2; font-weight:bold;}
.tel1 a:hover {text-decoration:none; color:#ffe3ec;}
.error_box {font-size:.80em; color:red; padding:10px; line-height:1.2em;}

.telbox {width:300px; height:39px; margin:10px auto; background-color:#fff;}

.pxgrad {background: rgba(247,247,250,1);
background: -moz-linear-gradient(top, rgba(247,247,250,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,247,250,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(247,247,250,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(247,247,250,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(247,247,250,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(247,247,250,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7fa', endColorstr='#ffffff', GradientType=0 );
padding: 15px;
}



.privacy {font-size:.75em; padding:3px; font-weight:normal;}
label {margin-bottom: 10px;}
.pxmapborder {border:2px solid #000;}
.panel {
  border: none;
  margin-bottom: 1em;
  padding: .85em;
  background-color:#fff;
   }
.panelsp { background-color: #B5EDFC; background-image: url(../images/blbg.jpg); background-repeat:repeat-x;}
.panelsp1 { background-color: #BEF1B4;}
.panelsp2 { background-color: #FCFCFC;}
.panel ul {margin-bottom:0px; margin-left:20px; }
.panel li {list-style: disc; font-size:1em; color:#4d4d4d; font-weight:300; }

.panel li.tick {list-style:url(../images/tick1.png);}
.panel li.notick {list-style:url(../images/tick2.png);}

.panel ol {margin-left:28px; font-size:1em;}
.panel ol li {list-style: decimal; margin-bottom:.5em;}

.columns.small-centered {text-align:center;}
.spbox {background-color:#f4f4f4; padding:0.9375em; border:1px solid #131313; }
.spbox p {color:#000;}
.pxbdr {border:2px dashed #A8A8A8; padding:5px; font-size:14px;}
.pxtesti {border:2px dashed #c4c4e3; padding:10px; font-size:14px; background-color:#f7f7fa;}

  h1, h2, h3, h4 {color:#000;}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p { color: #000; }

.subheader {color:#000;}
.ptitle {padding:28px 0 10px 0; text-align:center; text-transform:uppercas; border-bottom:1px solid #C5C5C5;}
.content-box{padding:15px;}
.content-box ul, ol{margin-left:40px; color:#4D4D4D; font-weight:300;}

.sp-box {border-top:1px #D1D1D1 dashed;border-bottom:1px #D1D1D1 dashed; padding:15px; background-color:#f7f7fa;}
.ev-box {border:1px #c62543 solid; padding:15px; background-color:#f7f7fa; width:60%; margin:0 auto;}

.testislider {}
.testislider li {background:#f00; margin-top:40px; padding:15px;}
    
tr, td {padding:10px;}
a {
  color: #000080;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #c62543; }
  a img {
    border: none; }
form { margin-top: -18px;}
fieldset{ padding-bottom:0px; margin-bottom:0;}
label {color:#000;}
.has-tip {color:#000;}
.has-tip:hover {color:#0C0; border-bottom:1px dotted #0c0;}
.button {background-color: #56B948; border:#56B948 1px solid;}
button:hover, button:focus, .button:hover, .button:focus {
    background-color: #3C0; }

/*embed, object, iframe{max-width: 100%;height: 250px; !important;}*/
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*------*/
/*px nav*/
.pxnav-box {  height:45px; color:#fff; margin:0 auto; padding: 0;}
.pxnav-box ul {margin:0; padding:0;}
.pxnav-box li {list-style:none; float:left;  width:120px; padding:0 6px; display:block; font-size:14px; border-right:1px solid #fff; text-align:center;}
.pxnav-box li.last {border-right:none;}
.pxnav-box li a {color:#fff; text-decoration:none; display:block; vertical-align:middle; padding-top:12px; height:70px; }
.pxnav-box li a:hover {color:#17b1b1; text-decoration:none; background-color:#303030;}
.pxnav-box li a.active {color:#17b1b1; text-decoration:none; font-weight: 400;
}


/* px nav end*/

a.mw_btn {height:51px; width:265px; display:block; background-image:url(../images/mw_btn.jpg); border:none; margin:0 auto;}
a:focus.mw_btn {-moz-outline-style: none; outline:none;}
a.mw_btn span { display:none;}
a:hover.mw_btn {border:none;}



/* modal */

/* The Modal (background) */
.modal, .modal1 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #D1D1D1;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 20%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

.modal-content1 {
    position: relative;
    background-color: #D1D1D1;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

@media only screen and (max-width: 500px) {
	.modal-content, .modal-content1 { width:90%;}
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close, .close1 {
    color: black;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus,
.close1:hover,
.close1:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #fff; /* edited pixel*/
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #17b1b1;
    color: white;
}

/*-----back to top btn----*/

#tpBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
}

#tpBtn:hover {
  background-color: #555;
}