/* Minification failed. Returning unminified contents. (2728,29): run-time error CSS1036: Expected expression, found '#' (2753,29): run-time error CSS1036: Expected expression, found '#' (2778,29): run-time error CSS1036: Expected expression, found '#' (2797,25): run-time error CSS1036: Expected expression, found '#' (2822,29): run-time error CSS1036: Expected expression, found '#' (3110,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important' (4208,5): run-time error CSS1019: Unexpected token, found '@import' (4208,13): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Open+Sans:400,700")' (4209,5): run-time error CSS1019: Unexpected token, found '@import' (4209,13): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Pacifico")' (4873,5): run-time error CSS1019: Unexpected token, found '@keyframes' (4874,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4911,1): run-time error CSS1019: Unexpected token, found '}' (12820,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12821,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '49%' (12835,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (12836,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '49%' (12850,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12851,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '49%' (14914,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14915,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14924,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (14925,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14934,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14935,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14952,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14953,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14968,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (14969,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14984,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14985,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15008,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (15009,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15024,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (15025,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15040,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15041,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16576,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (16577,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16596,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16597,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16613,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16614,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16628,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (16629,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16658,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16659,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16680,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16681,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16695,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (16696,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16725,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16726,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16747,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16748,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16770,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (16771,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16816,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16817,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16846,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16847,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (16873,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (16874,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (16919,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16920,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (16954,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16955,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16985,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (16986,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17047,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17048,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17085,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17086,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17132,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (17133,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17226,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17227,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17285,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17286,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17300,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (17301,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17330,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17331,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17352,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17353,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17362,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (17363,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17382,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17383,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17399,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17400,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17411,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (17412,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17435,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17436,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17454,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17455,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17466,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (17467,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17490,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17491,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17509,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17510,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17521,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (17522,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17545,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17546,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17564,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17565,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17576,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (17577,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17600,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17601,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17619,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17620,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17631,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (17632,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17655,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17656,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17674,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17675,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17686,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (17687,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17710,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17711,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17729,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17730,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17741,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (17742,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17765,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17766,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17784,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17785,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17796,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (17797,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17820,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17821,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17839,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17840,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17860,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (17861,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17902,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17903,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17930,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17931,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17951,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (17952,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17993,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17994,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18021,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18022,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18042,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (18043,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18084,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18085,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18112,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18113,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18133,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (18134,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18175,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18176,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18203,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18204,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18224,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (18225,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18266,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18267,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18294,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18295,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18308,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (18309,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18336,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18337,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18357,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18358,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18371,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (18372,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18399,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18400,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18420,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18421,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18434,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (18435,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18462,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18463,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18483,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18484,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18497,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (18498,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18525,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18526,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18546,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18547,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18560,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (18561,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18588,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18589,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23563,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23564,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23577,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23578,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23591,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23592,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23599,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23600,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23607,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23608,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23613,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23614,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23619,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23620,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23625,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23626,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23631,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23632,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23637,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23638,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23643,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23644,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23649,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23650,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23687,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23688,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23709,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23710,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23731,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23749,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23750,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23767,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23768,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23781,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23782,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23807,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23808,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23817,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23818,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23831,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23832,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23852,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23853,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23877,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23878,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23883,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23884,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23893,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23894,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23899,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23900,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23909,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23910,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23915,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23916,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24030,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24031,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24052,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (24053,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24096,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24097,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ /* Hide Top Bar */ #header .header-top { display: none; } .mb-10 { margin-bottom: 0px!important; padding-left: 7px!important; } .mb-clearsc { margin-bottom: -21px!important; padding-left: 7px!important; } /* Custom Bootstrap Css */ .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-15 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } } /* Add here all your CSS customizations */ #carparallax { background-image: url(/Images/2016/carloans-bg.jpg); } .carloan-form .ui-tabs .ui-tabs-panel { background-color: #ed7a00; border-radius: 0px; } .carloan-form .btn-primary { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #c74702; border-color: #f36c42; } section.carsection { background: #fff; border-top: 5px solid #fff; margin: 0px 0; padding: 50px 0; } section.section-white { background: #fff !important; } .col-custom-12.col-xs-4.dob-first { padding: 0; padding-left: 0px; } .get-started li { color: #fff; margin-left: -22px; } .get-started h1 { margin-bottom: 20px; } ul.header-info-left { list-style: outside none none; margin: 5px 0 0; padding: 0; float: left; } .carloan-form .ui-tabs .ui-tabs-panel { background-color: #ed7a00; border-radius: 0px; } section.carsection { background: #fff; border-top: 5px solid #fff; margin: 0px 0; padding: 50px 0; } #header .header-btn-collapse-nav { margin-top: 18px; } i.slider-icon.fa { background: #ed7a00; padding: 10px; border-radius: 30px; } .frontbg-1 { background-color: #fcaa00; padding-left: 30px; padding-right: 30px; } .frontbg-2 { background-color: #ed7a00; padding-left: 30px; padding-right: 30px; } .frontbg-3 { background-color: #c74702; padding-left: 30px; padding-right: 30px; } .frontbg-1 p, .frontbg-2 p, .frontbg-3 p { color: #ffffff; } .col-md-4.frontbg-1:hover { margin-top: -10px; } .col-md-4.frontbg-2:hover { margin-top: -10px; } .col-md-4.frontbg-3:hover { margin-top: -10px; } #accordion2Primary .mobile-1 { background-color: #fcaa00 !important; } #accordion2Primary .mobile-2 { background-color: #ed7a00; } #accordion2Primary .mobile-3 { background-color: #c74702 !important; } .get-started h1 { color: #fff; font-size: 30px; font-weight: 400; } a.btn.btn-borders.btn-primary { border-color: #fff; color: #fff; border-width: 2px; } .btn-borders { padding: 8px 12px !important; } .tp-caption h1 { font-size: 90px; color: #fff; font-weight: 400; line-height: 90px; } .about-info { padding-top: 20px; } #main-info h1 { margin-bottom: -5px; } section#main-info { margin-bottom: 10px; } section#main-info-inner { margin-bottom: 30px; margin-top: 30px; } #apr { margin-top: 100px; margin-bottom: 100px; } h2.repheader { } p.lead { font-size: 22px; } #footer p { color: #f6f6f6; } .newsletter .col-md-6 { padding-left: 0px; } /* Chat Bar*/ .wo-inline .top-right { bottom: 10px !important; right: 15px; } #wo_online { background-color: #f1592a !important; color: #fff; border: 1px solid #f1592a !important; } #wo_chat_header { background-color: #f1592a !important; color: #fff; border: 1px solid #f1592a !important; } .btn-whoson { background: #f1592a !important; } /* blog */ .blog-h1 { margin: 0px; font-size: 20px; text-transform: none; font-weight: 800; color: #337ab7; } .blog-search form { margin-top: 30px; } #blogSearch { padding: 9px; width: 100% !important; } .post-content h2 { font-size: 22px; margin-bottom: 10px; text-transform: none; font-weight: 800; color: #ed7a00; } .post-content h3 { font-size: 18px; text-transform: none; font-weight: 800; margin-bottom: 6px; color: orange; } .post-content h4 { font-size: 17px; text-transform: none; font-weight: 800; margin-bottom: -5px; color: #c74702; } /* Responsive */ /* Custom, iPhone Retina */ @media only screen and (min-width : 320px) { .home-intro { margin-top: 0px; } .col-md-5.carloan-form { margin: 10px; } .carloan-info { padding: 49px 30px; color: #fff; margin-top: 17px; margin: 10px; } .home-intro-2 { margin-bottom: -40px; padding: 0px 0 20px 0; } #header .header-body { padding: 0px; } #homeparallax { background-image: url(/Images/2016/mobile-pages-bg.jpg); } #homeparallax .parallax { background-position: top center; } #home-intro .home-intro-shure { background-image: url(/images/2016/business-loans.jpg); } #home-intro .tp-caption h1 { font-size: 43px !important; } #home-intro .second-label { font-size: 16px !important; } .page-header { background-position: left; } .col-custom-12.col-xs-4.dob-first { padding: 0; padding-left: 0px; } .col-custom-12.col-xs-4.dob { padding: 0; padding-left: 0px; } .longform .btn-submit { margin-bottom: 10px; } } /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px) { .col-md-5.carloan-form { margin: 10px; } .carloan-info { padding: 49px 30px; color: #fff; margin-top: 17px; margin: 10px; } .home-intro { margin-top: 0px; } .home-intro-2 { margin-bottom: -40px; padding: 0px 0 20px 0; } #header .header-body { padding: 0px; } .below-header-left { width: 50%; } #homeparallax { background-image: url(/Images/2016/mobile-pages-bg.jpg); } #home-intro .home-intro-shure { background-image: url(/images/2016/business-loans.jpg); } #home-intro .tp-caption h1 { font-size: 43px !important; } #home-intro .second-label { font-size: 16px !important; } .page-header { background-position: left; } .col-custom-12.col-xs-4.dob-first { padding: 0; padding-left: 0px; } .col-custom-12.col-xs-4.dob { padding: 0; padding-left: 0px; } .longform .btn-submit { margin-bottom: 10px; } form#CusForm { background: #F9F9F9; padding: 50px; margin: 50px 0; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); border-radius: 5px; margin-left: 0px !important; margin-right: 0px !important; } } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { .home-intro { margin-top: 0px; } .home-intro-2 { margin-bottom: -40px; padding: 0px 0 20px 0; } #header .header-body { padding: 0px; } .below-header-left { width: 50%; } #homeparallax { background-image: url(/Images/2016/mobile-pages-bg.jpg); } #home-intro .home-intro-shure { background-image: url(/images/2016/business-loans.jpg); } #home-intro .tp-caption h1 { font-size: 55px !important; } #home-intro .second-label { font-size: 24px !important; } .page-header { background-position: right; } .col-custom-12.col-xs-4.dob { padding: 0 5px; } form#CusForm { background: #F9F9F9; padding: 50px; margin: 50px 0; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); border-radius: 5px; margin-left: 150px !important; margin-right: 150px !important; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .home-intro { margin-top: -270px; } .home-intro-2 { margin-top: -635px; margin-bottom: 120px; padding: 20px 0 20px 0; } .carloan-info { padding: 49px 30px; color: #fff; margin: -29px 10px 0px 10px !important; margin: 10px; } .home-intro-shure { margin-top: -590px !important; margin-bottom: 120px; padding: 20px 0 20px 0; } #homeparallax { background-image: url(/Images/2016/pages-bg.jpg); } #home-intro .home-intro-shure { background-image: url(/images/2016/business-loans.jpg); } #home-intro .tp-caption h1 { font-size: 55px !important; } #home-intro .second-label { font-size: 24px !important; } .page-header { background-position: right; } .col-custom-12.col-xs-4.dob { padding: 0 5px; } form#CusForm { background: #F9F9F9; padding: 50px; margin: 50px 0; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); border-radius: 5px; margin-left: 40px !important; margin-right: 40px !important; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { .home-intro { margin-top: -270px; } .home-intro-2 { margin-top: -635px; margin-bottom: 120px; padding: 20px 0 20px 0; } #homeparallax { background-image: url(/Images/2016/pages-bg.jpg); } .carloan-info { padding: 49px 30px; color: #fff; margin: -29px 10px 0px 10px !important; margin: 10px; } #home-intro .home-intro-shure { background-image: url(/images/2016/business-loans.jpg); } #home-intro .tp-caption h1 { font-size: 55px !important; } #home-intro .second-label { font-size: 24px !important; } .page-header { background-position: right; } .col-custom-12.col-xs-4.dob { padding: 0 5px; } form#CusForm { background: #F9F9F9; padding: 50px; margin: 50px 0; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); border-radius: 5px; margin-left: 250px !important; margin-right: 250px !important; } } @media only screen and (max-width : 480px) { form#CusForm { background: #F9F9F9; padding: 50px; margin: 50px 0; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); border-radius: 5px; margin-left: 0px !important; margin-right: 0px !important; } .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; padding-right: 80px; color: #727171; } } /* parallax testimonails */ h2.testimonialheader { color: #ed7a00; } /* Collapse Form */ .form-group { color: #fff; } .custom-editor-label { margin-left: 5px; color: #fff; } .input-group-addon { padding: 6px 5px; } .input-group-addon .glyphicon { margin-right: 0px !important; } .app-address-search-result { color: #fff; } .app-address-previous-search-result { color: #fff; } .app-address-search-result tbody { background-color: #c74702; } .app-address-previous-search-result tbody { background-color: #c74702; } .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #fcaa00; } #main h3 { color: #ffffff; } .captionedtitle h2 { color: #fff; margin-bottom: 0px; } .captionedtitle p { color: #fff; } .app-quick-extra-fields { display: none; } #quickSubmitFullApp { display: none; } #quickEnquire { margin-top: 7px; } #home-intro .title h2 { color: #ffffff; } #home-intro label { display: inline-block; max-width: 100%; margin-bottom: 5px; color: #ffffff; font-size: 14px; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-size: 14px; } .form-control { display: block; width: 100%; height: 40px; padding: 6px 5px; font-size: 13px !important; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } input#quickSubmitConfirmation { width: 100%; background: #f1592a; color: #fff; } .input-validation-error { background: rgba(255, 0, 0, 0.4); color: #fff; border-color: rgba(255,0,0,1); } #MainAppForm .field-validation-error span { color: red; } .field-validation-error span { color: red; } /* Modal*/ .modalAspire-full { border: thick solid #f1592a; } .modalAspire-header { min-height: 13.428571429px; padding: 15px; border-bottom: 1px solid #e5e5e5; background-color: #fcaa00; } .modalAspire-body { position: relative; padding: 20px; background-color: #FFFFFF; color: #f1592a; } .modalAspire-title { margin: 0; line-height: 1.428571429; background-color: #D9E021; } .modalAspire-footer { padding: 19px 20px 20px; margin-top: 15px; text-align: right; border-top: 1px solid #e5e5e5; background-color: #fcaa00; } .modalAspire-header4 { background-color: #fcaa00; } .modalAspire-OKbtn { color: #333333; background-color: #f1592a; border-color: #f1592a; } .modalAspire-OKbtn:hover { background-color: #333333; color: white; } .section-text-light .disclosure-content p { color: #333333 !important; } .section-text-light .modal-header h4 { color: #333333 !important; } /* Contact Form */ #ContactForm .control-label { color: #1d2127; } /* Inner Pages */ .why-us { padding-left: 35px; padding-right: 35px; } /******************** * Darren Tab Form * ********************/ /* Custom breakpoint for forms */ @media only screen and (min-width: 0px) and (max-width: 599px) { .col-custom-1, .col-custom-2, .col-custom-3, .col-custom-4, .col-custom-5, .col-custom-6, .col-custom-7, .col-custom-8, .col-custom-9, .col-custom-10, .col-custom-11 { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-custom-12 { width: 100%; } .col-custom-11 { width: 91.66666666666666%; } .col-custom-10 { width: 83.33333333333334%; } .col-custom-9 { width: 75%; } .col-custom-8 { width: 66.66666666666666%; } .col-custom-7 { width: 58.333333333333336%; } .col-custom-6 { width: 50%; } .col-custom-5 { width: 41.66666666666667%; } .col-custom-4 { width: 33.33333333333333%; } .col-custom-3 { width: 25%; } .col-custom-2 { width: 16.666666666666664%; } .col-custom-1 { width: 8.333333333333332%; } .col-custom-pull-12 { right: 100%; } .col-custom-pull-11 { right: 91.66666666666666%; } .col-custom-pull-10 { right: 83.33333333333334%; } .col-custom-pull-9 { right: 75%; } .col-custom-pull-8 { right: 66.66666666666666%; } .col-custom-pull-7 { right: 58.333333333333336%; } .col-custom-pull-6 { right: 50%; } .col-custom-pull-5 { right: 41.66666666666667%; } .col-custom-pull-4 { right: 33.33333333333333%; } .col-custom-pull-3 { right: 25%; } .col-custom-pull-2 { right: 16.666666666666664%; } .col-custom-pull-1 { right: 8.333333333333332%; } .col-custom-push-12 { left: 100%; } .col-custom-push-11 { left: 91.66666666666666%; } .col-custom-push-10 { left: 83.33333333333334%; } .col-custom-push-9 { left: 75%; } .col-custom-push-8 { left: 66.66666666666666%; } .col-custom-push-7 { left: 58.333333333333336%; } .col-custom-push-6 { left: 50%; } .col-custom-push-5 { left: 41.66666666666667%; } .col-custom-push-4 { left: 33.33333333333333%; } .col-custom-push-3 { left: 25%; } .col-custom-push-2 { left: 16.666666666666664%; } .col-custom-push-1 { left: 8.333333333333332%; } .col-custom-offset-12 { margin-left: 100%; } .col-custom-offset-11 { margin-left: 91.66666666666666%; } .col-custom-offset-10 { margin-left: 83.33333333333334%; } .col-custom-offset-9 { margin-left: 75%; } .col-custom-offset-8 { margin-left: 66.66666666666666%; } .col-custom-offset-7 { margin-left: 58.333333333333336%; } .col-custom-offset-6 { margin-left: 50%; } .col-custom-offset-5 { margin-left: 41.66666666666667%; } .col-custom-offset-4 { margin-left: 33.33333333333333%; } .col-custom-offset-3 { margin-left: 25%; } .col-custom-offset-2 { margin-left: 16.666666666666664%; } .col-custom-offset-1 { margin-left: 8.333333333333332%; } } .col-custom-4 { padding-left: 5px; padding-right: 5px; } .col-custom-5 { padding-left: 5px; padding-right: 5px; } .col-custom-7 { padding-left: 5px; padding-right: 5px; } .col-custom-8 { padding-left: 5px; padding-right: 5px; } .col-custom-9 { padding-left: 5px; padding-right: 5px; } .col-custom-10 { padding-left: 5px; padding-right: 5px; } .col-custom-11 { padding-left: 5px; padding-right: 5px; } .col-custom-12 { padding-left: 5px; padding-right: 5px; } .col-custom-12 .col-md-5 .col-xs-12 { padding-left: 5px; padding-right: 5px; width: 50%; } .ui-tabs .glyphicon { margin-right: 10px; } .custom-input-group-addon input.searchButton { padding: 5px 10px 6px 10px; border: none; webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; background-color: rgba(0, 0, 0, 0); color: #FFF; text-transform: uppercase; } .custom-input-group-addon { color: #c4c4c4; background: #ed7a00; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.15); font-size: 13px; padding: 0; -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; position: absolute; padding-top: 4px; padding-bottom: 3px; right: -68px; top: 0; } /*--feefo styles*/ .feefosort, .feefopage { color: #fff; } .btn-sm { color: #fff; font-size: 22px; padding: 10px 10px; border: 3px solid #ed7a00; -webkit-box-shadow: 0 8px 6px -6px #000; -moz-box-shadow: 0 8px 6px -6px #000; box-shadow: 0 8px 6px -6px #000; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ed7a00), color-stop(100%, #ed7a00)); background: -webkit-linear-gradient(#ed7a00, #ed7a00); background: -moz-linear-gradient(#ed7a00, #ed7a00); background: -o-linear-gradient(#ed7a00, #ed7a00); -pie-background: linear-gradient(#ed7a00,#ed7a00); background: linear-gradient(#ed7a00,#ed7a00); } .btn-xs { color: #fff; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; -webkit-box-shadow: 0 8px 6px -6px #000; -moz-box-shadow: 0 8px 6px -6px #000; box-shadow: 0 8px 6px -6px #000; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ed7a00), color-stop(100%,#ed7a00)); background: -webkit-linear-gradient(#ed7a00, #ed7a00); background: -moz-linear-gradient(#ed7a00, #ed7a00); background: -o-linear-gradient(#ed7a00, #ed7a00); -pie-background: linear-gradient(#ed7a00,#ed7a00); background: linear-gradient(#ed7a00,#ed7a00); } .btn-sm:hover { box-shadow: 0 12px 6px -6px #444; } .btn-info { color: #ffffff; background-color: #ed7a00; border-color: #ed7a00; } .btn-sm-disabled { color: grey; font-size: 22px; padding: 10px 10px; border: 3px solid grey; -webkit-box-shadow: 0 8px 6px -6px #000; -moz-box-shadow: 0 8px 6px -6px #000; box-shadow: 0 8px 6px -6px #000; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, grey), color-stop(100%, grey)); background: -webkit-linear-gradient(grey, grey); background: -moz-linear-gradient(grey, grey); background: -o-linear-gradient(grey, grey); -pie-background: linear-gradient(grey,grey); background: linear-gradient(grey,grey); } .btn-xs-disabled { color: #fff; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; -webkit-box-shadow: 0 8px 6px -6px #000; -moz-box-shadow: 0 8px 6px -6px #fcaa00; box-shadow: 0 8px 6px -6px #fcaa00; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcaa00), color-stop(100%,#fcaa00)); background: -webkit-linear-gradient(#fcaa00, #fcaa00); background: -moz-linear-gradient(#fcaa00, #fcaa00); background: -o-linear-gradient(#fcaa00, #fcaa00); -pie-background: linear-gradient(#fcaa00,#fcaa00); background: linear-gradient(#fcaa00,#fcaa00); } @media (max-width: 768px) { .btn-responsive { padding: 2px 4px; font-size: 80%; line-height: 1; border-radius: 3px; } } @media (min-width: 769px) and (max-width: 992px) { .btn-responsive { padding: 4px 9px; font-size: 90%; line-height: 1.2; } } /*--feefo styles*/ /* Responsive */ /* Custom, iPhone Retina */ @media only screen and (min-width : 320px) { .pagination { display: inline-block; padding-left: 0; margin: 0px; border-radius: 4px; } .reviewstop { margin-top: -40px; } .feefopaging { text-align: center; } } /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px) { .pagination { display: inline-block; padding-left: 0; margin: 0px; border-radius: 4px; } .reviewstop { margin-top: -40px; } .feefopaging { text-align: center; } } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { .pagination { display: inline-block; padding-left: 0; margin: 0px 0px -11px 0px; border-radius: 4px; } .reviewstop { margin-top: -40px; } .feefopaging { text-align: right; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .pagination { display: inline-block; padding-left: 0; margin: -8px 0px -10px 0px; border-radius: 4px; } .feefopaging { text-align: right; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { .pagination { display: inline-block; padding-left: 0; margin: -8px 0px -10px 0px; border-radius: 4px; } .feefopaging { text-align: right; } } /******************** * Darren Tab Mobile ********************/ @media (max-width: 767px) { span.tabtext { display: none; } .ui-tabs .glyphicon { margin-right: 0px; } } @media (max-width: 400px) { #footer h4 { font-size: 100% !important; font-weight: 200; } .survey-row { background: #ffffff; padding-top: 20px; padding-bottom: 20px; } } /* Shure Css */ #home-intro .tp-caption h1 { color: #fff; font-weight: 400; line-height: 50px; background: #15446B; padding: 20px; } #home-intro .second-label { color: #FFF; font-weight: 300; background: #9CA0A6; margin-bottom: 5px; padding: 10px; } #footer.shure-footer { background: #15446B; border-top: 4px solid #15446B; } #footer .feature-box.feature-box-style-3 .feature-box-icon i.fa, .feature-box.feature-box-style-3 .feature-box-icon .icons { color: #ffffff; } #footer .feature-box.feature-box-style-3 .feature-box-icon { border-color: #ffffff; } /* Brokerfeeds Styling*/ .lender-blocks .panel { margin-bottom: 30px; } .lender-blocks .col-md-2 { padding-left: 0px; padding-right: 0px; text-align: center; } .lender-blocks .col-md-3 { padding-left: 0px; padding-right: 0px; text-align: center; } .lender-blocks b { color: #fff; font-size: 13px; font-weight: normal; } .col-md-2 .broker-apr { background: #fcaa00; min-height: 98px; height: 100%; } /*.col-md-2 .broker-aprLoq { background: #fcaa00; min-height: 99px; height: 100%; }*/ .col-md-2 .broker-amount { background: #ed7a00; min-height: 98px; height: 100%; } .col-md-3 .broker-amount { background: #ed7a00; min-height: 98px; height: 100%; } .col-md-2 .broker-repayment { background: #c74702; min-height: 98px; height: 100%; } .col-md-3 .broker-repayment { background: #c74702; min-height: 98px; height: 100%; } .span2 .broker-apr { background: #fcaa00; min-height: 86px; text-align: center; height: 100%; } .span2 .broker-amount { background: #ed7a00; min-height: 86px; height: 100%; } .span2 .broker-repayment { background: #c74702; min-height: 86px; height: 100%; } #offerDetails .btn { width: 20%; padding: 20px; background: #ed7a00; } #offerDetails { margin-top: 50px; } .lender-blocks p { margin-top: 20px; margin-bottom: 20px; color: #fff; font-size: 22px; font-weight: 700; } .broker-total b { color: #333333; } .broker-total p { color: #333333; } .lender-blocks .panel-body { -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75); padding: 0px; } .col-md-12 .broker-bottom { background: #f1f1f1; padding-top: 10px; padding-bottom: 10px; } .col-md-12 .broker-accept { text-align: left; padding-top: 20px; } .accept-image { position: absolute; bottom: 10px; right: 0; } .accept-image img { width: 45px; } .broker-button { margin-top: 20px; } .broker-top { margin-top: 20px; margin-bottom: 20px; } .col-md-3 .broker-titleam { background: #fcaa00; padding-top: 30px; padding-bottom: 30px; } .broker-title label { font-size: 12px; } .col-md-6 .broker-title { padding-top: 30px; padding-bottom: 30px; } .broker-titleam label { font-size: 27px; } span.broker-before { font-size: 12px; } .broker-titleperiod label { font-size: 27px; } .col-md-3 .broker-titleperiod { background: #ed7a00; padding-top: 30px; padding-bottom: 30px; } .broker-header h1 { margin: 2px 0 -15px !important; } .broker-header-row { padding-left: 15px; padding-right: 15px; } .col-md-4.brk-title { padding-top: 20px; padding-bottom: 20px; height: 100px; } .col-md-2.brk-loanam { padding-bottom: 20px; background: #ed7a00; height: 100px; } .col-md-2.brk-loantrm { background: #c74702; padding-bottom: 20px; height: 100px; } .col-md-2.brk-loantrm span { font-size: 30px; background: #c74702; font-weight: bold; } .title-blocks p { margin-top: 20px; margin-bottom: 20px; color: #fff; font-size: 25px; font-weight: 700; } .title-blocks b { color: #fff; font-size: 12px; font-weight: normal; } .lender-blocks .img-responsive { margin-left: auto; margin-right: auto; } a.dropdown-toggle i { display: none; } h1.aprheader { margin-top: 25px; font-weight: bold; color: #fff; font-size: 30px; } span.nofees { font-size: 55px; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 0px; font-weight: 600; } span.aprvalue { font-size: 72px; } .parallax-apr { text-align: center; } .aprinfo { padding-top: 20px; } /* CUSTOM 5 COLUMN SPAN LAYOUT * * based on http://gridcalculator.dk/ * width => 1200, gutter => 15px, margin => 15px, columns => 5 */ .row-fluid-5 { width: 100%; *zoom: 1; } .row-fluid-5:before, .row-fluid-5:after { display: table; line-height: 0; content: ""; } .row-fluid-5:after { clear: both; } .row-fluid-5 [class*="span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 0%; *margin-left: 0%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid-5 .controls-row [class*="span"] + [class*="span"] { margin-left: 0%; } .row-fluid-5 [class*="span"]:first-child { margin-left: 0; } .row-fluid-5 .span2 { width: 20%; *width: 20%; } /* responsive ONLY */ @media (max-width: 600px) { /* spans reduce to 100px then go full width */ .row-fluid-5 [class*="span"] { margin-left: 0; float: left; width: 100%; padding: 10px; } } .feature-orange .feature-box { padding-bottom: 10px; padding-top: 5px; padding-left: 5px; padding-right: 5px; line-height: -4px; /* height: 43px; */ margin-bottom: 10px; background: #fcaa00; background: -webkit-linear-gradient(20deg, #e14225, #f9a124); background: -o-linear-gradient(20deg, #e14225, #f9a124); background: -moz-linear-gradient(20deg, #e14225, #f9a124); background: linear-gradient(20deg, #e14225, #f9a124); border-radius: 10px; } .feature-orange .feature-box .feature-box-icon { display: none !important; } .feature-orange .feature-box .feature-box-info { padding-left: 10px !important; } section.section.section-background { background-position: center center; } .slider-result.row { background-color: #ed7a00; border-radius: 5px; border: solid 1px #ed7a00; padding: 10px; margin: 10px 0px; } .calulator-result-panel label { color: #fff; font-weight: bold; } #loanSlider, #termSlider { background: #fff; border-radius: 10px; } .ui-slider-handle.ui-state-default.ui-corner-all { background: #ed7a00; } #quickLoanAmount, #quickLoanTerm { background: #fff; } .input-group-addon { background: #ed7a00; color: #fff; border: 1px solid #ed7a00; } .modal-static { position: fixed; top: 50% !important; left: 50% !important; margin-top: -100px; margin-left: -100px; overflow: visible !important; } .modal-static, .modal-static .modal-dialog, .modal-static .modal-content { width: 200px; height: 200px; } .modal-static .modal-dialog, .modal-static .modal-content { padding: 0 !important; margin: 0 !important; } .modal-static .modal-content .icon { } /* Ion.RangeSlider, Simple Skin // css version 2.0.3 // © Denis Ineshin, 2014 https://github.com/IonDen // © guybowden, 2014 https://github.com/guybowden // ===================================================================================================================*/ /* ===================================================================================================================== // Skin details */ .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #fff; opacity: 1; } .irs { height: 25px; } .irs-with-grid { height: 75px; } .irs-line { top: 0; border-radius: 15px; -moz-border-radius: 15px; height: 10px !important; background: #fff; } .irs-line-left { height: 8px; } .irs-line-mid { height: 8px; } .irs-line-right { height: 8px; } .irs-bar { height: 10px !important; top: 0; border-top: 1px solid #ed7a00; border-bottom: 1px solid #ed7a00; background: #ed7a00; background: linear-gradient(to top, rgba(237,122,0,1) 0%,rgba(255,122,67,1) 100%); /* W3C */ } .irs-bar-edge { height: 10px !important; top: 0; width: 14px; border: 1px solid #ed7a00; border-right: 0; background: #ed7a00; background: linear-gradient(to top, rgba(237,122,0,1) 0%,rgba(255,122,67,1) 100%); /* W3C */ border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px; } .irs-shadow { /*! height: 2px; */ /*! top: 38px; */ /*! background: #000; */ /*! opacity: 0.3; */ /*! border-radius: 5px; */ -moz-border-radius: 5px; border-radius: 5px; } .lt-ie9 .irs-shadow { filter: alpha(opacity=30); } .irs-slider { top: -8px; width: 25px !important; height: 25px !important; border: 1px solid #AAA; background: #DDD; background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%); /* W3C */ border-radius: 27px; -moz-border-radius: 27px; box-shadow: 1px 1px 3px rgba(0,0,0,0.3); cursor: pointer; } .irs-slider.state_hover, .irs-slider:hover { background: #FFF; } .irs-min, .irs-max { color: #333; font-size: 12px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 5px; background: rgba(0,0,0,0.1); border-radius: 3px; -moz-border-radius: 3px; } .lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #ccc; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 14px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #428bca; border-radius: 3px; -moz-border-radius: 3px; } .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999; } .irs-grid { height: 27px; } .irs-grid-pol { opacity: 0.5; background: #428bca; } .irs-grid-pol.small { background: #999; } .irs-grid-text { bottom: 5px; color: #99a4ac; } .irs-disabled { } .lender-icons { text-align: center; } .section-text-light .panel-body p { color: #000 !important; } .section-text-light .rep-example p { color: #fff !important; } .loan-calc-section-text-light h4 { color: #fff; } .post-content h1 { margin: 0px; font-size: 30px; text-transform: none; font-weight: 800; color: #337ab7; } .post-content h2 { font-size: 22px; margin-bottom: 10px; } .post-content .img-left { float: left; margin: 0px 10px 10px 0px; } .post-content .img-right { float: right; margin: 0px 0px 10px 10px; } #PopImage .modal-dialog { width: 50%; } #PopImage2 .modal-dialog { width: 50%; } #MainAppForm .table a { color: #fff; text-decoration: underline; } #ContactForm .field-validation-error span { color: red; } /* Long From Styling Accordian */ .checkout { background-color: transparent !important; border: none !important; font-size: 14px; } .checkout-step { border-top: none !important; color: #fff !important; margin-bottom: 10px !important; background: #fcaa00; background: -webkit-linear-gradient(20deg,#e14225,#f9a124); background: -o-linear-gradient(20deg,#e14225,#f9a124); background: -moz-linear-gradient(20deg,#e14225,#f9a124); background: linear-gradient(20deg,#e14225,#f9a124); border-radius: 10px; } .checkout-step-number { border-radius: 50%; border: 3px solid #fff; display: inline-block; font-size: 22px; line-height: 20px; height: 40px; margin-right: 26px; padding: 6px; text-align: center; width: 40px; } .checkout-wrapper { padding-top: 40px; padding-bottom: 40px; background-color: #fafbfa; } .checkout { background-color: #fff; border: 1px solid #eaefe9; font-size: 14px; } .panel { margin-bottom: 0px; } .checkout-step { border-top: 1px solid #f2f2f2; color: #666; font-size: 14px; padding: 30px; position: relative; } .checkout-step-number { border-radius: 50%; border: 3px solid #fff; display: inline-block; font-size: 22px; height: 40px; margin-right: 26px; padding: 6px; text-align: center; width: 40px; line-height: 20px; } .checkout-step-title { font-size: 18px; font-weight: 500; display: inline-block; margin: 0px; } .checkout-step-title a { color: #fff; line-height: 29px; } .checkout-step-title a:hover { color: #fff; line-height: 29px; text-decoration: none; } .checout-address-step { } .checout-address-step .form-group { margin-bottom: 18px; display: inline-block; width: 100%; } .checkout-step-body { padding: 30px; } .checkout-step-active { display: block; } .checkout-step-disabled { display: none; } .checkout-login { } .login-phone { display: inline-block; } .login-phone:after { content: '+91 - '; font-size: 14px; left: 36px; } .login-phone:before { content: ""; font-style: normal; color: #333; font-size: 18px; left: 12px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .login-phone:after, .login-phone:before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .login-phone .form-control { padding-left: 68px; font-size: 14px; } .checkout-login .btn { height: 42px; line-height: 1.8; } .otp-verifaction { margin-top: 30px; } .checkout-sidebar { background-color: #fff; border: 1px solid #eaefe9; padding: 30px; margin-bottom: 30px; } .checkout-sidebar-merchant-box { background-color: #fff; border: 1px solid #eaefe9; margin-bottom: 30px; } .checkout-total { border-bottom: 1px solid #eaefe9; padding-bottom: 10px; margin-bottom: 10px; } .checkout-invoice { display: inline-block; width: 100%; } .checout-invoice-title { float: left; color: #30322f; } .checout-invoice-price { float: right; color: #30322f; } .checkout-charges { display: inline-block; width: 100%; } .checout-charges-title { float: left; } .checout-charges-price { float: right; } .charges-free { color: #43b02a; font-weight: 600; } .checkout-payable { display: inline-block; width: 100%; color: #333; } .checkout-payable-title { float: left; } .checkout-payable-price { float: right; } .checkout-cart-merchant-box { padding: 20px; display: inline-block; width: 100%; border-bottom: 1px solid #eaefe9; padding-bottom: 20px; } .checkout-cart-merchant-name { color: #30322f; float: left; } .checkout-cart-merchant-item { float: right; color: #30322f; } .checkout-cart-products { } .checkout-cart-products .checkout-charges { padding: 10px 20px; color: #333; } .checkout-cart-item { border-bottom: 1px solid #eaefe9; box-sizing: border-box; display: table; font-size: 12px; padding: 22px 20px; width: 100%; } .checkout-item-list { } .checkout-item-count { float: left; } .checkout-item-img { width: 60px; float: left; } .checkout-item-name-box { float: left; } .checkout-item-title { color: #30322f; font-size: 14px; } .checkout-item-unit { } .checkout-item-price { float: right; color: #30322f; font-size: 14px; font-weight: 600; } .checkout-viewmore-btn { padding: 10px; text-align: center; } .header-checkout-item { text-align: right; padding-top: 20px; } .checkout-promise-item { background-repeat: no-repeat; background-size: 14px; display: inline-block; margin-left: 20px; padding-left: 24px; color: #30322f; } .checkout-promise-item i { padding-right: 10px; color: #43b02a; } #accordion label { } /*#accordion .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; border: 3px solid #fff; border-radius: 5px; }*/ #accordion .btn-default { color: #fff; background-color: transparent; border: none; padding: 20px 15px; } #accordion .btn-default:hover { } #accordion .fa-lg { font-size: 24px; line-height: 10px; } #accordion .btn-default.active { color: #000 !important; background-color: #fff !important; border-radius: 0px; } #accordion .irs-line { top: 0; border-radius: 15px; -moz-border-radius: 15px; height: 25px !important; background: transparent; border: 3px solid #fff; } #accordion .irs-bar { height: 25px !important; top: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #fff; } #accordion .irs-bar-edge { height: 25px !important; top: 0; width: 20px; border: 1px solid #fff; background: #fff; border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px; } #accordion .irs-slider { top: -6px; width: 35px !important; height: 35px !important; border: 3px solid #fff; background: #fcaa00; border-radius: 27px; -moz-border-radius: 27px; box-shadow: 1px 1px 3px rgba(0,0,0,.3); cursor: pointer; } #accordion .btn-primary { background: transparent; width: 100%; padding: 20px; border: 3px solid #fff; font-size: 20px; font-weight: bold; text-transform: uppercase; } #accordion .btn-primary:hover { background: #ed7a00; } #accordion .irs-from, #accordion .irs-to, #accordion .irs-single { color: #fff; font-size: 15px; top: -30px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #ef4612; border-radius: 3px; -moz-border-radius: 3px; border: 3px solid; } #collapseFour .form-group { margin-bottom: 45px; } #collapseSix a { color: #fff; text-decoration: underline; } @media (max-width: 767px) { .checkout-step-body { padding: 0px; } .checkout-step { padding: 10px; } #accordion .btn-default { width: 100%; } #accordion label.ironslider { padding-bottom: 25px; } .col-md-4 select { margin-bottom: 20px; } .col-md-6 select { margin-bottom: 20px; } h4.great { margin: 0 0 25px 0px !important; } } /* Longform1 styling */ .longform .irs-line-mid, .longform .irs-line-left, .longform .irs-line-right, .longform .irs-bar, .longform .irs-bar-edge, .longform .irs-slider { background: none; } .longform .irs { height: 40px; } .longform .irs-with-grid { height: 60px; } .longform .irs-line { height: 12px; top: 25px; background-image: -webkit-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%); background-image: -o-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%); background-image: linear-gradient(to bottom,#f5f5f5 0,#f9f9f9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); border-radius: 4px; } .longform .irs-line-left { height: 12px; background-position: 0 -30px; } .longform .irs-line-mid { height: 12px; background-position: 0 0; } .longform .irs-line-right { height: 12px; background-position: 100% -30px; } .longform .irs-bar { height: 12px; top: 25px; background-position: 0 -60px; background: #ed7a00; } .longform .irs-bar-edge { top: 25px; height: 12px; width: 15px; background-position: 0 -90px; background: #ed7a00; } .longform .irs-shadow { height: 3px; top: 34px; background: #000; opacity: 0.25; } .longform .lt-ie9 .irs-shadow { filter: alpha(opacity=25); } .longform .irs-slider { width: 16px; height: 18px; top: 18px; background-position: 0 -120px; background-color: #fff !important; } .longform .irs-slider.state_hover, .longform .irs-slider:hover { background-position: 0 -150px; } .longform .irs-min, .longform .irs-max { color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 3px; background: #e1e4e9; -moz-border-radius: 4px; border-radius: 4px; } .longform .irs-from, .longform .irs-to, .longform .irs-single { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; -moz-border-radius: 4px; border-radius: 4px; background: #ed7a00; } .longform .irs-from:after, .longform .irs-to:after, .longform .irs-single:after { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565; } .longform .irs-grid-pol { background: #e1e4e9; } .longform .irs-grid-text { color: #999; } .longform .irs-disabled { } .longform .button-grid.active { background: #ed7a00; color: #ffffff; border-color: #ed7a00; } .longform .button-grid:hover { background: #ed7a00; color: #fff; border-color: #ed7a00; } .longform .button-grid.active .button-grid-word { color: #fff; } .longform .control-label { color: #000; font-weight: bold; } .row.slider-row { padding: 20px 0px; } #footer { font-weight: normal; } .form-control { font-weight: normal; } .longform .btn-submit { padding: 15px 20px; width: 100%; } h4.longform { color: #ed7a00; margin-top: 20px; } #MainFormNew { margin-left: 10px; margin-right: 10px; } @media (min-width: 300px) { .lender-blocks .img-responsive { margin-left: auto; margin-right: auto; width: 100%; padding-top: 27px; } @media (min-width: 1280px) { .lender-blocks .img-responsive { margin-left: auto; margin-right: auto; width: 100%; padding-top: 12px; } .mobile-br { display: none; } .button-grid { width: 49%; padding: 10px; position: relative; } .button-grid.active { background: #fb5c78; } .button-grid.active .button-grid-word { color: black; } .button-grid-word { font-size: 12px; font-weight: 600; } .navbar-header { background: #fff; } .navbar-header img { margin: 10px; } } @media (min-width: 700px) { .mobile-br { display: none; } .button-grid { width: 49%; padding: 10px; position: relative; } .button-grid.active { background: ##fb5c78; } .button-grid.active .button-grid-word { color: black; } .button-grid-word { font-size: 12px; font-weight: 600; } } @media (min-width: 992px) { .mobile-br { display: none; } .button-grid { width: 150px; padding: 10px; position: relative; } .button-grid.active { background: ##fb5c78; } .button-grid.active .button-grid-word { color: black; } .button-grid-word { font-size: 12px; font-weight: 600; } } @media (min-width: 1100px) { .mobile-br { display: none; } .button-grid-loan { width: 186px; padding: 10px; position: relative; } .button-grid-loan.active { background: ##fb5c78; } .button-grid-loan.active .button-grid-word { color: black; } .button-grid-word { font-size: 12px; font-weight: 600; } .button-grid-loan { width: 186px; padding: 10px; position: relative; } .button-grid.active { background: ##fb5c78; } .button-grid.active .button-grid-word { color: black; } .button-grid-word-loan { font-size: 12px; font-weight: 600; } } @media (min-width: 1400px) { .mobile-br { display: none; } .button-grid { width: 185px; padding: 10px; position: relative; } .button-grid.active { background: ##fb5c78; } .button-grid.active .button-grid-word { color: black; } .button-grid-word { font-size: 16px; font-weight: 600; } } .NewSearch { margin: 0px; padding: 10px 15px; height: 40px; } .NewSearchPrev { margin: 0px; padding: 10px 15px; height: 40px; } #MainFormNew .control-label { color: black; } #NewLongForm .control-label { color: black; } #btnCaptcha { margin: 0px; padding: 10px 15px; height: 40px; } .overlay-loader { position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); height: 100%; width: 100%; } .wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .wrap { position: relative; text-align: center; color: #fff; font-family: Arial; height: 100%; } .loader-align { display: inline-block; vertical-align: middle; } .document-loader { display: inline-block; min-width: 100px; min-height: 141px; position: relative; padding: 5px; border-radius: 4px; background: #f38730; animation: slideInOut 3s ease infinite; } .document-loader:before { display: block; content: ""; position: absolute; top: 0; right: 0; width: 0; height: 0; border-bottom-left-radius: 2px; border-width: 5px; border-style: solid; border-color: #4c4c4c #4c4c4c rgba(255,255,255,.35) rgba(255,255,255,.35); border-bottom-left-radius: 4px; border-width: 16px; } .document-loader .heading { display: block; height: 8px; background: #333; width: 0px; margin-bottom: 5px; margin-top: 5px; animation: growHeading 3s linear infinite; } .document-loader .heading.short { animation: growHeadingShort 3s linear infinite; } .document-loader .heading:first-child { margin-top: 0px; } .document-loader .line { display: block; margin: 3px 0 3px 0; background: #eee; height: 4px; width: 0px; animation: growLine 3s linear infinite; } .document-loader .line.short { margin-bottom: 6px; animation: growLineShort 3s linear infinite; } @keyframes slideInOut { 0% { transform: translateX(-100%); opacity: 0; } 20% { transform: translateX(-5%); opacity: 1; } 80% { transform: translateX(5%); opacity: 1; } 100% { transform: translateX(100%); opacity: 0; } } @keyframes growHeading { 0% { width: 0px; } 60% { width: 0; } 70% { width: 85px; } 100% { width: 90px; } } @keyframes growHeadingShort { 0% { width: 0px; } 30% { width: 0; } 40% { width: 45px; } 100% { width: 65px; } } @keyframes growLine { 0% { width: 0px; } 60% { width: 0px; } 80% { width: 85px; } 100% { width: 100px; } } @keyframes growLineShort { 0% { width: 0; } 50% { width: 0; } 60% { width: 70px; } 100% { width: 75px; } } /* New Nav styling */ .navbar { margin: 0px; } .navbar-inverse { background-color: #fff; border-bottom: orange 5px solid; border-left: none; border-right: none; border-top: none; border-radius: 0px; } .navbar-inverse .navbar-nav > li > a { color: #000; font-weight: 700; text-transform: uppercase; font-size: 12px; } .navbar-inverse .navbar-nav > li > a:hover { color: orange; font-weight: 700; text-transform: uppercase; font-size: 12px; } .navbar-inverse .navbar-toggle { border-color: orange; background-color: orange; } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #333; } .navbar-inverse .navbar-nav > li > a.btn { color: #fff; font-weight: 700; text-transform: uppercase; font-size: 12px; } .navbar-inverse .navbar-nav > li > a.btn:hover { color: #fff; background: orange; border-color: transparent; } .longform .btn-primary { background: #ed7a00; !important; } .slotholder::after { background: rgba(0,0,0,0.4); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .summary-text { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcaa00+0,e09100+100 */ background: rgb(252,170,0); /* Old browsers */ background: -moz-linear-gradient(top, rgba(252,170,0,1) 0%, rgba(224,145,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(252,170,0,1) 0%,rgba(224,145,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(252,170,0,1) 0%,rgba(224,145,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcaa00', endColorstr='#e09100',GradientType=0 ); /* IE6-9 */ color: #ffffff; padding-top: 20px; padding-bottom: 20px; } .summary-text p { color: #fff; font-weight: bold; font-size: 16px; } .lender-text { color: #777777; line-height: 24px; margin: 0 0 20px; font-size: 20px !important; } .ticklist { margin-top: 0; padding-left: 2em; list-style-type: none; } .ticklist li:before { position: absolute; margin-left: -1.3em; font-weight: bold; } .ticklist li.tick:before { content: '✔'; padding-right: 10px; } .ticklist li.cross:before { content: '✘'; padding-right: 10px; } .mb-clearsc { margin-bottom: -21px !important; padding-left: 7px !important; } .clearscore { background-image: url(../../../Images/2017/clearscore.png); max-height: 46px; max-width: 271px; } .checkbox { padding-left: 25px; } .checkbox label { display: inline-block; position: relative; padding-left: 5px; } .checkbox label::before { display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -15px; } .edl-modal .modal-header { background: #3eae59; } .edl-modal .modal-header h4 { color: #fff; } .edl-modal .modal-body a { color: #3eae59; } .edl-modal .btn.btn-default { background: #044a90; color: #fff; } .cssload-loader-inner { bottom: 0; height: 195px; left: 0; margin: auto; position: relative; right: 0; top: 0; width: 325px; } .cssload-cssload-loader-line-wrap-wrap { animation: cssload-spin 3000ms cubic-bezier(.175, .885, .32, 1.275) infinite; -o-animation: cssload-spin 3000ms cubic-bezier(.175, .885, .32, 1.275) infinite; -ms-animation: cssload-spin 3000ms cubic-bezier(.175, .885, .32, 1.275) infinite; -webkit-animation: cssload-spin 3000ms cubic-bezier(.175, .885, .32, 1.275) infinite; -moz-animation: cssload-spin 3000ms cubic-bezier(.175, .885, .32, 1.275) infinite; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; height: 190px; left: 0; overflow: hidden; position: absolute; top: 0; transform-origin: 50% 49.2%; -o-transform-origin: 50% 49.2%; -ms-transform-origin: 50% 49.2%; -webkit-transform-origin: 50% 49.2%; -moz-transform-origin: 50% 49.2%; width: 325px; } .cssload-loader-line-wrap { border: 13px solid transparent; border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; height: 325px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: 325px; } .cssload-cssload-loader-line-wrap-wrap:nth-child(1) { animation-delay: -57.5ms; -o-animation-delay: -57.5ms; -ms-animation-delay: -57.5ms; -webkit-animation-delay: -57.5ms; -moz-animation-delay: -57.5ms; } .cssload-cssload-loader-line-wrap-wrap:nth-child(2) { animation-delay: -115ms; -o-animation-delay: -115ms; -ms-animation-delay: -115ms; -webkit-animation-delay: -115ms; -moz-animation-delay: -115ms; } .cssload-cssload-loader-line-wrap-wrap:nth-child(3) { animation-delay: -172.5ms; -o-animation-delay: -172.5ms; -ms-animation-delay: -172.5ms; -webkit-animation-delay: -172.5ms; -moz-animation-delay: -172.5ms; } .cssload-cssload-loader-line-wrap-wrap:nth-child(1) .cssload-loader-line-wrap { border-color: #f1592a; height: 160px; width: 160px; top: 23px; border-width: 15px; } .cssload-cssload-loader-line-wrap-wrap:nth-child(2) .cssload-loader-line-wrap { border-color: #faa523; height: 100px; width: 100px; top: 49px; border-width: 15px; left: 10px; } .cssload-cssload-loader-line-wrap-wrap:nth-child(3) .cssload-loader-line-wrap { border-color: #faa523; height: 1px; width: 1px; top: 80px; left: 20px; } @keyframes cssload-spin { 0%, 15% { transform: rotate(0); transform: rotate(0); } 100% { transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes cssload-spin { 0%, 15% { -o-transform: rotate(0); transform: rotate(0); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes cssload-spin { 0%, 15% { -ms-transform: rotate(0); transform: rotate(0); } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes cssload-spin { 0%, 15% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes cssload-spin { 0%, 15% { -moz-transform: rotate(0); transform: rotate(0); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } /* Aspire loader */ #processing-modal .modal-header { background: transparent; color: #fff; border: none; } #processing-modal .modal-title { color: #fff; font-weight: bold; text-align: center; font-size: 25px; } #processing-modal .modal-content { background-color: transparent; -webkit-background-clip: padding-box; background-clip: padding-box; border: none; border: none; border-radius: 0px; outline: 0; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.5); box-shadow: 0 0px 0px rgba(0,0,0,.5); } #processing-modal p { color: #fff; } #processing-modal li { color: #fff; } #processing-modal .fa { font-size: 40px; margin-bottom: 15px; } #processing-modal .modal-title { color: #fff; font-weight: bold; text-align: center; font-size: 25px; } .rep-exnew { color: #000; text-align: center; } @media only screen and (max-width: 400px) { #processing-modal .modal-title { color: #fff; font-weight: bold; text-align: center; font-size: 14px; } #processing-modal .fa { font-size: 20px; margin-bottom: 15px; } } /* Survey */ #survey-questions .form-group { color: #000; } #survey-questions .row { background: #fff; padding: 20px; } /* cookie policy banner*/ #okCookie { background-color: rgb(255, 153, 51); color: #000000 !important; position: fixed; bottom: 0; left: 0; width: 100%; padding: 10px; font-family: sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid rgba(30, 30, 30, 0.1); z-index: 999999999; } #okCookie p { margin: 0 0 10px 0; float: left; padding: 5px 0px; text-align: center; color: #000000 !important; font-weight: 700; } #okCookie #okClose, #okCookie #okCprivacy { padding: 5px 20px; float: right; margin-left: 10px; text-decoration: none; border-radius: 3px; color: white; } #okCookie #okClose { background-color: #ff9933; text-shadow: 0px 1px 1px #aa6f34; box-shadow: inset 0px -1px 1px #82562a; } #okCookie #okClose:hover { background-color: #40bff5; } #okCookie #okCprivacy { background-color: #8D9499; text-shadow: 0px 1px 1px #63666B; box-shadow: inset 0px -1px 1px #63666B; } #okCookie #okCprivacy:hover { background-color: #a0a8ae; } .okcBeginAnimate { -webkit-animation: myfirst 2s; animation: myfirst 2s; } /* Chrome, Safari, Opera */ @-webkit-keyframes myfirst { from { opacity: 0; } to { opacity: 1; } } /* Standard syntax */ @keyframes myfirst { from { opacity: 0; } to { opacity: 1; } } /* Form Edits */ .group-amount .button-grid-loan { width: 158px; } .checkbox, .radio { margin-top: 0px; } #MarketQ .row { margin: 0px 15px; } .btn-group { margin-bottom: 10px; } .marketing-blurb { margin-top: 5px; } .longform .button-grid-loan.active { background: #ed7a00; color: #ffffff; border-color: #ed7a00; } .longform .button-grid-loan:hover { background: #ed7a00; color: #fff; border-color: #ed7a00; } .longform .button-grid-loan.active .button-grid-word { color: #fff; } .longform .btn-marketing.active { background: #ed7a00; color: #ffffff; border-color: #ed7a00; } .longform .btn-marketing:hover { background: #ed7a00; color: #fff; border-color: #ed7a00; } .longform .btn-marketing.active .button-grid-word { color: #fff; } .longform #extrahomefields { margin-top: 20px; } .employinfo { margin-top: 20px; } .cm-1 { color: black; background-color: #ff9933; } .page-header-custom-background h2 { color: #FFF; border: 0; margin-bottom: 15px; } .page-header-custom-background h3 { color: #FFF; border: 0; } /*.icon-choice input:checked + div { box-shadow: inset 0 0 0 3px #FE974A; border-color: #FE974A; }*/ .icon-choice i { font-size: 27px; } .icon-choice input { opacity: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; margin: 0; cursor: pointer; } .icon-choice .radio-tile { padding: 22px 10px 10px; background: #fff; border: 3px solid #e2e2e2; text-align: center; display: block; height: 98px; border-radius: 3px; cursor: pointer; margin: 0 0 20px; font-size: 14px; font-weight: 600; } .purpose-icon { font-size: 2rem; } @media screen and (max-width:768px) { .icon-choice .radio-tile { font-size: 9px; overflow-wrap: break-word; color: black; font-weight: 600; } } @media screen and (max-width:768px) { .icon-choice .radio-tile:active { padding: 10px 0px 0px; font-size: 9px; border: 3px solid #FE974A; } } /*@media screen and (max-width:768px) { .icon-choice .radio-tile.active:hover:focus { padding: 10px 0px 0px; font-size: 9px; border: 3px solid #FE974A; } }*/ /*.icon-choice .radio-tile.active { background: #fff; border: 3px solid #ea7501; border-radius: 10px; color:#ea7501; }*/ /*.radio-tile.active{ background: #fff; border: 3px solid #ea7501; border-radius: 10px; } .icon-choice input:checked + label { box-shadow: inset 0 0 0 3px #FE974A; border-color: #FE974A; }*/ .radio-tile-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .radio-tile-group .input-container { position: relative; height: 7rem; width: 7rem; margin: 0.5rem; } .radio-tile-group .input-container .radio-button { opacity: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; margin: 0; cursor: pointer; } .radio-tile-group .input-container .radio-tile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; border: 2px solid #FE974A; border-radius: 5px; padding: 1rem; -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; transition: transform 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease; } .radio-tile-group .input-container .icon svg { fill: #FE974A; } .radio-tile-group .input-container .radio-tile-label { color: #FE974A; } .radio-tile-group .input-container .radio-button:checked + .radio-tile { background-color: #FE974A; border: 2px solid #FE974A; color: white; -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .radio-tile-group .input-container .radio-button:checked + .radio-tile .icon svg { fill: white; background-color: #FE974A; } .radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label { color: white; background-color: #FE974A; } .input[type=checkbox]:checked + label { color: #000000; } .imag { width: 40px; } .imag1 { width: 25px; } .imag2 { width: 37px; } form input[type="text"]:hover, .Regisration form input[type="password"]:hover { box-shadow: 0 0 1em #ff9933; -webkit-box-shadow: 0 0 1em #ff9934; -o-box-shadow: 0 0 1em #ff9935; -moz-box-shadow: 0 0 1em #ff9936; } .redirecturlEDL, .redirecturl, .redirecturlPROG, .redirecturlAmigo, .globalclick, .lenderoffer, .TestRedirect, .lifestyleRedirect { color: white; background-color: #f1592a; margin-bottom: 10px; border-radius: 5px; cursor: pointer; padding: 11px; -webkit-box-shadow: 0px 3px 0px 0px #ef4612; box-shadow: 0px 3px 0px 0px #ef4612; letter-spacing: 0.07em; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; width: 70%; font-size: 12px; } .redirecturlEDL:hover, .redirecturl:hover, .redirecturlPROG:hover, .redirecturlAmigo:hover, .globalclick:hover, .lenderoffer:hover, TestRedirect:hover, .lifestyleRedirect:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 0px 40px 29px -19px rgba(102, 172, 100, 0.9); box-shadow: 0px 40px 29px -19px rgba(102, 172, 100, 0.9); } .redirectDrafty { color: white; background-color: #f1592a; border-radius: 5px; cursor: pointer; padding: 11px; -webkit-box-shadow: 0px 3px 0px 0px #ef4612; box-shadow: 0px 3px 0px 0px #ef4612; letter-spacing: 0.07em; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; width: 70%; font-size: 12px; margin-top: -18px; } .MoreDetails { color: white; background-color: #1cb12f; margin-bottom: 10px; border-radius: 5px; cursor: pointer; padding: 11px; -webkit-box-shadow: 0px 3px 0px 0px #1cb12f; box-shadow: 0px 3px 0px 0px #1cb12f; letter-spacing: 0.07em; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; width: 70%; font-size: 12px; } #addDetails { padding-left: 0; list-style-position: inside; } /*#MarketQ{ overflow-x:visible; overflow-y:visible; }*/ .padleft { margin-left: 15px !important; } .privacy h4 { color: #000 !important; } h3#AddressLabel { color: #000; } #Check { background-color: white; border: 0px #000; color: #fff; max-width: 0px; display: none; } #Check:hover { background-color: white !important; border: 0px #000 !important; color: #fff !important; -webkit-box-shadow: none; box-shadow: none; } #Check:focus { outline: 0 !important; } .experian-logo { margin-top: -10px; } div#sliderAmountLabel { color: #044a90; font-size: 28px !important; font-weight: bold; text-align: right; padding-bottom: 10px; } .foo { position: inherit !important; /*margin-top: 4px \9;*/ margin-left: 0px !important; } .sub-header { color: #fff; } .check { display: block; position: relative; padding-left: 25px; margin-bottom: 12px; padding-right: 15px; cursor: pointer; font-size: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .check input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 3px; left: 0; height: 18px; width: 18px; background-color: #fff; border-color: #e16800; border-style: solid; border-width: 2px; } /* When the checkbox is checked, add a blue background */ .check input:checked ~ .checkmark { background-color: #fff; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .check input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .check .checkmark:after { left: 5px; top: 1px; width: 5px; height: 10px; border: solid; border-color: #e16800; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .longform #TermsAndConditions { background-color: white; border: 0px #000; color: #fff; max-width: 0px; display: none; } .longform #TermsAndConditions:hover { background-color: white !important; border: 0px #000 !important; color: #fff !important; -webkit-box-shadow: none; box-shadow: none; } .longform #TermsAndConditions:focus { outline: 0 !important; } #DirectMarketing { background-color: white; border: 0px #000; color: #fff; max-width: 0px; display: none; } .badge-link { background-color: #fcaa00; } .offer-header { background-color: #467f93; padding: 30px 10px 30px 10px; } .header-text1 h2 { color: #FFF; padding-bottom: 10px; } .alert-offer { background-color: #fff; box-shadow: 5px 10px 8px #37373782; } .loanlabs { text-align: center; color: #555555; font-size: 20px; padding-bottom: 10px; } .loanvals { text-align: center; color: #f15b2c; font-size: 35px; } .proceed-box { background-color: #436b79; } .proceed-label { text-align: center; font-size: 20px; color: #FFF; padding: 20px 20px 20px 20px; } .rond { border-radius: 20% 50% 50% 20% !important; } .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; color: #727171; } form#CusForm { background: #F9F9F9; padding: 50px; margin: 50px 0; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); border-radius: 5px; margin-left: 250px; margin-right: 250px; } .form-callback { width: 100%; max-width: 330px; padding: 15px; margin: 0 auto; } .form-callback .field-validation-error span { color: #ffffff; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; } @media (min-width: 992px) header.masthead { padding-top: calc(10rem + 55px); padding-bottom: 10rem; } header.masthead { position: relative; overflow: hidden; padding-top: calc(7rem + 72px); padding-bottom: 7rem; background: linear-gradient(0deg,#ff6a00 0,#ee0979 100%); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; } header.masthead .masthead-content { z-index: 1; position: relative; } @media (min-width: 992px) header.masthead .masthead-content .masthead-heading { font-size: 6rem; } @media (min-width: 992px) header.masthead .masthead-content .masthead-subheading { font-size: 4rem; } header.masthead .bg-circle-1 { height: 90rem; width: 90rem; bottom: -55rem; left: -55rem; } header.masthead .bg-circle-2 { height: 50rem; width: 50rem; top: -25rem; right: -25rem; } header.masthead .bg-circle-3 { height: 20rem; width: 20rem; bottom: -10rem; right: 5%; } header.masthead .bg-circle-4 { height: 30rem; width: 30rem; top: -5rem; right: 35%; } header.masthead .bg-circle { z-index: 0; position: absolute; border-radius: 100%; background: linear-gradient(0deg,#ee0979 0,#ff6a00 100%); } @media (min-width: 992px) { header.masthead .masthead-content .masthead-heading { font-size: 6rem; } } .text-white { color: white; } .btn-callback { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #2e353e; border-color: #2e353e; } .btn-callback:hover, .btn-callback:focus, .btn-callback.focus { color: #ed7a00; text-decoration: none; } @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700"); @import url("https://fonts.googleapis.com/css?family=Pacifico"); .input-group { margin-bottom: 15px; } .input-group .input-group-addon:last-child { border-radius: 0 3px 3px 0; } .form-control { border: 1px solid #ccc; border-radius: 3px; box-shadow: none; } .form-control:hover, .form-control:focus, .form-control:active { box-shadow: none; } .form-control:focus { border: 1px solid #34495e; } .bootstrap-datetimepicker-widget { list-style: none; } .bootstrap-datetimepicker-widget.dropdown-menu { margin: -50px 0; padding: 4px; width: 19em; color: #333; } @media (min-width: 768px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 992px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 1200px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } .bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after { display: inline-block; position: absolute; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #cccccc; border-bottom-color: rgba(0, 0, 0, 0.2); top: -7px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; top: -6px; left: 8px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #cccccc; border-top-color: rgba(0, 0, 0, 0.2); bottom: -7px; left: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; bottom: -6px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { left: auto; right: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { left: auto; right: 7px; } .bootstrap-datetimepicker-widget .list-unstyled { margin: 0; } .bootstrap-datetimepicker-widget a[data-action] { padding: 6px 0; } .bootstrap-datetimepicker-widget a[data-action]:active { box-shadow: none; } .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 54px; font-weight: bold; font-size: 1.2em; margin: 0; } .bootstrap-datetimepicker-widget button[data-action] { padding: 6px; } .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle AM/PM"; } .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Clear the picker"; } .bootstrap-datetimepicker-widget .btn[data-action="today"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Set the date to today"; } .bootstrap-datetimepicker-widget .picker-switch { text-align: center; } .bootstrap-datetimepicker-widget .picker-switch::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle Date and Time Screens"; } .bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit; } .bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100%; } .bootstrap-datetimepicker-widget table { width: 100%; margin: 0; } .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { text-align: center; border-radius: 4px; } .bootstrap-datetimepicker-widget table th { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table th.picker-switch { width: 145px; } .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget table th.prev::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Previous Month"; } .bootstrap-datetimepicker-widget table th.next::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Next Month"; } .bootstrap-datetimepicker-widget table thead tr:first-child th { cursor: pointer; } .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: #eeeeee; } .bootstrap-datetimepicker-widget table td { height: 54px; line-height: 54px; width: 54px; } .bootstrap-datetimepicker-widget table td.cw { font-size: .8em; height: 20px; line-height: 20px; color: #777777; } .bootstrap-datetimepicker-widget table td.day { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover { background: #eeeeee; cursor: pointer; } .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new { color: #777777; } .bootstrap-datetimepicker-widget table td.today { position: relative; } .bootstrap-datetimepicker-widget table td.today:before { content: ''; display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #337ab7; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #337ab7; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #fff; } .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget table td span { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 4px; } .bootstrap-datetimepicker-widget table td span:hover { background: #eeeeee; } .bootstrap-datetimepicker-widget table td span.active { background-color: #337ab7; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget table td span.old { color: #777777; } .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; } .bootstrap-datetimepicker-widget.wider { width: 21em; } .bootstrap-datetimepicker-widget .datepicker-decades .decade { line-height: 1.8em !important; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .call-picker { position: absolute; } .input-min-width-95p { min-width: 95%; } .DraftyOffersList .col-md-2 .broker-apr { background: #fcaa00; min-height: 98px; height: 100%; } .DraftyOffersList .col-md-2 .broker-amount { background: #ed7a00; min-height: 98px; height: 100%; } .DraftyOffersList .col-md-2 .broker-repayment { background: #c74702; min-height: 98px; height: 100%; } .lenderImg { /*padding-top: 10px;*/ height: 98px; width: 100%; padding-top: 0px !important; } @media (max-width: 640px) { .lenderImg { /*padding-top: 10px;*/ height: 100% !important; padding-top: 0px !important; } .lender-blocks .responsive { margin-left: auto; margin-right: auto; width: 100%; padding-top: 27px; } } /*Sweet-Alert*/ .ChatButton { border-radius: 5px !important; border-color: #fcaa00 !important; background-color: #fcaa00 !important; font-size: 11px !important; font-weight: 700 !important; color: #ffffff !important; text-transform: uppercase !important; line-height: 1 !important; letter-spacing: 3px; padding: 8px 10px 7px 10px !important; margin: 0px 8px !important; border: 2px solid rgba(35, 35, 35, 0.1) !important; transition: all .3s !important; } .ChatButton2 { border-radius: 5px !important; border-color: #fcaa00 !important; background-color: #fcaa00 !important; font-size: 11px !important; font-weight: 700 !important; color: #ffffff !important; text-transform: uppercase !important; line-height: 1 !important; letter-spacing: 3px; padding: 8px 9px 7px 9px !important; margin: 4px -3px !important; border: 2px solid rgba(35, 35, 35, 0.1) !important; transition: all .3s !important; } .ChatColor { color: black !important; } .ChatColor:hover { color: orange !important; } .col-md-3 .broker-apr { background: #fcaa00; min-height: 98px; height: 100%; } .lender-blocks .col-md-3 { padding-left: 0px; padding-right: 0px; text-align: center; } .loader-wrap { background-color: #666666; width: 200px; height: 200px; left: 50%; position: absolute; top: 50%; border-radius: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .loader-wrap:before { content: ""; display: block; width: 220px; height: 220px; border: 3px solid #EBEBEB; top: -10px; position: relative; left: -10px; box-sizing: border-box; border-radius: 50%; } .water-wrap { width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; position: absolute; border-radius: 50%; } .water { /* background: url('https://cdn.rawgit.com/mrblade/mrbladedsigns/5b7ee492/water.svg') repeat-x;*/ background: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MDAgMjM1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzM0OGFlZjtvcGFjaXR5OjAuOTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPndhdGVyPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01NjIuNTUsMS4wOWExMDYuNywxMDYuNywwLDAsMC0yOS44Myw3Yy04LjE3LDMuMTEtMTUuOSw3LjI5LTI0LjI3LDkuOTFBMTY4LjI3LDE2OC4yNywwLDAsMSw0NDIuNzMsMjVhMTQ5LjUxLDE0OS41MSwwLDAsMS0zMy02LjY5Yy0xMC0zLjM1LTE5LjUyLTguNDEtMzAuMi05LjU4LTI5LjktMy4yNi02MC4zOSw3LjU3LTg5Ljg5LDEwLjcyYTIwMS45LDIwMS45LDAsMCwxLTYwLjE0LTIuNjFDMjExLjg0LDEzLjQxLDE5NC4wOSw5LjMzLDE3Niw5Yy0xNy44Ni0uMzMtMzQuOCw0LjIxLTUxLjQ1LDEwLjNDMTExLjIyLDI0LjE2LDk4LjEsMzAuNTQsODQsMzIuNzRjLTguNDcsMS4zMS0xNy4xLDEuMTYtMjUuNjMuNjZhNjIuOSw2Mi45LDAsMCwxLTIxLjY2LTVjLTEuMDktLjQ4LTIuMTgtMS0zLjI2LTEuNXMtMi4xNS0xLjA2LTMuMjEtMS42Mi0yLjEyLTEuMTMtMy4xNy0xLjcxUzI1LDIyLjQsMjMuOTMsMjEuOCwyMS44NywyMC41OCwyMC44NCwyMHMtMi4wNS0xLjI0LTMuMDctMS44N2wtMy4wNi0xLjg4LTMuMDctMS44OWMtMS0uNjItMi4wNS0xLjI1LTMuMDgtMS44NkM2LjI4LDExLjA4LDMuOTMsOS43MiwxLjY0LDguMzEsMS4xLDgsLjU1LDcuNjQsMCw3LjMyVjIzNUg2MDBTNjAwLDcuMzIsNjAwLDcuMzJhMzUuNDUsMzUuNDUsMCwwLDAtNC44MS0yLjE1LDU0LjA4LDU0LjA4LDAsMCwwLTEyLjEzLTMuMzhBODMuOTEsODMuOTEsMCwwLDAsNTYzLjI3LDFaIi8+PC9zdmc+') repeat-x; position: absolute; bottom: -195px; left: 0; width: 600px; height: 235px; } .val { color: white; font-size: 3em; position: relative; top: 56px; z-index: -1; font-weight: 400; } .val:after { position: absolute; content: "%"; opacity: 0.25; font-weight: 300; font-size: 0.70em; top: 14px; } .complete { /* background: url('https://cdn.rawgit.com/mrblade/mrbladedsigns/5b7ee492/tick.svg');*/ background: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAxIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6OHB4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+dGljazwvdGl0bGU+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI2MCAxMDQuOTYgODMuNyAxMjguNjUgMTQwIDcyLjM1Ii8+PC9zdmc+'); background-repeat: no-repeat; background-position: 50% 50%; width: 100%; position: absolute; top: 0; left: 0; height: 100%; border-radius: 50%; visibility: hidden; } #bar { position: absolute; top: -12px; left: -12px; z-index: 99; } .love { /* background: url('https://cdn.rawgit.com/mrblade/mrbladedsigns/5b7ee492/heart.svg');*/ background: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmNzI2NTM7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5oZWFydDwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTUuMSw3LjM0QTQuMjIsNC4yMiwwLDAsMCwxMi4zOS41NGEzLjgxLDMuODEsMCwwLDAtLjU5LDBBNC44Nyw0Ljg3LDAsMCwwLDgsMi4zMiw0Ljg3LDQuODcsMCwwLDAsNC4yLjVhMy44MSwzLjgxLDAsMCwwLS41OSwwQTQuMjIsNC4yMiwwLDAsMCwuOSw3LjM0TDgsMTUuNVoiLz48L3N2Zz4='); font-size: 0; width: 14px; height: 14px; display: inline-block; vertical-align: middle; margin: 0 2px; } .animated-bounce { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: bounce; animation-name: bounce; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes bounce { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } #DriversField { display: none; } } .Chamelion { color: #ed7a00; } .swal2-popup { background: rgba(84,184,152,1); color: #ffffff !important; } .Failinfo { font-size: large; font-weight: 700; } .swal2-popup { width: 39em; } .swal2-popup .swal2-footer { font-size: 11px !important; } .Failinfo .form-control { display: block; width: 100%; height: 40px; padding: 6px 5px; font-size: 13px !important; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; } #ValidationSummaryModal .modal-header { background-color: #599fbe!important; } #ValidationSummaryModal .modal-title { color: white !important; } .lender-blocks-slim { margin-top: 10px; } .panela { display: none; } .lender-blocks-slim > .panel-body { box-shadow: 6px 8px 10px 0px #33333347; } #header .header-top { display: none; } .col-md-3 .broker-repayment-slim { margin-top: 11px; padding-bottom: 10px; } .col-md-2 .broker-apr-slim { margin-top: 11px; margin-left: 0px; height: 100%; } .lender-blocks-slim .more-info-slim { text-align: initial; color: #467f93; font-size: 20px; font-weight: 700; cursor: pointer !important; margin-top: 30px; } .lender-blocks-slim .panel-body { -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75); box-shadow: 7px 10px 10px -1px rgba(0, 0, 0, 0.17); padding: 0px; } .lender-blocks-slim p { text-align: center; color: #467f93; font-size: 22px; font-weight: 700; } .broker-amount-slim p { text-align: center; color: #467f93; font-size: 22px; font-weight: 700; } .broker-amount-slim b { color: #467f93; font-size: 13px; font-weight: 500; text-transform: uppercase; } .col-md-2 .broker-amount-slim { margin-top: 11px; margin-left: 0px; height: 100%; } .col-md-2 .broker-repayment-slim { margin-top: 11px; margin-left: 0px; height: 100%; } .lender-blocks-slim b { color: #467f93; font-size: 13px; font-weight: 500; text-transform: uppercase; } /* Name: theme.css Written by: Okler Themes - (http://www.okler.net) Version: 4.0.0 */ html { direction: ltr; } body { background-color: white; color: #777777; font-family: "Open Sans", Arial, sans-serif; font-size: 14px; line-height: 22px; margin: 0; } body a { outline: none !important; } li { line-height: 24px; } /* Body */ @media (max-width: 991px) { body > .body { overflow-x: hidden; overflow-y: auto; } } /* Responsive */ @media (max-width: 479px) { body { font-size: 13px; } } @media (max-width: 479px) { h2 { font-size: 20px; } } /* Header */ #header { position: relative; z-index: 100; } #header .header-body { background: #FFF; border-top: 5px solid #EDEDED; border-bottom: 1px solid transparent; padding: 8px 0; min-height: 125px; -webkit-transition: min-height 0.3s ease; -moz-transition: min-height 0.3s ease; transition: min-height 0.3s ease; width: 100%; z-index: 1001; } #header .container { position: relative; } #header .header-container { position: relative; display: table; } #header .header-top { background-color: #f4f4f4; border-bottom: 1px solid #ededed; margin-top: -8px; padding: 8px 0; position: relative; z-index: 4; } #header .header-top::after { clear: both; content: ""; display: table; } #header .header-top p { font-size: 0.9em; margin: 0; padding: 0; line-height: 37px; float: left; } #header .header-top p .fa, #header .header-top p .icons { position: relative; top: 1px; } #header .header-top .header-search { float: right; margin-top: 2px; margin-left: 10px; margin-right: 0; } #header .header-top .header-nav-top { float: left; margin-top: 0; margin-left: 0; margin-right: 10px; } #header .header-top.header-top-colored { margin-top: -13px; border-top: 5px solid #CCC; border-bottom: 0; color: #FFF; } #header .header-top.header-top-colored p, #header .header-top.header-top-colored a, #header .header-top.header-top-colored span { color: #FFF; } #header .header-top.header-top-colored .form-control { border: 0; } #header .header-top.header-top-style-2 { background: #f6f6f6; margin-top: -16px; } #header .header-top.header-top-style-3 { margin-top: -16px; margin-bottom: 10px; } #header .header-top.header-top-style-4 { background: #E4E6ED; margin-top: -16px; margin-bottom: 10px; border-bottom: 0; } #header .header-row { display: table-row; clear: both; } #header .header-column { display: table-cell; vertical-align: middle; } #header .header-column .row { margin: 0; } #header .header-column .header-extra-info { list-style: outside none none; margin: 24px 0 0; padding: 0; float: right; } #header .header-column .header-extra-info li { display: inline-block; margin-left: 25px; } #header .header-column .header-extra-info li .feature-box small { position: relative; top: -4px; } #header .header-column.header-column-valign-top { vertical-align: top; } #header .header-column.header-column-valign-bottom { vertical-align: bottom; } #header .header-column.header-column-center { text-align: center; } #header .header-column.header-column-center .header-logo { width: 100% !important; } #header .header-nav { position: relative; z-index: 2; } #header .header-nav.header-nav-push-top { margin-top: -44px; } #header .header-nav.header-nav-stripe { margin-top: -44px; } #header .header-nav.header-nav-top-line { margin-top: -44px; } #header .header-nav.header-nav-dark-dropdown { margin-top: -44px; } #header .header-logo { float: left; position: relative; z-index: 3; } #header .header-logo img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; margin: 0; top: 0; } #header .header-nav-top { float: right; margin-top: 10px; margin-left: 10px; } #header .header-nav-top li a, #header .header-nav-top li span { color: #999; font-size: 0.9em; padding: 6px 10px; display: inline-block; } #header .header-nav-top li a .fa, #header .header-nav-top li a .icons, #header .header-nav-top li span .fa, #header .header-nav-top li span .icons { margin-right: 3px; position: relative; top: 1px; } #header .header-search { float: right; margin-top: 10px; margin-left: 10px; } #header .header-search .form-control { border-radius: 20px; font-size: 0.9em; height: 34px; margin: 0; padding: 6px 12px; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; transition: width 0.3s ease; -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; width: 170px; } #header .header-search .btn-default { background: transparent; border: 0 none; color: #CCC; position: absolute; right: 0; top: 0; z-index: 3; } #header .header-search .btn-default:hover { color: #000; } #header .header-social-icons { float: right; margin: 3px 0 0 10px; } #header .header-btn-collapse-nav { background: #CCC; color: #FFF; display: none; float: right; } #header.header-narrow .header-body { min-height: 0; } #header.header-narrow .header-logo img { margin: 12px 12px 12px 0; } #header.header-narrow .header-nav.header-nav-push-top { margin-top: -50px; margin-bottom: 13px; } #header.header-no-border-bottom .header-body { border-bottom: 0 !important; } #header.header-no-border-bottom .header-nav-main { margin-bottom: -8px; } html:not(.boxed) #header.header-full-width .header-container { width: 100%; } html #header.header-transparent { min-height: 0 !important; width: 100%; position: absolute; } html #header.header-transparent .header-body { position: fixed; top: 0; background: transparent; border-top: 0; border-bottom: 0; box-shadow: none; } html #header.header-transparent .header-body:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; background: #FFF; opacity: 0; border-bottom: 1px solid #f1f1f1; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } html.sticky-header-active #header.header-transparent .header-body { border-bottom: 0; box-shadow: none; } html.sticky-header-active #header.header-transparent .header-body:before { opacity: 1; } html #header.header-semi-transparent, html #header.header-semi-transparent-light { min-height: 0 !important; width: 100%; position: absolute; } html #header.header-semi-transparent .header-body, html #header.header-semi-transparent-light .header-body { position: fixed; top: 0; background: transparent; border-top: 0; border-bottom: 0; box-shadow: none; } html #header.header-semi-transparent .header-body:before, html #header.header-semi-transparent-light .header-body:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; background: #000; border-bottom: 0; opacity: 0.3; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } html.sticky-header-active #header.header-semi-transparent .header-body { border-bottom: 0; box-shadow: none; } html.sticky-header-active #header.header-semi-transparent .header-body:before { opacity: 0.8; } html #header.header-semi-transparent-light .header-body:before { opacity: 0.1; background: #FFF; } html.sticky-header-active #header.header-semi-transparent-light .header-body { border-bottom: 0; box-shadow: none; } html.sticky-header-active #header.header-semi-transparent-light .header-body:before { border-bottom: 1px solid #f1f1f1; opacity: 0.9; } html #header.header-transparent-bottom-border .header-body { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } html.sticky-header-active #header .header-body { position: fixed; border-bottom-color: #e9e9e9; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } /* Header Nav Main */ @media (min-width: 992px) { #header .header-nav-main { float: right; margin: 0 0 -9px; min-height: 45px; } #header .header-nav-main nav > ul > li > a { border-radius: 4px; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; padding: 10px 13px; text-transform: uppercase; } #header .header-nav-main nav > ul > li > a:focus, #header .header-nav-main nav > ul > li > a:hover { background: transparent; } #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a { background: #CCC; color: #FFF; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu { top: -1000px; display: block; opacity: 0; left: auto; border-radius: 0 4px 4px; border: 0; border-top: 5px solid #CCC; box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08); margin: -3px 0 0 0; min-width: 200px; padding: 5px; text-align: left; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a { border-bottom: 1px solid #f4f4f4; color: #777; font-size: 0.9em; font-weight: 400; padding: 8px 20px 8px 8px; position: relative; text-transform: none; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu { position: relative; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a .fa-caret-down { display: none; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after { border-color: transparent transparent transparent #CCC; border-style: solid; border-width: 5px 0 5px 5px; content: " "; display: block; float: right; height: 0; margin-right: -10px; margin-top: 5px; position: absolute; right: 15px; top: 8px; width: 0; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { display: block; left: 100%; margin-top: -10px; margin-left: -1px; border-radius: 4px; opacity: 0; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu { top: 0; opacity: 1; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:last-child a { border-bottom: 0; } #header .header-nav-main nav > ul > li.dropdown.open > a, #header .header-nav-main nav > ul > li.dropdown:hover > a { padding-bottom: 15px; } #header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu { top: auto; display: block; opacity: 1; } #header .header-nav-main nav > ul > li.dropdown-mega { position: static; } #header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu { border-radius: 4px; left: 15px; right: 15px; width: auto; } #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content { padding: 20px 30px; } #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title { color: #333333; display: block; font-size: 1em; font-weight: 600; margin-top: 20px; padding-bottom: 5px; text-transform: uppercase; } #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title:first-child { margin-top: 0; } #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav { list-style: none; padding: 0; margin: 0; } #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a { border: 0 none; border-radius: 4px; color: #777; display: block; font-size: 0.9em; font-weight: normal; margin: 0 0 0 -8px; padding: 3px 8px; text-shadow: none; text-transform: none; text-decoration: none; } #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a { background: #f4f4f4; } #header .header-nav-main.header-nav-main-square nav > ul > li > a { border-radius: 0; } #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu { margin-top: 0; border-radius: 0; } #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { border-radius: 0; } #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega > .dropdown-menu { border-radius: 0; } #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a { border-radius: 0; } #header .header-nav { display: block !important; } #header .header-nav.header-nav-push-top { margin-top: -44px; } #header .header-nav.header-nav-stripe { margin-top: -44px; } #header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a { background: transparent; padding: 86px 13px 24px; margin: -76px 0 0; } #header .header-nav.header-nav-stripe nav > ul > li > a { color: #444; } #header .header-nav.header-nav-stripe nav > ul > li:hover > a { color: #FFF; } #header .header-nav.header-nav-top-line { margin-top: -44px; } #header .header-nav.header-nav-top-line nav > ul > li > a, #header .header-nav.header-nav-top-line nav > ul > li:hover > a { background: transparent; color: #444; padding: 75px 13px 29px; margin: -71px 0 0; border-top: 5px solid transparent; } #header .header-nav.header-nav-dark-dropdown { margin-top: -44px; } #header .header-nav.header-nav-dark-dropdown nav > ul > li > a, #header .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a { background: transparent; color: #444; padding: 10px 13px 24px; } #header .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown li a { border-bottom-color: #2a2a2a; } #header .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu { background: #1e1e1e; } #header .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu > li > a { color: #969696; } #header .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu > li > a:hover, #header .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu > li > a:focus { background: #282828; } #header .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-title { color: #ababab; } #header .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li:hover > a { background: #282828; } #header .header-nav.header-nav-center .header-nav-main { float: none; margin: 0; } #header .header-nav.header-nav-center .header-nav-main > nav { width: 100%; text-align: center; } #header .header-nav.header-nav-center .header-nav-main > nav > ul > li { display: inline-block; float: none; text-align: left; } #header .header-nav-main { display: block !important; height: auto !important; } #header .header-nav-bar { background: #F4F4F4; padding: 8px 0 10px; margin-bottom: -9px; } #header .header-nav-bar .header-nav-main { float: left; } } @media (min-width: 992px) { #header .header-nav-main-light nav > ul > li > a { color: #FFF; } #header .header-nav-main-light nav > ul > li.dropdown:hover > a { background: #FFF; } #header .header-nav-main-light nav > ul > li.dropdown:hover > .dropdown-menu { border-top-color: #FFF; box-shadow: 0 20px 25px rgba(0, 0, 0, 0.05); } #header .header-nav-main-light nav > ul > li.dropdown:hover > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu { border-top-color: #FFF; } #header .header-nav-main-light nav > ul > li.active > a { background: #FFF; } #header .header-nav-main-light .dropdown-menu > li > a:hover, #header .header-nav-main-light .dropdown-menu > li > a:focus { background: #f5f5f5; } } @media (min-width: 992px) { #header .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-menu li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-mega-sub-nav li a { -webkit-transition: margin-top 0.2s ease; -moz-transition: margin-top 0.2s ease; transition: margin-top 0.2s ease; -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; margin-top: -10px; } #header .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown:hover .dropdown-mega-sub-nav li a { margin-top: 0; } } @media (min-width: 992px) { #header .header-nav-main-effect-2 nav > ul > li.dropdown .dropdown-menu { -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease; -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; opacity: 0; } #header .header-nav-main-effect-2 nav > ul > li.dropdown:hover > .dropdown-menu { opacity: 1; } } @media (min-width: 992px) { #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { -webkit-transition: left 0.2s ease, opacity 0.2s ease; -moz-transition: left 0.2s ease, opacity 0.2s ease; transition: left 0.2s ease, opacity 0.2s ease; -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; left: 90%; opacity: 0; } #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu { left: 100%; opacity: 1; } } /* Header Nav Main Mobile */ @media (max-width: 991px) { #header .header-nav-main { background: transparent; clear: both; float: none; } #header .header-nav-main nav { margin: 0 0 6px; } #header .header-nav-main nav > ul li { border-bottom: 1px solid #e8e8e8; clear: both; display: block; float: none; margin: 0; padding: 0; position: relative; } #header .header-nav-main nav > ul li a { font-size: 13px; font-style: normal; line-height: 20px; padding: 7px 8px; margin: 1px 0; border-radius: 4px; } #header .header-nav-main nav > ul li a .fa-caret-down { line-height: 35px; min-height: 38px; min-width: 30px; position: absolute; right: 5px; text-align: center; top: 0; } #header .header-nav-main nav > ul li.dropdown .dropdown-menu { background: transparent; padding: 0; margin: 0; font-size: 13px; box-shadow: none; border-radius: 0; border: 0; clear: both; display: none; float: none; position: static; } #header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu.opened > .dropdown-menu { display: block; margin-left: 20px; } #header .header-nav-main nav > ul li.dropdown.opened > .dropdown-menu { display: block; margin-left: 20px; } #header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-title { margin-top: 10px; display: block; } #header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav { margin: 0 0 0 20px; padding: 0; list-style: none; } #header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav > li > a { display: block; text-decoration: none; } #header .header-nav-main nav > ul li:last-child { border-bottom: 0; } #header .header-nav-main nav > ul > li > a { text-transform: uppercase; font-weight: 700; margin-top: 1px; margin-bottom: 1px; } #header .header-nav-main nav > ul > li.active > a, #header .header-nav-main nav > ul > li.active > a:focus, #header .header-nav-main nav > ul > li.active > a:hover { color: #FFF; } #header .header-nav-main nav .not-included { margin: 0; } #header .header-btn-collapse-nav { outline: 0; display: block; } #header .header-nav-bar { margin: 0 auto; } #header .header-nav-bar .header-btn-collapse-nav { margin-top: 14px; } #header.header-transparent .header-nav-main { padding: 10px; margin-bottom: 10px; background: #FFF; border-radius: 4px; } #header.header-semi-transparent .header-nav-main { padding: 10px; margin-bottom: 10px; background: #FFF; border-radius: 4px; } #header.header-semi-transparent-light .header-nav-main { padding: 10px; margin-bottom: 10px; background: #FFF; border-radius: 4px; } html.sticky-header-enabled #header .header-nav-main { max-height: 350px; overflow-x: hidden; overflow-y: auto; } html.sticky-header-enabled #header .header-nav-main.collapsing { overflow: hidden; } } @media (min-width: 992px) { html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav > ul > li:not(.active) > a { color: #FFF; } html #header.header-semi-transparent .header-nav-main nav > ul > li:not(.active) > a { color: #FFF; } html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav > ul > li:not(.active) > a { color: #FFF; } } @media (max-width: 767px) { #header .header-container { width: 100%; } } /* Mega Menu (Signin/SignUp) */ #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .dropdown-menu { width: 40%; right: 15px; left: auto; border-radius: 6px 0 6px 6px; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .fa-user { margin-right: 5px; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .dropdown-mega-sub-title { margin-bottom: 10px; display: block; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .sign-up-info, #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .log-in-info { text-align: center; display: block; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.signin .signin-form { display: block; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.signin .signup-form, #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.signin .recover-form { display: none; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.signup .signin-form { display: none; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.signup .signup-form { display: block; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.signup .recover-form { display: none; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.recover .signin-form, #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.recover .signup-form { display: none; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.recover .recover-form { display: block; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .user-avatar .img-thumbnail { float: left; margin-right: 15px; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .user-avatar .img-thumbnail img { max-width: 55px; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .user-avatar strong { display: block; padding-top: 7px; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .user-avatar span { display: block; font-size: 12px; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .user-avatar p { margin: 0 0 0 25px; text-align: left; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .list-account-options { list-style: square; margin: 6px 0 0; padding: 0; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .list-account-options a:hover { text-decoration: none; } /* Responsive */ @media (max-width: 991px) { #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin { margin-right: 0; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .dropdown-toggle { display: none; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .dropdown-menu { display: block !important; margin: 0 !important; padding: 0 10px 0 10px; width: 100%; right: 0; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .dropdown-menu .dropdown-mega-sub-title { font-size: 14px; font-weight: 600; text-transform: uppercase; padding-top: 5px; padding-bottom: 0; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .dropdown-toggle { display: none; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .dropdown-mega-content { margin: 15px 0 !important; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .list-account-options { margin: 15px 0 0 0 !important; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .list-account-options > li > a { line-height: 35px; } } /* Mega Menu (Signin/SignUp) */ #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu { width: 40%; right: 15px; left: auto; border-radius: 6px 0 6px 6px; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu li table { width: 100%; margin-top: 0px; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu li table tr td a { background-color: transparent !important; color: #333; padding: 0; margin: 0; display: block; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu li table tr td a.remove { float: right; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu li table tr td a:hover { text-decoration: none; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .fa-shopping-cart { margin-right: 5px; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .product-thumbnail { width: 120px; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .product-actions { text-align: right; width: 80px; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .actions-continue { margin-top: 10px; padding-top: 20px; border-top: 1px solid #DDD; clear: both; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .actions-continue .btn { margin-bottom: 10px; } /* Responsive */ @media (max-width: 991px) { #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu { margin: 15px 0; padding: 0 15px; width: 100%; } } /* Page Header */ .page-header { background-color: #171717; border-bottom: 5px solid #CCC; border-top: 5px solid #384045; margin: 0px; min-height: 50px; padding: 20px 0; position: relative; text-align: left; } .page-header .breadcrumb { background: none; margin: -3px 0 0; padding: 0; } .page-header .breadcrumb > li { text-shadow: none; } .page-header .breadcrumb.breadcrumb-valign-mid { position: absolute; top: 40%; right: 20px; } .page-header h1 { border-bottom: 5px solid #CCC; color: #FFF; display: inline-block; font-weight: 200; margin: 20px 0 5px; min-height: 37px; font-size: 2.6em; line-height: 46px; padding: 0 0 17px; position: relative; } .page-header h1 span { color: #999da3; display: block; font-size: 0.6em; font-weight: 300; margin: -10px 0 0; } .page-header-no-title-border h1 { border: 0; } /* Page Header - More Padding */ .page-header-more-padding { padding: 35px 0; } /* Page Header - Color */ .page-header-color { background-color: #F7F7F7; border-bottom: 5px solid #F4F4F4; border-top: none; } .page-header-color h1 { border-bottom: none; color: #1d2127; font-size: 2.3em; } .page-header-color h1 span { opacity: 0.65; } .page-header-color .breadcrumb > .active { opacity: 0.65; } /* Page Header - Light */ .page-header-light { background-color: #F7F7F7; border-bottom: 5px solid #F4F4F4; border-top: none; } .page-header-light h1 { border-bottom: none; color: #1d2127; font-size: 2.3em; } /* Page Header - Reverse */ .page-header-reverse { text-align: right; } .page-header-reverse .breadcrumb, .page-header-reverse .breadcrumb.breadcrumb-valign-mid { float: left; left: 20px; right: auto; margin-top: -10px; } /* Page Header - Parallax */ .page-header.parallax { margin: 0 0 35px; padding: 180px 0 60px; } .page-header-center { text-align: center; } .page-header-center .breadcrumb { margin: 15px 0 0; } /* Page Header Custom Background */ .page-header-custom-background { padding: 5px 0; background-repeat: repeat; background-color: transparent; border-top: 0; border-bottom: 0; } .page-header-custom-background h1 { color: #FFF; border: 0; } .page-header-custom-background h1 span { color: #FFF; opacity: 0.7; } .page-header-custom-background .breadcrumb.breadcrumb-valign-mid { top: 36%; } .page-header-custom-background .breadcrumb.breadcrumb-valign-mid li.active { color: #FFF; opacity: 0.7; } .page-header-custom-background .breadcrumb.breadcrumb-valign-mid a { color: #FFF; } /* Page Header Custom - Create your Own */ .page-header.custom-product { background-image: url(../img/custom-header-bg.jpg); background-repeat: repeat; background-color: #999; border-top: 5px solid #888; overflow: hidden; } .page-header.custom-product .row { position: relative; } .page-header.custom-product p.lead { color: #E8E8E8; } .page-header.custom-product img { bottom: -47px; position: relative; } .page-header.custom-product h1 { color: #FFF; margin-bottom: 10px; margin-top: 30px; border: 0; } /* Responsive */ @media (max-width: 991px) { .page-header .breadcrumb { float: none !important; position: static !important; } } @media (max-width: 479px) { .page-header { padding: 16px 0; } .page-header h1 { line-height: 37px; } } .text-muted { color: #999999 !important; } html.dark .text-muted { color: #505461 !important; } .text-dark { color: #1d2127 !important; } .text-light { color: #FFF !important; } .text-weight-light { font-weight: 300; } .text-weight-normal { font-weight: 400; } .text-weight-semibold { font-weight: 600; } .text-weight-bold { font-weight: 700; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } .text-capitalize { text-transform: capitalize; } .rounded { border-radius: 5px; } .b-thin { border-width: 3px; } .b-normal { border-width: 5px; } .b-thick { border-width: 7px; } /* Spacements */ /* spacement top & bottom */ .m-none { margin: 0 !important; } .m-auto { margin: 0 auto !important; } .m-xs { margin: 5px !important; } .m-sm { margin: 10px !important; } .m-md { margin: 15px !important; } .m-lg { margin: 20px !important; } .m-xl { margin: 25px !important; } .m-xlg { margin: 30px !important; } /* spacement top */ .mt-none { margin-top: 0 !important; } .mt-xs { margin-top: 5px !important; } .mt-sm { margin-top: 10px !important; } .mt-md { margin-top: 15px !important; } .mt-lg { margin-top: 20px !important; } .mt-xl { margin-top: 25px !important; } .mt-xlg { margin-top: 30px !important; } /* spacement bottom */ .mb-none { margin-bottom: 0 !important; } .mb-xs { margin-bottom: 5px !important; } .mb-sm { margin-bottom: 10px !important; } .mb-md { margin-bottom: 15px !important; } .mb-lg { margin-bottom: 20px !important; } .mb-xl { margin-bottom: 25px !important; } .mb-xlg { margin-bottom: 30px !important; } /* spacement left */ .ml-none { margin-left: 0 !important; } .ml-xs { margin-left: 5px !important; } .ml-sm { margin-left: 10px !important; } .ml-md { margin-left: 15px !important; } .ml-lg { margin-left: 20px !important; } .ml-xl { margin-left: 25px !important; } .ml-xlg { margin-left: 30px !important; } /* spacement right */ .mr-none { margin-right: 0 !important; } .mr-xs { margin-right: 5px !important; } .mr-sm { margin-right: 10px !important; } .mr-md { margin-right: 15px !important; } .mr-lg { margin-right: 20px !important; } .mr-xl { margin-right: 25px !important; } .mr-xlg { margin-right: 30px !important; } /* Spacement Padding */ .p-none { padding: 0 !important; } .p-xs { padding: 5px !important; } .p-sm { padding: 10px !important; } .p-md { padding: 15px !important; } .p-lg { padding: 20px !important; } .p-xl { padding: 25px !important; } .p-xlg { padding: 30px !important; } /* spacement top */ .pt-none { padding-top: 0 !important; } .pt-xs { padding-top: 5px !important; } .pt-sm { padding-top: 10px !important; } .pt-md { padding-top: 15px !important; } .pt-lg { padding-top: 20px !important; } .pt-xl { padding-top: 25px !important; } .pt-xlg { padding-top: 30px !important; } /* spacement bottom */ .pb-none { padding-bottom: 0 !important; } .pb-xs { padding-bottom: 5px !important; } .pb-sm { padding-bottom: 10px !important; } .pb-md { padding-bottom: 15px !important; } .pb-lg { padding-bottom: 20px !important; } .pb-xl { padding-bottom: 25px !important; } .pb-xlg { padding-bottom: 30px !important; } /* spacement left */ .pr-none { padding-left: 0 !important; } .pl-xs { padding-left: 5px !important; } .pl-sm { padding-left: 10px !important; } .pl-md { padding-left: 15px !important; } .pl-lg { padding-left: 20px !important; } .pl-xl { padding-left: 25px !important; } .pl-xlg { padding-left: 30px !important; } /* spacement right */ .pr-none { padding-right: 0 !important; } .pr-xs { padding-right: 5px !important; } .pr-sm { padding-right: 10px !important; } .pr-md { padding-right: 15px !important; } .pr-lg { padding-right: 20px !important; } .pr-xl { padding-right: 25px !important; } .pr-xlg { padding-right: 30px !important; } .ib { display: inline-block; vertical-align: top; } .va-middle { vertical-align: middle; } .ws-nowrap { white-space: nowrap; } .ws-normal { white-space: normal; } /* Parallax */ .parallax { background-position: 50% 50%; background-repeat: no-repeat; margin: 70px 0; padding: 50px 0; position: relative; clear: both; } .parallax blockquote { border: 0; padding: 0 10%; } .parallax blockquote i.fa-quote-left { font-size: 34px; position: relative; left: -5px; } .parallax blockquote p { font-size: 24px; line-height: 30px; } .parallax blockquote span { font-size: 16px; line-height: 20px; color: #999; position: relative; left: -5px; } .parallax.parallax-ready { background-attachment: fixed; } .parallax.parallax-disabled { background-attachment: scroll !important; background-position: 50% 50% !important; } /* Responsive */ @media (max-width: 991px) { .parallax { background-attachment: fixed !important; background-position: 50% 50% !important; background-size: cover !important; } } /* Section Featured */ section.section { background: #f4f4f4; margin: 0px 0; padding: 50px 0; } section.section.section-no-background { background: transparent; border-top-color: transparent; } section.section.section-center { text-align: center; } section.section.section-text-light h1, section.section.section-text-light h2, section.section.section-text-light h3, section.section.section-text-light h4, section.section.section-text-light h5, section.section.section-text-light h6 { color: #FFF; } section.section.section-text-light p { color: #e6e6e6; } section.section.section-background { background-repeat: repeat; border: 0; } section.section.section-overlay { position: relative; } section.section.section-overlay:before { content: ""; display: block; background: url("../img/video-overlay.png") repeat scroll 0 0 transparent; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } section.section.section-video { background: none !important; border: 0; } section.section.section-parallax { border: 0; } section.section.section-no-border { border: 0; } section.section.section-with-divider { margin: 56px 0 35px; } section.section.section-with-divider .divider { margin: -56px 0 44px; } section.section.section-footer { margin-bottom: -50px; } section.section.section-with-mockup { margin-top: 120px; } /* Responsive */ @media (max-width: 991px) { .container-fluid > .row > .p-none section.section { margin-bottom: 0; margin-top: 0; } .container-fluid > .row > .p-none:first-child section.section { margin-bottom: 0; margin-top: 30px; } .container-fluid > .row > .p-none:last-child section.section { margin-bottom: 30px; margin-top: 0; } } /* Sidebar */ aside ul.nav-list > li > a { color: #666; font-size: 0.9em; } /* Home Slider - Revolution Slider */ .slider-container { background: #171717; overflow: hidden; padding: 0; position: relative; z-index: 1; } .slider-container ul { list-style: none; margin: 0; padding: 0; } .slider-container .tp-bannershadow { filter: alpha(opacity=20); opacity: 0.20; } .slider-container .top-label { color: #FFF; font-size: 24px; font-weight: 300; } .slider-container .main-label { color: #FFF; font-size: 62px; line-height: 62px; font-weight: 800; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); } .slider-container .featured-label { color: #FFF; font-size: 52px; line-height: 52px; font-weight: 800; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); } .slider-container .bottom-label { color: #FFF; font-size: 20px; font-weight: 300; } .slider-container .blackboard-text { color: #BAB9BE; font-size: 46px; line-height: 46px; font-family: "Shadows Into Light", cursive; text-transform: uppercase; } .slider-container .tp-caption { opacity: 0; } .slider-container .tp-caption a { color: #FFF; } .slider-container .tp-caption a:hover { color: #FFF; } .slider-container .tp-caption.fullscreenvideo { height: 100%; position: absolute; top: 0; width: 100%; left: 0 !important; } .slider-container .tp-caption.fullscreenvideo video { height: 100%; width: 100%; padding: 0; position: relative; } .slider-container .top-label-dark, .slider-container .main-label-dark, .slider-container .bottom-label-dark { color: #333; } .slider-container .tp-caption-dark a { color: #333; } .slider-container .tp-caption-dark a:hover { color: #333; } .slider-container .tp-opacity-overlay { background: rgba(0, 0, 0, 0.85); } .slider-container.transparent { background-color: transparent; } .slider-container.light { background-color: #EAEAEA; } .slider-container.light .tp-bannershadow { filter: alpha(opacity=5); opacity: 0.05; top: 0; bottom: auto; z-index: 1000; } .slider-container.light .top-label, .slider-container.light .main-label, .slider-container.light .bottom-label { color: #333; } .slider-container.light .tp-caption a { color: #333; } .slider-container.light .tp-caption a:hover { color: #333; } /* Responsive */ @media (max-width: 991px) { .slider-container { min-height: 0; } } .slider { height: 495px; max-height: 495px; position: relative; } .slider > ul > li > img { visibility: hidden; } .slider > ul > li > .center-caption { left: 0 !important; margin-left: 0 !important; text-align: center; width: 100%; } .slider .tp-bannertimer { display: none; } .slider .main-button { font-size: 22px; font-weight: 600; line-height: 20px; padding-bottom: 20px; padding-top: 20px; padding-left: 25px; padding-right: 25px; } .slider-container-fullscreen { height: 2000px; max-height: none; } .slider-container-fullscreen .slider { max-height: none; } /* Home Slider - Nivo Slider */ .nivo-slider { position: relative; } .nivo-slider .theme-default .nivoSlider { border-radius: 10px 10px 0px 0px; box-shadow: none; margin-top: 10px; } .nivo-slider .theme-default .nivoSlider img { border-radius: 10px 10px 0px 0px; } .nivo-slider .theme-default .nivo-controlNav { margin-top: -72px; position: absolute; z-index: 100; right: 5px; bottom: -17px; } .nivo-slider .theme-default .nivo-caption { padding-left: 20px; } /* Slider With Overlay */ .slider-with-overlay { position: relative; } .slider-with-overlay .slider-container { z-index: auto; } /* Slider Contact Form */ .slider-contact-form { margin: -45px 0 25px; } .slider-contact-form .featured-box { text-align: left; } .slider-contact-form label.error { display: none !important; } .slider-contact-form .alert { padding: 6px; text-align: center; } .slider-contact-form textarea { resize: none; } /* Responsive */ @media (min-width: 992px) { .slider-contact-form { margin: 0; position: absolute; top: 20px; z-index: 99; width: 100%; } } /* Custom Map */ section.section-custom-map { background: transparent url(../img/map.png) center 0 no-repeat; padding: 129px 0 0; margin: 0px 0 0; border: 0; } section.section-custom-map section.section { border-top-color: rgba(241, 241, 241, 0.8); background: rgba(244, 244, 244, 0.8); } /* Home Intro */ .home-intro { margin-bottom: 20px; overflow: hidden; padding: 20px 0 10px 0; position: relative; text-align: left; z-index: 1; } .home-intro p { display: inline-block; font-weight: 400; max-width: 800px; padding-top: 5px; } .home-intro p span { color: #999; display: block; font-size: 0.8em; padding-top: 5px; } .home-intro p em { font-family: "Shadows Into Light", cursive; font-size: 1.6em; } .home-intro .get-started { margin-top: 25px; margin-bottom: 25px; position: relative; text-align: left; } .home-intro .get-started .btn { position: relative; z-index: 1; } .home-intro .get-started .btn i { font-size: 1.1em; font-weight: normal; margin-left: 5px; } .home-intro .get-started a { color: #FFF; } .home-intro .get-started a:not(.btn) { color: #777777; } .home-intro .learn-more { margin-left: 15px; } .home-intro.light { background-color: #E2E2E2; } .home-intro.light.secondary { background-color: #E0E1E4; } .home-intro.light p { color: #777777; } /* Home Intro 2 */ .home-intro-2 { overflow: hidden; position: relative; text-align: left; z-index: 1; } .home-intro-2 p { display: inline-block; font-weight: 400; max-width: 800px; padding-top: 5px; } .home-intro-2 p span { color: #999; display: block; font-size: 0.8em; padding-top: 5px; } .home-intro-2 p em { font-family: "Shadows Into Light", cursive; font-size: 1.6em; } .home-intro-2 .get-started { margin-top: 25px; margin-bottom: 25px; position: relative; text-align: left; } .home-intro-2 .get-started .btn { position: relative; z-index: 1; } .home-intro-2 .get-started .btn i { font-size: 1.1em; font-weight: normal; margin-left: 5px; } .home-intro-2 .get-started a { color: #FFF; } .home-intro-2 .get-started a:not(.btn) { } .home-intro-2 .learn-more { margin-left: 15px; } .home-intro-2.light { background-color: #E2E2E2; } .home-intro-2.light.secondary { background-color: #E0E1E4; } .home-intro-2.light p { color: #777777; } /* Home Intro Compact */ .home-intro-compact { border-radius: 0 0 10px 10px; margin-top: -10px; } .home-intro-compact p { padding-left: 20px; } .home-intro-compact .get-started { padding-right: 20px; } /* Responsive */ @media (max-width: 767px) { /* Home Intro */ .home-intro-compact { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } } /* Home Concept */ .home-concept { background: transparent url(../img/home-concept.png) no-repeat center 0; width: 100%; overflow: hidden; } .home-concept strong { display: block; font-family: "Shadows Into Light", cursive; font-size: 2.1em; font-weight: normal; position: relative; margin-top: 30px; } .home-concept .row { position: relative; } .home-concept .process-image { background: transparent url(../img/home-concept-item.png) no-repeat 0 0; width: 160px; margin: 135px auto 0 auto; padding-bottom: 50px; position: relative; z-index: 1; } .home-concept .process-image img { border-radius: 150px; margin: 7px 8px; width: auto; height: auto; max-width: 145px; max-height: 145px; } .home-concept .our-work { margin-top: 52px; font-size: 2.6em; } .home-concept .project-image { background: transparent url(../img/home-concept-item.png) no-repeat 100% 0; width: 350px; margin: 15px 0 0 -30px; padding-bottom: 45px; position: relative; z-index: 1; } .home-concept .sun { background: transparent url(../img/home-concept-icons.png) no-repeat 0 0; width: 60px; height: 56px; display: block; position: absolute; left: 10%; top: 35px; } .home-concept .cloud { background: transparent url(../img/home-concept-icons.png) no-repeat 100% 0; width: 116px; height: 56px; display: block; position: absolute; left: 57%; top: 35px; } /* Responsive */ @media (max-width: 991px) { .home-concept { background: none; } .home-concept .project-image { margin: 20px auto 0 auto; } .home-concept .process-image { margin-top: 0; padding-bottom: 25px; } } @media (max-width: 479px) { .home-concept .project-image { background-position: 0 0; margin-left: auto; max-width: 160px; } .home-concept .fc-slideshow { max-width: 145px; height: 145px; } .home-concept .fc-slideshow img { max-height: 145px; max-width: 145px; } } /* Page 404 */ .page-not-found { margin: 50px 0; } .page-not-found h2 { font-size: 140px; font-weight: 600; letter-spacing: -10px; line-height: 140px; } .page-not-found h4 { color: #777777; } .page-not-found p { font-size: 1.4em; line-height: 36px; } /* Responsive */ @media (max-width: 479px) { .page-not-found { margin: 0; } .page-not-found h2 { font-size: 100px; letter-spacing: 0; line-height: 100px; } } /* #Footer */ #footer { background: #0e0e0e; border-top: 4px solid #0e0e0e; font-size: 0.9em; margin-top: 0px; padding: 70px 0 0; position: relative; clear: both; } #footer .container .row > div { margin-bottom: 25px; } #footer .container input:focus { box-shadow: none; } #footer a:hover { color: #CCC; } #footer h1, #footer h2, #footer h3, #footer h4, #footer a { color: #FFF; } #footer h4 { font-size: 1.8em; font-weight: 200; } #footer h5 { color: #CCC; } #footer ul.nav-list > li a { border-bottom: 1px solid rgba(255, 255, 255, 0.1); line-height: 20px; padding-bottom: 11px; } #footer ul.nav-list > li:last-child a { border-bottom: 0; } #footer ul.nav-list > li a:hover { background-color: rgba(255, 255, 255, 0.05); } #footer ul.list.icons li { margin-bottom: 5px; } #footer form { filter: alpha(opacity=85); opacity: 0.85; } #footer form label.error { line-height: 16px; margin: 5px 0 -5px; display: block; clear: both; } #footer form .alert { padding: 6px; text-align: center; } #footer .footer-ribbon { background: #999; position: absolute; margin: -90px 0 0 14px; padding: 10px 20px 6px 20px; } #footer .footer-ribbon:before { border-right: 10px solid #646464; border-top: 16px solid transparent; content: ""; display: block; height: 0; left: -10px; position: absolute; top: 0; width: 7px; } #footer .footer-ribbon span { color: #FFF; font-size: 1.6em; font-family: "Shadows Into Light", cursive; } #footer .newsletter form { width: 100%; max-width: 262px; } #footer .newsletter form input.form-control { height: 34px; padding: 6px 12px; } #footer .alert a { color: #222; } #footer .alert a:hover { color: #666; } #footer .twitter .fa, #footer .twitter .icons { clear: both; font-size: 1.5em; position: relative; top: 3px; } #footer .twitter .meta { color: #999; display: block; font-size: 0.9em; padding-top: 3px; } #footer .twitter ul { list-style: none; margin: 0; padding: 0; } #footer .twitter ul li { padding-bottom: 20px; } #footer .twitter ul li:last-child { padding-bottom: 0; } #footer .twitter-account { color: #FFF; display: block; font-size: 0.9em; margin: -15px 0 5px; filter: alpha(opacity=55); opacity: 0.55; } #footer .twitter-account:hover { filter: alpha(opacity=100); opacity: 1; } #footer .contact { list-style: none; margin: 0; padding: 0; } #footer .contact i { display: block; float: left; font-size: 1.2em; margin: 7px 8px 10px 0; position: relative; text-align: center; top: -2px; width: 16px; } #footer .contact i.fa-envelope { font-size: 1em; top: 0; } #footer .contact p { margin-bottom: 10px; } #footer .logo { display: block; } #footer .logo.mb-xl { margin-bottom: 12px; } #footer .footer-copyright { background: #060606; border-top: 4px solid #060606; margin-top: 40px; padding: 30px 0 10px; } #footer .footer-copyright nav { float: right; } #footer .footer-copyright nav ul { list-style: none; margin: 0; padding: 0; } #footer .footer-copyright nav ul li { border-left: 1px solid #505050; display: inline-block; line-height: 12px; margin: 0; padding: 0 8px; } #footer .footer-copyright nav ul li:first-child { border: medium none; padding-left: 0; } #footer .footer-copyright p { color: #fff; margin: 0; padding: 0; } #footer .phone { color: #FFF; font-size: 26px; font-weight: bold; display: block; padding-bottom: 15px; margin-top: -5px; } #footer .narrow-phone { text-align: right; margin: -2px 0 0 0; } #footer .narrow-phone .phone { font-size: 16px; padding-bottom: 0; margin-top: -13px; } #footer .recent-work { list-style: none; padding: 0; margin: 0; } #footer .recent-work li { float: left; width: 30%; margin: 10px 3% 0 0; } #footer .recent-work img { border: 0; width: 100%; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); } #footer .recent-work .img-thumbnail-hover-icon { border: 0; } #footer .recent-work .img-thumbnail-hover-icon:after { font-size: 22px; margin-left: -2px; } #footer .view-more-recent-work { padding: 12px; } #footer.short { padding-top: 50px; } #footer.short .footer-copyright { background: transparent; border: 0; padding-top: 0; margin-top: 0; } #footer.light { padding-top: 60px; background: #FFF; border-top: 1px solid #DDD; } #footer.light .footer-ribbon { margin-top: -76px; margin-left: 14px; } #footer.light .footer-copyright { margin-top: 15px; background: #FFF; border-top: 1px solid #DDD; } #footer.light .footer-copyright p { color: #777; } #footer.light .phone, #footer.light .twitter-account { color: #777; } #footer.light ul.nav-pills > li.active > a { color: #FFF; } #footer.narrow { padding-top: 30px; } #footer.narrow .footer-copyright { margin-top: 0; } #footer.narrow .nav > li > a { padding: 5px 12px; } #footer.color { color: #FFF; } #footer.color p { color: #FFF; } #footer.color .footer-copyright nav ul li { border-left-color: #FFF; } /* Responsive */ @media (max-width: 991px) { #footer .phone { font-size: 20px; } } @media (max-width: 767px) { /* Footer */ #footer .phone { font-size: 20px; } } /* Dark Version */ html.dark body { background-color: #1d2127; } html.dark.boxed .body { background-color: #1d2127; } html.dark #header .header-top { background: #282d36; border-bottom-color: #2e353e; } html.dark #header .header-search .form-control { background: #21262d; } html.dark #header .header-body { background: #1d2127; border-top-color: #2e353e; } html.dark #header .header-nav-bar { background-color: #21262d; } html.dark.sticky-header-active #header .header-body { border-bottom-color: #2e353e; } html.dark #header.header-transparent .header-body { background: transparent; } html.dark #header.header-transparent .header-body:before { background-color: #1d2127; border-bottom-color: #2e353e; } html.dark #header.header-semi-transparent .header-body { background: transparent; } html.dark #header.header-semi-transparent .header-body:before { background-color: #1d2127; border-bottom-color: #2e353e; } html.dark #header.header-semi-transparent-light .header-body { background: transparent; } html.dark #header.header-semi-transparent-light .header-body:before { background-color: #1d2127; border-bottom-color: #2e353e; } html.dark h1, html.dark h2, html.dark h3, html.dark h4, html.dark h5, html.dark h6 { color: #FFF; } html.dark .alert h1, html.dark .alert h2, html.dark .alert h3, html.dark .alert h4, html.dark .alert h5, html.dark .alert h6 { color: #111; } html.dark blockquote { border-color: #282d36; } html.dark section.featured { background-color: #191c21; border-top-color: #2e353e; } html.dark section.featured.map { background-image: url(../img/map-bottom-dark.png); } html.dark section.section { background-color: #21262d; border-top-color: #282d36; } html.dark .dropdown-menu > li > a { color: #FFF; } html.dark .dropdown-menu > li > a:hover, html.dark .dropdown-menu > li > a:focus { background-color: #2e353e; } html.dark .tabs .nav-tabs li a, html.dark .tabs .nav-tabs li a:focus { border-top-color: #282d36; border-left-color: #282d36; border-right-color: #282d36; background: #282d36; } html.dark .tabs .nav-tabs li a:hover { border-top-color: #808697; } html.dark .tabs .nav-tabs li.active a, html.dark .tabs .nav-tabs li.active a:hover, html.dark .tabs .nav-tabs li.active a:focus { border-top-color: #808697; } html.dark .tabs .nav-tabs.nav-justified { border-left-width: 0; border-right-width: 0; border-left-color: transparent; border-right-color: transparent; } html.dark .tabs .nav-tabs.nav-justified li a, html.dark .tabs .nav-tabs.nav-justified li a:hover, html.dark .tabs .nav-tabs.nav-justified li a:focus { border-bottom-color: #282d36; } html.dark .tabs.tabs-left .nav-tabs > li a, html.dark .tabs.tabs-right .nav-tabs > li a { background: #282d36; border-left-color: #282d36; border-right-color: #282d36; } html.dark .tabs.tabs-left .nav-tabs > li:last-child a, html.dark .tabs.tabs-right .nav-tabs > li:last-child a { border-bottom-color: #282d36; } html.dark .tabs .nav-tabs { border-color: #282d36; } html.dark .tabs .nav-tabs li.active a, html.dark .tabs .nav-tabs li.active a:hover, html.dark .tabs .nav-tabs li.active a:focus, html.dark .tabs .nav-tabs.nav-justified li.active a, html.dark .tabs .nav-tabs.nav-justified li.active a:hover, html.dark .tabs .nav-tabs.nav-justified li.active a:focus { background: #2e353e; border-left-color: #2e353e; border-right-color: #2e353e; } html.dark .tabs .nav-tabs.nav-justified li.active a { border-bottom-color: #2e353e; } html.dark .tabs.tabs-vertical { border-top-color: #2e353e; } html.dark .tabs.tabs-bottom .nav-tabs li a, html.dark .tabs.tabs-bottom .nav-tabs li a:focus { border-bottom-color: #282d36; border-top-color: #2e353e; } html.dark .tabs.tabs-bottom .nav-tabs li a:hover { border-bottom-color: #808697; border-top-color: #2e353e; } html.dark .tabs.tabs-bottom .nav-tabs li.active a, html.dark .tabs.tabs-bottom .nav-tabs li.active a:hover, html.dark .tabs.tabs-bottom .nav-tabs li.active a:focus { border-bottom-color: #808697; border-top-color: #2e353e; } html.dark .tabs .tab-content { background: #2e353e; border-color: #2e353e; } html.dark .tabs-primary.tabs-bottom .nav-tabs li a, html.dark .tabs-primary.tabs-bottom .nav-tabs li a:hover, html.dark .tabs-primary.tabs-bottom .nav-tabs li a:focus, html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a, html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:focus { border-top-color: #2e353e !important; } html.dark .nav-tabs li.active a, html.dark .nav-tabs li.active a:hover, html.dark .nav-tabs li.active a:focus, html.dark .nav-tabs li a { color: #808697; } html.dark .tab-content { background: #2e353e; border-color: #1d2127; } html.dark .tabs-simple .tab-content, html.dark .tabs-simple .nav-tabs li a, html.dark .tabs-simple .nav-tabs li.active a { background: transparent !important; } html.dark .nav > li > a:hover, html.dark .nav > li > a:focus { background-color: #2e353e; } html.dark .call-to-action.call-to-action-default { background: #282d36; } html.dark .call-to-action.call-to-action-dark { background: #2e353e; } html.dark .call-to-action.with-borders { border-top-color: #2e353e; border-bottom-color: #2e353e; border-left-color: #282d36; border-right-color: #282d36; } html.dark .call-to-action.with-full-borders { border-color: #2e353e; } html.dark .call-to-action.featured { background: -webkit-linear-gradient( top , #282d36 1%, #2e353e 98%) repeat scroll 0 0 transparent; background: linear-gradient(to bottom, #282d36 1%, #2e353e 98%) repeat scroll 0 0 transparent; border-bottom-color: #2e353e; border-left-color: #282d36; border-right-color: #282d36; } html.dark .call-to-action.call-to-action-in-footer:before { border-top-color: #1d2127; } html.dark .counters.with-borders .counter { border-top: 1px solid #2e353e; border-bottom: 1px solid #2e353e; border-left: 1px solid #282d36; border-right: 1px solid #282d36; } html.dark .counters.counters-text-dark .counter { color: #FFF !important; } html.dark .counters.counters-text-dark .counter .fa, html.dark .counters.counters-text-dark .counter .icons, html.dark .counters.counters-text-dark .counter strong, html.dark .counters.counters-text-dark .counter label { color: #FFF !important; } html.dark section.timeline:after { background: #505050; background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8)); background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); } html.dark section.timeline .timeline-date { background-color: #282d36; border-color: #282d36; text-shadow: none; } html.dark section.timeline .timeline-title { background: #282d36; } html.dark section.timeline .timeline-box { border-color: #282d36; background: #282d36; } html.dark section.timeline .timeline-box.left:before { box-shadow: 0 0 0 3px #282d36, 0 0 0 6px #282d36; } html.dark section.timeline .timeline-box.left:after { background: #282d36; border-right-color: #282d36; border-top-color: #282d36; } html.dark section.timeline .timeline-box.right:before { box-shadow: 0 0 0 3px #282d36, 0 0 0 6px #282d36; } html.dark section.timeline .timeline-box.right:after { background: #282d36; border-left-color: #282d36; border-bottom-color: #282d36; } html.dark .form-control { background-color: #282d36; border-color: #282d36; } html.dark .btn-default { background-color: #282d36; border-color: #282d36; color: #FFF; } html.dark .btn.disabled, html.dark .btn[disabled] { border-color: #282d36 !important; } html.dark .pagination > li > a, html.dark .pagination > li > span { background-color: #282d36; border-color: #242830; } html.dark .theme-default .nivoSlider { background-color: #1d2127; } html.dark section.section-custom-map { background: transparent url(../img/map-dark.png) center 0 no-repeat; } html.dark section.section-custom-map section.section { border-top-color: rgba(40, 45, 54, 0.8); background: rgba(33, 38, 45, 0.8); } html.dark .home-concept { background-image: url(../img/home-concept-dark.png); } html.dark .home-concept .process-image { background-image: url(../img/home-concept-item-dark.png); } html.dark .home-concept .project-image { background-image: url(../img/home-concept-item-dark.png); } html.dark .home-concept .sun { background-image: url(../img/home-concept-icons-dark.png); } html.dark .home-concept .cloud { background-image: url(../img/home-concept-icons-dark.png); } html.dark .page-header { border-bottom-color: #191c21; } html.dark .page-header-light { background-color: #2e353e; } html.dark .panel-group .panel { background-color: #282d36; } html.dark .panel-group .panel-default { border-color: #282d36; } html.dark .panel-group .panel-heading { background-color: #2e353e; } html.dark .panel-group .form-control { background-color: #21262d; border-color: #21262d; } html.dark .toggle > label { background-color: #2e353e; } html.dark .toggle.toggle-simple .toggle > label { color: #FFF; } html.dark .featured-box { background: #2e353e; border-left-color: #2e353e; border-right-color: #2e353e; border-bottom-color: #2e353e; } html.dark .featured-box.secondary h4 { color: #FFF; } html.dark .featured-boxes-flat .featured-box .box-content { background: #2e353e; } html.dark .featured-boxes-style-5 .featured-box .box-content h4, html.dark .featured-boxes-style-6 .featured-box .box-content h4, html.dark .featured-boxes-style-7 .featured-box .box-content h4 { color: #FFF; } html.dark .featured-boxes-style-2 .featured-box { background: transparent; } html.dark .featured-boxes-style-3 .featured-box .icon-featured { background: #1d2127; } html.dark .featured-boxes-style-4 .featured-box { background: transparent; } html.dark .featured-boxes-style-5 .featured-box { background: transparent; } html.dark .featured-boxes-style-5 .featured-box .icon-featured { background: #282d36; border-color: #2e353e; } html.dark .featured-boxes-style-6 .featured-box { background: transparent; } html.dark .featured-boxes-style-6 .featured-box .icon-featured { background: #282d36; border-color: #2e353e; } html.dark .featured-boxes-style-6 .featured-box .icon-featured:after { border-color: #2e353e; } html.dark .featured-boxes-style-7 .featured-box { background: transparent; } html.dark .featured-boxes-style-7 .featured-box .icon-featured { background: #282d36; border-color: #2e353e; } html.dark .featured-boxes-style-7 .featured-box .icon-featured:after { box-shadow: 3px 3px #161a1e; } html.dark .featured-boxes-style-8 .featured-box .icon-featured { background: #2e353e; } html.dark .featured-box-effect-1 .icon-featured:after { box-shadow: 0 0 0 3px #2e353e; } html.dark .feature-box.feature-box-style-2 h4, html.dark .feature-box.feature-box-style-3 h4, html.dark .feature-box.feature-box-style-4 h4 { color: #FFF; } html.dark .feature-box.feature-box-style-6 .feature-box-icon { border-color: #2e353e; } html.dark .feature-box.feature-box-style-6 .feature-box-icon:after { border-color: #2e353e; } html.dark .owl-dots .owl-dot span { background: #2e353e; } html.dark .owl-carousel.top-border { border-top-color: #3F4247; } html.dark .progress { background: #2e353e; } html.dark .arrow { background-image: url(../img/arrows-dark.png); } html.dark .thumbnail, html.dark .img-thumbnail, html.dark .thumb-info { background-color: #282d36; border-color: #282d36; } html.dark .thumb-info .thumb-info-wrapper:after { background-color: rgba(29, 33, 39, 0.9); } html.dark .thumb-info-social-icons { border-top-color: #373f4a; } html.dark ul.nav-list > li a { border-bottom-color: #282d36; } html.dark ul.nav-list > li a:hover { background-color: #282d36; } html.dark .content-grid .content-grid-item:before { border-left-color: #2e353e; } html.dark .content-grid .content-grid-item:after { border-bottom-color: #2e353e; } html.dark .content-grid.content-grid-dashed .content-grid-item:before { border-left-color: #2e353e; } html.dark .content-grid.content-grid-dashed .content-grid-item:after { border-bottom-color: #2e353e; } html.dark .testimonial .testimonial-author strong { color: #FFF; } html.dark .testimonial.testimonial-style-3 blockquote { background: #2e353e !important; } html.dark .testimonial.testimonial-style-3 .testimonial-arrow-down { border-top-color: #2e353e !important; } html.dark .testimonial.testimonial-style-4 { border-color: #2e353e !important; } html.dark .testimonial.testimonial-style-5 .testimonial-author { border-top-color: #2e353e !important; } html.dark .page-header { border-bottom-color: #282d36; } html.dark .table > thead > tr > th, html.dark .table > tbody > tr > th, html.dark .table > tfoot > tr > th, html.dark .table > thead > tr > td, html.dark .table > tbody > tr > td, html.dark .table > tfoot > tr > td, html.dark .table-bordered { border-color: #282d36; } html.dark .table-striped > tbody > tr:nth-child(2n+1) > td, html.dark .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: #2e353e; } html.dark pre { background-color: #282d36; border-color: #282d36; color: #777777; } html.dark .show-grid [class*="col-md-"] .show-grid-block { background-color: #282d36; border-color: #282d36; } html.dark .google-map-borders, html.dark .embed-responsive-borders { border-color: #2e353e; } html.dark .alert.alert-default { border-color: #2e353e; background-color: #282d36; } html.dark hr { background-image: -webkit-linear-gradient(left, transparent, #3f4247, transparent); background-image: linear-gradient(to right, transparent, #3f4247, transparent); } html.dark hr.light { background-image: -webkit-linear-gradient(left, transparent, #3f4247, transparent); background-image: linear-gradient(to right, transparent, #3f4247, transparent); } html.dark hr.solid { background: #3F4247; } html.dark .divider { background-image: -webkit-linear-gradient(left, transparent, #3f4247, transparent); background-image: linear-gradient(to right, transparent, #3f4247, transparent); } html.dark .divider .fa, html.dark .divider .icons { background: #1d2127; } html.dark .divider.divider-solid { background: #3F4247; } html.dark .divider.divider-style-2 .fa, html.dark .divider.divider-style-2 .icons { background: #21262d; } html.dark .divider.divider-style-3 .fa, html.dark .divider.divider-style-3 .icons { border-color: #3F4247; } html.dark .divider.divider-style-4 .fa, html.dark .divider.divider-style-4 .icons { border-color: #3F4247; } html.dark .divider.divider-style-4 .fa:after, html.dark .divider.divider-style-4 .icons:after { border-color: #21262d; } html.dark .divider.divider-small { background: transparent; } html.dark .divider.divider-small hr { background: #3F4247; } html.dark .divider.divider-small.divider-light hr { background: #3F4247; } html.dark hr.dashed:after, html.dark .divider.dashed:after { border-color: #3F4247; } html.dark .heading.heading-bottom-border h1 { border-bottom-color: #3f4247; } html.dark .heading.heading-bottom-border h2, html.dark .heading.heading-bottom-border h3 { border-bottom-color: #3f4247; } html.dark .heading.heading-bottom-border h4, html.dark .heading.heading-bottom-border h5, html.dark .heading.heading-bottom-border h6 { border-bottom-color: #3f4247; } html.dark .heading.heading-bottom-double-border h1, html.dark .heading.heading-bottom-double-border h2, html.dark .heading.heading-bottom-double-border h3 { border-bottom-color: #3f4247; } html.dark .heading.heading-bottom-double-border h4, html.dark .heading.heading-bottom-double-border h5, html.dark .heading.heading-bottom-double-border h6 { border-bottom-color: #3f4247; } html.dark .heading.heading-middle-border:before { border-top-color: #3f4247; } html.dark .heading.heading-middle-border h1, html.dark .heading.heading-middle-border h2, html.dark .heading.heading-middle-border h3, html.dark .heading.heading-middle-border h4, html.dark .heading.heading-middle-border h5, html.dark .heading.heading-middle-border h6 { background: #1d2127; } html.dark ul.history li .thumb { background-image: url(../img/history-thumb-dark.png); } html.dark .recent-posts .date .day { background-color: #2e353e; } html.dark .blog-posts article { border-color: #282d36; } html.dark section.featured .recent-posts .date .day, html.dark article.post .post-date .day { background-color: #282d36; } html.dark article .post-video, html.dark article .post-video iframe, html.dark article .post-audio, html.dark article .post-audio iframe { background-color: #282d36; border-color: #282d36; } html.dark ul.simple-post-list li { border-bottom-color: #21262d; } html.dark .post-block { border-top-color: #191c21; } html.dark ul.comments .comment-block { background-color: #282d36; } html.dark ul.comments .comment-arrow { border-right-color: #282d36; } html.dark .pricing-table li { border-top-color: #21262d; } html.dark .pricing-table h3 { background-color: #21262d; text-shadow: none; } html.dark .pricing-table h3 span { background: #282d36; border-color: #242830; box-shadow: 0 5px 20px #242830 inset, 0 3px 0 #282d36 inset; color: #777777; } html.dark .pricing-table .most-popular { border-color: #282d36; } html.dark .pricing-table .most-popular h3 { background-color: #282d36; color: #FFF; text-shadow: none; } html.dark .pricing-table .plan-ribbon { background-color: #282d36; } html.dark .pricing-table .plan { background: #282d36; border: 1px solid #282d36; color: #777777; text-shadow: none; } html.dark .product-thumb-info { background-color: #282d36; border-color: transparent; } html.dark .shop .quantity .qty { background-color: #282d36; border-color: transparent; } html.dark .shop .quantity .minus, html.dark .shop .quantity .plus { background-color: #21262d; border-color: transparent; } html.dark .shop table.cart td, html.dark .shop .cart-totals th, html.dark .shop .cart-totals td { border-color: #282d36; } html.dark .dialog { background-color: #1d2127; } html.dark .modal-content { background-color: #1d2127; } html.dark .modal-header { border-bottom-color: #282d36; } html.dark .modal-header h1, html.dark .modal-header h2, html.dark .modal-header h3, html.dark .modal-header h4, html.dark .modal-header h5, html.dark .modal-header h6 { color: #777777; } html.dark .modal-header .close { text-shadow: none; color: #FFF; } html.dark .modal-footer { border-top-color: #282d36; } html.dark .loading-overlay { background: #1d2127; } html.dark .loading-overlay .loader:after { -webkit-animation: animateLoaderAfterWhite 1s ease-in-out infinite; -moz-animation: animateLoaderAfterWhite 1s ease-in-out infinite; animation: animateLoaderAfterWhite 1s ease-in-out infinite; } html.dark #footer .newsletter form .btn-default { background-color: #21262d; border-color: #21262d; color: #777777; } /* Responsive */ @media (min-width: 992px) { html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu { background: #21262d; } html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li a { border-bottom-color: #2e353e; } html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown-mega:not(.dropdown-full-color) .dropdown-mega-sub-title { color: #999; } html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown-mega:not(.dropdown-full-color) .dropdown-mega-sub-nav > li:hover > a { background: #2e353e; } html.dark #header .header-nav.header-nav-stripe nav > ul > li > a { color: #CCC; } html.dark #header .header-nav.header-nav-stripe nav > ul > li:hover > a { color: #FFF; } html.dark #header .header-nav.header-nav-top-line nav > ul > li > a, html.dark #header .header-nav.header-nav-top-line nav > ul > li:hover > a { color: #CCC; } html.dark #header .header-nav.header-nav-dark-dropdown nav > ul > li > a, html.dark #header .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a { color: #CCC; } html.dark .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu { background-color: #1d2127; } } @media (max-width: 991px) { html.dark #header .header-nav-main nav > ul li { border-bottom-color: #2e353e; } html.dark #header.header-transparent .header-nav-main, html.dark #header.header-semi-transparent .header-nav-main, html.dark #header.header-semi-transparent-light .header-nav-main { background-color: #1d2127; } } /* Boxed Layout */ html.boxed body { background-color: transparent; background-position: 0 0; background-repeat: repeat; } html.boxed .body { background-color: #FFF; border-bottom: 5px solid #1d2127; border-radius: 5px; border-top: 5px solid #CCC; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); margin: 25px auto; max-width: 1200px; height: auto; } /* Responsive */ @media (min-width: 1200px) { html.boxed.sticky-header-active #header .header-body { width: auto; } html.boxed #header.header-transparent .header-body, html.boxed #header.header-semi-transparent .header-body, html.boxed #header.header-semi-transparent-light .header-body { width: auto; } } @media (min-width: 992px) { html.boxed #header .header-top.header-top-colored { margin-top: -18px; border-radius: 4px 4px 0 0; } html.boxed #header.header-transparent .header-body, html.boxed #header.header-semi-transparent .header-body, html.boxed #header.header-semi-transparent-light .header-body { padding-left: 15px; padding-right: 15px; } html.boxed #header .header-top.header-top-style-2, html.boxed #header .header-top.header-top-style-3, html.boxed #header .header-top.header-top-style-4 { margin-top: -13px; } html.boxed.sticky-header-active #header .header-body { padding-left: 15px; padding-right: 15px; } html.boxed.sticky-header-active #header .header-nav-bar { margin: 0 -15px -9px; } } @media (max-width: 991px) { html.boxed .body { margin: 0 auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } } @media (max-width: 767px) { /* Boxed */ html.boxed { background: none !important; } } /* Name: theme-elements.css Written by: Okler Themes - (http://www.okler.net) Version: 4.0.0 */ /* Headings */ h1, h2, h3, h4, h5, h6 { color: #1d2127; font-weight: 200; letter-spacing: -1px; margin: 0; } h1 { font-size: 2.6em; line-height: 44px; margin: 0 0 32px 0; } h2 { font-size: 2.2em; font-weight: 300; line-height: 42px; margin: 0 0 32px 0; } h3 { font-size: 1.8em; font-weight: 400; letter-spacing: normal; line-height: 24px; margin-bottom: 33px; text-transform: uppercase; } h4 { font-size: 1.4em; font-weight: 400; letter-spacing: normal; line-height: 27px; margin: 0 0 14px 0; } h5 { font-size: 1em; font-weight: 600; letter-spacing: normal; line-height: 18px; margin: 0 0 14px 0; text-transform: uppercase; } h6 { color: #333; font-size: 1em; font-weight: 400; letter-spacing: normal; line-height: 18px; margin: 0 0 14px 0; } h1.big { font-size: 4.2em; line-height: 54px; } h1.small { font-size: 2.2em; line-height: 42px; font-weight: 600; } h1.short { margin-bottom: 15px; } h2.short { margin-bottom: 15px; } h3.short, h4.short, h5.short, h6.short { margin-bottom: 9px; } h1.shorter, h2.shorter, h3.shorter, h4.shorter, h5.shorter, h6.shorter { margin-bottom: 0; } h1.tall, h2.tall, h3.tall, h4.tall, h5.tall, h6.tall { margin-bottom: 33px; } h1.taller, h2.taller, h3.taller, h4.taller, h5.taller, h6.taller { margin-bottom: 44px; } h1.spaced, h2.spaced, h3.spaced, h4.spaced, h5.spaced, h6.spaced { margin-top: 22px; } h1.more-spaced, h2.more-spaced, h3.more-spaced, h4.more-spaced, h5.more-spaced, h6.more-spaced { margin-top: 44px; } h1.dark, h2.dark, h3.dark, h4.dark, h5.dark { color: #1d2127; } h1.light, h2.light, h3.light, h4.light, h5.light, h6.light { color: #FFF; } h1.text-shadow, h2.text-shadow, h3.text-shadow, h4.text-shadow, h5.text-shadow, h6.text-shadow { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); } /* Heading */ .heading.heading-border { margin-bottom: 25px; } .heading.heading-border h1, .heading.heading-border h2, .heading.heading-border h3, .heading.heading-border h4, .heading.heading-border h5, .heading.heading-border h6 { margin: 0; padding: 0; } .heading.heading-bottom-border h1 { border-bottom: 5px solid #DBDBDB; padding-bottom: 10px; } .heading.heading-bottom-border h2, .heading.heading-bottom-border h3 { border-bottom: 2px solid #DBDBDB; padding-bottom: 10px; } .heading.heading-bottom-border h4, .heading.heading-bottom-border h5, .heading.heading-bottom-border h6 { border-bottom: 1px solid #DBDBDB; padding-bottom: 5px; } .heading.heading-bottom-double-border h1, .heading.heading-bottom-double-border h2, .heading.heading-bottom-double-border h3 { border-bottom: 3px double #DBDBDB; padding-bottom: 10px; } .heading.heading-bottom-double-border h4, .heading.heading-bottom-double-border h5, .heading.heading-bottom-double-border h6 { border-bottom: 3px double #DBDBDB; padding-bottom: 5px; } .heading.heading-middle-border { position: relative; } .heading.heading-middle-border:before { border-top: 1px solid #DBDBDB; content: ""; height: 0; left: auto; position: absolute; right: 0; top: 50%; width: 100%; } .heading.heading-middle-border h1, .heading.heading-middle-border h2, .heading.heading-middle-border h3, .heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6 { position: relative; background: #FFF; display: inline-block; } .heading.heading-middle-border h1 { padding-right: 15px; } .heading.heading-middle-border h2, .heading.heading-middle-border h3 { padding-right: 10px; } .heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6 { padding-right: 5px; } .heading.heading-middle-border-reverse { text-align: right; } .heading.heading-middle-border-reverse h1, .heading.heading-middle-border-reverse h2, .heading.heading-middle-border-reverse h3, .heading.heading-middle-border-reverse h4, .heading.heading-middle-border-reverse h5, .heading.heading-middle-border-reverse h6 { padding-right: 0; } .heading.heading-middle-border-reverse h1 { padding-left: 15px; } .heading.heading-middle-border-reverse h2, .heading.heading-middle-border-reverse h3 { padding-left: 10px; } .heading.heading-middle-border-reverse h4, .heading.heading-middle-border-reverse h5, .heading.heading-middle-border-reverse h6 { padding-left: 5px; } .heading.heading-middle-border-center { text-align: center; } .heading.heading-middle-border-center h1 { padding-left: 15px; padding-right: 15px; } .heading.heading-middle-border-center h2, .heading.heading-middle-border-center h3 { padding-left: 10px; padding-right: 10px; } .heading.heading-middle-border-center h4, .heading.heading-middle-border-center h5, .heading.heading-middle-border-center h6 { padding-left: 5px; padding-right: 5px; } .heading.heading-border-xs:before { border-top-width: 1px; } .heading.heading-border-sm:before { border-top-width: 2px; } .heading.heading-border-lg:before { border-top-width: 3px; } .heading.heading-border-xl:before { border-top-width: 5px; } /* Modal Titles */ .modal-header h3 { color: #333; text-transform: none; } /* Responsive */ @media (max-width: 479px) { h2 { line-height: 40px; } } @media (max-width: 767px) { h1.big { font-size: 3.2em; line-height: 42px; } } /* Blockquote */ blockquote { font-size: 1em; } blockquote.with-borders { border-radius: 6px; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); padding: 15px 20px; } /* Paragraphs */ p { color: #777777; line-height: 24px; margin: 0 0 20px; } p.featured { font-size: 1.6em; line-height: 1.5em; } p.short { margin-bottom: 0; } p.tall { margin-bottom: 20px; } p.taller { margin-bottom: 40px; } p .alternative-font { display: inline-block; margin-top: -15px; position: relative; top: 3px; margin-bottom: -6px; } /* Links */ a, a:hover, a:focus { color: #CCC; } /* Drop Caps */ p.drop-caps:first-child:first-letter { float: left; font-size: 75px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; font-family: Georgia; } p.drop-caps.drop-caps-style-2:first-child:first-letter { background-color: #CCC; color: #FFF; padding: 6px; margin-right: 5px; border-radius: 4px; } /* Alternative Font Style */ .alternative-font { color: #CCC; font-family: "Shadows Into Light", cursive; font-size: 1.6em; } /* Navs */ ul.nav-list li { margin: 0; padding: 0; display: block; position: relative; } ul.nav-list li a { -webkit-transition: background 0.1s; -moz-transition: background 0.1s; transition: background 0.1s; border-bottom: 1px solid #EDEDDE; padding: 8px 0; display: block; color: #666; font-size: 0.9em; text-decoration: none; } ul.nav-list li a:before { content: ""; display: inline-block; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #333; margin-left: 10px; margin-right: 5px; position: relative; } ul.nav-list li a:hover { background-color: #eee; text-decoration: none; } ul.nav-list li.active > a { font-weight: bold; } ul.nav-list li ul { list-style: none; margin: 0 0 0 25px; padding: 0; } ul.nav-list li:last-child a { border-bottom: none; } ul.nav-list.hide-not-active li ul { display: none; } ul.nav-list.hide-not-active li.active ul { display: block; } ul.nav-list.show-bg-active .active > a { background-color: #f5f5f5; } ul.nav-list.show-bg-active .active > a:hover { background-color: #eee; } ul.narrow li a { padding: 4px 0; } ul.nav-pills > li.active > a { background-color: #CCC; } ul.nav-pills > li.active > a:hover, ul.nav-pills > li.active > a:focus { background-color: #CCC; } /* Buttons */ .btn { -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; } .btn-default { color: #666; } .btn-icon i { margin-right: 10px; } .btn-icon-right i { margin-right: 0; margin-left: 10px; } .btn-primary { border-color: #cccccc; background-color: #cccccc; border-color: #cccccc #cccccc #b3b3b3; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .btn-primary:hover { border-color: #d9d9d9 #d9d9d9 #bfbfbf; background-color: #d9d9d9; color: white; } .btn-primary:active, .btn-primary:focus { border-color: #bfbfbf; background-color: #bfbfbf; color: white; } .btn-primary.dropdown-toggle { border-left-color: #bfbfbf; } .btn-primary[disabled] { border-color: white; background-color: white; color: #CCC; } .btn-success { border-color: #47a447; background-color: #47a447; border-color: #47a447 #47a447 #388038; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .btn-success:hover { border-color: #51b451 #51b451 #3f923f; background-color: #51b451; color: white; } .btn-success:active, .btn-success:focus { border-color: #3f923f; background-color: #3f923f; color: white; } .btn-success.dropdown-toggle { border-left-color: #3f923f; } .btn-success[disabled] { border-color: #86cb86; background-color: #86cb86; color: #CCC; } .btn-warning { border-color: #ed9c28; background-color: #ed9c28; border-color: #ed9c28 #ed9c28 #d18211; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .btn-warning:hover { border-color: #efa740 #efa740 #e89113; background-color: #efa740; color: white; } .btn-warning:active, .btn-warning:focus { border-color: #e89113; background-color: #e89113; color: white; } .btn-warning.dropdown-toggle { border-left-color: #e89113; } .btn-warning[disabled] { border-color: #f5c786; background-color: #f5c786; color: #CCC; } .btn-danger { border-color: #d2322d; background-color: #d2322d; border-color: #d2322d #d2322d #a82824; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .btn-danger:hover { border-color: #d64742 #d64742 #bd2d29; background-color: #d64742; color: white; } .btn-danger:active, .btn-danger:focus { border-color: #bd2d29; background-color: #bd2d29; color: white; } .btn-danger.dropdown-toggle { border-left-color: #bd2d29; } .btn-danger[disabled] { border-color: #e48481; background-color: #e48481; color: #CCC; } .btn-info { border-color: #5bc0de; background-color: #5bc0de; border-color: #5bc0de #5bc0de #31b0d5; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .btn-info:hover { border-color: #70c8e2 #70c8e2 #46b8da; background-color: #70c8e2; color: white; } .btn-info:active, .btn-info:focus { border-color: #46b8da; background-color: #46b8da; color: white; } .btn-info.dropdown-toggle { border-left-color: #46b8da; } .btn-info[disabled] { border-color: #b0e1ef; background-color: #b0e1ef; color: #CCC; } .btn-dark { border-color: #1d2127; background-color: #1d2127; border-color: #1d2127 #1d2127 #07080a; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .btn-dark:hover { border-color: #282d36 #282d36 #121518; background-color: #282d36; color: white; } .btn-dark:active, .btn-dark:focus { border-color: #121518; background-color: #121518; color: white; } .btn-dark.dropdown-toggle { border-left-color: #121518; } .btn-dark[disabled] { border-color: #495362; background-color: #495362; color: #CCC; } /* Border Buttons */ .btn-borders { border-width: 3px; } .btn-borders.btn-primary { background: transparent; border-color: #cccccc; color: #cccccc; text-shadow: none; } .btn-borders.btn-primary:hover, .btn-borders.btn-primary:focus { background-color: #d9d9d9; border-color: #cccccc !important; color: white; } .btn-borders.btn-success { background: transparent; border-color: #47a447; color: #47a447; text-shadow: none; } .btn-borders.btn-success:hover, .btn-borders.btn-success:focus { background-color: #51b451; border-color: #47a447 !important; color: white; } .btn-borders.btn-warning { background: transparent; border-color: #ed9c28; color: #ed9c28; text-shadow: none; } .btn-borders.btn-warning:hover, .btn-borders.btn-warning:focus { background-color: #efa740; border-color: #ed9c28 !important; color: white; } .btn-borders.btn-danger { background: transparent; border-color: #d2322d; color: #d2322d; text-shadow: none; } .btn-borders.btn-danger:hover, .btn-borders.btn-danger:focus { background-color: #d64742; border-color: #d2322d !important; color: white; } .btn-borders.btn-info { background: transparent; border-color: #5bc0de; color: #5bc0de; text-shadow: none; } .btn-borders.btn-info:hover, .btn-borders.btn-info:focus { background-color: #70c8e2; border-color: #5bc0de !important; color: white; } .btn-borders.btn-dark { background: transparent; border-color: #1d2127; color: #1d2127; text-shadow: none; } .btn-borders.btn-dark:hover, .btn-borders.btn-dark:focus { background-color: #282d36; border-color: #1d2127 !important; color: white; } /* Border Buttons - Sizes */ .btn-borders { padding: 4px 12px; } .btn-borders.btn-lg, .btn-group-lg > .btn-borders.btn { padding: 8px 16px; } .btn-borders.btn-sm, .btn-group-sm > .btn-borders.btn { border-width: 2px; padding: 4px 10px; } .btn-borders.btn-xs, .btn-group-xs > .btn-borders.btn { padding: 1px 5px; border-width: 1px; } /* 3D Buttons */ .btn-3d { border-bottom-width: 3px; padding: 5px 12px; border-radius: 6px; } .btn-3d.btn-lg, .btn-group-lg > .btn-3d.btn { padding: 9px 16px; } .btn-3d.btn-sm, .btn-group-sm > .btn-3d.btn { border-width: 2px; padding: 4px 10px; } .btn-3d.btn-xs, .btn-group-xs > .btn-3d.btn { padding: 1px 5px; border-width: 1px; } /* Labels */ .label-primary { background-color: #cccccc; color: white; } .label-success { background-color: #47a447; color: white; } .label-warning { background-color: #ed9c28; color: white; } .label-danger { background-color: #d2322d; color: white; } .label-info { background-color: #5bc0de; color: white; } .label-dark { background-color: #1d2127; color: white; } .label.label-sm { font-size: 0.7em; } .label.label-lg { font-size: 1em; } /* Forms */ form label { font-weight: normal; } textarea { resize: vertical; } select { border: 1px solid #E5E7E9; border-radius: 6px; outline: none; } .label { font-weight: normal; } .form-group:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .form-control:focus { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; border-color: #CCC; } .form-control.error { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .form-control.error:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } /* Forms Validations */ label.valid { display: inline-block; text-indent: -9999px; } label.error { color: #c10000; font-size: 0.9em; line-height: 18px; padding: 5px 0 0; } label.error#captcha-error { margin-top: 15px; } /* Captcha */ .captcha { clear: both; overflow: hidden; background: #F2F2F2; text-align: center; margin-bottom: 20px; max-width: 160px; height: 78px; position: relative; } .captcha input { border: 0; } .captcha-input { position: relative; top: 15px; font-size: 14px; } .captcha-image { float: left; position: relative; top: -5px; left: -13px; } .captcha-refresh { position: absolute; z-index: 1; bottom: 2px; right: 2px; border-radius: 3px; padding: 2px 5px; } .captcha-refresh a, .captcha-refresh a:hover, .captcha-refresh a:focus, .captcha-refresh a:active { color: #333; } /* Tables */ .table > thead > tr > td.primary, .table > tbody > tr > td.primary, .table > tfoot > tr > td.primary, .table > thead > tr > th.primary, .table > tbody > tr > th.primary, .table > tfoot > tr > th.primary, .table > thead > tr.primary > td, .table > tbody > tr.primary > td, .table > tfoot > tr.primary > td, .table > thead > tr.primary > th, .table > tbody > tr.primary > th, .table > tfoot > tr.primary > th { background-color: #cccccc; color: white; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #47a447; color: white; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #ed9c28; color: white; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #d2322d; color: white; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #5bc0de; color: white; } .table > thead > tr > td.dark, .table > tbody > tr > td.dark, .table > tfoot > tr > td.dark, .table > thead > tr > th.dark, .table > tbody > tr > th.dark, .table > tfoot > tr > th.dark, .table > thead > tr.dark > td, .table > tbody > tr.dark > td, .table > tfoot > tr.dark > td, .table > thead > tr.dark > th, .table > tbody > tr.dark > th, .table > tfoot > tr.dark > th { background-color: #1d2127; color: white; } /* Icons */ .featured-icon { background: #CCC; border-radius: 35px; color: #FFF; display: inline-block; height: 35px; line-height: 35px; margin-right: 10px; position: relative; text-align: center; top: 5px; width: 35px; } .featured-icon i { color: #FFF; font-size: 0.9em; font-weight: normal; } /* Font Awesome List */ .sample-icon-list { margin-top: 22px; } .sample-icon-list .sample-icon a { display: block; color: #222222; line-height: 32px; height: 32px; padding-left: 10px; border-radius: 4px; } .sample-icon-list .sample-icon a .fa, .sample-icon-list .sample-icon a .icons { width: 32px; font-size: 14px; display: inline-block; text-align: right; margin-right: 10px; } .sample-icon-list .sample-icon a:hover { color: #ffffff; text-decoration: none; } .sample-icon-list .sample-icon a:hover .fa, .sample-icon-list .sample-icon a:hover .icons { font-size: 28px; vertical-align: -6px; } /* Thumbnails */ .img-rounded { border-radius: 4px; } .img-thumbnail { border-radius: 4px; position: relative; } .img-thumbnail img { border-radius: 4px; } .img-thumbnail .zoom { background: #CCC; border-radius: 100%; bottom: 8px; color: #FFF; display: block; height: 30px; padding: 6px; position: absolute; right: 8px; text-align: center; width: 30px; } .img-thumbnail .zoom i { font-size: 14px; left: -1px; position: relative; top: -3px; } .img-thumbnail.img-thumbnail-hover-icon { position: relative; } .img-thumbnail.img-thumbnail-hover-icon img { position: relative; z-index: 1; } .img-thumbnail.img-thumbnail-hover-icon:before { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; background: rgba(0, 0, 0, 0.65); border-radius: 4px; content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; z-index: 2; } .img-thumbnail.img-thumbnail-hover-icon:after { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; font-family: FontAwesome; color: #FFF; content: "\f00e"; font-size: 30px; height: 30px; position: absolute; top: 30%; margin-top: -15px; display: block; text-align: center; width: 100%; opacity: 0; z-index: 3; } .img-thumbnail.img-thumbnail-hover-icon:hover:before { opacity: 1; } .img-thumbnail.img-thumbnail-hover-icon:hover:after { top: 50%; opacity: 1; } /* Image Gallery */ ul.image-gallery { list-style: none; margin: 0; padding: 0; } ul.image-gallery .image-gallery-item { margin-bottom: 35px; } /* Thumbnail Gallery */ ul.thumbnail-gallery { list-style: none; margin: 10px 0; padding: 0; } ul.thumbnail-gallery li { display: inline-block; margin: 10px 10px 0 0; padding: 0; } /* Responsive */ @media (max-width: 991px) { .thumbnail { border: 0; text-align: center; } } /* Masonry */ .masonry .masonry-item { width: 25%; } .masonry .masonry-item.w2 { width: 50%; } .masonry .masonry-item img { border-radius: 0 !important; } /* Mockup */ @media (min-width: 992px) { .mockup-landing-page { margin-top: -120px; } } /* List */ .list li { margin-bottom: 13px; } .list.pull-left li { text-align: left; } .list.list-icons { list-style: none; padding-left: 0; padding-right: 0; } .list.list-icons li { position: relative; padding-left: 25px; } .list.list-icons li .fa, .list.list-icons li .icons { position: absolute; left: 0; top: 5px; } .list.list-icons.list-icons-style-2 li { padding-top: 5px; padding-left: 36px; } .list.list-icons.list-icons-style-2 li .fa, .list.list-icons.list-icons-style-2 li .icons { border-width: 1px; border-style: solid; border-radius: 50%; width: 25px; height: 25px; text-align: center; padding: 4px; } .list.list-icons.list-icons-style-3 li { padding-top: 5px; padding-left: 36px; } .list.list-icons.list-icons-style-3 li .fa, .list.list-icons.list-icons-style-3 li .icons { color: #FFF; border-radius: 50%; width: 25px; height: 25px; text-align: center; padding: 5px; } .list.list-icons.list-icons-sm li { padding-left: 13px; margin-bottom: 5px; } .list.list-icons.list-icons-sm li .fa, .list.list-icons.list-icons-sm li .icons { font-size: 0.8em; top: 7px; } .list.list-icons.list-icons-sm.list-icons-style-2 li { padding-left: 32px; } .list.list-icons.list-icons-sm.list-icons-style-2 li .fa, .list.list-icons.list-icons-sm.list-icons-style-2 li .icons { width: 20px; height: 20px; padding: 3px; } .list.list-icons.list-icons-sm.list-icons-style-3 li { padding-left: 32px; } .list.list-icons.list-icons-sm.list-icons-style-3 li .fa, .list.list-icons.list-icons-sm.list-icons-style-3 li .icons { width: 20px; height: 20px; padding: 3px; } .list.list-icons.list-icons-lg li { padding-top: 5px; padding-left: 32px; } .list.list-icons.list-icons-lg li .fa, .list.list-icons.list-icons-lg li .icons { font-size: 1.5em; } .list.list-icons.list-icons-lg.list-icons-style-2 li { padding-top: 8px; padding-left: 42px; } .list.list-icons.list-icons-lg.list-icons-style-2 li .fa, .list.list-icons.list-icons-lg.list-icons-style-2 li .icons { width: 30px; height: 30px; padding: 4px; } .list.list-icons.list-icons-lg.list-icons-style-3 li { padding-top: 8px; padding-left: 42px; } .list.list-icons.list-icons-lg.list-icons-style-3 li .fa, .list.list-icons.list-icons-lg.list-icons-style-3 li .icons { width: 30px; height: 30px; padding: 4px; } .list.list-icons.list-icons-reverse li { text-align: right; padding-right: 25px; padding-left: 0; } .list.list-icons.list-icons-reverse li .fa, .list.list-icons.list-icons-reverse li .icons { position: absolute; left: auto; right: 0; top: 5px; } .list.list-icons.list-icons-reverse.list-icons-style-2 li { padding-right: 36px; } .list.list-icons.list-icons-reverse.list-icons-style-3 li { padding-right: 36px; } .list.list-icons.list-icons-reverse.list-icons-sm li { padding-left: 0; padding-right: 13px; } .list.list-icons.list-icons-reverse.list-icons-sm.list-icons-style-2 li { padding-right: 32px; } .list.list-icons.list-icons-reverse.list-icons-sm.list-icons-style-3 li { padding-right: 32px; } .list.list-icons.list-icons-reverse.list-icons-lg li { padding-left: 0; padding-right: 32px; } .list.list-icons.list-icons-reverse.list-icons-lg.list-icons-style-2 li { padding-right: 42px; } .list.list-icons.list-icons-reverse.list-icons-lg.list-icons-style-3 li { padding-right: 42px; } .list.list-borders li { border-bottom: 1px solid #DBDBDB; margin-top: 9px; margin-bottom: 0; padding-bottom: 9px; } .list.list-borders li:last-child { border-bottom: 0; } .list.list-side-borders { border-left: 1px solid #DBDBDB; padding-left: 10px; } .list.list-ordened { counter-reset: custom-counter; list-style: none; } .list.list-ordened li { position: relative; padding-left: 22px; } .list.list-ordened li:before { position: absolute; top: 0; left: 0; content: counter(custom-counter); counter-increment: custom-counter; font-weight: bold; } .list.list-ordened.list-ordened-style-2 li, .list.list-ordened.list-ordened-style-3 li { padding-left: 32px; } .list.list-ordened.list-ordened-style-2 li:before, .list.list-ordened.list-ordened-style-3 li:before { border-radius: 100%; border-style: solid; border-width: 1px; min-width: 26px; padding: 0; text-align: center; } .list.list-ordened.list-ordened-style-3 li:before { color: #FFF; border: 0; } .list.list-unstyled { padding-left: 0; padding-right: 0; } dl dd { margin-bottom: 15px; } /* Sitemap */ ul.sitemap > li > a { font-weight: bold; } ul.sitemap.list li { margin: 0 0 3px 0; } ul.sitemap.list ul { margin-bottom: 5px; margin-top: 5px; } /* Accordion */ .panel-group .panel-heading { padding: 0; border-radius: 3px; } .panel-group .panel-heading a { display: block; padding: 10px 15px; } .panel-group .panel-heading a:hover, .panel-group .panel-heading a:focus { text-decoration: none; } .panel-group .panel-heading a [class^="icon-"] { margin-right: 4px; position: relative; top: 1px; } .panel-group .panel-heading a .fa, .panel-group .panel-heading a .icons { display: inline-block; margin-right: 5px; position: relative; top: -1px; } .panel-group.panel-group-sm .panel-heading a { padding: 5px 15px; font-size: 0.9em; } .panel-group.panel-group-sm .panel-body { font-size: 0.9em; } .panel-group.panel-group-lg .panel-heading a { padding: 15px 15px; font-size: 1em; font-weight: 600; } .panel-group.without-bg .panel-default { background: transparent !important; } .panel-group.without-bg .panel-default > .panel-heading { background: transparent !important; } .panel-group.without-bg .panel-body { padding-top: 0; padding-bottom: 0; } .panel-group.without-borders .panel { border: 0; box-shadow: none; border-bottom: 1px solid #DDD; border-radius: 0; } .panel-group.without-borders .panel-heading a { padding-left: 0; padding-right: 0; } .panel-group.without-borders .panel-body { padding: 0; } /* Tabs */ .tabs { border-radius: 4px; margin-bottom: 20px; } .nav-tabs { margin: 0; padding: 0; font-size: 0; border-bottom-color: #EEE; } .nav-tabs li { display: inline-block; float: none; } .nav-tabs li:last-child a { margin-right: 0; } .nav-tabs li a { border-radius: 5px 5px 0 0; font-size: 14px; margin-right: 1px; } .nav-tabs li a, .nav-tabs li a:hover { background: #F4F4F4; border-bottom: none; border-left: 1px solid #EEE; border-right: 1px solid #EEE; border-top: 3px solid #EEE; color: #CCC; } .nav-tabs li a:hover { border-bottom-color: transparent; border-top: 3px solid #CCC; box-shadow: none; } .nav-tabs li a:active, .nav-tabs li a:focus { border-bottom: 0; } .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus { background: #FFF; border-left-color: #EEE; border-right-color: #EEE; border-top: 3px solid #CCC; color: #CCC; } .tab-content { border-radius: 0 0 4px 4px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); background-color: #FFF; border: 1px solid #EEE; border-top: 0; padding: 15px; } /* Right Aligned */ .nav-tabs.nav-right { text-align: right; } /* Bottom Tabs */ .tabs.tabs-bottom { margin: 0 0 20px 0; padding: 0; } .tabs.tabs-bottom .tab-content { border-radius: 4px 4px 0 0; border-bottom: 0; border-top: 1px solid #EEE; } .tabs.tabs-bottom .nav-tabs { border-bottom: none; border-top: 1px solid #EEE; } .tabs.tabs-bottom .nav-tabs li { margin-bottom: 0; margin-top: -1px; } .tabs.tabs-bottom .nav-tabs li:last-child a { margin-right: 0; } .tabs.tabs-bottom .nav-tabs li a { border-radius: 0 0 5px 5px; font-size: 14px; margin-right: 1px; } .tabs.tabs-bottom .nav-tabs li a, .tabs.tabs-bottom .nav-tabs li a:hover { border-bottom: 3px solid #EEE; border-top: 1px solid #EEE; } .tabs.tabs-bottom .nav-tabs li a:hover { border-bottom: 3px solid #CCC; border-top: 1px solid #EEE; } .tabs.tabs-bottom .nav-tabs li.active a, .tabs.tabs-bottom .nav-tabs li.active a:hover, .tabs.tabs-bottom .nav-tabs li.active a:focus { border-bottom: 3px solid #CCC; border-top-color: transparent; } /* Vertical */ .tabs-vertical { display: table; width: 100%; padding: 0; border-top: 1px solid #EEE; } .tabs-vertical .tab-content { display: table-cell; vertical-align: top; } .tabs-vertical .nav-tabs { border-bottom: none; display: table-cell; height: 100%; float: none; padding: 0; vertical-align: top; } .tabs-vertical .nav-tabs > li { display: block; } .tabs-vertical .nav-tabs > li a { border-radius: 0; display: block; padding-top: 10px; } .tabs-vertical .nav-tabs > li a, .tabs-vertical .nav-tabs > li a:hover, .tabs-vertical .nav-tabs > li a:focus { border-bottom: none; border-top: none; } .tabs-vertical .nav-tabs > li.active a, .tabs-vertical .nav-tabs > li.active a:hover, .tabs-vertical .nav-tabs > li.active:focus { border-top: none; } /* Vertical - Left Side */ .tabs-left { padding: 0; } .tabs-left .tab-content { border-radius: 0 5px 5px 5px; border-left: none; } .tabs-left .nav-tabs > li { margin-right: -1px; } .tabs-left .nav-tabs > li:first-child a { border-radius: 5px 0 0 0; } .tabs-left .nav-tabs > li:last-child a { border-radius: 0 0 0 5px; border-bottom: 1px solid #eee; } .tabs-left .nav-tabs > li a { border-right: 1px solid #EEE; border-left: 3px solid #EEE; margin-right: 1px; margin-left: -3px; } .tabs-left .nav-tabs > li a:hover { border-left-color: #CCC; } .tabs-left .nav-tabs > li.active a, .tabs-left .nav-tabs > li.active a:hover, .tabs-left .nav-tabs > li.active a:focus { border-left: 3px solid #CCC; border-right-color: #FFF; } /* Vertical - Right Side */ .tabs-right { padding: 0; } .tabs-right .tab-content { border-radius: 5px 0 5px 5px; border-right: none; } .tabs-right .nav-tabs > li { margin-left: -1px; } .tabs-right .nav-tabs > li:first-child a { border-radius: 0 5px 0 0; } .tabs-right .nav-tabs > li:last-child a { border-radius: 0 0 5px 0; border-bottom: 1px solid #eee; } .tabs-right .nav-tabs > li a { border-right: 3px solid #EEE; border-left: 1px solid #EEE; margin-right: 1px; margin-left: 1px; } .tabs-right .nav-tabs > li a:hover { border-right-color: #CCC; } .tabs-right .nav-tabs > li.active a, .tabs-right .nav-tabs > li.active a:hover, .tabs-right .nav-tabs > li.active a:focus { border-right: 3px solid #CCC; border-left: 1px solid #FFF; } /* Justified */ .nav-tabs.nav-justified { padding: 0; margin-bottom: -1px; } .nav-tabs.nav-justified li { margin-bottom: 0; } .nav-tabs.nav-justified li:first-child a, .nav-tabs.nav-justified li:first-child a:hover { border-radius: 5px 0 0 0; } .nav-tabs.nav-justified li:last-child a, .nav-tabs.nav-justified li:last-child a:hover { border-radius: 0 5px 0 0; } .nav-tabs.nav-justified li a { border-bottom: 1px solid #DDD; border-radius: 0; margin-right: 0; } .nav-tabs.nav-justified li a:hover, .nav-tabs.nav-justified li a:focus { border-bottom: 1px solid #DDD; } .nav-tabs.nav-justified li.active a, .nav-tabs.nav-justified li.active a:hover, .nav-tabs.nav-justified li.active a:focus { background: #FFF; border-left-color: #EEE; border-right-color: #EEE; border-top-width: 3px; } .nav-tabs.nav-justified li.active a { border-bottom: 1px solid #FFF; } .nav-tabs.nav-justified li.active a, .nav-tabs.nav-justified li.active a:hover, .nav-tabs.nav-justified li.active a:focus { border-top-width: 3px; } .nav-tabs.nav-justified li.active a:hover { border-bottom: 1px solid #FFF; } /* Bottom Tabs with Justified Nav */ .tabs.tabs-bottom { padding: 0; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified { border-top: none; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li a { margin-right: 0; border-top-color: transparent; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a { border-radius: 0 0 0 5px; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a { margin-right: 0; border-radius: 0 0 5px 0; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:hover, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:focus { border-top-color: transparent; } /* Center */ .tabs-center .nav-tabs { margin: 0 auto; text-align: center; } /* Navigation */ .tabs-navigation { border-radius: 5px; } .tabs-navigation .nav-tabs > li { margin-bottom: 1px; } .tabs-navigation .nav-tabs > li a { color: #777; padding: 14px; line-height: 120%; } .tabs-navigation .nav-tabs > li a:before { font-family: FontAwesome; content: "\f054"; position: absolute; right: 15px; top: 15px; } .tabs-navigation .nav-tabs > li a .fa, .tabs-navigation .nav-tabs > li a .icons { margin-right: 4px; } .tabs-navigation .nav-tabs > li:first-child a { border-radius: 5px 5px 0 0; } .tabs-navigation .nav-tabs > li.active a, .tabs-navigation .nav-tabs > li.active a:hover, .tabs-navigation .nav-tabs > li.active a:focus { border-right-color: #eee; } .tabs-navigation .nav-tabs > li:last-child a { border-radius: 0 0 5px 5px; } .tab-pane-navigation { display: none; } .tab-pane-navigation.active { display: block; } /* Simple */ .tabs.tabs-simple .nav-tabs { border: 0; margin-bottom: 10px; } .tabs.tabs-simple .nav-tabs > li { margin-left: 0; margin-bottom: 20px; } .tabs.tabs-simple .nav-tabs > li a, .tabs.tabs-simple .nav-tabs > li a:hover, .tabs.tabs-simple .nav-tabs > li a:focus { padding: 15px 30px; background: none; border: 0; border-bottom: 3px solid #eee; border-radius: 0; color: #777; font-size: 16px; } .tabs.tabs-simple .tab-content { border: 0; padding: 0; margin: 0; box-shadow: none; } /* Responsive */ @media (max-width: 479px) { .tabs .nav.nav-tabs.nav-justified li { display: block; margin-bottom: -5px; } .tabs .nav.nav-tabs.nav-justified li a { border-top-width: 3px !important; border-bottom-width: 0 !important; } .tabs .nav.nav-tabs.nav-justified li:first-child a, .tabs .nav.nav-tabs.nav-justified li:first-child a:hover { border-radius: 5px 5px 0 0; } .tabs .nav.nav-tabs.nav-justified li:last-child a, .tabs .nav.nav-tabs.nav-justified li:last-child a:hover { border-radius: 0; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li { margin-bottom: 0; margin-top: -5px; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li a { border-bottom-width: 3px !important; border-top-width: 0 !important; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a:hover { border-radius: 0; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a:hover { border-radius: 0 0 5px 5px; } } /* Toggles */ .toggle { margin: 10px 0 20px; position: relative; clear: both; } .toggle .toggle { margin: 10px 0 0; } .toggle > input { cursor: pointer; filter: alpha(opacity=0); height: 45px; margin: 0; opacity: 0; position: absolute; width: 100%; z-index: 2; } .toggle > label { -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; background: #F4F4F4; border-left: 3px solid #CCC; border-radius: 5px; color: #CCC; display: block; font-size: 1.1em; min-height: 20px; padding: 12px 20px 12px 10px; position: relative; cursor: pointer; font-weight: 400; } .toggle > label:-moz-selection { background: none; } .toggle > label i.fa-minus { display: none; } .toggle > label i.fa-plus { display: inline; } .toggle > label:selection { background: none; } .toggle > label:before { border: 6px solid transparent; border-left-color: inherit; content: ''; margin-top: -6px; position: absolute; right: 4px; top: 50%; } .toggle > label:hover { background: #f5f5f5; } .toggle > label + p { color: #999; display: block; overflow: hidden; padding-left: 30px; text-overflow: ellipsis; white-space: nowrap; height: 25px; } .toggle > label i { font-size: 0.7em; margin-right: 8px; position: relative; top: -1px; } .toggle > .toggle-content { display: none; } .toggle > .toggle-content > p { margin-bottom: 0; padding: 10px 0; } .toggle.active i.fa-minus { display: inline; } .toggle.active i.fa-plus { display: none; } .toggle.active > label { background: #F4F4F4; border-color: #CCC; } .toggle.active > label:before { border: 6px solid transparent; border-top-color: #FFF; margin-top: -3px; right: 10px; } .toggle.active > p { white-space: normal; } .toggle > p.preview-active { height: auto; white-space: normal; } .toggle.toggle-sm .toggle > label { font-size: 0.9em; padding: 6px 20px 6px 10px; } .toggle.toggle-sm .toggle > .toggle-content > p { font-size: 0.9em; } .toggle.toggle-lg .toggle > label { font-size: 1.1em; padding: 16px 20px 16px 20px; } .toggle.toggle-lg .toggle > .toggle-content > p { font-size: 1.1em; } .toggle.toggle-simple .toggle > label { border-radius: 0; border: 0; background: transparent; color: #777777; padding-left: 32px; margin-bottom: -10px; font-size: 1em; font-weight: 600; color: #1d2127; } .toggle.toggle-simple .toggle > label:after { content: ''; position: absolute; left: 0; display: block; width: 24px; height: 24px; background: #CCC; top: 23px; margin-top: -12px; border-radius: 3px; z-index: 1; } .toggle.toggle-simple .toggle > label:before { border: 0; left: 7px; right: auto; margin-top: 0; top: 12px; font-family: FontAwesome; content: "\f067"; z-index: 2; color: #FFF; font-size: 13px; } .toggle.toggle-simple .toggle.active > label { background: transparent; color: #1d2127; } .toggle.toggle-simple .toggle.active > label:before { content: "\f068"; } /* Owl Carousel */ .owl-carousel { margin-bottom: 20px; } .owl-carousel .thumbnail { margin-right: 1px; } .owl-carousel .item-video { height: 300px; } .owl-carousel .owl-nav { top: 50%; position: absolute; margin-top: -20px; width: 100%; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { display: inline-block; position: absolute; width: 30px; height: 30px; } .owl-carousel .owl-nav .owl-prev { left: -5px; } .owl-carousel .owl-nav .owl-prev:before { font-family: FontAwesome; content: "\f053"; position: relative; left: -1px; top: 1px; } .owl-carousel .owl-nav .owl-next { right: -5px; } .owl-carousel .owl-nav .owl-next:before { font-family: FontAwesome; content: "\f054"; position: relative; left: 2px; top: 1px; } .owl-carousel.stage-margin .owl-stage-outer { padding-left: 0 !important; padding-right: 0 !important; margin-left: 40px !important; margin-right: 40px !important; } .owl-carousel.show-nav-hover .owl-nav { opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .owl-carousel.show-nav-hover .owl-nav .owl-prev { left: -20px; } .owl-carousel.show-nav-hover .owl-nav .owl-next { right: -20px; } .owl-carousel.show-nav-hover:hover .owl-nav { opacity: 1; } .owl-carousel.show-nav-title .owl-controls .owl-nav { top: 0; right: 0; margin-top: -45px; width: auto; } .owl-carousel.show-nav-title .owl-controls .owl-nav [class*="owl-"], .owl-carousel.show-nav-title .owl-controls .owl-nav [class*="owl-"]:hover { font-size: 18px; background: transparent; width: 18px; font-size: 18px; } .owl-carousel.show-nav-title .owl-controls .owl-nav .owl-prev { left: -45px; } .owl-carousel.rounded-nav .owl-controls .owl-nav [class*="owl-"], .owl-carousel.rounded-nav .owl-controls .owl-nav [class*="owl-"]:hover { padding: 3px 7px; border-radius: 50%; background: transparent; border: 1px solid #999 !important; color: #999; } .owl-carousel.nav-bottom .owl-controls .owl-nav { position: static; margin: 0; padding: 0; width: auto; } .owl-carousel.nav-bottom .owl-controls .owl-nav .owl-prev, .owl-carousel.nav-bottom .owl-controls .owl-nav .owl-next { position: static; } .owl-carousel.nav-inside .owl-controls { bottom: 2px; margin-top: 10px; position: absolute; right: 6px; } .owl-carousel.full-width .owl-controls .owl-nav, .owl-carousel.big-nav .owl-controls .owl-nav { margin-top: -30px; } .owl-carousel.full-width .owl-controls .owl-nav [class*="owl-"], .owl-carousel.full-width .owl-controls .owl-nav [class*="owl-"]:hover, .owl-carousel.big-nav .owl-controls .owl-nav [class*="owl-"], .owl-carousel.big-nav .owl-controls .owl-nav [class*="owl-"]:hover { height: auto; padding: 20px 0; } .owl-carousel.full-width .owl-controls .owl-nav .owl-prev, .owl-carousel.big-nav .owl-controls .owl-nav .owl-prev { border-radius: 0 4px 4px 0; } .owl-carousel.full-width .owl-controls .owl-nav .owl-next, .owl-carousel.big-nav .owl-controls .owl-nav .owl-next { border-radius: 4px 0 0 4px; } .owl-carousel.top-border { border-top: 1px solid #DBDBDB; padding-top: 18px; } /* Spaced */ .owl-carousel-spaced { margin-left: -5px; } .owl-carousel-spaced .owl-item > div { margin: 5px; } /* Testimonials */ .owl-carousel.testimonials img { display: inline-block; height: 70px; width: 70px; } /* Responsive */ @media (max-width: 479px) { .owl-carousel-spaced { margin-left: 0; } } /* Carousel Areas */ .carousel-areas { background: transparent url(../img/patterns/stripes.png) repeat 0 0; margin-bottom: -10px; padding: 10px 10px 0 10px; border-radius: 6px 6px 0 0; } .carousel-areas .owl-carousel { box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); } .carousel-areas .owl-carousel .owl-controls .owl-nav .owl-prev { left: -55px; } .carousel-areas .owl-carousel .owl-controls .owl-nav .owl-next { right: -55px; } .carousel-areas .owl-carousel:first-child img { border-radius: 6px 6px 0 0; } /* Responsive */ @media (max-width: 991px) { .carousel-areas .owl-carousel .owl-controls .owl-nav { display: none; } } /* Video */ section.video { -webkit-transform: translate3d(0, 0, 0); background-position: 50% 50%; background-repeat: no-repeat; padding: 50px 0; position: relative; overflow: hidden; width: 100%; } section.video .container { position: relative; z-index: 3; } section.video .video-overlay { background: transparent url(../img/video-overlay.png) repeat 0 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; } html.boxed section.video > div:first-child { z-index: 0 !important; } html.boxed section.video > div:first-child video { z-index: 0 !important; } /* Popup */ .popup-inline-content { background: none repeat scroll 0 0 #FFF; margin: 40px auto; max-width: 1170px; padding: 20px 30px; position: relative; text-align: left; display: none; } .mfp-wrap .popup-inline-content { display: block; } /* Close */ .mfp-close, .mfp-close-btn-in .mfp-close { font-family: "Open Sans", Arial, sans-serif; font-weight: 600; font-size: 22px; color: #838383; } /* No Margins */ .mfp-no-margins img.mfp-img { padding: 0; } .mfp-no-margins .mfp-figure:after { top: 0; bottom: 0; } .mfp-no-margins .mfp-container { padding: 0; } /* Zoom */ .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0.001; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } /* Animnate */ .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .my-mfp-zoom-in.mfp-bg { opacity: 0.001; /* Chrome opacity transition bug */ -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); -o-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg); } .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0) perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); -o-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); } .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg); -o-transform: translateY(-10px) perspective(600px) rotateX(10deg); transform: translateY(-10px) perspective(600px) rotateX(10deg); } .my-mfp-slide-bottom.mfp-bg { opacity: 0.01; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; } .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; } /* Dialog */ .dialog { background: white; padding: 20px 30px; text-align: left; margin: 40px auto; position: relative; max-width: 600px; } .dialog.dialog-xs { max-width: 200px; } .dialog.dialog-sm { max-width: 400px; } .dialog.dialog-md { max-width: 600px; } .dialog.dialog-lg { max-width: 900px; } /* White Popup Block */ .white-popup-block { background: #FFF; padding: 20px 30px; text-align: left; max-width: 600px; margin: 40px auto; position: relative; } .white-popup-block.white-popup-block-xs { max-width: 200px; } .white-popup-block.white-popup-block-sm { max-width: 400px; } .white-popup-block.white-popup-block-md { max-width: 600px; } .white-popup-block.white-popup-block-lg { max-width: 900px; } /* Lightbox Opened */ body.lightbox-opened.sticky-menu-active #header { padding-right: 17px; } /* Modal Opened */ body.sticky-menu-active.modal-open #header { padding-right: 17px; } /* Miscellaneous */ .pull-left { float: left !important; } .pull-right { float: right !important; } .push-bottom { margin-bottom: 35px; } .push-top { margin-top: 35px; } .align-center, .center { text-align: center !important; } .align-left { text-align: left !important; } .align-right { text-align: right !important; } .bold { font-weight: bold; } .semi-bold { font-weight: 600; } .inverted { color: #FFF; display: inline-block; padding-left: 10px; padding-right: 10px; } h1 .inverted { padding-left: 10px; padding-right: 10px; } h2 .inverted { padding-left: 7px; padding-right: 7px; } h3 .inverted { padding-left: 2px; padding-right: 2px; } h4 .inverted { padding-left: 4px; padding-right: 4px; } h5 .inverted { padding-left: 2px; padding-right: 2px; } h6 .inverted { padding-left: 2px; padding-right: 2px; } /* Cursor */ .cur-pointer { cursor: pointer; } /* Font Size */ .font-size-xs { font-size: 0.8em; } .font-size-sm { font-size: 0.9em; } .font-size-md { font-size: 1em; } .font-size-lg { font-size: 1.1em; } .font-size-xl { font-size: 1.2em; } /* Line Height */ .line-height-xs { line-height: 16px; } .line-height-sm { line-height: 20px; } .line-height-md { line-height: 24px; } .line-height-lg { line-height: 28px; } .line-height-xl { line-height: 32px; } /* Text Decoration */ .text-decoration-none { text-decoration: none !important; } /* Display */ .display-block { display: block !important; } .display-inline-block { display: inline-block !important; } .display-inline { display: inline !important; } /* Block Link */ .block-link { display: block !important; } /* Clearfix */ .clearfix { display: inline-block; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* Pagination */ .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #CCC; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #CCC; border-color: #CCC; } /* Read More */ .read-more, .learn-more { display: inline-block; white-space: nowrap; } /* Offset Anchor */ .offset-anchor { display: block; position: relative; visibility: hidden; top: -100px; } /* Responsive */ @media (max-width: 991px) { .offset-anchor { top: 0; } } /* Show Grid */ .show-grid [class*="col-md-"] .show-grid-block { background-color: #EEE; line-height: 40px; min-height: 40px; text-align: center; border: 1px solid #FFF; display: block; } /* Alerts */ .alert .fa, .alert .icons { margin-right: 8px; font-size: 1.1em; } .alert ul { padding: 0; margin: 7px 0 0 40px; } .alert ul li { font-size: 0.9em; } .alert.alert-sm { padding: 5px 10px; font-size: 0.9em; } .alert.alert-lg { padding: 20px; font-size: 1.2em; } .alert.alert-default { background-color: #f2f2f2; border-color: #eaeaea; color: #727272; } .alert.alert-default .alert-link { color: #4c4c4c; } .alert.alert-dark { background-color: #333a44; border-color: #07080a; color: #ced3db; } .alert.alert-dark .alert-link { color: #fafbfb; } /* Embed Responsive */ .embed-responsive.embed-soundcloud { padding-bottom: 19.25%; } .embed-responsive.embed-responsive-borders { border: 1px solid #DDD; padding: 4px; border-radius: 4px; } /* Content Grid */ .content-grid { overflow: hidden; margin: 0; padding: 0; } .content-grid .content-grid-item { position: relative; padding: 30px; margin: 0; } .content-grid .content-grid-item:before, .content-grid .content-grid-item:after { content: ''; position: absolute; } .content-grid .content-grid-item:before { height: 100%; top: 0; left: -1px; border-left: 1px solid #DADADA; } .content-grid .content-grid-item:after { width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px solid #DADADA; } .content-grid .content-grid-item .img-responsive { display: inline-block; } .content-grid.content-grid-dashed .content-grid-item:before { border-left: 1px dashed #DADADA; } .content-grid.content-grid-dashed .content-grid-item:after { border-bottom: 1px dashed #DADADA; } /* Alert Admin */ .alert-admin { margin: 25px 0; } .alert-admin img { margin: -50px 0 0; } .alert-admin .btn { margin: 0 0 -15px; } .alert-admin p { color: #444; } .alert-admin h4 { color: #111; font-size: 1.2em; font-weight: 600; text-transform: uppercase; } .alert-admin .warning { color: #B20000; } /* Not Included */ .not-included { color: #b7b7b7; display: block; font-size: 0.8em; font-style: normal; margin: -4px 0; padding: 0; } /* Tip */ .tip { display: inline-block; padding: 0 5px; background: #FFF; color: #111; text-shadow: none; border-radius: 3px; margin-left: 8px; position: relative; text-transform: uppercase; font-size: 10px; font-weight: bold; } .tip:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 5px; margin-top: -5px; } .tip.skin { color: #FFF; } /* Custom Underline */ .custom-underline { background: url(../img/custom-underline.png) no-repeat center 100%; padding-bottom: 25px; font-size: 1.5em; } /* Dividers */ hr { background-image: -webkit-linear-gradient(left, transparent, #dbdbdb, transparent); background-image: linear-gradient(to right, transparent, #dbdbdb, transparent); border: 0; height: 1px; margin: 22px 0; } hr.short { margin: 11px 0; } hr.tall { margin: 44px 0; } hr.taller { margin: 66px 0; } hr.solid { background: #DBDBDB; } hr.light { background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.15), transparent); background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.15), transparent); } hr.invisible { background: none; } .divider { border: 0; height: 1px; margin: 44px auto; background-image: -webkit-linear-gradient(left, transparent, #dbdbdb, transparent); background-image: linear-gradient(to right, transparent, #dbdbdb, transparent); text-align: center; position: relative; clear: both; } .divider.taller { margin: 66px auto; } .divider .fa, .divider .icons { text-align: center; -moz-border-radius: 50px; -webkit-border-radius: 50px; background: #FFF; border-radius: 50px; color: #a9a9a9; display: inline-block; height: 50px; line-height: 50px; position: absolute; text-align: center; width: 50px; font-size: 20px; margin: 0 auto 0 -25px; top: -25px; left: 50%; z-index: 1; } .divider.divider-solid { background: #DBDBDB; } .divider.divider-icon-sm .fa, .divider.divider-icon-sm .icons { width: 30px; height: 30px; line-height: 30px; top: -15px; font-size: 15px; margin-left: -16px; } .divider.divider-icon-lg { margin: 86px 0; } .divider.divider-icon-lg .fa, .divider.divider-icon-lg .icons { width: 60px; height: 60px; line-height: 60px; top: -30px; font-size: 30px; margin-left: -30px; } .divider.divider-icon-lg.taller { margin: 100px auto; } .divider.divider-xs { width: 35%; } .divider.divider-sm { width: 67%; } .divider.divider-left .fa, .divider.divider-left .icons { left: 0; margin-left: 0; margin-right: 0; right: auto; } .divider.divider-right .fa, .divider.divider-right .icons { left: auto; margin-left: 0; margin-right: 0; right: 0; } .divider.divider-style-2 .fa, .divider.divider-style-2 .icons { background: #f4f4f4; color: #a9a9a9; } .divider.divider-style-3 .fa, .divider.divider-style-3 .icons { border: 1px solid #CECECE; } .divider.divider-style-4 .fa, .divider.divider-style-4 .icons { border: 1px solid #CECECE; } .divider.divider-style-4 .fa:after, .divider.divider-style-4 .icons:after { border: 3px solid #f4f4f4; border-radius: 50%; box-sizing: initial; content: ""; display: block; height: 100%; left: -4px; padding: 1px; position: absolute; top: -4px; width: 100%; } .divider.divider-small { margin: 22px auto; background: transparent; } .divider.divider-small hr { width: 50px; height: 3px; background: #555; } .divider.divider-small.divider-small-center { text-align: center; } .divider.divider-small.divider-small-center hr { margin-left: auto; margin-right: auto; } .divider.divider-small.divider-small-right { text-align: right; } .divider.divider-small.divider-small-right hr { margin-left: auto; } .divider.divider-small.divider-light hr { background: #DDD; } .divider.divider-small.divider-small-sm hr { height: 1px; } .divider.divider-small.divider-small-lg hr { height: 6px; } .divider.divider-small.tall { margin: 34px 0; } .divider.divider-small.taller { margin: 46px 0; } hr.dashed, .divider.dashed { background: none; position: relative; } hr.dashed:after, .divider.dashed:after { border: 1px dashed #DBDBDB; content: ""; display: block; height: 0; position: absolute; top: 50%; margin-top: -1px; width: 100%; } hr.pattern, .divider.pattern { background: none; position: relative; } hr.pattern:after, .divider.pattern:after { background: transparent url(../img/patterns/worn_dots.png) repeat 0 0; content: ""; display: block; height: 15px; position: absolute; top: 50%; margin-top: -7px; width: 100%; } hr.pattern.pattern-2:after, .divider.pattern.pattern-2:after { background-image: url(../img/patterns/az_subtle.png); } /* Sort Source Wrapper */ .sort-source-wrapper { padding: 8px 0; position: relative; } .sort-source-wrapper .nav { margin: -100px 0 5px; } .sort-source-wrapper .nav > li > a { color: #FFF; background: transparent; } .sort-source-wrapper .nav > li > a:hover, .sort-source-wrapper .nav > li > a:focus { background: transparent; } .sort-source-wrapper .nav > li.active > a { background: transparent; } .sort-source-wrapper .nav > li.active > a:hover, .sort-source-wrapper .nav > li.active > a:focus { background: transparent; } /* Sort Source */ .sort-source { clear: both; } .sort-source > li > a { padding: 6px 12px; } .sort-source.sort-source-style-2 { margin: -10px auto; } .sort-source.sort-source-style-2 > li { float: none; display: inline-block; } .sort-source.sort-source-style-2 > li > a, .sort-source.sort-source-style-2 > li > a:focus, .sort-source.sort-source-style-2 > li > a:hover { background: transparent; color: #FFF; display: inline-block; border-radius: 0; margin: 0; padding: 18px 28px; position: relative; } .sort-source.sort-source-style-2 > li > a:after { -webkit-transition: margin 0.3s; -moz-transition: margin 0.3s; transition: margin 0.3s; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 15px solid #CCC; content: " "; display: block; position: absolute; left: 50%; margin-left: -20px; margin-top: 0; opacity: 0; } .sort-source.sort-source-style-2 > li.active > a, .sort-source.sort-source-style-2 > li.active > a:focus, .sort-source.sort-source-style-2 > li.active > a:hover { background: transparent; } .sort-source.sort-source-style-2 > li.active > a:after { opacity: 1; margin-top: 18px; } @media (max-width: 991px) { .sort-source.sort-source-style-2 > li { display: block; } .sort-source.sort-source-style-2 > li.active > a:after { display: none !important; } } /* Sort Destination */ .sort-destination { overflow: hidden; } .sort-destination.full-width { position: relative; } .sort-destination.full-width .isotope-item { width: 20%; float: left; } .sort-destination.full-width .isotope-item.w2 { width: 40%; } .sort-destination.full-width .isotope-item .img-thumbnail, .sort-destination.full-width .isotope-item a, .sort-destination.full-width .isotope-item .thumb-info img { border-radius: 0; } .sort-destination.full-width-spaced { margin-top: 50px; margin-left: 20px; margin-right: 20px; } .sort-destination.full-width-spaced .portfolio-item { margin-left: 20px; margin-right: 20px; } .sort-source-wrapper + .sort-destination.full-width { margin: 0 0 -81px; top: -51px; } /* Responsive */ @media (max-width: 991px) { .sort-destination.isotope { overflow: visible !important; height: auto !important; } .sort-destination.isotope.full-width { overflow: hidden !important; } .isotope-hidden { display: none !important; } } @media (max-width: 767px) { .isotope-item { position: static !important; text-align: center; width: 100%; margin-left: auto; margin-right: auto; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; -webkit-transform: none !important; transform: none !important; } .isotope-item.product { position: relative !important; } .sort-source-wrapper { background: #171717; clear: both; margin-top: -35px; } .sort-source-wrapper .nav { margin: 0; } .sort-destination { height: auto !important; } .sort-destination, .isotope-item { margin-left: auto !important; margin-right: auto !important; } .sort-destination.full-width, .sort-source-wrapper + .sort-destination.full-width { max-width: none; margin: 0 0 -30px; top: 0; } .sort-destination.full-width .isotope-item, .sort-source-wrapper + .sort-destination.full-width .isotope-item { max-width: none; } } @media (max-width: 479px) { .sort-destination, .isotope-item { margin-left: auto !important; margin-right: auto !important; } .sort-destination.full-width .isotope-item, .sort-source-wrapper + .sort-destination.full-width .isotope-item { position: static !important; clear: both; float: none; width: auto; } } /* Pricing Tables */ .pricing-table { margin: 10px 0; padding: 0 15px; text-align: center; } .pricing-table ul { list-style: none; margin: 20px 0 0 0; padding: 0; } .pricing-table li { border-top: 1px solid #ddd; padding: 10px 0; color: #777; } .pricing-table h3 { background-color: #eee; border-radius: 2px 2px 0 0; font-size: 1.3em; font-weight: normal; margin: -20px -20px 50px -20px; padding: 20px; } .pricing-table h3 .desc { font-size: 0.7em; margin-bottom: 0; padding-bottom: 0; color: #777; font-style: normal; text-transform: none; display: block; } .pricing-table h3 span { background: #FFF; border: 5px solid #FFF; border-radius: 100px; box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset; color: #777777; display: block; font: bold 25px / 100px Georgia, Serif; height: 100px; margin: 20px auto -65px; width: 100px; } .pricing-table .most-popular { border: 3px solid #CCC; box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1); padding: 30px 20px; top: -10px; z-index: 2; } .pricing-table .most-popular h3 { background-color: #666; color: #FFF; padding-top: 30px; text-shadow: 0 1px #555; } .pricing-table .most-popular h3 .desc { color: #FFF; } .pricing-table .plan-ribbon-wrapper { height: 88px; overflow: hidden; position: absolute; right: -3px; top: -5px; width: 85px; } .pricing-table .plan-ribbon { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-image: -webkit-linear-gradient(top, #bfdc7a, #8ebf45); background-image: linear-gradient(to bottom, #bfdc7a, #8ebf45); background-color: #bfdc7a; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); color: #333; font-size: 14px; left: -5px; padding: 7px 0; position: relative; text-align: center; text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px; top: 15px; width: 120px; } .pricing-table .plan-ribbon:before { left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; bottom: -3px; content: ""; position: absolute; } .pricing-table .plan-ribbon:after { border-left: 3px solid transparent; border-right: 3px solid transparent; bottom: -3px; content: ""; position: absolute; right: 0; } .pricing-table [class*="col-md-"] { padding-left: 0; padding-right: 0; } .pricing-table .plan { background: #FFF; border: 1px solid #ddd; border-radius: 5px; color: #333; margin-bottom: 35px; margin-right: 0; padding: 20px; position: relative; text-shadow: 0 1px rgba(255, 255, 255, 0.8); } .pricing-table .btn { margin-top: 5px; } .pricing-table.pricing-table-sm h3 .desc { font-size: 0.7em; } .pricing-table.pricing-table-sm h3 span { border: 3px solid #FFF; box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset; font: bold 19px/65px Georgia,serif; height: 70px; margin: 10px auto -65px; width: 70px; } .pricing-table.pricing-table-sm .most-popular { padding-bottom: 30px; } .pricing-table.princig-table-flat .plan { padding-left: 0; padding-right: 0; margin: -1px; } .pricing-table.princig-table-flat .plan h3 { padding-left: 0; padding-right: 0; margin: -20px 0 0; background-color: #666; color: #FFF; padding-top: 30px; text-shadow: 0 1px #555; } .pricing-table.princig-table-flat .plan h3 .desc { color: #FFF; } .pricing-table.princig-table-flat .plan h3 span { border-radius: 0; border: 0; background: #666; color: #FFF; font-family: "Open Sans", Arial, sans-serif; font-size: 600; box-shadow: none; width: 100%; font-size: 1.5em; height: auto; line-height: 38px; margin: 0; } .pricing-table.princig-table-flat .plan ul { margin-top: 0; margin-bottom: -15px; } .pricing-table.princig-table-flat .plan ul li { padding: 8px 0; } .pricing-table.princig-table-flat .plan.most-popular ul li { padding: 10px 0; } .pricing-table.spaced [class*="col-md-"] { padding-left: 2px; padding-right: 2px; } .pricing-table.no-borders .plan { border: 0 !important; } /* Pricing Tables Boxed */ html.boxed .pricing-table .plan, html.boxed .pricing-table h3 { border-radius: 0; } /* Responsive */ @media (max-width: 767px) { /* Pricing Tables */ .pricing-table { margin-left: 0px; } .pricing-table .plan { margin-right: 0; } html.boxed .pricing-table { margin-left: 0; } } /* Icon Featured */ .icon-featured { display: inline-block; font-size: 0px; margin: 15px; width: 110px; height: 110px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #FFF; font-size: 40px; line-height: 110px; } .icon-featured:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* Featured Box */ .featured-box { background: #F5F5F5; background: -webkit-linear-gradient( top , white 1%, #fcfcfc 98%) repeat scroll 0 0 transparent; background: linear-gradient(to bottom, white 1%, #fcfcfc 98%) repeat scroll 0 0 transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-radius: 8px; border-right: 1px solid #ECECEC; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); margin-bottom: 20px; margin-left: auto; margin-right: auto; margin-top: 20px; min-height: 100px; position: relative; text-align: center; z-index: 1; } .featured-box h4 { font-size: 1.3em; font-weight: 400; letter-spacing: -0.7px; margin-top: 5px; margin-bottom: 5px; } .featured-box .box-content { border-radius: 8px; border-top: 1px solid #CCC; border-top-width: 4px; padding: 30px 30px 10px 30px; position: relative; top: -1px; } .featured-box .learn-more { display: block; margin-top: 10px; } /* Featured Box Left */ .featured-box-text-left { text-align: left; } /* Featured Boxes - Flat */ .featured-boxes-flat .featured-box { box-shadow: none; margin: 10px 0; } .featured-boxes-flat .featured-box .box-content { background: #FFF; margin-top: 65px; } .featured-boxes-flat .featured-box .icon-featured { display: inline-block; font-size: 38px; height: 90px; line-height: 90px; padding: 0; width: 90px; margin: -100px 0 -15px; position: relative; top: -37px; } /* Featured Boxes - Style 2 */ .featured-boxes-style-2 .featured-box { background: none; border: 0; margin: 10px 0; box-shadow: none; } .featured-boxes-style-2 .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0; } .featured-boxes-style-2 .featured-box .icon-featured { display: inline-block; font-size: 30px; height: 75px; line-height: 75px; padding: 0; width: 75px; margin-top: 0; } /* Featured Boxes - Style 3 */ .featured-boxes-style-3 .featured-box { margin: 10px 0; } .featured-boxes-style-3 .featured-box .icon-featured { display: inline-block; font-size: 30px; height: 75px; line-height: 75px; padding: 0; width: 75px; margin-top: -35px; background: #FFF; border: 3px solid #CCC; color: #CCC; line-height: 68px; } .featured-boxes-style-3:not(.featured-boxes-flat) .featured-box { background: none; border: 0; box-shadow: none; } .featured-boxes-style-3:not(.featured-boxes-flat) .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0; } /* Featured Boxes - Style 4 */ .featured-boxes-style-4 .featured-box { background: none; border: 0; margin: 10px 0; box-shadow: none; } .featured-boxes-style-4 .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0; } .featured-boxes-style-4 .featured-box .icon-featured { display: inline-block; font-size: 40px; height: 45px; line-height: 45px; padding: 0; width: 45px; margin-top: 0; margin-bottom: 10px; background: transparent; color: #CCC; border-radius: 0; } /* Featured Boxes - Style 5, 6 and 7 */ .featured-boxes-style-5 .featured-box, .featured-boxes-style-6 .featured-box, .featured-boxes-style-7 .featured-box { background: none; border: 0; box-shadow: none; margin: 10px 0; } .featured-boxes-style-5 .featured-box .box-content, .featured-boxes-style-6 .featured-box .box-content, .featured-boxes-style-7 .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0; } .featured-boxes-style-5 .featured-box .box-content h4, .featured-boxes-style-6 .featured-box .box-content h4, .featured-boxes-style-7 .featured-box .box-content h4 { color: #2e353e; } .featured-boxes-style-5 .featured-box .icon-featured, .featured-boxes-style-6 .featured-box .icon-featured, .featured-boxes-style-7 .featured-box .icon-featured { display: inline-block; font-size: 30px; height: 75px; padding: 0; width: 75px; margin-top: 0; margin-bottom: 10px; background: #FFF; border: 1px solid #dfdfdf; color: #777; line-height: 73px; } /* Featured Boxes - Style 6 */ .featured-boxes-style-6 .featured-box .icon-featured { border: 1px solid #cecece; color: #777; } .featured-boxes-style-6 .featured-box .icon-featured:after { border: 5px solid #f4f4f4; border-radius: 50%; box-sizing: initial; content: ""; display: block; height: 100%; left: -6px; padding: 1px; position: absolute; top: -6px; width: 100%; } /* Featured Boxes - Style 7 */ .featured-boxes-style-7 .featured-box .icon-featured { border: 1px solid #dfdfdf; color: #777; } /* Featured Boxes - Style 8 */ .featured-boxes-style-8 .featured-box .icon-featured { display: inline-block; font-size: 30px; height: 75px; padding: 0; width: 75px; margin: -15px -15px 0 0; background: #FFF; line-height: 73px; border: 0; color: #777; } .featured-boxes-style-8 .featured-box .icon-featured:after { display: none; } /* Featured Boxes */ .featured-boxes .featured-box { margin-bottom: 30px; margin-top: 45px; } /* Effects */ .featured-box-effect-1 .icon-featured:after { top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 3px #FFF; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(1); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(1); -ms-transform: scale(1); transition: transform 0.2s, opacity 0.2s; transform: scale(1); opacity: 0; } .featured-box-effect-1:hover .icon-featured:after { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 1; } .featured-box-effect-2 .icon-featured:after { top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 3px #FFF; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(0.8); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(0.8); -ms-transform: scale(0.8); transition: transform 0.2s, opacity 0.2s; transform: scale(0.8); opacity: 0; } .featured-box-effect-2:hover .icon-featured:after { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); opacity: 1; } .featured-box-effect-3 .icon-featured:after { top: 0; left: 0; box-shadow: 0 0 0 10px #FFF; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(0.9); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(0.9); -ms-transform: scale(0.9); transition: transform 0.2s, opacity 0.2s; transform: scale(0.9); opacity: 0; } .featured-box-effect-3:hover .icon-featured { color: #FFF !important; } .featured-box-effect-3:hover .icon-featured:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0.8; } .featured-box-effect-4 .icon-featured { -webkit-transition: -webkit-transform 0.2s, transform 0.2s; -moz-transition: -moz-transform 0.2s, transform 0.2s; transition: transform 0.2s, transform 0.2s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .featured-box-effect-4:hover .icon-featured { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); } .featured-box-effect-5 .icon-featured { overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .featured-box-effect-5:hover .icon-featured { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); } 51% { opacity: 1; } } @-moz-keyframes toRightFromLeft { 49% { -moz-transform: translate(100%); } 50% { opacity: 0; -moz-transform: translate(-100%); } 51% { opacity: 1; } } @keyframes toRightFromLeft { 49% { transform: translate(100%); } 50% { opacity: 0; transform: translate(-100%); } 51% { opacity: 1; } } .featured-box-effect-6 .icon-featured:after { -webkit-transition: all 0.2s, -webkit-transform 0.2s; -moz-transition: all 0.2s, -moz-transform 0.2s; transition: all 0.2s, transform 0.2s; } .featured-box-effect-6:hover .box-content .icon-featured:after { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .featured-box-effect-7 .icon-featured:after { opacity: 0; box-shadow: 3px 3px #d5d5d5; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; -moz-transition: opacity 0.2s, -moz-transform 0.2s; transition: opacity 0.2s, transform 0.2s; left: 0; top: -1px; } .featured-box-effect-7:hover .icon-featured:after { opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .featured-box-effect-7 .icon-featured:before { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0.7; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -moz-transition: -moz-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; } .featured-box-effect-7:hover .icon-featured:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Feature Box */ .feature-box { clear: both; } .feature-box .feature-box-icon { background: #CCC; border-radius: 35px; color: #FFF; display: inline-block; float: left; height: 35px; line-height: 35px; margin-right: 10px; position: relative; text-align: center; top: 5px; width: 35px; } .feature-box .feature-box-info { padding-left: 50px; } /* Style 2 */ .feature-box.feature-box-style-2 h4 { color: #1d2127; } .feature-box.feature-box-style-2 .feature-box-icon { background: transparent; width: 50px; height: 50px; } .feature-box.feature-box-style-2 .feature-box-icon i.fa, .feature-box.feature-box-style-2 .feature-box-icon i.icons { font-size: 28px; } .feature-box.feature-box-style-2 .feature-box-info { padding-left: 60px; } /* Style 3 */ .feature-box.feature-box-style-3 h4 { color: #1d2127; } .feature-box.feature-box-style-3 .feature-box-icon { border: 1px solid #CCC; background: transparent; line-height: 32px; } .feature-box.feature-box-style-3 .feature-box-icon i.fa, .feature-box.feature-box-style-3 .feature-box-icon i.icons { color: #CCC; } /* Style 4 */ .feature-box.feature-box-style-4 h4 { color: #1d2127; } .feature-box.feature-box-style-4 .feature-box-icon { background: transparent; padding-bottom: 10px; height: auto; width: auto; float: none; } .feature-box.feature-box-style-4 .feature-box-icon i.fa, .feature-box.feature-box-style-4 .feature-box-icon i.icons { font-size: 38px; } .feature-box.feature-box-style-4 .feature-box-info { clear: both; padding-left: 0; } /* Style 5 */ .feature-box.feature-box-style-5 h4 { color: #1d2127; } .feature-box.feature-box-style-5 .feature-box-icon { background: transparent; width: 74px; height: 74px; } .feature-box.feature-box-style-5 .feature-box-icon i.fa, .feature-box.feature-box-style-5 .feature-box-icon i.icons { font-size: 44px; } .feature-box.feature-box-style-5 .feature-box-info { padding-left: 84px; } /* Style 6 */ .feature-box.feature-box-style-6 h4 { color: #1d2127; } .feature-box.feature-box-style-6 .feature-box-icon { border: 1px solid #cecece; background: transparent; line-height: 32px; } .feature-box.feature-box-style-6 .feature-box-icon:after { border: 3px solid #f4f4f4; border-radius: 50%; box-sizing: initial; content: ""; display: block; height: 100%; left: -4px; padding: 1px; position: absolute; top: -4px; width: 100%; } .feature-box.feature-box-style-6 .feature-box-icon i.fa, .feature-box.feature-box-style-6 .feature-box-icon i.icons { color: #a9a9a9; } /* Reverse */ @media (min-width: 992px) { .feature-box.reverse { text-align: right; } .feature-box.reverse .feature-box-info { padding-right: 50px; padding-left: 0; } .feature-box.reverse .feature-box-icon { float: right; margin-right: 0; margin-left: 10px; } .feature-box.reverse.feature-box-style-2 .feature-box-info { padding-right: 60px; } .feature-box.reverse.feature-box-style-4 .feature-box-info { padding-right: 0; } .feature-box.reverse.feature-box-style-5 .feature-box-info { padding-right: 84px; } } /* Full Width */ .featured-boxes-full { width: 100%; } .featured-boxes-full > [class*="col-"] { padding: 0; } .featured-boxes-full .featured-box-full { text-align: center; padding: 55px; } .featured-boxes-full .featured-box-full .fa, .featured-boxes-full .featured-box-full .icons, .featured-boxes-full .featured-box-full h1, .featured-boxes-full .featured-box-full h2, .featured-boxes-full .featured-box-full h3, .featured-boxes-full .featured-box-full h4, .featured-boxes-full .featured-box-full h5, .featured-boxes-full .featured-box-full h6, .featured-boxes-full .featured-box-full p, .featured-boxes-full .featured-box-full a { color: #FFF; padding: 0; margin: 0; } .featured-boxes-full .featured-box-full .icons, .featured-boxes-full .featured-box-full .fa { font-size: 55px; margin-bottom: 15px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .featured-boxes-full .featured-box-full p { padding-top: 12px; opacity: 0.8; } /* Thumb Info */ .thumb-info { display: block; position: relative; text-decoration: none; max-width: 100%; background-color: #FFF; border: 1px solid #DDD; border-radius: 4px; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .thumb-info .thumb-info-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 4px; margin: 4px; overflow: hidden; display: block; position: relative; } .thumb-info .thumb-info-wrapper:after { content: ""; background: rgba(36, 27, 28, 0.9); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius: 4px; bottom: -4px; color: #FFF; left: -4px; position: absolute; right: -4px; top: -4px; display: block; filter: alpha(opacity=0); opacity: 0; z-index: 1; } .thumb-info .thumb-info-action-icon { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: #CCC; border-radius: 0 0 0 25px; display: inline-block; font-size: 25px; height: 50px; line-height: 50px; position: absolute; right: -100px; text-align: center; top: -100px; width: 50px; z-index: 2; } .thumb-info .thumb-info-action-icon i { font-size: 24px; left: 3px; position: relative; top: -4px; color: #FFF; } .thumb-info .thumb-info-inner { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: block; } .thumb-info .thumb-info-inner em { display: block; font-size: 0.8em; font-style: normal; font-weight: normal; } .thumb-info .thumb-info-title { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: rgba(36, 27, 28, 0.9); bottom: 10%; color: #FFF; font-size: 18px; font-weight: 700; left: 0; letter-spacing: -1px; padding: 9px 11px 9px; position: absolute; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-transform: uppercase; z-index: 2; max-width: 90%; } .thumb-info .thumb-info-type { background-color: #CCC; border-radius: 2px; display: inline-block; float: left; font-size: 12px; font-weight: 400; letter-spacing: 0; margin: 8px -2px -15px -2px; padding: 2px 9px; text-transform: none; z-index: 2; } .thumb-info img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 3px; position: relative; width: 100%; } .thumb-info:hover .thumb-info-wrapper:after { filter: alpha(opacity=100); opacity: 1; } .thumb-info:hover .thumb-info-action-icon { right: 0; top: 0; } .thumb-info:hover .thumb-info-title { background: #000; } .thumb-info:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .thumb-info.thumb-info-no-zoom:hover img { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .thumb-info.thumb-info-lighten .thumb-info-wrapper:after { background: rgba(36, 27, 28, 0.65); } .thumb-info.thumb-info-hide-wrapper-bg .thumb-info-wrapper:after { display: none; } .thumb-info.thumb-info-centered-icons .thumb-info-action { -webkit-transition: top 0.1s ease; -moz-transition: top 0.1s ease; transition: top 0.1s ease; top: 40%; left: 3px; right: auto; bottom: auto; width: 100%; height: 40px; margin-top: -20px; text-align: center; position: absolute; filter: alpha(opacity=0); opacity: 0; } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; position: relative; z-index: 2; left: auto; right: auto; top: auto; bottom: auto; width: 40px; height: 40px; line-height: 33px; border-radius: 50%; margin-right: 3px; } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon i { position: static; font-size: 18px; } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon:hover { -webkit-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); -ms-transform: scale(1.15, 1.15); -o-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); } .thumb-info:hover.thumb-info-centered-icons .thumb-info-action { top: 50%; filter: alpha(opacity=100); opacity: 1; } .thumb-info:hover.thumb-info-centered-icons .thumb-info-action-icon { position: relative; } .thumb-info.thumb-info-centered-info .thumb-info-title { background: transparent; left: 5%; width: 90%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; top: 30%; filter: alpha(opacity=0); opacity: 0; text-align: center; padding: 0; } .thumb-info.thumb-info-centered-info .thumb-info-type { float: none; } .thumb-info.thumb-info-centered-info:hover .thumb-info-title { filter: alpha(opacity=100); opacity: 1; top: 45%; } .thumb-info.thumb-info-bottom-info .thumb-info-title { background: #FFF; left: 0; width: 100%; max-width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; top: auto; bottom: -100px; filter: alpha(opacity=0); opacity: 0; padding: 15px; text-shadow: none; color: #777777; } .thumb-info.thumb-info-bottom-info .thumb-info-type { float: none; background: none; padding: 0; margin: 0; } .thumb-info.thumb-info-bottom-info:hover .thumb-info-title { filter: alpha(opacity=100); opacity: 1; bottom: 0; } .thumb-info.thumb-info-bottom-info:hover img { -webkit-transform: translateY(-18px); -moz-transform: translateY(-18px); -ms-transform: translateY(-18px); -o-transform: translateY(-18px); transform: translateY(-18px); } .thumb-info.thumb-info-bottom-info-dark .thumb-info-title { background: -webkit-linear-gradient( bottom , rgba(36, 27, 28, 0.8) 0, transparent 100%) repeat scroll 0 0 transparent; background: linear-gradient(to top, rgba(36, 27, 28, 0.8) 0, transparent 100%) repeat scroll 0 0 transparent; color: #FFF; } .thumb-info.thumb-info-push-hor img { -webkit-transform: translatex(-18px); -moz-transform: translatex(-18px); -ms-transform: translatex(-18px); -o-transform: translatex(-18px); transform: translatex(-18px); width: calc(100% + 19px); max-width: none; } .thumb-info.thumb-info-push-hor:hover img { -webkit-transform: translatex(0); -moz-transform: translatex(0); -ms-transform: translatex(0); -o-transform: translatex(0); transform: translatex(0); } .thumb-info.thumb-info-hide-info-hover .thumb-info-wrapper:after { filter: alpha(opacity=65); opacity: 0.65; } .thumb-info.thumb-info-hide-info-hover .thumb-info-title { filter: alpha(opacity=100); opacity: 1; top: 40%; } .thumb-info.thumb-info-hide-info-hover .thumb-info-type { float: none; } .thumb-info.thumb-info-hide-info-hover:hover .thumb-info-wrapper:after { filter: alpha(opacity=10); opacity: 0.1; } .thumb-info.thumb-info-hide-info-hover:hover .thumb-info-title { filter: alpha(opacity=0); opacity: 0; } .thumb-info.thumb-info-no-borders, .thumb-info.thumb-info-no-borders img { border: 0; padding: 0; margin: 0; border-radius: 0; } .thumb-info.thumb-info-no-borders .thumb-info-wrapper { border: 0; padding: 0; margin: 0; border-radius: 0; } .thumb-info.thumb-info-no-borders .thumb-info-wrapper:after { border-radius: 0; bottom: 0; left: 0; right: 0; top: 0; } .thumb-info.thumb-info-preview .thumb-info-wrapper:after { display: none; } .thumb-info.thumb-info-preview .thumb-info-image { min-height: 232px; display: block; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; position: relative; transition: all 0.8s linear 0s; } .thumb-info.thumb-info-preview:hover .thumb-info-image { transition: all 2.5s linear 0s; background-position: center bottom; } .thumb-info.thumb-info-preview.thumb-info-preview-short:hover .thumb-info-image { transition: all 1s linear 0s; } .thumb-info.thumb-info-preview.thumb-info-preview-long:hover .thumb-info-image { transition: all 5s linear 0s; } html.webkit .thumb-info .thumb-info-wrapper { margin: 4px 4px 3px 4px; } html.webkit .full-width .thumb-info .thumb-info-wrapper, html.webkit .masonry-item .thumb-info .thumb-info-wrapper, html.webkit .thumb-info-no-borders .thumb-info-wrapper { margin: 0; } /* Thumb Info Ribbon */ .thumb-info-ribbon { background: #999; position: absolute; margin: -16px 0 0 0; padding: 5px 13px 6px; right: 15px; z-index: 1; } .thumb-info-ribbon:before { border-right: 10px solid #646464; border-top: 16px solid transparent; content: ""; display: block; height: 0; left: -10px; position: absolute; top: 0; width: 7px; } .thumb-info-ribbon span { color: #FFF; font-size: 1.1em; font-family: "Shadows Into Light", cursive; } /* Thumb Info - Full Width */ .full-width .thumb-info img { border-radius: 0 !important; } /* Thumb Info Caption */ .thumb-info-caption { padding: 10px 0; } .thumb-info-caption .thumb-info-caption-text, .thumb-info-caption p { font-size: 0.9em; line-height: 20px; margin: 0 0 8px; padding: 10px; display: block; } /* Thumb Info Social Icons */ .thumb-info-social-icons { border-top: 1px dotted #DDD; margin: 0; padding: 15px 10px; display: block; } .thumb-info-social-icons a { background: #CCC; border-radius: 25px; display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 30px; } .thumb-info-social-icons a:hover { text-decoration: none; } .thumb-info-social-icons a span { display: none; } .thumb-info-social-icons a i { color: #FFF; font-size: 0.9em; font-weight: normal; } /* Responsive */ @media (max-width: 991px) { .thumb-info .thumb-info-title { font-size: 14px; } .thumb-info .thumb-info-more { font-size: 11px; } } /* Timeline */ section.timeline { width: 75%; margin: 50px 12.5% 0; position: relative; float: left; padding-bottom: 120px; } section.timeline:after { background: #505050; background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8)); background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); content: ""; display: block; height: 100%; left: 50%; margin-left: -2px; position: absolute; top: -60px; width: 3px; z-index: 0; filter: alpha(opacity=35); opacity: 0.35; } section.timeline .timeline-date { box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); position: relative; display: block; clear: both; width: 200px; height: 45px; padding: 5px; border: 1px solid #E5E5E5; margin: 0 auto 10px; text-shadow: 0 1px 1px #fff; border-radius: 4px; background: #FFF; z-index: 1; } section.timeline .timeline-date h3 { display: block; text-align: center; color: #757575; font-size: 0.9em; line-height: 32px; } section.timeline .timeline-title { background: #F4F4F4; padding: 12px; } section.timeline .timeline-title h4 { padding: 0; margin: 0; color: #171717; font-size: 1.4em; } section.timeline .timeline-title a { color: #171717; } section.timeline .timeline-title .timeline-title-tags { color: #B1B1B1; font-size: 0.9em; } section.timeline .timeline-title .timeline-title-tags a { color: #B1B1B1; font-size: 0.9em; } section.timeline .timeline-box { box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); border: 1px solid #E5E5E5; border-radius: 4px; margin: 20px 10px 10px 10px; padding: 10px; position: relative; width: 45.7%; float: left; z-index: 1; margin-bottom: 30px; background: #FFF; } section.timeline .timeline-box.left { clear: both; } section.timeline .timeline-box.left:before { background: none repeat scroll 0 0 #E5E5E5; border-radius: 50%; box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #E5E5E5; content: ""; display: block; height: 7px; margin-right: -5px; position: absolute; right: -6.8%; top: 22px; width: 8px; } section.timeline .timeline-box.left:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: #FFF; border-right: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; content: ""; display: block; height: 14px; position: absolute; right: -8px; top: 20px; width: 14px; z-index: 0; } section.timeline .timeline-box.right { clear: right; float: right; right: -1px; margin-top: 40px; } section.timeline .timeline-box.right:before { background: none repeat scroll 0 0 #E5E5E5; border-radius: 50%; box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #E5E5E5; content: ""; display: block; height: 7px; margin-left: -5px; position: absolute; left: -7.2%; top: 32px; width: 8px; } section.timeline .timeline-box.right:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: #FFF; border-left: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; content: ""; display: block; height: 14px; position: absolute; left: -8px; top: 30px; width: 14px; z-index: 0; } section.timeline .timeline-box .owl-carousel { border-radius: 0; padding: 0; border: 0; box-shadow: none; } /* Responsive */ @media (max-width: 991px) { section.timeline .timeline-box { float: none; clear: both; right: auto; left: auto; margin: 25px auto; max-width: 70%; width: auto; } section.timeline .timeline-box.right { float: none; clear: both; right: auto; left: auto; margin: 25px auto; max-width: 70%; width: auto; } section.timeline .timeline-box.left:after, section.timeline .timeline-box.right:after, section.timeline .timeline-box.left:before, section.timeline .timeline-box.right:before { display: none; } } @media (max-width: 479px) { section.timeline { width: auto; float: none; margin-left: 0; margin-right: 0; } section.timeline .timeline-box { margin: 15px auto; max-width: 90%; } section.timeline .timeline-box.right { margin: 15px auto; max-width: 90%; } article.post-large { margin-left: 0; } article.post-large .post-image, article.post-large .post-date { margin-left: 0; } } /* Testimonials */ .testimonial { margin-bottom: 20px; } .testimonial blockquote { background: #CCC; border-radius: 10px; border: 0; color: #666; font-family: Georgia, serif; font-style: italic; margin: 0; padding: 10px 50px; position: relative; } .testimonial blockquote:before { left: 10px; top: 0; color: #FFF; content: "\201C"; font-size: 80px; font-style: normal; line-height: 1; position: absolute; } .testimonial blockquote:after { color: #FFF; content: "\201D"; font-size: 80px; font-style: normal; line-height: 1; position: absolute; bottom: -0.5em; right: 10px; } .testimonial blockquote p { color: #FFF; font-family: Georgia, serif; font-style: italic; font-size: 1.2em; line-height: 1.3; } .testimonial .testimonial-arrow-down { border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #CCC; height: 0; margin: 0 0 0 17px; width: 0; } .testimonial .testimonial-author { margin: 8px 0 0 0; } .testimonial .testimonial-author::after { clear: both; content: ""; display: table; } .testimonial .testimonial-author .testimonial-author-thumbnail { float: left; margin-right: 10px; width: auto; } .testimonial .testimonial-author img { max-width: 55px; } .testimonial .testimonial-author strong { color: #111; display: block; padding-top: 10px; margin-bottom: -5px; } .testimonial .testimonial-author span { color: #666; display: block; font-size: 12px; } .testimonial .testimonial-author p { color: #999; margin: 0 0 0 25px; text-align: left; } /* Style 2 */ .testimonial.testimonial-style-2 { text-align: center; } .testimonial.testimonial-style-2 blockquote { background: transparent !important; border-radius: 4px; padding: 6px 20px; } .testimonial.testimonial-style-2 blockquote:before, .testimonial.testimonial-style-2 blockquote:after { display: none; } .testimonial.testimonial-style-2 blockquote p { color: #777777; } .testimonial.testimonial-style-2 .testimonial-arrow-down { display: none; } .testimonial.testimonial-style-2 .testimonial-author { padding: 0; margin: 6px 0 0; } .testimonial.testimonial-style-2 .testimonial-author img { margin: 0 auto 10px; } .testimonial.testimonial-style-2 .testimonial-author p { text-align: center; padding: 0; margin: 0; } /* Style 3 */ .testimonial.testimonial-style-3 blockquote { background: #f2f2f2 !important; border-radius: 4px; padding: 12px 30px; } .testimonial.testimonial-style-3 blockquote:before { top: 5px; color: #777777; font-size: 35px; } .testimonial.testimonial-style-3 blockquote:after { color: #777777; font-size: 35px; bottom: -5px; } .testimonial.testimonial-style-3 blockquote p { color: #777777; font-family: "Open Sans", Arial, sans-serif; font-size: 1em; font-style: normal; } .testimonial.testimonial-style-3 .testimonial-author { margin-left: 8px; } .testimonial.testimonial-style-3 .testimonial-arrow-down { margin-left: 20px; border-top: 10px solid #f2f2f2 !important; } /* Style 4 */ .testimonial.testimonial-style-4 { border-radius: 6px; padding: 8px; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); } .testimonial.testimonial-style-4 blockquote { background: transparent !important; border-radius: 4px; padding: 12px 30px; } .testimonial.testimonial-style-4 blockquote:before { top: 5px; color: #777777; font-size: 35px; } .testimonial.testimonial-style-4 blockquote:after { color: #777777; font-size: 35px; bottom: -5px; } .testimonial.testimonial-style-4 blockquote p { color: #777777; font-family: "Open Sans", Arial, sans-serif; font-size: 1em; font-style: normal; } .testimonial.testimonial-style-4 .testimonial-arrow-down { display: none; } .testimonial.testimonial-style-4 .testimonial-author { margin-left: 30px; margin-bottom: 15px; } .testimonial.testimonial-style-4.testimonial-no-borders { border: 0; box-shadow: none; } /* Style 5 */ .testimonial.testimonial-style-5 { text-align: center; } .testimonial.testimonial-style-5 blockquote { background: transparent !important; border-radius: 4px; padding: 6px 20px; } .testimonial.testimonial-style-5 blockquote:before, .testimonial.testimonial-style-5 blockquote:after { display: none; } .testimonial.testimonial-style-5 blockquote p { color: #777777; font-family: "Open Sans", Arial, sans-serif; font-size: 1.2em; font-style: normal; } .testimonial.testimonial-style-5 .testimonial-arrow-down { display: none; } .testimonial.testimonial-style-5 .testimonial-author { padding: 6px 0 0; margin: 12px 0 0; border-top: 1px solid #f2f2f2; } .testimonial.testimonial-style-5 .testimonial-author img { margin: 0 auto 10px; } .testimonial.testimonial-style-5 .testimonial-author p { text-align: center; padding: 0; margin: 0; } /* Style 6 */ .testimonial.testimonial-style-6 { text-align: center; } .testimonial.testimonial-style-6 blockquote { background: transparent !important; border-radius: 4px; border: 0; padding: 0 10%; } .testimonial.testimonial-style-6 blockquote:before, .testimonial.testimonial-style-6 blockquote:after { display: none; } .testimonial.testimonial-style-6 blockquote i.fa-quote-left { font-size: 34px; position: relative; left: -5px; } .testimonial.testimonial-style-6 blockquote p { color: #777777; font-size: 24px; line-height: 30px; } .testimonial.testimonial-style-6 blockquote span { font-size: 16px; line-height: 20px; color: #999; position: relative; left: -5px; } .testimonial.testimonial-style-6 .testimonial-arrow-down { display: none; } .testimonial.testimonial-style-6 .testimonial-author { padding: 0; margin: 6px 0 0; } .testimonial.testimonial-style-6 .testimonial-author img { margin: 0 auto 10px; } .testimonial.testimonial-style-6 .testimonial-author p { text-align: center; padding: 0; margin: 0; } /* With Quotes */ .testimonial.testimonial-with-quotes blockquote:before { color: #777777; display: block !important; left: 10px; top: 0; content: "\201C"; font-size: 80px; font-style: normal; line-height: 1; position: absolute; } .testimonial.testimonial-with-quotes blockquote:after { color: #777777; display: block !important; right: 10px; font-size: 80px; font-style: normal; line-height: 1; position: absolute; bottom: -0.5em; content: "\201D"; } .testimonial.testimonial-with-quotes blockquote p { padding: 0 40px; } /* Light */ .section-text-light .testimonial.testimonial blockquote:before, .section-text-light .testimonial.testimonial blockquote:after, .section-text-light .testimonial.testimonial blockquote p { opacity: 0.9; color: #FFF; } .section-text-light .testimonial.testimonial .testimonial-author span, .section-text-light .testimonial.testimonial .testimonial-author strong { opacity: 0.6; color: #FFF; } /* Social Icons */ .social-icons { margin: 0; padding: 0; width: auto; } .social-icons li { display: inline-block; margin: -1px 1px 5px 0; padding: 0; border-radius: 100%; overflow: visible; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } .social-icons li a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background: #FFF; border-radius: 100%; display: block; height: 30px; line-height: 30px; width: 30px; text-align: center; color: #333 !important; text-decoration: none; } .social-icons li:hover a { background: #171717; color: #FFF !important; } .social-icons li:hover.social-icons-twitter a { background: #1aa9e1; } .social-icons li:hover.social-icons-facebook a { background: #3b5a9a; } .social-icons li:hover.social-icons-linkedin a { background: #0073b2; } .social-icons li:hover.social-icons-rss a { background: #ff8201; } .social-icons li:hover.social-icons-googleplus a { background: #dd4b39; } .social-icons li:hover.social-icons-pinterest a { background: #cc2127; } .social-icons li:hover.social-icons-youtube a { background: #c3191e; } .social-icons li:hover.social-icons-instagram a { background: #7c4a3a; } .social-icons li:hover.social-icons-skype a { background: #00b0f6; } .social-icons li:hover.social-icons-email a { background: #dd4b39; } .social-icons li:hover.social-icons-vk a { background: #6383a8; } .social-icons li:hover.social-icons-xing a { background: #1a7576; } .social-icons li:hover.social-icons-tumblr a { background: #304e6c; } .social-icons li:hover.social-icons-reddit a { background: #ff4107; } /* Arrows */ .arrow { background: transparent url(../img/arrows.png) no-repeat 0 0; width: 47px; height: 120px; display: inline-block; position: relative; } .arrow.arrow-light { background-image: url(../img/arrows-dark.png); } .arrow.vtl { background-position: 0 0; width: 47px; height: 96px; } .arrow.vtr { background-position: -101px 0; width: 47px; height: 96px; } .arrow.vbl { background-position: 0 -144px; width: 47px; height: 96px; } .arrow.vbr { background-position: -101px -144px; width: 47px; height: 96px; } .arrow.hlt { background-position: -209px 0; width: 120px; height: 47px; } .arrow.hlb { background-position: -209px -101px; width: 120px; height: 47px; } .arrow.hrt { background-position: -353px 0; width: 120px; height: 47px; } .arrow.hrb { background-position: -353px -101px; width: 120px; height: 47px; } /* Responsive */ @media (max-width: 479px) { .arrow { display: none; } } /* Call to Action */ .call-to-action { position: relative; clear: both; min-height: 125px; padding-left: 25px; padding-right: 25px; } .call-to-action::after { clear: both; content: ""; display: table; } .call-to-action h3 { text-transform: none; color: #1d2127; padding: 0; margin: 0 0 9px; } .call-to-action p { font-size: 1.2em; } .call-to-action .call-to-action-content { text-align: left; width: 70%; margin-left: 3%; padding-top: 35px; } .call-to-action .call-to-action-btn { width: 22%; text-align: center; position: absolute; top: 50%; margin: -18px 0 0; left: auto; right: 25px; } .call-to-action.call-to-action-front { z-index: 1; } .call-to-action.call-to-action-default { background: #f2f2f2; } .call-to-action.call-to-action-dark { background: #2e353e; } .call-to-action.call-to-action-dark h3, .call-to-action.call-to-action-dark p { color: #FFF; } .call-to-action.with-borders { border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); } .call-to-action.with-full-borders { border: 2px solid #CCC; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); } .call-to-action.featured { background: -webkit-linear-gradient( top , white 1%, #fcfcfc 98%) repeat scroll 0 0 transparent; background: linear-gradient(to bottom, white 1%, #fcfcfc 98%) repeat scroll 0 0 transparent; padding: 0; margin: 0; border-top: 3px solid #CCC; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); } .call-to-action.featured.featured-primary { border-top-color: #cccccc; } .call-to-action.featured.featured-secondary { border-top-color: #e36159; } .call-to-action.featured.featured-tertiary { border-top-color: #2baab1; } .call-to-action.featured.featured-quaternary { border-top-color: #2e353e; } .call-to-action.with-button-arrow .call-to-action-btn { top: 30%; } .call-to-action.button-centered .call-to-action-content { text-align: center; width: 100%; padding: 35px 0 0; margin: 0; } .call-to-action.button-centered .call-to-action-btn { text-align: center; position: static; margin: 20px auto 25px; width: auto; } .call-to-action.call-to-action-in-footer { padding-top: 50px; padding-bottom: 50px; margin-top: 30px; margin-bottom: -50px !important; } .call-to-action.call-to-action-in-footer:before { content: ""; display: block; position: absolute; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #FFF; height: 20px; width: 20px; top: -5px; left: 50%; margin-left: -20px; } .call-to-action.no-top-arrow:before { display: none; } .call-to-action.call-to-action-in-footer-margin-top { margin-top: 60px; } .container .call-to-action { border-radius: 8px; } /* Responsive */ @media (max-width: 767px) { .call-to-action .call-to-action-content, .call-to-action .call-to-action-btn { margin: 0; padding: 20px; position: static; width: auto; } } /* Circular Bars */ .circular-bar { text-align: center; margin-bottom: 25px; } .circular-bar .circular-bar-chart { position: relative; } .circular-bar strong { display: block; font-weight: 600; font-size: 18px; line-height: 30px; position: absolute; top: 35%; width: 80%; left: 10%; text-align: center; } .circular-bar label { display: block; font-weight: 100; font-size: 17px; line-height: 20px; position: absolute; top: 50%; width: 80%; left: 10%; text-align: center; } .circular-bar.only-icon .fa, .circular-bar.only-icon .icons { display: block; font-weight: 600; font-size: 38px; line-height: 30px; position: absolute; top: 40%; width: 80%; left: 10%; text-align: center; } .circular-bar.single-line strong { top: 40%; } .circular-bar.circular-bar-sm label { font-size: 14px; top: 36%; } .circular-bar.circular-bar-lg strong { font-size: 20px; top: 40%; } /* Progress */ .progress { border-radius: 25px; height: 20px; background: #FAFAFA; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; overflow: visible; } .progress.progress-border-radius { border-radius: 3px; } .progress.progress-border-radius .progress-bar { border-radius: 3px; } .progress.progress-no-border-radius { border-radius: 0; } .progress.progress-no-border-radius .progress-bar { border-radius: 0; } .progress.progress-sm { height: 10px; } .progress.progress-sm .progress-bar { line-height: 10px; } .progress.progress-lg { height: 35px; } .progress.progress-lg .progress-bar { font-size: 13px; line-height: 35px; } .progress-bar { background-color: #CCC; box-shadow: none; position: relative; border-radius: 25px; } .progress-bar-tooltip { position: absolute; padding: 4px 8px; background-color: #333; color: #FFF; line-height: 15px; font-size: 11px; display: block; position: absolute; top: -28px; right: 5px; border-radius: 3px; filter: alpha(opacity=0); opacity: 0; } .progress-bar-tooltip:after { border-color: #333 transparent; border-style: solid; border-width: 5px 5px 0; bottom: -5px; content: ""; display: block; left: 13px; position: absolute; width: 0; } .progress-bar-primary { background-color: #cccccc; color: white; } .progress-bar-success { background-color: #47a447; color: white; } .progress-bar-warning { background-color: #ed9c28; color: white; } .progress-bar-danger { background-color: #d2322d; color: white; } .progress-bar-info { background-color: #5bc0de; color: white; } .progress-bar-dark { background-color: #1d2127; color: white; } /* Counters */ .counters .counter { text-align: center; } .counters .fa, .counters .icons { display: block; font-size: 35px; line-height: 35px; margin-bottom: 5px; } .counters strong { display: block; font-weight: bold; font-size: 50px; line-height: 50px; } .counters label { display: block; font-weight: 100; font-size: 20px; line-height: 20px; } .counters .counter-side-icon .fa, .counters .counter-side-icon .icons, .counters .counter-side-icon strong { display: inline-block; } .counters .counter-with-unit strong { display: inline-block; } .counters.with-borders .counter { border-radius: 6px; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); padding: 25px; } .counters.counters-sm .fa, .counters.counters-sm .icons { font-size: 25px; line-height: 25px; } .counters.counters-sm strong { font-size: 35px; line-height: 35px; } .counters.counters-sm label { font-size: 15px; line-height: 15px; } .counters.counters-lg .fa { font-size: 45px; line-height: 45px; } .counters.counters-lg strong { font-size: 60px; line-height: 60px; } .counters.counters-lg label { font-size: 25px; line-height: 25px; } .counters.counters-text-light .counter { color: #FFF !important; } .counters.counters-text-light .counter .fa, .counters.counters-text-light .counter .icons, .counters.counters-text-light .counter strong, .counters.counters-text-light .counter label { color: #FFF !important; } .counters.counters-text-dark .counter { color: #2e353e !important; } .counters.counters-text-dark .counter .fa, .counters.counters-text-dark .counter .icons, .counters.counters-text-dark .counter strong, .counters.counters-text-dark .counter label { color: #2e353e !important; } /* Word Rotate */ .word-rotate { display: inline-block; overflow: hidden; text-align: center; position: relative; max-height: 22px; line-height: 22px; } .word-rotate .word-rotate-items { position: relative; top: 0; width: 0; display: inline-block; } .word-rotate .word-rotate-items span { display: inline-block; white-space: nowrap; } .word-rotate .word-rotate-items span:not(:first-child) { display: none; } .word-rotate.active .word-rotate-items { position: relative; } .word-rotate.active .word-rotate-items span { display: inline-block; float: left; clear: both; } h1.word-rotator-title .inverted { min-height: 56px; } h1.word-rotator-title .word-rotate { max-height: 46px; line-height: 46px; margin-bottom: -9px; } h2.word-rotator-title .inverted { min-height: 46px; } h2.word-rotator-title .word-rotate { max-height: 42px; line-height: 42px; margin-bottom: -9px; } h3.word-rotator-title .inverted { min-height: 25px; } h3.word-rotator-title .word-rotate { max-height: 24px; line-height: 24px; margin-bottom: -2px; } h4.word-rotator-title .inverted { min-height: 32px; } h4.word-rotator-title .word-rotate { max-height: 27px; line-height: 27px; margin-bottom: -6px; } h5.word-rotator-title .inverted { min-height: 18px; } h5.word-rotator-title .word-rotate { max-height: 18px; line-height: 18px; margin-bottom: -4px; } h6.word-rotator-title .inverted { min-height: 20px; } h6.word-rotator-title .word-rotate { max-height: 18px; line-height: 18px; margin-bottom: -4px; } p .inverted { min-height: 24px; } p .word-rotate { max-height: 22px; line-height: 22px; margin-bottom: -6px; } /* Scroll to Top */ html .scroll-to-top { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: #404040; border-radius: 7px 7px 0 0; bottom: 0px; color: #FFF; display: block; height: 9px; opacity: 0; padding: 13px 10px 35px; position: fixed; right: 10px; text-align: center; text-decoration: none; min-width: 49px; z-index: 1040; } html .scroll-to-top:hover { filter: alpha(opacity=100); opacity: 1; } html .scroll-to-top.visible { filter: alpha(opacity=75); opacity: 0.75; } html .scroll-to-top span { display: inline-block; padding: 0 5px; } html.ie11 .scroll-to-top { right: 25px; } /* Responsive */ @media (max-width: 991px) { html .scroll-to-top.hidden-mobile { display: none !important; } } @-webkit-keyframes animateLoader { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(220deg); } } @-moz-keyframes animateLoader { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(220deg); } } @keyframes animateLoader { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(220deg); -moz-transform: rotate(220deg); -ms-transform: rotate(220deg); -o-transform: rotate(220deg); transform: rotate(220deg); } } @-webkit-keyframes animateLoaderAfterWhite { 0% { box-shadow: 0 0 0 6px #FFF inset; -webkit-transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 2px #FFF inset; } 100% { box-shadow: 0 0 0 6px #FFF inset; -webkit-transform: rotate(140deg); } } @-moz-keyframes animateLoaderAfterWhite { 0% { box-shadow: 0 0 0 6px #FFF inset; -moz-transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 2px #FFF inset; } 100% { box-shadow: 0 0 0 6px #FFF inset; -moz-transform: rotate(140deg); } } @keyframes animateLoaderAfterWhite { 0% { box-shadow: 0 0 0 6px #FFF inset; -webkit-transform: rotate(-140deg); -moz-transform: rotate(-140deg); -ms-transform: rotate(-140deg); -o-transform: rotate(-140deg); transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 2px #FFF inset; } 100% { box-shadow: 0 0 0 6px #FFF inset; -webkit-transform: rotate(140deg); -moz-transform: rotate(140deg); -ms-transform: rotate(140deg); -o-transform: rotate(140deg); transform: rotate(140deg); } } @-webkit-keyframes animateLoaderAfterBlack { 0% { box-shadow: 0 0 0 6px #999 inset; -webkit-transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 2px #999 inset; } 100% { box-shadow: 0 0 0 6px #999 inset; -webkit-transform: rotate(140deg); } } @-moz-keyframes animateLoaderAfterBlack { 0% { box-shadow: 0 0 0 6px #999 inset; -moz-transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 2px #999 inset; } 100% { box-shadow: 0 0 0 6px #999 inset; -moz-transform: rotate(140deg); } } @keyframes animateLoaderAfterBlack { 0% { box-shadow: 0 0 0 6px #999 inset; -webkit-transform: rotate(-140deg); -moz-transform: rotate(-140deg); -ms-transform: rotate(-140deg); -o-transform: rotate(-140deg); transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 2px #999 inset; } 100% { box-shadow: 0 0 0 6px #999 inset; -webkit-transform: rotate(140deg); -moz-transform: rotate(140deg); -ms-transform: rotate(140deg); -o-transform: rotate(140deg); transform: rotate(140deg); } } .loading-overlay-showing { overflow: hidden; } .loading-overlay-showing > .loading-overlay { opacity: 1; visibility: visible; -webkit-transition-delay: 0; -moz-transition-delay: 0; transition-delay: 0; } .loading-overlay { -webkit-transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out; -moz-transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out; transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out; bottom: 0; left: 0; position: absolute; opacity: 0; right: 0; top: 0; visibility: hidden; background: #FFF; } .loading-overlay .loader { -webkit-animation: animateLoader 1s linear infinite; -moz-animation: animateLoader 1s linear infinite; animation: animateLoader 1s linear infinite; clip: rect(0, 30px, 30px, 15px); height: 30px; left: 50%; margin-left: -15px; margin-top: -15px; position: absolute; text-align: left; top: 50%; width: 30px; } .loading-overlay .loader:after { border-radius: 50%; clip: rect(0, 30px, 30px, 15px); content: ''; height: 30px; position: absolute; width: 30px; } html:not(.dark) .loading-overlay .loader:after { -webkit-animation: animateLoaderAfterBlack 1s ease-in-out infinite; -moz-animation: animateLoaderAfterBlack 1s ease-in-out infinite; animation: animateLoaderAfterBlack 1s ease-in-out infinite; } body > .loading-overlay { position: fixed; z-index: 999999; } /* Portfolio */ .portfolio-title { margin-bottom: -10px; } .portfolio-title a { display: inline-block; } .portfolio-title .fa, .portfolio-title .icons { font-size: 2.5em; } .portfolio-title .portfolio-nav, .portfolio-title .portfolio-nav-all { margin-top: 11px; } .portfolio-title .portfolio-nav { text-align: right; } .portfolio-title .portfolio-nav a { width: 40%; } .portfolio-title .portfolio-nav-all .fa, .portfolio-title .portfolio-nav-all .icons { font-size: 2.7em; } .portfolio-title .fa-angle-right { text-align: right; } .portfolio-title .portfolio-nav-prev { text-align: left; } /* Portfolio Info */ .portfolio-info { margin: 2px 0 10px; float: right; } .portfolio-info ul { list-style: none; padding: 0; margin: 0; } .portfolio-info ul li { display: inline-block; border-right: 1px solid #E6E6E6; color: #B1B1B1; padding-right: 8px; margin-right: 8px; font-size: 0.9em; } .portfolio-info ul li:last-child { border-right: 0; padding-right: 0; margin-right: 0; } .portfolio-info ul li a { text-decoration: none; color: #B1B1B1; } .portfolio-info ul li a:hover .fa-heart { color: #E53F51; } .portfolio-info ul li .fa, .portfolio-info ul li .icons { margin-right: 4px; } /* Portfolio List */ ul.portfolio-list { list-style: none; margin: 0; padding: 0; } ul.portfolio-list .portfolio-item { position: relative; margin-bottom: 35px; } /* Portfolio Details */ ul.portfolio-details { list-style: none; padding: 0; margin: 45px 0 0 5px; font-size: 0.9em; } ul.portfolio-details > li { padding: 0; margin: 0 0 20px; } ul.portfolio-details p { padding: 0; margin: 0; } ul.portfolio-details blockquote { padding: 0 0 0 10px; margin: 15px 0 0; color: #999; } ul.portfolio-details .list-icons { margin-left: 0; } ul.portfolio-details .list-icons > li { padding-left: 18px; margin-right: 10px; } ul.portfolio-details .list-icons > li .fa, ul.portfolio-details .list-icons > li .icons { top: 7px; } /* Responsive */ @media (max-width: 991px) { .portfolio-nav, .portfolio-nav-all { display: none; } } /* Team List */ ul.team-list { list-style: none; margin: 0; padding: 0; } ul.team-list .team-item { margin-bottom: 35px; } ul.team-list .team-item .thumb-info-social-icons { margin: 0 10px; } /* Responsive */ @media (max-width: 991px) { ul.team-list .team-item { margin: 0 auto 35px; max-width: 270px; } } /* History */ ul.history { margin: 0 0 25px; padding: 0; list-style: none; } ul.history li { margin: 25px 0; padding: 0; clear: both; } ul.history li h4 { margin: 0 0 -27px 0; padding: 0; } ul.history li p { margin-left: 53px; } ul.history li .thumb { background: transparent url(../img/history-thumb.png) no-repeat 0 0; width: 227px; height: 160px; margin: 0 0 30px; padding: 0; float: left; } ul.history li .thumb img { border-radius: 150px; margin: 7px 8px; width: 145px; height: 145px; } ul.history li .featured-box { text-align: left; margin-left: 225px; margin-bottom: 50px; min-height: 115px; } ul.history li .featured-box .box-content { border-top-color: #CCC; } /* Responsive */ @media (max-width: 479px) { ul.history li .thumb { display: none; } ul.history li .featured-box { margin-left: 0; } } /* Search Results */ .search-results { min-height: 300px; } /* Maps */ .google-map { background: #E5E3DF; height: 400px; margin: -35px 0 30px 0; width: 100%; } .google-map.small { height: 250px; border-radius: 6px; margin: 0; clear: both; } .google-map img { max-width: 9999px; } .google-map-borders { border: 1px solid #DDD; padding: 4px; border-radius: 4px; } /* Name: theme-blog.css Written by: Okler Themes - (http://www.okler.net) Version: 4.0.0 */ /* Posts */ .blog-posts article { border-bottom: 1px solid #DDD; margin-bottom: 50px; padding-bottom: 10px; } .blog-posts .pagination { margin: -10px 0 20px; } /* Post */ article.post h2 a { text-decoration: none; } article.post .post-meta { font-size: 0.9em; margin-bottom: 7px; } article.post .post-meta > span { display: inline-block; padding-right: 8px; } article.post .post-meta i { margin-right: 3px; } article.post .post-date { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); float: left; margin-right: 10px; text-align: center; } article.post .post-date .month { background: #CCC; border-radius: 0 0 2px 2px; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset; color: #FFF; font-size: 0.9em; padding: 0 10px 2px; } article.post .post-date .day { background: #F4F4F4; border-radius: 2px 2px 0 0; color: #CCC; display: block; font-size: 16px; font-weight: 500; font-weight: bold; padding: 10px; } article.post .post-image .owl-carousel { width: 100.1%; } article .post-video { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 0; background-color: #FFF; border: 1px solid #DDD; border-radius: 8px; display: block; height: auto; position: relative; margin: 0 0 30px 0; padding-bottom: 61%; } article .post-video iframe { bottom: 0; height: auto; left: 0; margin: 0; min-height: 100%; min-width: 100%; padding: 4px; position: absolute; right: 0; top: 0; width: auto; } article .post-audio { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 0; background-color: #FFF; border: 1px solid #DDD; border-radius: 8px; display: block; height: auto; position: relative; margin: 0 0 30px 0; padding-bottom: 25%; } article .post-audio iframe { bottom: 0; height: auto; left: 0; margin: 0; min-height: 100%; min-width: 100%; padding: 4px; position: absolute; right: 0; top: 0; width: auto; } article.post-medium .post-image .owl-carousel { width: 100.2%; } article.post-large { margin-left: 60px; } article.post-large h2 { margin-bottom: 5px; } article.post-large .post-image, article.post-large .post-date { margin-left: -60px; } article.post-large .post-image { margin-bottom: 15px; } article.post-large .post-image.single { margin-bottom: 30px; } article.post-large .post-video { margin-left: -60px; } article.post-large .post-audio { margin-left: -60px; } /* Single Post */ .single-post article { border-bottom: 0; margin-bottom: 0; } article.blog-single-post .post-meta { margin-bottom: 20px; } /* Post Block */ .post-block { border-top: 1px solid #DDD; margin: 15px 0 0 0; padding: 20px 0 15px 0; } .post-block h3 { font-size: 1.8em; font-weight: 200; margin: 0 0 20px; text-transform: none; } .post-block h3 i { margin-right: 7px; } /* Post Author */ .post-author { margin: 15px 0 0 0; } .post-author img { max-height: 80px; max-width: 80px; } .post-author p { font-size: 0.9em; line-height: 22px; margin: 0; padding: 0; } .post-author p .name { font-size: 1.1em; } .post-author .img-thumbnail { display: inline-block; float: left; margin-right: 20px; } /* Post Share */ .post-share { margin: 55px 0 0 0; padding-bottom: 0; } /* Post Comments */ .post-comments { margin-top: 45px; } ul.comments { list-style: none; margin: 0; padding: 0; } ul.comments li { clear: both; padding: 10px 0 0 115px; } ul.comments li img.avatar { height: 80px; width: 80px; } ul.comments li ul.reply { margin: 0; } ul.comments li a { text-decoration: none; } ul.comments li .img-thumbnail { margin-left: -115px; position: absolute; } ul.comments li .comment { margin-bottom: 10px; } ul.comments .comment-arrow { border-bottom: 15px solid transparent; border-right: 15px solid #F4F4F4; border-top: 15px solid transparent; height: 0; left: -15px; position: absolute; top: 28px; width: 0; } ul.comments .comment-block { background: #F4F4F4; border-radius: 5px; padding: 20px 20px 30px; position: relative; } ul.comments .comment-block p { font-size: 0.9em; line-height: 21px; margin: 0; padding: 0; } ul.comments .comment-block .comment-by { display: block; font-size: 1em; line-height: 21px; margin: 0; padding: 0 0 5px 0; } ul.comments .comment-block .date { color: #999; font-size: 0.9em; } /* Leave a Comment */ .post-leave-comment { margin-top: 25px; padding-top: 45px; } .post-leave-comment h3 { margin: 0 0 40px; } /* Recent Posts */ .recent-posts h4 { margin-bottom: 7px; } .recent-posts article.recent-post h4 { margin: 0 0 3px 0; } .recent-posts article.recent-post h4 a { display: block; } .recent-posts .date { float: left; margin-right: 10px; margin-top: 8px; text-align: center; } .recent-posts .date .month { background: #CCC; border-radius: 0 0 2px 2px; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset; color: #FFF; font-size: 0.9em; padding: 0 10px 2px; } .recent-posts .date .day { background: #F7F7F7; color: #CCC; display: block; font-size: 18px; font-weight: 500; font-weight: bold; padding: 8px; } section.section .recent-posts .date .day { background: #FFF; } /* Simple Post List */ ul.simple-post-list { list-style: none; margin: 0; padding: 0; } ul.simple-post-list li { border-bottom: 1px dotted #E2E2E2; padding: 15px 0; } ul.simple-post-list li::after { clear: both; content: ""; display: table; } ul.simple-post-list li:last-child { border-bottom: 0; } ul.simple-post-list .post-image { float: left; margin-right: 12px; } ul.simple-post-list .post-meta { color: #888; font-size: 0.8em; } /* Responsive */ @media (max-width: 479px) { ul.comments li { border-left: 8px solid #DDDDDD; clear: both; padding: 0 0 0 10px; } ul.comments li .img-thumbnail { display: none; } ul.comments .comment-arrow { display: none; } } /* Name: theme-shop.css Written by: Okler Themes - (http://www.okler.net) Version: 4.0.0 */ /* Custom Font - Stars (From WooCommerce) */ @font-face { font-family: 'star'; src: url("fonts/star.eot"); src: url("fonts/star.eot?#iefix") format("embedded-opentype"), url("fonts/star.woff") format("woff"), url("fonts/star.ttf") format("truetype"), url("fonts/star.svg#star") format("svg"); font-weight: normal; font-style: normal; } /* Shop - Base */ .shop { margin-top: -10px; } .shop ul.products { margin: 0; padding: 25px 0; list-style: none; } .shop ul.products:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .shop ul.products .product { position: relative; margin-bottom: 30px; } .shop ul.products .product a { text-decoration: none; } .shop ul.products .product .add-to-cart-product { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; position: absolute; top: 0; left: 0; border-radius: 6px 6px 0 0; padding: 8px 10px 5px; font-size: 0.9em; color: #FFF; background: #222; z-index: 1; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translate3d(0, 0, 0); } .shop ul.products .product .add-to-cart-product .fa, .shop ul.products .product .add-to-cart-product .icons { margin-right: 3px; font-size: 1.1em; } .shop ul.products .product:hover .add-to-cart-product { filter: alpha(opacity=100); opacity: 1; } .shop ul.products .product:hover .add-to-cart-product:hover { background: #000; } .shop ul.products .product .price { display: block; min-height: 28px; } .shop ul.products .product .price del { color: rgba(145, 145, 145, 0.5); font-size: 0.7em; margin: -2px 0 0; } .shop ul.products .product .price ins { text-decoration: none; } .shop ul.products .product .price .amount { font-size: 1.3em; } .shop ul.products .product .onsale { position: absolute; background-image: none; border-radius: 100%; left: auto; right: 0; top: -15px; text-shadow: none; width: 40px; height: 40px; line-height: 40px; display: inline-block; text-align: center; z-index: 10; box-shadow: none; font-size: 0.9em; color: #FFF; border-bottom: 2px solid transparent; } /* Product Info */ .product-info { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; border-radius: 6px; padding: 0; position: relative; border: 1px solid #DDD; background: #F7F9FC; display: block; overflow: hidden; position: relative; text-decoration: none; max-width: 100%; text-align: center; padding: 0; text-decoration: none; } .product-info:hover { background-color: #FFF; text-decoration: none; } .product-info a { text-decoration: none; display: inline-block; width: 100%; } .product-info a:hover { text-decoration: none; display: inline-block; width: 100%; } .product-info img { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; border-radius: 6px 6px 0 0; } .product-info h4 { color: #404751; letter-spacing: -1px; font-weight: 600; font-size: 1.4em; line-height: 1.1em; margin: 0; padding: 0; } .product-info + .product-info { border-radius: 0 0 6px 6px; margin-top: -5px; } .product-info .product-info-image { display: block; position: relative; } .product-info .product-info-image:before { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #333; width: 100%; height: 100%; filter: alpha(opacity=0); opacity: 0; border-radius: 6px 6px 0 0; } .product-info:hover .product-info-image:before { filter: alpha(opacity=80); opacity: 0.8; } .product-info .product-info-act { position: absolute; top: 50%; left: 0; right: 0; text-align: center; color: #FFF; } .product-info .product-info-act em { font-style: normal; position: relative; font-size: 1.2em; font-weight: 100; } .product-info .product-info-act-left, .product-info .product-info-act-right { float: left; overflow: hidden; } .product-info .product-info-act-left { text-align: right; width: 45%; } .product-info .product-info-act-left em { -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; left: 0%; filter: alpha(opacity=0); opacity: 0; } .product-info .product-info-act-right { text-align: left; margin-left: 2%; width: 53%; } .product-info .product-info-act-right em { -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; right: 0%; font-weight: 600; filter: alpha(opacity=0); opacity: 0; } .product-info:hover .product-info-act-left em { filter: alpha(opacity=100); opacity: 1; } .product-info:hover .product-info-act-right em { filter: alpha(opacity=100); opacity: 1; } .product-info .product-info-content { padding: 15px; text-align: left; display: block; } .product-info .product-info-caption { padding: 0 15px 15px; text-align: left; display: block; } .product-info .product-info-caption p { margin: 0; padding: 0 0 10px; } .product-info .product-info-extra { clear: both; padding: 10px 0 0; margin: 10px 0 0; border-top: 1px solid #EBEBF4; display: block; } .product-info .product-info-extra.social { text-align: center; } .product-info .product-info-extra.social a { border-right: 1px solid #EBEBF4; display: inline-block; margin-right: 10px; padding-right: 10px; font-size: 0.9em; color: #ACACAC; width: auto; } .product-info .product-info-extra.social a:last-child { border-right: 0; margin-right: 0; padding-right: 0; } .product-info .date { color: #9AA1AB; font-size: 0.9em; } .product-info.secondary .product-info-content { text-align: center; } .product-info.secondary .product-info-content h4 { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; color: #FFF; position: relative; top: -25%; filter: alpha(opacity=0); opacity: 0; } .product-info.secondary .product-info-content .date { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; position: relative; top: 25%; display: block; filter: alpha(opacity=0); opacity: 0; } .product-info.secondary .product-info-act { top: 30%; } .product-info.secondary .label { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; clear: both; display: inline-block; margin-top: 15px; filter: alpha(opacity=0); opacity: 0; } .product-info.secondary:hover .label { filter: alpha(opacity=100); opacity: 1; } .product-info.secondary:hover .product-info-content h4 { top: 0; filter: alpha(opacity=100); opacity: 1; } .product-info.secondary:hover .product-info-content .date { top: 0; filter: alpha(opacity=100); opacity: 1; } /* Rating */ .shop .review_num { margin-right: 10px; float: left; position: relative; top: -1px; } .shop .star-rating { float: none; position: relative; top: 2px; font-family: 'star'; font-size: 1em; height: 1.2em; line-height: 1em; overflow: hidden; position: relative; width: 5.4em; margin-bottom: 25px; } .shop .star-rating:before { color: #E0DADF; content: "SSSSS"; float: left; left: 0; position: absolute; top: 0; } .shop .star-rating span { float: left; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; top: 0; } .shop .star-rating span:before { content: "SSSSS"; left: 0; position: absolute; top: 0; } .shop .summary .price { color: #444; font-size: 2em; letter-spacing: -1px; line-height: 30px; margin-top: 20px; } .shop .quantity { margin: 0 15px 25px 0; overflow: hidden; position: relative; width: 125px; height: 35px; float: left; } .shop .quantity .minus { background: #f4f4f4; border: 1px solid #C8BFC6; border-radius: 2px; box-shadow: none; color: #5E5E5E; cursor: pointer; display: block; font-size: 12px; font-weight: bold; height: 35px; line-height: 13px; margin: 0; overflow: visible; outline: 0; padding: 0; position: absolute; text-align: center; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); vertical-align: text-top; width: 35px; } .shop .quantity .plus { background: #f4f4f4; border: 1px solid #C8BFC6; border-radius: 2px; box-shadow: none; color: #5E5E5E; cursor: pointer; display: block; font-size: 12px; font-weight: bold; height: 35px; line-height: 13px; margin: 0; overflow: visible; outline: 0; padding: 0; position: absolute; text-align: center; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); vertical-align: text-top; width: 35px; right: 0; top: 0; } .shop .quantity .qty { border: 1px solid #CCC; box-shadow: none; float: left; height: 35px; padding: 0 39px; text-align: center; width: 125px; font-size: 1em; } .shop .quantity .qty::-webkit-inner-spin-button, .shop .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .shop .quantity .qty::-ms-clear { display: none; } .shop .product_meta { clear: both; } .shop .tabs-product { margin-top: 35px; } .shop ul.comments .comment-arrow { border-right-color: #F5F7F7; } .shop ul.comments .comment-block { background: #F5F7F7; } .shop table.cart { width: 100%; margin: 0; text-align: left; } .shop table.cart img { height: auto; width: 55px; } .shop table.cart th { padding: 8px 10px; } .shop table.cart td { border-top: 1px solid #DCDCDC; padding: 8px 10px; } .shop table.cart td.actions { padding: 20px 10px; } .shop table.cart .remove .fa { font-size: 1.5em; } .shop table.cart .coupon { float: left; } .shop table.cart .product-remove { width: 1%; } .shop table.cart .product-thumbnail { width: 7%; } .shop table.cart .product-name { width: 60%; } .shop table.cart .quantity { top: 10px; position: relative; } .shop .actions-continue { float: right; } .shop .cart-totals { width: 100%; } .shop .cart-totals th, .shop .cart-totals td { border-top: 1px solid #DCDCDC; padding: 8px 10px; } .shop .cart-totals tr.total .amount { font-size: 2em; display: block; padding-top: 10px; } .shop ul.simple-post-list li { border: 0; } /* Product Thumb Info */ .product-thumb-info { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; border-radius: 6px; padding: 0; position: relative; border: 0; border-bottom: 3px solid #E3E4E8; background: #F7F9FC; display: block; overflow: hidden; position: relative; text-decoration: none; max-width: 100%; text-align: center; border: 1px solid #DDD; text-decoration: none; } .product-thumb-info:hover { background-color: #FFF; text-decoration: none; } .product-thumb-info a { text-decoration: none; display: inline-block; width: 100%; } .product-thumb-info a:hover { text-decoration: none; display: inline-block; width: 100%; } .product-thumb-info img { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; border-radius: 6px 6px 0 0; } .product-thumb-info h4 { color: #404751; letter-spacing: -1px; font-weight: 600; font-size: 1.4em; line-height: 1.1em; margin: 0; padding: 0; } .product-thumb-info + .product-thumb-info { border-radius: 0 0 6px 6px; margin-top: -5px; } .product-thumb-info .product-thumb-info-touch-hover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; display: none; background-color: transparent; } .product-thumb-info.hover .product-thumb-info-touch-hover { display: block; } .product-thumb-info .product-thumb-info-image { display: block; position: relative; } .product-thumb-info .product-thumb-info-image:before { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #171717; width: 100%; height: 100%; filter: alpha(opacity=0); opacity: 0; border-radius: 6px 6px 0 0; } .product-thumb-info:hover .product-thumb-info-image:before { filter: alpha(opacity=80); opacity: 0.8; } .product-thumb-info .product-thumb-info-act { position: absolute; top: 40%; left: 0; right: 0; text-align: center; color: #FFF; filter: alpha(opacity=0); opacity: 0; } .product-thumb-info:hover .product-thumb-info-act { filter: alpha(opacity=100); opacity: 1; top: 50%; } .product-thumb-info .product-thumb-info-act em { font-style: normal; } .product-thumb-info .product-thumb-info-content { padding: 15px; text-align: left; display: block; } .product-thumb-info .product-thumb-info-caption { padding: 0 15px 15px; text-align: left; display: block; } .product-thumb-info .product-thumb-info-caption p { margin: 0; padding: 0 0 10px; } .product-thumb-info .product-thumb-info-extra { clear: both; padding: 10px 0 0; margin: 10px 0 0; border-top: 1px solid #EBEBF4; display: block; } .product-thumb-info .product-thumb-info-extra.social a:last-child { border-right: 0; margin-right: 0; padding-right: 0; } /* Product Thumb Info - Full Width */ .full-width .product-thumb-info .product-thumb-info-image:before { border-radius: 0; } /* Responsive */ @media (max-width: 991px) { .shop .actions-continue { float: none; } .shop table.cart th.product-price, .shop table.cart td.product-price, .shop table.cart th.product-quantity, .shop table.cart td.product-quantity { display: none; } #header nav.mega-menu .mega-menu-shop a { color: #FFF; } #header nav.mega-menu .mega-menu-shop a .fa-caret-down { display: none !important; } #header nav.mega-menu .mega-menu-shop > ul.dropdown-menu { display: none !important; } } /* Animate.css - http: //daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .appear-animation { opacity: 0; } .appear-animation-visible { opacity: 1; } .animated, .appear-animation { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); opacity: 1; } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } } @-moz-keyframes shake { 0%, 100% { -moz-transform: translateX(0); opacity: 1; } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -moz-transform: translateX(10px); } } @-o-keyframes shake { 0%, 100% { -o-transform: translateX(0); opacity: 1; } 10%, 30%, 50%, 70%, 90% { -o-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -o-transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); opacity: 1; } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); opacity: 1; } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); opacity: 1; } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -o-transform: translateY(0); opacity: 1; } 40% { -o-transform: translateY(-30px); } 60% { -o-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); opacity: 1; } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); opacity: 1; } } @-moz-keyframes tada { 0% { -moz-transform: scale(1); } 10%, 20% { -moz-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -moz-transform: scale(1.1) rotate(-3deg); } 100% { -moz-transform: scale(1) rotate(0); opacity: 1; } } @-o-keyframes tada { 0% { -o-transform: scale(1); } 10%, 20% { -o-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -o-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -o-transform: scale(1.1) rotate(-3deg); } 100% { -o-transform: scale(1) rotate(0); opacity: 1; } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); opacity: 1; } } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); opacity: 1; } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); opacity: 1; } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); opacity: 1; } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); opacity: 1; } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https: //github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); opacity: 1; } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); opacity: 1; } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); opacity: 1; } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); opacity: 1; } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); opacity: 1; } } @-moz-keyframes wiggle { 0% { -moz-transform: skewX(9deg); } 10% { -moz-transform: skewX(-8deg); } 20% { -moz-transform: skewX(7deg); } 30% { -moz-transform: skewX(-6deg); } 40% { -moz-transform: skewX(5deg); } 50% { -moz-transform: skewX(-4deg); } 60% { -moz-transform: skewX(3deg); } 70% { -moz-transform: skewX(-2deg); } 80% { -moz-transform: skewX(1deg); } 90% { -moz-transform: skewX(0deg); } 100% { -moz-transform: skewX(0deg); opacity: 1; } } @-o-keyframes wiggle { 0% { -o-transform: skewX(9deg); } 10% { -o-transform: skewX(-8deg); } 20% { -o-transform: skewX(7deg); } 30% { -o-transform: skewX(-6deg); } 40% { -o-transform: skewX(5deg); } 50% { -o-transform: skewX(-4deg); } 60% { -o-transform: skewX(3deg); } 70% { -o-transform: skewX(-2deg); } 80% { -o-transform: skewX(1deg); } 90% { -o-transform: skewX(0deg); } 100% { -o-transform: skewX(0deg); opacity: 1; } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); opacity: 1; } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* originally authored by Nick Pettit - https: //github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); opacity: 1; } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); opacity: 1; } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(0.9); } 100% { -moz-transform: scale(1); opacity: 1; } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(0.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(0.9); } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); opacity: 1; } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); opacity: 1; } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); opacity: 1; } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); opacity: 1; } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); opacity: 1; } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); opacity: 1; } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); opacity: 1; } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); opacity: 1; } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); opacity: 1; } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); opacity: 1; } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); opacity: 1; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); opacity: 1; } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); opacity: 1; } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); opacity: 1; } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); opacity: 1; } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } a { color: #fcaa00; } a:hover { color: #f36c42; } a:focus { color: #f36c42; } a:active { color: #ef4612; } html .heading-primary, html .lnk-primary, html .text-color-primary { color: #fcaa00 !important; } html .heading.heading-primary h1, html .heading.heading-primary h2, html .heading.heading-primary h3, html .heading.heading-primary h4, html .heading.heading-primary h5, html .heading.heading-primary h6 { border-color: #fcaa00; } html .heading-secondary, html .lnk-secondary, html .text-color-secondary { color: #ffffff !important; } html .heading.heading-secondary h1, html .heading.heading-secondary h2, html .heading.heading-secondary h3, html .heading.heading-secondary h4, html .heading.heading-secondary h5, html .heading.heading-secondary h6 { border-color: #ffffff; } html .heading-tertiary, html .lnk-tertiary, html .text-color-tertiary { color: #faa523 !important; } html .heading.heading-tertiary h1, html .heading.heading-tertiary h2, html .heading.heading-tertiary h3, html .heading.heading-tertiary h4, html .heading.heading-tertiary h5, html .heading.heading-tertiary h6 { border-color: #faa523; } html .heading-quaternary, html .lnk-quaternary, html .text-color-quaternary { color: #000000 !important; } html .heading.heading-quaternary h1, html .heading.heading-quaternary h2, html .heading.heading-quaternary h3, html .heading.heading-quaternary h4, html .heading.heading-quaternary h5, html .heading.heading-quaternary h6 { border-color: #000000; } html .heading-dark, html .lnk-dark, html .text-color-dark { color: #2e353e !important; } html .heading.heading-dark h1, html .heading.heading-dark h2, html .heading.heading-dark h3, html .heading.heading-dark h4, html .heading.heading-dark h5, html .heading.heading-dark h6 { border-color: #2e353e; } html .heading-light, html .lnk-light, html .text-color-light { color: #FFF !important; } html .heading.heading-light h1, html .heading.heading-light h2, html .heading.heading-light h3, html .heading.heading-light h4, html .heading.heading-light h5, html .heading.heading-light h6 { border-color: #FFF; } html .background-color-primary { background-color: #fcaa00 !important; } html .background-color-secondary { background-color: #ffffff !important; } html .background-color-tertiary { background-color: #faa523 !important; } html .background-color-quaternary { background-color: #000000 !important; } html .background-color-dark { background-color: #2e353e !important; } html .background-color-light { background-color: #FFF !important; } .alternative-font { color: #fcaa00; } html .blockquote-primary { border-color: #fcaa00 !important; } html .blockquote-secondary { border-color: #ffffff !important; } html .blockquote-tertiary { border-color: #faa523 !important; } html .blockquote-quaternary { border-color: #000000 !important; } html .blockquote-dark { border-color: #2e353e !important; } html .blockquote-light { border-color: #FFF !important; } p.drop-caps:first-child:first-letter { color: #fcaa00; } p.drop-caps.drop-caps-style-2:first-child:first-letter { background-color: #fcaa00; } ul.nav-pills > li.active > a { background-color: #fcaa00; } ul.nav-pills > li.active > a:hover, ul.nav-pills > li.active > a:focus { background-color: #fcaa00; } html ul.nav-pills-primary a { color: #fcaa00; } html ul.nav-pills-primary a:hover { color: #f36c42; } html ul.nav-pills-primary a:focus { color: #f36c42; } html ul.nav-pills-primary a:active { color: #ef4612; } html ul.nav-pills-primary > li.active > a { background-color: #fcaa00; } html ul.nav-pills-primary > li.active > a:hover, html ul.nav-pills-primary > li.active > a:focus { background-color: #fcaa00; } html ul.nav-pills-secondary a { color: #ffffff; } html ul.nav-pills-secondary a:hover { color: #ffffff; } html ul.nav-pills-secondary a:focus { color: #ffffff; } html ul.nav-pills-secondary a:active { color: #f2f2f2; } html ul.nav-pills-secondary > li.active > a { background-color: #ffffff; } html ul.nav-pills-secondary > li.active > a:hover, html ul.nav-pills-secondary > li.active > a:focus { background-color: #ffffff; } html ul.nav-pills-tertiary a { color: #faa523; } html ul.nav-pills-tertiary a:hover { color: #fbaf3c; } html ul.nav-pills-tertiary a:focus { color: #fbaf3c; } html ul.nav-pills-tertiary a:active { color: #f99b0a; } html ul.nav-pills-tertiary > li.active > a { background-color: #faa523; } html ul.nav-pills-tertiary > li.active > a:hover, html ul.nav-pills-tertiary > li.active > a:focus { background-color: #faa523; } html ul.nav-pills-quaternary a { color: #000000; } html ul.nav-pills-quaternary a:hover { color: #0d0d0d; } html ul.nav-pills-quaternary a:focus { color: #0d0d0d; } html ul.nav-pills-quaternary a:active { color: #000000; } html ul.nav-pills-quaternary > li.active > a { background-color: #000000; } html ul.nav-pills-quaternary > li.active > a:hover, html ul.nav-pills-quaternary > li.active > a:focus { background-color: #000000; } html ul.nav-pills-dark a { color: #2e353e; } html ul.nav-pills-dark a:hover { color: #39424d; } html ul.nav-pills-dark a:focus { color: #39424d; } html ul.nav-pills-dark a:active { color: #23282f; } html ul.nav-pills-dark > li.active > a { background-color: #2e353e; } html ul.nav-pills-dark > li.active > a:hover, html ul.nav-pills-dark > li.active > a:focus { background-color: #2e353e; } html ul.nav-pills-light a { color: #FFF; } html ul.nav-pills-light a:hover { color: #ffffff; } html ul.nav-pills-light a:focus { color: #ffffff; } html ul.nav-pills-light a:active { color: #f2f2f2; } html ul.nav-pills-light > li.active > a { background-color: #FFF; } html ul.nav-pills-light > li.active > a:hover, html ul.nav-pills-light > li.active > a:focus { background-color: #FFF; } .sort-source-wrapper .nav > li.active > a { color: #fcaa00; } .sort-source-wrapper .nav > li.active > a:hover, .sort-source-wrapper .nav > li.active > a:focus { color: #fcaa00; } .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: #fcaa00; } html .label-primary { background-color: #fcaa00; } html .label-secondary { background-color: #ffffff; } html .label-tertiary { background-color: #faa523; } html .label-quaternary { background-color: #000000; } html .label-dark { background-color: #2e353e; } html .label-light { background-color: #FFF; } .btn-link { color: #fcaa00; } .btn-link:hover { color: #f36c42; } .btn-link:active { color: #ef4612; } html .btn-primary { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #f36c42; border-color: #f36c42; } html .btn-primary:hover { border-color: #000000; background-color: #f36c42; } html .btn-primary:active, html .btn-primary:focus, html .btn-primary:active:hover, html .btn-primary:active:focus { border-color: #ef4612 #ef4612 #ef4612; background-color: #ef4612; } html .btn-primary.dropdown-toggle { border-left-color: #ef4612; } html .btn-primary[disabled] { border-color: #f7a48a; background-color: #f7a48a; } html .btn-primary:hover, html .btn-primary:focus, html .btn-primary:active:hover, html .btn-primary:active:focus { color: #FFF; } html .btn-primary-scale-2 { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da3e0e; border-color: #da3e0e #da3e0e #aa310b; } html .btn-primary-scale-2:hover { border-color: #ef4612 #ef4612 #c2370d; background-color: #ef4612; } html .btn-primary-scale-2:active, html .btn-primary-scale-2:focus, html .btn-primary-scale-2:active:hover, html .btn-primary-scale-2:active:focus { border-color: #c2370d #c2370d #c2370d; background-color: #c2370d; } html .btn-primary-scale-2.dropdown-toggle { border-left-color: #c2370d; } html .btn-primary-scale-2[disabled] { border-color: #f47e5a; background-color: #f47e5a; } html .btn-secondary { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ffffff; border-color: #ffffff #ffffff #e6e6e6; } html .btn-secondary:hover { border-color: #ffffff #ffffff #f2f2f2; background-color: #ffffff; } html .btn-secondary:active, html .btn-secondary:focus, html .btn-secondary:active:hover, html .btn-secondary:active:focus { border-color: #f2f2f2 #f2f2f2 #f2f2f2; background-color: #f2f2f2; } html .btn-secondary.dropdown-toggle { border-left-color: #f2f2f2; } html .btn-secondary[disabled] { border-color: #ffffff; background-color: #ffffff; } html .btn-secondary:hover, html .btn-secondary:focus, html .btn-secondary:active:hover, html .btn-secondary:active:focus { color: #777; } html .btn-secondary-scale-2 { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #e6e6e6; border-color: #e6e6e6 #e6e6e6 #cccccc; } html .btn-secondary-scale-2:hover { border-color: #f2f2f2 #f2f2f2 #d9d9d9; background-color: #f2f2f2; } html .btn-secondary-scale-2:active, html .btn-secondary-scale-2:focus, html .btn-secondary-scale-2:active:hover, html .btn-secondary-scale-2:active:focus { border-color: #d9d9d9 #d9d9d9 #d9d9d9; background-color: #d9d9d9; } html .btn-secondary-scale-2.dropdown-toggle { border-left-color: #d9d9d9; } html .btn-secondary-scale-2[disabled] { border-color: #ffffff; background-color: #ffffff; } html .btn-tertiary { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa523; border-color: #faa523 #faa523 #e58c05; } html .btn-tertiary:hover { border-color: #fbaf3c #fbaf3c #f99b0a; background-color: #fbaf3c; } html .btn-tertiary:active, html .btn-tertiary:focus, html .btn-tertiary:active:hover, html .btn-tertiary:active:focus { border-color: #f99b0a #f99b0a #f99b0a; background-color: #f99b0a; } html .btn-tertiary.dropdown-toggle { border-left-color: #f99b0a; } html .btn-tertiary[disabled] { border-color: #fcce87; background-color: #fcce87; } html .btn-tertiary:hover, html .btn-tertiary:focus, html .btn-tertiary:active:hover, html .btn-tertiary:active:focus { color: #777; } html .btn-tertiary-scale-2 { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #e58c05; border-color: #e58c05 #e58c05 #b36e04; } html .btn-tertiary-scale-2:hover { border-color: #f99b0a #f99b0a #cc7d05; background-color: #f99b0a; } html .btn-tertiary-scale-2:active, html .btn-tertiary-scale-2:focus, html .btn-tertiary-scale-2:active:hover, html .btn-tertiary-scale-2:active:focus { border-color: #cc7d05 #cc7d05 #cc7d05; background-color: #cc7d05; } html .btn-tertiary-scale-2.dropdown-toggle { border-left-color: #cc7d05; } html .btn-tertiary-scale-2[disabled] { border-color: #fbb955; background-color: #fbb955; } html .btn-quaternary { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #000000; border-color: #000000 #000000 #000000; } html .btn-quaternary:hover { border-color: #0d0d0d #0d0d0d #000000; background-color: #0d0d0d; } html .btn-quaternary:active, html .btn-quaternary:focus, html .btn-quaternary:active:hover, html .btn-quaternary:active:focus { border-color: #000000 #000000 #000000; background-color: #000000; } html .btn-quaternary.dropdown-toggle { border-left-color: #000000; } html .btn-quaternary[disabled] { border-color: #333333; background-color: #333333; } html .btn-quaternary:hover, html .btn-quaternary:focus, html .btn-quaternary:active:hover, html .btn-quaternary:active:focus { color: #FFF; } html .btn-quaternary-scale-2 { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #000000; border-color: #000000 #000000 #000000; } html .btn-quaternary-scale-2:hover { border-color: #0d0d0d #0d0d0d #000000; background-color: #0d0d0d; } html .btn-quaternary-scale-2:active, html .btn-quaternary-scale-2:focus, html .btn-quaternary-scale-2:active:hover, html .btn-quaternary-scale-2:active:focus { border-color: #000000 #000000 #000000; background-color: #000000; } html .btn-quaternary-scale-2.dropdown-toggle { border-left-color: #000000; } html .btn-quaternary-scale-2[disabled] { border-color: #333333; background-color: #333333; } html .btn-dark { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #2e353e; border-color: #2e353e #2e353e #181c21; } html .btn-dark:hover { border-color: #39424d #39424d #23282f; background-color: #39424d; } html .btn-dark:active, html .btn-dark:focus, html .btn-dark:active:hover, html .btn-dark:active:focus { border-color: #23282f #23282f #23282f; background-color: #23282f; } html .btn-dark.dropdown-toggle { border-left-color: #23282f; } html .btn-dark[disabled] { border-color: #596779; background-color: #596779; } html .btn-dark:hover, html .btn-dark:focus, html .btn-dark:active:hover, html .btn-dark:active:focus { color: #FFF; } html .btn-dark-scale-2 { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #181c21; border-color: #181c21 #181c21 #030303; } html .btn-dark-scale-2:hover { border-color: #23282f #23282f #0d0f12; background-color: #23282f; } html .btn-dark-scale-2:active, html .btn-dark-scale-2:focus, html .btn-dark-scale-2:active:hover, html .btn-dark-scale-2:active:focus { border-color: #0d0f12 #0d0f12 #0d0f12; background-color: #0d0f12; } html .btn-dark-scale-2.dropdown-toggle { border-left-color: #0d0f12; } html .btn-dark-scale-2[disabled] { border-color: #444e5b; background-color: #444e5b; } html .btn-light { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #FFF; border-color: #FFF #FFF #e6e6e6; } html .btn-light:hover { border-color: #ffffff #ffffff #f2f2f2; background-color: #ffffff; } html .btn-light:active, html .btn-light:focus, html .btn-light:active:hover, html .btn-light:active:focus { border-color: #f2f2f2 #f2f2f2 #f2f2f2; background-color: #f2f2f2; } html .btn-light.dropdown-toggle { border-left-color: #f2f2f2; } html .btn-light[disabled] { border-color: #ffffff; background-color: #ffffff; } html .btn-light:hover, html .btn-light:focus, html .btn-light:active:hover, html .btn-light:active:focus { color: #777; } html .btn-light-scale-2 { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #e6e6e6; border-color: #e6e6e6 #e6e6e6 #cccccc; } html .btn-light-scale-2:hover { border-color: #f2f2f2 #f2f2f2 #d9d9d9; background-color: #f2f2f2; } html .btn-light-scale-2:active, html .btn-light-scale-2:focus, html .btn-light-scale-2:active:hover, html .btn-light-scale-2:active:focus { border-color: #d9d9d9 #d9d9d9 #d9d9d9; background-color: #d9d9d9; } html .btn-light-scale-2.dropdown-toggle { border-left-color: #d9d9d9; } html .btn-light-scale-2[disabled] { border-color: #ffffff; background-color: #ffffff; } html .btn-borders.btn-primary { background: transparent; border-color: #fcaa00; color: #fcaa00; text-shadow: none; } html .btn-borders.btn-primary:hover, html .btn-borders.btn-primary:focus { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #fcaa00; border-color: #fcaa00 #fcaa00 #da3e0e; border-color: #fcaa00 !important; color: #FFF; } html .btn-borders.btn-primary:hover:hover, html .btn-borders.btn-primary:focus:hover { border-color: #f36c42 #f36c42 #ef4612; background-color: #f36c42; } html .btn-borders.btn-primary:hover:active, html .btn-borders.btn-primary:focus:active, html .btn-borders.btn-primary:hover:focus, html .btn-borders.btn-primary:focus:focus, html .btn-borders.btn-primary:hover:active:hover, html .btn-borders.btn-primary:focus:active:hover, html .btn-borders.btn-primary:hover:active:focus, html .btn-borders.btn-primary:focus:active:focus { border-color: #ef4612 #ef4612 #ef4612; background-color: #ef4612; } html .btn-borders.btn-primary:hover.dropdown-toggle, html .btn-borders.btn-primary:focus.dropdown-toggle { border-left-color: #ef4612; } html .btn-borders.btn-primary:hover[disabled], html .btn-borders.btn-primary:focus[disabled] { border-color: #f7a48a; background-color: #f7a48a; } html .btn-borders.btn-secondary { background: transparent; border-color: #ffffff; color: #ffffff; text-shadow: none; } html .btn-borders.btn-secondary:hover, html .btn-borders.btn-secondary:focus { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ffffff; border-color: #ffffff #ffffff #e6e6e6; border-color: #ffffff !important; color: #777; } html .btn-borders.btn-secondary:hover:hover, html .btn-borders.btn-secondary:focus:hover { border-color: #ffffff #ffffff #f2f2f2; background-color: #ffffff; } html .btn-borders.btn-secondary:hover:active, html .btn-borders.btn-secondary:focus:active, html .btn-borders.btn-secondary:hover:focus, html .btn-borders.btn-secondary:focus:focus, html .btn-borders.btn-secondary:hover:active:hover, html .btn-borders.btn-secondary:focus:active:hover, html .btn-borders.btn-secondary:hover:active:focus, html .btn-borders.btn-secondary:focus:active:focus { border-color: #f2f2f2 #f2f2f2 #f2f2f2; background-color: #f2f2f2; } html .btn-borders.btn-secondary:hover.dropdown-toggle, html .btn-borders.btn-secondary:focus.dropdown-toggle { border-left-color: #f2f2f2; } html .btn-borders.btn-secondary:hover[disabled], html .btn-borders.btn-secondary:focus[disabled] { border-color: #ffffff; background-color: #ffffff; } html .btn-borders.btn-tertiary { background: transparent; border-color: #faa523; color: #faa523; text-shadow: none; } html .btn-borders.btn-tertiary:hover, html .btn-borders.btn-tertiary:focus { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa523; border-color: #faa523 #faa523 #e58c05; border-color: #faa523 !important; color: #777; } html .btn-borders.btn-tertiary:hover:hover, html .btn-borders.btn-tertiary:focus:hover { border-color: #fbaf3c #fbaf3c #f99b0a; background-color: #fbaf3c; } html .btn-borders.btn-tertiary:hover:active, html .btn-borders.btn-tertiary:focus:active, html .btn-borders.btn-tertiary:hover:focus, html .btn-borders.btn-tertiary:focus:focus, html .btn-borders.btn-tertiary:hover:active:hover, html .btn-borders.btn-tertiary:focus:active:hover, html .btn-borders.btn-tertiary:hover:active:focus, html .btn-borders.btn-tertiary:focus:active:focus { border-color: #f99b0a #f99b0a #f99b0a; background-color: #f99b0a; } html .btn-borders.btn-tertiary:hover.dropdown-toggle, html .btn-borders.btn-tertiary:focus.dropdown-toggle { border-left-color: #f99b0a; } html .btn-borders.btn-tertiary:hover[disabled], html .btn-borders.btn-tertiary:focus[disabled] { border-color: #fcce87; background-color: #fcce87; } html .btn-borders.btn-quaternary { background: transparent; border-color: #000000; color: #000000; text-shadow: none; } html .btn-borders.btn-quaternary:hover, html .btn-borders.btn-quaternary:focus { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #000000; border-color: #000000 #000000 #000000; border-color: #000000 !important; color: #FFF; } html .btn-borders.btn-quaternary:hover:hover, html .btn-borders.btn-quaternary:focus:hover { border-color: #0d0d0d #0d0d0d #000000; background-color: #0d0d0d; } html .btn-borders.btn-quaternary:hover:active, html .btn-borders.btn-quaternary:focus:active, html .btn-borders.btn-quaternary:hover:focus, html .btn-borders.btn-quaternary:focus:focus, html .btn-borders.btn-quaternary:hover:active:hover, html .btn-borders.btn-quaternary:focus:active:hover, html .btn-borders.btn-quaternary:hover:active:focus, html .btn-borders.btn-quaternary:focus:active:focus { border-color: #000000 #000000 #000000; background-color: #000000; } html .btn-borders.btn-quaternary:hover.dropdown-toggle, html .btn-borders.btn-quaternary:focus.dropdown-toggle { border-left-color: #000000; } html .btn-borders.btn-quaternary:hover[disabled], html .btn-borders.btn-quaternary:focus[disabled] { border-color: #333333; background-color: #333333; } html .btn-borders.btn-dark { background: transparent; border-color: #2e353e; color: #2e353e; text-shadow: none; } html .btn-borders.btn-dark:hover, html .btn-borders.btn-dark:focus { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #2e353e; border-color: #2e353e #2e353e #181c21; border-color: #2e353e !important; color: #FFF; } html .btn-borders.btn-dark:hover:hover, html .btn-borders.btn-dark:focus:hover { border-color: #39424d #39424d #23282f; background-color: #39424d; } html .btn-borders.btn-dark:hover:active, html .btn-borders.btn-dark:focus:active, html .btn-borders.btn-dark:hover:focus, html .btn-borders.btn-dark:focus:focus, html .btn-borders.btn-dark:hover:active:hover, html .btn-borders.btn-dark:focus:active:hover, html .btn-borders.btn-dark:hover:active:focus, html .btn-borders.btn-dark:focus:active:focus { border-color: #23282f #23282f #23282f; background-color: #23282f; } html .btn-borders.btn-dark:hover.dropdown-toggle, html .btn-borders.btn-dark:focus.dropdown-toggle { border-left-color: #23282f; } html .btn-borders.btn-dark:hover[disabled], html .btn-borders.btn-dark:focus[disabled] { border-color: #596779; background-color: #596779; } html .btn-borders.btn-light { background: transparent; border-color: #FFF; color: #FFF; text-shadow: none; } html .btn-borders.btn-light:hover, html .btn-borders.btn-light:focus { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #FFF; border-color: #FFF #FFF #e6e6e6; border-color: #FFF !important; color: #777; } html .btn-borders.btn-light:hover:hover, html .btn-borders.btn-light:focus:hover { border-color: #ffffff #ffffff #f2f2f2; background-color: #ffffff; } html .btn-borders.btn-light:hover:active, html .btn-borders.btn-light:focus:active, html .btn-borders.btn-light:hover:focus, html .btn-borders.btn-light:focus:focus, html .btn-borders.btn-light:hover:active:hover, html .btn-borders.btn-light:focus:active:hover, html .btn-borders.btn-light:hover:active:focus, html .btn-borders.btn-light:focus:active:focus { border-color: #f2f2f2 #f2f2f2 #f2f2f2; background-color: #f2f2f2; } html .btn-borders.btn-light:hover.dropdown-toggle, html .btn-borders.btn-light:focus.dropdown-toggle { border-left-color: #f2f2f2; } html .btn-borders.btn-light:hover[disabled], html .btn-borders.btn-light:focus[disabled] { border-color: #ffffff; background-color: #ffffff; } .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #fcaa00; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #fcaa00 !important; border-color: #fcaa00; } body.dark .pagination > li > a, body.dark .pagination > li > span, body.dark .pagination > li > a:hover, body.dark .pagination > li > span:hover, body.dark .pagination > li > a:focus, body.dark .pagination > li > span:focus { color: #fcaa00; } body.dark .pagination > .active > a, body.dark .pagination > .active > span, body.dark .pagination > .active > a:hover, body.dark .pagination > .active > span:hover, body.dark .pagination > .active > a:focus, body.dark .pagination > .active > span:focus { background-color: #fcaa00; border-color: #fcaa00; } .pagination > .active > a, body.dark .pagination > .active > a { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #fcaa00; border-color: #fcaa00 #fcaa00 #da3e0e; } .pagination > .active > a:hover, body.dark .pagination > .active > a:hover { border-color: #f36c42 #f36c42 #ef4612; background-color: #f36c42; } .pagination > .active > a:active, body.dark .pagination > .active > a:active, .pagination > .active > a:focus, body.dark .pagination > .active > a:focus, .pagination > .active > a:active:hover, body.dark .pagination > .active > a:active:hover, .pagination > .active > a:active:focus, body.dark .pagination > .active > a:active:focus { border-color: #ef4612 #ef4612 #ef4612; background-color: #ef4612; } .pagination > .active > a.dropdown-toggle, body.dark .pagination > .active > a.dropdown-toggle { border-left-color: #ef4612; } .pagination > .active > a[disabled], body.dark .pagination > .active > a[disabled] { border-color: #f7a48a; background-color: #f7a48a; } html .alert-primary { background-color: #fcaa00; border-color: #f04e1c; color: #FFF; } html .alert-primary .alert-link { color: #FFF; } html .alert-secondary { background-color: #ffffff; border-color: #f7f7f7; color: #777; } html .alert-secondary .alert-link { color: #777; } html .alert-tertiary { background-color: #faa523; border-color: #fa9f14; color: #777; } html .alert-tertiary .alert-link { color: #777; } html .alert-quaternary { background-color: #000000; border-color: #000000; color: #FFF; } html .alert-quaternary .alert-link { color: #FFF; } html .alert-dark { background-color: #2e353e; border-color: #272d35; color: #FFF; } html .alert-dark .alert-link { color: #FFF; } html .alert-light { background-color: #FFF; border-color: #f7f7f7; color: #777; } html .alert-light .alert-link { color: #777; } html .progress-bar-primary { background-color: #fcaa00; } html .progress-bar-secondary { background-color: #ffffff; } html .progress-bar-tertiary { background-color: #faa523; } html .progress-bar-quaternary { background-color: #000000; } html .progress-bar-dark { background-color: #2e353e; } html .progress-bar-light { background-color: #FFF; } html section.section-primary { background-color: #fcaa00 !important; border-color: #fcaa00 !important; } html section.section-primary-2 { background-color: #fcaa00 !important; border-color: #fcaa00 !important; } html section.section-primary-3 { background-color: #ed7a00 !important; border-color: #ed7a00 !important; } html section.section-primary-4 { background-color: #c74702 !important; border-color: #c74702 !important; } html section.section-primary h1, html section.section-primary h2, html section.section-primary h3, html section.section-primary h4, html section.section-primary h5, html section.section-primary h6 { color: #FFF; } html section.section-primary-2 h1, html section.section-primary-2 h2, html section.section-primary-2 h3, html section.section-primary-2 h4, html section.section-primary-2 h5, html section.section-primary-2 h6 { color: #FFF; } html section.section-primary-3 h1, html section.section-primary-3 h2, html section.section-primary-3 h3, html section.section-primary-3 h4, html section.section-primary-3 h5, html section.section-primary-3 h6 { color: #FFF; } html section.section-primary-4 h1, html section.section-primary-4 h2, html section.section-primary-4 h3, html section.section-primary-4 h4, html section.section-primary-4 h5, html section.section-primary-4 h6 { color: #FFF; } html section.section-primary p { color: #fff; } html section.section-primary-2 p { color: #fff; } html section.section-primary-3 p { color: #fff; } html section.section-primary-4 p { color: #fff; } html section.section-primary-scale-2 { background-color: #da3e0e !important; border-color: #c2370d !important; } html section.section-primary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: #da3e0e; } html section.section-secondary { background-color: #ffffff !important; border-color: #f2f2f2 !important; } html section.section-secondary h1, html section.section-secondary h2, html section.section-secondary h3, html section.section-secondary h4, html section.section-secondary h5, html section.section-secondary h6 { color: #777; } html section.section-secondary p { color: #5e5e5e; } html section.section-secondary-scale-2 { background-color: #e6e6e6 !important; border-color: #d9d9d9 !important; } html section.section-secondary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: #e6e6e6; } html section.section-tertiary { background-color: #faa523 !important; border-color: #f99b0a !important; } html section.section-tertiary h1, html section.section-tertiary h2, html section.section-tertiary h3, html section.section-tertiary h4, html section.section-tertiary h5, html section.section-tertiary h6 { color: #777; } html section.section-tertiary p { color: #5e5e5e; } html section.section-tertiary-scale-2 { background-color: #e58c05 !important; border-color: #cc7d05 !important; } html section.section-tertiary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: #e58c05; } html section.section-quaternary { background-color: #000000 !important; border-color: #000000 !important; } html section.section-quaternary h1, html section.section-quaternary h2, html section.section-quaternary h3, html section.section-quaternary h4, html section.section-quaternary h5, html section.section-quaternary h6 { color: #FFF; } html section.section-quaternary p { color: #e6e6e6; } html section.section-quaternary-scale-2 { background-color: #000000 !important; border-color: #000000 !important; } html section.section-quaternary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: #000000; } html section.section-dark { background-color: #2e353e !important; border-color: #23282f !important; } html section.section-dark h1, html section.section-dark h2, html section.section-dark h3, html section.section-dark h4, html section.section-dark h5, html section.section-dark h6 { color: #FFF; } html section.section-dark p { color: #e6e6e6; } html section.section-dark-scale-2 { background-color: #181c21 !important; border-color: #0d0f12 !important; } html section.section-dark-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: #181c21; } html section.section-light { background-color: #FFF !important; border-color: #f2f2f2 !important; } html section.section-light h1, html section.section-light h2, html section.section-light h3, html section.section-light h4, html section.section-light h5, html section.section-light h6 { color: #777; } html section.section-light p { color: #5e5e5e; } html section.section-light-scale-2 { background-color: #e6e6e6 !important; border-color: #d9d9d9 !important; } html section.section-light-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: #e6e6e6; } html section.section-default-scale-1 { background-color: #dbdbdb !important; border-top-color: #d3d3d3 !important; } html section.section-default-scale-2 { background-color: #c1c1c1 !important; border-top-color: #b9b9b9 !important; } html section.section-default-scale-3 { background-color: #a8a8a8 !important; border-top-color: #a0a0a0 !important; } html section.section-default-scale-4 { background-color: #8e8e8e !important; border-top-color: #868686 !important; } html section.section-default-scale-5 { background-color: #757575 !important; border-top-color: #6d6d6d !important; } html section.section-default-scale-6 { background-color: #5b5b5b !important; border-top-color: #535353 !important; } html section.section-default-scale-7 { background-color: #424242 !important; border-top-color: #3a3a3a !important; } html section.section-default-scale-8 { background-color: #282828 !important; border-top-color: #202020 !important; } html section.section-default-scale-9 { background-color: #0f0f0f !important; border-top-color: #070707 !important; } html.dark section.section-default-scale-1 { background-color: #333a44 !important; border-top-color: #2c323b !important; } html.dark section.section-default-scale-2 { background-color: #495362 !important; border-top-color: #424b59 !important; } html.dark section.section-default-scale-3 { background-color: #5e6b7f !important; border-top-color: #586476 !important; } html.dark section.section-default-scale-4 { background-color: #77849a !important; border-top-color: #6e7d93 !important; } html.dark section.section-default-scale-5 { background-color: #949faf !important; border-top-color: #8b97a9 !important; } html.dark section.section-default-scale-6 { background-color: #b1b9c5 !important; border-top-color: #a8b1be !important; } html.dark section.section-default-scale-7 { background-color: #ced3db !important; border-top-color: #c5cbd4 !important; } html.dark section.section-default-scale-8 { background-color: #ebeef1 !important; border-top-color: #e3e6ea !important; } html.dark section.section-default-scale-9 { background-color: #ffffff !important; border-top-color: #f7f7f7 !important; } section.page-header h1 { border-bottom-color: #fcaa00; } section.page-header.custom-product { background-color: #ef4612; border-top-color: #f05220; } html .page-header-color.page-header-primary { background-color: #fcaa00; border-bottom-color: #fcaa00; color: #FFF; } html .page-header-color.page-header-primary h1 { color: #FFF; } html .page-header-color.page-header-primary h1 span { color: #FFF; } html .page-header-color.page-header-primary a { color: #FFF; } html .page-header-color.page-header-primary .breadcrumb > .active { color: #FFF; } html .page-header-color.page-header-secondary { background-color: #ffffff; border-bottom-color: #ffffff; color: #777; } html .page-header-color.page-header-secondary h1 { color: #777; } html .page-header-color.page-header-secondary h1 span { color: #777; } html .page-header-color.page-header-secondary a { color: #777; } html .page-header-color.page-header-secondary .breadcrumb > .active { color: #777; } html .page-header-color.page-header-tertiary { background-color: #faa523; border-bottom-color: #faa523; color: #777; } html .page-header-color.page-header-tertiary h1 { color: #777; } html .page-header-color.page-header-tertiary h1 span { color: #777; } html .page-header-color.page-header-tertiary a { color: #777; } html .page-header-color.page-header-tertiary .breadcrumb > .active { color: #777; } html .page-header-color.page-header-quaternary { background-color: #000000; border-bottom-color: #000000; color: #FFF; } html .page-header-color.page-header-quaternary h1 { color: #FFF; } html .page-header-color.page-header-quaternary h1 span { color: #FFF; } html .page-header-color.page-header-quaternary a { color: #FFF; } html .page-header-color.page-header-quaternary .breadcrumb > .active { color: #FFF; } html .page-header-color.page-header-dark { background-color: #2e353e; border-bottom-color: #2e353e; color: #FFF; } html .page-header-color.page-header-dark h1 { color: #FFF; } html .page-header-color.page-header-dark h1 span { color: #FFF; } html .page-header-color.page-header-dark a { color: #FFF; } html .page-header-color.page-header-dark .breadcrumb > .active { color: #FFF; } html .page-header-color.page-header-light { background-color: #FFF; border-bottom-color: #FFF; color: #777; } html .page-header-color.page-header-light h1 { color: #777; } html .page-header-color.page-header-light h1 span { color: #777; } html .page-header-color.page-header-light a { color: #777; } html .page-header-color.page-header-light .breadcrumb > .active { color: #777; } html .toggle-primary .toggle label { color: #fcaa00; border-left-color: #fcaa00; border-right-color: #fcaa00; } html .toggle-primary .toggle.active > label { background-color: #fcaa00; border-color: #fcaa00; color: #FFF; } html .toggle-primary.toggle-simple .toggle > label:after { background-color: #fcaa00; } html .toggle-secondary .toggle label { color: #ffffff; border-left-color: #ffffff; border-right-color: #ffffff; } html .toggle-secondary .toggle.active > label { background-color: #ffffff; border-color: #ffffff; color: #777; } html .toggle-secondary.toggle-simple .toggle > label:after { background-color: #ffffff; } html .toggle-tertiary .toggle label { color: #faa523; border-left-color: #faa523; border-right-color: #faa523; } html .toggle-tertiary .toggle.active > label { background-color: #faa523; border-color: #faa523; color: #777; } html .toggle-tertiary.toggle-simple .toggle > label:after { background-color: #faa523; } html .toggle-quaternary .toggle label { color: #000000; border-left-color: #000000; border-right-color: #000000; } html .toggle-quaternary .toggle.active > label { background-color: #000000; border-color: #000000; color: #FFF; } html .toggle-quaternary.toggle-simple .toggle > label:after { background-color: #000000; } html .toggle-dark .toggle label { color: #2e353e; border-left-color: #2e353e; border-right-color: #2e353e; } html .toggle-dark .toggle.active > label { background-color: #2e353e; border-color: #2e353e; color: #FFF; } html .toggle-dark.toggle-simple .toggle > label:after { background-color: #2e353e; } html .toggle-light .toggle label { color: #FFF; border-left-color: #FFF; border-right-color: #FFF; } html .toggle-light .toggle.active > label { background-color: #FFF; border-color: #FFF; color: #777; } html .toggle-light.toggle-simple .toggle > label:after { background-color: #FFF; } .thumb-info .thumb-info-type { background-color: #fcaa00; } .thumb-info .thumb-info-action-icon { background-color: #fcaa00; } .thumb-info-social-icons a { background-color: #fcaa00; } .thumbnail .zoom { background-color: #fcaa00; } .img-thumbnail .zoom { background-color: #fcaa00; } html .thumb-info .thumb-info-action-icon-primary { background-color: #fcaa00; } html .thumb-info .thumb-info-action-icon-primary i { color: #FFF; } html .thumb-info .thumb-info-action-icon-secondary { background-color: #ffffff; } html .thumb-info .thumb-info-action-icon-secondary i { color: #777; } html .thumb-info .thumb-info-action-icon-tertiary { background-color: #faa523; } html .thumb-info .thumb-info-action-icon-tertiary i { color: #777; } html .thumb-info .thumb-info-action-icon-quaternary { background-color: #000000; } html .thumb-info .thumb-info-action-icon-quaternary i { color: #FFF; } html .thumb-info .thumb-info-action-icon-dark { background-color: #2e353e; } html .thumb-info .thumb-info-action-icon-dark i { color: #FFF; } html .thumb-info .thumb-info-action-icon-light { background-color: #FFF; } html .thumb-info .thumb-info-action-icon-light i { color: #777; } .thumb-info-ribbon { background: #fcaa00; } .thumb-info-ribbon:before { border-right-color: #c2370d; border-left-color: #c2370d; } .inverted { background-color: #fcaa00; } html .inverted-primary { background-color: #fcaa00; } html .inverted-secondary { background-color: #ffffff; } html .inverted-tertiary { background-color: #faa523; } html .inverted-quaternary { background-color: #000000; } html .inverted-dark { background-color: #2e353e; } html .inverted-light { background-color: #FFF; } .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span { background-color: #ed4410; } .owl-carousel.show-nav-title .owl-nav [class*="owl-"] { color: #fcaa00; } .owl-carousel .owl-nav [class*="owl-"] { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #fcaa00; border-color: #fcaa00 #fcaa00 #da3e0e; } .owl-carousel .owl-nav [class*="owl-"]:hover { border-color: #f36c42 #f36c42 #ef4612; background-color: #f36c42; } .owl-carousel .owl-nav [class*="owl-"]:active, .owl-carousel .owl-nav [class*="owl-"]:focus, .owl-carousel .owl-nav [class*="owl-"]:active:hover, .owl-carousel .owl-nav [class*="owl-"]:active:focus { border-color: #ef4612 #ef4612 #ef4612; background-color: #ef4612; } .owl-carousel .owl-nav [class*="owl-"].dropdown-toggle { border-left-color: #ef4612; } .owl-carousel .owl-nav [class*="owl-"][disabled] { border-color: #f7a48a; background-color: #f7a48a; } html body .tabs .nav-tabs a, html.dark body .tabs .nav-tabs a, html body .tabs .nav-tabs a:hover, html.dark body .tabs .nav-tabs a:hover { color: #fcaa00; } html body .tabs .nav-tabs a:hover, html.dark body .tabs .nav-tabs a:hover, html body .tabs .nav-tabs a:focus, html.dark body .tabs .nav-tabs a:focus { border-top-color: #fcaa00; } html body .tabs .nav-tabs li.active a, html.dark body .tabs .nav-tabs li.active a { border-top-color: #fcaa00; color: #fcaa00; } html body .tabs .nav-tabs.nav-justified a:hover, html.dark body .tabs .nav-tabs.nav-justified a:hover, html body .tabs .nav-tabs.nav-justified a:focus, html.dark body .tabs .nav-tabs.nav-justified a:focus { border-top-color: #fcaa00; } html body .tabs.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs.tabs-bottom .nav-tabs li a:hover, html body .tabs.tabs-bottom .nav-tabs li.active a, html.dark body .tabs.tabs-bottom .nav-tabs li.active a, html body .tabs.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs.tabs-bottom .nav-tabs li.active a:hover, html body .tabs.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs.tabs-bottom .nav-tabs li.active a:focus { border-bottom-color: #fcaa00; } html body .tabs.tabs-vertical.tabs-left .nav-tabs li a:hover, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li a:hover, html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a, html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:hover, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:hover, html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:focus, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:focus { border-left-color: #fcaa00; } html body .tabs.tabs-vertical.tabs-right .nav-tabs li a:hover, html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li a:hover, html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a, html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a, html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:hover, html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:hover, html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:focus, html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:focus { border-right-color: #fcaa00; } html body .tabs-primary .nav-tabs li a, html.dark body .tabs-primary .nav-tabs li a, html body .tabs-primary .nav-tabs.nav-justified li a, html.dark body .tabs-primary .nav-tabs.nav-justified li a, html body .tabs-primary .nav-tabs li a:hover, html.dark body .tabs-primary .nav-tabs li a:hover, html body .tabs-primary .nav-tabs.nav-justified li a:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover { color: #fcaa00; } html body .tabs-primary .nav-tabs li a:hover, html.dark body .tabs-primary .nav-tabs li a:hover, html body .tabs-primary .nav-tabs.nav-justified li a:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover { border-top-color: #fcaa00; } html body .tabs-primary .nav-tabs li.active a, html.dark body .tabs-primary .nav-tabs li.active a, html body .tabs-primary .nav-tabs.nav-justified li.active a, html.dark body .tabs-primary .nav-tabs.nav-justified li.active a, html body .tabs-primary .nav-tabs li.active a:hover, html.dark body .tabs-primary .nav-tabs li.active a:hover, html body .tabs-primary .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:hover, html body .tabs-primary .nav-tabs li.active a:focus, html.dark body .tabs-primary .nav-tabs li.active a:focus, html body .tabs-primary .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:focus { border-top-color: #fcaa00; color: #fcaa00; } html body .tabs-primary.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs li a:hover, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover { border-bottom-color: #fcaa00; } html body .tabs-primary.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a, html body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus { border-bottom-color: #fcaa00; } html body .tabs-primary.tabs-vertical.tabs-left li a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-left li a:hover { border-left-color: #fcaa00; } html body .tabs-primary.tabs-vertical.tabs-left li.active a, html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a, html body .tabs-primary.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:hover, html body .tabs-primary.tabs-vertical.tabs-left li.active a:focus, html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:focus { border-left-color: #fcaa00; } html body .tabs-primary.tabs-vertical.tabs-right li a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-right li a:hover { border-right-color: #fcaa00; } html body .tabs-primary.tabs-vertical.tabs-right li.active a, html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a, html body .tabs-primary.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:hover, html body .tabs-primary.tabs-vertical.tabs-right li.active a:focus, html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:focus { border-right-color: #fcaa00; } html body .tabs-secondary .nav-tabs li a, html.dark body .tabs-secondary .nav-tabs li a, html body .tabs-secondary .nav-tabs.nav-justified li a, html.dark body .tabs-secondary .nav-tabs.nav-justified li a, html body .tabs-secondary .nav-tabs li a:hover, html.dark body .tabs-secondary .nav-tabs li a:hover, html body .tabs-secondary .nav-tabs.nav-justified li a:hover, html.dark body .tabs-secondary .nav-tabs.nav-justified li a:hover { color: #ffffff; } html body .tabs-secondary .nav-tabs li a:hover, html.dark body .tabs-secondary .nav-tabs li a:hover, html body .tabs-secondary .nav-tabs.nav-justified li a:hover, html.dark body .tabs-secondary .nav-tabs.nav-justified li a:hover { border-top-color: #ffffff; } html body .tabs-secondary .nav-tabs li.active a, html.dark body .tabs-secondary .nav-tabs li.active a, html body .tabs-secondary .nav-tabs.nav-justified li.active a, html.dark body .tabs-secondary .nav-tabs.nav-justified li.active a, html body .tabs-secondary .nav-tabs li.active a:hover, html.dark body .tabs-secondary .nav-tabs li.active a:hover, html body .tabs-secondary .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-secondary .nav-tabs.nav-justified li.active a:hover, html body .tabs-secondary .nav-tabs li.active a:focus, html.dark body .tabs-secondary .nav-tabs li.active a:focus, html body .tabs-secondary .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-secondary .nav-tabs.nav-justified li.active a:focus { border-top-color: #ffffff; color: #ffffff; } html body .tabs-secondary.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-secondary.tabs-bottom .nav-tabs li a:hover, html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li a:hover { border-bottom-color: #ffffff; } html body .tabs-secondary.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active a, html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a, html body .tabs-secondary.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active a:hover, html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html body .tabs-secondary.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a:focus { border-bottom-color: #ffffff; } html body .tabs-secondary.tabs-vertical.tabs-left li a:hover, html.dark body .tabs-secondary.tabs-vertical.tabs-left li a:hover { border-left-color: #ffffff; } html body .tabs-secondary.tabs-vertical.tabs-left li.active a, html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active a, html body .tabs-secondary.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active a:hover, html body .tabs-secondary.tabs-vertical.tabs-left li.active a:focus, html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active a:focus { border-left-color: #ffffff; } html body .tabs-secondary.tabs-vertical.tabs-right li a:hover, html.dark body .tabs-secondary.tabs-vertical.tabs-right li a:hover { border-right-color: #ffffff; } html body .tabs-secondary.tabs-vertical.tabs-right li.active a, html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active a, html body .tabs-secondary.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active a:hover, html body .tabs-secondary.tabs-vertical.tabs-right li.active a:focus, html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active a:focus { border-right-color: #ffffff; } html body .tabs-tertiary .nav-tabs li a, html.dark body .tabs-tertiary .nav-tabs li a, html body .tabs-tertiary .nav-tabs.nav-justified li a, html.dark body .tabs-tertiary .nav-tabs.nav-justified li a, html body .tabs-tertiary .nav-tabs li a:hover, html.dark body .tabs-tertiary .nav-tabs li a:hover, html body .tabs-tertiary .nav-tabs.nav-justified li a:hover, html.dark body .tabs-tertiary .nav-tabs.nav-justified li a:hover { color: #faa523; } html body .tabs-tertiary .nav-tabs li a:hover, html.dark body .tabs-tertiary .nav-tabs li a:hover, html body .tabs-tertiary .nav-tabs.nav-justified li a:hover, html.dark body .tabs-tertiary .nav-tabs.nav-justified li a:hover { border-top-color: #faa523; } html body .tabs-tertiary .nav-tabs li.active a, html.dark body .tabs-tertiary .nav-tabs li.active a, html body .tabs-tertiary .nav-tabs.nav-justified li.active a, html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active a, html body .tabs-tertiary .nav-tabs li.active a:hover, html.dark body .tabs-tertiary .nav-tabs li.active a:hover, html body .tabs-tertiary .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active a:hover, html body .tabs-tertiary .nav-tabs li.active a:focus, html.dark body .tabs-tertiary .nav-tabs li.active a:focus, html body .tabs-tertiary .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active a:focus { border-top-color: #faa523; color: #faa523; } html body .tabs-tertiary.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li a:hover, html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li a:hover { border-bottom-color: #faa523; } html body .tabs-tertiary.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active a, html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a, html body .tabs-tertiary.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active a:hover, html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html body .tabs-tertiary.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a:focus { border-bottom-color: #faa523; } html body .tabs-tertiary.tabs-vertical.tabs-left li a:hover, html.dark body .tabs-tertiary.tabs-vertical.tabs-left li a:hover { border-left-color: #faa523; } html body .tabs-tertiary.tabs-vertical.tabs-left li.active a, html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active a, html body .tabs-tertiary.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active a:hover, html body .tabs-tertiary.tabs-vertical.tabs-left li.active a:focus, html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active a:focus { border-left-color: #faa523; } html body .tabs-tertiary.tabs-vertical.tabs-right li a:hover, html.dark body .tabs-tertiary.tabs-vertical.tabs-right li a:hover { border-right-color: #faa523; } html body .tabs-tertiary.tabs-vertical.tabs-right li.active a, html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active a, html body .tabs-tertiary.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active a:hover, html body .tabs-tertiary.tabs-vertical.tabs-right li.active a:focus, html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active a:focus { border-right-color: #faa523; } html body .tabs-quaternary .nav-tabs li a, html.dark body .tabs-quaternary .nav-tabs li a, html body .tabs-quaternary .nav-tabs.nav-justified li a, html.dark body .tabs-quaternary .nav-tabs.nav-justified li a, html body .tabs-quaternary .nav-tabs li a:hover, html.dark body .tabs-quaternary .nav-tabs li a:hover, html body .tabs-quaternary .nav-tabs.nav-justified li a:hover, html.dark body .tabs-quaternary .nav-tabs.nav-justified li a:hover { color: #000000; } html body .tabs-quaternary .nav-tabs li a:hover, html.dark body .tabs-quaternary .nav-tabs li a:hover, html body .tabs-quaternary .nav-tabs.nav-justified li a:hover, html.dark body .tabs-quaternary .nav-tabs.nav-justified li a:hover { border-top-color: #000000; } html body .tabs-quaternary .nav-tabs li.active a, html.dark body .tabs-quaternary .nav-tabs li.active a, html body .tabs-quaternary .nav-tabs.nav-justified li.active a, html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active a, html body .tabs-quaternary .nav-tabs li.active a:hover, html.dark body .tabs-quaternary .nav-tabs li.active a:hover, html body .tabs-quaternary .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active a:hover, html body .tabs-quaternary .nav-tabs li.active a:focus, html.dark body .tabs-quaternary .nav-tabs li.active a:focus, html body .tabs-quaternary .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active a:focus { border-top-color: #000000; color: #000000; } html body .tabs-quaternary.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li a:hover, html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li a:hover { border-bottom-color: #000000; } html body .tabs-quaternary.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active a, html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a, html body .tabs-quaternary.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active a:hover, html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html body .tabs-quaternary.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a:focus { border-bottom-color: #000000; } html body .tabs-quaternary.tabs-vertical.tabs-left li a:hover, html.dark body .tabs-quaternary.tabs-vertical.tabs-left li a:hover { border-left-color: #000000; } html body .tabs-quaternary.tabs-vertical.tabs-left li.active a, html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active a, html body .tabs-quaternary.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active a:hover, html body .tabs-quaternary.tabs-vertical.tabs-left li.active a:focus, html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active a:focus { border-left-color: #000000; } html body .tabs-quaternary.tabs-vertical.tabs-right li a:hover, html.dark body .tabs-quaternary.tabs-vertical.tabs-right li a:hover { border-right-color: #000000; } html body .tabs-quaternary.tabs-vertical.tabs-right li.active a, html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active a, html body .tabs-quaternary.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active a:hover, html body .tabs-quaternary.tabs-vertical.tabs-right li.active a:focus, html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active a:focus { border-right-color: #000000; } html body .tabs-dark .nav-tabs li a, html.dark body .tabs-dark .nav-tabs li a, html body .tabs-dark .nav-tabs.nav-justified li a, html.dark body .tabs-dark .nav-tabs.nav-justified li a, html body .tabs-dark .nav-tabs li a:hover, html.dark body .tabs-dark .nav-tabs li a:hover, html body .tabs-dark .nav-tabs.nav-justified li a:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li a:hover { color: #2e353e; } html body .tabs-dark .nav-tabs li a:hover, html.dark body .tabs-dark .nav-tabs li a:hover, html body .tabs-dark .nav-tabs.nav-justified li a:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li a:hover { border-top-color: #2e353e; } html body .tabs-dark .nav-tabs li.active a, html.dark body .tabs-dark .nav-tabs li.active a, html body .tabs-dark .nav-tabs.nav-justified li.active a, html.dark body .tabs-dark .nav-tabs.nav-justified li.active a, html body .tabs-dark .nav-tabs li.active a:hover, html.dark body .tabs-dark .nav-tabs li.active a:hover, html body .tabs-dark .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li.active a:hover, html body .tabs-dark .nav-tabs li.active a:focus, html.dark body .tabs-dark .nav-tabs li.active a:focus, html body .tabs-dark .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-dark .nav-tabs.nav-justified li.active a:focus { border-top-color: #2e353e; color: #2e353e; } html body .tabs-dark.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs li a:hover, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li a:hover { border-bottom-color: #2e353e; } html body .tabs-dark.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a, html body .tabs-dark.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a:hover, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html body .tabs-dark.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:focus { border-bottom-color: #2e353e; } html body .tabs-dark.tabs-vertical.tabs-left li a:hover, html.dark body .tabs-dark.tabs-vertical.tabs-left li a:hover { border-left-color: #2e353e; } html body .tabs-dark.tabs-vertical.tabs-left li.active a, html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a, html body .tabs-dark.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a:hover, html body .tabs-dark.tabs-vertical.tabs-left li.active a:focus, html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a:focus { border-left-color: #2e353e; } html body .tabs-dark.tabs-vertical.tabs-right li a:hover, html.dark body .tabs-dark.tabs-vertical.tabs-right li a:hover { border-right-color: #2e353e; } html body .tabs-dark.tabs-vertical.tabs-right li.active a, html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a, html body .tabs-dark.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a:hover, html body .tabs-dark.tabs-vertical.tabs-right li.active a:focus, html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a:focus { border-right-color: #2e353e; } html body .tabs-light .nav-tabs li a, html.dark body .tabs-light .nav-tabs li a, html body .tabs-light .nav-tabs.nav-justified li a, html.dark body .tabs-light .nav-tabs.nav-justified li a, html body .tabs-light .nav-tabs li a:hover, html.dark body .tabs-light .nav-tabs li a:hover, html body .tabs-light .nav-tabs.nav-justified li a:hover, html.dark body .tabs-light .nav-tabs.nav-justified li a:hover { color: #FFF; } html body .tabs-light .nav-tabs li a:hover, html.dark body .tabs-light .nav-tabs li a:hover, html body .tabs-light .nav-tabs.nav-justified li a:hover, html.dark body .tabs-light .nav-tabs.nav-justified li a:hover { border-top-color: #FFF; } html body .tabs-light .nav-tabs li.active a, html.dark body .tabs-light .nav-tabs li.active a, html body .tabs-light .nav-tabs.nav-justified li.active a, html.dark body .tabs-light .nav-tabs.nav-justified li.active a, html body .tabs-light .nav-tabs li.active a:hover, html.dark body .tabs-light .nav-tabs li.active a:hover, html body .tabs-light .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-light .nav-tabs.nav-justified li.active a:hover, html body .tabs-light .nav-tabs li.active a:focus, html.dark body .tabs-light .nav-tabs li.active a:focus, html body .tabs-light .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-light .nav-tabs.nav-justified li.active a:focus { border-top-color: #FFF; color: #FFF; } html body .tabs-light.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-light.tabs-bottom .nav-tabs li a:hover, html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li a:hover { border-bottom-color: #FFF; } html body .tabs-light.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-light.tabs-bottom .nav-tabs li.active a, html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a, html body .tabs-light.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-light.tabs-bottom .nav-tabs li.active a:hover, html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html body .tabs-light.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-light.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a:focus { border-bottom-color: #FFF; } html body .tabs-light.tabs-vertical.tabs-left li a:hover, html.dark body .tabs-light.tabs-vertical.tabs-left li a:hover { border-left-color: #FFF; } html body .tabs-light.tabs-vertical.tabs-left li.active a, html.dark body .tabs-light.tabs-vertical.tabs-left li.active a, html body .tabs-light.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-light.tabs-vertical.tabs-left li.active a:hover, html body .tabs-light.tabs-vertical.tabs-left li.active a:focus, html.dark body .tabs-light.tabs-vertical.tabs-left li.active a:focus { border-left-color: #FFF; } html body .tabs-light.tabs-vertical.tabs-right li a:hover, html.dark body .tabs-light.tabs-vertical.tabs-right li a:hover { border-right-color: #FFF; } html body .tabs-light.tabs-vertical.tabs-right li.active a, html.dark body .tabs-light.tabs-vertical.tabs-right li.active a, html body .tabs-light.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-light.tabs-vertical.tabs-right li.active a:hover, html body .tabs-light.tabs-vertical.tabs-right li.active a:focus, html.dark body .tabs-light.tabs-vertical.tabs-right li.active a:focus { border-right-color: #FFF; } html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li a:hover, html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li.active a, html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:hover, html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:focus { border-right-color: #fcaa00; border-left-color: transparent; } html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li a:hover, html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li.active a, html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:hover, html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:focus { border-right-color: transparent; border-left-color: #fcaa00; } .list.list-icons li .fa, .list.list-icons li .icons { color: #fcaa00; border-color: #fcaa00; } .list.list-icons.list-icons-style-3 li .fa, .list.list-icons.list-icons-style-3 li .icons { background-color: #fcaa00; } .list.list-ordened li:before { color: #fcaa00; border-color: #fcaa00; } .list.list-ordened.list-ordened-style-3 li:before { background-color: #fcaa00; } html .list-primary.list-icons li .fa, html .list-primary.list-icons li .icons { color: #fcaa00; border-color: #fcaa00; } html .list-primary.list-icons.list-icons-style-3 li .fa, html .list-primary.list-icons.list-icons-style-3 li .icons { background-color: #fcaa00; color: #FFF; } html .list-primary.list-ordened li:before { color: #fcaa00; } html .list-primary.list-ordened.list-ordened-style-3 li:before { background-color: #fcaa00; color: #FFF; } html .list-secondary.list-icons li .fa, html .list-secondary.list-icons li .icons { color: #ffffff; border-color: #ffffff; } html .list-secondary.list-icons.list-icons-style-3 li .fa, html .list-secondary.list-icons.list-icons-style-3 li .icons { background-color: #ffffff; color: #777; } html .list-secondary.list-ordened li:before { color: #ffffff; } html .list-secondary.list-ordened.list-ordened-style-3 li:before { background-color: #ffffff; color: #777; } html .list-tertiary.list-icons li .fa, html .list-tertiary.list-icons li .icons { color: #faa523; border-color: #faa523; } html .list-tertiary.list-icons.list-icons-style-3 li .fa, html .list-tertiary.list-icons.list-icons-style-3 li .icons { background-color: #faa523; color: #777; } html .list-tertiary.list-ordened li:before { color: #faa523; } html .list-tertiary.list-ordened.list-ordened-style-3 li:before { background-color: #faa523; color: #777; } html .list-quaternary.list-icons li .fa, html .list-quaternary.list-icons li .icons { color: #000000; border-color: #000000; } html .list-quaternary.list-icons.list-icons-style-3 li .fa, html .list-quaternary.list-icons.list-icons-style-3 li .icons { background-color: #000000; color: #FFF; } html .list-quaternary.list-ordened li:before { color: #000000; } html .list-quaternary.list-ordened.list-ordened-style-3 li:before { background-color: #000000; color: #FFF; } html .list-dark.list-icons li .fa, html .list-dark.list-icons li .icons { color: #2e353e; border-color: #2e353e; } html .list-dark.list-icons.list-icons-style-3 li .fa, html .list-dark.list-icons.list-icons-style-3 li .icons { background-color: #2e353e; color: #FFF; } html .list-dark.list-ordened li:before { color: #2e353e; } html .list-dark.list-ordened.list-ordened-style-3 li:before { background-color: #2e353e; color: #FFF; } html .list-light.list-icons li .fa, html .list-light.list-icons li .icons { color: #FFF; border-color: #FFF; } html .list-light.list-icons.list-icons-style-3 li .fa, html .list-light.list-icons.list-icons-style-3 li .icons { background-color: #FFF; color: #777; } html .list-light.list-ordened li:before { color: #FFF; } html .list-light.list-ordened.list-ordened-style-3 li:before { background-color: #FFF; color: #777; } .parallax blockquote i.fa-quote-left { color: #fcaa00; } section.video blockquote i.fa-quote-left { color: #fcaa00; } .panel-group .panel-heading a { color: #fcaa00; } html .panel-group.panel-group-primary .panel-heading { /* background-color: #fcaa00 !important; */ background-color: #599fbe !important; } html .panel-group.panel-group-primary .panel-heading a { color: #FFF; } html .panel-group.panel-group-secondary .panel-heading { background-color: #ffffff !important; } html .panel-group.panel-group-secondary .panel-heading a { color: #777; } html .panel-group.panel-group-tertiary .panel-heading { background-color: #faa523 !important; } html .panel-group.panel-group-tertiary .panel-heading a { color: #777; } html .panel-group.panel-group-quaternary .panel-heading { background-color: #000000 !important; } html .panel-group.panel-group-quaternary .panel-heading a { color: #FFF; } html .panel-group.panel-group-dark .panel-heading { background-color: #2e353e !important; } html .panel-group.panel-group-dark .panel-heading a { color: #FFF; } html .panel-group.panel-group-light .panel-heading { background-color: #FFF !important; } html .panel-group.panel-group-light .panel-heading a { color: #777; } html .divider.divider-primary .fa, html .divider.divider-primary .icons { color: #fcaa00; } html .divider.divider-primary.divider-small hr { background: #fcaa00; } html .divider.divider-secondary .fa, html .divider.divider-secondary .icons { color: #ffffff; } html .divider.divider-secondary.divider-small hr { background: #ffffff; } html .divider.divider-tertiary .fa, html .divider.divider-tertiary .icons { color: #faa523; } html .divider.divider-tertiary.divider-small hr { background: #faa523; } html .divider.divider-quaternary .fa, html .divider.divider-quaternary .icons { color: #000000; } html .divider.divider-quaternary.divider-small hr { background: #000000; } html .divider.divider-dark .fa, html .divider.divider-dark .icons { color: #2e353e; } html .divider.divider-dark.divider-small hr { background: #2e353e; } html .divider.divider-light .fa, html .divider.divider-light .icons { color: #FFF; } html .divider.divider-light.divider-small hr { background: #FFF; } html .divider.divider-style-2.divider-primary .fa, html .divider.divider-style-2.divider-primary .icons { background: #fcaa00; color: #FFF; } html .divider.divider-style-2.divider-secondary .fa, html .divider.divider-style-2.divider-secondary .icons { background: #ffffff; color: #777; } html .divider.divider-style-2.divider-tertiary .fa, html .divider.divider-style-2.divider-tertiary .icons { background: #faa523; color: #777; } html .divider.divider-style-2.divider-quaternary .fa, html .divider.divider-style-2.divider-quaternary .icons { background: #000000; color: #FFF; } html .divider.divider-style-2.divider-dark .fa, html .divider.divider-style-2.divider-dark .icons { background: #2e353e; color: #FFF; } html .divider.divider-style-2.divider-light .fa, html .divider.divider-style-2.divider-light .icons { background: #FFF; color: #777; } html .divider.divider-style-3.divider-primary .fa, html .divider.divider-style-3.divider-primary .icons { border-color: #fcaa00; } html .divider.divider-style-3.divider-secondary .fa, html .divider.divider-style-3.divider-secondary .icons { border-color: #ffffff; } html .divider.divider-style-3.divider-tertiary .fa, html .divider.divider-style-3.divider-tertiary .icons { border-color: #faa523; } html .divider.divider-style-3.divider-quaternary .fa, html .divider.divider-style-3.divider-quaternary .icons { border-color: #000000; } html .divider.divider-style-3.divider-dark .fa, html .divider.divider-style-3.divider-dark .icons { border-color: #2e353e; } html .divider.divider-style-3.divider-light .fa, html .divider.divider-style-3.divider-light .icons { border-color: #FFF; } #header .tip { background: #fcaa00; color: #FFF; } #header .tip:before { border-right-color: #fcaa00; } html #header .tip-primary { background: #fcaa00 !important; color: #FFF !important; } html #header .tip-primary:before { border-right-color: #fcaa00 !important; } html #header .tip-secondary { background: #ffffff !important; color: #777 !important; } html #header .tip-secondary:before { border-right-color: #ffffff !important; } html #header .tip-tertiary { background: #faa523 !important; color: #777 !important; } html #header .tip-tertiary:before { border-right-color: #faa523 !important; } html #header .tip-quaternary { background: #000000 !important; color: #FFF !important; } html #header .tip-quaternary:before { border-right-color: #000000 !important; } html #header .tip-dark { background: #2e353e !important; color: #FFF !important; } html #header .tip-dark:before { border-right-color: #2e353e !important; } html #header .tip-light { background: #FFF !important; color: #777 !important; } html #header .tip-light:before { border-right-color: #FFF !important; } html[dir="rtl"] #header .tip.skin:before { border-left-color: #fcaa00; } #header .header-btn-collapse-nav { background: #fcaa00; } @media (min-width: 992px) { #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a { background: #fcaa00; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu { border-top-color: #fcaa00; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after { border-color: transparent transparent transparent #fcaa00; } #header .header-nav-main nav > ul > li.dropdown-reverse .dropdown-menu { border-top-color: #fcaa00; } #header .header-nav-main nav > ul > li.dropdown-reverse .dropdown-menu li.dropdown-submenu > a:after { border-color: transparent #fcaa00 transparent; } #header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu { border-top-color: #fcaa00; } #header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu li a { color: #fcaa00; } #header .header-nav.header-nav-stripe nav > ul > li:not(:hover).active > a { color: #fcaa00; } #header .header-nav.header-nav-stripe nav > ul > li:hover > a { background-color: #fcaa00; } #header .header-nav.header-nav-top-line nav > ul li.active > a, #header .header-nav.header-nav-top-line nav > ul li:hover > a { color: #fcaa00; } #header .header-nav.header-nav-top-line nav > ul li.active > a:before, #header .header-nav.header-nav-top-line nav > ul li:hover > a:before { background: #fcaa00; } #header .header-nav.header-nav-dark-dropdown nav > ul li.active > a, #header .header-nav.header-nav-dark-dropdown nav > ul li:hover > a { color: #fcaa00; } html.side-header #header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu, html.side-header #header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu { border-left-color: #fcaa00; } html.side-header-right #header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu, html.side-header-right #header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu { border-right-color: #fcaa00; }; } @media (min-width: 992px) { html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a { color: #fcaa00; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.active > a, html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a { background: #fcaa00; color: #FFF; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu { border-top-color: #fcaa00; background-color: #fcaa00; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li a { color: #FFF; border-bottom-color: #f36c42; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li:hover > a { background: #f36c42; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li.dropdown-submenu > a:after { border-color: transparent transparent transparent #FFF; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-primary .dropdown-mega-sub-title { color: #FFF; opacity: 0.70; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary > a { color: #ffffff; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary.active > a, html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a { background: #ffffff; color: #777; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu { border-top-color: #ffffff; background-color: #ffffff; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li a { color: #777; border-bottom-color: #ffffff; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li:hover > a { background: #ffffff; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li.dropdown-submenu > a:after { border-color: transparent transparent transparent #777; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-secondary .dropdown-mega-sub-title { color: #777; opacity: 0.70; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary > a { color: #faa523; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary.active > a, html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a { background: #faa523; color: #777; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu { border-top-color: #faa523; background-color: #faa523; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li a { color: #777; border-bottom-color: #fbaf3c; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li:hover > a { background: #fbaf3c; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li.dropdown-submenu > a:after { border-color: transparent transparent transparent #777; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-tertiary .dropdown-mega-sub-title { color: #777; opacity: 0.70; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary > a { color: #000000; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary.active > a, html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a { background: #000000; color: #FFF; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu { border-top-color: #000000; background-color: #000000; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li a { color: #FFF; border-bottom-color: #0d0d0d; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li:hover > a { background: #0d0d0d; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li.dropdown-submenu > a:after { border-color: transparent transparent transparent #FFF; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-quaternary .dropdown-mega-sub-title { color: #FFF; opacity: 0.70; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark > a { color: #2e353e; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark.active > a, html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a { background: #2e353e; color: #FFF; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu { border-top-color: #2e353e; background-color: #2e353e; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li a { color: #FFF; border-bottom-color: #39424d; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li:hover > a { background: #39424d; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li.dropdown-submenu > a:after { border-color: transparent transparent transparent #FFF; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-dark .dropdown-mega-sub-title { color: #FFF; opacity: 0.70; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light > a { color: #FFF; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light.active > a, html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a { background: #FFF; color: #777; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu { border-top-color: #FFF; background-color: #FFF; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li a { color: #777; border-bottom-color: #ffffff; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li:hover > a { background: #ffffff; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li.dropdown-submenu > a:after { border-color: transparent transparent transparent #777; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-light .dropdown-mega-sub-title { color: #777; opacity: 0.70; }; } @media (max-width: 991px) { #header .header-nav-main nav > ul > li > a, #header .header-nav-main nav > ul > li > a:focus, #header .header-nav-main nav > ul > li > a:hover { color: #fcaa00; } #header .header-nav-main nav > ul > li.active > a, #header .header-nav-main nav > ul > li.active > a:focus, #header .header-nav-main nav > ul > li.active > a:hover { background-color: #fcaa00; }; } @media (max-width: 991px) { html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a { color: #fcaa00; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.active > a { background: #fcaa00; color: #FFF; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary > a { color: #ffffff; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary.active > a { background: #ffffff; color: #777; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary > a { color: #faa523; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary.active > a { background: #faa523; color: #777; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary > a { color: #000000; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary.active > a { background: #000000; color: #FFF; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark > a { color: #2e353e; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark.active > a { background: #2e353e; color: #FFF; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light > a { color: #FFF; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light.active > a { background: #FFF; color: #777; }; } html #header .header-top.header-top-primary { background: #fcaa00; border-top-color: #ef4612; } html #header .header-top.header-top-primary .header-nav-top ul > li.open > a { background: #f36c42; } html #header .header-top.header-top-primary .header-nav-top ul > li > a:hover, html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-primary .header-nav-top ul > li > a:focus, html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:focus { background: #f36c42; } html #header .header-top.header-top-primary .dropdown-menu { background: #f36c42; border-color: #f36c42; } html #header .header-top.header-top-primary .dropdown-menu a:hover, html #header .header-top.header-top-primary .dropdown-menu a:focus { background: #f47e5a !important; } html #header .header-top.header-top-secondary { background: #ffffff; border-top-color: #f2f2f2; } html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a { background: #ffffff; } html #header .header-top.header-top-secondary .header-nav-top ul > li > a:hover, html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-secondary .header-nav-top ul > li > a:focus, html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a:focus { background: #ffffff; } html #header .header-top.header-top-secondary .dropdown-menu { background: #ffffff; border-color: #ffffff; } html #header .header-top.header-top-secondary .dropdown-menu a:hover, html #header .header-top.header-top-secondary .dropdown-menu a:focus { background: #ffffff !important; } html #header .header-top.header-top-tertiary { background: #faa523; border-top-color: #f99b0a; } html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a { background: #fbaf3c; } html #header .header-top.header-top-tertiary .header-nav-top ul > li > a:hover, html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-tertiary .header-nav-top ul > li > a:focus, html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a:focus { background: #fbaf3c; } html #header .header-top.header-top-tertiary .dropdown-menu { background: #fbaf3c; border-color: #fbaf3c; } html #header .header-top.header-top-tertiary .dropdown-menu a:hover, html #header .header-top.header-top-tertiary .dropdown-menu a:focus { background: #fbb955 !important; } html #header .header-top.header-top-quaternary { background: #000000; border-top-color: #000000; } html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a { background: #0d0d0d; } html #header .header-top.header-top-quaternary .header-nav-top ul > li > a:hover, html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-quaternary .header-nav-top ul > li > a:focus, html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a:focus { background: #0d0d0d; } html #header .header-top.header-top-quaternary .dropdown-menu { background: #0d0d0d; border-color: #0d0d0d; } html #header .header-top.header-top-quaternary .dropdown-menu a:hover, html #header .header-top.header-top-quaternary .dropdown-menu a:focus { background: #1a1a1a !important; } html #header .header-top.header-top-dark { background: #2e353e; border-top-color: #23282f; } html #header .header-top.header-top-dark .header-nav-top ul > li.open > a { background: #39424d; } html #header .header-top.header-top-dark .header-nav-top ul > li > a:hover, html #header .header-top.header-top-dark .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-dark .header-nav-top ul > li > a:focus, html #header .header-top.header-top-dark .header-nav-top ul > li.open > a:focus { background: #39424d; } html #header .header-top.header-top-dark .dropdown-menu { background: #39424d; border-color: #39424d; } html #header .header-top.header-top-dark .dropdown-menu a:hover, html #header .header-top.header-top-dark .dropdown-menu a:focus { background: #444e5b !important; } html #header .header-top.header-top-light { background: #FFF; border-top-color: #f2f2f2; } html #header .header-top.header-top-light .header-nav-top ul > li.open > a { background: #ffffff; } html #header .header-top.header-top-light .header-nav-top ul > li > a:hover, html #header .header-top.header-top-light .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-light .header-nav-top ul > li > a:focus, html #header .header-top.header-top-light .header-nav-top ul > li.open > a:focus { background: #ffffff; } html #header .header-top.header-top-light .dropdown-menu { background: #ffffff; border-color: #ffffff; } html #header .header-top.header-top-light .dropdown-menu a:hover, html #header .header-top.header-top-light .dropdown-menu a:focus { background: #ffffff !important; } @media (min-width: 992px) { html #header .header-nav-bar-primary { background: #ed7a00 !important; color: #FFF !important; } html #header .header-nav-bar-secondary { background: #ffffff !important; color: #777 !important; } html #header .header-nav-bar-tertiary { background: #faa523 !important; color: #777 !important; } html #header .header-nav-bar-quaternary { background: #000000 !important; color: #FFF !important; } html #header .header-nav-bar-dark { background: #2e353e !important; color: #FFF !important; } html #header .header-nav-bar-light { background: #FFF !important; color: #777 !important; }; } @media (min-width: 992px) { #header .header-nav-main.header-nav-main-light nav > ul > li.open > a, #header .header-nav-main.header-nav-main-light nav > ul > li:hover > a { color: #fcaa00; } #header .header-nav-main.header-nav-main-light nav > ul > li.active > a { color: #fcaa00; }; } .testimonial blockquote { background: #f36c42; } .testimonial .testimonial-arrow-down { border-top-color: #f36c42; } html .testimonial-primary blockquote { background: #f36c42; } html .testimonial-primary .testimonial-arrow-down { border-top-color: #f36c42; } html .testimonial-secondary blockquote { background: #ffffff; } html .testimonial-secondary .testimonial-arrow-down { border-top-color: #ffffff; } html .testimonial-tertiary blockquote { background: #fbaf3c; } html .testimonial-tertiary .testimonial-arrow-down { border-top-color: #fbaf3c; } html .testimonial-quaternary blockquote { background: #0d0d0d; } html .testimonial-quaternary .testimonial-arrow-down { border-top-color: #0d0d0d; } html .testimonial-dark blockquote { background: #39424d; } html .testimonial-dark .testimonial-arrow-down { border-top-color: #39424d; } html .testimonial-light blockquote { background: #ffffff; } html .testimonial-light .testimonial-arrow-down { border-top-color: #ffffff; } .circular-bar.only-icon .fa, .circular-bar.only-icon .icons { color: #fcaa00; } html .counters .counter-primary .fa, html .counters .counter-primary .icons, html .counters .counter-primary strong { color: #fcaa00; } html .counters .counter-secondary .fa, html .counters .counter-secondary .icons, html .counters .counter-secondary strong { color: #ffffff; } html .counters .counter-tertiary .fa, html .counters .counter-tertiary .icons, html .counters .counter-tertiary strong { color: #faa523; } html .counters .counter-quaternary .fa, html .counters .counter-quaternary .icons, html .counters .counter-quaternary strong { color: #000000; } html .counters .counter-dark .fa, html .counters .counter-dark .icons, html .counters .counter-dark strong { color: #2e353e; } html .counters .counter-light .fa, html .counters .counter-light .icons, html .counters .counter-light strong { color: #FFF; } .icon-featured { background-color: #fcaa00; } .featured-box-primary .icon-featured { background-color: #fcaa00; } .featured-box-primary .icon-featured:after { border-color: #fcaa00; } .featured-box-primary h4 { color: #fcaa00; } .featured-box-primary .box-content { border-top-color: #fcaa00; } html .featured-box-primary .icon-featured { background-color: #fcaa00; } html .featured-box-primary h4 { color: #fcaa00; } html .featured-box-primary .box-content { border-top-color: #fcaa00; } html .featured-box-secondary .icon-featured { background-color: #ffffff; } html .featured-box-secondary h4 { color: #ffffff; } html .featured-box-secondary .box-content { border-top-color: #ffffff; } html .featured-box-tertiary .icon-featured { background-color: #faa523; } html .featured-box-tertiary h4 { color: #faa523; } html .featured-box-tertiary .box-content { border-top-color: #faa523; } html .featured-box-quaternary .icon-featured { background-color: #000000; } html .featured-box-quaternary h4 { color: #000000; } html .featured-box-quaternary .box-content { border-top-color: #000000; } html .featured-box-dark .icon-featured { background-color: #2e353e; } html .featured-box-dark h4 { color: #2e353e; } html .featured-box-dark .box-content { border-top-color: #2e353e; } html .featured-box-light .icon-featured { background-color: #FFF; } html .featured-box-light h4 { color: #FFF; } html .featured-box-light .box-content { border-top-color: #FFF; } html .featured-boxes-style-3 .featured-box.featured-box-primary .icon-featured { border-color: #fcaa00; color: #fcaa00; } html .featured-boxes-style-3 .featured-box.featured-box-secondary .icon-featured { border-color: #ffffff; color: #ffffff; } html .featured-boxes-style-3 .featured-box.featured-box-tertiary .icon-featured { border-color: #faa523; color: #faa523; } html .featured-boxes-style-3 .featured-box.featured-box-quaternary .icon-featured { border-color: #000000; color: #000000; } html .featured-boxes-style-3 .featured-box.featured-box-dark .icon-featured { border-color: #2e353e; color: #2e353e; } html .featured-boxes-style-3 .featured-box.featured-box-light .icon-featured { border-color: #FFF; color: #FFF; } html .featured-boxes-style-4 .featured-box.featured-box-primary .icon-featured { border-color: #fcaa00; color: #fcaa00; } html .featured-boxes-style-4 .featured-box.featured-box-secondary .icon-featured { border-color: #ffffff; color: #ffffff; } html .featured-boxes-style-4 .featured-box.featured-box-tertiary .icon-featured { border-color: #faa523; color: #faa523; } html .featured-boxes-style-4 .featured-box.featured-box-quaternary .icon-featured { border-color: #000000; color: #000000; } html .featured-boxes-style-4 .featured-box.featured-box-dark .icon-featured { border-color: #2e353e; color: #2e353e; } html .featured-boxes-style-4 .featured-box.featured-box-light .icon-featured { border-color: #FFF; color: #FFF; } html .featured-boxes-style-5 .featured-box.featured-box-primary .icon-featured { color: #fcaa00; } html .featured-boxes-style-5 .featured-box.featured-box-secondary .icon-featured { color: #ffffff; } html .featured-boxes-style-5 .featured-box.featured-box-tertiary .icon-featured { color: #faa523; } html .featured-boxes-style-5 .featured-box.featured-box-quaternary .icon-featured { color: #000000; } html .featured-boxes-style-5 .featured-box.featured-box-dark .icon-featured { color: #2e353e; } html .featured-boxes-style-5 .featured-box.featured-box-light .icon-featured { color: #FFF; } html .featured-boxes-style-6 .featured-box.featured-box-primary .icon-featured { color: #fcaa00; } html .featured-boxes-style-6 .featured-box.featured-box-secondary .icon-featured { color: #ffffff; } html .featured-boxes-style-6 .featured-box.featured-box-tertiary .icon-featured { color: #faa523; } html .featured-boxes-style-6 .featured-box.featured-box-quaternary .icon-featured { color: #000000; } html .featured-boxes-style-6 .featured-box.featured-box-dark .icon-featured { color: #2e353e; } html .featured-boxes-style-6 .featured-box.featured-box-light .icon-featured { color: #FFF; } html .featured-boxes-style-8 .featured-box.featured-box-primary .icon-featured { color: #fcaa00; } html .featured-boxes-style-8 .featured-box.featured-box-secondary .icon-featured { color: #ffffff; } html .featured-boxes-style-8 .featured-box.featured-box-tertiary .icon-featured { color: #faa523; } html .featured-boxes-style-8 .featured-box.featured-box-quaternary .icon-featured { color: #000000; } html .featured-boxes-style-8 .featured-box.featured-box-dark .icon-featured { color: #2e353e; } html .featured-boxes-style-8 .featured-box.featured-box-light .icon-featured { color: #FFF; } html .featured-box-effect-2.featured-box-primary .icon-featured:after { box-shadow: 0 0 0 3px #fcaa00; } html .featured-box-effect-2.featured-box-secondary .icon-featured:after { box-shadow: 0 0 0 3px #ffffff; } html .featured-box-effect-2.featured-box-tertiary .icon-featured:after { box-shadow: 0 0 0 3px #faa523; } html .featured-box-effect-2.featured-box-quaternary .icon-featured:after { box-shadow: 0 0 0 3px #000000; } html .featured-box-effect-2.featured-box-dark .icon-featured:after { box-shadow: 0 0 0 3px #2e353e; } html .featured-box-effect-2.featured-box-light .icon-featured:after { box-shadow: 0 0 0 3px #FFF; } html .featured-box-effect-3.featured-box-primary .icon-featured:after { box-shadow: 0 0 0 10px #fcaa00; } html .featured-box-effect-3.featured-box-primary:hover .icon-featured { background: #fcaa00; } html .featured-box-effect-3.featured-box-secondary .icon-featured:after { box-shadow: 0 0 0 10px #ffffff; } html .featured-box-effect-3.featured-box-secondary:hover .icon-featured { background: #ffffff !important; } html .featured-box-effect-3.featured-box-tertiary .icon-featured:after { box-shadow: 0 0 0 10px #faa523; } html .featured-box-effect-3.featured-box-tertiary:hover .icon-featured { background: #faa523 !important; } html .featured-box-effect-3.featured-box-quaternary .icon-featured:after { box-shadow: 0 0 0 10px #000000; } html .featured-box-effect-3.featured-box-quaternary:hover .icon-featured { background: #000000 !important; } html .featured-box-effect-3.featured-box-dark .icon-featured:after { box-shadow: 0 0 0 10px #2e353e; } html .featured-box-effect-3.featured-box-dark:hover .icon-featured { background: #2e353e !important; } html .featured-box-effect-3.featured-box-light .icon-featured:after { box-shadow: 0 0 0 10px #FFF; } html .featured-box-effect-3.featured-box-light:hover .icon-featured { background: #FFF !important; } .feature-box .feature-box-icon { background-color: #fcaa00; } html .feature-box-primary .feature-box-icon { background-color: #fcaa00; } html .feature-box-secondary .feature-box-icon { background-color: #ffffff; } html .feature-box-tertiary .feature-box-icon { background-color: #faa523; } html .feature-box-quaternary .feature-box-icon { background-color: #000000; } html .feature-box-dark .feature-box-icon { background-color: #2e353e; } html .feature-box-light .feature-box-icon { background-color: #FFF; } .feature-box.feature-box-style-2 .feature-box-icon i.fa, .feature-box.feature-box-style-2 .feature-box-icon .icons { color: #fcaa00; } html .feature-box-primary.feature-box-style-2 .feature-box-icon i.fa, html .feature-box-primary.feature-box-style-2 .feature-box-icon .icons { color: #fcaa00; } html .feature-box-secondary.feature-box-style-2 .feature-box-icon i.fa, html .feature-box-secondary.feature-box-style-2 .feature-box-icon .icons { color: #ffffff; } html .feature-box-tertiary.feature-box-style-2 .feature-box-icon i.fa, html .feature-box-tertiary.feature-box-style-2 .feature-box-icon .icons { color: #faa523; } html .feature-box-quaternary.feature-box-style-2 .feature-box-icon i.fa, html .feature-box-quaternary.feature-box-style-2 .feature-box-icon .icons { color: #000000; } html .feature-box-dark.feature-box-style-2 .feature-box-icon i.fa, html .feature-box-dark.feature-box-style-2 .feature-box-icon .icons { color: #2e353e; } html .feature-box-light.feature-box-style-2 .feature-box-icon i.fa, html .feature-box-light.feature-box-style-2 .feature-box-icon .icons { color: #FFF; } .feature-box.feature-box-style-3 .feature-box-icon { border-color: #fcaa00; } .feature-box.feature-box-style-3 .feature-box-icon i.fa, .feature-box.feature-box-style-3 .feature-box-icon .icons { color: #fcaa00; } html .feature-box-primary.feature-box-style-3 .feature-box-icon { border-color: #fcaa00; } html .feature-box-primary.feature-box-style-3 .feature-box-icon i.fa, html .feature-box-primary.feature-box-style-3 .feature-box-icon .icons { color: #fcaa00; } html .feature-box-secondary.feature-box-style-3 .feature-box-icon { border-color: #ffffff; } html .feature-box-secondary.feature-box-style-3 .feature-box-icon i.fa, html .feature-box-secondary.feature-box-style-3 .feature-box-icon .icons { color: #ffffff; } html .feature-box-tertiary.feature-box-style-3 .feature-box-icon { border-color: #faa523; } html .feature-box-tertiary.feature-box-style-3 .feature-box-icon i.fa, html .feature-box-tertiary.feature-box-style-3 .feature-box-icon .icons { color: #faa523; } html .feature-box-quaternary.feature-box-style-3 .feature-box-icon { border-color: #000000; } html .feature-box-quaternary.feature-box-style-3 .feature-box-icon i.fa, html .feature-box-quaternary.feature-box-style-3 .feature-box-icon .icons { color: #000000; } html .feature-box-dark.feature-box-style-3 .feature-box-icon { border-color: #2e353e; } html .feature-box-dark.feature-box-style-3 .feature-box-icon i.fa, html .feature-box-dark.feature-box-style-3 .feature-box-icon .icons { color: #2e353e; } html .feature-box-light.feature-box-style-3 .feature-box-icon { border-color: #FFF; } html .feature-box-light.feature-box-style-3 .feature-box-icon i.fa, html .feature-box-light.feature-box-style-3 .feature-box-icon .icons { color: #FFF; } .feature-box.feature-box-style-4 .feature-box-icon i.fa, .feature-box.feature-box-style-4 .feature-box-icon .icons { color: #fcaa00; } html .feature-box-primary.feature-box-style-4 .feature-box-icon i.fa, html .feature-box-primary.feature-box-style-4 .feature-box-icon .icons { color: #fcaa00; } html .feature-box-secondary.feature-box-style-4 .feature-box-icon i.fa, html .feature-box-secondary.feature-box-style-4 .feature-box-icon .icons { color: #ffffff; } html .feature-box-tertiary.feature-box-style-4 .feature-box-icon i.fa, html .feature-box-tertiary.feature-box-style-4 .feature-box-icon .icons { color: #faa523; } html .feature-box-quaternary.feature-box-style-4 .feature-box-icon i.fa, html .feature-box-quaternary.feature-box-style-4 .feature-box-icon .icons { color: #000000; } html .feature-box-dark.feature-box-style-4 .feature-box-icon i.fa, html .feature-box-dark.feature-box-style-4 .feature-box-icon .icons { color: #2e353e; } html .feature-box-light.feature-box-style-4 .feature-box-icon i.fa, html .feature-box-light.feature-box-style-4 .feature-box-icon .icons { color: #FFF; } .feature-box.feature-box-style-5 .feature-box-icon i.fa, .feature-box.feature-box-style-5 .feature-box-icon i.icons { color: #fcaa00; } html .feature-box-primary.feature-box-style-5 .feature-box-icon i.fa, html .feature-box-primary.feature-box-style-5 .feature-box-icon i.icons { color: #fcaa00; } html .feature-box-secondary.feature-box-style-5 .feature-box-icon i.fa, html .feature-box-secondary.feature-box-style-5 .feature-box-icon i.icons { color: #ffffff; } html .feature-box-tertiary.feature-box-style-5 .feature-box-icon i.fa, html .feature-box-tertiary.feature-box-style-5 .feature-box-icon i.icons { color: #faa523; } html .feature-box-quaternary.feature-box-style-5 .feature-box-icon i.fa, html .feature-box-quaternary.feature-box-style-5 .feature-box-icon i.icons { color: #000000; } html .feature-box-dark.feature-box-style-5 .feature-box-icon i.fa, html .feature-box-dark.feature-box-style-5 .feature-box-icon i.icons { color: #2e353e; } html .feature-box-light.feature-box-style-5 .feature-box-icon i.fa, html .feature-box-light.feature-box-style-5 .feature-box-icon i.icons { color: #FFF; } html .feature-box-primary.feature-box-style-6 .feature-box-icon i.fa, html .feature-box-primary.feature-box-style-6 .feature-box-icon i.icons { color: #fcaa00; } html .feature-box-secondary.feature-box-style-6 .feature-box-icon i.fa, html .feature-box-secondary.feature-box-style-6 .feature-box-icon i.icons { color: #ffffff; } html .feature-box-tertiary.feature-box-style-6 .feature-box-icon i.fa, html .feature-box-tertiary.feature-box-style-6 .feature-box-icon i.icons { color: #faa523; } html .feature-box-quaternary.feature-box-style-6 .feature-box-icon i.fa, html .feature-box-quaternary.feature-box-style-6 .feature-box-icon i.icons { color: #000000; } html .feature-box-dark.feature-box-style-6 .feature-box-icon i.fa, html .feature-box-dark.feature-box-style-6 .feature-box-icon i.icons { color: #2e353e; } html .feature-box-light.feature-box-style-6 .feature-box-icon i.fa, html .feature-box-light.feature-box-style-6 .feature-box-icon i.icons { color: #FFF; } html .featured-boxes-full-scale > [class*="col-"]:nth-child(1) .featured-box-full-primary { background-color: #da3e0e; } html .featured-boxes-full-scale > [class*="col-"]:nth-child(2) .featured-box-full-primary { background-color: #ef4612; } html .featured-boxes-full-scale > [class*="col-"]:nth-child(3) .featured-box-full-primary { background-color: #fcaa00; } html .featured-boxes-full-scale > [class*="col-"]:nth-child(4) .featured-box-full-primary { background-color: #f36c42; } html .featured-boxes-full-scale > [class*="col-"]:nth-child(5) .featured-box-full-primary { background-color: #f47e5a; } html .featured-boxes-full-scale > [class*="col-"]:nth-child(6) .featured-box-full-primary { background-color: #f69172; } html .featured-boxes-full .featured-box-full-primary { background-color: #fcaa00; color: #FFF; } html .featured-boxes-full .featured-box-full-secondary { background-color: #ffffff; color: #777; } html .featured-boxes-full .featured-box-full-tertiary { background-color: #faa523; color: #777; } html .featured-boxes-full .featured-box-full-quaternary { background-color: #000000; color: #FFF; } html .featured-boxes-full .featured-box-full-dark { background-color: #2e353e; color: #FFF; } html .featured-boxes-full .featured-box-full-light { background-color: #FFF; color: #777; } .pricing-table .most-popular { border-color: #fcaa00; } .pricing-table .most-popular h3 { background-color: #fcaa00 !important; } .pricing-table.princig-table-flat .plan h3 { background-color: #fcaa00; } .pricing-table.princig-table-flat .plan h3 span { background: #fcaa00; } html .call-to-action.featured.featured-primary { border-top-color: #fcaa00; } html .call-to-action.call-to-action-primary { background: #fcaa00; } html .call-to-action.with-full-borders-primary { border-color: #fcaa00; } html .call-to-action.call-to-action-primary { background: #fcaa00; } html .call-to-action.call-to-action-primary h3, html .call-to-action.call-to-action-primary p { color: #FFF; } html .call-to-action.featured.featured-secondary { border-top-color: #ffffff; } html .call-to-action.call-to-action-secondary { background: #ffffff; } html .call-to-action.with-full-borders-secondary { border-color: #ffffff; } html .call-to-action.call-to-action-secondary { background: #ffffff; } html .call-to-action.call-to-action-secondary h3, html .call-to-action.call-to-action-secondary p { color: #777; } html .call-to-action.featured.featured-tertiary { border-top-color: #faa523; } html .call-to-action.call-to-action-tertiary { background: #faa523; } html .call-to-action.with-full-borders-tertiary { border-color: #faa523; } html .call-to-action.call-to-action-tertiary { background: #faa523; } html .call-to-action.call-to-action-tertiary h3, html .call-to-action.call-to-action-tertiary p { color: #777; } html .call-to-action.featured.featured-quaternary { border-top-color: #000000; } html .call-to-action.call-to-action-quaternary { background: #000000; } html .call-to-action.with-full-borders-quaternary { border-color: #000000; } html .call-to-action.call-to-action-quaternary { background: #000000; } html .call-to-action.call-to-action-quaternary h3, html .call-to-action.call-to-action-quaternary p { color: #FFF; } html .call-to-action.featured.featured-dark { border-top-color: #2e353e; } html .call-to-action.call-to-action-dark { background: #2e353e; } html .call-to-action.with-full-borders-dark { border-color: #2e353e; } html .call-to-action.call-to-action-dark { background: #2e353e; } html .call-to-action.call-to-action-dark h3, html .call-to-action.call-to-action-dark p { color: #FFF; } html .call-to-action.featured.featured-light { border-top-color: #FFF; } html .call-to-action.call-to-action-light { background: #FFF; } html .call-to-action.with-full-borders-light { border-color: #FFF; } html .call-to-action.call-to-action-light { background: #FFF; } html .call-to-action.call-to-action-light h3, html .call-to-action.call-to-action-light p { color: #777; } section.timeline .timeline-box.left:before, section.timeline .timeline-box.right:before { background: #fcaa00; box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #fcaa00; } ul.history li .featured-box .box-content { border-top-color: #fcaa00; } .recent-posts .date .month, article.post .post-date .month { background-color: #fcaa00; } .recent-posts .date .day, article.post .post-date .day { color: #fcaa00; } .slider .tp-bannertimer { background-color: #fcaa00; } .home-concept strong { color: #fcaa00; } html .home-intro-primary { background: #fcaa00; } html .home-intro-secondary { background: #ffffff; } html .home-intro-tertiary { background: #faa523; } html .home-intro-quaternary { background: #000000; } html .home-intro-dark { background: #2e353e; } html .home-intro-light { background: #FFF; } .home-intro p em { color: #f47e5a; } html .slider-container .tp-caption-overlay-primary { background: #fcaa00; } html .slider-container .tp-caption-overlay-opacity-primary { background: rgba(241, 89, 42, 0.4); } html .slider-container .tp-caption-overlay-secondary { background: #ffffff; } html .slider-container .tp-caption-overlay-opacity-secondary { background: rgba(255, 255, 255, 0.4); } html .slider-container .tp-caption-overlay-tertiary { background: #faa523; } html .slider-container .tp-caption-overlay-opacity-tertiary { background: rgba(250, 165, 35, 0.4); } html .slider-container .tp-caption-overlay-quaternary { background: #000000; } html .slider-container .tp-caption-overlay-opacity-quaternary { background: rgba(0, 0, 0, 0.4); } html .slider-container .tp-caption-overlay-dark { background: #2e353e; } html .slider-container .tp-caption-overlay-opacity-dark { background: rgba(46, 53, 62, 0.4); } html .slider-container .tp-caption-overlay-light { background: #FFF; } html .slider-container .tp-caption-overlay-opacity-light { background: rgba(255, 255, 255, 0.4); } /* Arrows */ .tparrows.tparrows-carousel.tp-leftarrow, .tparrows.tparrows-carousel.tp-rightarrow { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #fcaa00; border-color: #fcaa00 #fcaa00 #da3e0e; } .tparrows.tparrows-carousel.tp-leftarrow:hover, .tparrows.tparrows-carousel.tp-rightarrow:hover { border-color: #f36c42 #f36c42 #ef4612; background-color: #f36c42; } .tparrows.tparrows-carousel.tp-leftarrow:active, .tparrows.tparrows-carousel.tp-rightarrow:active, .tparrows.tparrows-carousel.tp-leftarrow:focus, .tparrows.tparrows-carousel.tp-rightarrow:focus, .tparrows.tparrows-carousel.tp-leftarrow:active:hover, .tparrows.tparrows-carousel.tp-rightarrow:active:hover, .tparrows.tparrows-carousel.tp-leftarrow:active:focus, .tparrows.tparrows-carousel.tp-rightarrow:active:focus { border-color: #ef4612 #ef4612 #ef4612; background-color: #ef4612; } .tparrows.tparrows-carousel.tp-leftarrow.dropdown-toggle, .tparrows.tparrows-carousel.tp-rightarrow.dropdown-toggle { border-left-color: #ef4612; } .tparrows.tparrows-carousel.tp-leftarrow[disabled], .tparrows.tparrows-carousel.tp-rightarrow[disabled] { border-color: #f7a48a; background-color: #f7a48a; } .shop ul.products li.product .onsale { background-color: #fcaa00; border-bottom-color: #e3410f; } .shop .star-rating span, .shop .cart-totals tr.total .amount { color: #fcaa00; } #footer .footer-ribbon { background: #fcaa00; } #footer .footer-ribbon:before { border-right-color: #c2370d; border-left-color: #c2370d; } #footer.light h1, #footer.light h2, #footer.light h3, #footer.light h4, #footer.light a { color: #fcaa00; } #footer.color { background: #fcaa00; border-top-color: #fcaa00; } #footer.color .footer-ribbon { background: #da3e0e; } #footer.color .footer-ribbon:before { border-right-color: #922a0a; } #footer.color .footer-copyright { background: #ef4612; border-top-color: #ef4612; } html #footer.color-primary { background: #fcaa00; border-top-color: #fcaa00; } html #footer.color-primary .footer-ribbon { background: #da3e0e; } html #footer.color-primary .footer-ribbon:before { border-right-color: #922a0a; } html #footer.color-primary .footer-copyright { background: #ef4612; border-top-color: #ef4612; } html #footer.color-secondary { background: #ffffff; border-top-color: #ffffff; } html #footer.color-secondary .footer-ribbon { background: #e6e6e6; } html #footer.color-secondary .footer-ribbon:before { border-right-color: #bfbfbf; } html #footer.color-secondary .footer-copyright { background: #f2f2f2; border-top-color: #f2f2f2; } html #footer.color-tertiary { background: #faa523; border-top-color: #faa523; } html #footer.color-tertiary .footer-ribbon { background: #e58c05; } html #footer.color-tertiary .footer-ribbon:before { border-right-color: #9a5f04; } html #footer.color-tertiary .footer-copyright { background: #f99b0a; border-top-color: #f99b0a; } html #footer.color-quaternary { background: #000000; border-top-color: #000000; } html #footer.color-quaternary .footer-ribbon { background: #000000; } html #footer.color-quaternary .footer-ribbon:before { border-right-color: #000000; } html #footer.color-quaternary .footer-copyright { background: #000000; border-top-color: #000000; } html #footer.color-dark { background: #2e353e; border-top-color: #2e353e; } html #footer.color-dark .footer-ribbon { background: #181c21; } html #footer.color-dark .footer-ribbon:before { border-right-color: #000000; } html #footer.color-dark .footer-copyright { background: #23282f; border-top-color: #23282f; } html #footer.color-light { background: #FFF; border-top-color: #FFF; } html #footer.color-light .footer-ribbon { background: #e6e6e6; } html #footer.color-light .footer-ribbon:before { border-right-color: #bfbfbf; } html #footer.color-light .footer-copyright { background: #f2f2f2; border-top-color: #f2f2f2; } .sample-icon-list .sample-icon a:hover { background-color: #fcaa00; } html.boxed .body { border-top-color: #fcaa00; } /* Name: ie.css Written by: Okler Themes - (http://www.okler.net) Version: 4.0.0 */ /* Header */ html.ie header { background: #fff; filter: none; } /* Navigation */ html.ie8 header nav ul.nav-main ul.dropdown-menu, html.ie9 header nav ul.nav-main ul.dropdown-menu { filter: none !important; } html.ie8 div.home-concept, html.ie8 div.home-concept div.process-image, html.ie8 div.home-concept div.project-image { background: none; } /* Social Icons */ html.ie8 header ul.social-icons { margin-top: 2px; } html.ie8 header ul.social-icons li { background-color: #F1F1F1; } /* History */ html.ie8 ul.history li div.thumb { background: none; } /* Testimonials */ html.ie8 div.testimonial-author div.img-thumbnail { height: 60px; width: 60px; } html.ie8 div.testimonial-author div.img-thumbnail img { float: left; } /* Pricing Plans */ html.ie8 div.plan-ribbon-wrapper { top: -30px; } html.ie8 div.plan-ribbon-wrapper div.plan-ribbon { text-align: left; padding-left: 20px; } /* Parallax */ html.ie8 .parallax { background-position: 50% 50% !important; } /* Thumbs */ html.ie8 .thumb-info .thumb-info-title { background: #000; } body.stop-scrolling { height: 100%; overflow: hidden; } .sweet-overlay { background-color: black; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */ background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000; } .sweet-alert { background-color: white; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 99999; } @media all and (max-width: 540px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; } } .sweet-alert h2 { color: #575757; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 25px 0; padding: 0; line-height: 40px; display: block; } .sweet-alert p { color: #797979; font-size: 16px; text-align: center; font-weight: 300; position: relative; text-align: inherit; float: none; margin: 0; padding: 0; line-height: normal; } .sweet-alert fieldset { border: none; position: relative; } .sweet-alert .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; webkit-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; webkit-transition: padding 0.2s, max-height 0.2s; transition: padding 0.25s, max-height 0.25s; } .sweet-alert .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: white; line-height: 24px; text-align: center; margin-right: 3px; } .sweet-alert .sa-error-container p { display: inline-block; } .sweet-alert .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s; transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { content: ""; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px; } .sweet-alert .sa-input-error::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-input-error::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-input-error.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .sweet-alert input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .sweet-alert input:focus { outline: none; box-shadow: 0px 0px 3px #c4e6f5; border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus:-ms-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus::-webkit-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input::-moz-placeholder { color: #bdbdbd; } .sweet-alert input::-ms-clear { display: none; } .sweet-alert input:-ms-input-placeholder { color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd; } .sweet-alert.show-input input { display: block; } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 4px; opacity: 0; visibility: hidden; } .sweet-alert button { background-color: #8CD4F5; color: white; border: none; box-shadow: none; font-size: 17px; font-weight: 500; -webkit-border-radius: 4px; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0 5px; cursor: pointer; } .sweet-alert button:focus { outline: none; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } .sweet-alert button:hover { background-color: #7ecff4; } .sweet-alert button:active { background-color: #5dc2f1; } .sweet-alert button.cancel { background-color: #ff0000; } .sweet-alert button.cancel:hover { background-color: #b9b9b9; } .sweet-alert button.cancel:active { background-color: #a8a8a8; } .sweet-alert button.cancel:focus { box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; } .sweet-alert button[disabled] { opacity: .6; cursor: default; } .sweet-alert button.confirm[disabled] { color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s; } .sweet-alert button::-moz-focus-inner { border: 0; } .sweet-alert[data-has-cancel-button=false] button { box-shadow: none !important; } .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { padding-bottom: 40px; } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { border-color: #F27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #F27474; display: block; top: 37px; border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; } .sweet-alert .sa-icon.sa-warning { border-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-info { border-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #C9DAE1; left: 50%; } .sweet-alert .sa-icon.sa-success { border-color: #A5DC86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ''; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #A5DC86; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; } /* * Animations */ @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @-webkit-keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @-webkit-keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @-webkit-keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } @keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } .showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop 0.3s; animation: slideFromTop 0.3s; } .showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom 0.3s; animation: slideFromBottom 0.3s; } .hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } .hideSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop 0.4s; animation: slideToTop 0.4s; } .hideSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideToBottom 0.3s; animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-webkit-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-webkit-keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } @keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { -webkit-animation: animateXMark 0.5s; animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } @keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } .pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } @keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } .pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Internet Explorer 9 has some special quirks that are fixed here */ /* The icons are not animated. */ /* This file is automatically merged into sweet-alert.min.js through Gulp */ /* Error icon */ .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg) \9; } /* Success icon */ .sweet-alert .sa-icon.sa-success { border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg) \9; } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-fall, .la-ball-fall > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-fall { display: block; font-size: 0; color: #fff; } .la-ball-fall.la-dark { color: #333; } .la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-fall { width: 54px; height: 18px; } .la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; } .la-ball-fall.la-sm { width: 26px; height: 8px; } .la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-fall.la-2x { width: 108px; height: 36px; } .la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-fall.la-3x { width: 162px; height: 54px; } .la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; } /* * Animation */ @-webkit-keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); } } @-moz-keyframes ball-fall { 0% { opacity: 0; -moz-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -moz-transform: translateY(145%); transform: translateY(145%); } } @-o-keyframes ball-fall { 0% { opacity: 0; -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -o-transform: translateY(145%); transform: translateY(145%); } } @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%); } }