.margin-vertical-10{height:10px;width:100%}
.margin-vertical-20{height:20px;width:100%}
.margin-vertical-30{height:30px;width:100%}
.margin-vertical-40{height:40px;width:100%}
.margin-vertical-50{height:50px;width:100%}
.margin-vertical-60{height:60px;width:100%}
.margin-vertical-70{height:70px;width:100%}
.margin-vertical-80{height:80px;width:100%}
.margin-vertical-90{height:90px;width:100%}
.margin-vertical-100{height:100px;width:100%}

@media (max-width: 768px) {
.h1, h1 {font-size: 28px !important;}
.h2, h2 {font-size: 24px !important;}
.h3, h3 {font-size: 20px !important;}
.h4, h4 {font-size: 16px !important;}
.h5, h5 {font-size: 14px !important;}
.h6, h6 {font-size: 12px !important;}
}
@media (min-width: 1200px) {
    .container{
        max-width: 1000px !important;
    }
}
.top{background-image:linear-gradient(#0b133e, #006ab8, #009ada);width:100%;height:19px;margin:auto;position:relative}
.menu-border{width:100%;height:5px;margin:auto;background:#d6d6d6;margin-top:2px}
/* .menu{background-image:linear-gradient(#f4f2ed, #d3d3d3);width:100%;} */
.banner-border{background-image:linear-gradient(#f7f7f7, #bebebe);width:100%;height:6px;margin:auto;box-shadow:0pt 0pt 1pt 1pt #666}
.side-box{
	position:relative;
	border:3px solid #006ab8;
	margin-top:30px;
	padding:50px 0px 0px 0px;
}
.side-box .icon{
	border-bottom:3px solid #006ab8;
	border-left:3px solid #006ab8;
	border-right:3px solid #006ab8;
	background:#fff;
	border-radius:50%;
 	position:absolute;
	height:80px;
	width:80px;
	top:-13%;
	left:50%;
	transform:translateX(-50%);
}
.side-box .heading{
	color:#006ab8;
	text-align:center;
	font-weight:bold;
}
.side-box .icon i{
	color:#006ab8;
 	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.side-box .login-middal{
	padding:10px;
}
.join-box{
	position:relative;
	border:3px solid #006ab8;
	margin-top:30px;
	padding:50px 0px 0px 0px;
}
.join-box .icon{
	border-bottom:3px solid #006ab8;
	border-left:3px solid #006ab8;
	border-right:3px solid #006ab8;
	background:#fff;
	border-radius:50%;
 	position:absolute;
	height:80px;
	width:80px;
	top:-4%;
	left:50%;
	transform:translateX(-50%);
}
.join-box .heading{
	color:#006ab8;
	text-align:center;
	font-weight:bold;
}
.join-box .icon i{
	color:#006ab8;
 	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.join-box .login-middal{
	padding:10px;
}
.login-bottom{
    background-image: url("../images/login-bot.png");
    background-repeat: no-repeat;
	background-size: 100%;
    text-align: center;
	padding-top:22px;
	margin-bottom:-2px;
    line-height: 39px;
    color: #fff;
    width: 100%;
    height: 59px;
}
.login-bottom a{
    color: #fff;
}
.login-bottom a:hover{
    color: #11e0ff;
	text-decoration:none;
}
.from-box {
    background: transparent url("../images/u-name-box.jpg") no-repeat scroll 0% 0%;
    border: medium none;
    padding-left: 34px;
    margin: 8px 4px;
    height: 31px;
    width: 190px;
}
.from-pass {
    background: transparent url("../images/pass-box.jpg") no-repeat scroll 0% 0%;
    border: medium none;
    margin: 8px 4px;
    padding-left: 34px;
    height: 34px;
    width: 190px;
}
.text-add {
    background-image: url("../images/text-add-box.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
    font-size: 18px;
	padding-top:13px;
    color: #fff;
    width: 100%;
    height: 68px;
}
.text-add-title {
    background-image: linear-gradient(#161f54,#215dae);
    border-radius: 7px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    width: 100%;
    height: 27px;
}
.text-add-text {
    font-family: Verdana;
    font-size: 11px;
    text-align: center;
    line-height: 18px;
    font-weight: normal;
    color: #1E1E1E;
}

.side-menu-header {
    background-image: url("../images/member-menu.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
    font-size: 18px;
	padding-top:13px;
	padding-left:25px;
    color: #fff;
    width: 100.6%;
    height: 69px;
}
.side-menu {
    float: left;
    height: auto;
    margin:0px;
    padding-left: -15px;
    width: 100%;
}
.side-menu ul {
    float: left;
    margin: 6px 0 6px 6px;
    padding: 0;
}
.side-menu ul li {
    float: left;
    height: auto;
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 3px 0 0;
    width: 100%;
}
.side-menu ul li a {
    background-image: linear-gradient(#161f54,#215dae);
    border-radius: 7px;
    color: #fff;
    float: left;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    text-align: left;
    text-decoration: none;
    width: 100%;
}
.side-menu ul li a:hover {
    background-image: linear-gradient(#215dae,#161f54);
    border-radius: 7px;
    color: #11e0ff;
    float: left;
    font-family: Verdana;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
}
.side-menu ul li .active {
    background-image: linear-gradient(#215dae,#161f54);
    border-radius: 7px;
    color: #11e0ff;
    float: left;
    font-family: Verdana;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
}
#footer-bg {
  /*  background-image: url(../images/footer-bg.jpg);
    background-repeat: repeat-x;*/
	background-color: #141414;
	padding-top:30px;
	padding-bottom:20px;
}
.footer-link-text li {
	margin:10px 5px;
	display:inline-block;
}
.footer-link-text a {
    font-family: Verdana;
    font-size: 12px;
    color: #777;
    padding-top: 4px;
    padding-bottom: 8px;
}
.footer-social li{
	display:inline-block;
}
.footer-social li a{
	display:inline-block;
	border-radius:50%;
	background:#777;
	height:40px;
	width:40px;
	position:relative;
	color:#fff;
	transition:all ease-in-out .2s;
}
.footer-social li:hover a.facebook{
	background:#3B5998;
}
.footer-social li:hover a.twitter{
	background:#1DA1F2;
}
.footer-social li:hover a.linkedin{
	background:#0077B5;
}
.footer-social li:hover a.google-plus{
	background:#DB4437;
}
.footer-social li:hover a.pinterest{
	background:#BD081C;
}
.footer-social li a i{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
ol li{margin-bottom:10px}
.tblrows{height:30px;}
/*faq*/
.custom-ul{list-style:none;padding-left:0px}
.custom-ul .qu:before{content: "Q - " attr(data-task-owner) ;margin-right:10px}
.custom-ul .qu{margin-bottom:10px;font-weight:bold;cursor:pointer;padding:10px 5px;background-color:#4080e9;border-bottom:1pt solid #FFF}
.custom-ul .qu:hover{background-color:#01255d;color:#fff}
.custom-ul .an:before{content: "Ans - " attr(data-task-owner) ;margin-right:10px;font-weight:bold}
.custom-ul .an{margin-bottom:10px;display:none;padding:10px 5px;background-color:#4080e9;text-align:justify}
.testimonial{border:1pt dashed #F00;padding:10px 5px;}
.right-box-top {
    background-image:linear-gradient(to right, #ffa701, #ffcc03);
	padding:6px;
}
.right-box-top-inner {
    background-color:transparent;
    text-align: center;
    font-family: Verdana;
    font-size: 18px;
    color: #000;
	border:4pt solid #fed839;
	padding:3px;
	margin:auto;
}
.right-box-bg {
    border-left:1pt solid #CCC;
    border-right:1pt solid #CCC;
    border-bottom:1pt solid #CCC;
    width: 100%;
	padding-top:10px;
	padding-bottom:10px;
}
.right-2-title {
    background-image: url("../images/title-2-bg.jpg");
    background-repeat: no-repeat;
    width: 218px;
    height: 28px;
    text-align: center;
    font-family: Verdana;
    font-size: 14px;
    font-weight: normal;
    color: #000;
	padding-top:2px;
    background-position: center center;
	margin:auto;
	margin-bottom:10px;
}