/* Framework.CSS*/
/*

    Template Name:      Enabled Mobile & Tablet Templates
    Template URL:       http://enableds.com
    Author:             Enabled
    Author URI:         http://themeforest.net/user/Enabled?ref=Enabled 
    Author Facebook:    https://www.facebook.com/enabled.labs
    Author Twitter:     https://twitter.com/iEnabled
    Author Google+:     https://plus.google.com/u/1/105775801838187143320
    Version:            7.0
    License:            Regular or Extended via ThemeForest
    Plugin Licenses:    GPL / MIT - Redistribution Allowed ( only Swipebox & Swiper )
    Structure:          Each chapter from the structure can be located using 
                        CTRL + F ( Windows ) or CMD + F ( Mac ) The titles are
                        copy pasted as they are in the code. 
    
    Description:        The framework is built into one single CSS file to allow the template
                        universal, fast access to all the items. As -webkit- browsers cache the
                        CSS on load, this asures best loading times on all platforms and at the
                        same time asures you will find everything you need in one single place. 

                        The style.css is built for individual features of templates. All the core
                        elements of the CSS are located in framework.css and chaptered as added
                        below. 

                        Please Note! Not following the structure presented in the documentation
                        or altering the framework.css without proper experience can lead to the 
                        item malfunctioning. We are not responsible for any edits you make outside
                        the as is item. All features of this CSS are explained in the second help
                        documentation file provided in the pack with the item purchased!

    Structure:

    01. CSS Mobile Page Reset
    02. Page Content Settings
    03. Backgrounds & Colors
    04. Typography
    05. Lists 
    06. Tables
    07. Responsive Classes
    08. Tablet Responsive Classes
    09. Decorations
    10. Page Preloader
    11. Checkboxes & Radios
    12. Select Box
    13. Switches
    14. Range Slider
    15. Input Settings
    16. Columns
    17. Heading Styles
    18. Dropcaps
    19. Menu Bars
    20. Tab Bars
    21. Progress Lines
    22. Progress Bars
    23. Buttons
    24. Device Buttons
    25. Checkboxes
    26. Pricing Table
    27. Toggles
    28. Tabs
    29. Accordions
    30. Dropdowns
    31. Back To Top Badge
    32. Portfolio 1 Item
    33. Portfolio 2 Item
    34. Portfolio Adaptive
    35. Portfolio Fluid
    36. Portfolio Wide
    37. Portfolio Cards
    38. Gallery Settings
    39. Gallery Collections
    40. ------------------
    41. Page: Splash Page
    42. Page: 404 Page
    43. Page: Quotes
    44. Page: Reviews
    45. Page: Profile Page 1
    46. Page: Profile Page 2
    47. Page: Timeline Page 1
    48. Page: Timeline Page 2
    49. Page: Page Login
    50. Page: Contact Page
    51. PageApp: PageApp Login
    52. PageApp: PageApp Coverpage
    53. PageApp: Userlist Page
    54. PageApp: Activity Page
    55. PageApp: Calendar Page
    56. PageApp: Checklist Page
    57. PageApp: Chat Page
    56. Blog Template
    57. Swiper Plugin
    58. Swipebox Plugin
                        
*/

/*-----------------------------*/
/*----CSS Mobile Page Reset----*/
/*-----------------------------*/

@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');

::-webkit-scrollbar { 
    display: none; 
}

html, body{
    overflow-x:hidden;
    max-width: 600px;
    margin: auto;
}

* {
	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:13px;
    font-family:'Poppins', sans-serif;
    line-height:30px;
    font-weight:400;
}

input {
        font-family:'Poppins', sans-serif;
}

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;
}

textarea, input { outline: none; }

input {
    border-radius: 0!important;
    -webkit-border-radius:0px!important;
    display:inline-block;
}

textarea {
    -webkit-appearance: none!important;
    border-radius: 0!important;
    -webkit-border-radius:0px!important;
}

b, strong {
    font-weight: 600;
}

.no-link{text-decoration:none!important;color:black!important;}
.no-margin{margin:0px!important}
.no-padding{padding:0px!important}
.no-padding-right{padding-right:0!important}
.no-cursor{cursor:default!important}
.no-transparency{z-index:99;position:relative}
.cross-out{text-decoration:line-through}
.cursor-pointer{cursor:pointer!important;}
.cursor-copy{cursor:copy!important;}
.display-none{display:none!important}
.display-inline{display:inline!important}
.display-inherit{display:inherit!important}
.display-block{display:block!important}
.display-inline-block{display:inline-block!important}
.text-align-center{text-align:center!important}
.text-align-right{text-align:right!important}
.text-align-left{text-align:left!important}
.text-align-justify{text-align:justify!important}

