/*STYLE.CSS*/ /*-------------------------------------------------------------------------------------------------------*/ /*This is main CSS file that contains custom style rules used in this template*/ /*-------------------------------------------------------------------------------------------------------*/ /* Template Name: CHELSEA.*/ /* Version: 1.0 Initial Release*/ /* Build Date: 17-05-2016*/ /* Author: */ /* Website: */ /* Copyright: (C) 2016 */ /*------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------*/ /* TABLE OF CONTENTS: */ /*--------------------------------------------------------*/ /*------------------------------------------------------*/ /* RESET */ /*------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } html{ box-sizing: border-box; font-size: 10px; overflow-x: hidden; } body{ font-size: 14px; } input, textarea{ appearance:none; -moz-appearance:none; -webkit-appearance:none; } /*---------------------------------------------------------------------------------------*/ /* GLOBAL SETTINGS */ /*--------------------------------------------------------------------------------------*/ *, *:before, *:after{ box-sizing: inherit; } a{ text-decoration: none; } *{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* extends */ .wpc-trans{ transition: all ease .3s; } .container-fluid { min-width: 280px; } .container { min-width: 280px; } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .t-left{ text-align: left; } .t-right{ text-align: right; } .t-center{ text-align: center; } .center-block { float: none; margin-left: auto; margin-right: auto; } /* background colors */ .bg-c-1{ background: #f6f6f6; } /* background image settings */ .s-back-switch{ background-position: center; background-size: cover; background-repeat: no-repeat } /* eq columns 1 */ .eq-row{ overflow: hidden; } .eq-col{ margin-bottom: -99999px; padding-bottom: 99999px; } /* eq columns 2 */ .a-col-half{ width: 50%; float: left; } .a-col-img{ position: absolute; top: 0; left: 0; height: 100%; } .a-col-img.right{ left: 50%; } .a-col-text{ margin-left: 50%; } /* eq columns 3 */ .a-eq-table{ display: table; table-layout: fixed; width: 100%; } .a-eq-cell{ display: table-cell; width: 50%; } .clearfix { *zoom: 1; &:before, &:after { display: table; content: ""; line-height: 0; } &:after { clear: both; } } .container { width: 1170px; padding-left: 15px; padding-right: 15px; } .container-fluid{ padding-left: 15px; padding-right: 15px; } .row{ margin-left: -15px; margin-right: -15px; } @media (max-width: 767px){ .container { width: 100%; } } @media (min-width: 768px){ .container { width: 750px; } } @media (min-width: 1024px){ .container { width: 970px; } } @media (min-width: 1250px){ .container { width: 1170px; } } .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12{ padding-left: 15px; padding-right: 15px; } @media only screen and (min-width: 48em){ .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12 { padding-left: 15px; padding-right: 15px; } } .img-responsive{ max-width: 100%; height: auto; display: block; } .wpc-back-bg{ background-size: cover; background-repeat: no-repeat; background-position: top center; } /*--------------------------------------------------------------------------------*/ /* Custom paddings/margins */ /*--------------------------------------------------------------------------------*/ .no-margin {margin-left:0px;margin-right:0px;} .no-padd {padding-left:0px;padding-right:0px;} .padd-220 {padding: 220px 0px;} .padd-15 {padding: 0px 15px;} .padd-30 {padding: 0px 30px;} .padd-45 {padding: 0px 45px;} .padd-lg-b120{ padding-bottom: 120px; } .padd-lg-b150{ padding-bottom: 150px; } .padd-only-xs{ padding-left: 0; padding-right: 0; } .padd-only-sm{ padding-left: 0; padding-right: 0; } .marg-lg-b0{margin-bottom:0px;} .marg-lg-b5{margin-bottom:5px;} .marg-lg-b10{margin-bottom:10px;} .marg-lg-b15{margin-bottom:15px;} .marg-lg-b20{margin-bottom:20px;} .marg-lg-b25{margin-bottom:25px;} .marg-lg-b30{margin-bottom:30px;} .marg-lg-b35{margin-bottom:35px;} .marg-lg-b40{margin-bottom:40px;} .marg-lg-b45{margin-bottom:45px;} .marg-lg-b50{margin-bottom:50px;} .marg-lg-b55{margin-bottom:55px;} .marg-lg-b60{margin-bottom:60px;} .marg-lg-b65{margin-bottom:65px;} .marg-lg-b70{margin-bottom:70px;} .marg-lg-b75{margin-bottom:75px;} .marg-lg-b80{margin-bottom:80px;} .marg-lg-b85{margin-bottom:85px;} .marg-lg-b90{margin-bottom:90px;} .marg-lg-b95{margin-bottom:95px;} .marg-lg-b100{margin-bottom:100px;} .marg-lg-b140 {margin-bottom: 140px;} .marg-lg-t0{margin-top:0px;} .marg-lg-t5{margin-top:5px;} .marg-lg-t10{margin-top:10px;} .marg-lg-t15{margin-top:15px;} .marg-lg-t20{margin-top:20px;} .marg-lg-t25{margin-top:25px;} .marg-lg-t30{margin-top:30px;} .marg-lg-t35{margin-top:35px;} .marg-lg-t40{margin-top:40px;} .marg-lg-t45{margin-top:45px;} .marg-lg-t50{margin-top:50px;} .marg-lg-t55{margin-top:55px;} .marg-lg-t60{margin-top:60px;} .marg-lg-t65{margin-top:65px;} .marg-lg-t70{margin-top:70px;} .marg-lg-t75{margin-top:75px;} .marg-lg-t80{margin-top:80px;} .marg-lg-t85{margin-top:85px;} .marg-lg-t90{margin-top:90px;} .marg-lg-t95{margin-top:95px;} .marg-lg-t100{margin-top:100px;} .marg-lg-t105{margin-top:105px;} .marg-lg-t110{margin-top:110px;} .marg-lg-t115{margin-top:115px;} .marg-lg-t120{margin-top:120px;} .marg-lg-t125{margin-top:125px;} .marg-lg-t130{margin-top:130px;} .marg-lg-t135{margin-top:135px;} .marg-lg-t140 {margin-top: 140px;} .marg-lg-t145 {margin-top: 145px;} .marg-lg-t150 {margin-top: 150px;} .marg-lg-t155 {margin-top: 155px;} .marg-lg-t175 {margin-top: 175px;} @media screen and (max-width: 1199px) { .marg-md-b0{margin-bottom:0px!important;} .marg-md-b5{margin-bottom:5px!important;} .marg-md-b10{margin-bottom:10px!important;} .marg-md-b15{margin-bottom:15px!important;} .marg-md-b20{margin-bottom:20px!important;} .marg-md-b25{margin-bottom:25px!important;} .marg-md-b30{margin-bottom:30px!important;} .marg-md-b35{margin-bottom:35px!important;} .marg-md-b40{margin-bottom:40px!important;} .marg-md-b45{margin-bottom:45px!important;} .marg-md-b50{margin-bottom:50px!important;} .marg-md-b55{margin-bottom:55px!important;} .marg-md-b60{margin-bottom:60px!important;} .marg-md-b65{margin-bottom:65px!important;} .marg-md-b70{margin-bottom:70px!important;} .marg-md-b75{margin-bottom:75px!important;} .marg-md-b80{margin-bottom:80px!important;} .marg-md-b85{margin-bottom:85px!important;} .marg-md-b90{margin-bottom:90px!important;} .marg-md-b95{margin-bottom:95px!important;} .marg-md-b100{margin-bottom:100px!important;} .marg-md-b140 {margin-bottom: 140px!important;} .marg-md-t0{margin-top:0px!important;} .marg-md-t5{margin-top:5px!important;} .marg-md-t10{margin-top:10px!important;} .marg-md-t15{margin-top:15px!important;} .marg-md-t20{margin-top:20px!important;} .marg-md-t25{margin-top:25px!important;} .marg-md-t30{margin-top:30px!important;} .marg-md-t35{margin-top:35px!important;} .marg-md-t40{margin-top:40px!important;} .marg-md-t45{margin-top:45px!important;} .marg-md-t50{margin-top:50px!important;} .marg-md-t55{margin-top:55px!important;} .marg-md-t60{margin-top:60px!important;} .marg-md-t65{margin-top:65px!important;} .marg-md-t70{margin-top:70px!important;} .marg-md-t75{margin-top:75px!important;} .marg-md-t80{margin-top:80px!important;} .marg-md-t85{margin-top:85px!important;} .marg-md-t90{margin-top:90px!important;} .marg-md-t95{margin-top:95px!important;} .marg-md-t100{margin-top:100px!important;} .marg-md-t140 {margin-top: 140px!important;} .no-padd-md {padding-left:0px;padding-right:0px;} } @media screen and (max-width: 1023px) { .marg-sm-b0{margin-bottom:0px!important;} .marg-sm-b5{margin-bottom:5px!important;} .marg-sm-b10{margin-bottom:10px!important;} .marg-sm-b15{margin-bottom:15px!important;} .marg-sm-b20{margin-bottom:20px!important;} .marg-sm-b25{margin-bottom:25px!important;} .marg-sm-b30{margin-bottom:30px!important;} .marg-sm-b35{margin-bottom:35px!important;} .marg-sm-b40{margin-bottom:40px!important;} .marg-sm-b45{margin-bottom:45px!important;} .marg-sm-b50{margin-bottom:50px!important;} .marg-sm-b55{margin-bottom:55px!important;} .marg-sm-b60{margin-bottom:60px!important;} .marg-sm-b65{margin-bottom:65px!important;} .marg-sm-b70{margin-bottom:70px!important;} .marg-sm-b75{margin-bottom:75px!important;} .marg-sm-b80{margin-bottom:80px!important;} .marg-sm-b85{margin-bottom:85px!important;} .marg-sm-b90{margin-bottom:90px!important;} .marg-sm-b95{margin-bottom:95px!important;} .marg-sm-b100{margin-bottom:100px!important;} .marg-sm-b140 {margin-bottom: 140px!important;} .marg-sm-t0{margin-top:0px!important;} .marg-sm-t5{margin-top:5px!important;} .marg-sm-t10{margin-top:10px!important;} .marg-sm-t15{margin-top:15px!important;} .marg-sm-t20{margin-top:20px!important;} .marg-sm-t25{margin-top:25px!important;} .marg-sm-t30{margin-top:30px!important;} .marg-sm-t35{margin-top:35px!important;} .marg-sm-t40{margin-top:40px!important;} .marg-sm-t45{margin-top:45px!important;} .marg-sm-t50{margin-top:50px!important;} .marg-sm-t55{margin-top:55px!important;} .marg-sm-t60{margin-top:60px!important;} .marg-sm-t65{margin-top:65px!important;} .marg-sm-t70{margin-top:70px!important;} .marg-sm-t75{margin-top:75px!important;} .marg-sm-t80{margin-top:80px!important;} .marg-sm-t85{margin-top:85px!important;} .marg-sm-t90{margin-top:90px!important;} .marg-sm-t95{margin-top:95px!important;} .marg-sm-t100{margin-top:100px!important;} .marg-sm-t140 {margin-top: 140px!important;} .no-padd-sm {padding-left:0px;padding-right:0px;} .padd-only-sm{ padding-left: 15px; padding-right: 15px; } } @media screen and (max-width: 767px) { .marg-xs-b0{margin-bottom:0px!important;} .marg-xs-b5{margin-bottom:5px!important;} .marg-xs-b10{margin-bottom:10px!important;} .marg-xs-b15{margin-bottom:15px!important;} .marg-xs-b20{margin-bottom:20px!important;} .marg-xs-b25{margin-bottom:25px!important;} .marg-xs-b30{margin-bottom:30px!important;} .marg-xs-b35{margin-bottom:35px!important;} .marg-xs-b40{margin-bottom:40px!important;} .marg-xs-b45{margin-bottom:45px!important;} .marg-xs-b50{margin-bottom:50px!important;} .marg-xs-b55{margin-bottom:55px!important;} .marg-xs-b60{margin-bottom:60px!important;} .marg-xs-b65{margin-bottom:65px!important;} .marg-xs-b70{margin-bottom:70px!important;} .marg-xs-b75{margin-bottom:75px!important;} .marg-xs-b80{margin-bottom:80px!important;} .marg-xs-b85{margin-bottom:85px!important;} .marg-xs-b90{margin-bottom:90px!important;} .marg-xs-b95{margin-bottom:95px!important;} .marg-xs-b100{margin-bottom:100px!important;} .marg-xs-b140 {margin-bottom: 140px!important;} .marg-xs-t0{margin-top:0px!important;} .marg-xs-t5{margin-top:5px!important;} .marg-xs-t10{margin-top:10px!important;} .marg-xs-t15{margin-top:15px!important;} .marg-xs-t20{margin-top:20px!important;} .marg-xs-t25{margin-top:25px!important;} .marg-xs-t30{margin-top:30px!important;} .marg-xs-t35{margin-top:35px!important;} .marg-xs-t40{margin-top:40px!important;} .marg-xs-t45{margin-top:45px!important;} .marg-xs-t50{margin-top:50px!important;} .marg-xs-t55{margin-top:55px!important;} .marg-xs-t60{margin-top:60px!important;} .marg-xs-t65{margin-top:65px!important;} .marg-xs-t70{margin-top:70px!important;} .marg-xs-t75{margin-top:75px!important;} .marg-xs-t80{margin-top:80px!important;} .marg-xs-t85{margin-top:85px!important;} .marg-xs-t90{margin-top:90px!important;} .marg-xs-t95{margin-top:95px!important;} .marg-xs-t100{margin-top:100px!important;} .marg-xs-t140 {margin-top: 140px!important;} .no-padd-xs {padding-left:0px!important;padding-right:0px!important;} .padd-xs-b60{ padding-bottom: 60px; } .padd-only-xs{ padding-left: 15px; padding-right: 15px; } }