img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
html {
-webkit-filter: grayscale(0%);
}

@font-face{font-family:db-helvethaica-x;src:url(./../fonts/db-helvethaica-x-li.ttf);}
@font-face{font-family:db-helvethaica-x;font-style:italic;src:url(./../fonts/db-helvethaica-x-li-italic.ttf);}
html{height:100%;}
body{margin:0px;padding:0px;height:100%;overflow:hidden;background-color:#f5f5f5;font-family:db-helvethaica-x;min-width:}
.status_po1{background-color:#cccc00;}
.count{position:absolute;top:8px;right:2px;padding:0.4em 0.6em;animation:opacity-badge 0.6s infinite;-webkit-animation:opacity-badge 0.6s infinite;}
.col-md-15{width:20%;float:left;}
@media (min-width:768px){.col-sm-15{width:20%;float:left;}
}
@media (min-width:992px){.col-md-15{width:20%;float:left;}
}
@media (min-width:1200px){.col-lg-15{width:20%;float:left;}
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left;}
.col-md-12{width:100%;}
.col-md-11{width:91.66666667%;}
.col-md-10{width:83.33333333%;}
.col-md-9{width:75%;}
.col-md-8{width:66.66666667%;}
.col-md-7{width:58.33333333%;}
.col-md-6{width:50%;}
.col-md-5{width:41.66666667%;}
.col-md-4{width:33.33333333%;}
.col-md-3{width:25%;}
.col-md-2{width:16.66666667%;}
.col-md-1{width:8.33333333%;}
.divanimation{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.navbar-default{background:#003366;border-width:0px;border-color:transparent;border:none;min-width:1080px;box-shadow: none;}
.navbar-default .container-fluid{min-width:1080px;}
.navbar-default .navbar-brand{display:block;float:none;text-align:center;margin-left:0px !important;}
.navbar-default .navbar-header.col-md-1{width:5%;padding:0px;}
.navbar-default .navbar-header.col-md-2{width:11%;padding-left: 5px;}
.navbar-default .col-md-10{width:88%;}
.navbar-default .col-md-11{width:95%;}
.navbar-default .navbar-brand>img{margin:auto;margin-top:-8px;}
.navbar-default .navbar-nav>li{float:left;}
.navbar-default .navbar-nav>li>a{color:#fff;line-height:26px;font-size:18px;}
.navbar-default .navbar-nav.navbar-left>li>a{padding-left:0px;cursor:pointer;}
.navbar-default .navbar-nav>li>a:hover{color:#0b3c89;}
.navbar-default .navbar-left{float:left;}
.navbar-default .navbar-right{float:right!important;margin-right:-15px;}
.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none;}
.navbar-form .form-group{margin-top:4px;position:relative;}
.navbar-form .form-group .form-control{min-width:300px;font-size:22px;}
.header-profile,
.header-cart-button,
.language-switcher{cursor:pointer;}
.language-switcher .dropdown-menu>li>a{font-size:22px;}
.header-cart-button img{width:25px;height:26px;}
.header-cart-button .badge{position:absolute;top:10px;right:0px;background-color:red;}
.btn-primary{background:#0099ff;}
.viewport{margin-top:59px;height:-moz-calc(100% - 60px);height:-webkit-calc(100% - 60px);height:-o-calc(100% - 60px);height:calc(100% - 60px);overflow:auto;min-width:1080px;}
.viewport > .container-fluid,
.viewport > .container-fluid > .row{height:100%;min-width:1080px;}
.viewport-content{overflow-x:hidden;height:100%;}
.viewport-content.col-md-10{width:90%;}
.viewport-content.col-md-11{width:95%;}
.viewport-content .page{min-height:90%;display:block;margin-bottom:5px;}
.viewport-content .page{animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;}
.page-header{font-size:32px;margin-bottom:0px;border-bottom:none;margin-top:10px;}
.back-to-top-button{position:fixed;right:50px;bottom:25px;width:41px;height:41px;box-shadow:0px 0px 10px 3px #888888;}
.side-nav{background:#003366;height:100%;overflow-y:hidden;z-index:999;}
.side-nav.col-md-2{width:10%}
.side-nav.col-md-1{width:5%;}
.side-nav .nav-pills{margin-left:-15px;margin-right:-15px;background:#003366;height:100%;}
.side-nav .nav-pills>li{background:#003366;}
.side-nav .nav-pills>li>a{color:#fff;border-radius:0px;}
.side-nav .nav>li{height:12%;margin-top:0px;cursor:pointer;}
.side-nav .nav>li>a{padding:0px;padding-top:7%;}
.side-nav .nav>li.active,
.side-nav .nav>li:hover,
.side-nav .nav>li.active a,
.side-nav .nav>li a:hover{background:#0a2a52;}
.side-nav .nav-pills>li>a img{width:25px;margin:auto;display:block;}
.side-nav .nav-pills>li>a label{display:block;clear:both;font-weight:bold;text-align:center;margin-bottom:0px;font-size:18px;}
#side-nav-collase-icon{}
#side-nav-expand-icon{display:none;}
.side-nav.col-md-1 .nav-pills>li>a{text-align:center;padding-top:20%;}
.side-nav.col-md-1 .nav-pills>li>a img{margin:auto;width:25px;}
.side-nav.col-md-1 .nav-pills>li>a label{display:none;}
.side-nav.col-md-1 #side-nav-collase-icon{display:none;}
.side-nav.col-md-1 #side-nav-expand-icon{display:block;}
.header-profile img{width:29px;height:29px;display:inline;}
.viewport-footer{position:fixed;bottom:0px;left:12%;display:block;width:88%;background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);z-index:900;}
#login-page{z-index:10000;}
.login-page{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:100%;z-index:10000;}
.login-page-bg-container{position:absolute;left:0px;top:0px;width:80%;height:100%;transition:transform 500ms ease;-webkit-transition:-webkit-transform 500ms ease;-moz-transition:-moz-transform 500ms ease;-o-transition:-o-transform 500ms ease;}
.login-page-bg-container.moveToLeft{transform:translate(-100%,0%);-webkit-transform:translate(-100%,0%);-moz-transform:translate(-100%,0%);-o-transform:translate(-100%,0%);}
.login-page-bg-container .login-page-bg{width:100%;height:100%;background-size:cover;background-repeat-x:no-repeat;background-repeat-y:no-repeat;background-position:center;}
.login-page > .row{height:100%;}
.login-page .login-panel{height:100%;transition:transform 500ms ease;-webkit-transition:-webkit-transform 500ms ease;-moz-transition:-moz-transform 500ms ease;-o-transition:-o-transform 500ms ease;}
.login-page .login-panel.moveToRight{transform:translate(100%,0%);-webkit-transform:translate(100%,0%);-moz-transform:translate(100%,0%);-o-transform:translate(100%,0%);}
.login-page .login-panel input.form-control,
.login-page .login-panel input.btn{text-align:center;font-size:22px;}
.login-remember{font-size:22px;}
.login-page .login-panel .copyright-text{position:absolute;bottom:15px;}
.login-logo-container{margin-top:80px;margin-bottom:80px;}
.login-logo-container img{width:100%;}
.login-bg-indicators{bottom:0px;width:100px;margin-left:-50px;}
.login-bg-indicators li{border-color:#0099ff;}
.login-bg-indicators .active{background-color:#0099ff;}
.login-bg-control{position:absolute;width:20px;height:20px;font-size:20px;font-weight:100;line-height:12px;color:#ffffff;text-align:center;background:#222222;border:3px solid #ffffff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);}
.login-bg-control.left{left:0px;}
.login-bg-control.right{right:0px;}
.input-round{border-radius:30px;}
.row.blue-box{margin-top:10px;margin-bottom:10px;background-color:#cccccc;color:#ffffff;height:30px;vertical-align:middle;line-height:30px;font-size:24px;}
.bubblingG{text-align:center;width:60px;height:35px;margin:auto;}
.bubblingG span{display:inline-block;vertical-align:middle;width:7px;height:7px;margin:17px auto;background:#FFFFFF;-moz-border-radius:35px;-moz-animation:bubblingG 1s infinite alternate;-webkit-border-radius:35px;-webkit-animation:bubblingG 1s infinite alternate;-ms-border-radius:35px;-ms-animation:bubblingG 1s infinite alternate;-o-border-radius:35px;-o-animation:bubblingG 1s infinite alternate;border-radius:35px;animation:bubblingG 1s infinite alternate;}
#bubblingG_1{-moz-animation-delay:0s;-webkit-animation-delay:0s;-ms-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s;}
#bubblingG_2{-moz-animation-delay:0.3s;-webkit-animation-delay:0.3s;-ms-animation-delay:0.3s;-o-animation-delay:0.3s;animation-delay:0.3s;}
#bubblingG_3{-moz-animation-delay:0.6s;-webkit-animation-delay:0.6s;-ms-animation-delay:0.6s;-o-animation-delay:0.6s;animation-delay:0.6s;}
@-moz-keyframes bubblingG{0%{width:7px;height:7px;background-color:#FFFFFF;-moz-transform:translateY(0);}
100%{width:17px;height:17px;background-color:#22A1E6;-moz-transform:translateY(-14px);}
}
@-webkit-keyframes bubblingG{0%{width:7px;height:7px;background-color:#FFFFFF;-webkit-transform:translateY(0);}
100%{width:17px;height:17px;background-color:#22A1E6;-webkit-transform:translateY(-14px);}
}
@-ms-keyframes bubblingG{0%{width:7px;height:7px;background-color:#FFFFFF;-ms-transform:translateY(0);}
100%{width:17px;height:17px;background-color:#22A1E6;-ms-transform:translateY(-14px);}
}
@-o-keyframes bubblingG{0%{width:7px;height:7px;background-color:#FFFFFF;-o-transform:translateY(0);}
100%{width:17px;height:17px;background-color:#22A1E6;-o-transform:translateY(-14px);}
}
@keyframes bubblingG{0%{width:7px;height:7px;background-color:#FFFFFF;transform:translateY(0);}
100%{width:17px;height:17px;background-color:#22A1E6;transform:translateY(-14px);}
}
#error-modal{text-align:center;}
#error-modal .modal-dialog{width:auto;display:inline-block;font-size:24px;margin-top:15%;}
#success-modal{text-align:center;}
#success-modal .modal-dialog{width:auto;display:inline-block;font-size:24px;margin-top:15%;}
#success-modal-text{font-size:24px;color:#0099ff;margin-top:12px;margin-bottom:12px;}
#upload-modal{text-align:center;}
#upload-modal .modal-dialog{width:auto;display:inline-block;font-size:24px;margin-top:15%;}
#upload-modal-text{font-size:24px;color:#0099ff;margin-top:12px;margin-bottom:12px;}
#login-modal{text-align:center;}
#login-modal .modal-dialog{width:auto;display:inline-block;font-size:24px;margin-top:15%;}
.show-news #news-page{display:block;}
#home-page{height:95%;position:relative;}
.home-page{position:relative;}
.home-page .page-header{margin-top:30px;}
.home-page > .content-box{min-width:960px;}
.content-box.home-first-box{padding-bottom 10px;}
.home-pagination{position:fixed;right:0px;top:320px;width:20px;z-index:9999}
.home-pagination .carousel-indicators{bottom:0px;}
.home-pagination .carousel-indicators li{background-color:#888888;border:1px solid #b3b3b3;}
.home-pagination .carousel-indicators li.active{background-color:#0099ff;}
.home-section{display:block;}
.home-page .news-item{cursor:pointer;}
.home-page .news-item > div{}
.news-item:nth-child(2n) > div{}
.news-item:nth-child(2n+1) > div{}
.home-hot-product{margin-left:-30px;margin-right:-30px;margin-bottom:-20px;}
.product-hot-ribbon{position:absolute;top:-1px;right:-1px;width:50px;height:50px;background-image:url('./../../img/shopping/hot.png');background-size:100% 100%;}
#instafeed .col-md-3{margin-bottom:60px;}
#instafeed .col-md-3 .instagram-thumbnail{max-width:210px;margin:auto;display:block;}
#instafeed .col-md-3 .instagram-thumbnail:hover{}
#instafeed img{max-height:238px;min-height:238px;}
#instagram-container{padding-bottom:26px;margin-bottom:30px;}
#instagram-carousel{}
#instagram-carousel .carousel-indicators{bottom:-30px;}
#instagram-carousel .carousel-indicators li{border-color:#0099ff;}
#instagram-carousel .carousel-indicators .active{background-color:#0099ff;}
#instagram-carousel .carousel-inner .item .col-md-6{margin-bottom:24px;}
.fb-page{text-align:center;display:block !important;}
.home-social-facebook{padding-right:0px;}
.home-genealogy-list .item,
.genealogy-list .item{width:900px;margin:auto;text-align:center;}
#instagram-carousel .carousel-control.left,
.home-genealogy-list .carousel-control.left,
.genealogy-list .carousel-control.left{position:absolute;top:47.5%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:40px;font-weight:100;line-height:27px;color:#ffffff;text-align:center;background:transparent;border:none;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:1;cursor:pointer;}
.home-genealogy-list .carousel-control.left,
.genealogy-list .carousel-control.left{left:-50px;}
#instagram-carousel .carousel-control.right,
.home-genealogy-list .carousel-control.right,
.genealogy-list .carousel-control.right{position:absolute;top:47.5%;right:15px;width:40px;height:40px;margin-top:-20px;font-size:40px;font-weight:100;line-height:27px;color:#ffffff;text-align:center;background:transparent;border:none;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:1;cursor:pointer;}
.home-genealogy-list .carousel-control.right,
.genealogy-list .carousel-control.right{right:-50px;}
#genealogy-loading.modal,
#genealogy-no-downline.modal,
#profile-upload-loading.modal{height:100%;}
#genealogy-loading .modal-backdrop,
#profile-upload-loading .modal-backdrop{background-color:transparent;}
#genealogy-loading .modal-dialog,
#genealogy-no-downline .modal-dialog{top:70%;}
#genealogy-no-downline .modal-dialog{height:350px;width:360px;}
#genealogy-depth-0{opacity:1;}
#genealogy-depth-0.loading{opacity:0.2;}
#viewport-modal .modal-dialog{/*margin-top:20%;*/width:365px;}
#viewport-modal .modal-content{border-radius:0px;}
#viewport-modal-gp .modal-dialog{margin-top:20%;width:365px;}
#viewport-modal-gp .modal-content{border-radius:0px;}
#viewport-modal-report .modal-dialog{margin-top:20%;width:365px;}
#viewport-modal-report .modal-content{border-radius:0px;}
#genealogy-loading .modal-content,
#profile-upload-loading .modal-content{background:transparent;box-shadow:none;border:none;}
#genealogy-no-downline .modal-dialog .modal-content{color:#0099ff;padding-top:15px;padding-bottom:15px;}
#viewport-modal-text{font-size:24px;color:#0099ff;margin-top:12px;margin-bottom:12px;}
#viewport-modal-text-report{font-size:24px;color:#0099ff;margin-top:12px;margin-bottom:12px;}
#viewport-modal-text-gp{font-size:24px;color:#0099ff;margin-top:12px;margin-bottom:12px;}
#genealogy-no-downline{font-size:24px;}
.social-icon-buttons{margin-bottom:30px;text-align:center;}
.social-icon-buttons a{display:inline-block;margin-left:2px;margin-right:2px;}
.social-icon-buttons a div{width:30px;height:30px;background-size:30px 30px;}
.social-icon-buttons .icon-divider{display:inline-block;border-left:1px solid #000;width:1px;height:30px;margin-left:2px;margin-right:2px;}
.social-icon-buttons .social-icon-fb{background-image:url("./../../img/home/icon-fb.png");}
.social-icon-buttons .social-icon-fb:hover{background-image:url("./../../img/home/icon-fba.png");}
.social-icon-buttons .social-icon-ig{background-image:url("./../../img/home/icon-ig.png");}
.social-icon-buttons .social-icon-ig:hover{background-image:url("./../../img/home/icon-iga.png");}
.social-icon-buttons .social-icon-itunes{background-image:url("./../../img/home/icon-ios.png");}
.social-icon-buttons .social-icon-itunes:hover{background-image:url("./../../img/home/icon-iosa.png");}
.social-icon-buttons .social-icon-play{background-image:url("./../../img/home/icon-google.png");}
.social-icon-buttons .social-icon-play:hover{background-image:url("./../../img/home/icon-googlea.png");}
.content-box{background:#fff;border:1px solid #ccc;padding-top:20px;padding-bottom:50px;}
.content-box img{width:100%;}
.content-box .news-item .afkl-lazy-wrapper{min-height:365px;height:365px;max-height:365px;overflow:hidden;padding-bottom:0px;cursor:pointer;}
.content-box.sharing-item .afkl-lazy-wrapper{min-height:400px;height:400px;max-height:400px;overflow:hidden;padding-bottom:0px;}
.content-box .news-item img{height:365px;max-height:365px;border-radius:4px;}
.content-box.sharing-item .afkl-lazy-wrapper img.afkl-lazy-image{height:400px;max-height:400px;border-radius:4px;}
.news-item .news-description,
.sharing-item .news-description{position:absolute;bottom:0px;left:0px;width:100%;height:0%;background-color:rgba(255,255,255,0.8);transition:all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;color:black;text-align:center;vertical-align:middle;padding-top:0%;font-size:26px;border-radius:4px;z-index:999;}
.sharing-item .news-description img{width:50px;text-align:center;}
.news-item:hover .news-description,
.sharing-item .afkl-lazy-wrapper:hover .news-description{height:100%;padding-top:25%;}
.sharing-item .afkl-lazy-wrapper:hover .news-description{padding-top:20%;}
.sharing-item .afkl-lazy-wrapper .news-description a{cursor:pointer;}
.news-item,
.sharing-item{}
.news-item > div{}
.afkl-lazy-image{opacity:1;transition:all 500ms ease;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;-moz-transition:all 500ms ease;transform:translate(0px,0px);-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);-o-transform:translate(0px,0px);}
.afkl-lazy-image-loading .afkl-lazy-image{opacity:0;transform:translate(0px,10px);-webkit-transform:translate(0px,10px);-moz-transform:translate(0px,10px);-o-transform:translate(0px,10px);}
.ng-hide .afkl-lazy-image{opacity:0;transform:translate(0px,10px);-webkit-transform:translate(0px,10px);-moz-transform:translate(0px,10px);-o-transform:translate(0px,10px);}
.sharing-item .afkl-lazy-image{margin-bottom:10px;cursor:pointer;}
.sharing-item-share-btn{cursor:pointer;}
.sharing-item-share-btn .fb-share-button{margin-top:10px;cursor:pointer;}
.sharing-item-share-btn img{height:30px;width:auto;margin-top:4px;}
.shopping-page{}
.shopping-page .page-header{margin-bottom:0px;}
.shopping-page .content-divider img{width:100%;}
.shopping-page .nav-tabs.nav-justified{position:relative;}
.shopping-page .nav-tabs.nav-justified>li>a{color:#000;cursor:pointer;font-size:20px;border-bottom:none;}
.shopping-page .nav-tabs.nav-justified>li>a:hover,
.shopping-page .nav-tabs.nav-justified>li>a:focus{background:transparent;text-decoration:underline;color:#0099ff;}
.shopping-page .nav-tabs.nav-justified .dropdown{position:static;}
.shopping-page .nav-tabs.nav-justified .dropdown .white-border{position:relative;left:0px;bottom:1px;width:100%;height:1px;background-color:white;z-index:9999;display:none;}
.shopping-page .nav-tabs.nav-justified .dropdown.open .white-border{display:block;}
.shopping-page .nav-tabs.nav-justified .dropdown .dropdown-menu{width:100%;left:0%;border-top-width:1px solid;border-top-style:solid;border-top-color:#337ab7;box-shadow:3px 3px 1px rgba(0,0,0,0.04);font-size:13px;padding-bottom:60px;}
.shopping-page .nav-tabs.nav-justified .dropdown .dropdown-menu li{width:50%;text-align:center;}
.shopping-page .nav-tabs.nav-justified .dropdown-menu>li>a:hover,
.shopping-page .nav-tabs.nav-justified .dropdown-menu>li>a:focus{background:transparent;text-decoration:underline;}
.shopping-page .nav-tabs .open,
.shopping-page .nav-tabs .open>a,
.shopping-page .nav-tabs .open>a:hover,
.shopping-page .nav-tabs .open>a:focus{background-color:#ffffff;color:#0099ff;}
.shopping-page .nav-tabs.nav-justified .dropdown .dropdown-menu>li>a{cursor:pointer;font-size:17px;}
.shopping-page .nav-tabs.nav-justified .dropdown .dropdown-menu li:hover{}
.shopping-page .nav-tabs.nav-justified .dropdown .dropdown-menu>li>a:hover,
.shopping-page .nav-tabs.nav-justified .dropdown .dropdown-menu>li>a:focus{color:#ffffff;background:#0a2a52;text-decoration:none;}
.category-banner{position:absolute;right:0px;top:0px;height:100%;padding-bottom:20px;overflow:hidden;width:50%;border-left:1px solid #ccc;padding-left:30px;padding-right:30px;}
.category-banner .col-md-6{text-align:center;}
.category-banner .col-md-6 img{display:inline-block;max-width:200px;width:100%;height:100%;}
.product-box{position:relative;background:#fff;border:1px solid transparent;margin-bottom:20px;transition:all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;}
#home-page .product-box{border:1px solid #ccc;}
.product-box:hover{border:1px solid #ccc;box-shadow:0px 0px 3px 3px #ccc;}
.product-box .product-thumbnail{max-height:170px;overflow:hidden;}
.product-box .product-thumbnail img{width:100%;}
.product-box .form-inline{bottom:0px;border-top:1px solid #ccc;padding-top:10px;padding-bottom:20px;padding-left:15px;padding-right:15px;margin-top:15px;}
.product-box .form-inline select{font-size:22px;padding-top:3px;}
.product-box .form-inline .btn-primary{float:right;border:none;box-shadow:none;}
.product-box .form-inline .btn-primary img{width:20px;height:20px;margin-left:14px;margin-right:14px;}
.product-box .product-title{height:50px;}
.product-box .product-name{font-size:18px;float:left;margin-left:15px;height:26px;font-size:26px;line-height:26px;color:#0099ff;}
.product-box .product-id{font-size:14px;color:#0099ff;float:right;margin-right:15px;}
.product-box .product-description{font-size:18px;line-height:18px;clear:both;margin-left:15px;margin-right:15px;min-height:100px;height:100px;margin-bottom:10px;overflow:hidden;overflow-y:auto;}
.product-box:hover .product-description{}
.product-box .product-pricing{font-weight:bold;font-size:12px;margin-bottom:10px;height:10px;}
.product-box .product-pricing .product-price{float:left;text-align:left;margin-left:15px;font-size:18px;}
.product-box .product-pricing .product-pv{float:right;text-align:right;margin-right:15px;font-size:18px;}
.shopping-page .content-divider{margin-top:20px;}
.profile-page .profile-picture{margin-bottom:10px;}
.profile-page .form-control{font-size:22px;}
.profile-picture{position:relative;width:120px;height:120px;margin:auto;margin-bottom:30px;}
.profile-picture > img{width:100%;border-radius:160px;}
.profile-picture .profile-pin{position:absolute;bottom:-15px;right:-15px;}
.profile-picture .profile-pin img{width:60px;height:60px;}
.profile-name{color:#0099ff;font-size:28px;}
.profile-pin{color:#333333;font-size:24px;}
.profile-month-container{background-color:#eeeeee;height:30px;line-height:30px;vertical-align:middle;}
.profile-month-selector{text-align:center;}
.profile-month-selector select{padding-left:35%;font-size:24px;padding-top:2px;}
.profile-month-selector .btn{border:none;box-shadow:none;font-size:24px;}
.profile-pv-ov{width:450px;margin:auto;}
.profile-pv,
.profile-ov,
.profile-tv{width:104px;font-size:28px;}
.profile-pv img,
.profile-ov img,
.profile-tv img{width:104px;margin:auto;margin-top:20px;margin-bottom:20px;}
.profile-pv .text-center,
.profile-ov .text-center,
.profile-tv .text-center{clear:both;}
.profile-picture-uploader{position:relative;margin:auto;width:185px;height:43px;background:url('./../../img/profile/upload-picture.png');cursor:pointer;}
.profile-picture-uploader input{position:absolute;top:0px;left:0px;margin:auto;opacity:0;width:100%;height:100%;cursor:pointer;}
#profile-name-textbox{background:url('./../../img/profile/name.png') 4px 4px no-repeat;background-size:25px;padding-left:40px;}
#profile-phone-textbox{background:url('./../../img/profile/phone.png') 4px 4px no-repeat;background-size:25px;padding-left:40px;}
#profile-email-textbox{background:url('./../../img/profile/email.png') 4px 4px no-repeat;background-size:25px;padding-left:40px;}
#profile-address-textbox{background:url('./../../img/profile/location.png') 4px 4px no-repeat;background-size:25px;padding-left:40px;}
#success-page .content-box{}
#enroll-page .content-box .col-md-12,
#shipping-form .content-box .col-md-12{float:none;width:480px;clear:both;margin:auto;font-size:18px;}
#enroll-page .content-divider,
#shipping-form .content-divider{margin-top:10px;margin-bottom:8px;font-size:24px;}
#enroll-page .content-box .content-divider,
#shipping-form .content-box .content-divider{margin-top:10px;margin-bottom:10px;font-size:16px;}
#enroll-page .content-box .col-md-12 .form-group .form-control,
#shipping-form .content-box .col-md-12 .form-group .form-control{margin:auto;text-align:center;font-size:22px;}
#enroll-page .content-box .col-md-12 .form-group select.form-control,
#shipping-form .content-box .col-md-12 .form-group select.form-control{padding-top:3px;}
#enroll-page .content-box .col-md-12 .form-group label,
#shipping-form .content-box .col-md-12 .form-group label{display:block;margin:auto;font-size:22px;}
#news-page .content-box .col-md-6 .form-group .form-control,
#enroll-page .content-box .col-md-6 .form-group .form-control,
#shipping-form .content-box .col-md-6 .form-group .form-control{display:block;margin:auto;text-align:left;}
#enroll-page .content-box .col-md-6 .form-group label,
#shipping-form .content-box .col-md-6 .form-group label{display:block;margin:auto;font-size:22px;}
#enroll-page .content-box .form-group label.text-center,
#shipping-form .content-box .form-group label.text-center{display:block;font-size:22px;line-height:20px;}
#enroll-page .content-box .form-group .btn,
#shipping-form .content-box .form-group .btn{display:block;margin:auto;min-width:200px;font-size:22px;}
#enroll-page .content-box .form-group a.btn{width:200px;margin-top:10px;}
.content-divider{margin-top:5px;margin-bottom:5px;}
#genealogy-all .content-box, .home-genealogy{margin-bottom:10px;}
.genealogy-list,.home-genealogy-list{width:900px;margin:auto;}
.genealogy-block{display:inline-block;width:180px;text-align:center;cursor:pointer;}
.genealogy-block .genealogy-image{width:120px;margin:auto;position:relative;opacity:1;transition:opacity 500ms ease;-webkit-transition:opacity 500ms ease;-moz-transition:opacity 500ms ease;-o-transition:opacity 500ms ease;}
.genealogy-block.inactive .genealogy-image{opacity:0.2;}
.genealogy-block .genealogy-image .genealogy-mail-icon{position:absolute;width:25px;bottom:0px;right:-10px;}
.genealogy-block .genealogy-image .genealogy-mail-icon img{border-radius:0px;}
.genealogy-block .genealogy-image img{border-radius:100px;}
.genealogy-pin{font-size:20px;}
.genealogy-id{color:#0099ff;margin-bottom:5px;font-size:20px;}
.genealogy-pv,
.genealogy-ov{text-align:left;width:140px;margin:auto;font-size:22px;margin-bottom:5px;}
.genealogy-pv .genealogy-pv-icon,
.genealogy-ov .genealogy-ov-icon{display:inline;width:30px;margin-right:6px;}
.genealogy-block .genealogy-name{color:#0099ff;font-size:20px;height:48px;line-height:20px;}
.cart-products-table{font-size:22px;}
.cart-products-table1{border-spacing:3;border-collapse:collapse;font-size:20px;}
th{border-spacing:5;text-align:center;}
.cart-products-table2{border-spacing:3;border-collapse:collapse;font-size:25px;}
.cart-products-thumbnail{max-width:120px;float:left;}
.cart-products-description{float:left;margin-left:10px;max-width:360px;}
.cart-products-name{font-size:22px;font-weight:bold;}
.cart-products-detail{color:#a0a0a0;font-size:16px;}
.remove-from-cart-btn{text-align:right;margin-top:10px;cursor:pointer;}
.remove-from-cart-btn img{width:25px;}
.cart-checkout-btn,
.cart-update-btn{font-size:22px;}
.cart-quantity{text-align:center;}
.cart-total{border-bottom:1px solid #ccc;font-size:22px;margin-bottom:10px;padding-bottom:5px;}
.cart-total-table{font-size:22px;}
.checkout-page .content-box{padding-bottom:20px;}
.checkout-page .col-md-6.content-box:first-child{width:49%;margin-right:1%;}
.checkout-page .col-md-6.content-box:last-child{width:49%;margin-left:1%;}
.checkout-page h4,
.checkout-page .form-control,
.checkout-page .btn-primary{font-size:22px;}
.checkout-page select.form-control{padding-top:3px;width:180px;margin:auto;}
.cart-page .btn-primary{font-size:22px;}
.order-page .address-box{font-size:22px;}
#report-page iframe{min-height:600px;}
.report-page .nav-tabs.nav-justified>li>a{font-size:22px;cursor:pointer;}
.text-bold{font-weight:bold;}
.btn-primary{border:none;box-shadow:none;}
.btn-primary:hover, .btn-primary:focus{background:#0099ff;}
.btn-default{background-image:none;background-color:#e0e0e0;font-size:22px;border:none;}
.inline-block{display:inline-block;}
#rsBoxfeedback{background:url("../img/box_feedback.png") no-repeat scroll left top;height:242px;left:-124px;position:absolute;top:33px;width:300px;overflow:hidden;}
#showdetail1{padding-left:10px;padding-right:10px;}
#login-form input[type="checkbox"]{align:center;}
#login-form input[type="text"]{border-radius:8px 8px 8px 8px;text-transform:lowercase;width:100%;padding:10px;text-align:center;height:50px;border:1px solid #ccc;;background:#fafafa;transition:0.2s ease-in-out;}
#login-form input[type="password"]{border-radius:8px 8px 8px 8px;border-top:0;width:100%;padding:10px;text-align:center;height:50px;border:1px solid #ccc;;background:#fafafa;transition:0.2s ease-in-out;}
.animated-panel{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.ui-datepicker-year > option{color:black;}
* ========================================================================
 * CURRENT CITY
 * ======================================================================== */
.weather-current-city {
  padding: 10px;
  color: #fff;
  margin-bottom: 20px;
}
.weather-current-city img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 195px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
}
.current-city {
  display: block;
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 10px;
}
.current-temp {
  display: block;
  font-weight: 700;
  letter-spacing: -3px;
  font-size: 2.8em;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
  line-height: 1.1em;
}
.current-day {
  display: block;
  font-size: 1em;
  font-weight: 400;
  position: absolute;
}
.current-day-icon {
  display: block;
  float: right;
  font-size: 5.2em;
  font-weight: 700;
}
ul.days {
  list-style: none outside none;
  margin-top: 20px;
  padding: 0 10px;
  color: #fff;
}
ul.days li {
  text-align: center;
  border-left: 2px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 10px;
}
ul.days li:first-child {
  border-left: none;
}
ul.days li strong {
  position: relative;
  border-radius: 3px;
  font-size: 1.1em;
  text-transform: uppercase;
  line-height: 25px;
  margin-bottom: 5px;
  display: block;
}
ul.days li span {
  display: block;
  font-weight: 700;
  letter-spacing: -1px;
  font-size: 1.9em;
  margin-bottom: 5px;
}
/* ========================================================================
 * FORECAST
 * ======================================================================== */
.weather-forecast {
  position: relative;
  color: #fff;
}
.weather-forecast img {
  width: 100%;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
.weather-forecast .title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
  color: #FFF;
  position: absolute;
  left: 30px;
  bottom: 15px;
}
.weather-forecast .country-select {
  position: absolute;
  top: 10px;
  right: 27px;
}
.weather-full-info {
  color: #CBCBCB;
  background-color: white;
  padding: 20px;
  -webkit-border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
}
.weather-full-info .degree {
  font-size: 27px;
  font-weight: 600;
  display: inline-block;
  padding-left: 10px;
}
.weather-full-info .degree:after {
  content: "o";
  position: relative;
  top: -12px;
  font-size: 16px;
}
.weather-full-info ul {
  margin-bottom: 0px;
}
.weather-full-info ul li {
  list-style: none;
  border-left: 1px dotted #F1F2F7;
}
.weather-full-info ul li:first-child {
  border-left: none;
}
.weather-full-info ul li i {
  font-size: 25px;
}
.weather-full-info h2 {
  font-size: 14px;
  font-weight: 300;
  margin: 0px 0px 5px;
}
.weather-full-info .statistics {
  padding-top: 5px;
}
.weather-full-info .statistics:after {
  content: "o";
  position: relative;
  top: -5px;
  font-size: 10px;
}
.current-temp {
    display: block;
    font-weight: 700;
    letter-spacing: -3px;
    font-size: 2.8em;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
    line-height: 1.1em;
}
.weather-full-info .today-status h1 {
  margin: 0px 0px 20px 0px;
  font-size: 19px;
}
.weather-full-info .today-status i {
  font-size: 30px;
  color: #81b71a;
}

.mini-stat-icon {
  width: 70px;
  height: 70px;
  display: inline-block;
  line-height: 70px;
  text-align: center;
  font-size: 30px;
  background: none repeat scroll 0% 0% #EEE;
  border-radius: 100%;
  float: left;
  margin-right: 10px;
  color: #FFF;
}



.mini-stat-icon1 {
  width: 30px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  font-size: 30px;
  background: none repeat scroll 0% 0% #EEE;
  border-radius: 100%;
  float: left;
    margin-top: 3px;
  margin-right: 10px;
  margin-left: -15px;
  color: #FFF;
}

.rounded {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}

.mini-stat-info {
    padding-top: 10px;
}

.mini-stat-info1 {
    padding-top: 5px;
}

.bg-theme {
    background-color: #81b71a !important;
    border: 1px solid #81b71a;
    color: white;
}

.widget-wrapper {
    position: relative;
    border: none !important;
}
.current-temp {
    display: block;
    font-weight: 700;
    letter-spacing: -3px;
    font-size: 2.8em;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
    line-height: 1.1em;
}


/*-------------------------
	The clocks
--------------------------*/


#clock{

}

#clock:after{
	content:'';
	position:absolute;
	width:400px;
	height:20px;
	border-radius:100%;
	left:50%;
	margin-left:-200px;
	bottom:2px;
	z-index:-1;
}


#clock .display{
	text-align:center;
	/*padding: 40px 20px 20px;
	border-radius:6px;
	position:relative;
	height: 54px;*/
}


/*-------------------------
	Light color theme
--------------------------*/


#clock.light{
	background-color:#f3f3f3;
	color:#272e38;
}

#clock.light:after{
	/*box-shadow:0 4px 10px rgba(0,0,0,0.15);*/
}

#clock.light .digits div span{
	background-color:#FFFFFF;
	border-color:#FFFFFF;
}

#clock.light .digits div.dots:before,
#clock.light .digits div.dots:after{
	background-color:#FFFFFF;
}

#clock.light .alarm{
	background:url('../img/alarm_light.jpg');
}

#clock.light .display{
/*	background-color:#dddddd;
	box-shadow:0 1px 1px rgba(0,0,0,0.08) inset, 0 1px 1px #fafafa;*/
}



/*-------------------------
	The Digits
--------------------------*/


#clock .digits div{
  color:white;
	text-align:left;
	position:relative;
	width: 28px;
	height:50px;
	display:inline-block;
	margin:0 4px;
}

#clock .digits div span{
	opacity:0;
	position:absolute;
  color:white;
	-webkit-transition:0.25s;
	-moz-transition:0.25s;
	transition:0.25s;
}

#clock .digits div span:before,
#clock .digits div span:after{
	content:'';
	position:absolute;
	width:0;
	height:0;
	border:5px solid transparent;
    color:white;
}

#clock .digits .d1{			height:5px;width:16px;top:0;left:6px;}
#clock .digits .d1:before{	border-width:0 5px 5px 0;border-right-color:inherit;left:-5px;}
#clock .digits .d1:after{	border-width:0 0 5px 5px;border-left-color:inherit;right:-5px;}

#clock .digits .d2{			height:5px;width:16px;top:24px;left:6px;}
#clock .digits .d2:before{	border-width:3px 4px 2px;border-right-color:inherit;left:-8px;}
#clock .digits .d2:after{	border-width:3px 4px 2px;border-left-color:inherit;right:-8px;}

#clock .digits .d3{			height:5px;width:16px;top:48px;left:6px;}
#clock .digits .d3:before{	border-width:5px 5px 0 0;border-right-color:inherit;left:-5px;}
#clock .digits .d3:after{	border-width:5px 0 0 5px;border-left-color:inherit;right:-5px;}

#clock .digits .d4{			width:5px;height:14px;top:7px;left:0;}
#clock .digits .d4:before{	border-width:0 5px 5px 0;border-bottom-color:inherit;top:-5px;}
#clock .digits .d4:after{	border-width:0 0 5px 5px;border-left-color:inherit;bottom:-5px;}

#clock .digits .d5{			width:5px;height:14px;top:7px;right:0;}
#clock .digits .d5:before{	border-width:0 0 5px 5px;border-bottom-color:inherit;top:-5px;}
#clock .digits .d5:after{	border-width:5px 0 0 5px;border-top-color:inherit;bottom:-5px;}

#clock .digits .d6{			width:5px;height:14px;top:32px;left:0;}
#clock .digits .d6:before{	border-width:0 5px 5px 0;border-bottom-color:inherit;top:-5px;}
#clock .digits .d6:after{	border-width:0 0 5px 5px;border-left-color:inherit;bottom:-5px;}

#clock .digits .d7{			width:5px;height:14px;top:32px;right:0;}
#clock .digits .d7:before{	border-width:0 0 5px 5px;border-bottom-color:inherit;top:-5px;}
#clock .digits .d7:after{	border-width:5px 0 0 5px;border-top-color:inherit;bottom:-5px;}


/* 1 */

#clock .digits div.one .d5,
#clock .digits div.one .d7{
	opacity:1;
}

/* 2 */

#clock .digits div.two .d1,
#clock .digits div.two .d5,
#clock .digits div.two .d2,
#clock .digits div.two .d6,
#clock .digits div.two .d3{
	opacity:1;
}

/* 3 */

#clock .digits div.three .d1,
#clock .digits div.three .d5,
#clock .digits div.three .d2,
#clock .digits div.three .d7,
#clock .digits div.three .d3{
	opacity:1;
}

/* 4 */

#clock .digits div.four .d5,
#clock .digits div.four .d2,
#clock .digits div.four .d4,
#clock .digits div.four .d7{
	opacity:1;
}

/* 5 */

#clock .digits div.five .d1,
#clock .digits div.five .d2,
#clock .digits div.five .d4,
#clock .digits div.five .d3,
#clock .digits div.five .d7{
	opacity:1;
}

/* 6 */

#clock .digits div.six .d1,
#clock .digits div.six .d2,
#clock .digits div.six .d4,
#clock .digits div.six .d3,
#clock .digits div.six .d6,
#clock .digits div.six .d7{
	opacity:1;
}


/* 7 */

#clock .digits div.seven .d1,
#clock .digits div.seven .d5,
#clock .digits div.seven .d7{
	opacity:1;
}

/* 8 */

#clock .digits div.eight .d1,
#clock .digits div.eight .d2,
#clock .digits div.eight .d3,
#clock .digits div.eight .d4,
#clock .digits div.eight .d5,
#clock .digits div.eight .d6,
#clock .digits div.eight .d7{
	opacity:1;
}

/* 9 */

#clock .digits div.nine .d1,
#clock .digits div.nine .d2,
#clock .digits div.nine .d3,
#clock .digits div.nine .d4,
#clock .digits div.nine .d5,
#clock .digits div.nine .d7{
	opacity:1;
}

/* 0 */

#clock .digits div.zero .d1,
#clock .digits div.zero .d3,
#clock .digits div.zero .d4,
#clock .digits div.zero .d5,
#clock .digits div.zero .d6,
#clock .digits div.zero .d7{
	opacity:1;
}


/* The dots */

#clock .digits div.dots{
	width:5px;
}

#clock .digits div.dots:before,
#clock .digits div.dots:after{
	width:5px;
	height:5px;
	content:'';
	position:absolute;
	left:0;
	top:14px;
}

#clock .digits div.dots:after{
	top:34px;
}


/*-------------------------
	The Alarm
--------------------------*/


#clock .alarm{
	width:16px;
	height:16px;
	bottom:20px;
	background:url('../img/alarm_light.jpg');
	position:absolute;
	opacity:0.2;
}

#clock .alarm.active{
	opacity:1;
}


/*-------------------------
	Weekdays
--------------------------*/


#clock .weekdays{
	font-size:12px;
  color:white;
	position:absolute;
	width:100%;
	top:10px;
	left:0;
	text-align:center;
}


#clock .weekdays span{
	opacity:0.2;
	padding:0 10px;
}

#clock .weekdays span.active{
  font-size:18px;
	opacity:1;
}


/*-------------------------
		AM/PM
--------------------------*/


#clock .ampm{
	position:absolute;
    color:white;
/*	bottom:20px;
right:20px;
	font-size:12px;*/
}

.thumb {
    display: inline-block;
    width: 100%;
    height: 371px;
    background-position: center center;
    background-size: cover;
}


.hpanel .panel-body {
    background: #fff;
    border: 1px solid #e4e5e7;
    border-radius: 2px;
    padding: 20px;
    position: relative;
}

.hpanel > .panel-footer, .hpanel > .panel-section {
    color: inherit;
    border: 1px solid #e4e5e7;
    border-top: none;
    font-size: 90%;
    background: #f7f9fa;
    padding: 10px 15px;
}


.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

#cusName{
	margin-right:10px;
}
.error_invalid_form label {
    float: left;
    width: 100%;
    font-size: 22px;
    color: red;
    margin-bottom: 0!important;
}
.footer-login {
    color: gray;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 25px; 
}
.container-rows {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    max-width: 62.5rem;
}
.account-wall{
    padding: 14px 0px 20px 0px;
    border-radius: 6px;
    background-color: #EDEDED;
    -moz-box-shadow: 8px 15px 60px rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 8px 15px 60px rgba(0, 0, 0, 0.45);
    box-shadow: 8px 15px 60px rgba(0, 0, 0, 0.45);
}
.profile-img {
    width: 94%;
    margin: 0 auto;
    border-radius: 6px;
    display: block;
}
.form-signin {
    padding: 15px;
    margin: 0 auto;
}
.popup-body-close {
    width: 30px;
    float: right;
    height: 30px;
    margin-right: -15px;
    position: relative;
    margin-top: -17px;
    background: gainsboro;
    border-radius: 50%;
}
.popup-button-close {
    width: 30px;
    font-size: 32px;
    color: black;
    opacity: 0.7;
}
.close {
    float: right;
    font-size: 33px;
    font-weight: 700;
    line-height: 1;
    margin-top: -4px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    
}
.close:hover{
	opacity: .2;
}
.modal.fade.in{
	z-index: 1000;
	    position: fixed;
}


.fixed-table-container thead th:last-child {
    border-left: none;
    border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
}
.form-control.file-caption.kv-fileinput-caption {

}
#news-page .fixed-table-toolbar .columns{
margin-right: 10px;
    margin-left: 10px;
}
#news-page .export button.btn.dropdown-toggle,#row1 .export button.btn.dropdown-toggle {
    display: none;
}

.modal-open {
    padding-right: 0px !important;
}
.open_po_table th{
	vertical-align: bottom;
    border-bottom: 1px solid #ddd;
    background-color: #0199FF;
    border-right: solid 1px #ccc;

}

.open_po_table thead th:first-child {
    border-left: none;
    border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}
.open_po_table thead th:last-child {
    border-left: none;
    border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-right: inherit;
}
label.label_applicant{
	display: inline-block!important;
	margin-right: 10px!important;
	margin-left: 10px!important;
}

#centerxy {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}