.margin-20{margin:20px!important}
.margin-top-0{margin-top:0px!important}
.margin-top-3{margin-top:5px!important}
.margin-top-5{margin-top:5px!important}
.margin-top-10{margin-top:10px!important}
.margin-top-20{margin-top:20px!important}
.margin-top-30{margin-top:30px!important}
.margin-top-40{margin-top:40px!important}
.margin-top-50{margin-top:50px!important}
.margin-bottom-0{margin-bottom:0px!important}
.margin-bottom-5{margin-bottom:5px!important}
.margin-bottom-10{margin-bottom:10px!important}
.margin-bottom-20{margin-bottom:20px!important}
.margin-bottom-30{margin-bottom:30px!important}
.margin-bottom-50{margin-bottom:50px!important}
.margin-left-0{margin-left:0px!important}
.margin-left-5{margin-left:5px!important}
.margin-left-10{margin-left:10px!important}
.margin-left-20{margin-left:20px!important}
.margin-right-3{margin-right:3px!important}
.margin-right-5{margin-right:5px!important}
.margin-right-10{margin-right:10px!important}
.margin-right-20{margin-right:20px!important}
.margin-right-60{margin-right:60px!important}

.padding-left-20{padding-left:20px !important;}
.padding-right-20{padding-right:20px !important;}
.padding-right-0{padding-right:0px !important;}
.padding-20{padding:20px !important;}
.padding-50{padding:50px !important;}
.padding-top-20{padding-top:20px !important;}
.padding-top-30{padding-top:30px !important;}
.padding-top-40{padding-top:40px !important;}
.padding-bottom-20{padding-bottom:20px !important;}

.height-30 { height:30px!important; }
.height-50 { height:50px!important; }

.line-height-18 {line-height:18px!important}
.line-height-20 {line-height:20px!important}
.line-height-25 {line-height:25px!important}
.line-height-normal { line-height:normal!important }

.font-size-20 {font-size:20px!important}

.opacity-07 { opacity:0.7; }

/*-----------------------------*/
/*----Page Content Settings----*/
/*-----------------------------*/


#page-content{margin-bottom:0px;}
.transparent-bg{background-color:rgba(255,255,255,0)!important; transition:all 250ms ease;}
.header-clear{padding-top:55px!important;}
.header-clear-large{padding-top:85px!important;}

#dropdown{
    position:fixed;
    left:0px;
    top:60px;
    height:400px;
    right:0px;
    z-index:30;
    overflow:hidden;
}

.dropdown-scroll{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    right: -19px; /* Decrease this value for cross-browser compatibility */
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#sidebar-left{left:0px;}
#sidebar-right{right:0px;}

#sidebar-left, #sidebar-right{
    position:fixed;
    top:0px;
    bottom:0px;
    z-index:19;
    overflow:hidden;
}

.sidebar-scroll{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    right: 0px; /* Decrease this value for cross-browser compatibility */
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/*------------------*/
/*----Typography----*/ 
/*------------------*/ 

p {
	line-height: 30px;
	margin-bottom: 30px;
	font-size:13px;
}

p > a {	display: inline;	text-decoration: none;}
p > a:hover{text-decoration: underline;}
p > span {display: inline;}
p strong{font-size:14px;}
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;}
ol > li:last-child, ul > li:last-child {margin-bottom:0px;}
textarea{font-family:'Poppins', sans-serif;}
button{font-family:'Poppins', sans-serif;}

.home-slider, 
.home-fader,
.single-item,
.quote-slider,
.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;}

/*-------------------------*/
/*---Background & Colors---*/
/*-------------------------*/

.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;}

.overlay{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:9;
}

