/* GLOBAL STYLES */

@font-face {
	font-family: 'Open Sans Regular';
	src: url('../../../../assets/common/fonts/OpenSans/OpenSans.eot');
	src: url('../../../../assets/common/fonts/OpenSans/OpenSans.woff') format('woff'),
		 url('../../../../assets/common/fonts/OpenSans/OpenSans.ttf') format('truetype'),
		 url('../../../../assets/common/fonts/OpenSans/OpenSans.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans Bold';
	src: url('../../../../assets/common/fonts/OpenSans/OpenSansBold.eot');
	src: url('../../../../assets/common/fonts/OpenSans/OpenSansBold.woff') format('woff'),
		 url('../../../../assets/common/fonts/OpenSans/OpenSansBold.ttf') format('truetype'),
		 url('../../../../assets/common/fonts/OpenSans/OpenSansBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.s.u.m.o.me {
    position: absolute!important;
    top: 185px!important;
}

.notification-wrap {
    position: relative;
    width: 100%;
    padding: 0 15px;
    top: 20px;
    max-width: 1200px;
}

.error-notification,
.success-notification {
    border: 0;
    border-radius: 0!important;
    color: #fff;
    position: absolute!important;
    width: 100%!important;
    z-index: 999!important;
    -webkit-box-shadow: -7px 8px 8px -7px #000;
    -moz-box-shadow: -7px 8px 8px -7px #000;
    box-shadow: -7px 8px 8px -7px #000;
}

.success-notification {
    background: #31a866;
}

.error-notification {
    background: red;
}

.error-notification span,
.success-notification span {
    font-size: 14px;
}

.notification {
    position: relative;
    border-radius: 3px;
    padding: 5px 12px;
    max-width: 100%;
    text-align: center;
    margin: 0 auto 20px;
    width: auto;
    z-index: 998;
}

.notification i {
    font-size: 20px;
    padding: 3px 5px;
}

.notification span.text {
    vertical-align: middle;
    display: inline-block;
    margin: 3px 0;
}

.notification span.text a {
    text-decoration: underline;
}

.page-holiday {
    max-width: 1200px;
    width: 100%;
    color: #000;
    background: #fff;
    padding: 15px;
    display: flex;
    align-items: center;
}

.page-holiday a{
    color:#0064BD!important;
}

.page-holiday img{
    margin-right: 10px;
}

.strip-container {
    padding: 100px 10px 120px!important;
}

.closed-img:before {
    content: url(/assets/common/images/img/img-holiday-closed.png);
    text-align: left;
}

.p-all-bg-white {
    background: #fff;
    padding: 15px;
}

.page-holiday p {
    margin: 0;
    font-size: 15px;
    text-align: left;
}

.page-holiday .red-strong {
    color: red;
    font-weight: 600;
}

/* footer formatting ======================================================================= */

.section-footer {
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    background:#122949;
    font-size:12px!important;
    padding:50px 0 70px;
    color:#96a0b0
}

.section-footer ul {
    list-style: none;
    padding: 0
}

.section-footer .follow ul {
    padding: 20px 0 0
}

.section-footer ul li {
    margin-bottom: 6px
}

.section-footer a {
    color: #96a0b0
}

.section-footer h3 {
    font-family: 'Open Sans Bold', Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #A8BCC3;
    font-size: 18px;
    margin: 0!important;
    padding-bottom: 18px
}

.section-footer h3,
.section-footer h3 a {
    color: #01cae9
}

.section-footer h3.join-group-title {
    margin-top: 25px !important;
    padding-bottom: 0px;
    border-bottom: none;
}

.section-footer .slogan-text {
    color: #fff;
    font-size: 11px!important;
    margin-bottom: 25px
}

.section-footer .product-title,
.section-footer .try .btn-trial {
    font-family: 'Open Sans Bold', Arial, Helvetica, sans-serif;
    font-size: 14px
}

.section-footer .product-title {
    color: #fff
}

.section-footer .follow ul li {
    display: inline-block;
    margin: 0 auto
}

.section-footer .follow a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 10px 12px 0
}

.section-footer .try .btn-trial {
    color: #123c7f;
    margin-bottom: 50px;
    background: #FFCC1E;
    border: 1px solid #ac8a14
}

.section-footer .try .btn-trial:hover {
    text-decoration: underline
}

.section-footer .products .panel-body .col-sm-5 {
    padding-left: 0
}

.section-footer .panel {
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.section-footer .panel-heading {
    padding: 0;
    margin: 0 0 15px
}

.section-footer .panel-body {
    padding: 0!important
}

.section-footer .follow a.facebook {
    background-image: url(../images/btn/btn-facebook01.png)
}

.section-footer .follow a.twitter {
    background-image: url(../images/btn/btn-twitter01.png)
}

.section-footer .follow a.youtube {
    background-image: url(../images/btn/btn-youtube01.png)
}

.section-footer .follow a.pinterest {
    background-image: url(../images/btn/btn-pinterest01.png)
}

.section-footer .follow a.google {
    background-image: url(../images/btn/btn-google-plus01.png)
}

.section-footer .follow a.instagram {
    background-image: url(../images/btn/btn-instagram01.png)
}

.section-footer .follow a.slideshare {
    background-image: url(../images/btn/btn-slideshare01.png)
}

.section-footer .follow a:hover {
    background-position: -35px
}

.section-footer .follow a.join-group {
    background: url(../images/btn/btn-group01.png) no-repeat 2px top;
    width: 50px;
    padding-top: 35px;
    text-align: center;
    margin-bottom: 30px;
}

.section-footer .follow a.join-group:hover {
    background-position: -48px 0px;
}

.section-footer .copyright {
    margin-top: 40px
}

.section-footer .copyright p {
    font-size: 12px!important
}

.helpdesk-hide-robot {
    display:none;
}

.global-checkbox {
    margin: 20px 30px!important;
    background: #FFF;
    padding: 15px 35px;
    border-radius: 3px;
    border: 1px solid #99a28d;
}

.global-checkbox.hub {
    border: 1px solid #999;
    padding: 13px 20px 13px;
    margin: 0px 0px 23px!important;
    border-radius: 3px;
}

.global-checkbox.vc {
    border: 1px solid #999;
    padding: 13px 20px 13px;
    margin: 0px 0px 23px!important;
    border-radius: 3px;
}

.global-checkbox.moo {
    padding: 5px 25px;
    border-radius: 6px;
    margin: 10px 30px!important;
}

.global-checkbox.moo.helpdesk {
    margin: 10px 0px!important;
    width: 38%;
    padding-bottom: 8px;
}

.global-checkbox.moo.helpdesk .image {
    margin-left: 35px!important;
}

.global-checkbox.moo.bottom {
    max-width: 295px;
    margin: 20px auto!important;
}

.global-checkbox.ob {
    margin: 20px 25px!important;
    padding: 15px 20px;
    border-radius: 7px;
}

.global-checkbox.sevenbs {
    margin: -11px 0px 0px!important;
    padding: 7px 25px 10px;
    border-radius: 4px;
    border: 0px;
}

.global-checkbox.sevenways {
    max-width: 300px;
    margin: 0px auto 20px!important;
    background: none!important;
    padding: 8px 35px;
    border-radius: 5px;
    border: 1px solid #FFF;
}

.global-checkbox.wyd {
    margin: 0px 0px 15px !important;
    background: #FFF;
    padding: 15px 7px 15px;
    border: 0px;
    border: 1px solid #999;
}

.global-checkbox.sevenbs.bottom {
    margin: 15px 0px 0px!important;
    padding: 7px 15px 10px;
}

.global-checkbox .checkbox-wrap {
    position: relative;
    padding: 0px;
}

.global-checkbox .checkbox-wrap input[type=checkbox] {
    display:none;
}

.global-checkbox .checkbox-wrap input[type=checkbox]:checked + label {
    background: #1bbc9b;
    border:2px solid #FFFFFF;
}

.global-checkbox .checkbox-wrap input[type=checkbox]:checked+label:after {
    opacity:1;
}

.global-checkbox .checkbox-wrap input[type=checkbox]:checked+label {
    background: #FFF;
    border: 0px;
}

.global-checkbox .checkbox-wrap .delay-box {
    float: left;
    background: #eee;
    width: 25px;
    position: absolute;
    left: 5px;
    top: 5px;
    border: 1px solid #7f8677;
    height: 25px;
}

.global-checkbox.sevenbs .checkbox-wrap .delay-box {
    width: 22px;
    height: 22px;
    border-radius: 4px;
}

.global-checkbox.sevenways .checkbox-wrap .delay-box {
    width: 22px;
    height: 22px;
    border-radius: 4px;
    background: none;
}

.global-checkbox.wyd .checkbox-wrap .delay-box {
    border-radius: 4px;
    background: #FFF;
    border: 1px solid #7f8677;
}

.global-checkbox .checkbox-wrap label {
    cursor: pointer;
    position: absolute;
    min-width: 20px;
    width: 25px;
    height: 25px;
    top: 0;
    left: 0;
    background: #eee;
    border: 1px solid #7f8677;
    border-radius: 0px;
    margin: 5px;
}

.global-checkbox.sevenbs .checkbox-wrap label {
    width: 22px;
    height: 22px;
    border-radius: 4px;
}

.global-checkbox.moo .checkbox-wrap label {
    width: 25px;
    height: 25px;
}

.global-checkbox.sevenways .checkbox-wrap label {
    background: none!important;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    border: 1px solid #FFF;
}

.global-checkbox .checkbox-wrap label {
    background: #FFF;
    border: 1px solid #7f8677;
    border-radius: 4px;
}

.global-checkbox.top.unverified,
.global-checkbox.bottom.unverified {
    border: 1px solid rgb(235, 40, 25);
}

.global-checkbox.bottom.moo.unverified {
    border: 1px solid rgb(156, 25, 15);
    margin: 10px auto 10px!important;
}

.global-checkbox.wyd.unverified {
    border: 1px solid rgb(204, 0, 0);
}

.global-checkbox.sevenbs.unverified {
    border: 1px solid rgb(156, 25, 15);
}

.global-checkbox.sevenways.unverified {
    border: 1px solid rgb(235, 40, 25);
}

.global-checkbox.vfl.unverified {
    border: 1px solid rgb(204, 0, 0);
}

.global-checkbox .checkbox-wrap label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 30px;
    height: 9px;
    background: 0 0;
    border: 3px solid #7399b0;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: -7px;
}

.global-checkbox.sevenways .checkbox-wrap label:after {
    border: 3px solid #FFFFFF!important;
    border-top: 0px!important;
    border-right: 0px!important;
}

.global-checkbox .checkbox-wrap span {
    display: inline-block;
    padding-left: 40px;
    float: left;
    margin-left: 0px;
    margin-top: 6px;
}

.global-checkbox.moo .checkbox-wrap span {
    margin-top: 9px;
    color: #000;
}

.global-checkbox.sevenbs .checkbox-wrap span {
    color: #a3a3a3;
}

.global-checkbox.sevenbs.bottom .checkbox-wrap span {
    font-family: 'Roboto Light', Arial, Helvetica, sans-serif;
    font-size: 17px;
}

.global-checkbox.vc .image {
    margin-left: 60px;
    float: none!important;
}

.global-checkbox.moo .image {
    margin-left: 45px;
    float: none!important;
}

.global-checkbox.sevenbs .image {
    float: none!important;
    margin-left: 50px;
}

.global-checkbox.wyd .image {
    float: none!important;
    margin-left: 50px;
}

.section-footer01 .global-checkbox.sevenways img.image {
    margin-top: 0px;
}

.global-checkbox.sevenways .image {
    float: none!important;
    margin-left: 45px;
}

.global-checkbox .image.on {
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}

/* Temporary hide global page loader css
.global-loading-page {
	text-align: center;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background: url('/assets/common/images/img-logo-freedom-project-03.gif?132663213') no-repeat center center #332d2d5e;
}
*/

@-moz-keyframes spin {
    100%{
            -moz-transform: rotate(360deg);
        }
}

@-webkit-keyframes spin {
    100%{
        -webkit-transform: rotate(360deg);
        }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}

@media (max-width:1200px) {
    .global-checkbox.ob {
        margin: 20px 0px!important;
        padding: 15px 10px;
        border-radius: 7px;
    }

    .global-checkbox.vfl {
        margin: 20px 0px!important;
    }

    .global-checkbox.moo.helpdesk {
        width: 48%;
    }
}

@media (max-width:991px) {
    .global-checkbox.sevenbs {
        padding: 7px 0px 10px;
    }

    .global-checkbox.moo {
        padding: 5px 7%;
        margin: 20px 10px!important;
    }

    .global-checkbox.moo.top {
        padding: 5px 14%;
        margin: 20px 10px!important;
    }

    .global-checkbox.moo.bottom {
        margin: 20px auto!important;
    }

    .global-checkbox.moo.helpdesk {
        width: 100%;
        margin: 0px 0px 20px!important;
        padding-bottom: 8px;
    }

    .holiday{
        margin-top: 0px;
    }
}

@media (max-width:960px) {
    .error-notification,
    .success-notification {
        position: absolute!important;
        margin: 0 auto;
    }

    .global-checkbox.moo.top {
        padding: 5px 15px;
    }

    .global-checkbox.moo.helpdesk {
        width: 77%;
        padding-bottom: 8px;
    }

}

@media (max-width:767px) {

    .global-checkbox.sevenbs {
        padding: 7px 15px 40px;
    }

    .global-checkbox.sevenbs .image {
        float: right!important;
        margin-left: 0px;
    }

    .global-checkbox.sevenbs.bottom {
        padding: 7px 0px 40px!important;
        margin: 5px 0px 0px!important;
    }

    .global-checkbox.moo.top {
        margin: 20px auto!important;
        max-width: 100%;
        width: 265px;
    }

    .global-checkbox.moo.helpdesk {
        width: 36%!important;
        margin: 0px 0px 20px!important;
    }

    .global-checkbox.vfl {
        padding: 15px 8px;
    }

    .global-checkbox.moo.bottom {
        max-width: 265px;
        padding: 5px 15px;
    }
}

@media (min-width:585px){

    /* footer formatting ======================================================================= */

    .section-footer .collapse,
    .section-footer .collapsing,
    .section-footer .in {
        display: block!important;
        height: auto!important;
        visibility: visible!important
    }

    .section-footer h3 a,
    .section-footer h3 a:hover {
        cursor: text;
        text-decoration: none
    }
}

@media (max-width:755px) and (min-width:690px){
    .global-checkbox.moo.helpdesk {
        width: 40%!important;
    }
}

@media (max-width:690px) and (min-width:625px){
    .global-checkbox.moo.helpdesk {
        width: 45%!important;
    }
}

@media (max-width:625px) and (min-width:555px){
    .global-checkbox.moo.helpdesk {
        width: 55%!important;
    }
}

@media (max-width:555px){
    .global-checkbox.moo.helpdesk {
        width: 100%!important;
    }
}

@media (max-width:584px){

    /* footer formatting ======================================================================= */

    .section-footer .footer-12 {
        width: 100%;
        float: none!important;
        text-align: center
    }

    .section-footer .panel-heading {
        margin: 0 0 10px
    }

    .section-footer .follow ul li {
        display: inline-block;
        margin: 0 auto
    }

    .section-footer h3 {
        padding-bottom: 0;
        border: none
    }

    .section-footer h3 a {
        text-decoration: none
    }

    .section-footer h3 a:hover {
        cursor: pointer;
        text-decoration: underline
    }

    .section-footer .products .panel-body .col-sm-5 {
        padding-left: 15px
    }
}