::-webkit-scrollbar {
display:none;
}
* { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; outline: none; font-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased!important; -webkit-transform: translate3d(1, 1, 1); transform: translate3d(1, 1, 1); text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
*:focus { outline: none; }
*,
*:after,
*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
body { margin: 0; padding: 0; overflow-x: hidden; font-size: 14px; font-family: 'Roboto', sans-serif; line-height: 30px; font-weight: 400; }
a { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
::selection { background-color: #CCC; color: #000; }
div,
a,
p,
img,
blockquote,
form,
fieldset,
textarea,
input,
label,
iframe,
code,
pre { display: block; position: relative; color: #000; font-weight: bold; }
textarea,
input { outline: none; }
input { border-radius: 0!important; -webkit-border-radius: 0px!important; display: inline-block; border: solid 1px #b9b9b9; padding: 5px; width: 20%; }
textarea { -webkit-appearance: none!important; border-radius: 0!important; -webkit-border-radius: 0px!important; }
#page-content { position: fixed; left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 9; overflow: hidden; transition: all 250ms ease; }
#page-content-scroll { position: absolute; top: 0; bottom: 0; left: 0px; right: -19px; overflow: auto; -webkit-overflow-scrolling: touch; }
.header-clear #page-content-scroll { padding-top: 60px!important; }
.header-clear-large #page-content-scroll { padding-top: 95px!important; }
p { line-height: 30px; /* margin-bottom: 30px; */
font-size: 14px; }
p>a { display: inline; text-decoration: none; }
p>a:hover { text-decoration: underline; }
p>span { display: inline; }
p strong { font-size: 15px; }
span>a { display: inline; }
a>span { display: inline; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
strong a,
em a { display: inline; }
h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a { display: inline; }
table { border-collapse: separate; border-spacing: 0; width: 100%; clear: both; margin-bottom: 27px; }
th { vertical-align: middle; font-weight: bold; }
tr { line-height: 18px; }
td { text-align: center; padding-top: 9px; padding-bottom: 9px; line-height: 18px; vertical-align: middle; }
ul { margin-bottom: 30px; }
ul ul { margin-bottom: 5px; }
ol ol { margin-bottom: 5px; }
ol { margin-bottom: 30px; }
li { line-height: 24px; margin-bottom: 5px; color: #2f2f2f; }
ol>li:last-child,
ul>li:last-child { margin-bottom: 0px; }
textarea { font-family: 'Roboto', sans-serif; border: solid 1px #c1c1c1; width: 100%; min-height: 130px; }
.home-slider,
.news-slider,
.single-item,
.quote-slider,
.store-slider,
.store-slider-2,
.home-round-slider,
.text-slider,
.expanding-slider,
.staff-slider,
.coverflow-slider,
.coverflow-thumbnails,
.store-thumbnails,
.category-slider,
.coverpage-classic,
.coverpage-cube,
.homepage-cover-slider,
.call-to-action-slider,
.pricing-table-slider { overflow: hidden; }
.disabled { display: none!important; }
.center-item { margin-left: auto!important; margin-right: auto!important; }
.bg-full { position: fixed; top: -20px; left: -20px; right: -20px; bottom: -20px; overflow: hidden; }
.bg-cover { background-size: cover; background-position: center center; }
.bg-transparent { background: transparent!important; }
.bg-dark { background-color: rgba(0,0,0,0.3)!important; }
.bg-1 { background-image: url(../images/pictures/1.jpg) }
.bg-2 { background-image: url(../images/pictures/2.jpg) }
.bg-3 { background-image: url(../images/pictures/3.jpg) }
.bg-4 { background-image: url(../images/pictures/4.jpg) }
.bg-5 { background-image: url(../images/pictures/5.jpg); background-size: cover; }
.bg-6 { background-image: url(../images/pictures/6.jpg); background-size: cover; }
.bg-7 { background-image: url(../images/pictures/7.jpg); background-size: cover; }
.bg-8 { background-image: url(../images/pictures/8.jpg); background-size: cover; }
.bg-9 { background-image: url(../images/pictures/9.jpg); background-size: cover; }
.bg-10 { background-image: url(../images/pictures/10.jpg); background-size: cover; }
.bg-11 { background-image: url(../images/pictures/11.jpg); background-size: cover; }
.bg-12 { background-image: url(../images/pictures/12.jpg); background-size: cover; }
.bg-13 { background-image: url(../images/pictures/13.jpg); background-size: cover; }
.bg-14 { background-image: url(../images/pictures/14.jpg); background-size: cover; }
.bg-15 { background-image: url(../images/pictures/15.jpg); background-size: cover; }
.vertical-bg-0 { background-image: url(../images/pictures_vertical/bg0.jpg); }
.vertical-bg-1 { background-image: url(../images/pictures_vertical/bg1.jpg); }
.vertical-bg-2 { background-image: url(../images/pictures_vertical/bg2.jpg); }
.vertical-bg-3 { background-image: url(../images/pictures_vertical/bg3.jpg); }
.vertical-bg-4 { background-image: url(../images/pictures_vertical/bg4.jpg); }
.vertical-bg-5 { background-image: url(../images/pictures_vertical/bg5.jpg); }
.vertical-bg-6 { background-image: url(../images/pictures_vertical/bg6.jpg); }
.vertical-bg-7 { background-image: url(../images/pictures_vertical/bg7.jpg); }
.vertical-bg-8 { background-image: url(../images/pictures_vertical/bg8.jpg); }
.vertical-bg-9 { background-image: url(../images/pictures_vertical/bg9.jpg); }
.overlay { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 9; }
.dark-overlay { background-color: rgba(0,0,0,0.7); }
.light-overlay { background-color: rgba(255,255,255,0.6); }
.overlay-dark { background-color: rgba(0,0,0,0.7); }
.overlay-light { background-color: rgba(255,255,255,0.6); }
.bg-teal-light { background-color: #1abc9c!important; color: #FFFFFF; }
.bg-teal-dark { background-color: #16a085!important; color: #FFFFFF; }
.border-teal-light { border: solid 1px #1abc9c!important; }
.border-teal-dark { border: solid 1px #16a085!important; }
.bg-hover-teal-light:hover { background-color: #1abc9c!important; color: #FFFFFF!important; transition: all 200ms ease; }
.bg-hover-teal-dark:hover { background-color: #16a085!important; color: #FFFFFF!important; transition: all 200ms ease; }
.color-teal-light { color: #1abc9c!important; }
.color-teal-dark { color: #16a085!important; }
.bg-green-light { background-color: #2ecc71!important; color: #FFFFFF; }
.bg-green-dark { background-color: #2abb67!important; color: #FFFFFF; }
.border-green-light { border: solid 1px #2ecc71!important; }
.border-green-dark { border: solid 1px #2abb67!important; }
.bg-hover-green-light:hover { background-color: #2ecc71!important; color: #FFFFFF!important; transition: all 200ms ease; }
.bg-hover-green-dark:hover { background-color: #2abb67!important; color: #FFFFFF!important; transition: all 200ms ease; }
.color-green-light { color: #2ecc71!important; }
.color-green-dark { color: #2abb67!important; }
.bg-blue-light { background-color: #3498db!important; color: #FFFFFF; }
.bg-blue-dark { background-color: #2980b9!important; color: #FFFFFF!important; }
.border-blue-light { border: solid 1px #3498db!important; }
.border-blue-dark { border: solid 1px #2980b9!important; }
.bg-hover-blue-light:hover { background-color: #3498db!important; color: #FFFFFF!important; transition: all 200ms ease; }
.bg-hover-blue-dark:hover { background-color: #2980b9!important; color: #FFFFFF!important; transition: all 200ms ease; }
.color-blue-light { color: #3498db!important; }
.color-blue-dark { color: #2980b9!important; }
.bg-magenta-light { background-color: #9b59b6!important; color: #FFFFFF; }
.bg-magenta-dark { background-color: #8e44ad!important; color: #FFFFFF; }
.border-magenta-light { border: solid 1px #9b59b6!important; }
.border-magenta-dark { border: solid 1px #8e44ad!important; }
.bg-hover-magenta-light:hover { background-color: #9b59b6!important; color: #FFFFFF!important; transition: all 200ms ease; }
.bg-hover-magenta-dark:hover { background-color: #8e44ad!important; color: #FFFFFF!important; transition: all 200ms ease; }
.color-magenta-light { color: #9b59b6!important; }
.color-magenta-dark { color: #8e44ad!important; }
.bg-night-light { background-color: #34495e!important; color: #FFFFFF; }
.bg-night-dark { background-color: #2c3e50!important; color: #FFFFFF; }
.border-night-light { border: solid 1px #34495e!important; }
.border-night-dark { border: solid 1px #2c3e50!important; }
.bg-hover-night-light:hover { background-color: #34495e!important; color: #FFFFFF!important; transition: all 200ms ease; }
.bg-hover-night-dark:hover { background-color: #2c3e50!important; color: #FFFFFF!important; transition: all 200ms ease; }
.color-night-light { color: #34495e!important; }
.color-night-dark { color: #2c3e50!important; }
.bg-yellow-light { background-color: #E67E22!important; color: #FFFFFF; }
.bg-yellow-dark { background-color: #e86f2a!important; color: #FFFFFF; }
.border-yellow-light { border: solid 1px #E67E22!important; }
.border-yellow-dark { border: solid 1px #F27935!important; }
.bg-hover-yellow-light:hover { background-color: #f1c40f!important; color: #FFFFFF!important; transition: all 200ms ease; }
.bg-hover-yellow-dark:hover { background-color: #f39c12!important; color: #FFFFFF!important; transition: all 200ms ease; }
.color-yellow-light { color: #f1c40f!important; }
.color-yellow-dark { color: #f39c12!important; }
.bg-orange-light { background-color: #F9690E!important; color: #FFFFFF; }
.bg-orange-dark { background-color: #D35400!important; color: #FFFFFF; }
.border-orange-light { border: solid 1px #F9690E!important; }
.border-orange-dark { border: solid 1px #D35400!important; }
.bg-hover-orange-light:hover { background-color: #e67e22!important; color: #FFFFFF!important; transition: all 200ms ease; }
.bg-hover-orange-dark:hover { background-color: #d35400!important; color: #FFFFFF!important; transition: all 200ms ease; }
.color-orange-light { color: #e67e22!important; }
.color-orange-dark { color: #d35400!important; }
.bg-red-light { background-color: #e74c3c!important; color: #FFFFFF; }
.bg-red-dark { background-color: #c0392b!important; color: #FFFFFF; }
.border-red-light { border: solid 1px #e74c3c!important; }
.border-red-dark { border: solid 1px #c0392b!important; }
.bg-hover-red-light:hover { background-color: #e74c3c!important; color: #FFFFFF!important; transition: all 200ms ease; }
.bg-hover-red-dark:hover { background-color: #c0392b!important; color: #FFFFFF!important; transition: all 200ms ease; }
.color-red-light { color: #e74c3c!important; }
.color-red-dark { color: #c0392b!important; }
.bg-gray-light { background-color: #bdc3c7!important; color: #FFFFFF; }
.bg-gray-dark { background-color: #95a5a6!important; color: #FFFFFF; }
.border-gray-light { border: solid 1px #bdc3c7!important; }
.border-gray-dark { border: solid 1px #95a5a6!important; }
.bg-hover-gray-light:hover { background-color: #bdc3c7!important; color: #FFFFFF!important; transition: all 200ms ease; }
.bg-hover-gray-dark:hover { background-color: #95a5a6!important; color: #FFFFFF!important; transition: all 200ms ease; }
.color-gray-light { color: #bdc3c7!important; }
.color-gray-dark { color: #95a5a6!important; }
.bg-white { background-color: #FFFFFF!important; }
.color-white { color: #FFFFFF!important; }
.border-white { border: solid 1px #FFFFFF!important; }
.bg-black { background-color: #000000; }
.color-black { color: #000000!important; }
.border-black { border: solid 1px #000000!important; }
.opacity-00 { opacity: 0; }
.opacity-25 { opacity: 0.25; }
.opacity-50 { opacity: 0.50; }
.opacity-75 { opacity: 0.75; }
.border-round { border-radius: 10px; overflow: hidden; }
.bg-green-light i,
.bg-green-dark i,
.bg-teal-light i,
.bg-teal-dark i,
.bg-magenta-light i,
.bg-magenta-dark i,
.bg-yellow-light i,
.bg-yellow-dark i,
.bg-orange-light i,
.bg-orange-dark i,
.bg-red-dark i,
.bg-red-light i,
.bg-gray-light i,
.bg-gray-dark i { color: #FFFFFF; }
.facebook-bg { background-color: #3b5998; color: #FFFFFF; border: solid 1px #3b5998; }
.facebook-bg:hover { background-color: #4469b7; color: #FFFFFF; border: solid 1px #3b5998; }
.linkedin-bg { background-color: #0077B5; color: #FFFFFF; border: solid 1px #0077B5; }
.linkedin-bg:hover { background-color: #0186cb; color: #FFFFFF; border: solid 1px #0077B5; }
.twitter-bg { background-color: #4099ff; color: #FFFFFF; border: solid 1px #4099ff; }
.twitter-bg:hover { background-color: #5fa9fd; color: #FFFFFF; border: solid 1px #4099ff; }
.google-bg { background-color: #d34836; color: #FFFFFF; border: solid 1px #d34836; }
.google-bg:hover { background-color: #ea4f3b; color: #FFFFFF; border: solid 1px #d34836; }
.whatsapp-bg { background-color: #34AF23; color: #FFFFFF; border: solid 1px #34AF23; }
.whatsapp-bg:hover { background-color: #3cc729; color: #FFFFFF; border: solid 1px #34AF23; }
.pinterest-bg { background-color: #C92228; color: #FFFFFF; border: solid 1px #C92228; }
.pinterest-bg:hover { background-color: #e3262c; color: #FFFFFF; border: solid 1px #C92228; }
.sms-bg { background-color: #27ae60; color: #FFFFFF; border: solid 1px #27ae60; }
.sms-bg:hover { background-color: #2bbe69; color: #FFFFFF; border: solid 1px #27ae60; }
.mail-bg { background-color: #3498db; color: #FFFFFF; border: solid 1px #3498db; }
.mail-bg:hover { background-color: #38a5ed; color: #FFFFFF; border: solid 1px #3498db; }
.dribbble-bg { background-color: #EA4C89; color: #FFFFFF; border: solid 1px #EA4C89; }
.dribbble-bg:hover { background-color: #fc5294; color: #FFFFFF; border: solid 1px #EA4C89; }
.tumblr-bg { background-color: #2C3D52; color: #FFFFFF; border: solid 1px #2C3D52; }
.tumblr-bg:hover { background-color: #3e5674; color: #FFFFFF; border: solid 1px #2C3D52; }
.reddit-bg { background-color: #336699; color: #FFFFFF; border: solid 1px #336699; }
.reddit-bg:hover { background-color: #3b77b4; color: #FFFFFF; border: solid 1px #336699; }
.youtube-bg { background-color: #D12827; color: #FFFFFF; border: solid 1px #D12827; }
.youtube-bg:hover { background-color: #ea2e2d; color: #FFFFFF; border: solid 1px #D12827; }
.phone-bg { background-color: #27ae60; color: #FFFFFF; border: solid 1px #27ae60; }
.phone-bg:hover { background-color: #2cc76e; color: #FFFFFF; border: solid 1px #27ae60; }
.skype-bg { background-color: #12A5F4; color: #FFFFFF; border: solid 1px #27ae60; }
.skype-bg:hover { background-color: #0f95dd; color: #FFFFFF; border: solid 1px #27ae60; }
.facebook-color { color: #3b5998!important; }
.linkedin-color { color: #0077B5!important; }
.twitter-color { color: #4099ff!important; }
.google-color { color: #d34836!important; }
.whatsapp-color { color: #34AF23!important; }
.pinterest-color { color: #C92228!important; }
.sms-color { color: #27ae60!important; }
.mail-color { color: #3498db!important; }
.dribbble-color { color: #EA4C89!important; }
.tumblr-color { color: #2C3D52!important; }
.reddit-color { color: #336699!important; }
.youtube-color { color: #D12827!important; }
.phone-color { color: #27ae60!important; }
.skype-color { color: #12A5F4!important; }
.facebook-color:hover,
.twitter-color:hover,
.google-color:hover,
.pinterest-color:hover,
.sms-color:hover,
.mail-color:hover,
.dribbble-color:hover,
.tumblr-color:hover,
.reddit-color:hover,
.youtube-color:hover,
.phone-color:hover { color: #FFFFFF; }
.float-left { float: left; margin-top: 10px; margin-right: 10px; }
.float-right { float: right; margin-top: 10px; margin-left: 10px; }
.read-more-right { float: right; display: block; }
.read-more-right i { padding-left: 10px; }
.small-heading { font-size: 12px; margin-top: -10px; margin-bottom: 10px; display: block; }
h1 { font-size: 24px; line-height: 34px; font-weight: bold; }
h2 { font-size: 22px; line-height: 32px; font-weight: 500; }
h3 { font-size: 20px; line-height: 30px; font-weight: 500; }
h4 { font-size: 18px; line-height: 28px; font-weight: 500; }
h5 { font-size: 16px; line-height: 26px; font-weight: 500; }
h6 { font-size: 14px; line-height: 30px; font-weight: 800; }
.heading-style h4 { text-align: center; }
.heading-style p { width: 90%!important; margin-left: auto; margin-right: auto; }
.heading-style .line { z-index: 1; width: 280px; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 25px; display: block; height: 1px; }
.heading-style i { font-size: 24px; height: 40px; width: 50px; text-align: center; line-height: 40px; position: absolute; top: 38px; left: 50%; margin-left: -25px; z-index: 2; }
.heading-style p { width: 300px; text-align: center; margin-left: auto; margin-right: auto; }
.font-icon-list li { list-style: none; padding-left: 0px; margin-left: -20px; line-height: 30px; }
.font-icon-list i { margin-right: 10px; width: 30px; text-align: left; }
.font-icon-list .font-icon-list { padding-left: 30px; }
.icon-list { list-style: none; padding-left: 0px; }
.icon-list i { width: 20px; text-align: center; margin-left: -5px; }
.icon-list ul { padding-left: 40px; }
ul { padding-left: 20px; list-style-type: disc; }
ol { padding-left: 20px; list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style-type: disc; }
.table { /* width: 100%; */
margin-bottom: 35px;  px;
*/
}
.table-title { font-family: 'Roboto', sans-serif; font-size: 12px; }
.table-sub-title { font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 12px; }
.price { font-size: 12px; }
.small-price { position: absolute; margin-left: 0px; font-size: 10px; margin-top: -3px!important; }
.table { font-size: 12px; margin-bottom: 25px; }
.table th { padding: 21px 25px 22px 25px; }
.table th:first-child { text-align: center; padding-left: 20px; }
.table tr { text-align: center; padding-left: 20px; }
.table tr td:first-child { text-align: left; padding-left: 20px; border-left: 0; }
.table tr td { padding: 10px; }
.table tr:last-child td { border-bottom: 0; }
.table-heading { padding-top: 10px; padding-bottom: 15px; }
.clear { clear: both!important; }
.last-column { margin-right: 0%!important; }
.no-bottom { margin-bottom: 0px!important; }
.no-top { margin-top: 0px!important; padding-top: 0px!important; }
.half-bottom { margin-bottom: 15px!important; display: block; }
.half-top { margin-top: 15px!important; display: block; }
.full-bottom { margin-bottom: 30px!important; display: block; }
.full-top { margin-top: 30px!important; display: block; }
.left-padding { padding-left: 30px; }
.right-padding { padding-right: 30px; }
.padding-right { padding-right: 20px; }
.padding-left { padding-left: 20px; }
.no-border { border: none!important; }
.responsive-image { display: block; width: 100%; margin-bottom: 15px; }
.responsive-video { position: relative; min-height: 300px; padding-top: 30px; width: 100%; overflow: hidden; }
.maps { min-height: 250px; }
.responsive-video iframe,
.responsive-video object,
.responsive-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.content {/* margin-bottom: 30px; */padding-left: 10px;padding-right: 10px;}
.content-fullscreen { margin-bottom: 30px; padding-left: 20px; padding-right: 20px; }
.container:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
.last-column:after { visibility: hidden!important; display: block!important; content: ""!important; clear: both!important; height: 0!important; }
.container { margin-bottom: 30px; display: block; }
.container-fullscreen { margin-bottom: 30px; }
.hide-if-mobile { display: none!important; }
.hide-if-resposive { display: block!important; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.thin { font-weight: 300!important; }
.thiner { font-weight: 400!important; }
.bold { font-weight: 600!important; }
.ultrabold { font-weight: 800!important; }
.justify { text-align: justify!important; }
.small-text { font-size: 12px!important; }
.smaller-text { font-size: 13px!important; }
.normal-text { font-size: 14px!important; }
.larger-text { font-size: 15px!important; }
.large-text { font-size: 16px!important; }
.huge-text { font-size: 18px!important; }
.center-text { text-align: center; display: block; }
.left-text { text-align: left; display: block; }
.right-text { text-align: right; display: block; }
.center-text-mobile { text-align: center; display: block; }
.left-text-mobile { text-align: left; display: block; }
.right-text-mobile { text-align: right; display: block; }
.center-text-tablet { text-align: left; display: block; }
.left-text-tablet { text-align: left; display: block; }
.right-text-tablet { text-align: left; display: block; }
.space-left { padding-left: 10px; }
.space-right { padding-right: 10px; }

@media(min-width:750px) {
.hide-if-mobile { display: block!important; }
.hide-if-responsive { display: none!important; }
.center-text-tablet { text-align: center; }
.left-text-tablet { text-align: left; }
.right-text-tablet { text-align: right; }
.center-text-mobile { text-align: left; }
.left-text-tablet { text-align: left; }
.right-text-tablet { text-align: left; }
}
.center-boxed-text { max-width: 500px; margin-left: auto; margin-right: auto; }

/*-------------------------------*/
/*---Tablet Responsive Classes---*/
/*-------------------------------*/

@media(max-width:768px) {
.one-half { width: 45%; float: left; margin-right: 10%; }
.one-third { width: 28%; float: left; margin-right: 8%; }
.one-half-responsive { width: 100%; }
.one-third-responsive { width: 100%; }
}

@media(min-width:767px) {
.one-half,
.one-half-responsive { width: 48%; float: left; margin-right: 4%; }
.one-half-responsive { width: 48%; float: left; margin-right: 4%; }
.one-third,
.one-third-responsive { width: 28%; float: left; margin-right: 8%; }
.one-forth-responsive { float: left; width: 20%; margin-right: 5%; }
}
/*-----------------*/
/*---Decorations---*/
/*-----------------*/

.decoration-margins { margin: 0px 20px 0px 20px; }
.content-margins { margin: 0px 20px 0px 20px; }
.decoration { height: 1px; display: block; margin-bottom: 30px; clear: both!important; top: 12px; }
.decoration-boxed { margin: 0px 20px 0px 20px; }
.decoration-lines div { height: 5px; width: 10%; float: left; }
.decoration-lines-thin div { height: 3px; width: 10%; float: left; }
.deco-0 { background-color: #c0392b; }
.deco-1 { background-color: #2ecc71; }
.deco-2 { background-color: #3498db; }
.deco-3 { background-color: #bdc3c7; }
.deco-4 { background-color: #f1c40f; }
.deco-5 { background-color: #e67e22; }
.deco-6 { background-color: #9b59b6; }
.deco-7 { background-color: #34495e; }
.deco-8 { background-color: #16a085; }
.deco-9 { background-color: #95a5a6; margin-bottom: 30px; }
.decoration-shadow { margin-bottom: 30px; height: 5px; border: 0; box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5); }
.decoration-line-fade { margin-bottom: 30px; border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }
.decoration-zig-zag { margin-bottom: 30px; height: 6px; background: url(../images/framework/deco-zig.png) repeat-x 0 0; border: 0; }
.decoration-slash { margin-bottom: 30px; height: 6px; background: url(../images/framework/deco-slash.png) repeat-x 0 0; border: 0; }
/*Hover Effects + Rotate Effects*/

.rotate-45 { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); transition: all 250ms ease; }
.rotate-90 { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transition: all 250ms ease; }
.rotate-135 { -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); transition: all 250ms ease; }
.rotate-180 { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); transition: all 250ms ease; }
.scale-hover:hover { -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); transition: all 250ms ease; }
.scale-out { -moz-transform: scale(0, 0); -webkit-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); transition: all 250ms ease; }
.opacity-out { opacity: 0; transition: all 250ms ease; }
/*---------------------*/
/*--- Page Preloader---*/
/*---------------------*/

.page-preloader { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 99999999; opacity: 0; pointer-events: none; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; transition-delay: 250ms; -webkit-transition-delay: 250ms; }
.page-preloader-light { background-color: rgba(255,255,255,0.5); }
.page-preloader-dark { background: url(../images/logo-h.png) no-repeat; }
.show-preloader { opacity: 1!important; pointer-events: all!important; transition: all 250ms ease; }
.page-preloader img { position: absolute; left: 50%; right: 50%; top: 50%; margin-left: -32px; margin-top: -32px; width: 64px; }
.show-containers { opacity: 1!important; transition: all 500ms ease; }
.containers { opacity: 0; transition: all 0ms ease; }
.spinner { z-index: 9999999; width: 100px; height: 100px; background-color: #FFFFFF; position: fixed; top: 50%; margin-top: -50px; left: 50%; margin-left: -50px; border-radius: 100%; -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out; }
 @-webkit-keyframes sk-scaleout {
 0% {
-webkit-transform: scale(0)
}
 100% {
 -webkit-transform: scale(1.0);
 opacity: 0;
}
}
 @keyframes sk-scaleout {
 0% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
100% {
 -webkit-transform: scale(1.0);
 transform: scale(1.0);
 opacity: 0;
}
}
/*-------------------------*/
/*---Checkboxes & Radios---*/
/*-------------------------*/

.fac { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; display: inline-block; vertical-align: middle; font-size: 15px; }
.fac label { margin: 0em 1em 0em 0em; padding-left: 1.5em; cursor: pointer; font-weight: inherit; }
.fac > input + label:before,
.fac > span::after { font-family: IonIcons; position: absolute; left: 0; }
.fac > input + label:before { -webkit-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; }
.fac input { display: none; }
.checkboxes-demo .fac { display: block; }
.checkboxes-demo { margin-top: 10px; margin-bottom: 30px; }
.fac-checkbox > input + label:before,
.fac-checkbox-round > input + label:before { opacity: 1; }
.fac-checkbox > input:checked + label:before,
.fac > input:checked + label:before { opacity: 0; }
.fac-radio > input + label:before,
.fac-checkbox-o > input + label:before,
.fac-checkbox-round-o > input + label:before { opacity: 0; }
.fac-radio > input:checked + label:before,
.fac-checkbox-o > input:checked + label:before,
.fac-checkbox-round-o > input:checked + label:before { opacity: 1; }
.fac-default > input + label:before,
.fac-default > span::after { color: #9d9d9d; }
.fac-blue > input + label:before,
.fac-blue > span::after { color: #428bca; }
.fac-green > input + label:before,
.fac-green > span::after { color: #5cb85c; }
.fac-orange > input + label:before,
.fac-orange > span::after { color: #f0ad4e; }
.fac-red > input + label:before,
.fac-red > span::after { color: #d9534f; }
.fac-checkbox > span::after { content: "\f374"; }
.fac-checkbox > input[type=checkbox] + label:before { content: "\f371"; }
.fac-checkbox-round > span::after { content: "\f375"; }
.fac-checkbox-round > input[type=checkbox] + label:before { content: "\f21b"; }
.fac-checkbox-o > span::after { content: "\f3a6"; }
.fac-checkbox-o > input[type=checkbox] + label:before { content: "\f3a7"; }
.fac-checkbox-round-o > span::after { content: "\f3a6"; }
.fac-checkbox-round-o > input[type=checkbox] + label:before { content: "\f21b"; }
.fac-radio > span::after { content: "\f3a6"; }
.fac-radio > input[type=radio] + label:before { content: "\f3a7"; }
.fac-radio-full > span::after { content: "\f3a6"; }
.fac-radio-full > input[type=radio] + label:before { content: "\f21b"; }
/*----------------*/
/*---Select Box---*/
/*----------------*/

.select-box { overflow: hidden; box-sizing: border-box; margin-bottom: 30px; height: 50px; line-height: 50px; }
.select-box select { width: 99.9%; height: 50px; padding-left: 20px; line-height: 50px; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; box-sizing: border-box; }
.select-box select:focus { outline: none; }
.select-style select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
/*--------------*/
/*---Switches---*/
/*--------------*/

.onoffswitch-text { margin-top: 30px; }
/*Switch 1*/
.onoffswitch-1 { position: relative; width: 50px; float: right; margin-top: -28px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.onoffswitch-checkbox-1 { display: none; }
.onoffswitch-label-1 { display: block; overflow: hidden; cursor: pointer; height: 30px; padding: 0; line-height: 30px; border: 2px solid #CCCCCC; border-radius: 30px; background-color: #FFFFFF; transition: background-color 250ms ease-in; }
.onoffswitch-label-1:before { content: ""; display: block; width: 26px; margin: 0px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 19px; border: 2px solid #CCCCCC; border-radius: 36px; transition: all 250ms ease-in 0s; }
.onoffswitch-checkbox-1:checked + .onoffswitch-label-1 { background-color: #49E845; }
.onoffswitch-checkbox-1:checked + .onoffswitch-label-1,
.onoffswitch-checkbox-1:checked + .onoffswitch-label-1:before { border-color: #49E845; }
.onoffswitch-checkbox-1:checked + .onoffswitch-label-1:before { right: 0px; }
/*Switch 2*/
.onoffswitch-2 * { overflow: visible!important; }
.onoffswitch-2 { float: right; margin-top: -25px; position: relative; width: 50px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.onoffswitch-checkbox-2 { display: none; }
.onoffswitch-label-2 { display: block; overflow: hidden; cursor: pointer; height: 20px; padding: 0; line-height: 20px; border: 0px solid #FFFFFF; border-radius: 30px; background-color: #9E9E9E; }
.onoffswitch-label-2:before { content: ""; display: block; width: 27px; height: 27px; margin: -4px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 27px; border-radius: 25px; box-shadow: 0 2px 12px 0px rgba(0,0,0,0.3); transition: all 250ms ease-in 0s; }
.onoffswitch-checkbox-2:checked + .onoffswitch-label-2 { background-color: #42A5F5; }
.onoffswitch-checkbox-2:checked + .onoffswitch-label-2,
.onoffswitch-checkbox-2:checked + .onoffswitch-label-2:before { border-color: #42A5F5; }
.onoffswitch-checkbox-2:checked + .onoffswitch-label-2 .onoffswitch-inner-2 { margin-left: 0; }
.onoffswitch-checkbox-2:checked + .onoffswitch-label-2:before { right: 3px; background-color: #2196F3; border: solid 1px rgba(255,255,255,0.7); box-shadow: 3px 6px 18px 0px rgba(0, 0, 0, 0.2); margin: -4px; }
/*Switch*/
.onoffswitch { float: right; margin-top: -30px; position: relative; width: 50px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.onoffswitch-checkbox { display: none; }
.onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 1px solid #cacaca; border-radius: 20px; }
.onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; }
.onoffswitch-inner:before,
.onoffswitch-inner:after { display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 14px; color: white; font-weight: bold; box-sizing: border-box; }
.onoffswitch-inner:before { content: "\f383"; font-family: 'IonIcons'; padding-left: 10px; background-color: #2ecc71; color: #FFFFFF; text-align: center; padding-right: 10px; }
.onoffswitch-inner:after { content: "\f404"; font-family: 'IonIcons'; font-size: 20px; padding-right: 10px; background-color: #e74c3c; color: #FFFFFF; text-align: center; padding-left: 10px; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; }
/*Switch 3*/
.onoffswitch-3 i { position: absolute; top: 0px; right: 0px; height: 25px; line-height: 25px; width: 25px; text-align: center; font-size: 18px; }
/*------------------*/
/*---Range Slider---*/
/*------------------*/


.range-slider { -webkit-appearance: none; width: 90%; float: left; height: 6px; background-size: 100% 10px; background-position: center; background-repeat: no-repeat; outline: none; display: block; margin-bottom: 30px; }
.range-slider-output { float: left; margin-top: -11px; display: block; width: 10%; text-align: right; font-size: 12px; font-weight: 500; }
 .range-slider::-webkit-slider-thumb {
 -webkit-appearance: none;
 width: 15px;
 height: 15px;
 border-radius:15px;
 position: relative;
 z-index: 3;
}
 .range-slider::-webkit-slider-thumb:after {
 content: " ";
 width: 0px;
 height: 10px;
 position: absolute;
 z-index: 1;
 right: 20px;
 top: 5px;
}
.range-green { background-color: #5cb85c; }
.range-green::-webkit-slider-thumb {
background: #27ae60;
}
.range-green::-webkit-slider-thumb:after {
background: #2ecc71;
}
.range-blue { background-color: #428bca; }
.range-blue::-webkit-slider-thumb {
background: #3498db;
}
.range-blue::-webkit-slider-thumb:after {
background: #3498db;
}
.range-red { background-color: #c0392b; }
.range-red::-webkit-slider-thumb {
background: #d9534f;
}
.range-red::-webkit-slider-thumb:after {
background: #d9534f;
}
.range-orange { background-color: #f39c12; }
.range-orange::-webkit-slider-thumb {
background: #f0ad4e;
}
.range-orange::-webkit-slider-thumb:after {
background: #f0ad4e;
}
/*------------------*/
/*---Input Fields---*/
/*------------------*/

.input-text-box { height: 50px; line-height: 50px; width: 100%; font-size: 13px; transition: all 250ms ease; background-color: transparent; padding-left: 20px; padding-right: 20px; margin-bottom: 15px; font-weight: 500; font-family: 'Roboto', sans-serif; }
.input-round { border-radius: 100px!important; }
.input-green-border:focus { border: solid 1px #2ecc71!important; }
.input-red-border:focus { border: solid 1px #e74c3c!important; }
.input-blue-border:focus { border: solid 1px #3498db!important; }
.input-orange-border:focus { border: solid 1px #d35400!important; }
.input-text-line { height: 50px; line-height: 50px; width: 100%; font-size: 13px; transition: all 250ms ease; background-color: transparent; padding-left: 20px; padding-right: 20px; margin-bottom: 15px; font-weight: 500; font-family: 'Roboto', sans-serif; }
.input-green-line:focus { border-bottom: solid 1px #2ecc71!important; }
.input-red-line:focus { border-bottom: solid 1px #e74c3c!important; }
.input-blue-line:focus { border-bottom: solid 1px #3498db!important; }
.input-orange-line:focus { border-bottom: solid 1px #d35400!important; }
.input-icon { clear: both; }
.input-icon input { padding-right: 50px; }
.input-icon i { position: absolute; right: 0px; top: 0px; height: 50px; line-height: 50px; width: 50px; text-align: center; font-size: 12px; }
/*-------------*/
/*---Columns---*/
/*-------------*/

.column-icon h4 i { font-size: 18px; width: 30px; margin-right: 15px; text-align: left; }
.column-icon h4 { font-size: 17px; margin-bottom: 10px; }
.column-half-image-left,
.column-half-image-right { min-height: 150px; overflow: hidden; }

@media(min-width:768px) {
.column-half-image-left,
.column-half-image-right { min-height: 180px; }
}
.column-half-image-left img { width: 150px; position: absolute; border-radius: 150px; margin-left: -75px; }
.column-half-image-left h4 { font-size: 16px; padding: 0px 20px 10px 90px; }
.column-half-image-left p { padding-left: 90px; padding-right: 20px; }
.column-half-image-right img { right: -75px; width: 150px; position: absolute; border-radius: 150px; margin-left: -75px; }
.column-half-image-right h4 { font-size: 16px; padding: 0px 90px 10px 20px; }
.column-half-image-right p { padding-left: 20px; padding-right: 90px; }
.column-center-image { padding-top: 10px; }
.column-center-image img { width: 150px; height: 150px; margin-left: auto; margin-right: auto; border-radius: 150px; margin-bottom: 10px }
.column-center-image .col-img-1,
.column-center-image .col-img-3 { position: absolute; top: 0px; }
.column-center-image .col-img-2 { position: relative; z-index: 10; -webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.5); box-shadow: 0 0 10px 3px rgba(0,0,0,0.5); }
.column-center-image .col-img-1 { left: 50%; top: 25px; margin-left: -125px; width: 120px; height: 120px; opacity: 0.5; }
.column-center-image .col-img-3 { right: 50%; top: 25px; margin-right: -125px; width: 120px; height: 120px; opacity: 0.5; }
.column-center-image h3 { text-align: center; }
.column-center-image h4 { text-align: center; font-size: 13px; font-weight: 400; margin-bottom: 10px; }
.column-center-image p { width: 90%; margin-left: auto; margin-right: auto; text-align: center; }
.three-column-icons { width: 160px; margin: 0 auto; }
.two-column-icons { width: 110px; margin: 0 auto; }
/*--------------------*/
/*---Heading Styles---*/
/*--------------------*/

.heading-strip {padding: 50px 20px 10px;margin-bottom: 2px;}
.heading-strip .dark-overlay { background-color: rgba(0,0,0,0.8); }
.heading-strip h3,
.heading-strip h4 { color: #FFFFFF; z-index: 99; position: relative; }
.heading-strip p { color: #FFFFFF; z-index: 99; position: relative; margin-bottom: 0px; opacity: 0.6; }
.heading-strip i { position: absolute; z-index: 99; color: #FFFFFF; font-size: 24px; height: 110px; line-height: 110px; width: 50px; top: 0px; right: 0px; }
.heading-block { overflow: hidden; display: block; width: 100%; padding: 40px 25px; margin-bottom: 30px; }
.heading-block h3 { font-size: 24px; color: #FFFFFF; z-index: 99; position: relative; text-align: center; margin-bottom: 20px; }
.heading-block h4 { font-size: 18px; color: #FFFFFF; z-index: 99; position: relative; text-align: center; margin-bottom: 10px; }
.heading-block p { font-size: 14px; color: #FFFFFF; z-index: 99; position: relative; text-align: center; opacity: 0.7; width: 80%; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
.heading-block .button { z-index: 99; position: relative; color: #FFFFFF; display: block; width: 130px; margin-left: auto!important; margin-right: auto!important; border-color: rgba(255,255,255,0.3); border-width: 2px; }
.heading-text { margin-bottom: 30px; }
.heading-text h3,
.heading-text h4 { text-align: center; }
.heading-text i { text-align: center; font-size: 24px; display: block; height: 50px; line-height: 50px; }
.heading-line-1 { position: absolute; width: 80px; height: 1px; background-color: #cacaca; top: 55px; left: 50%; margin-left: -110px; }
.heading-line-2 { position: absolute; width: 80px; height: 1px; background-color: #cacaca; top: 55px; right: 50%; margin-right: -110px; }
.heading-text p { text-align: center; width: 300px; margin-left: auto; margin-right: auto; margin-bottom: 0px; }
/*--------------*/
/*---Dropcaps---*/
/*--------------*/

.dropcaps-1:first-child:first-letter { float: left; font-size: 50px; margin-right: 10px; padding: 15px 10px; font-family: Georgia; }
.dropcaps-2:first-child:first-letter { float: left; font-size: 30px; margin-right: 15px; padding: 15px 19px; }
.dropcaps-3:first-child:first-letter { float: left; font-size: 50px; padding: 12px; padding-left: 15px; margin-right: 6px; font-family: Georgia; }
.dropcaps-4:first-child:first-letter { float: left; font-size: 50px; padding: 12px; padding-left: 15px; margin-right: 10px; font-family: Georgia; }
.text-highlight { margin-bottom: 15px; }
.text-highlight span { display: block; float: left; padding: 0px 8px; margin-right: 5px; }
.highlight-blue { background-color: #2980b9; }
.highlight-red { background-color: #c0392b; }
.highlight-magenta { background-color: #8e44ad; }
.highlight-green { background-color: #27ae60; }
.highlight-orange { background-color: #d35400; }
.highlight-dark { background-color: #343434; }
/*----------------*/
/*---Menu Bars---*/
/*----------------*/

.menu-bar-icons,
.menu-bar-text { border-bottom: solid 1px rgba(0,0,0,0.1); height: 60px; margin-bottom: 30px; }
.menu-bar-icon-1,
.menu-bar-icon-2,
.menu-bar-icon-3,
.menu-bar-icon-4,
.menu-bar-title { border-left: none!important; border-right: none!important; border-top: none!important; border-bottom-width: thick!important; }
.menu-bar-icons i { font-size: 21px; }
.menu-bar-icon-1 { position: absolute; left: -5px; width: 50px; height: 60px; line-height: 60px; text-align: center; z-index: 2; color: #1f1f1f; }
.menu-bar-icon-2 { position: absolute; width: 50px; height: 60px; line-height: 60px; left: 45px; text-align: center; color: #1f1f1f; z-index: 2; }
.menu-bar-icon-3 { position: absolute; width: 50px; height: 60px; line-height: 60px; right: 45px; text-align: center; color: #1f1f1f; z-index: 2; }
.menu-bar-icon-4 { position: absolute; width: 50px; height: 60px; line-height: 60px; right: -5px; text-align: center; color: #1f1f1f; z-index: 2; }
.menu-bar-title { z-index: 1; width: 100%; height: 60px; position: absolute; text-align: center; line-height: 60px; font-weight: 600; color: #1f1f1f; }
.menu-bar-text-1,
.menu-bar-text-2 { border-left: none!important; border-right: none!important; border-top: none!important; border-bottom-width: thick!important; color: #1f1f1f; }
.menu-bar-icons em { font-style: normal; padding-left: 5px; }
.menu-bar-text-1 { padding: 0px 15px 0px 10px; position: absolute; left: 0px; width: auto; height: 60px; line-height: 60px; z-index: 2; }
.menu-bar-text-2 { padding: 0px 15px 0px 10px; position: absolute; right: 0px; width: auto; height: 60px; line-height: 60px; text-align: right; z-index: 2; }
.menu-bar-text em { font-style: normal; padding-left: 5px; }
.menu-bottom-bar { margin-bottom: 20px; border: solid 1px rgba(0,0,0,0.1); }
.menu-bottom-bar i { color: rgba(0,0,0,0.7); font-size: 20px; }
.menu-bottom-bar a { float: left; height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #1f1f1f; }
.menu-bottom-bar-two a { width: 50%; }
.menu-bottom-bar-three a { width: 33%; }
.menu-bottom-bar-four a { width: 25%; }
.menu-bottom-bar-five a { width: 20%; }
.menu-bottom-text { width: 20%; float: left; height: 50px; text-align: center; font-size: 16px; }
.menu-bottom-bar-text a { line-height: 42px!important; }
.menu-bottom-bar-text em { font-size: 12px; position: absolute; left: 0px; margin-top: 20px; text-align: center; width: 100%; font-style: normal; }
.selected-bottom-bar { background-color: rgba(0,0,0,0.1); }
.dark-menu-bar .selected-bottom-bar { background-color: #141f2a; }
.dark-menu-bar { background-color: #0c1117!important; }
.dark-menu-bar a,
.color-menu-bar a { color: #FFFFFF; }
.dark-menu-bar a i,
.color-menu-bar i { color: #FFFFFF; }
.dark-menu-bar a:hover { background-color: #141f2a; }
.flat-menu-bar { border-bottom: none!important; }
.flat-menu-bar a { border-left: none!important; border-right: none!important; border-top: none!important; border-bottom-width: thick!important; }
/*--------------*/
/*---Tab Bars---*/
/*--------------*/

.flat-tab-bar a { color: #FFFFFF!important; }
.dark-tab-bar { background-color: #0e141b; }
.dark-tab-bar a { color: #FFFFFF!important; }
.menu-tab-bar a { float: left; text-align: center; color: #1f1f1f; border-left: solid 1px rgba(0,0,0,0.1); border-right: solid 1px rgba(0,0,0,0.1); font-size: 13px; }
.menu-tab-bar-two a { width: 50%; }
.menu-tab-bar-three a { width: 33.33333%; }
.menu-tab-bar-four a { width: 25%; }
.menu-tab-bar-five a { width: 20%; }
.selected-tab-bar { background-color: rgba(0,0,0,0.05); border-bottom: none!important; margin-top: -1px; padding-bottom: 0px!important; }
.light-menu-bar { background-color: #ecf0f1!important; }
.light-menu-bar a:hover { background-color: rgba(0,0,0,0.1)!important; }
.menu-tab-bar { border: solid 1px rgba(0,0,0,0.2); height: 40px; overflow: hidden; line-height: 40px; border-radius: 40px!important; margin-bottom: 30px; }
/*--------------------*/
/*---Progress Lines---*/
/*--------------------*/

.progress-indicator { height: 80px; padding-top: 25px; margin-bottom: 30px; }
.progress-line { position: absolute; height: 3px; background-color: rgba(0,0,0,0.2); width: 100%; }
.progress-indicator a { position: absolute; margin-top: -25px; width: 50px; height: 50px; line-height: 50px; text-align: center; background-color: #FFFFFF; color: #1f1f1f; border-radius: 50px; border: solid 2px rgba(0,0,0,0.2); }
.progress-indicator a em { position: absolute; margin-top: 40px; left: 0px; width: 48px; text-align: center; font-size: 13px; font-style: normal; }
.progress-indicator-two .progress-1 { left: 0px; }
.progress-indicator-two .progress-2 { right: 0px; }
.progress-indicator-three .progress-1 { left: 0px; }
.progress-indicator-three .progress-2 { left: 50%; margin-left: -25px; }
.progress-indicator-three .progress-3 { right: 0px; }
.progress-indicator-four .progress-1 { left: 0px; }
.progress-indicator-four .progress-2 { left: 36%; margin-left: -25px; }
.progress-indicator-four .progress-3 { right: 36%; margin-right: -25px; }
.progress-indicator-four .progress-4 { right: 0px; }
.progress-blue { background-color: #2980b9!important; }
.progress-blue i { color: #FFFFFF!important; }
.progress-red { background-color: #c0392b!important; }
.progress-red i { color: #FFFFFF!important; }
.progress-green { background-color: #27ae60!important; }
.progress-green i { color: #FFFFFF!important; }
.progress-orange { background-color: #d35400!important; }
.progress-orange i { color: #FFFFFF!important; }
/*-------------------*/
/*---Progress Bars---*/
/*-------------------*/

.progress-bar { background-color: #cacaca; height: 25px; border-radius: 40px; box-shadow: inset 0px 2px 0px 0px rgba(0,0,0,0.1); margin-bottom: 30px; }
.progress-bar-size { position: absolute; margin-top: 2px; margin-left: 2px; display: block; height: 21px; width: 75%; border-radius: 40px; border: solid 1px rgba(0,0,0,0.1); border-bottom: solid 2px rgba(0,0,0,0.2); }
.progress-bar em { position: absolute; z-index: 10; right: 20px; font-size: 10px; font-style: normal; height: 25px; line-height: 25px; font-weight: 500; }
.p5 { width: 5%; }
.p10 { width: 10%; }
.p15 { width: 15%; }
.p20 { width: 20%; }
.p25 { width: 25%; }
.p30 { width: 30%; }
.p35 { width: 35%; }
.p40 { width: 40%; }
.p45 { width: 45%; }
.p50 { width: 50%; }
.p55 { width: 55%; }
.p60 { width: 60%; }
.p65 { width: 65%; }
.p70 { width: 70%; }
.p75 { width: 75%; }
.p80 { width: 80%; }
.p85 { width: 85%; }
.p90 { width: 90%; }
.p95 { width: 95%; }
.p100 { width: 98.3%; }

/*-------------*/
/*---Buttons---*/
/*-------------*/

@media(max-width:560px) {
.demo-socials a { width: 100%; }
}

@media(min-width:560px) and (max-width:760px) {
.demo-socials a { width: 45%; }
}

@media(min-width:760px) and (max-width:1280px) {
.demo-socials a { width: 31%; }
}

@media(min-width:1280px) {
.demo-socials a { width: 18%; }
}
.button { color: #FFFFFF; height: 27px; line-height: 25px; text-align: center; font-size: 14px; display: inline-block; margin: 0px 5px 10px 5px; padding: 0px 20px 0px 20px; }
.button-ghost { background-color: transparent!important; color: #1f1f1f; line-height: 38px; }
.button-ghost:active { background-color: rgba(0,0,0,0.05)!important; }
.button-xl { font-size: 18px; height: 70px!important; line-height: 68px!important; }
.button-xl.button-icon i { font-size: 12px; height: 70px!important; width: 68px!important; border-radius: 70px!important; line-height: 70px!important; }
.button-l { font-size: 16px; height: 60px!important; line-height: 60px!important; }
.button-l.button-icon i { font-size: 12px; height: 60px!important; width: 55px!important; border-radius: 60px!important; line-height: 60px!important; }
.button-m { font-size: 14px; height: 55px!important; line-height: 53px!important; }
.button-m.button-icon i { font-size: 12px; height: 53px!important; width: 55px!important; border-radius: 55px!important; line-height: 55px!important; }
.button-s { font-size: 13px; height: 47px!important; line-height: 45px!important; }
.button-s.button-icon i { font-size: 12px; height: 45px!important; width: 45px!important; border-radius: 45px!important; line-height: 45px!important; }
.button-xs { font-size: 12px; height: 42px!important; line-height: 40px!important; }
.button-xs.button-icon i { font-size: 14px; height: 40px!important; width: 40px!important; border-radius: 40px!important; line-height: 40px!important; }
.icon-xl { width: 70px!important; height: 70px!important; line-height: 70px!important; font-size: 32px!important; }
.icon-xl i { width: 70px!important; height: 70px!important; line-height: 70px!important; font-size: 32px!important; }
.icon-l { width: 60px!important; height: 60px!important; line-height: 60px!important; font-size: 24px!important; }
.icon-l i { width: 60px!important; height: 60px!important; line-height: 60px!important; font-size: 24px!important; }
.icon-m { width: 55px!important; height: 55px!important; line-height: 55px!important; font-size: 20px!important; }
.icon-m i { width: 55px!important; height: 55px!important; line-height: 55px!important; font-size: 20px!important; }
.icon-s { width: 40px!important; height: 40px!important; line-height: 40px!important; font-size: 16px!important; }
.icon-s i { width: 40px!important; height: 40px!important; line-height: 40px!important; font-size: 16px!important; }
.icon-xs i { width: 35px!important; height: 35px!important; line-height: 35px!important; font-size: 14px!important; }
.icon-xs { width: 35px!important; height: 35px!important; line-height: 32px!important; font-size: 14px!important; }
.button-full { display: block; width: 100%!important; margin-left: -1px }
.button-round { border-radius: 40px; padding-bottom: 38px; }
.button-teal { background-color: #16a085; border: solid 2px #16a085; }
.button-teal-3d { border: none!important; border-bottom: solid 5px #107763!important; padding: 0px 22px; }
.button-teal:hover { background-color: #1abc9c; border: solid 2px #1abc9c; }
.button-teal:active { background-color: #16a085; border: solid 2px #16a085; }
.button-green { background-color: #27ae60; border: solid 2px #27ae60; }
.button-green-3d { border: none!important; border-bottom: solid 3px #1e7b45!important; padding: 0px 8px; margin: 0 auto; }
.button-green-3d-22 { border: none!important; border-bottom: solid 3px #1e7b45!important; padding: 0px 8px; margin: 0 auto; text-align: center; width: 100%; margin: 25px 0; }
.button-green:hover { background-color: #2ecc71; border: solid 2px #2ecc71; }
.button-green:active { background-color: #27ae60; border: solid 2px #27ae60; }
.button-blue { background-color: #2980b9; border: solid 2px #2980b9; }
.button-blue-3d { border: none!important; border-bottom: solid 5px #216490!important; padding: 0px 22px; }
.button-blue:hover { background-color: #3498db; border: solid 2px #3498db; }
.button-blue:active { background-color: #2980b9; border: solid 2px #2980b9; }
.button-magenta { background-color: #8e44ad; border: solid 2px #8e44ad; }
.button-magenta-3d { border: none!important; border-bottom: solid 5px #6a3083!important; padding: 0px 22px; }
.button-magenta:hover { background-color: #9b59b6; border: solid 2px #9b59b6; }
.button-magenta:active { background-color: #8e44ad; border: solid 2px #3498db; }
.button-dark { background-color: #2c3e50; border: solid 2px #2c3e50; }
.button-dark-3d { border: none!important; border-bottom: solid 5px #1b2631!important; padding: 0px 22px; }
.button-dark:hover { background-color: #34495e; border: solid 2px #34495e; }
.button-dark:active { background-color: #2c3e50; border: solid 2px #2c3e50; }
.button-light { background-color: #7f8c8d; border: solid 2px #7f8c8d; }
.button-light-3d { border: none!important; border-bottom: solid 5px #5b6667!important; padding: 0px 22px; }
.button-light:hover { background-color: #acb0b2; border: solid 2px #7f8c8d; }
.button-light:active { background-color: #7f8c8d; border: solid 2px #7f8c8d; }
.button-yellow { background-color: #f39c12; border: solid 2px #f39c12; }
.button-yellow-3d { border: none!important; border-bottom: solid 5px #c37d0e!important; padding: 0px 22px; }
.button-yellow:hover { background-color: #f1c40f; border: solid 2px #f1c40f; }
.button-yellow:active { background-color: #f39c12; border: solid 2px #f39c12; }
.button-orange { background-color: #d35400; border: solid 2px #d35400; }
.button-orange-3d { border: none!important; border-bottom: solid 5px #772016!important; padding: 0px 22px; }
.button-orange:hover { background-color: #e67e22; border: solid 2px #e67e22; }
.button-orange:active { background-color: #d35400; border: solid 2px #d35400; }
.button-red { background-color: #c0392b; border: solid 2px #c0392b; }
.button-red-3d { border: none!important; border-bottom: solid 5px #772016!important; padding: 0px 22px; }
.button-red:hover { background-color: #e74c3c; border: solid 2px #e74c3c; }
.button-red:active { background-color: #c0392b; border: solid 2px #c0392b; }
.button-icon { padding-left: 60px; height: 50px; line-height: 50px; border: none!important; }
.button-icon.button-full { padding-left: 47px!important; text-align: center!important }
.button-center-large { display: block; width: 250px; margin-left: auto; margin-right: auto; }
.button-center { width: 150px; margin-left: auto; margin-right: auto; display: block; }
.button-round.button-icon i { border-radius: 50px; }
.button-icon i { width: 50px; line-height: 50px!important; height: 100%; top: 0px; left: 0px; position: absolute; font-size: 16px; background-color: rgba(0,0,0,0.1); }
/*--------------------*/
/*---Device Buttons---*/
/*--------------------*/

.android-button { width: 140px; height: 50px; border-radius: 10px; margin-right: 10px; }
.android-button em { position: absolute; font-size: 8px; padding-left: 45px; text-transform: uppercase; font-style: normal; font-weight: 600; margin-top: -2px; }
.android-button i { position: absolute; font-size: 18px; height: 50px; line-height: 50px; width: 45px; text-align: center; }
.android-button strong { font-size: 15px; font-weight: 500; height: 50px; line-height: 62px; display: block; padding-left: 45px; }
.ios-button { width: 140px; height: 50px; border-radius: 10px; margin-right: 10px; }
.ios-button em { position: absolute; font-size: 8px; padding-left: 45px; text-transform: uppercase; font-style: normal; font-weight: 600; margin-top: -2px; }
.ios-button i { position: absolute; font-size: 24px; height: 50px; line-height: 52px; width: 45px; text-align: center; }
.ios-button strong { font-size: 17px; font-weight: 500; height: 50px; line-height: 61px; display: block; padding-left: 45px; }
.windows-button { width: 145px; height: 50px; border-radius: 10px; margin-right: 10px; }
.windows-button em { position: absolute; font-size: 8px; padding-left: 45px; text-transform: uppercase; font-style: normal; font-weight: 600; margin-top: 1px; }
.windows-button i { position: absolute; font-size: 21px; height: 50px; line-height: 49px; width: 45px; text-align: center; }
.windows-button strong { font-size: 13px; font-weight: 500; height: 50px; line-height: 63px; display: block; padding-left: 45px; }
.down-button { width: 145px; height: 50px; border-radius: 10px; margin-right: 10px; }
.down-button em { position: absolute; font-size: 8px; padding-left: 50px; text-transform: uppercase; font-style: normal; font-weight: 600; margin-top: 0px; }
.down-button i { position: absolute; font-size: 20px; height: 50px; line-height: 53px; width: 50px; text-align: center; }
.down-button strong { font-size: 15px; font-weight: 500; height: 50px; line-height: 62px; display: block; padding-left: 50px; }
/*----------------*/
/*---Checkboxes---*/
/*----------------*/

.icon:hover { opacity: 0.9; transform: scale(1.1, 1.1); }
.icon { width: 45px; height: 45px; line-height: 43px; text-align: center; color: #FFFFFF; font-size: 18px; display: inline-block; margin: 5px; }
.icon-round { border-radius: 50px; }
.icon-ghost { font-size: 16px; background-color: rgba(255,255,255,0.1)!important; }
/*-------------------*/
/*---Pricing Table---*/
/*-------------------*/

.pricing-table-slider { margin: 0px auto 30px auto; }
.price-table-item { width: 290px; margin: 0px auto 0px auto; padding: 30px 0px 30px 0px; }
.price-table-item h1 { text-align: center; font-size: 40px; }
.price-table-item h2 { text-align: center; padding: 30px 0px 30px 0px; font-weight: 800; color: #FFFFFF; font-size: 26px; line-height: 26px; }
.price-table-item h3 { text-align: center; font-size: 40px; padding-left: 10px; }
.price-table-item h3 strong { font-size: 16px; position: absolute; margin: -5px 0px 0px -10px; }
.price-table-item h3 em { font-size: 12px; }
.price-table-list { list-style: none; padding: 30px 0px 10px 0px; }
.price-table-list li { line-height: 30px; text-align: center; }
.price-table-item .button { width: 150px; display: block; margin-left: auto!important; margin-right: auto!important; }
/*Notifications*/

.hide-notification { font-size: 21px; color: #FFFFFF!important; }
.notification-large { display: block; overflow: hidden; margin-bottom: 30px; }
.notification-large strong { position: absolute; height: 100%; width: 50px; }
.notification-large strong i { color: #FFFFFF; position: absolute; height: 15px; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; }
.notification-large a { position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; line-height: 40px; text-align: center; opacity: 0.2; color: #FFFFFF; }
.notification-large h1 { font-size: 16px; color: #FFFFFF; font-weight: 500; padding-top: 15px; padding-left: 65px; line-height: 30px; }
.notification-large p { font-size: 12px; color: #FFFFFF; margin-bottom: 0px; padding: 0px 15px 15px 65px; }
.notification-medium { overflow: hidden; margin-bottom: 30px; }
.notification-medium strong { position: absolute; height: 100%; width: 50px; }
.notification-medium strong i { color: #FFFFFF; position: absolute; height: 15px; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; }
.notification-medium a { position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; line-height: 40px; text-align: center; opacity: 0.2; color: #FFFFFF; }
.notification-medium h1 { font-size: 16px; color: #FFFFFF; font-weight: 500; padding-top: 15px; padding-left: 65px; line-height: 20px; }
.notification-medium p { font-size: 12px; color: #FFFFFF; padding: 0px 0px 10px 65px; margin-bottom: 0px; }
.notification-small { height: 50px; margin-bottom: 30px; }
.notification-small strong { color: #FFFFFF; position: absolute; height: 100%; width: 50px; line-height: 50px; }
.notification-small strong i { color: #FFFFFF; position: absolute; height: 100%; width: 50px; line-height: 50px; text-align: center; font-size: 16px; }
.notification-small p { font-size: 13px; color: #FFFFFF; padding-left: 65px; height: 50px; line-height: 50px; }
.activate-toggle { position: absolute; height: 35px; width: 100%; z-index: 999; }
.toggle-content { display: none; }
.active-toggle-content { display: block; }
.toggle-45 { transition: all 250ms ease; }
.toggle-180 { transition: all 250ms ease; }
/*-------------*/
/*---Toggles---*/
/*-------------*/

.toggle .toggle-title { height: 60px; line-height: 60px; font-weight: 500; font-size: 15px; display: block; width: 100%; }
.active-toggle .toggle-content { display: block; }
.toggle-content { display: none; padding-top: 0px; padding-bottom: 20px; }
.toggle-content p { padding-bottom: 0px; margin-bottom: 0px; }
.toggle i { font-size: 16px!important; pointer-events: none; position: absolute; top: 1px; width: 20px; height: 60px; line-height: 60px; text-align: center; right: 0px; -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.rotate-toggle { color: #c0392b!important; -moz-transform: rotate(45deg)!important; -webkit-transform: rotate(45deg)!important; -o-transform: rotate(45deg)!important; -ms-transform: rotate(45deg)!important; transform: rotate(45deg)!important; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
/*----------*/
/*---Tabs---*/
/*----------*/

ul.tabs { margin: 0px; padding: 0px; list-style: none; margin-bottom: -5px; }
ul.tabs li { background: none; display: inline-block; padding: 10px 15px; cursor: pointer; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; }
ul.tabs li.current { -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; }
.tab-elements { overflow: hidden; padding: 15px; }
.tab-content { max-height: 0px; overflow: hidden; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; }
.tab-link em { font-style: normal; padding-left: 10px; }
.tab-content.current { max-height: 500px; display: inherit; -webkit-transition: all 250ms ease-in; -moz-transition: all 250ms ease-in; -ms-transition: all 250ms ease-in; -o-transition: all 250ms ease-in; transition: all 250ms ease-in; -webkit-transition-delay: 250ms; /* Safari */ transition-delay: 250ms; }
/*----------------*/
/*---Accordions---*/
/*----------------*/


.accordion-toggle { height: 50px; line-height: 50px; font-size: 15px; font-weight: 600; padding-left: 20px; }
.accordion-toggle i { font-size: 18px; height: 50px; width: 50px; line-height: 50px; padding: 0px; text-align: center; position: absolute; right: 10px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.accordion-content { display: none; padding: 0px 20px 10px 20px; }
.active-accordion-content { display: block; }
.accordion-ghost { border: none!important; }
.accordion-ghost .accordion-toggle { padding-left: 0px!important; }
.accordion-ghost .accordion-content { padding: 0px!important; }
.accordion-ghost .accordion-toggle i { width: 10px; }
.accordion-bg a { color: #FFFFFF; }
.accordion-bg p { color: #FFFFFF!important; margin-bottom: 0px!important; }
/*---------------*/
/*---Dropdowns---*/
/*---------------*/

.dropdown-menu a:hover { background-color: rgba(0,0,0,0.1); transition: all 250ms ease; }
.dropdown-item {height: 55px;line-height: 25px;padding-right: 20px;transition: all 250ms ease;}
.dropdown-toggle em { font-size: 15px!important; font-weight: 500!important; color: #FFFFFF; }
.dropdown-item i:first-child {color: #FFFFFF;/* width: 30px; *//* height: 30px; */line-height: 50px;/* text-align: left; */font-size: 21px;display: inline-block;/* background-color: rgba(0,0,0,0.1); *//* left: 0; *//* position: relative; */margin-right: 15px;}
.dropdown-item em {font-size: 14px;font-style: normal;padding-left: 0;color: rgba(255,255,255,0.8);line-height: 0;}
.dropdown-item i:last-child {position: absolute;height: 50px;width: 50px;line-height: 50px;text-align: center;right: 0px;color: #FFFFFF;font-size: 15px;transition: all 250ms ease;}
.dropdown-content { display: none; }
.dropdown-ghost { background-color: rgba(0,0,0,0.05); }
.dropdown-ghost em { color: #1f1f1f; }
.dropdown-ghost i { color: #1f1f1f; }

/*------------------*/
/*---Share Bottom---*/
/*------------------*/

/*----Share Bottom----*/ 

@media (min-width:768px) {
.share-socials-bottom { width: 600px!important; }
}
.share-bottom-tap-close { position: fixed; z-index: 9999; top: 0px; left: 0px; right: 0px; bottom: 0px; opacity: 0; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.share-bottom-tap-close-active { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.share-light { background-color: #ecf0f1; }
.share-light a { color: #1f1f1f; }
.share-light h3 { border-bottom: solid 1px rgba(0,0,0,0.05); }
.share-dark { background-color: #0c1117; }
.share-dark a,
.share-dark h3 { color: #FFFFFF; }
.share-dark h3 { border-bottom: solid 1px rgba(255,255,255,0.05); }
.share-bottom { position: fixed; width: 100%; z-index: 999999; padding-top: 15px; padding-bottom: 15px; border-top: solid 1px rgba(255,255,255,0.05); bottom: 0px; -moz-transform: translateX(0px) translateY(380px); -webkit-transform: translateX(0px) translateY(380px); -o-transform: translateX(0px) translateY(380px); -ms-transform: translateX(0px) translateY(380px); transform: translateX(0px) translateY(380px); -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; -ms-transition: all 350ms ease; -o-transition: all 350ms ease; transition: all 350ms ease; }
.active-share-bottom { -moz-transform: translateX(0px) translateY(0px); -webkit-transform: translateX(0px) translateY(0px); -o-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px); -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; -ms-transition: all 350ms ease; -o-transition: all 350ms ease; transition: all 350ms ease; }
.share-bottom h3 { text-align: center; font-size: 16px; text-transform: uppercase; font-weight: 600; padding-bottom: 15px; margin-left: -5px; }
.share-socials-bottom { width: 300px; margin-left: auto; margin-right: auto; }
.share-socials-bottom a { font-family: 'Roboto', serif; font-size: 13px!important; font-weight: 500; float: left; width: 60px; margin-left: 20px; margin-right: 20px; text-align: center; margin-bottom: 10px; margin-top: 10px; }
.share-socials-bottom a i:hover { color: #FFFFFF; -moz-transform: scale(1.01, 1.01); -webkit-transform: scale(1.01, 1.01); -o-transform: scale(1.01, 1.01); -ms-transform: scale(1.01, 1.01); transform: scale(1.01, 1.01); -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.share-socials-bottom a i { background-color: transparent!important; }
.share-socials-bottom a i { display: block; width: 60px; height: 60px; border-radius: 60px; color: #FFFFFF; line-height: 60px; font-size: 24px; margin-bottom: 5px; -moz-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; opacity: 1; }
.share-socials-bottom a i:hover { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; opacity: 1; }
/*-----------------------*/
/*---Back To Top Badge---*/
/*-----------------------*/

.footer-clear-top { -moz-transform: translateY(120px); -webkit-transform: translateY(120px); -o-transform: translateY(120px); -ms-transform: translateY(120px); transform: translateY(120px); z-index: 9!important; }
.footer-clear-top.back-to-top-badge-visible { -moz-transform: translateY(-50px); -webkit-transform: translateY(-50px); -o-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }
.back-to-top-badge { /*opacity:0;*/
width: 130px; height: 34px; border-radius: 18px; font-size: 12px; position: fixed; z-index: 98; left: 50%; margin-left: -65px; padding-left: 25px; bottom: 20px; -moz-transform: translateY(70px); -webkit-transform: translateY(70px); -o-transform: translateY(70px); -ms-transform: translateY(70px); transform: translateY(70px); color: #FFFFFF; text-align: center; line-height: 32px; background: #499bea; /* Old browsers */ background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #499bea), color-stop(100%, #207ce5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #499bea 0%, #207ce5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #499bea 0%, #207ce5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #499bea 0%, #207ce5 100%); /* IE10+ */ background: linear-gradient(to bottom, #499bea 0%, #207ce5 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=0 ); /* IE6-9 */
-webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; pointer-events: none; }
.back-to-top-badge:hover { color: #FFFFFF; }
.back-to-top-badge i { height: 34px; line-height: 35px!important; padding-right: 17px; text-align: center; width: 23px; font-size: 18px; position: absolute; left: 20px; }
.back-to-top-badge-visible { /*opacity:1;*/
pointer-events: all; -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
/*----------------------*/
/*---Portfolio 1 Item---*/
/*----------------------*/

.border-image { padding: 7px; }
.portfolio-item { margin-bottom: 30px; }
.portfolio-one-item h1 { font-size: 16px; padding-bottom: 5px; }
.portfolio-one-item .portfolio-icons { width: 168px; margin-left: auto; margin-right: auto; }
.portfolio-one-item .portfolio-icon { width: 40px; height: 40px; float: right; line-height: 40px; text-align: center; margin: 0px 8px 0px 8px; border-radius: 40px; }
.portfolio-one-item .portfolio-icon i { line-height: 40px; text-align: center; font-size: 16px; }
/*----------------------*/
/*---Portfolio 2 Item---*/
/*----------------------*/

.portfolio-two-item .portfolio-item:nth-child(4n-3) { width: 47%; margin-right: 3%; float: left; }
.portfolio-two-item .portfolio-item:nth-child(4n-1) { width: 47%; margin-left: 3%; float: left; }
.portfolio-two-item .decoration:nth-child(4n-2) { display: none; }
.portfolio-two-item h1 { font-size: 16px; padding-bottom: 5px; }
.portfolio-two-item .portfolio-icons { width: 168px; margin-left: auto; margin-right: auto; }
.portfolio-two-item .portfolio-icon { width: 40px; height: 40px; float: right; line-height: 40px; text-align: center; margin: 0px 8px 0px 8px; border-radius: 40px; }
.portfolio-two-item .portfolio-icon i { line-height: 40px; text-align: center; font-size: 16px; }
/*------------------------*/
/*---Portfolio Adaptive---*/
/*------------------------*/

.portfolio-switch { margin-top: -30px!important; margin-bottom: 10px!important; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.active-adaptive { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.portfolio-adaptive { margin-bottom: 10px; }
.portfolio-adaptive:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
.portfolio-adaptive .portfolio-item img { margin-bottom: 20px; }
/*1 Item*/
.portfolio-item { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.portfolio-adaptive-one .portfolio-item { width: 100%; float: left; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
/*2 Items*/
.portfolio-adaptive-two .portfolio-item { width: 48%; float: left; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.portfolio-adaptive-two .portfolio-item:nth-child(2n+2) { margin-right: 0%; !important;
}
.portfolio-adaptive-two .portfolio-item:nth-child(2n+1) { margin-right: 4%!important; }
/*3 Items*/

.portfolio-adaptive-three .portfolio-item { width: 30%; float: left; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.portfolio-adaptive-three .portfolio-item:nth-child(3n+1) { margin-right: 4%; !important;
}
.portfolio-adaptive-three .portfolio-item:nth-child(3n+2) { margin-right: 0%; !important;
}
.portfolio-adaptive-three .portfolio-item:nth-child(3n+3) { margin-left: 4%; !important;
}
/*Portfolio Controls*/
.portfolio-adaptive-controls { padding: 0px 15px 0px 20px; margin-bottom: 30px; height: 50px; }
.portfolio-adaptive-controls h4 { height: 50px; line-height: 50px; font-size: 14px; }
.portfolio-adaptive-controls .portfolio-switch { float: right; margin: -50px 0px 30px 0px!important; }
.portfolio-adaptive-controls .adaptive-one { border-left: 0px; }
.portfolio-adaptive-controls .portfolio-switch i { display: inline-block; font-size: 20px; width: 50px; height: 50px; line-height: 50px; text-align: center; }
.portfolio-adaptive .portfolio-item .adaptive-more { font-size: 14px; padding-top: 10px; }
.portfolio-adaptive .portfolio-item .adaptive-more i { font-size: 14px; margin: 0px 10px 0px 10px; }

/*---------------------*/
/*---Portfolio Fluid---*/
/*---------------------*/

@media(min-width:560px) and (max-width:800px) {
.portfolio-fluid-item .portfolio-item:nth-child(4n-3) { width: 47%; margin-right: 3%; float: left; }
.portfolio-fluid-item .portfolio-item:nth-child(4n-1) { width: 47%; margin-left: 3%; float: left; }
}

@media(min-width:800px) {
.portfolio-fluid-item .portfolio-item:nth-child(3n-3) { width: 30%; float: left; margin: 0px 5% 0px 5%; }
.portfolio-fluid-item .portfolio-item:nth-child(3n-2) { width: 30%; float: left; }
.portfolio-fluid-item .portfolio-item:nth-child(3n-1) { width: 30%; float: left; }
}
.portfolio-fluid-item .decoration { display: none; }
.portfolio-fluid-item h1 { font-size: 16px; padding-bottom: 5px; }
.portfolio-fluid-item .portfolio-icons { width: 168px; margin-left: auto; margin-right: auto; }
.portfolio-fluid-item .portfolio-icon { width: 40px; height: 40px; float: right; line-height: 40px; text-align: center; margin: 0px 8px 0px 8px; border-radius: 40px; }
.portfolio-fluid-item .portfolio-icon i { line-height: 40px; text-align: center; font-size: 16px; }

/*--------------------*/
/*---Portfolio Wide---*/
/*--------------------*/

@media(min-width:768px) {
.portfolio-wide-item { width: 50%!important; float: left; }
}
.portfolio-wide-item .portfolio-wide-caption .overlay { position: absolute; background-color: rgba(0,0,0,0.6); top: 0px; left: 0px; right: 0px; bottom: 0px; pointer-events: none; }
.portfolio-wide-item .portfolio-wide-content { display: none; padding: 20px 20px 0px 20px; }
.portfolio-wide-item .portfolio-wide-caption h3 { position: absolute; height: 30px; top: 50%; margin-top: -15px; width: 100%; text-align: center; color: #FFFFFF; z-index: 999; pointer-events: none; font-size: 18px; }
.portfolio-wide-item .responsive-image { margin-bottom: 0px!important; }
/*---------------------*/
/*---Portfolio Cards---*/
/*---------------------*/

.portfolio-wide-item .portfolio-wide-caption em { position: absolute; height: 30px; top: 50%; width: 100%; text-align: center; z-index: 999; pointer-events: none; font-size: 13px; font-style: normal; }
.portfolio-wide-card { border-bottom: solid 5px #000000; }
.portfolio-wide-card h3 { width: 250px!important; height: 50px!important; margin-top: -40px!important; padding-top: 10px; z-index: 99999999!important; left: 50%; margin-left: -125px; background-color: #FFFFFF; color: #1f1f1f!important; font-weight: 800; text-transform: uppercase; font-size: 20px!important; border-top-right-radius: 5px; border-top-left-radius: 5px; }
.portfolio-wide-card em { width: 250px!important; left: 50%; margin-left: -125px; background-color: #FFFFFF; height: 40px!important; padding-top: 8px; margin-top: -5px; font-weight: 400; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
/*----------------------*/
/*---Gallery Settings---*/
/*----------------------*/

.gallery-blocks a { margin-bottom: 0%!important; }
.gallery-blocks img { margin-bottom: 0px!important; }

@media(min-width:0px) and (max-width:320px) {
.gallery a { width: 45%; float: left; }
.gallery a:nth-child(2n-1) { margin-right: 10%; }
.gallery-blocks a { width: 50%; float: left; }
.gallery-blocks strong { font-size: 16px; }
}

@media(min-width:320px) and (max-width:480px) {
.gallery a { width: 30%; float: left; }
.gallery a:nth-child(3n-1) { margin-left: 5%; margin-right: 5%; }
.gallery-blocks a { width: 33.33333333%; float: left; }
.gallery-blocks a strong { font-size: 16px!important; }
}

@media(min-width:481px) and (max-width:768px) {
.gallery a { width: 23%; float: left; margin-bottom: 1%; }
.gallery a:nth-child(4n-1) { margin-left: 1%; margin-right: 2%; }
.gallery a:nth-child(4n-2) { margin-left: 2%; margin-right: 1%; }
.gallery-blocks a { width: 25%; float: left; }
.gallery-blocks a strong { font-size: 18px!important; }
}

@media(min-width:768px) and (max-width:1024px) {
.gallery a { width: 18%; float: left; margin-bottom: 1%; }
.gallery a:nth-child(5n-1) { margin-left: 1%; margin-right: 2%; }
.gallery a:nth-child(5n-2) { margin-left: 1%; margin-right: 1%; }
.gallery a:nth-child(5n-3) { margin-left: 2%; margin-right: 1%; }
.gallery-blocks a { width: 20%; float: left; }
.gallery-blocks a strong { font-size: 20px!important; }
}

@media(min-width:1024px) {
.gallery a { width: 15%; float: left; margin-bottom: 1%; }
.gallery a:nth-child(6n-1) { margin-left: 1%; margin-right: 2%; }
.gallery a:nth-child(6n-2) { margin-left: 1%; margin-right: 1%; }
.gallery a:nth-child(6n-3) { margin-left: 1%; margin-right: 1%; }
.gallery a:nth-child(6n-4) { margin-left: 1%; margin-right: 1%; }
.gallery a:nth-child(6n-5) { margin-right: 1%; }
.gallery-blocks a { width: 16.667%; float: left; }
.gallery-blocks a strong { font-size: 20px!important; }
}
.gallery-square img { border-radius: 0px; }
.gallery-round img { border-radius: 5000px; }
.gallery-blocks em { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: rgba(0,0,0,0.5); z-index: 9999; }
.gallery-blocks strong { position: absolute; z-index: 999999; width: 100%; color: #FFFFFF; top: 50%; margin-top: -15px; text-align: center; }
.content-center { position: absolute; }
.content-color { padding-top: 30px; padding-bottom: 30px; }
/*-------------------------*/
/*---Gallery Collections---*/
/*-------------------------*/

.gallery-collection-item { margin-bottom: 30px; }

@media(min-width:768px) {
.gallery-collection-item { width: 48%; float: left; }
.gallery-collections div:nth-child(n+1) { margin-right: 2%; }
}
.gallery-collection-item em { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin: -25px 0px 0px -25px; text-align: center; border-radius: 50px; line-height: 50px; background-color: #FFFFFF; z-index: 10; font-size: 18px; }
.gallery-collection-item a img { border: solid 3px #FFFFFF; width: 50%; float: left; }
/*-----------------------*/
/*---Landing Page Menu---*/
/*-----------------------*/

.landing-dark .landing-overlay { background-color: rgba(0,0,0,0.5); }
.landing-dark ul li a em { color: #FFFFFF; }
.landing-dark .deco { background-color: rgba(255,255,255,0.1)!important; }
.landing-dark .landing-header-logo { color: #FFFFFF!important; }
.landing-light .landing-overlay { background-color: rgba(255,255,255,0.8); }
.landing-light ul li a em { color: #000000; }
.landing-light .deco { background-color: rgba(0,0,0,0.1)!important; }
.landing-light .landing-header-logo { color: #000000!important; }
.landing-homepage ul { padding: 0px 20px 0px 20px; }
.landing-homepage ul li:last-child { margin-bottom: 40px; }
.landing-homepage ul li { list-style: none; margin-bottom: 20px; }
.landing-homepage ul li { width: 33.3%; float: left; }
.landing-homepage ul li a { padding-top: 10px; }
.landing-homepage ul li a i { width: 65px; height: 65px; font-size: 32px; line-height: 65px; text-align: center; display: block; color: #FFFFFF; border-radius: 65px; margin-left: auto; margin-right: auto; -webkit-box-shadow: 0 1px 2px 2px rgba(0,0,0,0.10); box-shadow: 0 1px 2px 2px rgba(0,0,0,0.10); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; -ms-transition: all 150ms ease; -o-transition: all 150ms ease; transition: all 150ms ease; }
.landing-homepage ul li a i:hover { -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; -ms-transition: all 150ms ease; -o-transition: all 150ms ease; transition: all 150ms ease; }
.landing-homepage ul li a em { display: block; font-size: 14px; opacity: 0.8; font-style: normal; text-align: center; padding-top: 10px; font-weight: 500; }

@media(min-width:767px) {
.landing-homepage .deco { width: 700px!important; margin-left: auto; margin-right: auto; }
.landing-header { width: 700px!important; margin-left: auto; margin-right: auto; }
.landing-homepage ul { width: 700px!important; margin-left: auto!important; margin-right: auto!important; }
.landing-homepage ul li { margin-bottom: 20px; }
.landing-homepage ul li a em { font-size: 16px; }
.landing-homepage ul li a i { width: 100px; height: 100px; line-height: 100px; font-size: 250%; margin-bottom: 0px; }
.landing-homepage .header { position: relative; }
.landing-homepage .header-clear { height: 30px; }
}
.landing-header { width: 100%; z-index: 98; padding: 20px 30px 0px 30px; }
.landing-header-logo { width: 100px; height: 30px; margin-top: 5px; float: left; font-size: 24px; font-weight: 800; }
.landing-header-icons { height: 40px; padding: 5px 5px 0px 0px; width: 125px; float: right; margin-bottom: 25px; }
.landing-header-icons a { background-color: transparent; float: right; width: 30px; height: 30px; margin-left: 10px; border-radius: 30px; line-height: 30px!important; -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; -ms-transition: all 150ms ease; -o-transition: all 150ms ease; transition: all 150ms ease; }
.landing-header-icons a i { font-size: 10px; width: 28px; height: 30px; display: block; line-height: 29px; text-align: center; font-size: 13px; }
.landing-header-icons a:hover { -moz-transform: scale(1.15, 1.15)!important; -webkit-transform: scale(1.15, 1.15)!important; -o-transform: scale(1.15, 1.15)!important; -ms-transform: scale(1.15, 1.15)!important; transform: scale(1.15, 1.15)!important; -webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; -ms-transition: all 150ms ease; -o-transition: all 150ms ease; transition: all 150ms ease; }
.landing-footer-icons a { float: left; margin: 0px 5px 20px 5px; border-radius: 40px; }
.landing-footer-icons a,
.landing-footer-icons a i { width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: transparent!important; }
.landing-footer-icons { width: 265px; margin: 0 auto; }
.landing-wrapper { position: relative; z-index: 999; }
.landing-wrapper .deco { height: 1px; width: 100%; display: block; margin-bottom: 20px; margin-top: 0px; clear: both!important; }
.landing-overlay { position: fixed; z-index: 99; left: 0px; right: 0px; bottom: 0px; top: 0px; }
.landing-background { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 98; background-size: cover; background-position: 50% 50%; }
/*-----------------*/
/*---Splash Page---*/
/*-----------------*/

.page-splash { width: 250px; padding: 60px 0px 10px 0px; }
.page-splash img { width: 100px; height: 100px; margin-left: auto; margin-right: auto; transition: all 250ms ease; }

@media(max-width:340px) {
.page-splash img { display: none!important; }
}
.page-splash h1 { text-align: center; font-size: 30px; margin-top: 20px; font-weight: 600; }
.page-splash h2 { font-size: 15px; text-align: center; margin-bottom: 20px; }
.page-splash a i { line-height: 60px; }
.page-splash a { width: 60px; height: 60px; margin: 0 auto; line-height: 50px; border-radius: 50px; font-size: 20px; text-align: center; }
/*--------------*/
/*---404 Page---*/
/*--------------*/

.page-404 { width: 250px; padding-top: 60px; }
.page-404 h1,
.page-404 h2,
.page-404 p,
.page-404 i { text-align: center; display: block; }
.page-404 h1 { font-size: 70px; line-height: 60px; padding-bottom: 0px; font-weight: 800; }
.page-404 h2 { font-weight: 600; font-size: 16px; padding-bottom: 20px; }
.page-404 a i { line-height: 60px; }
.page-404 a { width: 60px; height: 60px; margin: 0 auto; line-height: 50px; border-radius: 50px; font-size: 20px; }
/*----------------------*/
/*---Coming Soon Page---*/
/*----------------------*/

.countdown-class div { width: 25%; float: left; }
.date-years,
date-years em { display: none; }
.countdown-light { color: #FFFFFF!important; }
.countdown-light em { color: #FFFFFF!important; opacity: 0.5; }
.page-soon { max-width: 250px; padding-top: 60px; }
.page-soon .countdown-class { width: 250px; margin: 0 auto; font-size: 24px; text-align: center; color: #1f1f1f; }
.page-soon .countdown-class em { color: rgba(0,0,0,0.5); font-size: 12px; display: block; text-align: center; font-style: normal; margin-bottom: 20px; }
.page-soon h1 { font-size: 30px; text-align: center; }
.page-soon h2 { font-size: 16px; text-align: center; padding-top: 0px; padding-bottom: 20px; font-weight: 400; color: #7b7b7b; }
.page-soon p { text-align: center; }
.page-soon a { width: 60px; height: 60px; margin: 0 auto; line-height: 57px; border-radius: 50px; border: solid 1px rgba(0,0,0,0.4); font-size: 20px; color: #1f1f1f; text-align: center; }
/*------------*/
/*---Quotes---*/
/*------------*/

.quote-1-left { padding-left: 20px; padding-top: 10px; padding-bottom: 0px; }
.quote-1-left em { margin-bottom: 15px; }
.quote-1-left a { text-align: right; }
.quote-1-right { padding-right: 20px; padding-top: 10px; padding-bottom: 0px; }
.quote-1-right em { margin-bottom: 15px; }
.quote-1-right a { text-align: left; }
.quote-2-left i { position: absolute; margin-top: 10px; font-size: 24px; }
.quote-2-left p { padding-left: 50px; margin-bottom: 15px; }
.quote-2-left a { text-align: right; }
.quote-2-right i { position: absolute; right: 0px; margin-top: 10px; font-size: 24px; }
.quote-2-right p { padding-right: 50px; margin-bottom: 15px; }
.quote-2-right a { text-align: left; }
.quote-3 i { text-align: center; font-size: 27px; display: block; }
.quote-3 p { width: 90%; margin: 20px auto; text-align: center; font-size: 17px; line-height: 40px; font-weight: 300; }
.quote-3 a { text-align: center; font-weight: 800; }
/*-------------*/
/*---Reviews---*/
/*-------------*/

.review-1 img { width: 60px; border-radius: 60px; position: absolute; top: 0px; }
.review-1 h1 { font-size: 16px; padding-left: 80px; line-height: 30px; }
.review-1 .review-stars { margin-left: 80px; color: #f39c12; }
.review-1 p { padding-top: 20px; margin-bottom: 10px; }
.review-1 em { display: block; font-size: 12px; text-align: right; }
.review-2 img { width: 120px; margin: 20px auto; border-radius: 120px; }
.review-2 h1 { text-align: center; font-size: 18px; font-weight: 600; }
.review-2 .review-stars { width: 80px; margin: 0px auto; color: #f39c12; }
.review-2 p { width: 95%; text-align: center; margin: 30px auto; margin-top: 10px; font-size: 15px; font-weight: 300; }
.review-2 em { text-align: center; display: block; font-size: 12px; }
.review-3 .review-icon { text-align: center; font-size: 27px; display: block; }
.review-3 p { width: 90%; margin: 20px auto; text-align: center; font-size: 17px; line-height: 40px; font-weight: 300!important; }
.review-3 a { text-align: center; font-weight: 800; }
.review-3 .review-stars { width: 80px; margin: 20px auto; color: #f39c12; }
.review-4 h1 { font-size: 30px; font-weight: 800; }
.review-4 h2 { font-size: 12px; position: absolute; top: 7px; margin-left: 70px; }
.review-4 .review-stars { color: #f39c12; }
.review-4 .review-stars i { margin-right: 5px; font-size: 18px; margin-bottom: 20px; }
.review-4 img { width: 50px; border-radius: 50px; position: absolute; top: 0px; right: 0px; }
.review-4 p { font-style: italic; font-weight: 300; font-size: 15px; margin-bottom: 20px; }
.review-4 a { text-align: right; }
.review-5 h1 { font-size: 50px; font-weight: 800; }
.review-5 h2 { font-size: 10px; position: absolute; top: -10px; margin-left: 110px; }
.review-5 .review-stars { color: #f39c12; margin-left: 110px; margin-top: -20px; }
.review-5 .review-stars i { margin-right: 2px; font-size: 16px; margin-bottom: 20px; }
.review-5 img { width: 55px; border-radius: 55px; position: absolute; top: -10px; right: 0px; }
.review-5 p { font-style: italic; font-weight: 300; font-size: 15px; margin-bottom: 20px; }
.review-5 a { text-align: right; }
.review-6 h1 { font-size: 15px; font-weight: 600; margin-bottom: -10px; }
.review-6 em { font-size: 12px; padding-bottom: 10px; display: block; }
.review-6 h3 { float: left; font-size: 15px; font-weight: 600; line-height: 40px; }
.review-6 .review-stars { float: right; color: #f39c12; line-height: 40px; }
.review-6 .review-stars i { padding-left: 5px; }

/*------------------*/
/*---SiteMap Page---*/
/*------------------*/

@media(max-width:340px) {
.sitemap-box a { font-size: 11px!important; }
}
.sitemap-box { margin-bottom: -10px!important; }
.sitemap-box a { line-height: 40px; font-size: 14px; width: 50%; float: left; margin-bottom: 15px; color: #1f1f1f; }

@media(min-width:768px) {
.sitemap-box a { width: 25%; }
}
.sitemap-box a i { display: inline-block; font-size: 14px; color: #FFFFFF; width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 35px; margin-right: 10px; transition: all 250ms ease; }

/*--------------------*/
/*---Profile Page 1---*/
/*--------------------*/

@media(min-width:568px) {
.profile-page-1-image,
.profile-page-1-content,
.profile-page-1-header { width: 400px!important; margin-left: auto; margin-right: auto; }
.profile-page-1 .content { width: 400px; padding-left: 0px; padding-right: 0px; margin-left: auto; margin-right: auto; }
}
.profile-gradient { background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 75%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 75%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 75%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
height: 250px; margin-top: -265px; }
.profile-page-1 .content { margin-top: -120px; }
.profile-page-1-header h1 { text-align: center; font-size: 28px; font-weight: 400; }
.profile-page-1-header em { font-size: 12px; display: block; text-align: center; text-transform: uppercase; font-weight: 400; font-style: normal; letter-spacing: 1.5px; }
.profile-page-1-header strong { display: block; text-align: center; font-size: 12px; }
.profile-page-1-header strong i { padding-right: 15px; }
.profile-page-1-header p { font-size: 18px; padding-top: 20px; padding-left: 20px; padding-right: 20px; text-align: center; font-weight: 300; }
.profile-page-button-1 { margin: 30px auto; display: block; width: 150px; }
.profile-page-1-content .social-profile { width: 275px; margin: 20px auto; }
.profile-page-1-content .social-profile a { margin: 0px 10px 0px 10px; }
.profile-page-1-content .social-count h1 { float: left; width: 33.33333%; }
.profile-page-1-content .social-count h1 strong { text-align: center; display: block; font-size: 18px; font-weight: 400; }
.profile-page-1-content .social-count h1 em { font-size: 12px; font-style: normal; display: block; text-align: center; font-weight: 400; margin-bottom: 30px; }
.profile-page-1-content h2 { font-size: 18px; font-weight: 500; text-align: center; padding-bottom: 5px; }
.profile-page-1-content h3 { font-size: 13px; font-weight: 300; text-align: center; width: 250px; margin: 0 auto; }
/*--------------------*/
/*---Profile Page 2---*/
/*--------------------*/

.profile-page-2-cover { border-bottom: solid 3px #cacaca; }
.profile-page-2-cover img { margin-bottom: 0px; }
.profile-page-2-thumbnail { width: 130px; height: 130px; overflow: hidden!important; border: solid 3px #cacaca; margin-left: auto; margin-right: auto; margin-top: -75px; border-radius: 130px; }
.profile-page-2-thumbnail img { border-radius: 130px; }
.profile-page-2-header h1 { text-align: center; font-size: 24px; font-weight: 400; margin-top: 20px; }
.profile-page-2-header em { display: block; text-align: center; font-weight: 400; text-transform: uppercase; font-style: normal; letter-spacing: 1.5px; font-size: 12px; }
.profile-page-2-header strong { display: block; text-align: center; font-size: 12px; }
.profile-page-2-header i { padding-right: 10px; }
.profile-page-2-header p { font-size: 18px; padding-top: 20px; padding-left: 20px; padding-right: 20px; text-align: center; font-weight: 300; }
.profile-page-2-content .social-profile { width: 275px; margin: 20px auto; }
.profile-page-2-content .social-profile a { margin: 0px 10px 0px 10px; }
.profile-page-2-content .social-count h1 { float: left; width: 33.33333%; }
.profile-page-2-content .social-count h1 strong { text-align: center; display: block; font-size: 18px; font-weight: 400; }
.profile-page-2-content .social-count h1 em { font-size: 12px; font-style: normal; display: block; text-align: center; font-weight: 400; margin-bottom: 30px; }
.profile-page-2-content h2 { font-size: 18px; font-weight: 500; text-align: center; padding-bottom: 5px; }
.profile-page-2-content h3 { font-size: 13px; font-weight: 300; text-align: center; width: 250px; margin: 0 auto; }

@media(min-width:560px) {
.profile-page-2-cover { height: 300px; overflow: hidden; }
.profile-page-2-header,
.profile-page-2-content { width: 400px!important; margin-left: auto; margin-right: auto; }
}
/*---------------------*/
/*---Timeline Page 1---*/
/*---------------------*/

.page-timeline-1 { overflow: hidden; }
.page-timeline-1 .timeline-block-left { position: absolute; left: -6px; }
.page-timeline-1 .timeline-block-right { /* padding-left: 15px !important; */
}
.page-timeline-1 .timeline-block-right { /* padding: 20px 0 0px 0px; */
}
.page-timeline-1 .timeline-block-left i { width: 40px; height: 40px; line-height: 40px; border-radius: 55px; text-align: center; font-size: 16px; margin-left: 15px; margin-top: 20px; z-index: 10; display: inline-block; }
.page-timeline-1 .timeline-deco { position: absolute; height: 2000000px; width: 1px; left: 29px; overflow: hidden; }
.page-timeline-1 .timeline-heading { font-size: 16px; /* margin-bottom: 5px; */
font-weight: bold; color: #e42431; margin: 0; padding: 0;/* border-top: solid 1px #ccc; */
	/* padding-top: 25px; */
}
.page-timeline-1 .timeline-subheading { font-size: 13px; font-weight: 400; margin-bottom: 10px; }
/*---------------------*/
/*---Timeline Page 2---*/
/*---------------------*/

.page-timeline-2 { overflow: hidden; }
.page-timeline-2 .timeline-deco { position: absolute; height: 2000000px; left: 50%; width: 1px; overflow: hidden; }
.page-timeline-2 .timeline-icon { padding: 10px 0px 10px 0px; margin: 20px 0px 30px 0px; }
.page-timeline-2 .timeline-icon i { font-size: 18px; height: 55px; width: 55px; line-height: 55px; border-radius: 55px; text-align: center; margin-left: auto; margin-right: auto; display: block; }
.page-timeline-2 .timeline-content { padding-top: 20px; display: block; width: 300px; margin-left: auto; margin-right: auto; }
.page-timeline-2 .timeline-content-fullscreen { margin: 0px 30px 30px 30px; padding: 20px 0px 30px 0px; }
.page-timeline-2 .timeline-heading { font-size: 20px; margin-bottom: 5px; font-weight: 500; text-align: center; }
.page-timeline-2 .timeline-subheading { font-size: 14px; font-weight: 400; margin-bottom: 10px; text-align: center; }
.page-timeline-2 .timeline-smallheading { font-size: 12px; font-weight: 400; margin-bottom: 0px; text-align: center; }
.page-timeline-2 p { text-align: center; padding-bottom: 30px; }
/*----------------*/
/*---Page Login---*/
/*----------------*/
.page-login { width: 300px; margin: 0px auto; margin-top: 30px; }
.page-login-logo img { width: 90px; }
.page-login-logo { width: 90px; margin-left: auto; margin-right: auto; margin-bottom: 30px; }
.page-login-input .set-today { padding-top: 3px; line-height: 18px; }

@media(min-width:340px) {
.mobile-date-correction { padding-top: 16px!important; line-height: 18px!important; transition: all 0ms ease!important; }
}

@media(max-width:340px) {
.mobile-date-correction { padding-top: 0px!important; line-height: 18px!important; transition: all 0ms ease!important; }
}
.page-login-input input { width: 100%; display: block; height: 50px; font-size: 12px; line-height: 45px; font-weight: 400; padding-left: 45px; margin-top: 20px; vertical-align: bottom; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.page-login-input input:focus { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.page-login-input i { position: absolute; left: 0px; height: 50px; line-height: 50px; width: 40px; text-align: center; }
.login-icon { font-size: 14px!important; }
.page-login-input a { width: 50px; height: 50px; z-index: 99999; position: absolute; top: 0px; right: 0px; }
.page-login .button { font-size: 12px; padding-left: 30px!important; }
.page-login-forgot { float: left; font-size: 12px; height: 50px; line-height: 50px; margin-top: 10px; padding-left: 15px; }
.page-login-forgot i { padding-right: 10px; }
.page-login-create { float: right; font-size: 12px; height: 50px; line-height: 50px; margin-top: 10px; padding-right: 15px; }
.page-login-create i { padding-left: 10px; }
.page-login-links p { font-size: 13px!important; text-align: center; }
/*------------------*/
/*---Contact Page---*/
/*------------------*/

.field-title { padding-left: 0px!important; margin-left: 0px!important; }
.contactField { font-size: 12px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.contactField:focus { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.contactTextarea { font-size: 12px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.contactTextarea:focus { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.contactSubmitButton { line-height: 39px!important; display: block!important; height: 46px!important; margin-right: 4px; width: 100%; }
.contact-form { margin-bottom: 20px; }
.contactNameField { padding-bottom: 5px; font-size: 12px; }
.contactNameField span { float: right; opacity: 0.2; }
.contactEmailField { padding-bottom: 5px; font-size: 12px; }
.contactEmailField span { float: right; opacity: 0.2; }
.contactMessageTextarea { padding-bottom: 5px; font-size: 12px; }
.contactMessageTextarea span { float: right; opacity: 0.2; }
.formFieldWrap { margin-top: -5px; }
#contactNameField { text-transform: capitalize; }
.contactField { min-width: 100%; display: block; box-sizing: border-box; }
.contactTextarea { min-width: 100%; display: block; box-sizing: border-box; }
.buttonWrap { -webkit-appearance: none; line-height: 20px; padding-bottom: 24px; min-width: 43%; display: inline-block; margin-left: -1px; }
.formSubmitButtonErrorsWrap a { width: 25%; text-align: center; padding: 8px 10px!important; }
.contactFormButton #contactSubmitButton { height: 50px; line-height: 50px; font-size: 13px; font-weight: 400; }
.formValidationError { height: 40px; line-height: 40px; padding-top: 5px; margin-bottom: 20px; }
.contactField { height: 40px; padding: 0px 10px 0px 10px; margin-bottom: 10px; }
.contactTextarea { margin: 0px 0px 20px 0px; padding: 9px 12px 9px 12px; margin-bottom: 20px; line-height: 18px; height: 80px; }
/*---Contact Icons---*/

.contact-information a i { display: inline-block; }
.contact-call { height: 25px; margin-bottom: 5px; display: block; }
.contact-call i { width: 12px; margin-right: 20px; }
.contact-text { height: 25px; display: block; margin-bottom: 5px; }
.contact-text i { width: 12px; margin-right: 20px; }
.contact-mail { height: 25px; margin-bottom: 5px; display: block; }
.contact-mail i { width: 12px; margin-right: 20px; }
.contact-facebook { height: 25px; margin-bottom: 5px; display: block; }
.contact-facebook i { width: 12px; margin-right: 20px; }
.contact-twitter { height: 25px; display: block; }
.contact-twitter i { width: 12px; margin-right: 20px; }
/*----------------------*/
/*---Fullscreen Pages---*/
/*----------------------*/

.page-fullscreen { position: absolute; background-size: cover; background-position: center center; overflow: hidden; }
.page-fullscreen-content { position: absolute; z-index: 99; overflow: hidden; }
/*-------------------*/
/*---PageApp Login---*/
/*-------------------*/



.pageapp-login { width: 300px; margin: 0px auto; padding-top: 60px; }

@media(max-width:360px) {
.pageapp-login-logo { display: none; }
.pageapp-login-social { display: none; }
.pageapp-login-input input { height: 40px!important; line-height: 40px!important; }
.pageapp-login-input i { height: 40px!important; line-height: 40px!important; }
}
.pageapp-login-logo { width: 80px; margin: 0px auto 0px auto; }
.pageapp-login-logo img { width: 80px; }
.pageapp-login-input input { width: 100%; display: block; height: 50px; line-height: 50px; background-color: rgba(255,255,255,0); border-bottom: solid 2px rgba(255,255,255,0.1); font-size: 12px; color: #FFFFFF; font-weight: 400; padding-left: 45px; margin-top: 20px; transition: all 250ms ease; }
.pageapp-login-input input:focus { border-bottom: solid 2px #27ae60; transition: all 250ms ease; }
.pageapp-login-input i { position: absolute; left: 0px; height: 50px; line-height: 50px; width: 40px; text-align: center; color: #989898; }
.pageapp-login-input a { width: 50px; height: 50px; z-index: 99999; position: absolute; top: 0px; right: 0px; }
.pageapp-login-input a i { color: #d3d3d3!important; }
.pageapp-login .button { font-size: 12px; padding-left: 30px!important; }
.pageapp-login-forgot { float: left; color: #969696; font-size: 12px; height: 50px; line-height: 50px; margin-top: 10px; padding-left: 15px; }
.pageapp-login-forgot i { padding-right: 10px; }
.pageapp-login-create { float: right; color: #969696; font-size: 12px; height: 50px; line-height: 50px; margin-top: 10px; padding-right: 15px; }
.pageapp-login-create i { padding-left: 10px; }
.pageapp-login-links p { font-size: 13px!important; text-align: center; }
.pageapp-login .decoration { background-color: rgba(255,255,255,0.1)!important; }
/*-----------------------*/
/*---PageApp Coverpage---*/
/*-----------------------*/

.coverpage-clear { pointer-events: none!important; }
.coverflow-thumbnails .swiper-slide { width: 200px; height: 200px; }
.coverpage-cube { top: 25px; left: 25px; right: 25px; bottom: 25px; position: absolute!important; }
.coverpage-classic { top: 0px; left: 0px; right: 0px; bottom: 0px; position: absolute!important; }
.swiper-slide { background-position: center; background-size: cover; }
.coverpage-bottom { position: absolute; bottom: 0px; left: 30px; right: 30px; padding-bottom: 30px; z-index: 10; }
.coverpage-bottom h3 { color: #FFFFFF; padding-bottom: 10px; }
.coverpage-bottom p { font-size: 14px; color: #FFFFFF; opacity: 0.5; }
.coverpage-bottom .decoration { background-color: rgba(255,255,255,0.1); }
.coverpage-bottom-button-1 { width: 50%; float: left; color: #FFFFFF; }
.coverpage-bottom-button-1 i { padding-right: 15px; font-size: 13px; }
.coverpage-bottom-button-2 { width: 50%; float: right; color: #FFFFFF; text-align: right; }
.coverpage-bottom-button-2 i { padding-left: 15px; font-size: 13px; }
.coverpage-center-icon { width: 80px; height: 80px; line-height: 80px; border-radius: 80px; text-align: center; border: solid 1px rgba(255,255,255,0.8); color: #FFFFFF; margin: 0px auto; font-size: 40px; }
.coverpage-center .decoration { height: 5px; width: 100px; margin: 30px auto; }
.coverpage-center-button { text-align: center; font-size: 15px; }
.coverpage-center { position: absolute; z-index: 10; width: 300px; }
.coverpage-center h3 { color: #FFFFFF; padding: 10px 0px 30px 0px; text-align: center; font-size: 22px; }
.coverpage-center p { font-size: 16px; color: #FFFFFF; opacity: 0.6; line-height: 35px; text-align: center; }
.coverpage-center .decoration { background-color: rgba(255,255,255,0.1); }
.coverpage-left { z-index: 9999; position: absolute; width: 100%; bottom: 30px; left: 30px; }
.coverpage-left a { text-transform: uppercase; margin: 0px; color: #FFFFFF; font-size: 12px; }
.coverpage-left a { border-bottom: solid 1px rgba(255,255,255,0.2); margin-bottom: 10px; }
.coverpage-left a:hover { border-color: #27ae60; transition: all 250ms ease; }
/*-----------------*/
/*---PageApp Map---*/
/*-----------------*/

.map-fullscreen { margin-bottom: 0px!important; padding-bottom: 0px!important; cursor: pointer; }
.map-fullscreen .overlay { opacity: 0.70; background-color: rgba(0,0,0,99)!important; position: absolute; width: 100%; height: 100%; z-index: 9; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.map-fullscreen .deactivate-map { position: absolute; z-index: 10; bottom: 0px; font-size: 13px; height: 60px; bottom: 0px; margin-bottom: 0px!important; line-height: 60px; padding: 0px; opacity: 1; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.map-fullscreen .map-text { position: absolute; z-index: 99; width: 280px; height: 100px; top: 50%; margin-top: -50px; left: 50%; margin-left: -140px; opacity: 1; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.map-fullscreen .map-text h3 { font-size: 24px; color: #FFFFFF; text-align: center; }
.map-fullscreen .map-text p { color: #FFFFFF; text-align: center; font-size: 13px; opacity: 0.6; padding-top: 0px; }
.hide-map { opacity: 0!important; pointer-events: none; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.deactivate-map { text-transform: uppercase; font-size: 15px!important; font-weight: 600; }
/*-------------------*/
/*---Userlist Page---*/
/*-------------------*/

.user-list-1 img { width: 45px; height: 45px; line-height: 45px; border-radius: 45px; position: absolute; }
.user-list-1 { height: 70px; margin-bottom: 20px; }
.user-list-1 strong { font-weight: 500; font-size: 16px; padding-left: 60px; line-height: 45px; }
.user-list-1 a { width: 35px; height: 35px; line-height: 36px!important; font-size: 12px!important; border: none!important; text-align: center; border-radius: 40px; float: right; margin-top: 5px; margin-left: 10px; }
.user-list-1 a i { font-size: 16px; }
.user-list-2 img { width: 45px; height: 45px; line-height: 45px; border-radius: 45px; position: absolute; }
.user-list-2 { height: 70px; margin-bottom: 20px; }
.user-list-2 strong { font-weight: 500; font-size: 15px; padding-left: 60px; line-height: 23px; position: absolute; }
.user-list-2 a i { font-size: 16px; }
.user-list-2 em { font-size: 16px; padding-left: 60px; line-height: 65px; font-size: 12px; position: absolute; font-weight: 400; font-style: normal; }
.user-list-2 em i { padding-right: 10px; }
.user-list-2 a { width: 35px; height: 35px; line-height: 36px!important; font-size: 12px!important; border: none!important; text-align: center; border-radius: 40px; float: right; margin-top: 5px; margin-left: 10px; }
.user-list-3 img { width: 40px; height: 40px; line-height: 40px; border-radius: 40px; position: absolute; }
.user-list-3 { padding-top: 10px; height: 75px; margin-bottom: 15px; }
.user-list-3 strong { font-weight: 500; font-size: 15px; padding-left: 60px; line-height: 40px; position: absolute; }
.user-list-3 i { padding-right: 10px; position: absolute; right: 0px; font-size: 16px; line-height: 40px; text-align: center; }
.user-list-4 img { width: 45px; height: 45px; line-height: 45px; border-radius: 45px; position: absolute; }
.user-list-4 { padding-top: 10px; height: 75px; margin-bottom: 10px; }
.user-list-4 strong { font-weight: 500; font-size: 15px; padding-left: 60px; line-height: 23px; position: absolute; }
.user-list-4 em { font-size: 16px; padding-left: 60px; line-height: 65px; font-size: 12px; position: absolute; font-weight: 400; font-style: normal; }
.user-list-4 em i { padding-right: 10px; }
/*-------------------*/
/*---Activity Page---*/
/*-------------------*/

.activity-status { margin-bottom: 30px; }
.activity-status i { font-size: 24px; width: 50px; height: 50px; line-height: 50px; text-align: center; position: absolute; }
.activity-status strong { display: block; padding-left: 70px; margin-top: -10px; }
.activity-status em { display: block; padding-left: 70px; margin-top: -8px; font-size: 12px; }
.activity-item { height: 55px; line-height: 55px; }
.activity-item i { position: absolute; font-size: 8px; height: 50px; line-height: 55px; margin-left: 10px; }
.activity-item strong { font-size: 14px; padding-left: 40px; }
.activity-item em { float: right; font-size: 12px; font-style: normal; }
.activity-incident { margin-bottom: 30px; }
.activity-incident h3 i { font-size: 12px; position: absolute; right: 0px; height: 45px; line-height: 45px; }
.activity-incident em { font-size: 13px; font-style: normal; font-weight: 600; display: block; margin-top: -8px; margin-bottom: 10px; }
.activity-incident strong { float: left; font-weight: 500; }
.activity-incident strong span { padding-left: 5px; }
.activity-incident a { float: right; font-weight: 500; }
.activity-incident a i { font-size: 13px; padding-right: 10px; }
/*-------------------*/
/*---Calendar Page---*/
/*-------------------*/ 


.calendar-days i { display: inline-block; }
.calendar { margin-bottom: 30px; display: block; overflow: hidden; }
calendar* { display: block; overflow: hidden; }
.calendar-titles,
.calendar-days { padding: 0px 30px; }
.calendar-titles a { width: 14.28%; float: left; text-align: center; height: 40px; line-height: 40px; font-size: 10px; font-weight: 800; }
.calendar-titles .light-titles { opacity: 0.5; }
.calendar-days { margin-top: -10px; font-size: 14px; margin-bottom: 30px; }
.calendar-days a { width: 14.28%; float: left; height: 60px; line-height: 60px; text-align: center; font-weight: 700; }
.calendar-day .light-day { opacity: 0.3; }
.calendar-days i { position: absolute; font-size: 35px; margin-top: 0px; margin-left: -7px; z-index: -1; }
.clear-day i { opacity: 0; }
.light-day { opacity: 0.3; }
.light-day i { display: none; }
.calendar-hour { height: 90px; }
.calendar-hours a:last-child { border-bottom: none; }
.calendar-hour .cal-time { position: absolute; margin-top: 30px; font-weight: 400; font-size: 11px; padding-left: 20px; }
.calendar-hour .cal-from { position: absolute; margin-top: 18px; font-size: 11px; font-weight: 400; padding-left: 20px; }
.calendar-hour .cal-to { position: absolute; margin-top: 40px; font-size: 11px; font-weight: 400; padding-left: 20px; }
.calendar-hour h4 { font-size: 14px; padding-left: 100px; padding-top: 17px; margin-bottom: 2px; }
.calendar-hour em { font-style: normal; font-size: 11px; padding-left: 100px; }
.calendar-hour em i { margin-right: 10px; }
/*-------------------*/
/*---Checkist Page---*/
/*-------------------*/

.checklist-item { padding: 15px 0px 10px 0px; }
.checklist-item .ion-ios-circle-outline { font-size: 20px; position: absolute; height: 40px; line-height: 35px; }
.checklist-item .ion-checkmark,
.checklist-item .ion-android-close,
.checklist-item .ion-ios-checkmark-outline,
.checklist-item .ion-checkmark-circled,
.checklist-item .ion-close-circled,
.checklist-item .ion-ios-close-outline { font-size: 20px; position: absolute; height: 30px; line-height: 32px; display: none; }
.checklist-item em { font-size: 12px; line-height: 17px; display: inline-block; padding-left: 35px; padding-right: 20px; font-style: normal; font-weight: 500; }
.checklist-item strong { font-size: 13px; position: absolute; height: 40px; line-height: 35px; padding-left: 20px; font-weight: 500; }
.completed-checklist { text-decoration: line-through; }
/*-------------------*/
/*---Tasklist Page---*/
/*-------------------*/

.tasklist-item { height: 65px; line-height: 65px; margin-bottom: 0px; padding-bottom: 0px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.tasklist-item i:first-child { position: absolute; height: 65px; line-height: 65px; width: 40px; text-align: center; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.tasklist-item h5 { padding-left: 50px; line-height: 65px; font-size: 14px; margin-top: 0px; font-weight: 500; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.tasklist-red { border-left: solid 4px #c0392b; }
.tasklist-green { border-left: solid 4px #27ae60; }
.tasklist-blue { border-left: solid 4px #2980b9; }
.tasklist-orange { border-left: solid 4px #d35400; }
.tasklist-yellow { border-left: solid 4px #f1c40f; }
.tasklist-gray { border-left: solid 4px #666666; }
.tasklist-dark { border-left: solid 4px #1f1f1f; }
.tasklist-magenta { border-left: solid 4px #8e44ad; }
.tasklist-completed { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.tasklist-completed i:first-child { color: #27ae60!important; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.tasklist-completed h5 { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
/*-------------------*/
/*---Page Interest---*/
/*-------------------*/

.page-interests { margin-top: 20px; }
.interest-box { margin-left: 30px; margin-right: 30px; margin-bottom: 20px; padding-top: 15px; padding-bottom: 20px; padding-left: 15px; padding-right: 30px; }
.interest-box strong { color: #FFFFFF; font-size: 18px; font-weight: 500; padding-left: 45px; }
.interest-box em { display: block; color: #FFFFFF; font-weight: 400; font-style: normal; font-size: 12px; line-height: 20px; padding-left: 45px; opacity: 0.7; }
.interest-box i { position: absolute; top: 50%; margin-top: -12px; font-size: 24px; color: #FFFFFF; transition: all 250ms ease; }
.hide-interest-icon { opacity: 0; transition: all 250ms ease; }
.transparent-background { background-color: rgba(255,255,255, 0.3)!important; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); transition: all 250ms ease; }
/*---------------*/
/*---Chat Page---*/
/*---------------*/

.page-chat { padding-bottom: 0px; }
.chat-input-clear { height: 50px; }
.chat-input { position: fixed; height: 55px; bottom: 0px; bottom: 0px; width: 100%; z-index: 8; }
.chat-input a:first-child { font-size: 12px; position: absolute; z-index: 10; height: 35px; width: 35px; text-align: center; line-height: 34px; margin-top: 10px; margin-left: 8px; border-radius: 40px; }
.chat-input a:last-child { text-align: center; width: 80px; height: 35px; line-height: 35px; font-size: 12px; border-radius: 40px; top: 10px; margin-right: 8px; position: absolute; right: 0px; }

@media(min-width:768px) {
.chat-input input { width: 95%!important; }
}
.chat-input input { width: 90%; height: 35px; margin-top: 10px; margin-left: 22px; padding-left: 45px; font-size: 12px; -webkit-box-shadow: inset 0 2px 10px 3px rgba(0,0,0,0.1); box-shadow: inset 0 2px 10px 3px rgba(0,0,0,0.1); -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.chat-input input:focus { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.green-bubble { background-color: #33c922!important; color: #FFFFFF!important; border: none!important; }
.blue-bubble { background-color: #0b84fe!important; color: #FFFFFF!important; border: none!important; }
.speach-image { padding: 2px!important; }
.speach-image img { border-radius: 8px; margin-bottom: 0px; }
.speach-left { float: left; display: inline; text-align: left; max-width: 75%; font-size: 13px; padding: 5px 10px; border-radius: 10px; }
.speach-left-title { display: block; width: 100%; font-size: 10px; font-style: normal; padding-left: 5px; color: #000000; text-shadow: 0px 1px 0px #FFFFFF; }
.speach-right { float: right; text-align: right; text-align: left; max-width: 75%; font-size: 13px; padding: 5px 10px; border-radius: 10px; }
.speach-right-title { text-align: right; display: block; font-size: 10px; font-style: normal; padding-right: 5px; color: #000000; text-shadow: 0px 1px 0px #FFFFFF; }
.speach-status { font-size: 11px; font-weight: 500; float: right; margin-top: -25px; position: relative; display: inline; }
.speach-status i { padding-right: 5px; }
.speach-status img { width: 15px; height: 15px; border-radius: 10px; float: right; margin-top: 7px; margin-left: 10px; display: inline; }
.speach-read i { padding-right: 5px; }
.speach-read { float: right; margin-top: -25px; font-size: 12px; font-weight: 500; font-style: normal; }
/*----------------*/
/*---News Cover---*/
/*----------------*/

.news-slider h3 { width: 100%; padding-top: 40px; padding-bottom: 10px; position: absolute; bottom: 0px; background: linear-gradient( to bottom, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.9) ); color: #FFFFFF; padding-left: 20px; padding-right: 20px; font-size: 18px; font-weight: 500; line-height: 30px; }
.active-home-tab { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.home-tabs a:hover { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.home-tabs a { font-size: 15px; font-weight: bold; width: 50%; float: left; text-align: center; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.thumb-layout-page a { display: none; }
.thumb-layout a { margin-bottom: 30px; }
.thumb-layout img { width: 95px; position: absolute; }
.thumb-layout strong { display: block; padding-left: 110px; padding-top: 0px; font-size: 17px; line-height: 15px; padding-bottom: 10px; }
.thumb-layout em { padding-left: 110px; display: block; font-style: normal; line-height: 25px; }
.badge-news { margin-bottom: 30px; padding-top: 30px; padding-bottom: 30px; margin-top: 0px; }
.badge-news h2 { padding-left: 30px; padding-right: 30px; font-weight: 800!important; font-size: 18px; font-family: 'Raleway', sans-serif; line-height: 26px; padding-bottom: 18px; }
.badge-news em { position: absolute; z-index: 10; right: 0px; padding: 5px 15px; font-style: normal; font-weight: 600; line-height: 25px; }
.badge-news p { padding-left: 30px; padding-right: 30px; padding-top: 20px; margin-bottom: 20px; }
.badge-read { float: right; padding-right: 30px; }
.badge-share { float: left; padding-left: 30px; padding-right: 10px; }
.badge-favorite { float: left; padding-left: 30px; padding-right: 20px; }
.card-small-layout {margin-bottom: 15px;background: #f3f3f3;margin-top: 15px;}
.card-small-layout strong {padding-left: 8px;padding-right: 20px;line-height: 27px;font-size: 15px;font-weight: bold;display: block;color: #000;padding-top: 10px;}
.card-small-layout em { position: absolute; font-size: 10px; font-style: normal; bottom: 5px; padding-left: 20px; padding-right: 20px; }
.card-small-layout img { margin-bottom: -5px!important; }
.card-small-layout u { text-decoration: none; }
.card-large-layout { margin-bottom: 30px; }
.card-large-layout-page .card-large-layout { display: none; }
.card-small-layout-page a { display: none; }

@media(min-width:768px) {
.thumb-layout a { width: 50%; float: left; padding-right: 20px; margin-bottom: 50px; }
.card-small-layout { width: 49%; float: left; margin-right: 2px; margin-left: 5px; }
.card-large-layout { width: 49%; float: left; margin-right: 2px; margin-left: 5px; }
}
.card-large-layout strong { position: absolute; height: 105px; width: 235px; bottom: 0px; font-size: 14px; padding-left: 20px; padding-right: 20px; padding-top: 15px; font-weight: 700; line-height: 24px; }
.card-large-layout em { position: absolute; font-size: 10px; font-style: normal; bottom: 5px; padding-left: 20px; padding-right: 20px; }
.card-large-layout u { text-decoration: none; }
.card-large-layout p { padding-left: 30px; padding-right: 30px; padding-top: 20px; }
#tab-3 { display: none; }
#tab-2 { display: none; }
/*----------------------*/
/*---News Text Slider---*/
/*----------------------*/

.text-slider { padding-top: 4px; height: 40px; line-height: 40px; padding-left: 20px; padding-right: 20px; margin-bottom: 0px!important; }
.text-slider p { text-align: left; margin-bottom: 3px; padding-left: 20px; padding-right: 20px; padding-bottom: 40px; font-size: 13px; }
.content-center-cover { position: absolute; }
.coverpage-slider .cover-news { position: absolute; bottom: 0px; z-index: 10; padding-left: 30px; padding-right: 30px; }
.cover-news { position: absolute; bottom: 0px; z-index: 10; padding-left: 30px; padding-right: 30px; }

@media(min-width:760px) {
.cover-news { width: 350px; }
}
.cover-news h4 { font-weight: 400; line-height: 35px; margin-bottom: 0px; font-size: 24px; }
.cover-news h5 a { color: #3498db!important; }
.cover-news h5 { color: rgba(255,255,255,0.4); font-size: 12px; font-weight: 400; }
.cover-news .button-more-cover { width: 100px; height: 40px; margin-bottom: 50px; line-height: 40px; float: left; }
.cover-news .button-love-cover { float: left; width: 40px; height: 40px; margin-bottom: 50px; line-height: 40px; text-align: center; }
.cover-news .button-share-cover { float: left; width: 40px; height: 40px; margin-bottom: 50px; line-height: 40px; text-align: center; }

@media(min-width:760px) {
.coverpage-slider .cover-news { width: 350px; }
}
.coverpage-slider .cover-news h4 { font-weight: 400; line-height: 30px!important; margin-bottom: 10px; font-size: 20px!important; }
.coverpage-slider .cover-news h5 { font-size: 12px!important; font-weight: 400; color: rgba(255,255,255,0.4)!important; margin-bottom: 20px; }
.coverpage-slider .cover-news h5 a { color: #3498db!important; }
.coverpage-slider .cover-screen { background-size: cover; background-position: center center; }
/*News Article Share*/

.news-article-share a { width: 25%; float: left; text-align: center; font-size: 15px; }
.news-article-share a i { display: inline-block; width: 100%; height: 40px; line-height: 40px; font-size: 24px; text-align: center; }
.news-article-small-text { font-size: 12px; }
.news-article-large-text { height: 45px; overflow: hidden; }
.news-article-large-text img { position: absolute; width: 45px; height: 45px; }
.news-article-large-text a { font-weight: 600; }
.news-article-large-text em:nth-child(2) { font-style: normal; font-size: 12px; padding-left: 60px; line-height: 15px; display: block; }
.news-article-large-text em:nth-child(3) { font-style: normal; font-size: 12px; padding-left: 60px; line-height: 15px; }
.news-article-overlay-text { font-size: 12px; position: absolute; width: 100%; z-index: 9999; color: rgba(255,255,255,0.8); background-color: rgba(0,0,0,0.8); padding-left: 20px; padding-right: 20px; padding-bottom: 5px; padding-top: 5px; text-align: left; margin-top: -55px; }
.news-article-overlay-text a { color: #FFFFFF; font-weight: 500; }
.heading-badge { border-top: none!important; border-right: none!important; margin-bottom: 20px; }
.heading-badge h3 { display: inline-block; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; font-size: 16px; }
/*------------------*/
/*---News Archive---*/
/*------------------*/

.thumb-layout a u { font-size: 11px; display: block!important; width: 100%; text-align: right; font-size: 12px; font-weight: 500; text-decoration: none; }
.thumb-layout a u i:last-child { padding-left: 15px; padding-right: 5px; }
.profile-categories a { line-height: 50px; font-size: 12px; }
.profile-categories a em { position: absolute; right: 15px; width: 23px; height: 23px; line-height: 23px; border-radius: 23px; margin-top: 15px; text-align: center; font-size: 10px; font-style: normal; }
.profile-categories a:last-child { border: none!important; }
/*----------------------*/
/*---Store Homepage 1---*/
/*----------------------*/

.store-slider h3 { width: 100%; padding-top: 20px; padding-bottom: 15px; position: absolute; bottom: 13px; background: linear-gradient( to bottom, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9) ); color: #FFFFFF; padding-left: 20px; padding-right: 20px; font-size: 16px; font-weight: 500; line-height: 30px; }
.store-slider em { font-size: 12px; position: absolute; z-index: 10; right: 0px; width: 60px; text-align: center; padding-right: 5px; font-style: normal; padding-top: 2px; padding-bottom: 2px; font-weight: 500; }
.store-slider em u { font-size: 10px; position: absolute; margin-top: -5px; text-decoration: none; }
.store-thumbnails img { margin-bottom: 0px; }
.store-thumbnails .overlay { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 9; background-color: rgba(0,0,0,1); opacity: 0.7; }
.store-thumbnails u { height: 40px; top: 50%; margin-top: -20px; line-height: 20px; display: block; position: absolute; width: 100%; text-align: center; z-index: 99; color: #FFFFFF; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: 600; filter: blur(0px); -webkit-filter: blur(0px); text-shadow: 0px 2px 0px rgba(0,0,0,0.5); }
.category-slider a em { font-size: 12px; display: block; text-align: center; font-style: normal; }
.category-slider a strong { display: block; text-align: center; margin-top: -5px; margin-bottom: -9px; }
.category-slider a u { display: block; font-size: 11px; text-decoration: none; text-align: center; margin-bottom: 10px; }
.category-title { text-align: left; padding-left: 20px; font-size: 14px; height: 50px; line-height: 50px; margin-bottom: 0px; font-weight: 600; }
.category-title a { font-size: 12px; float: right; padding-right: 20px; font-weight: 400; }
.badge-store { background-color: #0e141b!important; margin-bottom: 30px; padding-top: 10px; padding-bottom: 30px; }
.badge-store h2 { padding-left: 30px; padding-right: 30px; font-weight: 800!important; font-size: 18px; line-height: 26px; padding-bottom: 18px; }
.badge-store h4 { color: #FFFFFF; text-align: center; padding-top: 20px; }
.badge-store em { display: block; text-align: center; color: #FFFFFF; opacity: 0.5; font-size: 12px; font-style: normal; }
.badge-store p { padding-left: 30px; padding-right: 30px; padding-top: 20px; margin-bottom: 20px; }
.badge-store .badge-image { position: relative; width: 300px; margin-left: auto; margin-right: auto; }
.badge-store .badge-image img:nth-child(1) { position: absolute; width: 150px; height: 150px; top: 50%; margin-top: -75px; left: -10px; opacity: 0.5; }
.badge-store .badge-image img:nth-child(2) { position: absolute; width: 150px; height: 150px; top: 50%; margin-top: -75px; right: -10px; opacity: 0.5; }
.badge-store h3 { text-align: center; padding-top: 25px; font-size: 20px; }
.badge-store p { text-align: center; max-width: 320px; margin-left: auto; margin-right: auto; }
.badge-store-buttons { max-width: 320px; margin-left: auto; margin-right: auto; }

@media(min-width:768px) {
.badge-store p { max-width: 500px; }
.badge-store-buttons { max-width: 500px; }
}
.badge-store .badge-image img:nth-child(3) { width: 70%; margin-left: auto; margin-right: auto; margin-top: 30px; }
.badge-read { float: right; padding-right: 30px; }
.badge-cart { float: left; padding: 0px 0px 0px 30px; }
.badge-share { float: left; padding: 0px 0px 0px 30px; }
.store-slider-item-description { padding: 0px 20px 0px 20px; }
.store-slider-item-description h3 { margin-top: 20px; margin-bottom: -5px; }
.store-slider-item-description h4 { float: right; margin-top: -22px; font-size: 16px; margin-bottom: 0px; }
.store-slider-item-description h6 { float: right; font-weight: 400; font-size: 12px; text-decoration: line-through; margin-top: -5px; margin-right: -50px; }
.store-slider-category { display: inline-block; font-size: 10px; margin-top: -15px; margin-bottom: 10px; font-style: italic; }
.store-slider-buttons { width: 180px; margin-left: auto; margin-right: auto; }
.store-slider-buttons a { width: 40px; height: 40px; line-height: 40px; text-align: center; float: right; margin-left: 10px; margin-right: 10px; }
/*-----------------*/
/*---Store Items---*/
/*-----------------*/

.store-item { width: 48%; float: left; margin-bottom: 20px; }

@media(min-width:768px) {
.store-item { width: 23%; margin-left: 1%!important; margin-right: 1%!important; }
}
.store-items img { display: block; width: 100%; }
.store-item:nth-last-child(even) { margin-left: 4%; }
.store-item strong { display: block; font-weight: 500; padding-top: 5px; }
.store-item em { display: block; font-size: 12px; font-style: normal; text-align: left; }
.store-item .discount { position: absolute; margin-top: -29px; right: 0px; text-decoration: line-through; }
.store-item .offer { position: absolute; margin-top: -29px; right: 0px; }
.store-item .offer i { padding-right: 10px; }
.store-item-button-1 { position: absolute; width: 35px; height: 35px; line-height: 35px; text-align: center; right: 0px; margin-top: -35px; font-size: 12px; }
.store-item-button-2 { position: absolute; width: 35px; height: 35px; line-height: 35px; text-align: center; right: 0px; margin-top: -35px; margin-right: 45px; font-size: 12px; }
.store-item-button-3 { position: absolute; width: 35px; height: 35px; line-height: 35px; text-align: center; right: 0px; margin-top: -35px; margin-right: 90px; font-size: 12px; }

/*---------------------*/
/*---Store Item List---*/
/*---------------------*/

@media(min-width:768px) {
.store-item-list a { width: 50%; float: left; }
.store-item-list a em { padding-right: 30px; }
.store-strip { width: 49.3%; float: left; margin-left: 5px; }
}
.store-item-list { margin-bottom: 30px; }
.store-item-list a { margin-bottom: 30px; }
.store-item-list a img { width: 130px; }
.store-item-list a strong { font-size: 15px; font-weight: 600; padding-left: 20px; position: absolute; top: 0px; padding-left: 150px; }
.store-item-list a em { position: absolute; top: 29px; padding-left: 150px; }
.store-item-list a u { position: absolute; margin-top: -30px; font-size: 11px; text-decoration: none; padding-left: 5px; padding-right: 5px; font-weight: 600; }
/*-----------------*/
/*---Store Cover---*/
/*-----------------*/

.coverpage-slider .cover-store { position: absolute; bottom: 0px; z-index: 10; padding-left: 30px; padding-right: 30px; }
.cover-store { position: absolute; bottom: 0px; z-index: 10; padding-left: 30px; padding-right: 30px; }

@media(min-width:760px) {
.cover-store { width: 350px; }
}
.cover-store h4 { font-weight: 400; line-height: 35px; margin-bottom: 0px; font-size: 24px; }
.cover-store h5 { font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.4); }
.cover-store h5 a { color: #3498db!important; }
.cover-store .button-more-cover { width: 100px; height: 40px; margin-bottom: 50px; line-height: 40px; float: left; }
.cover-store .button-love-cover { float: left; width: 40px; height: 40px; margin-bottom: 50px; line-height: 40px; text-align: center; }
.cover-store .button-share-cover { float: left; width: 40px; height: 40px; margin-bottom: 50px; line-height: 40px; text-align: center; }
.cover-store .button-shopping-cart { float: left; width: 40px; height: 40px; margin-bottom: 50px; line-height: 40px; text-align: center; }

@media(min-width:760px) {
.coverpage-slider .cover-store { width: 350px; }
}
.coverpage-slider .cover-store h4 { font-weight: 400; line-height: 30px!important; margin-bottom: 10px; font-size: 20px!important; }
.coverpage-slider .cover-store h5 { font-size: 12px!important; font-weight: 400; margin-bottom: 20px; color: rgba(255,255,255,0.4)!important; }
.coverpage-slider .cover-store h5 a { color: #3498db!important; }
/*------------------*/
/*---Store Cart 1---*/
/*------------------*/

.store-cart-1 .cart-item { /* height: 80px; */
	/* margin-bottom: 30px; */
display: block; }
.store-cart-1 .cart-item img { width: 90px; height: 90px; position: absolute; margin-top: 2px; }
.store-cart-1 .cart-item h1 { padding-left: 100px; font-size: 16px; margin-bottom: -5px; margin-top: -5px; padding-bottom: 12px; color: #000 !important; }
.store-cart-1 .cart-item h2 { position: absolute; left: 159px; top: 0px; font-size: 20px; padding-top: 1px; }
.store-cart-1 .cart-item h3 { font-weight: 400; padding-left: 100px; font-size: 15px; font-style: normal; margin-top: 0; line-height: 22px; font-weight: bold; }
.store-cart-1 .cart-item h4 { width: 100px; left: 90px; position: absolute; margin-top: -2px; }
.store-cart-1 .cart-item h4 a:first-child { position: absolute; margin-top: -2px; font-size: 10px; height: 35px; width: 35px; text-align: center; line-height: 35px; }
.store-cart-1 .cart-item h4 a:last-child { position: absolute; margin-top: -2px; margin-left: 60px; font-size: 10px; height: 35px; width: 35px; text-align: center; line-height: 35px; }
.store-cart-1 .cart-item h4 input { position: absolute; width: 30px; height: 20px; margin-top: 5px; line-height: 20px; font-size: 11px; margin-left: 32px; padding: 0px; text-align: center; }
.store-cart-1 .cart-item h5 { position: absolute; width: 35px; height: 35px; position: absolute; line-height: 35px; text-align: center; font-size: 12px; right: -10px; margin-top: -5px; }

@media(min-width:768px) {
.store-cart-1 .cart-item { width: 46%; float: left; margin-left: 4%; }
}

@media(min-width:1024px) {
.store-cart-1 .cart-item { width: 59%; float: left; margin-left: 4%; }
}
.large-costs { width: 100%!important; }
.cart-costs h5 { line-height: 40px; }
.cart-costs h5 strong { width: 50%; float: left; font-weight: 400; font-size: 14px; }
.cart-costs h5 em { width: 50%; float: right; text-align: right; font-weight: 400; font-size: 14px; font-style: normal; }
.cart-costs h6 { line-height: 40px; }
.cart-costs h6 strong { font-size: 15px; width: 50%; float: left; font-weight: 600; }
.cart-costs h6 em { font-size: 15px; width: 50%; float: right; text-align: right; font-style: normal; }

@media(min-width:768px) {
.store-cart-1 .cart-costs { width: 320px; margin-left: auto; margin-right: auto; }
}
/*------------------*/
/*---Store Cart 2---*/
/*------------------*/

.store-cart-2 .cart-item { margin-bottom: 20px; }

@media(max-width:600px) {
.store-cart-2 .cart-item:nth-child(2n+1) { width: 48%; float: left; }
.store-cart-2 .cart-item:nth-child(2n+2) { width: 48%; float: left; margin-left: 4%; }
}

@media(min-width:600px) and (max-width:1024px) {
.store-cart-2 .cart-item:nth-child(3n+1) { width: 30%; float: left; }
.store-cart-2 .cart-item:nth-child(3n+2) { width: 30%; float: left; margin-left: 5%; margin-right: 5%; }
.store-cart-2 .cart-item:nth-child(3n+3) { width: 30%; float: left; }
}

@media(min-width:1024px) {
.store-cart-2 .cart-item:nth-child(6n+1) { width: 16%; float: left; margin-right: 0.7% }
.store-cart-2 .cart-item:nth-child(6n+2) { width: 16%; float: left; margin-right: 0.7% }
.store-cart-2 .cart-item:nth-child(6n+3) { width: 16%; float: left; margin-right: 0.7% }
.store-cart-2 .cart-item:nth-child(6n+4) { width: 16%; float: left; margin-right: 0.7% }
.store-cart-2 .cart-item:nth-child(6n+5) { width: 16%; float: left; margin-right: 0.7% }
.store-cart-2 .cart-item:nth-child(6n+6) { width: 16%; float: left; }
}
.store-cart-2 .cart-item img { display: block; width: 100%; }
.store-cart-2 .cart-item h1 { text-align: center; font-size: 16px; margin-bottom: 0px; padding-bottom: 0px; margin-top: 5px; }
.store-cart-2 .cart-item h2 { position: absolute; right: 0px; top: 0px; font-size: 12px; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; }
.store-cart-2 .cart-item h3 { font-weight: 400; text-align: center; font-size: 12px; font-style: normal; margin-top: 0px; }
.store-cart-2 .cart-item h4 { width: 100px; display: block; margin-left: auto; margin-right: auto; height: 30px; }
.store-cart-2 .cart-item h4 a:first-child { position: absolute; margin-top: -2px; font-size: 10px; height: 35px; width: 35px; text-align: center; line-height: 35px; }
.store-cart-2 .cart-item h4 a:last-child { position: absolute; margin-top: -2px; margin-left: 60px; font-size: 10px; height: 35px; width: 35px; text-align: center; line-height: 35px; }
.store-cart-2 .cart-item h4 input { position: absolute; width: 30px; height: 20px; margin-top: 5px; line-height: 20px; font-size: 11px; margin-left: 32px; padding: 0px; text-align: center; }
.store-input h6 { font-weight: 600; font-size: 15px; }
.store-input input { font-size: 13px; width: 100%; height: 40px; line-height: 40px; padding-left: 10px; padding-right: 10px; font-style: italic; margin-bottom: 15px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.store-input input:focus { font-style: normal; }
.store-input select { font-size: 13px; width: 100%; height: 40px; line-height: 40px; padding-left: 10px; padding-right: 10px; font-style: italic; margin-bottom: 20px; background-image: url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw=="); background-repeat: no-repeat; background-position: 98% 50%; -webkit-appearance: none; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.store-input select:focus { font-style: normal; }
.payment-menthods a img { width: 50px; margin-right: 10px; margin-bottom: 20px; float: left; }
.payment-menthods h6 { font-weight: 600; font-size: 15px; }
/*Store About*/

.store-about-image { height: 100px; }
.store-about-image img { width: 150px; height: 150px; margin-left: auto; margin-right: auto; margin-top: -75px; border-radius: 150px; position: absolute; left: 50%; margin-left: -75px; }
/*-------------------*/
/*---Store History---*/
/*-------------------*/

.store-history-item img { position: absolute; width: 100px; height: 100px; }
.store-history-item { margin-bottom: 30px; }
.store-history-item h1 { font-size: 16px; padding-left: 120px; margin-bottom: 0px; }
.store-history-item h2 { font-size: 13px; padding-left: 120px; font-weight: 500; margin-top: -10px; margin-bottom: 5px; }
.store-history-item h3 { font-size: 12px; padding-left: 120px; margin-bottom: 0px; }
.store-history-item h4 { font-size: 12px; padding-left: 120px; margin-bottom: 0px!important; padding-bottom: 0px!important; }
.store-history-item h6 { position: absolute; top: 70px; width: 100px; text-align: center; font-size: 11px; font-weight: 600; }
.store-history-toggle .toggle-title strong { padding-left: 10px; padding-right: 10px; margin-right: 10px; font-size: 13px; padding-top: 5px; padding-bottom: 5px; font-weight: 500; }
.store-history-toggle .toggle-title { font-size: 14px!important; }
/*Store Product*/

.store-product-socials { width: 240px; margin: 0 auto; }
.store-product-socials a { width: 50px; height: 50px; line-height: 50px; text-align: center; float: left; margin-left: 5px; margin-right: 5px; }
/*---------------------*/
/*---Store Product 1---*/
/*---------------------*/

.store-product-rating h1 { font-size: 30px; font-weight: 300; padding-top: 5px; }
.store-product-rating div { position: absolute; top: 0px; padding-left: 55px; font-size: 10px; }
.store-product-rating strong { position: absolute; top: 15px; font-size: 10px; padding-left: 55px; font-weight: 400; }
.store-product-icons { display: inline-block; float: right; margin-top: -38px; top: 5px; right: 0px; }
.store-product-icons i { font-size: 18px; margin-left: 10px; height: 30px; line-height: 30px; }
.store-product-description p { font-size: 13px; line-height: 28px; }
.store-product-requirements a { line-height: 35px; font-size: 14px; }
.store-product-requirements a i { width: 30px; display: inline-block; }

@media(min-width:400px) {
.store-product-requirements a { font-size: 13px; width: 50%; float: left; }
}
.store-product-separator { margin-bottom: 15px; }
.store-product-separator h5 { font-size: 14px; }
.store-product-separator a { display: block; text-align: right; margin-top: -27px; font-size: 12px; }
.store-review-item img { width: 60px; border-radius: 60px; }
.store-review-item h1 { position: absolute; font-size: 13px; top: 0px; margin-left: 80px; }
.store-review-item em { position: absolute; top: 25px; font-size: 12px; margin-left: 80px; }
.store-review-item u { position: absolute; top: 25px; font-size: 10px; left: 160px; text-decoration: none; opacity: 0.7; }
.store-review-item strong { font-size: 16px; padding-left: 80px; }
.store-review-item p { padding-left: 80px; }
.store-product-notes u { text-decoration: none; display: inline-block; width: 130px; padding-right: 10px; }
.store-product-notes a { padding-left: 5px; }
.store-product-notes em { text-decoration: none; display: inline-block; width: 140px; padding-left: 0px!important; opacity: 0.8; font-weight: 400!important; }
.store-product-notes strong { display: block; line-height: 35px; font-size: 14px; }
.store-product-notes strong em { font-weight: 400; font-style: normal; padding-left: 20px; }

@media(min-width:610px) {
.store-product-notes strong { font-size: 13px; width: 50%; float: left; }
}
.line-link { height: 50px; line-height: 50px; border-bottom: solid 1px rgba(0,0,0,0.1); }
.line-link i { float: right; margin-top: 18px; position: absolute; right: 0px; top: -16px; }

/*-----------------*/
/*---Store Cards---*/
/*-----------------*/

@media(min-width:768px) and (max-width:1024px) {
.store-card-item { width: 50%; float: left; }
}

@media(min-width:1024px) {
.store-card-item { width: 25%; float: left; }
}
.store-card-item img { margin-bottom: 0px; }
.store-card-item em { position: absolute; top: 5px; left: 5px; z-index: 10; padding-left: 10px; padding-right: 10px; font-style: normal; height: 40px; line-height: 40px; }
.store-card-item em u { font-size: 10px; margin-top: -3px; float: right; }
.store-card-item h3 { background: linear-gradient( to bottom, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.9) ); width: 100%; padding: 20px; color: #FFFFFF; position: absolute; bottom: 0px; font-size: 16px; }
.store-card-item .store-card-cart { position: absolute; top: 5px; right: 5px; height: 40px; width: 50px; line-height: 40px; text-align: center; color: #FFFFFF; background-color: rgba(0,0,0,0.9); }
.store-card-item .store-card-heart { position: absolute; top: 5px; right: 60px; height: 40px; width: 50px; line-height: 40px; text-align: center; color: #FFFFFF; background-color: rgba(0,0,0,0.9); }
/*---------------------*/
/*---Store Menu Card---*/
/*---------------------*/

.store-menu-cards { margin-top: 30px; }
.store-menu-card { background-color: #FFFFFF; height: 90px; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; }

@media(min-width:500px) and (max-width:750px) {
.store-menu-card { width: 46%; float: left; }
}

@media(min-width:750px) and (max-width:1000px) {
.store-menu-card { width: 30.6%; float: left; }
}

@media(min-width:1000px) {
.store-menu-card { width: 23%; float: left; }
}
.store-menu-card img { width: 90px; position: absolute; top: 0px; border: solid 4px #FFFFFF; }
.store-menu-card h1 { margin-left: 102px; font-size: 11px; line-height: 12px; padding-top: 10px; }
.store-menu-card h1 i { padding-right: 3px; color: #cacaca; }
.store-menu-card h2 { font-size: 14px; padding-left: 100px; line-height: 14px; padding-top: 13px; padding-bottom: 3px; color: #1f1f1f; }
.store-menu-card h3 { font-size: 12px; padding-left: 100px; color: #a3a3a3; font-weight: 400; }
.store-menu-card h4 { position: absolute; top: 7px; right: 10px; font-size: 10px; line-height: 10px; color: #FFFFFF; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 5px; border-radius: 15px; }
/*-------------------*/
/*---Store Invoice---*/
/*-------------------*/

.page-invoice { background-color: #FFFFFF; padding: 20px; margin-top: 20px; border-radius: 5px; }
.invoice-header { font-size: 14px; text-align: center; font-weight: 400; padding-bottom: 20px; }
.invoice-header strong { font-weight: 400; margin-right: 20px; }
.invoice-header i { padding-right: 10px; }
.invoice-title { width: 140px; float: left; }
.invoice-title h1 { font-weight: 500; font-size: 23px; }
.invoice-title em { display: block; font-style: normal; color: #9b9b9b; margin-bottom: -5px; }
.invoice-title strong { display: block; font-style: normal; font-weight: 400; color: #9b9b9b; }
.invoice-logo { width: 85px; float: right; margin-bottom: -30px; }
.invoice-item { padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px rgba(0,0,0,0.1); }
.invoice-item h1 { font-size: 16px; }
.invoice-item h2 { font-weight: 400; margin-top: -10px; font-size: 13px; color: #9b9b9b; }
.invoice-item h3 { position: absolute; top: 0px; right: 0px; font-size: 15px; font-weight: 400; margin-top: 14px; }
.invoice-total h1 { font-size: 14px; width: 48%; display: inline-block; }
.invoice-total h2 { font-size: 14px; width: 50%; text-align: right; display: inline-block; }
.invoice-total h3 { font-size: 16px; width: 48%; display: inline-block; padding-top: 10px; }
.invoice-total h4 { font-size: 16px; width: 50%; text-align: right; display: inline-block; }
.footer-links a { font-size: 13px; line-height: 40px; width: 50%; float: left; color: #666666; }

@media(min-width:768px) {
.footer-links a { width: 33.3%; }
}
.footer-links a i { width: 20px; display: inline-block; text-align: left; color: #1f1f1f; }

/*-------------------*/
/*---Blog Template---*/
/*-------------------*/

@media(min-width:768px) {
.page-blog { width: 60%; float: left; }
.page-blog-sidebar { width: 35%; float: left; margin-left: 5%; }
}
.blog-post-icons a { width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 45px; float: left; margin-left: 10px; margin-right: 10px; }
.blog-post-icons { width: 195px; left: 50%; margin-left: -93px; bottom: -21px; position: absolute; z-index: 10; }
.page-blog-list p { margin-bottom: 20px; }
.page-blog-list img { margin-bottom: 20px; }
.page-blog-list .page-blog-list-by { width: 200px; }
.page-blog-list .page-blog-list-by img { width: 40px; height: 40px; border-radius: 40px; position: absolute; margin-top: 4px; }
.page-blog-list .page-blog-list-by strong { padding-left: 55px; font-size: 12px; font-weight: 500; display: inline; }
.page-blog-list .page-blog-list-by strong a { display: inline; }
.page-blog-list .page-blog-list-by em { padding-left: 55px; font-size: 11px; margin-top: -11px; display: block; opacity: 0.5; margin-bottom: 20px; clear: both; }
.page-blog-list .page-blog-tags { display: block; margin-top: -10px; margin-bottom: 10px; font-size: 12px; font-weight: 500; }
.page-blog-list .page-blog-tags a { display: inline; }
.page-blog-list-more i { float: right; width: 40px; height: 40px; margin-top: -66px; font-size: 12px; text-align: center; line-height: 40px; border-radius: 40px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.page-blog-list-more i:hover { background-color: #3498db; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.page-blog-list-share i { margin-right: 55px; float: right; width: 40px; height: 40px; margin-top: -66px; font-size: 12px; text-align: center; line-height: 40px; border-radius: 40px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.page-blog-list-share i:hover { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
/*Search*/
.blog-sidebar-search i { position: absolute; top: 6px; }
.blog-sidebar-search input { height: 40px; width: 100%; background-color: transparent; font-size: 12px; padding-left: 30px; transition: all 200ms ease; }
.blog-sidebar-search input:focus { transition: all 200ms ease; }
.blog-sidebar-text p { font-size: 12px; margin-bottom: 20px; }
/*Recent*/
.blog-sidebar-recent-projects a { width: 30%; float: left; overflow: hidden; margin-right: 3%; margin-bottom: 3%; }
.blog-sidebar-recent-projects a img { display: block; width: 100%; }
.blog-sidebar-recent-posts a:last-child { border-bottom: none; padding-bottom: 0px; }
.blog-sidebar-recent-posts a { padding-bottom: 10px; margin-bottom: 10px; }
.blog-sidebar-recent-posts strong { display: block; }
.blog-sidebar-recent-posts em { display: block; font-size: 10px; margin-top: -10px; font-style: normal; font-weight: 600; }
.blog-sidebar-recent-posts i { position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; line-height: 44px; text-align: center; font-size: 20px; }
/*Categories*/
.blog-sidebar-categories a:last-child { border-bottom: none; padding-bottom: 0px; }
.blog-sidebar-categories a { font-size: 12px; padding-top: 5px; padding-bottom: 5px; font-weight: 500; }
.blog-sidebar-categories a em { font-size: 10px; padding-left: 6px; padding-right: 6px; padding-top: 2px; padding-bottom: 2px; margin-left: 10px; font-style: normal; border-radius: 3px; }
.blog-sidebar-categories a i { position: absolute; right: 0px; top: 10px; }
/*Blog Comments*/
.blog-post-comment-nested { padding-left: 50px; }
.blog-post-comment em { display: block; font-size: 12px; }
.blog-post-comment strong { font-size: 15px; }
.blog-post-comment .blog-post-comment-reply { text-align: right; width: 40px; float: right; margin-top: -25px; font-size: 12px; }
.blog-post-comment-add strong { display: block; }
.blog-post-comment-add em { display: block; text-align: right; font-size: 10px; margin-top: -30px; }
.blog-post-comment-add input:focus { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.blog-post-comment-add input { display: block; width: 100%; height: 40px; padding-left: 0px; font-size: 12px; margin-bottom: 20px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.blog-post-comment-add textarea { padding-left: 0px; padding-top: 10px; padding-bottom: 10px; overflow: visible; font-size: 13px; Font-family: 'Roboto', sans-serif; line-height: 30px; display: block; width: 100%; max-height: 10000px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.blog-post-comment-add textarea:focus { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
/*---------------------*/
/*---Mobile UI Music---*/
/*---------------------*/

/*Music 1*/
.mobileui-music-1 { height: 115px; }
.mobileui-music-1 .overlay { z-index: 10; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: rgba(0,0,0,0.7); }
.mobileui-music-1 .play { position: absolute; color: #FFFFFF; z-index: 12; height: 100%; width: 60px; text-align: center; line-height: 115px; font-size: 18px; border-right: solid 1px rgba(255,255,255,0.3); }
.mobileui-music-1 h1 { text-shadow: 0px 1px 0px #000000; position: absolute; z-index: 11; color: #FFFFFF; font-size: 16px; padding-left: 80px; padding-top: 10px; }
.mobileui-music-1 h2 { text-shadow: 0px 1px 0px #000000; position: absolute; z-index: 11; color: rgba(255,255,255,0.6); font-size: 14px; font-weight: 400; padding-left: 80px; padding-top: 35px; }
.mobileui-music-1 .forward { width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; z-index: 11; color: #FFFFFF; bottom: 10px; margin-left: 70px; }
.mobileui-music-1 .backward { width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; z-index: 11; color: #FFFFFF; bottom: 10px; margin-left: 100px; }
.mobileui-music-1 em { position: absolute; color: #FFFFFF; font-size: 11px; z-index: 11; bottom: 15px; right: 20px; font-weight: 500; font-style: normal; text-shadow: 0px 1px 0px #000000; }
/*Music 2*/
.mobileui-music-2 { height: 180px; }
.mobileui-music-2 .overlay { z-index: 10; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: rgba(0,0,0,0.7); }
.mobileui-music-2 .play { width: 60px; height: 60px; line-height: 60px; text-align: center; position: absolute; z-index: 12; font-size: 36px; color: #FFFFFF; right: 10px; top: 15px; }
.mobileui-music-2 h1 { position: absolute; z-index: 11; color: #FFFFFF; font-size: 18px; padding: 20px 0px 0px 20px; }
.mobileui-music-2 h2 { position: absolute; z-index: 11; color: rgba(255,255,255,0.5); font-size: 14px; padding: 45px 0px 0px 20px; }
.mobileui-music-2 .status-bg { position: absolute; height: 50px; z-index: 12; bottom: 0px; left: 0px; right: 0px; background-color: rgba(0,0,0,0.7); }
.mobileui-music-2 .status-now { position: absolute; background-color: rgba(192, 57, 43, 0.3); height: 50px; z-index: 13; bottom: 0px; left: 0px; width: 50%; border-top: solid 3px rgba(192, 57, 43,1.0); }
.mobileui-music-2 .forward { position: absolute; width: 50px; height: 50px; line-height: 50px; text-align: center; z-index: 14; bottom: 0px; color: rgba(192, 57, 43,1.0); }
.mobileui-music-2 .backward { position: absolute; width: 50px; height: 50px; line-height: 50px; text-align: center; z-index: 14; bottom: 0px; right: 0px; color: rgba(192, 57, 43,1.0); }
.mobileui-music-2 em { position: absolute; bottom: 0px; height: 50px; line-height: 50px; right: 60px; color: #FFFFFF; z-index: 14; font-size: 12px; font-style: normal; }
/*Music 3*/
.mobileui-music-3 { height: 180px; }
.mobileui-music-3 .overlay { z-index: 10; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: rgba(0,0,0,0.7); }
.mobileui-music-3 .play { width: 56px; height: 56px; line-height: 56px; text-align: center; position: absolute; z-index: 14; font-size: 14px; color: #FFFFFF; bottom: 0px; border-right: solid 1px rgba(255,255,255,0.2); }
.mobileui-music-3 h1 { position: absolute; z-index: 13; color: #FFFFFF; font-size: 12px; font-weight: 400; bottom: 23px; left: 70px; }
.mobileui-music-3 h2 { position: absolute; z-index: 14; bottom: 5px; left: 70px; color: rgba(255,255,255,0.5); font-size: 11px; }
.mobileui-music-3 .status-bg { position: absolute; height: 60px; z-index: 12; bottom: 0px; left: 0px; right: 0px; background-color: rgba(0,0,0,0.9); border-top: solid 4px rgba(0,0,0,1); }
.mobileui-music-3 .status-now { position: absolute; background-color: rgba(192, 57, 43, 0.3); height: 4px; z-index: 13; bottom: 56px; left: 0px; width: 50%; border-top: solid 3px rgba(192, 57, 43,1.0); }
.mobileui-music-3 .forward { position: absolute; width: 60px; height: 60px; line-height: 60px; text-align: center; z-index: 14; bottom: 0px; right: 50px; color: rgba(192, 57, 43,1.0); }
.mobileui-music-3 .backward { position: absolute; width: 60px; height: 60px; line-height: 60px; text-align: center; z-index: 14; bottom: 0px; right: 0px; color: rgba(192, 57, 43,1.0); }
.mobileui-music-3 em { position: absolute; bottom: 0px; height: 60px; line-height: 60px; right: 20px; color: #FFFFFF; z-index: 14; font-size: 10px; font-style: normal; }
/*Music Cover*/
.mobileui-music-cover { width: 200px; }
.mobileui-music-cover img { width: 150px; margin: 0 auto; }
.mobileui-music-cover h1 { color: #FFFFFF; font-size: 18px; font-weight: 400; margin-top: 10px; height: 50px; line-height: 50px; text-align: center; }
.mobileui-music-cover h2 { margin-top: 0px; color: rgba(255,255,255,0.5); font-size: 15px; font-weight: 400; height: 30px; line-height: 10px; text-align: center; }
.mobileui-music-cover-controls { z-index: 9999; position: absolute; height: 60px; bottom: 20px; left: 0px; right: 0px; }
.mobileui-music-cover-controls .backward { height: 60px; width: 60px; line-height: 60px; text-align: center; color: #FFFFFF; position: absolute; z-index: 10; left: 50%; margin-left: -100px; bottom: 0px; }
.mobileui-music-cover-controls .forward { height: 60px; width: 60px; line-height: 60px; text-align: center; color: #FFFFFF; position: absolute; z-index: 10; right: 50%; margin-right: -100px; bottom: 0px; }
.mobileui-music-cover-controls .play { height: 60px; width: 60px; line-height: 60px; text-align: center; color: #FFFFFF; position: absolute; z-index: 10; left: 50%; margin-left: -30px; font-size: 30px; bottom: 0px; }
.mobileui-music-cover-time em:first-child { color: rgba(255,255,255,0.5); font-style: normal; }
.mobileui-music-cover-time em:nth-child(2) { color: rgba(255,255,255,0.5); font-style: normal; float: right; }
.mobileui-music-cover-time .status-bg { margin-top: 10px; height: 4px; background-color: rgba(255,255,255,0.3); }
.mobileui-music-cover-time .status-now { position: absolute; z-index: 10; bottom: 0px; height: 4px; width: 30%; background-color: rgba(192, 57, 43,1.0) }
/*---------------------*/
/*---Mobile UI Video---*/
/*---------------------*/

/*Video 1*/
.mobileui-video .overlay { background-color: rgba(0,0,0,0.4); }
.mobileui-video .title,
.mobileui-video .time,
.mobileui-video .play,
.mobileui-video .icon-1,
.mobileui-video .icon-2,
.mobileui-video .icon-3,
.mobileui-video .icon-4 { text-shadow: 0px 2px 0px #000000; position: absolute; z-index: 10; }
.mobileui-video .title { color: #FFFFFF; top: 15px; left: 15px; }
.mobileui-video .play { width: 70px; height: 70px; line-height: 70px; border-radius: 70px; text-align: center; color: #FFFFFF; font-size: 40px; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; }
.mobileui-video em { color: #FFFFFF; font-weight: 400; font-size: 12px; bottom: 10px; left: 15px; font-style: normal; }
.mobileui-video .icon-4 { right: 90px!important; }
.mobileui-video .icon-3 { right: 130px!important; }
.mobileui-video .icon-2 { right: 50px!important; }
.mobileui-video .icon-1,
.mobileui-video .icon-2,
.mobileui-video .icon-3,
.mobileui-video .icon-4 { color: #FFFFFF; bottom: 0px; right: 10px; width: 40px; height: 50px; line-height: 50px; text-align: center; }
/*-----------------------*/
/*---Mobile UI Weather---*/
/*-----------------------*/

.weather-controls { z-index: 10; }
.mobileui-weather-2 { height: 200px; background-size: cover; border-radius: 10px; }
.mobileui-weather-2 .overlay { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.7); border-radius: 10px; }
.mobileui-weather-2 h3 { text-shadow: 0px 1px 0px #000000; color: #FFFFFF; font-weight: 400; font-size: 16px; padding-left: 30px; padding-top: 20px; }
.mobileui-weather-2 h4 { text-shadow: 0px 1px 0px #000000; padding-left: 30px; color: rgba(255,255,255,0.5); font-size: 14px; font-weight: 400; margin-top: -10px; }
.mobileui-weather-2 .current-weather { position: absolute; height: 50px; width: 50px; text-align: center; line-height: 50px; right: 20px; top: 20px; font-size: 36px; }
.mobileui-weather-2 h5 { text-shadow: 0px 1px 0px #000000; position: absolute; color: #FFFFFF; font-size: 14px; font-weight: 600; right: 20px; width: 50px; text-align: center; margin-top: 55px; }
.mobileui-weather-2 h5 em { text-shadow: 0px 1px 0px #000000; display: block; font-size: 11px; font-style: normal; padding-bottom: 2px; }
.mobileui-weather-2 .weather-prediction { position: absolute; margin-top: 60px; margin-left: 15px; }
.mobileui-weather-2 h6 { text-shadow: 0px 1px 0px #000000; color: #FFFFFF; font-size: 14px; font-weight: 300; right: 20px; width: 60px; text-align: center; float: left; }
.mobileui-weather-2 h6 em { display: block; font-size: 11px; font-style: normal; margin-bottom: -10px; }
.mobileui-weather-1 { height: 100px; background-size: cover; border-radius: 10px; }
.mobileui-weather-1 .overlay { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; background-color: rgba(0,0,0,0.6); border-radius: 10px; }
.mobileui-weather-1 .current-weather { position: Absolute; color: #FFFFFF; font-size: 60px; height: 70px; top: 15px; width: 120px; line-height: 70px; text-align: center; border-right: solid 1px rgba(255,255,255,0.5); }
.mobileui-weather-1 h5 { color: #FFFFFF; padding-left: 140px; padding-top: 20px; font-size: 14px; }
.mobileui-weather-1 h6 { color: #FFFFFF; position: absolute; padding-left: 140px; font-size: 16px; font-weight: 300; }
.mobileui-weather-1 h7 { color: #FFFFFF; position: absolute; padding-left: 200px; font-size: 16px; font-weight: 300; }
.mobileui-weather-1 h7 i { position: absolute; top: 0px; right: -18px; }

/*-----------------------*/
/*---Mobile UI Dialpad---*/
/*-----------------------*/

@media(max-width:330px) {
.mobileui-dialpad { transform: scale(0.85, 0.85); margin-top: 110px; }
}
.mobileui-dialpad-wrapper .overlay { background-color: rgba(0,0,0,0.8)!important; }
.mobileui-dialpad { width: 270px; }
.mobileui-dialpad input { display: block; width: 100%; height: 60px; padding-right: 10px; text-align: center; background-color: transparent; color: #FFFFFF; font-size: 32px; font-family: 'Roboto', sans-serif; font-weight: 200!important; margin-bottom: 20px; }
.mobileui-dialpad a { width: 33.3%; float: left; }
.mobileui-dialpad a:hover { background-color: rgba(255,255,255,0.08); }
.mobileui-dialpad a u { text-decoration: none; font-size: 12px; font-weight: 500; position: absolute; left: 0px; width: 60px; text-align: center; display: block; margin-top: 50px; color: rgba(255,255,255,0.5); }
.mobileui-dialpad-controls { display: none; }
.mobileui-dialpad-controls a { margin-bottom: 50px!important; }
.mobileui-dialpad a em { display: block; text-align: center; color: rgba(255,255,255,0.5); font-style: normal; font-size: 10px; margin-top: -25px; }
.mobileui-dialpad .mobileui-buttons { margin-left: 15px; margin-right: 15px; margin-bottom: 15px; height: 60px; width: 60px; border-radius: 60px; border: solid 2px rgba(255,255,255,0.2); color: #FFFFFF; font-size: 22px; font-weight: 300; text-align: center; line-height: 43px; }
.mobileui-dialpad a strong { font-weight: 300; line-height: 58px; }
.mobileui-dial .call-dial i { transition: all 250ms ease; }
.mobileui-dial .call-dial:hover { background-color: #27ae60; }
.mobileui-dial .call-dial { width: 60px; height: 60px; border-radius: 60px; line-height: 60px; text-align: center; display: block; font-size: 20px; left: 50%; margin-left: -30px; z-index: 9999999; background-color: #27ae60; color: #FFFFFF; margin-top: 20px; transition: all 250ms ease; }
/*--------------------------*/
/*---Mobile UI Homescreen---*/
/*--------------------------*/

.mobileui-home-square i { border-radius: 0px; }
.mobileui-home-round i { border-radius: 10px; }
.mobileui-home-circle i { border-radius: 60px; }

@media(min-width:330px) {
.mobileui-home { margin-top: 75px!important; }
}
.mobileui-home { color: #FFFFFF; margin-top: 10px; /* z-index: 999999; */
position: relative;/* margin-top: 75px !important; */
}
.mobileui-home a,
.mobileui-home-footer a { width: 33%; height: 25%; float: left; }
.mobileui-home a i,
.mobileui-home-footer a i { width: 55px; height: 55px; line-height: 55px; text-align: center; font-size: 36px; color: #FFFFFF; margin-left: auto; margin-right: auto; display: block; transition: all 250ms ease; }
.mobileui-home a em,
.mobileui-home-footer a em { color: #FFFFFF; display: block; text-align: center; font-style: normal; font-size: 13px; font-weight: bold; letter-spacing: 0.5px; }
.mobileui-home-footer { -moz-transform: translateY(150px); -webkit-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); background-color: rgba(255,255,255,0.1); padding-top: 10px; z-index: 999999; position: fixed; bottom: 0px; left: 0px; right: 0px; height: 95px; transition: all 250ms ease-out; }
.header-homescreen { transition: all 250ms ease; }
.show-mobileui-home-header { opacity: 0!important; pointer-events: none!important; transition: all 250ms ease-out!important; }
.show-mobileui-home-footer { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); transition: all 250ms ease-out; }
/*Home Intro*/
.flashing-arrows,
.flashing-arrows-1,
.flashing-arrows-2 { width: 200px; margin-left: auto; margin-right: auto; text-align: center; font-size: 20px; font-weight: 100!important; color: rgba(255,255,255,0.7);/* margin-top: -120px; */
}
.flashing-arrows i { margin-right: -3px; font-weight: 200!important; }
.blinker-menu { -webkit-animation-name: blinkermenu; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: infinite; -webkit-animation-delay: 0s; -moz-animation-name: blinkermenu; -moz-animation-duration: 1s; -moz-animation-timing-function: ease; -moz-animation-iteration-count: infinite; -moz-animation-delay: 0s; animation-name: blinkermenu; animation-duration: 1s; animation-timing-function: ease; animation-iteration-count: infinite; animation-delay: 0s; }
 @-moz-keyframes blinkermenu {
 0% {
opacity: 1.0;
}
 50% {
opacity: 0.1;
}
 100% {
opacity: 1.0;
}
}
 @-webkit-keyframes blinkermenu {
 0% {
opacity: 1.0;
}
 50% {
opacity: 0.1;
}
 100% {
opacity: 1.0;
}
}
 @keyframes blinkermenu {
 0% {
transform: scale(1.05, 1.05);
}
 50% {
transform: scale(1.0, 1.0);
}
 100% {
transform: scale(1.05, 1.05);
}
}
.blinker-1 { -webkit-animation-name: blinker1; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: infinite; -webkit-animation-delay: 0s; -moz-animation-name: blinker1; -moz-animation-duration: 1s; -moz-animation-timing-function: ease; -moz-animation-iteration-count: infinite; -moz-animation-delay: 0s; animation-name: blinker1; animation-duration: 1s; animation-timing-function: ease; animation-iteration-count: infinite; animation-delay: 0s; }
 @-moz-keyframes blinker1 {
 0% {
opacity: 1.0;
}
 50% {
opacity: 0.1;
}
 100% {
opacity: 1.0;
}
}
 @-webkit-keyframes blinker1 {
 0% {
opacity: 1.0;
}
 50% {
opacity: 0.1;
}
 100% {
opacity: 1.0;
}
}
 @keyframes blinker1 {
 0% {
opacity: 1.0;
}
 50% {
opacity: 0.1;
}
 100% {
opacity: 1.0;
}
}
.blinker-2 { -webkit-animation-name: blinker2; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: infinite; -webkit-animation-delay: 0.15s; -moz-animation-name: blinker2; -moz-animation-duration: 1s; -moz-animation-timing-function: ease; -moz-animation-iteration-count: infinite; -moz-animation-delay: 0.15s; animation-name: blinker2; animation-duration: 1s; animation-timing-function: ease; animation-iteration-count: infinite; animation-delay: 0.15s; }
 @-moz-keyframes blinker2 {
 0% {
opacity: 1.0;
}
 50% {
opacity: 0.1;
}
 100% {
opacity: 1.0;
}
}
 @-webkit-keyframes blinker2 {
 0% {
opacity: 1.0;
}
 50% {
opacity: 0.1;
}
 100% {
opacity: 1.0;
}
}
 @keyframes blinker2 {
 0% {
opacity: 1.0;
}
 50% {
opacity: 0.1;
}
 100% {
 opacity: 1.0;
}
}
.blinker-3 { -webkit-animation-name: blinker3; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: infinite; -webkit-animation-delay: 0.3s; -moz-animation-name: blinker3; -moz-animation-duration: 1s; -moz-animation-timing-function: ease; -moz-animation-iteration-count: infinite; -moz-animation-delay: 0.3s; animation-name: blinker3; animation-duration: 1s; animation-timing-function: ease; animation-iteration-count: infinite; animation-delay: 0.3s; }
 @-moz-keyframes blinker3 {
 0% {
opacity: 1.0;
}
 50% {
opacity: 0.1;
}
 100% {
opacity: 1.0;
}
}
 @-webkit-keyframes blinker3 {
 0% {
opacity: 1.0;
}
 50% {
opacity: 0.1;
}
 100% {
opacity: 1.0;
}
}
 @keyframes blinker3 {
 0% {
opacity: 1.0;
}
 50% {
opacity: 0.1;
}
 100% {
opacity: 1.0;
}
}
/*--------------------------*/
/*---Mobile UI Lockscreen---*/
/*--------------------------*/

.mobileui-lockscreen-header { position: relative; z-index: 999; text-align: center; width: 100%; display: block; margin-top: 40px; margin-bottom: 20px; }
.mobileui-lockscreen-header h3 { color: #FFFFFF; z-index: 999999; height: 50px; font-size: 76px; line-height: 50px; font-weight: 200!important; margin-bottom: 10px; }
.mobileui-lockscreen-header p { color: rgba(255,255,255,0.7); font-size: 14px; letter-spacing: 1px; margin-bottom: -10px; }
.mobileui-lockscreen-notifications { position: relative; z-index: 9999; margin-top: -10px; }
.mobileui-lockscreen-notifications a { padding-top: 20px; padding-bottom: 20px; max-width: 300px; margin-left: auto; margin-right: auto; border-bottom: solid 1px rgba(255,255,255,0.1); }

@media(min-width:768px) {
.mobileui-lockscreen-notifications { width: 760px; margin-left: auto; margin-right: auto; }
.mobileui-lockscreen-notifications a { width: 320px; float: left; height: 100px; margin-left: 30px; margin-right: 30px; }
}
.mobileui-lockscreen-notifications i { height: 40px; width: 40px; line-height: 40px; text-align: center; border-radius: 10px; position: absolute; margin-left: 10px; font-size: 18px; }
.mobileui-lockscreen-notifications { overflow: hidden; }
.mobileui-lockscreen-notifications-scroll { position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Decrease this value for cross-browser compatibility */ overflow: auto; -webkit-overflow-scrolling: touch; }
.mobileui-lockscreen-notifications u { text-decoration: none; color: #FFFFFF; position: absolute; font-size: 10px; top: 13px; right: 0px; color: rgba(255,255,255,0.5) }
.mobileui-lockscreen-notifications strong { font-weight: 600; font-size: 14px; color: #FFFFFF; display: block; padding-bottom: 3px; }
.mobileui-lockscreen-notifications em { font-size: 13px; display: block; color: rgba(255,255,255,0.8); font-style: normal; padding-left: 70px; padding-right: 15px; line-height: 18px; }
.mobileui-lockscreen-home { width: 50px; height: 50px; line-height: 50px; text-align: center; color: #FFFFFF; font-size: 16px; border: solid 1px rgba(255,255,255,1); border-radius: 50px; margin-left: auto; margin-right: auto; margin-top: 30px; z-index: 9999; }
/*------------------------*/
/*---Mobile UI Messages---*/
/*------------------------*/

.mobileui-messages { margin-top: 30px; }
.mobileui-messages .speach-left { background-color: rgba(255,255,255,0.9)!important; }
.mobileui-messages .speach-read { color: #FFFFFF!important; }
.mobileui-messages .speach-left,
.mobileui-messages .speach-right { border: none!important; }
/*CSS Plugins*/
/*Do not alter these without proper knoweledge*/

/*Page Transitions*/

/*
    This is a minimified version of Animate.CSS built to sustain the animations
    of page transitions. Although it might be tempting to add more animation styles
    we HIGHLY suggest you do not do so. These animations run at full speed and perfect
    fluidity on all devices. Changing them can cause serious performance issues.
*/


.delay-100 { -webkit-transition-delay: 100ms!important; transition-delay: 100ms!important; -webkit-animation-delay: 100ms!important; animation-delay: 100ms!important; }
.delay-150 { -webkit-transition-delay: 150ms!important; transition-delay: 150ms!important; -webkit-animation-delay: 150ms!important; animation-delay: 150ms!important; }
.delay-200 { -webkit-transition-delay: 200ms!important; transition-delay: 200ms!important; -webkit-animation-delay: 200ms!important; animation-delay: 200ms!important; }
.delay-250 { -webkit-transition-delay: 250ms!important; transition-delay: 250ms!important; -webkit-animation-delay: 250ms!important; animation-delay: 250ms!important; }
.delay-300 { -webkit-transition-delay: 300ms!important; transition-delay: 300ms!important; -webkit-animation-delay: 300ms!important; animation-delay: 300ms!important; }
.delay-350 { -webkit-transition-delay: 350ms!important; transition-delay: 350ms!important; -webkit-animation-delay: 350ms!important; animation-delay: 350ms!important; }
.delay-400 { -webkit-transition-delay: 400ms!important; transition-delay: 400ms!important; -webkit-animation-delay: 400ms!important; animation-delay: 400ms!important; }
.delay-450 { -webkit-transition-delay: 450ms!important; transition-delay: 450ms!important; -webkit-animation-delay: 450ms!important; animation-delay: 450ms!important; }
.delay-500 { -webkit-transition-delay: 500ms!important; transition-delay: 500ms!important; -webkit-animation-delay: 500ms!important; animation-delay: 500ms!important; }
.animated { -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; }
 @-webkit-keyframes bounce {
 from, 20%, 53%, 80%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 40%, 43% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
 70% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 -webkit-transform: translate3d(0, -15px, 0);
 transform: translate3d(0, -15px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -4px, 0);
 transform: translate3d(0, -4px, 0);
}
}
 @-webkit-keyframes fadeIn {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}
 @keyframes fadeIn {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
 @-webkit-keyframes fadeInDown {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @-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; }
 @-webkit-keyframes fadeOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
 @keyframes fadeOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
/*-------------------*/
/*---Swiper Plugin---*/
/*-------------------*/

/*
    * Swiper 3.3.1
    * Most modern mobile touch slider and framework with hardware accelerated transitions
    * http://www.idangero.us/swiper/
    * Copyright 2016, Vladimir Kharlampidi
    * The iDangero.us
    * http://www.idangero.us/
    * Licensed under MIT
*/



.swiper-container-no-flexbox .swiper-slide { float: left; }
.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-container-android .swiper-slide,
.swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }
.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; }
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide { height: auto; }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height; }
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }
.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }
.swiper-button-prev,
.swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 15px 44px; -webkit-background-size: 15px 44px; background-size: 15px 44px; background-position: center; background-repeat: no-repeat; }
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; }
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-white .swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }
.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; }
.swiper-pagination-black .swiper-pagination-bullet-active { background: #000; }
.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); -moz-transform: translate3d(0px, -50%, 0); -o-transform: translate(0px, -50%); -ms-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }
.swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; }
.swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; }
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; }
.swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; }
.swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; }
.swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); }
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; }
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; }
.swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; }
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px; }
.swiper-container-cube,
.swiper-container-flip { overflow: visible; }
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }
.swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; }
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; }
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }
.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }
.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }
.swiper-scrollbar-cursor-drag { cursor: move; }
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; }
.swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; }
.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
@-webkit-keyframes swiper-preloader-spin {
 100% {
 -webkit-transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
 100% {
 transform: rotate(360deg);
}
}
/*---------------------*/
/*---Swipebox Plugin---*/
/*---------------------*/

.gallery-fix { display: none; background-color: rgba(255,255,255,0); position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 99999!important; }
.swipebox { overflow: hidden!important; }
.swipebox div { overflow: visible!important; }
#swipebox-overlay img { border: none!important; }
#swipebox-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999!important; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
#swipebox-slider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; }
#swipebox-slider .slide { background: url("../images/gallery/loader.gif") no-repeat center center; height: 100%; width: 100%; line-height: 1px; text-align: center; display: inline-block; }
#swipebox-slider .slide:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
#swipebox-slider .slide img { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle; }
#swipebox-action,
#swipebox-caption { position: absolute; left: 0; z-index: 999; height: 50px; width: 100%; }
#swipebox-action { bottom: -50px; }
#swipebox-action.visible-bars { bottom: 0; }
#swipebox-action.force-visible-bars { bottom: 0!important; }
#swipebox-caption { top: -50px; text-align: center; }
#swipebox-caption.visible-bars { top: 0; }
#swipebox-caption.force-visible-bars { top: 0!important; }
#swipebox-action #swipebox-prev,
#swipebox-action #swipebox-next,
#swipebox-action #swipebox-close { background-image: url("../images/framework/icons.png"); background-repeat: no-repeat; border: none!important; text-decoration: none!important; cursor: pointer; position: absolute; width: 50px; height: 50px; top: 0; }
#swipebox-action #swipebox-close { background-position: 15px 12px; left: 50%; margin-left: -25px; margin-top: -20px; padding-bottom: 30px!important; }
#swipebox-action #swipebox-prev { background-position: -32px 13px; right: 100px; top: 100%; position: fixed; left: 10px; margin-top: -70px; }
#swipebox-action #swipebox-next { background-position: -78px 13px; right: 40px; top: 100%; position: fixed; right: 10px; margin-top: -70px; }
#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled { opacity: 0.3; }
#swipebox-slider.rightSpring { -moz-animation: rightSpring 0.3s; -webkit-animation: rightSpring 0.3s; }
#swipebox-slider.leftSpring { -moz-animation: leftSpring 0.3s; -webkit-animation: leftSpring 0.3s; }
 @-moz-keyframes rightSpring {
 0% {
margin-left: 0px;
}
 50% {
margin-left: -30px;
}
 100% {
margin-left: 0px;
}
}
 @-moz-keyframes leftSpring {
 0% {
margin-left: 0px;
}
 50% {
margin-left: 30px;
}
 100% {
margin-left: 0px;
}
}
 @-webkit-keyframes rightSpring {
 0% {
margin-left: 0px;
}
 50% {
margin-left: -30px;
}
 100% {
margin-left: 0px;
}
}
 @-webkit-keyframes leftSpring {
 0% {
margin-left: 0px;
}
 50% {
margin-left: 30px;
}
 100% {
margin-left: 0px;
}
}
/* Skin*/
#swipebox-overlay { background: #0d0d0d; opacity: 1; }
#swipebox-action,
#swipebox-caption { background-color: #0d0d0d; opacity: 1; bottom: 0px; }
#swipebox-caption { padding-top: 10px; top: 0px; color: #FFFFFF; font-size: 13px; line-height: 50px; font-weight: 500; font-family: 'Roboto', sans-serif; }
.timeline-block-right.table-me-im { width: 100%; padding: 8px !important; }
ul.list_ok li:before { content: "\f120"; font-family: "Windows"; display: inline-block; float: left; padding: 0; margin: 0 9px; color: #fff; font-size: 17px; }
.flashing-arrows,
.flashing-arrows-1 { width: 200px; margin-left: auto; margin-right: auto; text-align: center; font-size: 25px; font-weight: 100!important; color: rgba(255,255,255,0.7); bottom: 20%; }
.flashing-arrows,
.flashing-arrows-2 { width: 200px; margin-left: auto; margin-right: auto; text-align: center; font-size: 25px; font-weight: 100!important; color: rgba(255,255,255,0.7); bottom: -90%; }
.willSlide.expanded label { color: #fff; }
.willSlide.expanded h4,
h6,
a,
h1 { color: #000; padding: 3px 10px; }
h2.text-left.headone.text-center { text-align: center; margin: 15px; }
.col-lg-4.my-cl.hotel-roomty { font-size: 15px; }
input.form-control.my-2-cl { width: 100%; }
.col-md-10.input-group input { width: 100%; }
input.form-control.validate[required] { width: 100%; }
.input-group.date.date-picker input { width: 100%; }
.col-lg-4.my-cl.hotel-roomty span:first-child { text-align: center; display: block; color: #e42431; }
input.form-control.validate[required] { width: 100%; }
.col-md-4.pull-left.input-group { width: 100%; }
.form-body input { width: 100%; }
.form-body { margin: 15px 0; }
div#accomdationbox { margin-bottom: 15px; }
h4.wind-logo-te { color: #fff; width: 100%; margin: 0 auto; text-align: center; padding-top: 16px; }
.timeline-block-right p {
    color: #2f2f2f!important;
}

.timeline-block-right strong {
    color: #2f2f2f!important;
}