.dark-overlay{    background-color:rgba(0,0,0,0.7);}
.medium-overlay{    background-color:rgba(0,0,0,0.6);}
.light-overlay{    background-color:rgba(255,255,255,0.85);}
.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: solid 1px #2c3e50;}
.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-pink-light{background-color: #fa6a8e !important; color:#FFFFFF;}
.bg-pink-dark{background-color: #FB3365 !important; color:#FFFFFF;}
.border-pink-light{border:solid 1px #fa6a8e !important;}
.border-pink-dark{ border:solid 1px #FB3365 !important;}
.bg-hover-pink-light:hover{background-color: #f85d84!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-pink-dark:hover{background-color: #fa6a8e!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-pink-light{color: #fa6a8e!important;}
.color-pink-dark{color: #FB3365!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;}
.bg-hover-black:hover{background-color:#FFFFFF!important; color:#000000!important;}
.color-white{color:#FFFFFF!important;}
.border-white{border:solid 1px #FFFFFF!important;}

.bg-black{background-color:#000000;}
.bg-hover-black:hover{background-color:#000000!important; color:#FFFFFF!important;}
.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;}
.opacity-100{opacity:1!important}
.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-color{       color:#3b5998;}
.facebook-bg{           background-color:#3b5998;    color:#FFFFFF; border:solid 1px #3b5998;}
.facebook-bg:hover{     background-color:#4469b7;    color:#FFFFFF; border:solid 1px #3b5998;}
.snapchat-color{       color:#e5c100;}
.snapchat-bg{           background-color:#e5c100;    color:#FFFFFF; border:solid 1px #e5c100;}
.snapchat-bg:hover{     background-color:#F0E68C;    color:#FFFFFF; border:solid 1px #e5c100;}
.instagram-color{       color:#c1558b;}
.instagram-bg{           background-color:#c1558b;    color:#FFFFFF; border:solid 1px #c1558b;}
.instagram-bg:hover{     background-color:#8a49a1;    color:#FFFFFF; border:solid 1px #8a49a1;}
.linkedin-bg{           background-color:#0077B5;    color:#FFFFFF; border:solid 1px #0077B5;}
.linkedin-bg:hover{     background-color:#0186cb;    color:#FFFFFF; border:solid 1px #0077B5;}
.twitter-color{        color:#4099ff;}
.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;}
.share-bg{              background-color:#D3D3D3;    color:#484848; border:solid 1px #C0C0C0;}
.share-bg:hover{        background-color:#C0C0C0;    color:#484848; border:solid 1px #C0C0C0;}

.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;}
.float-right{float:right;}
.read-more-right{float:right; display:block;}
.read-more-right i{padding-left:10px;}


/*----------------*/
/*---Typography---*/
/*----------------*/

.small-heading{
    font-size:12px;
    margin-top:-10px;
    margin-bottom:10px;
    display:block;
}

h1{ font-size:24px; line-height:34px; font-weight:600;}
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:26px; font-weight:500;}

.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;
}

/*-----------*/
/*---Lists---*/
/*-----------*/

.font-icon-list li{
	list-style:none;
	padding-left:0px;
    margin-left:-20px;
	line-height:30px;
}

.font-icon-list i{
	margin-right:10px;	
    width:20px;
	text-align:center;
	display:inline-block;
}

.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;}

/*------------*/
/*---Tables---*/
/*------------*/

.table{
	width:100%;
	margin-bottom:35px;
}

.table-title{
	font-family:'Poppins', sans-serif;
	font-size:12px;
}

.table-sub-title{
	font-family:'Poppins', 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:14px;}
.table tr:last-child td{border-bottom:0;}
.table-heading{padding-top:10px; padding-bottom:15px;}

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

.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;}
.small-bottom{margin-bottom:10px!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;}
.rounded-image{border-radius:500px;}
.no-shadow{box-shadow:none!important;}

.responsive-video{
	position:relative;
    min-height:320px;
    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:20px;
    padding-right:20px;
}

.content-fullscreen{
    margin-bottom:30px;
    padding-left:0px;
    padding-right:0px;
}

.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:400!important;}
.superthin{font-weight:300!important;}
.thiner{font-weight:400!important;}
.bold{font-weight:600!important;}
.ultrabold{font-weight:600!important;}
.justify{text-align:justify!important;}
.italic{font-style: italic;}

.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;
    padding-left:20px;
    padding-right:20px;
}

.center-boxed-content{
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
    padding-left:20px;
    padding-right:20px;
}

/*-------------------------------*/
/*---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;
}

.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-small{
    height:3px;
    width:100px;
    margin-left:auto;
    margin-right:auto;
}

.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;}
.rotate-270{-moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); 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;
	background-color:rgba(255,255,255,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;
    transition-delay:250ms;
    -webkit-transition-delay:250ms;
}

.page-preloader-text {
    display: none;
    position: absolute;
    left: 0;
    top: 50%;
    color: #CACACA;
    font-size: 15px;
    width: 100%;
    text-align: center;
}

.show-preloader{
    opacity:1!important;
    pointer-events:all!important;
    transition:all 250ms ease;
}

.page-preloader i{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -50px;
    font-size: 50px;
}

.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: #e74c3c;
    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-contain{margin-top: 5px;}
.onoffswitch-contain a {display:inline}
.onoffswitch-text{line-height:20px;margin-right:70px;text-align: justify;}

/*Switch 1*/
.onoffswitch-1 {
    position: relative; 
    width: 50px;
    float:right;
    margin-top: 3px;
    -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;
    top:-5px;
    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: left;
    margin-right: 12px;
    position: relative;
    width: 50px;
    margin-top: 5px;
    -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:40px;
    width:100%;
    font-size:13px;
    padding-left:15px;
    padding-right:15px;
    margin-bottom:15px;
    font-family:'Poppins', sans-serif;
    background: white;
    border-radius:7px!important
}

.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;
    width:100%;
    font-size:13px;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:15px;
    font-family:'Poppins', 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;}

/*Column Center*/

.column-home-center i{
	font-size:48px;
	text-align:center;
	display:block;
}

.column-home-center h5{
	text-align:center;
	font-size:18px;
	padding:10px 0px 10px 0px;
}

.column-home-center p{
	text-align:center;
    line-height: 20px;
}


/*--------------------*/
/*---Heading Styles---*/
/*--------------------*/

.heading-strip{
    padding:25px;
    margin-bottom:30px;
    background-size:cover;
    display:flow-root;
}

.heading-strip .dark-overlay{
    background-color:rgba(0,0,0,0.8);
}

.heading-strip h3, .heading-strip h4, .heading-strip h2, .heading-strip h1{
    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-strip .button, .heading-strip .button-ghost{
    z-index:99;
    position:relative;
    color:#FFFFFF;
    display:block;
    margin-left:auto!important;
    margin-right:auto!important;
    border:solid 2px rgba(255,255,255,0.3);
    margin-top:20px;
}


.heading-block, .background-block{
    overflow:hidden;
    display:block;
    width:100%;
    padding:40px 25px;
    margin-bottom:30px;
    background-size:cover;
}

.heading-block-fullscreen, .background-block{
    padding-left:0px;
    padding-right:0px;
}

.heading-block .background-block-slider, .background-block .background-block-slider{
    z-index:999!important;
}

.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .heading-block h5, .background-block h1, .background-block h2, .background-block h3, .background-block h4, .background-block h5{
    color:#FFFFFF;
    z-index:99;
    position:relative;
    text-align:center;
    margin-bottom:10px;
}

.heading-block h4, .background-block h4{
    font-size:18px;
    color:#FFFFFF;
    z-index:99;
    position:relative;
    text-align:center;
    margin-bottom:10px;
}

.heading-block p, .background-block p{
    font-size:14px;
    color:#FFFFFF;
    z-index:99;
    position:relative;
    text-align:center;
    opacity:0.7;
    width:85%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}

.heading-block .button, .heading-block .button-ghost, .background-block .button, .background-block .button-ghost{
    z-index:99;
    position:relative;
    color:#FFFFFF;
    display:block;
    margin-left:auto!important;
    margin-right:auto!important;
}

.heading-text{margin-bottom:30px;}
.heading-text h3, .heading-text h4, .heading-text h5{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:45px;
    line-height:40px;
    text-align:center;
    font-size:13px;
    display:inline-block;
    margin:0px 5px 10px 5px;
    padding:0px 10px 0px 10px;
    cursor:pointer!important;
}

.button i{
    margin-right:2px;
}

.button-ghost{
    height:45px;
    line-height:45px;
    text-align:center;
    font-size:13px;
    display:inline-block;
    margin:0px 5px 10px 5px;
    padding:0px 20px 0px 20px;
    background-color:transparent;
    color:#ffffff;
    line-height:40px;
}

.button-ghost:hover{
    background-color:#FFFFFF!important;
    color:#1f1f1f!important;
}

.button-bold{font-weight:700!important;}

.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:11px; height:42px!important; line-height:39px!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:38px!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:25px!important;*/ height:25px!important; line-height:25px!important; font-size:14px!important;}
.icon-xs{width:25px!important; height:25px!important; line-height:17px!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 5px #1e7b45!important; padding:0px 22px;}
.button-green:hover{background-color:#2ecc71; border:solid 2px #2ecc71;}
.button-green:active{background-color:#27ae60; border:solid 2px #27ae60;}

.button-blue{background-color:#3498db; border:solid 2px #3498db;}
.button-blue-3d{border:none!important; border-bottom:solid 5px #216490!important; padding:0px 22px;}
.button-blue:hover{background-color:#337ab7; border:solid 2px #337ab7;}
.button-blue:active{background-color:#2980b9; border:solid 2px #2980b9;}

.button-blue-dark{background-color:#27487C; border:solid 2px #27487C;}
.button-blue-dark-3d{border:none!important; border-bottom:solid 5px #216490!important; padding:0px 22px;}
.button-blue-dark:hover{background-color:#337ab7; border:solid 2px #337ab7;}
.button-blue-dark: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-pink{background-color:#FB3365; border:solid 2px #FB3365;}
.button-pink-3d{border:none!important; border-bottom:solid 5px #FB3365!important; padding:0px 22px;}
.button-pink:hover{background-color:#f83465; border:solid 2px #e22c59;}
.button-pink:active{background-color:#e22c59; border:solid 2px #e22c59;}


.button-white {
    margin:0;
    height:28px;
    line-height:25px;
    border-radius:3px;
    color:#000000;
    border: solid 1px #BEBEBE;
    cursor:pointer;
}

.button-info {
    margin: 0;
    height: 28px;
    line-height: 25px;
    border-radius: 15px;
    border: solid 1px #CECECE;
    font-style: italic;
    cursor: default;
    font-size: 13px;
    text-align: center;
    display: inline-block;
    padding: 0px 15px 0px 15px;
    color: #696969;
}

.button-update-cover {
    margin:0;
    height:28px;
    line-height:25px;
    border-radius:3px;
    border: solid 1px #BEBEBE !important;
    cursor:pointer !important;
    padding-left: 14px;
    padding-right: 14px;
    float:right;
}

.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{
    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)!important;}

/*-------------------*/
/*---Pricing Table---*/
/*-------------------*/

.pricing-table-slider{margin:0px auto 30px auto;}

.price-table-item{
    width:100%;
    margin:0px auto 0px auto;
    padding:30px 0px 30px 0px;
}

.price-table-left{
    padding-right: 3px;
    width: 100%;
    max-width:290px;
    margin:auto;
}

.price-table-right{
    padding-left: 3px;
    width: 100%;
    max-width:290px;
    margin:auto;
}

@media(min-width:400px){
    .price-table-left{
        padding-right: 3px;
        display: inline-block;
        width: 50%;
        float: left;
    }

    .price-table-right{
        padding-left: 3px;
        display: inline-block;
        width: 50%;
        float: left;
    }
}

.price-table-half{
    margin-right:2%;
    margin-left:2%;
    float:left;
    width:46%!important;
    margin-bottom:30px;
}

.price-table-half ul{
    font-size:11px;
    margin-bottom:-10px;
}

.price-table-half h2{
    font-size:20px!important;
}

.price-table-half h3{
    font-size:23px!important;
    margin-bottom:-10px;
    margin-top:-20px;
}

.price-table-half h1{
    font-size:24px!important;
    line-height:24px;
    margin-bottom:-20px;
    margin-top:-10px;
}

.price-table-half .button{
    width:110px!important;
    margin-bottom:-5px!important;
    margin-top:20px;
}

.price-table-item h1{text-align:center; font-size:40px;}

.price-table-item h2{
    text-align:center;
    padding:30px 15px 30px 15px;
    font-weight:600;
    color:#FFFFFF;
    font-size:24px;
    line-height:26px;
}

.price-table-item h3{
    text-align:center;
    font-size:35px;
    padding-left:10px;
    font-weight:600;
}

@media(max-width:500px){
    .price-table-item h3{
        text-align:center;
        font-size:30px;
        padding-left:10px;
        font-weight:600;
    }
}

.price-table-item h3 strong{
    font-size: 16px;
    position: relative;
    height: max-content;
    top: -13px;
    margin-right: 5px;
}

.price-table-item h3 em{font-size:12px;line-height: normal;}
.price-table-list{list-style:none; padding:30px 0px 10px 0px;}
.price-table-list li{line-height: normal;text-align: center;margin-bottom: 20px;padding-left: 10px;padding-right: 10px;}

.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{
    text-decoration: underline;
    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{min-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;
    min-height: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    line-height: 20px;
}

.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:14px;
    display:block;
    width:100%;
}

.active-toggle .toggle-content{display:block;}
.toggle-content{
    display:none;
    padding-top:0px;
    padding-bottom:20px;
    line-height: 20px;
}

.toggle-content p{padding-bottom:0px; margin-bottom:0px;}

.toggle i{
    font-size:16px;
    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:40px;
    line-height:50px;
    font-size:15px;
    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:50px;
    line-height:50px;
    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:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:21px;
    display:inline-block;
    background-color:rgba(0,0,0,0.1);
}

.dropdown-item em{
    font-size:14px;
    font-style:normal;
    padding-left:20px;
    color:rgba(255,255,255,0.8);
}

.dropdown-item i:last-child{
    position:absolute;
    height:50px;
    width:50px;
    line-height:50px;
    text-align:center;
    right:10px;
    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:'Poppins', 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{
    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:34px;
    height:34px;
    border-radius:18px;
    font-size:12px;
    position:fixed;
    z-index:999998;
    right:10px;
    bottom:0px;
    -moz-transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -o-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    color:#FFFFFF;
    text-align:center;
    line-height:32px;
    background: #499bea; /* Old browsers */
    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;
    text-align:center;
    width:34px;
    font-size:18px;
}

.back-to-top-badge-visible{
    /*opacity:1;*/
    pointer-events:all;
    -moz-transform: translateY(-35px);
    -webkit-transform: translateY(-35px);
    -o-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    transform: translateY(-35px);
    -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*/

/*----------------------*/
/*---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:132px;
    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 2px 0px 2px;
    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;
}

/*2 Items*/
.portfolio-adaptive-two .portfolio-item{
    width:48%;
    float:left;

}

.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 adaptive-full Full---*/
/*-----------------------------*/

.portfolio-switch-full{
    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-full{
    -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-full{margin-bottom:10px}
.portfolio-adaptive-full:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}
.portfolio-adaptive-full .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-full-one .portfolio-item{
    width:100%;
    float:left;
    border: solid 1px white;
}

/*2 Items*/
.portfolio-adaptive-full-two .portfolio-item{
    width:50%;
    float:left;
    border: solid 1px white;
}

.portfolio-adaptive-full-two .portfolio-item:nth-child(2n+2){margin-right:0%;!important;}
.portfolio-adaptive-full-two .portfolio-item:nth-child(2n+1){margin-right:0%!important;}

/*3 Items*/

.portfolio-adaptive-full-three .portfolio-item{
    width:33.33%;
    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;
    border: solid 1px white;
}

.portfolio-adaptive-full-three .portfolio-item:nth-child(3n+1){margin-right:0%;!important;}
.portfolio-adaptive-full-three .portfolio-item:nth-child(3n+2){margin-right:0%;!important;}
.portfolio-adaptive-full-three .portfolio-item:nth-child(3n+3){margin-left:0%;!important;}

/*Portfolio Controls*/
.portfolio-adaptive-full-controls{
    padding:0px 0px 0px 20px;
    margin-bottom:30px;
    height:50px;
}

.portfolio-adaptive-full-controls h4{
    height:50px;
    line-height:50px;
    font-size:14px;
}

.portfolio-adaptive-full-controls .portfolio-switch-full{float:right; margin:-50px 0px 30px 0px!important;}
.portfolio-adaptive-full-controls .adaptive-full-one{border-left:0px;}
.portfolio-adaptive-full-controls .portfolio-switch-full i{
    display:inline-block;
    font-size:20px;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
}

.portfolio-adaptive-full .portfolio-item .adaptive-full-more{font-size:14px; padding-top:10px;}
.portfolio-adaptive-full .portfolio-item .adaptive-full-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:600;
    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;}
    .gallery-blocks-first{width:50%!important}
}

@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;}
    .gallery-blocks-first{width:66.66%!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;}
    .gallery-blocks-first{width:50%!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;}
    .gallery-blocks-first{width:40%!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:25%; float:left; }
    .gallery-blocks a strong{font-size:20px!important;}
    .gallery-blocks-first{width:50%!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; left:50%; top:50%;}
.content-center-buttons{width:265px; margin:0 auto; padding-left:10px;}
.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;
}

.gallery-three-thumbs a{
    width:31%!important;
    margin-left:1%!important;
    margin-right:1%!important;
    float:left;
}

/*-----------------------*/
/*---Landing Page Menu---*/
/*-----------------------*/

.landing-header-logo{
	background-size:200px 50px;
	width:200px;
	height:50px;	
	margin:0px auto 20px auto;
}

.landing-dark .landing-overlay{background-color:rgba(0,0,0,0.8);}
.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{	background-image:url(../images/logo-light.png);}

.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{	background-image:url(../images/logo-mym.png);}


.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:24px;
    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-icons{
    height:40px;
    padding:5px 5px 0px 0px;
    width:125px;
    float:right;
    margin-bottom:25px;
}

.landing-header-icons a{
    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;
}

.landing-homepage{
	overflow:hidden;
}

.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:300px; padding:0px 0px 10px 0px;}
.page-splash img{
    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;
}

/*--------------*/
/*---404 Page---*/
/*--------------*/

.page-404{width:250px;}
.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:600;
}

.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:600;}

/*-------------*/
/*---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:600;}
.review-3 .review-stars{
    width:80px;
    margin:20px auto;
    color:#f39c12;
}

.review-4 h1{font-size:30px; font-weight:600;}
.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:600;
}

.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---*/
/*--------------------*/



.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-header{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:235px; margin:20px auto;}
.profile-page-1-content .social-profile a{margin:0px 5px 0px 5px;}
.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;
}

.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:auto;
    border-radius:130px;
}

.profile-page-2-thumbnail img{
    border-radius:130px;

}

.profile-page-2-header {
    margin-top:35px;
}

.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;
    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:0px;}
.page-timeline-1 .timeline-block-right{padding-left:90px!important;}
.page-timeline-1 .timeline-block-right{padding:20px 30px 0px 0px;}

.page-timeline-1 .timeline-block-left i{
    width:55px;
    height:55px;
    line-height:55px;
    border-radius:55px;
    text-align:center;
    font-size:18px;
    margin-left:22px;
    margin-top:20px;
    z-index:10;
    display:inline-block;
}

.page-timeline-1 .timeline-deco{
    position:absolute;
    height:2000000px;
    width:1px;
    left:49px;
    overflow:hidden;
}

.page-timeline-1 .timeline-heading{
    font-size:16px;
    margin-bottom:-10px;
    font-weight:500;
}

.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;
    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:13px;
    -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{
    font-family:'Poppins',sans-serif;
	display:block!important;
	margin-right:4px;
	width:100%;
    font-weight:700!important;
}

.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;
	min-height: 80px;
    border-radius: 7px;
}

/*---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;
    max-width: 600px
}

.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;}

/*Badge Content*/

.badge-content{
    background-color:#0e141b!important;
    margin-bottom:30px;
    padding-top:10px;
    padding-bottom:30px;
}

.badge-content h2{
    padding-left:30px;
    padding-right:30px;
    font-weight:600!important;
    font-size:18px;
    line-height:26px;
    padding-bottom:18px;
}

.badge-content h4{
    color:#FFFFFF;
    text-align:center;
    padding-top:20px;
}

.badge-content em{
    display:block;
    text-align:center;
    color:#FFFFFF;
    opacity:0.5;
    font-size:12px;
    font-style:normal;
}

.badge-content p{
    padding-left:30px;
    padding-right:30px;
    padding-top:20px;
    margin-bottom:20px;
}

.badge-content .badge-image{
    position:relative;
    width:300px;
    margin-left:auto;
    margin-right:auto;
}

.badge-content .badge-image img:nth-child(1){
    position:absolute;
    width:150px;
    height:150px;
    top:50%;
    margin-top:-75px;
    left:-10px;
    opacity:0.5;
}

.badge-content .badge-image img:nth-child(2){
    position:absolute;
    width:150px;
    height:150px;
    top:50%;
    margin-top:-75px;
    right:-10px;
    opacity:0.5;
}

.badge-content h3{
    text-align:center;
    padding-top:25px;
    font-size:20px;
}

.badge-content p{
    text-align:center;
    max-width:320px;
    margin-left:auto;
    margin-right:auto;
}

.badge-content-buttons{
    max-width:320px;
    margin-left:auto;
    margin-right:auto;
}

@media(min-width:768px){
    .badge-content p{max-width:500px;}
    .badge-content-buttons{max-width:500px;}
}

.badge-content .badge-image img:nth-child(3){
    width:70%;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
}

/*-----------------------*/
/*---PageApp Coverpage---*/
/*-----------------------*/

.coverpage-slider{
	background-color:#000000;
}

.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:30px 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{
    cursor:pointer;
}

.map-fullscreen  .overlay{
    opacity:0.85;
    background-color:rgba(0,0,0,1)!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;
    display:inline-block;
}

.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;
    display:inline-block;
}

.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;
    display:block;
}

.user-list-4{
    padding-top:10px;
    height:75px;
    margin-bottom:10px;
    display:block;
}

.user-list-4 strong{
    font-weight:500;
    font-size:15px;
    padding-left:60px;
    line-height:23px;
    position:absolute;
    display:block;
}

.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;}
.user-list-4 .ion-ios-arrow-forward{
    float:right;
    display:inline-block;
    margin-top: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:600;
}

.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{ padding-bottom:30px;}
.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);
}

/*----------------*/
/*---News Cover---*/
/*----------------*/

.news-slider h3{
    width:100%;
    padding-top:40px;
    padding-bottom:20px;
    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:16px;
    font-weight:400;
    line-height:25px;
}

.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:500;
    width:33.3%;
    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:200!important;
    font-size:18px;
    font-family:'Poppins', 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;}
.badge-favorite{float:left; padding-left:20px; padding-right:20px;}
.card-small-layout{margin-bottom:5px;}
.card-small-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-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:20%;
    float:left;
    text-align:center;
    font-size:15px;
}

.news-article-share a i{
    width:100%;
	display:block;
    height:40px;
    line-height:40px;
    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:600!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:80px;
    height:80px;
    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:0px;
}

.store-cart-1 .cart-item h2{
    position:absolute;
    right:0px;
    top:0px;
    font-size:14px;
    padding-top:1px;
}

.store-cart-1 .cart-item h3{
    font-weight:400;
    padding-left:100px;
    font-size:12px;
    font-style:normal;
    margin-top:-10px;
}

.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:29%; float:left; margin-left:4%;}}

.large-costs{width:100%!important;}
.cart-costs h5{line-height:40px;}
.cart-costs h5 strong{
    width:75%;
    float:left;
    font-weight:400;
    font-size:14px;
}

.cart-costs h5 em{
    width:25%;
    float:right;
    text-align:right;
    font-weight:400;
    font-size:14px;
    font-style:normal;
}

.cart-costs-line { display:table;width:100% }

.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{position:absolute; right:0px;}

/*-----------------*/
/*---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; padding-bottom:10px;}
.store-menu-card{
    background-color:#FFFFFF;
    min-height:90px;
    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 Apps----*/
/*-----------------*/

.store-apps-header img{
	width:100px;
	height:100px;
	border-radius:20px;
	position:absolute;
}

.store-apps-header{
	height:100px;
}

.store-apps-header h4{
	padding-left:120px;
}

.store-apps-header h5{
	padding-left:120px;
	font-size:12px;
	margin-top:-5px;
	margin-bottom:-5px;
}

.store-apps-header h6{
	float:right;
	width:auto;
	display:inline-block;
	padding:0px 10px;
	line-height:25px;
	margin-left:120px;
	font-size:10px;
	font-weight:400;
	background-color:#2c3e50;
	color:#FFFFFF;
	border-radius:30px;
	margin-bottom:-5px;
}

.store-apps-header h6 a{color:#FFFFFF;}

.store-apps-header em{
	padding-left:120px;
	display:block;
}

.store-apps-item{
	width:33%;
	float:left;
}

.store-apps-item img{
	width:80px;
	border-radius:20px;
	margin:0 auto;
}

.store-apps-item strong{
	display:block;
	text-align:center;
	font-size:14px;
	font-weight:400;
	color:#1f1f1f;
	margin-bottom:-10px;
}

.store-apps-item em{
	display:block;
	text-align:center;
	margin-bottom:10px;
	font-size:11px;
	font-style: normal;
}

/*-------------------*/
/*---Store Music-----*/
/*-------------------*/

.store-music-list a img{
	width:55px;
	position:absolute;
}

.store-music-list a strong{
	margin-left:70px;
	display:block;
	color:#000000;
	font-size:16px;
}

.store-music-list a{
	margin-bottom:20px;
}

.store-music-list a em{
	display:block;
	margin-left:70px;
	margin-top:-10px;
	font-style:normal;
	font-size:13px;
	color:#666666;
}

.store-music-list span{
	position:absolute;
	right:0px;
	top:10px;
	height:30px;
	line-height:30px;
	padding-left:20px;
	padding-right:20px;
	border-radius:5px;
	font-size:12px;
}

/*-------------------*/
/*---Store Video-----*/
/*-------------------*/

.store-video-item a img{
	width:120px;
}

.store-video .store-share{
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:14px;
	position:absolute;
	top:5px;
	right:0px;
	background-color:#2980b9;
	color:#FFFFFF;
}

.store-video-item-text{
	position:absolute;
	top:0px;
	padding-left:140px;
	line-height:35px;
	font-size:14px;
}

.store-video-item-text i{
	width:30px;
	display:inline-block;
}

/*-------------------*/
/*---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 i{
	width:20px;
	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;
    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:'Poppins', 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;
}

/*-------------------*/
/*---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);
    }
}


/*-----------------------*/
/*---Justified Gallery---*/
/*-----------------------*/

.justified-gallery {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom:25px;
}
.justified-gallery > a,
.justified-gallery > div {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    opacity: 0;
}
.justified-gallery > a > img,
.justified-gallery > div > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    border: none;
}

.justified-gallery .caption{display:none!important;}

/*---------------------*/
/*---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%!important;
	position: fixed;
	top: 0;
	left: 0;
	bottom:-10px;
	top:0px;
	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/preload2.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: #000000; opacity:1;}
#swipebox-action, #swipebox-caption {
	background-color: #000000;
	opacity: 1;
    bottom:0px;
}

#swipebox-caption {
    padding-top:10px;
    top:0px;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 50px;
    font-weight:500;
	font-family: 'Poppins', sans-serif;
}