::-webkit-scrollbar{
display:none;
}
html,body{
overflow-x:hidden;
}
*{
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
outline:none;
font-size-adjust:none;
-webkit-text-size-adjust:none;
-moz-text-size-adjust:none;
-ms-text-size-adjust:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-font-smoothing:antialiased!important;
-webkit-transform:translate3d(1,1,1);
transform:translate3d(1,1,1);
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
*:focus{
outline:none;
}
*,*:after,*:before{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0;
margin:0;
}
body{
margin:0;
padding:0;
overflow-x:hidden;
font-size:14px;
font-family:'Roboto',sans-serif;
line-height:30px;
font-weight:400;
}
a{
-webkit-transition:all 250ms ease;
-moz-transition:all 250ms ease;
-ms-transition:all 250ms ease;
-o-transition:all 250ms ease;
transition:all 250ms ease;
}
::selection{
background-color:#CCC;
color:#000;
}
div,a,p,img,blockquote,form,fieldset,textarea,input,label,iframe,code,pre{
display:block;
position:relative;
}
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;
}
#page-content{
margin-bottom:0px;
padding-bottom:5px;
}
.transparent-bg{
background-color:rgba(255,255,255,0)!important;
transition:all 250ms ease;
}
.header-clear{
padding-top:60px!important;
}
.header-clear-large{
padding-top:90px!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;
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;
overflow:auto;
-webkit-overflow-scrolling:touch;
}
p{
line-height:30px;
margin-bottom:30px;
font-size:16px;
}
p>a{
display:inline;
text-decoration:none;
}
p>a:hover{
text-decoration:underline;
}
p>span{
display:inline;
}
p strong{
font-size:15px;
}
span>a{
display:inline;
}
a>span{
display:inline;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:none;
}
strong a,em a{
display:inline;
}
h1>a,h2>a,h3>a,h4>a,h5>a,h6>a{
display:inline;
}
table{
border-collapse:separate;
border-spacing:0;
width:100%;
clear:both;
margin-bottom:27px;
}
th{
vertical-align:middle;
font-weight:bold;
}
tr{
line-height:18px;
}
td{
text-align:center;
padding-top:9px;
padding-bottom:9px;
line-height:18px;
vertical-align:middle;
}
ul{
margin-bottom:30px;
}
ul ul{
margin-bottom:5px;
}
ol ol{
margin-bottom:5px;
}
ol{
margin-bottom:30px;
}
li{
line-height:24px;
margin-bottom:5px;
}
ol>li:last-child,ul>li:last-child{
margin-bottom:0px;
}
textarea{
font-family:'Roboto',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;
}
.bg-full{
position:fixed;
top:-20px;
left:-20px;
right:-20px;
bottom:-20px;
overflow:hidden;
}
.bg-cover{
background-size:cover;
background-position:center center;
}
.bg-transparent{
background:transparent!important;
}
.bg-dark{
background-color:rgba(0,0,0,0.3)!important;
}
.bg-1{
background-image:url(../images/slide01.jpg)}
.bg-2{
background-image:url(../images/slide02.jpg)}
.bg-3{
background-image:url(../images/slide03.jpg)}
.bg-4{
background-image:url(../images/slide04.jpg)}
.bg-5{
background-image:url(../images/slide05.jpg)}
/*.bg-6{*/
/*background-image:url(../images/slide06.jpg)}*/
.slide-1{
background-image:url(../images/101c.jpg)}
.slide-2{
background-image:url(../images/102c.jpg)}
.slide-3{
background-image:url(../images/103c.jpg)}
.slide-4{
background-image:url(../images/104c.jpg)}
.slide-5{
background-image:url(../images/105c.jpg)}
.slide-6{
background-image:url(../images/106c.jpg)}
.slide-7{
background-image:url(../images/107c.jpg)}
.slide-8{
background-image:url(../images/108c.jpg)}
.vertical-bg-0{
background-image:url(../images/pictures_vertical/bg0.jpg);
}
.vertical-bg-1{
background-image:url(../images/pictures_vertical/bg1.jpg);
}
.vertical-bg-2{
background-image:url(../images/pictures_vertical/bg2.jpg);
}
.vertical-bg-3{
background-image:url(../images/pictures_vertical/bg3.jpg);
}
.vertical-bg-4{
background-image:url(../images/pictures_vertical/bg4.jpg);
}
.vertical-bg-5{
background-image:url(../images/pictures_vertical/bg5.jpg);
}
.vertical-bg-6{
background-image:url(../images/pictures_vertical/bg6.jpg);
}
.vertical-bg-7{
background-image:url(../images/pictures_vertical/bg7.jpg);
}
.vertical-bg-8{
background-image:url(../images/pictures_vertical/bg8.jpg);
}
.vertical-bg-9{
background-image:url(../images/pictures_vertical/bg9.jpg);
}
.overlay{
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
z-index:9;
}
.dark-overlay{
/* background-color:rgba(0,0,0,0.7); */
}
.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-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:#FB3365!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;
}
.color-white{
color:#FFFFFF!important;
}
.border-white{
border:solid 1px #FFFFFF!important;
}
.bg-black{
background-color:#000000;
}
.color-black{
color:#000000!important;
}
.border-black{
border:solid 1px #000000!important;
}
.opacity-00{
opacity:0;
}
.opacity-25{
opacity:0.25;
}
.opacity-50{
opacity:0.50;
}
.opacity-75{
opacity:0.75;
}
.border-round{
border-radius:10px;
overflow:hidden;
}
.bg-green-light i,.bg-green-dark i,.bg-teal-light i,.bg-teal-dark i,.bg-magenta-light i,.bg-magenta-dark i,.bg-yellow-light i,.bg-yellow-dark i,.bg-orange-light i,.bg-orange-dark i,.bg-red-dark i,.bg-red-light i,.bg-gray-light i,.bg-gray-dark i{
color:#FFFFFF;
}
.facebook-bg{
background-color:#3b5998;
color:#FFFFFF;
border:solid 1px #3b5998;
}
.facebook-bg:hover{
background-color:#4469b7;
color:#FFFFFF;
border:solid 1px #3b5998;
}
.linkedin-bg{
background-color:#0077B5;
color:#FFFFFF;
border:solid 1px #0077B5;
}
.linkedin-bg:hover{
background-color:#0186cb;
color:#FFFFFF;
border:solid 1px #0077B5;
}
.twitter-bg{
background-color:#4099ff;
color:#FFFFFF;
border:solid 1px #4099ff;
}
.twitter-bg:hover{
background-color:#5fa9fd;
color:#FFFFFF;
border:solid 1px #4099ff;
}
.google-bg{
background-color:#d34836;
color:#FFFFFF;
border:solid 1px #d34836;
}
.google-bg:hover{
background-color:#ea4f3b;
color:#FFFFFF;
border:solid 1px #d34836;
}
.whatsapp-bg{
background-color:#34AF23;
color:#FFFFFF;
border:solid 1px #34AF23;
}
.whatsapp-bg:hover{
background-color:#3cc729;
color:#FFFFFF;
border:solid 1px #34AF23;
}
.pinterest-bg{
background-color:#C92228;
color:#FFFFFF;
border:solid 1px #C92228;
}
.pinterest-bg:hover{
background-color:#e3262c;
color:#FFFFFF;
border:solid 1px #C92228;
}
.sms-bg{
background-color:#27ae60;
color:#FFFFFF;
border:solid 1px #27ae60;
}
.sms-bg:hover{
background-color:#2bbe69;
color:#FFFFFF;
border:solid 1px #27ae60;
}
.mail-bg{
background-color:#3498db;
color:#FFFFFF;
border:solid 1px #3498db;
}
.mail-bg:hover{
background-color:#38a5ed;
color:#FFFFFF;
border:solid 1px #3498db;
}
.dribbble-bg{
background-color:#EA4C89;
color:#FFFFFF;
border:solid 1px #EA4C89;
}
.dribbble-bg:hover{
background-color:#fc5294;
color:#FFFFFF;
border:solid 1px #EA4C89;
}
.tumblr-bg{
background-color:#2C3D52;
color:#FFFFFF;
border:solid 1px #2C3D52;
}
.tumblr-bg:hover{
background-color:#3e5674;
color:#FFFFFF;
border:solid 1px #2C3D52;
}
.reddit-bg{
background-color:#336699;
color:#FFFFFF;
border:solid 1px #336699;
}
.reddit-bg:hover{
background-color:#3b77b4;
color:#FFFFFF;
border:solid 1px #336699;
}
.youtube-bg{
background-color:#D12827;
color:#FFFFFF;
border:solid 1px #D12827;
}
.youtube-bg:hover{
background-color:#ea2e2d;
color:#FFFFFF;
border:solid 1px #D12827;
}
.phone-bg{
background-color:#27ae60;
color:#FFFFFF;
border:solid 1px #27ae60;
}
.phone-bg:hover{
background-color:#2cc76e;
color:#FFFFFF;
border:solid 1px #27ae60;
}
.skype-bg{
background-color:#12A5F4;
color:#FFFFFF;
border:solid 1px #27ae60;
}
.skype-bg:hover{
background-color:#0f95dd;
color:#FFFFFF;
border:solid 1px #27ae60;
}
.facebook-color{
color:#3b5998!important;
}
.linkedin-color{
color:#0077B5!important;
}
.twitter-color{
color:#4099ff!important;
}
.google-color{
color:#d34836!important;
}
.whatsapp-color{
color:#34AF23!important;
}
.pinterest-color{
color:#C92228!important;
}
.sms-color{
color:#27ae60!important;
}
.mail-color{
color:#3498db!important;
}
.dribbble-color{
color:#EA4C89!important;
}
.tumblr-color{
color:#2C3D52!important;
}
.reddit-color{
color:#336699!important;
}
.youtube-color{
color:#D12827!important;
}
.phone-color{
color:#27ae60!important;
}
.skype-color{
color:#12A5F4!important;
}
.facebook-color:hover,.twitter-color:hover,.google-color:hover,.pinterest-color:hover,.sms-color:hover,.mail-color:hover,.dribbble-color:hover,.tumblr-color:hover,.reddit-color:hover,.youtube-color:hover,.phone-color:hover{
color:#FFFFFF;
}
.float-left{
float:left;
margin-top:10px;
margin-right:10px;
}
.float-right{
float:right;
margin-top:10px;
margin-left:10px;
}
.read-more-right{
float:right;
display:block;
}
.read-more-right i{
padding-left:10px;
}
.small-heading{
font-size:12px;
margin-top:-10px;
margin-bottom:10px;
display:block;
}
h1{
font-size:24px;
line-height:34px;
font-weight:500;
}
h2{
font-size:22px;
line-height:32px;
font-weight:500;
}
h3{
font-size:20px;
line-height:30px;
font-weight:500;
}
h4{
font-size:18px;
line-height:28px;
font-weight:500;
}
h5{
font-size:16px;
line-height:26px;
font-weight:500;
}
h6{
font-size:14px;
line-height:30px;
font-weight:800;
}
.heading-style h4{
text-align:center;
}
.heading-style p{
width:90%!important;
margin-left:auto;
margin-right:auto;
}
.heading-style .line{
z-index:1;
width:280px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
margin-bottom:25px;
display:block;
height:1px;
}
.heading-style i{
font-size:24px;
height:40px;
width:50px;
text-align:center;
line-height:40px;
position:absolute;
top:38px;
left:50%;
margin-left:-25px;
z-index:2;
}
.heading-style p{
width:300px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
.font-icon-list li{
list-style:none;
padding-left:0px;
margin-left:-20px;
line-height:30px;
}
.font-icon-list i{
margin-right:10px;
width:30px;
text-align:left;
}
.font-icon-list .font-icon-list{
padding-left:30px;
}
.icon-list{
list-style:none;
padding-left:0px;
}
.icon-list i{
width:20px;
text-align:center;
margin-left:-5px;
}
.icon-list ul{
padding-left:40px;
}
ul{
padding-left:20px;
list-style-type:disc;
}
ol{
padding-left:20px;
list-style-type:decimal;
}
ol ol{
list-style-type:lower-alpha;
}
ol ol ol{
list-style-type:disc;
}
.table{
width:100%;
margin-bottom:35px;
}
.table-title{
font-family:'Roboto',sans-serif;
font-size:12px;
}
.table-sub-title{
font-family:'Roboto',sans-serif;
font-weight:bold;
font-size:12px;
}
.price{
font-size:12px;
}
.small-price{
position:absolute;
margin-left:0px;
font-size:10px;
margin-top:-3px!important;
}
.table{
font-size:12px;
margin-bottom:25px;
}
.table th{
padding:21px 25px 22px 25px;
}
.table th:first-child{
text-align:center;
padding-left:20px;
}
.table tr{
text-align:center;
padding-left:20px;
}
.table tr td:first-child{
text-align:left;
padding-left:20px;
border-left:0;
}
.table tr td{
padding:14px;
}
.table tr:last-child td{
border-bottom:0;
}
.table-heading{
padding-top:10px;
padding-bottom:15px;
}
.clear{
clear:both!important;
}
.last-column{
margin-right:0%!important;
}
.no-bottom{
margin-bottom:0px!important;
}
.no-top{
margin-top:0px!important;
padding-top:0px!important;
}
.half-bottom{
margin-bottom:15px!important;
display:block;
}
.small-bottom{
margin-bottom:10px!important;
display:block;
}
.half-top{
margin-top:15px!important;
display:block;
}
.full-bottom{
margin-bottom:80px!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;
}
.responsive-video{
position:relative;
min-height:300px;
padding-top:30px;
width:100%;
overflow:hidden;
}
.maps{
min-height:250px;
}
.responsive-video iframe,.responsive-video object,.responsive-video embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.content{
margin-bottom:30px;
padding-left:10px;
padding-right:10px;
text-align: center;
}
.content-fullscreen{
margin-bottom:30px;
padding-left:0px;
padding-right:0px;
text-align: center;
}
.container:after{
visibility:hidden;
display:block;
content:"";
clear:both;
height:0;
}
.last-column:after{
visibility:hidden!important;
display:block!important;
content:""!important;
clear:both!important;
height:0!important;
}
.container{
margin-bottom:30px;
display:block;
}
.container-fullscreen{
margin-bottom:30px;
}
.hide-if-mobile{
display:none!important;
}
.hide-if-resposive{
display:block!important;
}
.uppercase{
text-transform:uppercase;
}
.lowercase{
text-transform:lowercase;
}
.thin{
font-weight:300!important;
}
.superthin{
font-weight:200!important;
}
.thiner{
font-weight:400!important;
}
.bold{
font-weight:600!important;
}
.ultrabold{
font-weight:800!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:24%;
float:left;
margin-right:2%;
}
.one-third{
width:28%;
float:left;
margin-right:8%;
}
.one-half-responsive{
width:100%;
}
.one-third-responsive{
width:100%;
}
.one-half-responsive.last-column2 {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.column-home-center2 {
float: none;
display: block;
margin: 0 auto 15px auto;
text-align: center;
}
.one-half-responsive.last-column3 {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.column-home-center3 {
text-align: center;
padding: 10px;
flex: 1 1 22%; /* kurang dari 25% untuk beri ruang antar item */
max-width: 22%;
box-sizing: border-box;
}
.column-home-center3 img {
width: 40px;
height: auto;
display: block;
margin: 0 auto 5px auto;
}
}
@media(min-width:767px){
/* Jangan pakai .one-half-responsive di sini, biar tidak konflik */
.one-half {
width: 24%;
float: left;
margin-right: 2%;
}
.one-third, .one-third-responsive {
width: 28%;
float: left;
margin-right: 8%;
}
.one-forth-responsive {
float: left;
width: 20%;
margin-right: 5%;
}
/* Khusus wrapper yang ingin di tengah */
.one-half-responsive.last-column2 {
float: none; /* penting: hapus efek float */
width: 100%; /* agar bisa flex penuh */
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.column-home-center2 {
float: none;
display: block;
margin: 0 auto 15px auto;
text-align: center;
}
.one-half-responsive.last-column3 {
float: none; /* penting: hapus efek float */
width: 100%; /* agar bisa flex penuh */
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.column-home-center3 {
text-align: center;
padding: 10px;
flex: 1 1 22%; /* kurang dari 25% untuk beri ruang antar item */
max-width: 22%;
box-sizing: border-box;
}
.column-home-center3 img {
width: 40px;
height: auto;
display: block;
margin: 0 auto 5px auto;
}
}
/*-----------------*/
/*---Decorations---*/
/*-----------------*/
.decoration-margins{
margin:0px 20px 0px 20px;
}
.content-margins{
margin:0px 20px 0px 20px;
}
.decoration{
height:1px;
display:block;
margin-bottom:20px;
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:#4b3a38;
}
.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;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
transition-delay:250ms;
-webkit-transition-delay:250ms;
}
.page-preloader-light{
background-color:rgba(255,255,255,0.5);
}
.page-preloader-dark{
background-color:rgba(0,0,0,0.1);
}
.show-preloader{
opacity:1!important;
pointer-events:all!important;
transition:all 250ms ease;
}
.page-preloader img{
position:absolute;
left:50%;
right:50%;
top:50%;
margin-left:-32px;
margin-top:-32px;
width:64px;
}
.show-containers{
opacity:1!important;
transition:all 500ms ease;
}
.containers{
opacity:0;
transition:all 0ms ease;
}
.spinner {
z-index:9999999;
width: 100px;
height: 100px;
background-color: #FFFFFF;
position:fixed;
top:50%;
margin-top:-50px;
left:50%;
margin-left:-50px;
border-radius: 100%;
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
0% {
-webkit-transform: scale(0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes sk-scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
opacity: 0;
}
}
/*-------------------------*/
/*---Checkboxes & Radios---*/
/*-------------------------*/
.fac {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
display: inline-block;
vertical-align: middle;
font-size:15px;
}
.fac label {
margin: 0em 1em 0em 0em;
padding-left: 1.5em;
cursor:pointer;
font-weight:inherit;
}
.fac > input + label:before,
.fac > span::after {
font-family: IonIcons;
position:absolute;
left:0;
}
.fac > input + label:before {
-webkit-transition: opacity 250ms ease-in-out;
-o-transition: opacity 250ms ease-in-out;
transition: opacity 250ms ease-in-out;
}
.fac input{
display:none;
}
.checkboxes-demo .fac{
display:block;
}
.checkboxes-demo{
margin-top:10px;
margin-bottom:30px;
}
.fac-checkbox > input + label:before, .fac-checkbox-round > input + label:before {
opacity: 1;
}
.fac-checkbox > input:checked + label:before, .fac > input:checked + label:before {
opacity: 0;
}
.fac-radio > input + label:before,
.fac-checkbox-o > input + label:before,
.fac-checkbox-round-o > input + label:before {
opacity: 0;
}
.fac-radio > input:checked + label:before,
.fac-checkbox-o > input:checked + label:before,
.fac-checkbox-round-o > input:checked + label:before {
opacity: 1;
}
.fac-default > input + label:before, .fac-default > span::after {
color: #9d9d9d;
}
.fac-blue > input + label:before, .fac-blue > span::after {
color: #428bca;
}
.fac-green > input + label:before, .fac-green > span::after {
color: #5cb85c;
}
.fac-orange > input + label:before, .fac-orange > span::after {
color: #f0ad4e;
}
.fac-red > input + label:before, .fac-red > span::after {
color: #d9534f;
}
.fac-checkbox > span::after {
content: "\f374";
}
.fac-checkbox > input[type=checkbox] + label:before {
content: "\f371";
}
.fac-checkbox-round > span::after {
content: "\f375";
}
.fac-checkbox-round > input[type=checkbox] + label:before {
content: "\f21b";
}
.fac-checkbox-o > span::after {
content: "\f3a6";
}
.fac-checkbox-o > input[type=checkbox] + label:before {
content: "\f3a7";
}
.fac-checkbox-round-o > span::after {
content: "\f3a6";
}
.fac-checkbox-round-o > input[type=checkbox] + label:before {
content: "\f21b";
}
.fac-radio > span::after {
content: "\f3a6";
}
.fac-radio > input[type=radio] + label:before {
content: "\f3a7";
}
.fac-radio-full > span::after {
content: "\f3a6";
}
.fac-radio-full > input[type=radio] + label:before {
content: "\f21b";
}
/*----------------*/
/*---Select Box---*/
/*----------------*/
.select-box {
overflow: hidden;
box-sizing: border-box;
margin-bottom:30px;
height:50px;
line-height:50px;
}
.select-box select {
width:99.9%;
height:50px;
padding-left:20px;
line-height:50px;
border: none;
box-shadow: none;
background: transparent;
background-image: none;
-webkit-appearance: none;
box-sizing: border-box;
}
.select-box select:focus {
outline: none;
}
.select-style select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
/*--------------*/
/*---Switches---*/
/*--------------*/
.onoffswitch-text{
margin-top:30px;
}
/*Switch 1*/
.onoffswitch-1 {
position: relative;
width: 50px;
float:right;
margin-top:-28px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select: none;
}
.onoffswitch-checkbox-1 {
display: none;
}
.onoffswitch-label-1 {
display: block;
overflow: hidden;
cursor: pointer;
height: 30px;
padding: 0;
line-height: 30px;
border: 2px solid #CCCCCC;
border-radius: 30px;
background-color: #FFFFFF;
transition: background-color 250ms ease-in;
}
.onoffswitch-label-1:before {
content: "";
display: block;
width: 26px;
margin: 0px;
background: #FFFFFF;
position: absolute;
top: 0;
bottom: 0;
right: 19px;
border: 2px solid #CCCCCC;
border-radius: 36px;
transition: all 250ms ease-in 0s;
}
.onoffswitch-checkbox-1:checked + .onoffswitch-label-1 {
background-color: #49E845;
}
.onoffswitch-checkbox-1:checked + .onoffswitch-label-1, .onoffswitch-checkbox-1:checked + .onoffswitch-label-1:before {
border-color: #49E845;
}
.onoffswitch-checkbox-1:checked + .onoffswitch-label-1:before {
right: 0px;
}
/*Switch 2*/
.onoffswitch-2 *{
overflow:visible!important;
}
.onoffswitch-2 {
float:right;
margin-top:-25px;
position: relative;
width: 50px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select: none;
}
.onoffswitch-checkbox-2 {
display: none;
}
.onoffswitch-label-2 {
display: block;
overflow: hidden;
cursor: pointer;
height: 20px;
padding: 0;
line-height: 20px;
border: 0px solid #FFFFFF;
border-radius: 30px;
background-color: #9E9E9E;
}
.onoffswitch-label-2:before {
content: "";
display: block;
width: 27px;
height:27px;
margin: -4px;
background: #FFFFFF;
position: absolute;
top: 0;
bottom: 0;
right: 27px;
border-radius: 25px;
box-shadow: 0 2px 12px 0px rgba(0,0,0,0.3);
transition: all 250ms ease-in 0s;
}
.onoffswitch-checkbox-2:checked + .onoffswitch-label-2 {
background-color: #42A5F5;
}
.onoffswitch-checkbox-2:checked + .onoffswitch-label-2, .onoffswitch-checkbox-2:checked + .onoffswitch-label-2:before {
border-color: #42A5F5;
}
.onoffswitch-checkbox-2:checked + .onoffswitch-label-2 .onoffswitch-inner-2 {
margin-left: 0;
}
.onoffswitch-checkbox-2:checked + .onoffswitch-label-2:before {
right: 3px;
background-color: #2196F3;
border:solid 1px rgba(255,255,255,0.7);
box-shadow: 3px 6px 18px 0px rgba(0, 0, 0, 0.2);
margin: -4px;
}
/*Switch*/
.onoffswitch {
float:right;
margin-top:-30px;
position: relative;
width: 50px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border: 1px solid #cacaca;
border-radius: 20px;
}
.onoffswitch-inner {
display: block;
width: 200%;
margin-left: -100%;
transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
display: block;
float: left;
width: 50%;
height: 30px;
padding: 0;
line-height: 30px;
font-size: 14px;
color: white;
font-weight: bold;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "\f383";
font-family:'IonIcons';
padding-left: 10px;
background-color: #2ecc71;
color: #FFFFFF;
text-align:center;
padding-right:10px;
}
.onoffswitch-inner:after {
content: "\f404";
font-family:'IonIcons';
font-size:20px;
padding-right: 10px;
background-color: #e74c3c;
color: #FFFFFF;
text-align: center;
padding-left:10px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
/*Switch 3*/
.onoffswitch-3 i{
position:absolute;
top:0px;
right:0px;
height:25px;
line-height:25px;
width:25px;
text-align:center;
font-size:18px;
}
/*------------------*/
/*---Range Slider---*/
/*------------------*/
.range-slider {
-webkit-appearance: none;
width: 90%;
float:left;
height: 6px;
background-size: 100% 10px;
background-position: center;
background-repeat: no-repeat;
outline: none;
display: block;
margin-bottom:30px;
}
.range-slider-output{
float:left;
margin-top:-11px;
display:block;
width:10%;
text-align:right;
font-size:12px;
font-weight:500;
}
.range-slider::-webkit-slider-thumb {
-webkit-appearance: none;
width: 15px;
height: 15px;
border-radius:15px;
position: relative;
z-index: 3;
}
.range-slider::-webkit-slider-thumb:after {
content: " ";
width: 0px;
height: 10px;
position: absolute;
z-index: 1;
right: 20px;
top: 5px;
}
.range-green{
background-color:#5cb85c;
}
.range-green::-webkit-slider-thumb{
background: #27ae60;
}
.range-green::-webkit-slider-thumb:after {
background: #2ecc71;
}
.range-blue{
background-color:#428bca;
}
.range-blue::-webkit-slider-thumb{
background: #3498db;
}
.range-blue::-webkit-slider-thumb:after {
background: #3498db;
}
.range-red{
background-color:#c0392b;
}
.range-red::-webkit-slider-thumb{
background: #d9534f;
}
.range-red::-webkit-slider-thumb:after {
background: #d9534f;
}
.range-orange{
background-color:#f39c12;
}
.range-orange::-webkit-slider-thumb{
background: #f0ad4e;
}
.range-orange::-webkit-slider-thumb:after {
background: #f0ad4e;
}
/*------------------*/
/*---Input Fields---*/
/*------------------*/
.input-text-box{
height:50px;
line-height:50px;
width:100%;
font-size:13px;
transition:all 250ms ease;
background-color:transparent;
padding-left:20px;
padding-right:20px;
margin-bottom:15px;
font-weight:500;
font-family:'Roboto', sans-serif;
}
.input-round{
border-radius:100px!important;
}
.input-green-border:focus{
border:solid 1px #2ecc71!important;
}
.input-red-border:focus{
border:solid 1px #e74c3c!important;
}
.input-blue-border:focus{
border:solid 1px #3498db!important;
}
.input-orange-border:focus{
border:solid 1px #d35400!important;
}
.input-text-line{
height:50px;
line-height:50px;
width:100%;
font-size:13px;
transition:all 250ms ease;
background-color:transparent;
padding-left:20px;
padding-right:20px;
margin-bottom:15px;
font-weight:500;
font-family:'Roboto', sans-serif;
}
.input-green-line:focus{
border-bottom:solid 1px #2ecc71!important;
}
.input-red-line:focus{
border-bottom:solid 1px #e74c3c!important;
}
.input-blue-line:focus{
border-bottom:solid 1px #3498db!important;
}
.input-orange-line:focus{
border-bottom:solid 1px #d35400!important;
}
.input-icon{
clear:both;
}
.input-icon input{
padding-right:50px;
}
.input-icon i{
position:absolute;
right:0px;
top:0px;
height:50px;
line-height:50px;
width:50px;
text-align:center;
font-size:12px;
}
/*-------------*/
/*---Columns---*/
/*-------------*/
.column-icon h4 i{
font-size:18px;
width:30px;
margin-right:15px;
text-align:left;
}
.column-icon h4{
font-size:17px;
margin-bottom:10px;
}
.column-half-image-left, .column-half-image-right{
min-height:150px;
overflow:hidden;
}
@media(min-width:768px){
.column-half-image-left, .column-half-image-right{
min-height:180px;
}
}
.column-half-image-left img{
width:150px;
position:absolute;
border-radius:150px;
margin-left:-75px;
}
.column-half-image-left h4{
font-size:16px;
padding:0px 20px 10px 90px;
}
.column-half-image-left p{
padding-left:90px;
padding-right:20px;
}
.column-half-image-right img{
right:-75px;
width:150px;
position:absolute;
border-radius:150px;
margin-left:-75px;
}
.column-half-image-right h4{
font-size:16px;
padding:0px 90px 10px 20px;
}
.column-half-image-right p{
padding-left:20px;
padding-right:90px;
}
.column-center-image{
padding-top:10px;
}
.column-center-image img{
width:150px;
height:150px;
margin-left:auto;
margin-right:auto;
border-radius:150px;
margin-bottom:10px
}
.column-center-image .col-img-1, .column-center-image .col-img-3{
position:absolute;
top:0px;
}
.column-center-image .col-img-2{
position:relative;
z-index:10;
-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.5);
box-shadow: 0 0 10px 3px rgba(0,0,0,0.5);
}
.column-center-image .col-img-1{
left:50%;
top:25px;
margin-left:-125px;
width:120px;
height:120px;
opacity:0.5;
}
.column-center-image .col-img-3{
right:50%;
top:25px;
margin-right:-125px;
width:120px;
height:120px;
opacity:0.5;
}
.column-center-image h3{
text-align:center;
}
.column-center-image h4{
text-align:center;
font-size:13px;
font-weight:400;
margin-bottom:10px;
}
.column-center-image p{
width:90%;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.three-column-icons{
width:160px;
margin:0 auto;
}
.two-column-icons{
width:110px;
margin:0 auto;
}
/*----------------------*/
/*----------------------*/
/*----Page Preloader----*/
/*----------------------*/
/*----------------------*/
#preloader {
position:fixed;
z-index:2500;
top:0;
left:0;
right:0;
bottom:0;
background-color:#FFF;
z-index:99999999;
}
#status {
position:fixed;
z-index:99999999;
width:250px;
height:280px;
position:absolute;
left:50%;
top:50%;
padding-bottom:40px;
background-image:url(../images/framework/page-loader.gif);
background-size:64px 64px;
background-repeat:no-repeat;
background-position:center bottom;
margin:-125px 0 0 -125px;
}
.preloader-logo{
background-image:url(../images/preload-logo.png);
background-size:75px 75px;
height:75px;
width:75px;
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:40px;
}
#preloader h3{
margin-bottom:5px;
}
#status em{
font-size:10px!important;
display:block;
font-style:normal;
}
/*--------------------*/
/*---Heading Styles---*/
/*--------------------*/
.heading-strip{
padding:25px;
margin-bottom:30px;
background-size:cover;
}
.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:80%;
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;
border:solid 2px rgba(255,255,255,0.3);
}
.heading-text{
margin-bottom:30px;
}
.heading-text h3, .heading-text h4, .heading-text h5{
text-align:center;
color: #000;
}
.heading-text i{
text-align:center;
font-size:24px;
display:block;
height:50px;
line-height:50px;
}
.heading-line-1{
position:absolute;
width:100px;
height:1px;
background-color:#cacaca;
top:55px;
left:50%;
margin-left:-140px;
}
.heading-line-2{
position:absolute;
width:100px;
height:1px;
background-color:#cacaca;
top:55px;
right:50%;
margin-right:-140px;
}
.heading-text p{
text-align:center;
width:300px;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
}
/*--------------*/
/*---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:42px;
text-align:center;
font-size:13px;
display:inline-block;
margin:0px 5px 10px 5px;
padding:0px 20px 0px 20px;
}
.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:35px!important;
height:35px!important;
line-height:35px!important;
font-size:14px!important;
}
.icon-xs{
width:35px!important;
height:35px!important;
line-height:32px!important;
font-size:14px!important;
}
.button-full{
display:block;
width:100%!important;
margin-left:-1px}
.button-round{
border-radius:40px;
padding-bottom:38px;
}
.button-teal{
background-color:#16a085;
border:solid 2px #16a085;
}
.button-teal-3d{
border:none!important;
border-bottom:solid 5px #107763!important;
padding:0px 22px;
}
.button-teal:hover{
background-color:#1abc9c;
border:solid 2px #1abc9c;
}
.button-teal:active{
background-color:#16a085;
border:solid 2px #16a085;
}
.button-green{
background-color:#27ae60;
border:solid 2px #27ae60;
}
.button-green-3d{
border:none!important;
border-bottom:solid 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:#2980b9;
border:solid 2px #2980b9;
}
.button-blue-3d{
border:none!important;
border-bottom:solid 5px #216490!important;
padding:0px 22px;
}
.button-blue:hover{
background-color:#3498db;
border:solid 2px #3498db;
}
.button-blue:active{
background-color:#2980b9;
border:solid 2px #2980b9;
}
.button-magenta{
background-color:#8e44ad;
border:solid 2px #8e44ad;
}
.button-magenta-3d{
border:none!important;
border-bottom:solid 5px #6a3083!important;
padding:0px 22px;
}
.button-magenta:hover{
background-color:#9b59b6;
border:solid 2px #9b59b6;
}
.button-magenta:active{
background-color:#8e44ad;
border:solid 2px #3498db;
}
.button-dark{
background-color:#2c3e50;
border:solid 2px #2c3e50;
}
.button-dark-3d{
border:none!important;
border-bottom:solid 5px #1b2631!important;
padding:0px 22px;
}
.button-dark:hover{
background-color:#34495e;
border:solid 2px #34495e;
}
.button-dark:active{
background-color:#2c3e50;
border:solid 2px #2c3e50;
}
.button-light{
background-color:#7f8c8d;
border:solid 2px #7f8c8d;
}
.button-light-3d{
border:none!important;
border-bottom:solid 5px #5b6667!important;
padding:0px 22px;
}
.button-light:hover{
background-color:#acb0b2;
border:solid 2px #7f8c8d;
}
.button-light:active{
background-color:#7f8c8d;
border:solid 2px #7f8c8d;
}
.button-yellow{
background-color:#f39c12;
border:solid 2px #f39c12;
}
.button-yellow-3d{
border:none!important;
border-bottom:solid 5px #c37d0e!important;
padding:0px 22px;
}
.button-yellow:hover{
background-color:#f1c40f;
border:solid 2px #f1c40f;
}
.button-yellow:active{
background-color:#f39c12;
border:solid 2px #f39c12;
}
.button-orange{
background-color:#d35400;
border:solid 2px #d35400;
}
.button-orange-3d{
border:none!important;
border-bottom:solid 5px #772016!important;
padding:0px 22px;
}
.button-orange:hover{
background-color:#e67e22;
border:solid 2px #e67e22;
}
.button-orange:active{
background-color:#d35400;
border:solid 2px #d35400;
}
.button-red{
background-color:#c0392b;
border:solid 2px #c0392b;
}
.button-red-3d{
border:none!important;
border-bottom:solid 5px #772016!important;
padding:0px 22px;
}
.button-red:hover{
background-color:#e74c3c;
border:solid 2px #e74c3c;
}
.button-red:active{
background-color:#c0392b;
border:solid 2px #c0392b;
}
.button-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:#e22c59;
border:solid 2px #e22c59;
}
.button-pink:active{
background-color:#e22c59;
border:solid 2px #e22c59;
}
.button-icon{
padding-left:60px;
height:50px;
line-height:50px;
border:none!important;
}
.button-icon.button-full{
padding-left:47px!important;
text-align:center!important
}
.button-center-large{
display:block;
width:250px;
margin-left:auto;
margin-right:auto;
}
.button-center{
width:250px;
margin-left:auto;
margin-right:auto;
display:block;
}
.button-round.button-icon i{
border-radius:50px;
}
.button-icon i{
width:50px;
line-height:50px!important;
height:100%;
top:0px;
left:0px;
position:absolute;
font-size:16px;
background-color:rgba(0,0,0,0.1);
}
/*--------------------*/
/*---Device Buttons---*/
/*--------------------*/
.android-button{
width:140px;
height:50px;
border-radius:10px;
margin-right:10px;
}
.android-button em{
position:absolute;
font-size:8px;
padding-left:45px;
text-transform:uppercase;
font-style:normal;
font-weight:600;
margin-top:-2px;
}
.android-button i{
position:absolute;
font-size:18px;
height:50px;
line-height:50px;
width:45px;
text-align:center;
}
.android-button strong{
font-size:15px;
font-weight:500;
height:50px;
line-height:62px;
display:block;
padding-left:45px;
}
.ios-button{
width:140px;
height:50px;
border-radius:10px;
margin-right:10px;
}
.ios-button em{
position:absolute;
font-size:8px;
padding-left:45px;
text-transform:uppercase;
font-style:normal;
font-weight:600;
margin-top:-2px;
}
.ios-button i{
position:absolute;
font-size:24px;
height:50px;
line-height:52px;
width:45px;
text-align:center;
}
.ios-button strong{
font-size:17px;
font-weight:500;
height:50px;
line-height:61px;
display:block;
padding-left:45px;
}
.windows-button{
width:145px;
height:50px;
border-radius:10px;
margin-right:10px;
}
.windows-button em{
position:absolute;
font-size:8px;
padding-left:45px;
text-transform:uppercase;
font-style:normal;
font-weight:600;
margin-top:1px;
}
.windows-button i{
position:absolute;
font-size:21px;
height:50px;
line-height:49px;
width:45px;
text-align:center;
}
.windows-button strong{
font-size:13px;
font-weight:500;
height:50px;
line-height:63px;
display:block;
padding-left:45px;
}
.down-button{
width:145px;
height:50px;
border-radius:10px;
margin-right:10px;
}
.down-button em{
position:absolute;
font-size:8px;
padding-left:50px;
text-transform:uppercase;
font-style:normal;
font-weight:600;
margin-top:0px;
}
.down-button i{
position:absolute;
font-size:20px;
height:50px;
line-height:53px;
width:50px;
text-align:center;
}
.down-button strong{
font-size:15px;
font-weight:500;
height:50px;
line-height:62px;
display:block;
padding-left:50px;
}
/*----------------*/
/*---Checkboxes---*/
/*----------------*/
.icon:hover{
opacity:0.9;
transform:scale(1.1, 1.1);
}
.icon{
width:45px;
height:45px;
line-height:43px;
text-align:center;
color:#FFFFFF;
font-size:18px;
display:inline-block;
margin:5px;
}
.icon-round{
border-radius:50px;
}
.icon-ghost{
font-size:16px;
background-color:rgba(255,255,255,0.1)!important;
}
/*-------------------*/
/*---Pricing Table---*/
/*-------------------*/
.pricing-table-slider{
margin:0px auto 30px auto;
}
.price-table-item{
width:290px;
margin:0px auto 0px auto;
padding:30px 0px 30px 0px;
}
.price-table-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 0px 30px 0px;
font-weight:800;
color:#FFFFFF;
font-size:26px;
line-height:26px;
}
.price-table-item h3{
text-align:center;
font-size:40px;
padding-left:10px;
}
.price-table-item h3 strong{
font-size:16px;
position:absolute;
margin:-5px 0px 0px -10px;
}
.price-table-item h3 em{
font-size:12px;
}
.price-table-list{
list-style:none;
padding:30px 0px 10px 0px;
}
.price-table-list li{
line-height:30px;
text-align:center;
}
.price-table-item .button{
width:150px;
display:block;
margin-left:auto!important;
margin-right:auto!important;
}
/*Notifications*/
.hide-notification{
font-size:21px;
color:#FFFFFF!important;
}
.notification-large{
display:block;
overflow:hidden;
margin-bottom:30px;
}
.notification-large strong{
position:absolute;
height:100%;
width:50px;
}
.notification-large strong i{
color:#FFFFFF;
position:absolute;
height:15px;
top:50%;
margin-top:-25px;
width:50px;
height:50px;
line-height:50px;
text-align:center;
font-size:16px;
}
.notification-large a{
position:absolute;
top:0px;
right:0px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
opacity:0.2;
color:#FFFFFF;
}
.notification-large h1{
font-size:16px;
color:#FFFFFF;
font-weight:500;
padding-top:15px;
padding-left:65px;
line-height:30px;
}
.notification-large p{
font-size:12px;
color:#FFFFFF;
margin-bottom:0px;
padding:0px 15px 15px 65px;
}
.notification-medium{
overflow:hidden;
margin-bottom:30px;
}
.notification-medium strong{
position:absolute;
height:100%;
width:50px;
}
.notification-medium strong i{
color:#FFFFFF;
position:absolute;
height:15px;
top:50%;
margin-top:-25px;
width:50px;
height:50px;
line-height:50px;
text-align:center;
font-size:16px;
}
.notification-medium a{
position:absolute;
top:0px;
right:0px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
opacity:0.2;
color:#FFFFFF;
}
.notification-medium h1{
font-size:16px;
color:#FFFFFF;
font-weight:500;
padding-top:15px;
padding-left:65px;
line-height:20px;
}
.notification-medium p{
font-size:12px;
color:#FFFFFF;
padding:0px 0px 10px 65px;
margin-bottom:0px;
}
.notification-small{
height:50px;
margin-bottom:30px;
}
.notification-small strong{
color:#FFFFFF;
position:absolute;
height:100%;
width:50px;
line-height:50px;
}
.notification-small strong i{
color:#FFFFFF;
position:absolute;
height:100%;
width:50px;
line-height:50px;
text-align:center;
font-size:16px;
}
.notification-small p{
font-size:13px;
color:#FFFFFF;
padding-left:65px;
height:50px;
line-height:50px;
}
.activate-toggle{
position:absolute;
height:35px;
width:100%;
z-index:999;
}
.toggle-content{
display:none;
}
.active-toggle-content{
display:block;
}
.toggle-45{
transition:all 250ms ease;
}
.toggle-180{
transition:all 250ms ease;
}
/*-------------*/
/*---Toggles---*/
/*-------------*/
.toggle .toggle-title{
height:60px;
line-height:60px;
font-weight:500;
font-size:15px;
display:block;
width:100%;
}
.active-toggle .toggle-content{
display:block;
}
.toggle-content{
display:none;
padding-top:0px;
padding-bottom:20px;
}
.toggle-content p{
padding-bottom:0px;
margin-bottom:0px;
}
.toggle i{
font-size:16px!important;
pointer-events:none;
position:absolute;
top:1px;
width:20px;
height:60px;
line-height:60px;
text-align:center;
right:0px;
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.rotate-toggle{
color:#c0392b!important;
-moz-transform: rotate(45deg)!important;
-webkit-transform: rotate(45deg)!important;
-o-transform: rotate(45deg)!important;
-ms-transform: rotate(45deg)!important;
transform: rotate(45deg)!important;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
/*----------*/
/*---Tabs---*/
/*----------*/
ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
margin-bottom:-5px;
}
ul.tabs li{
background: none;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
-webkit-transition: all 250ms ease-out;
-moz-transition: all 250ms ease-out;
-ms-transition: all 250ms ease-out;
-o-transition: all 250ms ease-out;
transition: all 250ms ease-out;
}
ul.tabs li.current{
-webkit-transition: all 250ms ease-out;
-moz-transition: all 250ms ease-out;
-ms-transition: all 250ms ease-out;
-o-transition: all 250ms ease-out;
transition: all 250ms ease-out;
}
.tab-elements{
overflow:hidden;
padding:15px;
}
.tab-content{
max-height:0px;
overflow:hidden;
-webkit-transition: all 250ms ease-out;
-moz-transition: all 250ms ease-out;
-ms-transition: all 250ms ease-out;
-o-transition: all 250ms ease-out;
transition: all 250ms ease-out;
}
.tab-link em{
font-style:normal;
padding-left:10px;
}
.tab-content.current{
max-height:500px;
display: inherit;
-webkit-transition: all 250ms ease-in;
-moz-transition: all 250ms ease-in;
-ms-transition: all 250ms ease-in;
-o-transition: all 250ms ease-in;
transition: all 250ms ease-in;
-webkit-transition-delay: 250ms;
/* Safari */
transition-delay: 250ms;
}
/*----------------*/
/*---Accordions---*/
/*----------------*/
.accordion-toggle{
height:50px;
line-height:50px;
font-size:15px;
font-weight:600;
padding-left:20px;
}
.accordion-toggle i{
font-size:18px;
height:50px;
width:50px;
line-height:50px;
padding:0px;
text-align:center;
position:absolute;
right:10px;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.accordion-content{
display:none;
padding:0px 20px 10px 20px;
}
.active-accordion-content{
display:block;
}
.accordion-ghost{
border:none!important;
}
.accordion-ghost .accordion-toggle{
padding-left:0px!important;
}
.accordion-ghost .accordion-content{
padding:0px!important;
}
.accordion-ghost .accordion-toggle i{
width:10px;
}
.accordion-bg a{
color:#FFFFFF;
}
.accordion-bg p{
color:#FFFFFF!important;
margin-bottom:0px!important;
}
/*---------------*/
/*---Dropdowns---*/
/*---------------*/
.dropdown-menu a:hover{
background-color:rgba(0,0,0,0.1);
transition:all 250ms ease;
}
.dropdown-item{
height: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:'Roboto', serif;
font-size:13px!important;
font-weight:500;
float:left;
width:60px;
margin-left:20px;
margin-right:20px;
text-align:center;
margin-bottom:10px;
margin-top:10px;
}
.share-socials-bottom a i:hover{
color:#FFFFFF;
-moz-transform: scale(1.01,1.01);
-webkit-transform: scale(1.01,1.01);
-o-transform: scale(1.01,1.01);
-ms-transform: scale(1.01,1.01);
transform: scale(1.01,1.01);
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.share-socials-bottom a i{
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;
left:20px;
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 */
background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #499bea 0%,#207ce5 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #499bea 0%,#207ce5 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #499bea 0%,#207ce5 100%);
/* IE10+ */
background: linear-gradient(to bottom, #499bea 0%,#207ce5 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );
/* IE6-9 */
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
pointer-events:none;
}
.back-to-top-badge:hover{
color:#FFFFFF;
}
.back-to-top-badge i{
height:34px;
line-height:35px!important;
text-align:center;
width:34px;
font-size:18px;
}
.back-to-top-badge-visible{
/*opacity:1;
*/
pointer-events:all;
-moz-transform: translateY(-25px);
-webkit-transform: translateY(-25px);
-o-transform: translateY(-25px);
-ms-transform: translateY(-25px);
transform: translateY(-25px);
-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:168px;
margin-left:auto;
margin-right:auto;
}
.portfolio-two-item .portfolio-icon{
width:40px;
height:40px;
float:right;
line-height:40px;
text-align:center;
margin:0px 8px 0px 8px;
border-radius:40px;
}
.portfolio-two-item .portfolio-icon i{
line-height:40px;
text-align:center;
font-size:16px;
}
/*------------------------*/
/*---Portfolio Adaptive---*/
/*------------------------*/
.portfolio-switch{
margin-top:-30px!important;
margin-bottom:10px!important;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.active-adaptive{
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.portfolio-adaptive{
margin-bottom:10px;
}
.portfolio-adaptive:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
.portfolio-adaptive .portfolio-item img{
margin-bottom:20px;
}
/*1 Item*/
.portfolio-item{
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.portfolio-adaptive-one .portfolio-item{
width:100%;
float:left;
}
/*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 Fluid---*/
/*---------------------*/
@media(min-width:560px) and (max-width:800px){
.portfolio-fluid-item .portfolio-item:nth-child(4n-3){
width:47%;
margin-right:3%;
float:left;
}
.portfolio-fluid-item .portfolio-item:nth-child(4n-1){
width:47%;
margin-left:3%;
float:left;
}
}
@media(min-width:800px){
.portfolio-fluid-item .portfolio-item:nth-child(3n-3){
width:30%;
float:left;
margin:0px 5% 0px 5%;
}
.portfolio-fluid-item .portfolio-item:nth-child(3n-2){
width:30%;
float:left;
}
.portfolio-fluid-item .portfolio-item:nth-child(3n-1){
width:30%;
float:left;
}
}
.portfolio-fluid-item .decoration{
display:none;
}
.portfolio-fluid-item h1{
font-size:16px;
padding-bottom:5px;
}
.portfolio-fluid-item .portfolio-icons{
width:168px;
margin-left:auto;
margin-right:auto;
}
.portfolio-fluid-item .portfolio-icon{
width:40px;
height:40px;
float:right;
line-height:40px;
text-align:center;
margin:0px 8px 0px 8px;
border-radius:40px;
}
.portfolio-fluid-item .portfolio-icon i{
line-height:40px;
text-align:center;
font-size:16px;
}
/*--------------------*/
/*---Portfolio Wide---*/
/*--------------------*/
@media(min-width:768px){
.portfolio-wide-item{
width:50%!important;
float:left;
}
}
.portfolio-wide-item .portfolio-wide-caption .overlay{
position:absolute;
background-color:rgba(0,0,0,0.6);
top:0px;
left:0px;
right:0px;
bottom:0px;
pointer-events:none;
}
.portfolio-wide-item .portfolio-wide-content{
display:none;
padding:20px 20px 0px 20px;
}
.portfolio-wide-item .portfolio-wide-caption h3{
position:absolute;
height:30px;
top:50%;
margin-top:-15px;
width:100%;
text-align:center;
color:#FFFFFF;
z-index:999;
pointer-events:none;
font-size:18px;
}
.portfolio-wide-item .responsive-image{
margin-bottom:0px!important;
}
/*---------------------*/
/*---Portfolio Cards---*/
/*---------------------*/
.portfolio-wide-item .portfolio-wide-caption em{
position:absolute;
height:30px;
top:50%;
width:100%;
text-align:center;
z-index:999;
pointer-events:none;
font-size:13px;
font-style:normal;
}
.portfolio-wide-card{
border-bottom:solid 5px #000000;
}
.portfolio-wide-card h3{
width:250px!important;
height:50px!important;
margin-top:-40px!important;
padding-top:10px;
z-index:99999999!important;
left:50%;
margin-left:-125px;
background-color:#FFFFFF;
color:#1f1f1f!important;
font-weight:800;
text-transform: uppercase;
font-size:20px!important;
border-top-right-radius:5px;
border-top-left-radius:5px;
}
.portfolio-wide-card em{
width:250px!important;
left:50%;
margin-left:-125px;
background-color:#FFFFFF;
height:40px!important;
padding-top:8px;
margin-top:-5px;
font-weight:400;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
}
/*----------------------*/
/*---Gallery Settings---*/
/*----------------------*/
.gallery-blocks a{
margin-bottom:0%!important;
}
.gallery-blocks img{
margin-bottom:0px!important;
}
@media(min-width:0px) and (max-width:320px){
.gallery a{
width:45%;
float:left;
}
.gallery a:nth-child(2n-1){
margin-right:10%;
}
.gallery-blocks a{
width:50%;
float:left;
}
.gallery-blocks strong{
font-size:16px;
}
}
@media(min-width:320px) and (max-width:480px){
.gallery a{
width:30%;
float:left;
}
.gallery a:nth-child(3n-1){
margin-left:5%;
margin-right:5%;
}
.gallery-blocks a{
width:33.33333333%;
float:left;
}
.gallery-blocks a strong{
font-size:16px!important;
}
}
@media(min-width:481px) and (max-width:768px){
.gallery a{
width:23%;
float:left;
margin-bottom:1%;
}
.gallery a:nth-child(4n-1){
margin-left:1%;
margin-right:2%;
}
.gallery a:nth-child(4n-2){
margin-left:2%;
margin-right:1%;
}
.gallery-blocks a{
width:25%;
float:left;
}
.gallery-blocks a strong{
font-size:18px!important;
}
}
@media(min-width:768px) and (max-width:1024px){
.gallery a{
width:18%;
float:left;
margin-bottom:1%;
}
.gallery a:nth-child(5n-1){
margin-left:1%;
margin-right:2%;
}
.gallery a:nth-child(5n-2){
margin-left:1%;
margin-right:1%;
}
.gallery a:nth-child(5n-3){
margin-left:2%;
margin-right:1%;
}
.gallery-blocks a{
width:20%;
float:left;
}
.gallery-blocks a strong{
font-size:20px!important;
}
}
@media(min-width:1024px){
.gallery a{
width:15%;
float:left;
margin-bottom:1%;
}
.gallery a:nth-child(6n-1){
margin-left:1%;
margin-right:2%;
}
.gallery a:nth-child(6n-2){
margin-left:1%;
margin-right:1%;
}
.gallery a:nth-child(6n-3){
margin-left:1%;
margin-right:1%;
}
.gallery a:nth-child(6n-4){
margin-left:1%;
margin-right:1%;
}
.gallery a:nth-child(6n-5){
margin-right:1%;
}
.gallery-blocks a{
width:16.667%;
float:left;
}
.gallery-blocks a strong{
font-size:20px!important;
}
}
.gallery-square img{
border-radius:0px;
}
.gallery-round img{
border-radius:5000px;
}
.gallery-blocks em{
position:absolute;
top:0px;
left:0px;
bottom:0px;
right:0px;
background-color:rgba(0,0,0,0.5);
z-index:9999;
}
.gallery-blocks strong{
position:absolute;
z-index:999999;
width:100%;
color:#FFFFFF;
top:50%;
margin-top:-15px;
text-align:center;
}
.content-center{
position:absolute;
left:50%;
top:50%;
}
.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-dark .landing-overlay{
background-color:rgba(0,0,0,0.5);
}
.landing-dark ul li a em{
color:#FFFFFF;
}
.landing-dark .deco{
background-color:rgba(255,255,255,0.1)!important;
}
.landing-dark .landing-header-logo{
color:#FFFFFF!important;
}
.landing-light .landing-overlay{
background-color:rgba(255,255,255,0.8);
}
.landing-light ul li a em{
color:#000000;
}
.landing-light .deco{
background-color:rgba(0,0,0,0.1)!important;
}
.landing-light .landing-header-logo{
color:#000000!important;
}
.landing-homepage ul {
padding:0px 20px 0px 20px;
}
.landing-homepage ul li:last-child{
margin-bottom:40px;
}
.landing-homepage ul li{
list-style:none;
margin-bottom:20px;
}
.landing-homepage ul li{
width:33.3%;
float:left;
}
.landing-homepage ul li a{
padding-top:10px;
}
.landing-homepage ul li a i{
width:65px;
height:65px;
font-size:32px;
line-height:65px;
text-align:center;
display:block;
color:#FFFFFF;
border-radius:65px;
margin-left:auto;
margin-right:auto;
-webkit-box-shadow: 0 1px 2px 2px rgba(0,0,0,0.10);
box-shadow: 0 1px 2px 2px rgba(0,0,0,0.10);
-moz-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: all 150ms ease;
-moz-transition: all 150ms ease;
-ms-transition: all 150ms ease;
-o-transition: all 150ms ease;
transition: all 150ms ease;
}
.landing-homepage ul li a i:hover{
-moz-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: all 150ms ease;
-moz-transition: all 150ms ease;
-ms-transition: all 150ms ease;
-o-transition: all 150ms ease;
transition: all 150ms ease;
}
.landing-homepage ul li a em{
display:block;
font-size:14px;
opacity:0.8;
font-style:normal;
text-align:center;
padding-top:10px;
font-weight:500;
}
@media(min-width:767px){
.landing-homepage .deco{
width:700px!important;
margin-left:auto;
margin-right:auto;
}
.landing-header{
width:700px!important;
margin-left:auto;
margin-right:auto;
}
.landing-homepage ul {
width:700px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.landing-homepage ul li{
margin-bottom:20px;
}
.landing-homepage ul li a em{
font-size:16px;
}
.landing-homepage ul li a i{
width:100px;
height:100px;
line-height:100px;
font-size:250%;
margin-bottom:0px;
}
.landing-homepage .header{
position:relative;
}
.landing-homepage .header-clear{
height:30px;
}
}
.landing-header{
width:100%;
z-index:98;
padding:20px 30px 0px 30px;
}
.landing-header-logo{
width:100px;
height:30px;
margin-top:5px;
float:left;
font-size:24px;
font-weight:800;
}
.landing-header-icons{
height:40px;
padding:5px 5px 0px 0px;
width:125px;
float:right;
margin-bottom:25px;
}
.landing-header-icons a{
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-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{
width:100px;
height:100px;
margin-left:auto;
margin-right:auto;
transition:all 250ms ease;
}
@media(max-width:340px){
.page-splash img{
display:none!important;
}
}
.page-splash h1{
text-align:center;
font-size:30px;
margin-top:20px;
font-weight:600;
}
.page-splash h2{
font-size:15px;
text-align:center;
margin-bottom:20px;
}
.page-splash a i{
line-height:60px;
}
.page-splash a{
width:60px;
height:60px;
margin:0 auto;
line-height:50px;
border-radius:50px;
font-size:20px;
text-align:center;
}
/*--------------*/
/*---404 Page---*/
/*--------------*/
.page-404{
width:250px;
}
.page-404 h1, .page-404 h2, .page-404 p, .page-404 i{
text-align:center;
display:block;
}
.page-404 h1{
font-size:70px;
line-height:60px;
padding-bottom:0px;
font-weight:800;
}
.page-404 h2{
font-weight:600;
font-size:16px;
padding-bottom:20px;
}
.page-404 a i{
line-height:60px;
}
.page-404 a{
width:60px;
height:60px;
margin:0 auto;
line-height:50px;
border-radius:50px;
font-size:20px;
}
/*----------------------*/
/*---Coming Soon Page---*/
/*----------------------*/
.countdown-class div{
width:25%;
float:left;
}
.date-years, date-years em{
display:none;
}
.countdown-light{
color:#FFFFFF!important;
}
.countdown-light em{
color:#FFFFFF!important;
opacity:0.5;
}
.page-soon{
max-width:250px;
padding-top:60px;
}
.page-soon .countdown-class{
width:250px;
margin:0 auto;
font-size:24px;
text-align:center;
color:#1f1f1f;
}
.page-soon .countdown-class em{
color:rgba(0,0,0,0.5);
font-size:12px;
display:block;
text-align:center;
font-style:normal;
margin-bottom:20px;
}
.page-soon h1{
font-size:30px;
text-align:center;
}
.page-soon h2{
font-size:16px;
text-align:center;
padding-top:0px;
padding-bottom:20px;
font-weight:400;
color:#7b7b7b;
}
.page-soon p{
text-align:center;
}
.page-soon a{
width:60px;
height:60px;
margin:0 auto;
line-height:57px;
border-radius:50px;
border:solid 1px rgba(0,0,0,0.4);
font-size:20px;
color:#1f1f1f;
text-align:center;
}
/*------------*/
/*---Quotes---*/
/*------------*/
.quote-1-left{
padding-left:20px;
padding-top:10px;
padding-bottom:0px;
}
.quote-1-left em{
margin-bottom:15px;
}
.quote-1-left a{
text-align:right;
}
.quote-1-right{
padding-right:20px;
padding-top:10px;
padding-bottom:0px;
}
.quote-1-right em{
margin-bottom:15px;
}
.quote-1-right a{
text-align:left;
}
.quote-2-left i{
position:absolute;
margin-top:10px;
font-size:24px;
}
.quote-2-left p{
padding-left:50px;
margin-bottom:15px;
}
.quote-2-left a{
text-align:right;
}
.quote-2-right i{
position:absolute;
right:0px;
margin-top:10px;
font-size:24px;
}
.quote-2-right p{
padding-right:50px;
margin-bottom:15px;
}
.quote-2-right a{
text-align:left;
}
.quote-3 i{
text-align:center;
font-size:27px;
display:block;
}
.quote-3 p{
width:90%;
margin:20px auto;
text-align:center;
font-size:17px;
line-height:40px;
font-weight:300;
}
.quote-3 a{
text-align:center;
font-weight:800;
}
/*-------------*/
/*---Reviews---*/
/*-------------*/
.review-1 img{
width:60px;
border-radius:60px;
position:absolute;
top:0px;
}
.review-1 h1{
font-size:16px;
padding-left:80px;
line-height:30px;
}
.review-1 .review-stars{
margin-left:80px;
color:#f39c12;
}
.review-1 p{
padding-top:20px;
margin-bottom:10px;
}
.review-1 em{
display:block;
font-size:12px;
text-align:right;
}
.review-2 img{
width:120px;
margin:20px auto;
border-radius:120px;
}
.review-2 h1{
text-align:center;
font-size:18px;
font-weight:600;
}
.review-2 .review-stars{
width:80px;
margin:0px auto;
color:#f39c12;
}
.review-2 p{
width:95%;
text-align:center;
margin:30px auto;
margin-top:10px;
font-size:15px;
font-weight:300;
}
.review-2 em{
text-align:center;
display:block;
font-size:12px;
}
.review-3 .review-icon{
text-align:center;
font-size:27px;
display:block;
}
.review-3 p{
width:90%;
margin:20px auto;
text-align:center;
font-size:17px;
line-height:40px;
font-weight:300!important;
}
.review-3 a{
text-align:center;
font-weight:800;
}
.review-3 .review-stars{
width:80px;
margin:20px auto;
color:#f39c12;
}
.review-4 h1{
font-size:30px;
font-weight:800;
}
.review-4 h2{
font-size:12px;
position:absolute;
top:7px;
margin-left:70px;
}
.review-4 .review-stars{
color:#f39c12;
}
.review-4 .review-stars i{
margin-right:5px;
font-size:18px;
margin-bottom:20px;
}
.review-4 img{
width:50px;
border-radius:50px;
position:absolute;
top:0px;
right:0px;
}
.review-4 p{
font-style:italic;
font-weight:300;
font-size:15px;
margin-bottom:20px;
}
.review-4 a{
text-align:right;
}
.review-5 h1{
font-size:50px;
font-weight:800;
}
.review-5 h2{
font-size:10px;
position:absolute;
top:-10px;
margin-left:110px;
}
.review-5 .review-stars{
color:#f39c12;
margin-left:110px;
margin-top:-20px;
}
.review-5 .review-stars i{
margin-right:2px;
font-size:16px;
margin-bottom:20px;
}
.review-5 img{
width:55px;
border-radius:55px;
position:absolute;
top:-10px;
right:0px;
}
.review-5 p{
font-style:italic;
font-weight:300;
font-size:15px;
margin-bottom:20px;
}
.review-5 a{
text-align:right;
}
.review-6 h1{
font-size:15px;
font-weight:600;
margin-bottom:-10px;
}
.review-6 em{
font-size:12px;
padding-bottom:10px;
display:block;
}
.review-6 h3{
float:left;
font-size:15px;
font-weight:600;
line-height:40px;
}
.review-6 .review-stars{
float:right;
color:#f39c12;
line-height:40px;
}
.review-6 .review-stars i{
padding-left:5px;
}
/*------------------*/
/*---SiteMap Page---*/
/*------------------*/
@media(max-width:340px){
.sitemap-box a{
font-size:11px!important;
}
}
.sitemap-box{
margin-bottom:-10px!important;
}
.sitemap-box a{
line-height:40px;
font-size:14px;
width:50%;
float:left;
margin-bottom:15px;
color:#1f1f1f;
}
@media(min-width:768px){
.sitemap-box a{
width:25%;
}
}
.sitemap-box a i{
display:inline-block;
font-size:14px;
color:#FFFFFF;
width:35px;
height:35px;
line-height:35px;
text-align:center;
border-radius:35px;
margin-right:10px;
transition:all 250ms ease;
}
/*--------------------*/
/*---Profile Page 1---*/
/*--------------------*/
.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-left:auto;
margin-right:auto;
margin-top:-75px;
border-radius:130px;
}
.profile-page-2-thumbnail img{
border-radius:130px;
}
.profile-page-2-header h1{
text-align:center;
font-size:24px;
font-weight:400;
margin-top:20px;
}
.profile-page-2-header em{
display:block;
text-align:center;
font-weight:400;
text-transform: uppercase;
font-style:normal;
letter-spacing:1.5px;
font-size:12px;
}
.profile-page-2-header strong{
display:block;
text-align:center;
font-size:12px;
}
.profile-page-2-header i{
padding-right:10px;
}
.profile-page-2-header p{
font-size:18px;
padding-top:20px;
padding-left:20px;
padding-right:20px;
text-align:center;
font-weight:300;
}
.profile-page-2-content .social-profile{
width:275px;
margin:20px auto;
}
.profile-page-2-content .social-profile a{
margin:0px 10px 0px 10px;
}
.profile-page-2-content .social-count h1{
float:left;
width:33.33333%;
}
.profile-page-2-content .social-count h1 strong{
text-align:center;
display:block;
font-size:18px;
font-weight:400;
}
.profile-page-2-content .social-count h1 em{
font-size:12px;
font-style:normal;
display:block;
text-align:center;
font-weight:400;
margin-bottom:30px;
}
.profile-page-2-content h2{
font-size:18px;
font-weight:500;
text-align:center;
padding-bottom:5px;
}
.profile-page-2-content h3{
font-size:13px;
font-weight:300;
text-align:center;
width:250px;
margin:0 auto;
}
@media(min-width:560px){
.profile-page-2-cover{
height:300px;
overflow:hidden;
}
.profile-page-2-header, .profile-page-2-content{
width:400px!important;
margin-left:auto;
margin-right:auto;
}
}
/*---------------------*/
/*---Timeline Page 1---*/
/*---------------------*/
.page-timeline-1{
overflow:hidden;
}
.page-timeline-1 .timeline-block-left{
position:absolute;
left: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:15px;
margin-top:20px;
z-index:10;
display:inline-block;
}
.page-timeline-1 .timeline-deco{
position:absolute;
height:2000000px;
width:1px;
left:42px;
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;
line-height:45px;
font-weight:400;
padding-left:45px;
margin-top:20px;
vertical-align:bottom;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.page-login-input input:focus{
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.page-login-input i{
position:absolute;
left:0px;
height:50px;
line-height:50px;
width:40px;
text-align:center;
}
.login-icon{
font-size:14px!important;
}
.page-login-input a{
width:50px;
height:50px;
z-index:99999;
position:absolute;
top:0px;
right:0px;
}
.page-login .button{
font-size:12px;
padding-left:30px!important;
}
.page-login-forgot{
float:left;
font-size:12px;
height:50px;
line-height:50px;
margin-top:10px;
padding-left:15px;
}
.page-login-forgot i{
padding-right:10px;
}
.page-login-create{
float:right;
font-size:12px;
height:50px;
line-height:50px;
margin-top:10px;
padding-right:15px;
}
.page-login-create i{
padding-left:10px;
}
.page-login-links p{
font-size:13px!important;
text-align:center;
}
/*------------------*/
/*---Contact Page---*/
/*------------------*/
.field-title{
padding-left:0px!important;
margin-left:0px!important;
}
.contactField{
font-size:12px;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.contactField:focus{
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.contactTextarea{
font-size:12px;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.contactTextarea:focus{
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.contactSubmitButton{
font-family:'Roboto',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;
height: 80px;
}
/*---Contact Icons---*/
.contact-information a i{
display:inline-block;
}
.contact-call{
height:25px;
margin-bottom:5px;
display:block;
}
.contact-call i{
width:12px;
margin-right:20px;
}
.contact-text{
height:25px;
display:block;
margin-bottom:5px;
}
.contact-text i{
width:12px;
margin-right:20px;
}
.contact-mail{
height:25px;
margin-bottom:5px;
display:block;
}
.contact-mail i{
width:12px;
margin-right:20px;
}
.contact-facebook{
height:25px;
margin-bottom:5px;
display:block;
}
.contact-facebook i{
width:12px;
margin-right:20px;
}
.contact-twitter{
height:25px;
display:block;
}
.contact-twitter i{
width:12px;
margin-right:20px;
}
/*----------------------*/
/*---Fullscreen Pages---*/
/*----------------------*/
.page-fullscreen{
position:absolute;
background-size:cover;
background-position: center center;
overflow:hidden;
}
.page-fullscreen-content{
position:absolute;
z-index:99;
overflow:hidden;
}
/*-------------------*/
/*---PageApp Login---*/
/*-------------------*/
.pageapp-login{
width:300px;
margin:0px auto;
padding-top:60px;
}
@media(max-width:360px){
.pageapp-login-logo{
display:none;
}
.pageapp-login-social{
display:none;
}
.pageapp-login-input input{
height:40px!important;
line-height:40px!important;
}
.pageapp-login-input i{
height:40px!important;
line-height:40px!important;
}
}
.pageapp-login-logo{
width:80px;
margin:0px auto 0px auto;
}
.pageapp-login-logo img{
width:80px;
}
.pageapp-login-input input{
width:100%;
display:block;
height:50px;
line-height:50px;
background-color:rgba(255,255,255,0);
border-bottom:solid 2px rgba(255,255,255,0.1);
font-size:12px;
color:#FFFFFF;
font-weight:400;
padding-left:45px;
margin-top:20px;
transition:all 250ms ease;
}
.pageapp-login-input input:focus{
border-bottom:solid 2px #27ae60;
transition:all 250ms ease;
}
.pageapp-login-input i{
position:absolute;
left:0px;
height:50px;
line-height:50px;
width:40px;
text-align:center;
color:#989898;
}
.pageapp-login-input a{
width:50px;
height:50px;
z-index:99999;
position:absolute;
top:0px;
right:0px;
}
.pageapp-login-input a i{
color:#d3d3d3!important;
}
.pageapp-login .button{
font-size:12px;
padding-left:30px!important;
}
.pageapp-login-forgot{
float:left;
color:#969696;
font-size:12px;
height:50px;
line-height:50px;
margin-top:10px;
padding-left:15px;
}
.pageapp-login-forgot i{
padding-right:10px;
}
.pageapp-login-create{
float:right;
color:#969696;
font-size:12px;
height:50px;
line-height:50px;
margin-top:10px;
padding-right:15px;
}
.pageapp-login-create i{
padding-left:10px;
}
.pageapp-login-links p{
font-size:13px!important;
text-align:center;
}
.pageapp-login .decoration{
background-color:rgba(255,255,255,0.1)!important;
}
/*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:800!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-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{
margin-bottom:-30px!important;
padding-bottom:0px!important;
cursor:pointer;
}
.map-fullscreen .overlay{
opacity:0.70;
background-color:rgba(0,0,0,99)!important;
position:absolute;
width:100%;
height:100%;
z-index:9;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.map-fullscreen .deactivate-map{
position:absolute;
z-index:10;
bottom:0px;
font-size:13px;
height:60px;
bottom:0px;
margin-bottom:0px!important;
line-height:60px;
padding:0px;
opacity:1;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.map-fullscreen .map-text{
position:absolute;
z-index:99;
width:280px;
height:100px;
top:50%;
margin-top:-50px;
left:50%;
margin-left:-140px;
opacity:1;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.map-fullscreen .map-text h3{
font-size:24px;
color:#FFFFFF;
text-align:center;
}
.map-fullscreen .map-text p{
color:#FFFFFF;
text-align:center;
font-size:13px;
opacity:0.6;
padding-top:0px;
}
.hide-map{
opacity:0!important;
pointer-events:none;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.deactivate-map{
text-transform:uppercase;
font-size:15px!important;
font-weight:600;
}
/*-------------------*/
/*---Userlist Page---*/
/*-------------------*/
.user-list-1 img{
width:45px;
height:45px;
line-height:45px;
border-radius:45px;
position:absolute;
}
.user-list-1{
height:70px;
margin-bottom:20px;
}
.user-list-1 strong{
font-weight:500;
font-size:16px;
padding-left:60px;
line-height:45px;
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:800;
}
.calendar-titles .light-titles{
opacity:0.5;
}
.calendar-days{
margin-top:-10px;
font-size:14px;
margin-bottom:30px;
}
.calendar-days a{
width:14.28%;
float:left;
height:60px;
line-height:60px;
text-align:center;
font-weight:700;
}
.calendar-day .light-day{
opacity:0.3;
}
.calendar-days i{
position:absolute;
font-size:35px;
margin-top:0px;
margin-left:-7px;
z-index:-1;
}
.clear-day i{
opacity:0;
}
.light-day{
opacity:0.3;
}
.light-day i{
display:none;
}
.calendar-hour{
height:90px;
}
.calendar-hours a:last-child{
border-bottom:none;
}
.calendar-hour .cal-time{
position:absolute;
margin-top:30px;
font-weight:400;
font-size:11px;
padding-left:20px;
}
.calendar-hour .cal-from{
position:absolute;
margin-top:18px;
font-size:11px;
font-weight:400;
padding-left:20px;
}
.calendar-hour .cal-to{
position:absolute;
margin-top:40px;
font-size:11px;
font-weight:400;
padding-left:20px;
}
.calendar-hour h4{
font-size:14px;
padding-left:100px;
padding-top:17px;
margin-bottom:2px;
}
.calendar-hour em{
font-style:normal;
font-size:11px;
padding-left:100px;
}
.calendar-hour em i{
margin-right:10px;
}
/*-------------------*/
/*---Checkist Page---*/
/*-------------------*/
.checklist-item{
padding:15px 0px 10px 0px;
}
.checklist-item .ion-ios-circle-outline{
font-size:20px;
position:absolute;
height:40px;
line-height:35px;
}
.checklist-item .ion-checkmark,
.checklist-item .ion-android-close,
.checklist-item .ion-ios-checkmark-outline,
.checklist-item .ion-checkmark-circled,
.checklist-item .ion-close-circled,
.checklist-item .ion-ios-close-outline{
font-size:20px;
position:absolute;
height:30px;
line-height:32px;
display:none;
}
.checklist-item em{
font-size:12px;
line-height:17px;
display:inline-block;
padding-left:35px;
padding-right:20px;
font-style:normal;
font-weight:500;
}
.checklist-item strong{
font-size:13px;
position:absolute;
height:40px;
line-height:35px;
padding-left:20px;
font-weight:500;
}
.completed-checklist{
text-decoration:line-through;
}
/*-------------------*/
/*---Tasklist Page---*/
/*-------------------*/
.tasklist-item{
height:65px;
line-height:65px;
margin-bottom:0px;
padding-bottom:0px;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.tasklist-item i:first-child{
position:absolute;
height:65px;
line-height:65px;
width:40px;
text-align:center;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.tasklist-item h5{
padding-left:50px;
line-height:65px;
font-size:14px;
margin-top:0px;
font-weight:500;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.tasklist-red{
border-left:solid 4px #c0392b;
}
.tasklist-green{
border-left:solid 4px #27ae60;
}
.tasklist-blue{
border-left:solid 4px #2980b9;
}
.tasklist-orange{
border-left:solid 4px #d35400;
}
.tasklist-yellow{
border-left:solid 4px #f1c40f;
}
.tasklist-gray{
border-left:solid 4px #666666;
}
.tasklist-dark{
border-left:solid 4px #1f1f1f;
}
.tasklist-magenta{
border-left:solid 4px #8e44ad;
}
.tasklist-completed{
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.tasklist-completed i:first-child{
color:#27ae60!important;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.tasklist-completed h5{
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
/*-------------------*/
/*---Page Interest---*/
/*-------------------*/
.page-interests{
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);
}
/*---------------*/
/*---Chat Page---*/
/*---------------*/
.page-chat{
padding-bottom:0px;
}
.chat-input-clear{
height:50px;
}
.chat-input{
position:fixed;
height:55px;
bottom:0px;
bottom:0px;
width:100%;
z-index:8;
}
.chat-input a:first-child{
font-size:12px;
position:absolute;
z-index:10;
height:35px;
width:35px;
text-align:center;
line-height:34px;
margin-top:10px;
margin-left:8px;
border-radius:40px;
}
.chat-input a:last-child{
text-align:center;
width:80px;
height:35px;
line-height:35px;
font-size:12px;
border-radius:40px;
top:10px;
margin-right:8px;
position:absolute;
right:0px;
}
@media(min-width:768px){
.chat-input input{
width:95%!important;
}
}
.chat-input input{
width:90%;
height:35px;
margin-top:10px;
margin-left:22px;
padding-left:45px;
font-size:12px;
-webkit-box-shadow:inset 0 2px 10px 3px rgba(0,0,0,0.1);
box-shadow:inset 0 2px 10px 3px rgba(0,0,0,0.1);
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.chat-input input:focus{
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.green-bubble{
background-color:#33c922!important;
color:#FFFFFF!important;
border:none!important;
}
.blue-bubble{
background-color:#0b84fe!important;
color:#FFFFFF!important;
border:none!important;
}
.speach-image{
padding:2px!important;
}
.speach-image img{
border-radius:8px;
margin-bottom:0px;
}
.speach-left{
float:left;
display:inline;
text-align:left;
max-width:75%;
font-size:13px;
padding:5px 10px;
border-radius:10px;
}
.speach-left-title{
display:block;
width:100%;
font-size:10px;
font-style:normal;
padding-left:5px;
color:#000000;
text-shadow:0px 1px 0px #FFFFFF;
}
.speach-right{
float:right;
text-align:right;
text-align:left;
max-width:75%;
font-size:13px;
padding:5px 10px;
border-radius:10px;
}
.speach-right-title{
text-align:right;
display:block;
font-size:10px;
font-style:normal;
padding-right:5px;
color:#000000;
text-shadow:0px 1px 0px #FFFFFF;
}
.speach-status{
font-size:11px;
font-weight:500;
float:right;
margin-top:-25px;
position:relative;
display:inline;
}
.speach-status i{
padding-right:5px;
}
.speach-status img{
width:15px;
height:15px;
border-radius:10px;
float:right;
margin-top:7px;
margin-left:10px;
display:inline;
}
.speach-read i{
padding-right:5px;
}
.speach-read{
float:right;
margin-top:-25px;
font-size:12px;
font-weight:500;
font-style:normal;
}
/*-------------------*/
/*---Blog Template---*/
/*-------------------*/
@media(min-width:768px){
.page-blog{
width:60%;
float:left;
}
.page-blog-sidebar{
width:35%;
float:left;
margin-left:5%;
}
}
.blog-post-icons a{
width:45px;
height:45px;
line-height:45px;
text-align:center;
border-radius:45px;
float:left;
margin-left:10px;
margin-right:10px;
}
.blog-post-icons{
width:195px;
left:50%;
margin-left:-93px;
bottom:-21px;
position:absolute;
z-index:10;
}
.page-blog-list p{
margin-bottom:20px;
}
.page-blog-list img{
margin-bottom:20px;
}
.page-blog-list .page-blog-list-by{
width:200px;
}
.page-blog-list .page-blog-list-by img{
width:40px;
height:40px;
border-radius:40px;
position:absolute;
margin-top:4px;
}
.page-blog-list .page-blog-list-by strong{
padding-left:55px;
font-size:12px;
font-weight:500;
display:inline;
}
.page-blog-list .page-blog-list-by strong a{
display:inline;
}
.page-blog-list .page-blog-list-by em{
padding-left:55px;
font-size:11px;
margin-top:-11px;
display:block;
opacity:0.5;
margin-bottom:20px;
clear:both;
}
.page-blog-list .page-blog-tags{
display:block;
margin-top:-10px;
margin-bottom:10px;
font-size:12px;
font-weight:500;
}
.page-blog-list .page-blog-tags a{
display:inline;
}
.page-blog-list-more i{
float:right;
width:40px;
height:40px;
margin-top:-66px;
font-size:12px;
text-align:center;
line-height:40px;
border-radius:40px;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.page-blog-list-more i:hover{
background-color:#3498db;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.page-blog-list-share i{
margin-right:55px;
float:right;
width:40px;
height:40px;
margin-top:-66px;
font-size:12px;
text-align:center;
line-height:40px;
border-radius:40px;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.page-blog-list-share i:hover{
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
/*Search*/
.blog-sidebar-search i{
position:absolute;
top:6px;
}
.blog-sidebar-search input{
height:40px;
width:100%;
background-color:transparent;
font-size:12px;
padding-left:30px;
transition:all 200ms ease;
}
.blog-sidebar-search input:focus{
transition:all 200ms ease;
}
.blog-sidebar-text p{
font-size:12px;
margin-bottom:20px;
}
/*Recent*/
.blog-sidebar-recent-projects a{
width:30%;
float:left;
overflow:hidden;
margin-right:3%;
margin-bottom:3%;
}
.blog-sidebar-recent-projects a img{
display:block;
width:100%;
}
.blog-sidebar-recent-posts a:last-child{
border-bottom:none;
padding-bottom:0px;
}
.blog-sidebar-recent-posts a{
padding-bottom:10px;
margin-bottom:10px;
}
.blog-sidebar-recent-posts strong{
display:block;
}
.blog-sidebar-recent-posts em{
display:block;
font-size:10px;
margin-top:-10px;
font-style:normal;
font-weight:600;
}
.blog-sidebar-recent-posts i{
position:absolute;
top:0px;
right:0px;
width:40px;
height:40px;
line-height:44px;
text-align:center;
font-size:20px;
}
/*Categories*/
.blog-sidebar-categories a:last-child{
border-bottom:none;
padding-bottom:0px;
}
.blog-sidebar-categories a{
font-size:12px;
padding-top:5px;
padding-bottom:5px;
font-weight:500;
}
.blog-sidebar-categories a em{
font-size:10px;
padding-left:6px;
padding-right:6px;
padding-top:2px;
padding-bottom:2px;
margin-left:10px;
font-style:normal;
border-radius:3px;
}
.blog-sidebar-categories a i{
position:absolute;
right:0px;
top:10px;
}
/*Blog Comments*/
.blog-post-comment-nested{
padding-left:50px;
}
.blog-post-comment em{
display:block;
font-size:12px;
}
.blog-post-comment strong{
font-size:15px;
}
.blog-post-comment .blog-post-comment-reply{
text-align:right;
width:40px;
float:right;
margin-top:-25px;
font-size:12px;
}
.blog-post-comment-add strong{
display:block;
}
.blog-post-comment-add em{
display:block;
text-align:right;
font-size:10px;
margin-top:-30px;
}
.blog-post-comment-add input:focus{
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.blog-post-comment-add input{
display:block;
width:100%;
height:40px;
padding-left:0px;
font-size:12px;
margin-bottom:20px;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.blog-post-comment-add textarea{
padding-left:0px;
padding-top:10px;
padding-bottom:10px;
overflow:visible;
font-size:13px;
Font-family:'Roboto', sans-serif;
line-height:30px;
display:block;
width:100%;
max-height:10000px;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.blog-post-comment-add textarea:focus{
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
/*-------------------*/
/*---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%;
position: fixed;
top: 0;
left: 0;
z-index: 999999!important;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
#swipebox-slider {
height: 100%;
left: 0;
top: 0;
width: 100%;
white-space: nowrap;
position: absolute;
display: none;
}
#swipebox-slider .slide {
background: url("../images/gallery/loader.html") no-repeat center center;
height: 100%;
width: 100%;
line-height: 1px;
text-align: center;
display: inline-block;
}
#swipebox-slider .slide:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
#swipebox-slider .slide img {
display: inline-block;
max-height: 100%;
max-width: 100%;
margin: 0;
padding: 0;
width: auto;
height: auto;
vertical-align: middle;
}
#swipebox-action, #swipebox-caption {
position: absolute;
left: 0;
z-index: 999;
height: 50px;
width: 100%;
}
#swipebox-action {
bottom: -50px;
}
#swipebox-action.visible-bars {
bottom: 0;
}
#swipebox-action.force-visible-bars {
bottom: 0!important;
}
#swipebox-caption {
top: -50px;
text-align: center;
}
#swipebox-caption.visible-bars {
top: 0;
}
#swipebox-caption.force-visible-bars {
top: 0!important;
}
#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {
background-image: url("../images/framework/icons.png");
background-repeat: no-repeat;
border: none!important;
text-decoration: none!important;
cursor: pointer;
position: absolute;
width: 50px;
height: 50px;
top: 0;
}
#swipebox-action #swipebox-close {
background-position: 15px 12px;
left: 50%;
margin-left:-25px;
margin-top:-20px;
padding-bottom:30px!important;
}
#swipebox-action #swipebox-prev {
background-position: -32px 13px;
right: 100px;
top:100%;
position:fixed;
left:10px;
margin-top:-70px;
}
#swipebox-action #swipebox-next {
background-position: -78px 13px;
right: 40px;
top:100%;
position:fixed;
right:10px;
margin-top:-70px;
}
#swipebox-action #swipebox-prev.disabled, #swipebox-action #swipebox-next.disabled {
opacity: 0.3;
}
#swipebox-slider.rightSpring {
-moz-animation: rightSpring 0.3s;
-webkit-animation: rightSpring 0.3s;
}
#swipebox-slider.leftSpring {
-moz-animation: leftSpring 0.3s;
-webkit-animation: leftSpring 0.3s;
}
@-moz-keyframes rightSpring {
0% {
margin-left: 0px;
}
50% {
margin-left: -30px;
}
100% {
margin-left: 0px;
}
}
@-moz-keyframes leftSpring {
0% {
margin-left: 0px;
}
50% {
margin-left: 30px;
}
100% {
margin-left: 0px;
}
}
@-webkit-keyframes rightSpring {
0% {
margin-left: 0px;
}
50% {
margin-left: -30px;
}
100% {
margin-left: 0px;
}
}
@-webkit-keyframes leftSpring {
0% {
margin-left: 0px;
}
50% {
margin-left: 30px;
}
100% {
margin-left: 0px;
}
}
/* Skin*/
#swipebox-overlay {
background: #0d0d0d;
opacity:1;
}
#swipebox-action, #swipebox-caption {
background-color: #0d0d0d;
opacity: 1;
bottom:0px;
}
#swipebox-caption {
padding-top:10px;
top:0px;
color: #FFFFFF;
font-size: 13px;
line-height: 50px;
font-weight:500;
font-family: 'Roboto', sans-serif;
}