/* Minification failed. Returning unminified contents.
(8965,1): run-time error CSS1019: Unexpected token, found '@charset'
(8965,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(8965,17): run-time error CSS1019: Unexpected token, found ';'
(8993,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9010,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9035,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9045,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9046,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9062,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9063,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9079,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9104,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9121,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9146,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(9173,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(9213,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9240,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9279,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9316,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9365,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9389,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9422,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9446,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9479,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9480,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9503,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9504,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9536,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9560,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9593,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9594,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9617,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9618,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9650,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9674,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9675,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9707,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9726,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9727,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9753,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9754,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9772,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9799,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9800,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9818,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9819,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9845,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9846,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9864,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9891,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9901,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9916,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9930,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9951,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9952,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9965,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9986,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9987,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10000,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10021,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10035,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10056,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10057,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10070,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10091,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10105,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10126,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10140,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10161,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10175,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10196,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10206,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10221,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10235,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10256,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10270,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10291,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10305,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10326,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10340,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10361,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10375,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10396,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10410,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10431,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10445,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10466,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10480,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10481,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10501,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10502,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10538,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10588,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10589,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10612,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10613,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10648,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10672,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10708,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10722,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10723,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10746,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10760,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10784,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10785,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10810,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10847,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10848,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10861,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10884,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10902,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10903,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10929,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10930,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10947,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10948,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10974,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10975,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10992,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11019,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11037,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11064,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11065,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11082,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11109,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11127,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11154,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11172,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11199,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11217,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11244,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11262,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11289,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11307,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11334,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11347,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11367,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11380,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11400,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11413,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11433,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11446,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11466,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11479,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11480,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11499,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11500,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11512,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11513,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11532,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11533,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11577,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11638,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11652,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11675,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11676,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11689,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12239,1337): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12239,1364): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12239,1485): run-time error CSS1019: Unexpected token, found '@keyframes'
(12239,1504): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12536,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12537,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12539,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12540,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12542,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12543,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12545,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12546,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12549,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12550,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12553,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12554,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12557,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12558,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12561,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12562,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12565,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12566,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12569,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12570,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%'
(12574,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12575,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%'
(12579,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12580,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%'
(12584,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12585,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12589,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12590,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12594,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12595,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12599,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12600,6): run-time error CSS1035: Expected colon, found '{'
(12602,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12603,6): run-time error CSS1035: Expected colon, found '{'
(12605,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12606,6): run-time error CSS1035: Expected colon, found '{'
(12608,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12609,8): run-time error CSS1035: Expected colon, found '{'
(12611,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12612,8): run-time error CSS1035: Expected colon, found '{'
(12614,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12615,8): run-time error CSS1035: Expected colon, found '{'
(12618,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12619,8): run-time error CSS1035: Expected colon, found '{'
(12621,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12622,8): run-time error CSS1035: Expected colon, found '{'
(12624,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12625,8): run-time error CSS1035: Expected colon, found '{'
(12628,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12629,6): run-time error CSS1035: Expected colon, found '{'
(12631,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12632,6): run-time error CSS1035: Expected colon, found '{'
(12634,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12635,6): run-time error CSS1035: Expected colon, found '{'
 */
