.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;

    }

}

.navbar-toggle-custom {

    background-color: transparent;

    background-image: none;

    border: 1px solid #0d9ec5 !important;

    border-radius: 4px;

    float: right;

    margin-bottom: 8px;

    margin-right: 15px;

    margin-top: 8px;

    padding: 9px 10px;

    position: relative;

}

.navbar-toggle-custom .icon-bar {

    border-radius: 1px;

    display: block;

    height: 2px;

	background:#0d9ec5;

    width: 22px;

}

.top{background-image:linear-gradient(#0b133e, #354e89, #215dae);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{background-image:linear-gradient(#f8d202, #e8a500);width:100%;height:auto;margin:auto;border-top:2pt solid #000000;}

.banner-border{background-image:linear-gradient(#f7f7f7, #bebebe);width:100%;height:6px;margin:auto;box-shadow:0pt 0pt 1pt 1pt #666;margin-bottom:2px}

.navbar-ex2-collapse{padding:0px !important}

.side-navbar{background-image: linear-gradient(#f864c5, #ba308a);}

.side-navbar .navbar-brand {color:#0d9ec5}

.side-menus{background:#FAFAFA;border-right:1pt solid #CCC}

.side-menu-bar{list-style:none;margin-left:-40px;}

.side-menu-bar li.active a{background-image: linear-gradient(#f864c5, #ba308a);}

.side-menu-bar li a{display:block;background-image: linear-gradient(#f864c5, #ba308a);;padding:10px;border-bottom:1pt solid #CCC;color:#fff}

.side-menu-bar li:hover a{background-image: linear-gradient(#fe49bf, #a41673);;text-decoration:none}

.side-menu-bar li i{width:30px}

.gray-box{background:#FAFAFA;border-radius:4px;padding:10px 20px}

.panel-green {

    border-color: #F864C5 !important;

}

.panel-green .panel-heading {

    background-color: #F864C5;

    border-color: #F864C5;

    color: #fff;

}

.panel-green a {

    color: #F864C5 !important;

}

.panel-green a:hover {

    color: #F864C5 !important;

}

.panel-yellow {

    border-color: #000 !important;

}

.panel-yellow .panel-heading {

    background-color: #000;

    border-color: #000;

    color: #fff;

}

.panel-yellow a {

    color: #000;

}

.panel-yellow a:hover {

    color: #df8a13;

}
.panel-primary {
    border-color: #f864c5!important;
}
.panel-primary > .panel-heading {
    background-color: #f864c5!important;
    border-color: #f864c5!important;
    color: #fff;
}
.panel-primary a {
    color: #F864C5 !important;
}

.panel-red {

    border-color: #000 !important;

}

.panel-red .panel-heading {

    background-color: #000;

    border-color: #000;

    color: #fff;

}

.panel-red a {

    color: #000;

}

.panel-red a:hover {

    color: #b52b27;

}

.huge {

    font-size: 40px;

}

.btn-circle.btn-xl {

    border-radius: 35px;

    font-size: 24px;

    height: 70px;

    line-height: 1.33;

    padding: 10px 16px;

    width: 70px;

}

.login-top {

    background-image: url("../images/login-top.png");

    background-repeat: no-repeat;

	background-size: 100%;

    text-align: center;

    padding-left: 50px;

    padding-top: 23px;

    font-size: 18px;

    color: #fff;

    width: 100%;

    height: 85px;

	margin-bottom:-3px;

}

.login-middal {

    border-left:2pt solid #d37143;

    border-right:2pt solid #d37143;

    width: 100%;

}

.login-bottom{

    background-image: url("../images/login-bot.png");

    background-repeat: no-repeat;

	background-size: 100%;

    text-align: center;

	padding-top:22px;

    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;

}

.footer-banner{background-image:linear-gradient(#f8d202, #e8a500);width:100%;height:auto;margin:auto;}

.footer-link-text a {

    font-family: Verdana;

    font-size: 12px;

    color: #777;

    padding-top: 4px;

    padding-bottom: 8px;

}

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:#f5ac29;border-bottom:1pt solid #FFF}

.custom-ul .qu:hover{background-color:#FC6}

.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:#FC6;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;

}

.join-now-button {

    background-image:linear-gradient(#e23234, #0d9ec5);

    border-radius: 5px;

    border: none;

    text-align: center;

    font-family: Verdana;

    font-size: 13px;

    font-weight: bold;

    color: #FFF;

    margin-top: 6px;

    line-height: 27px;

    height: 27px;

}

.login-box-from-text-use-box {

    background: transparent url("../images/login-box-from.jpg") no-repeat scroll 0% 0%;

    border: medium none;

    width: 225px;

    height: 31px;

    padding-left: 32px;

}

.login-box-from-text-use-box-pass {

    background: transparent url("../images/login-box-from-pass.jpg") no-repeat scroll 0% 0%;

    border: medium none;

    width: 225px;

    height: 31px;

    padding-left: 32px;

}