html {
-webkit-font-smoothing: antialiased;
font-size: 16px;
} 
body {
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #333;
font-weight: 300;
}  @-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }  #page { overflow: hidden; }  .wide-100 { padding-top: 100px; padding-bottom: 100px; }
.wide-90 { padding-top: 100px; padding-bottom: 90px; }
.wide-80 { padding-top: 100px; padding-bottom: 80px; }
.wide-70 { padding-top: 100px; padding-bottom: 70px; }
.wide-60 { padding-top: 100px; padding-bottom: 60px; }
.wide-50 { padding-top: 100px; padding-bottom: 50px; }
.wide-40 { padding-top: 100px; padding-bottom: 40px; }
.wide-30 { padding-top: 100px; padding-bottom: 30px; }
.wide-20 { padding-top: 100px; padding-bottom: 20px; }  .mt-100 { margin-top: 100px; }
.mt-90 { margin-top: 90px; }
.mt-80 { margin-top: 80px; }
.mt-70 { margin-top: 70px; }
.mt-60 { margin-top: 60px; }
.mt-50 { margin-top: 50px; }
.mt-45 { margin-top: 45px; }
.mt-40 { margin-top: 40px; }
.mt-35 { margin-top: 35px; }
.mt-30 { margin-top: 30px; }
.mt-25 { margin-top: 25px; }
.mt-20 { margin-top: 20px; }
.mt-15 { margin-top: 15px; }
.mt-10 { margin-top: 10px; }
.mt-5 { margin-top: 5px; }  .mb-100 { margin-bottom: 100px; }
.mb-90 { margin-bottom: 90px; }
.mb-80 { margin-bottom: 80px; }
.mb-70 { margin-bottom: 70px; }
.mb-60 { margin-bottom: 60px; }
.mb-50 { margin-bottom: 50px; }
.mb-45 { margin-bottom: 45px; }
.mb-40 { margin-bottom: 40px; }
.mb-35 { margin-bottom: 35px; }
.mb-30 { margin-bottom: 30px; }
.mb-25 { margin-bottom: 25px; }
.mb-20 { margin-bottom: 20px; }
.mb-15 { margin-bottom: 15px; }
.mb-10 { margin-bottom: 10px; }
.mb-5 { margin-bottom: 5px; }
.mb-0 { margin-bottom: 0; }  .ml-70 { margin-left: 70px; }
.ml-60 { margin-left: 60px; }
.ml-50 { margin-left: 50px; }
.ml-45 { margin-left: 45px; }
.ml-40 { margin-left: 40px; }
.ml-35 { margin-left: 35px; }
.ml-30 { margin-left: 30px; }
.ml-25 { margin-left: 25px; }
.ml-20 { margin-left: 20px; }
.ml-15 { margin-left: 15px; }
.ml-10 { margin-left: 10px; }
.ml-5 { margin-left: 5px; }  .mr-70 { margin-right: 70px; }
.mr-60 { margin-right: 60px; }
.mr-50 { margin-right: 50px; }
.mr-45 { margin-right: 45px; }
.mr-40 { margin-right: 40px; }
.mr-35 { margin-right: 35px; }
.mr-30 { margin-right: 30px; }
.mr-25 { margin-right: 25px; }
.mr-20 { margin-right: 20px; }
.mr-15 { margin-right: 15px; }
.mr-10 { margin-right: 10px; }
.mr-5 { margin-right: 5px; }  .pt-100 { padding-top: 100px; }
.pt-90 { padding-top: 90px; }
.pt-80 { padding-top: 80px; }
.pt-70 { padding-top: 70px; }
.pt-60 { padding-top: 60px; }
.pt-50 { padding-top: 50px; }
.pt-45 { padding-top: 45px; }
.pt-40 { padding-top: 40px; }
.pt-35 { padding-top: 35px; }
.pt-30 { padding-top: 30px; }
.pt-25 { padding-top: 25px; }
.pt-20 { padding-top: 20px; }
.pt-15 { padding-top: 15px; }
.pt-10 { padding-top: 10px; }  .pb-100 { padding-bottom: 100px; }
.pb-90 { padding-bottom: 90px; }
.pb-80 { padding-bottom: 80px; }
.pb-70 { padding-bottom: 70px; }
.pb-60 { padding-bottom: 60px; }
.pb-50 { padding-bottom: 50px; }
.pb-45 { padding-bottom: 45px; }
.pb-40 { padding-bottom: 40px; }
.pb-35 { padding-bottom: 35px; }
.pb-30 { padding-bottom: 30px; }
.pb-25 { padding-bottom: 25px; }
.pb-20 { padding-bottom: 20px; }
.pb-15 { padding-bottom: 15px; }
.pb-10 { padding-bottom: 10px; }
.pb-0 { padding-bottom: 0; }  .pl-100 { padding-left: 100px; }
.pl-90 { padding-left: 90px; }
.pl-80 { padding-left: 80px; }
.pl-70 { padding-left: 70px; }
.pl-60 { padding-left: 60px; }
.pl-50 { padding-left: 50px; }
.pl-45 { padding-left: 45px; }
.pl-40 { padding-left: 40px; }
.pl-35 { padding-left: 35px; }
.pl-30 { padding-left: 30px; }
.pl-25 { padding-left: 25px; }
.pl-20 { padding-left: 20px; }
.pl-15 { padding-left: 15px; }
.pl-10 { padding-left: 10px; }
.pl-5 { padding-left: 5px; }
.pl-0 { padding-left: 0px; }  .pr-100 { padding-right: 100px; }
.pr-90 { padding-right: 90px; }
.pr-80 { padding-right: 80px; }
.pr-70 { padding-right: 70px; }
.pr-60 { padding-right: 60px; }
.pr-50 { padding-right: 50px; }
.pr-45 { padding-right: 45px; }
.pr-40 { padding-right: 40px; }
.pr-35 { padding-right: 35px; }
.pr-30 { padding-right: 30px; }
.pr-25 { padding-right: 25px; }
.pr-20 { padding-right: 20px; }
.pr-15 { padding-right: 15px; }
.pr-10 { padding-right: 10px; }
.pr-5 { padding-right: 5px; }
.pr-0 { padding-right: 0px; }  .pc-45 { padding-right: 45px; padding-left: 45px; } 
.pc-40 { padding-right: 40px; padding-left: 40px; }
.pc-35 { padding-right: 30px; padding-left: 30px; }
.pc-30 { padding-right: 35px; padding-left: 35px; }
.pc-25 { padding-right: 25px; padding-left: 25px; }
.pc-20 { padding-right: 20px; padding-left: 20px; }
.pc-15 { padding-right: 15px; padding-left: 15px; }  .bg-scroll {
width: 100%;
background-attachment: fixed !important;
background-repeat: no-repeat;
background-position: center center;   
background-size: cover;
}
.bg-fixed {
width: 100%;
background-repeat: no-repeat;
background-position: center center;   
background-size: cover;
}  .bg-white { background-color: #fff; }
.bg-lightdark { background-color: #35363a; }
.bg-dark { background-color: #2e2f33!important; }
.bg-grey { background-color: #ede9e6; }
.bg-lightgrey { background-color: #f8f9fb; }
.bg-skyblue { background-color: #16a2e0; }
.bg-blue { background-color: #2e71f1; }
.bg-deepblue { background-color: #0b4265; }
.bg-darkviolet { background-color: #3e416d; }
.bg-deepviolet { background-color: #383b62; }
.bg-green { background-color: #06c668; }
.bg-purple { background-color: #8a2ee8; }
.bg-rose { background-color: #ff3366; }  .bg-map {
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/bg-map.png);
}
.bg-dark.bg-map,  .bg-blue.bg-map, .bg-darkblue.bg-map, 
.bg-darkviolet.bg-map, .bg-green.bg-map {
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/bg-white-map.png);
}
.bg-waves {
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/bg-waves.png);
}
.bg-lines {
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/bg-lines.png);
}
.bg-geometric {
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/bg-geometric.jpg);
}
.bg-graph {
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/bg-graph.jpg);
background-position: bottom center;
}  .grey-border .b-bottom { margin: 0 8%; }
.b-top { border-top: 1px solid #ddd; }
.b-bottom { border-bottom: 1px solid #ddd; }
.b-left { border-left: 1px solid #ddd; }
.b-right { border-right: 1px solid #ddd; }   h1, h2, h3, h4, h5, h6 {
color: #222;
font-family: 'Noto Sans TC', sans-serif;
font-weight: 700;
letter-spacing: -0.5px;
} h5.h5-xs { font-size: 1.125rem; } h5.h5-sm { font-size: 1.1875rem; } h5.h5-md { font-size: 1.25rem;  } h5.h5-lg { font-size: 1.375rem;  } h5.h5-xl { font-size: 1.5rem; }  h4.h4-xs { font-size: 1.625rem; } h4.h4-sm { font-size: 1.75rem; } h4.h4-md { font-size: 1.875rem; } h4.h4-lg { font-size: 2rem; } h4.h4-xl { font-size: 2.125rem; }  h3.h3-xs { font-size: 2.375rem; } h3.h3-sm { font-size: 2.5rem; } h3.h3-md { font-size: 2.625rem; } h3.h3-lg { font-size: 2.75rem; } h3.h3-xl { font-size: 3rem; }  h2.h2-xs { font-size: 3.25rem; } h2.h2-sm { font-size: 3.375rem; } h2.h2-md { font-size: 3.5rem; } h2.h2-lg { font-size: 3.75rem; } h2.h2-xl { font-size: 4rem; } h2.h2-huge { font-size: 5rem; }   p.p-sm { font-size: 0.95rem; } p { font-size: 1rem; }  
p.has-medium-font-size, p.p-md { font-size: 1.125rem; } p.p-lg { font-size: 1.25rem; } p.p-xl { font-size: 1.3175rem; }   ul {
margin: 0;
padding: 0;
list-style: none;
}  a {
color: #333;
text-decoration: none;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
a:hover {
color: #666;
text-decoration: none;
}
a:focus {
outline: none;
text-decoration: none;
}  .btn {
background-color: transparent;
color: #fff;
font-family: 'Noto Sans TC', sans-serif;
font-size: 0.825rem;
line-height: 1;
font-weight: 700;
letter-spacing: 0.25px;
text-transform: uppercase;
padding: 0.915rem 1.85rem;
border: 2px solid transparent;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;        
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;  
}  .btn.btn-sm {
font-size: 0.8rem;
padding: 0.815rem 1.65rem;
}
.btn.btn-md {
font-size: 0.875rem;
padding: 1rem 1.95rem;
}  .btn-theme,
.white-color .btn-theme {
color: #fff!important;
background-color: #00b4a8;
border: 2px solid #00b4a8;
}
.btn-tra-black,
.white-color .btn-tra-black {
color: #333;
background-color: transparent;
border-color: #333;
}
.btn-tra-grey,
.white-color .btn-tra-grey {
color: #333;
background-color: transparent;
border: 2px solid #ccc;
}
.btn-tra-white {
color: #fff;
background-color: transparent;
border-color: #fff;
}
.btn-white,
.white-color .btn-white {
color: #333;
background-color: #fff;
border-color: #fff;
}
.btn-blur {
color: #fff;
background-color: rgba(255, 255, 255, .3);
border-color: transparent;
}
.btn-black {
color: #fff;
background-color: #333;
border-color: #333;
}
.btn-blue {
color: #fff;
background-color: #16a2e0;
border-color: #16a2e0;
}
.btn-green {
color: #fff;
background-color: #06c668;
border-color: #06c668;
}
.btn-rose {
color: #fff;
background-color: #e42c72;
border-color: #e42c72;
}
.btn-purple {
color: #fff;
background-color: #8a2ee8;
border-color: #8a2ee8;
}
.btn-yellow,
.white-color .btn-yellow {
color: #333;
background-color: #ffbe2e;
border-color: #ffbe2e;
}  .white-hover:hover {
color: #333;
background-color: #fff;
border-color: #fff;
}
.black-hover:hover {
color: #fff!important;
background-color: #333;
border-color: #333;
}
.tra-hover:hover {
color: #fff!important;
background-color: transparent;
border-color: #fff;
}
.black-tra-hover:hover,
.white-color .black-tra-hover:hover {
color: #333!important;
background-color: transparent;
border-color: #333;
}  .btn:focus {
color: #fff; 
-webkit-box-shadow: none;
box-shadow: none; 
}
.btn.btn-black:focus {
color: #fff; 
-webkit-box-shadow: none;
box-shadow: none; 
}
.btn-tra-black:focus,
.btn-yellow:focus,
.btn.btn-tra-grey:focus {
color: #333; 
-webkit-box-shadow: none;
box-shadow: none; 
}  .video-preview {
position: relative; 
text-align: center;
}
.video-block {
width: 100px;
height: 100px;
position: relative;
display: inline-block;
}  .video-btn {
width: 100px;
height: 100px;
position: absolute!important;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -50px; 
display: inline-block;
text-align: center;
background-color: transparent;
color: #fff;
line-height: 90px!important;   
border: 4px solid transparent;  
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%; 
}
.video-btn .svg-inline--fa {
font-size: 3rem;
line-height: 100px!important;   
margin-left: 11px;
vertical-align: -18px;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.video-btn:before {
content: '';
position: absolute;
left: -5px;
right: -5px;
top: -5px;
bottom: -5px;
background: rgba(255, 255, 255, 0.2);
opacity: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.video-btn:hover .svg-inline--fa {
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.video-btn:hover:before {
opacity: .75;
left: -25px;
right: -25px;
top: -25px;
bottom: -25px;
}  .video-btn.play-icon-white { background-color: #fff; color: #333; border-color: #fff; }
.video-btn.play-icon-tra { background-color: transparent; color: #fff; border-color: #fff; }
.video-btn.play-icon-blue { background-color: #16a2e0; border-color: #16a2e0; }
.video-btn.play-icon-rose { background-color: #e42c72; border-color: #e42c72; }
.video-btn.play-icon-green { background-color: #06c668; border-color: #06c668; }
.video-btn.play-icon-orange { background-color: #ff6a40; border-color: #ff6a40; }  p.play-btn-txt {
display: block;
font-size: 0.95rem;
line-height: 1;
font-weight: 400;
margin-top: 18px;
}  .modal-video {
display: inline-block;
vertical-align: middle;
line-height: 2.25rem;
position: relative;
}
.modal-video a .svg-inline--fa {
font-size: 2.25rem;
line-height: 2.25rem;
margin-right: 5px;
top: 4px;
position: relative;
}
.modal-video a {
font-size: 0.925rem;
font-family: 'Noto Sans TC', sans-serif;
line-height: 1;
font-weight: 700;
}
.modal-video span {
color: #999;
font-size: 0.9rem;
font-family: 'Roboto', sans-serif;
line-height: 1;
font-weight: 300;
text-transform: none;
position: absolute;
top: 29px;
left: 45px;
}  .stores-badge {
margin-top: 35px;
}
a.store {
margin-right: 12px;
}
.footer-stores-badge a.store {
display: block;
margin-right: 0;
margin-bottom: 14px;
}
a.store:last-child {
margin-right: 0;
} 
img.googleplay-original { width: 150px; height: 45px; }
img.appstore-original { width: 150px; height: 45px; } 
img.amazon-original { width: 144px; height: 45px; }
img.windows-original { width: 173px; height: 45px; }
img.mac-appstore { width: 155px; height: 45px; }
img.appstore-white { width: 140px; height: 45px; }
img.googleplay-white { width: 148px; height: 45px; }
img.appstore-grey { width: 142px; height: 45px; }
img.googleplay-grey { width: 151px; height: 45px; }
.stores-badge p {
font-weight: 500;
margin-bottom: : 10px;
}
.stores-badge span.os-version {
display: block;
font-size: 0.875rem;
font-style: italic;
line-height: 1; 
margin-top: 23px; 
}  ul.txt-list {
list-style: disc;
margin-left: 15px;
}
ul.txt-list li {
font-size: 1rem;
margin-bottom: 7px;
}
ul.txt-list li:last-child {
margin-bottom: 0;
}  .icon-xs [class*="flaticon-"]:before,
.icon-xs [class*="flaticon-"]:after {   
font-family: Flaticon;
font-size: 3.25rem;
line-height: 1!important;
}
.icon-sm [class*="flaticon-"]:before,
.icon-sm [class*="flaticon-"]:after {   
font-family: Flaticon;
font-size: 3.75rem;
line-height: 1!important;
}
.icon-md [class*="flaticon-"]:before,
.icon-md [class*="flaticon-"]:after {   
font-family: Flaticon;
font-size: 4.25rem;
line-height: 1!important;
}
.icon-lg [class*="flaticon-"]:before,
.icon-lg [class*="flaticon-"]:after {   
font-family: Flaticon;
font-size: 4.5rem;
line-height: 1!important;
}
.icon-xl [class*="flaticon-"]:before,
.icon-xl [class*="flaticon-"]:after {   
font-family: Flaticon;
font-size: 5rem;
line-height: 1!important;
}  .img-150 { width: 150px; height: 150px; }
.img-145 { width: 145px; height: 145px; }
.img-140 { width: 140px; height: 140px; }
.img-135 { width: 135px; height: 135px; }
.img-130 { width: 130px; height: 130px; }
.img-125 { width: 125px; height: 125px; }
.img-120 { width: 120px; height: 120px; }
.img-115 { width: 115px; height: 115px; }
.img-110 { width: 110px; height: 110px; }
.img-105 { width: 105px; height: 105px; }
.img-100 { width: 100px; height: 100px; }
.img-95 { width: 95px; height: 95px; }
.img-90 { width: 90px; height: 90px; }
.img-85 { width: 85px; height: 85px; }
.img-80 { width: 80px; height: 80px; }
.img-75 { width: 75px; height: 75px; }
.img-70 { width: 70px; height: 70px; }
.img-65 { width: 65px; height: 65px; }
.img-60 { width: 60px; height: 60px; }
.img-55 { width: 55px; height: 55px; }
.img-50 { width: 50px; height: 50px; }
.img-45 { width: 45px; height: 45px; }
.img-40 { width: 40px; height: 40px; }
.img-35 { width: 35px; height: 35px; }
.img-30 { width: 30px; height: 30px; }  span.section-id {
font-size: 0.825rem;
font-family: 'Noto Sans TC', sans-serif;
font-weight: 700;
text-transform: uppercase;
display: block;
letter-spacing: 0.5px;
margin-bottom: 28px;   
}
span.id-color {
color: #ccc;
}
.bg-darkviolet span.id-color {
color: #787a99;
}  .section-title {
text-align: center;
margin-bottom: 70px;     
}
.section-title h3 {
letter-spacing: -0.75px;
}
.section-title p {
color: #888;
padding: 0 15%;
margin-top: 20px;
margin-bottom: 0;
}  .txt-300 { font-weight: 300; }
.txt-400 { font-weight: 400; }
.txt-500 { font-weight: 500; }
.txt-600 { font-weight: 600; }
.txt-700 { font-weight: 700; }
.txt-800 { font-weight: 800; }
.txt-900 { font-weight: 900; }
.txt-ita { font-style: italic; }
.txt-up { text-transform: uppercase; }  .white-color,
.white-color h2, 
.white-color h3, 
.white-color h4, 
.white-color h5, 
.white-color h6, 
.white-color p, 
.white-color a, 
.white-color li,
.white-color i { color: #fff; }
.grey-color,
.grey-color h2, 
.grey-color h3, 
.grey-color h4, 
.grey-color h5, 
.grey-color h6, 
.grey-color p, 
.grey-color a,
.grey-color li, 
.white-color .grey-color,
.grey-color span { color: #777; }
.lightgrey-color,
.lightgrey-color h2, 
.lightgrey-color h3, 
.lightgrey-color h4, 
.lightgrey-color h5, 
.lightgrey-color p, 
.lightgrey-color a,
.lightgrey-color li, 
.white-color .lightgrey-color,
.lightgrey-color span { color: #aaa; }
.theme-color,
.theme-color h2, 
.theme-color h3, 
.theme-color h4, 
.theme-color h5, 
.theme-color h6, 
.theme-color p, 
.theme-color a,
.theme-color li, 
.white-color .theme-color,
.theme-color span { color: #00b4a8; }
.blue-color,
.blue-color h2, 
.blue-color h3, 
.blue-color h4, 
.blue-color h5, 
.blue-color h6, 
.blue-color p, 
.blue-color a,
.blue-color li, 
.white-color .blue-color,
.blue-color span { color: #16a2e0; }
.rose-color,
.rose-color h2, 
.rose-color h3, 
.rose-color h4, 
.rose-color h5, 
.rose-color h6, 
.rose-color p, 
.rose-color a,
.rose-color li, 
.white-color .rose-color,
.rose-color span { color: #e42c72; }
.green-color,
.green-color h2, 
.green-color h3, 
.green-color h4, 
.green-color h5, 
.green-color h6, 
.green-color p, 
.green-color a,
.green-color li, 
.white-color .green-color,
.green-color span { color: #06c668; }
.purple-color,
.purple-color h2, 
.purple-color h3, 
.purple-color h4, 
.purple-color h5, 
.purple-color h6, 
.purple-color p, 
.purple-color a,
.purple-color li, 
.white-color .purple-color,
.purple-color span { color: #6d48e5; }
.yellow-color,
.yellow-color h2, 
.yellow-color h3, 
.yellow-color h4, 
.yellow-color h5, 
.yellow-color h6, 
.yellow-color p, 
.yellow-color a,
.yellow-color li, 
.white-color .yellow-color,
.yellow-color span { color: #ffbe2e; }   .navbar-brand {
padding-top: 0;
padding-bottom: 0;
margin-right: 5rem;
}  .navbar {
padding: 16px 0;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.navbar.bg-tra {
padding: 40px 0;
background-color: transparent;  
}  .nav-item { 
margin: 0 5px; 
}
.navbar-expand-md .navbar-nav .nav-link {
font-size: 0.835rem;
font-family: 'Noto Sans TC', sans-serif;
font-weight: 500;
letter-spacing: 0;
text-transform: uppercase;
padding: 10px 20px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; 
}
.navbar-dark .navbar-nav .nav-link {
color: #fff;
}
.navbar-light .navbar-nav .nav-link {
color: #3a3a3a;
}
.navbar-text {
padding-top: 0;
padding-bottom: 0;
margin-left: 10px;
}
.navbar-light .navbar-text.white-color a {
color: #fff!important;
}  .dropdown-menu {
background-color: #fbfbfb;
padding: 0.25rem 0;
margin: 0 0 0 -15px; 
border: 1px solid #ddd; 
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.dropdown-item { 
font-size: 1rem;
font-weight: 500;
padding: 0.5rem 1.25rem;
}
.dropdown-toggle::after {
vertical-align: .275em;
}
.dropdown-item.dropdown-toggle {
position: relative;
}
.dropdown-item.dropdown-toggle::after {
vertical-align: .275em;
position: absolute;
right: 15px;
top: 15px;
border-left: 0.31em solid;
border-top: 0.31em solid transparent;
border-right: 0;
border-bottom: 0.31em solid transparent;
}
.hover-menu li a:hover,
.hover-menu li a:focus ,
.navbar > .show > a,  
.navbar > .show > a:focus,  
.navbar > .show > a:hover{
color: #3a3a3a;
background: transparent;
outline: 0;
}
.hover-menu .collapse ul ul > li:hover > a, 
.navbar .show .dropdown-menu > li > a:focus, 
.navbar .show .dropdown-menu > li > a:hover,
.hover-menu .collapse ul ul ul > li:hover > a {
background-color: rgba(190, 190, 190, .2);
color: #292929;
}
.hover-menu .collapse ul ul li:hover > ul { 
display:block;
margin-right: 0;
margin-left: 3px;
}
@media only screen and (max-width: 991px) {
.hover-menu .show > .dropdown-toggle::after{ transform: rotate(-90deg); }
}
@media only screen and (min-width: 991px) {
.hover-menu .collapse ul li { position:relative; }
.hover-menu .collapse ul li:hover > ul { display:block; }
.hover-menu .collapse ul ul { position: absolute; top: 100%; left:0; min-width: 180px; display:none; }
.hover-menu .collapse ul ul li{ position:relative; }
.hover-menu .collapse ul ul li:hover > ul { display:block; }
.hover-menu .collapse ul ul ul { position:absolute; top:0; left: 100%; min-width: 180px; display:none; }
.hover-menu .collapse ul ul ul li {position:relative; }
.hover-menu .collapse ul ul ul li:hover ul { display:block; }
.hover-menu .collapse ul ul ul ul { position:absolute; top:0; left:-100%; min-width: 180px; display:none; z-index:1; }
}  .header-socials {
margin-top: 4px;
margin-left: 8px;
display: inline-block; 
text-align: center;
}
.header-socials span {
float: left;
width: auto !important;
display: inline-block !important;
vertical-align: top;
clear: none !important;
margin-left: 7px;
}
.header-socials a {
width: 38px;
height: 38px;
background-color: transparent;
display: block;
color: #fff;
font-size: 1rem;
line-height: 33px !important;   
border: 2px solid #fff;  
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.scrollbg-light.scroll .header-socials a,
.navbar-light .header-socials a {
color: #444;  
border-color: #444;
}
.navbar.scroll .header-socials a:hover,
.navbar.scroll .header-socials a:focus,
.navbar-light .header-socials a:hover {
color: #fff !important;  
background-color: #00a9ed; 
border-color: #00a9ed;
}
.header-socials a.ico-facebook:hover,
.navbar.scroll .header-socials a.ico-facebook:hover { background-color: #3b5998; border-color: #3b5998; }
.header-socials a.ico-twitter:hover,
.navbar.scroll .header-socials a.ico-twitter:hover { background-color: #00a9ed; border-color: #00a9ed; }
.header-socials a.ico-behance:hover, 
.navbar.scroll .header-socials a.ico-behance:hover { background-color: #2473f6; border-color: #2473f6; }
.header-socials a.ico-google-plus:hover, 
.navbar.scroll .header-socials a.ico-google-plus:hover { background-color: #cd1111; border-color: #cd1111; }
.header-socials a.ico-linkedin:hover, 
.navbar.scroll .header-socials a.ico-linkedin:hover { background-color: #015886; border-color: #015886; }
.header-socials a.ico-dribbble:hover, 
.navbar.scroll .header-socials a.ico-dribbble:hover { background-color: #d92d84; border-color: #d92d84; }
.header-socials a.ico-instagram:hover, 
.navbar.scroll .header-socials a.ico-instagram:hover { background-color: #beb3a8; border-color: #beb3a8; }
.header-socials a.ico-pinterest:hover, 
.navbar.scroll .header-socials a.ico-pinterest:hover { background-color: #ac281a; border-color: #ac281a; }
.header-socials a.ico-youtube:hover, 
.navbar.scroll .header-socials a.ico-youtube:hover { background-color: #cd1b20; border-color: #cd1b20; }
.header-socials a.ico-tumblr:hover, 
.navbar.scroll .header-socials a.ico-tumblr:hover { background-color: #3a5976; border-color: #3a5976; }
.header-socials a.ico-vk:hover, 
.navbar.scroll .header-socials a.ico-vk:hover { background-color: #3b5998; border-color: #3b5998;}  .navbar .btn {  
font-size: 0.835rem;
letter-spacing: 0.25px;
padding: 0.7235rem 1.85rem;
}
.navbar-light .navbar-text.white-color .black-tra-hover:hover {
color: #333 !important;
}
.header-store img.appstore-header { width: 134px; height: 40px; }
.header-store img.googleplay-header { width: 134px; height: 40px; }  .navbar-dark .navbar-nav .nav-link:focus, 
.navbar-dark .navbar-nav .nav-link:hover {
color: #fff;
background-color: rgba(240, 240, 240, .2);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
color: #3a3a3a;
background-color: rgba(190, 190, 190, .2);
}
.scroll.navbar-dark.white-scroll .navbar-nav .nav-link:hover,
.scroll.navbar-dark.white-scroll .navbar-nav .nav-link:focus {
color: #3a3a3a;
background-color: rgba(190, 190, 190, .2);
}
.scroll.navbar-light.black-scroll .navbar-nav .nav-link:hover,
.scroll.navbar-light.deepblue-scroll .navbar-nav .nav-link:hover,
.scroll.navbar-light.black-scroll .navbar-nav .nav-link:focus,
.scroll.navbar-light.deepblue-scroll .navbar-nav .nav-link:focus {
color: #fff;
background-color: rgba(240, 240, 240, .2);
}  .navbar.scroll {
padding: 16px 0;
background-color: #fcfcfc;
-webkit-box-shadow: 0 0 2px rgba(50, 50, 50, .4);
-moz-box-shadow: 0 0 2px rgba(50, 50, 50, .4);
box-shadow: 0 0 2px rgba(50, 50, 50, .4); 
}
.navbar.scroll.white-scroll {
background-color: #fcfcfc;
}
.navbar.scroll.black-scroll {
background-color: #283034;
}
.navbar.scroll.blue-scroll {
background-color: #16a2e0;
}
.navbar.scroll.deepblue-scroll {
background-color: #0b4265;
} .scroll.white-scroll .nav-link {
color: #3a3a3a;
}
.scroll.blue-scroll .nav-link,
.scroll.deepblue-scroll .nav-link,
.scroll.black-scroll .nav-link {
color: #f0f0f0;
}
.scroll.white-scroll .btn-tra-white {
color: #333;
border-color: #333;
}
.scroll.black-scroll .btn-black {
color: #fff;
background-color: transparent;
border-color: #fff;
}
.scroll.white-scroll .tra-hover:hover {
color: #fff;
background-color: #333;
border-color: #333;
}
.scroll.black-scroll .black-tra-hover:hover {
color: #333;
background-color: #fff;
border-color: #fff;
} .scroll.white-scroll .btn-tra-white:focus {
color: #fff;
background-color: #333;
}  .navbar-light .navbar-toggler,
.navbar-dark .navbar-toggler,
.navbar.bg-tra .navbar-toggler {
color: #333;
padding: 0 8px 0 0;
font-size: 30px;
border: none;
}
.navbar-dark .navbar-toggler {
color: #f5f5f5;
}
.navbar-toggler:focus {
outline: 0;
}  .logo-white, 
.logo-black {
display: block;
}
.scroll.navbar-light.blue-scroll .logo-black,
.scroll.navbar-light.deepblue-scroll .logo-black,
.scroll.navbar-light.black-scroll .logo-black,
.scroll.navbar-dark.white-scroll .logo-white,
.navbar-light.bg-light .logo-white,
.navbar-dark.bg-dark .logo-black,
.navbar-dark.bg-tra .logo-black,
.navbar-light.bg-tra .logo-white {
display: none;
}
.scroll.navbar-light.deepblue-scroll .logo-white,
.scroll.navbar-light.blue-scroll .logo-white,
.scroll.navbar-light.black-scroll .logo-white,
.scroll.navbar-dark.white-scroll .logo-black { 
display: block;
}
@media (min-width: 576px) and (max-width: 767.99px) {
.navbar.bg-tra { background-color: #fff!important; }
.navbar.bg-tra.white-scroll { background-color: #fff!important; }
.navbar.bg-tra.black-scroll { background-color: #283034!important; }
.navbar.bg-tra.blue-scroll { background-color: #16a2e0!important; }
.navbar.bg-tra.deepblue-scroll { background-color: #0b4265!important; }
}
@media (max-width: 575px) { 
.navbar.bg-tra { background-color: #fff!important; }
.navbar.bg-tra.white-scroll { background-color: #fff!important; }
.navbar.bg-tra.black-scroll { background-color: #283034!important; }
.navbar.bg-tra.blue-scroll { background-color: #16a2e0!important; }
.navbar.bg-tra.deepblue-scroll { background-color: #0b4265!important; }
} .hero-section .container {
position: relative;
z-index: 3;
}
#hero-5 .container,
#hero-15 .container {
overflow: hidden;
}
#hero-1 {
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/hero-1.jpg);  
padding-top: 130px;
padding-bottom: 25px;
}
.hero-2-txt {
padding-top: 150px;
padding-bottom: 500px;
}
#hero-3 {
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/hero-3.jpg);  
padding-top: 150px;
padding-bottom: 60px;
position: relative;
z-index: 3;
}
#hero-3 .container,
#hero-12 .container {
position: relative;
z-index: 9999!important;
}
.right-incline {
position: absolute;
bottom: 0;
left: 0;
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/right-incline.png);
width: 100%;
height: 200px;
z-index: 999;
}
#hero-4 {
background-color: #283034;
position: relative;
overflow: hidden;
}
.hero-4-content {
position: relative;
background-color: rgba(0, 0, 0, .5);
z-index: 999;
padding-top: 200px;
padding-bottom: 120px;
}
#hero-5 {
padding-top: 140px;
}
#hero-6 {
padding-top: 140px;
padding-bottom: 60px;
}
.hero-7-logo {
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/hero-7.jpg);  
padding-top: 160px;
padding-bottom: 40px;
}
#hero-8 {
background-color: #ffbe2e;
padding-top: 130px;
padding-bottom: 60px;
}
#hero-9 {
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/hero-9.jpg);
padding-top: 140px;
}
#hero-10 {
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/hero-10.jpg);
padding-top: 150px;
padding-bottom: 50px;
}
.hero-11-txt {
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/hero-11.jpg);
padding-top: 200px;
padding-bottom: 120px;
position: relative;
}
#hero-12 {
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/hero-12.jpg);
padding-top: 130px;
padding-bottom: 20px;
position: relative;
z-index: 3;
}
.bottom-wave {
position: absolute;
bottom: 0;
left: 0;
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/hero-bottom-wave.png);
width: 100%;
height: 315px;
z-index: 999;
}
#hero-13 {
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/hero-13.jpg);
padding-top: 160px;
position: relative;
}
#hero-14 {
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/bg-map.png);
padding-top: 200px;
padding-bottom: 20px;
}
#hero-15 { 
padding-top: 140px;
position: relative;
z-index: 3;
}
.left-incline {
position: absolute;
bottom: 0;
left: 0;
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/left-incline.png);
width: 100%;
height: 80px;
z-index: 999;
}
#hero-16 {
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/hero-16.jpg);
padding-top: 170px;
padding-bottom: 110px; 
}
#breadcrumbs-hero{  
padding-top: 170px;
padding-bottom: 110px;  
}
#breadcrumbs-hero .parallax-inner{
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/bg-graph.jpg);
}
.hero-17-txt {
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/hero-17.jpg);
background-position: center bottom;
}
#hero-17-content {
padding-top: 160px;
padding-bottom: 275px;
}
#hero-18 {
padding-top: 150px;
}
#hero-19 {
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/hero-19.png);
background-position: bottom center; 
padding-top: 150px;
}
#hero-20 {
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/hero-20.png);
background-position: center bottom;
padding-top: 160px;
}  #hero-1 .hero-txt {
padding-left: 25px;
padding-right: 25px;
}
#hero-3 .hero-txt {
padding-left: 40px;
}
#hero-4 .hero-txt {
padding-left: 40px;
}
#hero-7 .hero-txt {
margin-top: 60px;
margin-bottom: 40px;
}
#hero-15 .hero-txt {
margin-top: 60px;
}  #hero-5 .hero-app-logo {
display: inline-block;
margin: 0 auto 30px;
}
#hero-13 .hero-app-logo {
display: inline-block;
margin: 0 auto 20px;
}
#hero-15 .hero-app-logo {
position: relative;
display: inline-block;
margin-bottom: 30px;
}
#hero-7 .hero-app-logo {
display: inline-block;
position: relative;
}
#hero-5 .hero-app-logo span,
#hero-7 .hero-app-logo span,
#hero-13 .hero-app-logo span,
#hero-15 .hero-app-logo span { 
font-size: 5.5rem;
line-height: 1;
font-weight: 900;
font-style: italic;
margin-right: 25px;
}
#hero-7 .hero-app-logo span { 
font-size: 5rem;
}
#hero-13 .hero-app-logo span { 
font-size: 3rem;
margin-left: 15px;
}
#hero-15 .hero-app-logo span { 
font-size: 2.5rem;
margin-left: 15px;
}
.hero-app-logo h5 { 
position: absolute;
bottom: -25px;
left: 10%;
}  .hero-app-data {
position: relative;
display: inline-block;
}
.hero-app-data h4 { 
font-style: italic;
font-weight: 900;
margin-bottom: 40px;
}
.app-version {
position: absolute;
top: -10px;
right: -60px;
padding: 4px 12px;
border: 2px solid #ff67aa;
color: #ff67aa;
font-size: 0.85rem;
line-height: 1;
font-weight: 700;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; 
}
#hero-12 .app-version {
background-color: #fff;
border: 2px solid #fff;
color: #444;
}  #hero-1 h2,
#hero-7 h3,
#hero-8 h3,
#hero-9 h2,
#hero-11 h3 { 
margin-bottom: 25px;
}
#hero-2 h3 { 
font-weight: 500;
letter-spacing: -1px;
margin-bottom: 15px;
}
#hero-3 h3 { 
font-weight: 600;
letter-spacing: -1px;
margin-bottom: 30px;
}
#hero-4 h3 { 
margin-bottom: 20px;
}
#hero-5 h5 { 
font-weight: 400;
line-height: 1.4;
font-style: italic;
}
#hero-6 h3,
#hero-12 h2 { 
font-weight: 400;
margin-bottom: 25px;
}
#hero-10 h2 { 
font-size: 5.25rem;
line-height: 1;
font-weight: 300;
font-style: italic;
margin-top: 5px;
margin-bottom: 25px;
}
#hero-13 h3 { 
font-weight: 400;
margin-bottom: 40px;
}
#hero-14 h3 { 
font-weight: 400;
margin-bottom: 25px;
}
#hero-15 h3 { 
font-weight: 400;
margin-bottom: 25px;
}
#hero-16 h3 { 
margin-top: 30px;
margin-bottom: 15px;
}
#hero-17 h3 { 
margin-bottom: 20px;
}
#hero-18 h3 { 
font-weight: 400;
margin-bottom: 40px;
}
#hero-19 h3 { 
font-weight: 400;
margin-top: 40px;
margin-bottom: 20px;
}
#hero-18 h3 span,
#hero-19 h3 span { 
font-weight: 700;
letter-spacing: -1px;
}
#hero-20 h3 { 
font-weight: 400;
margin-bottom: 50px;
}  #hero-1 p { 
padding-right: 5%;
}
#hero-2 p { 
color: #a0a0a0;
font-size: 1.35rem;
font-weight: 400;
padding: 0 5%;
}
#hero-3 .hero-txt p { 
color: #888;
font-size: 1.25rem;
font-weight: 400;
padding-right: 5%;
}
#hero-4 p { 
font-size: 1.25rem;
font-weight: 400;
padding-right: 5%;
}
#hero-6 p { 
margin-bottom: 40px;
}
#hero-8 p,
#hero-11 p { 
padding-right: 10%;
}
#hero-10 p { 
padding: 0 5%;
}
#hero-14 p { 
color: #a0a0a0;
font-size: 1.25rem;
font-weight: 400;
padding: 0 5%;
}
#hero-16 p { 
padding: 0 15%;
margin-bottom: 0;
}
#hero-17 p { 
padding: 0 10%;
}
#hero-19 p.p-lg { 
color: #666;
padding: 0 10%;
margin-bottom: 25px;
}  #hero-10 .stores-badge {
margin-top: 25px;
}  #hero-17 .btns-group {
margin-top: 25px;
}
#hero-18 .btns-group {
margin-top: 50px;
}
#hero-20 .btns-group {
margin-top: 55px;
}
.btns-group .btn, 
.btns-group .store img {
margin-bottom: 25px;
}
.btns-group p {
color: #666;
font-size: 0.95rem;
margin-bottom: 2px;
}
#hero-20 .btns-group p {
color: #f0f0f0;
}
.btns-group p span,
.btns-group p a {
font-weight: 700;
}  .hero-form .register-form { 
background-color: #fff;
padding: 45px 30px 50px;
margin: 0 50px 0 20px;
border: 1px solid #f0f0f0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 0 10px rgba(100, 100, 100, .15);
-moz-box-shadow: 0 0 10px rgba(100, 100, 100, .15);
box-shadow: 0 0 10px rgba(100, 100, 100, .15);
}
.hero-form .col-md-12 { 
padding: 0; 
}  .hero-form .register-form h4 { 
line-height: 1;
letter-spacing: -0.5px;
margin-bottom: 15px;
}
.hero-form .register-form p { 
color: #666;
margin-bottom: 20px;
}
.hero-form .register-form p.p-sm { 
color: #aaa;
font-size: 0.8rem;
font-weight: 400;
margin-top: 15px;
margin-bottom: 0;
}
.hero-form .register-form p.p-sm a { 
color: #888;
font-size: 0.8rem;
text-decoration: underline;
}
.hero-form .register-form p.p-sm a:hover { 
color: #333;
}  .hero-form .register-form .form-control {
background-color: #fff;
color: #333;
height: 48px;
font-size: 1rem;
line-height: 1;
font-weight: 300;
padding: 4px 15px;
margin-bottom: 15px;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 
box-shadow: none; 
}  .hero-form .register-form .form-control:focus {
border-color: #16a2e0;
outline: 0px none;
box-shadow: none;
}  .hero-form .register-form .btn.submit {
display: block;
width: 100%;
margin-top: 10px;
}  .sending-msg, 
.register-form-msg {
width: 100%!important;
display: block;
text-align: center;
}
.sending-msg {
margin-top: 12px;
}
.sending-msg .loading {
color: #16a2e0;
font-size: 15px;
font-family: 'Noto Sans TC', sans-serif;
font-weight: 700;
}
.sending-msg .error {
color: #e74c3c;
font-size: 14px;
font-weight: 300;
margin-bottom: 20px;
}  .hero-section .newsletter-form {
position: relative;
margin: 40px 20px 0 0;
}
#hero-16.hero-section .newsletter-form {
margin: 35px 15% 0;
}
.hero-section .newsletter-form .input-group {
background-color: #fff;
border: 1px solid #eee;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px; 
padding: 8px;
}
.form-text {
margin-left: 20px;
}  .hero-section .newsletter-form .form-control {
height: 46px;
border: none;
color: #222;
font-size: 1rem;
font-weight: 300;
padding: 0 18px;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;   
}
.hero-section .newsletter-form .form-control:focus {
border: none;
outline: 0;
box-shadow: none;
}  .hero-section .newsletter-form .form-control::-moz-placeholder { color: #999; } 
.hero-section .newsletter-form .form-control:-ms-input-placeholder { color: #999; }
.hero-section .newsletter-form .form-control::-webkit-input-placeholder { color: #999; }  .hero-section .newsletter-form .btn {
height: 46px;
}  .hero-section .newsletter-form-notification {
font-size: 15px;
font-family: 'Noto Sans TC', sans-serif;
margin-top: 15px;
margin-left: 20px;
}
.hero-section .newsletter-form label.valid,
.hero-section .newsletter-form label.error {
color: #fff;
font-size: 15px;
font-family: 'Noto Sans TC', sans-serif;
font-weight: 400;
line-height: 1;
margin-bottom: 0;
}
.hero-section .newsletter-form label.error {
color: #ff4408;
}
.newsletter-form label.valid {
color: #9ad9fd;
}  .hero-2-img img {
margin-top: -475px;
}
.hero-4-img {
position: absolute;
top: 15%;
right: -10%;
z-index: 3;
}
#hero-7-img img {
margin-top: -240px;
}
.hero-8-img img {
position: relative;
max-width: none;
display: inline-block;
}
.hero-9-img {
text-align: center;
margin-bottom: -100px;
position: relative;
z-index: 999;
}
.hero-11-img img {
margin-top: -460px;
position: relative;
max-width: none;
display: inline-block;
}
.hero-12-img img {
position: relative;
max-width: none;
display: inline-block;
}
.hero-17-img img {
margin-top: -250px;
} .f3-content {
background-color: #fff;
border: 1px solid #eee;
padding: 90px 70px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; 
}
#features-4  {
padding-bottom: 160px;
}
#features-4 .bg-inner {
position: relative;
z-index: 1;
}
.f4-content {
text-align: center;
position: relative;
z-index: 999;
margin-bottom: -140px;
}  .fbox-1,
.fbox-5 {
text-align: center;
padding: 0 5%;
margin-bottom: 40px;
}
.fbox-2, 
.fbox-3 {
margin-bottom: 40px;
}
.fbox-4 {
background-color: #fff;
border: 1px solid #eee;
padding: 80px 40px;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; 
margin-bottom: 40px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.fbox-5 {
padding: 0 15%;
}  .fbox-2-txt {
overflow: hidden;
padding-left: 20px;
}
.fbox-3-txt {
overflow: hidden;
padding-left: 17px;
}  .fbox-1 h5 {
margin-top: 20px;
margin-bottom: 12px;  
}
.fbox-2 h5 {
margin-bottom: 12px;  
}
.fbox-3 h5 {
margin-bottom: 8px;  
}
.fbox-4 h5 {
padding: 0 5px;
margin-top: 25px;
margin-bottom: 20px;  
}
.fbox-5 h5 {
line-height: 1.35;
margin-top: 25px;
margin-bottom: 0;  
}
.fbox-1 p,
.fbox-2 p,
.fbox-3 p {
line-height: 1.5;
margin-bottom: 0;
}
.fbox-3 p {
color: #666;
}
.fbox-4 p {
color: #666;
line-height: 1.5;
margin-bottom: 30px;
}  .fbox-2 span,
.fbox-3 span,
.fbox-2 img,
.fbox-3 img {     
float: left;
text-align: center;
margin-top: 4px;
}
.fbox-4-icon {
width: 150px;
height: 150px;
line-height: 150px!important;
background-color: #eee;
text-align: center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
margin: 0 auto;
}
.icon-lg .fbox-4-icon [class*="flaticon-"]:before,
.icon-lg .fbox-4-icon [class*="flaticon-"]:after { 
color: #666;
line-height: 150px!important;
}  .fetures-btn {
margin-top: 20px;
} #process-3 {
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/socials-icons.png);
}  #process-2 .section-title {
margin-bottom: 200px;
}
#process-3 .section-title {
margin-bottom: 100px;
}
.pbox-1,
.pbox-2,
.pbox-3 {
margin-bottom: 40px;
}  .pbox-1 h5,
.pbox-2 h5 {
margin-top: 18px;
margin-bottom: 12px;
}
.pbox-3 h5 {
margin-top: 20px;
}
.pbox-1 p {
line-height: 1.5;
margin-bottom: 0;
}
.pbox-2 p {
line-height: 1.5;
margin-bottom: 0;
padding: 0 15%;
}  .pbox-icon, .step-icon {
width: 110px;
height: 110px;
line-height: 110px!important;
background-color: #eee;
text-align: center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
margin: 0 auto;
}
#process-3 .pbox-icon {
width: 130px;
height: 130px;
line-height: 130px!important;
background-color: rgba(150, 150, 150, .2);
}
.bg-lightgrey .pbox-icon,
.bg-lightgrey .step-icon {
background-color: #e5e5e5;
}
.icon-xs .pbox-icon [class*="flaticon-"]:before,
.icon-xs .step-icon [class*="flaticon-"]:before,
.icon-xs .pbox-icon [class*="flaticon-"]:after,
.icon-xs .step-icon [class*="flaticon-"]:after { 
color: #666;
line-height: 110px!important;
} 
.pbox-icon::after {
content: "";
width: 30%;
position: absolute;
border-bottom: 2px dashed #999;
top: 22%;
left: 100%;
transform: translateX(-50%);
}
#process-3 .pbox-icon::after {
border-bottom: 2px dashed rgba(150, 150, 150, .5);
}
.bg-lightgrey .pbox-icon::after {
border-bottom: 2px dashed #aaa;
}
#process-3 #step-3 .pbox-icon::after,
#step-4 .pbox-icon::after {
border-bottom: none;
}
.step-icon {
text-align: center;
position: absolute;
top: -130px;
left: 50%;
margin-left: -55px;
}  .processbar {
counter-reset: step;
}
.processbar li {
float: left;
position: relative;
text-align: center;
z-index: 1;
}
.processbar li:before {
width: 40px;
height: 40px;
color: #fff;
font-size: 1rem;
font-family: 'Noto Sans TC', sans-serif;
font-weight: 700;
content: counter(step);
counter-increment: step;
line-height: 40px;
background-color: #06c668;
display: block;
text-align: center;
margin: 0 auto 10px auto;
border-radius: 50%;
text-align: center;
}
.processbar li:after {
width: 100%;
height: 2px;
content: '';
position: absolute;
background-color: #06c668;
top: 18px;
left: -49%;
z-index : -1;
} 
.processbar li:first-child:after {
content: none;
}
.process-yellow.processbar li:after, 
.process-yellow.processbar li:before {
color: #333;
background-color: #ffbe2e;
}
.process-theme.processbar li:after, 
.process-theme.processbar li:before {
background-color: #00b4a8;
}  .process-btn {
text-align: center;
margin-bottom: 40px;
}
.process-btn .btn {
margin-top: 30px;
}
#process-3 .process-btn .btn {
margin-top: 40px;
}  .process-btn p {
margin-top: 35px;
margin-bottom: 0;
}
a.process-link {
font-size: 1.05rem;
font-family: 'Noto Sans TC', sans-serif;
line-height: 1;
font-weight: 300;
text-decoration: underline;
}
a.process-link span {
color: #333;
font-weight: 700;
}
.bg-dark a.process-link span {
color: #eee;
}
a.process-link:hover {
color: #111;
}
.bg-dark a.process-link:hover {
color: #fff;
} .info-5-row .bg-inner,
.info-6-row .bg-inner,
.info-7-row .bg-inner {
position: relative;
z-index: 1;
}
#info-3 .container,
#info-4 .container,
#info-8 .container {
overflow: hidden;
}  .txt-block h3.h3-md,
.txt-block h3.h3-lg {
margin-bottom: 25px;
}
.info-8-row .txt-block h3.h3-lg {
margin-bottom: 20px;
}
.info-8-row .txt-block p {
padding: 0 10%;
}  .ibox-1 {
margin-top: 15px;
}  .ibox-2-txt {
overflow: hidden;
}
.ibox-4-title {
margin-bottom: 12px;
}
.right-column {
padding-left: 20px;
}
.left-column {
padding-right: 20px;
}
.ibox-1 h5.h5-sm,
.ibox-2 h5.h5-md {
margin-bottom: 20px;
}
.ibox-3 h5.h5-sm {
line-height: 1;
margin-top: 15px;
margin-bottom: 10px;
}
.ibox-4 h5.h5-sm {  
line-height: 2.35rem!important;
}
.ibox-5 h5 {  
margin-bottom: 10px;
}
.ibox-5 p {  
color: #888;
margin-bottom: 0;
}  .ibox-2 span {
text-align: center;
float: left;
margin-right: 25px;
}
.ibox-4 span,
.ibox-4 img {
float: left;
margin-right: 15px; 
}
.ibox-4.icon-xs [class*="flaticon-"]:before,
.ibox-4.icon-xs [class*="flaticon-"]:after {   
font-size: 2.35rem;
line-height: 1!important;
}  .iblock {
display: inline-block;
width: 25%;
float: left;
padding: 5px;
}
.iblock p {
font-size: 0.85rem;
font-family: 'Noto Sans TC', sans-serif;
font-weight: 400;
line-height: 1.3;
margin-top: 10px;
margin-bottom: 0;
}
.iblock.icon-xs [class*="flaticon-"]:before,
.iblock.icon-xs [class*="flaticon-"]:after {   
font-family: Flaticon;
font-size: 3rem;
line-height: 1!important;
}  #info-12 .list-group-item.active {
background-color: #f6f9fd;
color: #333;
}
#info-12.bg-lightgrey .list-group-item.active {
background-color: #fff;
box-shadow: 0 0 3px rgba(10, 10, 10, 0.05); 
}
#info-12 .list-group-item {
margin-bottom: 6px;
background-color: transparent;
border: 1px solid transparent;
padding: 25px 30px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;
}
#info-12 .list-group-item.active h5 {
color: #16a2e0;
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;
}
#info-12 .default-theme .list-group-item.active h5 {
color: #00b4a8;
}
#info-12 .green-theme .list-group-item.active h5 {
color: #06c668;
}
#info-12 .purple-theme .list-group-item.active h5 {
color: #6d48e5;
}
#info-12 .rose-theme .list-group-item.active h5 {
color: #e42c72;
}  #info-13 .card-header {
padding: 20px 0;
background-color: transparent;
border: none;
position: relative;
}
#info-13 #accordion [data-toggle="collapse"].collapsed:after,
#info-13 #accordion [data-toggle="collapse"]:after {
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f068";
position: absolute;
font-size: 1rem;
top: 21px;
right: 5px;
}
#info-13 #accordion [data-toggle="collapse"].collapsed:after {
content: "\f067";
}
#info-13 #accordion .card {
border-bottom: none; 
}
#info-13 #accordion .card-body {
padding: 0; 
}
#info-13 .card-header span,
#info-13 .card-header img {
float: left;
margin-right: 15px; 
}
#info-13 .card-header h5.h5-sm {  
line-height: 2.35rem!important;
}  .info-section .img-block {
text-align: center;
overflow: hidden;
}
.info-5-img,
.info-6-img {
text-align: center;
position: relative;
z-index: 999;
}
.info-5-img {
margin-bottom: -60px;
}
.info-6-img {
margin-top: -80px;
}
.info-7-img {
margin-top: -80px;
margin-bottom: -80px;
position: relative;
z-index: 999;
}
.info-10-img img {
position: relative;
max-width: none;
display: inline-block;
}
.info-11-img img {
position: relative;
max-width: none;
display: inline-block;
}   .screenshots-wrap {
position: relative;
margin-bottom: 100px;
}
.slick-slide {
width: 298px;
}
.carousel-item {
opacity: 0.25;
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;
}
.carousel-item.slick-current {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}  .screens-section .slick-dots {
position: absolute;
z-index: 4;
bottom: -100px;
}
.screens-section .slick-dots li {
margin: 0 2px;
width: 15px;
height: 15px;
}
.screens-section .slick-dots li button:before,
.screens-section.bg-lightgrey .slick-dots li button:before {
content: "";
background: #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
opacity: 1;
width: 8px;
height: 8px;
left: auto;
-webkit-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
.screens-section.bg-darkviolet .slick-dots li button:before {
background: #393b63;
}
.screens-section.bg-dark .slick-dots li button:before,
.screens-section.bg-lightdark .slick-dots li button:before {
background: #444;
}
.screens-section.bg-darkviolet .slick-dots li button:hover:before,
.screens-section.bg-darkviolet .slick-dots li.slick-active button:before {
background: #787a99;
}
.screens-section .slick-dots li button:hover:before,
.screens-section .slick-dots li.slick-active button:before {
background: #777;
}
.screens-section.bg-dark .slick-dots li button:hover:before,
.screens-section.bg-lightdark .slick-dots li button:hover:before,
.screens-section.bg-lightdark .slick-dots li.slick-active button:before,
.screens-section.bg-dark .slick-dots li.slick-active button:before {
background: #777;
} #video-1 .section-title {  
margin-bottom: 60px;
} #statistic-2 {
padding-top: 80px;
padding-bottom: 40px;
}
#statistic-1 .section-title {
margin-bottom: 50px;
}
.statistic-block {
text-align: center;
margin-bottom: 40px;
}  .statistic-block h5 {
font-size: 4rem;
line-height: 1; 
font-weight: 900;
letter-spacing: -1px;
margin-bottom: 15px;
}
#statistic-2 .statistic-block h5 {
font-size: 2.35rem;
font-weight: 700;
letter-spacing: 0.5px;
margin-top: 20px;
margin-bottom: 12px;
}
.statistic-block p {
font-family: 'Noto Sans TC', sans-serif;
margin-bottom: 0;
}  .statistic-btn {
margin-top: 25px;
margin-bottom: 40px;
} #reviews-2 .section-title {
margin-bottom: 100px;
}  .review-1 {
opacity: 0.3;
text-align: center;
margin-bottom: 40px;
padding: 0;
-webkit-transform: scale(.85);
-ms-transform: scale(.85);
transform: scale(.85);
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;
}
.review-1-txt {
background-color: #fff;
border: 1px solid #eee;
padding: 45px 40px 55px;
margin: 0 2px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.review-1.slick-current {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.review-2 {
position: relative;
background-color: #fff;
border: 1px solid #eee;
padding: 35px;
margin-right: 20px;
margin-left: 20px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 0 0 20px rgba(20, 20, 20, .15);
-moz-box-shadow: 0 0 20px rgba(20, 20, 20, .15);
box-shadow: 0 0 20px rgba(20, 20, 20, .15);
} .review-3-txt {
position: relative;
background-color: #fff;
border: 1px solid #ddd;
margin: 0 0 30px;
padding: 45px 35px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}  .review-1 img {
width: 90px;
height: 90px;
display: inline-block;
margin: -45px auto 15px;  
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
#reviews-2 img {
width: 80px;
height: 80px;
position: absolute;
left: -40px;
top: -40px;
display: inline-block;
margin: 0;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}  .review-1 h5 {
margin-bottom: 15px;
}
.review-3 h5 {
margin-bottom: 20px;
}
.review-1 p {
color: #888;
font-size: 1.05rem;
font-style: italic;
} 
.bg-darkviolet .review-1 p,
.bg-deepviolet .review-1 p {
color: #757575;
}
.review-2 p {
color: #999;
font-size: 1.1rem;
line-height: 1.45;
font-weight: 400;
margin-bottom: 6px;
} 
.review-3 p {
color: #757575;
font-size: 1rem;
line-height: 1.45;
font-weight: 300;
font-style: italic;
margin-bottom: 14px;
}  .testimonial-avatar p {
color: #000;
font-size: 1.1rem;
font-family: 'Noto Sans TC', sans-serif;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.5px;
font-style: normal;
margin-bottom: 5px;
}
.bg-darkviolet .testimonial-avatar p,
.bg-deepviolet .testimonial-avatar p {
color: #ccc;
}
.review-2 a {
color: #666;
font-size: 0.975rem;
line-height: 1;
}
.testimonial-author p,
.testimonial-author p a {
color: #666;
font-size: 0.95rem;
line-height: 1;
margin-bottom: 0;
}  .review-3 .app-rating {
margin-bottom: 5px;
}
.app-rating .svg-inline--fa {
color: #ffc832;
font-size: 0.915rem;
line-height: 1;
}  .more-reviews {
margin-top: 70px;
}
#reviews-3 .more-reviews {
margin-top: 40px;
}
.more-reviews h5 {
line-height: 1;
font-weight: 400;
margin-bottom: 0;
}
.more-reviews a {
color: #666;
text-decoration: underline;
}
.more-reviews a span {
color: #333;
font-weight: 700;
}
.more-reviews a:hover {
color: #111;
}  .reviews-section .slick-dots {
position: absolute;
z-index: 4;
bottom: -30px;
}
.reviews-section .slick-dots li {
margin: 0 2px;
width: 15px;
height: 15px;
}
.reviews-section .slick-dots li button:before {
content: "";
background: #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
opacity: 1;
width: 8px;
height: 8px;
left: auto;
-webkit-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
.bg-darkviolet.reviews-section .slick-dots li button:before,
.bg-deepviolet.reviews-section .slick-dots li button:before {
background: #434674;
}
.reviews-section .slick-dots li button:hover:before {
background: #999;
}
.reviews-section .slick-dots li.slick-active button:before {
background: #666;
}
.bg-darkviolet.reviews-section .slick-dots li button:hover:before,
.bg-deepviolet.reviews-section .slick-dots li button:hover:before,
.bg-darkviolet.reviews-section .slick-dots li.slick-active button:before, 
.bg-deepviolet.reviews-section .slick-dots li.slick-active button:before {
background: #5a5f9f;
}   #pricing-1 .pricing-table {
background-color: #fff;   
border: 1px solid #eee;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 50px;
text-align: center;
margin-bottom: 40px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#pricing-2 .pricing-table {
text-align: center;
padding: 60px 50px;
margin-bottom: 40px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; 
}  #pricing-2 .pricing-table.highlight {
background-color: #fff;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}  .price-icon {
margin-bottom: 25px;
}  .pricing-plan h4 {
color: #666;
font-weight: 400;
letter-spacing: -1px;
margin-bottom: 35px;
}
.pricing-plan h5 {
color: #666;
font-weight: 400;
letter-spacing: -0.5px;
margin-bottom: 15px;
}
#pricing-1 .pricing-plan h5 {
color: #666;
margin-bottom: 20px;
}
.pricing-plan h4 span {
color: #222;
font-weight: 700;
}
#pricing-1 .pricing-plan h5 span {
color: #222;
font-weight: 700;
}
.pricing-table span.price {
font-family: 'Noto Sans TC', sans-serif;
font-size: 45px;
line-height: 45px;
font-weight: 700;
letter-spacing: -1px;
}
#pricing-2 .pricing-table span.price {
font-size: 70px;
line-height: 70px;
font-weight: 900;
letter-spacing: -1.5px;
}
.pricing-table sup {
font-size: 34px;
font-weight: 500;
top: -6px;
right: 3px;
}
#pricing-2 .pricing-table sup {
font-size: 40px;
font-weight: 400;
top: -15px;
right: 1px;
}
.pricing-table sup.validity {
color: #757575;
font-weight: 300;
font-size: 1.75rem;
top: 0px;
left: 1px;
}
#pricing-2 .pricing-table sup.validity {
font-size: 2rem;
top: -6px;
} 
.bg-deepviolet .pricing-plan h5,
.bg-deepviolet .pricing-table sup.validity {
color: #eee;
}
.bg-deepviolet .highlight .pricing-plan h5,
.bg-deepviolet .highlight.pricing-table sup.validity {
color: #666;
}  ul.features {
color: #333;
font-size: 1rem;
line-height: 1;
font-weight: 400;
padding-top: 20px;
}
ul.features li {
padding: 9px 0;
} 
#pricing-2 ul.features li {
padding: 17px 0;
border-bottom: 1px solid #ddd;
}
#pricing-2 ul.features li:last-child {
padding: 20px 0 10px;
border-bottom: none;
}
ul.features li.disabled-option {
color: #888;
}  .pricing-table .btn {
display: block;
width: 100%;
margin-top: 30px;
}  .pricing-notice p {
padding: 0 8%;
margin-top: 10px;
margin-bottom: 0;
}
.pricing-notice p span {
font-weight: 700;
margin-right: 5px;
} #media-2 {
padding-top: 60px;
padding-bottom: 30px;
}
#media-1 .section-title {
margin-bottom: 50px;
}  .brand-logo {
margin-bottom: 20px;
}
#media-2 .brand-logo {
margin-bottom: 30px;
} 
.brand-logo img {
padding: 10px;
}
#media-2 .brand-logo img {
padding: 0 15px;
}   .flag-icon {
margin-bottom: 40px;
padding: 0 10px;
text-align: center;
}
img.flag-img {
width: 91px;
height: 60px;
}
.flag-icon span {
display: block;
color: #888;
font-size: 0.95rem;
line-height: 1;
margin-top: 15px;
} .m-img {
background-color: #f0f0f0;   
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 60px 40px;
}  .app-box h5 {
line-height: 1;
margin-bottom: 10px;
margin-top: 25px;
}
.app-box span.app-cat {
color: #888;
font-size: 0.95rem;
line-height: 1;
display: block;
margin-bottom: 15px;
}
.app-box a {
color: #888;
margin-right: 12px;
}
.app-links a span {
text-decoration: underline;
margin-left: 1px;
}
.app-box a:hover {
color: #222;
} #faqs-1 #accordion {
margin-right: 20px;
margin-left: 20px;
}
#faqs-1 .card-header {
padding: 25px 0;
background-color: transparent;
border: none;
position: relative;
}
#faqs-1 #accordion [data-toggle="collapse"].collapsed:after,
#faqs-1 #accordion [data-toggle="collapse"]:after {
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f068";
position: absolute;
font-size: 1rem;
top: 26px;
right: 5px;
}
#faqs-1 #accordion [data-toggle="collapse"].collapsed:after {
content: "\f067";
}  #accordion .card {
background-color: transparent;
border: none;
border-bottom: 1px solid #ccc;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;    
}
#accordion .card-header h5 {
font-weight: 600;
line-height: 1;
margin-bottom: 0;
}
#faqs-page #accordion .card-header h5 { padding-right: 5%; line-height: 1.35; }
#accordion .card-header a {
color: #333; 
}
#faqs-page #accordion .card-header a {
color: #555; 
}  #accordion .card-body {
padding: 5px 0 15px 0; 
}
#accordion .card-body p {
color: #666;
}
#accordion .card-body .content-list {
margin-bottom: 1rem;
}  .questions-holder {
padding-left: 30px;
padding-right: 30px;
}
.question {
margin-bottom: 25px;
}
.questions-wrap h5.h5-md {
color: #16a2e0;
margin-bottom: 25px;
}
.question h5 {
line-height: 1.4;
font-weight: 500;
letter-spacing: -0.5px;
margin-bottom: 8px;
}
.question p {
color: #666;
}  .question-category { 
width: 50%;
padding: 0;
margin: 0;
}
.questions-wrap { 
background-color: #f5f5f5;
margin: 0 10px 20px;
padding: 45px 35px 32px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}  .more-questions {
margin-top: 80px;
}
#faqs-2 .more-questions {
margin-top: 50px;
}
#faqs-3 .more-questions {
margin-top: 60px;
}
.more-questions h5 {
line-height: 1;
font-weight: 400;
margin-bottom: 0;
}
.more-questions a {
font-weight: 700;
text-decoration: underline;
}
.more-questions a:hover {
color: #111;
} #download-1 {
padding-top: 80px;
padding-bottom: 80px;
}
#download-2 {
padding-top: 60px;
padding-bottom: 60px;
}
#download-2 .bg-inner {
position: relative;
z-index: 1;
}
.download-section.bg-image,
.download-section .bg-inner.bg-image {
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/download.jpg);
}
#download-3 {
padding-top: 50px;
padding-bottom: 50px;
}
#download-page {
margin-top: 70px;
margin-bottom: 20px;
}
#download-4 .container,
#download-5 .container {
overflow: hidden;
}  #download-3 .download-txt {
display: inline-block;
margin: 0 auto;
}  #download-1 h3 {
margin-bottom: 20px;
}
#download-4 h3,
#download-5 h3 {
margin-bottom: 30px;
}
#download-3 h5 {
display: inline-block;
margin-right: 25px;
margin-bottom: 0;
}
#download-1 p {
padding: 0 10%;
}
#download-page h2 {
letter-spacing: -1.5px;
}
#download-page p.p-lg {
color: #888;
font-weight: 400;
margin-top: 20px;
margin-bottom: 35px;
}  #download-1 .stores-badge {
margin-top: 25px;
}
#download-3 .stores-badge {
display: inline-block;
margin-top: 0;
}  .download-2-img {
margin-top: -60px;
margin-bottom: -60px;
position: relative;
z-index: 999;
}
.download-page-icon {
margin-bottom: 15px;
}
.download-page-icon img {
width: 250px;
height: 250px;
}   .blog-post {
margin-bottom: 40px;
}
.blog-post.b-bottom {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 40px;
}
#leave-comment,
.single-post-title,
.single-post-txt {
padding: 0 3%;
}
.single-post-txt .txt-list{
margin-bottom: 16px;
}  .popular-post {
background-color: #fff;
padding: 20px 15px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.popular-post a {
font-family: 'Noto Sans TC', sans-serif;
font-weight: 400;
}
.popular-post a::after {
font-size: 1.05rem;
display: inline-block;
padding-left: 2px;
margin-top: -1px;
color: #16a2e0;
content: "\00bb";
}
.popular-post a:hover {
text-decoration: underline;
}  .blog-post-txt p.post-meta {
color: #888;
font-size: 0.925rem;
font-family: 'Noto Sans TC', sans-serif;
margin-bottom: 10px;
}
.blog-post-txt h5 {
margin-bottom: 10px;
}
#blog-page .blog-post-txt h4.h4-xs {
margin-top: 15px;
margin-bottom: 20px;
}
.single-post-txt h5 {
margin-bottom: 20px;
}
.single-post-txt p.has-medium-font-size,
.single-post-txt p.p-md {
font-weight: 500;
font-style: italic;
}
.single-post-txt p a {
color: #16a2e0;
font-weight: 400;
text-decoration: underline;
}
.blog-post-txt a:hover {
text-decoration: underline;
}
#blog-page h5.posts-category {
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
margin-top: 60px;
margin-bottom: 40px;
}  .single-post-data {
margin-top: 35px;
}
#blog-page .single-post-data {
margin-top: 20px;
}  .post-avatar { 
display: inline-block;
float: left;
}
.post-avatar img {
width: 60px;
max-width: 60px;
height: 60px;
display: inline-block;
margin: 0 15px 0 0;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
#blog-page .post-avatar img {
width: 50px;
height: 50px;
}  .post-author p {
color: #666;
line-height: 1;
margin-bottom: 2px;
padding-top: 10px;
}
#blog-page .post-author p {
font-size: 15px;
padding-top: 5px;
margin-bottom: 0;
}
.post-author span {
color: #888;
line-height: 1;
margin-bottom: 0;
}
#blog-page .post-author span {
font-size: 0.95rem;
}  .post-inner-img {
margin-top: 40px;
margin-bottom: 40px;	
}  .more-posts {
margin-top: 20px;
margin-bottom: 40px;
}  .post-share-links {
margin-top: 60px;
padding-top: 60px;
border-top: 1px solid #e5e5e5;
}  .post-tags-list {
margin-bottom: 40px;
}
.post-tags-list span a {
color: #333;
font-size: 0.9rem;
line-height: 1;
font-weight: 300;
border: 1px solid #eee;
padding: 5px 15px;
margin-right: 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
overflow: hidden;
display: inline-block;
}
.post-tags-list span a:hover {
background-color: #eee;
color: #333;
}  .share-social-icons {
display: inline-block; 
padding-left: 0;
}
.share-social-icons li {
width: auto !important;
display: inline-block !important;
vertical-align: top;
clear: none !important;
padding: 0;
}
a.share-ico {
width: 100px;
height: 36px;
font-size: 1rem;
line-height: 36px !important;
text-align: center;
margin-right: 10px;
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.share-social-icons .svg-inline--fa {
margin-right: 14px;
}
a.share-ico.ico-like { background-color: #f2f2f2; color: #333; }
a.share-ico.ico-facebook { background-color: #3b5998; color: #fff; }
a.share-ico.ico-twitter { background-color: #00a9ed; color: #fff; }
a.share-ico.ico-google-plus { background-color: #015886; border-color: #015886; color: #fff; }  .author-senoff {
background-color: #f8f9fb;
padding: 45px;
margin-top: 90px;
margin-bottom: 80px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.author-senoff img {  
width: 90px;
height: 90px;
float: left;
text-align: center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;  
}
.author-senoff-txt {
overflow: hidden;
padding-left: 30px;
}
.author-senoff-txt h5 {
margin-bottom: 15px;
}
.author-senoff-txt p {
margin-bottom: 0;
}  .single-post-comments {
padding: 0 3%;
}
.comment-avatar .single-post-comments img {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
.comment-meta {
margin-bottom: 10px;
}
.comment-meta h5 {
line-height: 1.1;
margin-bottom: 2px;
}
.comment-date {
color: #888;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 5px;
}
.btn-reply a {
background-color: #888;
color:  #fff;
font-size: 12px;  
font-weight: 400;
padding: 3px 8px; 
text-transform: uppercase;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.btn-reply a:hover {
color:  #fff;
background-color: #555;
}
.comment-reply {
margin-left: 40px;
}
.single-post-comments hr { 
margin-top: 20px; 
margin-bottom: 20px; 
}  #leave-comment h5.h5-lg {
margin-bottom: 3px;
}
.comment-form {
position: relative;
}
.comment-form p {
color: #333;
font-size: 15px;
line-height: 15px;
font-weight: 700;
margin-bottom: 10px;
padding-left: 5px;
display: block;
}
.comment-form .form-control {
height: 54px;
background-color: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 1rem;
font-weight: 300;
padding: 0 20px;
margin-bottom: 22px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.comment-form .form-control:focus {
border-color: #16a2e0;
outline: 0px none;
box-shadow: none;
}
.comment-form textarea { min-height: 200px; }
.comment-form textarea.form-control { 
padding: 20px;
}  .comment-form label.error {
color: #e74c3c;
font-size: 14px;
font-weight: 300;
margin-bottom: 20px;
}
.comment-form-msg {
position: absolute;
bottom: 10px;
left: 400px;
}
.comment-form-msg .error,
.comment-form-msg .loading {
color: #666;
font-size: 17px;
font-family: 'Noto Sans TC', sans-serif;
font-weight: 700;
}
.comment-form-msg .error {
color: #f6412d;
} #newsletter-1 .section-title {
margin-bottom: 40px;
padding: 0 5%;
}
#newsletter-2 .section-title {
margin-bottom: 25px;
padding: 0 10%;
}  .newsletter-txt p { 
color: #999;
margin-top: 25px;
margin-bottom: 10px;
padding: 0 10%;
}
.bg-deepviolet .newsletter-txt p { 
color: #eee;
}
.newsletter-txt p a { 
color: #666;
font-weight: 700;
text-decoration: underline;
}
.bg-deepviolet .newsletter-txt p a { 
color: #fff;
}
.newsletter-txt p a:hover { 
color: #000;
}  .newsletter-section .newsletter-form {
padding: 0 10%;
}  .newsletter-section .form-control {
height: 56px;
background-color: #fff;
border: 1px solid #ccc;
color: #222;
font-size: 1.05rem;
font-weight: 300;
padding: 0 1.4rem;  
box-shadow: none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
#newsletter-1.newsletter-section .form-control {
display: block; 
width: 100%!important;
text-align: center;
margin-bottom: 15px;
}
.newsletter-section .input-group > .custom-select:not(:last-child), 
.newsletter-section .input-group > .form-control:not(:last-child) {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}  .newsletter-section .form-control:focus {
border: 1px solid #999;
outline: 0;
box-shadow: none;
}  .newsletter-section .form-control::-moz-placeholder { color: #999; } 
.newsletter-section .form-control:-ms-input-placeholder { color: #999; } 
.newsletter-section .form-control::-webkit-input-placeholder { color: #999; }  #newsletter-1.newsletter-section .input-group-btn { 
display: block; 
width: 100%!important; 
}
.newsletter-section .btn {
display: block; 
width: 100%!important;
height: 56px;
font-size: 0.975rem;
padding: 0.915rem 3rem;
margin-left: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
#newsletter-1.newsletter-section .btn {
display: block; 
margin-left: 0;
}  .newsletter-section .newsletter-form label.valid,
.newsletter-section .newsletter-form label.error {
color: #f6412d;
font-size: 0.975rem;
font-weight: 400;
line-height: 1;
margin-top: 0;
margin-bottom: 0;
}
.newsletter-section .newsletter-form label.valid {
color: #48af4b;
} .contacts-section .form-holder {
position: relative;
}
#contacts-2 .contact-form p {
color: #333;
font-size: 15px;
line-height: 15px;
font-weight: 400;
margin-bottom: 8px;
padding-left: 10px;
display: block;
}
#contacts-2 .contact-form span {
color: #999;
font-size: 14px;
line-height: 14px;
font-weight: 300;
margin-bottom: 20px;
padding-left: 10px;
display: block;
}  .contact-form .form-control {
height: 54px;
background-color: #fff;
border: 1px solid #f0f0f0;
box-shadow: 0 0 0 0;
color: #444;
font-size: 1rem;
font-weight: 300;
padding: 0 15px;
margin-bottom: 22px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.contact-form .custom-select {
display: inline-block;
width: 100%;
height: 54px;
line-height: 1;
color: #444;
border: 1px solid #f0f0f0;
font-size: 1rem;
font-weight: 300;
padding: 0 15px;
margin-bottom: 22px;
box-shadow: 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.bg-lightgrey .contact-form .form-control {
border: 1px solid #ddd;
}
#contacts-2  .contact-form .form-control,
#contacts-2 .contact-form .custom-select {
height: 56px;
border: 1px solid #ccc;
margin-bottom: 25px;
-webkit-box-shadow: 0 0;
-moz-box-shadow: 0 0;
box-shadow: 0 0;
}  .contact-form textarea { min-height: 220px; }
.contact-form textarea.form-control { 
padding: 20px 15px;
}  .contact-form .form-control::-moz-placeholder { color: #555; } 
.contact-form .form-control:-ms-input-placeholder { color: #555; }
.contact-form .form-control::-webkit-input-placeholder { color: #555; }  .contact-form .form-control:focus,
.contact-form .custom-select:focus {
outline: 0px none;
box-shadow: none;
border-color: #999;
}  .contact-form-msg {
bottom: 32px;
}
.contact-form .loading {
color: #666;
font-size: 17px;
font-family: 'Noto Sans TC', sans-serif;
font-weight: 700;
}
.error {
color: #e74c3c;
font-size: 14px;
font-weight: 300;
margin-bottom: 20px;
} #footer-1 .footer-links,
#footer-2 .footer-links,
#footer-5 .footer-links {
margin-bottom: 40px;
padding-left: 10%;
}  .footer h5 {
margin-bottom: 20px;
}
.footer-socials-links h5 {
margin-bottom: 15px;
}
.footer h3.h3-xs {
font-weight: 300;
letter-spacing: -1px;
margin-top: 35px;
margin-bottom: 10px;
}
.footer h3.h3-xs span {
font-weight: 900;
}
#footer-1 .footer-info {
padding-right: 5%;
}
.footer p.p-lg {
margin-bottom: 40px;
}  .foo-links {
display: inline-block; 
padding-left: 0;
margin: 0 auto;
}
.foo-links li {
width: auto !important;
display: block !important;
vertical-align: top;
clear: none !important;
margin: 0;
padding: 0;
}
.bg-deepviolet .foo-links li a,
.bg-darkviolet .foo-links li a {
color: #ddd;
}
#footer-3 .foo-links li,
#footer-4 .foo-links li {
display: inline-block !important;
margin: 0 6px;
}
#footer-3 .footer-socials-links .foo-links li,
#footer-4 .footer-socials-links .foo-links li {
margin: 0 14px;
}
.foo-links li p {
font-weight: 400;
margin-bottom: 12px;
}
#footer-3 .foo-links li p,
#footer-3 .footer-copyright p {
font-size: 0.875rem;
font-weight: 300;
margin-bottom: 0;
}
#footer-4 .foo-links li p,
#footer-4 .footer-copyright p {
font-weight: 300;
margin-bottom: 10px;
}
#footer-3 .foo-links li a {
color: #16a2e0; 
}
.foo-links li a:hover {
text-decoration: underline;
}
.bg-darkviolet .foo-links li a:hover {
color: #fff;
}
#footer-3 .foo-links li a:hover,
#footer-4 .foo-links li a:hover {
color: #333;  
}
.foo-links .svg-inline--fa {
font-size: 1.1rem;
line-height: 1;
margin-right: 3px;
}
#footer-3 .foo-links .svg-inline--fa {
color: #666;
font-size: 1.65rem;
line-height: 1;
}
#footer-3.bg-darkviolet .foo-links .svg-inline--fa {
color: #ddd;
}  .bottom-footer {
border-top: 1px solid #ddd;
margin-top: 5px;
padding-top: 40px;
}
.bg-darkviolet .bottom-footer {
border-top: 1px solid #787a99;
}  .footer-copyright p {
margin-bottom: 0;
}
.bg-darkviolet .footer-copyright p {
color: #ddd;
}
#footer-3 .footer-copyright {
margin-bottom: 5px;
} #page-hero {
height: 120px;
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/page-hero.jpg);
background-position: bottom center;
} #breadcrumb {
border-bottom: 1px solid #f0f0f0;
}
.breadcrumb {
padding: 17px 0;
margin-bottom: 0;
background-color: transparent;
border-radius: 0;
}  .breadcrumb-item a {
color: #16a2e0;
font-size: 0.945rem;
font-family: 'Noto Sans TC', sans-serif;
font-weight: 400;
text-decoration: underline;
}
.breadcrumb-item a:hover {
color: #333;
}
.breadcrumb-item.active {
color: #858585;
font-size: 0.945rem;
font-family: 'Noto Sans TC', sans-serif;
font-weight: 300;
}
.breadcrumb-item + .breadcrumb-item::before {
font-size: 1.05rem;
display: inline-block;
padding-right: 8px;
margin-top: -1px;
color: #858585;
content: "\00bb";
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 10px;
}  .breadcrumb-txt {
padding-top: 10px;
padding-bottom: 35px;
} #inner-page-title {
padding-top: 50px;
padding-bottom: 50px;
border-bottom: 1px solid #f0f0f0;
}  .square-logo img {
float: left;
margin-right: 25px;
}  .square-logo-rating h5 {
line-height: 1;
margin-bottom: 4px;
}
.square-logo-rating .svg-inline--fa {
color: #ffc832;
font-size: 0.95rem;
line-height: 1;
}
.square-logo-rating span {
color: #888;
font-size: 0.925rem;
line-height: 1;
}  #inner-page-title .btns-group .btn, 
#inner-page-title .btns-group .store img {
margin-bottom: 0;
}  #sidebar-right h5.h5-sm {
margin-bottom: 20px;
}  #search-field .form-control {
background-color: #f0f0f0;
padding-left: 20px;
border: none;
-webkit-border-radius: 6px 0 0 6px;
-moz-border-radius: 6px 0 0 6px;
border-radius: 6px 0 0 6px;
}
#search-field .btn {
background-color: #f0f0f0;
color: #777;
border: none;
padding: 22px 18px;
margin-top: 0;
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;
-webkit-border-radius: 0px 6px 6px 0;
-moz-border-radius: 0px 6px 6px 0;
border-radius: 0px 6px 6px 0;
}
#search-field .form-control:focus {
border-color: #999;
outline: 0px none;
box-shadow: none;
}  ul.blog-category-list > li {
padding: 10px 0;
border-bottom: 1px dashed #c0c0c0;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;  
}
ul.blog-category-list > li:first-child {
padding: 0 0 10px;
}
ul.blog-category-list > li:last-child {
padding: 10px 0 0;
border-bottom: none;
}
ul.blog-category-list > li a,
ul.blog-category-list > li span {
color: #555;
}
ul.blog-category-list li .svg-inline--fa {
margin-right: 10px;
}
ul.blog-category-list li a:hover {
color: #000;
text-decoration: none;
}  .popular-posts li { 
padding: 14px 0;
border-bottom: 1px dashed #c0c0c0;
}
.popular-posts li:first-child {
padding: 0 0 14px;
}
.popular-posts li:last-child {
padding: 14px 0 0;
border-bottom: 0; 
}
.popular-posts img {
text-align: center;
float: left;
}
.post-summary {
overflow: hidden;
padding-left: 20px;
}  .post-summary a { 
color: #555;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.popular-posts .post-summary a:hover { 
text-decoration: underline;
}
.popular-posts p { 
color: #888;  
font-size: 0.875rem;
margin-top: 6px;
margin-bottom: 0;
}  .badge {
font-size: 0.75rem;
font-weight: 600;
color: #222;
border: none;
background-color: #f0f0f0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
margin-bottom: 8px;
padding: 5px 10px;
margin-right: 2px;
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;  
}
.badge a {
color: #666!important;
font-size: 0.75rem;
font-weight: 300;
text-transform: uppercase;
line-height: 1.42857;
}
.badge:hover {
background-color: #2c353f;
border-color: #2c353f;
color: #fff;
}
.badge:hover a {
color: #fff!important;
}  .page-link {
color: #666;
padding: .65rem .95rem;
margin: 0 3px;
}
.page-link:hover,
.page-link:focus {
color: #444;
background-color: #e0e0e0;
border-color: #dee2e6;
}
.page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #389bf2;
border-color: #389bf2;
} .page-link {
color: #666;
padding: .65rem .95rem;
margin: 0 3px;
}
.page-link:hover,
.page-link:focus {
color: #444;
background-color: #e0e0e0;
border-color: #e0e0e0;
}
.page-link:focus {
outline: 0 none;
box-shadow: 0 0;
}
.page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #666;
border-color: #666;
}   #terms-page p.p-notice {
font-family: 'Noto Sans TC', sans-serif;
font-weight: 700;
}
.terms-box { 
margin-bottom: 40px;
}
.terms-box h5 {
margin-bottom: 25px;
}
.terms-box p span {
font-size: 1.1rem;
line-height: 1;
font-weight: 700; 
margin-right: 5px;
}
.terms-box p a {
color: #16a2e0;
font-weight: 700; 
text-decoration: underline;
}
.terms-box p a:hover {
color: #444;
}  ul.terms-list {
list-style: disc;
margin: 20px 0 20px 25px;
}
ul.terms-list li {
margin-bottom: 10px;
}
ul.terms-list li:last-child {
margin-bottom: 0;
} #scrollUp {
display: none;
width: 40px;
height: 45px;
position: fixed;
bottom: 20px;
right: 30px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-image: url(//www.indietribu.com/wp-content/themes/nextapp/images/back-to-top.png);
background-repeat: no-repeat;
background-position: 50% 48%;
background-color: rgba(35, 35, 35, 0.65);
-webkit-transition: all 250ms linear;
-moz-transition: all 250ms linear;
transition: all 250ms linear; 
}
#scrollUp:hover {
background-color: #666;
}
nav a#pull {  
display: none;  
} #gallery-1 .section-title {
margin-bottom: 40px;
}  .gallery-filter button {
background-color: transparent; 
color: #888;
font-size: 1.15rem;
line-height: 1.45rem;
letter-spacing: -0.25px;
margin: 0 30px;
padding: 0.5rem 0.1rem;
border: none;
cursor: pointer;
border-bottom: 3px solid transparent;
outline: 0px none;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.gallery-filter button i {
position: relative;
font-size: 1.45rem;
top: 2px;
margin-right: 6px;
}  .gallery-filter button:hover,
.gallery-filter button:focus {
background-color: transparent;
color: #555;
border-bottom: 3px solid #555;
outline: 0px none;
}
.gallery-filter.hover-primary button:hover,
.gallery-filter.hover-primary button:focus {
color: #000;
border-bottom: 3px solid #000;
}
.gallery-filter.hover-aqua button:hover,
.gallery-filter.hover-aqua button:focus {
color: #00a3c8;
border-bottom: 3px solid #00a3c8;
}
.gallery-filter.hover-aquamarine button:hover,
.gallery-filter.hover-aquamarine button:focus {
color: #66cdaa;
border-bottom: 3px solid #66cdaa;
}
.gallery-filter.hover-blue button:hover,
.gallery-filter.hover-blue button:focus {
color: #00bfff;
border-bottom: 3px solid #00bfff;
}
.gallery-filter.hover-green button:hover,
.gallery-filter.hover-green button:focus {
color: #64b671;
border-bottom: 3px solid #64b671;
}
.gallery-filter.hover-olive button:hover,
.gallery-filter.hover-olive button:focus {
color: #7ca22f;
border-bottom: 3px solid #7ca22f;
}
.gallery-filter.hover-orange button:hover,
.gallery-filter.hover-orange button:focus {
color: #ff4500;
border-bottom: 3px solid #ff4500;
}
.gallery-filter.hover-pink button:hover,
.gallery-filter.hover-pink button:focus {
color: #fa157d;
border-bottom: 3px solid #fa157d;
}
.gallery-filter.hover-purple button:hover,
.gallery-filter.hover-purple button:focus {
color: #594173;
border-bottom: 3px solid #594173;
}
.gallery-filter.hover-red button:hover,
.gallery-filter.hover-red button:focus {
color: #ee4666;
border-bottom: 3px solid #ee4666;
}
.gallery-filter.hover-salmon button:hover,
.gallery-filter.hover-salmon button:focus {
color: #00a3c8;
border-bottom: 3px solid #f5755e;
}  .gallery-filter button.is-checked {
color: #222;
cursor: default;
border-bottom: 3px solid #222;
outline: 0px none;
}
.gallery-filter.hover-primary button.is-checked {
color: #000;
border-bottom: 3px solid #000;
}
.gallery-filter.hover-aqua button.is-checked {
color: #00a3c8;
border-bottom: 3px solid #00a3c8;
}
.gallery-filter.hover-aquamarine button.is-checked {
color: #66cdaa;
border-bottom: 3px solid #66cdaa;
}
.gallery-filter.hover-blue button.is-checked{
color: #00bfff;
border-bottom: 3px solid #00bfff;
}
.gallery-filter.hover-green button.is-checked {
color: #64b671;
border-bottom: 3px solid #64b671;
}
.gallery-filter.hover-olive button.is-checked {
color: #7ca22f;
border-bottom: 3px solid #7ca22f;
}
.gallery-filter.hover-orange button.is-checked {
color: #ff4500;
border-bottom: 3px solid #ff4500;
}
.gallery-filter.hover-pink button.is-checked {
color: #fa157d;
border-bottom: 3px solid #fa157d;
}
.gallery-filter.hover-purple button.is-checked {
color: #594173;
border-bottom: 3px solid #594173;
}
.gallery-filter.hover-red button.is-checked {
color: #ee4666;
border-bottom: 3px solid #ee4666;
}
.gallery-filter.hover-salmon button.is-checked{
color: #00a3c8;
border-bottom: 3px solid #f5755e;
}  .masonry-wrap .gallery-item {
width: 33.33%;
position: relative;
padding: 0 8px;
margin-bottom: 16px;
}
.inner-page-wrapper .masonry-wrap .gallery-item {
padding: 0 8px;
margin-bottom: 16px;
}
#gallery-3 .col-lg-3 {
padding: 0 3px;
margin-bottom: 30px;
}
#gallery-3 .gallery-item {
position: relative;
}
#gallery-3 .gallery-item.top-img {
margin-bottom: 6px;
}  .event-img-meta {
width: 100%;
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.02));
background-image: linear-gradient(bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.02));
padding: 30px 50px 50px 40px;
position: absolute;
left: 0;
bottom: 0;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
#gallery-2 .event-img-meta {
padding: 35px;
}
#gallery-3 .event-img-meta {
padding: 20px;
}
.event-img-meta h5 {
letter-spacing: -1px;
margin-bottom: 0;
text-transform: uppercase;
}
.event-img-meta p { 
margin-bottom: 0;
font-size: 1.05rem;
font-weight: 500;
color: #ff4500!important;
}
#gallery-2 .event-img-meta p { 
font-size: 1rem;
}
#gallery-3 .event-img-meta p { 
font-size: 0.915rem;
}  .image-zoom {
width: 100%;
position: absolute;
top: 55%;
transform: translateY(-50%);
opacity: 0;
text-align: center;
color: #fff;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}  .hover-overlay {
width: 100%;
height: auto;
overflow: hidden;
position: relative; 
}
.hover-overlay img {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
overflow: hidden;
-webkit-transition: transform 400ms;
-moz-transition: transform 400ms;
-o-transition: transform 400ms;
transition: transform 400ms;
}  .item-overlay {
opacity: 0;
-moz-opacity: 0; 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.hover-primary .item-overlay {
background: rgba(255, 69, 0, 0.7);
}
.hover-aqua .item-overlay {
background: rgba(0, 163, 200, 0.7);
}
.hover-aquamarine .item-overlay {
background: rgba(102, 205, 170, 0.7);
}
.hover-blue .item-overlay {
background: rgba(0, 191, 255, 0.7);
}
.hover-green .item-overlay {
background: rgba(100, 182, 113, 0.7);
}
.hover-olive .item-overlay {
background: rgba(124, 162, 47, 0.7);
}
.hover-orange .item-overlay {
background: rgba(255, 69, 0, 0.7);
}
.hover-pink .item-overlay {
background: rgba(250, 21, 125, 0.7);
}
.hover-purple .item-overlay {
background: rgba(82, 36, 180, 0.7);
}
.hover-red .item-overlay {
background: rgba(238, 70, 102, 0.7);
}
.hover-salmon .item-overlay {
background: rgba(245, 117, 94, 0.7);
}  .gallery-item:hover img {
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.gallery-item:hover .item-overlay {
opacity: 1; 
-moz-opacity: 1; 
}
.gallery-item:hover .image-zoom {
top: 50%;
opacity: 1; 
-moz-opacity: 1; 
}
.gallery-item:hover .event-img-meta {
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
opacity: 0; 
-moz-opacity: 0; 
}  #gallery-3 .our-gallery-btn {
text-align: center;
margin-top: 20px;
margin-bottom: 30px;
}
.search-icon a{
width: 54px;
height: 54px;
font-size: 24px;
line-height: 50px !important;
color:#fff;
border: 2px solid #fff;
display: inline-block;
transform: translate3d(0, 20px, 0);
border-radius: 100%;
transition: all 450ms ease-in-out;
}
.m-top-80 {margin-top: 80px;}
.m-bottom-20 {margin-bottom: 20px;}
.m-top-30 {margin-top: 30px;}
.project-data .theme-color{
color: #ccc;
font-size: 0.825rem;
font-family: 'Noto Sans TC', sans-serif;
font-weight: 700;
text-transform: uppercase;
display: block;
letter-spacing: 0.5px;
margin-bottom: 28px;
}
#pricing-2 .highlight .pricing-table{
background-color: #fff;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px){
.pl-30{
padding-left:0;
}
}
.p-left-30{padding-left:30px;}
.owl-item .gallery-item{padding:0;}
.footer-stores-badge .img-btn img{ margin-bottom: 14px; }
.footer-widget ul.foo-socials li{
display: inline-block !important;
margin-right: 5px;
}
.footer-widget ul.foo-socials li a{
display: block;
line-height: 28px;
width: 32px;
height: 32px;
text-align: center;
border: 1px solid #ddd;
border-radius: 50%;
}
.footer-widget ul.foo-socials li a:hover,
.footer-widget ul.foo-socials li a:focus{
color: #fff;
}body{
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.preloader-img{
position: absolute;
width: 100%;
top: 50%;
}
.preloader-img img{
max-height: 75px;
width: auto;
margin-top: -30px;
-webkit-animation-name: pulse2;
animation-name: pulse2;
}
.screen-reader-text {
position: absolute !important;
left: -999em;
}
.admin-bar .fixed-top{
margin-top: 32px;
}
@media (max-width: 782px) { 
.admin-bar .fixed-top{
margin-top: 46px;
}
}
@media (max-width: 600px) { 
.admin-bar .fixed-top.scroll{
margin-top: 0;
}
}
.navbar-light .logo-white{
display: none;
}
.navbar-dark .logo-black{
display: none;
}
.logo-text{
color: #222;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 3rem;
}
.navbar { 
padding: 2.5rem 0;
}
.navbar.bg-light { 
padding: 1rem 0;
}
.navbar.scroll { 
padding: 1rem 0; 
}
.navbar-text li{ 
display: inline-block; 
}
ul li .btn:not(:last-child){margin-right: 15px;}
.header-area-hide{
margin-top: 60px;
}
#sidebar-left h5.h5-sm {
margin-bottom: 25px;
}
.contact-form-2 textarea {
min-height: 295px;
}
.parallax .parallax-inner {
pointer-events: none;
position: absolute;
left: 0;
right: 0;
top: 0;
background-attachment: scroll;
background-color: transparent;
background-image: inherit;
background-size: cover;
z-index: 0;
width: 100%;
height: 100%;
}
.parallax > * {
position: relative;
z-index: 1;
}
section,
header,
#page{width: 100%; max-width: 100%;}
.es_textbox_button{ width: auto }
.white-color .grey-color, 
.white-color .grey-color p, 
.white-color .grey-color span {
color: #ccc;
}
.white-color .grey-icon span,
.white-color .grey-icon{
color: #fff;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote cite {
display: block;
font-style: normal;
font-weight: 600;
margin-top: 0.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
code{
padding: 2px;
border-radius: 2px;
color: #23282d;
font-family: Menlo, Consolas, monaco, monospace;
font-size: 14px;
margin: 0 1px;
background-color: #f3f4f5;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #eee;
text-decoration: none;
}
big {
font-size: 125%;
}
blockquote {
quotes: "" "";
}
q {
quotes: "“" "”" "‘" "’";
}
blockquote:before,
blockquote:after {
content: "";
}
:focus {
outline: none;
} .page-content > ul,
.comment-body ul,
.entry-content ul{
list-style: disc;
padding-left: 40px;
margin-bottom: 30px;
}
.page-content > ol,
.comment-body ol,
.entry-content ol{
padding-left: 40px;
margin-bottom: 30px;
}
.entry-content > ol ul,
.page-content > ol ul,
.entry-content > ul ul,
.page-content > ul ul{
margin-bottom: 0;
list-style: initial;
list-style-type: circle;
margin-left: 30px;
padding-left: initial;
}
.page-content > ul ol,
.page-content > ol ol,
.comment-body ul ol,
.comment-body ol ul,
.comment-body ol ol,
.comment-body ul ul,
.entry-content ul ol,
.entry-content ol ol{
margin-bottom: 0;
}
span.sticky-post{
color: #fff;
margin-right: 10px;
vertical-align: middle;
margin-bottom: 0;
display: inline;
letter-spacing: 0;
font-size: 13px;
padding: 3px 12px;
}
.blog-post{ display: table; }
.blog-post.b-bottom.has-popular-posts{
padding-bottom: 0;
border-bottom: none;
}
.page-item a{text-decoration: none;}
.bypostauthor .fn{
font-weight: 700;
}
.portfolio-item:hover .project-description{
left: 0;
padding-left: 8%;
}
.single-team .tm-social ul{
position: relative;
right: auto;
bottom: auto;
}
.tm-social ul li{
padding-right: 3px;
}
.single-team .tm-social ul li{
padding-right: 5px;
}
.error404 .error{
max-width: 768px;
margin-left: auto;
margin-right: auto;
}
section.vc_section{
padding-left: 0 !important;
padding-right: 0 !important;  
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-left: 0 !important;
margin-top: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
overflow: hidden !important;
background-color: transparent !important;
}
#contacts-map {
margin-top: 0;
}
.mt-0{ margin-top: 0; }
.mb-0{ margin-bottom: 0; }
.vc_row-fluid.vc_row-no-padding .vc_column_container,
.vc_row-fluid.vc_row-no-padding{
position: initial !important;
}
.content-3-img.position-right{
left: auto;
right: 0;
}
.hero-section .container{
overflow: visible;
}
.wpb_wrapper > .hero-inner-block{
margin-top: 0;
}
.bg-lightgrey.hero-inner-block,
.bg-dark.hero-inner-block,
.bg-white.hero-inner-block{
background-image: none;
}
.image-right .hero-inner-img img{
-webkit-border-radius: 0 6px 6px 0;
-moz-border-radius: 0 6px 6px 0;
border-radius: 0 6px 6px 0;
}
.image-left.inner-block img{
-webkit-border-radius: 6px 0 0 6px;
-moz-border-radius: 6px 0 0 6px;
border-radius: 6px 0 0 6px;
}
.deeppurple-color,
.deeppurple-color h2, 
.deeppurple-color h3, 
.deeppurple-color h4, 
.deeppurple-color h5, 
.deeppurple-color h6, 
.deeppurple-color p, 
.deeppurple-color a, 
.deeppurple-color li,
.deeppurple-color i, 
.white-color .deeppurple-color,
.deeppurple-color span { color:  #510fa7; }
.white-color .section-title .grey-color{ color: #fff; }
.btn:hover,
.btn:focus{ color: #fff; }
.btn-type-light{ color: initial; }
.navbar:not(.scroll) .btn-tra-white:hover,
.navbar:not(.scroll) .btn-tra-white:hover{ color: #222; }
.btn-tra-white{color: #fff;} .entry-content p{
margin-bottom: 1.5em;
}
hr,
.navigation{
clear: both;
}
.navigation:before,
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
content: "";
display: table;
table-layout: fixed;
}
.navigation:after,
.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
clear: both;
} .gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
} p img,
figure img,
.wp-caption img,
.single-widget img,
.footer-widget img,
video  {
height: auto; max-width: 100%; }
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
margin-bottom: 1.5em;
max-width: 100%;
} p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
margin-bottom: 0;
}
.wp-caption,
.gallery-caption {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
color: #999;
font-style: italic;
margin-top: 15px;
margin-bottom: 0;
font-size: 0.95rem;
} .mejs-container {
margin-bottom: 1.5em;
} .mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
background: transparent;
border: 0;
} .wp-playlist-light {
border-color: #eee;
color: #222;
}
.wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
color: #333;
}
.wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
color: #767676;
}
.wp-playlist-light .wp-playlist-item {
border-bottom: 1px dotted #eee;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.wp-playlist-light .wp-playlist-item:hover,
.wp-playlist-light .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #767676;
color: #fff;
}
.wp-playlist-light a.wp-playlist-caption:hover,
.wp-playlist-light .wp-playlist-item:hover a,
.wp-playlist-light .wp-playlist-item:focus a {
color: #fff;
} .wp-playlist-dark {
background: #222;
border-color: #333;
}
.wp-playlist-dark .mejs-container .mejs-controls {
background-color: #333;
}
.wp-playlist-dark .wp-playlist-caption {
color: #fff;
}
.wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
color: #eee;
}
.wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
color: #aaa;
}
.wp-playlist-dark .wp-playlist-playing {
background-color: #333;
}
.wp-playlist-dark .wp-playlist-item {
border-bottom: 1px dotted #555;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.wp-playlist-dark .wp-playlist-item:hover,
.wp-playlist-dark .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #aaa;
color: #222;
}
.wp-playlist-dark a.wp-playlist-caption:hover,
.wp-playlist-dark .wp-playlist-item:hover a,
.wp-playlist-dark .wp-playlist-item:focus a {
color: #222;
} .wp-playlist {
padding: 0.625em 0.625em 0.3125em;
}
.wp-playlist-current-item .wp-playlist-item-title {
font-weight: 700;
}
.wp-playlist-current-item .wp-playlist-item-album {
font-style: normal;
}
.wp-playlist-current-item .wp-playlist-item-artist {
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
text-transform: uppercase;
}
.wp-playlist-item {
padding: 0 0.3125em;
cursor: pointer;
}
.wp-playlist-item:last-of-type {
border-bottom: none;
}
.wp-playlist-item a {
padding: 0.3125em 0;
border-bottom: none;
}
.wp-playlist-item a,
.wp-playlist-item a:focus,
.wp-playlist-item a:hover {
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
}
.wp-playlist-item-length { top: 5px; } .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
text-align: left;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
text-align: right;
clear: right;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
text-align: center;
}
.alignnone{ margin-bottom: 1.5em;} .icon {
display: inline-block;
fill: currentColor;
height: 1em;
position: relative; top: -0.0625em;
vertical-align: middle;
width: 1em;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
-webkit-filter: opacity(60%);
filter: opacity(60%);
}
.gallery-caption { display: block; text-align: left; padding: 0 10px 0 0; margin-bottom: 0;}
.blog-post-txt p.post-meta .post-time{color: #666;}
.post-meta a:hover,
.post-meta a:focus{ text-decoration: none;}
.comment-list .children{margin-left: 76px;}
.comment-list .media{padding: 30px 0; display: block; }
.comment-list .comment-avatar{ float: left; }
.comment-list .media-body{ margin-left: 76px; }
.comment-list .comment-meta{ display: inline-block; clear: both; }
.comment-list .children .media{border-top: 1px solid rgba(0,0,0,.1);}
.comment-list > .parent{border-bottom: 1px solid rgba(0,0,0,.1);}
.comment-body p:last-child{margin-bottom: 0;}
.comment-body a:hover{text-decoration: underline;}
.media-body{ max-width: 100%;}
.single-widget.widget_pages  ul > li,
.single-widget.widget_archive  ul > li,
.single-widget.widget_meta  ul > li,
.single-widget.widget_recent_comments  ul > li,
.single-widget.widget_recent_entries  ul > li,
.single-widget.widget_rss  ul > li,
.single-widget.widget_nav_menu  ul > li,
.single-widget.widget_categories ul > li,
ul.blog-category-list > li {
padding: 10px 0;
border-bottom: 1px dashed #c0c0c0;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;  
}
.single-widget.widget_categories ul > li > ul,
.single-widget.widget_pages ul > li > ul,
.single-widget.widget_nav_menu ul > li > ul{
margin-left: 15px;
padding-top: 10px;
border-top: 1px dashed #c0c0c0;
margin-top: 10px;
}
.popular-posts li:first-child,
.single-widget.widget_categories ul > li > ul li:first-child{
padding-top: 0;
}
.single-widget.widget_pages ul > li:last-child,
.single-widget.widget_archive ul > li:last-child,
.single-widget.widget_meta ul > li:last-child,
.single-widget.widget_recent_comments ul > li:last-child,
.single-widget.widget_recent_entries ul > li:last-child,
.single-widget.widget_rss ul > li:last-child,
.single-widget.widget_nav_menu ul > li:last-child,
.single-widget.widget_categories ul > li:last-child,
ul.blog-category-list > li:last-child {
border-bottom: none;
}
.single-widget.widget_pages ul > li:first-child, 
.single-widget.widget_archive ul > li:first-child, 
.single-widget.widget_meta ul > li:first-child, 
.single-widget.widget_recent_comments ul > li:first-child, 
.single-widget.widget_recent_entries ul > li:first-child, 
.single-widget.widget_rss ul > li:first-child, 
.single-widget.widget_nav_menu ul > li:first-child, 
.single-widget.widget_categories ul > li:first-child, 
ul.blog-category-list > li:first-child {
padding: 0 0 10px;
}
.single-widget.widget_pages ul > li a,
.single-widget.widget_archive ul > li a,
.single-widget.widget_meta ul > li a,
.single-widget.widget_recent_comments ul > li a,
.widget_recent_entries ul > li a,
.single-widget.widget_rss ul > li a,
.single-widget.widget_nav_menu ul > li a,
.single-widget.widget_categories ul > li a,
ul.blog-category-list > li a,
ul.blog-category-list > li span {
color: #555;
}
.single-widget.widget_pages ul > li a:hover,
.single-widget.widget_archive ul > li a:hover,
.single-widget.widget_meta ul > li a:hover,
.single-widget.widget_recent_comments ul > li a:hover,
.single-widget.widget_recent_entries ul > li a:hover,
.single-widget.widget_rss ul > li a:hover,
.single-widget.widget_nav_menu ul > li a:hover,
.single-widget.widget_categories ul > li a:hover,
ul.blog-category-list li a:hover {
color: #000;
text-decoration: none;
}
.single-widget.widget_pages ul > li a:before,
.single-widget.widget_archive ul > li a:before,
.single-widget.widget_meta ul > li a:before,
.single-widget.widget_recent_entries ul > li a:before,
.single-widget.widget_nav_menu ul > li a:before,
.single-widget.widget_categories ul > li a:before{
content: "\f105";
font-family: 'Font Awesome 5 Free';
margin-right: 10px;
font-weight: bold;
}
.single-widget ul ul li:last-child{
padding-bottom: 0 !important;
}
.single-widget ul > li > ul ul{
margin-left: 0;
}
.entry-content .alignwide{
margin-left: auto;
margin-right: auto;
clear: both;
margin-bottom: 30px;
}
.entry-content .alignfull,
.wp-block-media-text__content{
margin-bottom: 30px;
}
blockquote{
margin: 1em; 
}
.wp-block-pullquote {
border-top: 4px solid #000;
border-bottom: 4px solid #000;
color: #40464d;
}
blockquote p{
font-size: 1.5rem;
font-style: italic;
line-height: 1.6;
}
blockquote cite,
blockquote footer {
color: #6c7781;
font-size: 13px;
margin-top: 1em;
position: relative;
font-style: normal; 
}
.wp-block-quote:not(.is-large):not(.is-style-large) {
border-left: 4px solid #000;
padding-left: 1em; 
}
.single-post-details .alignwide,
.entry-content .alignwide {
margin-left  : -80px;
margin-right : -80px;  
width: auto !important;  
max-width: initial !important;
}
.single-post-details .alignfull,
.entry-content .alignfull {
margin-left  : calc( -100vw / 2 + 100% / 2 );
margin-right : calc( -100vw / 2 + 100% / 2 );
max-width    : 100vw;
width: auto;
}
.alignfull img {
width: 100vw;
}
.wp-block-gallery{ padding-left: 0 !important; }
.wp-block-coblocks-alert {margin-bottom: 30px;}
.wp-block-cover{ padding: 0 30px; }
@media (min-width: 768px) {
body.right-sidebar .alignfull,
body.right-sidebar .alignwide{
margin-right: 0;
}
body.left-sidebar .alignfull,
body.left-sidebar .alignwide{
margin-left: 0;
}
.single-post-details .alignwide,
.entry-content .alignwide {
margin-left  : -40px;
margin-right : -40px; 
}
} .footer-widget.widget_nav_menu li,
.footer-widget ul li {
width: auto !important;
display: block !important;
vertical-align: top;
clear: none !important;
margin: 0 0 12px 0;
padding: 0;
}
.footer-widget ul li ul{
margin-top: 12px;
}
.footer-widget.widget_nav_menu li:last-child,
.footer-widget ul li:last-child{
margin-bottom: 0;
}
.footer-widget.widget_nav_menu li a,
.footer-widget > ul li a {
font-size: 1rem;
font-weight: 400;
}
:not(footer.white-color) .footer-widget.widget_nav_menu li a:hover,
:not(footer.white-color) .footer-widget > ul li a:hover {
color: #000;
text-decoration: underline;
}
.bg-dark .footer-widget > ul li a:hover,
.bg-deepdark .footer-widget > ul li a:hover {
color: #fff;
text-decoration: underline;
}
.tagcloud a {  
color: #666;
font-size: 0.75rem !important;
font-weight: 300;
text-transform: uppercase;
line-height: 1.42857;
display: inline-block;
border: none;
background-color: #f0f0f0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
margin-bottom: 8px;
padding: 5px 10px;
margin-right: 2px;
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;  
}
.tagcloud a span{
font-size: 0.75rem;
font-weight: 600;
color: #222;
}
.tagcloud a:hover span{
color: #fff;
}
.tagcloud a:hover {
background-color: #2c353f;
border-color: #2c353f;
color: #fff;
} .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-nextapp .vc_tta-tabs-list{
margin: 30px auto 40px;
display: inline-block;
float: none;
}
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-nextapp .vc_tta-tabs-list{
background-color: rgba(240, 240, 240 0.3);
border: 1px solid #ccc;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; 
}
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-nextapp .vc_tta-tabs-list li a{
background-color: transparent;
border: 1px solid transparent !important;
color: #555;
font-size: 1rem;
font-weight: 400;
padding: 10px 30px;
margin-right: 0px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; 
border: 1px solid transparent;
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;
}
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-nextapp .vc_tta-tabs-list li a span{
font-size: 0.95rem;
font-weight: 700; 
margin-left: 10px;
}
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-nextapp .vc_tta-tabs-list .vc_active a{
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-nextapp .vc_tta-tabs-list .vc_active a{
color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs,
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-nextapp-style2 .vc_tta-tabs-list{
border-bottom: 1px solid #dee2e6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 60px;
list-style: none;
text-align: center;
}
.woocommerce div.product .woocommerce-tabs{margin-top: 50px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-nextapp-style2 .vc_tta-tabs-list li{
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-nextapp-style2 .vc_tta-tabs-list li a{
color: #999;
font-size: 1.15rem;
font-weight: 500;
letter-spacing: 0;
border: none;
padding: 0.85rem 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{display: block;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-nextapp-style2 .vc_tta-tabs-list .vc_active a{
color: #fff;
}
.hero-section .slides{
width: 100%;
}
.nav-pills.green-navi .nav-link.active {
background-color: #22bc3f;
border-color: #22bc3f;
}
.nav-pills.blue-navi .nav-link.active {
background-color: #3176ed;
border-color: #3176ed;
}
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-nextapp .vc_tta-tabs-list .vc_active a,
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-nextapp .vc_tta-tabs-list .vc_active a span{
color: #fff;
} 
.hero-section .slides{ width: 100%;}
.nav-pills.green-navi .nav-link.active {background-color: #22bc3f; border-color: #22bc3f;}
.nav-pills.blue-navi .nav-link.active {background-color: #3176ed;border-color: #3176ed;}
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-nextapp .vc_tta-tabs-list .vc_active a,
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-nextapp .vc_tta-tabs-list .vc_active a span{
color: #fff;
} 
.no-thumb .post-summary{padding-left: 0;}
.footer-widget.widget_rss ul > li{ margin-bottom: 20px;}
.recentcomments{ color: #666;}
.recentcomments .comment-author-link{ font-weight: 400;}
.widget_rss ul > li a{ font-weight: 400; display: block;}
.widget_rss ul > li .rss-date{ color: #666;}
.widget_rss ul > li .rssSummary{ margin: 10px 0 5px; }
.comment .mt-80{ margin-top: 30px; margin-bottom: 50px;}
.footer-small-widget .calendar_wrap{ background-color: #fff; overflow: hidden;}
.footer-small-widget .table td, 
.footer-small-widget .table th{ padding-left: 1px; padding-right: 1px;}
.comment-avatar img{
margin-right: 1rem !important;
min-width: 60px;
}
.breadcrumbs ul li{
display: inline-block;
padding: 0 10px;
font-weight: 400;
font-size: 1.25rem;
position: relative;
}
.breadcrumbs ul li:after{
content: "\f105";
font-family: FontAwesome;
font-weight: 400;
position: absolute;
right: -7px;
}
.breadcrumbs ul li:last-child:after{ display: none;}
.quick-contact-form .contact-form-msg{ display: none;}
.header-socials a:focus,
.header-socials a:hover{ color: #fff;}
.navbar-dark .navbar-text a.nav-icon,
.navbar-expand-lg .navbar-nav a.nav-icon{
padding: 0.65rem 1rem;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.nav-icon.dropdown-toggle::after{ display: none;}
#headersearch{ padding: 0; background-color: transparent; box-shadow: none; left: auto; right: 0; min-width: 300px;}
#headersearch .form-control{ border: none; line-height: 50px;}
#headersearch .btn{
margin-left: 0;
padding: 0.785rem 1rem;
text-transform: uppercase;
font-size: 14px;
letter-spacing: .1em;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.content-3-img{opacity: 0;}
.yith-wcqv-button{ margin-bottom: 10px; }
#yith-quick-view-content div.summary{
padding-left: 20px;
padding-right: 20px;
}
#yith-quick-view-content div.product {display: flex; width: 100%;}
.quickview-image {
position: absolute;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.quickview-image{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-repeat: no-repeat;
background-size: cover;
margin-right: 50px;
}
#yith-quick-view-content div.product{ height: 100%;}
#yith-quick-view-content div.product figure{margin-bottom: 0;}
section{position: relative;}
.vc_parallax.vc_section{background-image: none !important;}
.cbox-1 img{ width: 100%; }
.html-ico img{ max-width: 60px; height: auto; }
.popular-posts img{min-width: 90px; height: 90px; width: auto;}
.technologies .svg-inline--fa { color: #888; font-size: 2.65rem; line-height: 1; margin-right: 10px;}
.technologies p { color: #999; font-size: 0.9rem; font-weight: 700; text-transform: uppercase; }
.overflow-hidden{ overflow: hidden; }
.video-preview .video-btn-md{ z-index: 999; }
.content-left-img .content-4-img{padding-left: 0; padding-right: 40px; }
.portfolio-item:hover .project-description{padding-left: 0;}
.project-link{padding: 0 8%;}
.parallax-width-25.vc_parallax .vc_parallax-inner{ width: 20% !important; }
.parallax-width-50.vc_parallax .vc_parallax-inner{ width: 46% !important; }
.parallax-width-75.vc_parallax .vc_parallax-inner{ width: 65% !important; }
.border-separated-column .vc_column_container > .vc_column-inner{padding-left: 0; padding-right: 0;}
.border-separated-column .wpb_column{ border-right: 1px solid #ddd; }
.border-separated-column.white-color .wpb_column{border-right-color: rgba(255, 255, 255, .3);}
.border-separated-column .wpb_column.last-column{border-right: none;}
.border-separated-column .wpb_wrapper{}
.border-separated-column .wpb_wrapper > div{ border-bottom: 1px solid #ddd; padding: 70px 40px; margin-bottom: 0; }
.border-separated-column.white-color .wpb_wrapper > div{ border-bottom-color: rgba(255, 255, 255, .3);}
.border-separated-column .wpb_wrapper > div:last-child{ border-bottom: none; }
.no-spacing-column .vc_column_container > .vc_column-inner{padding: 0;}
.border-separated-column .vc_column_container .pricing-table,
.no-spacing-column .vc_column_container .pricing-table{border-right: none;}
.border-separated-column .vc_column_container.last-column  .pricing-table,
.no-spacing-column .vc_column_container.last-column .pricing-table{border-right: 1px solid #ccc;}
.border-separated-column .wpb_wrapper > .pricing-table:last-child{border-bottom: 1px solid #ccc;}
.border-separated-column .vc_column_container .pricing-table{padding: 0 0 60px;}
.entry-content > p:last-child{margin-bottom: 0;}
.navbar-toggler-icon{line-height: 1.5em;}
#gmap{margin-top: 0;}
.hero-form div.wpcf7 .ajax-loader{position: absolute;}
.hero-form  .wpcf7-form p:last-child{margin-bottom: 0;}
.hero-section.white-color .lightgrey-color p{  color: #ccc; }
.entry-content > p:last-child{margin-bottom: 0;}
.single-widget .gallery{margin-left: -5px !important; margin-right: -5px !important;}
.single-widget .gallery .gallery-item{
margin-top: 5px !important;
padding-left: 5px !important;
padding-right: 5px !important;
margin-bottom: 0px;
}
.single-widget .gallery .gallery-caption{display: none;}
.bg-red  {  background-color: #eb2f5b; }
.bg-red .section-title  .rose-color{color:#fed841;}
.white-color .p-md.grey-color,
.bg-purple .section-id.rose-color,
.bg-red .section-title .section-id.rose-color{color:#fff}
.border-separated-column .sbox p{padding-left: 0; padding-right: 0;}
.white-color .lightgrey-color p{color: #fff; }
.nav-item{position: relative;}
.vc_col-sm-8 .contact-form-2 textarea{min-height: 180px;}
.navbar-light .navbar-toggler-icon{background-image: none;}
.more .dropdown-menu li{display: block; }
.more .dropdown-menu li a{color: #333 !important;}
.more .dropdown-menu{ left: auto; right: 0; }
footer.bg-dark  ul > li a{color: #fff;}
footer.white-color .wp-caption .wp-caption-text,
footer.white-color .widget_rss ul > li .rss-date,
footer.white-color caption{ color: #ccc; }
footer.white-color ul li a:hover{text-decoration: underline;}
.table #next{text-align: right;}
.navbar-light .navbar-toggler-icon{background-image: none;}
.white-color .review-author span{ color:#fff;}
ul.share-social-icons,
.pagination{ 
font-weight: normal; 
padding: 0 !important;
list-style: none !important;
margin: 0 !important;
}
.hero-content .text-left p{padding-left: 0 !important;}
.hero-content .text-right p{padding-right: 0 !important;}
.btn-tra-white:hover, .btn-tra-white:focus, .btn-white:hover, .btn-white:focus{color: #222; }
.navbar.scroll.navbar-dark.bg-tra.scrollbg-dark .nav-link,
.scroll.scrollbg-dark .navbar-nav .nav-link{  color: #fff; }
.scroll.navbar.scrollbg-dark .logo-white{display: block;}
.scroll.navbar.scrollbg-dark .logo-black{display: none;}
.scroll.deepdark-scroll .btn-tra-dark{ border-color: #fff; } .sblog-post-txt .post-meta a,
.blog-post-txt .post-meta a{font-weight: inherit; text-decoration: none;color: inherit;}
.sblog-post-txt .post-meta span,
.blog-post-txt .post-meta span{display: inline-block;}
.blog-post-txt h5 a{text-decoration: none;}
.blog-post-link{ border-top: 1px solid #f0f0f0; padding-top: 12px; position: relative; }
.blog-post-meta span a{color: inherit;}
.comments-meta{margin-left: 5px; }
.comments-meta a{ color: #888; }
.comments-meta span{ margin-left: 3px; }
.blog-post-no-thumb .single-post-data{ margin-top: 0; }
.no-author-avatar p.post-meta{ padding-top: 0; }
.post-meta .comments > span,
.blog-post-meta span a span{margin: 0 0 0 3px;}
.blog-post .blog-post-meta > a, 
.blog-post-video .blog-post-meta > a{color: #111;}
footer.white-color .bottom-footer{border-top: 1px solid rgba(255, 255, 255, .2);}
.newsletter-form .es_msg{padding: 0; margin: 10px 0;}
#scrollUp{background-image: none; text-align: center;}
#scrollUp .svg-inline--fa,
#scrollUp i{line-height: 45px; color: #fff; height: 45px;}
#content-7 .content-img .img-fluid{max-width: none;}
.box-rounded{ padding: 70px 35px; border: 6px solid #f23472; }
.fbox .b-img{width: 100%;}
.box-icon-xs .b-img {  max-width: 3.5rem; }
.box-icon .b-img    {  max-width: 4rem; }
.box-icon-md .b-img {  max-width: 4.5rem; }
.box-icon-lg .b-img {  max-width: 5rem; }
.text-right .b-img{margin-left: auto;}
.text-center .b-img{margin-left: auto;margin-right: auto;}
h2.tra-color,
.dark-color h2.tra-color{color: rgba(0, 0, 0, 0.07); margin-bottom: -49px;}
.white-color h2.tra-color{color: rgba(255, 255, 255, 0.3); margin-bottom: -49px;}
.max-width-none img,
.max-width-none .img-fluid{ max-width: none; }
.wpb_single_image.has-bg-image .vc_figure{display: block; max-width: 100%; max-height: 100%; padding: 100% 0; position: relative;}
.wpb_single_image.has-bg-image .vc_single_image-wrapper{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.max-width-none.vc_align_left .img-fluid{ max-width: none;  float: right; }
.max-width-none.vc_align_right .img-fluid{ max-width: none; float: left; }
.wpb_single_image .video-popup2{position: relative;}
.video-preview .video-btn{z-index: 1;}
.wpb_single_image .video-popup2 .video-btn .svg-inline--fa{width: 100%; height: 100%; margin: 0;}
.btn-default{background-color: #f9f9f9; border-color: #f9f9f9;}
.vc_btn3-inline{display: inline-block;}
.hero-btns > .img-btn,
.hero-btns > button,
.hero-btns > a{margin-right: 12px;}
.hero-btns > .img-btn:last-child,
.hero-btns > button:last-child,
.hero-btns > a:last-child{margin-right: 0;}
.vc_images_carousel{width: 100% !important}
#page .vc_empty-placeholder{margin-bottom: 0;}
.vc_tta-panel-body{
animation-name: fadeOutLeftBig;
opacity: 0;
}
.vc_active .vc_tta-panel-body{
animation-name: fadeInLeftBig;
opacity: 1;
}
body.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body{
transition: none;
transform: none;
}
body.wpb-js-composer .vc_tta-tabs.vc_tta-has-pagination .vc_pagination{margin-top: 0}
body.wpb-js-composer #reviews-3 .vc_tta-tabs.vc_tta-has-pagination .vc_pagination{margin-bottom: 0}
.wpb-js-composer #reviews-3 .vc_tta-tabs.vc_tta-has-pagination:not(.vc_tta-tabs-position-bottom){
padding-bottom: 0;
}
.vc_container-block .perch-vc-carousel{display: block;}
.owl-carousel .owl-item .review img{width: auto;}
.text-left.review-1 .app-rating,
.text-left.review-1 .review-author{margin-left: 43px; text-align: left;}
.text-right .review-1 .app-rating,
.text-right.review-1 .review-author{margin-right: 43px; text-align: right;}
.text-right.review-3 .author-data,
.text-right.review-2 .author-data{direction: rtl;}
.text-right.review-3 img,
.text-right.review-2 img{ margin-right: 0; margin-left: 10px; }
.text-left.review-1 img{ margin-left: 0; }
.text-right.review-1 img{ margin-right: 0; }
.text-left .owl-theme .owl-dots,
.text-left .owl-theme .owl-nav,
.text-left .slick-dots{text-align: left;}
.text-right .owl-theme .owl-dots,
.text-right .owl-theme .owl-nav,
.text-right .slick-dots{text-align: right;}
.app-rating{direction: ltr;}
.rtl .app-rating{direction: rtl;}
.opacity-25{opacity: .25;}
.opacity-50{opacity: .50;}
.opacity-75{opacity: .70;}
.vc_btn3-container.vc_btn3-inline{margin-right: 12px;}
.enable-row-inner.vc_row[data-vc-full-width]{ overflow: visible; }
.section-inner-wrap,
.row-inner-wrap{display: block; min-width: 100%;}
.display-initial{ display:initial!important; }
.newsletter-form .newsletter-form{ margin-right: 0px; }
.content-boxes{
display: inline-flex !important;
background-color: #fff;
margin-right: 5%;
margin-left: 5%;
padding-top: 50px;
padding-right: 26px;
padding-bottom: 20px;
padding-left: 36px;
} .scrollbg-dark.scroll .navbar-toggler,
.navbar-dark .btn-hover-type-dark{color: #fff}
.scrollbg-dark.scroll .nav-button [class*=" btn-tra-"],
.scrollbg-dark.scroll .nav-button [class^="btn-tra-"],
.scrollbg-dark.scroll .nav-button .btn:hover,
.scrollbg-dark.scroll .nav-button .btn:focus,
.navbar .nav-button .btn-type-dark,
.white-color .btn-type-dark,
.btn-type-dark{color: #fff}
.btn-hover-type-dark:focus,
.btn-hover-type-dark:hover{color: #fff;}
.navbar-nav .search-menu-item{margin:  0;}
.scrollbg-dark.scroll .header-socials a{
color: #fff;
border-color: #fff;
}  .screens-carousel .perch-slide-item {
opacity: 0.25;
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;
display: block;
}
.screens-carousel .owl-item.center .perch-slide-item,
.screens-carousel .slick-current.perch-slide-item{
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.screens-carousel .slick-dots {
position: absolute;
z-index: 4;
bottom: -100px;
}
.screens-carousel .slick-dots li {
margin: 0 2px;
width: 15px;
height: 15px;
}
.screens-carousel .slick-dots li button:before,
.bg-lightgrey .screens-carousel .slick-dots li button:before {
content: "";
background: #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
opacity: 1;
width: 8px;
height: 8px;
left: auto;
-webkit-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
.screens-carousel .slick-dots li button:hover:before,
.screens-carousel .slick-dots li.slick-active button:before {
background: #fff;
}
.screens-carousel .slick-dots li button:hover:before,
.screens-carousel .slick-dots li.slick-active button:before {
background: #777;
}  .perch-vc-list{}
.perch-simple-list ol,
.perch-simple-list ul { margin-top: 20px; margin-left: 15px; padding-left: 0;}
.perch-simple-list ul { list-style: disc; }
.perch-simple-list ul li { margin-bottom: 8px;}
.perch-simple-list ul li p { margin-top: 0; margin-bottom: 0;}
.perch-simple-list ul li:last-child { margin-bottom: 0;}
.perch-vc-list li,
.perch-vc-list {position: relative;}
.perch-vc-list-icon > ol,
.perch-vc-list-icon > ul{padding: 0; margin: 0; list-style: none;}
.perch-vc-list-icon .fa-li{left: 0 !important; text-align: left;}
.fbox-3:hover .b-icon span{color: #fff;}
.fbox.text-left p, .fbox.text-right p{padding: 0;}
.video-btn .video-block-wrapper{ text-align: center; }
.bottom-footer{min-width:100%}
.scrollbg-dark.scroll .btn-hover-type-dark,
.scrollbg-dark.scroll .btn-type-dark:hover,
.scrollbg-dark.scroll .btn-type-dark:focus,
.navbar .btn-type-dark:hover,
.navbar .btn-type-dark:focus{  
color: #fff;
}
.scrollbg-light.scroll .btn-tra-white:hover, 
.scrollbg-light.scroll .btn-tra-white:focus,
.scrollbg-light.scroll .btn-tra-white {
color: #222; 
border-color: #222
}
.scrollbg-light.scroll .logo-black{display: block;}
.scrollbg-light.scroll .logo-white{display: none;}
.scrollbg-light.scroll .nav-link{color: #333}
.blog-post-txt .post-meta > span{margin-bottom: 0;}
.single-widget.widget_rss ul > li a{ color: #222; }
.header-banner-on #blog-page, 
.header-banner-on #single-blog-page{
margin-top: 0;
}
.header-banner-on #download-page,
.header-banner-on #terms-page,
.header-banner-on #faqs-page{margin-top: 100px;}
.rwmb-oembed-not-available { display: none; }
.video-popup1 .video-btn.play-icon-tra{ border-color: #fff !important; }
.modal-video .video-popup2{position: relative;}
.modal-video .video-popup2 span{ top: 19px; }
.content-list li p:last-child{ margin-bottom: 0; }
div:not(.slider) .review-1{
opacity: 1; 
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} 
.review-2 img{
width: 60px;
height: 60px;
display: inline-block;    
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
margin: 0 10px 0 0;
}
.review-1 img{  
width: 90px; 
height: 90px; 
}
.review-1 h5{
padding-left: 8px;
padding-right: 8px;
}
.review-2 img{ 
width: 80px; 
height: 80px; 
margin: 0 15px 0 0;
}
.review-3 img{ 
width: 200px; 
}
.review-2 .author-data,
.review-3 .author-data{
display: flex;
align-items: center;
}
.review-2 .testimonial-avatar, 
.review-3 .testimonial-avatar {
display: inline-block;
float: left;
}
.review-2 .review-author h5 {
padding-top: 20px;
}
.review-2-txt h5{ margin-top: 20px; margin-bottom: 0; }
.review-3 .review-author h5 {
font-size: 0.975rem;
padding-top: 12px;
margin-bottom: 0px;
}
.content-txt .content-txt,
.hero-txt .hero-txt{
margin: 0 !important;
padding: 0 !important;
}
.fbox-3:hover .box-line{ opacity: 1; }
a.store{ display: inline-block; }
.video-preview { position: relative; display: inline-block; }
ul.content-list.fa-ul{list-style: none;}
.watch-video2 { clear: both; position: relative; }
.watch-video2 .video-btn{ 
position: relative !important;
left: auto;
right: auto;
margin: initial; 
}
.btn.btn-simple {
width: 100%;
height: 58px;
background-color: #fff;
border: 1px solid #ccc;    
border-left: none;
font-size: 1.25rem !important;
padding: 0 1.25rem;
-webkit-border-radius: 0 8px 8px 0;
-moz-border-radius: 0 8px 8px 0;
-o-border-radius: 0 8px 8px 0;
border-radius: 0 8px 8px 0;
}
.newsletter-form .form-control { height: 58px; }
#hero-8 .form-control{ margin-bottom: 12px; }
.hero-newsletter-form .hero-newsletter-form{ margin: 0 !important; }
.navbar-nav .dropdown-menu .nav-item{
margin-left: 0;
margin-right: 0;
display: block;
}
.footer-widget .table td, 
.footer-widget .table th{
padding: .25rem;
}
.stores-badge .btn{ margin-right: 10px; }
.stores-badge .btn:last-child{ margin-right: 0; }
.quick-form-horizontal .es_textbox,
.quick-form-horizontal .es_button,
.quick-form-horizontal .es_msg{ 
padding-top: 0; 
padding-bottom: 0; 
}
.icon_position-left .svg-inline--fa,
.icon_position-right .svg-inline--fa {
font-size: 1.15rem;
line-height: 1 !important;
margin-top: -5px;
margin-right: 5px;
}
.icon_position-right .svg-inline--fa {
margin-right: 0;
margin-left: 5px;
}
.newsletter-form-simple  .form-control,
.quick-form-horizontal .form-control{ height: 52px; }
.navbar-light  .btn-tra{border-color: #222}
.navbar-dark  .btn-tra,
.navbar:not(.scroll) .btn-tra-white:hover,
.navbar:not(.scroll) .btn-tra-white:hover{ color: #222; }
.scrollbg-dark.scroll .btn-tra{border-color: #fff;}
.scrollbg-dark.scroll  .btn-type-light{ color: #fff; }
.scrollbg-dark.scroll  .btn-type-light:focus, 
.scrollbg-dark.scroll  .btn-type-light:hover {
color: #fff;
}
.hero-txt .statistic-block,
.content-txt .statistic-block{
text-align: initial;
}
.white-color .btn span{
color: inherit;
}
.wpb_column .wpb_button, 
.wpb_column .wpb_content_element{
margin-bottom: 0;
}
.blog-post-txt a span{ margin-bottom: 0; }
.blog-post-txt > .post-meta { margin-bottom: 8px; }
.blog-post-link .footer-meta{
position: absolute;
right: 0;
top: 12px;
}
.blog-post-img .video-preview{
display: block;
}
.blog-post-img img{ width: 100%; }
.footer-meta > span{
margin-left: 30px;
}
.footer-meta > span:first-child{
margin-left: 0;
}
.footer-meta a span{
margin-left: 5px;
}
.footer-copyright p:last-child{ margin-bottom: 0; }
#contacts-2 .contact-form .btn span{margin: 0; padding: 0;}
.wp-block-code {
font-family: Menlo, Consolas, monaco, monospace;
font-size: 14px;
color: #23282d;
padding: 0.8em 1em;
border: 1px solid #e2e4e7;
border-radius: 4px; 
}
.wp-block-preformatted pre {
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
}
.wp-block-pullquote cite,
.wp-block-pullquote footer, .wp-block-pullquote__citation {
color: #40464d;
text-transform: uppercase;
font-size: 13px;
font-style: normal; 
}
.wp-block-pullquote .has-text-color cite{ color: inherit; }
.wp-block-quote { margin: 20px 0; }
.wp-block-quote cite,
.wp-block-quote footer, 
.wp-block-quote__citation {
color: #6c7781;
font-size: 13px;
margin-top: 1em;
position: relative;
font-style: normal; 
}
.wp-block-quote:not(.is-large):not(.is-style-large) {
border-left: 4px solid #000;
padding-left: 1em; 
}
.wp-block-separator {
border: none;
border-bottom: 2px solid #8f98a1;
margin: 1.65em auto; 
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px; 
}
.wp-block-table {
width: 100%;
min-width: 240px;
border-collapse: collapse; 
}
.wp-block-table td,
.wp-block-table th {
padding: 0.5em;
border: 1px solid currentColor;
word-break: break-all; 
}
.wp-block-latest-posts li a{ display: inline-block; }
.alignfull img {
width: 100vw;
}
.wp-block-quote.is-large, 
.wp-block-quote.is-style-large {
margin: 0 0 16px;
padding: 0 1em;
}
.wp-block-quote[style*="text-align:right"], 
.wp-block-quote[style*="text-align: right"]{
border-left: none !important;
}
.wp-block-cover__inner-container p a{color: inherit; text-decoration: none;}
.single-post-txt p em a,
em a{ text-decoration: none; color: inherit; font-weight: 600; color: #000; }
.footer-newsletter .quick-form-horizontal .form-control{ height: 58px; }
.column-last .pbox-icon::after{ display: none; }
.scrollbg-light.scroll .navbar-nav .active > .nav-link{ color: #3a3a3a; }
.white-color .dark-color{ color: initial; }
.no-sidebar .page-type-comments{ padding: 0; }
.comment-list .trackback .media-body,
.comment-list .pingback .media-body{ margin-left: 0; }
.search-results .product .blog-post-txt{ text-align: initial; }
.search-results .product .single-post-data{ display: none; }
.page-content{ overflow: hidden; }
.left-sidebar .single-page-details, 
.right-sidebar .single-page-details, 
.left-sidebar #leave-comment, 
.right-sidebar #leave-comment, 
.left-sidebar .single-post-title, 
.right-sidebar .single-post-title, 
.left-sidebar .single-post-txt,
.right-sidebar .single-post-txt{ padding: 0; } 
#blog-page .no-post-thumbnail .blog-post-txt h4.h4-xs,
.no-post-thumbnail .blog-post-txt h4{  margin-top: 0; }
#blog-page .post-author a span{ color: #666; }
p.has-large-font-size{ font-size: 36px; line-height: 1.5; }
.wp-block-separator{ border-color: #222; }
.wp-block-cover__inner-container p:last-child{ margin-bottom: 0; }
@media (min-width: 992px) {
.quick-contact-form textarea{ height: 120px; }
.navbar-nav{  flex: none; max-width: 100%; display: inline;}
.navbar-nav .menu-item{ display: inline-block; }
.nav-button,
.header-socials{display: inline-flex; vertical-align: middle;} 
#menu-all-pages > .nav-item,
.navbar-overflowed .nav-item{margin: 0 0 0 -3px;}
.content-right .blog-post-img{ float: left; }  
}
@media (min-width: 768px) {
.navbar .navbar-nav {  flex: none; max-width: 100%; display: inline; }
.navbar .nav-item{ display: inline-block; }
.content-right .blog-post-img{ 
max-width: 66.666667%; 
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.no-sidebar .content-right .blog-post-img{
width: 66.666667%;
}
}
@media (max-width: 991px) {   
.navbar-expand-md .navbar-brand{ margin-right: 30px; }
}
@media (max-width: 767px) {
#loader-wrapper{ display: none; }
.mt-sm-0{ margin-top: 0 !important; }  
.mb-sm-0{ margin-bottom: 0 !important; }
.pt-sm-0{ padding-top: 0 !important; }
.pb-sm-0{ padding-bottom: 0 !important; }
.mr-sm-0{ margin-right: 0 !important; } 
.ml-sm-0{ margin-left: 0 !important; } 
.hero-img{ padding: 30px; max-width: 600px; }
.text-sm-center{ text-align: center !important; }
.text-sm-left{ text-align: left !important; }
.text-sm-right{ text-align: right !important; }
.content-right .blog-post-txt{ overflow: hidden; clear: both; }
.wp-block-cover-image .wp-block-cover-image-text, 
.wp-block-cover-image .wp-block-cover-text, 
.wp-block-cover-image h2, 
.wp-block-cover .wp-block-cover-image-text, 
.wp-block-cover .wp-block-cover-text, 
.wp-block-cover h2{ font-size: 1.5em; }
.no-breadcrumbs-page:not(.header-banner-on){ margin-top: 72px; }
.navbar-nav .dropdown-menu{ max-height: 500px; overflow-y: scroll; }
}
section > div.vc_section_id{ position: absolute; top: 0; padding: 0 !important; margin: 0 !important; }
.vc_row-o-content-middle{ align-items: center; }
@media (min-width: 525px){ 
.double-column-list{
-moz-column-count: 2;
-moz-column-gap: 30px;
-webkit-column-count: 2;
-webkit-column-gap: 30px;
column-count: 2;
column-gap: 30px;
}
} .dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -3px;
margin-left: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
} .es_subscription_form  .custom-control{ margin-top: 20px; }
.text-center .custom-control{ display: inline-block; margin-right: 15px; margin-left: 15px; }
.text-center .row .custom-control{ display: block; text-align: initial; }
.custom-control-input:focus ~ .custom-control-label::before{ box-shadow: none; } .team-1{
position: relative;
text-align: center;
margin-bottom: 50px;
}
.team-meta{
margin-top: 20px;
}
.hover-overlay {
width: 100%;
height: 100%;
overflow: hidden;
position: relative; 
}
.hover-overlay > img {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
overflow: hidden;
-webkit-transition: transform 500ms;
-moz-transition: transform 500ms;
-o-transition: transform 500ms;
transition: transform 500ms;
}
.team-2 .item-overlay {
opacity: .7;
-moz-opacity: .7; 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.team-1:hover .hover-overlay > img{
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-moz-transform: scale(1.2);
} .team-3{   
text-align: center;
padding: 0;
text-align: center;
-webkit-transform: scale(.85);
-ms-transform: scale(.85);
transform: scale(.85);
}
.bg-dark .team-3{
padding: 0;
opacity: 0.3;
text-align: center;
-webkit-transform: scale(.85);
-ms-transform: scale(.85);
transform: scale(.85);
}
.bg-dark .team-3.slick-current{
opacity: 1;
}
.team-3.slick-current {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.bg-dark .team-3 .grey-color{
color: #858585;
} .single-team h3{
margin-bottom: 25px;
}
.single-team .contact-info i{
margin-right: 6px;
}  .tm-social ul {
display: inline-block; 
padding-left: 0;
margin-top: 14px;
position: absolute;
right: 15%;
bottom: 0;
}
.tm-social ul li {
width: auto !important;
display: inline-block !important;
vertical-align: top;
clear: none !important;
padding: 0;
}
.tm-social a {
width: 32px;
height: 32px;
color: #fff;
font-size: 1rem;
line-height: 32px !important;
margin-right: 1px;
display: block;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.tm-social a.ico-facebook { background-color: #3b5998; }
.tm-social a.ico-twitter { background-color: #00a9ed; }
.tm-social a.ico-instagram { background-color: #e44772 }
.tm-social a.ico-dribbble { background-color: #d92d84; }
.tm-social a.ico-behance { background-color: #2473f6; }
.tm-social a.ico-pinterest { background-color: #ac281a; }
.tm-social a.ico-linkedin { background-color: #015886; }
.tm-social a.ico-google-plus { background-color: #cd1111; }
.tm-social a.ico-youtube { background-color: #cd1b20; }
.tm-social a.ico-tumblr { background-color: #3a5976; }
.tm-social a.ico-vk { background-color: #3b5998; }
.tm-social{
display: inline-block;
padding-left: 0;
margin-top: 10px;
right: 15%;
bottom: 0;
}
.tm-social li{
display: inline-block;
margin-right: 1px;
}
#gallery-1 .masonry-wrap .gallery-item{
width: 33.33%;
padding: 0px;
margin-bottom: 0;
}
.item-overlay{
background: rgba(255, 69, 0, 0.7);
}
.single-portfolio-details .project-data .theme-color{
margin-bottom: 0!important;
}