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