.v-center { position: relative; top: 50%; -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.v-bottom { position: absolute !important; bottom: 0; left: 0; right: 0; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.v-center-items { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-direction: row; flex-direction: row; }

.animated { visibility: hidden; }

.animated.visible { visibility: visible; }

.animate-hover { -moz-animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.mobile .hidden-mobile { display: none; }

.shadow { -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1); }




@-moz-keyframes loader2 { 0% { -moz-transform: translateX(-100%); transform: translateX(-100%); }
  100% { -moz-transform: translateX(100%); transform: translateX(100%); } }
@-webkit-keyframes loader2 { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
  100% { -webkit-transform: translateX(100%); transform: translateX(100%); } }
@keyframes loader2 { 0% { -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); }
  100% { -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } }
/* 6.12 Modals
----------------------------------------------------------*/
.modal.fade .modal-dialog { -moz-transform: translate(0, -30px); -ms-transform: translate(0, -30px); -webkit-transform: translate(0, -30px); transform: translate(0, -30px); }

.modal.fade.in .modal-dialog { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.modal-content { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: 0px 0px 0 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 0 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 0 0px rgba(0, 0, 0, 0.1); border: none; }

.modal-header { padding: 25px; }
.modal-header > .close { margin-top: 7px; }

.modal-dialog > .close, .modal-content > .close { position: absolute;     top: 352px;
    right: 256px;}

.modal-body {  /*   padding-left: 249px; */       width: 326px !important;
    top: 103px;}

.modal-footer { padding: 25px; }

.modal > .close { position: absolute; top: 25px; right: 25px; color: #fff; }

.modal-backdrop.in { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }

.modal-content.dark .modal-header, .modal-content.dark .modal-footer { border-color: rgba(255, 255, 255, 0.1); }

/* Modal Bottom */
.modal-bottom { top: auto; left: auto; overflow: visible !important; }
.modal-bottom .modal-dialog { margin: 0; width: auto; }
/*.modal-bottom .modal-body { padding-right: 40px; }*/
.modal-bottom.fade .modal-dialog { -moz-transform: translate(0, 30px); -ms-transform: translate(0, 30px); -webkit-transform: translate(0, 30px); transform: translate(0, 30px); }
.modal-bottom.fade.in .modal-dialog { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.modal-at-bottom.modal-open { overflow: auto; }



/* 6.19 Search Popup
----------------------------------------------------------*/
#search-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.9); z-index: 700; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
#search-popup.dark { background-color: rgba(0, 0, 0, 0.8); }
#search-popup #search-form { position: relative; width: 760px; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: translateY(20px); -ms-transform: translateY(20px); -webkit-transform: translateY(20px); transform: translateY(20px); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#search-popup #search-form .search-input { font-size: 28px; border: none; width: 100%; padding-right: 90px; border-bottom: 2px solid #2a66b0; height: 100px; background: transparent; }
#search-popup #search-form .search-input:-moz-placeholder { color: inherit; opacity: 1; font-style: italic; }
#search-popup #search-form .search-input::-moz-placeholder { color: inherit; opacity: 1; font-style: italic; }
#search-popup #search-form .search-input:-ms-input-placeholder { color: inherit; opacity: 1; font-style: italic; }
#search-popup #search-form .search-input::-webkit-input-placeholder { color: inherit; opacity: 1; font-style: italic; }
#search-popup #search-form .search-submit { position: absolute; top: 50%; right: 0; -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); background: transparent; border: none; font-size: 32px; color: #2a66b0; }
#search-popup.visible { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
#search-popup.visible #search-form { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }

/* 6.20 Side Panel
----------------------------------------------------------*/
#side-panel { position: fixed; top: 0; height: 100%; width: 50vw; z-index: 950; visibility: hidden; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out; -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2); text-align: center; }
@media only screen and (max-width: 767px) { #side-panel { width: 100%; } }
#side-panel.right { right: 0; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); }
#side-panel.left { left: 0; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); }
#side-panel .side-panel-wrapper { position: relative; top: 53%; -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); width: 400px; margin: 0 auto; overflow: auto; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
@media only screen and (max-width: 991px) { #side-panel .side-panel-wrapper { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); top: 0; padding: 50px 20px 0; height: 100vh; } }
@media only screen and (max-width: 767px) { #side-panel .side-panel-wrapper { width: 100%; } }
#side-panel .close { position: absolute; top: 25px; right: 25px; }
@media only screen and (max-width: 767px) { #side-panel .close { right: 25px; } }

.side-panel-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; z-index: 940; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }

.side-panel-open #side-panel { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible; }
.side-panel-open .side-panel-overlay { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }

.nav-panel > li > a { font-family: "Poppins", Helvetica, Arial, sans-serif; font-weight: 500; text-transform: uppercase; font-size: 14px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
.nav-panel > li > a:hover, .nav-panel > li > a:focus { background: transparent; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }



/* 6.20 Side Panel
----------------------------------------------------------*/
#side-panel-rhk { position: fixed; top: 0; height: 100%; width: 50vw; z-index: 950; visibility: hidden; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out; -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2); text-align: center; }
@media only screen and (max-width: 767px) { #side-panel-rhk { width: 100%; } }
#side-panel-rhk.right { right: 0; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); }
#side-panel-rhk.left { left: 0; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); }
#side-panel-rhk .side-panel-wrapper { position: relative; top: 53%; -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); width: 400px; margin: 0 auto; overflow: auto; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
@media only screen and (max-width: 991px) { #side-panel-rhk .side-panel-wrapper { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); top: 0; padding: 50px 20px 0; height: 100vh; } }
@media only screen and (max-width: 767px) { #side-panel-rhk .side-panel-wrapper { width: 100%; } }
#side-panel-rhk .close { position: absolute; top: 25px; right: 25px; }
@media only screen and (max-width: 767px) { #side-panel-rhk .close { right: 25px; } }

.side-panel-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; z-index: 940; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }

.side-panel-open-rhk #side-panel-rhk { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible; }
.side-panel-open-rhk .side-panel-overlay { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }

.nav-panel > li > a { font-family: "Poppins", Helvetica, Arial, sans-serif; font-weight: 500; text-transform: uppercase; font-size: 14px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
.nav-panel > li > a:hover, .nav-panel > li > a:focus { background: transparent; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }








/* ---------------------------------------------------------------------------- */
/* --- 7. WIDGETS
/* ----------------------------------------------------------------------------- */
.widget { margin-bottom: 50px; font-size: 14px; }
.widget .owl-pagination .owl-page span { width: 7px; height: 7px; }

@media only screen and (max-width: 991px) { .sidebar .widget, footer .widget { width: 46%; margin-right: 8%; float: left; display: inline-block; }
  .sidebar .widget:nth-child(2n), footer .widget:nth-child(2n) { margin-right: 0; } }
@media only screen and (max-width: 767px) { .sidebar .widget, footer .widget { width: 100%; margin-right: 0; float: none; display: block; } }
/* Logo
----------------------------------------------------------*/
.widget-logo .logo { margin: 60px auto; }

/* Products
----------------------------------------------------------*/







/* Sidebar Widgets
----------------------------------------------------------*/
#content .widget h6 { margin-bottom: 18px; color: rgba(0, 0, 0, 0.4); }

/* ----------------------------------------------------------------------------- */
/* --- 8. ANIMATIONS
/* ----------------------------------------------------------------------------- */
.animated { -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

/* Zooming */
.zooming { -moz-animation: zooming 18s infinite both; -webkit-animation: zooming 18s infinite both; animation: zooming 18s infinite both; }

@-moz-keyframes zooming { 0% { -moz-transform: scale(1, 1); transform: scale(1, 1); }
  50% { -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  100% { -moz-transform: scale(1, 1); transform: scale(1, 1); } }
@-webkit-keyframes zooming { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  50% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } }
@keyframes zooming { 0% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  50% { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  100% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } }
/* Blinking */
.blinking { -moz-animation: blinking 2s infinite both; -webkit-animation: blinking 2s infinite both; animation: blinking 2s infinite both; }

@-moz-keyframes blinking { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes blinking { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes blinking { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
.modal-content{background: url(../img/bg1.png) no-repeat;
  width: 285px;
  height: 390px;
}

button.close {
    
    color: #fff;
}
@media only screen and (max-width: 991px) {
.modal{display:none !important;}
}