/* Minification failed. Returning unminified contents. (2792,25): run-time error CSS1038: Expected hex color, found '#fff0' (2813,29): run-time error CSS1036: Expected expression, found '#' (2838,29): run-time error CSS1036: Expected expression, found '#' (2863,29): run-time error CSS1036: Expected expression, found '#' (2882,25): run-time error CSS1036: Expected expression, found '#' (2907,29): run-time error CSS1036: Expected expression, found '#' (3197,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important' (4248,5): run-time error CSS1019: Unexpected token, found '@import' (4248,13): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Open+Sans:400,700")' (4249,5): run-time error CSS1019: Unexpected token, found '@import' (4249,13): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Pacifico")' (4913,5): run-time error CSS1019: Unexpected token, found '@keyframes' (4914,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5748,1): run-time error CSS1019: Unexpected token, found '}' (9698,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (9720,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9721,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (9742,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9743,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (9764,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '55%' (9778,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9779,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12400,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12417,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12418,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19573,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19574,10): run-time error CSS1035: Expected colon, found '{' (19584,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19585,10): run-time error CSS1035: Expected colon, found '{' (19931,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19932,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19943,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (19944,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24099,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24100,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '49%' (24114,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (24115,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '49%' (24129,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24130,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '49%' (26193,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26194,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26203,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (26204,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26213,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26214,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26231,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26232,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26247,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (26248,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26263,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26264,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26287,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26288,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26303,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (26304,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26319,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26320,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (27855,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (27856,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (27875,1): run-time error CSS1019: Unexpected token, found '@keyframes' (27876,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (27892,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (27893,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (27907,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (27908,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (27937,1): run-time error CSS1019: Unexpected token, found '@keyframes' (27938,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (27959,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (27960,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (27974,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (27975,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28004,1): run-time error CSS1019: Unexpected token, found '@keyframes' (28005,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28026,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (28027,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28049,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (28050,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28095,1): run-time error CSS1019: Unexpected token, found '@keyframes' (28096,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28125,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (28126,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (28152,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (28153,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (28198,1): run-time error CSS1019: Unexpected token, found '@keyframes' (28199,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (28233,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (28234,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28264,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (28265,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28326,1): run-time error CSS1019: Unexpected token, found '@keyframes' (28327,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28364,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (28365,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28411,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (28412,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28505,1): run-time error CSS1019: Unexpected token, found '@keyframes' (28506,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28564,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (28565,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28579,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (28580,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28609,1): run-time error CSS1019: Unexpected token, found '@keyframes' (28610,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28631,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (28632,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28641,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (28642,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28661,1): run-time error CSS1019: Unexpected token, found '@keyframes' (28662,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28678,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (28679,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28690,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (28691,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28714,1): run-time error CSS1019: Unexpected token, found '@keyframes' (28715,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28733,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (28734,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28745,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (28746,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28769,1): run-time error CSS1019: Unexpected token, found '@keyframes' (28770,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28788,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (28789,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28800,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (28801,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28824,1): run-time error CSS1019: Unexpected token, found '@keyframes' (28825,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28843,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (28844,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28855,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (28856,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28879,1): run-time error CSS1019: Unexpected token, found '@keyframes' (28880,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28898,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (28899,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28910,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (28911,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28934,1): run-time error CSS1019: Unexpected token, found '@keyframes' (28935,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28953,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (28954,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28965,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (28966,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28989,1): run-time error CSS1019: Unexpected token, found '@keyframes' (28990,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29008,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (29009,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29020,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (29021,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29044,1): run-time error CSS1019: Unexpected token, found '@keyframes' (29045,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29063,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (29064,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29075,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (29076,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29099,1): run-time error CSS1019: Unexpected token, found '@keyframes' (29100,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29118,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (29119,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29139,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (29140,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29181,1): run-time error CSS1019: Unexpected token, found '@keyframes' (29182,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29209,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (29210,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29230,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (29231,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29272,1): run-time error CSS1019: Unexpected token, found '@keyframes' (29273,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29300,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (29301,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29321,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (29322,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29363,1): run-time error CSS1019: Unexpected token, found '@keyframes' (29364,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29391,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (29392,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29412,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (29413,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29454,1): run-time error CSS1019: Unexpected token, found '@keyframes' (29455,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29482,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (29483,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29503,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (29504,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29545,1): run-time error CSS1019: Unexpected token, found '@keyframes' (29546,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29573,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (29574,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29587,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (29588,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29615,1): run-time error CSS1019: Unexpected token, found '@keyframes' (29616,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29636,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (29637,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29650,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (29651,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29678,1): run-time error CSS1019: Unexpected token, found '@keyframes' (29679,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29699,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (29700,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29713,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (29714,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29741,1): run-time error CSS1019: Unexpected token, found '@keyframes' (29742,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29762,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (29763,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29776,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (29777,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29804,1): run-time error CSS1019: Unexpected token, found '@keyframes' (29805,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29825,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (29826,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29839,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (29840,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29867,1): run-time error CSS1019: Unexpected token, found '@keyframes' (29868,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34841,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34842,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34855,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34856,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34869,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34870,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34877,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34878,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34885,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34886,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34891,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34892,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34897,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34898,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34903,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34904,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34909,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34910,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34915,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34916,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34921,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34922,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34927,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34928,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34965,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34966,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34987,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34988,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35009,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (35010,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35027,1): run-time error CSS1019: Unexpected token, found '@keyframes' (35028,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35045,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (35046,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35059,1): run-time error CSS1019: Unexpected token, found '@keyframes' (35060,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35085,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (35086,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35095,1): run-time error CSS1019: Unexpected token, found '@keyframes' (35096,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35109,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (35110,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35130,1): run-time error CSS1019: Unexpected token, found '@keyframes' (35131,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35155,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (35156,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35161,1): run-time error CSS1019: Unexpected token, found '@keyframes' (35162,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35171,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (35172,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35177,1): run-time error CSS1019: Unexpected token, found '@keyframes' (35178,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35187,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (35188,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35193,1): run-time error CSS1019: Unexpected token, found '@keyframes' (35194,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35308,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (35309,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35330,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (35331,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35374,1): run-time error CSS1019: Unexpected token, found '@keyframes' (35375,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 !important; } #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; } .header-fixed .navbar.affix .module .module-icon i, .header-fixed .navbar.affix .navbar-nav > li > a, .module .module-icon i { color: #ffffff !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 !important; padding: 6px 5px; margin-bottom: 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 only screen and (max-width: 991px) and (min-width: 768px) { .navbar-toggle { border-color: #add048; /*-moz-border-radius: 0; -webkit-border-radius: 0;*/ border-radius: 0; margin-top: 35px; display: block; } .navbar-collapse.collapse { display: none!important; } .collapse.in { display: block !important; } .container > .navbar-collapse { width: 100%; background-color: #2bb0c6; margin-right: 0; } .navbar-nav { width: 100%; padding-right: 15px; padding-left: 15px; } .navbar-nav > li > a { line-height: 36px !important; color: #ffffff !important; padding-right: 0; padding-left: 0; padding-top: 0; } .navbar-header { float: none !important; /*margin-right: auto; margin-left: auto;*/ /*text-align: center;*/ } .navbar-nav > li { float: left; width: 100%; } } @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 b { color: #fff; font-size: 12px; 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-2 .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: 25px; 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: #8BC34A; color: #fff; border: 1px solid #8BC34A; } .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 #add048; border-bottom: 1px solid #add048; 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 #add048; border-right: 0; background: #add048; 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; } } @media only screen and (max-width: 767px) and (min-width: 320px) { .navbar-toggle { border-color: #add048; /*-moz-border-radius: 0; -webkit-border-radius: 0;*/ border-radius: 0; margin-top: 35px; } .container > .navbar-collapse { width: 100%; background-color: #2bb0c6; margin-right: 0; margin-left: 0; overflow: hidden; } .navbar-nav > li { height: auto !important; margin-right: 0; margin-left: 26px; } .navbar-nav li a { line-height: 1px !important; color: #ffffff; padding-right: 0; padding-left: 10px; padding-top: 0; } .navbar-nav > li > a { font-size: 13px; text-transform: uppercase; font-weight: 700; line-height: 40px !important; color: #ffffff; padding: 0; } } /* 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 !important; } .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: #add048 !important; } .longform .irs-bar-edge { top: 25px; height: 12px; width: 15px; background-position: 0 -90px; background: #add048 !important; } .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: #009688; } .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: #009688; } .icon-choice input:checked + div { box-shadow: inset 0 0 0 3px #8BC34A; border-color: #8BC34A; } .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: #08abbf !important; 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: #fff0; } .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: 1px; border-color: #add048; margin-top: 35px; } .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 !important; 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 #009688; -webkit-box-shadow: 0 0 1em #009688; -o-box-shadow: 0 0 1em #009688; -moz-box-shadow: 0 0 1em #009688; } .redirecturl,.lifestyleRedirect{ background-color: #9ebd36; padding: 17px 25px; border-radius: 25px; margin-bottom: 15px; } #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); } } /*css*/ .header { height: 100px; } .header-transparent { background-color: #00BCD4; } .header-transparent + .mtop-100, .header-transparent + .page-title { position: relative; margin-top: -100px; } .navbar-fixed-top { background: #036271; } /* Transparent Header */ .transparent-header .module .module-icon > i { color: #ffffff; } .transparent-header .search-box { top: 100px !important; } .static-affix { top: 0; width: 100%; z-index: 10; } /* Top Bar */ .top-bar { height: 50px; background-color: #f9f9f9; } .top-bar .top--contact li { margin-right: 16px; } .top-bar .top--contact li:last-child { margin-right: 0; } .top-bar .top--contact { line-height: 50px; color: #a5a5a5; font-size: 12px; font-weight: 400; } .top-bar .top--contact i { color: #add048; margin-right: 6px; } .top-bar .top--social { color: #a5a5a5; font-size: 12px; font-weight: 400; line-height: 50px; } .top-bar .top--social a { color: #333333; font-size: 14px; font-weight: 400; line-height: 28px; margin-left: 19px; } .top-bar .top--social a:hover { color: #add048; } /* Transparent Header */ .transparent-header .module .module-icon > i { color: #ffffff; } .transparent-header .search-box { top: 100px !important; } .static-affix { top: 0; width: 100%; z-index: 10; } /*------------------------------------*\ #Menu \*------------------------------------*/ .header .navbar-collapse { padding-right: 0; padding-left: 0; } .header .navbar { margin-bottom: 0; border-radius: 0; min-height: 100px; border: none; } .header-bordered .navbar { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .header .navbar .logo { height: 100px; line-height: 100px; } .transparent-header .navbar { background-color: transparent; height: 101px; } .transparent-header .navbar-nav > li.has-dropdown > a { color: #ffffff; } .transparent-header .navbar-nav li.has-dropdown > a:hover, .transparent-header .navbar-nav li.has-dropdown.active > a { color: #add048; } /* Header Light */ .header-light { background-color: #ffffff; } .header-light .navbar .logo-dark { display: inline-block; } .header-light .navbar .logo-light { display: none; } .header-light .navbar .module .module-icon i, .header-light .navbar .navbar-nav > li > a { color: #2bb0c6; } .header-light .navbar .navbar-nav > li > .menu-item:hover::before, .header-light .navbar .navbar-nav > li.active > .menu-item:before { background-color: #222222; } /* Header Fixed */ .header-fixed .affix { background-color: #ffffff !important; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); } .header-fixed:not(.header-light) .navbar .logo-dark { display: none; } .header-fixed .navbar.affix .logo-dark { display: inline-block; } .header-fixed .navbar.affix .logo-light { display: none; } .header-fixed .navbar.affix .module .module-icon i, .header-fixed .navbar.affix .navbar-nav > li > a { color: #2bb0c6; } .header-fixed .navbar.affix .navbar-nav > li > .menu-item:hover::before, .header-fixed .navbar.affix .navbar-nav > li.active > .menu-item:before { background-color: #2bb0c6; } /* Header Centered */ .header-centered { height: 255px; } .header-centered .navbar-collapse { padding-right: 215px; padding-left: 215px; } .header-centered .navbar { top: 155px; } .header-centered .navbar.affix { top: 0; } .header-centered .logo-centered { padding-top: 50px; padding-bottom: 25px; } /* Header With Top Bar */ .header-topbar { height: 155px; } .header-topbar .navbar { top: 55px; } .header-topbar .navbar.affix { top: 0; } /* Header #13 */ .header-13 .logo { position: absolute; left: 50%; margin-left: -51px; } /* Header #16 */ .header-16 .navbar { top: 30px; } .header-16 .navbar.affix { top: 0; } /* Header #17 */ .header-centered.header-17 { height: 201px; } .header-centered.header-17 .navbar { top: 100px; } /* Navbar Dark */ .header-transparent.header-light .navbar.affix { background-color: transparent; } /*------------------------------------*\ #Menu \*------------------------------------*/ .header .navbar-collapse { padding-right: 0; padding-left: 0; } .header .navbar { margin-bottom: 0; border-radius: 0; min-height: 100px; border: none; } .header-bordered .navbar { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .header .navbar .logo { height: 100px; line-height: 100px; } .navbar-nav:not(.nav-pos-right) { margin-right: 200px; } .nav-bordered-right { margin-right: 30px; } .nav-bordered-right + .module:first-of-type:before { position: relative; margin-left: 12px; } .nav-bordered-right + .module:first-of-type:before { position: absolute; top: 50%; margin-top: -13px; left: -46px; content: ""; width: 2px; height: 26px; background-color: rgba(255, 255, 255, 0.25); } .affix .nav-bordered-right + .module:first-of-type:before { background-color: rgba(0, 0, 0, 0.25); } .navbar-nav > li { margin-right: 32px; } .navbar-nav > li > a { font-size: 13px; text-transform: uppercase; font-weight: 700; line-height: 100px; color: #ffffff; padding: 0; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: transparent; border: none; } .navbar-nav > li.active > ul { margin-top: 0; } .navbar-nav > li > a:focus, .navbar-nav > li > a:hover { background-color: transparent; color: #ffffff; } /* Menu Level #1 */ .navbar-nav > li > .menu-item:before { position: absolute; bottom: 30px; left: 0; right: 0; margin: auto; width: 0; height: 2px; background: transparent; content: ''; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .navbar-nav > li > .menu-item:hover::before { background-color: #ffffff; width: 20px; } .navbar-nav > li.active > .menu-item:before { background-color: #ffffff; width: 20px; } li.has-dropdown > ul.dropdown-menu > li.dropdown-submenu > a:before, ul.dropdown-menu > li.has-dropdown > a:before { font-family: fontawesome; content: "\f105"; font-size: 13px; position: absolute; right: 25px; } /* Menu Levels */ .dropdown-menu { background-color: transparent; position: relative; width: 100%; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .transparent-header .navbar { background-color: transparent; height: 101px; } .transparent-header .navbar-nav > li.has-dropdown > a { color: #ffffff; } .transparent-header .navbar-nav li.has-dropdown > a:hover, .transparent-header .navbar-nav li.has-dropdown.active > a { color: #add048; } /* Header Light */ .header-light { background-color: #ffffff; } .header-light .navbar .logo-dark { display: inline-block; } .header-light .navbar .logo-light { display: none; } .header-light .navbar .module .module-icon i, .header-light .navbar .navbar-nav > li > a { color: #2bb0c6; } .header-light .navbar .navbar-nav > li > .menu-item:hover::before, .header-light .navbar .navbar-nav > li.active > .menu-item:before { background-color: #222222; } /* Header Fixed */ .header-fixed .affix { background-color: #ffffff !important; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); } .header-fixed:not(.header-light) .navbar .logo-dark { display: none; } .header-fixed .navbar.affix .logo-dark { display: inline-block; } .header-fixed .navbar.affix .logo-light { display: none; } .header-fixed .navbar.affix .module .module-icon i, .header-fixed .navbar.affix .navbar-nav > li > a { color: #2bb0c6; } .header-fixed .navbar.affix .navbar-nav > li > .menu-item:hover::before, .header-fixed .navbar.affix .navbar-nav > li.active > .menu-item:before { background-color: #2bb0c6; } /* Header Centered */ .header-centered { height: 255px; } .header-centered .navbar-collapse { padding-right: 215px; padding-left: 215px; } .header-centered .navbar { top: 155px; } .header-centered .navbar.affix { top: 0; } .header-centered .logo-centered { padding-top: 50px; padding-bottom: 25px; } /* Header With Top Bar */ .header-topbar { height: 155px; } .header-topbar .navbar { top: 55px; } .header-topbar .navbar.affix { top: 0; } /* Header #13 */ .header-13 .logo { position: absolute; left: 50%; margin-left: -51px; } /* Header #16 */ .header-16 .navbar { top: 30px; } .header-16 .navbar.affix { top: 0; } /* Header #17 */ .header-centered.header-17 { height: 201px; } .header-centered.header-17 .navbar { top: 100px; } /* Module */ .module { display: inline-block; position: relative; } .module span.title { display: none; } .module .module-icon { margin-right: 25px; cursor: pointer; line-height: 100px; } .module .module-icon i { font-size: 14px; line-height: 24px; color: #ffffff; font-weight: 400; } .module .module-active .module-icon i { color: #add048; } .module-content { width: 0; height: 0; opacity: 0; display: none; transition: all 0.35s; } .module-active .module-fullscreen { position: fixed; opacity: 1; visibility: visible; display: block; background-color: rgba(34, 34, 34, 0.9); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; right: 0; left: 0; top: 0; z-index: 99; height: 100%; width: 100%; } .module-cancel { top: 50px; position: absolute; left: 50px; font-size: 18px; color: #ffffff; opacity: 0.6; } .module-cancel:hover { opacity: 1; color: #ffffff; } .module .module-box { position: absolute; display: block; background-color: #ffffff; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px solid #eaeaea; right: -50px; width: 370px; border-radius: 2px; padding: 32px; z-index: 99; -webkit-transform: translateY(10%); -moz-transform: translateY(10%); transform: translateY(10%); } .module-active .module-box { height: inherit; opacity: 1; visibility: visible; display: block; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } .module .module-hamburger { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; right: 0; background-color: #ffffff; overflow-x: hidden; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .module-active .module-hamburger { width: 100%; max-width: 370px; height: 100%; opacity: 1; visibility: visible; display: block; padding: 50px; } .module-active .module-hamburger::-webkit-scrollbar { display: none; } .module-active .module-hamburger .module-cancel { top: 30px; position: absolute; right: 30px; left: auto; font-size: 12px; color: #333333; opacity: 1; } .wrapper.hamburger-active { /*-transform: translateX(-370px); -webkit-transform: translateX(-370px); -moz-transform: translateX(-370px); -o-transform: translateX(-370px); -ms-transform: translateX(-370px); */ } /* Module Search */ .module--search-box .form-search { margin-bottom: 0; border-bottom: 2px solid #9e9e9e; padding-bottom: 10px; } .module--search-box .form-control { color: #9e9e9e; font-size: 35px; font-weight: 300; line-height: 70px; border: none; background-color: transparent; width: 95%; float: left; padding: 0; margin-bottom: 0; } .module--search-box .btn { background-color: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; width: 35px; line-height: 57px; color: #9e9e9e; font-size: 28px; font-weight: 400; text-align: right; margin-left: 0; padding: 0; } .module--search-box .form-control::-webkit-input-placeholder { color: #9e9e9e; } .module--search-box .form-control:-moz-placeholder { color: #9e9e9e; } .module--search-box .form-control::-moz-placeholder { color: #9e9e9e; } .module--search-box .form-control:-ms-input-placeholder { color: #9e9e9e; } .module .module-label { width: 16px; height: 16px; line-height: 16px; border-radius: 50%; background-color: #add048; color: #ffffff; font-size: 10px; font-weight: 400; text-align: center; position: absolute; top: 34px; left: 8px; } /* Button Block */ .btn--block { width: 100%; } .btn--auto { width: auto; } /* Button Rounded */ .btn--rounded { border-radius: 50px; } /* Button Primary */ .btn--primary { background: #add048; color: #ffffff; } .btn--primary:active, .btn--primary:focus, .btn--primary:hover { background: #2bb0c6; color: #ffffff; } /*------------------------------------*\ #BUTTONS \*------------------------------------*/ .btn { position: relative; z-index: 2; font-size: 13px; font-weight: 700; text-transform: uppercase; text-align: center; border-radius: 0; padding: 0; line-height: 51px; width: 170px; height: 51px; } .btn.active, .btn:active { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .btn--rounded { border-radius: 50px; } /* Header Fixed */ .header-fixed .affix { background-color: #ffffff !important; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); } button#QasSearch { background-color: #8BC34A; border: none; height: 40px; } input#FirstSectionClick { background-color: #09b0c5; border-radius: 32px; border: none; padding-top: 0px; font-size: 13px; } input#PreviousClick { background-color: #09b0c5; border-radius: 32px; border: none; padding-top: 3px; } input#submitMainFormInstant { background-color: #09b0c5; border-radius: 32px; border: none; padding-top: 3px; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; background-color: #add048; border-radius: 1px; } @media (max-width: 320px) { img.logo-light { width: 72% !important; } } } button#QasSearchPrev { background-color: #8BC34A; border: none; height: 40px; } /* 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: 5px 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; } } #footer { padding: 30px 0; /*background: rgba(84,184,152,1); background: -moz-linear-gradient(left, rgba(84,184,152,1) 0%, rgba(187,212,59,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(84,184,152,1)), color-stop(100%, rgba(187,212,59,1))); background: -webkit-linear-gradient(left, rgba(84,184,152,1) 0%, rgba(187,212,59,1) 100%); background: -o-linear-gradient(left, rgba(84,184,152,1) 0%, rgba(187,212,59,1) 100%); background: -ms-linear-gradient(left, rgba(84,184,152,1) 0%, rgba(187,212,59,1) 100%);*/ background: linear-gradient(to right, rgba(84,184,152,1) 0%, rgba(187,212,59,1) 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54b898', endColorstr='#bbd43b', GradientType=1 );*/ padding-top: 38px !important; padding-bottom: 22px !important; color: white !important; } i.fa.fa-chevron-up { color: white; } section#banners1 { background-color: #f9f9f9 !important; } @media only screen and (max-width: 767px) and (min-width: 320px) { .container > .navbar-header { margin-left: 0; padding-right: 10px; padding-left: 10px; margin-top: 35px!important; margin-bottom: -38px!important; } .lenderImg { height: 140px !important; width: 316px; } .logo-light { margin-top: -74px !important; } .whiteH1 { font-size: 1.6em !important; color: #4caf87; margin-top: -75px !important; margin-bottom: -5px; line-height: 25px !important; } .SuccessfulH1 { font-size: 1.6em !important; color: #4caf87; margin-top: -6px !important; margin-bottom: -5px; line-height: 25px !important; } .page-header-custom-background { margin-top: 3vh; } .lender-blocks b { font-size: 11px; } .broker-button{ margin-bottom:20px } footer { background: linear-gradient(to right, rgba(84,184,152,1) 0%, rgba(187,212,59,1) 100%); margin-top: 115px!important; padding-bottom: 14px!important; padding-top: 66px!important; /* bottom: 0; */ z-index: -1; } } .Failinfo { font-size: large; font-weight: 700; } .navbar-fixed-top { background: #036271; } .lender-blocks p { color: #ffffff; } .lender-blocks b { color: #ffffff; } .col-md-2 .broker-apr { margin-top: 15px; background: unset; min-height: 98px; height: 100%; } .panel-body { background-color: #2bb0c6; } .broker-amount { margin-top: 15px; } .broker-repayment { margin-top: 15px; } /*.lenderImg { height: min-content; margin-top: 7px; margin-left: 5px !important; }*/ .broker-bottom { margin-top: -14px; } .page-header-custom-background { margin-top: 10vh; } .swal2-popup { background: rgba(84,184,152,1); color: #ffffff !important; } p { color: #ffffff; text-shadow: 0 1px rgba(0, 0, 0, 0.3); } .swal2-popup .swal2-footer { color: #ffffff; } b { text-shadow: 0 1px rgba(0, 0, 0, 0.3); } .whiteH1 { font-size: 26px; color: #4caf87; padding-top: 70px; margin-bottom: -5px; } .lifestyleGreenButt { width: 101px; height: 27px; border-radius: 29px; background-color: #9ebd36; border-color: unset; color: white !important; line-height: 27px; } .SuccessfulH1 { font-size: 26px; color: #4caf87; padding-top: 0px; margin-bottom: -5px; } #termsLabel { margin-top: 62px; } #MortgageRent, #HomeValue, #Balance { padding-left: 10px!important; } .cssLabelId { width: 35px!important; height: 33px!important; font-size: 11px!important; line-height: 3!important; } /*loader stert*/ #processing-modal{ background-color:white; } .containerLoader { width: 200px; height: 200px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; margin: auto; filter: url('#goo'); animation: rotate-move 2s ease-in-out infinite; } .dot { width: 70px; height: 70px; border-radius: 50%; background-color: #000; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .dot-3 { background-color: #9ebd36; animation: dot-3-move 2s ease infinite, index 6s ease infinite; } .dot-2 { background-color: #2bb0c6; animation: dot-2-move 2s ease infinite, index 6s -4s ease infinite; } .dot-1 { background-color: #48b494; animation: dot-1-move 2s ease infinite, index 6s -2s ease infinite; } @keyframes dot-3-move { 20% { transform: scale(1) } 45% { transform: translateY(-18px) scale(.45) } 60% { transform: translateY(-90px) scale(.45) } 80% { transform: translateY(-90px) scale(.45) } 100% { transform: translateY(0px) scale(1) } } @keyframes dot-2-move { 20% { transform: scale(1) } 45% { transform: translate(-16px, 12px) scale(.45) } 60% { transform: translate(-80px, 60px) scale(.45) } 80% { transform: translate(-80px, 60px) scale(.45) } 100% { transform: translateY(0px) scale(1) } } @keyframes dot-1-move { 20% { transform: scale(1) } 45% { transform: translate(16px, 12px) scale(.45) } 60% { transform: translate(80px, 60px) scale(.45) } 80% { transform: translate(80px, 60px) scale(.45) } 100% { transform: translateY(0px) scale(1) } } @keyframes rotate-move { 55% { transform: translate(-50%, -50%) rotate(0deg) } 80% { transform: translate(-50%, -50%) rotate(360deg) } 100% { transform: translate(-50%, -50%) rotate(360deg) } } @keyframes index { 0%, 100% { z-index: 3 } 33.3% { z-index: 2 } 66.6% { z-index: 1 } } /*loader end*/ .NewSearch { position: relative !important; z-index: 2 !important; font-size: 13px !important; font-weight: 700 !important; text-transform: uppercase !important; text-align: center !important; border-radius: 0 !important; padding: 0 !important; line-height: 41px !important; width: 70px !important; height: 40px !important; } /*----------------------------------------------------------------------------------- Theme Name: Whole Theme URI: http://themeforest.net/user/zytheme Description: Whole is a pixel perfect creative multi purpose html5 tempalte based on designed with great attention to details, flexibility and performance. It is ultra professional, smooth and sleek, with a clean modern layout. Author: zytheme Author URI: http://themeforest.net/user/zytheme Version: 1.0 -----------------------------------------------------------------------------------*/ /*! // Contents // ------------------------------------------------> 1. Global Styles 2. Typography 3. Color 4. Align 5. Grid 6. Blockquotes 7. Background 8. Breadcrumbs 9. Buttons 10. Forms 11. Icons 12. List 13. Media 14. Tabs 15. Accordions 16. Page Title 17. Pagination 18. Alerts 19. Backtop 20. Range 21. Icon Box 22. Misc 23. Modals 24. Animation 25. Tables 26. Heading 27. Loading 28. Header 29. Menu 30. Hero 31. Team 32. Testimonial 33. Portfolio 34. Feature 35. Call To Action 36. Counter 37. Pricing Tables 38. Blog 39. Shop 40. Contact 41. Sidebar 42. Footer 43. 404 44. Soon 45. Maintenance 46. Clients 47. Process 48. Skills 49. Video 50. Newsletter 51. Timeline 52. Carousel 53. Divider 54. Banner 55. Number 56. Pie Charts 57. Side Nav 58. Landing 59. Layout Boxed 60. Layout Bordered 61. Layout Split WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) */ body, html { overflow-x: hidden; } html { font-size: 13px; } body { background-color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 400; color: #9b9b9b; line-height: 1.5; margin: 0; } .wrapper { background-color: #f9f9f9; } * { outline: none; } ::-moz-selection { text-shadow: none; } ::selection { background-color: #add048; color: #ffffff; text-shadow: none; } a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: #4CAF50 !important; } a:hover { color: #4CAF50 !important; text-decoration: none; } a:focus { color: #2bb0c6; outline: none; text-decoration: none; } a:active { color: #2bb0c6; outline: none; text-decoration: none; } textarea { resize: none; } button.btn { margin-bottom: 0; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus { outline: none; } .modal-backdrop { z-index: 1020; background-color: rgba(34, 34, 34, 0.95); } .fullscreen { height: 100vh !important; } /* Custom, iPhone Retina */ /* Medium Devices, Desktops */ @media only screen and (max-width: 992px) { .fullscreen { height: auto !important; } } /*------------------------------------*\ #TYPOGRAPHY \*------------------------------------*/ /* Heading Text */ .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #4caf87; font-family: 'Poppins', sans-serif; font-weight: 700; margin: 0 0 28px; line-height: 1; } .h1, h1 { font-size: 52px; } .h2, h2 { font-size: 42px; } .h3, h3 { font-size: 38px; } .h4, h4 { font-size: 32px; } .h5, h5 { font-size: 24px; } .h6, h6 { font-size: 18px; } p { color: #a5a5a5; font-size: 16px; font-weight: 300; line-height: 26px; } .lead { font-size: 16px; line-height: 1.8; } /* Aligning Text */ .text--left { text-align: left !important; } .text--right { text-align: right !important; } .text--center { text-align: center !important; } .text--just { text-align: justify !important; } .align--top { vertical-align: top; } .align--bottom { vertical-align: bottom; } .align--middle { vertical-align: middle; } .align--baseline { vertical-align: baseline; } /* Weight Text */ .bold { font-weight: bold; } .regular { font-weight: normal; } .italic { font-style: italic; } .break-word { word-wrap: break-word; } .no-wrap { white-space: nowrap; } /* Text Color */ .text-white { color: #ffffff !important; } .text-black { color: #222222; } .text-color { color: #add048; } .text--capitalize { text-transform: capitalize !important; } .text--uppercase { text-transform: uppercase !important; } .font-heading { font-family: 'Poppins', sans-serif; } .font-body { font-family: 'Poppins', sans-serif; } .font-18 { font-size: 24px; } .font-16 { font-size: 16px; } .font-20 { font-size: 20px; } .font-40 { font-size: 40px; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { text-center-xs { text-align: center !important; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { text-center-sm { text-align: center !important; } } .higlighted-style1 { background-color: #add048; color: #ffffff; padding: 5px 0; } .higlighted-style2 { background-color: #222222; color: #ffffff; padding: 5px 0; } .higlighted-style3 { background-color: #f9f9f9; color: #add048; padding: 5px 0; } /*------------------------------------*\ #COLORS \*------------------------------------*/ .color-heading { color: #222222 !important; } .color-theme { color: #add048 !important; } .color-white { color: #ffffff !important; } .color-gray { color: #f9f9f9 !important; } /*------------------------------------*\ #Align \*------------------------------------*/ address, blockquote, dd, dl, fieldset, form, ol, p, pre, table, ul { margin-bottom: 20px; font-size: 15px; } section { padding-top: 110px; padding-bottom: 110px; overflow: hidden; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { section { padding-top: 60px; padding-bottom: 60px; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { section { padding-top: 80px; padding-bottom: 80px; } } /* All margin */ .m-0 { margin: 0; } .m-xs { margin: 10px; } .m-sm { margin: 20px; } .m-md { margin: 40px; } .m-lg { margin: 80px; } /* top margin */ .mt-0 { margin-top: 0; } .mt-xs { margin-top: 10px; } .mt-20 { margin-top: 20px !important; } .mt-30 { margin-top: 30px !important; } .mt-50 { margin-top: 50px !important; } .mt-60 { margin-top: 60px; } .mt-150 { margin-top: 150px; } /* bottom margin */ .mb-0 { margin-bottom: 0 !important; } .mb-15 { margin-bottom: 15px; } .mb-10 { margin-bottom: 10px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-80 { margin-bottom: 80px !important; } .mb-90 { margin-bottom: 90px !important; } .mb-100 { margin-bottom: 100px !important; } .mb-150 { margin-bottom: 150px !important; } /* right margin */ .mr-0 { margin-right: 0; } .mr-30 { margin-right: 30px !important; } .mr-50 { margin-right: 50px; } .mr-60 { margin-right: 60px; } .mr-150 { margin-right: 150px; } /* left margin */ .ml-0 { margin-left: 0; } .ml-xs { margin-left: 10px; } .ml-sm { margin-left: 20px; } .ml-md { margin-left: 40px; } .ml-lg { margin-left: 80px; } .ml-30 { margin-left: 30px !important; } .ml-50 { margin-left: 50px; } .ml-60 { margin-left: 60px; } .ml-150 { margin-left: 150px; } /* All padding */ .p-0 { padding: 0 !important; } .p-xs { padding: 10px; } .p-sm { padding: 20px; } .p-md { padding: 40px; } .p-lg { padding: 80px; } /* top padding */ .pt-0 { padding-top: 0 !important; } .pt-30 { padding-top: 30px !important; } .pt-50 { padding-top: 50px !important; } .pt-60 { padding-top: 60px; } .pt-70 { padding-top: 70px; } .pt-80 { padding-top: 80px; } .pt-90 { padding-top: 90px; } .pt-100 { padding-top: 100px !important; } .pt-150 { padding-top: 150px !important; } /* bottom padding */ .pb-0 { padding-bottom: 0 !important; } .pb-30 { padding-bottom: 30px; } .pb-50 { padding-bottom: 50px !important; } .pb-60 { padding-bottom: 60px !important; } .pb-70 { padding-bottom: 70px; } .pb-80 { padding-bottom: 80px; } .pb-90 { padding-bottom: 90px; } .pb-100 { padding-bottom: 100px !important; } .pb-150 { padding-bottom: 150px !important; } /* right padding */ .pr-0 { padding-right: 0; } .pr-xs { padding-right: 10px; } .pr-sm { padding-right: 20px; } .pr-md { padding-right: 40px; } .pr-lg { padding-right: 80px; } .pr-15 { padding-right: 15px !important; } .pr-30 { padding-right: 30px !important; } .pr-50 { padding-right: 50px; } .pr-60 { padding-right: 60px; } .pr-100 { padding-right: 100px !important; } .pr-150 { padding-right: 150px; } /* left padding */ .pl-0 { padding-left: 0; } .pl-30 { padding-left: 30px; } .pl-50 { padding-left: 50px; } .pl-60 { padding-left: 60px; } .pl-100 { padding-left: 100px !important; } .pl-150 { padding-left: 150px; } /* Postions */ .fixed { position: fixed; } .relative { position: relative; } .absolute { position: absolute; } .static { position: static; } /* Zindex*/ .zindex-1 { z-index: 1; } .zindex-2 { z-index: 2; } .zindex-3 { z-index: 3; } /* Borders */ .border-all { border: 1px solid #add048; } .border-top { border-top: 1px solid #add048; } .border-bottom { border-bottom: 1px solid #add048; } .border-right { border-right: 1px solid #add048; } .border-left { border-left: 1px solid #add048; } /* Display */ .inline { display: inline; } .block { display: block; } .inline-block { display: inline-block; } .hide { display: none; } .flex { display: flex; } @media only screen and (max-width: 767px) { section { padding-top: 60px; padding-bottom: 60px; } .text-center-xs { text-align: center !important; } .pull-none-xs { float: none !important; text-align: center !important; } .mb-15-xs { margin-bottom: 15px; } .mb-30-xs { margin-bottom: 30px !important; } .mb-50-xs { margin-bottom: 50px; } .mb-60-xs { margin-bottom: 60px !important; } .p-none-xs { padding-right: 0; padding-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .text-center-sm { text-align: center !important; } .mb-0-sm { margin-bottom: 0; } .mb-15-sm { margin-bottom: 15px; } .mb-30-sm { margin-bottom: 30px !important; } .mb-50-sm { margin-bottom: 50px; } .mb-60-sm { margin-bottom: 60px; } .pb-15-sm { padding-bottom: 15px; } .pb-30-sm { padding-bottom: 30px; } .pb-50-sm { padding-bottom: 50px; } .pb-60-sm { padding-bottom: 60px; } .p-none-sm { padding-right: 0; padding-left: 0; } .pull-none-sm { float: none !important; text-align: center !important; } } .border-b { border-bottom: 1px solid #f9f9f9; } /*------------------------------------*\ #Grid \*------------------------------------*/ .row-no-padding [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } .col-lg-5ths, .col-md-5ths, .col-sm-5ths, .col-xs-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-5ths { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } } .col-content { padding: 120px 100px 110px 120px; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .col-content { padding: 40px !important; } } /* Small Devices, Tablets */ @media only screen and (min-width: 1600px) { .col-content { padding: 70px !important; } } /* Postion Helpers */ .pos-fixed { position: fixed; } .pos-relative { position: relative; } .pos-absolute { position: absolute; } .pos-static { position: static; } .pos-top { top: 0; } .pos-bottom { bottom: 0; } .pos-right { right: 0; } .pos-left { left: 0; } .pos-vertical-center { position: relative; top: 50%; -webkit-transform: perspective(1px) translateY(-50%); -moz-transform: perspective(1px) translateY(-50%); -o-transform: perspective(1px) translateY(-50%); transform: perspective(1px) translateY(-50%); } .height-700 { height: 700px !important; } .height-500 { height: 500px !important; } @media only screen and (min-width: 992px) { .hidden-lg, .hidden-md { display: none; } } /*------------------------------------*\ #Blockquotes \*------------------------------------*/ .blockquote, blockquot { font-size: 20px; font-family: 'Droid Serif', serif; color: #9b9b9b; font-style: italic; line-height: 28px; font-weight: 500; padding: 30px 0 30px 30px; position: relative; } .quote-author { display: block; font-size: 13px; font-style: normal; font-weight: 600; line-height: 1; color: #282828; margin-top: 18px; } .blockquote-1 { border-left: 6px solid #222222; } .blockquote-3, .blockquote-4 { padding-right: 30px; } .blockquote-2, .blockquote-3, .blockquote-4 { border-left: none; } .blockquote-2:after, .blockquote-2:before { font-family: fontawesome; font-size: 16px; position: absolute; color: #222222; line-height: 1.8; } .blockquote-2:before { content: "\f10d"; top: 0; left: 0; } .blockquote-2:after { content: "\f10e"; right: 0; bottom: 0; } .blockquote-3 { color: #add048; background-color: #f9f9f9; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .blockquote-4 { color: #ffffff; background-color: #222222; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .blockquote-4 .quote-author { color: #ffffff; } /*------------------------------------*\ #BACKGROUNDS \*------------------------------------*/ .bg-theme { background-color: #add048 !important; } .bg-gray { background-color: #f9f9f9 !important; } .bg-white { background-color: #ffffff !important; } .bg-dark { background-color: #222222 !important; } /* Background Image */ .bg-section { position: relative; overflow: hidden; z-index: 1; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; /*background-attachment: fixed;*/ background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%; } .bg-overlay:before { content: ""; display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-overlay-light:before { background-color: #ffffff; opacity: 0.8; } .bg-overlay-dark:before { background-color: rgba(27, 26, 26, 0.5); background-image: -webkit-linear-gradient(180deg, rgba(27, 26, 26, 0.3) 0%, rgba(27, 26, 26, 0) 34%, rgba(27, 26, 26, 0) 82%, rgba(27, 26, 26, 0) 100%); background-image: -moz-linear-gradient(180deg, rgba(27, 26, 26, 0.3) 0%, rgba(27, 26, 26, 0) 34%, rgba(27, 26, 26, 0) 82%, rgba(27, 26, 26, 0) 100%); background-image: -o-linear-gradient(180deg, rgba(27, 26, 26, 0.3) 0%, rgba(27, 26, 26, 0) 34%, rgba(27, 26, 26, 0) 82%, rgba(27, 26, 26, 0) 100%); background-image: linear-gradient(180deg, rgba(27, 26, 26, 0.3) 0%, rgba(27, 26, 26, 0) 34%, rgba(27, 26, 26, 0) 82%, rgba(27, 26, 26, 0) 100%); } .bg-overlay-dark2:before { background-color: #222222; opacity: 0.9; } .bg-overlay-dark3:before { background-color: rgba(40, 40, 40, 0.35); } .bg-overlay-dark4:before { background-color: rgba(40, 40, 40, 0.95); } .bg-overlay-dark5:before { background-color: rgba(40, 40, 40, 0.9); } .bg-overlay-theme:before { background-color: #add048; background-image: -webkit-linear-gradient(180deg, rgba(11, 123, 84, 0.22) 0%, rgba(220, 76, 52, 0.22) 0%, rgba(220, 76, 52, 0.22) 29%, rgba(220, 76, 52, 0.8) 76%, rgba(220, 76, 52, 0.8) 100%); background-image: -moz-linear-gradient(180deg, rgba(11, 123, 84, 0.22) 0%, rgba(220, 76, 52, 0.22) 0%, rgba(220, 76, 52, 0.22) 29%, rgba(220, 76, 52, 0.8) 76%, rgba(220, 76, 52, 0.8) 100%); background-image: -o-linear-gradient(180deg, rgba(11, 123, 84, 0.22) 0%, rgba(220, 76, 52, 0.22) 0%, rgba(220, 76, 52, 0.22) 29%, rgba(220, 76, 52, 0.8) 76%, rgba(220, 76, 52, 0.8) 100%); background-image: linear-gradient(180deg, rgba(11, 123, 84, 0.22) 0%, rgba(220, 76, 52, 0.22) 0%, rgba(220, 76, 52, 0.22) 29%, rgba(220, 76, 52, 0.8) 76%, rgba(220, 76, 52, 0.8) 100%); opacity: 0.9; } .bg-overlay-theme2:before { background-color: rgba(221, 84, 61, 0.6); background-image: -webkit-linear-gradient(to top, rgba(11, 123, 84, 0.17) 0%, rgba(220, 76, 52, 0.17) 0%, rgba(220, 76, 52, 0.17) 29%, rgba(220, 76, 52, 0.6) 76%, rgba(220, 76, 52, 0.6) 100%); background-image: -moz-linear-gradient(to top, rgba(11, 123, 84, 0.17) 0%, rgba(220, 76, 52, 0.17) 0%, rgba(220, 76, 52, 0.17) 29%, rgba(220, 76, 52, 0.6) 76%, rgba(220, 76, 52, 0.6) 100%); background-image: -o-linear-gradient(to top, rgba(11, 123, 84, 0.17) 0%, rgba(220, 76, 52, 0.17) 0%, rgba(220, 76, 52, 0.17) 29%, rgba(220, 76, 52, 0.6) 76%, rgba(220, 76, 52, 0.6) 100%); background-image: linear-gradient(to top, rgba(11, 123, 84, 0.17) 0%, rgba(220, 76, 52, 0.17) 0%, rgba(220, 76, 52, 0.17) 29%, rgba(220, 76, 52, 0.6) 76%, rgba(220, 76, 52, 0.6) 100%); } .bg-parallex { background-attachment: fixed; } /* Background Color Palettes */ .bg-purple { color: #ffffff; background-color: #cc66cc !important; } .bg-sun-flower { color: #ffffff; background-color: #f1c40f !important; } .bg-orange { color: #ffffff; background-color: #f39c12 !important; } .bg-carrot { color: #ffffff; background-color: #e67e22 !important; } .bg-pumpkin { color: #ffffff; background-color: #d35400 !important; } .bg-alizarin { color: #ffffff; background-color: #e74c3c !important; } .bg-pomegranate { color: #ffffff; background-color: #c0392b !important; } .bg-turquoise { color: #ffffff; background-color: #1abc9c !important; } .bg-green-sea { color: #ffffff; background-color: #16a085 !important; } .bg-emerald { color: #ffffff; background-color: #2ecc71 !important; } .bg-nephritis { color: #ffffff; background-color: #27ae60 !important; } .bg-peter-river { color: #ffffff; background-color: #3498db !important; } .bg-belize-hole { color: #ffffff; background-color: #2980b9 !important; } .bg-amethyst { color: #ffffff; background-color: #9b59b6 !important; } .bg-wisteria { color: #ffffff; background-color: #8e44ad !important; } .bg-wet-asphalt { color: #ffffff; background-color: #34495e !important; } .bg-wet-asphalt { color: #ffffff; background-color: #34495e !important; } .bg-midnight-blue { color: #ffffff; background-color: #2c3e50 !important; } .bg-clouds { color: #454545; background-color: #ecf0f1 !important; } .bg-silver { color: #ffffff; background-color: #bdc3c7 !important; } .bg-concrete { color: #ffffff; background-color: #859596 !important; } .bg-asbestos { color: #ffffff; background-color: #7f8c8d !important; } .bg-asbestos { color: #ffffff; background-color: #7f8c8d !important; } .bg-graphite { color: #ffffff; background-color: #454545 !important; } .bg-gray-0 { background-color: #eeeeee !important; color: #454545; } .bg-gray-1 { background-color: #ECECEC !important; color: #454545; } .bg-gray-2 { background-color: #BDC3C7 !important; color: #454545; } .bg-gray-3 { backgrond-color: #DADFE1 !important; color: #454545; } .bg-gray-5 { background-color: #ECF0F1 !important; color: #454545; } .bg-gray-4 { backgrouund-color: #F2F1EF !important; color: #454545; } .bg-gray-6 { background-color: #D2D7D3 !important; color: #454545; } .bg-gray-7 { background-color: #E6E6E6 !important; color: #454545; } .bg-orange-1 { background-color: #F9690E !important; color: #ffffff; } .bg-orange-2 { background-color: #D35400 !important; color: #ffffff; } .bg-orange-3 { background-color: #F89406 !important; color: #ffffff; } .col-img { height: 720px; padding: 60px; overflow: hidden; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .col-img { height: auto; min-height: 600px; } } /* Background Video */ .bg-video { position: relative; } .bg-video .bg-player { bottom: 0; left: 0; right: 0; position: absolute; top: 0; width: 100%; background: url(polina.jpg) no-repeat; min-height: 500px; } .bg-video .vidbg { min-width: 100%; min-height: 100%; } .bg-vyoutube { z-index: 550; text-align: center; height: 100%; min-height: 100%; position: relative; overflow: hidden; } /*------------------------------------*\ #BREADCRUMB \*------------------------------------*/ /* Breadcrumb Style 1 */ .breadcrumb { background-color: transparent; margin-bottom: 0; padding: 0; border-radius: 0; color: #e5e4e4; font-size: 14px; font-weight: 400; line-height: 1; text-transform: capitalize; } .breadcrumb > li + li:before, .breadcrumb > li a { color: #e5e4e4; } .breadcrumb > .active { color: #f9f9f9; } .breadcrumb-2 > li + li:before { content: "\f101"; font-family: fontawesome; } .breadcrumb-3 > li + li:before { content: "\f105"; font-family: fontawesome; } .breadcrumb > li a:hover { color: #add048; } /*------------------------------------*\ #BUTTONS \*------------------------------------*/ .btn { position: relative; z-index: 2; font-size: 13px; font-weight: 700; text-transform: uppercase; text-align: center; border-radius: 0; padding: 0; line-height: 51px; width: 170px; height: 51px; } .btn.active, .btn:active { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* Button Primary */ .btn--primary { background: #add048; color: #ffffff; } .btn--primary:active, .btn--primary:focus, .btn--primary:hover { background: #2bb0c6; color: #ffffff; } /* Button Secondary*/ .btn--secondary { background-color: #222222; color: #ffffff; border: 2px solid #222222; } .btn--secondary:active, .btn--secondary:focus, .btn--secondary:hover { background-color: #add048; color: #ffffff; border-color: #add048; } /* Button White */ .btn--white { background-color: #ffffff; color: #add048; border: 2px solid #ffffff; } .btn--white:active, .btn--white:focus, .btn--white:hover { background-color: #ffffff; color: #add048; border-color: #add048; } /* Button Block */ .btn--block { width: 100%; } .btn--auto { width: auto; } /* Button Rounded */ .btn--rounded { border-radius: 50px; } /* Button Link */ .btn--link { background-color: transparent; border-color: transparent; } .btn--link.btn--primary { color: #add048; } .btn--link.btn--primary:active, .btn--link.btn--primary:focus, .btn--link.btn--primary:hover { color: #222222; background-color: transparent; border-color: transparent; } .btn--link.btn--secondary { color: #222222; } .btn--link.btn--secondary:active, .btn--link.btn--secondary:focus, .btn--link.btn--secondary:hover { color: #add048; background-color: transparent; border-color: transparent; } /* Button Bordered */ .btn--bordered { background-color: transparent; } .btn--bordered.btn--primary { color: #add048; border-color: #add048; } .btn--bordered.btn--primary:active, .btn--bordered.btn--primary:focus, .btn--bordered.btn--primary:hover { color: #ffffff; background-color: #add048; border-color: #add048; } .btn--bordered.btn--secondary { color: #222222; border-color: #222222; } .btn--bordered.btn--secondary:active, .btn--bordered.btn--secondary:focus, .btn--bordered.btn--secondary:hover { color: #ffffff; background-color: #222222; border-color: #222222; } .btn--bordered.btn--white { color: #ffffff; border-color: #ffffff; } .btn--bordered.btn--white:active, .btn--bordered.btn--white:focus, .btn--bordered.btn--white:hover { color: #add048; background-color: #ffffff; border-color: #ffffff; } .btn--white.btn--secondary { color: #222222; border-color: #ffffff; background-color: #ffffff; } .btn--white.btn--secondary:active, .btn--white.btn--secondary:focus, .btn--white.btn--secondary:hover { color: #ffffff; background-color: #add048; border-color: #add048; } .btn--slide:last-of-type { margin-left: -6px; } .btn--slide-wide { width: 270px; } .btn--video { color: #ffffff; font-size: 13px; font-weight: 600; line-height: 51px; text-transform: uppercase; padding-left: 93px; } .btn--video i { position: absolute; left: 30px; top: 0; color: #f9f9f9; font-size: 48px; } .btn--video:hover, .btn--video:hover i { color: #add048; } /*------------------------------------*\ #FORMS \*------------------------------------*/ .form-control { border: 1px solid #cccccc; color: #9b9b9b; border-radius: 0; background-color: #ffffff; font-size: 13px; font-weight: 400; height: 40px !important; line-height: 49px; padding-left: 20px; margin-bottom: 5px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-transform: capitalize; } .form-control:focus { border-color: #add048; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* Placeholder */ .form-control::-webkit-input-placeholder { color: #9b9b9b; } .form-control:-moz-placeholder { color: #9b9b9b; } .form-control::-moz-placeholder { color: #9b9b9b; } .form-control:-ms-input-placeholder { color: #9b9b9b; } /*------------------------------------*\ #ICONS \*------------------------------------*/ #icons section { padding-top: 60px; padding-bottom: 60px; } #icons h3 { margin-bottom: 0; } #icons .fa-hover { margin-bottom: 15px; font-size: 15px; } #icons i { margin-right: 10px; } /*------------------------------------*\ #Lists \*------------------------------------*/ ul.list { padding: 0; font-size: 13px; list-style-type: none; color: #7f7f7f; } ul.list li { font-size: 13px; font-weight: 400; line-height: 30px; font-family: 'Poppins', sans-serif; } ul.icon-list li i { font-size: 15px; font-weight: 400; line-height: 30px; margin-right: 10px; color: #222222; } ul.number-list li { line-height: 33px; } ul.number-list li span { font-size: 13px; font-weight: 700; line-height: 30px; margin-right: 15px; color: #222222; } ul.dot-list li i { font-size: 7px; font-weight: 400; line-height: 30px; margin-right: 19px; color: #222222; } /*------------------------------------*\ #MEDIA \*------------------------------------*/ .screen-img { position: relative; display: block; overflow: hidden; } .screen-img img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .screen-img .screen-hover { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; padding: 30px; opacity: 0; } .screen-img .screen-hover a { top: 50%; left: 50%; margin-top: -22px; margin-left: -90px; webkit-transition: all 0.4s 0.4s ease-in-out; -moz-transition: all 0.4s 0.4s ease-in-out; -o-transition: all 0.4s 0.4s ease-in-out; transition: all 0.4s 0.4s ease-in-out; opacity: 0; } /* screen Hover Effect */ .screen-img:hover .screen-hover { opacity: 1; } .screen-img:hover .screen-hover a { opacity: 1; } /*------------------------------------*\ #Tabs \*------------------------------------*/ .tabs .nav-tabs { border-bottom-color: #ededed; text-align: center; } .tabs .nav-tabs > li { float: none; display: inline-block; } .tabs .nav-tabs > li > a { color: #282828; font-size: 14px; font-weight: 600; text-transform: uppercase; border-radius: 0; border: none; padding-right: 20px; padding-left: 20px; } .tabs .nav-tabs > li > a:focus, .tabs .nav-tabs > li > a:hover, .tabs .nav-tabs > li.active > a, .tabs .nav-tabs > li.active > a:focus, .tabs .nav-tabs > li.active > a:hover { color: #add048; background-color: #ffffff; border: none; border-bottom: 2px solid #add048; } .tabs .tab-content > .tab-pane { padding-top: 30px; } .tabs .tab-content > .tab-pane p { color: #a5a5a5; font-size: 16px; font-weight: 300; line-height: 26px; } /* Tabs #2*/ .tabs-2.tabs .nav-tabs { border-bottom: none; } .tabs-2.tabs .nav-tabs > li > a { pading-top: 0; padding-bottom: 0; } .tabs-2.tabs .nav-tabs > li > a i { width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 2px; background-color: #282828; display: block; color: #ffffff; font-size: 28px; font-weight: 400; margin-bottom: 20px; } .tabs-2.tabs .nav-tabs > li > a:focus, .tabs-2.tabs .nav-tabs > li > a:hover, .tabs-2.tabs .nav-tabs > li.active > a, .tabs-2.tabs .nav-tabs > li.active > a:focus, .tabs-2.tabs .nav-tabs > li.active > a:hover { color: #add048; background-color: #ffffff; border: none; } .tabs-2.tabs .nav-tabs > li > a:focus i, .tabs-2.tabs .nav-tabs > li > a:hover i, .tabs-2.tabs .nav-tabs > li.active > a i, .tabs-2.tabs .nav-tabs > li.active > a:focus i, .tabs-2.tabs .nav-tabs > li.active > a:hover i { background-color: #add048; } /* Tab Vertical */ .tabs-vertical.tabs .nav-tabs { border-bottom: none; border-right: 1px solid #ededed; width: 15%; float: left; } .tabs-vertical.tabs .nav-tabs > li { float: none; display: block; } .tabs-vertical.tabs .nav-tabs > li > a { border-radius: 0; border: none; padding-right: 20px; padding-left: 0; margin-right: 0; } .tabs-vertical.tabs .nav-tabs > li > a:focus, .tabs-vertical.tabs .nav-tabs > li > a:hover, .tabs-vertical.tabs .nav-tabs > li.active > a, .tabs-vertical.tabs .nav-tabs > li.active > a:focus, .tabs-vertical.tabs .nav-tabs > li.active > a:hover { color: #add048; background-color: #ffffff; border: none; border-right: 2px solid #add048; padding-left: 11px; } .tabs-vertical.tabs .tab-content { padding-left: 15%; text-align: left; } .tabs-vertical.tabs .tab-content > .tab-pane { padding-left: 60px; padding-top: 0; } .tabs-vertical.tabs .tab-content > .tab-pane p { color: #a5a5a5; font-size: 16px; font-weight: 300; line-height: 26px; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .tabs .nav-tabs > li > a { padding-right: 10px; padding-left: 10px; } } /*------------------------------------*\ #Accordion \*------------------------------------*/ /* Accordion Base */ .accordion .panel { border-color: rgba(49, 49, 49, 0.1); padding: 28px 28px 0; margin-bottom: 20px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } .accordion .panel .panel--heading { padding: 0 0 28px; } .accordion .panel .panel--heading a { font-size: 16px; color: #add048; font-weight: 600; line-height: 20px; position: relative; padding-left: 40px; display: block; } .accordion .panel .panel--heading a.collapsed { color: #222222; } .accordion .panel .panel--body { padding: 0 0 28px; color: #9b9b9b; font-size: 14px; font-weight: 400; line-height: 22px; } /* Accordion Status */ .accordion .panel--heading .accordion-toggle:after { position: absolute; left: 0; top: 0; content: "\f068"; /* symbol for "opening" panels */ font-family: fontawesome; font-size: 11px; color: #ffffff; background-color: #add048; text-align: center; width: 20px; height: 20px; line-height: 21px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } .accordion .panel--heading .accordion-toggle.collapsed:after { content: "\f067"; /* symbol for "collapsed" panels */ color: #ffffff; background-color: #222222; } /* Accordion Style #1 */ .accordion.accordion-1 .panel { border-color: transparent; background-color: #f4f4f4; } /* Accordion Style #2 */ .accordion.accordion-2 .panel { border-color: #eeeeee; background-color: transparent; } /* Accordion Style #3 */ .accordion.accordion-3 .panel { border-color: #eeeeee; background-color: transparent; } .accordion.accordion-3 .panel--heading a { padding-left: 0; } .accordion.accordion-3 .panel--heading .accordion-toggle:after { right: 0; left: auto; } /*------------------------------------*\ #PAGE-TTILE \*------------------------------------*/ .page-title { padding: 0; } .page-title .title { padding: 180px 0 30px; } .page-title .title--heading { margin-bottom: 0; } .page-title .title--heading h1 { color: #ffffff; font-size: 75px; font-weight: 700; line-height: 1.2; text-transform: capitalize; margin-bottom: 0; } .page-title .title--heading h2 { color: #ffffff; font-size: 45px; font-weight: 700; line-height: 1.2; text-transform: capitalize; margin-bottom: 0; } @media screen and (max-width: 768px) { .page-title .title--heading h2 { font-size: 18px; } } .page-title .title--desc p { color: #fff; font-size: 16px; line-height: 27px; margin-bottom: 0; } .page-title .breadcrumb, .page-title .breadcrumb a { font-size: 14px; font-weight: 400; line-height: 1; } .page-title .breadcrumb .active { color: #f4f4f4; } .page-title .breadcrumb a:hover { color: #add048; } /* Title #1 */ .title-1 { position: relative; } .title-1 .title--content { position: relative; } /* Title #2 */ .title-2 .breadcrumb { position: absolute; bottom: 36px; width: 100%; } /* Title #3 */ .title-3 .title--desc { margin-bottom: 40px; } /* Title #6 */ .title-6 .breadcrumb { position: absolute; bottom: 46px; width: 100%; } .title-6 .title--content { position: absolute; bottom: 70px; width: 100%; } /* Title #8 */ .title-8 .breadcrumb { margin-bottom: 15px; } .title-8 .title--desc { margin-top: 15px; } /* Title #14 */ .page-title .title-14 { padding: 222px 0 120px; } .title-14 .title--heading { margin-bottom: 14px; } .title-14 .title--heading h1 { font-size: 55px; color: #282828; } .title-14 .breadcrumb, .title-14 .breadcrumb > li + li:before, .title-14 .breadcrumb a { color: #333333; } .title-14 .breadcrumb .active { color: #222222; } /* Title #15 */ .page-title .title-15 { padding: 204px 0 91px; } .title-15 .title--heading h1 { font-size: 35px; color: #282828; line-height: 50px; } .title-15 .breadcrumb, .title-15 .breadcrumb > li + li:before, .title-15 .breadcrumb a { line-height: 50px; color: #333333; } .title-15 .breadcrumb .active { color: #222222; } /* Title #6 */ .title-16 .breadcrumb, .title-16 .breadcrumb > li + li:before, .title-16 .breadcrumb a { line-height: 1; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .page-title .title { padding: 120px 0 40px; } .page-title .title--heading h1 { font-size: 40px; } .heading-8 .heading--title { font-size: 30px !important; line-height: 40px !important; } .heading-10 .heading--title { font-size: 40px !important; } .logo img { max-width: 100%; width: 50%; } .heading .heading--title { font-size: 20px; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { .page-title .title { padding: 150px 0 100px; } .page-title .title--heading h1 { font-size: 60px; } .heading-8 .heading--title { font-size: 30px !important; line-height: 40px !important; } .heading-10 .heading--title { font-size: 60px !important; } } /*------------------------------------*\ #PAGINATION \*------------------------------------*/ .pagination { margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .pagination > li { margin-right: 10px; display: inline-block; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-radius: 0; } .pagination > li > a, .pagination > li > span { background-color: transparent; border-radius: 1; color: #646464; font-size: 20px; font-weight: 500; border-color: #eeeeee; text-transform: uppercase; padding: 0; width: 51px; height: 51px; line-height: 51px; text-align: center; } .pagination > .active > a, .pagination > li:hover > a { background-color: #add048 !important; border-radius: 1px; color: #ffffff; border-color: #add048; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0 !important; } /*------------------------------------*\ #ALERT MESSAGE \*------------------------------------*/ .alerts { background-color: #f9f9f9; border-radius: 2px; padding: 20px; margin-bottom: 40px; } .alerts .alert-icon { width: 46px; height: 46px; line-height: 46px; background-color: #add048; -moz-border-radius: 2px 1px 1px 2px; -webkit-border-radius: 2px 1px 1px 2px; border-radius: 2px 1px 1px 2px; text-align: center; position: absolute; } .alerts .alert-icon i { color: #ffffff; font-size: 15px; font-weight: 400; line-height: 28px; } .alerts .alert-content { padding-left: 68px; } .alerts .alert-content h4 { color: #add048; font-size: 15px; font-weight: 600; line-height: 32px; text-transform: capitalize; margin-bottom: 0; margin-top: -6px; } .alerts .alert-content p { color: #9b9b9b; font-size: 12px; font-weight: 400; line-height: 20px; margin-bottom: 0; } .alerts.alert-warning h4 { color: #8a6d3b; } .alerts.alert-warning .alert-icon { background-color: #fcf8e3; } .alerts.alert-warning .alert-icon i { color: #8a6d3b; } .alerts.alert-danger h4 { color: #a94442; } .alerts.alert-danger .alert-icon { background-color: #f2dede; } .alerts.alert-danger .alert-icon i { color: #a94442; } /*------------------------------------*\ #BACK TO TOP \*------------------------------------*/ #back-to-top { z-index: 9999; position: fixed; right: 30px; bottom: 30px; opacity: 0; } .backtop { width: 40px; height: 40px; line-height: 40px; text-align: center; color: #ffffff; cursor: pointer; border-radius: 2px; transition: opacity 0.2s ease-out; background-color: rgba(0, 0, 0, 0.4); font-size: 20px; } #back-to-top.show { opacity: 1; } #back-to-top:hover { background-color: #add048; } /* Style 2 */ .backtop.style-2 { border-radius: 0; } /* Style 4*/ .backtop.style-3 { border-radius: 5px; } /* Style 4*/ .backtop.style-4 { border-radius: 50%; } .back-top-styles .backtop { text-align: center; margin-right: auto; margin-left: auto; } @media only screen and (max-width: 992px) { #back-to-top.show { opacity: 0; } } /*------------------------------------*\ #Range \*------------------------------------*/ .range-slider .ui-slider { height: 8px; background-color: #d7d7d7; border-radius: 2px; margin-bottom: 20px; margin-top: 5px; } .range-slider .ui-slider-handle { /* Style for "Line" */ width: 15px; height: 15px; margin-left: 0; background-color: #272930; border-radius: 1px; } .range-slider .ui-slider-range { height: 8px; background-color: #add048; margin-bottom: 20px; } .range-slider p { font-size: 13px; font-weight: 400; line-height: 1; } .range-slider label { color: #f9f9f9; } .range-slider input { color: #add048; border: none; background-color: transparent; } /*------------------------------------*\ #FEATRUE BOX \*------------------------------------*/ /* Feature #8 */ .feature-box { text-align: center; margin-bottom: 0; } .feature-box .feature-heading h3 { color: #f9f9f9; font-size: 17px; font-weight: 500; line-height: 1; } .feature-box .feature-icon { position: relative; width: 60px; height: 60px; line-height: 60px; background-color: #f9f9f9; border-radius: 1px; color: #ffffff; font-size: 28px; font-weight: 400; text-align: center; margin: 0 auto 20px; overflow: hidden; } .feature-box .feature-icon i { position: relative; display: block; line-height: 60px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .feature-box:hover .feature-icon i:first-child { margin-top: -60px; } .feature-box .feature-body p { margin-bottom: 0; } /* Feature Box #2 */ .fbox-2 .feature-icon { float: left; } .fbox-2 .feature-body, .fbox-2 .feature-heading { padding-left: 80px; text-align: left; } /* Feature Box #3 */ .fbox-3 .feature-icon { float: right; } .fbox-3 .feature-body, .fbox-3 .feature-heading { padding-right: 80px; text-align: right; } /* Feature Box borderd */ .fbox-bordered .feature-icon { background-color: transparent; border: 1px solid #f9f9f9; color: #f9f9f9; } /* Feature Box Circle */ .fbox-circle .feature-icon { border-radius: 50%; } /* Feature Box Circle bordered */ .fbox-circle.fb-bordered .feature-icon { border-radius: 50%; background-color: transparent !important; border: 2px solid #f9f9f9; color: #f9f9f9; } /*------------------------------------*\ #MISC \*------------------------------------*/ /* Utility classes table */ .bs-table th small, .responsive-utilities th small { display: block; font-weight: normal; color: #999; } .responsive-utilities tbody th { font-weight: normal; } .responsive-utilities td { text-align: center; } .responsive-utilities td.is-visible { color: #468847; background-color: #dff0d8 !important; } .responsive-utilities td.is-hidden { color: #ccc; background-color: #f9f9f9 !important; } .pallete-item { border: 1px solid #eeeeee; margin-bottom: 24px; } .pallete-color { padding: 45px 15px; text-align: center; text-transform: uppercase; } .pallete-color p { margin-bottom: 0; font-weight: bold; color: #ffffff; } /*------------------------------------*\ #MODALS \*------------------------------------*/ .modal-dialog { margin-top: 60px; } .modal-content { border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-align: left; } .modal-content .modal-title { text-transform: capitalize; font-family: 'Lora', sans-serif; } /*------------------------------------*\ #Animation \*------------------------------------*/ @keyframes pulse { 0% { transform: scale(0.95); opacity: 0.7; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.95); opacity: 0.7; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.95); opacity: 0.7; } 50% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.95); opacity: 0.7; } } /*------------------------------------*\ #Tables \*------------------------------------*/ table { background-color: #ffffff; border: 1px solid #eeeeee; border-radius: 0; margin-bottom: 0; } table thead { background-color: #f9f9f9; } table thead tr th { font-size: 14px; font-weight: 600; text-transform: capitalize; color: #282828; line-height: 30px !important; border-bottom-width: 0 !important; border-color: #eeeeee; padding: 0; } table tbody tr td { padding: 20px; border-color: #eeeeee; } table tbody tr td, table tbody tr td { font-size: 13px; font-weight: 600; line-height: 26px; color: #9b9b9b; } /*------------------------------------*\ #Heading \*------------------------------------*/ .heading .heading--img { margin-bottom: 30px; } .heading .heading--subtitle { color: #616161; font-family: 'Droid Serif', serif; font-size: 16px; font-style: italic; line-height: 1; margin-bottom: 15px; } .heading .heading--title { color: #222222; font-size: 28px; font-weight: 700; line-height: 1; margin-bottom: 12px; } .heading .heading--desc { color: #7f7f7f; font-size: 15px; font-weight: 400; line-height: 24px; margin-bottom: 0; } /* Heading #3 */ .heading-3 .divider--line { margin-top: 16px; } /* Heading #8 */ .heading-8 .heading--title { font-size: 35px; font-style: italic; line-height: 45px; } .heading-8 .divider--line { margin: 0; } .heading-8 .heading--desc { font-style: italic; font-family: 'Droid Serif', serif; } /* Heading #9 */ .heading-9 .heading--subtitle { font-size: 17px; } .heading-9 .heading--title { font-size: 65px; } .heading-9 .divider--line { margin-bottom: 0; margin-top: 16px; } .heading-9 .heading--desc { font-family: 'Droid Serif', serif; font-size: 18px; font-style: italic; line-height: 27px; } /* Heading #10 */ .heading-10 .heading--title { font-size: 90px; font-weight: 400; margin-bottom: 26px; } /*------------------------------------*\ #LOADING-SECTION \*------------------------------------*/ .preloader { width: 100%; height: 100%; left: 0; top: 0; position: fixed; z-index: 99999; background-color: #ffffff; overflow: hidden; } /*------------------------------------*\ #HEADER \*------------------------------------*/ .header { height: 100px; } .header-transparent { background-color: #00BCD4; } .header-transparent + .mtop-100, .header-transparent + .page-title { position: relative; margin-top: -100px; } /* Module */ .module { display: inline-block; position: relative; } .module span.title { display: none; } .module .module-icon { margin-right: 25px; cursor: pointer; line-height: 100px; } .module .module-icon i { font-size: 14px; line-height: 24px; color: #ffffff; font-weight: 400; } .module .module-active .module-icon i { color: #add048; } .module-content { width: 0; height: 0; opacity: 0; display: none; transition: all 0.35s; } .module-active .module-fullscreen { position: fixed; opacity: 1; visibility: visible; display: block; background-color: rgba(34, 34, 34, 0.9); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; right: 0; left: 0; top: 0; z-index: 99; height: 100%; width: 100%; } .module-cancel { top: 50px; position: absolute; left: 50px; font-size: 18px; color: #ffffff; opacity: 0.6; } .module-cancel:hover { opacity: 1; color: #ffffff; } .module .module-box { position: absolute; display: block; background-color: #ffffff; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px solid #eaeaea; right: -50px; width: 370px; border-radius: 2px; padding: 32px; z-index: 99; -webkit-transform: translateY(10%); -moz-transform: translateY(10%); transform: translateY(10%); } .module-active .module-box { height: inherit; opacity: 1; visibility: visible; display: block; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } .module .module-hamburger { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; right: 0; background-color: #ffffff; overflow-x: hidden; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .module-active .module-hamburger { width: 100%; max-width: 370px; height: 100%; opacity: 1; visibility: visible; display: block; padding: 50px; } .module-active .module-hamburger::-webkit-scrollbar { display: none; } .module-active .module-hamburger .module-cancel { top: 30px; position: absolute; right: 30px; left: auto; font-size: 12px; color: #333333; opacity: 1; } .wrapper.hamburger-active { /*-transform: translateX(-370px); -webkit-transform: translateX(-370px); -moz-transform: translateX(-370px); -o-transform: translateX(-370px); -ms-transform: translateX(-370px); */ } /* Module Search */ .module--search-box .form-search { margin-bottom: 0; border-bottom: 2px solid #9e9e9e; padding-bottom: 10px; } .module--search-box .form-control { color: #9e9e9e; font-size: 35px; font-weight: 300; line-height: 70px; border: none; background-color: transparent; width: 95%; float: left; padding: 0; margin-bottom: 0; } .module--search-box .btn { background-color: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; width: 35px; line-height: 57px; color: #9e9e9e; font-size: 28px; font-weight: 400; text-align: right; margin-left: 0; padding: 0; } .module--search-box .form-control::-webkit-input-placeholder { color: #9e9e9e; } .module--search-box .form-control:-moz-placeholder { color: #9e9e9e; } .module--search-box .form-control::-moz-placeholder { color: #9e9e9e; } .module--search-box .form-control:-ms-input-placeholder { color: #9e9e9e; } .module .module-label { width: 16px; height: 16px; line-height: 16px; border-radius: 50%; background-color: #add048; color: #ffffff; font-size: 10px; font-weight: 400; text-align: center; position: absolute; top: 34px; left: 8px; } /* Module Cart */ .cart-box .cart-overview li { border-bottom: 2px solid #f4f4f4; margin-bottom: 20px; position: relative; } .cart-box .cart-overview li:last-child { margin-bottom: 0; } .cart-box .cart-overview li .cart-cancel { font-size: 0; } .cart-box .cart-overview li .cart-cancel:after { font-family: fontawesome; content: "\f00d"; font-size: 12px; position: absolute; text-align: center; right: 0; top: 0; width: 19px; height: 19px; line-height: 19px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; background-color: #333333; color: #ffffff; } .cart-box .cart-overview img { width: 49px; height: 49px; margin-right: 15px; position: absolute; } .cart-box .cart-overview .product-meta { padding-left: 60px; } .cart-box .cart-overview h5 { color: #282828; font-size: 14px; text-transform: capitalize; margin-bottom: 0; line-height: 28px; font-weight: 700; } .cart-box .cart-overview p { color: #9b9b9b; font-size: 13px; line-height: 20px; font-weight: 400; margin-bottom: 0; } .cart-total { border-bottom: 2px solid #f4f4f4; margin-bottom: 20px; min-height: 40px; } .cart-total .total-desc { float: left; text-align: left; } .cart-total .total-des, c .cart-total .total-price { color: #9b9b9b; font-size: 14px; font-weight: 600; line-height: 1; text-transform: capitalize; margin-bottom: 20px; } .cart-total .total-price { float: right; text-align: right; color: #add048; } .cart-box .cart-control .btn { height: 35px; line-height: 33px; } /* Module Menu */ .module-menu .menu-list li { margin-bottom: 30px; } .module-menu .menu-list li:last-child { margin-bottom: 0; } .module-menu .menu-list a { color: #ffffff; font-size: 30px; font-weight: 600; line-height: 1; } .module-menu .menu-list a:hover { color: #add048; } .module-menu .menu-social { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; } .module-menu .menu-social a { color: #646464; font-size: 14px; font-weight: 400; line-height: 28px; margin-right: 23px; } .module-menu .menu-social a:last-of-type { margin-right: 0; } .module-menu .menu-social a:hover { color: #add048; } /* Top Bar */ .top-bar { height: 50px; background-color: #f9f9f9; } .top-bar .top--contact li { margin-right: 16px; } .top-bar .top--contact li:last-child { margin-right: 0; } .top-bar .top--contact { line-height: 50px; color: #a5a5a5; font-size: 12px; font-weight: 400; } .top-bar .top--contact i { color: #add048; margin-right: 6px; } .top-bar .top--social { color: #a5a5a5; font-size: 12px; font-weight: 400; line-height: 50px; } .top-bar .top--social a { color: #333333; font-size: 14px; font-weight: 400; line-height: 28px; margin-left: 19px; } .top-bar .top--social a:hover { color: #add048; } /* Transparent Header */ .transparent-header .module .module-icon > i { color: #ffffff; } .transparent-header .search-box { top: 100px !important; } .static-affix { top: 0; width: 100%; z-index: 10; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .module .module-box { position: relative; right: 0; width: 100%; } .module .module-box .btn--bordered.btn--secondary { background-color: #ffffff; color: #222222; } .module .module-label { top: -3px; } .module { display: block; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .module .module-icon { padding-top: 8px; padding-left: 10px; } .module.active i { color: #ffffff; } .module span.title { display: inline-block; color: #ffffff; font-size: 13px; font-weight: bold; text-transform: uppercase; } .module .cart-box, .search-box { display: none; padding-right: 10px; padding-left: 10px; } .module .module-content { margin-bottom: 10px; } .cart-box .cart-overview h5 { color: #ffffff; } .module--search-box .form-search { margin: 25px; } .module--search-box .form-control { font-size: 14px; width: 220px; line-height: 30px; } .module--search-box .btn { font-size: 14px; line-height: 30px; } .module-cart.active .cart-box { opacity: 1; visibility: visible; display: block; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); background-color: #272930; } .module-cancel { top: 30px; left: 30px; } .module .module-icon { line-height: 36px !important; } .module-search .search-icon i { border-left: none; padding-left: 0; padding-right: 5px; } .module.module-active .cart-box, .module.module-active .search-box { display: block !important; } .module-search.module-active .search-box .search-form { margin-bottom: 10px; } .module-search.module-active .search-box .search-form input { background-color: #ffffff; margin-bottom: 0; height: 35px; line-height: 35px; padding-left: 10px; } .module-cart.module-active .cart-box { background-color: #222222; padding: 30px 20px; margin-bottom: 10px; } .module-cart.module-active .cart-box .cart-control { margin-right: auto; margin-left: auto; text-align: center; } .module-cart.module-active .cart-box .cart-control .pull-right { float: none !important; } .module .module-label { position: relative; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { .module .module-box { position: relative; right: 0; width: 100%; } .module .module-box .btn--bordered.btn--secondary { background-color: #ffffff; color: #222222; } .module .module-label { top: -3px; position: relative; } .module { display: block; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 5px 15px; } .module .module-icon { padding-top: 0; } .module span.title { display: inline-block; color: #ffffff; font-size: 13px; font-weight: bold; text-transform: uppercase; } .module .cart-box, .search-box { display: none; padding-right: 10px; padding-left: 10px; } .module .module-content { margin-bottom: 10px; } .cart-box .cart-overview h5 { color: #ffffff; } .module-cart.active .cart-box { opacity: 1; visibility: visible; display: block; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .module .module-icon { line-height: 36px !important; } .module-search .search-icon i { border-left: none; padding-left: 0; padding-right: 5px; } .module.module-active .cart-box, .module.module-active .search-box { display: block !important; } .module-search.module-active .search-box .search-form { margin-bottom: 10px; } .module-search.module-active .search-box .search-form input { background-color: #ffffff; margin-bottom: 0; height: 35px; line-height: 35px; padding-left: 10px; } .module-cart.module-active .cart-box { background-color: #222222; border: none; padding: 30px 20px; margin-bottom: 10px; } .module-cart.module-active .cart-box .cart-control { margin-right: auto; margin-left: auto; text-align: center; } .module-cart.module-active .cart-box .cart-control .pull-right { float: none !important; } .header-fixed .navbar.affix .module .module-icon i, .header-fixed .navbar.affix .navbar-nav > li > a, .module .module-icon i { color: #ffffff !important; } } /* Large Devices, Wide Screens */ @media only screen and (min-width: 992px) and (max-width: 1200px) { .module-search .search-icon i { padding-left: 16px; padding-right: 16px; } } /*------------------------------------*\ #Menu \*------------------------------------*/ .header .navbar-collapse { padding-right: 0; padding-left: 0; } .header .navbar { margin-bottom: 0; border-radius: 0; min-height: 100px; border: none; } .header-bordered .navbar { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .header .navbar .logo { height: 100px; line-height: 100px; } .navbar-nav:not(.nav-pos-right) { margin-right: 200px; } .nav-bordered-right { margin-right: 30px; } .nav-bordered-right + .module:first-of-type:before { position: relative; margin-left: 12px; } .nav-bordered-right + .module:first-of-type:before { position: absolute; top: 50%; margin-top: -13px; left: -46px; content: ""; width: 2px; height: 26px; background-color: rgba(255, 255, 255, 0.25); } .affix .nav-bordered-right + .module:first-of-type:before { background-color: rgba(0, 0, 0, 0.25); } .navbar-nav > li { margin-right: 32px; } .navbar-nav > li > a { font-size: 13px; text-transform: uppercase; font-weight: 700; line-height: 100px; color: #ffffff; padding: 0; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: transparent; border: none; } .navbar-nav > li.active > ul { margin-top: 0; } .navbar-nav > li > a:focus, .navbar-nav > li > a:hover { background-color: transparent; color: #ffffff; } /* Menu Level #1 */ .navbar-nav > li > .menu-item:before { position: absolute; bottom: 30px; left: 0; right: 0; margin: auto; width: 0; height: 2px; background: transparent; content: ''; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .navbar-nav > li > .menu-item:hover::before { background-color: #ffffff; width: 20px; } .navbar-nav > li.active > .menu-item:before { background-color: #ffffff; width: 20px; } li.has-dropdown > ul.dropdown-menu > li.dropdown-submenu > a:before, ul.dropdown-menu > li.has-dropdown > a:before { font-family: fontawesome; content: "\f105"; font-size: 13px; position: absolute; right: 25px; } /* Menu Levels */ .dropdown-menu { background-color: transparent; position: relative; width: 100%; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .transparent-header .navbar { background-color: transparent; height: 101px; } .transparent-header .navbar-nav > li.has-dropdown > a { color: #ffffff; } .transparent-header .navbar-nav li.has-dropdown > a:hover, .transparent-header .navbar-nav li.has-dropdown.active > a { color: #add048; } /* Header Light */ .header-light { background-color: #ffffff; } .header-light .navbar .logo-dark { display: inline-block; } .header-light .navbar .logo-light { display: none; } .header-light .navbar .module .module-icon i, .header-light .navbar .navbar-nav > li > a { color: #2bb0c6; } .header-light .navbar .navbar-nav > li > .menu-item:hover::before, .header-light .navbar .navbar-nav > li.active > .menu-item:before { background-color: #222222; } /* Header Fixed */ .header-fixed .affix { background-color: #ffffff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); } .header-fixed:not(.header-light) .navbar .logo-dark { display: none; } .header-fixed .navbar.affix .logo-dark { display: inline-block; } .header-fixed .navbar.affix .logo-light { display: none; } .header-fixed .navbar.affix .module .module-icon i, .header-fixed .navbar.affix .navbar-nav > li > a { color: #2bb0c6; } .header-fixed .navbar.affix .navbar-nav > li > .menu-item:hover::before, .header-fixed .navbar.affix .navbar-nav > li.active > .menu-item:before { background-color: #2bb0c6; } /* Header Centered */ .header-centered { height: 255px; } .header-centered .navbar-collapse { padding-right: 215px; padding-left: 215px; } .header-centered .navbar { top: 155px; } .header-centered .navbar.affix { top: 0; } .header-centered .logo-centered { padding-top: 50px; padding-bottom: 25px; } /* Header With Top Bar */ .header-topbar { height: 155px; } .header-topbar .navbar { top: 55px; } .header-topbar .navbar.affix { top: 0; } /* Header #13 */ .header-13 .logo { position: absolute; left: 50%; margin-left: -51px; } /* Header #16 */ .header-16 .navbar { top: 30px; } .header-16 .navbar.affix { top: 0; } /* Header #17 */ .header-centered.header-17 { height: 201px; } .header-centered.header-17 .navbar { top: 100px; } /* Container Bordered */ .container-bordered { border-bottom: 1px solid rgba(255, 255, 255, 0.15); height: 100px; } /* Navbar Dark */ .header-transparent.header-light .navbar.affix { background-color: transparent; } .navbar.navbar--dark .logo-dark { display: inline-block !important; } .navbar.navbar--dark .logo-light { display: none; } .navbar.navbar--dark .module .module-icon i, .navbar.navbar--dark .navbar-nav > li > a { color: #222222; } .navbar.navbar--dark .navbar-nav > li > .menu-item:hover::before, .navbar.navbar--dark .navbar-nav > li.active > .menu-item:before { background-color: #222222; } /* Header Split */ .header-split .logo-dark { display: none; } .header-split .logo-light { display: inline-block; } .header-split .module .module-icon i, .header-split .navbar-nav > li > a { color: #222222; } .header-split .navbar-nav > li > .menu-item:hover::before, .header-split .navbar-nav > li.active > .menu-item:before { background-color: #222222; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 479px) { .mega-dropdown-menu ul { list-style: none; margin-left: -10px; } .mega-dropdown-menu ul li a { line-height: 28px; padding: 0; } .mega-dropdown-menu ul li a i { margin-right: 8px; } } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .header .container { padding-right: 0; padding-left: 0; } .navbar-nav { margin: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .navbar-toggle { border-color: #add048; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-top: 35px; } .navbar-toggle .icon-bar { background-color: #add048; } .container > .navbar-header { margin-left: 0; padding-right: 10px; padding-left: 10px; margin-top: 25px; } .container > .navbar-collapse { width: 100%; background-color: #2bb0c6; margin-right: 0; margin-left: 0; } .navbar-nav > li { height: auto !important; margin-right: 0; } .navbar-nav > li.pull-left { float: none !important; } .navbar-nav li a { line-height: 36px; color: #ffffff; padding-right: 0; padding-left: 10px; padding-top: 0; } .navbar-nav > li > .menu-item:before { display: none; } ul ul { list-style: none; } ul.dropdown-menu li a, ul.mega-menu, ul.mega-menu li ul li a { background-color: transparent; position: relative; padding: 0; } .navbar-nav > li.has-dropdown > a:after, li.dropdown-submenu > a:after { font-family: fontawesome; content: "\f105"; font-size: 13px; position: absolute; right: 10px; } .navbar-nav > li.has-dropdown.open > a, .navbar-nav > li.has-dropdown.open > a:focus, .navbar-nav > li.has-dropdown.open > a:hover { background-color: transparent; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } li.dropdown-submenu.open > ul > li > a { padding-left: 50px !important; } .navbar-nav > li.has-dropdown.open > a:after, .navbar-nav > li.has-dropdown.open > a:focus:after, .navbar-nav > li.has-dropdown.open > a:hover:after, li.dropdown-submenu.open > a:after, li.dropdown-submenu.open > a:focus:after, li.dropdown-submenu.open > a:hover:after { font-family: fontawesome; content: "\f107"; font-size: 13px; position: absolute; right: 10px; } li.dropdown-submenu > a:after, li.dropdown-submenu.open > a:focus:after, li.dropdown-submenu.open > a:hover:after { right: 10px; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .mega-menu li a:focus, .mega-menu li a:hover, .nav > li > a:focus, .nav > li > a:hover { background-color: transparent; } .dropdown-menu > li > a, .mega-menu > li > a { color: #ffffff; } .mega-menu ul { list-style: none; padding-left: 25px; } .mega-menu ul li { padding-top: 5px; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .mega-menu li a:focus, .mega-menu li a:hover { color: #ffffff; } ul.mega-menu { list-style: none; display: none; } .dropdown-submenu.open > .mega-menu, .has-dropdown.open > .mega-menu { display: block; } .dropdown-submenu.open > .mega-menu ul { padding-left: 50px; } .header-fixed .navbar.affix .module .module-icon i, .header-fixed .navbar.affix .navbar-nav > li > a { color: #ffffff; } .mega-dropdown-menu .container a[href='#'] { color: #add048; cursor: default; margin-left: 10px; padding: 0; font-weight: 700; text-transform: capitalize; } li.has-dropdown > ul.dropdown-menu > li.dropdown-submenu > a:before, ul.dropdown-menu > li.has-dropdown > a:before { display: none; } .navbar.navbar--dark .module .module-icon i, .navbar.navbar--dark .navbar-nav > li > a { color: #ffffff; } .navbar-nav:not(.nav-pos-right) { margin-right: 0; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { .header .container { padding-right: 0; padding-left: 0; } .navbar-header { float: none !important; margin-right: auto; margin-left: auto; text-align: center; } .header .navbar .logo { float: left; } .navbar-toggle { border-color: #add048; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-top: 35px; display: block; } .navbar-toggle .icon-bar { background-color: #add048; } .navbar-fixed-top .navbar-collapse { overflow: none; } .navbar-collapse.collapse { display: none!important; } .collapse.in { display: block !important; } .navbar-nav { width: 100%; padding-right: 15px; padding-left: 15px; } .navbar-nav > li { float: none; } .container > .navbar-collapse { width: 100%; background-color: #2bb0c6; margin-right: 0; margin-left: 0; } .navbar-nav > li { height: auto !important; margin-right: 0; } .navbar-nav > li.pull-left { float: none !important; } .navbar-nav > li > a { line-height: 36px !important; color: #ffffff !important; padding-right: 0; padding-left: 0; padding-top: 0; } .dropdown-menu > li > a, .mega-menu a { padding-top: 0; } .navbar-nav > li:after { display: none; } .navbar-nav > li.active { border-bottom: none; } .navbar-nav > li.has-dropdown > a:after, .navbar-nav > li.has-dropdown > a:after, li.dropdown-submenu > a:after { font-family: fontawesome; content: "\f105"; font-size: 13px; position: absolute; right: 0; } .navbar-nav > li.has-dropdown.open > a, .navbar-nav > li.has-dropdown.open > a:focus, .navbar-nav > li.has-dropdown.open > a:hover { background-color: transparent; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .mega-menu > li > a, li a:hover, li.dropdown-submenu.open > a, li.open > a:focus { color: #ffffff; } li.dropdown-submenu.open > ul > li > a { padding-left: 50px !important; } .navbar-nav > li.has-dropdown.open > a:after, .navbar-nav > li.has-dropdown.open > a:focus:after, .navbar-nav > li.has-dropdown.open > a:hover:after, li.dropdown-submenu.open > a:after, li.dropdown-submenu.open > a:focus:after, li.dropdown-submenu.open > a:hover:after { font-family: fontawesome; content: "\f107"; font-size: 13px; position: absolute; right: 0; } li.dropdown-submenu > a:after, li.dropdown-submenu.open > a:focus:after, li.dropdown-submenu.open > a:hover:after { right: 10px; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .nav > li > a:focus, .nav > li > a:hover { background-color: transparent; } .dropdown-menu > li > a, .mega-dropdown-menu .container a, .mega-menu a { color: #ffffff; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #ffffff; } .mega-menu ul { list-style: none; padding-left: 0; } .mega-menu ul li { padding-top: 5px; } .mega-menu ul ul { padding-left: 0; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .mega-menu li a:focus, .mega-menu li a:hover { color: #ffffff; } ul.mega-menu { list-style: none; display: none; } .mega-dropdown-menu .container ul { list-style: none; padding-left: 5px; } .mega-dropdown-menu .container ul li { line-height: 25px; } .mega-dropdown-menu .container ul i { margin-right: 5px; } .dropdown-submenu.open > .mega-menu, .has-dropdown.open > .mega-menu { display: block; padding-left: 25px; } .dropdown-submenu.open > .mega-menu ul { padding-left: 25px; } .navbar-nav > li > .menu-item:before, li.has-dropdown > ul.dropdown-menu > li.dropdown-submenu > a:before, ul.dropdown-menu > li.has-dropdown > a:before { display: none; } .mega-dropdown-menu .container a[href='#'] { color: #add048; cursor: default; margin-left: 10px; padding: 0; font-weight: 700; text-transform: capitalize; } } /* Small Devices, Tablets */ @media only screen and (max-width: 991px) { .navbar.navbar--dark .module .module-icon i, .navbar.navbar--dark .navbar-nav > li > a { color: #ffffff; } } /* Large Devices, Wide Screens */ @media only screen and (min-width: 992px) and (max-width: 1200px) { .navbar-nav > li { margin-right: 16px; } } @media only screen and (min-width: 992px) { /* Menu with Dropdown */ .navbar-nav > li.has-dropdown > ul.dropdown-menu, .navbar-nav > li.has-dropdown > ul.mega-menu, li.dropdown-submenu > ul.mega-menu { background-color: #ffffff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; transform-origin: 0 0 0; opacity: 0; position: absolute; left: 0; right: auto; -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; display: block; } .navbar-nav > li.has-dropdown > ul.dropdown-menu { width: 190px; min-width: 190px; padding: 13px 0; background-color: #ffffff; } .navbar-nav > li.has-dropdown > ul.mega-menu, li.dropdown-submenu > ul.mega-menu { width: 385px!important; } li.dropdown-submenu:hover > ul.mega-menu, li.has-dropdown:hover > ul.dropdown-menu, li.has-dropdown:hover > ul.mega-menu { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); opacity: 1; z-index: 100; display: block; } ul.dropdown-menu > li, ul.mega-menu > li { padding-right: 0; height: 40px; line-height: 40px; position: relative; vertical-align: top; } ul.mega-menu > li { border-right: 1px solid #eaeaea; } ul.mega-menu > li:last-child { border-right: none; } ul.mega-menu > li { width: 190px !important; height: auto; overflow: hidden; display: inline-block; } ul.mega-menu > li > ul { width: 190px; list-style: none; background-color: #ffffff; padding-left: 0; position: relative !important; left: auto !important; } ul.mega-menu li ul li { height: 40px; line-height: 40px; padding: 0; } ul.dropdown-menu li a, ul.mega-menu li ul li a { line-height: 40px; color: #7f7f7f; padding: 0; border-bottom: 1px solid #f3f3f3; display: block; font-size: 13px; font-weight: 400; -o-transition: all 0.35s; -moz-transition: all 0.35s; -webkit-transition: all 0.35s; transition: all 0.35s; text-transform: capitalize; margin: 0 25px; } ul.mega-menu li ul li span { color: #add048; padding: 0; display: block; font-size: 13px; line-height: 39px; text-transform: uppercase; font-weight: 700; } ul.dropdown-menu li:last-child > a { border-bottom: none; } ul.dropdown-menu li > a:active, ul.dropdown-menu li > a:focus, ul.dropdown-menu li > a:hover, ul.mega-menu li a:active, ul.mega-menu li a:focus, ul.mega-menu li a:hover { background-color: transparent; color: #add048; padding: 0 0 0 20px; } ul.dropdown-menu.left { left: -185px !important; margin-left: 0 !important; } ul.mega-menu.left { left: -410px !important; } /* Menu Level #2 */ li.dropdown-submenu > ul.mega-menu, li.has-dropdown > ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu { background-color: #ffffff; padding: 25px 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; transform-origin: 0 0 0; opacity: 0; display: block; position: absolute; left: 100%; right: auto; top: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin: -1px 0 0; z-index: 1001; } li.has-dropdown > ul.dropdown-menu > li.dropdown-submenu:hover > ul.dropdown-menu { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); opacity: 1; z-index: 1001; margin-top: -1px; margin-left: 0; padding: 13px 0; -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); } li.dropdown-submenu.pull-left > ul.dropdown-menu { left: auto; right: 0; margin-right: 0; } /* Menu Level #3 */ li.dropdown-submenu > ul.dropdown-menu > li.has-dropdown > ul.dropdown-menu { background-color: #ffffff; float: none; position: absolute; border-radius: 0; left: 100%; right: auto; top: 0; margin: -1px 0 0; z-index: 1; border: 1px solid #eaeaea; padding: 13px 0; } li.dropdown-submenu > ul.dropdown-menu > li.has-dropdown > ul.dropdown-menu.left { left: -185px !important; } /* Mega Menu Content */ .mega-dropdown { position: static !important; } .mega-dropdown-menu { padding: 20px 0 !important; width: 100% !important; background-color: #ffffff !important; border: none !important; margin-top: -23px; } .mega-dropdown-menu .container { background-color: #ffffff; } .mega-dropdown-menu .container div[class*='col-'] { padding-left: 0; padding-right: 0; } .mega-dropdown-menu li ul { padding: 0; margin: 0; } .mega-dropdown-menu li ul li { list-style: none; } .mega-dropdown-menu li ul li a { padding: 0; border-bottom: none; } .mega-dropdown-menu li ul li a:hover { padding: 0 0 0 12px; } .mega-dropdown-menu li ul li a i { margin-right: 8px; } .mega-dropdown-menu .container div[class*='col-'] > a { border-bottom: none; padding-left: 0; font-size: 14px; } .mega-dropdown-menu .container a[href='#'] { color: #add048; cursor: default; font-weight: 600; } } /*------------------------------------*\ #Hamburger \*------------------------------------*/ /* Hamburger Panel */ .hamburger-panel { height: 100%; width: 0; /* 0 width - change this with JavaScript */ position: fixed; z-index: 1; top: 0; right: 0; background-color: #272930; overflow-x: hidden; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .hamburger-panel-close i:before { content: "\f00d"; color: #f3695f; } .hamburger-panel .list-links { margin-bottom: 0; padding: 45px 30px; } .hamburger-panel .list-links a { font-size: 14px; font-weight: 700; line-height: 44px; text-transform: uppercase; color: #f9f9f9; padding-bottom: 10px; margin-bottom: 25px; position: relative; display: block; } .hamburger-panel .list-links a:after { opacity: 0; content: ""; height: 2px; width: 20px; position: absolute; left: 0; top: 100%; display: inline-block; background-color: #add048; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -o-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } .hamburger-panel .list-links a.active:after { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .hamburger-panel .list-links a:hover { color: #add048; } .hamburger-panel .list-links a:hover::after { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .hamburger-panel .social-share { padding: 0 30px; } .hamburger-panel .social-share a { width: 32px; height: 32px; line-height: 32px; border-radius: 1px; font-size: 15px; font-weight: 400; color: #f9f9f9; text-align: center; display: inline-block; background-color: #32333a; margin-right: 5px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hamburger-panel .social-share a:hover { color: #ffffff !important; } .hamburger-panel .social-share a.share-facebook:hover { background-color: #3B5998; } .hamburger-panel .social-share a.share-twitter:hover { background-color: #00ACEE; } .hamburger-panel .social-share a.share-pinterest:hover { background-color: #C8232C; } .hamburger-panel .social-share a.share-google-plus:hover { background-color: #DD4B39; } .hamburger-panel .social-share a.share-dribbble:hover { background-color: #EA4C89; } .hamburger-panel .copywright { text-align: center; padding: 60px 30px 0; font-size: 13px; font-weight: 400; text-transform: uppercase; color: #818181; } /*------------------------------------*\ #Hero \*------------------------------------*/ .header-transparent + .slider { margin-top: -100px; } .slider { height: 700px; padding-top: 0; padding-bottom: 0; } .slider .slide--item { height: 700px; } .slider .slide--subheadline { color: #f9f9f9; font-family: 'Droid Serif', serif; font-size: 17px; font-style: italic; line-height: 45px; margin-bottom: 0; text-transform: capitalize; } .slider .slide--headline { color: #ffffff; font-size: 65px; font-weight: 700; line-height: 70px; margin-bottom: 20px; text-transform: capitalize; } .slider .slide--bio { color: #f9f9f9; font-family: 'Droid Serif', serif; font-size: 18px; font-style: italic; line-height: 27px; margin-bottom: 40px; } .slider-small { height: 600px; } .slider-small .slide--item { height: 600px; } .slider-theme .slide--headline { font-size: 165px; line-height: 1; text-transform: capitalize; } /* Slider Portfolio */ .slider-portfolio .slide--container { background-color: rgba(255, 255, 255, 0.9); padding: 80px 60px; } .slider-portfolio .slide--subheadline { font-size: 13px; color: #333333; } .slider-portfolio .slide--headline { font-size: 30px; color: #282828; line-height: 30px; } .slider-portfolio .slide--action a { color: #add048; font-size: 13px; font-weight: 600; line-height: 20px; text-transform: uppercase; } /* Slider Shop */ .slider-shop .slide--headline { color: #282828; font-size: 65px; } .slider-shop .slide--bio { color: #a5a5a5; } /* Revolution Slider */ .slider-overlay-dark .slotholder:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(27, 26, 26, 0.5); } .slider-overlay-theme .slotholder:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background-color: rgba(221, 84, 61, 0.75); background-image: linear-gradient(to top, rgba(11, 123, 84, 0.17) 0%, rgba(220, 76, 52, 0.17) 0%, rgba(220, 76, 52, 0.17) 29%, rgba(220, 76, 52, 0.6) 76%, rgba(220, 76, 52, 0.6) 100%); } .rs-dots .tp-bullet { height: 9px; width: 9px; border-radius: 50%; background-color: #ffffff; border: 2px solid transparent; } .rs-dots .tp-bullet.selected:before, .rs-dots .tp-bullet:hover:before { width: 13px; height: 13px; background-color: #ffffff; content: ""; position: absolute; top: -4px; left: -4px; border-radius: 50%; border: 2px solid #ffffff; -webkit-box-shadow: 0 0 0 2px #333333 inset; -moz-box-shadow: 0 0 0 2px #333333 inset; box-shadow: 0 0 0 2px #333333 inset; } .rs-arrows.tparrows.ares { background-color: transparent; border-radius: 0; } .rs-arrows.tparrows.ares:hover { background-color: #ffffff; } .rs-arrows.ares.tparrows:before { font-family: 'Linearicons-Free'; font-size: 40px; color: #ffffff; } .rs-arrows.ares.tparrows.tp-leftarrow:before { content: "\e875"; } .rs-arrows.ares.tparrows.tp-rightarrow:before { content: "\e876"; } .slider-rs-dark .rs-arrows.ares.tparrows:before { color: #333333; } .slider-rs-dark .rs-dots .tp-bullet { background-color: #333333; } .slider-rs-dark .rs-dots .tp-bullet.selected:before, .slider-rs-dark .rs-dots .tp-bullet:hover:before { background-color: #333333; border-color: #333333; -webkit-box-shadow: 0 0 0 2px #ffffff inset; -moz-box-shadow: 0 0 0 2px #ffffff inset; box-shadow: 0 0 0 2px #ffffff inset; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .slider .slide--subheadline { font-size: 15px; } .slider .slide--headline { font-size: 30px; line-height: 1.2; } .slider .slide--bio { font-size: 14px; line-height: 1.5; padding: 0 10px; } .slider, .slider .slide--item { height: 500px; } .slider .slide-action .btn { width: 120px; font-size: 12px; } .slider .btn--video { padding-left: 65px; } .slider .btn--video i { left: 10px; } .slider .slide-action .btn.btn--slide-wide { width: 200px; } .slider-portfolio .slide--headline { font-size: 25px; } .slider-portfolio .slide--container { padding: 40px 30px; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { .slider, .slider .slide--item { height: 500px; } .slider .slide--subheadline { font-size: 16px; } .slider .slide--headline { font-size: 36px; line-height: 1.2; } .slider .slide--bio { padding: 0 40px; } .slider-portfolio .slide--container { padding: 40px 30px; } } /*------------------------------------*\ #Team \*------------------------------------*/ .member { text-align: center; overflow: hidden; } .member .member-img { position: relative; margin-bottom: 30px; overflow: hidden; } .member .member-img img { max-width: 100%; height: auto; } .member .member-overlay { position: absolute; width: 100%; height: 100%; padding: 20px; top: 0; left: 0; } .member .member-overlay .member-social { border-radius: 2px; background-color: rgba(34, 34, 34, 0.95); width: 100%; height: 100%; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .member .member-img:hover .member-overlay .member-social { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .member .member-overlay .member-social a { color: #ffffff; font-size: 14px; font-weight: 400; line-height: 1; margin-right: 20px; } .member .member-overlay .member-social a:last-child { margin-right: 0; } .member .member-overlay .member-social a:hover { color: #add048; } .member .member-info h5 { color: #222222; font-size: 18px; font-weight: 600; line-height: 1; margin-bottom: 14px; } .member .member-info h6 { color: #9b9b9b; font-size: 13px; font-weight: 400; line-height: 1; margin-bottom: 0; } .member .member-info p { color: #9b9b9b; font-size: 14px; font-weight: 400; line-height: 22px; margin-bottom: 0; } .member .divider--line { margin-top: 16px; maring-bottom: 6px; } .member .member-data { position: absolute; bottom: 36px; left: 0; text-align: center; width: 100%; } .member .member-social-links { margin-bottom: 25px; } .member .member-data h5, .member .member-data h6 { color: #ffffff; } .team-2 { padding-bottom: 90px; } .team-3 { padding-bottom: 50px; } .team-3 .member { margin-bottom: 50px; } .team .container-fluid [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } .team-4 .member .member-img { margin-bottom: 0; } /*------------------------------------*\ #Testimonial \*------------------------------------*/ .testimonial-panel { text-align: center; } .testimonial-panel .testimonial--icon { position: relative; height: 26px; background: url("../images/testimonial/icon.png") no-repeat center; margin-bottom: 35px; } .testimonial-panel .testimonial--body { margin-bottom: 20px; } .testimonial-panel .testimonial--body p { color: #9b9b9b; font-family: 'Droid Serif', serif; font-size: 23px; font-style: italic; line-height: 35px; margin-bottom: 0; } .testimonial-panel .testimonial--meta h4 { color: #282828; font-size: 14px; font-weight: 600; line-height: 1; margin-bottom: 10px; padding-top: 5px; } .testimonial-panel .testimonial--meta p { color: #616161; font-size: 13px; font-weight: 400; line-height: 1; margin-bottom: 0; } .testimonial-panel .testimonial--meta-img { width: 50px; height: 50px; line-height: 50px; margin-right: 20px; overflow: hidden; border-radius: 50%; } /* Testimonial #1 */ .testimonial-1 .testimonial-panel .testimonial--body { padding: 0 70px; } .testimonial-1 .testimonial-panel .testimonial--meta { text-align: left; padding-left: 50%; margin-left: -110px; } .testimonial-1 .testimonial-panel .testimonial--meta-img { float: left; } /* Testimonial #2 */ .testimonial-2 { padding-bottom: 86px; } .testimonial-2 .testimonial-panel { -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); border-radius: 2px; background-color: #ffffff; padding: 40px; } .testimonial-2 .testimonial-panel .testimonial--body { margin-bottom: 12px; } .testimonial-2 .testimonial-panel .testimonial--body p { font-size: 16px; line-height: 24px; } .testimonial-2 .testimonial-panel .testimonial--meta-img { margin: 0 auto 25px; } .testimonial-2 .testimonial-panel .testimonial--icon { margin-bottom: 20px; } .testimonial-2 .owl-item { padding-bottom: 3px; } /* Testimonial #3 */ .testimonial-3 .carousel-dots .owl-controls .owl-dots .owl-dot span { background-color: #ffffff; border-color: #333333; } .testimonial-3 .carousel-dots .owl-controls .owl-dots .owl-dot.active span { -moz-box-shadow: 0 0 0 2px #ffffff; -webkit-box-shadow: 0 0 0 2px #ffffff; box-shadow: 0 0 0 2px #ffffff; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .testimonial-1 .testimonial-panel .testimonial--body { padding: 0 20px; } .testimonial-panel .testimonial--body p { font-size: 15px; line-height: 1.6; } } /*------------------------------------*\ #Portfolio \*------------------------------------*/ /* Portfolio Filter */ .portfolio-filter { text-align: center; margin-bottom: 36px; } .portfolio-filter li a { color: #333333; font-size: 13px; font-weight: 700; line-height: 1; margin-right: 29px; text-transform: capitalize; } .portfolio-filter li:last-child a { margin-right: 0; } .portfolio-filter li a.active-filter, .portfolio-filter li a:hover { color: #add048; } /* Portfolio Item */ .portfolio-item .portfolio--img { position: relative; } .portfolio-item .portfolio--img img { max-width: 100%; height: auto; } .portfolio-item .portfolio--hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; } .portfolio-item .portfolio--hover .portfolio--action { width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); text-align: center; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .portfolio-item:hover .portfolio--hover .portfolio--action { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .portfolio-item .portfolio--title h4 { color: #222222; font-size: 18px; font-weight: 600; line-height: 28px; margin-bottom: 0; } .portfolio-item .portfolio--title h4 a { color: #222222; } .portfolio-item .portfolio--title h4 a:hover { color: #add048; } .portfolio-item .portfolio--cat a { color: #333333; font-family: 'Droid Serif', serif; font-size: 13px; font-style: italic; line-height: 1; } .portfolio-item .portfolio--cat a:hover { color: #add048; } .portfolio--content { text-align: center; } .portfolio-zoom a { display: inline-block; } .icon--zoom { width: 20px; height: 20px; background: url("../images/icons/zoom.png") no-repeat center center; display: block; } /* Portfolio Gallery */ .portfolio-gallery .col-md-5ths { padding: 5px; } /* Portfolio Grid */ .portfolio-grid .portfolio-item { margin-bottom: 30px; } /* Portfolio Standard */ .portfolio-standard .portfolio-item { margin-bottom: 47px; } .portfolio-standard .portfolio-item .portfolio--img { margin-bottom: 21px; } /* Portfolio Spaced */ .portfolio-spaced .portfolio-item { margin-bottom: 30px; } /* Portfolio Single */ .portfolio-single .portfolio--img img { max-width: 100%; height: auto; margin-bottom: 30px; } .portfolio-single .portfolio--title h3 { color: #222222; font-size: 30px; font-weight: 500; line-height: 1; margin-bottom: 22px; } .portfolio-single .divider--line { margin-bottom: 30px; margin-left: 0; margin-right: 0; } .portfolio-single .portfolio--content { padding-bottom: 10px; text-align: left; } .portfolio-single .portfolio--content p { color: #9b9b9b; font-size: 15px; font-weight: 300; line-height: 23px; } .portfolio-single .portfolio--list, .portfolio-single .portfolio--share { margin-bottom: 30px; padding: 30px; background-color: #f9f9f9; } .portfolio-single .portfolio--list ul li { font-size: 14px; font-weight: 400; line-height: 29px; color: #9e9e9e; } .portfolio-single .portfolio--list ul li span { color: #222222; } .portfolio-single .portfolio--share span { color: #222222; font-size: 13px; font-weight: 600; line-height: 30px; text-transform: uppercase; margin-right: 30px; } .portfolio-single .portfolio--share a { color: #5d5d5d; font-size: 14px; font-weight: 600; line-height: 30px; margin-right: 20px; } .portfolio-single .portfolio--share a:last-of-type { margin-right: 0; } .portfolio-single .portfolio--share a:hover { color: #add048; } .portfolio-single hr.divider { margin-bottom: 40px; margin-top: 40px; } .portfolio-single .portfolio--prev-next { position: relative; height: 50px; } .portfolio-single .portfolio--prev-next:after { position: absolute; left: 50%; top: 10px; color: #616161; font-family: fontawesome; content: "\f009"; font-size: 23px; font-weight: 400; line-height: 28px; } .portfolio--prev-next .portfolio--next, .portfolio--prev-next .portfolio--prev { position: relative; } .portfolio--prev-next .portfolio--icon { position: absolute; top: 0; width: 49px; height: 49px; text-align: center; } .portfolio--prev-next .portfolio--icon a { border: 1px solid #f9f9f9; text-align: center; display: block; color: #646464; font-size: 25px; font-weight: 400; line-height: 47px; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .portfolio--prev-next .portfolio--icon a:hover { background-color: #add048; color: #ffffff; border-color: #add048; } .portfolio--prev-next .portfolio--bio p { color: #b8b8b8; font-family: 'Droid Serif', serif; font-size: 13px; font-style: italic; line-height: 1; margin-bottom: 6px; } .portfolio--prev-next .portfolio--bio a { color: #282828; font-size: 16px; font-weight: 600; line-height: 28px; } .portfolio--prev-next .portfolio--bio a:hover { color: #add048; } .portfolio--prev-next .portfolio--prev .portfolio--icon { left: 0; } .portfolio--prev-next .portfolio--prev .portfolio--bio { padding-left: 65px; } .portfolio--prev-next .portfolio--next .portfolio--icon { right: 0; } .portfolio--prev-next .portfolio--next .portfolio--bio { padding-right: 65px; text-align: right; } /* Portfolio Carousel */ .portfolio--carousel .owl-controls .owl-nav [class*=owl-] { position: absolute; top: 50%; width: 60px; height: 60px; line-height: 60px; background-color: #ffffff; margin-top: -30px; color: #999999; font-size: 0; font-weight: 400; text-align: center; padding: 0; border-radius: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .portfolio--carousel .owl-controls .owl-nav [class*=owl-]:hover { color: #ffffff; background-color: #add048; } .portfolio--carousel:hover .owl-controls .owl-nav [class*=owl-] { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .portfolio--carousel .owl-controls .owl-nav .owl-prev { left: 30px; } .portfolio--carousel .owl-controls .owl-nav .owl-prev:before { font-family: fontawesome; content: "\f104"; font-size: 25px; } .portfolio--carousel .owl-controls .owl-nav .owl-next { right: 60px; } .portfolio--carousel .owl-controls .owl-nav .owl-next:before { font-family: fontawesome; content: "\f105"; font-size: 25px; } .portfolio--single-masonry { column-count: 3; column-gap: 30px; } .portfolio--single-masonry-2col { column-count: 2; column-gap: 30px; } /* Portfolio Slider */ .portfolio--slider { padding: 30px 30px 20px 0; } .portfolio--slider .portfolio-item .portfolio--hover { padding: 200px; } .portfolio--slider .owl-controls { margin-top: 0; } .portfolio--slider .owl-controls .owl-nav [class*=owl-] { position: absolute; top: 50%; height: 60px; line-height: 60px; margin-top: -30px; color: #ffffff; font-size: 0; font-weight: 400; text-align: center; background-color: transparent; padding: 0; border-radius: 0; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .portfolio--slider .owl-controls .owl-nav [class*=owl-]:hover { color: #add048; background-color: transparent; } .portfolio--slider .owl-controls .owl-nav .owl-prev { left: 30px; } .portfolio--slider .owl-controls .owl-nav .owl-prev:before { font-family: fontawesome; content: "\f104"; font-size: 25px; } .portfolio--slider .owl-controls .owl-nav .owl-next { right: 60px; } .portfolio--slider .owl-controls .owl-nav .owl-next:before { font-family: fontawesome; content: "\f105"; font-size: 25px; } .portfolio--slider .owl-dots { position: absolute; bottom: 20px; width: 100%; } .portfolio--slider .owl-dots .owl-dot span { background-color: transparent; border: 1px solid #ffffff; } .portfolio--slider .owl-dots .owl-dot.active span, .portfolio--slider .owl-dots .owl-dot:hover span { background: #ffffff; } /* Portfolio Parallax */ .portfolio-parallax .portfolio-item .portfolio--img { min-height: 800px; background-attachment: fixed; } .portfolio-parallax .portfolio-item .portfolio--content { padding-top: 136px; padding-bottom: 136px; } .portfolio-parallax .portfolio-item .portfolio--title h4 { font-size: 30px; line-height: 36px; margin-bottom: 16px; } .portfolio-parallax .portfolio-item .portfolio--cat { margin-bottom: 15px; } .portfolio-parallax .portfolio-item a.portfolio--more { color: #add048; font-size: 13px; font-weight: 600; line-height: 1; text-transform: uppercase; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .portfolio-single .portfolio--list, .portfolio-single .portfolio--share { padding: 15px; } .portfolio-single .portfolio--share span { display: block; } .portfolio-single .portfolio--prev-next:after { display: none; } .portfolio--prev-next .portfolio--prev .portfolio--bio { margin-bottom: 30px; } .portfolio-filter li a { margin-right: 10px; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-item .portfolio--img img { width: 100%; } } /*------------------------------------*\ #Features \*------------------------------------*/ .feature-panel { position: relative; } .feature-panel .feature--icon { color: #add048; font-size: 40px; line-height: 1; margin-bottom: 23px; } .feature-panel .feature--icon i { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; display: inline-block; } .feature-panel .feature--icon:hover i { -webkit-animation: pulse 0.9s infinite; -moz-animation: pulse 0.9s infinite; -ms-animation: pulse 0.9s infinite; -o-animation: pulse 0.9s infinite; animation: pulse 0.9s infinite; } .feature-panel .feature--content h3 { color: #282828; font-size: 18px; font-weight: 600; line-height: 1; margin-bottom: 9px; } .feature-panel .feature--content p { color: #9b9b9b; font-size: 14px; font-weight: 400; line-height: 23px; margin-bottom: 0; } /* Feature #2 */ .feature-2 .feature-panel .feature--icon { position: absolute; left: 0; top: 0; margin-bottom: 0; } .feature-2 .feature-panel .feature--content { padding-left: 68px; } /* Feature #3 */ .feature-3 { min-height: 700px; } .feature-3 img { position: absolute; left: 0; max-width: 650px; } .feature-3 .feature-panel { margin-bottom: 36px; } .feature-3 .feature-panel .feature--icon { margin-bottom: 18px; } /* Feature #4 */ .feature-4 .feature-panel .feature--icon { margin-bottom: 18px; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .feature-panel { margin-bottom: 20px; } .feature-panel .feature--icon { margin-bottom: 10px; } .feature-3 img { position: relative; max-width: 100%; margin-left: -15px; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { .feature-panel { margin-bottom: 20px; } .feature-3 { min-height: 500px; } .feature-3 img { position: relative; max-width: 100%; margin-left: -100px; } } /*------------------------------------*\ #Call To Action \*------------------------------------*/ .cta { padding: 40px 0; } .cta h3 { font-size: 24px; font-weight: 600; line-height: 50px; margin-bottom: 0; color: #ffffff; } /* CTA #3 */ .cta-3 { padding: 60px 0; } .cta-3 h3 { color: #222222; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .cta, .cta .text-right { text-align: center !important; } .cta h3 { font-size: 20px; line-height: 30px; margin-bottom: 10px; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { .cta h3 { font-size: 20px; } } /*------------------------------------*\ #Counters \*------------------------------------*/ .counter { padding-top: 110px; padding-bottom: 110px; } .count-box .count-icon { color: #add048; font-size: 40px; margin-bottom: 10px; line-height: 1; } .count-box .counting { color: #222222; font-size: 50px; font-weight: 600; line-height: 1; margin-bottom: 25px; position: relative; padding-bottom: 12px; } .count-box .counting:after { position: absolute; bottom: 0; left: 50%; margin-left: -10px; width: 20px; height: 2px; content: ""; background-color: #e2e2e2; } .count-title { color: #9b9b9b; font-size: 14px; font-weight: 600; line-height: 1; text-transform: uppercase; } .counter-theme .count-icon, .counter-theme .count-title, .counter-theme .counting { color: #ffffff; } .counter-dark .count-icon { color: #add048; } .counter-dark .count-title, .counter-dark .counting { color: #ffffff; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .counter { padding-top: 60px; padding-bottom: 60px; } .count-box { margin-bottom: 30px; } } /*------------------------------------*\ #PRICING-SECTION \*------------------------------------*/ .pricing-panel { -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); border-radius: 2px; background-color: #ffffff; padding: 40px; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .pricing-panel:hover { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px); } .pricing-panel .pricing--heading { border-radius: 2px; background-color: #f5f5f5; padding: 20px 27px 27px 36px; } .pricing-panel .pricing--heading h4 { font-size: 16px; line-height: 1; margin-bottom: 33px; font-weight: 600; color: #add048; text-transform: capitalize; } .pricing-panel .pricing--heading p { color: #282828; font-size: 70px; font-weight: 500; line-height: 1; margin-bottom: 10px; } .pricing-panel .pricing--heading span.currency { font-size: 28px; } .pricing-panel .pricing--heading span.time { font-size: 13px; } .pricing-panel .pricing--heading .pricing--desc { color: #a5a5a5; font-size: 13px; font-weight: 400; line-height: 21px; } .pricing-panel .pricing--body { color: #9b9b9b; font-size: 14px; font-weight: 400; line-height: 40px; text-transform: capitalize; } .pricing-panel .pricing--body .pricing--list { padding: 35px 50px 40px; margin-bottom: 0; } .pricing-panel .pricing--body .pricing--list li { position: relative; } .pricing-panel .pricing--body .pricing--list li:after { position: absolute; bottom: 0; left: 50%; margin-left: -25px; content: ""; width: 50px; height: 1px; background-color: #e5e4e4; } .pricing-panel .pricing--body .pricing--list li:last-child::after { display: none; } .pricing-panel .pricing--heading.bg-theme h4 { color: #222222; } .pricing-panel .pricing--heading.bg-theme .pricing--desc, .pricing-panel .pricing--heading.bg-theme p { color: #ffffff; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .price-table { margin-bottom: 30px; } .price-table:last-of-type { margin-bottom: 0; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { .pricing-panel { padding: 15px; } .pricing-panel .pricing--body .pricing--list { padding: 35px 20px 40px; } .pricing-panel .pricing--heading { padding: 20px 10px 27px; } .pricing-panel .pricing--heading p { font-size: 50px; } } /*------------------------------------*\ #BLOG-SECTION \*------------------------------------*/ .blog-entry { -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); border-radius: 2px; background-color: #ffffff; padding: 40px; margin-bottom: 30px; } .blog-entry .entry--img { margin-bottom: 24px; overflow: hidden; } .blog-entry .entry--img img, .entry-related .entry--img img { max-width: 100%; height: auto; -moz-transition: all .35s linear; -webkit-transition: all .35s linear; -ms-transition: all .35s linear; -o-transition: all .35s linear; transition: all .35s linear; } .blog-entry .entry--img img:hover, .entry-related .entry--img img:hover { transform: scale(1.1); } .entry-related .entry--img { overflow: hidden; } .blog-entry .entry--meta { color: #616161; font-family: 'Droid Serif', serif; font-size: 13px; font-style: italic; line-height: 26px; margin-bottom: 5px; } .blog-entry .entry--meta .entry--cat a { color: #add048; } .blog-entry .entry--title { margin-bottom: 18px; } .blog-entry .entry--title h4 { color: #282828; font-size: 18px; font-weight: 600; line-height: 23px; margin-bottom: 0; } .blog-entry .entry--title h4 a { color: #282828; } .blog-entry .entry--title h4 a:hover { color: #add048; } .blog-entry .entry--content { color: #9b9b9b; font-size: 14px; font-weight: 400; line-height: 23px; margin-bottom: 16px; } .blog-entry .entry--more { overflow: hidden; } .blog-entry .entry--more a { color: #add048; font-size: 13px; font-weight: 600; line-height: 1; text-transform: uppercase; position: relative; display: inline-block; padding-bottom: 7px; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .blog-entry .entry--more a:after { position: absolute; left: 0; bottom: 0; content: ""; height: 2px; width: 100%; background-color: #add048; transform: translateX(-50px); -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .blog-entry .entry--more a:hover { color: #222222; } .blog-entry .entry--more a:hover:after { background-color: #222222; transform: translateX(0); } /* Blog Standard */ .blog-single .col-md-10, .blog-standard .col-md-10 { padding-right: 50px; padding-left: 50px; } .blog-standard .blog-entry .entry--title h4 { font-size: 24px; } /* Blog Single */ .blog-single .blog-entry .entry--title h4 { font-size: 24px; } .entry--share { padding-top: 22px; border-top: 2px solid #eeeeee; } .entry--share .share--title { color: #222222; font-size: 13px; font-weight: 600; line-height: 30px; text-transform: uppercase; margin-bottom: 0; } .entry--share a { color: #5d5d5d; font-size: 14px; margin-right: 20px; line-height: 30px; } .entry--share a:last-child { margin-right: 0; } .entry--share a:hover { color: #add048; } .entry-prev-next { position: relative; -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); border-radius: 2px; background-color: #ffffff; padding: 40px; margin-bottom: 40px; min-height: 140px; } .entry-prev-next:after { position: absolute; width: 2px; height: 48px; content: ""; background-color: #eeeeee; left: 50%; top: 46px; } .entry-next, .entry-prev { width: 50%; float: left; } .entry-prev-next .entry-prev { padding-right: 15px; } .entry-prev-next .entry-next { padding-left: 15px; text-align: right; } .entry-next-content, .entry-prev-content { position: relative; } .entry-prev-next .entry-prev img { position: absolute; left: 0; top: 0; } .entry-prev-next .entry-next img { position: absolute; right: 0; top: 0; } .entry-prev-next .entry-prev .entry-desc { position: relative; margin-left: 65px; } .entry-prev-next .entry-next .entry-desc { position: relative; margin-right: 65px; } .entry-prev-next a { font-size: 14px; font-weight: 600; color: #282828; margin-top: 13px; } .entry-prev-next p { font-family: 'Droid Serif', serif; font-size: 13px; font-style: italic; line-height: 1; text-transform: capitalize; margin-bottom: 10px; } .entry-widget { box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); border-radius: 2px; background-color: #ffffff; margin-bottom: 40px; padding: 40px; } .entry-widget .entry-widget-title { position: relative; margin-bottom: 30px; } .entry-widget .divider--line { margin-left: 0; margin-right: 0; margin-bottom: 20px; } .entry-widget .entry-widget-title h4 { color: #222222; font-size: 14px; font-weight: 600; line-height: 1; text-transform: uppercase; margin-bottom: 10px; } .entry-widget .entry-widget-content { position: relative; } .entry-bio img { position: absolute; left: 0; top: 0; } .entry-bio .entry-bio-desc { padding-left: 120px; } .entry-bio .entry-bio-desc p { color: #9b9b9b; font-size: 14px; font-weight: 400; line-height: 24px; margin-bottom: 5px; } .entry-bio .entry-bio-desc a { color: #5d5d5d; font-size: 15px; font-weight: 400; line-height: 1; margin-right: 25px; } .entry-bio .entry-bio-desc a:last-child { margin-right: 0; } .entry-bio .entry-bio-desc a:hover, .entry-meta a:hover, .entry-next:hover a, .entry-prev:hover a, .entry-related .entry:hover .entry-title h5, .entry-share a:hover { color: #add048; } .entry-related .entry--img { margin-bottom: 20px; } .entry-related .entry-title { margin-left: 0; } .entry-related .entry--title h5 { font-size: 15px; font-weight: 600; line-height: 23px; color: #282828; margin-bottom: 10px; } .entry-related .entry--title a { color: #282828; } .entry-related .entry--title a:hover { color: #add048; } .entry-related .entry--meta { color: #616161; font-family: 'Droid Serif', serif; font-size: 13px; font-style: italic; line-height: 1; } ul.comments-list { width: 100%; list-style: none; overflow: hidden; padding-left: 0; margin-bottom: 0; } ul.comments-list li { position: relative; border-bottom: 2px solid #eeeeee; padding-bottom: 20px; margin-bottom: 30px; } ul.comments-list li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } ul.comments-list .comment-body .avatar { position: absolute; left: 0; top: 0; } ul.comments-list .comment-body .comment { padding-left: 90px; } ul.comments-list .comment-body .comment h6 { font-size: 14px; font-weight: 600; text-transform: uppercase; margin-bottom: 0; color: #282828; line-height: 23px; } ul.comments-list .comment-body .comment .date { color: #616161; font-family: 'Droid Serif', serif; font-size: 12px; font-style: italic; line-height: 24px; } ul.comments-list .comment-body .comment p { color: #9b9b9b; font-size: 14px; line-height: 22px; margin-bottom: 0; } ul.comments-list .comment-body .comment a.reply { font-size: 13px; font-weight: 600; text-transform: uppercase; color: #add048; line-height: 1; margin-top: 16px; display: inline-block; } ul.comments-list .comment a.reply:hover { color: #222222; } ul.comments-list ul.comment-children { list-style: none; margin: 20px 0 0 90px; padding-top: 30px; padding-left: 0; border-top: 2px solid #eeeeee; } ul.comments-list ul.comment-children .comment-body .comment { padding-left: 90px; } ul.comments-list ul.comment-children li:last-child { margin-bottom: 0; padding-bottom: 0; } ul.comments-list ul.comment-children ul .comment-body .comment { padding-left: 90px; } .entry-widget.comments-form .entry-widget-title h4 { margin-bottom: 60px; } .comments-form .form-control { margin-bottom: 30px; } .blog-carousel { padding-bottom: 87px; } .blog-carousel .carousel-dots .owl-controls { margin-top: 25px; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { ul.comments-list ul.comment-children { margin: 20px 0 0; } .blog-entry { padding: 20px; } .blog-single .blog-entry .entry--title h4 { font-size: 17px; line-height: 1.2; } .entry--share .text-right { text-align: left; } .entry-next, .entry-prev { width: 100%; float: none; margin-bottom: 0; } .entry-next { margin-bottom: 0; } .entry-prev { margin-bottom: 30px; } .entry-prev-next { padding: 10px; } .entry-prev-next:after { display: none; } .entry-prev-next a { font-size: 13px; } .entry-prev-next .entry-prev { padding-right: 0; } .entry-widget { padding: 20px; } .entry-bio .entry-bio-desc p, .entry-bio img { position: relative; margin-bottom: 15px; } .entry-bio .entry-bio-desc { padding-left: 0; } .entry-related .entry { margin-bottom: 30px; } .entry-related .entry:last-of-type { margin-bottom: 0; } .blog-standard .blog-entry .entry--title h4 { font-size: 18px; line-height: 1.2; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { .entry-related img { width: 100%; } .blog-standard .blog-entry .entry--title h4 { font-size: 20px; line-height: 1.2; } } /* Medium Devices, Desktops */ @media only screen and (min-width: 992px) and (max-width: 1200px) { .entry-related img { width: 100%; } } /*------------------------------------*\ #Shop \*------------------------------------*/ /* Shop Cart */ .cart-table { margin-bottom: 50px; } .cart-table .table { background-color: #ffffff; border: 1px solid #eeeeee; border-radius: 0; margin-bottom: 0; } .cart-table thead { background-color: #f9f9f9; } .cart-table thead tr th { font-size: 14px; font-weight: 600; text-align: center; text-transform: capitalize; color: #282828; line-height: 55px !important; border-bottom-width: 0 !important; border-color: #eeeeee; padding: 0; } .cart-table tbody tr td { padding: 20px; border-color: #eeeeee; } .cart-table tbody tr td.cart-product-price, .cart-table tbody tr td.cart-product-total { font-size: 13px; font-weight: 600; line-height: 26px; color: #9b9b9b; } .cart-table tbody tr td.cart-product-quantity .product-quantity { line-height: 1px; } td.cart-product-quantity .product-quantity input { width: 30px; height: 25px; border: 1px solid #eeeeee; border-radius: 2px; text-align: center; color: #282828; font-size: 14px; font-weight: 400; line-height: 25px; margin-right: 5px; } td.cart-product-quantity .product-quantity i { width: 25px; height: 25px; line-height: 25px; border: 1px solid #eeeeee; border-radius: 1px; color: #add048; margin-right: 5px; font-size: 10px; } .cart-table tbody tr td.cart-product-price, .cart-table tbody tr td.cart-product-total, td.cart-product-quantity { text-align: center; } .cart-table .cart-product-action td { padding: 30px 20px; } .cart-table .cart-product-action form { margin-bottom: 0; } .cart-table .cart-product-action .form-control { color: #9b9b9b; font-size: 12px; font-weight: 400; padding: 0 15px; width: 250px; height: 42px; line-height: 25px; margin-bottom: 0; background-color: transparent; border: 1px solid #eeeeee; border-radius: 0; font-style: italic; text-transform: capitalize; } .cart-table .cart-product-action .btn { text-transform: uppercase; font-size: 13px; font-weight: 600; margin-left: 10px; line-height: 42px; height: 42px; width: auto; text-align: center; padding-right: 16px; padding-left: 16px; border-radius: 1px; } .cart-product-img { float: left; padding-right: 20px; } .cart-product-name h6 { color: #282828; font-size: 16px; font-weight: 600; line-height: 27px; text-transform: capitalize; } .cart-product-remove { float: right; width: 19px; height: 19px; line-height: 19px; font-size: 9px; background-color: #000; border-radius: 1px; color: #ffffff; text-align: center; cursor: pointer; } .cart-shiping, .cart-total-amount { background-color: white; border: 1px solid #eeeeee; border-radius: 1px; padding: 30px 20px; } .cart-shiping h6, .cart-total-amount h6 { color: #282828; font-size: 18px; font-weight: 600; margin-bottom: 25px; position: relative; } .cart-total-amount ul li { color: #add048; font-size: 13px; font-weight: 600; line-height: 36px; text-transform: uppercase; } .cart-total-amount ul li span { color: #959595; font-size: 13px; font-weight: 400; line-height: 36px; } .cart-shiping .form-control { background-color: transparent; border: 1px solid #eeeeee; font-size: 12px; color: #959595; font-weight: 400; padding: 0 15px; height: 42px; line-height: 42px; margin-bottom: 20px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-transform: capitalize; } .cart-shiping .form-control::-webkit-input-placeholder { color: #959595; } .cart-shiping .form-control:-moz-placeholder { color: #959595; } .cart-shiping .form-control::-moz-placeholder { color: #959595; } .cart-shiping .form-control:-ms-input-placeholder { color: #959595; } .cart-shiping .col-xs-12 { position: relative; } .cart-shiping i { position: absolute; font-size: 13px; right: 25px; top: 12px; z-index: 1; pointer-events: none; cursor: pointer; color: #b8b8b8; } .cart-shiping .btn { line-height: 41px; height: 42px; color: white; font-size: 14px; width: auto; padding: 0 17px; border-radius: 0; font-weight: 600; text-transform: uppercase; } .cart-shiping .btn:hover { color: #ffffff; background: #222222; } /* Product Item */ .product-item { margin-bottom: 50px; text-align: center; } .product--img { position: relative; margin-bottom: 30px; } .product--img img { max-width: 100%; height: auto; } .product--img .product--hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; } .product--img .product--hover .product--action { width: 100%; height: 100%; border-radius: 2px; background-color: rgba(221, 84, 61, 0.95); text-align: center; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .product--img .product--hover .product--action a { color: #ffffff; font-size: 13px; font-weight: 700; line-height: 1; text-transform: uppercase; position: relative; top: 50%; } .product--content .product--cat { font-family: 'Droid Serif', serif; font-size: 13px; font-style: italic; line-height: 1; margin-bottom: 12px; } .product--content .product--cat a { color: #333333; } .product--content .product--cat a:hover { color: #add048; } .product--content .product--title h3 { margin-bottom: 0; } .product--content .product--title a { color: #282828; font-size: 18px; font-weight: 600; line-height: 1; margin-bottom: 10px; display: block; } .product--content .product--title a:hover { color: #add048; } .product--content .product--price { color: #9b9b9b; font-size: 17px; font-weight: 600; line-height: 1; } .product--img:hover .product--hover .product--action { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* Shop Options */ .shop-options { padding: 20px; background-color: #ffffff; border-radius: 2px; margin-bottom: 30px; border: 1px solid #eeeeee; } .shop-options .product-options2 span, .shop-options .product-view-mode span { color: #222222; font-size: 14px; font-weight: 600; line-height: 20px; margin-right: 10px; } .shop-options .product-options2 .product-sort { position: relative; margin-right: 30px; } .shop-options .product-options2 .product-sort i { position: absolute; font-size: 14px; right: 10px; top: 10px; z-index: 1; pointer-events: none; cursor: pointer; color: #9b9b9b; } .shop-options .product-options2 select { height: 30px; line-height: 30px; width: 134px; border: 1px solid #eeeeee; background-color: rgba(246, 246, 247, 0); border-radius: 1px; color: #9b9b9b; font-size: 12px; font-weight: 400; padding-left: 10px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .shop-options .product-view-mode { line-height: 30px; } .shop-options .product-view-mode a i { background-color: transparent; border: 1px solid #eeeeee; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #9b9b9b; font-size: 14px; font-weight: 400; margin-left: 10px; width: 30px; height: 30px; line-height: 30px; text-align: center; } .shop-options .product-view-mode a:first-of-type i { margin-left: 0; } .shop-options .product-view-mode a.active i, .shop-options .product-view-mode a:hover i { color: #add048; } .product-list { width: 100%; text-align: left; min-height: 340px; margin-bottom: 0; } .product-list .product--img { float: left; width: 33%; } .product-list .product--content { padding-left: 300px; } /* Shop Single */ .shop-product .product-title h3 { color: #282828; font-size: 18px; font-weight: 600; line-height: 27px; text-transform: capitalize; } .shop-product .product-price { color: #9b9b9b; font-size: 16px; font-weight: 600; line-height: 1; margin-bottom: 25px; } .shop-product .product-rating { margin-right: 30px; } .shop-product .product-rating i { color: #add048; font-size: 15px; font-weight: 400; line-height: 1; } .shop-product .product-review span { color: #9b9b9b; font-size: 12px; line-height: 1; font-weight: 400; } .shop-product .product-review span a { color: #9b9b9b; } .shop-product .product-review span a:hover { color: #add048; } .shop-product .product-desc p { color: #959595; font-size: 13px; line-height: 22px; margin-bottom: 25px; } .shop-product hr { opacity: 0.7; border-top: 1px solid #e5e4e4; margin-top: 0; margin-bottom: 30px; } .shop-product .product-details h5 { color: #282828; font-size: 18px; font-weight: 600; line-height: 1; margin-bottom: 20px; position: relative; } .shop-product .product-details ul li { line-height: 26px; color: #add048; font-size: 13px; font-weight: 400; text-transform: capitalize; } .shop-product .product-details ul li span { color: #9b9b9b; font-size: 13px; font-weight: 400; } .shop-product .product-quantity { line-height: 49px; } .shop-product .product-quantity .qua { color: #282828; font-size: 15px; font-weight: 600; line-height: 20px; margin-right: 10px; } .shop-product .product-quantity a i { width: 25px; height: 25px; font-size: 10px; line-height: 25px; border: 1px solid #eeeeee; border-radius: 1px; color: #add048; text-align: center; } .shop-product .product-quantity input { width: 30px; height: 25px; border: 1px solid #eeeeee; border-radius: 1px; color: #222222; font-size: 14px; font-weight: 400; line-height: 22px; text-align: center; background-color: transparent; } .shop-product .product-cta { padding-bottom: 30px; } .shop-product .product-cta .btn { margin-left: 20px; width: 134px; height: 42px; line-height: 41px; border-radius: 0; text-transform: uppercase; } .shop-product .product-share { margin-bottom: 70px; } .shop-product .product-share h5 { color: #282828; font-size: 18px; font-weight: 600; line-height: 1; margin-bottom: 20px; position: relative; text-transform: capitalize; } .shop-product .product-share a { width: 34px; height: 34px; line-height: 34px; border-radius: 1px 2px 2px 1px; font-size: 14px; font-weight: 400; color: #ffffff; text-align: center; display: inline-block; background-color: #add048; margin-right: 3px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .shop-product .product-share a { background-color: #add048; } .shop-product .product-share a.share-facebook:hover { background-color: #3B5998; } .shop-product .product-share a.share-twitter:hover { background-color: #00ACEE; } .shop-product .product-share a.share-google-plus:hover { background-color: #DD4B39; } .shop-product .product-share a.share-linkedin:hover { background-color: #0E76A8; } .product-tabs { background-color: #ffffff; border: 1px solid #eeeeee; border-radius: 1px; color: #9b9b9b; font-size: 13px; font-weight: 500; line-height: 22px; font-style: italic; margin-bottom: 50px; } .product-tabs .nav-tabs { background-color: #f9f9f9; } .product-tabs .nav-tabs > li { margin-bottom: -1px; } .product-tabs .nav-tabs > li > a { color: #282828 !important; font-size: 14px; font-weight: 600; text-transform: capitalize; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 0 20px; border-right: 1px solid #eeeeee; margin-right: 0; line-height: 60px; height: 60px; } .product-tabs .nav-tabs > li:last-child > a { border-right: none; } .product-tabs .nav-tabs > li > a:focus, .product-tabs .nav-tabs > li > a:hover { background-color: transparent; border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent; color: #add048 !important; } .product-tabs .nav-tabs > li.active > a, .product-tabs .nav-tabs > li.active > a:focus, .product-tabs .nav-tabs > li.active > a:hover { color: #add048 !important; border: none; border-right: 1px solid #eeeeee; background-color: #ffffff; } .product-tabs .tab-content { padding: 20px; } .product-tabs .tab-content h5 { font-size: 13px; } .product-review li { background-color: #f9f9f9; padding: 20px; margin-bottom: 30px; } .product-review li h6 { margin-bottom: 0; text-transform: uppercase; font-size: 13px; } .product-review li .review-date { margin-bottom: 0; } .product-review li .product-rating { color: #add048; margin-bottom: 10px; } .product-review li .product-comment p { margin-bottom: 0; } .form-review .form-control { margin-bottom: 30px; } .shop-product .product-related-title h5 { color: #282828; font-size: 18px; font-weight: 600; line-height: 1; margin-bottom: 16px; position: relative; } .shop-product .product-related .divider--line { margin-right: 0; margin-left: 0; margin-bottom: 20px; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .product-tabs .nav-tabs > li > a { font-size: 12px; padding: 0 15px; } .shop-product .product-cta .btn { margin-bottom: 10px; } } /* Small Devices, Tablets */ /*------------------------------------*\ #CONTACT-PAGE \*------------------------------------*/ .contact-form .notes { color: #a5a5a5; font-family: 'Droid Serif', serif; font-size: 15px; font-style: italic; line-height: 25px; margin-bottom: 25px; } .contact--info h3 { font-size: 16px; font-weight: 600; line-height: 1; margin-bottom: 20px; } .contact--info p { color: #9b9b9b; font-size: 14px; font-weight: 400; line-height: 1; margin-bottom: 6px; } .contact--info p:last-of-type { margin-bottom: 16px; } a.link--styled { color: #add048; font-size: 13px; font-weight: 600; line-height: 1; text-transform: uppercase; position: relative; padding-bottom: 4px; } a.link--styled:after { position: absolute; bottom: 0; left: 0; width: 22px; height: 2px; content: ""; background-color: #add048; } a.link--styled:hover { color: #222222; } a.link--styled:hover::after { background-color: #222222; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .contact--info { margin-bottom: 30px; } } /*------------------------------------*\ #Widgets \*------------------------------------*/ .sidebar { -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); border-radius: 2px; background-color: #ffffff; padding: 50px; } .widget { margin-bottom: 50px; } .widget:last-of-type { margin-bottom: 0; } /* Widget */ .widget .widget--title { position: relative; } .widget .widget--title h5 { color: #222222; font-size: 13px; line-height: 1; text-transform: uppercase; margin-bottom: 10px; } .widget .divider--line { margin-right: 0; margin-left: 0; } /* Category Widget */ .widget-categories ul li a { color: #333333; font-size: 13px; font-weight: 400; line-height: 36px; } .widget-categories ul li a:hover { color: #add048; } .widget-categories ul li a span { margin-left: 5px; color: #add048; } /* Tags Widget */ .widget-tags ul { margin-bottom: 0; margin-left: 0; } .widget-tags ul li { padding-left: 0; padding-right: 0; } .widget-tags a { display: inline-block; border: 1px solid #eeeeee; background-color: rgba(249, 249, 249, 0); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; font-size: 12px; font-weight: 400; line-height: 1; color: #9b9b9b; margin-right: 10px; margin-bottom: 10px; text-transform: capitalize; padding: 10px 12px; } .widget-tags a:hover { background-color: #add048; color: #ffffff; border: 1px solid #add048; } /* Recent Widegt */ .widget-recent-posts .entry { position: relative; margin-bottom: 24px; min-height: 50px; } .widget-recent-posts .entry:last-of-type { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .widget-recent-posts img { position: absolute; left: 0; top: 0; width: 49px; height: 49px; text-align: center; padding: 4px; } .widget-recent-posts .entry .entry-desc { position: relative; margin-left: 65px; } .widget-recent-posts .entry .entry-title { margin-bottom: 5px; } .widget-recent-posts .entry .entry-title a { color: #282828; font-size: 14px; font-weight: 600; line-height: 1; text-transform: capitalize; } .widget-recent-posts .entry .entry-title a:hover { color: #add048; } .widget-recent-posts .entry .entry-desc .entry-meta a { font-family: 'Droid Serif', serif; font-size: 13px; font-weight: 600; line-height: 20px; font-style: italic; color: #616161; } /* Search Widget */ .widget-search .form-search { border: 1px solid rgba(34, 34, 34, 0.07); background-color: rgba(255, 255, 255, 0); } .widget-search .form-search .form-control { border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #9e9e9e; font-size: 13px; font-weight: 400; line-height: 49px; text-transform: capitalize; } .widget-search .form-search .btn { background-color: transparent; color: #add048; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; width: 35px; height: 49px; line-height: 29px; text-align: center; font-size: 14px; margin-left: 0; padding: 0; } /* Best Products */ .widget-best-product .best-product .product-img { width: 70px; height: 70px; text-align: center; padding: 4px; } .widget-best-product .best-product .product-bio { padding-top: 0; } .widget-best-product .best-product .product-bio .product-price { color: #9b9b9b; font-size: 14px; font-weight: 600; line-height: 23px; } .widget-best-product .best-product a { text-transform: uppercase; } /* fiter product */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 0.8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .widget-filter .ui-slider { height: 8px; background-color: #d7d7d7; border-radius: 2px; margin-bottom: 20px; margin-top: 5px; } .widget-filter .ui-slider-handle { /* Style for "Line" */ width: 15px; height: 15px; margin-left: 0; background-color: #272930; border-radius: 1px; } .widget-filter .ui-slider-range { height: 8px; background-color: #add048; margin-bottom: 20px; } .widget-filter p { font-size: 13px; font-weight: 400; line-height: 1; } .widget-filter label { color: #f9f9f9; } .widget-filter input { color: #add048; border: none; background-color: transparent; } .widget-filter .btn { border: 1px solid #f9f9f9; border-radius: 1px 2px 2px 1px; color: #f9f9f9; font-size: 14px; font-weight: 400; line-height: 28px; width: 67px; height: 28px; } .widget-filter .btn:hover { color: #ffffff; background-color: #add048; border-color: #add048; } /* ADS widget */ .ads-widget img { max-width: 100%; height: auto; } /* Recent Product Widegt */ .widget-recent-products .product { position: relative; margin-bottom: 24px; min-height: 70px; } .widget-recent-products .product:last-of-type { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .widget-recent-products .product img { position: absolute; left: 0; top: 0; } .widget-recent-products .product .product-desc { position: relative; margin-left: 85px; } .widget-recent-products .product .product-title { margin-bottom: 5px; } .widget-recent-products .product .product-title a { color: #282828; font-size: 15px; font-weight: 600; line-height: 1; text-transform: capitalize; } .widget-recent-products .product .product-title a:hover { color: #add048; } .widget-recent-products .product .product-desc .product-meta { font-family: 'Droid Serif', serif; font-size: 13px; font-weight: 600; line-height: 20px; } /* Info Widget */ .widget-info { background-color: #add048; padding: 50px 26px; text-align: center; } .widget-info .info--title { color: #ffffff; font-size: 14px; font-weight: 400; line-height: 1; padding-bottom: 13px; margin-bottom: 28px; position: relative; } .widget-info .info--title:after { position: absolute; bottom: 0; left: 50%; margin-left: -20px; width: 40px; height: 2px; background-color: #ffffff; content: ""; } .widget-info .info--content { color: #f9f9f9; font-size: 15px; font-weight: 400; line-height: 23px; margin-bottom: 23px; } /* Widget Instagram */ .widget-instagram a { width: 60px; height: 60px; float: left; display: inline-block; margin: 2px; position: relative; } .widget-instagram a img { max-width: 100%; height: auto; } .widget-instagram .insta-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 3px; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .widget-instagram .insta-hover i { display: block; border-radius: 1px; background-color: rgba(221, 84, 61, 0.95); color: #fefefe; font-size: 14px; font-weight: 400; line-height: 54px; text-align: center; } .widget-instagram a:hover .insta-hover { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* Widget Twitter */ .widget-tweets ul li:before { content: "\f099"; font-family: fontawesome; font-size: 16px; font-weight: 400; line-height: 24px; color: #add048; width: 14px; height: 12px; float: left; margin-right: 10px; } .widget-tweets ul li p.tweet { color: #9b9b9b; font-weight: 600; font-size: 13px; line-height: 22px; margin-bottom: 5px; } .widget-tweets ul li a { color: #add048; font-weight: 400; } .widget-tweets ul li a:hover { color: #add048; } .widget-tweets ul li .timePosted { color: #9b9b9b; font-size: 11px; font-weight: 400; line-height: 20px; } .widget-tweets ul li:last-child .timePosted { margin-bottom: 0; } .widget-tweets ul li .timePosted a { color: #9b9b9b; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .sidebar { margin-bottom: 30px; padding: 30px; } .widget { margin-bottom: 30px; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { .widget-recent .entry .entry-desc { margin-left: 70px; } .sidebar { margin-bottom: 30px; padding: 30px; } } /*------------------------------------*\ #Footer \*------------------------------------*/ .footer { background: rgba(84,184,152,1); background: -moz-linear-gradient(left, rgba(84,184,152,1) 0%, rgba(187,212,59,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(84,184,152,1)), color-stop(100%, rgba(187,212,59,1))); background: -webkit-linear-gradient(left, rgba(84,184,152,1) 0%, rgba(187,212,59,1) 100%); background: -o-linear-gradient(left, rgba(84,184,152,1) 0%, rgba(187,212,59,1) 100%); background: -ms-linear-gradient(left, rgba(84,184,152,1) 0%, rgba(187,212,59,1) 100%); background: linear-gradient(to right, rgba(84,184,152,1) 0%, rgba(187,212,59,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54b898', endColorstr='#bbd43b', GradientType=1 ); padding-top: 0; padding-bottom: 0; } /* Footer Widgets */ .footer-widget { padding-top: 60px; padding-bottom: 5px; } .footer-widget .footer--widget-title h5 { color: #ffffff; font-size: 13px; font-weight: 700; line-height: 1; text-transform: uppercase; margin-bottom: 30px; } .footer-widget .footer--widget-content p { color: #fff; font-size: 13px; font-weight: 400; line-height: 18px; margin-bottom: 16px; } .footer-widget .footer--widget-about ul li { font-size: 12px; font-weight: 400; line-height: 24px; color: #fff; } .footer-widget .footer--widget-about ul li span { color: #fff; } .footer--widget-recent .entry--meta { color: #fff; font-family: 'Droid Serif', serif; font-size: 13px; font-style: italic; line-height: 26px; } .footer--widget-recent .entry--title { margin-bottom: 14px; } .footer--widget-recent .entry--title a { color: #fff; font-size: 14px; font-weight: 600; line-height: 22px; } .footer--widget-recent .entry--title a:hover { color: #add048; } .footer--widget-newsletter form { height: 42px; border-radius: 2px; background-color: rgba(25, 25, 25, 0.6); margin-bottom: 25px; } .footer--widget-newsletter .form-control { background-color: transparent; border: none; color: #fff; font-size: 12px; font-weight: 400; font-style: italic; line-height: 42px; width: 85%; height: 42px; float: left; margin-bottom: 0; } .footer--widget-newsletter button { background-color: transparent; border: none; line-height: 42px; color: #add048; font-size: 11px; font-weight: 400; width: 15%; } .footer--widget-newsletter button i { position: relative; line-height: 41px; overflow: hidden; } .footer--widget-newsletter button i:after { position: absolute; bottom: 0; left: 0; content: ""; width: 11px; height: 2px; background-color: #add048; transform: translateX(-30px); -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .footer--widget-newsletter button:hover i:after { transform: translateX(0); } .footer--widget-newsletter .form-control::-webkit-input-placeholder { color: #fff; } .footer--widget-newsletter .form-control:-moz-placeholder { color: #fff; } .footer--widget-newsletter .form-control::-moz-placeholder { color: #fff; } .footer--widget-newsletter .form-control:-ms-input-placeholder { color: #fff; } .footer--widget-newsletter .social a { color: #646464; font-size: 14px; font-weight: 400; line-height: 28px; margin-right: 24px; } .footer--widget-newsletter .social a:hover { color: #add048; } /* Footer Bar */ .footer--bar { border-top: 1px solid rgba(255, 255, 255, 0.25); padding-top: 40px; padding-bottom: 40px; } .footer--copyright { color: #fff; line-height: 1; font-size: 12px; font-weight: 400; } .footer--links li { padding-left: 0; padding-right: 0; } .footer--links li a { color: #646464; font-size: 12px; font-weight: 400; line-height: 1; text-transform: capitalize; padding: 0 16px; position: relative; } .footer--links li a:hover { color: #add048; } .footer--links li a:after { position: absolute; right: 0; top: 3px; content: ""; height: 12px; width: 2px; background-color: #646464; } .footer--links li:first-child a { padding-left: 0; } .footer--links li:last-child a { padding-right: 0; } .footer--links li:last-child a:after { display: none; } /* Footer #4 */ /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .footer--widget-content { margin-bottom: 30px; } .footer--copyright, .footer-widget .footer--widget-title h5 { margin-bottom: 15px; } .footer--bar { text-align: center; } .pull-right { float: none !important; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-widget { padding-top: 60px; padding-bottom: 10px; } .footer-widget .footer--widget-title h5 { margin-bottom: 15px; } .footer--widget-content { margin-bottom: 40px; } .footer-widget { padding-bottom: 40px; } } /*------------------------------------*\ #404 \*------------------------------------*/ .page-404 { padding-top: 150px; padding-bottom: 150px; } .page-404 h3 { color: #222222; font-size: 240px; font-weight: 300; line-height: 0.75; margin-bottom: 30px; } .page-404 p { color: #a5a5a5; font-size: 15px; font-weight: 400; line-height: 23px; margin-bottom: 20px; } @media only screen and (min-width: 320px) and (max-width: 479px) { .page-404 h3 { font-size: 150px; } .page-404 .btn { width: 125px; } .page-404.fullscreen { height: auto !important; } } /*------------------------------------*\ #SOON \*------------------------------------*/ .soon { padding-top: 140px; padding-bottom: 140px; } .count-down { padding-top: 110px; padding-bottom: 110px; } /* jQuery Countdown styles 2.0.0. */ .countdown-rtl { direction: rtl; } .countdown-section { display: block; float: left; text-align: center; position: relative; height: auto; padding-top: 0; margin-left: 0; width: 20%; } .countdown-section:last-of-type { margin-left: 0; } .countdown-amount { color: #222222; font-size: 80px; font-weight: 600; line-height: 1; margin-bottom: 0; } .countdown-period { display: block; color: #9b9b9b; font-size: 14px; font-weight: 600; line-height: 1; text-transform: uppercase; } /* Extra Small Devices, Phones */ @media only screen and (min-width: 320px) and (max-width: 467px) { .countdown-section { margin-left: 0; margin-bottom: 30px; width: 50%; } } /* Small Devices, Tablets */ @media only screen and (min-width: 468px) and (max-width: 991px) { .countdown-section { margin-left: 10px; width: 18%; } } /* Medium Devices, Desktops */ @media only screen and (min-width: 992px) and (max-width: 1200px) { .countdown-section { margin-left: 10px; width: 23%; } } /*------------------------------------*\ #MAINTENANCE \*------------------------------------*/ .page-maintenance { padding-top: 150px; padding-bottom: 150px; } .page-maintenance h3 { color: #222222; font-size: 90px; font-weight: 300; line-height: 0.75; margin-bottom: 30px; } .page-maintenance p { color: #a5a5a5; font-size: 15px; font-weight: 400; line-height: 23px; margin-bottom: 50px; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .page-maintenance h3 { font-size: 40px; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { .page-maintenance h3 { font-size: 60px; } } /*------------------------------------*\ #Client \*------------------------------------*/ .clients { padding-top: 80px; padding-bottom: 80px; } .client img { max-width: 100%; width: auto !important; } /* Client #1 */ .clients-1 { padding-top: 80px; padding-bottom: 80px; } /* Client #2 */ .clients-2 .row-clients .client { position: relative; height: 135px; margin-bottom: 15px; line-height: 135px; padding: 20px; } .clients-2 .row-clients .client:before { position: absolute; content: ""; right: 0; top: 0; width: 1px; height: 121px; background-color: #f0f0f0; } .clients-2 .row-clients .client:after { position: absolute; content: ""; bottom: 0; left: 14px; width: 90%; height: 1px; background-color: #f0f0f0; } .clients-carousel [class*="col-"] { max-height: 50px; } .clients-2 .row-clients .client:last-child:before { display: none; } .clients-2 .row-clients:last-child .client:after { display: none; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .client img { margin-bottom: 20px; } } /*------------------------------------*\ #Work Process \*------------------------------------*/ .process-panel .process-img { position: relative; margin: 0 auto 48px; width: 130px; height: 130px; border-radius: 50%; } .process-panel .process-img img { width: 130px; height: 130px; border-radius: 50%; } .process-panel .process-img .process-overlay { position: absolute; top: 15px; left: 50%; margin-left: -50px; width: 100px; height: 100px; line-height: 100px; text-align: center; font-size: 40px; color: #ffffff; background-color: rgba(221, 84, 61, 0.95); border-radius: 50%; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .process-panel .process-img .process-overlay.active, .process-panel:hover .process-img .process-overlay { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .process-panel .process-img .process-overlay i { line-height: inherit; } .process-panel .process-content h3 { font-size: 20px; font-weight: 700; line-height: 1; margin-bottom: 12px; text-transform: capitalize; color: #4caf87; } .process-panel .process-content { position: relative; } .process-panel .process-content span { color: #add048; } .process-panel .process-content p { color: #7f7f7f; font-size: 14px; font-weight: 400; line-height: 23px; margin-bottom: 0; padding: 0 30px; } .process-divider { position: absolute; top: 50%; right: -30px; } .process-divider .divider--line .divider:after, .process-divider .divider--line .divider:before { background-color: #9b9b9b; } /* Process #3 */ .process-3 .process-panel .process-img { background-color: #ffffff; border: 2px solid #e8e8e8; margin: 0 auto 48px; } .process-3 .process-panel .process-img .process-overlay { width: 120px; height: 120px; background-color: #add048; top: 3px; margin-left: -60px; line-height: 120px; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 991px) { .process-panel { margin-bottom: 30px; } .process-3 .process-panel .process-img, .process-panel .process-img { margin-bottom: 18px; } } /*------------------------------------*\ #Skills \*------------------------------------*/ .skills .progressbar { margin-bottom: 37px; } .skills .progressbar:last-of-type { margin-bottom: 0; } .skills .progress { height: 6px; background-color: #eeeeee; border-radius: 2px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 0; width: 100%; margin-bottom: 0; } .skills .progress-bar { height: 6px; background-color: #add048; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; width: 0; } .skills .progress-title { display: block; position: relative; width: 100%; margin-bottom: 8px; } .skills .progress-title .title { color: #282828; font-size: 13px; font-weight: 700; line-height: 1; margin-bottom: 10px; text-transform: uppercase; } .skills .progress-title .value { float: right; color: #9b9b9b; font-size: 12px; font-weight: 600; line-height: 28px; text-transform: uppercase; padding-top: 0; } /* Skill #2 */ .skills-2 .progressbar { margin-bottom: 35px; } /*------------------------------------*\ #Video \*------------------------------------*/ .video-button-1 { text-align: center; padding-top: 190px; padding-bottom: 190px; } .video-button-1 .video--content p { color: #f4f4f4; font-family: 'Droid Serif', serif; font-size: 15px; font-weight: 700; font-style: italic; line-height: 1; margin-bottom: 25px; } .video-button-1 .video--content h3 { color: #ffffff; font-size: 55px; font-weight: 700; font-style: italic; line-height: 55px; margin-bottom: 40px; } .video--content .video--player { width: 68px; height: 68px; line-height: 68px; border-radius: 50%; background-color: #222222; color: #f9f9f9; font-size: 48px; text-align: center; margin: 0 auto; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; position: relative; } .video--content .video--player a { color: #ffffff; line-height: 81px; z-index: 2; position: relative; } .video--content .video--player:hover { background-color: #add048; } .video-button-2 { padding-top: 140px; padding-bottom: 140px; } .video-button-2 .video--content { width: 540px; height: 363px; } .video-button-2 .heading { margin-top: -8px; } .video-button-2 p { color: #f4f4f4; font-family: 'Droid Serif', serif; font-size: 15px; font-style: italic; line-height: 24px; margin-bottom: 30px; } .video--content .video--player-bordered { font-size: 32px; border: 2px solid #eeeeee; } .video--content .video--player-bordered:hover { border-color: #add048; } .video--content .video--player-theme { font-size: 32px; border: 2px solid #add048; } .video--content .video--player-bordered a, .video--content .video--player-theme a { line-height: 75px; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .video-button-1 { padding-top: 100px; padding-bottom: 100px; } .video-button-1 .video--content h3 { font-size: 30px; line-height: 35px; } .video-button-2 .video--content { width: 100%; height: 260px; margin-bottom: 20px; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { .video-button-1 { padding-top: 120px; padding-bottom: 120px; } .video-button-1 .video--content h3 { font-size: 40px; line-height: 45px; } .video-button-2 .video--content { width: 100%; } } /*------------------------------------*\ #Newsletter \*------------------------------------*/ .newsletter p { color: #f4f4f4; font-family: 'Droid Serif', serif; font-size: 15px; font-weight: 400; font-style: italic; line-height: 20px; margin-bottom: 26px; } .newsletter h3 { color: #ffffff; font-size: 55px; font-weight: 700; line-height: 54px; margin-bottom: 40px; } .newsletter .form-control { background-color: transparent; width: 370px; border: 2px solid #eeeeee; margin-right: 30px; margin-bottom: 0; } .newsletter .form-control::-webkit-input-placeholder { color: #ffffff; } .newsletter .form-control:-moz-placeholder { color: #ffffff; } .newsletter .form-control::-moz-placeholder { color: #ffffff; } .newsletter .form-control:-ms-input-placeholder { color: #ffffff; } .newsletter .btn:hover { background-color: #ffffff; color: #add048; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .newsletter h3 { font-size: 35px; line-height: 40px; } .newsletter .form-control { width: 100%; margin-bottom: 20px; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { .newsletter h3 { font-size: 39px; line-height: 45px; } } /*------------------------------------*\ #Timeline \*------------------------------------*/ .timeline { position: realtive; } .timeline:before { position: absolute; content: ""; background-color: #cecece; width: 2px; height: 100%; top: -20px; left: 97px; } .timeline:after { position: absolute; content: ""; background-color: #cecece; width: 2px; height: 20px; bottom: 0; left: 97px; } .timeline--item { position: relative; margin-bottom: 65px; } .timeline--item:last-child { margin-bottom: 0; } .timeline--item .timeline--item-date { color: #add048; font-size: 25px; font-weight: 600; line-height: 1; text-transform: uppercase; position: absolute; top: 0; left: 0; } .timeline--item .timeline--item-content { padding-left: 118px; } .timeline--item .timeline--item-content h3 { color: #282828; font-size: 20px; font-weight: 500; line-height: 1; margin-bottom: 10px; position: relative; } .timeline--item .timeline--item-content h3:before { position: absolute; width: 30px; height: 25px; line-height: 25px; top: 0; left: -42px; color: #282828; font-size: 16px; font-weight: 400; background: #ffffff; content: "\f017"; font-family: fontawesome; } .timeline--item .timeline--item-content p { color: #9b9b9b; font-size: 14px; font-weight: 400; line-height: 23px; margin-bottom: 0; } /*------------------------------------*\ #Carousel \*------------------------------------*/ .carousel-dots .owl-controls { margin-top: 50px; } .carousel-dots .owl-controls .owl-dots .owl-dot span { height: 11px; width: 11px; border-radius: 50%; background-color: #333333; border: 2px solid #ffffff; margin: 0 4px; } .carousel-dots .owl-controls .owl-dots .owl-dot.active span { -moz-box-shadow: 0 0 0 2px #333333; -webkit-box-shadow: 0 0 0 2px #333333; box-shadow: 0 0 0 2px #333333; } .carousel-navs .owl-controls .owl-nav { position: relative; } .carousel-navs .owl-controls .owl-nav [class*=owl-] { position: absolute; background-color: transparent; padding: 0; margin: 0; border-radius: 0; color: #999999; font-size: 35px; font-weight: 400; line-height: 28px; top: 50%; margin-top: -197px; } .carousel-navs .owl-controls .owl-nav [class*=owl-]:hover, .carousel-navs .owl-controls .owl-nav.owl-controls .owl-nav [class*=owl-]:focus { background: transparent; color: #add048; } .carousel-navs .owl-controls .owl-nav .owl-prev { left: 0; right: auto; } .carousel-navs .owl-controls .owl-nav .owl-next { right: 0; left: auto; } /**/ .slider-dots .owl-controls { margin-top: 0; } .slider-dots .owl-controls .owl-dots { position: absolute; bottom: 30px; width: 100%; } .slider-dots .owl-controls .owl-dots .owl-dot span { height: 11px; width: 11px; border-radius: 50%; background-color: #ffffff; border: 2px solid rgba(0, 0, 0, 0.6); margin: 0 4px; } .slider-dots .owl-controls .owl-dots .owl-dot.active span { -moz-box-shadow: 0 0 0 2px #333333; -webkit-box-shadow: 0 0 0 2px #333333; box-shadow: 0 0 0 2px #ffffff; } .slider-navs .owl-controls .owl-nav [class*=owl-] { position: absolute; top: 50%; height: 60px; line-height: 60px; margin-top: -30px; color: #ffffff; font-size: 0; font-weight: 400; text-align: center; background-color: transparent; padding: 0; border-radius: 0; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .slider-navs .owl-controls .owl-nav [class*=owl-]:hover { color: #add048; background-color: transparent; } .slider-navs .owl-controls .owl-nav .owl-prev { left: 30px; } .slider-navs .owl-controls .owl-nav .owl-prev:before { font-family: 'Linearicons-Free'; content: "\e875"; font-size: 40px; } .slider-navs .owl-controls .owl-nav .owl-next { right: 30px; } .slider-navs .owl-controls .owl-nav .owl-next:before { font-family: 'Linearicons-Free'; content: "\e876"; font-size: 40px; } .slider-navs .owl-dots { position: absolute; bottom: 20px; width: 100%; } .slider-navs .owl-dots .owl-dot span { background-color: transparent; border: 1px solid #ffffff; } .slider-navs .owl-dots .owl-dot.active span, .slider-navs .owl-dots .owl-dot:hover span { background: #ffffff; } .slider-navs.slider-small .owl-controls .owl-nav .owl-next { right: 0; } .slider-navs.slider-small .owl-controls .owl-nav .owl-prev { left: 0; } .slider-navs.slider-shop .owl-controls .owl-dots .owl-dot span { background-color: #333333; border: 2px solid #ffffff; } .slider-navs.slider-shop .owl-controls .owl-dots .owl-dot.active span { -moz-box-shadow: 0 0 0 2px #333333; -webkit-box-shadow: 0 0 0 2px #333333; box-shadow: 0 0 0 2px #333333; } .slider-theme.slider-navs .owl-controls .owl-nav [class*=owl-]:hover { color: #222222; } .slider-theme.slider-dots .owl-controls .owl-dots .owl-dot span { border-color: #add048; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .carousel-dots .owl-controls { margin-top: 20px; } .slider-navs .owl-controls .owl-nav .owl-prev { left: 0; } .slider-navs .owl-controls .owl-nav .owl-next { right: 0; } .slider-navs .owl-controls .owl-nav .owl-next:before, .slider-navs .owl-controls .owl-nav .owl-prev:before { font-size: 20px; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-navs .owl-controls .owl-nav .owl-next:before, .slider-navs .owl-controls .owl-nav .owl-prev:before { font-size: 30px; } } /*------------------------------------*\ #Divider \*------------------------------------*/ .divider { border: 0; /*height: 1px;*/ margin: 7px auto !important; /*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--line { position: relative; margin: 0 auto 26px; width: 40px; height: 2px; line-height: 1px; } .divider--line-2 { width: 74px; } .divider--line .divider { position: relative; display: inline-block; height: 2px; } .divider--line .divider:after, .divider--line .divider:before { position: absolute; content: ""; height: 1px; width: 9px; background-color: #add048; } .divider--line .divider:before { top: 0; left: 1px; } .divider--line .divider:after { top: 1px; left: 0; } .divider--line .divider--1 { margin-right: 7px; } .divider--line .divider--2 { margin-right: 7px; } .divider--line .divider--3 { margin-right: 7px; } .divider--line .divider--4 { margin-right: 7px; } .divider--line .divider--5 { margin-right: 7px; } .divider--line .divider--6 { margin-right: 7px; } .divider--line .divider--7 { margin-right: 7px; } /*------------------------------------*\ #Banners \*------------------------------------*/ /* Banner #1 */ .banner-panel { padding: 110px 70px; width: 33.33333333%; float: left; } .banner-panel h6 { color: #616161; font-family: "Droid Serif"; font-size: 14px; font-style: italic; line-height: 1; margin-bottom: 13px; font-weight: 700; } .banner-panel h3 { color: #add048; font-size: 23px; font-weight: 600; line-height: 1; margin-bottom: 30px; text-transform: capitalize; } .banner-panel p { color: #7f7f7f; font-size: 14px; font-weight: 400; line-height: 24px; margin-bottom: 26px; } .banner-panel a { color: #add048; font-size: 13px; font-weight: 600; line-height: 1; padding-bottom: 4px; text-transform: uppercase; position: relative; } .banner-panel a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 22px; height: 2px; background-color: #add048; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .banner-panel:hover a:after { width: 100%; } .interactive-white .banner-panel { padding: 0; width: 100%; float: none; } /* Banner #2 */ .banner-2 .feature-panel .feature--content h3, .banner-2 .feature-panel .feature--content p, .banner-2 .feature-panel .feature--icon { color: #ffffff; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .banner-panel { width: 100%; padding: 50px; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-panel { padding: 50px; } .banner-panel h3 { font-size: 18px; } .banner-panel p { font-size: 12px; } } /*------------------------------------*\ #Number Process \*------------------------------------*/ .number-panel { position: relative; } .number-panel .number--img { margin-bottom: 30px; } .number-panel .number--img img { max-width: 100%; height: auto; } .number-panel .number--content h6 { color: #add048; font-family: 'Droid Serif', serif; font-size: 13px; font-style: italic; line-height: 1; margin-bottom: 14px; position: relative; z-index: 2; } .number-panel .number--content h3 { font-size: 18px; font-weight: 600; line-height: 1; color: #282828; margin-bottom: 21px; } .number-panel .number--content p { color: #9b9b9b; font-size: 14px; font-weight: 400; line-height: 24px; margin-bottom: 0; } .number-panel .number--content a { color: #add048; font-size: 13px; font-weight: 600; line-height: 1; padding-bottom: 4px; text-transform: uppercase; position: relative; margin-top: 26px; display: inline-block; } .number-panel .number--content a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 22px; height: 2px; background-color: #add048; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .number-panel:hover .number--content a:after { width: 100%; } .number-panel .num { position: absolute; left: 0; top: -32px; color: #efefef; font-size: 65px; font-weight: 600; line-height: 1; } /* Number #1 */ .number-1 .number-panel .number--content h3 span { color: #add048; position: relative; padding-bottom: 3px; } .number-1 .number-panel .number--content h3 span:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #add048; } /* Number #2 */ .number-2 .number-panel .number--content h3 { margin-bottom: 15px; } /* Number #3 */ .number-3 .number-panel .num { left: auto; right: 0; top: -5px; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .number-panel { margin-bottom: 30px; } } /*------------------------------------*\ #Pie Charts \*------------------------------------*/ .pie-chart .rounded-skill .prcentage { width: 144px; height: 144px; line-height: 144px; position: absolute; text-align: center; border-radius: 50%; border: 3px solid #ebebeb; margin: 11px; display: inline-block; } .pie-chart .rounded-skill span { color: #add048; font-weight: 600; line-height: inherit; text-transform: uppercase; } .pie-chart .rounded-skill .prcent { font-size: 43px; } .pie-chart .rounded-skill .symbol { font-size: 23px; } .pie-chart .skill-name h6 { color: #222222; font-size: 16px; font-weight: 700; line-height: 1; margin-top: 40px; margin-bottom: 0; } .pie-chart .rounded-skill .rounded--icon { width: 144px; height: 144px; line-height: 144px; position: absolute; text-align: center; border-radius: 50%; border: 3px solid #ebebeb; margin: 11px; display: inline-block; color: #add048; font-size: 40px; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 991px) { .pie-chart .skill { margin-bottom: 30px; } } /*------------------------------------*\ #Side Nav \*------------------------------------*/ /* Header Fixed Left */ .header-fixed-side { width: 270px; position: fixed; border-radius: 0; height: 100%; left: 0; top: 0; background-color: #ffffff; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; } .header-fixed-side .header--panel { width: 100%; height: 100%; } .header-fixed-side .navbar-header { float: none; } .header-fixed-side .header--panel-logo { width: 100%; display: block; text-align: center; padding: 30px 30px 30px 0; margin-bottom: 80px; } .header-fixed-side .header--panel .navbar-nav { margin-bottom: 0; padding: 30px; margin: 0; float: none; } .header-fixed-side .header--panel .navbar-nav > li { margin-right: 0; float: none; text-align: center; } .header-fixed-side .navbar-nav a { font-size: 13px; font-weight: 700; line-height: 1; text-transform: uppercase; color: #333333; margin-bottom: 25px; position: relative; } .header-fixed-side .header--panel .navbar-nav li:last-child a { margin-bottom: 0; } .header-fixed-side .header--panel .navbar-nav a:hover { color: #add048; } .header--panel-footer { position: absolute; bottom: 30px; width: 100%; } .header-fixed-side .header--panel .header--panel-social { margin-bottom: 11px; } .header-fixed-side .header--panel .header--panel-social a { line-height: 24px; font-size: 14px; font-weight: 400; color: #646464; text-align: center; display: inline-block; margin-right: 24px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .header-fixed-side .header--panel .header--panel-social a:last-of-type { margin-right: 0; } .header-fixed-side .header--panel .header--panel-social a.share-facebook:hover { color: #3B5998; } .header-fixed-side .header--panel .header--panel-social a.share-twitter:hover { color: #00ACEE; } .header-fixed-side .header--panel .header--panel-social a.share-instagram:hover { color: #9b6954; } .header-fixed-side .header--panel .header--panel-social a.share-linkedin:hover { color: #0E76A8; } .header-fixed-side .header--panel .header--panel-copyright { text-align: center; font-size: 12px; font-weight: 400; color: #818181; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 991px) { .header-fixed-side { width: 100%; position: relative; } .side-header .wrapper { margin: 0 !important; } .header-fixed-side .header--panel-logo { padding: 0 0 0 15px; margin-bottom: 0; float: left; width: auto; } .header--panel-footer { display: none; } .header-fixed-side .container > .navbar-collapse { margin-left: 0; background-color: #ffffff; border-top: 1px solid #f7f7f7; } .header-fixed-side .header--panel .header--panel-social a { color: #646464; } .header-fixed-side .navbar-nav a { color: #333333 !important; } .header-fixed-side .header--panel .navbar-nav a:hover { color: #add048 !important; } } @media only screen and (min-width: 991px) and (max-width: 1300px) { .header-fixed-side .header--panel-logo { margin-bottom: 20px; } } /*------------------------------------*\ #Landing Page / Promo Page \*------------------------------------*/ .landing-hero { height: 100vh; padding-top: 200px; } .landing-hero h1 { font-size: 65px; font-weight: 700; line-height: 70px; } .landing-hero p { font-family: 'Droid Serif', serif; color: #f9f9f9; font-size: 18px; font-style: italic; line-height: 27px; } .landing-demos .portfolio-filter li a { font-weight: 600; } .landing-demos .portfolio-item { margin-bottom: 50px; } .landing-demos .portfolio-title h4 { color: #282828; text-align: center; font-size: 16px; font-weight: 600; text-transform: capitalize; margin-bottom: 0; } .landing-demos .portfolio-title:hover h4 { color: #add048; } .landing-demos .portfolio-img { -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); box-shadow: 0 0 36px 4px rgba(0, 0, 0, 0.1); background-color: #c0c0c0; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .landing-demos .portfolio-img img { max-width: 100%; height: auto; } .landing-demos .portfolio-item:hover .portfolio-img { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); } .landing-demos .portfolio-item:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .landing-demos .portfolio-bio { padding-top: 23px; } .landing-action { padding-top: 200px; } .landing-action img { margin-bottom: 50px; } .landing-action h2 { font-size: 50px; line-height: 60px; margin-bottom: 50px; } .landing-featues { padding-bottom: 50px; } .landing-featues .feature-box { margin-bottom: 50px; } /*------------------------------------*\ #BOXED LAYOUT \*------------------------------------*/ .page-boxed { background: url(../images/background/patterns/wood-dark.jpg); } @media only screen and (min-width: 1200px) { .page-boxed .wrapper { width: 1170px; margin: auto; -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); } .page-boxed .wrapper .container { padding-right: 30px; padding-left: 30px; } } @media only screen and (max-width: 1200px) { .page-boxed .wrapper { width: auto; margin: auto; overflow-x: hidden; } } .page-boxed .header-fixed .affix { background-color: transparent; } .page-boxed .header-fixed .affix .container { background-color: #ffffff; } .page-boxed .col-content { padding: 90px; } /* To active Boxed Layout */ /*------------------------------------*\ #Layout Bordered \*------------------------------------*/ .body-bordered .bordered--line { position: fixed; display: block; background: #ffffff; z-index: 999999; } .body-bordered .bordered--line-top, .body-bordered .bordered--line-bottom { height: 20px; left: 0; right: 0; } .body-bordered .bordered--line-right, .body-bordered .bordered--line-left { width: 20px; top: 0; bottom: 0; } .body-bordered .bordered--line-top { top: 0; } .body-bordered .bordered--line-bottom { bottom: 0; } .body-bordered .bordered--line-right { right: 0; } .body-bordered .bordered--line-left { left: 0; } .body-bordered .navbar-fixed-top { top: 20px; } .body-bordered .navbar-fixed-top.affix { top: 0; } /* To active bordered Version */ /*------------------------------------*\ #Layout Split \*------------------------------------*/ .testimonial-split .testimonial-1 .testimonial-panel .testimonial--body { padding: 0; } .testimonial-split .owl-theme .owl-controls { display: none; } .nav-split { position: fixed; top: 50%; right: 30px; z-index: 9999; margin-bottom: 0; list-style: none; } .nav-split li a { width: 9px; height: 9px; background-color: #333333; border: 2px solid transparent; font-size: 0; border-radius: 50%; display: block; margin-bottom: 13px; } .nav-split li a:hover, .nav-split li.active a { -moz-box-shadow: 0 0 0 2px #333333; -webkit-box-shadow: 0 0 0 2px #333333; box-shadow: 0 0 0 2px #333333; border-color: #ffffff; } .nav-split li.split-even a { background-color: #ffffff; } .nav-split li.split-even a:hover, .nav-split li.split-even.active a { -moz-box-shadow: 0 0 0 2px #ffffff; -webkit-box-shadow: 0 0 0 2px #ffffff; box-shadow: 0 0 0 2px #ffffff; border-color: #333333; } /* Ironslider Form */ .ironslider.control-label { color: #fff; text-align: left; font-size: 18px; font-weight: 700; } /* Custom Css*/ #page-title p { color: #fff; font-size: 14px; } #page-title ul { margin-top: 10px; } #page-title li { color: #fff; font-size: 14px; } #page-title ul.icon-list li i { font-size: 15px; font-weight: 400; line-height: 30px; margin-right: 10px; color: #fff; } .btn-lg { font-size: 20px; font-weight: 700; } #heading2 a { color: #fff; } #heading2 a:hover { text-decoration: underline; } .navbar-fixed-top { background: #036271; } .footer a { color: #fff; font-size: 16px; } .footer a:hover { text-decoration: underline; } .footer ul.icon-list li i { font-size: 15px; font-weight: 400; line-height: 30px; margin-right: 10px; color: #fff; } .footer p { color: #fff; } p.warning { font-weight: bold; font-size: 16px; /*line-height: 1.6px;*/ } p.bigger { font-weight: normal; font-size: 16px; text-transform: uppercase; } #heading1 { padding-top: 30px; } /* cookie policy banner*/ #okCookie { background-color: #add048; 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 5px 0; float: left; padding: 5px 0px; text-align: center; color: #000000 !important; font-weight: 600; } #okCookie #okClose, #okCookie #okCprivacy { padding: 3px 20px; float: right; margin-left: 10px; text-decoration: none; border-radius: 3px; color: white; } #okCookie #okClose { background-color: #1abc9c; text-shadow: 0px 1px 1px #59692c; box-shadow: inset 0px -1px 1px #c4de7b; } #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; } } .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; } .loan-type:hover { box-shadow: 0px 12px 17px -7px rgba(0, 0, 0, 0.3); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transition: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .loan-type { -webkit-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease; -moz-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease; -o-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease; -ms-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease; transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease; } ::-webkit-input-placeholder { color: transparent; opacity: 1; } ::-moz-placeholder { color: transparent; opacity: 1; } :-ms-input-placeholder { color: transparent; opacity: 1; } :-moz-placeholder { color: transparent; opacity: 1; } .float-field { position: relative; display: inline-block; width: 100%; min-height: 2em; padding: 1em 0 0.5em; } .float-field:after { content: ''; position: absolute; width: 100%; height: 1px; bottom: 0.5em; background: #C4C7CC; transition: all linear 0.2s; z-index: 3; } .float-field:hover:after { background: #6C7380; } .float-field.on:after { background: #FFBB00; box-shadow: 0 1px 0 #FFBB00; } .float-field.disabled:after { background: transparent; border-bottom: 1px dotted #A4A9B3; } .float-field.float-select:before { content: ''; position: absolute; right: 0; bottom: 1.334em; border-top: 0.334em solid #8A8F99; border-left: 0.334em solid transparent; border-right: 0.334em solid transparent; } .float-field.on.float-select:before { border-top-color: #FFBB00; } .float-field input, .float-field select, .float-field textarea { font-family: inherit; position: relative; display: block; width: 100%; height: 1.778em; line-height: 1.778em; margin: 0; padding: 0; font-size: 1.125em; color: #0F2133; border: none; background: transparent; z-index: 2; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .float-field input:required, .float-field input:invalid, .float-field select:required, .float-field select:invalid, .float-field textarea:required, .float-field textarea:invalid { border: none; outline: none; box-shadow: none; } .float-field input:disabled, .float-field select:disabled, .float-field textarea:disabled { opacity: 1; color: #A4A9B3; font-weight: 400; cursor: not-allowed; } .float-field input:focus, .float-field select:focus, .float-field textarea:focus { outline: none; } .float-field textarea { height: inherit; min-height: 1.778em; overflow: hidden; resize: none; } .float-field .float-label { position: absolute; top: 1em; width: 100%; height: 1.778em; margin-top: 2px; font-size: 1.125em; font-weight: 300; color: #8A8F99; -webkit-transform: translate(0, 0); transform: translate(0, 0); transition: all linear 0.2s; z-index: 1; } .float-field.active .float-label { font-size: 1.125em; font-weight: 400; -webkit-transform: translate(0, -1em); transform: translate(0, -1em); } .float-field.active.on .float-label { color: #F2A600; } @-webkit-keyframes slide-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes slide-down { 0% { opacity: 0; -moz-transform: translateY(-100%); } 100% { opacity: 1; -moz-transform: translateY(0); } } .input-group { margin-bottom: 35px; position: relative; } .input { display: block; width: 100%; height: 30px; border: 0; border-bottom: 2px solid #ddd; padding: 1.6em; box-sizing: border-box; outline: none; color: #78909c; transition: all 0.2s ease-in; } .numberLabel { left: 39px; } .input-group input:focus + .numberLabel, .input-group input.has-value + .numberLabel { top: -10px; font-size: xx-small; } #MortgageRent, #HomeValue, #Balance { background: url(/Images/gbp-blue.svg) left center no-repeat; padding-left: 40px; } #MortgageRent, #HomeValue, #Balance { padding-left: 40px; } .tuna-steps .step { padding-left: 60px; width: 95%; position: absolute; opacity: 0; visibility: hidden; transition: .5s; -webkit-transform: translateY(30px); transform: translateY(30px); } .step.step-active { transform: none; visibility: visible; opacity: 1; } .step-hide { -webkit-transform: translateY(-50px) !important; transform: translateY(-50px) !important; } .steps-count, .button-container { padding-right: 15px; } section#process3 { background-color: #f9f9f9; } .heading.heading-2.text--center.mb-50 { margin-left: 170%; width: 200%; } @media only screen and (min-width: 1024px) and (orientation: portrait) { .heading.heading-2.text--center.mb-50 { margin-left: 116%; width: 200%; } } @media (max-width:990px) and (min-width:500px) { .heading.heading-2.text--center.mb-50 { margin-left: 0%; width: 200%; } } .icon-list:before { content: ""; } /* 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; } 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 !important; } 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%); } }