/**,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{ margin:0; padding:0;}
html,body{margin:0;	padding:0;height:auto!important;min-height:100%;    font-family: 'nunito_sansregular';}
body{ line-height:24px; font-size:17px; background:#FFF;}
body p{margin-bottom:20px; color: #555; line-height:28px; font-size:16px;}*/
/*.toplink{width:100%; float:left; background: #FFF; text-align:right; color:#FFF; font-size:14px; text-align:right; padding-top:5px;}
.toplink ul{ float:right; margin:0; }
.toplink ul li{ float:left; padding-left:15px;}
.toplink ul li a{ color:#4AC3F0}
.toplink ul li a:hover{ color:#1199CC; text-decoration:none;}
.toplink .fa{color:#4AC3F0;}

.toplink{width:100%; float:left; background:#F1F1F1;  color:#252525; font-size:14px; text-align:right; padding-top:5px; padding-bottom:5px;}
.toplink h3{text-align:left; font-size:14px; margin:0; padding:0; line-height:24px; cursor:pointer; display:inline-block; float:left; animation-name:blinking; animation-duration:1.5s; animation-iteration-count:infinite;}
.toplink ul{ float:right; margin:0; list-style:none; }
.toplink ul li{ float:left; padding-left:15px;}
.toplink ul li a{ color:#252525}
.toplink ul li a:hover{ color:#01445E; text-decoration:none;}
.toplink ul li select{color:#000;}*/

/*.logo{ width:100%; float:left; padding-top:10px;  }
.logo img{ max-width:100%; height:auto;}

.topsection{ background:#FFF; width:100%; float:left; padding-top:50px; padding-bottom:50px;}
.topsection h1{font-size:38px; color:#333333;    margin:0; margin-bottom:5px; text-align:center;}
.topsection h1 span{ color:#4AC3F0;  }
.topsection h3{ font-size:20px; font-family: 'nunito_sanslight'; text-align:center; margin:0; margin-bottom:25px; color:#242424;}
.topsectionicon{width:230px; float:left; text-align:center; margin-bottom:20px; padding:10px;}
.topsectionicon img{max-width:100%; height:auto;}
.topsection  h2{ font-size:22px; margin-top:0px;}
.topsection p{}
.topsectiondetail{ padding:15px; padding-top:0px;}
.topsectionbox{   background:#FFF; padding:15px; float:left;  position:relative;   display:flex}
.tsborderright{ border-right:1px solid #F0F0F0}*/

.relp-panel{ width:350px; height:100%; position:fixed; left:0px; top:0; display:none; padding:20px; padding-top:5px; background:#FFF; z-index:10000; box-shadow: 5px  0px  5px -5px #333; overflow:auto;}
.relp-panel h2{font-size:20px; font-family: 'nunito_sansbold'; border-bottom:1px dashed #E6E6E6; padding:0; padding-bottom:5px; margin-bottom:35px; display:block; }
.relp-panel  img{width:100%; height:auto; border:1px solid #E6E6E6; padding:2px;}
.relp-panel h3{font-size:16px; margin:0; margin-bottom:10px;}
.horline{width:100%; float:left; border-bottom:1px dashed #E6E6E6; margin-top:10px; margin-bottom:10px;}
.relp-close{ width:25px; height:25px; float:right; cursor:pointer}
.relp-close img{width:100%; height:auto; border:none; padding:2px;}

.relp-panel input[type="text"],.relp-panel input[type="email"],.relp-panel textarea{width:100%; height:45px; border: 1px solid #E6E6E6; padding:10px; margin-bottom:15px; 
border-radius: 4px; transition: all 0.5s ease 0s; font-size:14px;}
.relp-panel input[type="text"]:hover,.relp-panel input[type="email"]:hover,.relp-panel textarea:hover,
.relp-panel input[type="text"]:focus,.relp-panel input[type="email"]:focus,.relp-panel textarea:focus{ border-color:#4AC3F0;}
.relp-panel textarea {height:80px;}
.relp-panel input[type="button"],.relp-panel input[type="submit"]{background:#4AC3F0; color:#FFF; padding: 10px 25px; border-radius: 4px; transition: all 0.5s ease 0s; border:none;  }
.relp-panel input[type="button"]:hover,.relp-panel input[type="submit"]:hover{background:#1199CC; outline: 0px;}
#relpbut{font-size:18px;color:black;}
#replclose{font-size:18px;color:black;margin-left: 20px;cursor:pointer}

/*------------Setting----------------------*/
/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
		transform: translateY(70%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
		transform: translateY(0%);
    }
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
		transform: translateY(70%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
		transform: translateY(0%);
    }
}