@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
line-height:1.5;
font-size: 100%; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-webkit-text-stroke-color:rgba(0, 0, 0, 0);
-webkit-text-stroke-width:1px;
-ms-text-size-adjust: 100%; /* 2 */
word-wrap: break-word;
}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {
display:block;
}
img {
border:0;
-ms-interpolation-mode:bicubic;
}
@media only screen and (max-width: 1080px) {
img {
max-width: 100%;
height: auto;
width: auto; /* for ie 8 */
}
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table{
border-collapse:collapse;
border-spacing:0;
border:0;
}
table img{
display:block;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
.clear-both{
clear:both;
}
.clear-fix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
*{
margin:0;
padding:0;
position: relative;
}
*, *:before, *:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
.table{
display:table;
width:100%;
height:100%;
}
.table-cell{
display:table-cell;
vertical-align:middle;
}
.vcenter{
display: flex;
align-items: center;
}
@media screen and (min-width: 1000px) {
.equal, .equal-sub {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
}
.square-box{
width: 100%;
padding-bottom: 100%;
}
.square-box-content{
position:absolute;
height:100%;
width:100%;
}
.img-force-responsive{
display: block;
width: 100%;
height: auto;
}
.overflow-hidden{
overflow: hidden;
}
.background-cover{
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.effect-rotate{
-webkit-transition: -webkit-transform .8s ease-in-out;
-ms-transition: -ms-transform .8s ease-in-out;
transition: transform .8s ease-in-out;
}
.effect-rotate:hover{
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
}
.effect-roll-text {
overflow: hidden;
}
.effect-roll-text span {
display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.effect-roll-text span::before {
position: absolute;
top: 100%;
content: attr(data-hover);
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.effect-roll-text:hover span, .effect-roll-text:focus span {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
button:focus {
outline:0;
}
.disable-margins {
margin: 0px !important;
}
.disable-paddings {
padding: 0px !important;
}
.top5 {
margin-top: 5px !important;
}
.top10 {
margin-top: 10px !important;
}
.top20 {
margin-top: 20px !important;
}
.top30 {
margin-top: 30px !important;
}
.top40 {
margin-top: 40px !important;
}
.top50 {
margin-top: 50px !important;
}
.top60 {
margin-top: 60px !important;
}
.top70 {
margin-top: 70px !important;
}
.top80 {
margin-top: 80px !important;
}
.top90 {
margin-top: 90px !important;
}
.top100 {
margin-top: 100px !important;
}
.bottom5 {
margin-bottom: 5px !important;
}
.bottom10 {
margin-bottom: 10px !important;
}
.bottom20 {
margin-bottom: 20px !important;
}
.bottom30 {
margin-bottom: 30px !important;
}
.bottom40 {
margin-bottom: 40px !important;
}
.bottom50 {
margin-bottom: 50px !important;
}
.bottom60 {
margin-bottom: 60px !important;
}
.bottom70 {
margin-bottom: 70px !important;
}
.bottom80 {
margin-bottom: 80px !important;
}
.bottom90 {
margin-bottom: 90px !important;
}
.bottom100 {
margin-bottom: 100px !important;
}
.top-5 {
margin-top: -5px !important;
}
.top-10 {
margin-top: -10px !important;
}
.top-20 {
margin-top: -20px !important;
}
.top-30 {
margin-top: -30px !important;
}
.top-40 {
margin-top: -40px !important;
}
.top-50 {
margin-top: -50px !important;
}
.top-60 {
margin-top: -60px !important;
}
.top-70 {
margin-top: -70px !important;
}
.top-80 {
margin-top: -80px !important;
}
.top-90 {
margin-top: -90px !important;
}
.top-100 {
margin-top: -100px !important;
}
.padding-top10 {
padding-top: 10px !important;
}
.padding-top15 {
padding-top: 15px !important;
}
.padding-top20 {
padding-top: 20px !important;
}
.padding-top30 {
padding-top: 30px !important;
}
.padding-top40 {
padding-top: 40px !important;
}
.padding-top50 {
padding-top: 50px !important;
}
.padding-top60 {
padding-top: 60px !important;
}
.padding-top70 {
padding-top: 70px !important;
}
.padding-top80 {
padding-top: 80px !important;
}
.padding-top90 {
padding-top: 90px !important;
}
.padding-top100 {
padding-top: 100px !important;
}
.padding-bottom10 {
padding-bottom: 10px !important;
}
.padding-bottom15 {
padding-bottom: 15px !important;
}
.padding-bottom20 {
padding-bottom: 20px !important;
}
.padding-bottom30 {
padding-bottom: 30px !important;
}
.padding-bottom40 {
padding-bottom: 40px !important;
}
.padding-bottom50 {
padding-bottom: 50px !important;
}
.padding-bottom60 {
padding-bottom: 60px !important;
}
.padding-bottom70 {
padding-bottom: 70px !important;
}
.padding-bottom80 {
padding-bottom: 80px !important;
}
.padding-bottom90 {
padding-bottom: 90px !important;
}
.padding-bottom100 {
padding-bottom: 100px !important;
}
.padding-left-zero {
padding-left: 0px;
}
.padding-right-zero {
padding-right: 0px;
}
.min-height-100px {
min-height: 100px;
}
.min-height-200px {
min-height: 200px;
}
.min-height-300px {
min-height: 300px;
}
.min-height-400px {
min-height: 400px;
}
.min-height-500px {
min-height: 500px;
}
.min-height-600px {
min-height: 600px;
}
.min-height-700px {
min-height: 700px;
}
.min-height-800px {
min-height: 800px;
}
.margin-auto{
margin: 0 auto;
}
.max-height-40px{
max-height: 40px;
overflow: hidden;
}
.max-height-60px{
max-height: 60px;
overflow: hidden;
}
.overlay-02 {
position: absolute;
opacity: 0.2;
background: #08081a;
bottom: 0;
left: 0;
right: 0;
top: 0;
transition:all 0.5s ease-in-out;
}
.overlay-03 {
position: absolute;
opacity: 0.3;
background: #08081a;
bottom: 0;
left: 0;
right: 0;
top: 0;
transition:all 0.5s ease-in-out;
}
.overlay-06 {
position: absolute;
opacity: 0.6;
background: #08081a;
bottom: 0;
left: 0;
right: 0;
top: 0;
transition:all 0.5s ease-in-out;
}
.overlay-07 {
position: absolute;
opacity: 0.7;
background: #08081a;
bottom: 0;
left: 0;
right: 0;
top: 0;
transition:all 0.5s ease-in-out;
}
.paginate {
position: relative;
width: 98%;
max-width: 1080px;
margin: 0 auto;
padding: 1%;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 13px;
}
.paginate a {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-decoration: none;
background-color: #fff;
color: #0066CC;
border-radius: 50%;
margin: 0 2px;
}
.paginate a:hover{
color: #0066CC;
background-color: #e9e9e9;
}
.paginate a:active {
color: #fff;
}
.paginate span.current {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
background-color: #0066CC;
color: #fff;
border-radius: 50%;
margin: 0 10px;
}
.paginate span.disabled {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
color: #DDD;
border-radius: 50%;
margin: 0 10px;
}
.pagination {
position: relative;
width: 98%;
max-width: 1080px;
margin: 0 auto;
padding: 1%;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 13px;
}
.pagination li {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-decoration: none;
background-color: #fff;
color: #0066CC;
border-radius: 50%;
margin: 0 2px;
transition: all 0.5s ease-in-out;
}
.pagination li:hover {
background-color: #e9e9e9;
transition: all 0.5s ease-in-out;
}
.pagination a {
color: #0066CC;
}
.pagination a:hover {
color: #0066CC;
}
.pagination a:active {
color: #fff;
}
.pagination .active {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
background-color: #0066CC;
color: #fff;
border-radius: 50%;
}
.pagination .active:hover {
background-color: #0066CC;
}
.pagination .disabled {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
background-color: #fff;
color: #DDD;
border-radius: 50%;
}
.pagination .disabled:hover {
background-color: #fff;
}