.form-control { display: block; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; opacity: 1; } textarea.form-control { height: auto; } .sp-megamenu-parent { list-style: none; padding: 0; margin: 0; z-index: 99; display: block; float: right; position: relative; } .sp-megamenu-parent > li { display: inline-block; position: relative; padding: 0; } .sp-megamenu-parent > li.menu-justify { position: static; } .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { display: inline-block; padding: 0 15px; line-height: 90px; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #000; margin: 0; } .sp-megamenu-parent > li.sp-has-child > a:after, .sp-megamenu-parent > li.sp-has-child > span:after { font-family: "Font Awesome 5 Free"; font-weight: 700; content: " \f107"; } .sp-megamenu-parent .sp-module { padding: 10px; } .sp-megamenu-parent .sp-mega-group { list-style: none; padding: 0; margin: 0; } .sp-megamenu-parent .sp-mega-group .sp-mega-group-child { list-style: none; padding: 0; margin: 0; } .sp-megamenu-parent .sp-dropdown { margin: 0; position: absolute; z-index: 10; display: none; } .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { background: #ffffff; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2); padding: 20px; } .sp-megamenu-parent .sp-dropdown .sp-dropdown-items { list-style: none; padding: 0; margin: 0; } .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a:after { font-family: "Font Awesome 5 Free"; font-weight: 700; content: " \f105"; float: right; } .sp-megamenu-parent .sp-dropdown.sp-menu-center { margin-left: 45px; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-main { top: 100%; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right { left: 0; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full { left: auto; right: 0; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left { right: 0; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub { top: 0; left: 100%; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner { box-shadow: 0 0 5px rgba(0,0,0,0.2); } .sp-megamenu-parent .sp-dropdown li.sp-menu-item { display: block; padding: 0; position: relative; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span { display: block; padding: 10px; color: #333333; cursor: pointer; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a.sp-group-title, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span.sp-group-title { text-transform: uppercase; font-weight: bold; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover { color: #fff; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a:hover { color: #fff; } .sp-megamenu-parent .sp-dropdown-mega > .row { margin-top: 30px; } .sp-megamenu-parent .sp-dropdown-mega > .row:first-child { margin-top: 0; } .sp-megamenu-parent .sp-has-child:hover > .sp-dropdown { display: block; } .sp-megamenu-parent.menu-fade .sp-has-child:hover > .sp-dropdown { -webkit-animation: spMenuFadeIn 400ms; animation: spMenuFadeIn 400ms; } .sp-megamenu-parent.menu-zoom .sp-has-child:hover > .sp-dropdown { -webkit-animation: spMenuZoom 400ms; animation: spMenuZoom 400ms; } #offcanvas-toggler { float: right; line-height: 87px; margin-left: 15px; font-size: 20px; } #offcanvas-toggler > i { -webkit-transition: color 400ms, background-color 400ms; -o-transition: color 400ms, background-color 400ms; transition: color 400ms, background-color 400ms; } #offcanvas-toggler > i:hover { color: #fff; } .off-canvas-menu-init { overflow-x: hidden; position: relative; } .offcanvas .offcanvas-overlay { visibility: visible; opacity: 1; } .offcanvas-overlay { background: rgba(0,0,0,0.2); bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 9999; visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; } .body-wrapper { position: relative; transition: 0.5s; right: 0; visibility: visible; backface-visibility: hidden; } .close-offcanvas { position: absolute; top: 15px; right: 15px; z-index: 1; border-radius: 100%; width: 25px; height: 25px; line-height: 0.5; text-align: center; font-size: 16px; border: 1px solid #fff; color: #fff; padding-top: 3px; } .close-offcanvas:hover { color: inherit; } .offcanvas-menu { width: 320px; height: 100%; background-color: rgba(0,0,0,0.7); color: #fff; position: fixed; top: 0; right: 0; transform: translateX(320px); visibility: hidden; overflow: inherit; transition: 0.5s; z-index: 10000; } .offcanvas-menu .offcanvas-inner > .alert { margin: 20px; } .offcanvas-menu .offcanvas-inner .sp-module { margin: 0; padding: 30px; } .offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) { margin-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.08); } .offcanvas-menu .offcanvas-inner .sp-module:after { display: none; } .offcanvas-menu .offcanvas-inner .sp-module:last-child { border-bottom: none; margin-bottom: 0; } .offcanvas-menu .offcanvas-inner .sp-module.off-canvas-menu { padding: 0; } .offcanvas-menu .offcanvas-inner .sp-module .sp-module-title { font-size: 16px; line-height: 1; text-transform: uppercase; } .offcanvas-menu .offcanvas-inner .sp-module ul.nav { display: block; margin: 0 -30px; } .offcanvas-menu .offcanvas-inner .sp-module ul > li { border: 0; position: relative; border-bottom: 1px solid rgba(0,0,0,0.1); overflow: hidden; } .offcanvas-menu .offcanvas-inner .sp-module ul > li a { -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; padding: 10px 20px; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 500; line-height: 28px; } .offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a, .offcanvas-menu .offcanvas-inner .sp-module ul > li:focus a { background: rgba(0,0,0,0.15); } .offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus { background: rgba(0,0,0,0.15); } .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:hover > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:focus > a { background: rgba(0,0,0,0.15) !important; } .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:focus { background: rgba(0,0,0,0.15) !important; } .offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler { display: inline-block; position: absolute; top: 0; right: 0; padding: 13px 20px; cursor: pointer; } .offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler .open-icon { display: none; } .offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler .close-icon { display: inline; } .offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler.collapsed .open-icon { display: inline; } .offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler.collapsed .close-icon { display: none; } .offcanvas-menu .offcanvas-inner .sp-module ul > li > a:after { display: none; } .offcanvas-menu .offcanvas-inner .sp-module ul > li ul { background: rgba(0,0,0,0.02); } .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a { padding-left: 30px; } .offcanvas-menu .offcanvas-inner .search { margin-top: 25px; } .offcanvas-menu .offcanvas-inner .search input { width: 100%; background: transparent; border-color: #5f5f5f; color: #fff; } .offcanvas { width: 100%; height: 100%; position: relative; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .offcanvas .body-wrapper { right: 0; transform: translateX(-320px); } .offcanvas .body-wrapper:after { width: 100%; height: 100%; right: 0; } .offcanvas .offcanvas-menu { visibility: visible; z-index: 9999; right: 0; transform: translateX(0); } .offcanvas .offcanvas-menu ul.nav-child li { padding-left: 10px; } .menu .nav-child.small { font-size: inherit; } .sp-megamenu-parent.menu-fade-up .sp-has-child:hover > .sp-dropdown { -webkit-animation: spMenuFadeInUp 400ms; animation: spMenuFadeInUp 400ms; } .sp-megamenu-parent.menu-rotate .sp-has-child:hover > .sp-dropdown { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); visibility: visible; } .sp-megamenu-parent.menu-slide-down .sp-has-child:hover > .sp-dropdown { opacity: 1; visibility: visible; top: 90px; } .sp-megamenu-parent.menu-slide-down .sp-has-child:hover > .sp-dropdown .sp-dropdown { top: 0; } .menu-slide-down .sp-has-child > .sp-dropdown { top: 60px; opacity: 0; visibility: hidden; display: block; transition: all 500ms ease; } .menu-slide-down .sp-has-child > .sp-dropdown.sp-dropdown-mega { left: auto; right: 0; } .menu-rotate .sp-has-child { -webkit-perspective: 1000px; perspective: 1000px; } .menu-rotate .sp-has-child > .sp-dropdown { -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transition: transform 0.4s ease 0s, opacity 0.2s ease 0s, visibility 0.2s ease 0s; transition: transform 0.4s ease 0s, opacity 0.2s ease 0s, visibility 0.2s ease 0s; opacity: 0; visibility: hidden; display: block; } .menu-rotate .sp-has-child > .sp-dropdown.sp-dropdown-mega { left: auto; right: 0; } .menu-drop-in .sp-has-child .sp-dropdown-inner { background: transparent none repeat scroll 0 0; box-shadow: none; padding: 0; } .menu-drop-in .sp-has-child .sp-dropdown-items { margin: 0; padding: 0; perspective: 1000px; } .menu-drop-in .sp-has-child .sp-menu-item { -webkit-transform: translate(0,100px); transform: translate(0,100px); opacity: 0; padding: 0 20px !important; background-color: #ffffff; } .menu-drop-in .sp-has-child .sp-menu-item:first-child { padding-top: 20px !important; } .menu-drop-in .sp-has-child .sp-menu-item:last-child { padding-bottom: 20px !important; } .menu-drop-in .sp-has-child:hover .sp-menu-item { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: dropup; animation-name: dropup; } .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(1) { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(2) { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(3) { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(4) { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; } .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(5) { -webkit-animation-duration: 0.7s; animation-duration: 0.7s; } .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(6) { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; } .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(7) { -webkit-animation-duration: 0.9s; animation-duration: 0.9s; } .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(8) { -webkit-animation-duration: 1s; animation-duration: 1s; } .menu-drop-in .sp-has-child:hover .sp-menu-item:last-child { box-shadow: 0 3px 3px -2px rgba(0,0,0,0.2); } .menu-drop-in .sp-has-child.menu-justify:hover .sp-dropdown { -webkit-animation: spMenuFadeInUp 500ms; animation: spMenuFadeInUp 500ms; } .menu-drop-in .sp-has-child.menu-justify .sp-dropdown-inner { background: #fff none repeat scroll 0 0; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2); padding: 20px !important; } .menu-drop-in .sp-has-child.menu-justify .sp-mega-group .sp-menu-item { padding: 0 !important; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-iteration-count: 0; animation-iteration-count: 0; -webkit-animation-name: none; animation-name: none; -webkit-animation-timing-function: ease; animation-timing-function: ease; opacity: 1; -webkit-transform: none; transform: none; } .menu-drop-in .sp-has-child.menu-justify .sp-mega-group .sp-menu-item:last-child { box-shadow: none; } @keyframes dropup { 0% { opacity: 0; transform: translate(0,100px); } 100% { opacity: 1; transform: translate(0,0); } } @-webkit-keyframes dropup { 0% { opacity: 0; transform: translate(0,100px); } 100% { opacity: 1; transform: translate(0,0); } } .menu-twist .sp-has-child .sp-dropdown-inner { background: transparent none repeat scroll 0 0; box-shadow: none; padding: 0; } .menu-twist .sp-has-child .sp-dropdown-items { margin: 0; padding: 0; } .menu-twist .sp-has-child .sp-menu-item { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); padding: 0 20px !important; background: #fff; } .menu-twist .sp-has-child .sp-menu-item:first-child { padding-top: 20px !important; } .menu-twist .sp-has-child .sp-menu-item:last-child { padding-bottom: 20px !important; } .menu-twist .sp-has-child:hover .sp-menu-item { -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: twist; animation-name: twist; } .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(1) { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(2) { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(3) { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; } .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(4) { -webkit-animation-duration: 0.7s; animation-duration: 0.7s; } .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(5) { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; } .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(6) { -webkit-animation-duration: 0.9s; animation-duration: 0.9s; } .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(7) { -webkit-animation-duration: 1s; animation-duration: 1s; } .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(8) { -webkit-animation-duration: 1.1s; animation-duration: 1.1s; } .menu-twist .sp-has-child:hover .sp-menu-item:last-child { box-shadow: 0 3px 3px -2px rgba(0,0,0,0.2); } .menu-twist .sp-has-child.menu-justify:hover .sp-dropdown { -webkit-animation: spMenuFadeInUp 500ms; animation: spMenuFadeInUp 500ms; } .menu-twist .sp-has-child.menu-justify .sp-dropdown-inner { background: #fff none repeat scroll 0 0; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2); padding: 20px !important; } .menu-twist .sp-has-child.menu-justify .sp-mega-group .sp-menu-item { padding: 0 !important; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-iteration-count: 0; animation-iteration-count: 0; -webkit-animation-name: none; animation-name: none; -webkit-animation-timing-function: ease; animation-timing-function: ease; opacity: 1; -webkit-transform: none; transform: none; } .menu-twist .sp-has-child.menu-justify .sp-mega-group .sp-menu-item:last-child { box-shadow: none; } @keyframes twist { 0% { opacity: 0; transform: rotateY(90deg); } 100% { opacity: 1; transform: rotateY(0); } } @-webkit-keyframes twist { 0% { opacity: 0; -webkit-transform: rotateY(90deg); } 100% { opacity: 1; -webkit-transform: rotateY(0); } } @-webkit-keyframes spMenuFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes spMenuFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes spMenuZoom { 0% { opacity: 0; -webkit-transform: scale(0.8); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes spMenuZoom { 0% { opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes spMenuFadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,30px,0); } 100% { opacity: 1; -webkit-transform: none; } } @keyframes spMenuFadeInUp { 0% { opacity: 0; transform: translate3d(0,30px,0); } 100% { opacity: 1; transform: none; } } .slide-top-menu .offcanvas-menu { -webkit-transform: translateX(0); transform: translateX(0); } .slide-top-menu .body-wrapper { right: 0; } .slide-top-menu .offcanvas-overlay { visibility: visible; opacity: 1; } .slide-top-menu .offcanvas-menu { right: 0; background-color: #000000; visibility: visible; } .full-screen .offcanvas-menu { right: -100%; width: 100%; transform: translateX(0); background-color: rgba(0,0,0,0.9); transition: all 600ms ease; } .full-screen .offcanvas-menu .offcanvas-inner { margin: 0 auto; text-align: center; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module { margin-bottom: 0; margin-top: 80px; padding-bottom: 0; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul { background: transparent; height: auto; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li { overflow: inherit; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a { color: #fff; display: inline-block; font-size: 28px; padding: 20px; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a:before { display: none; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a:hover, .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a:focus { background: transparent; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li .offcanvas-menu-toggler { left: auto; right: auto; font-size: 28px; padding: 20px 10px; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li { display: block; padding: 0 20px; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li a { font-size: 16px; padding: 5px 20px; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li .offcanvas-menu-toggler { padding: 6px 10px; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li:hover a, .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li:focus a { background: transparent; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu { padding-bottom: 75px; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module .search { max-width: 300px; margin: 25px auto 0; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module .sp-module-title { font-size: 28px; } .full-screen .offcanvas-menu .close-offcanvas { font-size: 20px; height: 35px; line-height: 1; right: 30px; top: 25px; width: 35px; padding-top: 6px; } .full-screen-off-canvas.ltr .offcanvas-menu { visibility: visible; z-index: 9999; width: 100%; right: 0; } .full-screen-ftop .offcanvas-menu { right: 0; width: 100%; opacity: 0; -webkit-transform: translateX(0); transform: translateX(0); background-color: rgba(0,0,0,0.9); transition: all 500ms ease; } .full-screen-ftop .offcanvas-menu .offcanvas-inner { margin: 0 auto; text-align: center; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module { margin-bottom: 0; margin-top: 80px; padding-bottom: 0; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul { background: transparent; height: auto; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul > li { opacity: 0; -webkit-transform: translate3d(0px,-80px,0px); transform: translate3d(0px,-80px,0px); -webkit-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s; transition: transform 0.5s ease 0s, opacity 0.5s ease 0s; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li { overflow: inherit; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a { color: #fff; display: inline-block; font-size: 28px; padding: 20px; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a:before { display: none; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a:hover, .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a:focus { background: transparent; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li .offcanvas-menu-toggler { left: auto; right: auto; font-size: 28px; padding: 20px 10px; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li ul li { display: block; padding: 0 20px; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li ul li a { font-size: 16px; padding: 5px 20px; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li ul li .offcanvas-menu-toggler { padding: 6px 10px; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li:hover a, .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li:focus a { background: transparent; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu { padding-bottom: 75px; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module .search { max-width: 300px; margin: 25px auto 0; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module .sp-module-title { font-size: 28px; } .full-screen-ftop .offcanvas-menu .close-offcanvas { font-size: 20px; height: 35px; line-height: 1; right: 30px; top: 25px; width: 35px; padding-top: 6px; } .full-screen-off-canvas-ftop.ltr .offcanvas-menu { visibility: visible; z-index: 9999; width: 100%; right: 0; opacity: 1; } .full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module { margin-top: 80px; } .full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module ul { background: transparent; height: auto; } .full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module ul > li { opacity: 1; -webkit-transform: translate3d(0px,0px,0px); transform: translate3d(0px,0px,0px); } .new-look .offcanvas-menu { background-color: #2b2f3b; } .new-look .offcanvas-menu .sp-module ul > li > a { padding-left: 28px; } .new-look .offcanvas-menu .sp-module ul > li > a:before { display: none; } .new-look .offcanvas-menu .sp-module ul > li:hover a, .new-look .offcanvas-menu .sp-module ul > li:focus a, .new-look .offcanvas-menu .sp-module ul > li.active a { background: #22b8f0; } .new-look .offcanvas-menu .sp-module ul > li ul li a { background-color: #2b2f3b !important; } .new-look .offcanvas-menu .sp-module ul > li ul li a:hover, .new-look .offcanvas-menu .sp-module ul > li ul li a:focus { color: #22b8f0; } .new-look .offcanvas-menu .sp-module ul > li .offcanvas-menu-toggler { top: 6px; padding: 18px 25px; } .new-look .offcanvas-menu .sp-module ul > li .offcanvas-menu-toggler i { display: none !important; } .new-look .offcanvas-menu .sp-module ul > li .offcanvas-menu-toggler:before { background: #fff none repeat scroll 0 0; content: ""; height: 8px; left: auto; position: absolute; right: 25px; top: 14px; width: 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .new-look .offcanvas-menu .sp-module ul > li .offcanvas-menu-toggler:after { background: #fff none repeat scroll 0 0; content: ""; height: 2px; left: auto; position: absolute; right: 22px; top: 17px; width: 8px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .new-look .offcanvas-menu .sp-module ul > li .offcanvas-menu-toggler.collapsed:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .new-look .offcanvas-menu .sp-module ul > li .offcanvas-menu-toggler.collapsed:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .new-look-off-canvas .offcanvas-overlay { visibility: visible; opacity: 1; } .new-look-off-canvas.ltr .offcanvas-menu { visibility: visible; right: 0; -webkit-transform: translateX(0); transform: translateX(0); } @-moz-document url-prefix() { .offcanvas-menu { right: -320px; transform: translateX(0px); } } @media (min-width: 576px) { .sp-menu-full.container { width: 540px; } } @media (min-width: 768px) { .sp-menu-full.container { width: 720px; } } @media (min-width: 992px) { .sp-menu-full.container { width: 960px; } } @media (min-width: 1200px) { .sp-menu-full.container { width: 1140px; } } @media (min-width: 1400px) { .sp-menu-full.container { width: 1320px; } } a { -webkit-transition: color 400ms, background-color 400ms; transition: color 400ms, background-color 400ms; } body { font-size: 14px; line-height: 24px; -webkit-transition: all 400ms ease; transition: all 400ms ease; background-color: #ffffff; } a, a:hover, a:focus, a:active { text-decoration: none; } label { font-weight: normal; } legend { padding-bottom: 10px; } img { display: block; max-width: 100%; height: auto; } .btn, .sppb-btn { -webkit-transition: color 400ms, background-color 400ms, border-color 400ms; -o-transition: color 400ms, background-color 400ms, border-color 400ms; transition: color 400ms, background-color 400ms, border-color 400ms; } .offline-inner { margin-top: 100px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: block; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; width: 100%; height: 38px; } select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6); } select::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, .uneditable-input::-moz-placeholder { color: #999; opacity: 1; } select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, .uneditable-input:-ms-input-placeholder { color: #999; } select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, .uneditable-input::-webkit-input-placeholder { color: #999; } select[disabled], select[readonly], fieldset[disabled] select, textarea[disabled], textarea[readonly], fieldset[disabled] textarea, input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], .uneditable-input[disabled], .uneditable-input[readonly], fieldset[disabled] .uneditable-input { cursor: not-allowed; background-color: #eeeeee; opacity: 1; } textareaselect, textareatextarea, textareainput[type="text"], textareainput[type="password"], textareainput[type="datetime"], textareainput[type="datetime-local"], textareainput[type="date"], textareainput[type="month"], textareainput[type="time"], textareainput[type="week"], textareainput[type="number"], textareainput[type="email"], textareainput[type="url"], textareainput[type="search"], textareainput[type="tel"], textareainput[type="color"], textarea.uneditable-input { height: auto; } select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; appearance: none; } .scrollup { width: 40px; height: 40px; position: fixed; bottom: 62px; right: 100px; display: none; z-index: 999; border: 1px solid #ddd; background-color: rgba(255,255,255,0.4); } .scrollup:hover { background-color: #c4c4c4; } .scrollup:before { content: " \f106"; font-family: "Font Awesome 5 Free"; font-weight: 700; position: absolute; top: 0; right: 0; border-radius: 3px; width: 40px; height: 38px; line-height: 38px; text-align: center; font-size: 25px; color: #000; } .backface-visible { backface-visibility: hidden; } #sp-top-bar { padding: 8px 0; } #sp-top-bar .sp-module { display: inline-block; margin: 0 0 0 20px; } ul.social-icons { list-style: none; padding: 0; margin: -5px; display: inline-block; } ul.social-icons > li { display: inline-block; margin: 5px 7px; } ul.social-icons > li a { color: #999999; } .sp-module-content .mod-languages ul.lang-inline { margin: 0; padding: 0; } .sp-module-content .mod-languages ul.lang-inline li { border: none; display: inline-block; margin: 0 5px 0 0; } .sp-module-content .mod-languages ul.lang-inline li a { padding: 0 !important; } .sp-module-content .mod-languages ul.lang-inline li > a:before { display: none; } .sp-module-content .nav.menu { display: block; } .sp-contact-info { float: right; list-style: none; padding: 0; margin: 0 -10px; } .sp-contact-info li { display: inline-block; margin: 0 10px; font-size: 90%; } .sp-contact-info li i { margin: 0 3px; } .sticky-wrapper { position: relative; z-index: 99; } #sp-header { background: #ffffff none repeat scroll 0 0; box-shadow: 0 3px 3px rgba(0,0,0,0.05); height: 90px; left: 0; position: relative; top: 0; width: 100%; z-index: 99; } #sp-header .logo { display: inline-block; height: 90px; display: table; -webkit-transition: all 400ms ease; transition: all 400ms ease; margin: 0; } #sp-header .logo a { font-size: 24px; line-height: 1; margin: 0; padding: 0; display: table-cell; vertical-align: middle; } #sp-header .logo p { margin: 5px 0 0; } #sp-header.menu-fixed { position: fixed; z-index: 9999; } .sticky-wrapper.is-sticky { position: relative; z-index: 999; } #sp-title { min-height: 0; } .sp-page-title { padding: 30px 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-attachment: fixed; } .sp-page-title h2, .sp-page-title h3 { margin: 0; padding: 0; color: #fff; } .sp-page-title h2 { font-size: 24px; line-height: 1; } .sp-page-title h3 { font-size: 14px; font-weight: normal; line-height: 1; margin-top: 10px; } .sp-page-title .breadcrumb { background: none; padding: 0; margin: 10px 0 0 0; } .sp-page-title .breadcrumb > .active { color: rgba(255,255,255,0.8); } .sp-page-title .breadcrumb > span, .sp-page-title .breadcrumb > li, .sp-page-title .breadcrumb > li + li:before, .sp-page-title .breadcrumb > li > a { color: #fff; } .body-innerwrapper { overflow-x: hidden; } .layout-boxed .body-innerwrapper { max-width: 1240px; margin: 0 auto; box-shadow: 0 0 5px rgba(0,0,0,0.2); } #sp-main-body { padding: 100px 0; } .com-sppagebuilder #sp-main-body { padding: 0; } .sppb-addon-cta .sppb-cta-subtitle { margin-bottom: 0; line-height: 26px !important; } .sppb-addon-cta .sppb-btn-lg { margin-top: 30px; } .sppb-addon-image-content { position: relative; } .sppb-addon-image-content .sppb-image-holder { position: absolute; top: 0; width: 50%; height: 100%; background-position: 50%; background-size: cover; } .sppb-addon-image-content.aligment-left .sppb-image-holder { left: 0; } .sppb-addon-image-content.aligment-left .sppb-content-holder { padding: 120px 0 120px 50px; } .sppb-addon-image-content.aligment-right .sppb-image-holder { right: 0; } .sppb-addon-image-content.aligment-right .sppb-content-holder { padding: 120px 50px 120px 0; } @media (max-width: 768px) { .sppb-addon-image-content .sppb-image-holder { position: inherit; width: 100% !important; height: 300px; } } .sp-module { margin-top: 50px; } .sp-module:first-child { margin-top: 0; } .sp-module .sp-module-title { margin: 0 0 20px; font-size: 14px; text-transform: uppercase; line-height: 1; } .sp-module ul { list-style: none; padding: 0; margin: 0; } .sp-module ul > li { display: block; border-bottom: 1px solid #e8e8e8; -webkit-transition: 300ms; transition: 300ms; } .sp-module ul > li > a { display: block; padding: 5px 0; line-height: 36px; padding: 2px 0; -webkit-transition: 300ms; transition: 300ms; } .sp-module ul > li > a:hover { background: none; } .sp-module ul > li > a:before { font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f105"; margin-right: 8px; } .sp-module ul > li:last-child { border-bottom: none; } .sp-module .categories-module ul { margin: 0 10px; } .sp-module .latestnews > div { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #e8e8e8; } .sp-module .latestnews > div:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .sp-module .latestnews > div > a { display: block; font-weight: 400; } .sp-module .tagscloud { margin: -2px 0; } .sp-module .tagscloud .tag-name { display: inline-block; padding: 5px 10px; background: #808080; color: #fff; border-radius: 4px; margin: 2px 0; } .sp-module .tagscloud .tag-name span { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: rgba(0,0,0,0.2); border-radius: 10px; } .login img { display: inline-block; margin: 20px 0; } .login .checkbox input[type="checkbox"] { margin-top: 6px; } .form-links ul { list-style: none; padding: 0; margin: 0; } .search .search-results dt.result-title { margin-top: 40px; } .search .search-results dt, .search .search-results dd { margin: 5px 0; } .filter-search .chzn-container-single .chzn-single { height: 34px; line-height: 34px; } .form-search .finder label { display: block; } .form-search .finder .input-medium { width: 60%; border-radius: 4px; } .finder .word input { display: inline-block; } .finder .search-results.list-striped li { padding: 20px 0; } .article-info { margin: 0 -8px 5px; line-height: 12px; } .article-info > dd { display: inline-block; color: #666; text-transform: uppercase; margin: 0 8px; } .article-info > dd > i { display: inline-block; margin-right: 3px; } article.item { margin-bottom: 50px; } .tags { margin-top: 20px; } .tags > span { text-transform: uppercase; letter-spacing: 2px; } .content_rating, .content_rating + form { display: none; } .voting-symbol { unicode-bidi: bidi-override; direction: rtl; font-size: 14px; display: inline-block; } .voting-symbol span.star { font-family: "Font Awesome 5 Free"; font-weight: normal; font-style: normal; display: inline-block; } .voting-symbol span.star.active:before { content: "\f005"; font-weight: 900; } .voting-symbol span.star:before { content: "\f005"; padding-right: 5px; } .sp-rating span.star:hover:before, .sp-rating span.star:hover ~ span.star:before { content: "\f005"; font-weight: 900; cursor: pointer; } .post_rating { margin-bottom: 20px; } .post_rating .ajax-loader, .post_rating .voting-result { display: none; } .post-format { position: absolute; top: 0; left: -68px; display: block; width: 48px; height: 48px; font-size: 24px; line-height: 48px; text-align: center; color: #fff; border-radius: 3px; } .entry-image, .entry-gallery, .entry-video, .entry-audio, .entry-link { margin-bottom: 30px; } .entry-status, .entry-quote { margin-bottom: 50px; } .pull-right.entry-image { margin: 0 0 18px 20px; } .entry-status, .entry-quote { margin-bottom: 50px; } .entry-header { position: relative; margin-bottom: 30px; } .entry-header.has-post-format { margin-left: 68px; display: inline-block; } .entry-header h2 { margin: 8px 0 0; font-size: 24px; line-height: 1; } .entry-header h2 a { color: #000; } .entry-link { padding: 100px 50px; position: relative; z-index: 1; overflow: hidden; } .entry-link a h4 { margin: 0; font-size: 36px; color: #fff; } .entry-link a h4:hover { color: rgba(255,255,255,0.85); } .entry-link:before { position: absolute; left: 0px; font-size: 220px; line-height: 1; width: 300px; height: 300px; content: "\f0c1"; font-family: "Font Awesome 5 Free"; font-weight: 700; top: 0px; color: rgba(255,255,255,0.15); z-index: -1; } .entry-quote { position: relative; padding: 80px 50px; color: rgba(255,255,255,0.9); } .entry-quote:before { position: absolute; top: 20px; left: -40px; font-size: 220px; line-height: 1; width: 300px; height: 300px; content: "\f10e"; font-family: "Font Awesome 5 Free"; font-weight: 700; transform: rotate(15deg); color: rgba(255,255,255,0.15); } .entry-quote blockquote small { color: #fff; font-weight: 600; font-size: 20px; } .entry-quote blockquote { padding: 0; margin: 0; font-size: 16px; border: none; } .carousel-left, .carousel-right { position: absolute; top: 50%; font-size: 24px; width: 36px; height: 36px; line-height: 36px; margin-top: -18px; text-align: center; color: #fff; background: rgba(0,0,0,0.5); border-radius: 4px; -webkit-transition: 400ms; transition: 400ms; } .carousel-left:hover, .carousel-right:hover { color: #fff; } .carousel-left:focus, .carousel-right:focus { color: #fff; } .carousel-left { left: 10px; } .carousel-right { right: 10px; } .newsfeed-category .category { list-style: none; padding: 0; margin: 0; } .newsfeed-category .category li { padding: 5px 0; } .newsfeed-category #filter-search { margin: 10px 0; } .category-module, .categories-module, .archive-module, .latestnews, .newsflash-horiz, .mostread, .form-links, .list-striped { list-style: none; padding: 0; margin: 0; } .category-module li, .categories-module li, .archive-module li, .latestnews li, .newsflash-horiz li, .mostread li, .form-links li, .list-striped li { padding: 2px 0; } .category-module li h4, .categories-module li h4, .archive-module li h4, .latestnews li h4, .newsflash-horiz li h4, .mostread li h4, .form-links li h4, .list-striped li h4 { margin: 5px 0; } .article-footer-top { display: table; clear: both; width: 100%; } .article-footer-top .post_rating { float: left; } .helix-social-share { float: right; } .helix-social-share .helix-social-share-icon ul { padding: 0; list-style: none; margin: 0; } .helix-social-share .helix-social-share-icon ul li { margin-right: 7px; display: inline-block; } .helix-social-share .helix-social-share-icon ul li div { display: block; } .helix-social-share .helix-social-share-icon ul li div a { background: #f5f5f5 none repeat scroll 0 0; border-radius: 50%; height: 30px; padding-top: 4px; text-align: center; width: 30px; display: inline-block; } .helix-social-share .helix-social-share-icon ul li div a:hover, .helix-social-share .helix-social-share-icon ul li div a:focus { background: #3d449a; color: #fff; } .view-article nav.pagenavigation > ul { display: flex; justify-content: space-between; } #sp-bottom .sp-module ul { display: block; } #sp-bottom .sp-module .sp-module-title { text-transform: none; font-weight: 400; font-size: 24px; } #sp-footer { color: #fff; text-align: center; padding: 20px 0; } #sp-footer a { color: rgba(255,255,255,0.9); } #sp-footer a:hover { color: #fff; } #sp-footer-wrapper ul { display: inline-block; } #sp-footer-wrapper ul.nav { display: inline-block; list-style: none; padding: 0; margin: 0 5px; } #sp-footer-wrapper ul.nav li { display: inline-block; margin: 0 5px; } #sp-footer-wrapper ul.nav li a { display: block; } #sp-footer-wrapper ul.nav li a:hover { background: none; } #sp-footer-wrapper .helix-framework { display: inline-block; } #sp-footer-wrapper .helix-framework .helix-logo { display: block; width: 130px; height: 40px; text-indent: -9999px; background: url(../images/helix-logo-white.png) no-repeat 0 0; } #sp-footer-wrapper .copyright { display: block; } .sp-comingsoon { width: 100%; height: 100%; min-height: 100%; } .sp-comingsoon body { width: 100%; height: 100%; min-height: 100%; color: #fff; } .sp-comingsoon #sp-comingsoon { padding: 100px 0; } .sp-comingsoon .sp-comingsoon-wrap.has-background { height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; } .sp-comingsoon .comingsoon-page-logo { text-align: center; } .sp-comingsoon .comingsoon-page-logo img { display: inline-block; } .sp-comingsoon .sp-comingsoon-title { margin-top: 130px; font-size: 42px; margin-bottom: 10px; font-weight: 700; } .sp-comingsoon .sp-comingsoon-content { font-size: 28px; font-weight: 300; } .sp-comingsoon .days, .sp-comingsoon .hours, .sp-comingsoon .minutes, .sp-comingsoon .seconds { display: inline-block; margin: 80px 15px; } .sp-comingsoon .days .number, .sp-comingsoon .hours .number, .sp-comingsoon .seconds .number, .sp-comingsoon .minutes .number { width: 115px; height: 120px; line-height: 120px; border: 1px solid #fff; border-radius: 4px; display: inline-block; font-size: 48px; font-weight: bold; } .sp-comingsoon .days .string, .sp-comingsoon .minutes .string, .sp-comingsoon .seconds .string, .sp-comingsoon .hours .string { display: block; font-size: 18px; margin-top: 10px; } .sp-comingsoon .social-icons li { display: inline-block; margin: 0 15px; } .sp-comingsoon .social-icons li a { color: rgba(255,255,255,0.7); font-size: 24px; -webkit-transition: color 400ms; transition: color 400ms; } .sp-comingsoon .social-icons li a:hover { color: #fff; } .error-page { width: 100%; height: 100%; min-height: 100%; } .error-page body { width: 100%; height: 100%; min-height: 100%; } .error-page .error-page-inner { height: 100%; min-height: 100%; width: 100%; display: table; text-align: center; } .error-page .error-page-inner.has-background { background-size: cover; background-position: center center; background-repeat: no-repeat; } .error-page .error-page-inner .error-logo-wrap { text-align: center; margin-bottom: 30px; } .error-page .error-page-inner .error-logo-wrap img { display: inline-block; } .error-page .error-page-inner > div { display: table-cell; vertical-align: middle; } .error-page .fa-exclamation-triangle { font-size: 64px; line-height: 1; margin-bottom: 10px; } .error-page .error-code { font-weight: bold; font-size: 96px; line-height: 1; margin: 0 0 10px 0; padding: 0; } .error-page .error-message { font-size: 24px; line-height: 1; margin-bottom: 30px; } .sp-social-share ul { display: block; padding: 0; margin: 20px -5px 0; } .sp-social-share ul li { display: inline-block; font-size: 24px; margin: 0 5px; } .page-header { padding-bottom: 15px; } table.category { width: 100%; } table.category thead > tr, table.category tbody > tr { border: 1px solid #f2f2f2; } table.category thead > tr th, table.category thead > tr td, table.category tbody > tr th, table.category tbody > tr td { padding: 10px; } .contact-form .form-actions { background: none; border: none; } @media print { .visible-print { display: inherit !important; } .hidden-print { display: none !important; } } .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a { background: #2d2d2d; border-radius: 2px; color: #fff; -webkit-transition: 300ms; transition: 300ms; } .sp-pre-loader { background: #f5f5f5; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; } .sp-pre-loader .sp-loader-clock { border: 3px solid #333333; border-radius: 60px; bottom: 0; height: 80px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 80px; } .sp-pre-loader .sp-loader-clock:after { content: ""; position: absolute; background-color: #333333; top: 2px; left: 48%; height: 38px; width: 4px; border-radius: 5px; -webkit-transform-origin: 50% 97%; transform-origin: 50% 97%; -webkit-animation: grdAiguille 2s linear infinite; animation: grdAiguille 2s linear infinite; } .sp-pre-loader .sp-loader-clock:before { content: ""; position: absolute; background-color: #333333; top: 6px; left: 48%; height: 35px; width: 4px; border-radius: 5px; -webkit-transform-origin: 50% 94%; transform-origin: 50% 94%; -webkit-animation: ptAiguille 12s linear infinite; animation: ptAiguille 12s linear infinite; } .sp-pre-loader .sp-loader-circle { position: absolute; height: 80px; width: 80px; border-radius: 80px; border: 3px solid rgba(51,51,51,0.7); left: 0; top: 0; right: 0; bottom: 0; margin: auto; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: loader1 3s linear infinite; animation: loader1 3s linear infinite; } .sp-pre-loader .sp-loader-circle:after { content: ""; position: absolute; top: -5px; left: 20px; width: 11px; height: 11px; border-radius: 10px; background-color: #333333; } .sp-pre-loader .sp-loader-bubble-loop { position: absolute; width: 12px; height: 12px; left: 0; top: 0; right: 0; bottom: 0; margin: auto; border-radius: 12px; background-color: #333333; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: loader6 1s ease-in-out infinite; animation: loader6 1s ease-in-out infinite; } .sp-pre-loader .sp-loader-bubble-loop:before { content: ""; position: absolute; background-color: rgba(51,51,51,0.5); top: 0px; left: -25px; height: 12px; width: 12px; border-radius: 12px; } .sp-pre-loader .sp-loader-bubble-loop:after { content: ""; position: absolute; background-color: rgba(51,51,51,0.5); top: 0px; left: 25px; height: 12px; width: 12px; border-radius: 12px; } .sp-pre-loader .circle-two { bottom: 0; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100px; } .sp-pre-loader .circle-two > span, .sp-pre-loader .circle-two > span:before, .sp-pre-loader .circle-two > span:after { content: ""; display: block; border-radius: 50%; border: 2px solid #333333; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .sp-pre-loader .circle-two > span { width: 100%; height: 100%; top: 0; left: 0; border-left-color: transparent; -webkit-animation: effect-2 2s infinite linear; -moz-animation: effect-2 2s infinite linear; -ms-animation: effect-2 2s infinite linear; -o-animation: effect-2 2s infinite linear; animation: effect-2 2s infinite linear; } .sp-pre-loader .circle-two > span:before { width: 75%; height: 75%; border-right-color: transparent; } .sp-pre-loader .circle-two > span:after { width: 50%; height: 50%; border-bottom-color: transparent; } .sp-pre-loader .wave-two-wrap { position: absolute; margin: auto; left: 0; right: 0; top: 50%; width: 90px; } .sp-pre-loader .wave-two { margin: 0; list-style: none; width: 90px; position: relative; padding: 0; height: 10px; } .sp-pre-loader .wave-two li { position: absolute; width: 2px; height: 0; background-color: #333333; bottom: 0; } .sp-pre-loader .wave-two li:nth-child(1) { left: 0; -webkit-animation: sequence1 1s ease infinite 0; animation: sequence1 1s ease infinite 0; } .sp-pre-loader .wave-two li:nth-child(2) { left: 15px; -webkit-animation: sequence2 1s ease infinite 0.1s; animation: sequence2 1s ease infinite 0.1s; } .sp-pre-loader .wave-two li:nth-child(3) { left: 30px; -webkit-animation: sequence1 1s ease-in-out infinite 0.2s; animation: sequence1 1s ease-in-out infinite 0.2s; } .sp-pre-loader .wave-two li:nth-child(4) { left: 45px; -webkit-animation: sequence2 1s ease-in infinite 0.3s; animation: sequence2 1s ease-in infinite 0.3s; } .sp-pre-loader .wave-two li:nth-child(5) { left: 60px; -webkit-animation: sequence1 1s ease-in-out infinite 0.4s; animation: sequence1 1s ease-in-out infinite 0.4s; } .sp-pre-loader .wave-two li:nth-child(6) { left: 75px; -webkit-animation: sequence2 1s ease infinite 0.5s; animation: sequence2 1s ease infinite 0.5s; } .sp-pre-loader .sp-loader-audio-wave { width: 3em; height: 2em; background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em; animation: audioWave 1.5s linear infinite; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; } .sp-pre-loader .sp-loader-with-logo { top: 0; left: 0; width: 100%; height: 105px; right: 0; bottom: 0; margin: auto; text-align: center; position: absolute; } .sp-pre-loader .sp-loader-with-logo .logo { display: inline-block; width: auto; } .sp-pre-loader .sp-loader-with-logo .line { background: #333333; bottom: 0; height: 5px; left: 0; position: absolute; top: auto; } @-webkit-keyframes grdAiguille { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes grdAiguille { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes ptAiguille { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes ptAiguille { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes loader1 { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes loader1 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes loader6 { 0% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); } 100% { -webkit-transform: rotate(180deg); } } @keyframes loader6 { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(180deg); } } @keyframes rotate-360 { from { -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); } to { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes audioWave { 25% { background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em; } 37.5% { background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em; } 50% { background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em; } 62.5% { background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em; } 75% { background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em; } } @-webkit-keyframes effect-2 { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes effect-2 { from { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes sequence1 { 0% { height: 10px; } 50% { height: 50px; } 100% { height: 10px; } } @keyframes sequence2 { 0% { height: 20px; } 50% { height: 65px; } 100% { height: 20px; } } @keyframes rot1 { 100% { transform: skew(-10deg) translateX(50px) rotate(405deg); } } @-webkit-keyframes rot1 { 100% { -webkit-transform: skew(-10deg) translateX(50px) rotate(405deg); } } @keyframes rot2 { 100% { transform: skew(-10deg) rotate(525deg); } } @-webkit-keyframes rot2 { 100% { -webkit-transform: skew(-10deg) rotate(525deg); } } @keyframes rot3 { 100% { transform: skew(-10deg) translateX(20px) translateY(-50px) rotate(645deg); } } @-webkit-keyframes rot3 { 100% { -webkit-transform: skew(-10deg) translateX(20px) translateY(-50px) rotate(645deg); } } @keyframes width { 10% { width: 10%; } 20% { width: 20%; } 30% { width: 30%; } 40% { width: 40%; } 50% { width: 50%; } 60% { width: 60%; } 70% { width: 70%; } 80% { width: 80%; } 90% { width: 90%; } 100% { width: 100%; } } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @media screen and (min-width: 768px) and (max-width: 1199px) { .scrollup { bottom: 25px; right: 25px; } } @media screen and (min-width: 320px) and (max-width: 767px) { ul.social-icons { margin: 0; width: 100%; text-align: center; } ul.social-icons > li { margin: 5px; } .sp-contact-info { display: table; float: none; margin: 0; text-align: center; width: 100%; } .sp-contact-info li { margin: 0 5px; font-size: 89%; } .sppb-animated .sppb-addon-cta .sppb-cta-title { font-size: 28px !important; line-height: 40px !important; } .sppb-animated .sppb-addon-cta .sppb-btn-lg { font-size: 16px; } .scrollup { bottom: 25px; right: 25px; } .form-horizontal .control-label { width: 100%; text-align: left; } .form-horizontal .controls { margin: 0; width: 100%; } .form-horizontal .controls input, .form-horizontal .controls textarea { width: 100%; } .form-horizontal .controls textarea { height: 131px; } } @media screen and (min-width: 550px) and (max-width: 767px) { .sp-contact-info li { margin: 0 5px; font-size: 90%; } } @media (min-width: 768px) { .sppb-col-sm-offset-6 { margin-left: 50%; } } .sppb-testimonial-pro .sppb-item img { display: inline-block; margin-bottom: 10px; } .pull-left { float: left; } .pull-right { float: right; } .hide { display: none; } .badge.badge-info { background-color: #3d449a; } .btn:not([class*="btn-"]) { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn:not([class*="btn-"]):hover { color: #fff; background-color: #5c636a; border-color: #565e64; } .control-group { margin-bottom: 16px; } .form-horizontal .control-label { float: left; width: 160px; padding-top: 5px; text-align: right; } .form-horizontal .controls { margin-left: 180px; } .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dt img { display: inline-block; } @media (max-width: 767px) { .dl-horizontal dt { float: none; width: auto; clear: none; text-align: left; } } @media (min-width: 768px) { .dl-horizontal dd { margin-left: 180px; } } .input-prepend, .input-append { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-prepend > input[type="text"], .input-prepend > input[type="password"], .input-prepend > input[type="datetime"], .input-prepend > input[type="datetime-local"], .input-prepend > input[type="date"], .input-prepend > input[type="month"], .input-prepend > input[type="time"], .input-prepend > input[type="week"], .input-prepend > input[type="number"], .input-prepend > input[type="email"], .input-prepend > input[type="url"], .input-prepend > input[type="search"], .input-prepend > input[type="tel"], .input-prepend > input[type="color"], .input-append > input[type="text"], .input-append > input[type="password"], .input-append > input[type="datetime"], .input-append > input[type="datetime-local"], .input-append > input[type="date"], .input-append > input[type="month"], .input-append > input[type="time"], .input-append > input[type="week"], .input-append > input[type="number"], .input-append > input[type="email"], .input-append > input[type="url"], .input-append > input[type="search"], .input-append > input[type="tel"], .input-append > input[type="color"] { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-prepend .add-on, .input-append .add-on { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-prepend > :not(:first-child):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback), .input-append > :not(:first-child):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-prepend > :not(:last-child), .input-append > :not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .radio:not(.btn-group), .checkbox:not(.btn-group) { display: inline-block; margin: 0 16px 16px 0px; } .radio:not(.btn-group) input[type="radio"], .radio:not(.btn-group) input[type="checkbox"], .checkbox:not(.btn-group) input[type="radio"], .checkbox:not(.btn-group) input[type="checkbox"] { margin-top: 2px; margin-right: 8px; } .accordion { margin-bottom: 20px; } .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; border-radius: 4px; } .accordion-group .accordion-body { padding: 0; } .accordion-heading { border-bottom: 0; } .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } .accordion-toggle { cursor: pointer; } .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } .well { min-height: 20px; padding: 20px; margin-bottom: 20px; background-color: #f7f7f7; border-radius: 0; } a.modal { position: initial !important; top: auto !important; left: auto !important; display: inline-block !important; width: auto !important; height: auto !important; }