body { background: #ffffff; font-family: "Muli", sans-serif; margin: 0; overflow-x: hidden; color: #5c5c5c; font-weight: 300; }
a:hover, a:focus { text-decoration: none; }
a.link { color: #3e4555; }
a.link:hover, a.link:focus { color: #dc3544; }
a.white-link { color: #ffffff; }
a.white-link:hover, a.white-link:focus { color: #263238; }

.round-social a { width: 50px; height: 50px; line-height: 50px; text-align: center; display: inline-block; border-radius: 100%; margin: 0 5px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; }
.round-social a:hover { -webkit-transform: translate3d(0px, -5px, 0px); transform: translate3d(0px, -5px, 0px); }
.round-social.light a { color: #263238; background: #f5f7fa; }
.round-social.light a:hover { background: #263238; color: #ffffff; }

.b-20p { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); }
.t-center-x { transform: translateX(-50%) !important; }
.t-center-y { transform: translateY(-50%) !important; }
.t-center { transform: translate(-50%, -50%) !important; }
.img-ho { overflow: hidden; }
.translate-top { top: -70px; }

.section { min-height: 600px;  }

.page-wrap { position: relative; min-height: 570px; }

img.full-width {width: 100%; height: auto; }
img.auto-scale { max-width: 100%; height: auto; }
.img-with-border img { padding: 1px; }
.img-with-border-2 img { padding: 2px; }

.dt-full-box .bg-cover { min-height: 350px; }
.bg-cover { background-size: cover;  }

.lightbox { cursor: pointer; }
.stat { font-size: 3rem; }

.bg-dark-2 { background: #5c5c5c; }
.bg-dark-2 .title { color: #f9f9f9; }
.bg-dark-2 a.btn-green:hover { background-color: #f9f9f9; color: #5c5c5c; }

.color-1 { color: #dd2134 !important; }
.bg-1 { background-color: #dd2134 !important; }

.color-2 { color: #2e242a !important; }
.bg-2 { background-color: #2e242a !important; }

html body .m-0 {margin: 0px; }
html body .m-l-5 {margin-left: 5px; }
html body .m-l-10 { margin-left: 10px; }
html body .m-l-15 { margin-left: 15px; }
html body .m-l-20 { margin-left: 20px; }
html body .m-l-30 { margin-left: 30px; }
html body .m-l-40 { margin-left: 40px; }
html body .m-r-5 { margin-right: 5px; }
html body .m-r-10 { margin-right: 10px; }
html body .m-r-15 { margin-right: 15px; }
html body .m-r-20 { margin-right: 20px; }
html body .m-r-30 { margin-right: 30px; }
html body .m-r-40 { margin-right: 40px; }
html body .m-t-0 { margin-top: 0px; }
html body .m-t-5 { margin-top: 5px; }
html body .m-t-10 { margin-top: 10px; }
html body .m-t-15 { margin-top: 15px; }
html body .m-t-20 { margin-top: 20px; }
html body .m-t-30 { margin-top: 30px; }
html body .m-t-40 { margin-top: 40px; }
html body .m-b-0 { margin-bottom: 0px; }
html body .m-b-5 { margin-bottom: 5px; }
html body .m-b-10 { margin-bottom: 10px; }
html body .m-b-15 { margin-bottom: 15px; }
html body .m-b-20 { margin-bottom: 20px; }
html body .m-b-30 { margin-bottom: 30px; }
html body .m-b-40 { margin-bottom: 40px; }
html body .dl { display: inline-block; }
html body .db { display: block; }

html body .p-b-0 { padding-bottom: 0; }
html body .p-t-0 { padding-top: 0; }
html body .p-t-5 { padding-top: 5px; }
html body .p-y-90 { padding-top: 90px; padding-bottom: 90px; }
html body .p-y-60 { padding-top: 60px; padding-bottom: 60px; }

h1, h2, h3, h4, h5, h6 { color: #3e4555; font-family: "Roboto Condensed", sans-serif; font-weight: 300; }
h1 { line-height: 40px; font-size: 36px; }
h2 { line-height: 36px; font-size: 30px; }
h3 { line-height: 30px; font-size: 24px; }
h4 { line-height: 26px; font-size: 21px; }
h5 { line-height: 22px; font-size: 18px; font-weight: 300; }
h6 { line-height: 20px; font-size: 16px; font-weight: 300; }

html body .font-semibold { font-weight: 600; }
html body .font-normal { font-weight: normal; }
html body .font-16 { font-size: 16px; }
html body .font-14 { font-size: 14px; }
html body .font-13 { font-size: 13px; }
html body .font-10 { font-size: 10px; }
html body .font-18 { font-size: 18px; }
html body .font-20 { font-size: 20px; }

.ff-1 { font-family: 'Muli', serif; }
.ff-2 { font-family: 'Roboto Condensed', sans-serif; }

.ls-26 { letter-spacing: .26em; }
.ls-3px { letter-spacing: 3px; }
.ls-1px { letter-spacing: 1px; }
.ls-2px { letter-spacing: 2px; }

.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-600 { font-weight: 600; }
.fw-500 { font-weight: 500; }
.fw-700 { font-weight: 700; }

.lh-1 { line-height: 1; }
.lh-2 { line-height: 2em; }
.lh-30 { line-height: 30px !important; }
.lh-14 { line-height: 1.4; }
.lh-16 { line-height: 1.6; }

.dotted { background-color: #B20505; background-image: url(../images/dots.png); }
.pattern { background: #333639 url(../images/pattern.png); }
.pattern .title { color: #fff; }
.pattern .subtitle { color: #ddd; }

.box { border-radius: 4px; padding: 10px; }
.card { border: 0px; margin-bottom: 30px; }
.card .date-pos { font-family: 'Roboto Condensed', 'Helvetica', sans-serif; display: inline-block; position: absolute; left: 15px; top: 15px; color: #ffffff; border-radius: 4px; text-align: center; }
.card .date-pos span { display: block; font-size: 30px; line-height: 30px; }
.dt-border .odd-border { border-right: 1px solid #dcdcdc; }
.dt-border .odd-border:nth-child(even) { border-right: none; }
.dt-border .odd-border:nth-child(1) { border-bottom: 1px solid #dcdcdc; }
.dt-border .odd-border:nth-child(2) { border-bottom: 1px solid #dcdcdc; }

.no-wrap td, .no-wrap th { white-space: nowrap; }
.circle { border-radius: 100%; }

/* LIST BLOCK */
.list-block { margin: 0px; padding: 0px; }
.list-block li { list-style: none; padding: 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.list-block li i { margin-right: 10px; -webkit-flex-shrink: 0px; -ms-flex-negative: 0px; flex-shrink: 0px; margin-top: 3px; }

/* BUTOANE */
.btn.btn-green { color: #ffffff; padding: 10px 25px; cursor: pointer; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14); -webkit-transition: 0s; -o-transition: 0s; transition: 0s; }
.btn.btn-green:hover { color: #ffffff; }
.btn.btn-green:focus { -webkit-box-shadow: none; box-shadow: none; }

.btn-green { background-color: #dc3544; color: #fff; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }
.btn-green:hover { background-color: #5c5c5c; color: #fff;}

.btn-arrow { position: relative; }
.btn-arrow span { display: inline-block; position: relative; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; will-change: transform; }
.btn-arrow:hover span, .btn-arrow:focus span { -webkit-transform: translate3d(-1rem, 0, 0); transform: translate3d(-1rem, 0, 0); }
.btn-arrow i { position: absolute; width: 1.1em; right: 0px; right: 0rem; opacity: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; will-change: right, opacity; }
.btn-arrow:hover i, .btn-arrow:focus i { opacity: 1; right: -2rem; }

.btn-lg { padding: .75rem 1.5rem; font-size: 1.25rem; }
.btn-md { padding: 15px 45px; font-size: 16px; }
.btn-sm { padding: .25rem .5rem; font-size: 12px; }
.btn-xs { padding: .25rem .5rem; font-size: 10px; }

.text-green { color: #dc3544; }

/*pagination*/
.pagination { list-style: none; padding: 30px 0; display: block; text-align: center; vertical-align: middle; border-width: 1px 0; border-style: solid; border-color: #e6e6e6; margin: 0px 0 50px; }
.pagination li { float: inherit; display: inline-block; vertical-align: middle; }
.pagination li a { margin: 0 3px; padding: 0; display: block; width: 30px; height: 30px; line-height: 27px; border-radius: 100%; background-color: transparent; color: #5d5d5d; border: 1px solid #e9e9e9; }
.pagination li a i { font-size: 25px; vertical-align: middle; }
.pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-radius: 50px 0 0 50px; }
.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 0 50px 50px 0; }
.pagination a.active,.pagination a:active { background-color: #dc3544; border-color: #dc3544; color: #fff; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color: #fff; background-color: #dc3544; border-color: #dc3544; }

/* SEARCH MODAL */
.header-search { position: fixed; top: 0; left: 0; display: block; visibility: hidden; width: 100%; height: 100vh; background-color: rgba(34,34,34,0.95); opacity: 0; z-index: 99999; transition: all 0.3s ease 0s; }
.header-search.open { visibility: visible; opacity: 1; }
.search-close {position: absolute; top: 0; right: 0; width: 60px; height: 60px; font-size: 18px; border: none; background-color: #fff !important; opacity: 1 !important; z-index: 999; transition: all 0.3s; }
.search-open { float: right; height: 40px; padding-top: 7px; padding-left: 22px; font-size: 14px; color: #666; background-color: #fff; }
.header-search.open { visibility: visible; opacity: 1; }
.search-global { position: absolute; top: 50vh; margin-top: -120px; }
.search-gi { width: 100%; padding-right: 50px; padding-bottom: 12px; font-size:62px; color: #fff; border: none; border-bottom: 1px solid #919191; background-color: transparent; opacity: 1; }
.search-gi::-moz-placeholder { color: #666; }
.search-gi:-ms-input-placeholder { color: #666; }
.search-gi::-webkit-input-placeholder { color: #666; }
.search-gi:focus { outline-style: none; }
.search-gb { position: absolute; top: 34px; right: 0; font-size: 30px; color: #fff; border: none; background-color: transparent; transition: all 0.3s; }
.search-gn { margin-top: 20px; font-weight: 300; font-size: 16px; color: #fff; }

/* MAIN SLIDER */
.sp-layer.main-slider-title { font-size: 4em; font-weight: 600; font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; color: #ddd; }
.sp-layer .info-title { font-size: 1.8em; color: #ccc }
.sp-green { color: #FFF; background: #dc3544; background: rgba(67,178,88,.7); }

#particles-js { position: absolute; top: 0; width: 100%; height: 100%; background: #222; }

/* hamburger menu icon  */
.nav-icon {
    width: 24px; height: 24px; position: relative; margin: 0 auto; margin-top: 5px; margin-right: 15px; cursor: pointer; float: right;
    -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
}

.nav-icon span { display: block; position: absolute;
    height: 3px; width: 100%; background: #f9f9f9; border-radius: 5px; opacity: 1; left: 0;
    -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
}

/* mobile nav icon */
.nav-icon span:nth-child(1) { top: 0px; }
.nav-icon span:nth-child(2), .nav-icon span:nth-child(3) { top: 8px; }
.nav-icon span:nth-child(4) { top: 16px; }

.nav-icon.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
.nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.nav-icon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }

/* Mobile menu */
.mobile-menu-area { padding: 15px 0px; position: fixed; width: 100%; display: block; z-index: 20; }
.mobile-menu-area.st { background: rgba(0,0,0,.85); }

.mobile-menu { width: 250px; height: 100%; top: 0; z-index: 1000; left: -250px; background: #2d2e2d; position: fixed; }
.mobile-menu.mobile-menu-open { left: 0px; }
.mobile-menu { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.sidebar-nav .sidebar-search { padding: 30px 0px; padding-right: 15px; }
.sidebar-nav .sidebar-search .form-control { background-color: rgba(255, 255, 255, 0.1); border: 0; color: #fff; }
.mobile-menu-btn { color: #fff; background-color: #dc3544; border-color: #268938; border-radius: 0px 25px 25px 0px; }
.side-menu li { padding-top: 3px; padding-bottom: 3px; }
.sidebar-nav ul { margin: 0; padding-left: 15px; font-size: 14px; font-weight: 300; list-style: none; }
.sidebar-nav ul li a { color: #fff; font-weight: 300; display: block; }
.sidebar-nav ul li a:focus, .sidebar-nav ul li a:hover { text-decoration: none; background-color: transparent; color: #dc3544; }
.sidebar-nav .nav-second-level li, .sidebar-nav .nav-third-level li { border-bottom: none !important; }
.sidebar-nav .nav-second-level li a { padding-left: 10px; }
.sidebar-nav .nav-third-level li a { padding-left: 10px; }
.sidebar-nav .social { margin-bottom: 0; padding: 30px 15px; text-align: center; }

.social ul li { border-bottom: 0; }
.sidebar-nav .social ul li a { width: 30px; height: 30px; padding-top: 6px; }
.sidebar-nav .social ul li a i { font-size: 12px; }
.sidebar-nav .social ul li a:hover { background-color: #fff; }
.sidebar-nav .social ul li a:hover:after {  border-top-color: #fff; }

/* MAIN MENU & TOPBAR */
.main-menu.fixed, .main-menu.st, .mobile-menu-area.st { width: 100%; position: fixed; z-index: 20; }
.mobile-menu-area.st, .main-menu.st { top:0; -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; }
.main-menu .navbar-nav .dropdown-toggle::after, .topbar .navbar-nav .dropdown-toggle::after { display: none; }

.topbar { border-bottom: 1px solid #ccc; padding: 0px 0px; }
.topbar .navbar-nav .nav-link, .topbar .navbar-text { color: #5c5c5c; font-size: 14px; padding: 5px 10px; font-weight: 300; }
.topbar ul.dropdown-menu { font-size: 14px; }
.topbar-info { margin-left: 10px; padding-left: 10px;  }
.topbar-info:first-child { margin-left: 0; padding-left: 0; }

.main-menu { padding: 0px; }
.main-menu.st { background: rgba(0,0,0,.85); }
.main-menu ul.dropdown-menu { margin-top: 0 !important; font-size: 14px; }
.main-menu .navbar-nav .nav-link { text-transform: uppercase; color: #ddd; font-size: 13px; padding: 25px 18px; font-weight: 300; }
.main-menu .navbar-nav .nav-link:hover { color: #f9f9f9; }
.main-menu .navbar-nav .dropdown-submenu, .topbar .navbar-nav .dropdown-submenu { position: relative; }

.main-menu .dropdown-submenu > .dropdown-menu, .topbar .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-left: 0; border-radius: 0.25rem; display: none; }
.main-menu .dropdown-submenu > .dropdown-menu.menu-right, .topbar .dropdown-submenu > .dropdown-menu.menu-right { left: auto; right: 100%; }
.main-menu .dropdown-menu .divider { background-color: rgba(120, 130, 140, 0.13); height: 1px; margin: 9px 0; overflow: hidden; }
.main-menu .navbar-nav .dropdown-menu.b-none { border: 0px; -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); }

.main-menu .dropdown-submenu .dropdown-item > .ml-auto { position: absolute; right: 15px; top: 10px; }
.topbar .dropdown-submenu .dropdown-item > .ml-auto { position: absolute; right: 15px; top: 10px; }

.dropdown-item { padding: 8px 1rem; color: #8d97ad; }

.navbar-brand.brand-centered { z-index: 20; position: absolute; left: 0; right: 0; top: -31px; margin: 0 auto; width: 240px; text-align: center; background: #ffffff; padding: 30px 5px; -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); }
.main-menu.st .navbar-brand.brand-centered { top: 0; padding: 10px 5px; }

/* PAGE */
.banner-innerpage { padding: 150px 0 150px; background-position: center top; }
.title-big { font-weight: 600; font-size: 40px; line-height: 40px; }

.title-2 { font-family: 'Muli', sans-serif; font-weight: 700; font-size: 14px; color: #35373e; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 25px; margin-bottom: 25px; background: url(../images/kand3_red.png) left bottom no-repeat; }

/* WYSIWYG */
.wysiwyg img { border: 1px solid #ccc; margin-bottom: 20px; }
.wysiwyg h2 { padding: 30px 0px; }
.wysiwyg li { margin-bottom: 20px; }

/* FOOTER */
.footer .bottom-bar { padding-top: 10px; margin-top: 20px; }
.footer .bottom-bar a { color: #8d97ad; }
.footer .bottom-bar a:hover { color: #dc3544; }

.footer .round-social.light a { width: 34px; height: 34px; line-height: 34px; }
.footer .round-social.light a:hover { background: #dc3544; }

/* Social */
.social { padding: 0; text-align: center; }
.social ul { margin: 0; padding: 0; }
.social ul li { list-style: none outside none; display: inline-block; margin: 5px; }

.social ul li a {
    display: inline-block; position: relative; width: 60px; height: 60px; color: #FFE; background-color: #909AA0; font-size: 12px; text-align: center; padding-top: 14px;
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }

.social ul li a:hover { opacity: 0.6; }

.social ul li a::after { content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; bottom: 1px; left: -6px; margin-bottom: 1px; border-top-width: 15px; border-top-style: solid;
    -webkit-transform: rotate(55deg); -moz-transform: rotate(52deg); -ms-transform: rotate(42deg); -o-transform: rotate(42deg);
}

.social ul li a.social_fb { background-color: #3b5998; }
.social ul li a.social_fb::after { border-top-color: #3b5998; }

.social ul li a.social_tw { background-color: #00ABE3; }
.social ul li a.social_tw::after { border-top-color: #00ABE3; }

.social ul li a.social_go { background-color: #e64522; }
.social ul li a.social_go::after { border-top-color: #e64522; }

.social ul li a.social_yo { background-color: #c4302b; }
.social ul li a.social_yo::after { border-top-color: #c4302b; }

.social ul li a.social_vi { background-color: #4EBBFF; }
.social ul li a.social_vi::after { border-top-color: #4EBBFF; }

.social ul li a.social_pi { background-color: #c4302b; }
.social ul li a.social_pi::after { border-top-color: #c4302b; }

.social ul li a.social_in { background-color: #A042D6; }
.social ul li a.social_in::after { border-top-color: #A042D6; }

.social ul li a.social_li { background-color: #3E50B7; }
.social ul li a.social_li::after { border-top-color: #3E50B7; }

.social ul li a i { font-size: 20px; }
.social a span { display: block; }

/* HOME SECTION */
.hs { padding: 90px 0; }
.title { margin: 20px 0 15px; text-transform: uppercase; }
.subtitle { color: #5c5c5c; line-height: 24px; font-family: 'Muli', sans-serif; }
.bg-dark .subtitle { color: #ccc; }
.bg-dark-2 .subtitle { color: #ccc; }
.bg-dark-2 { color: #fff; }

.bottom-divider { position: relative; }
.bottom-divider:after {
  content: '';
  position: absolute; bottom: 0; left: 0;
  width: 100%; height: 50px;
  background: #fff;
  -webkit-clip-path: polygon(50% 97%, 100% 0, 100% 100%, 0 100%, 0 0);
  clip-path: polygon(50% 97%, 100% 0, 100% 100%, 0 100%, 0 0);
}

.bottom-divider.divider-light:after {
    background: #f8f9fa!important;
}

/* BREADCRUMBS */
.breadcrumb { margin-bottom: 10px; padding: 0; background: transparent; }
.breadcrumb-item a { color: #fff; }

/* PRELOADER */
#page-preloader { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #f8f9fa; z-index: 100500; }
#page-preloader .spinner { position: absolute; top: 50%; left: 50%; display: block; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; border: 3px solid transparent; border-top-color: #5c5c5c; border-radius: 50%; z-index: 1001; -webkit-animation: spin 2.5s infinite linear; animation: spin 2.5s infinite linear; }
#page-preloader .spinner:before, #page-preloader .spinner:after { position: absolute; border-radius: 50%; content: ''; }
#page-preloader .spinner:before { top: 5px; right: 5px; bottom: 5px; left: 5px; border: 3px solid transparent; border-top-color: #dc3544; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }
#page-preloader .spinner:after { top: 15px; right: 15px; bottom: 15px; left: 15px; border: 3px solid transparent; border-top-color: #ffffff; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; }

ul.cklist { margin:0; padding: 0; list-style: none; }
ul.cklist li { padding: 4px 0px 4px 0px; margin-bottom: 20px; }
ul.cklist li:before {
  content:"\f00c";
  font-family: 'FontAwesome';
  padding-right: 10px;
  color: #dd2134;
}

.bg-img-2 { background-image: url(../images/bg-2.jpg); background-size: cover; }
.bg-img-1 { background-image: url(../images/bg-1.jpg); background-size: cover; }

.blockquote { position: relative; }
.blockquote p { font-size: 16px; }

.blockquote:before {
  position: absolute;
  font-family: 'FontAwesome';
  top: -40px;
  content:"\f10d";
  font-size: 80px;
  color: rgba(0,0,0,0.1);

}

.blockquote::after {
    content: "";
    top: -40px;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    border-bottom: 3px solid #bf0024;
    height: 3px;
    width: 200px;
}

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

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

.pt-special { padding-top: 150px; padding-bottom: 200px; }
.box-shadow { box-shadow: 0 0px 10px #999; }
.check-bx { padding-left: 45px; background-image: url(../images/tick.png); background-repeat: no-repeat; background-position: top left; }

@media (min-width: 1024px) {
  .hover-dropdown .navbar-nav > .dropdown:hover > .dropdown-menu { display: block; margin-top: 0px; }
  .navbar-nav > .dropdown .dropdown-menu { min-width: 210px; margin-top: 0px; }
  .dropdown-submenu:hover > .dropdown-menu { display: block; }
}

@media (max-width: 767px) {
    .translate-top { top: 0; }
    /* .sp-layer { display: none; } */
    .sp-layer.main-slider-title { font-size: 2em;  }
    .sp-layer .info-title { font-size: 1em; }
    .container { width: 100%; overflow: hidden; }
    .banner-innerpage { padding: 80px 0 50px; }
    .dt-full-box .bg-cover { min-height: 150px; }
    .dt-border .odd-border { border-right: none; border-bottom: 1px solid #ddd; }
    .dt-border .odd-border:last-child { border-bottom: none; }
}