/*! jQuery UI - v1.9.1 - 2012-10-29
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css
*
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-datepicker { width: 17em; padding: 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.5em 0; border-bottom: 1px solid #eee; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 5px; border-radius: 3px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 3.3em; line-height: 1.8em; text-align: center; font-weight: bolder; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; width: 2em; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { margin: .7em 0 0 0; padding:0 .2em; background: #f5f5f5; border-top: 1px solid #ddd;}
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; background:#fff; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/* Component containers
----------------------------------*/
.ui-widget-content { border: 1px solid #ddd; /*background: #fff;*/ color: #333; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #fff; color: #333; border-radius: 3px; }
.ui-datepicker-today .ui-state-default { background: #fcf8e3; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #eee; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #08c; color: #fff; }
.ui-datepicker-header .ui-state-hover { background: #fff; }

/* Interaction Cues
----------------------------------*/
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .55; filter:Alpha(Opacity=55); }
.ui-state-disabled .ui-state-default { font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .15; filter:Alpha(Opacity=15); }
/*
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce and Blog Theme.
 * Version: 1.7
 * Author: @htmlstream
 * Website: http://htmlstream.com
*/

/*Import Global Compulsory CSS Files*/
/*@import url(/Content/Css/app.css);
@import url(/Content/Css/shop.plugins.css);
@import url(/Content/Css/shop.blocks.css);*/

/*Import CSS Plugins*/
/*@import url(/Content/Css/style-switcher.css);*/

@font-face {
    font-family: "yekan";
    src: url(/Content/Fonts/Yekan.eot);
    src: url(/Content/Fonts/Yekan.eot?#iefix) format("embedded-opentype"), url(/Content/Fonts/Yekan.woff) format("woff"), url(/Content/Fonts/Yekan.ttf) format("truetype"), url(/Content/Fonts/Yekan.svg#BYekan) format("svg");
    font-weight: normal;
    font-style: normal;
}

body {
    /*font-size: 16px;*/
}

* {
    font-family: 'yekan';
}

h1, h2, h3, h4, h5, h6 {
    color: #687074;
}

p {
    color: #888;
    font-size: 16px;
}

a {
    color: #18ba9b;
    text-decoration: none;
}

    a:hover {
        color: #18ba9b;
        text-decoration: underline;
    }

ul.list-inline {
    margin-left: 0;
    /*direction: ltr;
        padding: 0;*/
}

li:first-child {
    padding-right: 0;
}

#tree li {
    list-style: none;
}



.comment-like {
    padding-left: 15px;
    float: right;
}

.comment-dis-like {
    float: right;
}

.comment-like i {
    color: #8bdccd;
    font-size: 16px;
}

    .comment-like i:hover {
        color: #22B39F;
    }

.comment-dis-like i {
    color: #E74C3C;
    font-size: 16px;
}

    .comment-dis-like i:hover {
        color: #c9253c;
    }

div.comment-like-result {
    display: none;
    float: left;
    width: 250px;
    margin-right: 10px;
}

div.alert {
    padding: 2px 3px 2px 3px;
    /*margin-bottom: 0;*/
}

/*Boxed Layout
------------------------------------*/
.wrapper {
    background: #fff;
}

.boxed-layout {
    padding: 0;
    box-shadow: 0 0 5px #ccc;
    margin-left: auto !important;
    margin-right: auto !important;
    background: url(../img/patterns/15.png) repeat;
}

/*Heading
------------------------------------*/
.heading h2 {
    color: #687074;
    font-size: 24px;
    text-transform: uppercase;
}

    .heading h2:before,
    .heading h2:after {
        width: 100%;
    }

@media (max-width: 991px) {
    .heading h2:before,
    .heading h2:after {
        width: 65%;
    }
}

@media (max-width: 768px) {
    .heading h2:before,
    .heading h2:after {
        width: 35%;
    }
}

@media (max-width: 600px) {
    .heading h2 {
        font-size: 19px;
    }

        .heading h2:before,
        .heading h2:after {
            width: 15%;
        }
}

/*Illustration v1
------------------------------------*/
/*Illustration v1*/
.illustration-v1 {
    display: block;
    overflow: hidden;
    min-height: 170px;
    position: relative;
    background-size: cover;
    background-position: center center;
}

    .illustration-v1:before {
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        content: " ";
        position: absolute;
        background: rgba(42,42,42,0.3);
    }

    .illustration-v1:hover {
        text-decoration: none;
    }

    .illustration-v1 .illustration-bg {
        width: 100%;
        display: table;
        min-height: 170px;
        background-clip: padding-box;
    }

    .illustration-v1 .illustration-ads {
        width: 100%;
        height: 170px;
        overflow: hidden;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        padding: 15px 20px 20px;
        background-clip: padding-box;
    }

    /*Illustration Advertaisemnt Details v1*/
    .illustration-v1.illustration-img1 {
        width: 100%;
        overflow: hidden;
        background-image: url(../img/blog/07.jpg);
        transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
    }

        .illustration-v1.illustration-img1:hover {
            -transform: scale(1.05);
            -o-transform: scale(1.05);
            -moz-transform: scale(1.05);
            -webkit-transform: scale(1.05);
        }

    .illustration-v1 .ad-details-v1 h3 {
        color: #fff;
        font-size: 30px;
        line-height: 30px;
        position: relative;
        margin-bottom: 35px;
        font-weight: normal;
    }

        .illustration-v1 .ad-details-v1 h3:after {
            left: 50%;
            z-index: 1;
            width: 30px;
            height: 3px;
            content: " ";
            bottom: -17px;
            background: #fff;
            margin-left: -15px;
            position: absolute;
        }

    .illustration-v1 .ad-details-v1 .btn-brd {
        font-weight: 400;
        border-width: 2px;
    }

        .illustration-v1 .ad-details-v1 .btn-brd:hover {
            border-width: 2px;
        }

    .illustration-v1 .ad-details-v1 .btn-u {
        padding: 5px 30px;
    }

    /*Illustration Advertaisemnt Details v2*/
    .illustration-v1.illustration-img2 {
        width: 100%;
        overflow: hidden;
        background-image: url(../img/blog/08.jpg);
        transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
    }

        .illustration-v1.illustration-img2:hover {
            -transform: scale(1.05);
            -o-transform: scale(1.05);
            -moz-transform: scale(1.05);
            -webkit-transform: scale(1.05);
        }

    .illustration-v1 .ad-details-v2 span.item-time {
        color: #fff;
        padding: 0 10px;
        font-size: 18px;
        font-weight: 400;
        position: relative;
        display: inline-block;
        text-transform: uppercase;
    }

        .illustration-v1 .ad-details-v2 span.item-time:before,
        .illustration-v1 .ad-details-v2 span.item-time:after {
            top: 15px;
            width: 40%;
            height: 2px;
            content: " ";
            background: #fff;
            position: absolute;
        }

        .illustration-v1 .ad-details-v2 span.item-time:before {
            left: 100%;
        }

        .illustration-v1 .ad-details-v2 span.item-time:after {
            right: 100%;
        }

    .illustration-v1 .ad-details-v2 span.item-name {
        color: #fff;
        display: block;
        font-size: 60px;
        line-height: 60px;
        position: relative;
        font-weight: normal;
        text-transform: uppercase;
    }

/*Illustration v2
------------------------------------*/
/*Owl Navigation*/
.illustration-v2 .customNavigation {
    text-align: center;
}

    .illustration-v2 .customNavigation a.owl-btn {
        color: #ccc;
        width: 30px;
        height: 30px;
        font-size: 17px;
        cursor: pointer;
        line-height: 30px;
        text-align: center;
        display: inline-block;
        border: 2px solid #ddd;
    }

        .illustration-v2 .customNavigation a.owl-btn:hover {
            color: #555;
            border-color: #777;
            -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;
        }

        .illustration-v2 .customNavigation a.owl-btn.prev i {
            margin-left: -2px;
        }

        .illustration-v2 .customNavigation a.owl-btn.next i {
            margin-right: -2px;
        }

/*illustration-v2*/
.illustration-v2 .item {
    margin: 0 10px;
    padding-bottom: 5px;
}

.illustration-v2 .product-img {
    position: relative;
}

.illustration-v2 .product-img-brd {
    box-shadow: 0 0 3px #ccc;
}

.illustration-v2 a.product-review {
    opacity: 0.8;
    left: 0;
    bottom: 0;
    color: #fff;
    width: 100%;
    padding: 5px 0;
    font-size: 12px;
    text-align: center;
    position: absolute;
    text-transform: uppercase;
    background: rgb(19, 16, 16);
}

/*Add to Cart*/
.illustration-v2 .add-to-cart {
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
    width: 100%;
    color: #555;
    border: none;
    padding: 10px 0;
    font-size: 20px;
    margin-top: -20px;
    text-align: center;
    position: absolute;
    visibility: hidden;
    text-transform: uppercase;
    background: rgba(255,255,255,0.8);
}

    .illustration-v2 .add-to-cart i {
        line-height: 15px;
        margin-right: 12px;
        padding-right: 12px;
        border-right: 1px solid #555;
    }

    .illustration-v2 .add-to-cart:hover {
        color: #fff;
        text-decoration: none;
        background: rgba(24,171,155,0.5);
        -webkit-transition: background-color 0.2s ease-in-out;
        -moz-transition: background-color 0.2s ease-in-out;
        -o-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out;
    }

        .illustration-v2 .add-to-cart:hover i {
            color: #fff;
            border-color: #fff;
        }

.illustration-v2 .product-img:hover .add-to-cart {
    visibility: visible;
}

.illustration-v8 .customNavigation {
    text-align: center;
}

    .illustration-v8 .customNavigation a.owl-btn {
        color: #ccc;
        width: 30px;
        height: 30px;
        font-size: 17px;
        cursor: pointer;
        line-height: 24px;
        text-align: center;
        display: inline-block;
        border: 2px solid #ddd;
    }

        .illustration-v8 .customNavigation a.owl-btn:hover {
            color: #555;
            border-color: #777;
            -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;
        }

        .illustration-v8 .customNavigation a.owl-btn.prev i {
            margin-left: -2px;
        }

        .illustration-v8 .customNavigation a.owl-btn.next i {
            margin-right: -2px;
        }

/*illustration-v2*/
.illustration-v8 .item {
    margin: 0 10px;
    padding-bottom: 5px;
}

.illustration-v8 .product-img {
    position: relative;
}

.illustration-v8 .product-img-brd {
    box-shadow: 0 0 3px #ccc;
}

.illustration-v8 a.product-review {
    opacity: 0.8;
    left: 0;
    bottom: 0;
    color: #fff;
    width: 100%;
    padding: 5px 0;
    font-size: 14px;
    text-align: center;
    position: absolute;
    text-transform: uppercase;
    background: rgb(19, 16, 16);
}

/*Add to Cart*/
.illustration-v8 .add-to-cart {
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
    width: 100%;
    color: #555;
    border: none;
    padding: 10px 0;
    font-size: 20px;
    margin-top: -20px;
    text-align: center;
    position: absolute;
    visibility: hidden;
    text-transform: uppercase;
    background: rgba(255,255,255,0.8);
}

    .illustration-v8 .add-to-cart i {
        line-height: 15px;
        margin-right: 12px;
        padding-right: 12px;
        border-right: 1px solid #555;
    }

    .illustration-v8 .add-to-cart:hover {
        color: #fff;
        text-decoration: none;
        background: rgba(24,171,155,0.5);
        -webkit-transition: background-color 0.2s ease-in-out;
        -moz-transition: background-color 0.2s ease-in-out;
        -o-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out;
    }

        .illustration-v8 .add-to-cart:hover i {
            color: #fff;
            border-color: #fff;
        }

.illustration-v8 .product-img:hover .add-to-cart {
    visibility: visible;
}

/*List Product Description*/
.list-product-description {
    padding: 20px 10px;
}

    .list-product-description img {
        padding-left: 15px;
        border-left: 1px solid #dedede;
    }

@media (max-width: 768px) {
    .list-product-description img {
        padding-right: 0;
        border-left: none;
    }
}

/*Product Description*/

/*.col-sm-4 {
    float:right;
}*/

.product-description {
    padding: 10px;
    overflow: hidden;
}

.product-description-brd {
    box-shadow: 0 0 2px #ccc;
}

.product-description .title-price {
    color: #687074;
    font-size: 18px;
    direction: rtl;
}

.product-description h4.title-price {
    margin: 2px 0 0;
}

    .product-description h4.title-price a {
        color: #687074;
    }

        .product-description h4.title-price a:hover {
            color: #18ba9b;
        }

.product-description .product-price {
    text-align: right;
    padding-left: 10px;
}

    .product-description .product-price span {
        display: block;
    }

.product-description .line-through {
    color: #c9253c;
    text-decoration: line-through;
}

.product-description .gender {
    color: #999;
    display: block;
    font-size: 14px;
}

.product-description .product-ratings {
    overflow: hidden;
}

/*Product Description v2*/
.product-description-v2 .title-price {
    color: #687074;
    font-size: 18px;
    direction: rtl;
}

.product-description-v2 span.title-price {
    margin-right: 15px;
}

.product-description-v2 .title-price a {
    color: #687074;
}

.product-description-v2 h4.title-price a:hover {
    color: #18ba9b;
}

.product-description-v2 .title-price.line-through {
    color: #c9253c;
    text-decoration: line-through;
}

/*Rating*/
.product-ratings li {
    padding: 0;
}

    .product-ratings li .rating {
        color: #8bdccd;
        font-size: 14px;
    }

    .product-ratings li .rating-selected {
        color: #18ba9b;
        font-size: 14px;
    }

    /*Like Icon*/
    .product-ratings li.like-icon {
        float: right;
    }

        .product-ratings li.like-icon a {
            color: #8bdccd;
        }

        .product-ratings li.like-icon .tooltip {
            font-size: 12px;
            font-weight: 400;
            text-transform: uppercase;
        }

        .product-ratings li.like-icon a:hover {
            color: #18ba9b;
            text-decoration: none;
        }

    /*Reply*/
    .product-ratings li.reply a {
        color: #18ba9b;
    }

/*Illustration v3
------------------------------------*/
/*Illustration v3*/
.illustration-v3 {
    display: block;
    overflow: hidden;
    min-height: 400px;
    position: relative;
    background-size: cover;
    background-position: center center;
}

    .illustration-v3:before {
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        content: " ";
        position: absolute;
        background: rgba(42,42,42,0.3);
    }

    .illustration-v3:hover {
        text-decoration: none;
    }

    .illustration-v3 .illustration-bg {
        width: 100%;
        display: table;
        min-height: 400px;
        background-clip: padding-box;
    }

    .illustration-v3 .illustration-ads {
        width: 100%;
        height: 400px;
        overflow: hidden;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        padding: 15px 20px 20px;
        background-clip: padding-box;
    }

    /*Illustration Images*/
    .illustration-v3.illustration-img1,
    .illustration-v3.illustration-img2,
    .illustration-v3.illustration-img3 {
        transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
    }

    .illustration-v3.illustration-img1 {
        background-image: url(../img/blog/13.jpg);
    }

    .illustration-v3.illustration-img2 {
        background-image: url(../img/blog/14.jpg);
    }

    .illustration-v3.illustration-img3 {
        background-image: url(../img/blog/15.jpg);
    }

        .illustration-v3.illustration-img1:hover,
        .illustration-v3.illustration-img2:hover,
        .illustration-v3.illustration-img3:hover {
            -transform: scale(1.05);
            -o-transform: scale(1.05);
            -moz-transform: scale(1.05);
            -webkit-transform: scale(1.05);
        }

    .illustration-v3 .illustration-v3-category {
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
        display: block;
        position: relative;
        border-top: 5px solid rgba(255,255,255,0.5);
        border-bottom: 5px solid rgba(255,255,255,0.5);
    }

    .illustration-v3 span.product-category {
        color: #fff;
        display: block;
        font-size: 35px;
        font-weight: 600;
        line-height: 50px;
        letter-spacing: 12px;
        text-transform: uppercase;
    }

    .illustration-v3 span.product-amount {
        color: #ddd;
        font-size: 24px;
    }

/*Twitter Block
------------------------------------*/
.twitter-block {
    padding: 25px 0 75px;
    background: url(../img/twitter-bg.jpg) repeat;
}

    /*Heading*/
    .twitter-block .heading h2 {
        color: #fff;
        font-size: 24px;
    }

        .twitter-block .heading h2:before,
        .twitter-block .heading h2:after {
            border-color: #777;
        }

    /*Carousel*/
    .twitter-block .item {
        padding: 0 150px;
        text-align: center;
    }

@media (max-width: 991px) {
    .twitter-block .item {
        padding: 0 100px;
    }
}

.twitter-block .item p {
    color: #fff;
    font-size: 18px;
}

@media (max-width: 768px) {
    .twitter-block .item p {
        font-size: 14px;
        font-weight: 200;
    }
}

.twitter-block .item a {
    color: #18ba9b;
}

.twitter-block .twitter-icons i {
    font-size: 18px;
}

    .twitter-block .twitter-icons i:hover {
        color: #fff;
    }

.twitter-block .carousel-control {
    top: 50%;
    color: #fff;
    font-size: 40px;
    margin-top: -30px;
}

    .twitter-block .carousel-control.left {
        left: -10px;
    }

    .twitter-block .carousel-control.right {
        right: -10px;
    }

.twitter-block .carousel-indicators {
    bottom: -50px;
}

/*Product Service
------------------------------------*/
.product-service .product-service-heading {
    padding: 10px 25px 10px 0;
    text-align: center;
    background: #18ba9b;
}

.product-service:hover .product-service-heading {
    background: #8bdccd;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product-service .product-service-heading i {
    color: #fff;
    font-size: 40px;
}

.product-service .product-service-in {
    padding: 15px 30px;
    text-align: center;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    direction: rtl;
}

    .product-service .product-service-in h3 {
        color: #555;
        font-size: 20px;
        font-weight: 400;
        text-transform: uppercase;
    }

    .product-service .product-service-in a {
        color: #c9253c;
        font-size: 14px;
        font-weight: 400;
    }

/*Collection Banner
------------------------------------*/
.collection-banner {
    padding: 50px 0;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/collection-bg.jpg);
}

    .collection-banner:before {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: " ";
        position: absolute;
        background: rgba(0,0,0,0.3);
    }

    .collection-banner h2 {
        color: #fff;
        font-size: 36px;
        line-height: 40px;
        margin: 12px 0 15px;
        text-transform: uppercase;
    }

    .collection-banner p {
        color: #eee;
    }

    /*Percent Off*/
    .collection-banner .percent-numb {
        color: #fff;
        float: left;
        padding: 10px 0;
        font-size: 200px;
        font-weight: 400;
        line-height: 150px;
        margin-right: 15px;
    }

    .collection-banner .percent-off {
        float: left;
        margin-right: 30px;
    }

        .collection-banner .percent-off span {
            color: #fff;
            display: block;
        }

            .collection-banner .percent-off span.discount-percent {
                font-size: 70px;
                margin-top: 30px;
                font-weight: 200;
                line-height: 80px;
            }

            .collection-banner .percent-off span.discount-off {
                font-size: 40px;
                font-weight: 400;
                text-transform: uppercase;
            }

@media (min-width: 992px) and (max-width: 1199px) {
    .collection-banner h2 {
        font-size: 30px;
    }

    .collection-banner h3 {
        font-size: 145px;
    }

    .collection-banner .percent-off span.discount-percent {
        font-size: 70px;
        margin-top: 35px;
        line-height: 60px;
    }

    .collection-banner .percent-off span.discount-off {
        font-size: 30px;
    }
}

@media (max-width: 514px) {
    .collection-banner h3 {
        font-size: 145px;
    }

    .collection-banner .percent-off span.discount-percent {
        font-size: 70px;
        margin-top: 35px;
        line-height: 60px;
    }

    .collection-banner .percent-off span.discount-off {
        font-size: 30px;
    }
}

/*New Offers*/
.collection-banner .new-offers {
    top: -30px;
    width: 80px;
    height: 80px;
    position: absolute;
    padding: 20px 10px;
    text-align: center;
    display: inline-block;
}

    .collection-banner .new-offers p {
        color: #fff;
        font-size: 21px;
        font-weight: 600;
        margin-bottom: 0;
        line-height: 17px;
    }

    .collection-banner .new-offers span {
        color: #fff;
        font-size: 14px;
    }

@media (max-width: 400px) {
    .collection-banner .new-offers {
        top: -50px;
        right: 10px;
    }
}

/*Illustration v4
------------------------------------*/
.illustration-v4 .thumb-product {
    padding: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

    .illustration-v4 .thumb-product:hover {
        box-shadow: 0 0 3px #dedede;
    }

.illustration-v4 .heading h2 {
    font-size: 18px;
}

    .illustration-v4 .heading h2:before,
    .illustration-v4 .heading h2:after {
        width: 50%;
    }

.illustration-v4 img.thumb-product-img {
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 25px;
}

.illustration-v4 .thumb-product-in {
    overflow: hidden;
    margin-top: 15px;
}

    .illustration-v4 .thumb-product-in h4 {
        margin: 0 0 2px;
    }

        .illustration-v4 .thumb-product-in h4 a {
            color: #687074;
            font-size: 18px;
        }

            .illustration-v4 .thumb-product-in h4 a:hover {
                color: #18ba9b;
            }

    .illustration-v4 .thumb-product-in span {
        display: block;
    }

.illustration-v4 span.thumb-product-type {
    color: #999;
    font-size: 14px;
}

.illustration-v4 .thumb-product-price {
    color: #687074;
    font-size: 16px;
}

    .illustration-v4 .thumb-product-price.line-through {
        color: #c9253c;
        text-decoration: line-through;
    }

.illustration-v4 .thumb-product-purchase {
    color: #ccc;
    float: right;
    margin-top: 3px;
}

    .illustration-v4 .thumb-product-purchase a {
        color: #8bdccd;
    }

    .illustration-v4 .thumb-product-purchase i {
        top: 1px;
        font-size: 16px;
        position: relative;
    }

    .illustration-v4 .thumb-product-purchase a:hover {
        color: #18ba9b;
        text-decoration: none;
    }

/*Owl Carousel v2
------------------------------------*/
.owl-slider-v2 .owl-wrapper-outer {
    margin-bottom: 20px;
}

.owl-slider-v2 .item {
    margin: 0 10px;
    text-align: center;
    padding: 7px 0;
    position: relative;
    border: 1px solid #e4e2e2;
}

    .owl-slider-v2 .item img {
        width: 150px;
        height: auto;
    }

/*Owl Pagination*/
.owl-slider-v2 .owl-pagination {
    text-align: center !important;
}

.owl-slider-v2 .owl-controls .owl-page.active span,
.owl-slider-v2 .owl-controls.clickable .owl-page:hover span {
    opacity: 1;
    background: #888;
    filter: Alpha(Opacity=100);
}

.owl-slider-v2 .owl-controls .owl-page span {
    border: 1px solid #999 !important;
}

.owl-slider-v2 .owl-controls .owl-page {
    zoom: 1;
    display: inline-block;
    *display: inline; /*IE7 life-saver */
}

    .owl-slider-v2 .owl-controls .owl-page span {
        width: 12px;
        height: 12px;
        opacity: 0.3;
        display: block;
        margin: 5px 3px;
        background: transparent;
        filter: Alpha(Opacity=50); /*IE7 fix*/
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        border-radius: 50% !important;
    }

/*Shop-subscribe
------------------------------------*/
.shop-subscribe {
    padding: 20px 0;
    background: #18ba9b;
}

    .shop-subscribe h2 {
        margin: 0;
        color: #fff;
        font-size: 24px;
        font-weight: 200;
        text-transform: uppercase;
    }

    /*Input Form Control*/
    .shop-subscribe input {
        border-color: #fff;
        border-right: none;
        background: transparent;
    }

    .shop-subscribe .form-control {
        color: #fff;
        font-size: 14px;
        font-weight: 200;
    }

        .shop-subscribe .form-control:focus {
            box-shadow: none;
            border-color: #fff;
        }

        .shop-subscribe .form-control::-moz-placeholder {
            color: #fff;
        }

        .shop-subscribe .form-control:-ms-input-placeholder {
            color: #fff;
        }

        .shop-subscribe .form-control::-webkit-input-placeholder {
            color: #fff;
        }

    .shop-subscribe .input-group-btn {
        border-color: #fff;
        background: transparent;
    }

        .shop-subscribe .input-group-btn .btn {
            border: 1px solid #fff;
            background: transparent;
        }

        .shop-subscribe .input-group-btn i {
            color: #fff;
            font-size: 16px;
            font-weight: 200;
        }

/*Shop Product
------------------------------------*/
.shop-product {
    background: #f8f8f8;
    /*border-bottom: 1px solid #dedede;*/
}

    .shop-product h2 {
        float: right;
        color: #687074;
        font-size: 26px;
        text-transform: uppercase;
        direction: rtl;
    }

    /*Shp Product Title*/
    .shop-product .shop-product-heading {
        overflow: hidden;
        margin-bottom: 12px;
        border-bottom: 1px solid #dedede;
    }

    .shop-product .shop-product-social {
        float: left;
        margin-top: 11px;
    }

        .shop-product .shop-product-social li i {
            color: #dedede;
            font-size: 26px;
            display: inline-block;
        }

            .shop-product .shop-product-social li i:hover {
                color: #18ba9b;
                text-decoration: none;
            }

    /*Product Ratings*/
    .shop-product .product-review-list {
        margin-left: 340px;
    }

        .shop-product .product-review-list,
        .shop-product .product-review-list a {
            color: #999;
            font-size: 14px;
            direction: rtl;
        }

            .shop-product .product-review-list a:hover {
                color: #18ba9b;
            }

    /*Shop Product Prices*/

    .shop-product .list-inline {
        direction: rtl;
        padding: 0;
    }

    .shop-product .shop-product-prices li:first-child {
        padding-right: 0;
    }

    .shop-product .shop-product-prices li {
        font-size: 30px;
    }

    .shop-product .line-through {
        color: #bbb;
        text-decoration: line-through;
    }

    /*Badge*/
    .shop-product .time-day-left {
        top: -6px;
        color: #fff;
        font-size: 12px;
        padding: 3px 8px;
        margin-right: 40px;
        position: relative;
    }

    /*Shop Product Title*/
    .shop-product h3.shop-product-title {
        color: #555;
        font-size: 14px;
        margin-bottom: 10px;
        text-transform: uppercase;
        direction: rtl;
    }

    /*Product Size*/
    .shop-product .product-size input {
        left: -9999px;
        position: absolute;
    }

    .shop-product .product-size label {
        width: 50px;
        height: 50px;
        float: right;
        padding: 6px 0;
        display: block;
        color: #dedede;
        font-size: 24px;
        text-align: center;
        background: #f8f8f8;
        text-transform: uppercase;
        border: 2px solid #dedede;
    }

    .shop-product .product-size label {
        -ms-transition: color 0.3s;
        -moz-transition: color 0.3s;
        -webkit-transition: color 0.3s;
    }

        .shop-product .product-size label:hover {
            color: #18ba9b;
            cursor: pointer;
            border-color: #18ba9b;
        }

    .shop-product .product-size input:checked ~ label {
        color: #18ba9b;
        border-color: #18ba9b;
    }

    /*Product Color*/
    .shop-product .product-color input {
        left: -9999px;
        position: absolute;
    }

    .shop-product .product-color label {
        width: 50px;
        height: 50px;
        float: right;
        padding: 5px;
        display: block;
        font-size: 24px;
        text-align: center;
    }

        .shop-product .product-color label.color-one {
            background: #646969;
        }

        .shop-product .product-color label.color-two {
            background: #e4e4e2;
        }

        .shop-product .product-color label.color-three {
            background: #171a2e;
        }

    .shop-product .product-color label {
        -ms-transition: color 0.3s;
        -moz-transition: color 0.3s;
        -webkit-transition: color 0.3s;
    }

        .shop-product .product-color label:hover {
            cursor: pointer;
            border: 2px solid #18ba9b;
        }

    .shop-product .product-color input:checked ~ label {
        border: 2px solid #18ba9b;
    }

    /*Product Quantity*/
    .shop-product .product-quantity {
        float: right;
        margin-left: 30px;
    }

    .shop-product .quantity-button {
        color: #555;
        width: 55px;
        height: 50px;
        padding: 5px;
        border: none;
        outline: none;
        cursor: pointer;
        font-size: 20px;
        background: #eee;
        text-align: center;
        font-weight: normal;
        white-space: nowrap;
        display: inline-block;
        background-image: none;
    }

    .shop-product .quantity-field {
        width: 55px;
        height: 50px;
        outline: none;
        margin: 0 -4px;
        font-size: 20px;
        text-align: center;
        border: 1px solid #eee;
    }

/*Add to Wishlist*/
.add-to-wishlist-brd {
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede;
}

.add-to-wishlist li {
    padding-right: 20px;
    margin-left: 10px;
    border-right: 1px solid #dedede;
}

    .add-to-wishlist li:first-child {
        padding-right: 0;
        border-right: none;
    }

.add-to-wishlist i {
    color: #8bdccd;
    font-size: 16px;
    margin-left: 7px;
}

.add-to-wishlist a {
    color: #999;
    font-size: 14px;
}

    .add-to-wishlist a:hover,
    .add-to-wishlist .wishlist-in:hover i,
    .add-to-wishlist .compare-in:hover i {
        color: #18ba9b;
        text-decoration: none;
    }

.add-to-wishlist .wishlist-in:hover i,
.add-to-wishlist .compare-in:hover i {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.wishlist-category a {
    color: #18ba9b;
}

/*Headline Left*/
.headline-left {
    position: relative;
}

    .headline-left h2 {
        color: #555;
        font-size: 18px;
        position: relative;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

        .headline-left h2:after {
            left: 1px;
            z-index: 1;
            width: 30px;
            height: 2px;
            content: " ";
            bottom: -5px;
            position: absolute;
            background: #dedede;
        }

/*Specifies List*/
.specifies-list li {
    color: #999;
}

    .specifies-list li i {
        margin-left: 8px;
    }

    .specifies-list li span {
        color: #777;
    }

/*Product Comment*/
.product-comment {
    padding: 20px;
    border: 1px solid #f0f0f0;
}

@media (min-width: 768px) {
    .product-comment .product-comment-in .product-comment-in {
        margin-left: 50px;
        padding-top: 30px;
        border-top: 1px solid #eee;
    }
}

.product-comment .product-comment-in:after,
.product-comment .product-comment-in:before {
    content: " ";
    display: table;
}

.product-comment .product-comment-in:after {
    clear: both;
}

.product-comment img.product-comment-img {
    float: right;
    width: 50px;
    height: 50px;
    margin-left: 15px;
}

.product-comment .product-comment-dtl {
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

    .product-comment .product-comment-dtl h4 {
        color: #555;
        font-size: 16px;
        overflow: hidden;
    }

        .product-comment .product-comment-dtl h4 small {
            color: #888;
            float: left;
            display: block;
            margin-top: 6px;
            direction: ltr;
        }

.sky-changes-4 label.label-v2 {
    color: #999;
    display: block;
    font-size: 14px;
    font-weight: 400;
}

.sky-changes-4 h3 {
    color: #555;
}

/*Review Submit*/
.review-submit {
    overflow: hidden;
}

.stars-ratings {
    float: left;
}

    .stars-ratings li {
        padding: 0;
    }

    .stars-ratings input {
        left: -9999px;
        position: absolute;
    }

    .stars-ratings label {
        float: right;
        height: 17px;
        display: block;
        padding: 0 2px;
        font-size: 14px;
        cursor: pointer;
        line-height: 17px;
    }

    .stars-ratings label {
        color: #8bdccd;
        -ms-transition: color 0.3s;
        -moz-transition: color 0.3s;
        -webkit-transition: color 0.3s;
    }

    .stars-ratings input + label:hover,
    .stars-ratings input + label:hover ~ label {
        color: #18ba9b;
    }

    .stars-ratings input:checked ~ label {
        color: #18ba9b;
    }

.review-submit button.btn-u.pull-right {
    margin-top: -17px;
}

/*Stars Ratings Label*/
.stars-ratings-label label {
    font-size: 24px;
    margin: 0 4px 5px;
}

/*Owl Slider v3
------------------------------------*/
.owl-slider-v3 .owl-pagination {
    text-align: center !important;
}

.owl-slider-v3 .owl-wrapper-outer {
    margin-bottom: 20px;
}

.owl-slider-v3.owl-theme .owl-controls .owl-page.active span,
.owl-slider-v3.owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity: 1;
    background: #18ba9b;
    filter: Alpha(Opacity=100); /*IE7 fix*/
}

.owl-slider-v3.owl-theme .owl-controls .owl-page {
    zoom: 1;
    display: inline-block;
    *display: inline; /*IE7 life-saver */
}

    .owl-slider-v3.owl-theme .owl-controls .owl-page span {
        width: 12px;
        height: 12px;
        opacity: 0.3;
        display: block;
        margin: 5px 3px;
        background: #bbb;
        filter: Alpha(Opacity=50); /*IE7 fix*/
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        border-radius: 50% !important;
    }

.owl-slider-v3 .item {
    margin: 0 1px;
}

/*Filter By Block
------------------------------------*/
/*Panel Group*/

.panel-group {
    margin-bottom: -1px;
}

.filter-by-block h1 {
    color: #fff;
    width: 100%;
    font-size: 17px;
    padding: 7px 10px;
    text-align: right;
    margin: 15px 0 0 0;
    background: #18ba9b;
    text-transform: uppercase;
}

.filter-by-block .panel-default {
    border-color: #dedede;
}

.filter-by-block .panel-heading {
    padding: 0;
    background: inherit;
}

.filter-by-block .panel-title {
    overflow: hidden;
    direction: rtl;
}

.filter-by-block .panel-group h2 a {
    color: #687074;
    /*display: inline-block;*/
    font-size: 14px;
    padding: 0px 2px;
    /*border-bottom: 1px solid #dedede;*/
}

.filter-by-block .panel-group h2 .span {
    color: #687074;
    display: inline-block;
    font-size: 14px;
    padding: 5px 15px;
    /*border-bottom: 1px solid #dedede;*/
}

.filter-by-block .panel-group h2 i {
    float: left;
    font-size: 18px;
    margin-top: 3px;
    font-style: normal;
}

.filter-by-block .panel-group h2 a:hover {
    color: #687074;
    text-decoration: none;
}

.filter-by-block .panel-body {
    padding: 15px 20px;
    border-top: none !important;
}

/*Checkbox List*/
.checkbox-list {
    margin-bottom: 0;
}

    .checkbox-list li {
        margin-top: 10px;
    }

        .checkbox-list li:first-child {
            margin-top: 0;
        }

    .checkbox-list .checkbox {
        display: block;
        overflow: hidden;
        position: relative;
    }

    .checkbox-list .checkbox {
        color: #999;
        margin: 4px 0;
        cursor: pointer;
        font-size: 14px;
        line-height: 25px;
        padding-right: 27px;
    }

        .checkbox-list .checkbox input {
            right: -9999px;
            position: absolute;
        }

        .checkbox-list .checkbox i {
            right: 0;
            top: 5px;
            width: 15px;
            height: 15px;
            outline: none;
            display: block;
            background: #fff;
            border-width: 2px;
            position: absolute;
            border-style: solid;
        }

        .checkbox-list .checkbox input + i:after {
            opacity: 0;
            position: absolute;
        }

        .checkbox-list .checkbox input + i:after {
            top: -3px;
            right: -2px;
            width: 15px;
            height: 15px;
            content: '\f00c';
            text-align: center;
            font: normal 8px/17px FontAwesome;
        }

        .checkbox-list .checkbox input:checked + i:after {
            opacity: 1;
        }

        .checkbox-list .checkbox i {
            border-color: #8bdccd;
            -ms-transition: border-color 0.3s;
            -moz-transition: border-color 0.3s;
            -webkit-transition: border-color 0.3s;
        }

        .checkbox-list .checkbox:hover i {
            border-color: #18ba9b;
        }

        .checkbox-list .checkbox input:focus + i {
            border-color: #18ba9b;
        }

        .checkbox-list .checkbox input + i:after {
            color: #18ba9b;
        }

        .checkbox-list .checkbox input:checked + i {
            border-color: #18ba9b;
        }

        .checkbox-list .checkbox small {
            float: left;
        }

            .checkbox-list .checkbox small a {
                color: #18ba9b;
                font-size: 12px;
            }


/*Slider Snap*/
.slider-snap {
    margin: 20px 0;
}

    .slider-snap.noUi-background {
        -webkit-box-shadow: inset 0px 1px 1px 0px #b5b5b5;
        -moz-box-shadow: inset 0px 1px 1px 0px #b5b5b5;
        box-shadow: inset 0px 1px 1px 0px #b5b5b5;
    }

    .slider-snap.noUi-connect {
        background: #18ba9b;
    }

    .slider-snap.noUi-horizontal {
        height: 10px;
        background: #f8f8f8;
        border-radius: 4px !important;
    }

        .slider-snap.noUi-horizontal .noUi-handle {
            width: 25px;
            height: 20px;
            border-radius: 3px !important;
            box-shadow: 0 1px 1px 0 #b5b5b5;
        }

    .slider-snap .noUi-handle:before,
    .slider-snap .noUi-handle:after {
        left: 9px;
        height: 7px;
    }

    .slider-snap .noUi-handle:after {
        left: 13px;
    }

.slider-snap-text {
    text-align: center;
}

    .slider-snap-text span {
        position: relative;
    }

        .slider-snap-text span + span:before {
            top: -2px;
            left: -11px;
            content: '\2013';
            position: absolute;
        }



    .slider-snap-text span {
        color: #999;
        font-size: 16px;
        font-weight: 600;
        padding: 0 19px 0 11px;
    }

/*Product Color List*/
.product-color-list {
    margin-bottom: 0;
    text-align: center;
}

    .product-color-list .list-inline > li {
        padding-left: 0;
    }

    .product-color-list li {
        padding: 2px;
    }

        .product-color-list li img {
            width: 24px;
            height: 24px;
        }

        .product-color-list li:first-child {
            padding-left: 0;
        }

/*Result Category*/
.result-category {
    /*background: #000;*/
    overflow: hidden;
    margin-bottom: 5px;
    float: left;
}

    .result-category h2 {
        float: left;
        font-size: 25px;
        margin-right: 20px;
        text-transform: uppercase;
    }

    .result-category .badge-results {
        top: 12px;
        color: #fff;
        font-size: 12px;
        padding: 3px 8px;
        position: relative;
    }

/*Grid List Icons*/
.grid-list-icons {
    float: right;
    margin-top: 9px;
}

    .grid-list-icons i {
        color: #fff;
        width: 30px;
        height: 30px;
        padding: 6px;
        font-size: 18px;
        line-height: 20px;
        text-align: center;
        background: #18ba9b;
        display: inline-block;
    }

        .grid-list-icons i:hover {
            background: #8bdccd;
            text-decoration: none;
        }

/*Sort List Button*/
.sort-list-btn {
    text-align: right;
    float: right;
    margin: 7px 10px 0px 0px;
}

    .sort-list-btn .badge-results {
        padding: 0px 8px;
        color: #fff;
    }

    .sort-list-btn .dropdown-menu {
        min-width: 103px;
    }

    .sort-list-btn h3 {
        float: right;
        color: #555;
        font-size: 14px;
        margin-left: 10px;
    }

    .sort-list-btn .btn {
        margin-top: 2px;
    }

        .sort-list-btn .btn .caret {
            margin-right: 50px;
        }

    .sort-list-btn .btn-default {
        color: #999;
        font-size: 13px;
        border-color: #dedede;
    }

        .sort-list-btn .btn-default:hover,
        .sort-list-btn .btn-default:focus,
        .sort-list-btn .btn-default:active,
        .sort-list-btn .btn-default.active,
        .sort-list-btn .open > .dropdown-toggle.btn-default {
            color: #999;
            box-shadow: none;
            background: inherit;
            border-color: #dedede;
        }

    .sort-list-btn .dropdown-menu {
        box-shadow: 0 5px 5px 0px rgba(90,90,90,0.075);
    }

        .sort-list-btn .dropdown-menu li a {
            color: #999;
            font-size: 12px;
        }

/*Filter Results*/
.filter-results {
    padding: 40px 0;
    margin-bottom: 30px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

/*Pagination v2*/
.pagination.pagination-v2 > li > a {
    padding: 5px;
    margin: 0 2px;
    min-width: 35px;
    border-color: #f0f0f0;
}

.pagination.pagination-v2 > li > a,
.pagination.pagination-v2 > li > span {
    background: #f7f7f7;
}

    .pagination.pagination-v2 > li > a:hover,
    .pagination.pagination-v2 > .active > a,
    .pagination.pagination-v2 > .active > span,
    .pagination.pagination-v2 > .active > a:hover,
    .pagination.pagination-v2 > .active > span:hover,
    .pagination.pagination-v2 > .active > a:focus,
    .pagination.pagination-v2 > .active > span:focus {
        background: #18ba9b;
        border-color: #18ba9b;
    }

/*journal header*/
.main-header1 {
    display: block;
}

.main-header2 {
    display: block;
}

.advertising {
    display:none;
}

.sidebar {
        display:none;
    }

@media (min-width:992px) {
    .advertising {
        margin-top: -136px;
        display: block;
    }

    .sidebar {
        display:block;
    }
}
.main-header-list .help {
    display:none;
}

@media (max-width:991px) {
    .main-header-list {
        float:none;
        margin:0;
    }

        .main-header-list > li {
            display:block;
            float:none;
            padding-right:0px;
        }
        .main-header-list .help {
            background: #18ba9b;
            padding: 0 8px;
            display: block;
            color:#fff;
        width:100%;
    }
    .main-header-list .badge-results {
        width:100%;
    }

        .main-header-list .btn-group {
            width:60%;
        }

    .modal-body img {
        width:100%;
    }
}



.journal-header-table {
    margin: 0;
}

    .journal-header-table > tbody > tr > td {
        padding: 0;
    }





.pagination.pagination-v2 > a {
    padding: 5px;
    margin: 0 2px;
    min-width: 35px;
    border-color: #f0f0f0;
}

.pagination.pagination-v2 > a,
.pagination.pagination-v2 > span {
    background: #f7f7f7;
}

    .pagination.pagination-v2 > a:hover {
        background: #18ba9b;
        border-color: #18ba9b;
        color: #f7f7f7;
    }

.pagination > a {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

/*sidbar title*/

.sidbar-title2 ul {
    display: block;
    list-style: none;
    padding: 0 5px;
    direction: rtl;
}

    .sidbar-title2 ul > li {
        font-size: 13px;
    }

        .sidbar-title2 ul > li > i {
            float: right;
            margin: 10px 5px;
            font-size: 14px;
            color: #c9253c;
        }

        .sidbar-title2 ul > li > h2 {
            font-size: 13px;
            margin-bottom: 0;
            cursor: pointer;
            letter-spacing: -0.5px;
        }

            .sidbar-title2 ul > li > h2 a {
                padding: 0px 2px;
            }

.sidbar-title ul {
    display: block;
    list-style: none;
    padding: 0 5px;
    direction: rtl;
}

    .sidbar-title ul > li {
        font-size: 13px;
    }

        .sidbar-title ul > li > i {
            float: right;
            margin: 10px 5px;
            font-size: 14px;
            color: #c9253c;
        }

        .sidbar-title ul > li > h2 {
            font-size: 13px;
            margin-bottom: 0;
            cursor: pointer;
        }

            .sidbar-title ul > li > h2:hover {
                color: #1abc9c;
            }

.magazine-posts-img {
    margin-top: 14px;
    min-height: 235px;
    border: 1px solid rgba(0,0,0,.04);
    overflow: hidden;
    position: relative;
}

.loading-journal {
    display: none;
    position: absolute;
    top: 200px;
    left: 40%;
    z-index: 5;
}

.sidbar-special ul {
    list-style: none;
    padding: 0 5px;
    direction: rtl;
}

    .sidbar-special ul > li {
        font-size: 13px;
    }

        .sidbar-special ul > li > i {
            float: right;
            margin: 8px 5px;
            font-size: 15px;
            color: #c9253c;
        }

        .sidbar-special ul > li > h2 {
            font-size: 15px;
            margin-bottom: 0;
            cursor: pointer;
        }

            .sidbar-special ul > li > h2:hover {
                color: #1abc9c;
            }

            .sidbar-special ul > li > h2 > a {
                display: block;
                padding: 0;
            }

.sidbar-special img {
    width: 100%;
    padding: 0px 38px;
    margin-left: 10px;
}

/*Info Block v2
------------------------------------*/
/*Info Block v2*/
@media (min-width: 480px) {
    .info-block-v2 {
        margin: 0 0 10px 120px;
    }
}

.info-block-v2 i {
    float: right;
    color: #18ba9b;
    font-size: 30px;
    margin: 0 0px 0 25px;
}

.info-block-in {
    overflow: hidden;
}

    .info-block-in h3 {
        color: #555;
        font-size: 18px;
        margin: 0 0 5px;
    }



/*Shopping Cart
------------------------------------*/
/*Coupon Code*/
.shopping-cart .coupon-code {
    margin-top: 35px;
    padding-top: 35px;
    border-top: 1px solid #eee;
}

    .shopping-cart .coupon-code h3 {
        margin: 0;
        color: #687074;
        font-size: 18px;
        direction: rtl;
    }

    .shopping-cart .coupon-code input {
        width: 60%;
        margin-left: 10px;
        display: inline-block;
    }

/*Total Result*/
.shopping-cart .total-result li {
    display: block;
}

    .shopping-cart .total-result li:after,
    .shopping-cart .total-result li:before {
        content: " ";
        display: table;
    }

    .shopping-cart .total-result li:after {
        clear: both;
    }

    .shopping-cart .total-result li.divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background: #eee;
    }

.shopping-cart .total-result h4 {
    float: right;
    margin-left: 15px;
    direction: rtl;
}

.shopping-cart .total-result-in {
    overflow: hidden;
    text-align: left;
    direction: rtl;
}

    .shopping-cart .total-result-in h4,
    .shopping-cart .total-result-in span {
        color: #687074;
        font-size: 18px;
    }

.shopping-cart .total-result .total-price h4,
.shopping-cart .total-result .total-price span {
    font-weight: 600;
}

.shopping-cart .total-result .total-price h4 {
    margin: 0 auto;
}

.shopping-cart .total-result .total-price span {
    color: #c9253c;
}

/*Table*/
.shopping-cart .table > thead > tr > th,
.shopping-cart .table > tbody > tr > th,
.shopping-cart .table > tfoot > tr > th,
.shopping-cart .table > thead > tr > td,
.shopping-cart .table > tbody > tr > td,
.shopping-cart .table > tfoot > tr > td {
    border-top: none;
    vertical-align: middle;
    direction: rtl;
}

.shopping-cart .table > thead > tr > th,
.shopping-cart .table > tbody > tr > td {
    padding: 11px;
    text-align: center;
}

@media (min-width: 992px) {
    .shopping-cart .table > thead > tr > th,
    .shopping-cart .table > tbody > tr > td {
        padding: 15px;
        text-align: center;
    }
}

.shopping-cart .table > thead > tr > th {
    color: #687074;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.shopping-cart .table > tbody > tr > td {
    color: #888;
}

    .shopping-cart .table > tbody > tr > td.shop-red {
        color: #c9253c;
    }

/*Product In Table*/
.shopping-cart .product-in-table {
    text-align: right !important;
}

.shopping-cart .product-it-in {
    overflow: hidden;
}

@media (min-width: 991px) {
    .shopping-cart .product-it-in {
        margin-top: 30px;
    }
}

@media (max-width: 992px) {
    .shopping-cart .product-it-in {
        clear: both;
    }
}

.shopping-cart .product-in-table img {
    float: right;
    width: 120px;
    height: auto;
    padding: 10px;
    background: #fff;
    margin-left: 15px;
    border: 1px solid #eee;
}

.shopping-cart .product-in-table h3 {
    font-size: 16px;
    margin-bottom: 5px;
}

/*Quantity Field Form*/
.shopping-cart .quantity-button {
    color: #888;
    width: 45px;
    height: 40px;
    padding: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 18px;
    background: #eee;
    text-align: center;
    font-weight: normal;
    white-space: nowrap;
    display: inline-block;
    background-image: none;
}

.shopping-cart .quantity-field {
    width: 45px;
    height: 40px;
    outline: none;
    margin: 0 -4px;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    border: 1px solid #eee;
}

/*Close*/
.shopping-cart .close {
    opacity: 1;
    color: #888;
    font-size: 18px;
    padding-right: 10px;
}

    .shopping-cart .close:hover {
        color: #555;
    }

/*Billing Info*/
.shopping-cart h2.title-type {
    font-size: 16px;
    margin-right: 20px;
    text-transform: uppercase;
    direction: rtl;
}

.shopping-cart .billing-info-inputs {
    padding: 20px;
    background: #f8f8f8;
    border: 1px solid #eee;
    direction: rtl;
}

    .shopping-cart .billing-info-inputs label {
        color: #555;
        margin-bottom: 0;
        vertical-align: middle;
        font-size: 14px;
        font-weight: 500;
    }

    .shopping-cart .billing-info-inputs input {
        min-height: 40px;
        border-color: #eee;
        margin-bottom: 10px;
    }

    .shopping-cart .billing-info-inputs .form-control {
        color: #888;
        box-shadow: none;
    }

        .shopping-cart .billing-info-inputs .form-control::-moz-placeholder {
            color: #888;
        }

        .shopping-cart .billing-info-inputs .form-control:-ms-input-placeholder {
            color: #888;
        }

        .shopping-cart .billing-info-inputs .form-control::-webkit-input-placeholder {
            color: #888;
        }

/*Custom Form Horizontal*/
.cus-form-horizontal .form-group {
    margin: 0 0 15px;
    overflow: hidden;
    padding-bottom: 7px;
}




    .cus-form-horizontal .form-group label {
        color: #555;
        margin-top: 4px;
        font-size: 15px;
        font-weight: 400;
        text-align: right;
        float: right;
    }

.wizard > .content > .body .cus-form-horizontal input {
    color: #888;
    box-shadow: none;
    border-color: #E5E5E5;
}

.cus-form-horizontal .form-group input::-moz-placeholder {
    color: #ccc;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.cus-form-horizontal .form-group input:-ms-input-placeholder {
    color: #ccc;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.cus-form-horizontal .form-group input::-webkit-input-placeholder {
    color: #ccc;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.cus-form-horizontal .input-small-field a {
    top: 5px;
    color: #18ba9b;
    position: relative;
    text-decoration: underline;
}

    .cus-form-horizontal .input-small-field a:hover {
        color: #18ba9b;
        text-decoration: none;
    }

/*Payment Type*/
.cus-form-horizontal .payment-type li {
    margin-right: 10px;
}

.cus-form-horizontal .payment-type i {
    color: #888;
    font-size: 35px;
}

/*radio*/

.wizard > .content > .body .cus-form-horizontal .radio {
    margin-bottom: 4px;
    padding-right: 27px;
    font-size: 15px;
    line-height: 27px;
    color: #404040;
    cursor: pointer;
}

    .wizard > .content > .body .cus-form-horizontal .radio:last-child {
        margin-bottom: 0;
    }

    .wizard > .content > .body .cus-form-horizontal .radio input {
        position: absolute;
        right: -9999px;
    }

    .wizard > .content > .body .cus-form-horizontal .radio i {
        position: absolute;
        top: 5px;
        right: 0;
        display: block;
        width: 13px;
        height: 13px;
        outline: none;
        border-width: 2px;
        border-style: solid;
        background: #fff;
    }

    .wizard > .content > .body .cus-form-horizontal .radio i {
        border-radius: 50%;
    }

    .wizard > .content > .body .cus-form-horizontal .radio input + i:after {
        position: absolute;
        opacity: 0;
        -ms-transition: opacity 0.1s;
        -moz-transition: opacity 0.1s;
        -webkit-transition: opacity 0.1s;
    }

    .wizard > .content > .body .cus-form-horizontal .radio input + i:after {
        content: '';
        top: 4px;
        left: 4px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
    }

    .wizard > .content > .body .cus-form-horizontal .radio input:checked + i:after {
        opacity: 1;
    }

.wizard > .content > .body .cus-form-horizontal .inline-group {
    margin: -4px -30px 0 0;
}

    .wizard > .content > .body .cus-form-horizontal .inline-group:after {
        content: '';
        display: table;
        clear: both;
    }

    .wizard > .content > .body .cus-form-horizontal .inline-group .radio {
        float: right;
        margin-right: 30px;
    }

.wizard > .content > .body .cus-form-horizontal .radio {
    position: relative;
    display: block;
    width: 100%;
}

.wizard > .content > .body .cus-form-horizontal .inline-group .radio:last-child {
    margin-bottom: 4px;
}

.wizard > .content > .body .cus-form-horizontal .radio i,
.wizard > .content > .body .cus-form-horizontal .select select {
    border-color: #8bdccd;
}

.wizard > .content > .body .cus-form-horizontal .radio i {
    width: 17px;
    height: 17px;
    border-width: 1px;
}

.wizard > .content > .body .cus-form-horizontal .radio input + i:after {
    top: 5px;
    left: 5px;
    background-color: #18ba9b;
}

.wizard > .content > .body .cus-form-horizontal .radio input:checked + i {
    border-color: #18ba9b;
}

.wizard > .content > .body .cus-form-horizontal .radio input:focus + i {
    border-color: #18ba9b;
    box-shadow: none;
}



/*end custom*/

/* selects */
.wizard > .content > .body .cus-form-horizontal .select i {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 28px;
    height: 35px;
    background: #fff;
    pointer-events: none;
}

    .wizard > .content > .body .cus-form-horizontal .select i:after,
    .wizard > .content > .body .cus-form-horizontal .select i:before {
        content: '';
        position: absolute;
        right: 10px;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }

    .wizard > .content > .body .cus-form-horizontal .select i:after {
        bottom: 12px;
        border-top: 4px solid #18ba9b;
    }

    .wizard > .content > .body .cus-form-horizontal .select i:before {
        top: 12px;
        border-bottom: 4px solid #18ba9b;
    }

.wizard > .content > .body .cus-form-horizontal .select select {
    padding-right: 28px;
}

.wizard > .content > .body .cus-form-horizontal .select-multiple select {
    height: auto;
}

.wizard > .content > .body .cus-form-horizontal .select {
    position: relative;
    display: block;
    width: 100%;
}


    .wizard > .content > .body .cus-form-horizontal .select select {
        border-color: #e5e5e5;
        -ms-transition: border-color 0.3s;
        -moz-transition: border-color 0.3s;
        -webkit-transition: border-color 0.3s;
    }

    .wizard > .content > .body .cus-form-horizontal .select:hover select {
        border-color: #8bdccd;
    }


    .wizard > .content > .body .cus-form-horizontal .select::selection {
        border-color: #8bdccd;
    }

.wizard > .content > .body .cus-form-horizontal .select {
    border-color: #8bdccd;
}

    .wizard > .content > .body .cus-form-horizontal .select select:focus {
        border-color: #8bdccd;
    }

.wizard > .content > .body .cus-form-horizontal .select {
    position: relative;
    display: block;
}


    .wizard > .content > .body .cus-form-horizontal .select select {
        display: block;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
        height: 39px;
        padding: 6px 10px;
        outline: none;
        border-width: 1px;
        border-style: solid;
        border-radius: 0;
        background: #fff;
        /*font: 15px/23px 'Open Sans', Helvetica, Arial, sans-serif;*/
        color: #404040;
        appearance: normal;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

.sky-form .state-error select,
.sky-form .state-error select + i {
    background: #fff0f0;
}

/**/
/* success state */
/**/

.wizard > .content > .body .cus-form-horizontal .state-success select,
.wizard > .content > .body .cus-form-horizontal .state-success select + i {
    background: #f0fff0;
}
/**/
/* disabled state */
/**/

.wizard > .content > .body .cus-form-horizontal .select.state-disabled {
    cursor: default;
    opacity: 0.5;
}

    .wizard > .content > .body .cus-form-horizontal .select.state-disabled:hover select {
        border-color: #e5e5e5;
    }

.panel-body ol {
    font-size: 13px;
    text-align: justify;
    padding-right: 10px;
}

@media (min-width:992px) {
    .col-md-6 {
        float: right;
    }

    .col-md-6 {
        width: 50%;
    }
}
/* end selects */

.add-on {
    position: absolute;
    top: 26px;
    right: 24px;
}

/*time picker*/

.form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend {
    width: 205px;
}



.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}


.input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle {
    vertical-align: top;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

prepend .add-on {
    display: inline-block;
    width: auto;
    height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    background-color: #eeeeee;
    border: 1px solid #ccc;
}

.input-append .add-on, .input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 20px;
    min-width: 28px;
    padding: 7px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    background-color: #eeeeee;
    border: 1px solid #ccc;
}

.input-append .add-on, .input-append .btn, .input-append .btn-group {
    margin-right: -9px;
    margin-top: -25px;
    height: 32px;
}


[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    /*vertical-align: text-top;*/
    background-image: url("/Content/images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.icon-circle-arrow-right {
    background-position: -240px -144px;
}

.icon-circle-arrow-left {
    background-position: -264px -144px;
}

.icon-time {
    background-position: -48px -24px;
}

.icon-chevron-up {
    background-position: -288px -120px;
}

.icon-chevron-down {
    background-position: -313px -119px;
}

/*   
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
 * Version: 1.7
 * Author: @htmlstream
 * Website: http://htmlstream.com
*/

/*Reset Styles
------------------------------------*/
* {
    border-radius: 0 !important;
}

a,
a:focus,
a:hover,
a:active,
button,
button:hover {
    outline: 0 !important;
}

    a:focus {
        text-decoration: none;
    }

hr {
    /*margin: 30px 0;*/
}

    hr.hr-xs {
        margin: 10px 0;
    }

    hr.hr-md {
        margin: 20px 0;
    }

    hr.hr-lg {
        margin: 40px 0;
    }

/*Headings*/
h1 {
    font-size: 28px;
    line-height: 35px;
    font-size: 20px;
}

h2 {
    font-size: 24px;
    line-height: 33px;
    font-size: 19px;
}

h3 {
    font-size: 20px;
    line-height: 27px;
    font-size: 18px;
}

h4 {
    line-height: 25px;
    font-size: 17px;
}

h5 {
    line-height: 20px;
    font-size: 16px;
}

h6 {
    line-height: 18px;
    font-size: 15px;
}

h1, h2, h3, h4, h5, h6 {
    color: #555;
    margin-top: 5px;
    text-shadow: none;
    font-weight: normal;
    font-family: 'yekan';
}

    h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
        margin-left: 5px;
    }

/*Block Headline*/
.headline {
    display: block;
    margin: 10px 0 25px 0;
    border-bottom: 1px dotted #e4e9f0;
}

    .headline h2 {
        font-size: 22px;
    }

    .headline h2,
    .headline h3,
    .headline h4 {
        margin: 0 0 -2px 0;
        padding-bottom: 5px;
        display: inline-block;
        border-bottom: 2px solid #18BA9B;
    }

.headline-md {
    margin-bottom: 15px;
}

    .headline-md h2 {
        font-size: 21px;
    }

/*Heading Options*/
.heading {
    text-align: center;
}

    .heading h2 {
        padding: 0 12px;
        position: relative;
        display: inline-block;
        line-height: 34px !important; /*For Tagline Boxes*/
    }

        .heading h2:before,
        .heading h2:after {
            content: ' ';
            width: 70%;
            position: absolute;
            border-width: 1px;
            border-color: #bbb;
        }

        .heading h2:before {
            right: 100%;
        }

        .heading h2:after {
            left: 100%;
        }

@media (max-width: 768px) {
    .heading h2:before,
    .heading h2:after {
        width: 20%;
    }
}

/*Headline v1*/
.heading-v1 h2:before,
.heading-v1 h2:after {
    top: 15px;
    height: 6px;
    border-top-style: solid;
    border-bottom-style: solid;
}

/*Headline v2*/
.heading-v2 h2:before,
.heading-v2 h2:after {
    top: 15px;
    height: 6px;
    border-top-style: dashed;
    border-bottom-style: dashed;
}

/*Headline v3*/
.heading-v3 h2:before,
.heading-v3 h2:after {
    top: 15px;
    height: 6px;
    border-top-style: dotted;
    border-bottom-style: dotted;
}

/*Headline v4*/
.heading-v4 h2:before,
.heading-v4 h2:after {
    top: 17px;
    border-bottom-style: solid;
}

/*Headline v5*/
.heading-v5 h2:before,
.heading-v5 h2:after {
    top: 17px;
    border-bottom-style: dashed;
}

/*Headline v6*/
.heading-v6 h2:before,
.heading-v6 h2:after {
    top: 17px;
    border-bottom-style: dotted;
}

/*Heading Titles v1*/
.title-v1 {
    z-index: 1;
    position: relative;
    text-align: center;
    margin-bottom: 60px;
}

    .title-v1 h1,
    .title-v1 h2 {
        color: #444;
        font-size: 28px;
        position: relative;
        margin-bottom: 15px;
        padding-bottom: 20px;
        text-transform: uppercase;
        font-family: 'Open Sans', sans-serif;
    }

        .title-v1 h1:after,
        .title-v1 h2:after {
            bottom: 0;
            left: 50%;
            height: 1px;
            width: 70px;
            content: " ";
            margin-left: -35px;
            position: absolute;
            background: #18BA9B;
        }

    .title-v1 p {
        font-size: 17px;
        font-weight: 200;
    }

/*Heading Titles v2*/
h2.title-v2 {
    color: #555;
    position: relative;
    margin-bottom: 30px;
}

    h2.title-v2:after {
        left: 0;
        width: 70px;
        height: 2px;
        content: " ";
        bottom: -10px;
        background: #555;
        position: absolute;
    }

    h1.title-v2.title-center,
    h2.title-v2.title-center,
    h3.title-v2.title-center {
        text-align: center;
    }

        h1.title-v2.title-center:after,
        h2.title-v2.title-center:after,
        h3.title-v2.title-center:after {
            left: 50%;
            width: 70px;
            margin-left: -35px;
        }

h1.title-light,
h2.title-light,
h3.title-light {
    color: #fff;
}

    h2.title-light:after {
        background: #fff;
    }

/*Heading Title v3*/
h1[class^="title-v3-"],
h2[class^="title-v3-"],
h3[class^="title-v3-"] {
    color: #555;
}

h2.title-v3-xlg {
    font-size: 28px;
    line-height: 32px;
}

h1.title-v3-lg,
h2.title-v3-lg {
    font-size: 24px;
    line-height: 28px;
}

h1.title-v3-md,
h2.title-v3-md {
    font-size: 20px;
    line-height: 24px;
}

h2.title-v3-sm,
h3.title-v3-md {
    font-size: 18px;
    line-height: 24px;
}

h3.title-v3-md {
    line-height: 22px;
}

h3.title-v3-sm {
    font-size: 16px;
    line-height: 20px;
}

h2.title-v3-xs {
    font-size: 16px;
    line-height: 22px;
}

h3.title-v3-xs {
    font-size: 14px;
    margin-bottom: 0;
}

/*Headline Center*/
.headline-center {
    text-align: center;
    position: relative;
}

    .headline-center h2 {
        color: #555;
        font-size: 24px;
        position: relative;
        margin-bottom: 20px;
        padding-bottom: 15px;
    }

        .headline-center h2:after {
            left: 50%;
            z-index: 1;
            width: 30px;
            height: 2px;
            content: " ";
            bottom: -5px;
            margin-left: -15px;
            text-align: center;
            position: absolute;
            background: #18BA9B;
        }

    .headline-center p {
        /*color: #999;*/
        font-size: 14px;
        /*padding: 0 150px;*/
    }

@media (max-width: 991px) {
    .headline-center p {
        padding: 0 50px;
    }
}

.headline-center.headline-light h2 {
    color: #fff;
}

.headline-center.headline-light p {
    color: #eee;
}

/*Headline Center v2*/
.headline-center-v2 {
    z-index: 0;
    text-align: center;
    position: relative;
}

    .headline-center-v2 h2 {
        color: #555;
        font-size: 24px;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

    .headline-center-v2 span.bordered-icon {
        color: #fff;
        padding: 0 10px;
        font-size: 15px;
        line-height: 18px;
        position: relative;
        margin-bottom: 25px;
        display: inline-block;
    }

        .headline-center-v2 span.bordered-icon:before,
        .headline-center-v2 span.bordered-icon:after {
            top: 8px;
            height: 1px;
            content: " ";
            width: 100px;
            background: #fff;
            position: absolute;
        }

        .headline-center-v2 span.bordered-icon:before {
            left: 100%;
        }

        .headline-center-v2 span.bordered-icon:after {
            right: 100%;
        }

    .headline-center-v2 p {
        color: #555;
        font-size: 14px;
        padding: 0 70px;
    }

    .headline-center-v2.headline-center-v2-dark p {
        color: #666;
    }

    .headline-center-v2.headline-center-v2-dark span.bordered-icon {
        color: #666;
    }

        .headline-center-v2.headline-center-v2-dark span.bordered-icon:before,
        .headline-center-v2.headline-center-v2-dark span.bordered-icon:after {
            background: #666;
        }

/*Headline Left*/
.headline-left {
    position: relative;
}

    .headline-left .headline-brd {
        color: #555;
        position: relative;
        margin-bottom: 25px;
        padding-bottom: 10px;
    }

        .headline-left .headline-brd:after {
            left: 1px;
            z-index: 1;
            width: 30px;
            height: 2px;
            content: " ";
            bottom: -5px;
            position: absolute;
            background: #18BA9B;
        }

/*Headline v2
------------------------------------*/
.headline-v2 {
    display: block;
    background: #fff;
    padding: 1px 10px;
    margin: 0 0 20px 0;
    border-left: 2px solid #000;
}

    .headline-v2 h2 {
        margin: 3px 0;
        font-size: 20px;
        font-weight: 200;
    }

/*Heading Sizes
------------------------------------*/
h2.heading-md {
    font-size: 20px;
    line-height: 24px;
}

h2.heading-sm,
h3.heading-md {
    font-size: 18px;
    line-height: 24px;
}

h3.heading-md {
    line-height: 22px;
}

h3.heading-sm {
    font-size: 16px;
    line-height: 20px;
}

h2.heading-xs {
    font-size: 16px;
    line-height: 22px;
}

h3.heading-xs {
    font-size: 14px;
    margin-bottom: 0;
}

/*Devider
------------------------------------*/
.devider.devider-dotted {
    border-top: 2px dotted #eee;
}

.devider.devider-dashed {
    border-top: 2px dashed #eee;
}

.devider.devider-db {
    height: 5px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.devider.devider-db-dashed {
    height: 5px;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}

.devider.devider-db-dotted {
    height: 5px;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
}

/*Tables
------------------------------------*/
/*Basic Tables*/
.table thead > tr > th {
    border-bottom: none;
}

@media (max-width: 768px) {
    .table th.hidden-sm,
    .table td.hidden-sm {
        display: none !important;
    }
}

/*Forms
------------------------------------*/
.form-control {
    box-shadow: none;
}

    .form-control:focus {
        border-color: #bbb;
        box-shadow: 0 0 2px #c9c9c9;
    }

/*Form Spacing*/
.form-spacing .form-control {
    margin-bottom: 15px;
}

/*Form Icons*/
.input-group-addon {
    color: #b3b3b3;
    font-size: 14px;
    background: #fff;
}

/*Carousel v1
------------------------------------*/
.carousel-v1 .carousel-caption {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 7px 15px;
    background: rgba(0, 0, 0, 0.7);
}

    .carousel-v1 .carousel-caption p {
        color: #fff;
        margin-bottom: 0;
    }

.carousel-v1 .carousel-arrow a.carousel-control {
    opacity: 1;
    font-size: 30px;
    height: inherit;
    width: inherit;
    background: none;
    text-shadow: none;
    position: inherit;
}

.carousel-v1 .carousel-arrow a i {
    top: 50%;
    opacity: 0.6;
    background: #000;
    margin-top: -18px;
    padding: 2px 12px;
    position: absolute;
}

    .carousel-v1 .carousel-arrow a i:hover {
        opacity: 0.8;
    }

.carousel-v1 .carousel-arrow a.left i {
    left: 0;
}

.carousel-v1 .carousel-arrow a.right i {
    right: 0;
}

/*Carousel v2
------------------------------------*/
.carousel-v2 .carousel-control,
.carousel-v2 .carousel-control:hover {
    opacity: 1;
    text-shadow: none;
}

    .carousel-v2 .carousel-control.left,
    .carousel-v2 .carousel-control.right {
        top: 50%;
        z-index: 5;
        color: #eee;
        width: 45px;
        height: 45px;
        font-size: 30px;
        margin-top: -22px;
        position: absolute;
        text-align: center;
        display: inline-block;
        border: 2px solid #eee;
        background: rgba(0,0,0,0.1);
    }

    .carousel-v2 .carousel-control:hover {
        background: rgba(0,0,0,0.3);
        -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;
    }

    .carousel-v2 .carousel-control.left {
        left: 20px;
    }

    .carousel-v2 .carousel-control.right {
        right: 20px;
    }

    .carousel-v2 .carousel-control .arrow-prev,
    .carousel-v2 .carousel-control .arrow-next {
        top: -5px;
        position: relative;
    }

    .carousel-v2 .carousel-control .arrow-next {
        right: -2px;
    }


@media (min-width: 768px) {
    .carousel-indicators {
        bottom: 10px;
    }
}

/*Tabs
------------------------------------*/
/*Tabs v1*/
.tab-v1 .nav-tabs {
    border: none;
    background: none;
    border-bottom: solid 2px #18BA9B;
}

    .tab-v1 .nav-tabs a {
        font-size: 14px;
        padding: 5px 15px;
    }

    .tab-v1 .nav-tabs > .active > a,
    .tab-v1 .nav-tabs > .active > a:hover,
    .tab-v1 .nav-tabs > .active > a:focus {
        color: #fff;
        border: none;
        background: #18BA9B;
    }

    .tab-v1 .nav-tabs > li > a {
        border: none;
    }

        .tab-v1 .nav-tabs > li > a:hover {
            color: #fff;
            background: #18BA9B;
        }

.tab-v1 .tab-content {
    padding: 10px 0;
}

    .tab-v1 .tab-content img {
        margin-top: 4px;
        margin-bottom: 15px;
    }

        .tab-v1 .tab-content img.img-tab-space {
            margin-top: 7px;
        }

/*Tabs v2*/
.tab-v2 .nav-tabs {
    border-bottom: none;
}

    .tab-v2 .nav-tabs li a {
        padding: 9px 16px;
        background: none;
        border: none;
    }

    .tab-v2 .nav-tabs li.active a {
        background: #fff;
        padding: 7px 15px 9px;
        border: solid 1px #eee;
        border-top: solid 2px #18BA9B;
        border-bottom: none !important;
    }

.tab-v2 .tab-content {
    padding: 10px 16px;
    border: solid 1px #eee;
}

/*Tabs v3*/
.tab-v3 .nav-pills li a {
    color: #777;
    font-size: 17px;
    padding: 4px 8px;
    margin-bottom: 3px;
    background: #fafafa;
    border: solid 1px #eee;
}

    .tab-v3 .nav-pills li a:hover,
    .tab-v3 .nav-pills li.active a {
        color: #fff;
        background: #18BA9B;
        border: solid 1px #68af28;
    }

.tab-v3 .nav-pills li i {
    width: 1.25em;
    margin-right: 5px;
    text-align: center;
    display: inline-block;
}

.tab-v3 .tab-content {
    padding: 15px;
    background: #fafafa;
    border: solid 1px #eee;
}

/*Accordions
------------------------------------*/
/*Accordion v1*/
.acc-v1 .panel-heading {
    padding: 0;
    box-shadow: none;
}

    .acc-v1 .panel-heading a {
        display: block;
        font-size: 14px;
        padding: 5px 15px;
        background: #fefefe;
    }

.acc-icon a.accordion-toggle i {
    color: #555;
    margin-right: 8px;
}

.acc-icon a.accordion-toggle:hover i {
    color: #39414c;
}

/*Navigation
------------------------------------*/
/*Pegination*/
.pagination li a {
    color: #777;
    padding: 5px 15px;
}

    .pagination li a:hover {
        color: #fff;
        background: #5fb611;
        border-color: #5fb611;
    }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    border-color: #18BA9B;
    background-color: #18BA9B;
}

/*Pagination Without Space*/
.pagination-no-space .pagination {
    margin: 0;
}

/*Pager*/
.pager li > a:hover,
.pager li > a:focus {
    color: #fff;
    background: #5fb611;
    border-color: #5fb611;
}

/*Pager v2 and v3
------------------------------------*/
.pager.pager-v2 li > a {
    border: none;
}

.pager.pager-v2 li > a,
.pager.pager-v3 li > a {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

    .pager.pager-v2 li > a:hover,
    .pager.pager-v2 li > a:focus,
    .pager.pager-v3 li > a:hover,
    .pager.pager-v3 li > a:focus {
        color: #fff;
        background: #18BA9B;
    }

/*Pager Amount*/
.pager.pager-v2 li.page-amount,
.pager.pager-v3 li.page-amount {
    font-size: 16px;
    font-style: italic;
}

    .pager.pager-v2 li.page-amount,
    .pager.pager-v2 li.page-amount:hover,
    .pager.pager-v2 li.page-amount:focus,
    .pager.pager-v3 li.page-amount,
    .pager.pager-v3 li.page-amount:hover,
    .pager.pager-v3 li.page-amount:focus {
        top: 7px;
        color: #777;
        position: relative;
    }

/*Pager Size*/
.pager.pager-v2.pager-md li a,
.pager.pager-v3.pager-md li a {
    font-size: 16px;
    padding: 8px 18px;
}

/*Sidebar Menu
------------------------------------*/
/*Sidebar Menu v1*/
.sidebar-nav-v1 li {
    padding: 0;
}

    .sidebar-nav-v1 li a {
        display: block;
        padding: 8px 30px 8px 10px;
    }

        .sidebar-nav-v1 li a:hover {
            text-decoration: none;
        }

.sidebar-nav-v1 > li.active,
.sidebar-nav-v1 > li.active:hover {
    background: #717984;
}

    .sidebar-nav-v1 > li.active,
    .sidebar-nav-v1 > li.active:hover,
    .sidebar-nav-v1 > li.active:focus {
        border-color: #ddd;
    }

        .sidebar-nav-v1 > li.active > a {
            color: #fff;
        }

/*Sidebar Sub Navigation*/
.sidebar-nav-v1 li ul {
    padding: 0;
    list-style: none;
}

.sidebar-nav-v1 li ul,
.sidebar-nav-v1 li.active ul a {
    background: #f8f8f8;
}

    .sidebar-nav-v1 li ul a {
        color: #555;
        font-size: 12px;
        border-top: solid 1px #ddd;
        padding: 6px 30px 6px 17px;
    }

.sidebar-nav-v1 ul li:hover a,
.sidebar-nav-v1 ul li.active a {
    color: #18BA9B;
}

/*Sidebar Badges*/
.list-group-item li > .badge {
    float: right;
}

.sidebar-nav-v1 span.badge {
    margin-top: 8px;
    margin-right: 10px;
}

.sidebar-nav-v1 .list-toggle > span.badge {
    margin-right: 25px;
}

.sidebar-nav-v1 ul li span.badge {
    margin-top: 8px;
    font-size: 11px;
    padding: 3px 5px;
    margin-right: 10px;
}

/*Sidebar List Toggle*/
.list-toggle:after {
    top: 7px;
    right: 10px;
    color: #777;
    font-size: 14px;
    content: "\f105";
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
}

.list-toggle.active:after {
    color: #fff;
    content: "\f107";
}

/*Button Styles
------------------------------------*/
.btn {
    box-shadow: none;
}

.btn-u {
    border: 0;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    font-weight: 400;
    padding: 6px 13px;
    position: relative;
    background: #18BA9B;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
}

    .btn-u:hover {
        color: #fff;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .btn-u.btn-block {
        text-align: center;
    }

a.btn-u {
    /*padding: 4px 13px;*/
    /*vertical-align: middle;*/
}

.btn-u-sm,
a.btn-u-sm {
    padding: 3px 12px;
}

.btn-u-lg,
a.btn-u-lg {
    font-size: 18px;
    padding: 10px 25px;
}

.btn-u-xs,
a.btn-u-xs {
    font-size: 12px;
    padding: 2px 12px;
    line-height: 18px;
}

/*Button Groups*/
.btn-group .dropdown-menu > li > a {
    padding: 3px 13px;
}

.btn-group > .btn-u,
.btn-group-vertical > .btn-u {
    float: left;
    position: relative;
}

    .btn-group > .btn-u:first-child {
        margin-left: 0;
    }

/*For FF Only*/
@-moz-document url-prefix() {
    .footer-subsribe .btn-u;

{
    padding-bottom: 4px;
}

}

@media (max-width: 768px) {
    @-moz-document url-prefix() {
        .btn-u;

{
    padding-bottom: 6px;
}

}
}

/*Buttons Color*/
.btn-u:hover,
.btn-u:focus,
.btn-u:active,
.btn-u.active,
.open .dropdown-toggle.btn-u {
    background: #5fb611;
}

.btn-u-split.dropdown-toggle {
    border-left: solid 1px #5fb611;
}

.btn-u.btn-u-blue {
    background: #3498db;
}

    .btn-u.btn-u-blue:hover,
    .btn-u.btn-u-blue:focus,
    .btn-u.btn-u-blue:active,
    .btn-u.btn-u-blue.active,
    .open .dropdown-toggle.btn-u.btn-u-blue {
        background: #2980b9;
    }

.btn-u.btn-u-split-blue.dropdown-toggle {
    border-left: solid 1px #2980b9;
}

.btn-u.btn-u-red {
    background: #e74c3c;
}

    .btn-u.btn-u-red:hover,
    .btn-u.btn-u-red:focus,
    .btn-u.btn-u-red:active,
    .btn-u.btn-u-red.active,
    .open .dropdown-toggle.btn-u.btn-u-red {
        background: #c0392b;
    }

.btn-u.btn-u-split-red.dropdown-toggle {
    border-left: solid 1px #c0392b;
}

.btn-u.btn-u-orange {
    background: #e67e22;
}

    .btn-u.btn-u-orange:hover,
    .btn-u.btn-u-orange:focus,
    .btn-u.btn-u-orange:active,
    .btn-u.btn-u-orange.active,
    .open .dropdown-toggle.btn-u.btn-u-orange {
        background: #d35400;
    }

.btn-u.btn-u-split-orange.dropdown-toggle {
    border-left: solid 1px #d35400;
}

.btn-u.btn-u-sea {
    background: #1abc9c;
}

    .btn-u.btn-u-sea:hover,
    .btn-u.btn-u-sea:focus,
    .btn-u.btn-u-sea:active,
    .btn-u.btn-u-sea.active,
    .open .dropdown-toggle.btn-u.btn-u-sea {
        background: #16a085;
    }

.btn-u.btn-u-split-sea.dropdown-toggle {
    border-left: solid 1px #16a085;
}

.btn-u.btn-u-green {
    background: #2ecc71;
}

    .btn-u.btn-u-green:hover,
    .btn-u.btn-u-green:focus,
    .btn-u.btn-u-green:active,
    .btn-u.btn-u-green.active,
    .open .dropdown-toggle.btn-u.btn-u-green {
        background: #27ae60;
    }

.btn-u.btn-u-split-green.dropdown-toggle {
    border-left: solid 1px #27ae60;
}

.btn-u.btn-u-yellow {
    background: #f1c40f;
}

    .btn-u.btn-u-yellow:hover,
    .btn-u.btn-u-yellow:focus,
    .btn-u.btn-u-yellow:active,
    .btn-u.btn-u-yellow.active,
    .open .dropdown-toggle.btn-u.btn-u-yellow {
        background: #f39c12;
    }

.btn-u.btn-u-split-yellow.dropdown-toggle {
    border-left: solid 1px #f39c12;
}

.btn-u.btn-u-default {
    background: #95a5a6;
}

    .btn-u.btn-u-default:hover,
    .btn-u.btn-u-default:focus,
    .btn-u.btn-u-default:active,
    .btn-u.btn-u-default.active,
    .open .dropdown-toggle.btn-u.btn-u-default {
        background: #7f8c8d;
    }

.btn-u.btn-u-split-default.dropdown-toggle {
    border-left: solid 1px #7f8c8d;
}

.btn-u.btn-u-purple {
    background: #9b6bcc;
}

    .btn-u.btn-u-purple:hover,
    .btn-u.btn-u-purple:focus,
    .btn-u.btn-u-purple:active,
    .btn-u.btn-u-purple.active,
    .open .dropdown-toggle.btn-u.btn-u-purple {
        background: #814fb5;
    }

.btn-u.btn-u-split-purple.dropdown-toggle {
    border-left: solid 1px #814fb5;
}

.btn-u.btn-u-aqua {
    background: #27d7e7;
}

    .btn-u.btn-u-aqua:hover,
    .btn-u.btn-u-aqua:focus,
    .btn-u.btn-u-aqua:active,
    .btn-u.btn-u-aqua.active,
    .open .dropdown-toggle.btn-u.btn-u-aqua {
        background: #26bac8;
    }

.btn-u.btn-u-split-aqua.dropdown-toggle {
    border-left: solid 1px #26bac8;
}

.btn-u.btn-u-brown {
    background: #9c8061;
}

    .btn-u.btn-u-brown:hover,
    .btn-u.btn-u-brown:focus,
    .btn-u.btn-u-brown:active,
    .btn-u.btn-u-brown.active,
    .open .dropdown-toggle.btn-u.btn-u-brown {
        background: #81674b;
    }

.btn-u.btn-u-split-brown.dropdown-toggle {
    border-left: solid 1px #81674b;
}

.btn-u.btn-u-dark-blue {
    background: #4765a0;
}

    .btn-u.btn-u-dark-blue:hover,
    .btn-u.btn-u-dark-blue:focus,
    .btn-u.btn-u-dark-blue:active,
    .btn-u.btn-u-dark-blue.active,
    .open .dropdown-toggle.btn-u.btn-u-dark-blue {
        background: #324c80;
    }

.btn-u.btn-u-split-dark.dropdown-toggle {
    border-left: solid 1px #324c80;
}

.btn-u.btn-u-light-green {
    background: #79d5b3;
}

    .btn-u.btn-u-light-green:hover,
    .btn-u.btn-u-light-green:focus,
    .btn-u.btn-u-light-green:active,
    .btn-u.btn-u-light-green.active,
    .open .dropdown-toggle.btn-u.btn-u-light-green {
        background: #59b795;
    }

.btn-u.btn-u-split-light-green.dropdown-toggle {
    border-left: solid 1px #59b795;
}

.btn-u.btn-u-dark {
    background: #555;
}

    .btn-u.btn-u-dark:hover,
    .btn-u.btn-u-dark:focus,
    .btn-u.btn-u-dark:active,
    .btn-u.btn-u-dark.active,
    .open .dropdown-toggle.btn-u.btn-u-dark {
        background: #333;
    }

.btn-u.btn-u-split-dark.dropdown-toggle {
    border-left: solid 1px #333;
}

.btn-u.btn-u-light-grey {
    background: #585f69;
}

    .btn-u.btn-u-light-grey:hover,
    .btn-u.btn-u-light-grey:focus,
    .btn-u.btn-u-light-grey:active,
    .btn-u.btn-u-light-grey.active,
    .open .dropdown-toggle.btn-u.btn-u-light-grey {
        background: #484f58;
    }

.btn-u.btn-u-split-light-grey.dropdown-toggle {
    border-left: solid 1px #484f58;
}

/*Bordered Buttons*/
.btn-u.btn-brd {
    color: #555;
    /*font-weight: 200;*/
    background: none;
    padding: 5px 13px;
    border: solid 1px transparent;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

    .btn-u.btn-brd:hover {
        background: none;
        border: solid 1px #eee;
    }

    .btn-u.btn-brd:focus {
        background: none;
    }

    .btn-u.btn-brd.btn-brd-hover:hover {
        color: #fff !important;
    }

.btn-u.btn-brd {
    border-color: #18BA9B;
}

    .btn-u.btn-brd:hover {
        color: #5fb611;
        border-color: #5fb611;
    }

    .btn-u.btn-brd.btn-brd-hover:hover {
        background: #5fb611;
    }

    .btn-u.btn-brd.btn-u-blue {
        border-color: #3498db;
    }

        .btn-u.btn-brd.btn-u-blue:hover {
            color: #2980b9;
            border-color: #2980b9;
        }

        .btn-u.btn-brd.btn-u-blue.btn-brd-hover:hover {
            background: #2980b9;
        }

    .btn-u.btn-brd.btn-u-red {
        border-color: #e74c3c;
    }

        .btn-u.btn-brd.btn-u-red:hover {
            color: #c0392b;
            border-color: #c0392b;
        }

        .btn-u.btn-brd.btn-u-red.btn-brd-hover:hover {
            background: #c0392b;
        }

    .btn-u.btn-brd.btn-u-orange {
        border-color: #e67e22;
    }

        .btn-u.btn-brd.btn-u-orange:hover {
            color: #d35400;
            border-color: #d35400;
        }

        .btn-u.btn-brd.btn-u-orange.btn-brd-hover:hover {
            background: #d35400;
        }

    .btn-u.btn-brd.btn-u-sea {
        border-color: #1abc9c;
    }

        .btn-u.btn-brd.btn-u-sea:hover {
            color: #16a085;
            border-color: #16a085;
        }

        .btn-u.btn-brd.btn-u-sea.btn-brd-hover:hover {
            background: #16a085;
        }

    .btn-u.btn-brd.btn-u-green {
        border-color: #2ecc71;
    }

        .btn-u.btn-brd.btn-u-green:hover {
            color: #27ae60;
            border-color: #27ae60;
        }

        .btn-u.btn-brd.btn-u-green.btn-brd-hover:hover {
            background: #27ae60;
        }

    .btn-u.btn-brd.btn-u-yellow {
        border-color: #f1c40f;
    }

        .btn-u.btn-brd.btn-u-yellow:hover {
            color: #f39c12;
            border-color: #f39c12;
        }

        .btn-u.btn-brd.btn-u-yellow.btn-brd-hover:hover {
            background: #f39c12;
        }

    .btn-u.btn-brd.btn-u-default {
        border-color: #95a5a6;
    }

        .btn-u.btn-brd.btn-u-default:hover {
            color: #7f8c8d;
            border-color: #7f8c8d;
        }

        .btn-u.btn-brd.btn-u-default.btn-brd-hover:hover {
            background: #7f8c8d;
        }

    .btn-u.btn-brd.btn-u-dark {
        border-color: #555;
    }

        .btn-u.btn-brd.btn-u-dark:hover {
            color: #333;
            border-color: #333;
        }

        .btn-u.btn-brd.btn-u-dark.btn-brd-hover:hover {
            background: #333;
        }

    .btn-u.btn-brd.btn-u-light-grey {
        border-color: #585f69;
    }

        .btn-u.btn-brd.btn-u-light-grey:hover {
            color: #484f58;
            border-color: #484f58;
        }

        .btn-u.btn-brd.btn-u-light-grey.btn-brd-hover:hover {
            background: #484f58;
        }

    .btn-u.btn-brd.btn-u-purple {
        border-color: #9b6bcc;
    }

        .btn-u.btn-brd.btn-u-purple:hover {
            color: #814fb5;
            border-color: #814fb5;
        }

        .btn-u.btn-brd.btn-u-purple.btn-brd-hover:hover {
            background: #814fb5;
        }

    .btn-u.btn-brd.btn-u-aqua {
        border-color: #27d7e7;
    }

        .btn-u.btn-brd.btn-u-aqua:hover {
            color: #26bac8;
            border-color: #26bac8;
        }

        .btn-u.btn-brd.btn-u-aqua.btn-brd-hover:hover {
            background: #26bac8;
        }

    .btn-u.btn-brd.btn-u-brown {
        border-color: #9c8061;
    }

        .btn-u.btn-brd.btn-u-brown:hover {
            color: #81674b;
            border-color: #81674b;
        }

        .btn-u.btn-brd.btn-u-brown.btn-brd-hover:hover {
            background: #81674b;
        }

    .btn-u.btn-brd.btn-u-dark-blue {
        border-color: #4765a0;
    }

        .btn-u.btn-brd.btn-u-dark-blue:hover {
            color: #324c80;
            border-color: #324c80;
        }

        .btn-u.btn-brd.btn-u-dark-blue.btn-brd-hover:hover {
            background: #324c80;
        }

    .btn-u.btn-brd.btn-u-light-green {
        border-color: #79d5b3;
    }

        .btn-u.btn-brd.btn-u-light-green:hover {
            color: #59b795;
            border-color: #59b795;
        }

        .btn-u.btn-brd.btn-u-light-green.btn-brd-hover:hover {
            background: #59b795;
        }

    .btn-u.btn-brd.btn-u-light {
        color: #fff;
        border-color: #fff;
    }

        .btn-u.btn-brd.btn-u-light:hover {
            border-color: #fff;
        }

        .btn-u.btn-brd.btn-u-light.btn-brd-hover:hover {
            background: #fff;
            color: #555 !important;
        }

/*Dropdown Buttons
------------------------------------*/
.dropdown-show {
    box-shadow: 0 0 4px #eee;
    display: inline-block;
    position: relative;
}

/*Badges and Labels
------------------------------------*/
/*Labels*/
span.label {
    font-size: 11px;
    font-weight: 400;
    padding: 4px 7px;
}

/*Badges*/
span.badge,
.list-group-item.active > .badge {
    color: #fff;
    font-weight: 400;
    padding: 4px 7px;
}

    span.label-u,
    span.badge-u,
    .list-group-item.active > .badge.badge-u {
        background: #18BA9B;
    }

span.label-blue,
span.badge-blue,
.list-group-item.active > .badge {
    background: #3498db;
}

span.label-red,
span.badge-red,
.list-group-item.active > .badge {
    background: #e74c3c;
}

    span.label-green,
    span.badge-green,
    .list-group-item.active > .badge.badge-green {
        background: #2ecc71;
    }

    span.label-sea,
    span.badge-sea,
    .list-group-item.active > .badge.badge-sea {
        background: #1abc9c;
    }

    span.label-orange,
    span.badge-orange,
    .list-group-item.active > .badge.badge-orange {
        background: #e67e22;
    }

    span.label-yellow,
    span.badge-yellow,
    .list-group-item.active > .badge.badge-yellow {
        background: #f1c40f;
    }

    span.label-purple,
    span.badge-purple,
    .list-group-item.active > .badge.badge-purple {
        background: #9b6bcc;
    }

    span.label-aqua,
    span.badge-aqua,
    .list-group-item.active > .badge.badge-aqua {
        background: #27d7e7;
    }

    span.label-brown,
    span.badge-brown,
    .list-group-item.active > .badge.badge-brown {
        background: #9c8061;
    }

    span.label-dark-blue,
    span.badge-dark-blue,
    .list-group-item.active > .badge.badge-dark-blue {
        background: #4765a0;
    }

    span.label-light-green,
    span.badge-light-green,
    .list-group-item.active > .badge.badge-light-green {
        background: #79d5b3;
    }

    span.label-light,
    span.badge-light,
    .list-group-item.active > .badge.badge-light {
        color: #777;
        background: #ecf0f1;
    }

    span.label-dark,
    span.badge-dark,
    .list-group-item.active > .badge.badge-dark {
        background: #555;
    }

/*Badge Lists*/
.badge-lists li {
    position: relative;
}

.badge-lists span.badge {
    top: -10px;
    right: -6px;
    position: absolute;
}

/*Badge Icons*/
.badge-lists.badge-icons span.badge {
    min-width: 12px;
    padding: 3px 6px;
}

.badge-lists.badge-icons i {
    font-size: 18px;
    min-width: 25px;
}

/*Badge Box v1*/
.badge-box-v1 a {
    color: #777;
    min-width: 40px;
    font-size: 18px;
    padding: 8px 9px;
    display: inline-block;
    border: solid 1px #eee;
}

/*Badge Box v2*/
.badge-box-v2 a {
    color: #777;
    font-size: 12px;
    padding: 10px;
    min-width: 70px;
    text-align: center;
    display: inline-block;
    border: solid 1px #eee;
}

    .badge-box-v2 a i {
        font-size: 20px;
    }

    /*General Badge Box*/
    .badge-box-v1 a i,
    .badge-box-v2 a i {
        display: block;
        margin: 1px auto 2px;
    }

    .badge-box-v1 a:hover,
    .badge-box-v2 a:hover {
        color: #555;
        border-color: #555;
        text-decoration: none;
        -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;
    }

/*Icons
------------------------------------*/
/*Social Icons*/
.social-icons {
    margin: 0;
    padding: 0;
}

    .social-icons li {
        list-style: none;
        margin-right: 3px;
        margin-bottom: 5px;
        text-indent: -9999px;
        display: inline-block;
    }

        .social-icons li a, a.social-icon {
            width: 28px;
            height: 28px;
            display: block;
            background-position: 0 0;
            background-repeat: no-repeat;
            transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
        }

        .social-icons li:hover a {
            background-position: 0 -38px;
        }

.social-icons-color li a {
    opacity: 0.7;
    background-position: 0 -38px !important;
    -webkit-backface-visibility: hidden; /*For Chrome*/
}

    .social-icons-color li a:hover {
        opacity: 1;
    }

.social_amazon {
    background: url(../img/icons/social/amazon.png) no-repeat;
}

.social_behance {
    background: url(../img/icons/social/behance.png) no-repeat;
}

.social_blogger {
    background: url(../img/icons/social/blogger.png) no-repeat;
}

.social_deviantart {
    background: url(../img/icons/social/deviantart.png) no-repeat;
}

.social_dribbble {
    background: url(../img/icons/social/dribbble.png) no-repeat;
}

.social_dropbox {
    background: url(../img/icons/social/dropbox.png) no-repeat;
}

.social_evernote {
    background: url(../img/icons/social/evernote.png) no-repeat;
}

.social_facebook {
    background: url(../img/icons/social/facebook.png) no-repeat;
}

.social_forrst {
    background: url(../img/icons/social/forrst.png) no-repeat;
}

.social_github {
    background: url(../img/icons/social/github.png) no-repeat;
}

.social_googleplus {
    background: url(../img/icons/social/googleplus.png) no-repeat;
}

.social_jolicloud {
    background: url(../img/icons/social/jolicloud.png) no-repeat;
}

.social_last-fm {
    background: url(../img/icons/social/last-fm.png) no-repeat;
}

.social_linkedin {
    background: url(../img/icons/social/linkedin.png) no-repeat;
}

.social_picasa {
    background: url(../img/icons/social/picasa.png) no-repeat;
}

.social_pintrest {
    background: url(../img/icons/social/pintrest.png) no-repeat;
}

.social_rss {
    background: url(../img/icons/social/rss.png) no-repeat;
}

.social_skype {
    background: url(../img/icons/social/skype.png) no-repeat;
}

.social_spotify {
    background: url(../img/icons/social/spotify.png) no-repeat;
}

.social_stumbleupon {
    background: url(../img/icons/social/stumbleupon.png) no-repeat;
}

.social_tumblr {
    background: url(../img/icons/social/tumblr.png) no-repeat;
}

.social_twitter {
    background: url(../img/icons/social/twitter.png) no-repeat;
}

.social_vimeo {
    background: url(../img/icons/social/vimeo.png) no-repeat;
}

.social_wordpress {
    background: url(../img/icons/social/wordpress.png) no-repeat;
}

.social_xing {
    background: url(../img/icons/social/xing.png) no-repeat;
}

.social_yahoo {
    background: url(../img/icons/social/yahoo.png) no-repeat;
}

.social_youtube {
    background: url(../img/icons/social/youtube.png) no-repeat;
}

.social_vk {
    background: url(../img/icons/social/vk.png) no-repeat;
}

.social_instagram {
    background: url(../img/icons/social/instagram.png) no-repeat;
}

/*Font Awesome Icon Styles*/
i.icon-custom {
    color: #555;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 5px;
    text-align: center;
    display: inline-block;
    border: solid 1px #555;
}

i.icon-sm {
    width: 35px;
    height: 35px;
    font-size: 16px;
    line-height: 35px;
}

i.icon-md {
    width: 55px;
    height: 55px;
    font-size: 22px;
    line-height: 55px;
}

i.icon-lg {
    width: 60px;
    height: 60px;
    font-size: 31px;
    line-height: 60px;
    margin-bottom: 10px;
}

i.icon-2x {
    font-size: 30px;
}

i.icon-3x {
    font-size: 40px;
}

i.icon-4x {
    font-size: 50px;
}

/*Line Icons*/
i.icon-line {
    font-size: 17px;
}

i.icon-sm.icon-line {
    font-size: 14px;
}

i.icon-md.icon-line {
    font-size: 22px;
}

i.icon-lg.icon-line {
    font-size: 28px;
}

i.icon-2x.icon-line {
    font-size: 27px;
}

i.icon-3x.icon-line {
    font-size: 36px;
}

i.icon-4x.icon-line {
    font-size: 47px;
}

/*Icon Styles For Links*/
.link-icon,
.link-bg-icon {
    color: #555;
}

    .link-icon:hover,
    .link-bg-icon:hover {
        border: none;
        text-decoration: none;
    }

        .link-icon:hover i {
            color: #18BA9B;
            background: none;
            border: solid 1px #18BA9B;
        }

        .link-bg-icon:hover i {
            color: #18BA9B;
            background: #18BA9B;
            border-color: #18BA9B;
            color: #fff !important;
        }

/*Icons Color*/
i.icon-color-u,
i.icon-color-red,
i.icon-color-sea,
i.icon-color-dark,
i.icon-color-grey,
i.icon-color-blue,
i.icon-color-green,
i.icon-color-yellow,
i.icon-color-orange,
i.icon-color-purple,
i.icon-color-aqua,
i.icon-color-brown,
i.icon-color-dark-blue,
i.icon-color-light-grey,
i.icon-color-light-green {
    background: none;
}

i.icon-color-u {
    color: #18BA9B;
    border: solid 1px #18BA9B;
}

    i.icon-color-u img {
        width: 100%;
        margin-bottom: 5px;
    }

i.icon-color-blue {
    color: #3498db;
    border: solid 1px #3498db;
}

i.icon-color-red {
    color: #e74c3c;
    border: solid 1px #e74c3c;
}

i.icon-color-sea {
    color: #1abc9c;
    border: solid 1px #1abc9c;
}

i.icon-color-green {
    color: #2ecc71;
    border: solid 1px #2ecc71;
}

i.icon-color-yellow {
    color: #f1c40f;
    border: solid 1px #f1c40f;
}

i.icon-color-orange {
    color: #e67e22;
    border: solid 1px #e67e22;
}

i.icon-color-grey {
    color: #95a5a6;
    border: solid 1px #95a5a6;
}

i.icon-color-purple {
    color: #9b6bcc;
    border: solid 1px #9b6bcc;
}

i.icon-color-aqua {
    color: #27d7e7;
    border: solid 1px #27d7e7;
}

i.icon-color-brown {
    color: #9c8061;
    border: solid 1px #9c8061;
}

i.icon-color-dark-blue {
    color: #4765a0;
    border: solid 1px #4765a0;
}

i.icon-color-light-green {
    color: #79d5b3;
    border: solid 1px #79d5b3;
}

i.icon-color-light {
    color: #fff;
    border: solid 1px #fff;
}

i.icon-color-light-grey {
    color: #585f69;
    border: solid 1px #585f69;
}

/*Icons Backgroun Color*/
i.icon-bg-u,
i.icon-bg-red,
i.icon-bg-sea,
i.icon-bg-dark,
i.icon-bg-darker,
i.icon-bg-grey,
i.icon-bg-blue,
i.icon-bg-green,
i.icon-bg-yellow,
i.icon-bg-orange,
i.icon-bg-purple,
i.icon-bg-aqua,
i.icon-bg-brown,
i.icon-bg-dark-blue,
i.icon-bg-light-grey,
i.icon-bg-light-green {
    color: #fff;
    border-color: transparent;
}

i.icon-bg-u {
    background: #18BA9B;
}

i.icon-bg-blue {
    background: #3498db;
}

i.icon-bg-red {
    background: #e74c3c;
}

i.icon-bg-sea {
    background: #1abc9c;
}

i.icon-bg-green {
    background: #2ecc71;
}

i.icon-bg-yellow {
    background: #f1c40f;
}

i.icon-bg-orange {
    background: #e67e22;
}

i.icon-bg-grey {
    background: #95a5a6;
}

i.icon-bg-dark {
    background: #555;
}

i.icon-bg-darker {
    background: #333;
}

i.icon-bg-purple {
    background: #9b6bcc;
}

i.icon-bg-aqua {
    background: #27d7e7;
}

i.icon-bg-brown {
    background: #9c8061;
}

i.icon-bg-dark-blue {
    background: #4765a0;
}

i.icon-bg-light-green {
    background: #79d5b3;
}

i.icon-bg-light {
    background: #fff;
    border-color: transparent;
}

i.icon-bg-light-grey {
    background: #585f69;
    border-color: transparent;
}

/* Make Font Awesome icons fixed width */
.fa-fixed [class^="fa"],
.fa-fixed [class*=" fa"] {
    width: 1.25em;
    text-align: center;
    display: inline-block;
}

    .fa-fixed [class^="fa"].fa-lg,
    .fa-fixed [class*=" fa"].fa-lg {
        /* increased font size for fa-lg */
        width: 1.5625em;
    }

/*Content Boxes
------------------------------------*/
/*Content Boxes v1*/
.content-boxes-v1 {
    text-align: center;
}

    .content-boxes-v1 span {
        display: block;
        margin-top: 5px;
        /*va*/
        font-size: 11px;
        font-weight: bold; /*va*/
    }

/*Content Boxes v2*/
@media (max-width: 992px) {
    .content-boxes-v2,
    .content-boxes-v2 .text-justify {
        text-align: center;
    }

        .content-boxes-v2 span {
            display: block;
            margin-top: 5px;
        }
}

/*Content Boxes v3*/
.content-boxes-v3 i.icon-custom {
    top: 8px;
    float: left;
    position: relative;
}

.content-boxes-v3 .content-boxes-in-v3 {
    padding: 0 10px;
    overflow: hidden;
}

    .content-boxes-v3 .content-boxes-in-v3 h3 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 3px;
        text-transform: capitalize;
    }

        .content-boxes-v3 .content-boxes-in-v3 h3 a {
            color: #555;
        }

/*Content Boxes Right v3*/
.content-boxes-v3.content-boxes-v3-right {
    text-align: right;
}

    .content-boxes-v3.content-boxes-v3-right i.icon-custom {
        float: right;
        margin-left: 10px;
    }

@media (max-width: 768px) {
    .content-boxes-v3.content-boxes-v3-right {
        text-align: inherit;
    }

        .content-boxes-v3.content-boxes-v3-right i.icon-custom {
            float: left;
            margin-left: 0;
        }
}

/*Content Boxes v4*/
.content-boxes-v4 h2 {
    color: #555;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.content-boxes-v4 a {
    color: #777;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.content-boxes-v4 i {
    width: 25px;
    color: #18BA9B;
    font-size: 35px;
    margin-top: 10px;
}

.content-boxes-in-v4 {
    padding: 0 10px;
    overflow: hidden;
}

.content-boxes-v4-sm i {
    font-size: 26px;
    margin-top: 10px;
    margin-right: 5px;
}

/*Content Boxes v5*/
.content-boxes-v5 i {
    float: left;
    color: #999;
    width: 50px;
    height: 50px;
    padding: 11px;
    font-size: 22px;
    background: #eee;
    line-height: 28px;
    text-align: center;
    margin-right: 15px;
    display: inline-block;
}

.content-boxes-v5:hover i {
    color: #fff;
    background: #18BA9B;
}

/*Content Boxes v6*/
.content-boxes-v6 {
    padding-top: 25px;
    text-align: center;
}

    .content-boxes-v6 i {
        color: #fff;
        width: 90px;
        height: 90px;
        padding: 30px;
        font-size: 30px;
        line-height: 30px;
        position: relative;
        text-align: center;
        background: #dedede;
        margin-bottom: 25px;
        display: inline-block;
    }

        .content-boxes-v6 i:after {
            top: -8px;
            left: -8px;
            right: -8px;
            bottom: -8px;
            content: " ";
            position: absolute;
            border: 1px solid #dedede;
            border-radius: 50% !important;
        }

    .content-boxes-v6:hover i,
    .content-boxes-v6:hover i:after {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .content-boxes-v6:hover i {
        background: #18BA9B;
    }

        .content-boxes-v6:hover i:after {
            border-color: #18BA9B;
        }

/*Colored Content Boxes
------------------------------------*/
.service-block {
    padding: 20px 30px;
    text-align: center;
    margin-bottom: 20px;
}

    .service-block p,
    .service-block h2 {
        color: #fff;
    }

        .service-block h2 a:hover {
            text-decoration: none;
        }

.service-block-light,
.service-block-default {
    background: #fafafa;
    border: solid 1px #eee;
}

    .service-block-default:hover {
        box-shadow: 0 0 8px #eee;
    }

    .service-block-light p,
    .service-block-light h2,
    .service-block-default p,
    .service-block-default h2 {
        color: #555;
    }

.service-block-u {
    background: #18BA9B;
}

.service-block-blue {
    background: #3498db;
}

.service-block-red {
    background: #e74c3c;
}

.service-block-sea {
    background: #1abc9c;
}

.service-block-grey {
    background: #95a5a6;
}

.service-block-yellow {
    background: #f1c40f;
}

.service-block-orange {
    background: #e67e22;
}

.service-block-green {
    background: #2ecc71;
}

.service-block-purple {
    background: #9b6bcc;
}

.service-block-aqua {
    background: #27d7e7;
}

.service-block-brown {
    background: #9c8061;
}

.service-block-dark-blue {
    background: #4765a0;
}

.service-block-light-green {
    background: #79d5b3;
}

.service-block-dark {
    background: #555;
}

.service-block-light {
    background: #ecf0f1;
}

/*Funny Boxes
------------------------------------*/
.funny-boxes {
    background: #f7f7f7;
    padding: 20px 20px 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .funny-boxes h2 {
        margin-top: 0;
        font-size: 18px;
        line-height: 20px;
    }

        .funny-boxes h2 a {
            color: #555;
        }

    .funny-boxes p a {
        color: #18BA9B;
    }

    .funny-boxes .funny-boxes-img li {
        font-size: 12px;
        margin-bottom: 2px;
    }

        .funny-boxes .funny-boxes-img li i {
            color: #18BA9B;
            font-size: 12px;
            margin-right: 5px;
        }

@media (max-width: 992px) {
    .funny-boxes .funny-boxes-img li {
        display: inline-block;
    }
}

.funny-boxes .funny-boxes-img img {
    margin: 5px 10px 15px 0;
}

.funny-boxes ul.funny-boxes-rating li {
    display: inline-block;
}

    .funny-boxes ul.funny-boxes-rating li i {
        color: #f8be2c;
        cursor: pointer;
        font-size: 14px;
    }

        .funny-boxes ul.funny-boxes-rating li i:hover {
            color: #f8be2c;
        }

/*Funny Colored Boxes*/
.funny-boxes-colored p,
.funny-boxes-colored h2 a,
.funny-boxes-colored .funny-boxes-img li,
.funny-boxes-colored .funny-boxes-img li i {
    color: #fff;
}

/*Red Funny Box*/
.funny-boxes-red {
    background: #e74c3c;
}

/*Dark Red Funny Box*/
.funny-boxes-purple {
    background: #9b6bcc;
}

/*Blue Funny Box*/
.funny-boxes-blue {
    background: #3498db;
}

/*Grey Funny Box*/
.funny-boxes-grey {
    background: #95a5a6;
}

/*Turquoise Funny Box*/
.funny-boxes-sea {
    background: #1abc9c;
}

/*Turquoise Top Bordered Funny Box*/
.funny-boxes-top-sea {
    border-top: solid 2px #1abc9c;
}

    .funny-boxes-top-sea:hover {
        border-top-color: #16a085;
    }

/*Yellow Top Bordered Funny Box**/
.funny-boxes-top-yellow {
    border-top: solid 2px #f1c40f;
}

    .funny-boxes-top-yellow:hover {
        border-top-color: #f39c12;
    }

/*Red Top Bordered Funny Box**/
.funny-boxes-top-red {
    border-top: solid 2px #e74c3c;
}

    .funny-boxes-top-red:hover {
        border-top-color: #c0392b;
    }

/*Purple Top Bordered Funny Box**/
.funny-boxes-top-purple {
    border-top: solid 2px #9b6bcc;
}

    .funny-boxes-top-purple:hover {
        border-top-color: #814fb5;
    }

/*Orange Left Bordered Funny Box**/
.funny-boxes-left-orange {
    border-left: solid 2px #e67e22;
}

    .funny-boxes-left-orange:hover {
        border-left-color: #d35400;
    }

/*Green Left Bordered Funny Box**/
.funny-boxes-left-green {
    border-left: solid 2px #18BA9B;
}

    .funny-boxes-left-green:hover {
        border-left-color: #5fb611;
    }

/*Blue Left Bordered Funny Box**/
.funny-boxes-left-blue {
    border-left: solid 2px #3498db;
}

    .funny-boxes-left-blue:hover {
        border-left-color: #2980b9;
    }

/*Dark Left Bordered Funny Box**/
.funny-boxes-left-dark {
    border-left: solid 2px #555;
}

    .funny-boxes-left-dark:hover {
        border-left-color: #333;
    }

/*Typography
------------------------------------*/
.text-justify p {
    text-align: justify;
}

.text-transform-uppercase {
    text-transform: uppercase;
}

.text-transform-normal {
    text-transform: inherit !important;
}

.font-bold {
    font-weight: 600;
}

.font-light {
    font-weight: 200;
}

.font-normal {
    font-weight: 400 !important;
}

/*Text Dropcap*/
.dropcap {
    float: left;
    color: #18BA9B;
    padding: 5px 0;
    font-size: 45px;
    font-weight: 200;
    line-height: 30px;
    margin: 0px 5px 0 0;
}

.dropcap-bg {
    float: left;
    color: #fff;
    padding: 7px 0;
    min-width: 50px;
    font-size: 35px;
    font-weight: 200;
    line-height: 35px;
    text-align: center;
    background: #18BA9B;
    margin: 4px 10px 0 0;
}

/*Text Highlights*/
.text-highlights {
    color: #fff;
    font-weight: 200;
    padding: 0px 5px;
    background: #555;
}

.text-highlights-green {
    background: #18BA9B;
}

.text-highlights-blue {
    background: #3498db;
}

.text-highlights-red {
    background: #e74c3c;
}

.text-highlights-sea {
    background: #1abc9c;
}

.text-highlights-orange {
    background: #e67e22;
}

.text-highlights-yellow {
    background: #f1c40f;
}

.text-highlights-purple {
    background: #9b6bcc;
}

.text-highlights-aqua {
    background: #27d7e7;
}

.text-highlights-brown {
    background: #9c8061;
}

.text-highlights-dark-blue {
    background: #4765a0;
}

.text-highlights-light-green {
    background: #79d5b3;
}

/*Text Borders*/
.text-border {
    border-bottom: dashed 1px #555;
}

.text-border-default {
    border-color: #95a5a6;
}

.text-border-green {
    border-color: #18BA9B;
}

.text-border-blue {
    border-color: #3498db;
}

.text-border-red {
    border-color: #e74c3c;
}

.text-border-yellow {
    border-color: #f1c40f;
}

.text-border-purple {
    border-color: #9b6bcc;
}

/*List Styles*/
.list-styles li {
    margin-bottom: 8px;
}

/*Contextual Backgrounds*/
.contex-bg p {
    opacity: 0.8;
    padding: 8px 10px;
}

    .contex-bg p:hover {
        opacity: 1;
    }

/*Blockquote*/
blockquote {
    padding: 5px 15px;
    border-left-width: 2px;
}

    blockquote p {
        font-size: 14px;
        font-weight: 400;
    }

    blockquote h1,
    blockquote h2,
    blockquote span {
        font-size: 18px;
        margin: 0 0 8px;
        line-height: 24px;
    }

    /*Blockquote Styles*/
    blockquote.bq-text-lg p,
    blockquote.bq-text-lg small {
        text-transform: uppercase;
    }

    blockquote.bq-text-lg p {
        font-size: 22px;
        font-weight: 300;
        line-height: 32px;
    }

    blockquote.text-right,
    blockquote.hero.text-right {
        border-left: none;
        border-right: 2px solid #eee;
    }

        blockquote.hero.text-right,
        blockquote.hero.text-right:hover {
            border-color: #555;
        }

        blockquote:hover,
        blockquote.text-right:hover {
            border-color: #18BA9B;
            -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;
        }

    blockquote.bq-dark,
    blockquote.bq-dark:hover {
        border-color: #585f69;
    }

    blockquote.bq-green {
        border-color: #18BA9B;
    }

    /*Blockquote Hero Styles*/
    blockquote.hero {
        border: none;
        padding: 18px;
        font-size: 16px;
        background: #f3f3f3;
        border-left: solid 2px #666;
    }

        blockquote.hero:hover {
            background: #eee;
            border-left-color: #666;
        }

        blockquote.hero.hero-dark,
        blockquote.hero.hero-default {
            border: none;
        }

        blockquote.hero.hero-dark {
            background: #444;
        }

            blockquote.hero.hero-dark:hover {
                background: #555;
            }

        blockquote.hero.hero-default {
            background: #18BA9B;
        }

            blockquote.hero.hero-default:hover {
                background: #5fb611;
            }

            blockquote.hero.hero-dark p,
            blockquote.hero.hero-dark h2,
            blockquote.hero.hero-dark small,
            blockquote.hero.hero-default p,
            blockquote.hero.hero-default h2,
            blockquote.hero.hero-default small {
                color: #fff;
                font-weight: 200;
            }

/*Tag Boxes
------------------------------------*/
.tag-box {
    padding: 20px;
    background: #fff;
    margin-bottom: 30px;
}

    .tag-box h2 {
        font-size: 20px;
        line-height: 25px;
    }

    .tag-box p {
        /*va*/
        margin-top: 7px;
        margin-bottom: 10px;
    }

    .tag-box.tag-text-space p {
        margin-bottom: 10px;
    }

/*Tag Boxes v1*/
.tag-box-v1 {
    border: solid 1px #eee;
    border-top: solid 2px #18BA9B;
}

/*Tag Boxes v2*/
.tag-box-v2 {
    background: #fafafa;
    border: solid 1px #eee;
    border-right: solid 2px #18BA9B;
}

/*Tag Boxes v3*/
.tag-box-v3 {
    border: solid 2px #18BA9B;
}

/*Tag Boxes v4*/
.tag-box-v4 {
    border: dashed 1px #bbb;
}

/*Tag Boxes v5*/
.tag-box-v5 {
    margin: 20px 0;
    text-align: center;
    border: dashed 1px #ccc;
}

    .tag-box-v5 span {
        color: #555;
        font-size: 28px;
        margin-bottom: 0;
    }

/*Tag Boxes v6*/
.tag-box-v6 {
    background: #fafafa;
    border: solid 1px #eee;
}

/*Tag Boxes v7*/
.tag-box-v7 {
    border: solid 1px #eee;
    border-bottom: solid 2px #18BA9B;
}

/*Testimonials
------------------------------------*/
/*Testimonials*/
.testimonials {
    margin-bottom: 10px;
}

    .testimonials .testimonial-info {
        color: #18BA9B;
        font-size: 16px;
        padding: 0 15px;
        margin-top: 18px;
    }

        .testimonials .testimonial-info span {
            top: 3px;
            position: relative;
        }

        .testimonials .testimonial-info em {
            color: #777;
            display: block;
            font-size: 13px;
        }

        .testimonials .testimonial-info img {
            width: 60px;
            float: left;
            height: 60px;
            padding: 2px;
            margin-right: 15px;
            border: solid 1px #ccc;
        }

    .testimonials .testimonial-author {
        overflow: hidden;
    }

    .testimonials .carousel-arrow {
        top: -65px;
        position: relative;
    }

        .testimonials .carousel-arrow i {
            color: #777;
            padding: 2px;
            min-width: 25px;
            font-size: 20px;
            text-align: center;
            background: #f5f5f5;
        }

            .testimonials .carousel-arrow i:hover {
                color: #fff;
                background: #18BA9B;
            }

    .testimonials .carousel-control {
        opacity: 1;
        width: 100%;
        text-align: right;
        text-shadow: none;
        position: absolute;
        filter: Alpha(opacity = 100); /*For IE*/
    }

        .testimonials .carousel-control.left {
            right: 27px;
            left: auto;
        }

        .testimonials .carousel-control.right {
            right: 0px;
        }

    /*Testimonials v1*/
    .testimonials.testimonials-v1 .item p {
        position: relative;
    }

        .testimonials.testimonials-v1 .item p:after,
        .testimonials.testimonials-v1 .item p:before {
            left: 80px;
            bottom: -20px;
        }

        .testimonials.testimonials-v1 .item p:after {
            border-top: 22px solid;
            border-left: 0 solid transparent;
            border-right: 22px solid transparent;
        }

    /*Testimonials v2*/
    .testimonials.testimonials-v2 .testimonial-info {
        padding: 0 20px;
    }

    .testimonials.testimonials-v2 p {
        padding-bottom: 15px;
    }

    .testimonials.testimonials-v2 .carousel-arrow {
        top: -55px;
    }

    .testimonials.testimonials-v2 .item p:after,
    .testimonials.testimonials-v2 .item p:before {
        left: 8%;
        bottom: 45px;
    }

    .testimonials.testimonials-v2 .item p:after {
        border-top: 20px solid;
        border-left: 25px solid transparent;
        border-right: 0px solid transparent;
    }

    /*General Testimonials v1/v2*/
    .testimonials.testimonials-v1 p,
    .testimonials.testimonials-v2 p {
        padding: 15px;
        font-size: 14px;
        font-style: italic;
        background: #f5f5f5;
    }

    .testimonials.testimonials-v1 .item p:after,
    .testimonials.testimonials-v2 .item p:after {
        width: 0;
        height: 0;
        content: " ";
        display: block;
        position: absolute;
        border-top-color: #f5f5f5;
        border-left-style: inset; /*FF fixes*/
        border-right-style: inset; /*FF fixes*/
    }

/*Testimonials Backgrounds*/
.testimonials-bg-dark .item p,
.testimonials-bg-default .item p {
    color: #fff;
    font-weight: 200;
}

.testimonials-bg-dark .carousel-arrow i,
.testimonials-bg-default .carousel-arrow i {
    color: #fff;
}

/*Testimonials Default*/
.testimonials-bg-default .item p {
    background: #18BA9B;
}

.testimonials.testimonials-bg-default .item p:after,
.testimonials.testimonials-bg-default .item p:after {
    border-top-color: #18BA9B;
}

.testimonials-bg-default .carousel-arrow i {
    background: #18BA9B;
}

.testimonials.testimonials-bg-default .carousel-arrow i:hover {
    background: #5fb611;
}

/*Testimonials Dark*/
.testimonials-bg-dark .item p {
    background: #555;
}

.testimonials.testimonials-bg-dark .item p:after,
.testimonials.testimonials-bg-dark .item p:after {
    border-top-color: #555;
}

.testimonials-bg-dark .carousel-arrow i {
    color: #fff;
    background: #555;
}

.testimonials.testimonials-bg-dark .carousel-arrow i:hover {
    background: #333;
}

.testimonials.testimonials-bg-dark .testimonial-info {
    color: #555;
}

/*Panels (Portlets)
------------------------------------*/
.panel-heading {
    color: #fff;
    padding: 5px 15px;
}

/*Panel Table*/
.panel .table {
    margin-bottom: 0;
}

/*Panel Unify*/
.panel-u {
    border-color: #18BA9B;
}

    .panel-u > .panel-heading {
        background: #18BA9B;
    }

/*Panel Blue*/
.panel-blue {
    border-color: #3498db;
}

    .panel-blue > .panel-heading {
        background: #3498db;
    }

/*Panel Red*/
.panel-red {
    border-color: #e74c3c;
}

    .panel-red > .panel-heading {
        background: #e74c3c;
    }

/*Panel Green*/
.panel-green {
    border-color: #2ecc71;
}

    .panel-green > .panel-heading {
        background: #2ecc71;
    }

/*Panel Sea*/
.panel-sea {
    border-color: #1abc9c;
}

    .panel-sea > .panel-heading {
        background: #1abc9c;
    }

/*Panel Orange*/
.panel-orange {
    border-color: #e67e22;
}

    .panel-orange > .panel-heading {
        background: #e67e22;
    }

/*Panel Yellow*/
.panel-yellow {
    border-color: #f1c40f;
}

    .panel-yellow > .panel-heading {
        background: #f1c40f;
    }

/*Panel Grey*/
.panel-grey {
    border-color: #95a5a6;
}

    .panel-grey > .panel-heading {
        background: #95a5a6;
    }

/*Panel Dark*/
.panel-dark {
    border-color: #555;
}

    .panel-dark > .panel-heading {
        background: #555;
    }

/*Panel Purple*/
.panel-purple {
    border-color: #9b6bcc;
}

    .panel-purple > .panel-heading {
        background: #9b6bcc;
    }

/*Panel Aqua*/
.panel-aqua {
    border-color: #27d7e7;
}

    .panel-aqua > .panel-heading {
        background: #27d7e7;
    }

/*Panel Brown*/
.panel-brown {
    border-color: #9c8061;
}

    .panel-brown > .panel-heading {
        background: #9c8061;
    }

/*Panel Dark Blue*/
.panel-dark-blue {
    border-color: #4765a0;
}

    .panel-dark-blue > .panel-heading {
        background: #4765a0;
    }

/*Panel Light Green*/
.panel-light-green {
    border-color: #79d5b3;
}

    .panel-light-green > .panel-heading {
        background: #79d5b3;
    }

/*Panel Default Dark*/
.panel-default-dark {
    border-color: #585f69;
}

    .panel-default-dark > .panel-heading {
        background: #585f69;
    }

/*Progress Bar
------------------------------------*/
.progress-u {
    box-shadow: none;
}

    .progress-u .progress-bar {
        box-shadow: none;
    }

/*progress-bar (sizes)*/
.progress-lg {
    height: 25px;
}

    .progress-lg p {
        padding-top: 3px;
    }

.progress-sm {
    height: 12px;
}

.progress-xs {
    height: 7px;
}

.progress-xxs {
    height: 3px;
}

/*progress-bar (colors)*/
.progress {
    background: #e5e5e5;
}

.progress-bar-u {
    background: #18BA9B;
}

.progress-bar-blue {
    background: #3498db;
}

.progress-bar-orange {
    background: #e67e22;
}

.progress-bar-red {
    background: #e74c3c;
}

.progress-bar-purple {
    background: #9b6bcc;
}

.progress-bar-aqua {
    background: #27d7e7;
}

.progress-bar-brown {
    background: #9c8061;
}

.progress-bar-dark-blue {
    background: #4765a0;
}

.progress-bar-light-green {
    background: #79d5b3;
}

.progress-bar-dark {
    background: #555;
}

/*Progress Bar Animation
------------------------------------*/
.progress {
    position: relative;
}

    .progress .progress-bar {
        overflow: hidden;
        line-height: 20px;
        position: absolute;
    }

.progress-box .progress-bar {
    transition: all 3s ease-in;
    -o-transition: all 3s ease-in;
    -ms-transition: all 3s ease-in;
    -moz-transition: all 3s ease-in;
    -webkit-transition: all 3s ease-in;
}

/*Vertical Progress Bar*/
.progress.vertical {
    float: left;
    width: 100%;
    height: 200px;
    margin-right: 20px;
}

    .progress.vertical.bottom {
        position: relative;
    }

    .progress.vertical .progress-bar {
        height: 0;
        width: 100%;
        transition: height 3s ease;
        -o-transition: height 3s ease;
        -ms-transition: height 3s ease;
        -moz-transition: height 3s ease;
        -webkit-transition: height 3s ease;
    }

    .progress.vertical.bottom .progress-bar {
        bottom: 0;
        position: absolute;
    }

/*Count Stars
------------------------------------*/
.stars-existing {
    color: #18BA9B;
    cursor: pointer;
}

.star-lg {
    font-size: 30px;
}

.star-sm {
    font-size: 25px;
}

.star-xs {
    font-size: 20px;
}

.star-default {
    font-size: 16px;
}

/*Media (Audio/Videos and Images)
------------------------------------*/
/*Images*/
img.img-bordered {
    padding: 3px;
    border: solid 1px #eee;
}

img.img-circle {
    border-radius: 50% !important;
}

img.image-sm {
    width: 50px;
    height: 50px;
}

img.image-md {
    width: 100px;
    height: 100px;
}

/*Responsive Video*/
.responsive-video {
    height: 0;
    padding-top: 1px;
    position: relative;
    padding-bottom: 56.25%; /*16:9*/
}

    .responsive-video iframe {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
    }

/*Tags v1
------------------------------------*/
.tags-v1 li {
    margin: 0;
    padding: 0;
}

    .tags-v1 li a {
        font-size: 13px;
        padding: 4px 8px;
        line-height: 32px;
        border: solid 2px #eee;
        border-radius: 20px !important;
        -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;
    }

        .tags-v1 li a:hover {
            text-decoration: none;
            border-color: #e0e0e0;
        }

/*Tags v2
------------------------------------*/
.tags-v2 li {
    padding: 7px 0 7px 4px;
}

    .tags-v2 li a {
        color: #555;
        font-size: 13px;
        padding: 5px 10px;
        border: solid 1px #bbb;
    }

        .tags-v2 li a:hover {
            color: #fff;
            background: #555;
            border-color: #555;
            text-decoration: none;
            -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;
        }

/*Lists
------------------------------------*/
.list-row {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
}

/*Lists v1*/
.lists-v1 li {
    margin-bottom: 10px;
}

.lists-v1 i {
    color: #fff;
    width: 15px;
    height: 15px;
    padding: 1px;
    font-size: 13px;
    margin-right: 7px;
    text-align: center;
    background: #18BA9B;
    display: inline-block;
    border-radius: 50% !important;
}

/*Lists v2*/
.lists-v2 li {
    margin-bottom: 10px;
}

.lists-v2 i {
    color: #18BA9B;
    font-size: 13px;
    margin-right: 7px;
    display: inline-block;
}

/*Column Sizes
------------------------------------*/
/*Remove the Gutter Padding from Columns*/
.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.no-gutter.no-gutter-boxed {
    padding-right: 15px;
    padding-left: 15px;
}

/*Heights
------------------------------------*/
.height-100 {
    min-height: 100px;
}

.height-150 {
    min-height: 150px;
}

.height-200 {
    min-height: 200px;
}

.height-250 {
    min-height: 250px;
}

.height-300 {
    min-height: 300px;
}

.height-350 {
    min-height: 350px;
}

.height-400 {
    min-height: 400px;
}

.height-450 {
    min-height: 450px;
}

.height-500 {
    min-height: 500px !important;
}

/*Spaces
------------------------------------*/
.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0;
}

.no-top-space {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.no-bottom-space {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.content-xs {
    padding-top: 20px;
    padding-bottom: 20px;
}

.content {
    padding-top: 40px;
    padding-bottom: 40px;
    min-height:1200px;
    direction: rtl;
}

.content-sm {
    padding-top: 60px;
    padding-bottom: 60px;
    direction: rtl;
    text-align: justify;
}

.content-md {
    padding-top: 80px;
    padding-bottom: 80px;
    direction: rtl;
    text-align: justify;
}

.content-lg {
    padding-top: 100px;
    padding-bottom: 100px;
    direction: rtl;
    text-align: justify;
}

.space-lg-hor {
    padding-left: 60px;
    padding-right: 60px;
}

.space-xlg-hor {
    padding-left: 100px;
    padding-right: 100px;
}

.margin-bottom-5,
.margin-bottom-10,
.margin-bottom-15,
.margin-bottom-20,
.margin-bottom-25,
.margin-bottom-30,
.margin-bottom-35,
.margin-bottom-40,
.margin-bottom-45,
.margin-bottom-50,
.margin-bottom-55,
.margin-bottom-60 {
    clear: both;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-35 {
    margin-bottom: 35px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-45 {
    margin-bottom: 45px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-55 {
    margin-bottom: 55px;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

@media (max-width: 768px) {
    .sm-margin-bottom-10 {
        margin-bottom: 10px;
    }

    .sm-margin-bottom-20 {
        margin-bottom: 20px;
    }

    .sm-margin-bottom-30 {
        margin-bottom: 30px;
    }

    .sm-margin-bottom-40 {
        margin-bottom: 40px;
    }

    .sm-margin-bottom-50 {
        margin-bottom: 50px;
    }

    .sm-margin-bottom-60 {
        margin-bottom: 60px;
    }
}

@media (max-width: 992px) {
    .md-margin-bottom-10 {
        margin-bottom: 10px;
    }

    .md-margin-bottom-20 {
        margin-bottom: 20px;
    }

    .md-margin-bottom-30 {
        margin-bottom: 30px;
    }

    .md-margin-bottom-40 {
        margin-bottom: 40px;
    }

    .md-margin-bottom-50 {
        margin-bottom: 50px;
    }

    .md-margin-bottom-60 {
        margin-bottom: 60px;
    }
}

/*Other Spaces*/
.margin-top-20 {
    margin-top: 20px;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-10 {
    margin-right: 10px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-left-5 {
    padding-left: 5px;
}

/*Text Colors
------------------------------------*/
.color-sea {
    color: #1abc9c;
}

.color-red {
    color: #e74c3c;
}

.color-aqua {
    color: #27d7e7;
}

.color-blue {
    color: #3498db;
}

.color-grey {
    color: #95a5a6;
}

.color-dark {
    color: #555555;
}

.color-green {
    color: #18BA9B;
}

.color-brown {
    color: #9c8061;
}

.color-light {
    color: #ffffff;
}

.color-orange {
    color: #e67e22;
}

.color-yellow {
    color: #f1c40f;
}

.color-green1 {
    color: #2ecc71;
}

.color-purple {
    color: #9b6bcc;
}

.color-inherit {
    color: inherit;
}

.color-dark-blue {
    color: #4765a0;
}

.color-light-grey {
    color: #585f69;
}

.color-light-green {
    color: #79d5b3;
}

/*Background Colors
------------------------------------*/
.bg-color-dark,
.bg-color-sea,
.bg-color-red,
.bg-color-aqua,
.bg-color-blue,
.bg-color-grey,
.bg-color-light,
.bg-color-green,
.bg-color-brown,
.bg-color-orange,
.bg-color-green1,
.bg-color-purple,
.bg-color-dark-blue,
.bg-color-light-grey,
.bg-color-light-green {
    color: #fff;
}

.bg-color-white {
    color: #555;
}

.bg-color-dark {
    background-color: #555 !important;
}

.bg-color-white {
    background-color: #fff !important;
}

.bg-color-sea {
    background-color: #1abc9c !important;
}

.bg-color-red {
    background-color: #e74c3c !important;
}

.bg-color-aqua {
    background-color: #27d7e7 !important;
}

.bg-color-blue {
    background-color: #3498db !important;
}

.bg-color-grey {
    background-color: #95a5a6 !important;
}

.bg-color-light {
    background-color: #f7f7f7 !important;
}

.bg-color-green {
    background-color: #18BA9B !important;
}

.bg-color-brown {
    background-color: #9c8061 !important;
}

.bg-color-orange {
    background-color: #e67e22 !important;
}

.bg-color-green1 {
    background-color: #2ecc71 !important;
}

.bg-color-purple {
    background-color: #9b6bcc !important;
}

.bg-color-dark-blue {
    background-color: #4765a0 !important;
}

.bg-color-light-grey {
    background-color: #585f69 !important;
}

.bg-color-light-green {
    background-color: #79d5b3 !important;
}

.rgba-red {
    background-color: rgba(231,76,60,0.8);
}

.rgba-blue {
    background-color: rgba(52,152,219,0.8);
}

.rgba-aqua {
    background-color: rgba(39,215,231,0.8);
}

.rgba-yellow {
    background-color: rgba(241,196,15,0.8);
}

.rgba-default {
    background-color: rgba(114,192,44,0.8);
}

.rgba-purple {
    background-color: rgba(155,107,204,0.8);
}

/*Grey Backroud*/
.bg-grey {
    background: #f7f7f7;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}

/*Rounded and Circle Classes
------------------------------------*/
.no-rounded {
    border-radius: 0 !important;
}

.rounded {
    border-radius: 4px !important;
}

.rounded-x {
    border-radius: 50% !important;
}

.rounded-2x {
    border-radius: 10px !important;
}

.rounded-3x {
    border-radius: 15px !important;
}

.rounded-4x {
    border-radius: 20px !important;
}

.rounded-sm {
    border-radius: 2px !important;
}

.rounded-md {
    border-radius: 3px !important;
}

.rounded-top {
    border-radius: 4px 4px 0 0 !important;
}

.rounded-left {
    border-radius: 4px 0 0 4px !important;
}

.rounded-right {
    border-radius: 0 4px 4px 0 !important;
}

.rounded-bottom {
    border-radius: 0 0 4px 4px !important;
}

/*Others
------------------------------------*/
.overflow-h {
    overflow: hidden;
    direction: ltr;
}

    .overflow-h .total-label {
        direction: rtl;
    }

.overflow-a {
    overflow: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.clear-both {
    clear: both;
}

/*Display*/
.dp-none {
    display: none;
}

.dp-block {
    display: block;
}

.dp-table {
    display: table;
}

.dp-inline-block {
    display: inline-block;
}

.dp-table-cell {
    display: table-cell;
    vertical-align: middle;
}

/*Full Width*/
.full-width {
    width: 100%;
}

/*Equal Height Columns*/
@media (max-width: 767px) {
    .equal-height-column {
        height: auto !important;
    }
}

/*Image Classes*/
.img-width-200 {
    width: 200px;
}

.lft-img-margin {
    margin: 0 20px 5px 0;
}

.rgt-img-margin {
    margin: 0 0 5px 10px;
}

img.img-center,
.img-center img {
    margin-left: auto;
    margin-right: auto;
}

/*Background Light*/
.bg-light {
    padding: 10px 15px;
    margin-bottom: 10px;
    background: #fcfcfc;
    border: solid 1px #e5e5e5;
}

    .bg-light:hover {
        border: solid 1px #bbb;
    }

/*CSS3 Hover Effects*/
.hover-effect {
    -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;
}

.hover-effect-kenburn {
    left: 10px;
    margin-left: -10px;
    position: relative;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

    .hover-effect-kenburn:hover {
        -webkit-transform: scale(2) rotate(5deg);
        -moz-transform: scale(2) rotate(5deg);
        -o-transform: scale(2) rotate(5deg);
        -ms-transform: scale(2) rotate(5deg);
        transform: scale(2) rotate(5deg);
    }

/*   
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce and Blog Theme.
 * Version: 1.7
 * Author: @htmlstream
 * Website: http://htmlstream.com
*/

/*Master Slider
------------------------------------*/
.ms-showcase2-template { 
  margin: 0 auto;
  max-width: 550px; 
}
.ms-showcase2-template .ms-view { 
  background: transparent;
}

/*Revolution Slider (Main)
------------------------------------*/
.tp-bullets.preview4 .bullet {
  border-radius: 10px !important;
}

.tp-banner-container a.btn-u,
.tp-banner-container a.btn-u:hover {
  color: #fff;
  border: solid 1px transparent;
}

.tp-banner-container a.re-btn-brd {
  background: none;
  border: solid 1px #fff;
}

.tp-banner-container a.re-btn-brd:hover {
  color: #555;
  background: #fff; 
}

/*Fullwidth*/
.tp-banner-container .btn-u.btn-brd {
  font-weight: 400;
}

.tp-banner-container {
  position: relative;
}

/*Fullscreen*/
.fullscreen-container {
  width:100%;
  position:relative;
  padding:0;
}

/*Slider Contents v1*/
.revolution-mch-1:after {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: ' ';
  position: absolute;
  background: rgba(0,0,0,0.3);
} 

.revolution-ch1 {
  color: #fff;
  font-size: 50px;
  font-weight: 200;
  line-height: 60px;
  padding: 30px 50px;
  text-align: center;
  border: 1px solid #fff;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}

.revolution-ch2 {
  color: #fff;
  font-size: 30px;
  max-width: 470px;
  line-height: 32px;
  position: relative;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}

.revolution-ch2:after {
  left: 50%;
  width: 70px;
  height: 2px;
  content: ' '; 
  bottom: -20px;
  background: #fff;
  margin-left: -35px;
  position: absolute;
}

.revolution-ch3 {
  color: #fff;
  font-size: 50px;
  font-weight: 200;
  line-height: 60px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}

.revolution-ch4 {
  color: #fff;
  font-size: 18px;
  max-width: 300px;
  line-height: 30px;
  text-align: right;
  position: relative;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
}

.revolution-ch5 {
  color: #fff;
  font-size: 50px;
  font-weight: 200;
  line-height: 60px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}

/*Back to top Button
------------------------------------*/
#topcontrol {
  color: #fff;
  z-index: 99;
  width: 30px;
  height: 30px;
  font-size: 20px;
  background: #222;
  position: relative;
  right: 14px !important;
  bottom: 11px !important;
  border-radius: 3px !important;
}

#topcontrol:after {
  /*top: -2px;*/
  left: 8.5px;
  content: "\f106";
  position: absolute;
  text-align: center;
  font-family: FontAwesome;
}

#topcontrol:hover {
    color: #fff;
    background: #18ba9b;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*   
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce and Blog Theme.
 * Version: 1.7
 * Author: @htmlstream
 * Website: http://htmlstream.com
*/



/*Tab v5
------------------------------------*/
.tab-v5 .nav-tabs {
    border-bottom-color: #dedede;
}

.tab-v5 .nav-tabs > li {
  margin-left: 30px;
  float:right;
}

.tab-v5 .nav-tabs > li > a {
  border: none;
  color: #687074;
  padding: 0px 0 6px;
  font-size: 18px;
  margin-left: 0;
  background: none;
  text-transform: uppercase;
  border-bottom: solid 1px transparent;
}

.tab-v5 .nav-tabs > li.active > a, 
.tab-v5 .nav-tabs > li.active > a:hover, 
.tab-v5 .nav-tabs > li.active > a:focus {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #18ba9b;
}

.tab-v5 .nav-tabs > li > a:hover {
  border-bottom: 1px solid #18ba9b;
}

.tab-v5 .nav-tabs > li > a:focus {
  border: none;
}

.tab-v5 .tab-content {
  padding: 30px 0;
  direction:rtl;
}

/*Accordion v2
------------------------------------*/
.accordion-v2 .panel {
  box-shadow: none;
}

.accordion-v2 .panel-default {
  border-color: #eee;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #eee;
}

.accordion-v2 .panel-heading {
  padding: 0;
  box-shadow: none;
}

.accordion-v2 .panel-heading a {
  color: #555;
  display: block;
  font-size: 16px;
  padding: 10px 15px;
  background: #f8f8f8;
}

.accordion-v2 .panel-heading a.active:before {
  content: "\f068";
}

.accordion-v2 .panel-heading i {
  font-size: 20px;
  vertical-align: middle;
}

.accordion-v2 .panel-heading a:hover {
  color: #333;
  text-decoration: none;
}

/*Plus Toggle*/
.accordion-v2.plus-toggle .panel-heading a:before {
  color: #fff;
  width: 20px;
  height: 20px;
  padding: 5px 0;
  font-size: 10px;
  content: "\f067";
  line-height: 12px;
  margin-left: 10px;
  text-align: center;
  background: #18ba9b;
  display: inline-block;
  font-family: FontAwesome;
}

.accordion-v2.plus-toggle .panel-body {
  padding-right: 50px;
}

/*Breadcrumbs v4
------------------------------------*/ 
.breadcrumbs-v4 {
  width: 100%;
  padding: 25px 0;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/Content/img/t5.jpg);
  direction:rtl;
}

.breadcrumbs-v4:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(0,0,0,0.3);
}

.breadcrumbs-v4 .container {
  position: relative;
}

.breadcrumbs-v4 span.page-name {
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 200;
  margin: 0 0 5px 3px;
}

.breadcrumbs-v4 h1 {
  color: #fff;
  font-size: 40px;
  font-weight: 200;
  margin: 0 0 20px;
  line-height: 50px;
  text-transform: uppercase;
}

.breadcrumbs-v4 .breadcrumb-v4-in {
  padding-right: 0;
  margin-bottom: 0;
  list-style: none;
}

.breadcrumbs-v4 .breadcrumb-v4-in > li {
  color: #fff;
  font-size: 13px;
  display: inline-block;
}

.breadcrumbs-v4 .breadcrumb-v4-in > li + li::before {
  color: #fff;
  content: "\f104";
  margin-right: 7px;
  padding-left: 8px;
  font-family: FontAwesome;
}

.breadcrumbs-v4 .breadcrumb-v4-in li a {
  color: #fff;
}

.breadcrumbs-v4 .breadcrumb-v4-in li.active,
.breadcrumbs-v4 .breadcrumb-v4-in li a:hover {
  color: #18ba9b;
  text-decoration: none;
}

@media (max-width: 768px) {
  .breadcrumbs-v4 {
    text-align: center;
  }

  .breadcrumbs-v4 span.page-name {
    font-size: 18px;
  }

  .breadcrumbs-v4 h1 {
    font-size: 30px;
    margin-bottom: 10px;
  }
}

/*Breadcrumbs v5
------------------------------------*/
.breadcrumb-v5 {
  padding: 20px 0;
  list-style: none;
  direction: rtl;
}

.breadcrumb-v5 > li {
  color: #999;
  font-size: 18px;
  display: inline-block;
}

.breadcrumb-v5 > li + li:before {
  color: #ccc;
  content: "\f104";
  margin-right: 7px;
  padding-left: 8px;
  font-family: FontAwesome;
}

.breadcrumb-v5 li h1 {
  margin: 0;
}

.breadcrumb-v5 li a {
  color: #999;
}

.breadcrumb-v5 li i {
  margin: 0 auto;
  font-size: 18px;
}

.breadcrumb-v5 li.active,
.breadcrumb-v5 li a:hover {
  color: #18ba9b;
  text-decoration: none;
}

/*Full Width*/
.full-width {
  width: 100%;
}

/*Shop Color Red*/
.shop-red {
  color: #c9253c;
}

.shop-green {
  color: #18ba9b;
}

/*Shop Background Red*/
.shop-bg-red {
  background: #c9253c;
  min-width:217px;
  height:27px;
}

.shop-bg-green {
  background: #18ba9b;
}

.shop-rgba-red {
  background: rgba(201,37,60,0.5);
}

.shop-rgba-dark-green {
  background: rgba(24,171,155,0.5);
}

.shop-rgba-dark {
  background: rgba(0,0,0,0.5);
}

/*Button Sea Shop*/
.btn-u.btn-u-sea-shop {
   background: #18ba9b;
}
.btn-u.btn-u-sea-shop:hover, 
.btn-u.btn-u-sea-shop:focus, 
.btn-u.btn-u-sea-shop:active, 
.btn-u.btn-u-sea-shop.active, 
.open .dropdown-toggle.btn-u.btn-u-sea-shop {
   background: #2cd5b6;
}
.btn-u.btn-u-split-sea.dropdown-toggle {
   border-left: solid 1px #2cd5b6;
}

/*Button Bordered Sea Shop*/
.btn-u.btn-brd.btn-u-sea-shop {
  color: #18ba9b;
  background: none;
  border-color: #18ba9b;
}
.btn-u.btn-brd.btn-u-sea-shop:hover {
  color: #18ba9b;
  border-color: #18ba9b;
}
.btn-u.btn-brd.btn-u-sea-shop.btn-brd-hover:hover {
  background: #18ba9b;
}

.btn-u.btn-u-hsea-shop {
   background: #82dac9;
}

.btn-u.btn-u-hsea-shop:hover, 
.btn-u.btn-u-hsea-shop:focus, 
.btn-u.btn-u-hsea-shop:active, 
.btn-u.btn-u-hseah-shop.active, 
.open .dropdown-toggle.btn-u.btn-u-sea-shop {
   background: #82dac9;
}

/*Label Danger Shop*/
.label.label-danger-shop {
  color: #fff;
  font-size: 9px;
  padding: 1px 5px;
  background: #c9253c;
  text-transform: uppercase;
}

/*Removes Bootstrap carousel background images*/
.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

/*RGBA Banner*/
.rgba-banner-position {
  position: relative;
}

.rgba-banner {
  top: 20px;
  right: -5px;
  color: #fff;
  font-size: 14px;
  padding: 3px 8px;
  font-weight: 600;
  position: absolute;
  text-transform: uppercase;
}

.rgba-banner-v2 {
  right: 0;
  top: 20px;
  color: #fff;
  font-size: 14px;
  padding: 3px 8px;
  font-weight: 600;
  position: absolute;
  text-transform: uppercase;
}

/*Top Bar v3 (currency, language, account etc.)
------------------------------------*/
.topbar-v3 {
	z-index: 99;
	padding: 3px 0;
	position: relative;
	background: #2a2a2a;
}

@media (max-width: 768px) {
    .topbar-v3 .left-topbar,
    .topbar-v3 .right-topbar {
        text-align: center;
        float: none !important;
    }
}

/*Left Top Bar*/
.topbar-v3 ul.left-topbar {
	padding-left: 0;
	margin-bottom: 1px;
}

.topbar-v3 ul.left-topbar > li {
	display: inline;
	list-style: none;
	position: relative;
	margin-right: 15px;
	padding-bottom: 15px;
}

.topbar-v3 ul.left-topbar > li > a {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
}

.topbar-v3 ul.left-topbar > li > a:hover {
	cursor: pointer;
}

/*Currency & Language*/
.topbar-v3 ul.currency,
.topbar-v3 ul.language {
	top: 28px;
	left: -5px;
    z-index: 1;
	display: none;
	padding: 4px 0;
	padding-left: 0; 
	list-style: none;
	min-width: 125px;
	position: absolute;
	background: #2a2a2a;
}

@media (max-width: 768px) {
    .topbar-v3 ul.currency,
    .topbar-v3 ul.language {
        top: 20px;
    }
}

.topbar-v3 li:hover ul.currency,
.topbar-v3 li:hover ul.language {
	display: block;
}

.topbar-v3 ul.currency:after,
.topbar-v3 ul.language:after {
	top: -4px;
	width: 0; 
	height: 0;
	left: 8px;
	content: " "; 
	display: block; 
	position: absolute;
	border-bottom: 6px solid #2a2a2a;	
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-right-style: inset; /*FF fixes*/
}

.topbar-v3 ul.currency li a,
.topbar-v3 ul.language li a {
	color: #d1d1d1;
	display: block;
	font-size: 10px;
	padding: 2px 12px;
	margin-bottom: 1px;
	text-transform: uppercase; 
}

.topbar-v3 ul.currency li.active a i,
.topbar-v3 ul.language li.active a i {
	color: #d1d1d1;
	float: right;
	margin-top: 2px;
}

.topbar-v3 ul.currency li a:hover, 
.topbar-v3 ul.language li a:hover, 
.topbar-v3 ul.currency li.active a,
.topbar-v3 ul.language li.active a {
	background: #333;
}

.topbar-v3 ul.currency li a:hover,
.topbar-v3 ul.language li a:hover {
	text-decoration: none; 
}

/*Right Top Bar*/
.topbar-v3 .right-topbar {
	margin-bottom: 1px;
}

.topbar-v3 .right-topbar li {
	margin-left: 3px;
}

.topbar-v3 .right-topbar li:first-child {
	margin-left: 0;
}

.topbar-v3 .right-topbar li,
.topbar-v3 .right-topbar li a {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
}

/*Search*/
.topbar-v3 .search {
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	display: inline-block;
}

.topbar-v3 .search:hover {
	color: #bbb;
}

.topbar-v3 .search-open {
	top: 0;
    left: 0; 
	width: 100%;
	display: none;
    background: #333;
}

.topbar-v3 .search-open .container {
    position: relative;
}

.topbar-v3 .search-open .search-close {
    top: 10px;
    left: 20px;
    color: #fff;
    cursor: pointer;
    position: absolute;
}

.topbar-v3 .search-open .form-control {
    padding: 0;
    color: #eee;
    border: none;
    min-height: 35px;
    font-weight: 200;
    background: #333;
	text-align:right;
}

.topbar-v3 .search-open .form-control:focus {
	box-shadow: none;
}

.topbar-v3 .search-open .form-control::-moz-placeholder {
    color: #eee;
    font-weight: 200;
}
.topbar-v3 .search-open .form-control:-ms-input-placeholder {
    color: #eee;
    font-weight: 200;
}
.topbar-v3 .search-open .form-control::-webkit-input-placeholder {
    color: #eee;
    font-weight: 200;
}

/*Shop Badge
------------------------------------*/
/*Badge Lists*/
.header-v5 .shop-badge.badge-lists {
    margin-bottom: 0;
	padding:0;
}

.header-v5 .shop-badge.badge-lists li {
    position: relative;
}

.header-v5 .shop-badge.badge-lists > li {
    margin-left: 20px;
    padding: 27px 15px 25px 25px;
}

.header-v5 .shop-badge.badge-lists span.badge {
    top: 20px;
    right: 3px;
    position: absolute;
}

@media (max-width: 991px) {
    .header-v5 .shop-badge {
        display: none;
    }
}

   #ShoppingCartList2 {
        display: none;
    }

   @media (max-width: 991px) {
.header-v5 .shop-badge.badge-lists span.badge {
    top: 6px;
    right: 27px;
    position: absolute;
}
    #ShoppingCartList2 {
        display: block;
        height: 12px;
    }
    .header-v5 .shop-badge.badge-lists > li {
    margin-left: 20px;
    padding: 15px 35px 35px 25px;
}
}
@media (max-width: 768px) {
    .header-v5 .shop-badge.badge-lists span.badge {
   top: 6px;
    right: 27px;
    position: absolute;
}
    .header-v5 .shop-badge.badge-lists > li {
    margin-left: 20px;
    padding: 15px 35px 35px 25px;
}
    #ShoppingCartList2 {
        display: block;
        height: 12px;
    }
}



/*Badge Icons*/
.header-v5 .shop-badge.badge-icons span.badge {
    min-width: 12px;
    padding: 3px 6px;
}

.header-v5 .shop-badge.badge-icons i {
    color: #687074;
    font-size: 24px;
    min-width: 25px;
}

/*Badge*/
.header-v5 .shop-badge span.badge {
    font-weight: 400;
    padding: 4px 7px;  
}

.header-v5 .shop-badge span.badge-sea {
    background: #18ba9b;
}

/*Scrollbar*/
.header-v5 .mCustomScrollbar {
    max-height: 400px; 
}

/*Badge Open*/
.header-v5 ul.shop-badge > li {
    position: relative;
}

.header-v5 ul.shop-badge > li:hover .badge-open {
    display: block;
}

.header-v5 .badge-open {
    top: 79px;
    right: 0;
    display: none;
    padding: 0 20px;
    list-style: none;
    min-width: 300px;
    background: #fff;
    position: absolute;
    border-top: 2px solid #18ba9b;
    -webkit-box-shadow: 0 2px 2px 0px rgba(90,90,90,0.075);
    -moz-box-shadow: 0 2px 2px 0px rgba(90,90,90,0.075);
    box-shadow: 0 5px 5px 0px rgba(90,90,90,0.075);
}

.header-v5 .badge-open .overflow-h {
    text-align:right;
}

.logo {
    width:100%;
}




.header-v5 .badge-open li {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #dedede;
}

.header-v5 .badge-open li:first-child {
    margin-top: 0;
    border-top: none;
    padding-top: 20px;
}

.header-v5 .badge-open li:after,
.header-v5 .badge-open li:before {
    content: " ";
    display: table;
}

.header-v5 .badge-open li:after {
    clear: both;
}

.header-v5 .badge-open img {
    float: right;
    width: 20%;
    height: auto;
    margin-left: 15px;
}

.header-v5 .badge-open .close {
    line-height: 1.9;
}

.header-v5 .badge-open span {
    margin: 7px 0;
    color: #687074;
    display: block;
    font-size: 14px;
}

.header-v5 .badge-open small {
    color: #999;
    font-size: 14px;
    font-family:Tahoma;
}

@media (max-width: 768px) {
    .header-v5 .badge-open {
        top: 57px;
        -moz-min-width: 250px;
        -ms-min-width: 250px;
        -o-min-width: 250px;
        -webkit-min-width: 250px;
        min-width: 250px;
    }
    .header-v5 .badge-open span {
            margin-left: 40px;
        }
        .header-v5 .badge-open small {
            margin-left: 40px;
        }
        
    .logo {
    width:80%;
    margin-top:7px;
}
}

@media (max-width: 991px) {
    .header-v5 .badge-open {
        top: 57px;
        -moz-min-width: 250px;
        -ms-min-width: 250px;
        -o-min-width: 250px;
        -webkit-min-width: 250px;
        min-width: 250px;
    }
    .header-v5 .badge-open span {
            margin-left: 40px;
        }
      .header-v5 .badge-open small {
            margin-left: 40px;
        }
    .logo {
    width:80%;
    margin-top:0;
    
}
}

@media (max-width: 346px) {
    .header-v5 .badge-open {
        top: 57px;
        -moz-min-width: 250px;
        -ms-min-width: 250px;
        -o-min-width: 250px;
        -webkit-min-width: 250px;
        min-width: 250px;
    }
    .header-v5 .badge-open span {
            margin-left: 40px;
        }
      .header-v5 .badge-open small {
            margin-left: 40px;
        }
    .logo {
    width:70%;
    margin-top:2px;
    
}
}


/*Subtotal*/
.header-v5 li.subtotal {
    padding: 3px 0 20px;
}

.header-v5 li.subtotal span {
    color: #555;
    font-size: 18px;
    font-weight: 200;
    display: inline-block;
    text-transform: uppercase;
    float:right;
}

.header-v5 li.subtotal .subtotal-cost {
    color: #18ba9b;
}

.header-v5 li.subtotal .btn-u {
    font-size: 12px;
}

.header-v5 li.subtotal .col-xs-6:first-child {
    padding-right: 8px;
}

.header-v5 li.subtotal .col-xs-6:last-child {
    padding-left: 8px;
}

/*Header v5
------------------------------------*/
.header-v5 {
    z-index: 99;
    position: relative;
    border-bottom: solid 2px #eee;
}

.header-v5 .navbar {
    margin: 0;
}

@media (max-width: 991px) {
    .header-v5 .navbar {
        margin-top: 10px;
    }
}

.header-v5 .navbar-default {
    border: none;
    background: none;
}

/*Navbar Header*/
@media (max-width: 991px) {
    .header-v5 .navbar-header {
        margin-bottom: 7px;
    }
}

@media (min-width: 993px) and (max-width: 999px) {
    .header-v5 .navbar-header {
        margin-top: 15px;
    }
}

.header-v5 .navbar-brand { 
    z-index: 1;
    padding: 9px 10px 10px 15px;
}

@media (max-width: 998px) {
    .header-v5 .navbar-brand { 
        margin-top: -15px;
    }   
}

.header-v5 .navbar-default .navbar-toggle {
    color: #333;
    border: none;
    font-size: 19px;
    margin-top: 10px;
}

.header-v5 .navbar-default .navbar-toggle .icon-bar {
    background: #222;
}

.header-v5 .navbar-default .navbar-toggle:hover,
.header-v5 .navbar-default .navbar-toggle:focus {
    background: inherit;
}

/*Navbar Collapse*/
.header-v5 .navbar-collapse.collapse.in {
    position: relative;
	
}

/*Navbar Nav set to centre*/
@media (min-width: 992px) {
    .header-v5 .navbar-nav {
        float: none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
}

/*Navbar Menu*/
.header-v5 .navbar-default .navbar-nav > li > a {
    color: #687074;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
	text-align:right;
}

.header-v5 .navbar-default .navbar-nav > .active > a {
    color: #18ba9b;
}

/*Responsive Navbar*/
@media (max-width: 991px) {
    /*Responsive code for max-width: 991px*/
    .header-v5 .navbar-header {
        float: none;
    }
    
    .header-v5 .navbar-toggle {
        display: block;
    }
    
    .header-v5 .navbar-collapse.collapse {
        display: none !important;
    }
    
    .header-v5 .navbar-collapse.collapse.in {
        display: block !important;
        overflow-y: hidden !important;
    }
    
    .header-v5 .navbar-nav {
        margin: 0;
        float: none !important;
    }

    .header-v5 .navbar-nav > li {
        float: none;
    }
    
    .header-v5 .navbar-nav > li > a {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    /*Dropdown Menu Slide Down Effect*/
    .header-v5 .navbar-nav .open .dropdown-menu {
        border: 0;
        float: none;
        width: auto;
        margin-top: 0;
        position: static;
        box-shadow: none;
        background-color: transparent;
    }

    .header-v5 .navbar-nav .open .dropdown-menu > li > a,
    .header-v5 .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
    
    .header-v5 .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }
    
    .header-v5 .navbar-nav .open .dropdown-menu > li > a:hover,
    .header-v5 .navbar-nav .open .dropdown-menu > li > a:focus {
        background-image: none;
    }

    .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

    .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent;
    }
    
    .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }
    
    .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }

    .header-v5 .navbar-default .dropdown-menu.no-bottom-space {
        padding-bottom: 0;
    }

    /*Design for max-width: 991px*/
    .header-v5 .navbar-collapse,
    .header-v5 .navbar-collapse .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .header-v5 .navbar-default .navbar-nav > li > a {
        font-size: 16px;
        padding: 9px 10px;
    }

    .header-v5 .navbar-default .navbar-nav > li a {
        border-bottom: solid 1px #eee;
    }   

    .header-v5 .navbar-default .navbar-nav > li > a:focus {
        background: none;
    }

    .header-v5 .navbar-default .navbar-nav > li > a:hover {
        color: #18ba9b;
    }

    .header-v5 .navbar-default .navbar-nav > .active > a,
    .header-v5 .navbar-default .navbar-nav > .active > a:hover,
    .header-v5 .navbar-default .navbar-nav > .active > a:focus {
        color: #fff !important; 
        background: #18ba9b !important;
    }

    .header-v5 .dropdown .dropdown-submenu > a { 
        font-size: 13px;
        color: #333 !important;
        text-transform: uppercase;
    }
}

@media (min-width: 992px) { 
    /*Navbar Collapse*/
    .header-v5 .navbar-collapse {
        padding: 0;
    }

    .header-v5 .navbar-default .navbar-nav > li > a {
        line-height: 29px;
        padding: 23px 18px 24px;
    }

    .header-v5 .navbar-default .navbar-nav > li > a:last-child {
        padding-right: 15px;
    }

    .header-v5 .navbar-default .navbar-nav > li > a,
    .header-v5 .navbar-default .navbar-nav > li > a:focus {
        border-top: solid 2px transparent;
    }

    .header-v5 .navbar-default .navbar-nav > li > a:hover,
    .header-v5 .navbar-default .navbar-nav > .active > a {
        border-top: solid 2px #18ba9b;
    }
    
    .header-v5 .navbar-default .navbar-nav > li > a,
    .header-v5 .navbar-default .navbar-nav > li > a:hover,
    .header-v5 .navbar-default .navbar-nav > li > a:focus, 
    .header-v5 .navbar-default .navbar-nav > .active > a, 
    .header-v5 .navbar-default .navbar-nav > .active > a:hover, 
    .header-v5 .navbar-default .navbar-nav > .active > a:focus {
        background: none;
    }

    .header-v5 .navbar-default .navbar-nav > .open > a,
    .header-v5 .navbar-default .navbar-nav > .open > a:hover,
    .header-v5 .navbar-default .navbar-nav > .open > a:focus {
        color: #18ba9b;
    }

    .header-v5 .navbar-default .navbar-nav > li:hover > a {
        color: #18ba9b;
    }

    /*Dropdown Menu*/
    .header-v5 .dropdown-menu { 
        /*va*/
        margin-top: -0.5px !important;
        padding: 0;
        border: none;
        min-width: 200px;
        border-radius: 0;
        z-index: 9999 !important;
        border-top: solid 2px #18ba9b;
        -webkit-box-shadow: 0 2px 2px 0px rgba(90,90,90,0.075);
        -moz-box-shadow: 0 2px 2px 0px rgba(90,90,90,0.075);
        box-shadow: 0 5px 5px 0px rgba(90,90,90,0.075);
    }

    .header-v5 .dropdown-menu li a { 
        color: #687074; 
        font-size: 15px; 
        font-weight: 400; 
        padding: 8px 15px; 
        border-bottom: solid 1px #dedede;
    }

    .header-v5 .dropdown-menu > li > a {
        /*Transition for fixed header*/
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .header-v5 .dropdown-menu .active > a,
    .header-v5 .dropdown-menu li > a:hover {
        color: #fff;
        background: #18ba9b;
        filter: none !important;
    }

    .header-v5 .dropdown-menu li > a:focus {
        color: inherit;
        background: none;
        filter: none !important;
    }

    .header-v5 .navbar-nav > li.dropdown:hover > .dropdown-menu {
        display: block;
    }   

    .header-v5 .open > .dropdown-menu {
        display: none;
    }

    .header-v5 .dropdown-menu li.dropdown-submenu:hover > a {
        color: #fff;
        background: #18ba9b;
    }
}

/*Dropdown Submenu for BS3
------------------------------------*/
.header-v5 .dropdown-submenu { 
   position: relative; 
}

.header-v5 .dropdown > a:after,
.header-v5 .dropdown-submenu > a:after {
    top: 8px;
    left: 9px;
    font-size: 11px;
    content: "\f104";
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
}

@media (max-width: 991px) {
    .header-v5 .dropdown-submenu > a:after {
        content: " ";
    }

    .header-v5 .dropdown > a:after {
        top: 9px;
        /*va*/
        left: 15px;
        content: "\f107";
    }
}

@media (min-width: 992px) {
    .header-v5 .dropdown > a:after {
        content: " ";
    }
}

.header-v5 .dropdown-submenu > .dropdown-menu { 
    top: 3px; 
    left: 100%; 
    margin-top: -5px; 
    margin-left: 0px; 
}

/*Submenu comes from LEFT side*/
.header-v5 .dropdown-submenu > .dropdown-menu.submenu-left {
    left: -100%;
}

.header-v5 .dropdown-submenu:hover > .dropdown-menu {  
    display: block;
}

@media (max-width: 991px) {
    .header-v5 .dropdown-submenu > .dropdown-menu {  
        display: block;
        margin-right: 15px;
    }
}

.header-v5 .dropdown-submenu.pull-left {
    float: none;
}

.header-v5 .dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
}

.header-v5 .dropdown-menu li [class^="fa-"],
.header-v5 .dropdown-menu li [class*=" fa-"] {
    right: -3px;
    width: 1.25em;
    margin-right: 1px;
    position: relative;
    text-align: center;
    display: inline-block;
}
.header-v5 .dropdown-menu li [class^="fa-"].fa-lg,
.header-v5 .dropdown-menu li [class*=" fa-"].fa-lg {
    /* increased font size for fa-lg */
    width: 1.5625em;
}

/*Header Fixed
------------------------------------*/
/*Header*/
.header-fixed .header-v5.header-fixed-shrink {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    /*position: fixed;*/
    height: 95px;
    margin-top: -29.5px;
    border-bottom: none;
    box-shadow: 0 0 3px #bbb;
    background: rgba(255,255,255, 0.96); 
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    transition: background 0.4s;
}

/*Topbar*/
.header-fixed .header-v5.header-fixed-shrink .topbar {
    display: none;
}

/*No Topbar*/
.header-fixed .header-v5.no-topbar {
    height: 78px;
}

.header-fixed .header-v5.no-topbar.header-fixed-shrink {
    height: 95px;
    margin-top: -35px;
}

.header-fixed .header-v5.no-topbar.header-fixed-shrink .navbar-brand {
    top: 46px;
}

.header-fixed .header-v5.no-topbar.header-fixed-shrink .shop-badge.badge-lists {
    margin-top: 26px;
}

.header-fixed .header-v5.no-topbar.header-fixed-shrink .shop-badge.badge-lists > li {
    padding-bottom: 17px;
}

.header-fixed .header-v5.no-topbar.header-fixed-shrink .shop-badge .badge-open {
    top: 69px;
}

.header-fixed .header-v5.no-topbar.header-fixed-shrink .navbar-nav > li > .dropdown-menu {
    margin-top: -1px;
}

/*Brand*/
.header-fixed .header-v5.header-fixed-shrink .navbar-brand { 
    top: 8px;
    z-index: 1;
    position: relative;
    padding: 0 10px 10px;
}

.header-fixed .header-v5.header-fixed-shrink .navbar-brand img {
    width: 90%;
}

.header-fixed .header-v5.header-fixed-shrink .navbar-nav > li > .dropdown-menu {
    margin-top: -8px !important;
}

/*Badge List*/
.header-fixed .header-v5.header-fixed-shrink .shop-badge.badge-lists {
    margin-top: -3px;
}

.header-fixed .header-v5.header-fixed-shrink .shop-badge .badge-open {
    top: 70px;
}

@media (max-width: 991px) {
    /*Header*/
    .header-fixed .header-v5,
    .header-fixed .header-v5.header-fixed-shrink,
    .header-fixed .header-v5.no-topbar,
    .header-fixed .header-v5.no-topbar.header-fixed-shrink {
        height: inherit;
        position: relative;
    }
}

@media (min-width: 992px) {
    .header-fixed .header-v5.header-fixed-shrink .navbar-nav > li > a {
        font-size: 17px;
        margin-top: 2px;
        padding: 17px 18px 26px;
    }

    /*No Topbar*/
    .header-fixed .header-v5.no-topbar.header-fixed-shrink .navbar-nav > li > a {
        margin-top: 35px;
        padding: 14px 17px 16px;
    }
}

/*Mega Menu
------------------------------------*/
.header-v5 .mega-menu .nav,
.header-v5 .mega-menu .dropup,
.header-v5 .mega-menu .dropdown,
.header-v5 .mega-menu .collapse {
    position: static;
	
}
@media (min-width: 992px) {
.header-v5 .mega-menu .nav,
.header-v5 .mega-menu .dropup,
.header-v5 .mega-menu .dropdown,
.header-v5 .mega-menu .collapse {
float:right;
	direction:rtl;
}
}
.header-v5 .mega-menu .navbar-inner,
.header-v5 .mega-menu .container {
    position: relative;
    margin-bottom: 19px;
}

.header-v5 .mega-menu .dropdown-menu {
   left: auto;
}

.header-v5 .mega-menu .dropdown-menu > li {
    display: block;
	text-align:right;
}

.header-v5 .mega-menu .dropdown-submenu .dropdown-menu {
    right: 100%;
}

.header-v5 .mega-menu .nav.pull-right .dropdown-menu {
    left: 0;
}

.header-v5 .mega-menu .mega-menu-content {
    *zoom: 1;
    padding: 20px 10px;
}

.header-v5 .mega-menu .mega-menu-content:before,
.header-v5 .mega-menu .mega-menu-content:after {
    content: "";
    display: table;
    line-height: 0;
}

.header-v5 .mega-menu .mega-menu-content:after {
    clear: both;
}

.header-v5 .mega-menu.navbar .nav > li > .dropdown-menu:after,
.header-v5 .mega-menu.navbar .nav > li > .dropdown-menu:before {
    display: none;
}

.header-v5 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
    left: 0;
    right: 0;
    overflow: hidden;
}

@media (min-width: 992px) {
    .header-v5 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
        margin-left: 10px;
        margin-right: 15px;
    }
}

@media (max-width: 991px) {
    .header-v5 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
        width: auto;
    }

    .header-v5 .mega-menu .mega-menu-content {
        padding-right: 0;
    }

    .header-v5 .mega-menu .mega-menu-content [class^="col-"] {
        padding-right: 25px;
    }

    .header-v5 .mega-menu .dropdown-menu > li > ul {
        display: block;
    }
}

/*Bootstrap Container*/
@media (min-width: 768px) {
    .header-v5 .mega-menu .mega-menu-content .container {
        width: 708px;
    }
}

@media (min-width: 992px) {
    .header-v5 .mega-menu .mega-menu-content .container {
        width: 910px;
    }
}

@media (min-width: 1200px) {
    .header-v5 .mega-menu .mega-menu-content .container {
        width: 1110px;
    }
}

/*Dropdown Menu*/
.header-v5 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu li {
    padding-bottom: 5px;
}

.header-v5 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu li a {
    padding: 0;
    border-bottom: none;
}

/*Product Offers*/
.header-v5 img.product-offers:hover {
  opacity: 0.9;
}

/*Style List*/
.header-v5 h3.mega-menu-heading {
    color: #555;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
    border-bottom: 1px solid #dedede;
}

.header-v5 h3.mega-menu-heading.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.header-v5 .style-list {
    margin-bottom: 20px;
}

.header-v5 .style-list li a {
    color: #888;
    font-size: 15px;
    margin-right: 5px;
}

.header-v5 .style-list li a:hover {
    color: #18ba9b;
    background: none;
    text-decoration: none;
}

.header-v5 .style-list li .label {
    top: -2px;
    position: relative;
}

/*Footer-v4
------------------------------------*/
/*Footer*/
.footer-v4 .footer {
	padding: 50px 0;
	background: #151515;
    direction: rtl;
}


.footer-v4 .footer p {
	color: #bbb;
	font-size: 16px;
}

.footer-v4 img.footer-logo {
	margin: 15px 0 20px;
}

.footer-v4 .address-list li {
	color: #bbb;
	margin-bottom: 7px;
}

.footer-v4 .address-list li i {
	margin-left: 10px;
	vertical-align: middle;
}

.footer-v4 .shop-social li i {
	color: #bbb;
	width: 30px;
	height: 30px;
	padding: 8px;
	font-size: 16px;
	text-align: center;
	background: #414040;
}

.footer-v4 .shop-social li i:hover {
	background: #353535;
}

.footer-v4 h2.thumb-headline {
	color: #ddd;
	font-size: 16px;
	margin-bottom: 3px;
	text-transform: uppercase;
}

.footer-v4 .simple-list li {
	color: #bbb;
}

.footer-v4 .simple-list a {
	color: #bbb;
	font-size: 14px;
	font-weight: 200;
}

/*Copyright*/
.footer-v4 .copyright {
	padding: 15px 0;
	border-top: none;
	background: #191919;
}

.footer-v4 .copyright p {
	color: #bbb;
	font-size: 13px;
	margin-top: 13px;
	margin-bottom: 0;
    font-family: Tahoma;
}

.footer-v4 .copyright a {
	color: #18ba9b;
}

.footer-v4 .sponsors-icons {
	margin-bottom: 0;
}

.footer-v4 .sponsors-icons i {
	color: #fff;
	font-size: 40px;
}

@media (max-width: 991px) {
	.footer-v4 .copyright {
		text-align: center;
	}

	.footer-v4 .copyright p {
		margin-bottom: 15px;
	}

	.footer-v4 .sponsors-icons.pull-right {
		float: none !important;
	}
}
@charset "UTF-8";


/*!
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.
*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-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;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@font-face {
	font-family: 'Simple-Line-Icons';
	src:url('/Content/fonts/Simple-Line-Icons.eot');
	src:url('/Content/fonts/Simple-Line-Iconsd41d.eot?#iefix') format('embedded-opentype'),
		url('/Content/fonts/Simple-Line-Icons.woff') format('woff'),
		url('/Content/fonts/Simple-Line-Icons.ttf') format('truetype'),
		url('/Content/fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'Simple-Line-Icons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-moustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-emoticon-smile, .icon-disc, .icon-cursor-move, .icon-crop, .icon-credit-card, .icon-chemistry, .icon-user, .icon-speedometer, .icon-social-youtube, .icon-social-twitter, .icon-social-tumblr, .icon-social-facebook, .icon-social-dropbox, .icon-social-dribbble, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglasses, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-map, .icon-layers, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-frame, .icon-folder-alt, .icon-film, .icon-feed, .icon-earphones-alt, .icon-earphones, .icon-drop, .icon-drawer, .icon-docs, .icon-directions, .icon-direction, .icon-diamond, .icon-cup, .icon-compass, .icon-call-out, .icon-call-in, .icon-call-end, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-music-tone-alt, .icon-music-tone, .icon-microphone, .icon-loop, .icon-logout, .icon-login, .icon-list, .icon-like, .icon-home, .icon-grid, .icon-graph, .icon-equalizer, .icon-dislike, .icon-cursor, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-calendar, .icon-bulb, .icon-bar-chart, .icon-arrow-up, .icon-arrow-right, .icon-arrow-left, .icon-arrow-down, .icon-ban, .icon-bubble, .icon-camcorder, .icon-camera, .icon-check, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-doc, .icon-envelope, .icon-eye, .icon-flag, .icon-folder, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-plus, .icon-pointer, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-users {
	font-family: 'Simple-Line-Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-user-female:before {
	content: "\e000";
}
.icon-user-follow:before {
	content: "\e002";
}
.icon-user-following:before {
	content: "\e003";
}
.icon-user-unfollow:before {
	content: "\e004";
}
.icon-trophy:before {
	content: "\e006";
}
.icon-screen-smartphone:before {
	content: "\e010";
}
.icon-screen-desktop:before {
	content: "\e011";
}
.icon-plane:before {
	content: "\e012";
}
.icon-notebook:before {
	content: "\e013";
}
.icon-moustache:before {
	content: "\e014";
}
.icon-mouse:before {
	content: "\e015";
}
.icon-magnet:before {
	content: "\e016";
}
.icon-energy:before {
	content: "\e020";
}
.icon-emoticon-smile:before {
	content: "\e021";
}
.icon-disc:before {
	content: "\e022";
}
.icon-cursor-move:before {
	content: "\e023";
}
.icon-crop:before {
	content: "\e024";
}
.icon-credit-card:before {
	content: "\e025";
}
.icon-chemistry:before {
	content: "\e026";
}
.icon-user:before {
	content: "\e005";
}
.icon-speedometer:before {
	content: "\e007";
}
.icon-social-youtube:before {
	content: "\e008";
}
.icon-social-twitter:before {
	content: "\e009";
}
.icon-social-tumblr:before {
	content: "\e00a";
}
.icon-social-facebook:before {
	content: "\e00b";
}
.icon-social-dropbox:before {
	content: "\e00c";
}
.icon-social-dribbble:before {
	content: "\e00d";
}
.icon-shield:before {
	content: "\e00e";
}
.icon-screen-tablet:before {
	content: "\e00f";
}
.icon-magic-wand:before {
	content: "\e017";
}
.icon-hourglass:before {
	content: "\e018";
}
.icon-graduation:before {
	content: "\e019";
}
.icon-ghost:before {
	content: "\e01a";
}
.icon-game-controller:before {
	content: "\e01b";
}
.icon-fire:before {
	content: "\e01c";
}
.icon-eyeglasses:before {
	content: "\e01d";
}
.icon-envelope-open:before {
	content: "\e01e";
}
.icon-envelope-letter:before {
	content: "\e01f";
}
.icon-bell:before {
	content: "\e027";
}
.icon-badge:before {
	content: "\e028";
}
.icon-anchor:before {
	content: "\e029";
}
.icon-wallet:before {
	content: "\e02a";
}
.icon-vector:before {
	content: "\e02b";
}
.icon-speech:before {
	content: "\e02c";
}
.icon-puzzle:before {
	content: "\e02d";
}
.icon-printer:before {
	content: "\e02e";
}
.icon-present:before {
	content: "\e02f";
}
.icon-playlist:before {
	content: "\e030";
}
.icon-pin:before {
	content: "\e031";
}
.icon-picture:before {
	content: "\e032";
}
.icon-map:before {
	content: "\e033";
}
.icon-layers:before {
	content: "\e034";
}
.icon-handbag:before {
	content: "\e035";
}
.icon-globe-alt:before {
	content: "\e036";
}
.icon-globe:before {
	content: "\e037";
}
.icon-frame:before {
	content: "\e038";
}
.icon-folder-alt:before {
	content: "\e039";
}
.icon-film:before {
	content: "\e03a";
}
.icon-feed:before {
	content: "\e03b";
}
.icon-earphones-alt:before {
	content: "\e03c";
}
.icon-earphones:before {
	content: "\e03d";
}
.icon-drop:before {
	content: "\e03e";
}
.icon-drawer:before {
	content: "\e03f";
}
.icon-docs:before {
	content: "\e040";
}
.icon-directions:before {
	content: "\e041";
}
.icon-direction:before {
	content: "\e042";
}
.icon-diamond:before {
	content: "\e043";
}
.icon-cup:before {
	content: "\e044";
}
.icon-compass:before {
	content: "\e045";
}
.icon-call-out:before {
	content: "\e046";
}
.icon-call-in:before {
	content: "\e047";
}
.icon-call-end:before {
	content: "\e048";
}
.icon-calculator:before {
	content: "\e049";
}
.icon-bubbles:before {
	content: "\e04a";
}
.icon-briefcase:before {
	content: "\e04b";
}
.icon-book-open:before {
	content: "\e04c";
}
.icon-basket-loaded:before {
	content: "\e04d";
}
.icon-basket:before {
	content: "\e04e";
}
.icon-bag:before {
	content: "\e04f";
}
.icon-action-undo:before {
	content: "\e050";
}
.icon-action-redo:before {
	content: "\e051";
}
.icon-wrench:before {
	content: "\e052";
}
.icon-umbrella:before {
	content: "\e053";
}
.icon-trash:before {
	content: "\e054";
}
.icon-tag:before {
	content: "\e055";
}
.icon-support:before {
	content: "\e056";
}
.icon-size-fullscreen:before {
	content: "\e057";
}
.icon-size-actual:before {
	content: "\e058";
}
.icon-shuffle:before {
	content: "\e059";
}
.icon-share-alt:before {
	content: "\e05a";
}
.icon-share:before {
	content: "\e05b";
}
.icon-rocket:before {
	content: "\e05c";
}
.icon-question:before {
	content: "\e05d";
}
.icon-pie-chart:before {
	content: "\e05e";
}
.icon-pencil:before {
	content: "\e05f";
}
.icon-note:before {
	content: "\e060";
}
.icon-music-tone-alt:before {
	content: "\e061";
}
.icon-music-tone:before {
	content: "\e062";
}
.icon-microphone:before {
	content: "\e063";
}
.icon-loop:before {
	content: "\e064";
}
.icon-logout:before {
	content: "\e065";
}
.icon-login:before {
	content: "\e066";
}
.icon-list:before {
	content: "\e067";
}
.icon-like:before {
	content: "\e068";
}
.icon-home:before {
	content: "\e069";
}
.icon-grid:before {
	content: "\e06a";
}
.icon-graph:before {
	content: "\e06b";
}
.icon-equalizer:before {
	content: "\e06c";
}
.icon-dislike:before {
	content: "\e06d";
}
.icon-cursor:before {
	content: "\e06e";
}
.icon-control-start:before {
	content: "\e06f";
}
.icon-control-rewind:before {
	content: "\e070";
}
.icon-control-play:before {
	content: "\e071";
}
.icon-control-pause:before {
	content: "\e072";
}
.icon-control-forward:before {
	content: "\e073";
}
.icon-control-end:before {
	content: "\e074";
}
.icon-calendar:before {
	content: "\e075";
}
.icon-bulb:before {
	content: "\e076";
}
.icon-bar-chart:before {
	content: "\e077";
}
.icon-arrow-up:before {
	content: "\e078";
}
.icon-arrow-right:before {
	content: "\e079";
}
.icon-arrow-left:before {
	content: "\e07a";
}
.icon-arrow-down:before {
	content: "\e07b";
}
.icon-ban:before {
	content: "\e07c";
}
.icon-bubble:before {
	content: "\e07d";
}
.icon-camcorder:before {
	content: "\e07e";
}
.icon-camera:before {
	content: "\e07f";
}
.icon-check:before {
	content: "\e080";
}
.icon-clock:before {
	content: "\e081";
}
.icon-close:before {
	content: "\e082";
}
.icon-cloud-download:before {
	content: "\e083";
}
.icon-cloud-upload:before {
	content: "\e084";
}
.icon-doc:before {
	content: "\e085";
}
.icon-envelope:before {
	content: "\e086";
}
.icon-eye:before {
	content: "\e087";
}
.icon-flag:before {
	content: "\e088";
}
.icon-folder:before {
	content: "\e089";
}
.icon-heart:before {
	content: "\e08a";
}
.icon-info:before {
	content: "\e08b";
}
.icon-key:before {
	content: "\e08c";
}
.icon-link:before {
	content: "\e08d";
}
.icon-lock:before {
	content: "\e08e";
}
.icon-lock-open:before {
	content: "\e08f";
}
.icon-magnifier:before {
	content: "\e090";
}
.icon-magnifier-add:before {
	content: "\e091";
}
.icon-magnifier-remove:before {
	content: "\e092";
}
.icon-paper-clip:before {
	content: "\e093";
}
.icon-paper-plane:before {
	content: "\e094";
}
.icon-plus:before {
	content: "\e095";
}
.icon-pointer:before {
	content: "\e096";
}
.icon-power:before {
	content: "\e097";
}
.icon-refresh:before {
	content: "\e098";
}
.icon-reload:before {
	content: "\e099";
}
.icon-settings:before {
	content: "\e09a";
}
.icon-star:before {
	content: "\e09b";
}
.icon-symbol-female:before {
	content: "\e09c";
}
.icon-symbol-male:before {
	content: "\e09d";
}
.icon-target:before {
	content: "\e09e";
}
.icon-volume-1:before {
	content: "\e09f";
}
.icon-volume-2:before {
	content: "\e0a0";
}
.icon-volume-off:before {
	content: "\e0a1";
}
.icon-users:before {
	content: "\e001";
}
/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('/Content/fonts/fontawesome-webfont.eot?v=4.2.0');src:url('/Content/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('/Content/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('/Content/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('/Content/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{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}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.noUi-target {
	position: relative;
}
.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
}
.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}
.noUi-handle {
	position: relative;
	z-index: 1;
}
.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
	z-index: 10;
}
.noUi-stacking + .noUi-origin {
/* Fix stacking order in IE7, which incorrectly
   creates a new context for the origins. */
	*z-index: -1;
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s, top 0.3s;
	transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
	cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-origin,
.noUi-handle {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
	height: 18px;
}
.noUi-horizontal .noUi-handle {
	width: 34px;
	height: 28px;
	left: -17px;
	top: -6px;
}
.noUi-vertical {
	width: 18px;
}
.noUi-vertical .noUi-handle {
	width: 28px;
	height: 34px;
	left: -6px;
	top: -17px;
}

/* Styling;
 */
.noUi-background {
	background: #FAFAFA;
	box-shadow: inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
	background: #3FB8AF;
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
-webkit-transition: background 450ms;
	transition: background 450ms;
}
.noUi-origin {
	border-radius: 2px;
}
.noUi-target {
	border-radius: 4px;
	border: 1px solid #D3D3D3;
	box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-target.noUi-connect {
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
}

/* Handles and cursors;
 */
.noUi-dragable {
	cursor: w-resize;
}
.noUi-vertical .noUi-dragable {
	cursor: n-resize;
}
.noUi-handle {
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #FFF;
	cursor: default;
	box-shadow: inset 0 0 1px #FFF,
				inset 0 1px 7px #EBEBEB,
				0 3px 6px -3px #BBB;
}
.noUi-active {
	box-shadow: inset 0 0 1px #FFF,
				inset 0 1px 7px #DDD,
				0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
	content: "";
	display: block;
	position: absolute;
	height: 14px;
	width: 1px;
	background: #E8E7E6;
	left: 14px;
	top: 6px;
}
.noUi-handle:after {
	left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
	width: 14px;
	height: 1px;
	left: 6px;
	top: 14px;
}
.noUi-vertical .noUi-handle:after {
	top: 17px;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
	background: #B8B8B8;
}
[disabled] .noUi-handle {
	cursor: not-allowed;
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.24
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(/Content/img/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}
f/* 
* Version: 1.4
* Default Color 	  : #18BA9B;
* Default Hover Color : #5fb611;
*/

a:focus, 
a:hover, 
a:active {
	color: #18BA9B;
}

.color-green {
	color: #18BA9B;
}

a.read-more:hover { 
	color:#18BA9B; 
}

.linked:hover {
	color:#18BA9B;
}

/*Header v1
------------------------------------*/
/*Navber*/
.header .navbar-default .navbar-nav > .active > a {
	color: #18BA9B;
}

/*Navbar Toggle*/
.navbar-toggle,
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	
}

.navbar-default .navbar-toggle {
	border-color: #5fb611;
}

.navbar-default .navbar-toggle:hover {
	background: #5fb611;
}

/*Responsive Navbar*/
@media (max-width: 767px) {
	.header .navbar-default .navbar-nav > li > a:hover {
		color: #18BA9B;
	}

	.header .navbar-default .navbar-nav > .active > a,
	.header .navbar-default .navbar-nav > .active > a:hover,
	.header .navbar-default .navbar-nav > .active > a:focus {
		color: #fff;
		background: #18BA9B;
	}
}

@media (min-width: 767px) {
	/*Navbar*/
	.header .navbar-default .navbar-nav > li > a:hover,
	.header .navbar-default .navbar-nav > .active > a {
		border-bottom: solid 2px #18BA9B;
	}

	.header .navbar-default .navbar-nav > .open > a,
	.header .navbar-default .navbar-nav > .open > a:hover,
	.header .navbar-default .navbar-nav > .open > a:focus {
		color: #18BA9B;
	}

	/*Dropdown Menu*/
	.header .dropdown-menu { 
		border-top: solid 2px #18BA9B; 
	}	
}

/*Search Box*/
.header .navbar .nav > li > .search:hover {
	color: #18BA9B;
	border-bottom-color: #18BA9B;
}

@media (max-width: 767px) {
	.header .navbar .nav > li > .search:hover {
		background: #5fb611;
	}
}

/*Header v2
------------------------------------*/
/*Topbar*/
.topbar-v1 .top-v1-data li a:hover i {
	color: #18BA9B;
}

/*Search Box*/
.header-v1 .navbar .nav > li > .search:hover {
	background: #18BA9B;
}

/*Responsive Navbar*/
@media (min-width: 767px) {
	.header-v1 .navbar-default .navbar-nav > li > a:hover,
	.header-v1 .navbar-default .navbar-nav > .active > a {
		color: #fff;
		background: #18BA9B !important;
	}

	.header-v1 .navbar-default .navbar-nav > .open > a,
	.header-v1 .navbar-default .navbar-nav > .open > a:hover,
	.header-v1 .navbar-default .navbar-nav > .open > a:focus {
		background: #18BA9B;		
	}
}	

/*Sliders
------------------------------------*/
/*Main Parallax Sldier*/
.da-slide h2 i {
	/*background:url(../../plugins/parallax-slider/img/bg-heading.png) repeat;*/
}

/*Sequence Parallax Sldier*/
.sequence-inner {
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#defce7));
  background: -webkit-linear-gradient(#fff, #defce7);
  background: -moz-linear-gradient(#fff, #defce7);
  background: -ms-linear-gradient(#fff, #defce7);
  background: -o-linear-gradient(#fff, #defce7);
  background: linear-gradient(#fff, #defce7)
}

#sequence-theme h2 {
	background:rgba(114, 192, 44, 0.8);
}

#sequence-theme .info p {
	background:rgba(114, 192, 44, 0.8);
}

/*Buttons
------------------------------------*/
.btn-u {
	background: #18BA9B;
}

.btn-u:hover {
	background: #169C83;
}

/*Service
------------------------------------*/
.service .service-icon {
	color:#18BA9B;	
}

/*Service Blocks*/
.service-alternative .service:hover { 
	background:#18BA9B;
} 

/*Thumbnail (Recent Work)
------------------------------------*/
.thumbnail-style h3 a:hover {
	color:#18BA9B;
}

.thumbnail-style a.btn-more {
	background:#18BA9B;
}
.thumbnail-style a.btn-more:hover {
	box-shadow:0 0 0 2px #5fb611;
}

/*Carousel (Recent Work)*/
.recent-work a:hover span {
	border-bottom:solid 2px #18BA9B;
}

.bx-wrapper .bx-prev {
	/*background-image: url(../../plugins/bxslider/images/controls.png);*/
}
.bx-wrapper .bx-next {
	/*background-image: url(../../plugins/bxslider/images/controls.png);*/
}

/*Typography
------------------------------------*/
/*Heading*/
.headline h2, 
.headline h3, 
.headline h4 {
	border-bottom:2px solid #39B9A1;
}

/*Blockquote*/
blockquote:hover {
	border-left-color:#39B9A1; 
}

.hero {
	border-left-color: #39B9A1;
}

/*Carousel
------------------------------------*/
.carousel-arrow a.carousel-control:hover {
	color: #39B9A1;
}

/*Footer
------------------------------------*/
.footer a,
.copyright a,
.footer a:hover,
.copyright a:hover {
	color: #15806C;
}

/*Footer Blog*/
.footer .dl-horizontal a:hover {
	color:#18BA9B !important;
}

/*Blog Posts
------------------------------------*/
.posts .dl-horizontal a:hover { 
	color:#18BA9B; 
}

.posts .dl-horizontal:hover dt img,
.posts .dl-horizontal:hover dd a { 
	color: #18BA9B;
	border-color: #18BA9B !important;
}

/*Post Comment*/
.post-comment h3, 
.blog-item .media h3,
.blog-item .media h4.media-heading span a {
	color: #18BA9B;
}

/*Tabs
------------------------------------*/
/*Tabs v1*/
.tab-v1 .nav-tabs { 
	border-bottom: solid 2px #18BA9B; 	
}

.tab-v1 .nav-tabs > .active > a, 
.tab-v1 .nav-tabs > .active > a:hover, 
.tab-v1 .nav-tabs > .active > a:focus { 
	background: #18BA9B; 
}

.tab-v1 .nav-tabs > li > a:hover { 
	background: #18BA9B; 
}

/*Tabs v2*/

.tab-v2 {
    margin-top: 15px;
}

.tab-v2 .nav-tabs li.active a {
	/*border-top: solid 2px #18BA9B;*/
    border: solid 2px #18BA9B;
    background: #18BA9B;
    color: #fff;
}

/*Tabs v3*/
.tab-v3 .nav-pills li a:hover,
.tab-v3 .nav-pills li.active a {
	background: #18BA9B;
	border: solid 1px #5fb611;
}

/*Accardion
------------------------------------*/
.acc-home a.active,
.acc-home a.accordion-toggle:hover { 
	color:#18BA9B; 
}
.acc-home .collapse.in { 
	border-bottom:solid 1px #18BA9B; 
}

/*Testimonials
------------------------------------*/
.testimonials .testimonial-info {
	color: #18BA9B;
}

.testimonials .carousel-arrow i:hover {
	background: #18BA9B;
}

/*Info Blocks
------------------------------------*/
.info-blocks:hover i.icon-info-blocks {
	color: #18BA9B;
}

/*Breadcrumb
------------------------------------*/
.breadcrumb li.active,
.breadcrumb li a:hover {
	color:#18BA9B;
}

/*About Page
------------------------------------*/
.team .thumbnail-style:hover h3 a {
	color:#18BA9B !important;
}

/*Social Icons*/
.team ul.team-socail li i:hover {
	background: #18BA9B;
}

/*Right Sidebar
------------------------------------*/
/*Right Sidebar*/
.who li i,
.who li:hover i, 
.who li:hover a { 
	color:#18BA9B; 
}

/*Privacy Page
------------------------------------*/
.privacy a:hover {
	color:#18BA9B; 
}

/*Portfolio Page
------------------------------------*/
/*Portfolio v1*/
.view a.info:hover {
	background: #18BA9B;
}

/*Portfolio v2*/
.sorting-block .sorting-nav li.active {
	color: #18BA9B;
	border-bottom: solid 1px #18BA9B;
}

.sorting-block .sorting-grid li a:hover span.sorting-cover {
	background: #18BA9B;
}

/*Blog Page
------------------------------------*/
.blog h3 {
	color:#18BA9B;
}
.blog li a:hover {
	color:#18BA9B;
}

/*Blog Tags*/
ul.blog-tags a:hover {
	background: #18BA9B;
}

.blog-post-tags ul.blog-tags a:hover {
    background: none repeat scroll 0 0 #18BA9B;
}

/*Blog Photos*/
.blog-photos li img:hover {
	box-shadow: 0 0 0 2px #18BA9B;
}

/*Blog Latest Tweets*/
.blog-twitter .blog-twitter-inner:hover {
	border-color: #18BA9B;
	border-top-color: #18BA9B;	
}
.blog-twitter .blog-twitter-inner:hover:after {
	border-top-color: #18BA9B;	
}

.blog-twitter .blog-twitter-inner a {
	color: #18BA9B;
}

/*Blog Item Page
------------------------------------*/
.blog-item h4.media-heading span a {
	color:#18BA9B;
}

/*Coming Soon Page
------------------------------------*/
.coming-soon-border {
	border-top: solid 3px #18BA9B;
}

/*Search Page
------------------------------------*/
.booking-blocks p a {
	color: #18BA9B;
}

/*Icons Page
------------------------------------*/
.icon-page li:hover { 
	color:#18BA9B;
}

/*Glyphicons*/
.glyphicons-demo a:hover {
	color: #18BA9B;
	text-decoration: none;
}

/*Magazine Page
------------------------------------*/
/*Magazine News*/
.magazine-news .by-author strong {
	color: #18BA9B;
}

.magazine-news a.read-more {
	color: #18BA9B;
}

/*Magazine Mini News*/
.magazine-mini-news .post-author strong {
	color: #18BA9B;
}

.news-read-more i {
	background: #18BA9B;
}

/*Sidebar Features*/
.magazine-page h3 a:hover {
	color: #18BA9B;
}

/*Page Features
------------------------------------*/
/*Tag Boxes v1*/
.tag-box-v1 {
	border-top: solid 2px #18BA9B;
}

/*Tag Boxes v2*/
.tag-box-v2 {
	border-right: solid 2px #18BA9B;
}

/*Tag Boxes v7*/
.tag-box-v7 {
	border-bottom: solid 2px #18BA9B;
}

/*Font Awesome Icon Page Style*/
.fa-icons li:hover { 
   color: #18BA9B;
}

.fa-icons li:hover i {
   background: #18BA9B; 
}

/*GLYPHICONS Icons Page Style*/
.bs-glyphicons li:hover {
   color: #18BA9B;
}

/*Navigation
------------------------------------*/
/*Pagination*/
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
   background-color: #18BA9B;
   border-color: #18BA9B;
}

.pagination li a:hover {
   background: #5fb611;
   border-color: #5fb611;   
}

/*Pager*/
.pager li > a:hover, 
.pager li > a:focus {
   background: #5fb611;
   border-color: #5fb611;   
}

/*Registration and Login Page v2
------------------------------------*/
.reg-block {
	border-top: solid 2px #18BA9B;
}
/* Add here all your css styles (customizations) */

.list-inline li a:hover {
    color: #18ba9b;
    text-decoration: none;
}

.sort-list-btn h3 {
    float: right;
    margin-left: 10px;
    direction: rtl;
}

.sort-list-btn .btn .caret {
    margin-right: 50px;
}

.btn-group, .btn-group-vertical {
    text-align: right;
    direction: rtl;
}

.magazine-page h3, .magazine-page h3 a {
    direction: rtl;
}

.headline {
    direction: rtl;
}

.list-unstyled {
    direction: rtl;
}

@media (min-width:992px) {
    .col-md-2, .col-md-5 {
        float: right;
    }
}

@media (min-width: 768px) {
    .col-md-2, .col-md-5 {
        float: right;
    }
}

.list-inline {
    padding-right: 0;
}

/*.col-sm-6 {
    float:left;
}*/

/*.dropdown-menu {
        right: 0;
}*/

.order thead {
    background: #18BA9B;
    color: #eee;
}

.wishlist-category {
    direction: rtl;
}

.hide {
    display: none;
}

.col-md-footer {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

    .col-md-footer h1 {
        color: #bbb;
        font-size: 16px;
    }

    .col-md-footer ul {
        font-size: 12px;
    }


@media (min-width: 992px) {
    .col-md-footer {
        float: right;
        width: 35.33333333333333%;
    }
}


.magazine-posts span {
    color: #777;
    display: block;
    font-size: 12px;
    /* font-style: italic; */
    margin-bottom: 7px;
}

.magazine-page span.magazine-badge {
    top: 0;
    left: 0;
    color: #fff;
    font-size: 14px;
    padding: 2px 8px;
    position: absolute;
    font-style: inherit;
}

.magazine-page span.magazine-badge-green {
    background: #17BE9E;
}

.magazine-posts .magazine-posts-img {
    overflow: hidden;
    max-height: 600px;
    position: relative;
}

@media (min-width:992px) {
    .magazine-posts .magazine-posts-img {
        min-height: 235px;
        border: 1px solid rgba(0, 0, 0, 0.04);
    }
}

@media (min-width:768px) {
    .magazine-posts .magazine-posts-img {
        min-height: 235px;
        border: 1px solid rgba(0, 0, 0, 0.04);
    }
}

@media (min-width:992px) {
    .carousel-inner > .item {
        min-height: 379px;
        border: 1px solid rgba(0, 0, 0, 0.04);
    }
}

@media (min-width:768px) {
    .carousel-inner > .item {
        min-height: 379px;
        border: 1px solid rgba(0, 0, 0, 0.04);
    }
}

@media (min-width:992px) {
    .illustration-v2 .product-img {
        min-height: 467px;
        border: 1px solid rgba(0, 0, 0, 0.04);
    }
}

@media (min-width:768px) {
    .illustration-v2 .product-img {
        min-height: 467px;
        border: 1px solid rgba(0, 0, 0, 0.04);
    }
}

@media (min-width:992px) {
    .illustration-v8 .product-img {
        min-height: 332px;
        border: 1px solid rgba(0, 0, 0, 0.04);
    }
}

@media (min-width:768px) {
    .illustration-v8 .product-img {
        min-height: 332px;
        border: 1px solid rgba(0, 0, 0, 0.04);
    }
}

.datetime {
    color: #FFF;
    font-size: 14px;
}

.rtl {
    direction: rtl;
}

.btni {
    margin-left: 5px;
}

.green {
    background-color: #f7fff7;
}

    .green p {
        color: #4caf50;
    }

.white {
    background-color: #fff;
}

.creditcard {
    padding: 0;
    box-shadow: 0 0 0px #ccc;
}

    .creditcard .input-small-field input {
        width: 25%;
        float: left;
        margin-right: 10px;
    }

    .creditcard .input-small-field span {
        color: #888;
        float: left;
        font-size: 20px;
        margin-right: 8px;
    }

    .creditcard .login-input i {
        font-size: 20px;
        min-width: 13px;
    }

    .creditcard .login-input input {
        height: 33px;
    }

    .creditcard .login-input .form-control {
        font-weight: 100;
    }



    .creditcard .input select {
        border-color: #e5e5e5;
        -ms-transition: border-color 0.3s;
        -moz-transition: border-color 0.3s;
        -webkit-transition: border-color 0.3s;
    }

    .creditcard .input select {
        padding-right: 28px;
    }

.error-v1 {
    padding-bottom: 30px;
    text-align: center;
}

    .error-v1 p {
        color: #555;
        font-size: 16px;
    }

    .error-v1 span {
        color: #555;
        display: block;
        font-size: 35px;
        font-weight: 200;
    }

        .error-v1 span.error-v1-title {
            color: #777;
            font-size: 180px;
            line-height: 200px;
            padding-bottom: 20px;
        }

/*For Mobile Devices*/
@media (max-width: 500px) {
    .error-v1 p {
        font-size: 12px;
    }

    .error-v1 span {
        font-size: 25px;
    }

        .error-v1 span.error-v1-title {
            font-size: 140px;
        }
}

.redirect-p {
    display: inline;
    padding-right: 14px;
}

.product-service .service {
    padding: 10px 0px 10px 0;
}

.who li i {
    color: #18BA9B;
    font-size: 14px;
    margin-left: 8px;
    position: relative;
}

.who li {
    margin-bottom: 16px;
}

.font-pass {
    letter-spacing: 4px;
}

    .font-pass::-webkit-input-placeholder { /* Safari, Chrome and Opera */
        letter-spacing: 0px;
    }

    .font-pass:-moz-placeholder { /* Firefox 18- */
        letter-spacing: 0px;
    }

    .font-pass::-moz-placeholder { /* Firefox 19+ */
        letter-spacing: 0px;
    }

    .font-pass:-ms-input-placeholder { /* IE 10+ */
        letter-spacing: 0px;
    }

    .font-pass::-ms-input-placeholder { /* Edge */
        letter-spacing: 0px;
    }


.angledown-checkout {
    float: left;
    color: rgb(24, 186, 155);
}


@media (max-width: 650px) {
    .input-append .add-on, .input-append .btn, .input-append .btn-group {
        margin-top: 5px;
    }
}

@media (max-width: 991px) {
    .nav {
        padding-left: 0;
    }
}

.glyphicon {
    margin-right: 5px;
}

.thumbnail {
    margin-bottom: 20px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.item.list-group-item {
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
    border:0px;
}

    .item.list-group-item:nth-of-type(odd):hover, .item.list-group-item:hover {
        /*background: #428bca;*/
    }

    .item.list-group-item .list-group-image {
        margin-right: 10px;
    }

    .item.list-group-item .thumbnail {
        margin-bottom: 0px;
        border: 0;
    }

    .item.list-group-item .caption {
        padding: 9px 9px 0px 9px;        
        text-align: right;
        direction: rtl;
    }

.thumbnail .caption {
    padding: 5px 0 0 0;
    text-align: center;
}

.caption h4 {
    font-size: 14px;
}

.item.list-group-item:nth-of-type(odd) {
    background: #fff;
}

.item.list-group-item:before, .item.list-group-item:after {
    display: table;
    content: " ";
}

.item.list-group-item img {
    float: left;
}

.item.list-group-item:after {
    clear: both;
}

.list-group-item-text {
    margin: 0 0 11px;
}

.btn-blog {
    float: left;
}

    .btn-blog a {
        float: left;
    }

        .btn-blog a i {
            margin-right: 5px;
        }

.footer-blog p {
    margin: 0px;
    font-size: 14px;
}

    .footer-blog p span {
        color: #39b9a1;
    }

    @media (min-width: 992px) {
    .col-md-7 {
        width: 62.333333%;
    }
    .col-md-2 {
            width: 16.66666667%;
    }

    .advertising {
            width: 12.666667%;
    }
}