/* Minification failed. Returning unminified contents. (4200,5): run-time error CSS1035: Expected colon, found '}' (32084,17): run-time error CSS1038: Expected hex color, found '#transparent' (32686,5): run-time error CSS1060: Expected closing curly-brace, found '0' (32693,1): run-time error CSS1019: Unexpected token, found '}' (32695,1): run-time error CSS1019: Unexpected token, found '@keyframes' (32696,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0' (32705,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (32706,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (32715,1): run-time error CSS1019: Unexpected token, found '@keyframes' (32716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (33858,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (33859,8): run-time error CSS1035: Expected colon, found '{' (33865,1): run-time error CSS1019: Unexpected token, found '@keyframes' (33866,8): run-time error CSS1035: Expected colon, found '{' (33872,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (33873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (33879,1): run-time error CSS1019: Unexpected token, found '@keyframes' (33880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (33914,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (33915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (33924,1): run-time error CSS1019: Unexpected token, found '@keyframes' (33925,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (33962,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (33963,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (33969,1): run-time error CSS1019: Unexpected token, found '@keyframes' (33970,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (33976,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (33977,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (33983,1): run-time error CSS1019: Unexpected token, found '@keyframes' (33984,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34018,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (34025,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (34032,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34039,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34040,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34074,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (34081,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34082,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (34088,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34095,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34130,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34131,8): run-time error CSS1035: Expected colon, found '{' (34137,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34138,8): run-time error CSS1035: Expected colon, found '{' (34144,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34151,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34189,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34201,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34213,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34225,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34263,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34285,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34307,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34324,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34402,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34403,8): run-time error CSS1035: Expected colon, found '{' (34409,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34410,8): run-time error CSS1035: Expected colon, found '{' (34416,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34428,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34492,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34493,8): run-time error CSS1035: Expected colon, found '{' (34498,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34499,8): run-time error CSS1035: Expected colon, found '{' (34504,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34505,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34514,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34515,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34554,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34555,8): run-time error CSS1035: Expected colon, found '{' (34561,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34562,8): run-time error CSS1035: Expected colon, found '{' (34568,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34569,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34580,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34581,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34620,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34621,8): run-time error CSS1035: Expected colon, found '{' (34627,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34628,8): run-time error CSS1035: Expected colon, found '{' (34634,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34635,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34641,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34642,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34676,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34677,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '90%' (34687,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34688,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '90%' (34698,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34705,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34706,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34738,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34739,8): run-time error CSS1035: Expected colon, found '{' (34745,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34746,8): run-time error CSS1035: Expected colon, found '{' (34752,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34753,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34758,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34759,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34790,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34791,8): run-time error CSS1035: Expected colon, found '{' (34797,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34798,8): run-time error CSS1035: Expected colon, found '{' (34804,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34805,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34815,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34816,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34856,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '90%' (34867,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '90%' (34878,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34885,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34908,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34909,8): run-time error CSS1035: Expected colon, found '{' (34915,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34916,8): run-time error CSS1035: Expected colon, found '{' (34922,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34923,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34934,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34935,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34962,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34963,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34974,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34975,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35002,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (35003,8): run-time error CSS1035: Expected colon, found '{' (35009,1): run-time error CSS1019: Unexpected token, found '@keyframes' (35010,8): run-time error CSS1035: Expected colon, found '{' (35016,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (35017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35028,1): run-time error CSS1019: Unexpected token, found '@keyframes' (35029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35056,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (35057,8): run-time error CSS1035: Expected colon, found '{' (35063,1): run-time error CSS1019: Unexpected token, found '@keyframes' (35064,8): run-time error CSS1035: Expected colon, found '{' (35070,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (35071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35082,1): run-time error CSS1019: Unexpected token, found '@keyframes' (35083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35104,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (35105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35116,1): run-time error CSS1019: Unexpected token, found '@keyframes' (35117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35133,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (35134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35143,1): run-time error CSS1019: Unexpected token, found '@keyframes' (35144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35160,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (35161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35172,1): run-time error CSS1019: Unexpected token, found '@keyframes' (35173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (37366,1): run-time error CSS1019: Unexpected token, found '@import' (37366,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Montserrat|Open+Sans)' (40889,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (40890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (40900,1): run-time error CSS1019: Unexpected token, found '@keyframes' (40901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (40918,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (40919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (40932,1): run-time error CSS1019: Unexpected token, found '@keyframes' (40933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (40973,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (40974,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (40983,1): run-time error CSS1019: Unexpected token, found '@keyframes' (40984,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (41030,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (41031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (41040,1): run-time error CSS1019: Unexpected token, found '@keyframes' (41041,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (41074,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (41075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (41092,1): run-time error CSS1019: Unexpected token, found '@keyframes' (41093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (41143,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (41144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (41153,1): run-time error CSS1019: Unexpected token, found '@keyframes' (41154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (42766,1): run-time error CSS1019: Unexpected token, found '@keyframes' (42767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (42776,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (42777,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* * The MIT License * Copyright (c) 2012 Matias Meno */ @-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @-moz-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-moz-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-moz-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .dropzone, .dropzone * { box-sizing: border-box; } .dropzone { min-height: 150px; border: 2px solid rgba(0, 0, 0, 0.3); background: white; padding: 20px 20px; } .dropzone.dz-clickable { cursor: pointer; } .dropzone.dz-clickable * { cursor: default; } .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; } .dropzone.dz-started .dz-message { display: none; } .dropzone.dz-drag-hover { border-style: solid; } .dropzone.dz-drag-hover .dz-message { opacity: 0.5; } .dropzone .dz-message { text-align: center; margin: 2em 0; } .dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 16px; min-height: 100px; } .dropzone .dz-preview:hover { z-index: 1000; } .dropzone .dz-preview:hover .dz-details { opacity: 1; } .dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 20px; background: #999; background: linear-gradient(to bottom, #eee, #ddd); } .dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; } .dropzone .dz-preview.dz-image-preview { background: white; } .dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .dropzone .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none; } .dropzone .dz-preview .dz-remove:hover { text-decoration: underline; } .dropzone .dz-preview:hover .dz-details { opacity: 1; } .dropzone .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; } .dropzone .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px; } .dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; } .dropzone .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; } .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; } .dropzone .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); } .dropzone .dz-preview .dz-image { border-radius: 20px; overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10; } .dropzone .dz-preview .dz-image img { display: block; } .dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); } .dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); } .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; } .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; } .dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; } .dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; } .dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; } .dropzone .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; } .dropzone .dz-preview.dz-error .dz-error-message { display: block; } .dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; } .dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 150px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; } .dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; } /*! * Bootstrap-select v1.10.0 (http://silviomoreto.github.io/bootstrap-select) * * Copyright 2013-2016 bootstrap-select * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE) */select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\9}.bootstrap-select>.dropdown-toggle{width:100%;padding-right:25px;z-index:1}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2}.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{z-index:auto}.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group{margin-bottom:0}.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}.form-inline .bootstrap-select.btn-group .form-control{width:100%}.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group.bs-container{position:absolute}.bootstrap-select.btn-group.bs-container .dropdown-menu{z-index:1060}.bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}.bootstrap-select.btn-group .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff}.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static}.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none} /* v1.0.6 */ /* Core RS CSS file. 95% of time you shouldn't change anything here. */ .royalSlider { width: 600px; height: 400px; position: relative; direction: ltr; } .royalSlider > * { float: left; } .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden; } .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; } .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsArrow, .rsThumbsArrow { cursor: pointer; } .rsThumb { float: left; position: relative; } .rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; transition:opacity 0.3s linear; } .rsHidden { opacity: 0; visibility: hidden; -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear; transition:visibility 0s linear 0.3s,opacity 0.3s linear; } .rsGCaption { width: 100%; float: left; text-align: center; } /* Fullscreen options, very important ^^ */ .royalSlider.rsFullscreen { position: fixed !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; } .royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; } .rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; } .rsContent { width: 100%; height: 100%; position: relative; } .rsPreloader { position:absolute; z-index: 0; } .rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; } .rsNavItem { -webkit-tap-highlight-color:rgba(0,0,0,0.25); } .rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; } .rsTabs { float: left; background: none !important; } .rsTabs, .rsThumbs { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVideoContainer { width: auto; height: auto; line-height: 0; position: relative; } .rsVideoFrameHolder { position: absolute; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s; } .rsVideoFrameHolder.rsVideoActive { opacity: 1; } .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; } /* ios controls over video bug, shifting video */ .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 44px; } .rsABlock { left: 0; top: 0; position: absolute; z-index: 15; } img.rsImg { max-width: none; } .grab-cursor { cursor:url(grab.png) 8 8, move; } .grabbing-cursor{ cursor:url(grabbing.png) 8 8, move; } .rsNoDrag { cursor: auto; } .rsLink { left:0; top:0; position:absolute; width:100%; height:100%; display:block; z-index: 20; background: url(blank.gif); } /****************************** * * RoyalSlider Default Skin * * 1. Arrows * 2. Bullets * 3. Thumbnails * 4. Tabs * 5. Fullscreen button * 6. Play/close video button * 7. Preloader * 8. Caption * * Sprite: 'rs-default.png' * Feel free to edit anything * If you don't some part - just delete it * ******************************/ /* Background */ .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs { background: #151515; color: #FFF; } /*************** * * 1. Arrows * ****************/ .rsDefault .rsArrow { height: 100%; width: 44px; position: absolute; display: block; cursor: pointer; z-index: 21; } .rsDefault.rsVer .rsArrow { width: 100%; height: 44px; } .rsDefault.rsVer .rsArrowLeft { top: 0; left: 0; } .rsDefault.rsVer .rsArrowRight { bottom: 0; left: 0; } .rsDefault.rsHor .rsArrowLeft { left: 0; top: 0; } .rsDefault.rsHor .rsArrowRight { right: 0; top:0; } .rsDefault .rsArrowIcn { width: 32px; height: 32px; top: 50%; left: 50%; margin-top:-16px; margin-left: -16px; position: absolute; cursor: pointer; background: url('/Content/royalslider/skins/default/rs-default.png'); background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; border-radius: 2px; } .rsDefault .rsArrowIcn:hover { background-color: rgba(0,0,0,0.9); } .rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; } .rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; } .rsDefault.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; } .rsDefault.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; } .rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20); *display: none; } /*************** * * 2. Bullets * ****************/ .rsDefault .rsBullets { position: absolute; z-index: 35; left: 0; bottom: 0; width: 100%; height: auto; margin: 0 auto; background: #000; background: rgba(0,0,0,0.75); text-align: center; line-height: 8px; overflow: hidden; } .rsDefault .rsBullet { width: 8px; height: 8px; display: inline-block; *display:inline; *zoom:1; padding: 6px 5px 6px; } .rsDefault .rsBullet span { display: block; width: 8px; height: 8px; border-radius: 50%; background: #777; background: rgba(255,255,255,0.5); } .rsDefault .rsBullet.rsNavSelected span { background-color: #FFF; } /*************** * * 3. Thumbnails * ****************/ .rsDefault .rsThumbsHor { width: 100%; height: 72px; } .rsDefault .rsThumbsVer { width: 96px; height: 100%; position: absolute; top: 0; right: 0; } .rsDefault.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100%; } .rsDefault.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100%; } .rsDefault .rsThumb { float: left; overflow: hidden; width: 96px; height: 72px; } .rsDefault .rsThumb img { width: 100%; height: 100%; } .rsDefault .rsThumb.rsNavSelected { background: #02874a; } .rsDefault .rsThumb.rsNavSelected img { opacity: 0.3; filter: alpha(opacity=30); } .rsDefault .rsTmb { display: block; } /* Thumbnails with text */ .rsDefault .rsTmb h5 { font-size: 16px; margin: 0; padding: 0; line-height: 20px; color: #FFF; } .rsDefault .rsTmb span { color: #DDD; margin: 0; padding: 0; font-size: 13px; line-height: 18px; } /* Thumbnails arrow icons */ .rsDefault .rsThumbsArrow { height: 100%; width: 20px; position: absolute; display: block; cursor: pointer; z-index: 21; background: #000; background: rgba(0,0,0,0.75); } .rsDefault .rsThumbsArrow:hover { background: rgba(0,0,0,0.9); } .rsDefault.rsWithThumbsVer .rsThumbsArrow { width: 100%; height: 20px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0; left: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; } .rsDefault .rsThumbsArrowIcn { width: 16px; height: 16px; top: 50%; left: 50%; margin-top:-8px; margin-left: -8px; position: absolute; cursor: pointer; background: url('/Content/royalslider/skins/default/rs-default.png'); } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; } .rsDefault .rsThumbsArrowDisabled { display: none !important; } /* Thumbnails resizing on smaller screens */ @media screen and (min-width: 0px) and (max-width: 800px) { .rsDefault .rsThumb { width: 59px; height: 44px; } .rsDefault .rsThumbsHor { height: 44px; } .rsDefault .rsThumbsVer { width: 59px; } } /*************** * * 4. Tabs * ****************/ .rsDefault .rsTabs { width: 100%; height: auto; margin: 0 auto; text-align:center; overflow: hidden; padding-top: 12px; position: relative; } .rsDefault .rsTab { display: inline-block; cursor: pointer; text-align: center; height: auto; width: auto; color: #333; padding: 5px 13px 6px; min-width: 72px; border: 1px solid #D9D9DD; border-right: 1px solid #f5f5f5; text-decoration: none; background-color: #FFF; background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4); background-image: linear-gradient(to bottom, #fefefe, #f4f4f4); -webkit-box-shadow: inset 1px 0 0 #fff; box-shadow: inset 1px 0 0 #fff; *display:inline; *zoom:1; } .rsDefault .rsTab:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .rsDefault .rsTab:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid #cfcfcf; } .rsDefault .rsTab:active { border: 1px solid #D9D9DD; background-color: #f4f4f4; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; } .rsDefault .rsTab.rsNavSelected { color: #FFF; border: 1px solid #999; text-shadow: 1px 1px #838383; box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset; background: #ACACAC; background-image: -webkit-linear-gradient(top, #ACACAC, #BBB); background-image: -moz-llinear-gradient(top, #ACACAC, #BBB); background-image: linear-gradient(to bottom, #ACACAC, #BBB); } /*************** * * 5. Fullscreen button * ****************/ .rsDefault .rsFullscreenBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 22; display: block; position: absolute; cursor: pointer; } .rsDefault .rsFullscreenIcn { display: block; margin: 6px; width: 32px; height: 32px; background: url('/Content/royalslider/skins/default/rs-default.png') 0 0; background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; border-radius: 2px; } .rsDefault .rsFullscreenIcn:hover { background-color: rgba(0,0,0,0.9); } .rsDefault.rsFullscreen .rsFullscreenIcn { background-position: -32px 0; } /*************** * * 6. Play/close video button * ****************/ .rsDefault .rsPlayBtn { -webkit-tap-highlight-color:rgba(0,0,0,0.3); width:64px; height:64px; margin-left:-32px; margin-top:-32px; cursor: pointer; } .rsDefault .rsPlayBtnIcon { width:64px; display:block; height:64px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; background:url(/Content/royalslider/skins/default/rs-default.png) no-repeat 0 -32px; background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; } .rsDefault .rsPlayBtn:hover .rsPlayBtnIcon { background-color: rgba(0,0,0,0.9); } .rsDefault .rsBtnCenterer { position:absolute; left:50%; top:50%; } .rsDefault .rsCloseVideoBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 500; position: absolute; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .rsDefault .rsCloseVideoBtn.rsiOSBtn { top: -38px; right: -6px; } .rsDefault .rsCloseVideoIcn { margin: 6px; width: 32px; height: 32px; background: url('/Content/royalslider/skins/default/rs-default.png') -64px 0; background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; } .rsDefault .rsCloseVideoIcn:hover { background-color: rgba(0,0,0,0.9); } /*************** * * 7. Preloader * ****************/ .rsDefault .rsPreloader { width:20px; height:20px; background-image:url(/Content/royalslider/skins/preloaders/preloader-white.gif); left:50%; top:50%; margin-left:-10px; margin-top:-10px; } /*************** * * 8. Global caption * ****************/ .rsDefault .rsGCaption { position: absolute; float: none; bottom: 6px; left: 6px; text-align: left; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.75); color: #FFF; padding: 2px 8px; width: auto; font-size: 12px; border-radius: 2px; } @charset "UTF-8"; /*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { font-size: 2em; margin: .67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, :after, :before { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } blockquote, pre { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { max-width: 100% !important; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered td, .table-bordered th { border: 1px solid #ddd !important; } } @font-face { font-family: Glyphicons Halflings; src: url(../fonts/bootstrap/glyphicons-halflings-regular.eot); src: url(../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/bootstrap/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/bootstrap/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/bootstrap/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg"); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: Glyphicons Halflings; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-eur:before, .glyphicon-euro:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before, .glyphicon-btc:before, .glyphicon-xbt:before { content: "\e227"; } .glyphicon-jpy:before, .glyphicon-yen:before { content: "\00a5"; } .glyphicon-rub:before, .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } *, :after, :before { box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: transparent; } body { font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.428571429; color: #333; background-color: #fff; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #f6303e; text-decoration: none; } a:focus, a:hover { color: #f6303e; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 0; } .img-thumbnail { padding: 4px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; } [role=button] { cursor: pointer; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; color: #777; } .h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 65%; } .h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 75%; } .h1, h1 { font-size: 36px; } .h2, h2 { font-size: 30px; } .h3, h3 { font-size: 24px; } .h4, h4 { font-size: 18px; } .h5, h5 { font-size: 14px; } .h6, h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width:768px) { .lead { font-size: 21px; } } .small, small { font-size: 85%; } .mark, mark { background-color: #fcf8e3; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .initialism, .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-primary { color: #f6303e; } a.text-primary:focus, a.text-primary:hover { color: #398f5d; } .text-success { color: #3c763d; } a.text-success:focus, a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:focus, a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:focus, a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:focus, a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #f6303e; } a.bg-primary:focus, a.bg-primary:hover { background-color: #398f5d; } .bg-success { background-color: #dff0d8; } a.bg-success:focus, a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:focus, a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:focus, a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:focus, a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } ol, ul { margin-top: 0; margin-bottom: 10px; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } .list-inline, .list-unstyled { padding-left: 0; list-style: none; } .list-inline { margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dd, dt { line-height: 1.428571429; } dt { font-weight: 700; } dd { margin-left: 0; } .dl-horizontal dd:after, .dl-horizontal dd:before { content: " "; display: table; } .dl-horizontal dd:after { clear: both; } @media (min-width:991px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted #777; } .initialism { font-size: 90%; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0; } blockquote .small, blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 1.428571429; color: #777; } blockquote .small:before, blockquote footer:before, blockquote small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; text-align: right; } .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before { content: ''; } .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after { content: '\00A0 \2014'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.428571429; } code, kbd, pre, samp { font-family: Menlo,Monaco,Consolas,Courier New,monospace; } code { color: #c7254e; background-color: #f9f2f4; } code, kbd { padding: 2px 4px; font-size: 90%; border-radius: 0; } kbd { color: #fff; background-color: #333; box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 0; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:after, .container:before { content: " "; display: table; } .container:after { clear: both; } @media (min-width:768px) { .container { width: 750px; } } @media (min-width:992px) { .container { width: 970px; } } @media (min-width:1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:after, .container-fluid:before { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row:after, .row:before { content: " "; display: table; } .row:after { clear: both; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.3333333333%; } .col-xs-2 { width: 16.6666666667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.3333333333%; } .col-xs-5 { width: 41.6666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.3333333333%; } .col-xs-8 { width: 66.6666666667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.3333333333%; } .col-xs-11 { width: 91.6666666667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.3333333333%; } .col-xs-pull-2 { right: 16.6666666667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.3333333333%; } .col-xs-pull-5 { right: 41.6666666667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.3333333333%; } .col-xs-pull-8 { right: 66.6666666667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.3333333333%; } .col-xs-pull-11 { right: 91.6666666667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.3333333333%; } .col-xs-push-2 { left: 16.6666666667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.3333333333%; } .col-xs-push-5 { left: 41.6666666667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.3333333333%; } .col-xs-push-8 { left: 66.6666666667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.3333333333%; } .col-xs-push-11 { left: 91.6666666667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0; } .col-xs-offset-1 { margin-left: 8.3333333333%; } .col-xs-offset-2 { margin-left: 16.6666666667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.3333333333%; } .col-xs-offset-5 { margin-left: 41.6666666667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.3333333333%; } .col-xs-offset-8 { margin-left: 66.6666666667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.3333333333%; } .col-xs-offset-11 { margin-left: 91.6666666667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width:768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.3333333333%; } .col-sm-2 { width: 16.6666666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.3333333333%; } .col-sm-5 { width: 41.6666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.3333333333%; } .col-sm-8 { width: 66.6666666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.3333333333%; } .col-sm-11 { width: 91.6666666667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.3333333333%; } .col-sm-pull-2 { right: 16.6666666667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.3333333333%; } .col-sm-pull-5 { right: 41.6666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.3333333333%; } .col-sm-pull-8 { right: 66.6666666667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.3333333333%; } .col-sm-pull-11 { right: 91.6666666667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.3333333333%; } .col-sm-push-2 { left: 16.6666666667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.3333333333%; } .col-sm-push-5 { left: 41.6666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.3333333333%; } .col-sm-push-8 { left: 66.6666666667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.3333333333%; } .col-sm-push-11 { left: 91.6666666667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0; } .col-sm-offset-1 { margin-left: 8.3333333333%; } .col-sm-offset-2 { margin-left: 16.6666666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333333333%; } .col-sm-offset-5 { margin-left: 41.6666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.3333333333%; } .col-sm-offset-8 { margin-left: 66.6666666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.3333333333%; } .col-sm-offset-11 { margin-left: 91.6666666667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width:992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.3333333333%; } .col-md-2 { width: 16.6666666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.3333333333%; } .col-md-5 { width: 41.6666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.3333333333%; } .col-md-8 { width: 66.6666666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.3333333333%; } .col-md-11 { width: 91.6666666667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.3333333333%; } .col-md-pull-2 { right: 16.6666666667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.3333333333%; } .col-md-pull-5 { right: 41.6666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.3333333333%; } .col-md-pull-8 { right: 66.6666666667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.3333333333%; } .col-md-pull-11 { right: 91.6666666667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.3333333333%; } .col-md-push-2 { left: 16.6666666667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.3333333333%; } .col-md-push-5 { left: 41.6666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.3333333333%; } .col-md-push-8 { left: 66.6666666667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.3333333333%; } .col-md-push-11 { left: 91.6666666667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.3333333333%; } .col-md-offset-2 { margin-left: 16.6666666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.3333333333%; } .col-md-offset-5 { margin-left: 41.6666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.3333333333%; } .col-md-offset-8 { margin-left: 66.6666666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.3333333333%; } .col-md-offset-11 { margin-left: 91.6666666667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width:1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.3333333333%; } .col-lg-2 { width: 16.6666666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.3333333333%; } .col-lg-5 { width: 41.6666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.3333333333%; } .col-lg-8 { width: 66.6666666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.3333333333%; } .col-lg-11 { width: 91.6666666667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.3333333333%; } .col-lg-pull-2 { right: 16.6666666667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.3333333333%; } .col-lg-pull-5 { right: 41.6666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.3333333333%; } .col-lg-pull-8 { right: 66.6666666667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.3333333333%; } .col-lg-pull-11 { right: 91.6666666667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.3333333333%; } .col-lg-push-2 { left: 16.6666666667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.3333333333%; } .col-lg-push-5 { left: 41.6666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.3333333333%; } .col-lg-push-8 { left: 66.6666666667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.3333333333%; } .col-lg-push-11 { left: 91.6666666667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.3333333333%; } .col-lg-offset-2 { margin-left: 16.6666666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.3333333333%; } .col-lg-offset-5 { margin-left: 41.6666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.3333333333%; } .col-lg-offset-8 { margin-left: 66.6666666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.3333333333%; } .col-lg-offset-11 { margin-left: 91.6666666667%; } .col-lg-offset-12 { margin-left: 100%; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; } caption, th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th { padding: 5px; } .table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border: 1px solid #ddd; } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*=col-] { position: static; float: none; display: table-column; } table td[class*=col-], table th[class*=col-] { position: static; float: none; display: table-cell; } .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active { background-color: #f5f5f5; } .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover { background-color: #e8e8e8; } .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success { background-color: #dff0d8; } .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover { background-color: #d0e9c6; } .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info { background-color: #d9edf7; } .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover { background-color: #c4e3f3; } .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning { background-color: #fcf8e3; } .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover { background-color: #faf2cc; } .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger { background-color: #f2dede; } .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: .01%; } @media screen and (max-width:767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0; } .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } } fieldset { margin: 0; min-width: 0; } fieldset, legend { padding: 0; border: 0; } legend { display: block; width: 100%; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } input[type=search] { box-sizing: border-box; } input[type=checkbox], input[type=radio] { margin: 4px 0 0; margin-top: 1px\9; line-height: normal; } input[type=file] { display: block; } input[type=range] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { padding-top: 7px; } .form-control, output { display: block; font-size: 14px; line-height: 1.428571429; color: #555; } .form-control { width: 100%; height: 34px; padding: 6px 12px; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type=search] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio:0) { input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control { line-height: 34px; } .input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm > .input-group-btn > input[type=datetime-local].btn, .input-group-sm > .input-group-btn > input[type=month].btn, .input-group-sm > .input-group-btn > input[type=time].btn, .input-group-sm > input[type=date].form-control, .input-group-sm > input[type=date].input-group-addon, .input-group-sm > input[type=datetime-local].form-control, .input-group-sm > input[type=datetime-local].input-group-addon, .input-group-sm > input[type=month].form-control, .input-group-sm > input[type=month].input-group-addon, .input-group-sm > input[type=time].form-control, .input-group-sm > input[type=time].input-group-addon, .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm { line-height: 30px; } .input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg > .input-group-btn > input[type=datetime-local].btn, .input-group-lg > .input-group-btn > input[type=month].btn, .input-group-lg > .input-group-btn > input[type=time].btn, .input-group-lg > input[type=date].form-control, .input-group-lg > input[type=date].input-group-addon, .input-group-lg > input[type=datetime-local].form-control, .input-group-lg > input[type=datetime-local].input-group-addon, .input-group-lg > input[type=month].form-control, .input-group-lg > input[type=month].input-group-addon, .input-group-lg > input[type=time].form-control, .input-group-lg > input[type=time].input-group-addon, .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg { line-height: 46px; } } .form-group { margin-bottom: 15px; } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .checkbox label, .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; } .checkbox-inline input[type=checkbox], .checkbox input[type=checkbox], .radio-inline input[type=radio], .radio input[type=radio] { position: absolute; margin-left: -20px; margin-top: 4px;\9 } .checkbox + .checkbox, .radio + .radio { margin-top: -5px; } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: 400; cursor: pointer; } .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-top: 0; margin-left: 10px; } .checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .checkbox label, fieldset[disabled] .radio-inline, fieldset[disabled] .radio label, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .form-control-static.input-sm, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn { padding-left: 0; padding-right: 0; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0; } .input-group-sm > .input-group-btn > select.btn, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, select.input-sm { height: 30px; line-height: 30px; } .input-group-sm > .input-group-btn > select[multiple].btn, .input-group-sm > .input-group-btn > textarea.btn, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, select[multiple].input-sm, textarea.input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0; } .input-group-lg > .input-group-btn > select.btn, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, select.input-lg { height: 46px; line-height: 46px; } .input-group-lg > .input-group-btn > select[multiple].btn, .input-group-lg > .input-group-btn > textarea.btn, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, select[multiple].input-lg, textarea.input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .checkbox, .has-success .checkbox-inline, .has-success.checkbox-inline label, .has-success.checkbox label, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.radio-inline label, .has-success.radio label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } .has-success .form-control:focus { border-color: #2b542c; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning.checkbox-inline label, .has-warning.checkbox label, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.radio-inline label, .has-warning.radio label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } .has-warning .form-control:focus { border-color: #66512c; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label { color: #a94442; } .has-error .form-control { border-color: #a94442; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } .has-error .form-control:focus { border-color: #843534; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width:768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox label, .form-inline .radio label { padding-left: 0; } .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-group:after, .form-horizontal .form-group:before { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } @media (min-width:768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width:768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width:768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.focus, .btn:focus, .btn:hover { color: #333; text-decoration: none; } .btn.active, .btn:active { outline: 0; background-image: none; box-shadow: inset 0 3px 5px rgba(0,0,0,.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default.focus, .btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default.active, .btn-default:active, .btn-default:hover, .open > .btn-default.dropdown-toggle { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .btn-default.dropdown-toggle.focus, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:hover { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default.active, .btn-default:active, .open > .btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #f6303e; border-color: #40a269; } .btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #398f5d; border-color: #1c462e; } .btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #398f5d; border-color: #2e764d; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover { color: #fff; background-color: #2e764d; border-color: #1c462e; } .btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #f6303e; border-color: #40a269; } .btn-primary .badge { color: #f6303e; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success.focus, .btn-success:focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success.active, .btn-success:active, .btn-success:hover, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .btn-success.dropdown-toggle.focus, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle:hover { color: #fff; background-color: #398439; border-color: #255625; } .btn-success.active, .btn-success:active, .open > .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info.focus, .btn-info:focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info.active, .btn-info:active, .btn-info:hover, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .btn-info.dropdown-toggle.focus, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info.active, .btn-info:active, .open > .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning.focus, .btn-warning:focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning.active, .btn-warning:active, .btn-warning:hover, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .btn-warning.dropdown-toggle.focus, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle:hover { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning.active, .btn-warning:active, .open > .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger.focus, .btn-danger:focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger.active, .btn-danger:active, .btn-danger:hover, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .btn-danger.dropdown-toggle.focus, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle:hover { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger.active, .btn-danger:active, .open > .btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #f6303e; font-weight: 400; border-radius: 0; } .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #f6303e; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: #777; text-decoration: none; } .btn-group-lg > .btn, .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0; } .btn-group-sm > .btn, .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0; } .btn-group-xs > .btn, .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 0; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height,visibility; transition-property: height,visibility; -webkit-transition-duration: .35s; transition-duration: .35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown, .dropup { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 0; box-shadow: 0 6px 12px rgba(0,0,0,.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.428571429; color: #333; white-space: nowrap; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #fff; text-decoration: none; outline: 0; background-color: #f6303e; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { color: #777; } .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.428571429; color: #777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid\9; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width:991px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; float: left; } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar:after, .btn-toolbar:before { content: " "; display: table; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group-lg.btn-group > .btn + .dropdown-toggle, .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { box-shadow: inset 0 3px 5px rgba(0,0,0,.125); } .btn-group.open .dropdown-toggle.btn-link { box-shadow: none; } .btn .caret { margin-left: 0; } .btn-group-lg > .btn .caret, .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-group-lg > .btn .caret, .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before { content: " "; display: table; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child), .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio], [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio] { position: absolute; clip: rect(0,0,0,0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*=col-] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 0; } .input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 0; } .input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 0; } .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] { margin-top: 0; } .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group .form-control:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group .form-control:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { font-size: 0; white-space: nowrap; } .input-group-btn, .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav:after, .nav:before { content: " "; display: table; } .nav:after { clear: both; } .nav > li, .nav > li > a { position: relative; display: block; } .nav > li > a { padding: 10px 15px; } .nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:focus, .nav > li.disabled > a:hover { color: #777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: #eee; border-color: #f6303e; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 0 0 0 0; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 0; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { color: #fff; background-color: #f6303e; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width:768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border: 1px solid #ddd; } @media (min-width:768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 0 0 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .navbar:after, .navbar:before { content: " "; display: table; } .navbar:after { clear: both; } @media (min-width:991px) { .navbar { border-radius: 0; } } .navbar-header:after, .navbar-header:before { content: " "; display: table; } .navbar-header:after { clear: both; } @media (min-width:991px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:after, .navbar-collapse:before { content: " "; display: table; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width:991px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 340px; } @media (max-device-width:480px) and (orientation:landscape) { .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 200px; } } .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: -15px; margin-left: -15px; } @media (min-width:991px) { .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width:991px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width:991px) { .navbar-fixed-bottom, .navbar-fixed-top { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 15px; font-size: 18px; line-height: 20px; height: 50px; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width:991px) { .navbar > .container-fluid .navbar-brand, .navbar > .container .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 0; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width:991px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width:990px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover { background-image: none; } } @media (min-width:991px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { margin: 8px -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1); } @media (min-width:768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .checkbox, .navbar-form .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .checkbox label, .navbar-form .radio label { padding-left: 0; } .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width:990px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width:991px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .btn-group-sm > .navbar-btn.btn, .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .btn-group-xs > .navbar-btn.btn, .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width:991px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } } @media (min-width:991px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-nav > li > a, .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: #e7e7e7; color: #555; } @media (max-width:990px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:focus, .navbar-default .btn-link:hover { color: #333; } .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #090909; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { background-color: #090909; color: #fff; } @media (max-width:990px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { color: #fff; } .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 0; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { content: "/ "; padding: 0 5px; color: #ccc; } .breadcrumb > .active { color: #777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 0; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.428571429; text-decoration: none; color: #f6303e; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 0; border-top-right-radius: 0; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { z-index: 2; color: #f6303e; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 3; color: #fff; background-color: #f6303e; border-color: #f6303e; cursor: default; } .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { color: #777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 0; border-top-left-radius: 0; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 0; border-top-right-radius: 0; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 0; border-top-left-radius: 0; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 0; border-top-right-radius: 0; } .pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center; } .pager:after, .pager:before { content: " "; display: table; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:focus, .pager li > a:hover { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span { color: #777; background-color: #fff; cursor: not-allowed; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } a.label:focus, a.label:hover { color: #fff; text-decoration: none; cursor: pointer; } .label-default { background-color: #777; } .label-default[href]:focus, .label-default[href]:hover { background-color: #5e5e5e; } .label-primary { background-color: #f6303e; } .label-primary[href]:focus, .label-primary[href]:hover { background-color: #398f5d; } .label-success { background-color: #5cb85c; } .label-success[href]:focus, .label-success[href]:hover { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:focus, .label-info[href]:hover { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:focus, .label-warning[href]:hover { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:focus, .label-danger[href]:hover { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-group-xs > .btn .badge, .btn-xs .badge { top: 0; padding: 1px 5px; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #f6303e; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } a.badge:focus, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; background-color: #eee; } .jumbotron, .jumbotron .h1, .jumbotron h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container-fluid .jumbotron, .container .jumbotron { border-radius: 0; padding-left: 15px; padding-right: 15px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width:768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container-fluid .jumbotron, .container .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron .h1, .jumbotron h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 0; -webkit-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .thumbnail > img, .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #333; } a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: #f6303e; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 0; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: 700; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { 0% { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { 0% { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 0; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #f6303e; box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition: width .6s ease; transition: width .6s ease; } .progress-bar-striped, .progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-size: 40px 40px; } .progress-bar.active, .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { zoom: 1; overflow: hidden; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-body, .media-left, .media-right { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { text-decoration: none; color: #555; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { background-color: #eee; color: #777; cursor: not-allowed; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #777; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #f6303e; border-color: #f6303e; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #d8efe2; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 0; box-shadow: 0 1px 1px rgba(0,0,0,.05); } .panel-body { padding: 15px; } .panel-body:after, .panel-body:before { content: " "; display: table; } .panel-body:after { clear: both; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: -1px; border-top-left-radius: -1px; } .panel-heading > .dropdown .dropdown-toggle, .panel-title { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; } .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: -1px; border-bottom-left-radius: -1px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: -1px; border-top-left-radius: -1px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: -1px; border-bottom-left-radius: -1px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .list-group + .panel-footer, .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table { margin-bottom: 0; } .panel > .panel-collapse > .table caption, .panel > .table-responsive > .table caption, .panel > .table caption { padding-left: 15px; padding-right: 15px; } .panel > .table-responsive:first-child > .table:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child { border-top-right-radius: -1px; border-top-left-radius: -1px; } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child { border-top-left-radius: -1px; } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child { border-top-right-radius: -1px; } .panel > .table-responsive:last-child > .table:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: -1px; border-bottom-left-radius: -1px; } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: -1px; } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: -1px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0; } .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0; } .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 0; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #f6303e; } .panel-primary > .panel-heading { color: #fff; background-color: #f6303e; border-color: #f6303e; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #f6303e; } .panel-primary > .panel-heading .badge { color: #f6303e; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #f6303e; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.05); } .well blockquote { border-color: #ddd; border-color: rgba(0,0,0,.15); } .well-lg { padding: 24px; border-radius: 0; } .well-sm { padding: 9px; border-radius: 0; } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20); } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal, .modal-open { overflow: hidden; } .modal { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translateY(-25%); transform: translateY(-25%); -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0); transform: translate(0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 0; box-shadow: 0 3px 9px rgba(0,0,0,.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: .5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header:after, .modal-header:before { content: " "; display: table; } .modal-header:after { clear: both; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.428571429; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:after, .modal-footer:before { content: " "; display: table; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width:768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { box-shadow: 0 5px 15px rgba(0,0,0,.5); } .modal-sm { width: 300px; } } @media (min-width:992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.428571429; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: .9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 0; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; } .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { left: 5px; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.428571429; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); border-radius: 0; box-shadow: 0 5px 10px rgba(0,0,0,.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: -1px -1px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0,0,0,.25); bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0,0,0,.25); } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0,0,0,.25); top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0,0,0,.25); } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } .carousel, .carousel-inner { position: relative; } .carousel-inner { overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .item > a > img, .carousel-inner > .item > img { display: block; max-width: 100%; height: auto; line-height: 1; } @media (-webkit-transform-3d),all and (transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.active.right, .carousel-inner > .item.next { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); left: 0; } .carousel-inner > .item.active.left, .carousel-inner > .item.prev { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); left: 0; } .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right { -webkit-transform: translateZ(0); transform: translateZ(0); left: 0; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: .5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); background-color: transparent; } .carousel-control.left { background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,.0001)); background-image: linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001),rgba(0,0,0,.5)); background-image: linear-gradient(90deg,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1); } .carousel-control:focus, .carousel-control:hover { outline: 0; color: #fff; text-decoration: none; opacity: .9; filter: alpha(opacity=90); } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 50%; margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 50%; margin-right: -10px; } .carousel-control .icon-next, .carousel-control .icon-prev { width: 20px; height: 20px; line-height: 1; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000\9; background-color: transparent; } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width:768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:after, .clearfix:before { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none !important; } @media (max-width:767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } td.visible-xs, th.visible-xs { display: table-cell !important; } } @media (max-width:767px) { .visible-xs-block { display: block !important; } } @media (max-width:767px) { .visible-xs-inline { display: inline !important; } } @media (max-width:767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width:768px) and (max-width:991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } td.visible-sm, th.visible-sm { display: table-cell !important; } } @media (min-width:768px) and (max-width:991px) { .visible-sm-block { display: block !important; } } @media (min-width:768px) and (max-width:991px) { .visible-sm-inline { display: inline !important; } } @media (min-width:768px) and (max-width:991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width:992px) and (max-width:1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } td.visible-md, th.visible-md { display: table-cell !important; } } @media (min-width:992px) and (max-width:1199px) { .visible-md-block { display: block !important; } } @media (min-width:992px) and (max-width:1199px) { .visible-md-inline { display: inline !important; } } @media (min-width:992px) and (max-width:1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width:1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } td.visible-lg, th.visible-lg { display: table-cell !important; } } @media (min-width:1200px) { .visible-lg-block { display: block !important; } } @media (min-width:1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width:1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width:767px) { .hidden-xs { display: none !important; } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none !important; } } @media (min-width:992px) and (max-width:1199px) { .hidden-md { display: none !important; } } @media (min-width:1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } td.visible-print, th.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /*! * Font Awesome 4.6.2 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(../fonts/fontawesome-webfont.eot?v=4.6.2); src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.6.2) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff2?v=4.6.2) format("woff2"),url(../fonts/fontawesome-webfont.woff?v=4.6.2) format("woff"),url(../fonts/fontawesome-webfont.ttf?v=4.6.2) format("truetype"),url(../fonts/fontawesome-webfont.svg?v=4.6.2#fontawesomeregular) format("svg"); font-weight: 400; font-style: normal; } .fa-lg { font-size: 1.3333333333em; line-height: .75em; vertical-align: -15%; } .fa-fw { width: 1.2857142857em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.1428571429em; list-style-type: none; } .fa-li { position: absolute; left: -2.1428571429em; width: 2.1428571429em; top: .1428571429em; text-align: center; } .fa-li.fa-lg { left: -1.8571428571em; } :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 { -webkit-filter: none; filter: none; } .fa-glass:before { content: ""; } .fa-music:before { content: ""; } .fa-search:before { content: ""; } .fa-envelope-o:before { content: ""; } .fa-heart:before { content: ""; } .fa-star:before { content: ""; } .fa-star-o:before { content: ""; } .fa-user:before { content: ""; } .fa-film:before { content: ""; } .fa-th-large:before { content: ""; } .fa-th:before { content: ""; } .fa-th-list:before { content: ""; } .fa-check:before { content: ""; } .fa-close:before, .fa-remove:before, .fa-times:before { content: ""; } .fa-search-plus:before { content: ""; } .fa-search-minus:before { content: ""; } .fa-power-off:before { content: ""; } .fa-signal:before { content: ""; } .fa-cog:before, .fa-gear:before { content: ""; } .fa-trash-o:before { content: ""; } .fa-home:before { content: ""; } .fa-file-o:before { content: ""; } .fa-clock-o:before { content: ""; } .fa-road:before { content: ""; } .fa-download:before { content: ""; } .fa-arrow-circle-o-down:before { content: ""; } .fa-arrow-circle-o-up:before { content: ""; } .fa-inbox:before { content: ""; } .fa-play-circle-o:before { content: ""; } .fa-repeat:before, .fa-rotate-right:before { content: ""; } .fa-refresh:before { content: ""; } .fa-list-alt:before { content: ""; } .fa-lock:before { content: ""; } .fa-flag:before { content: ""; } .fa-headphones:before { content: ""; } .fa-volume-off:before { content: ""; } .fa-volume-down:before { content: ""; } .fa-volume-up:before { content: ""; } .fa-qrcode:before { content: ""; } .fa-barcode:before { content: ""; } .fa-tag:before { content: ""; } .fa-tags:before { content: ""; } .fa-book:before { content: ""; } .fa-bookmark:before { content: ""; } .fa-print:before { content: ""; } .fa-camera:before { content: ""; } .fa-font:before { content: ""; } .fa-bold:before { content: ""; } .fa-italic:before { content: ""; } .fa-text-height:before { content: ""; } .fa-text-width:before { content: ""; } .fa-align-left:before { content: ""; } .fa-align-center:before { content: ""; } .fa-align-right:before { content: ""; } .fa-align-justify:before { content: ""; } .fa-list:before { content: ""; } .fa-dedent:before, .fa-outdent:before { content: ""; } .fa-indent:before { content: ""; } .fa-video-camera:before { content: ""; } .fa-image:before, .fa-photo:before, .fa-picture-o:before { content: ""; } .fa-pencil:before { content: ""; } .fa-map-marker:before { content: ""; } .fa-adjust:before { content: ""; } .fa-tint:before { content: ""; } .fa-edit:before, .fa-pencil-square-o:before { content: ""; } .fa-share-square-o:before { content: ""; } .fa-check-square-o:before { content: ""; } .fa-arrows:before { content: ""; } .fa-step-backward:before { content: ""; } .fa-fast-backward:before { content: ""; } .fa-backward:before { content: ""; } .fa-play:before { content: ""; } .fa-pause:before { content: ""; } .fa-stop:before { content: ""; } .fa-forward:before { content: ""; } .fa-fast-forward:before { content: ""; } .fa-step-forward:before { content: ""; } .fa-eject:before { content: ""; } .fa-chevron-left:before { content: ""; } .fa-chevron-right:before { content: ""; } .fa-plus-circle:before { content: ""; } .fa-minus-circle:before { content: ""; } .fa-times-circle:before { content: ""; } .fa-check-circle:before { content: ""; } .fa-question-circle:before { content: ""; } .fa-info-circle:before { content: ""; } .fa-crosshairs:before { content: ""; } .fa-times-circle-o:before { content: ""; } .fa-check-circle-o:before { content: ""; } .fa-ban:before { content: ""; } .fa-arrow-left:before { content: ""; } .fa-arrow-right:before { content: ""; } .fa-arrow-up:before { content: ""; } .fa-arrow-down:before { content: ""; } .fa-mail-forward:before, .fa-share:before { content: ""; } .fa-expand:before { content: ""; } .fa-compress:before { content: ""; } .fa-plus:before { content: ""; } .fa-minus:before { content: ""; } .fa-asterisk:before { content: ""; } .fa-exclamation-circle:before { content: ""; } .fa-gift:before { content: ""; } .fa-leaf:before { content: ""; } .fa-fire:before { content: ""; } .fa-eye:before { content: ""; } .fa-eye-slash:before { content: ""; } .fa-exclamation-triangle:before, .fa-warning:before { content: ""; } .fa-plane:before { content: ""; } .fa-calendar:before { content: ""; } .fa-random:before { content: ""; } .fa-comment:before { content: ""; } .fa-magnet:before { content: ""; } .fa-chevron-up:before { content: ""; } .fa-chevron-down:before { content: ""; } .fa-retweet:before { content: ""; } .fa-shopping-cart:before { content: ""; } .fa-folder:before { content: ""; } .fa-folder-open:before { content: ""; } .fa-arrows-v:before { content: ""; } .fa-arrows-h:before { content: ""; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: ""; } .fa-twitter-square:before { content: ""; } .fa-facebook-square:before { content: ""; } .fa-camera-retro:before { content: ""; } .fa-key:before { content: ""; } .fa-cogs:before, .fa-gears:before { content: ""; } .fa-comments:before { content: ""; } .fa-thumbs-o-up:before { content: ""; } .fa-thumbs-o-down:before { content: ""; } .fa-star-half:before { content: ""; } .fa-heart-o:before { content: ""; } .fa-sign-out:before { content: ""; } .fa-linkedin-square:before { content: ""; } .fa-thumb-tack:before { content: ""; } .fa-external-link:before { content: ""; } .fa-sign-in:before { content: ""; } .fa-trophy:before { content: ""; } .fa-github-square:before { content: ""; } .fa-upload:before { content: ""; } .fa-lemon-o:before { content: ""; } .fa-phone:before { content: ""; } .fa-square-o:before { content: ""; } .fa-bookmark-o:before { content: ""; } .fa-phone-square:before { content: ""; } .fa-twitter:before { content: ""; } .fa-facebook-f:before, .fa-facebook:before { content: ""; } .fa-github:before { content: ""; } .fa-unlock:before { content: ""; } .fa-credit-card:before { content: ""; } .fa-feed:before, .fa-rss:before { content: ""; } .fa-hdd-o:before { content: ""; } .fa-bullhorn:before { content: ""; } .fa-bell:before { content: ""; } .fa-certificate:before { content: ""; } .fa-hand-o-right:before { content: ""; } .fa-hand-o-left:before { content: ""; } .fa-hand-o-up:before { content: ""; } .fa-hand-o-down:before { content: ""; } .fa-arrow-circle-left:before { content: ""; } .fa-arrow-circle-right:before { content: ""; } .fa-arrow-circle-up:before { content: ""; } .fa-arrow-circle-down:before { content: ""; } .fa-globe:before { content: ""; } .fa-wrench:before { content: ""; } .fa-tasks:before { content: ""; } .fa-filter:before { content: ""; } .fa-briefcase:before { content: ""; } .fa-arrows-alt:before { content: ""; } .fa-group:before, .fa-users:before { content: ""; } .fa-chain:before, .fa-link:before { content: ""; } .fa-cloud:before { content: ""; } .fa-flask:before { content: ""; } .fa-cut:before, .fa-scissors:before { content: ""; } .fa-copy:before, .fa-files-o:before { content: ""; } .fa-paperclip:before { content: ""; } .fa-floppy-o:before, .fa-save:before { content: ""; } .fa-square:before { content: ""; } .fa-bars:before, .fa-navicon:before, .fa-reorder:before { content: ""; } .fa-list-ul:before { content: ""; } .fa-list-ol:before { content: ""; } .fa-strikethrough:before { content: ""; } .fa-underline:before { content: ""; } .fa-table:before { content: ""; } .fa-magic:before { content: ""; } .fa-truck:before { content: ""; } .fa-pinterest:before { content: ""; } .fa-pinterest-square:before { content: ""; } .fa-google-plus-square:before { content: ""; } .fa-google-plus:before { content: ""; } .fa-money:before { content: ""; } .fa-caret-down:before { content: ""; } .fa-caret-up:before { content: ""; } .fa-caret-left:before { content: ""; } .fa-caret-right:before { content: ""; } .fa-columns:before { content: ""; } .fa-sort:before, .fa-unsorted:before { content: ""; } .fa-sort-desc:before, .fa-sort-down:before { content: ""; } .fa-sort-asc:before, .fa-sort-up:before { content: ""; } .fa-envelope:before { content: ""; } .fa-linkedin:before { content: ""; } .fa-rotate-left:before, .fa-undo:before { content: ""; } .fa-gavel:before, .fa-legal:before { content: ""; } .fa-dashboard:before, .fa-tachometer:before { content: ""; } .fa-comment-o:before { content: ""; } .fa-comments-o:before { content: ""; } .fa-bolt:before, .fa-flash:before { content: ""; } .fa-sitemap:before { content: ""; } .fa-umbrella:before { content: ""; } .fa-clipboard:before, .fa-paste:before { content: ""; } .fa-lightbulb-o:before { content: ""; } .fa-exchange:before { content: ""; } .fa-cloud-download:before { content: ""; } .fa-cloud-upload:before { content: ""; } .fa-user-md:before { content: ""; } .fa-stethoscope:before { content: ""; } .fa-suitcase:before { content: ""; } .fa-bell-o:before { content: ""; } .fa-coffee:before { content: ""; } .fa-cutlery:before { content: ""; } .fa-file-text-o:before { content: ""; } .fa-building-o:before { content: ""; } .fa-hospital-o:before { content: ""; } .fa-ambulance:before { content: ""; } .fa-medkit:before { content: ""; } .fa-fighter-jet:before { content: ""; } .fa-beer:before { content: ""; } .fa-h-square:before { content: ""; } .fa-plus-square:before { content: ""; } .fa-angle-double-left:before { content: ""; } .fa-angle-double-right:before { content: ""; } .fa-angle-double-up:before { content: ""; } .fa-angle-double-down:before { content: ""; } .fa-angle-left:before { content: ""; } .fa-angle-right:before { content: ""; } .fa-angle-up:before { content: ""; } .fa-angle-down:before { content: ""; } .fa-desktop:before { content: ""; } .fa-laptop:before { content: ""; } .fa-tablet:before { content: ""; } .fa-mobile-phone:before, .fa-mobile:before { content: ""; } .fa-circle-o:before { content: ""; } .fa-quote-left:before { content: ""; } .fa-quote-right:before { content: ""; } .fa-spinner:before { content: ""; } .fa-circle:before { content: ""; } .fa-mail-reply:before, .fa-reply:before { content: ""; } .fa-github-alt:before { content: ""; } .fa-folder-o:before { content: ""; } .fa-folder-open-o:before { content: ""; } .fa-smile-o:before { content: ""; } .fa-frown-o:before { content: ""; } .fa-meh-o:before { content: ""; } .fa-gamepad:before { content: ""; } .fa-keyboard-o:before { content: ""; } .fa-flag-o:before { content: ""; } .fa-flag-checkered:before { content: ""; } .fa-terminal:before { content: ""; } .fa-code:before { content: ""; } .fa-mail-reply-all:before, .fa-reply-all:before { content: ""; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; } .fa-location-arrow:before { content: ""; } .fa-crop:before { content: ""; } .fa-code-fork:before { content: ""; } .fa-chain-broken:before, .fa-unlink:before { content: ""; } .fa-question:before { content: ""; } .fa-info:before { content: ""; } .fa-exclamation:before { content: ""; } .fa-superscript:before { content: ""; } .fa-subscript:before { content: ""; } .fa-eraser:before { content: ""; } .fa-puzzle-piece:before { content: ""; } .fa-microphone:before { content: ""; } .fa-microphone-slash:before { content: ""; } .fa-shield:before { content: ""; } .fa-calendar-o:before { content: ""; } .fa-fire-extinguisher:before { content: ""; } .fa-rocket:before { content: ""; } .fa-maxcdn:before { content: ""; } .fa-chevron-circle-left:before { content: ""; } .fa-chevron-circle-right:before { content: ""; } .fa-chevron-circle-up:before { content: ""; } .fa-chevron-circle-down:before { content: ""; } .fa-html5:before { content: ""; } .fa-css3:before { content: ""; } .fa-anchor:before { content: ""; } .fa-unlock-alt:before { content: ""; } .fa-bullseye:before { content: ""; } .fa-ellipsis-h:before { content: ""; } .fa-ellipsis-v:before { content: ""; } .fa-rss-square:before { content: ""; } .fa-play-circle:before { content: ""; } .fa-ticket:before { content: ""; } .fa-minus-square:before { content: ""; } .fa-minus-square-o:before { content: ""; } .fa-level-up:before { content: ""; } .fa-level-down:before { content: ""; } .fa-check-square:before { content: ""; } .fa-pencil-square:before { content: ""; } .fa-external-link-square:before { content: ""; } .fa-share-square:before { content: ""; } .fa-compass:before { content: ""; } .fa-caret-square-o-down:before, .fa-toggle-down:before { content: ""; } .fa-caret-square-o-up:before, .fa-toggle-up:before { content: ""; } .fa-caret-square-o-right:before, .fa-toggle-right:before { content: ""; } .fa-eur:before, .fa-euro:before { content: ""; } .fa-gbp:before { content: ""; } .fa-dollar:before, .fa-usd:before { content: ""; } .fa-inr:before, .fa-rupee:before { content: ""; } .fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before { content: ""; } .fa-rouble:before, .fa-rub:before, .fa-ruble:before { content: ""; } .fa-krw:before, .fa-won:before { content: ""; } .fa-bitcoin:before, .fa-btc:before { content: ""; } .fa-file:before { content: ""; } .fa-file-text:before { content: ""; } .fa-sort-alpha-asc:before { content: ""; } .fa-sort-alpha-desc:before { content: ""; } .fa-sort-amount-asc:before { content: ""; } .fa-sort-amount-desc:before { content: ""; } .fa-sort-numeric-asc:before { content: ""; } .fa-sort-numeric-desc:before { content: ""; } .fa-thumbs-up:before { content: ""; } .fa-thumbs-down:before { content: ""; } .fa-youtube-square:before { content: ""; } .fa-youtube:before { content: ""; } .fa-xing:before { content: ""; } .fa-xing-square:before { content: ""; } .fa-youtube-play:before { content: ""; } .fa-dropbox:before { content: ""; } .fa-stack-overflow:before { content: ""; } .fa-instagram:before { content: ""; } .fa-flickr:before { content: ""; } .fa-adn:before { content: ""; } .fa-bitbucket:before { content: ""; } .fa-bitbucket-square:before { content: ""; } .fa-tumblr:before { content: ""; } .fa-tumblr-square:before { content: ""; } .fa-long-arrow-down:before { content: ""; } .fa-long-arrow-up:before { content: ""; } .fa-long-arrow-left:before { content: ""; } .fa-long-arrow-right:before { content: ""; } .fa-apple:before { content: ""; } .fa-windows:before { content: ""; } .fa-android:before { content: ""; } .fa-linux:before { content: ""; } .fa-dribbble:before { content: ""; } .fa-skype:before { content: ""; } .fa-foursquare:before { content: ""; } .fa-trello:before { content: ""; } .fa-female:before { content: ""; } .fa-male:before { content: ""; } .fa-gittip:before, .fa-gratipay:before { content: ""; } .fa-sun-o:before { content: ""; } .fa-moon-o:before { content: ""; } .fa-archive:before { content: ""; } .fa-bug:before { content: ""; } .fa-vk:before { content: ""; } .fa-weibo:before { content: ""; } .fa-renren:before { content: ""; } .fa-pagelines:before { content: ""; } .fa-stack-exchange:before { content: ""; } .fa-arrow-circle-o-right:before { content: ""; } .fa-arrow-circle-o-left:before { content: ""; } .fa-caret-square-o-left:before, .fa-toggle-left:before { content: ""; } .fa-dot-circle-o:before { content: ""; } .fa-wheelchair:before { content: ""; } .fa-vimeo-square:before { content: ""; } .fa-try:before, .fa-turkish-lira:before { content: ""; } .fa-plus-square-o:before { content: ""; } .fa-space-shuttle:before { content: ""; } .fa-slack:before { content: ""; } .fa-envelope-square:before { content: ""; } .fa-wordpress:before { content: ""; } .fa-openid:before { content: ""; } .fa-bank:before, .fa-institution:before, .fa-university:before { content: ""; } .fa-graduation-cap:before, .fa-mortar-board:before { content: ""; } .fa-yahoo:before { content: ""; } .fa-google:before { content: ""; } .fa-reddit:before { content: ""; } .fa-reddit-square:before { content: ""; } .fa-stumbleupon-circle:before { content: ""; } .fa-stumbleupon:before { content: ""; } .fa-delicious:before { content: ""; } .fa-digg:before { content: ""; } .fa-pied-piper-pp:before { content: ""; } .fa-pied-piper-alt:before { content: ""; } .fa-drupal:before { content: ""; } .fa-joomla:before { content: ""; } .fa-language:before { content: ""; } .fa-fax:before { content: ""; } .fa-building:before { content: ""; } .fa-child:before { content: ""; } .fa-paw:before { content: ""; } .fa-spoon:before { content: ""; } .fa-cube:before { content: ""; } .fa-cubes:before { content: ""; } .fa-behance:before { content: ""; } .fa-behance-square:before { content: ""; } .fa-steam:before { content: ""; } .fa-steam-square:before { content: ""; } .fa-recycle:before { content: ""; } .fa-automobile:before, .fa-car:before { content: ""; } .fa-cab:before, .fa-taxi:before { content: ""; } .fa-tree:before { content: ""; } .fa-spotify:before { content: ""; } .fa-deviantart:before { content: ""; } .fa-soundcloud:before { content: ""; } .fa-database:before { content: ""; } .fa-file-pdf-o:before { content: ""; } .fa-file-word-o:before { content: ""; } .fa-file-excel-o:before { content: ""; } .fa-file-powerpoint-o:before { content: ""; } .fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before { content: ""; } .fa-file-archive-o:before, .fa-file-zip-o:before { content: ""; } .fa-file-audio-o:before, .fa-file-sound-o:before { content: ""; } .fa-file-movie-o:before, .fa-file-video-o:before { content: ""; } .fa-file-code-o:before { content: ""; } .fa-vine:before { content: ""; } .fa-codepen:before { content: ""; } .fa-jsfiddle:before { content: ""; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before { content: ""; } .fa-circle-o-notch:before { content: ""; } .fa-ra:before, .fa-rebel:before, .fa-resistance:before { content: ""; } .fa-empire:before, .fa-ge:before { content: ""; } .fa-git-square:before { content: ""; } .fa-git:before { content: ""; } .fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before { content: ""; } .fa-tencent-weibo:before { content: ""; } .fa-qq:before { content: ""; } .fa-wechat:before, .fa-weixin:before { content: ""; } .fa-paper-plane:before, .fa-send:before { content: ""; } .fa-paper-plane-o:before, .fa-send-o:before { content: ""; } .fa-history:before { content: ""; } .fa-circle-thin:before { content: ""; } .fa-header:before { content: ""; } .fa-paragraph:before { content: ""; } .fa-sliders:before { content: ""; } .fa-share-alt:before { content: ""; } .fa-share-alt-square:before { content: ""; } .fa-bomb:before { content: ""; } .fa-futbol-o:before, .fa-soccer-ball-o:before { content: ""; } .fa-tty:before { content: ""; } .fa-binoculars:before { content: ""; } .fa-plug:before { content: ""; } .fa-slideshare:before { content: ""; } .fa-twitch:before { content: ""; } .fa-yelp:before { content: ""; } .fa-newspaper-o:before { content: ""; } .fa-wifi:before { content: ""; } .fa-calculator:before { content: ""; } .fa-paypal:before { content: ""; } .fa-google-wallet:before { content: ""; } .fa-cc-visa:before { content: ""; } .fa-cc-mastercard:before { content: ""; } .fa-cc-discover:before { content: ""; } .fa-cc-amex:before { content: ""; } .fa-cc-paypal:before { content: ""; } .fa-cc-stripe:before { content: ""; } .fa-bell-slash:before { content: ""; } .fa-bell-slash-o:before { content: ""; } .fa-trash:before { content: ""; } .fa-copyright:before { content: ""; } .fa-at:before { content: ""; } .fa-eyedropper:before { content: ""; } .fa-paint-brush:before { content: ""; } .fa-birthday-cake:before { content: ""; } .fa-area-chart:before { content: ""; } .fa-pie-chart:before { content: ""; } .fa-line-chart:before { content: ""; } .fa-lastfm:before { content: ""; } .fa-lastfm-square:before { content: ""; } .fa-toggle-off:before { content: ""; } .fa-toggle-on:before { content: ""; } .fa-bicycle:before { content: ""; } .fa-bus:before { content: ""; } .fa-ioxhost:before { content: ""; } .fa-angellist:before { content: ""; } .fa-cc:before { content: ""; } .fa-ils:before, .fa-shekel:before, .fa-sheqel:before { content: ""; } .fa-meanpath:before { content: ""; } .fa-buysellads:before { content: ""; } .fa-connectdevelop:before { content: ""; } .fa-dashcube:before { content: ""; } .fa-forumbee:before { content: ""; } .fa-leanpub:before { content: ""; } .fa-sellsy:before { content: ""; } .fa-shirtsinbulk:before { content: ""; } .fa-simplybuilt:before { content: ""; } .fa-skyatlas:before { content: ""; } .fa-cart-plus:before { content: ""; } .fa-cart-arrow-down:before { content: ""; } .fa-diamond:before { content: ""; } .fa-ship:before { content: ""; } .fa-user-secret:before { content: ""; } .fa-motorcycle:before { content: ""; } .fa-street-view:before { content: ""; } .fa-heartbeat:before { content: ""; } .fa-venus:before { content: ""; } .fa-mars:before { content: ""; } .fa-mercury:before { content: ""; } .fa-intersex:before, .fa-transgender:before { content: ""; } .fa-transgender-alt:before { content: ""; } .fa-venus-double:before { content: ""; } .fa-mars-double:before { content: ""; } .fa-venus-mars:before { content: ""; } .fa-mars-stroke:before { content: ""; } .fa-mars-stroke-v:before { content: ""; } .fa-mars-stroke-h:before { content: ""; } .fa-neuter:before { content: ""; } .fa-genderless:before { content: ""; } .fa-facebook-official:before { content: ""; } .fa-pinterest-p:before { content: ""; } .fa-whatsapp:before { content: ""; } .fa-server:before { content: ""; } .fa-user-plus:before { content: ""; } .fa-user-times:before { content: ""; } .fa-bed:before, .fa-hotel:before { content: ""; } .fa-viacoin:before { content: ""; } .fa-train:before { content: ""; } .fa-subway:before { content: ""; } .fa-medium:before { content: ""; } .fa-y-combinator:before, .fa-yc:before { content: ""; } .fa-optin-monster:before { content: ""; } .fa-opencart:before { content: ""; } .fa-expeditedssl:before { content: ""; } .fa-battery-4:before, .fa-battery-full:before { content: ""; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: ""; } .fa-battery-2:before, .fa-battery-half:before { content: ""; } .fa-battery-1:before, .fa-battery-quarter:before { content: ""; } .fa-battery-0:before, .fa-battery-empty:before { content: ""; } .fa-mouse-pointer:before { content: ""; } .fa-i-cursor:before { content: ""; } .fa-object-group:before { content: ""; } .fa-object-ungroup:before { content: ""; } .fa-sticky-note:before { content: ""; } .fa-sticky-note-o:before { content: ""; } .fa-cc-jcb:before { content: ""; } .fa-cc-diners-club:before { content: ""; } .fa-clone:before { content: ""; } .fa-balance-scale:before { content: ""; } .fa-hourglass-o:before { content: ""; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: ""; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: ""; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: ""; } .fa-hourglass:before { content: ""; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: ""; } .fa-hand-paper-o:before, .fa-hand-stop-o:before { content: ""; } .fa-hand-scissors-o:before { content: ""; } .fa-hand-lizard-o:before { content: ""; } .fa-hand-spock-o:before { content: ""; } .fa-hand-pointer-o:before { content: ""; } .fa-hand-peace-o:before { content: ""; } .fa-trademark:before { content: ""; } .fa-registered:before { content: ""; } .fa-creative-commons:before { content: ""; } .fa-gg:before { content: ""; } .fa-gg-circle:before { content: ""; } .fa-tripadvisor:before { content: ""; } .fa-odnoklassniki:before { content: ""; } .fa-odnoklassniki-square:before { content: ""; } .fa-get-pocket:before { content: ""; } .fa-wikipedia-w:before { content: ""; } .fa-safari:before { content: ""; } .fa-chrome:before { content: ""; } .fa-firefox:before { content: ""; } .fa-opera:before { content: ""; } .fa-internet-explorer:before { content: ""; } .fa-television:before, .fa-tv:before { content: ""; } .fa-contao:before { content: ""; } .fa-500px:before { content: ""; } .fa-amazon:before { content: ""; } .fa-calendar-plus-o:before { content: ""; } .fa-calendar-minus-o:before { content: ""; } .fa-calendar-times-o:before { content: ""; } .fa-calendar-check-o:before { content: ""; } .fa-industry:before { content: ""; } .fa-map-pin:before { content: ""; } .fa-map-signs:before { content: ""; } .fa-map-o:before { content: ""; } .fa-map:before { content: ""; } .fa-commenting:before { content: ""; } .fa-commenting-o:before { content: ""; } .fa-houzz:before { content: ""; } .fa-vimeo:before { content: ""; } .fa-black-tie:before { content: ""; } .fa-fonticons:before { content: ""; } .fa-reddit-alien:before { content: ""; } .fa-edge:before { content: ""; } .fa-credit-card-alt:before { content: ""; } .fa-codiepie:before { content: ""; } .fa-modx:before { content: ""; } .fa-fort-awesome:before { content: ""; } .fa-usb:before { content: ""; } .fa-product-hunt:before { content: ""; } .fa-mixcloud:before { content: ""; } .fa-scribd:before { content: ""; } .fa-pause-circle:before { content: ""; } .fa-pause-circle-o:before { content: ""; } .fa-stop-circle:before { content: ""; } .fa-stop-circle-o:before { content: ""; } .fa-shopping-bag:before { content: ""; } .fa-shopping-basket:before { content: ""; } .fa-hashtag:before { content: ""; } .fa-bluetooth:before { content: ""; } .fa-bluetooth-b:before { content: ""; } .fa-percent:before { content: ""; } .fa-gitlab:before { content: ""; } .fa-wpbeginner:before { content: ""; } .fa-wpforms:before { content: ""; } .fa-envira:before { content: ""; } .fa-universal-access:before { content: ""; } .fa-wheelchair-alt:before { content: ""; } .fa-question-circle-o:before { content: ""; } .fa-blind:before { content: ""; } .fa-audio-description:before { content: ""; } .fa-volume-control-phone:before { content: ""; } .fa-braille:before { content: ""; } .fa-assistive-listening-systems:before { content: ""; } .fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before { content: ""; } .fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before { content: ""; } .fa-glide:before { content: ""; } .fa-glide-g:before { content: ""; } .fa-sign-language:before, .fa-signing:before { content: ""; } .fa-low-vision:before { content: ""; } .fa-viadeo:before { content: ""; } .fa-viadeo-square:before { content: ""; } .fa-snapchat:before { content: ""; } .fa-snapchat-ghost:before { content: ""; } .fa-snapchat-square:before { content: ""; } .fa-pied-piper:before { content: ""; } .fa-first-order:before { content: ""; } .fa-yoast:before { content: ""; } .fa-themeisle:before { content: ""; } .menu-container { width: 80%; margin: 0 auto; background: #e9e9e9; } .menu-mobile { display: none; padding: 20px; } .menu-mobile:after { content: "\f0c9"; font-family: FontAwesome; font-size: 2.5rem; padding: 0; float: right; position: relative; top: 50%; -webkit-transform: translateY(-25%); transform: translateY(-25%); } .menu-dropdown-icon:before { content: "\f489"; font-family: Ionicons; display: none; cursor: pointer; float: right; padding: 1.5em 2em; background: #fff; color: #333; } .main-menu { margin: 0 auto; width: 100%; list-style: none; padding: 0; position: relative; box-sizing: border-box; } .main-menu:after, .main-menu:before { content: ""; display: table; } .main-menu:after { clear: both; } .menu-item { float: left; background: #e9e9e9; padding: 0; margin: 0; } .menu-item a { text-decoration: none; padding: 1.5em 3em; display: block; } .menu-item:hover { background: #f0f0f0; } .mega-submenu { display: none; width: 100%; background: #fff; position: absolute; z-index: 99; left: 0; margin: 0; list-style: none; box-sizing: border-box; padding: 0; } .submenu-bottom { clear: both; width: 100%; padding: 10px 20px; text-align: center; font-weight: 700; letter-spacing: 1px; } .mega-submenu:after, .mega-submenu:before { content: ""; display: table; } .mega-submenu:after { clear: both; } .submenu-column { margin: 0; padding-bottom: 0; list-style: none; width: 16.66%; background: none; float: left; margin-bottom: 8px; } .submenu-column a { color: #777; width: 99%; display: block; } .submenu-column > ul { display: block; padding: 0; margin: 0; list-style: none; box-sizing: border-box; } .submenu-column > ul:after, .submenu-column > ul:before { content: ""; display: table; } .submenu-column > ul:after { clear: both; } .submenu-column > ul > li { float: left; width: 100%; padding: 0; margin: 0; font-size: .85em; } .submenu-column > ul > li a { border: 0; padding: 20px; } .mega-submenu.normal-sub { width: 300px; left: auto; padding: 0; } .mega-submenu.normal-sub > li { width: 100%; } .mega-submenu.normal-sub > li a { border: 0; padding: 8px 10px; } @media only screen and (max-width:1200px) { .menu-container { width: 100%; } .menu-dropdown-icon:before, .menu-mobile { display: block; } .main-menu { display: none; } .menu-item { float: none; } .menu-item, .menu-item a { width: 100%; display: block; } .menu-item a { padding: 1.5em; } .mega-submenu { position: relative; } .mega-submenu.normal-sub { width: 100%; } .submenu-column { float: none; width: 100%; margin-top: 20px; } .submenu-column:first-child { margin: 0; } .submenu-column > ul { position: relative; } .submenu-column > ul > li { float: none; } .menu .show-on-mobile { display: block; } } /*! * animate.css -http://daneden.me/animate * Version - 3.5.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { 0%,20%,53%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { 0%,20%,53%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%,50%,to { opacity: 1; } 25%,75% { opacity: 0; } } @keyframes flash { 0%,50%,to { opacity: 1; } 25%,75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1); } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1); } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1); } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1); } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1); } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1); } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1); } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1); } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } } @keyframes shake { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-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); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @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); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg); transform: scale3d(.9,.9,.9) rotate(-3deg); } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg); } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg); transform: scale3d(.9,.9,.9) rotate(-3deg); } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg); } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 0%,11.1%,to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg); } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg); } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg); } } @keyframes jello { 0%,11.1%,to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg); } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg); } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { 0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes bounceIn { 0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0); } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0); } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0); } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0); } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0); } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0); } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0); } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0); } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0); } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0); } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0); } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInUp { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0); } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); } 50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); } 50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0); } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0); } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } @keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } @keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } @keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95); transform: perspective(400px) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95); transform: perspective(400px) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-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); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-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); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-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; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; 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% { opacity: 1; } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) 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; transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; 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(-45deg); transform: rotate(-45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; 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(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; 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(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; 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; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-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; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -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; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 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%,80% { -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; opacity: 1; } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0; } } @keyframes hinge { 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%,80% { -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; opacity: 1; } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } to { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /*! * Hover.css (http://ianlunn.github.io/Hover/) * Version: 2.0.1 * Author: Ian Lunn @IanLunn * Author URL: http://ianlunn.co.uk/ * Github: https://github.com/IanLunn/Hover * Made available under a MIT License: * http://www.opensource.org/licenses/mit-license.php * Hover.css Copyright Ian Lunn 2014. Generated with Sass. */ .hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow:active, .hvr-grow:focus, .hvr-grow:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .hvr-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-shrink:active, .hvr-shrink:focus, .hvr-shrink:hover { -webkit-transform: scale(.9); transform: scale(.9); } @-webkit-keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(.9); transform: scale(.9); } } @keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(.9); transform: scale(.9); } } .hvr-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse:active, .hvr-pulse:focus, .hvr-pulse:hover { -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } .hvr-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse-grow:active, .hvr-pulse-grow:focus, .hvr-pulse-grow:hover { -webkit-animation-name: hvr-pulse-grow; animation-name: hvr-pulse-grow; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } @-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(.9); transform: scale(.9); } } @keyframes hvr-pulse-shrink { to { -webkit-transform: scale(.9); transform: scale(.9); } } .hvr-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse-shrink:active, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:hover { -webkit-animation-name: hvr-pulse-shrink; animation-name: hvr-pulse-shrink; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } @-webkit-keyframes hvr-push { 50% { -webkit-transform: scale(.8); transform: scale(.8); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes hvr-push { 50% { -webkit-transform: scale(.8); transform: scale(.8); } to { -webkit-transform: scale(1); transform: scale(1); } } .hvr-push { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-push:active, .hvr-push:focus, .hvr-push:hover { -webkit-animation-name: hvr-push; animation-name: hvr-push; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } .hvr-pop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pop:active, .hvr-pop:focus, .hvr-pop:hover { -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .hvr-bounce-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .5s; transition-duration: .5s; } .hvr-bounce-in:active, .hvr-bounce-in:focus, .hvr-bounce-in:hover { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36); transition-timing-function: cubic-bezier(.47,2.02,.31,-.36); } .hvr-bounce-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .5s; transition-duration: .5s; } .hvr-bounce-out:active, .hvr-bounce-out:focus, .hvr-bounce-out:hover { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36); transition-timing-function: cubic-bezier(.47,2.02,.31,-.36); } .hvr-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-rotate:active, .hvr-rotate:focus, .hvr-rotate:hover { -webkit-transform: rotate(4deg); transform: rotate(4deg); } .hvr-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow-rotate:active, .hvr-grow-rotate:focus, .hvr-grow-rotate:hover { -webkit-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } .hvr-float { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-float:active, .hvr-float:focus, .hvr-float:hover { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hvr-sink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sink:active, .hvr-sink:focus, .hvr-sink:hover { -webkit-transform: translateY(8px); transform: translateY(8px); } @-webkit-keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } to { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } to { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes hvr-bob-float { to { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob-float { to { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } .hvr-bob { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-bob:active, .hvr-bob:focus, .hvr-bob:hover { -webkit-animation-name: hvr-bob-float,hvr-bob; animation-name: hvr-bob-float,hvr-bob; -webkit-animation-duration: .3s,1.5s; animation-duration: .3s,1.5s; -webkit-animation-delay: 0s,.3s; animation-delay: 0s,.3s; -webkit-animation-timing-function: ease-out,ease-in-out; animation-timing-function: ease-out,ease-in-out; -webkit-animation-iteration-count: 1,infinite; animation-iteration-count: 1,infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal,alternate; animation-direction: normal,alternate; } @-webkit-keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } to { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } to { -webkit-transform: translateY(8px); transform: translateY(8px); } } @-webkit-keyframes hvr-hang-sink { to { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang-sink { to { -webkit-transform: translateY(8px); transform: translateY(8px); } } .hvr-hang { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-hang:active, .hvr-hang:focus, .hvr-hang:hover { -webkit-animation-name: hvr-hang-sink,hvr-hang; animation-name: hvr-hang-sink,hvr-hang; -webkit-animation-duration: .3s,1.5s; animation-duration: .3s,1.5s; -webkit-animation-delay: 0s,.3s; animation-delay: 0s,.3s; -webkit-animation-timing-function: ease-out,ease-in-out; animation-timing-function: ease-out,ease-in-out; -webkit-animation-iteration-count: 1,infinite; animation-iteration-count: 1,infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal,alternate; animation-direction: normal,alternate; } .hvr-skew { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-skew:active, .hvr-skew:focus, .hvr-skew:hover { -webkit-transform: skew(-10deg); transform: skew(-10deg); } .hvr-skew-forward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-forward:active, .hvr-skew-forward:focus, .hvr-skew-forward:hover { -webkit-transform: skew(-10deg); transform: skew(-10deg); } .hvr-skew-backward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-backward:active, .hvr-skew-backward:focus, .hvr-skew-backward:hover { -webkit-transform: skew(10deg); transform: skew(10deg); } @-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover { -webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-horizontal:active, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:hover { -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px,8px); transform: translate(8px,8px); } 33.3% { -webkit-transform: translate(-6px,-6px); transform: translate(-6px,-6px); } 49.95% { -webkit-transform: translate(4px,4px); transform: translate(4px,4px); } 66.6% { -webkit-transform: translate(-2px,-2px); transform: translate(-2px,-2px); } 83.25% { -webkit-transform: translate(1px,1px); transform: translate(1px,1px); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px,8px); transform: translate(8px,8px); } 33.3% { -webkit-transform: translate(-6px,-6px); transform: translate(-6px,-6px); } 49.95% { -webkit-transform: translate(4px,4px); transform: translate(4px,4px); } 66.6% { -webkit-transform: translate(-2px,-2px); transform: translate(-2px,-2px); } 83.25% { -webkit-transform: translate(1px,1px); transform: translate(1px,1px); } to { -webkit-transform: translate(0); transform: translate(0); } } .hvr-wobble-to-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-to-bottom-right:active, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:hover { -webkit-animation-name: hvr-wobble-to-bottom-right; animation-name: hvr-wobble-to-bottom-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px,-8px); transform: translate(8px,-8px); } 33.3% { -webkit-transform: translate(-6px,6px); transform: translate(-6px,6px); } 49.95% { -webkit-transform: translate(4px,-4px); transform: translate(4px,-4px); } 66.6% { -webkit-transform: translate(-2px,2px); transform: translate(-2px,2px); } 83.25% { -webkit-transform: translate(1px,-1px); transform: translate(1px,-1px); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px,-8px); transform: translate(8px,-8px); } 33.3% { -webkit-transform: translate(-6px,6px); transform: translate(-6px,6px); } 49.95% { -webkit-transform: translate(4px,-4px); transform: translate(4px,-4px); } 66.6% { -webkit-transform: translate(-2px,2px); transform: translate(-2px,2px); } 83.25% { -webkit-transform: translate(1px,-1px); transform: translate(1px,-1px); } to { -webkit-transform: translate(0); transform: translate(0); } } .hvr-wobble-to-top-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-to-top-right:active, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:hover { -webkit-animation-name: hvr-wobble-to-top-right; animation-name: hvr-wobble-to-top-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .hvr-wobble-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-wobble-top:active, .hvr-wobble-top:focus, .hvr-wobble-top:hover { -webkit-animation-name: hvr-wobble-skew; animation-name: hvr-wobble-skew; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .hvr-wobble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .hvr-wobble-bottom:active, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:hover { -webkit-animation-name: hvr-wobble-skew; animation-name: hvr-wobble-skew; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } to { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } to { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-skew { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-skew:active, .hvr-wobble-skew:focus, .hvr-wobble-skew:hover { -webkit-animation-name: hvr-wobble-skew; animation-name: hvr-wobble-skew; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .hvr-buzz { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-buzz:active, .hvr-buzz:focus, .hvr-buzz:hover { -webkit-animation-name: hvr-icon-buzz; animation-name: hvr-icon-buzz; -webkit-animation-duration: .15s; animation-duration: .15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .hvr-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-buzz-out:active, .hvr-buzz-out:focus, .hvr-buzz-out:hover { -webkit-animation-name: hvr-icon-buzz-out; animation-name: hvr-icon-buzz-out; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .hvr-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: color,background-color; transition-property: color,background-color; } .hvr-fade:active, .hvr-fade:focus, .hvr-fade:hover { background-color: #2098d1; color: #fff; } @-webkit-keyframes hvr-back-pulse { 50% { background-color: rgba(32,152,209,.75); } } @keyframes hvr-back-pulse { 50% { background-color: rgba(32,152,209,.75); } } .hvr-back-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: color,background-color; transition-property: color,background-color; } .hvr-back-pulse:active, .hvr-back-pulse:focus, .hvr-back-pulse:hover { -webkit-animation-name: hvr-back-pulse; animation-name: hvr-back-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color: #2098d1; color: #fff; } .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; } .hvr-sweep-to-right, .hvr-sweep-to-right:before { -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:active, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:hover { color: #fff; } .hvr-sweep-to-right:active:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .hvr-sweep-to-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; } .hvr-sweep-to-left, .hvr-sweep-to-left:before { -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-sweep-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-left:active, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:hover { color: #fff; } .hvr-sweep-to-left:active:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .hvr-sweep-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; } .hvr-sweep-to-bottom, .hvr-sweep-to-bottom:before { -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-sweep-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-bottom:active, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:hover { color: #fff; } .hvr-sweep-to-bottom:active:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; } .hvr-sweep-to-top, .hvr-sweep-to-top:before { -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-top:active, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:hover { color: #fff; } .hvr-sweep-to-top:active:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .hvr-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; } .hvr-bounce-to-right, .hvr-bounce-to-right:before { -webkit-transition-duration: .5s; transition-duration: .5s; } .hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-right:active, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:hover { color: #fff; } .hvr-bounce-to-right:active:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66); transition-timing-function: cubic-bezier(.52,1.64,.37,.66); } .hvr-bounce-to-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; } .hvr-bounce-to-left, .hvr-bounce-to-left:before { -webkit-transition-duration: .5s; transition-duration: .5s; } .hvr-bounce-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-left:active, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:hover { color: #fff; } .hvr-bounce-to-left:active:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66); transition-timing-function: cubic-bezier(.52,1.64,.37,.66); } .hvr-bounce-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; } .hvr-bounce-to-bottom, .hvr-bounce-to-bottom:before { -webkit-transition-duration: .5s; transition-duration: .5s; } .hvr-bounce-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-bottom:active, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:hover { color: #fff; } .hvr-bounce-to-bottom:active:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66); transition-timing-function: cubic-bezier(.52,1.64,.37,.66); } .hvr-bounce-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; } .hvr-bounce-to-top, .hvr-bounce-to-top:before { -webkit-transition-duration: .5s; transition-duration: .5s; } .hvr-bounce-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-top:active, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:hover { color: #fff; } .hvr-bounce-to-top:active:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66); transition-timing-function: cubic-bezier(.52,1.64,.37,.66); } .hvr-radial-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; } .hvr-radial-out, .hvr-radial-out:before { -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-radial-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-out:active, .hvr-radial-out:focus, .hvr-radial-out:hover { color: #fff; } .hvr-radial-out:active:before, .hvr-radial-out:focus:before, .hvr-radial-out:hover:before { -webkit-transform: scale(2); transform: scale(2); } .hvr-radial-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; background: #2098d1; -webkit-transition-property: color; transition-property: color; } .hvr-radial-in, .hvr-radial-in:before { -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-radial-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; border-radius: 100%; -webkit-transform: scale(2); transform: scale(2); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-in:active, .hvr-radial-in:focus, .hvr-radial-in:hover { color: #fff; } .hvr-radial-in:active:before, .hvr-radial-in:focus:before, .hvr-radial-in:hover:before { -webkit-transform: scale(0); transform: scale(0); } .hvr-rectangle-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; } .hvr-rectangle-in, .hvr-rectangle-in:before { -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-rectangle-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-in:active, .hvr-rectangle-in:focus, .hvr-rectangle-in:hover { color: #fff; } .hvr-rectangle-in:active:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:hover:before { -webkit-transform: scale(0); transform: scale(0); } .hvr-rectangle-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; } .hvr-rectangle-out, .hvr-rectangle-out:before { -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-rectangle-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-out:active, .hvr-rectangle-out:focus, .hvr-rectangle-out:hover { color: #fff; } .hvr-rectangle-out:active:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:hover:before { -webkit-transform: scale(1); transform: scale(1); } .hvr-shutter-in-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-shutter-in-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-horizontal:active, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:hover { color: #fff; } .hvr-shutter-in-horizontal:active:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:hover:before { -webkit-transform: scaleX(0); transform: scaleX(0); } .hvr-shutter-out-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-shutter-out-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-horizontal:active, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:hover { color: #fff; } .hvr-shutter-out-horizontal:active:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .hvr-shutter-in-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-shutter-in-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-vertical:active, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:hover { color: #fff; } .hvr-shutter-in-vertical:active:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:hover:before { -webkit-transform: scaleY(0); transform: scaleY(0); } .hvr-shutter-out-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-shutter-out-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-vertical:active, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:hover { color: #fff; } .hvr-shutter-out-vertical:active:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .hvr-border-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px transparent; } .hvr-border-fade:active, .hvr-border-fade:focus, .hvr-border-fade:hover { box-shadow: inset 0 0 0 4px #2098d1,0 0 1px transparent; } .hvr-hollow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: background; transition-property: background; box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px transparent; } .hvr-hollow:active, .hvr-hollow:focus, .hvr-hollow:hover { background: 0 0; } .hvr-trim { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-trim:before { content: ''; position: absolute; border: 4px solid #fff; top: 4px; left: 4px; right: 4px; bottom: 4px; opacity: 0; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-trim:active:before, .hvr-trim:focus:before, .hvr-trim:hover:before { opacity: 1; } @-webkit-keyframes hvr-ripple-out { to { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes hvr-ripple-out { to { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } .hvr-ripple-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-ripple-out:before { content: ''; position: absolute; border: 6px solid #e1e1e1; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-out:active:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:hover:before { -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out; } @-webkit-keyframes hvr-ripple-in { to { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } @keyframes hvr-ripple-in { to { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } .hvr-ripple-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-ripple-in:before { content: ''; position: absolute; border: 4px solid #e1e1e1; top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-in:active:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:hover:before { -webkit-animation-name: hvr-ripple-in; animation-name: hvr-ripple-in; } .hvr-outline-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-outline-out:before { content: ''; position: absolute; border: 4px solid #e1e1e1; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: top,right,bottom,left; transition-property: top,right,bottom,left; } .hvr-outline-out:active:before, .hvr-outline-out:focus:before, .hvr-outline-out:hover:before { top: -8px; right: -8px; bottom: -8px; left: -8px; } .hvr-outline-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-outline-in:before { pointer-events: none; content: ''; position: absolute; border: 4px solid #e1e1e1; top: -16px; right: -16px; bottom: -16px; left: -16px; opacity: 0; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: top,right,bottom,left; transition-property: top,right,bottom,left; } .hvr-outline-in:active:before, .hvr-outline-in:focus:before, .hvr-outline-in:hover:before { top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 1; } .hvr-round-corners { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: border-radius; transition-property: border-radius; } .hvr-round-corners:active, .hvr-round-corners:focus, .hvr-round-corners:hover { border-radius: 1em; } .hvr-underline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-left:active:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:hover:before { right: 0; } .hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: left,right; transition-property: left,right; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-center:active:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:hover:before { left: 0; right: 0; } .hvr-underline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-right:active:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:hover:before { left: 0; } .hvr-overline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-left:active:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:hover:before { right: 0; } .hvr-overline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: left,right; transition-property: left,right; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-center:active:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:hover:before { left: 0; right: 0; } .hvr-overline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-right:active:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:hover:before { left: 0; } .hvr-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; border: 0 solid #2098d1; -webkit-transition-property: border-width; transition-property: border-width; -webkit-transition-duration: .1s; transition-duration: .1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-reveal:active:before, .hvr-reveal:focus:before, .hvr-reveal:hover:before { -webkit-transform: translateY(0); transform: translateY(0); border-width: 4px; } .hvr-underline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background: #2098d1; height: 4px; -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-reveal:active:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:hover:before { -webkit-transform: translateY(0); transform: translateY(0); } .hvr-overline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; background: #2098d1; height: 4px; -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-reveal:active:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:hover:before { -webkit-transform: translateY(0); transform: translateY(0); } .hvr-glow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-glow:active, .hvr-glow:focus, .hvr-glow:hover { box-shadow: 0 0 8px rgba(0,0,0,.6); } .hvr-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-shadow:active, .hvr-shadow:focus, .hvr-shadow:hover { box-shadow: 0 10px 10px -10px rgba(0,0,0,.5); } .hvr-grow-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: box-shadow,transform; transition-property: box-shadow,transform; } .hvr-grow-shadow:active, .hvr-grow-shadow:focus, .hvr-grow-shadow:hover { box-shadow: 0 10px 10px -10px rgba(0,0,0,.5); -webkit-transform: scale(1.1); transform: scale(1.1); } .hvr-box-shadow-outset { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-box-shadow-outset:active, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:hover { box-shadow: 2px 2px 2px rgba(0,0,0,.6); } .hvr-box-shadow-inset { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 rgba(0,0,0,.6),0 0 1px transparent; } .hvr-box-shadow-inset:active, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:hover { box-shadow: inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px transparent; } .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: transform; transition-property: transform; } .hvr-float-shadow, .hvr-float-shadow:before { -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,transparent 80%); background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%); -webkit-transition-property: transform,opacity; transition-property: transform,opacity; } .hvr-float-shadow:active, .hvr-float-shadow:focus, .hvr-float-shadow:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .hvr-float-shadow:active:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:hover:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); } .hvr-shadow-radial { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-shadow-radial:after, .hvr-shadow-radial:before { pointer-events: none; position: absolute; content: ''; left: 0; width: 100%; box-sizing: border-box; height: 5px; opacity: 0; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-shadow-radial:before { bottom: 100%; background: -webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,transparent 80%); background: radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,transparent 80%); } .hvr-shadow-radial:after { top: 100%; background: -webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,transparent 80%); background: radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,transparent 80%); } .hvr-shadow-radial:active:after, .hvr-shadow-radial:active:before, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:hover:before { opacity: 1; } .hvr-bubble-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-top:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); top: 0; border-width: 0 10px 10px; border-color: transparent transparent #e1e1e1; } .hvr-bubble-top:active:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:hover:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .hvr-bubble-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-right:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); right: 0; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; } .hvr-bubble-right:active:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:hover:before { -webkit-transform: translateX(10px); transform: translateX(10px); } .hvr-bubble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-bottom:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); bottom: 0; border-width: 10px 10px 0; border-color: #e1e1e1 transparent transparent; } .hvr-bubble-bottom:active:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:hover:before { -webkit-transform: translateY(10px); transform: translateY(10px); } .hvr-bubble-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-left:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); left: 0; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; } .hvr-bubble-left:active:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:hover:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .hvr-bubble-float-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-float-top, .hvr-bubble-float-top:before { -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-top:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); top: 0; border-style: solid; border-width: 0 10px 10px; border-color: transparent transparent #e1e1e1; } .hvr-bubble-float-top:active, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:hover { -webkit-transform: translateY(10px); transform: translateY(10px); } .hvr-bubble-float-top:active:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:hover:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .hvr-bubble-float-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-float-right, .hvr-bubble-float-right:before { -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-right:before { position: absolute; z-index: -1; top: calc(50% - 10px); right: 0; content: ''; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; } .hvr-bubble-float-right:active, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:hover { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .hvr-bubble-float-right:active:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:hover:before { -webkit-transform: translateX(10px); transform: translateX(10px); } .hvr-bubble-float-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-float-bottom, .hvr-bubble-float-bottom:before { -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-bottom:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); bottom: 0; border-style: solid; border-width: 10px 10px 0; border-color: #e1e1e1 transparent transparent; } .hvr-bubble-float-bottom:active, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .hvr-bubble-float-bottom:active:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:hover:before { -webkit-transform: translateY(10px); transform: translateY(10px); } .hvr-bubble-float-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-float-left, .hvr-bubble-float-left:before { -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-left:before { position: absolute; z-index: -1; content: ''; top: calc(50% - 10px); left: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; } .hvr-bubble-float-left:active, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:hover { -webkit-transform: translateX(10px); transform: translateX(10px); } .hvr-bubble-float-left:active:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:hover:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .hvr-icon-back { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-left: 2.2em; } .hvr-icon-back, .hvr-icon-back:before { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .1s; transition-duration: .1s; } .hvr-icon-back:before { content: "\f137"; position: absolute; left: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-back:active:before, .hvr-icon-back:focus:before, .hvr-icon-back:hover:before { -webkit-transform: translateX(-4px); transform: translateX(-4px); } .hvr-icon-forward { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-forward, .hvr-icon-forward:before { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .1s; transition-duration: .1s; } .hvr-icon-forward:before { content: "\f138"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-forward:active:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:hover:before { -webkit-transform: translateX(4px); transform: translateX(4px); } @-webkit-keyframes hvr-icon-down { 0%,50%,to { -webkit-transform: translateY(0); transform: translateY(0); } 25%,75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-down { 0%,50%,to { -webkit-transform: translateY(0); transform: translateY(0); } 25%,75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } .hvr-icon-down { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-down, .hvr-icon-down:before { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-down:before { content: "\f01a"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; } .hvr-icon-down:active:before, .hvr-icon-down:focus:before, .hvr-icon-down:hover:before { -webkit-animation-name: hvr-icon-down; animation-name: hvr-icon-down; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes hvr-icon-up { 0%,50%,to { -webkit-transform: translateY(0); transform: translateY(0); } 25%,75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-up { 0%,50%,to { -webkit-transform: translateY(0); transform: translateY(0); } 25%,75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } .hvr-icon-up { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-up, .hvr-icon-up:before { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-up:before { content: "\f01b"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; } .hvr-icon-up:active:before, .hvr-icon-up:focus:before, .hvr-icon-up:hover:before { -webkit-animation-name: hvr-icon-up; animation-name: hvr-icon-up; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .hvr-icon-spin { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-spin:before { content: "\f021"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .hvr-icon-spin:active:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:hover:before { -webkit-transform: rotate(1turn); transform: rotate(1turn); } @-webkit-keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%,to { opacity: 1; } } @keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%,to { opacity: 1; } } .hvr-icon-drop { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-drop, .hvr-icon-drop:before { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-drop:before { content: "\f041"; position: absolute; right: 1em; opacity: 1; padding: 0 1px; font-family: FontAwesome; } .hvr-icon-drop:active:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:hover:before { opacity: 0; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-animation-name: hvr-icon-drop; animation-name: hvr-icon-drop; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(.52,1.64,.37,.66); animation-timing-function: cubic-bezier(.52,1.64,.37,.66); } .hvr-icon-fade { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-fade, .hvr-icon-fade:before { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-fade:before { content: "\f00c"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: color; transition-property: color; } .hvr-icon-fade:active:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:hover:before { color: #0f9e5e; } @-webkit-keyframes hvr-icon-float-away { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } @keyframes hvr-icon-float-away { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } .hvr-icon-float-away { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-float-away:after, .hvr-icon-float-away:before { content: "\f055"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; } .hvr-icon-float-away:after { opacity: 0; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .hvr-icon-float-away:active:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:hover:after { -webkit-animation-name: hvr-icon-float-away; animation-name: hvr-icon-float-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes hvr-icon-sink-away { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } @keyframes hvr-icon-sink-away { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } .hvr-icon-sink-away { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-sink-away:after, .hvr-icon-sink-away:before { content: "\f056"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-sink-away:after { opacity: 0; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .hvr-icon-sink-away:active:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:hover:after { -webkit-animation-name: hvr-icon-sink-away; animation-name: hvr-icon-sink-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .hvr-icon-grow { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-grow, .hvr-icon-grow:before { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-icon-grow:before { content: "\f118"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-grow:active:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:hover:before { -webkit-transform: scale(1.3) translateZ(0); transform: scale(1.3) translateZ(0); } .hvr-icon-shrink { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-shrink, .hvr-icon-shrink:before { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-icon-shrink:before { content: "\f119"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-shrink:active:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:hover:before { -webkit-transform: scale(.8); transform: scale(.8); } @-webkit-keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(.8); transform: scale(.8); } } @keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(.8); transform: scale(.8); } } .hvr-icon-pulse { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pulse, .hvr-icon-pulse:before { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-pulse:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse:active:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:hover:before { -webkit-animation-name: hvr-icon-pulse; animation-name: hvr-icon-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } @keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } .hvr-icon-pulse-grow { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pulse-grow, .hvr-icon-pulse-grow:before { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-pulse-grow:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse-grow:active:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:hover:before { -webkit-animation-name: hvr-icon-pulse-grow; animation-name: hvr-icon-pulse-grow; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } @-webkit-keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(.8); transform: scale(.8); } } @keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(.8); transform: scale(.8); } } .hvr-icon-pulse-shrink { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pulse-shrink, .hvr-icon-pulse-shrink:before { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-pulse-shrink:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse-shrink:active:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:hover:before { -webkit-animation-name: hvr-icon-pulse-shrink; animation-name: hvr-icon-pulse-shrink; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } @-webkit-keyframes hvr-icon-push { 50% { -webkit-transform: scale(.5); transform: scale(.5); } } @keyframes hvr-icon-push { 50% { -webkit-transform: scale(.5); transform: scale(.5); } } .hvr-icon-push { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-push, .hvr-icon-push:before { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-icon-push:before { content: "\f006"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-push:active:before, .hvr-icon-push:focus:before, .hvr-icon-push:hover:before { -webkit-animation-name: hvr-icon-push; animation-name: hvr-icon-push; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } .hvr-icon-pop { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pop, .hvr-icon-pop:before { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-icon-pop:before { content: "\f005"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pop:active:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:hover:before { -webkit-animation-name: hvr-icon-pop; animation-name: hvr-icon-pop; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .hvr-icon-bounce { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-bounce, .hvr-icon-bounce:before { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-icon-bounce:before { content: "\f087"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-bounce:active:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:hover:before { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36); transition-timing-function: cubic-bezier(.47,2.02,.31,-.36); } .hvr-icon-rotate { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-rotate, .hvr-icon-rotate:before { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-icon-rotate:before { content: "\f0c6"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-rotate:active:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:hover:before { -webkit-transform: rotate(20deg); transform: rotate(20deg); } .hvr-icon-grow-rotate { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-grow-rotate, .hvr-icon-grow-rotate:before { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-icon-grow-rotate:before { content: "\f095"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-grow-rotate:active:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:hover:before { -webkit-transform: scale(1.5) rotate(12deg); transform: scale(1.5) rotate(12deg); } .hvr-icon-float { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-float, .hvr-icon-float:before { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-icon-float:before { content: "\f01b"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-float:active:before, .hvr-icon-float:focus:before, .hvr-icon-float:hover:before { -webkit-transform: translateY(-4px); transform: translateY(-4px); } .hvr-icon-sink { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-sink, .hvr-icon-sink:before { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-icon-sink:before { content: "\f01a"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-sink:active:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:hover:before { -webkit-transform: translateY(4px); transform: translateY(4px); } @-webkit-keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } to { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } to { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hvr-icon-bob-float { to { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob-float { to { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } .hvr-icon-bob { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-icon-bob, .hvr-icon-bob:before { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-bob:before { content: "\f077"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; } .hvr-icon-bob:active:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:hover:before { -webkit-animation-name: hvr-icon-bob-float,hvr-icon-bob; animation-name: hvr-icon-bob-float,hvr-icon-bob; -webkit-animation-duration: .3s,1.5s; animation-duration: .3s,1.5s; -webkit-animation-delay: 0s,.3s; animation-delay: 0s,.3s; -webkit-animation-timing-function: ease-out,ease-in-out; animation-timing-function: ease-out,ease-in-out; -webkit-animation-iteration-count: 1,infinite; animation-iteration-count: 1,infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal,alternate; animation-direction: normal,alternate; } @-webkit-keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } to { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } to { -webkit-transform: translateY(6px); transform: translateY(6px); } } @-webkit-keyframes hvr-icon-hang-sink { to { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang-sink { to { -webkit-transform: translateY(6px); transform: translateY(6px); } } .hvr-icon-hang { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-icon-hang, .hvr-icon-hang:before { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-hang:before { content: "\f078"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; } .hvr-icon-hang:active:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:hover:before { -webkit-animation-name: hvr-icon-hang-sink,hvr-icon-hang; animation-name: hvr-icon-hang-sink,hvr-icon-hang; -webkit-animation-duration: .3s,1.5s; animation-duration: .3s,1.5s; -webkit-animation-delay: 0s,.3s; animation-delay: 0s,.3s; -webkit-animation-timing-function: ease-out,ease-in-out; animation-timing-function: ease-out,ease-in-out; -webkit-animation-iteration-count: 1,infinite; animation-iteration-count: 1,infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal,alternate; animation-direction: normal,alternate; } @-webkit-keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-icon-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-icon-wobble-horizontal:before { content: "\f061"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-wobble-horizontal:active:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:hover:before { -webkit-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-icon-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-icon-wobble-vertical:before { content: "\f062"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-wobble-vertical:active:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:hover:before { -webkit-animation-name: hvr-icon-wobble-vertical; animation-name: hvr-icon-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } to { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } to { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } .hvr-icon-buzz { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-icon-buzz, .hvr-icon-buzz:before { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-buzz:before { content: "\f017"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; } .hvr-icon-buzz:active:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:hover:before { -webkit-animation-name: hvr-icon-buzz; animation-name: hvr-icon-buzz; -webkit-animation-duration: .15s; animation-duration: .15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } to { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } to { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-icon-buzz-out { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: .3s; } .hvr-icon-buzz-out, .hvr-icon-buzz-out:before { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-buzz-out:before { content: "\f023"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; } .hvr-icon-buzz-out:active:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:hover:before { -webkit-animation-name: hvr-icon-buzz-out; animation-name: hvr-icon-buzz-out; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .hvr-curl-top-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-top-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; left: 0; background: #fff; background: linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff',endColorstr='#000000'); z-index: 1000; box-shadow: 1px 1px 1px rgba(0,0,0,.4); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: width,height; transition-property: width,height; } .hvr-curl-top-left:active:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:hover:before { width: 25px; height: 25px; } .hvr-curl-top-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-top-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; right: 0; background: #fff; background: linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%); box-shadow: -1px 1px 1px rgba(0,0,0,.4); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: width,height; transition-property: width,height; } .hvr-curl-top-right:active:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:hover:before { width: 25px; height: 25px; } .hvr-curl-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-bottom-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; right: 0; background: #fff; background: linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%); box-shadow: -1px -1px 1px rgba(0,0,0,.4); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: width,height; transition-property: width,height; } .hvr-curl-bottom-right:active:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:hover:before { width: 25px; height: 25px; } .hvr-curl-bottom-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-bottom-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; left: 0; background: #fff; background: linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%); box-shadow: 1px -1px 1px rgba(0,0,0,.4); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: width,height; transition-property: width,height; } .hvr-curl-bottom-left:active:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:hover:before { width: 25px; height: 25px; } /*! Ionicons, v2.0.0 Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ https://twitter.com/benjsperry https://twitter.com/ionicframework MIT License: https://github.com/driftyco/ionicons Android-style icons originally built by Google’s Material Design Icons: https://github.com/google/material-design-icons used under CC BY http://creativecommons.org/licenses/by/4.0/ Modified icons to fit ionicon’s grid from original. */ @font-face { font-family: Ionicons; src: url(../fonts/ionicons.eot?v=2.0.0); src: url(../fonts/ionicons.eot?v=2.0.0#iefix) format("embedded-opentype"),url(../fonts/ionicons.ttf?v=2.0.0) format("truetype"),url(../fonts/ionicons.woff?v=2.0.0) format("woff"),url(../fonts/ionicons.svg?v=2.0.0#Ionicons) format("svg"); font-weight: 400; font-style: normal; } .ion, .ion-alert-circled:before, .ion-alert:before, .ion-android-add-circle:before, .ion-android-add:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-cloud:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done-all:before, .ion-android-done:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite-outline:before, .ion-android-favorite:before, .ion-android-film:before, .ion-android-folder-open:before, .ion-android-folder:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone-off:before, .ion-android-microphone:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-notifications:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person-add:before, .ion-android-person:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove-circle:before, .ion-android-remove:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share-alt:before, .ion-android-share:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-star:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace-outline:before, .ion-backspace:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox-working:before, .ion-chatbox:before, .ion-chatboxes:before, .ion-chatbubble-working:before, .ion-chatbubble:before, .ion-chatbubbles:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-checkmark:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close-circled:before, .ion-close-round:before, .ion-close:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code-download:before, .ion-code-working:before, .ion-code:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document-text:before, .ion-document:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email-unread:before, .ion-email:before, .ion-erlenmeyer-flask-bubbles:before, .ion-erlenmeyer-flask:before, .ion-eye-disabled:before, .ion-eye:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash-off:before, .ion-flash:before, .ion-folder:before, .ion-fork-repo:before, .ion-fork:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy-outline:before, .ion-happy:before, .ion-headphone:before, .ion-heart-broken:before, .ion-heart:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-help:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information-circled:before, .ion-information:before, .ion-ionic:before, .ion-ios-alarm-outline:before, .ion-ios-alarm:before, .ion-ios-albums-outline:before, .ion-ios-albums:before, .ion-ios-americanfootball-outline:before, .ion-ios-americanfootball:before, .ion-ios-analytics-outline:before, .ion-ios-analytics:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at-outline:before, .ion-ios-at:before, .ion-ios-barcode-outline:before, .ion-ios-barcode:before, .ion-ios-baseball-outline:before, .ion-ios-baseball:before, .ion-ios-basketball-outline:before, .ion-ios-basketball:before, .ion-ios-bell-outline:before, .ion-ios-bell:before, .ion-ios-body-outline:before, .ion-ios-body:before, .ion-ios-bolt-outline:before, .ion-ios-bolt:before, .ion-ios-book-outline:before, .ion-ios-book:before, .ion-ios-bookmarks-outline:before, .ion-ios-bookmarks:before, .ion-ios-box-outline:before, .ion-ios-box:before, .ion-ios-briefcase-outline:before, .ion-ios-briefcase:before, .ion-ios-browsers-outline:before, .ion-ios-browsers:before, .ion-ios-calculator-outline:before, .ion-ios-calculator:before, .ion-ios-calendar-outline:before, .ion-ios-calendar:before, .ion-ios-camera-outline:before, .ion-ios-camera:before, .ion-ios-cart-outline:before, .ion-ios-cart:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatbubble-outline:before, .ion-ios-chatbubble:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-checkmark:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock-outline:before, .ion-ios-clock:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-close:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-download:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-outline:before, .ion-ios-cloudy:before, .ion-ios-cog-outline:before, .ion-ios-cog:before, .ion-ios-color-filter-outline:before, .ion-ios-color-filter:before, .ion-ios-color-wand-outline:before, .ion-ios-color-wand:before, .ion-ios-compose-outline:before, .ion-ios-compose:before, .ion-ios-contact-outline:before, .ion-ios-contact:before, .ion-ios-copy-outline:before, .ion-ios-copy:before, .ion-ios-crop-strong:before, .ion-ios-crop:before, .ion-ios-download-outline:before, .ion-ios-download:before, .ion-ios-drag:before, .ion-ios-email-outline:before, .ion-ios-email:before, .ion-ios-eye-outline:before, .ion-ios-eye:before, .ion-ios-fastforward-outline:before, .ion-ios-fastforward:before, .ion-ios-filing-outline:before, .ion-ios-filing:before, .ion-ios-film-outline:before, .ion-ios-film:before, .ion-ios-flag-outline:before, .ion-ios-flag:before, .ion-ios-flame-outline:before, .ion-ios-flame:before, .ion-ios-flask-outline:before, .ion-ios-flask:before, .ion-ios-flower-outline:before, .ion-ios-flower:before, .ion-ios-folder-outline:before, .ion-ios-folder:before, .ion-ios-football-outline:before, .ion-ios-football:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-b-outline:before, .ion-ios-game-controller-b:before, .ion-ios-gear-outline:before, .ion-ios-gear:before, .ion-ios-glasses-outline:before, .ion-ios-glasses:before, .ion-ios-grid-view-outline:before, .ion-ios-grid-view:before, .ion-ios-heart-outline:before, .ion-ios-heart:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-help:before, .ion-ios-home-outline:before, .ion-ios-home:before, .ion-ios-infinite-outline:before, .ion-ios-infinite:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-information:before, .ion-ios-ionic-outline:before, .ion-ios-keypad-outline:before, .ion-ios-keypad:before, .ion-ios-lightbulb-outline:before, .ion-ios-lightbulb:before, .ion-ios-list-outline:before, .ion-ios-list:before, .ion-ios-location-outline:before, .ion-ios-location:before, .ion-ios-locked-outline:before, .ion-ios-locked:before, .ion-ios-loop-strong:before, .ion-ios-loop:before, .ion-ios-medical-outline:before, .ion-ios-medical:before, .ion-ios-medkit-outline:before, .ion-ios-medkit:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-mic:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-minus:before, .ion-ios-monitor-outline:before, .ion-ios-monitor:before, .ion-ios-moon-outline:before, .ion-ios-moon:before, .ion-ios-more-outline:before, .ion-ios-more:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate-outline:before, .ion-ios-navigate:before, .ion-ios-nutrition-outline:before, .ion-ios-nutrition:before, .ion-ios-paper-outline:before, .ion-ios-paper:before, .ion-ios-paperplane-outline:before, .ion-ios-paperplane:before, .ion-ios-partlysunny-outline:before, .ion-ios-partlysunny:before, .ion-ios-pause-outline:before, .ion-ios-pause:before, .ion-ios-paw-outline:before, .ion-ios-paw:before, .ion-ios-people-outline:before, .ion-ios-people:before, .ion-ios-person-outline:before, .ion-ios-person:before, .ion-ios-personadd-outline:before, .ion-ios-personadd:before, .ion-ios-photos-outline:before, .ion-ios-photos:before, .ion-ios-pie-outline:before, .ion-ios-pie:before, .ion-ios-pint-outline:before, .ion-ios-pint:before, .ion-ios-play-outline:before, .ion-ios-play:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-plus:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetags-outline:before, .ion-ios-pricetags:before, .ion-ios-printer-outline:before, .ion-ios-printer:before, .ion-ios-pulse-strong:before, .ion-ios-pulse:before, .ion-ios-rainy-outline:before, .ion-ios-rainy:before, .ion-ios-recording-outline:before, .ion-ios-recording:before, .ion-ios-redo-outline:before, .ion-ios-redo:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-refresh:before, .ion-ios-reload:before, .ion-ios-reverse-camera-outline:before, .ion-ios-reverse-camera:before, .ion-ios-rewind-outline:before, .ion-ios-rewind:before, .ion-ios-rose-outline:before, .ion-ios-rose:before, .ion-ios-search-strong:before, .ion-ios-search:before, .ion-ios-settings-strong:before, .ion-ios-settings:before, .ion-ios-shuffle-strong:before, .ion-ios-shuffle:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipbackward:before, .ion-ios-skipforward-outline:before, .ion-ios-skipforward:before, .ion-ios-snowy:before, .ion-ios-speedometer-outline:before, .ion-ios-speedometer:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-star:before, .ion-ios-stopwatch-outline:before, .ion-ios-stopwatch:before, .ion-ios-sunny-outline:before, .ion-ios-sunny:before, .ion-ios-telephone-outline:before, .ion-ios-telephone:before, .ion-ios-tennisball-outline:before, .ion-ios-tennisball:before, .ion-ios-thunderstorm-outline:before, .ion-ios-thunderstorm:before, .ion-ios-time-outline:before, .ion-ios-time:before, .ion-ios-timer-outline:before, .ion-ios-timer:before, .ion-ios-toggle-outline:before, .ion-ios-toggle:before, .ion-ios-trash-outline:before, .ion-ios-trash:before, .ion-ios-undo-outline:before, .ion-ios-undo:before, .ion-ios-unlocked-outline:before, .ion-ios-unlocked:before, .ion-ios-upload-outline:before, .ion-ios-upload:before, .ion-ios-videocam-outline:before, .ion-ios-videocam:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass-outline:before, .ion-ios-wineglass:before, .ion-ios-world-outline:before, .ion-ios-world:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-minus:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon-round:before, .ion-navicon:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person-add:before, .ion-person-stalker:before, .ion-person:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-plus:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply-all:before, .ion-reply:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad-outline:before, .ion-sad:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android-outline:before, .ion-social-android:before, .ion-social-angular-outline:before, .ion-social-angular:before, .ion-social-apple-outline:before, .ion-social-apple:before, .ion-social-bitcoin-outline:before, .ion-social-bitcoin:before, .ion-social-buffer-outline:before, .ion-social-buffer:before, .ion-social-chrome-outline:before, .ion-social-chrome:before, .ion-social-codepen-outline:before, .ion-social-codepen:before, .ion-social-css3-outline:before, .ion-social-css3:before, .ion-social-designernews-outline:before, .ion-social-designernews:before, .ion-social-dribbble-outline:before, .ion-social-dribbble:before, .ion-social-dropbox-outline:before, .ion-social-dropbox:before, .ion-social-euro-outline:before, .ion-social-euro:before, .ion-social-facebook-outline:before, .ion-social-facebook:before, .ion-social-foursquare-outline:before, .ion-social-foursquare:before, .ion-social-freebsd-devil:before, .ion-social-github-outline:before, .ion-social-github:before, .ion-social-google-outline:before, .ion-social-google:before, .ion-social-googleplus-outline:before, .ion-social-googleplus:before, .ion-social-hackernews-outline:before, .ion-social-hackernews:before, .ion-social-html5-outline:before, .ion-social-html5:before, .ion-social-instagram-outline:before, .ion-social-instagram:before, .ion-social-javascript-outline:before, .ion-social-javascript:before, .ion-social-linkedin-outline:before, .ion-social-linkedin:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest-outline:before, .ion-social-pinterest:before, .ion-social-python:before, .ion-social-reddit-outline:before, .ion-social-reddit:before, .ion-social-rss-outline:before, .ion-social-rss:before, .ion-social-sass:before, .ion-social-skype-outline:before, .ion-social-skype:before, .ion-social-snapchat-outline:before, .ion-social-snapchat:before, .ion-social-tumblr-outline:before, .ion-social-tumblr:before, .ion-social-tux:before, .ion-social-twitch-outline:before, .ion-social-twitch:before, .ion-social-twitter-outline:before, .ion-social-twitter:before, .ion-social-usd-outline:before, .ion-social-usd:before, .ion-social-vimeo-outline:before, .ion-social-vimeo:before, .ion-social-whatsapp-outline:before, .ion-social-whatsapp:before, .ion-social-windows-outline:before, .ion-social-windows:before, .ion-social-wordpress-outline:before, .ion-social-wordpress:before, .ion-social-yahoo-outline:before, .ion-social-yahoo:before, .ion-social-yen-outline:before, .ion-social-yen:before, .ion-social-youtube-outline:before, .ion-social-youtube:before, .ion-soup-can-outline:before, .ion-soup-can:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle-filled:before, .ion-toggle:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt-outline:before, .ion-tshirt:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before, .ionicons { display: inline-block; font-family: Ionicons; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ion-alert:before { content: "\f101"; } .ion-alert-circled:before { content: "\f100"; } .ion-android-add:before { content: "\f2c7"; } .ion-android-add-circle:before { content: "\f359"; } .ion-android-alarm-clock:before { content: "\f35a"; } .ion-android-alert:before { content: "\f35b"; } .ion-android-apps:before { content: "\f35c"; } .ion-android-archive:before { content: "\f2c9"; } .ion-android-arrow-back:before { content: "\f2ca"; } .ion-android-arrow-down:before { content: "\f35d"; } .ion-android-arrow-dropdown:before { content: "\f35f"; } .ion-android-arrow-dropdown-circle:before { content: "\f35e"; } .ion-android-arrow-dropleft:before { content: "\f361"; } .ion-android-arrow-dropleft-circle:before { content: "\f360"; } .ion-android-arrow-dropright:before { content: "\f363"; } .ion-android-arrow-dropright-circle:before { content: "\f362"; } .ion-android-arrow-dropup:before { content: "\f365"; } .ion-android-arrow-dropup-circle:before { content: "\f364"; } .ion-android-arrow-forward:before { content: "\f30f"; } .ion-android-arrow-up:before { content: "\f366"; } .ion-android-attach:before { content: "\f367"; } .ion-android-bar:before { content: "\f368"; } .ion-android-bicycle:before { content: "\f369"; } .ion-android-boat:before { content: "\f36a"; } .ion-android-bookmark:before { content: "\f36b"; } .ion-android-bulb:before { content: "\f36c"; } .ion-android-bus:before { content: "\f36d"; } .ion-android-calendar:before { content: "\f2d1"; } .ion-android-call:before { content: "\f2d2"; } .ion-android-camera:before { content: "\f2d3"; } .ion-android-cancel:before { content: "\f36e"; } .ion-android-car:before { content: "\f36f"; } .ion-android-cart:before { content: "\f370"; } .ion-android-chat:before { content: "\f2d4"; } .ion-android-checkbox:before { content: "\f374"; } .ion-android-checkbox-blank:before { content: "\f371"; } .ion-android-checkbox-outline:before { content: "\f373"; } .ion-android-checkbox-outline-blank:before { content: "\f372"; } .ion-android-checkmark-circle:before { content: "\f375"; } .ion-android-clipboard:before { content: "\f376"; } .ion-android-close:before { content: "\f2d7"; } .ion-android-cloud:before { content: "\f37a"; } .ion-android-cloud-circle:before { content: "\f377"; } .ion-android-cloud-done:before { content: "\f378"; } .ion-android-cloud-outline:before { content: "\f379"; } .ion-android-color-palette:before { content: "\f37b"; } .ion-android-compass:before { content: "\f37c"; } .ion-android-contact:before { content: "\f2d8"; } .ion-android-contacts:before { content: "\f2d9"; } .ion-android-contract:before { content: "\f37d"; } .ion-android-create:before { content: "\f37e"; } .ion-android-delete:before { content: "\f37f"; } .ion-android-desktop:before { content: "\f380"; } .ion-android-document:before { content: "\f381"; } .ion-android-done:before { content: "\f383"; } .ion-android-done-all:before { content: "\f382"; } .ion-android-download:before { content: "\f2dd"; } .ion-android-drafts:before { content: "\f384"; } .ion-android-exit:before { content: "\f385"; } .ion-android-expand:before { content: "\f386"; } .ion-android-favorite:before { content: "\f388"; } .ion-android-favorite-outline:before { content: "\f387"; } .ion-android-film:before { content: "\f389"; } .ion-android-folder:before { content: "\f2e0"; } .ion-android-folder-open:before { content: "\f38a"; } .ion-android-funnel:before { content: "\f38b"; } .ion-android-globe:before { content: "\f38c"; } .ion-android-hand:before { content: "\f2e3"; } .ion-android-hangout:before { content: "\f38d"; } .ion-android-happy:before { content: "\f38e"; } .ion-android-home:before { content: "\f38f"; } .ion-android-image:before { content: "\f2e4"; } .ion-android-laptop:before { content: "\f390"; } .ion-android-list:before { content: "\f391"; } .ion-android-locate:before { content: "\f2e9"; } .ion-android-lock:before { content: "\f392"; } .ion-android-mail:before { content: "\f2eb"; } .ion-android-map:before { content: "\f393"; } .ion-android-menu:before { content: "\f394"; } .ion-android-microphone:before { content: "\f2ec"; } .ion-android-microphone-off:before { content: "\f395"; } .ion-android-more-horizontal:before { content: "\f396"; } .ion-android-more-vertical:before { content: "\f397"; } .ion-android-navigate:before { content: "\f398"; } .ion-android-notifications:before { content: "\f39b"; } .ion-android-notifications-none:before { content: "\f399"; } .ion-android-notifications-off:before { content: "\f39a"; } .ion-android-open:before { content: "\f39c"; } .ion-android-options:before { content: "\f39d"; } .ion-android-people:before { content: "\f39e"; } .ion-android-person:before { content: "\f3a0"; } .ion-android-person-add:before { content: "\f39f"; } .ion-android-phone-landscape:before { content: "\f3a1"; } .ion-android-phone-portrait:before { content: "\f3a2"; } .ion-android-pin:before { content: "\f3a3"; } .ion-android-plane:before { content: "\f3a4"; } .ion-android-playstore:before { content: "\f2f0"; } .ion-android-print:before { content: "\f3a5"; } .ion-android-radio-button-off:before { content: "\f3a6"; } .ion-android-radio-button-on:before { content: "\f3a7"; } .ion-android-refresh:before { content: "\f3a8"; } .ion-android-remove:before { content: "\f2f4"; } .ion-android-remove-circle:before { content: "\f3a9"; } .ion-android-restaurant:before { content: "\f3aa"; } .ion-android-sad:before { content: "\f3ab"; } .ion-android-search:before { content: "\f2f5"; } .ion-android-send:before { content: "\f2f6"; } .ion-android-settings:before { content: "\f2f7"; } .ion-android-share:before { content: "\f2f8"; } .ion-android-share-alt:before { content: "\f3ac"; } .ion-android-star:before { content: "\f2fc"; } .ion-android-star-half:before { content: "\f3ad"; } .ion-android-star-outline:before { content: "\f3ae"; } .ion-android-stopwatch:before { content: "\f2fd"; } .ion-android-subway:before { content: "\f3af"; } .ion-android-sunny:before { content: "\f3b0"; } .ion-android-sync:before { content: "\f3b1"; } .ion-android-textsms:before { content: "\f3b2"; } .ion-android-time:before { content: "\f3b3"; } .ion-android-train:before { content: "\f3b4"; } .ion-android-unlock:before { content: "\f3b5"; } .ion-android-upload:before { content: "\f3b6"; } .ion-android-volume-down:before { content: "\f3b7"; } .ion-android-volume-mute:before { content: "\f3b8"; } .ion-android-volume-off:before { content: "\f3b9"; } .ion-android-volume-up:before { content: "\f3ba"; } .ion-android-walk:before { content: "\f3bb"; } .ion-android-warning:before { content: "\f3bc"; } .ion-android-watch:before { content: "\f3bd"; } .ion-android-wifi:before { content: "\f305"; } .ion-aperture:before { content: "\f313"; } .ion-archive:before { content: "\f102"; } .ion-arrow-down-a:before { content: "\f103"; } .ion-arrow-down-b:before { content: "\f104"; } .ion-arrow-down-c:before { content: "\f105"; } .ion-arrow-expand:before { content: "\f25e"; } .ion-arrow-graph-down-left:before { content: "\f25f"; } .ion-arrow-graph-down-right:before { content: "\f260"; } .ion-arrow-graph-up-left:before { content: "\f261"; } .ion-arrow-graph-up-right:before { content: "\f262"; } .ion-arrow-left-a:before { content: "\f106"; } .ion-arrow-left-b:before { content: "\f107"; } .ion-arrow-left-c:before { content: "\f108"; } .ion-arrow-move:before { content: "\f263"; } .ion-arrow-resize:before { content: "\f264"; } .ion-arrow-return-left:before { content: "\f265"; } .ion-arrow-return-right:before { content: "\f266"; } .ion-arrow-right-a:before { content: "\f109"; } .ion-arrow-right-b:before { content: "\f10a"; } .ion-arrow-right-c:before { content: "\f10b"; } .ion-arrow-shrink:before { content: "\f267"; } .ion-arrow-swap:before { content: "\f268"; } .ion-arrow-up-a:before { content: "\f10c"; } .ion-arrow-up-b:before { content: "\f10d"; } .ion-arrow-up-c:before { content: "\f10e"; } .ion-asterisk:before { content: "\f314"; } .ion-at:before { content: "\f10f"; } .ion-backspace:before { content: "\f3bf"; } .ion-backspace-outline:before { content: "\f3be"; } .ion-bag:before { content: "\f110"; } .ion-battery-charging:before { content: "\f111"; } .ion-battery-empty:before { content: "\f112"; } .ion-battery-full:before { content: "\f113"; } .ion-battery-half:before { content: "\f114"; } .ion-battery-low:before { content: "\f115"; } .ion-beaker:before { content: "\f269"; } .ion-beer:before { content: "\f26a"; } .ion-bluetooth:before { content: "\f116"; } .ion-bonfire:before { content: "\f315"; } .ion-bookmark:before { content: "\f26b"; } .ion-bowtie:before { content: "\f3c0"; } .ion-briefcase:before { content: "\f26c"; } .ion-bug:before { content: "\f2be"; } .ion-calculator:before { content: "\f26d"; } .ion-calendar:before { content: "\f117"; } .ion-camera:before { content: "\f118"; } .ion-card:before { content: "\f119"; } .ion-cash:before { content: "\f316"; } .ion-chatbox:before { content: "\f11b"; } .ion-chatbox-working:before { content: "\f11a"; } .ion-chatboxes:before { content: "\f11c"; } .ion-chatbubble:before { content: "\f11e"; } .ion-chatbubble-working:before { content: "\f11d"; } .ion-chatbubbles:before { content: "\f11f"; } .ion-checkmark:before { content: "\f122"; } .ion-checkmark-circled:before { content: "\f120"; } .ion-checkmark-round:before { content: "\f121"; } .ion-chevron-down:before { content: "\f123"; } .ion-chevron-left:before { content: "\f124"; } .ion-chevron-right:before { content: "\f125"; } .ion-chevron-up:before { content: "\f126"; } .ion-clipboard:before { content: "\f127"; } .ion-clock:before { content: "\f26e"; } .ion-close:before { content: "\f12a"; } .ion-close-circled:before { content: "\f128"; } .ion-close-round:before { content: "\f129"; } .ion-closed-captioning:before { content: "\f317"; } .ion-cloud:before { content: "\f12b"; } .ion-code:before { content: "\f271"; } .ion-code-download:before { content: "\f26f"; } .ion-code-working:before { content: "\f270"; } .ion-coffee:before { content: "\f272"; } .ion-compass:before { content: "\f273"; } .ion-compose:before { content: "\f12c"; } .ion-connection-bars:before { content: "\f274"; } .ion-contrast:before { content: "\f275"; } .ion-crop:before { content: "\f3c1"; } .ion-cube:before { content: "\f318"; } .ion-disc:before { content: "\f12d"; } .ion-document:before { content: "\f12f"; } .ion-document-text:before { content: "\f12e"; } .ion-drag:before { content: "\f130"; } .ion-earth:before { content: "\f276"; } .ion-easel:before { content: "\f3c2"; } .ion-edit:before { content: "\f2bf"; } .ion-egg:before { content: "\f277"; } .ion-eject:before { content: "\f131"; } .ion-email:before { content: "\f132"; } .ion-email-unread:before { content: "\f3c3"; } .ion-erlenmeyer-flask:before { content: "\f3c5"; } .ion-erlenmeyer-flask-bubbles:before { content: "\f3c4"; } .ion-eye:before { content: "\f133"; } .ion-eye-disabled:before { content: "\f306"; } .ion-female:before { content: "\f278"; } .ion-filing:before { content: "\f134"; } .ion-film-marker:before { content: "\f135"; } .ion-fireball:before { content: "\f319"; } .ion-flag:before { content: "\f279"; } .ion-flame:before { content: "\f31a"; } .ion-flash:before { content: "\f137"; } .ion-flash-off:before { content: "\f136"; } .ion-folder:before { content: "\f139"; } .ion-fork:before { content: "\f27a"; } .ion-fork-repo:before { content: "\f2c0"; } .ion-forward:before { content: "\f13a"; } .ion-funnel:before { content: "\f31b"; } .ion-gear-a:before { content: "\f13d"; } .ion-gear-b:before { content: "\f13e"; } .ion-grid:before { content: "\f13f"; } .ion-hammer:before { content: "\f27b"; } .ion-happy:before { content: "\f31c"; } .ion-happy-outline:before { content: "\f3c6"; } .ion-headphone:before { content: "\f140"; } .ion-heart:before { content: "\f141"; } .ion-heart-broken:before { content: "\f31d"; } .ion-help:before { content: "\f143"; } .ion-help-buoy:before { content: "\f27c"; } .ion-help-circled:before { content: "\f142"; } .ion-home:before { content: "\f144"; } .ion-icecream:before { content: "\f27d"; } .ion-image:before { content: "\f147"; } .ion-images:before { content: "\f148"; } .ion-information:before { content: "\f14a"; } .ion-information-circled:before { content: "\f149"; } .ion-ionic:before { content: "\f14b"; } .ion-ios-alarm:before { content: "\f3c8"; } .ion-ios-alarm-outline:before { content: "\f3c7"; } .ion-ios-albums:before { content: "\f3ca"; } .ion-ios-albums-outline:before { content: "\f3c9"; } .ion-ios-americanfootball:before { content: "\f3cc"; } .ion-ios-americanfootball-outline:before { content: "\f3cb"; } .ion-ios-analytics:before { content: "\f3ce"; } .ion-ios-analytics-outline:before { content: "\f3cd"; } .ion-ios-arrow-back:before { content: "\f3cf"; } .ion-ios-arrow-down:before { content: "\f3d0"; } .ion-ios-arrow-forward:before { content: "\f3d1"; } .ion-ios-arrow-left:before { content: "\f3d2"; } .ion-ios-arrow-right:before { content: "\f3d3"; } .ion-ios-arrow-thin-down:before { content: "\f3d4"; } .ion-ios-arrow-thin-left:before { content: "\f3d5"; } .ion-ios-arrow-thin-right:before { content: "\f3d6"; } .ion-ios-arrow-thin-up:before { content: "\f3d7"; } .ion-ios-arrow-up:before { content: "\f3d8"; } .ion-ios-at:before { content: "\f3da"; } .ion-ios-at-outline:before { content: "\f3d9"; } .ion-ios-barcode:before { content: "\f3dc"; } .ion-ios-barcode-outline:before { content: "\f3db"; } .ion-ios-baseball:before { content: "\f3de"; } .ion-ios-baseball-outline:before { content: "\f3dd"; } .ion-ios-basketball:before { content: "\f3e0"; } .ion-ios-basketball-outline:before { content: "\f3df"; } .ion-ios-bell:before { content: "\f3e2"; } .ion-ios-bell-outline:before { content: "\f3e1"; } .ion-ios-body:before { content: "\f3e4"; } .ion-ios-body-outline:before { content: "\f3e3"; } .ion-ios-bolt:before { content: "\f3e6"; } .ion-ios-bolt-outline:before { content: "\f3e5"; } .ion-ios-book:before { content: "\f3e8"; } .ion-ios-book-outline:before { content: "\f3e7"; } .ion-ios-bookmarks:before { content: "\f3ea"; } .ion-ios-bookmarks-outline:before { content: "\f3e9"; } .ion-ios-box:before { content: "\f3ec"; } .ion-ios-box-outline:before { content: "\f3eb"; } .ion-ios-briefcase:before { content: "\f3ee"; } .ion-ios-briefcase-outline:before { content: "\f3ed"; } .ion-ios-browsers:before { content: "\f3f0"; } .ion-ios-browsers-outline:before { content: "\f3ef"; } .ion-ios-calculator:before { content: "\f3f2"; } .ion-ios-calculator-outline:before { content: "\f3f1"; } .ion-ios-calendar:before { content: "\f3f4"; } .ion-ios-calendar-outline:before { content: "\f3f3"; } .ion-ios-camera:before { content: "\f3f6"; } .ion-ios-camera-outline:before { content: "\f3f5"; } .ion-ios-cart:before { content: "\f3f8"; } .ion-ios-cart-outline:before { content: "\f3f7"; } .ion-ios-chatboxes:before { content: "\f3fa"; } .ion-ios-chatboxes-outline:before { content: "\f3f9"; } .ion-ios-chatbubble:before { content: "\f3fc"; } .ion-ios-chatbubble-outline:before { content: "\f3fb"; } .ion-ios-checkmark:before { content: "\f3ff"; } .ion-ios-checkmark-empty:before { content: "\f3fd"; } .ion-ios-checkmark-outline:before { content: "\f3fe"; } .ion-ios-circle-filled:before { content: "\f400"; } .ion-ios-circle-outline:before { content: "\f401"; } .ion-ios-clock:before { content: "\f403"; } .ion-ios-clock-outline:before { content: "\f402"; } .ion-ios-close:before { content: "\f406"; } .ion-ios-close-empty:before { content: "\f404"; } .ion-ios-close-outline:before { content: "\f405"; } .ion-ios-cloud:before { content: "\f40c"; } .ion-ios-cloud-download:before { content: "\f408"; } .ion-ios-cloud-download-outline:before { content: "\f407"; } .ion-ios-cloud-outline:before { content: "\f409"; } .ion-ios-cloud-upload:before { content: "\f40b"; } .ion-ios-cloud-upload-outline:before { content: "\f40a"; } .ion-ios-cloudy:before { content: "\f410"; } .ion-ios-cloudy-night:before { content: "\f40e"; } .ion-ios-cloudy-night-outline:before { content: "\f40d"; } .ion-ios-cloudy-outline:before { content: "\f40f"; } .ion-ios-cog:before { content: "\f412"; } .ion-ios-cog-outline:before { content: "\f411"; } .ion-ios-color-filter:before { content: "\f414"; } .ion-ios-color-filter-outline:before { content: "\f413"; } .ion-ios-color-wand:before { content: "\f416"; } .ion-ios-color-wand-outline:before { content: "\f415"; } .ion-ios-compose:before { content: "\f418"; } .ion-ios-compose-outline:before { content: "\f417"; } .ion-ios-contact:before { content: "\f41a"; } .ion-ios-contact-outline:before { content: "\f419"; } .ion-ios-copy:before { content: "\f41c"; } .ion-ios-copy-outline:before { content: "\f41b"; } .ion-ios-crop:before { content: "\f41e"; } .ion-ios-crop-strong:before { content: "\f41d"; } .ion-ios-download:before { content: "\f420"; } .ion-ios-download-outline:before { content: "\f41f"; } .ion-ios-drag:before { content: "\f421"; } .ion-ios-email:before { content: "\f423"; } .ion-ios-email-outline:before { content: "\f422"; } .ion-ios-eye:before { content: "\f425"; } .ion-ios-eye-outline:before { content: "\f424"; } .ion-ios-fastforward:before { content: "\f427"; } .ion-ios-fastforward-outline:before { content: "\f426"; } .ion-ios-filing:before { content: "\f429"; } .ion-ios-filing-outline:before { content: "\f428"; } .ion-ios-film:before { content: "\f42b"; } .ion-ios-film-outline:before { content: "\f42a"; } .ion-ios-flag:before { content: "\f42d"; } .ion-ios-flag-outline:before { content: "\f42c"; } .ion-ios-flame:before { content: "\f42f"; } .ion-ios-flame-outline:before { content: "\f42e"; } .ion-ios-flask:before { content: "\f431"; } .ion-ios-flask-outline:before { content: "\f430"; } .ion-ios-flower:before { content: "\f433"; } .ion-ios-flower-outline:before { content: "\f432"; } .ion-ios-folder:before { content: "\f435"; } .ion-ios-folder-outline:before { content: "\f434"; } .ion-ios-football:before { content: "\f437"; } .ion-ios-football-outline:before { content: "\f436"; } .ion-ios-game-controller-a:before { content: "\f439"; } .ion-ios-game-controller-a-outline:before { content: "\f438"; } .ion-ios-game-controller-b:before { content: "\f43b"; } .ion-ios-game-controller-b-outline:before { content: "\f43a"; } .ion-ios-gear:before { content: "\f43d"; } .ion-ios-gear-outline:before { content: "\f43c"; } .ion-ios-glasses:before { content: "\f43f"; } .ion-ios-glasses-outline:before { content: "\f43e"; } .ion-ios-grid-view:before { content: "\f441"; } .ion-ios-grid-view-outline:before { content: "\f440"; } .ion-ios-heart:before { content: "\f443"; } .ion-ios-heart-outline:before { content: "\f442"; } .ion-ios-help:before { content: "\f446"; } .ion-ios-help-empty:before { content: "\f444"; } .ion-ios-help-outline:before { content: "\f445"; } .ion-ios-home:before { content: "\f448"; } .ion-ios-home-outline:before { content: "\f447"; } .ion-ios-infinite:before { content: "\f44a"; } .ion-ios-infinite-outline:before { content: "\f449"; } .ion-ios-information:before { content: "\f44d"; } .ion-ios-information-empty:before { content: "\f44b"; } .ion-ios-information-outline:before { content: "\f44c"; } .ion-ios-ionic-outline:before { content: "\f44e"; } .ion-ios-keypad:before { content: "\f450"; } .ion-ios-keypad-outline:before { content: "\f44f"; } .ion-ios-lightbulb:before { content: "\f452"; } .ion-ios-lightbulb-outline:before { content: "\f451"; } .ion-ios-list:before { content: "\f454"; } .ion-ios-list-outline:before { content: "\f453"; } .ion-ios-location:before { content: "\f456"; } .ion-ios-location-outline:before { content: "\f455"; } .ion-ios-locked:before { content: "\f458"; } .ion-ios-locked-outline:before { content: "\f457"; } .ion-ios-loop:before { content: "\f45a"; } .ion-ios-loop-strong:before { content: "\f459"; } .ion-ios-medical:before { content: "\f45c"; } .ion-ios-medical-outline:before { content: "\f45b"; } .ion-ios-medkit:before { content: "\f45e"; } .ion-ios-medkit-outline:before { content: "\f45d"; } .ion-ios-mic:before { content: "\f461"; } .ion-ios-mic-off:before { content: "\f45f"; } .ion-ios-mic-outline:before { content: "\f460"; } .ion-ios-minus:before { content: "\f464"; } .ion-ios-minus-empty:before { content: "\f462"; } .ion-ios-minus-outline:before { content: "\f463"; } .ion-ios-monitor:before { content: "\f466"; } .ion-ios-monitor-outline:before { content: "\f465"; } .ion-ios-moon:before { content: "\f468"; } .ion-ios-moon-outline:before { content: "\f467"; } .ion-ios-more:before { content: "\f46a"; } .ion-ios-more-outline:before { content: "\f469"; } .ion-ios-musical-note:before { content: "\f46b"; } .ion-ios-musical-notes:before { content: "\f46c"; } .ion-ios-navigate:before { content: "\f46e"; } .ion-ios-navigate-outline:before { content: "\f46d"; } .ion-ios-nutrition:before { content: "\f470"; } .ion-ios-nutrition-outline:before { content: "\f46f"; } .ion-ios-paper:before { content: "\f472"; } .ion-ios-paper-outline:before { content: "\f471"; } .ion-ios-paperplane:before { content: "\f474"; } .ion-ios-paperplane-outline:before { content: "\f473"; } .ion-ios-partlysunny:before { content: "\f476"; } .ion-ios-partlysunny-outline:before { content: "\f475"; } .ion-ios-pause:before { content: "\f478"; } .ion-ios-pause-outline:before { content: "\f477"; } .ion-ios-paw:before { content: "\f47a"; } .ion-ios-paw-outline:before { content: "\f479"; } .ion-ios-people:before { content: "\f47c"; } .ion-ios-people-outline:before { content: "\f47b"; } .ion-ios-person:before { content: "\f47e"; } .ion-ios-person-outline:before { content: "\f47d"; } .ion-ios-personadd:before { content: "\f480"; } .ion-ios-personadd-outline:before { content: "\f47f"; } .ion-ios-photos:before { content: "\f482"; } .ion-ios-photos-outline:before { content: "\f481"; } .ion-ios-pie:before { content: "\f484"; } .ion-ios-pie-outline:before { content: "\f483"; } .ion-ios-pint:before { content: "\f486"; } .ion-ios-pint-outline:before { content: "\f485"; } .ion-ios-play:before { content: "\f488"; } .ion-ios-play-outline:before { content: "\f487"; } .ion-ios-plus:before { content: "\f48b"; } .ion-ios-plus-empty:before { content: "\f489"; } .ion-ios-plus-outline:before { content: "\f48a"; } .ion-ios-pricetag:before { content: "\f48d"; } .ion-ios-pricetag-outline:before { content: "\f48c"; } .ion-ios-pricetags:before { content: "\f48f"; } .ion-ios-pricetags-outline:before { content: "\f48e"; } .ion-ios-printer:before { content: "\f491"; } .ion-ios-printer-outline:before { content: "\f490"; } .ion-ios-pulse:before { content: "\f493"; } .ion-ios-pulse-strong:before { content: "\f492"; } .ion-ios-rainy:before { content: "\f495"; } .ion-ios-rainy-outline:before { content: "\f494"; } .ion-ios-recording:before { content: "\f497"; } .ion-ios-recording-outline:before { content: "\f496"; } .ion-ios-redo:before { content: "\f499"; } .ion-ios-redo-outline:before { content: "\f498"; } .ion-ios-refresh:before { content: "\f49c"; } .ion-ios-refresh-empty:before { content: "\f49a"; } .ion-ios-refresh-outline:before { content: "\f49b"; } .ion-ios-reload:before { content: "\f49d"; } .ion-ios-reverse-camera:before { content: "\f49f"; } .ion-ios-reverse-camera-outline:before { content: "\f49e"; } .ion-ios-rewind:before { content: "\f4a1"; } .ion-ios-rewind-outline:before { content: "\f4a0"; } .ion-ios-rose:before { content: "\f4a3"; } .ion-ios-rose-outline:before { content: "\f4a2"; } .ion-ios-search:before { content: "\f4a5"; } .ion-ios-search-strong:before { content: "\f4a4"; } .ion-ios-settings:before { content: "\f4a7"; } .ion-ios-settings-strong:before { content: "\f4a6"; } .ion-ios-shuffle:before { content: "\f4a9"; } .ion-ios-shuffle-strong:before { content: "\f4a8"; } .ion-ios-skipbackward:before { content: "\f4ab"; } .ion-ios-skipbackward-outline:before { content: "\f4aa"; } .ion-ios-skipforward:before { content: "\f4ad"; } .ion-ios-skipforward-outline:before { content: "\f4ac"; } .ion-ios-snowy:before { content: "\f4ae"; } .ion-ios-speedometer:before { content: "\f4b0"; } .ion-ios-speedometer-outline:before { content: "\f4af"; } .ion-ios-star:before { content: "\f4b3"; } .ion-ios-star-half:before { content: "\f4b1"; } .ion-ios-star-outline:before { content: "\f4b2"; } .ion-ios-stopwatch:before { content: "\f4b5"; } .ion-ios-stopwatch-outline:before { content: "\f4b4"; } .ion-ios-sunny:before { content: "\f4b7"; } .ion-ios-sunny-outline:before { content: "\f4b6"; } .ion-ios-telephone:before { content: "\f4b9"; } .ion-ios-telephone-outline:before { content: "\f4b8"; } .ion-ios-tennisball:before { content: "\f4bb"; } .ion-ios-tennisball-outline:before { content: "\f4ba"; } .ion-ios-thunderstorm:before { content: "\f4bd"; } .ion-ios-thunderstorm-outline:before { content: "\f4bc"; } .ion-ios-time:before { content: "\f4bf"; } .ion-ios-time-outline:before { content: "\f4be"; } .ion-ios-timer:before { content: "\f4c1"; } .ion-ios-timer-outline:before { content: "\f4c0"; } .ion-ios-toggle:before { content: "\f4c3"; } .ion-ios-toggle-outline:before { content: "\f4c2"; } .ion-ios-trash:before { content: "\f4c5"; } .ion-ios-trash-outline:before { content: "\f4c4"; } .ion-ios-undo:before { content: "\f4c7"; } .ion-ios-undo-outline:before { content: "\f4c6"; } .ion-ios-unlocked:before { content: "\f4c9"; } .ion-ios-unlocked-outline:before { content: "\f4c8"; } .ion-ios-upload:before { content: "\f4cb"; } .ion-ios-upload-outline:before { content: "\f4ca"; } .ion-ios-videocam:before { content: "\f4cd"; } .ion-ios-videocam-outline:before { content: "\f4cc"; } .ion-ios-volume-high:before { content: "\f4ce"; } .ion-ios-volume-low:before { content: "\f4cf"; } .ion-ios-wineglass:before { content: "\f4d1"; } .ion-ios-wineglass-outline:before { content: "\f4d0"; } .ion-ios-world:before { content: "\f4d3"; } .ion-ios-world-outline:before { content: "\f4d2"; } .ion-ipad:before { content: "\f1f9"; } .ion-iphone:before { content: "\f1fa"; } .ion-ipod:before { content: "\f1fb"; } .ion-jet:before { content: "\f295"; } .ion-key:before { content: "\f296"; } .ion-knife:before { content: "\f297"; } .ion-laptop:before { content: "\f1fc"; } .ion-leaf:before { content: "\f1fd"; } .ion-levels:before { content: "\f298"; } .ion-lightbulb:before { content: "\f299"; } .ion-link:before { content: "\f1fe"; } .ion-load-a:before { content: "\f29a"; } .ion-load-b:before { content: "\f29b"; } .ion-load-c:before { content: "\f29c"; } .ion-load-d:before { content: "\f29d"; } .ion-location:before { content: "\f1ff"; } .ion-lock-combination:before { content: "\f4d4"; } .ion-locked:before { content: "\f200"; } .ion-log-in:before { content: "\f29e"; } .ion-log-out:before { content: "\f29f"; } .ion-loop:before { content: "\f201"; } .ion-magnet:before { content: "\f2a0"; } .ion-male:before { content: "\f2a1"; } .ion-man:before { content: "\f202"; } .ion-map:before { content: "\f203"; } .ion-medkit:before { content: "\f2a2"; } .ion-merge:before { content: "\f33f"; } .ion-mic-a:before { content: "\f204"; } .ion-mic-b:before { content: "\f205"; } .ion-mic-c:before { content: "\f206"; } .ion-minus:before { content: "\f209"; } .ion-minus-circled:before { content: "\f207"; } .ion-minus-round:before { content: "\f208"; } .ion-model-s:before { content: "\f2c1"; } .ion-monitor:before { content: "\f20a"; } .ion-more:before { content: "\f20b"; } .ion-mouse:before { content: "\f340"; } .ion-music-note:before { content: "\f20c"; } .ion-navicon:before { content: "\f20e"; } .ion-navicon-round:before { content: "\f20d"; } .ion-navigate:before { content: "\f2a3"; } .ion-network:before { content: "\f341"; } .ion-no-smoking:before { content: "\f2c2"; } .ion-nuclear:before { content: "\f2a4"; } .ion-outlet:before { content: "\f342"; } .ion-paintbrush:before { content: "\f4d5"; } .ion-paintbucket:before { content: "\f4d6"; } .ion-paper-airplane:before { content: "\f2c3"; } .ion-paperclip:before { content: "\f20f"; } .ion-pause:before { content: "\f210"; } .ion-person:before { content: "\f213"; } .ion-person-add:before { content: "\f211"; } .ion-person-stalker:before { content: "\f212"; } .ion-pie-graph:before { content: "\f2a5"; } .ion-pin:before { content: "\f2a6"; } .ion-pinpoint:before { content: "\f2a7"; } .ion-pizza:before { content: "\f2a8"; } .ion-plane:before { content: "\f214"; } .ion-planet:before { content: "\f343"; } .ion-play:before { content: "\f215"; } .ion-playstation:before { content: "\f30a"; } .ion-plus:before { content: "\f218"; } .ion-plus-circled:before { content: "\f216"; } .ion-plus-round:before { content: "\f217"; } .ion-podium:before { content: "\f344"; } .ion-pound:before { content: "\f219"; } .ion-power:before { content: "\f2a9"; } .ion-pricetag:before { content: "\f2aa"; } .ion-pricetags:before { content: "\f2ab"; } .ion-printer:before { content: "\f21a"; } .ion-pull-request:before { content: "\f345"; } .ion-qr-scanner:before { content: "\f346"; } .ion-quote:before { content: "\f347"; } .ion-radio-waves:before { content: "\f2ac"; } .ion-record:before { content: "\f21b"; } .ion-refresh:before { content: "\f21c"; } .ion-reply:before { content: "\f21e"; } .ion-reply-all:before { content: "\f21d"; } .ion-ribbon-a:before { content: "\f348"; } .ion-ribbon-b:before { content: "\f349"; } .ion-sad:before { content: "\f34a"; } .ion-sad-outline:before { content: "\f4d7"; } .ion-scissors:before { content: "\f34b"; } .ion-search:before { content: "\f21f"; } .ion-settings:before { content: "\f2ad"; } .ion-share:before { content: "\f220"; } .ion-shuffle:before { content: "\f221"; } .ion-skip-backward:before { content: "\f222"; } .ion-skip-forward:before { content: "\f223"; } .ion-social-android:before { content: "\f225"; } .ion-social-android-outline:before { content: "\f224"; } .ion-social-angular:before { content: "\f4d9"; } .ion-social-angular-outline:before { content: "\f4d8"; } .ion-social-apple:before { content: "\f227"; } .ion-social-apple-outline:before { content: "\f226"; } .ion-social-bitcoin:before { content: "\f2af"; } .ion-social-bitcoin-outline:before { content: "\f2ae"; } .ion-social-buffer:before { content: "\f229"; } .ion-social-buffer-outline:before { content: "\f228"; } .ion-social-chrome:before { content: "\f4db"; } .ion-social-chrome-outline:before { content: "\f4da"; } .ion-social-codepen:before { content: "\f4dd"; } .ion-social-codepen-outline:before { content: "\f4dc"; } .ion-social-css3:before { content: "\f4df"; } .ion-social-css3-outline:before { content: "\f4de"; } .ion-social-designernews:before { content: "\f22b"; } .ion-social-designernews-outline:before { content: "\f22a"; } .ion-social-dribbble:before { content: "\f22d"; } .ion-social-dribbble-outline:before { content: "\f22c"; } .ion-social-dropbox:before { content: "\f22f"; } .ion-social-dropbox-outline:before { content: "\f22e"; } .ion-social-euro:before { content: "\f4e1"; } .ion-social-euro-outline:before { content: "\f4e0"; } .ion-social-facebook:before { content: "\f231"; } .ion-social-facebook-outline:before { content: "\f230"; } .ion-social-foursquare:before { content: "\f34d"; } .ion-social-foursquare-outline:before { content: "\f34c"; } .ion-social-freebsd-devil:before { content: "\f2c4"; } .ion-social-github:before { content: "\f233"; } .ion-social-github-outline:before { content: "\f232"; } .ion-social-google:before { content: "\f34f"; } .ion-social-google-outline:before { content: "\f34e"; } .ion-social-googleplus:before { content: "\f235"; } .ion-social-googleplus-outline:before { content: "\f234"; } .ion-social-hackernews:before { content: "\f237"; } .ion-social-hackernews-outline:before { content: "\f236"; } .ion-social-html5:before { content: "\f4e3"; } .ion-social-html5-outline:before { content: "\f4e2"; } .ion-social-instagram:before { content: "\f351"; } .ion-social-instagram-outline:before { content: "\f350"; } .ion-social-javascript:before { content: "\f4e5"; } .ion-social-javascript-outline:before { content: "\f4e4"; } .ion-social-linkedin:before { content: "\f239"; } .ion-social-linkedin-outline:before { content: "\f238"; } .ion-social-markdown:before { content: "\f4e6"; } .ion-social-nodejs:before { content: "\f4e7"; } .ion-social-octocat:before { content: "\f4e8"; } .ion-social-pinterest:before { content: "\f2b1"; } .ion-social-pinterest-outline:before { content: "\f2b0"; } .ion-social-python:before { content: "\f4e9"; } .ion-social-reddit:before { content: "\f23b"; } .ion-social-reddit-outline:before { content: "\f23a"; } .ion-social-rss:before { content: "\f23d"; } .ion-social-rss-outline:before { content: "\f23c"; } .ion-social-sass:before { content: "\f4ea"; } .ion-social-skype:before { content: "\f23f"; } .ion-social-skype-outline:before { content: "\f23e"; } .ion-social-snapchat:before { content: "\f4ec"; } .ion-social-snapchat-outline:before { content: "\f4eb"; } .ion-social-tumblr:before { content: "\f241"; } .ion-social-tumblr-outline:before { content: "\f240"; } .ion-social-tux:before { content: "\f2c5"; } .ion-social-twitch:before { content: "\f4ee"; } .ion-social-twitch-outline:before { content: "\f4ed"; } .ion-social-twitter:before { content: "\f243"; } .ion-social-twitter-outline:before { content: "\f242"; } .ion-social-usd:before { content: "\f353"; } .ion-social-usd-outline:before { content: "\f352"; } .ion-social-vimeo:before { content: "\f245"; } .ion-social-vimeo-outline:before { content: "\f244"; } .ion-social-whatsapp:before { content: "\f4f0"; } .ion-social-whatsapp-outline:before { content: "\f4ef"; } .ion-social-windows:before { content: "\f247"; } .ion-social-windows-outline:before { content: "\f246"; } .ion-social-wordpress:before { content: "\f249"; } .ion-social-wordpress-outline:before { content: "\f248"; } .ion-social-yahoo:before { content: "\f24b"; } .ion-social-yahoo-outline:before { content: "\f24a"; } .ion-social-yen:before { content: "\f4f2"; } .ion-social-yen-outline:before { content: "\f4f1"; } .ion-social-youtube:before { content: "\f24d"; } .ion-social-youtube-outline:before { content: "\f24c"; } .ion-soup-can:before { content: "\f4f4"; } .ion-soup-can-outline:before { content: "\f4f3"; } .ion-speakerphone:before { content: "\f2b2"; } .ion-speedometer:before { content: "\f2b3"; } .ion-spoon:before { content: "\f2b4"; } .ion-star:before { content: "\f24e"; } .ion-stats-bars:before { content: "\f2b5"; } .ion-steam:before { content: "\f30b"; } .ion-stop:before { content: "\f24f"; } .ion-thermometer:before { content: "\f2b6"; } .ion-thumbsdown:before { content: "\f250"; } .ion-thumbsup:before { content: "\f251"; } .ion-toggle:before { content: "\f355"; } .ion-toggle-filled:before { content: "\f354"; } .ion-transgender:before { content: "\f4f5"; } .ion-trash-a:before { content: "\f252"; } .ion-trash-b:before { content: "\f253"; } .ion-trophy:before { content: "\f356"; } .ion-tshirt:before { content: "\f4f7"; } .ion-tshirt-outline:before { content: "\f4f6"; } .ion-umbrella:before { content: "\f2b7"; } .ion-university:before { content: "\f357"; } .ion-unlocked:before { content: "\f254"; } .ion-upload:before { content: "\f255"; } .ion-usb:before { content: "\f2b8"; } .ion-videocamera:before { content: "\f256"; } .ion-volume-high:before { content: "\f257"; } .ion-volume-low:before { content: "\f258"; } .ion-volume-medium:before { content: "\f259"; } .ion-volume-mute:before { content: "\f25a"; } .ion-wand:before { content: "\f358"; } .ion-waterdrop:before { content: "\f25b"; } .ion-wifi:before { content: "\f25c"; } .ion-wineglass:before { content: "\f2b9"; } .ion-woman:before { content: "\f25d"; } .ion-wrench:before { content: "\f2ba"; } .ion-xbox:before { content: "\f30c"; } /*! * Font Awesome 4.6.2 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(../fonts/fontawesome-webfont.eot?v=4.6.2); src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.6.2) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff2?v=4.6.2) format('woff2'),url(../fonts/fontawesome-webfont.woff?v=4.6.2) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.6.2) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.6.2#fontawesomeregular) format('svg'); font-weight: 400; 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: .08em solid #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } .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; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scaleY(-1); transform: scaleY(-1); } :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 { 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-close:before, .fa-remove: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-cog:before, .fa-gear: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-repeat:before, .fa-rotate-right: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-image:before, .fa-photo: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-exclamation-triangle:before, .fa-warning: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-cogs:before, .fa-gears: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-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .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-floppy-o:before, .fa-save:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-bars:before, .fa-navicon:before, .fa-reorder: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-sort:before, .fa-unsorted:before { content: "\f0dc"; } .fa-sort-desc:before, .fa-sort-down:before { content: "\f0dd"; } .fa-sort-asc:before, .fa-sort-up:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-gavel:before, .fa-legal:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-bolt:before, .fa-flash:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-clipboard:before, .fa-paste: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-chain-broken:before, .fa-unlink: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-caret-square-o-down:before, .fa-toggle-down:before { content: "\f150"; } .fa-caret-square-o-up:before, .fa-toggle-up:before { content: "\f151"; } .fa-caret-square-o-right:before, .fa-toggle-right:before { content: "\f152"; } .fa-eur:before, .fa-euro:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-inr:before, .fa-rupee:before { content: "\f156"; } .fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before { content: "\f157"; } .fa-rouble:before, .fa-rub:before, .fa-ruble:before { content: "\f158"; } .fa-krw:before, .fa-won: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, .fa-gratipay: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-caret-square-o-left:before, .fa-toggle-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-try:before, .fa-turkish-lira: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-bank:before, .fa-institution:before, .fa-university:before { content: "\f19c"; } .fa-graduation-cap:before, .fa-mortar-board: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-pp: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-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before { content: "\f1c5"; } .fa-file-archive-o:before, .fa-file-zip-o:before { content: "\f1c6"; } .fa-file-audio-o:before, .fa-file-sound-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-ring:before, .fa-life-saver:before, .fa-support:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before, .fa-resistance:before { content: "\f1d0"; } .fa-empire:before, .fa-ge:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-paper-plane:before, .fa-send:before { content: "\f1d8"; } .fa-paper-plane-o:before, .fa-send-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-futbol-o:before, .fa-soccer-ball-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-ils:before, .fa-shekel:before, .fa-sheqel:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-bed:before, .fa-hotel:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-y-combinator:before, .fa-yc:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-paper-o:before, .fa-hand-stop-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-television:before, .fa-tv:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before { content: "\f2a3"; } .fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-sign-language:before, .fa-signing:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .morphext > .animated { display: inline-block; } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translateZ(0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } .owl-height { transition: height .5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: scale .1s ease; } .owl-carousel .owl-video-play-icon:hover { transition: scale(1.3,1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: 50%; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: .5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translateZ(0); transform: translateZ(0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform,height; transition-property: transform,height; } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: 50%; background-repeat: no-repeat; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E"); left: 10px; right: auto; } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E"); } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E"); } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E"); right: 10px; left: auto; } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E"); } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; transition: .3s; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .swiper-pagination-progress { background: rgba(0,0,0,.25); position: absolute; } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-progress.swiper-pagination-white { background: hsla(0,0%,100%,.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; } .swiper-container-3d { -webkit-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent)); background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),transparent); background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent)); background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),transparent); background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent)); background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent); background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent)); background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),transparent); background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent); } .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px; } .swiper-container-cube, .swiper-container-flip { overflow: visible; } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: tp-rotate 1s steps(12,end) infinite; animation: tp-rotate 1s steps(12,end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E"); } @keyframes swiper-preloader-spin { to { transform: rotate(1turn); } } @font-face { font-family: revicons; src: url(../fonts/revicons/revicons90c6.eot?5510888); src: url(../fonts/revicons/revicons90c6.eot?5510888#iefix) format('embedded-opentype'),url(../fonts/revicons/revicons90c6.woff?5510888) format('woff'),url(../fonts/revicons/revicons90c6.ttf?5510888) format('truetype'),url(../fonts/revicons/revicons90c6.svg?5510888#revicons) format('svg'); font-weight: 400; font-style: normal; } [class*=" revicon-"]:before, [class^=revicon-]:before { font-family: revicons; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; } .revicon-search-1:before { content: '\e802'; } .revicon-pencil-1:before { content: '\e831'; } .revicon-picture-1:before { content: '\e803'; } .revicon-cancel:before { content: '\e80a'; } .revicon-info-circled:before { content: '\e80f'; } .revicon-trash:before { content: '\e801'; } .revicon-left-dir:before { content: '\e817'; } .revicon-right-dir:before { content: '\e818'; } .revicon-down-open:before { content: '\e83b'; } .revicon-left-open:before { content: '\e819'; } .revicon-right-open:before { content: '\e81a'; } .revicon-angle-left:before { content: '\e820'; } .revicon-angle-right:before { content: '\e81d'; } .revicon-left-big:before { content: '\e81f'; } .revicon-right-big:before { content: '\e81e'; } .revicon-magic:before { content: '\e807'; } .revicon-picture:before { content: '\e800'; } .revicon-export:before { content: '\e80b'; } .revicon-cog:before { content: '\e832'; } .revicon-login:before { content: '\e833'; } .revicon-logout:before { content: '\e834'; } .revicon-video:before { content: '\e805'; } .revicon-arrow-combo:before { content: '\e827'; } .revicon-left-open-1:before { content: '\e82a'; } .revicon-right-open-1:before { content: '\e82b'; } .revicon-left-open-mini:before { content: '\e822'; } .revicon-right-open-mini:before { content: '\e823'; } .revicon-left-open-big:before { content: '\e824'; } .revicon-right-open-big:before { content: '\e825'; } .revicon-left:before { content: '\e836'; } .revicon-right:before { content: '\e826'; } .revicon-ccw:before { content: '\e808'; } .revicon-arrows-ccw:before { content: '\e806'; } .revicon-palette:before { content: '\e829'; } .revicon-list-add:before { content: '\e80c'; } .revicon-doc:before { content: '\e809'; } .revicon-left-open-outline:before { content: '\e82e'; } .revicon-left-open-2:before { content: '\e82c'; } .revicon-right-open-outline:before { content: '\e82f'; } .revicon-right-open-2:before { content: '\e82d'; } .revicon-equalizer:before { content: '\e83a'; } .revicon-layers-alt:before { content: '\e804'; } .revicon-popup:before { content: '\e828'; } .rev_slider_wrapper { position: relative; z-index: 0; } .rev_slider { position: relative; overflow: visible; } .tp-overflow-hidden { overflow: hidden; } .rev_slider img, .tp-simpleresponsive img { max-width: none !important; -webkit-transition: none; transition: none; margin: 0; padding: 0; border-width: 0; border: none; } .rev_slider .no-slides-text { font-weight: 700; text-align: center; padding-top: 80px; } .rev_slider > ul, .rev_slider > ul > li, .rev_slider > ul > li:before, .rev_slider_wrapper > ul, .tp-revslider-mainul > li, .tp-revslider-mainul > li:before, .tp-simpleresponsive > ul, .tp-simpleresponsive > ul > li, .tp-simpleresponsive > ul > li:before { list-style: none !important; position: absolute; margin: 0 !important; padding: 0 !important; overflow-x: visible; overflow-y: visible; list-style-type: none !important; background-image: none; background-position: 0 0; text-indent: 0; top: 0; left: 0; } .rev_slider > ul > li, .rev_slider > ul > li:before, .tp-revslider-mainul > li, .tp-revslider-mainul > li:before, .tp-simpleresponsive > ul > li, .tp-simpleresponsive > ul > li:before { visibility: hidden; } .tp-revslider-mainul, .tp-revslider-slidesli { padding: 0 !important; margin: 0 !important; list-style: none !important; } .rev_slider li.tp-revslider-slidesli { position: absolute !important; } .tp-caption .rs-untoggled-content { display: block; } .tp-caption .rs-toggled-content { display: none; } .rs-toggle-content-active.tp-caption .rs-toggled-content { display: block; } .rs-toggle-content-active.tp-caption .rs-untoggled-content { display: none; } .rev_slider .caption, .rev_slider .tp-caption { position: relative; visibility: hidden; white-space: nowrap; display: block; } .rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap :last-child, .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, .wpb_text_column .rev_slider .tp-mask-wrap :last-child { margin-bottom: 0; } .tp-carousel-wrapper { cursor: url(openhand.123),move; } .tp-carousel-wrapper.dragged { cursor: url(closedhand.123),move; } .tp-caption { z-index: 1; } .tp_inner_padding { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; max-height: none !important; } .tp-caption { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; position: absolute; -webkit-font-smoothing: antialiased !important; } .tp-caption.tp-layer-selectable { -moz-user-select: all; -khtml-user-select: all; -webkit-user-select: all; -o-user-select: all; } .tp-caption.tp-hidden-caption, .tp-forcenotvisible, .tp-hide-revslider { visibility: hidden !important; display: none !important; } .rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider video { max-width: none !important; } .rev_slider_wrapper { width: 100%; } .fullscreen-container, .fullwidthbanner-container { position: relative; padding: 0; } .fullwidthbanner-container { overflow: hidden; } .fullwidthbanner-container .fullwidthabanner { width: 100%; position: relative; } .tp-static-layers { position: absolute; z-index: 505; top: 0; left: 0; } .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0 solid transparent; border-top: 40px solid #00a8ff; position: absolute; left: -40px; top: 0; } .tp-caption .backcorner { border-left: 0 solid transparent; border-right: 40px solid transparent; right: 0; } .tp-caption .backcorner, .tp-caption .frontcornertop { width: 0; height: 0; border-bottom: 40px solid #00a8ff; position: absolute; top: 0; } .tp-caption .frontcornertop { border-left: 40px solid transparent; border-right: 0 solid transparent; left: -40px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0 solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00a8ff; position: absolute; right: 0; top: 0; } .tp-layer-inner-rotation { position: relative !important; } img.tp-slider-alternative-image { width: 100%; height: auto; } .noFilterClass { filter: none !important; } .rs-background-video-layer { visibility: hidden; z-index: 0; } .caption.fullscreenvideo, .rs-background-video-layer, .tp-caption.coverscreenvideo, .tp-caption.fullscreenvideo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .caption.fullscreenvideo iframe, .caption.fullscreenvideo video, .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width: 100% !important; height: 100% !important; display: none; } .fullcoveredvideo video, .fullscreenvideo video { background: #000; } .fullcoveredvideo .tp-poster { background-position: 50%; background-size: cover; width: 100%; height: 100%; top: 0; left: 0; } .videoisplaying .html5vid .tp-poster { display: none; } .tp-video-play-button { background: #000; background: rgba(0,0,0,.3); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: absolute; top: 50%; left: 50%; color: #fff; z-index: 3; margin-top: -25px; margin-left: -25px; line-height: 50px !important; text-align: center; cursor: pointer; width: 50px; height: 50px; box-sizing: border-box; -moz-box-sizing: border-box; display: inline-block; vertical-align: top; z-index: 4; opacity: 0; -webkit-transition: opacity .3s ease-out !important; transition: opacity .3s ease-out !important; } .tp-caption .html5vid { width: 100% !important; height: 100% !important; } .tp-video-play-button i { width: 50px; height: 50px; display: inline-block; text-align: center; vertical-align: top; line-height: 50px !important; font-size: 40px !important; } .tp-caption:hover .tp-video-play-button { opacity: 1; } .tp-caption .tp-revstop { display: none; border-left: 5px solid #fff !important; border-right: 5px solid #fff !important; margin-top: 15px !important; line-height: 20px !important; vertical-align: top; font-size: 25px !important; } .videoisplaying .revicon-right-dir { display: none; } .videoisplaying .tp-revstop { display: inline-block; } .videoisplaying .tp-video-play-button { display: none; } .tp-caption:hover .tp-video-play-button { display: block; } .fullcoveredvideo .tp-video-play-button { display: none !important; } .fullscreenvideo .fullscreenvideo video { object-fit: contain !important; } .fullscreenvideo .fullcoveredvideo video { object-fit: cover !important; } .tp-video-controls { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; background-image: linear-gradient(bottom,#000 13%,#323232); background-image: -webkit-linear-gradient(bottom,#000 13%,#323232); background-image: -ms-linear-gradient(bottom,#000 13%,#323232 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(.13,#000),color-stop(1,#323232)); display: table; max-width: 100%; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .tp-caption:hover .tp-video-controls { opacity: .9; } .tp-video-button { background: rgba(0,0,0,.5); border: 0; color: #eee; border-radius: 3px; cursor: pointer; line-height: 12px; font-size: 12px; color: #fff; padding: 0; margin: 0; outline: none; } .tp-video-button:hover { cursor: pointer; } .tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap { padding: 0 5px; display: table-cell; } .tp-video-seek-bar-wrap { width: 80%; } .tp-video-vol-bar-wrap { width: 20%; } .tp-seek-bar, .tp-volume-bar { width: 100%; cursor: pointer; outline: none; line-height: 12px; margin: 0; padding: 0; } .rs-fullvideo-cover { width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: transparent; z-index: 5; } .rs-background-video-layer video::-webkit-media-controls { display: none !important; } .tp-dottedoverlay { background-repeat: repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; } .tp-dottedoverlay.twoxtwo { background: url(../assets/gridtile.png); } .tp-dottedoverlay.twoxtwowhite { background: url(../assets/gridtile_white.png); } .tp-dottedoverlay.threexthree { background: url(../assets/gridtile_3x3.png); } .tp-dottedoverlay.threexthreewhite { background: url(../assets/gridtile_3x3_white.png); } .tp-shadowcover { width: 100%; height: 100%; top: 0; left: 0; background: #fff; position: absolute; z-index: -1; } .tp-shadow1 { box-shadow: 0 10px 6px -6px rgba(0,0,0,.8); } .tp-shadow2:after, .tp-shadow2:before, .tp-shadow3:before, .tp-shadow4:after { z-index: -2; position: absolute; content: ""; bottom: 10px; left: 10px; width: 50%; top: 85%; max-width: 300px; background: transparent; box-shadow: 0 15px 10px rgba(0,0,0,.8); -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } .tp-shadow2:after, .tp-shadow4:after { -webkit-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; } .tp-shadow5 { position: relative; box-shadow: 0 1px 4px rgba(0,0,0,.3),inset 0 0 40px rgba(0,0,0,.1); } .tp-shadow5:after, .tp-shadow5:before { content: ""; position: absolute; z-index: -2; box-shadow: 0 0 25px 0 rgba(0,0,0,.6); top: 30%; bottom: 0; left: 20px; right: 20px; border-radius: 100px/20px; } .tp-button { padding: 6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 30px; cursor: pointer; color: #fff !important; text-shadow: 0 1px 1px rgba(0,0,0,.6) !important; font-size: 15px; line-height: 45px !important; font-family: arial,sans-serif; font-weight: 700; letter-spacing: -1px; text-decoration: none; } .tp-button.big { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.6); font-weight: 700; padding: 9px 20px; font-size: 19px; line-height: 57px !important; } .purchase:hover, .tp-button.big:hover, .tp-button:hover { background-position: bottom,15px 11px; } .purchase.green, .purchase:hover.green, .tp-button.green, .tp-button:hover.green { background-color: #21a117; box-shadow: 0 3px 0 0 #104d0b; } .purchase.blue, .purchase:hover.blue, .tp-button.blue, .tp-button:hover.blue { background-color: #1d78cb; box-shadow: 0 3px 0 0 #0f3e68; } .purchase.red, .purchase:hover.red, .tp-button.red, .tp-button:hover.red { background-color: #cb1d1d; box-shadow: 0 3px 0 0 #7c1212; } .purchase.orange, .purchase:hover.orange, .tp-button.orange, .tp-button:hover.orange { background-color: #f70; box-shadow: 0 3px 0 0 #a34c00; } .purchase.darkgrey, .purchase:hover.darkgrey, .tp-button.darkgrey, .tp-button.grey, .tp-button:hover.darkgrey, .tp-button:hover.grey { background-color: #555; box-shadow: 0 3px 0 0 #222; } .purchase.lightgrey, .purchase:hover.lightgrey, .tp-button.lightgrey, .tp-button:hover.lightgrey { background-color: #888; box-shadow: 0 3px 0 0 #555; } .rev-btn, .rev-btn:visited { outline: none !important; box-shadow: none !important; text-decoration: none !important; line-height: 44px; font-size: 17px; font-weight: 500; padding: 12px 35px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: Roboto,sans-serif; cursor: pointer; } .rev-btn.rev-uppercase, .rev-btn.rev-uppercase:visited { text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 900; } .rev-btn.rev-withicon i { margin-left: 10px !important; } .rev-btn.rev-hiddenicon i, .rev-btn.rev-withicon i { font-size: 15px; font-weight: 400; position: relative; top: 0; -webkit-transition: all .2s ease-out !important; -moz-transition: all .2s ease-out !important; -o-transition: all .2s ease-out !important; -ms-transition: all .2s ease-out !important; } .rev-btn.rev-hiddenicon i { opacity: 0; margin-left: 0 !important; width: 0 !important; } .rev-btn.rev-hiddenicon:hover i { opacity: 1 !important; margin-left: 10px !important; width: auto !important; } .rev-btn.rev-medium, .rev-btn.rev-medium:visited { line-height: 36px; font-size: 14px; padding: 10px 30px; } .rev-btn.rev-medium.rev-hiddenicon i, .rev-btn.rev-medium.rev-withicon i { font-size: 14px; top: 0; } .rev-btn.rev-small, .rev-btn.rev-small:visited { line-height: 28px; font-size: 12px; padding: 7px 20px; } .rev-btn.rev-small.rev-hiddenicon i, .rev-btn.rev-small.rev-withicon i { font-size: 12px; top: 0; } .rev-maxround { border-radius: 30px; } .rev-minround { border-radius: 3px; } .rev-burger { position: relative; width: 60px; height: 60px; box-sizing: border-box; padding: 22px 0 0 14px; border-radius: 50%; border: 1px solid rgba(51,51,51,.25); tap-highlight-color: transparent; cursor: pointer; } .rev-burger span { display: block; width: 30px; height: 3px; background: #333; transition: .7s; pointer-events: none; transform-style: flat !important; } .rev-burger span:nth-child(2) { margin: 3px 0; } #dialog_addbutton .rev-burger:hover :first-child, .open.rev-burger :first-child, .open .rev-burger :first-child { transform: translateY(6px) rotate(-45deg); -webkit-transform: translateY(6px) rotate(-45deg); } #dialog_addbutton .rev-burger:hover :nth-child(2), .open.rev-burger :nth-child(2), .open .rev-burger :nth-child(2) { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); opacity: 0; } #dialog_addbutton .rev-burger:hover :last-child, .open.rev-burger :last-child, .open .rev-burger :last-child { transform: translateY(-6px) rotate(-135deg); -webkit-transform: translateY(-6px) rotate(-135deg); } .rev-burger.revb-white { border: 2px solid hsla(0,0%,100%,.2); } .rev-burger.revb-white span { background: #fff; } .rev-burger.revb-whitenoborder { border: 0; } .rev-burger.revb-whitenoborder span { background: #fff; } .rev-burger.revb-darknoborder { border: 0; } .rev-burger.revb-darknoborder span { background: #333; } .rev-burger.revb-whitefull { background: #fff; border: none; } .rev-burger.revb-whitefull span { background: #333; } .rev-burger.revb-darkfull { background: #333; border: none; } .rev-burger.revb-darkfull span { background: #fff; } @-webkit-keyframes rev-ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } to { opacity: 0; top: 29%; } } @keyframes rev-ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } to { opacity: 0; top: 29%; } } .rev-scroll-btn { display: inline-block; position: relative; left: 0; right: 0; text-align: center; cursor: pointer; width: 35px; height: 55px; box-sizing: border-box; border: 3px solid #fff; border-radius: 23px; } .rev-scroll-btn > * { display: inline-block; line-height: 18px; font-size: 13px; font-weight: 400; color: #7f8c8d; color: #fff; font-family: proxima-nova,Helvetica Neue,Helvetica,Arial,sans-serif; letter-spacing: 2px; } .rev-scroll-btn > .active, .rev-scroll-btn > :focus, .rev-scroll-btn > :hover { color: #fff; } .rev-scroll-btn > .active, .rev-scroll-btn > :active, .rev-scroll-btn > :focus, .rev-scroll-btn > :hover { filter: alpha(opacity=80); } .rev-scroll-btn.revs-fullwhite { background: #fff; } .rev-scroll-btn.revs-fullwhite span { background: #333; } .rev-scroll-btn.revs-fulldark { background: #333; border: none; } .rev-scroll-btn.revs-fulldark span { background: #fff; } .rev-scroll-btn span { position: absolute; display: block; top: 29%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #fff; border-radius: 50%; -webkit-animation: rev-ani-mouse 2.5s linear infinite; animation: rev-ani-mouse 2.5s linear infinite; } .rev-scroll-btn.revs-dark { border-color: #333; } .rev-scroll-btn.revs-dark span { background: #333; } .rev-control-btn { position: relative; display: inline-block; z-index: 5; color: #fff; font-size: 20px; line-height: 60px; font-weight: 400; font-style: normal; font-family: Raleway; text-decoration: none; text-align: center; background-color: #000; border-radius: 50px; text-shadow: none; background-color: rgba(0,0,0,.5); width: 60px; height: 60px; box-sizing: border-box; cursor: pointer; } .rev-cbutton-dark-sr { border-radius: 3px; } .rev-cbutton-light, .rev-cbutton-light-sr { color: #333; background-color: hsla(0,0%,100%,.75); } .rev-cbutton-light-sr { border-radius: 3px; } .rev-sbutton { line-height: 37px; width: 37px; height: 37px; } .rev-sbutton-blue { background-color: #3b5998; } .rev-sbutton-lightblue { background-color: #00a0d1; } .rev-sbutton-red { background-color: #dd4b39; } .tp-bannertimer { visibility: hidden; width: 100%; height: 5px; background: #fff; background: rgba(0,0,0,.15); position: absolute; z-index: 200; top: 0; } .tp-bannertimer.tp-bottom { top: auto; bottom: 0 !important; height: 5px; } .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } .caption.slidelink a div, .tp-caption.slidelink a div { width: 3000px; height: 1500px; background: url(../assets/coloredbg.png) repeat; } .tp-caption.slidelink a span { background: url(../assets/coloredbg.png) repeat; } .tp-shape { width: 100%; height: 100%; } .tp-caption .rs-starring { display: inline-block; } .tp-caption .rs-starring .star-rating { float: none; color: #ffc321 !important; display: inline-block; vertical-align: top; } .tp-caption .rs-starring-page .star-rating, .tp-caption .rs-starring .star-rating { position: relative; height: 1em; width: 5.4em; font-family: star; } .tp-caption .rs-starring-page .star-rating:before, .tp-caption .rs-starring .star-rating:before { content: "\73\73\73\73\73"; color: #e0dadf; float: left; top: 0; left: 0; position: absolute; } .tp-caption .rs-starring .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; font-size: 1em !important; } .tp-caption .rs-starring .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; } .tp-caption .rs-starring .star-rating { color: #ffc321 !important; } .tp-caption .rs-starring-page .star-rating, .tp-caption .rs-starring .star-rating { font-size: 1em !important; font-family: star; } .tp-loader { top: 50%; left: 50%; z-index: 10000; position: absolute; } .tp-loader.spinner0 { background-color: #fff; background: url(../assets/loader.gif) no-repeat 50%; } .tp-loader.spinner0, .tp-loader.spinner1 { width: 40px; height: 40px; box-shadow: 0 0 20px 0 rgba(0,0,0,.15); -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.15); margin-top: -20px; margin-left: -20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { background-color: #fff; } .tp-loader.spinner5 { background: url(../assets/loader.gif) no-repeat 10px 10px; background-color: #fff; margin: -22px; width: 44px; height: 44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } to { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } to { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; background-color: red; box-shadow: 0 0 20px 0 rgba(0,0,0,.15); -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.15); border-radius: 100%; -webkit-animation: tp-scaleout 1s infinite ease-in-out; animation: tp-scaleout 1s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0); } to { -webkit-transform: scale(1); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0); -webkit-transform: scale(0); } to { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0 0 -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,.15); -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -.32s; animation-delay: -.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -.16s; animation-delay: -.16s; } @-webkit-keyframes tp-bouncedelay { 0%,80%,to { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes tp-bouncedelay { 0%,80%,to { transform: scale(0); } 40% { transform: scale(1); } } .tp-loader.spinner4 { margin: -20px 0 0 -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2s infinite linear; animation: tp-rotate 2s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2s infinite ease-in-out; animation: tp-bounce 2s infinite ease-in-out; box-shadow: 0 0 20px 0 rgba(0,0,0,.15); -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes tp-rotate { to { -webkit-transform: rotate(1turn); } } @keyframes tp-rotate { to { transform: rotate(1turn); -webkit-transform: rotate(1turn); } } @-webkit-keyframes tp-bounce { 0%,to { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes tp-bounce { 0%,to { transform: scale(0); } 50% { transform: scale(1); } } .tp-bullets.navbar, .tp-tabs.navbar, .tp-thumbs.navbar { border: none; min-height: 0; margin: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .tp-bullets, .tp-tabs, .tp-thumbs { position: absolute; display: block; z-index: 1000; top: 0; left: 0; } .tp-tab, .tp-thumb { cursor: pointer; position: absolute; opacity: .5; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .tp-arr-imgholder, .tp-tab-image, .tp-thumb-image, .tp-videoposter { background-position: 50%; background-size: cover; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; } .tp-tab.selected, .tp-tab:hover, .tp-thumb.selected, .tp-thumb:hover { opacity: 1; } .tp-tab-mask, .tp-thumb-mask { box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; } .tp-tabs, .tp-thumbs { box-sizing: content-box !important; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; } .tp-bullet { width: 15px; height: 15px; position: absolute; background: #fff; background: hsla(0,0%,100%,.3); cursor: pointer; } .tp-bullet.selected, .tp-bullet:hover { background: #fff; } .tp-bannertimer { background: #000; background: rgba(0,0,0,.15); height: 5px; } .tparrows { cursor: pointer; background: #000; background: rgba(0,0,0,.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 1000; } .tparrows:hover { background: #000; } .tparrows:before { font-family: revicons; font-size: 15px; color: #fff; display: block; line-height: 40px; text-align: center; } .tparrows.tp-leftarrow:before { content: '\e824'; } .tparrows.tp-rightarrow:before { content: '\e825'; } .dddwrappershadow { box-shadow: 0 45px 100px rgba(0,0,0,.4); } .hglayerinfo { position: fixed; bottom: 0; left: 0; color: #fff; line-height: 20px; background: rgba(0,0,0,.75); padding: 5px 10px; z-index: 2000; white-space: normal; } .hginfo, .hglayerinfo { font-size: 12px; font-weight: 600; } .hginfo { position: absolute; top: -2px; left: -2px; color: #e74c3c; background: #000; padding: 2px 5px; } .indebugmode .tp-caption:hover { border: 1px dashed #c0392b !important; } .helpgrid { border: 2px dashed #c0392b; position: absolute; top: 0; peft: 0; z-index: 0; } #revsliderlogloglog { padding: 15px; color: #fff; position: fixed; top: 0; left: 0; width: 200px; height: 150px; background: rgba(0,0,0,.7); z-index: 100000; font-size: 10px; overflow: scroll; } .medium_grey, .tp-caption.medium_grey { background-color: #888; font-size: 20px; padding: 2px 4px; } .medium_grey, .small_text, .tp-caption.medium_grey, .tp-caption.small_text { border-style: none; border-width: 0; color: #fff; font-family: Arial; font-weight: 700; line-height: 20px; margin: 0; position: absolute; text-shadow: 0 2px 5px rgba(0,0,0,.5); white-space: nowrap; } .small_text, .tp-caption.small_text { font-size: 14px; } .medium_text, .tp-caption.medium_text { font-size: 20px; line-height: 20px; } .large_text, .medium_text, .tp-caption.large_text, .tp-caption.medium_text { border-style: none; border-width: 0; color: #fff; font-family: Arial; font-weight: 700; margin: 0; position: absolute; text-shadow: 0 2px 5px rgba(0,0,0,.5); white-space: nowrap; } .large_text, .tp-caption.large_text { font-size: 40px; line-height: 40px; } .tp-caption.very_large_text, .very_large_text { border-style: none; border-width: 0; color: #fff; font-family: Arial; font-size: 60px; font-weight: 700; letter-spacing: -2px; line-height: 60px; margin: 0; position: absolute; text-shadow: 0 2px 5px rgba(0,0,0,.5); white-space: nowrap; } .tp-caption.very_big_white, .very_big_white { background-color: #000; color: #fff; font-weight: 800; } .tp-caption.very_big_black, .tp-caption.very_big_white, .very_big_black, .very_big_white { border-style: none; border-width: 0; font-family: Arial; font-size: 60px; line-height: 60px; margin: 0; padding: 1px 4px 0; position: absolute; text-shadow: none; white-space: nowrap; } .tp-caption.very_big_black, .very_big_black { background-color: #fff; color: #000; font-weight: 700; } .modern_medium_fat, .tp-caption.modern_medium_fat { color: #000; } .modern_medium_fat, .modern_medium_fat_white, .tp-caption.modern_medium_fat, .tp-caption.modern_medium_fat_white { border-style: none; border-width: 0; font-family: Open Sans,sans-serif; font-size: 24px; font-weight: 800; line-height: 20px; margin: 0; position: absolute; text-shadow: none; white-space: nowrap; } .modern_medium_fat_white, .tp-caption.modern_medium_fat_white { color: #fff; } .modern_medium_light, .tp-caption.modern_medium_light { border-style: none; border-width: 0; color: #000; font-family: Open Sans,sans-serif; font-size: 24px; font-weight: 300; line-height: 20px; margin: 0; position: absolute; text-shadow: none; white-space: nowrap; } .modern_big_bluebg, .tp-caption.modern_big_bluebg { background-color: #4e5b6c; font-weight: 800; padding: 3px 10px; } .modern_big_bluebg, .modern_big_redbg, .tp-caption.modern_big_bluebg, .tp-caption.modern_big_redbg { border-style: none; border-width: 0; color: #fff; font-family: Open Sans,sans-serif; font-size: 30px; letter-spacing: 0; line-height: 36px; margin: 0; position: absolute; text-shadow: none; } .modern_big_redbg, .tp-caption.modern_big_redbg { background-color: #de543e; font-weight: 300; padding: 1px 10px 3px; } .modern_small_text_dark, .tp-caption.modern_small_text_dark { border-style: none; border-width: 0; color: #555; font-family: Arial; font-size: 14px; line-height: 22px; margin: 0; position: absolute; text-shadow: none; white-space: nowrap; } .boxshadow, .tp-caption.boxshadow { box-shadow: 0 0 20px rgba(0,0,0,.5); } .black, .tp-caption.black { color: #000; text-shadow: none; } .noshadow, .tp-caption.noshadow { text-shadow: none; } .thinheadline_dark, .tp-caption.thinheadline_dark { font-size: 30px; line-height: 30px; } .thinheadline_dark, .thintext_dark, .tp-caption.thinheadline_dark, .tp-caption.thintext_dark { background-color: transparent; color: rgba(0,0,0,.85); font-family: Open Sans; font-weight: 300; position: absolute; text-shadow: none; } .thintext_dark, .tp-caption.thintext_dark { font-size: 16px; line-height: 26px; } .largeblackbg, .tp-caption.largeblackbg { background-color: #000; } .largeblackbg, .largepinkbg, .tp-caption.largeblackbg, .tp-caption.largepinkbg { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #fff; font-family: Open Sans; font-size: 50px; font-weight: 300; line-height: 70px; padding: 0 20px; position: absolute; text-shadow: none; } .largepinkbg, .tp-caption.largepinkbg { background-color: #db4360; } .largewhitebg, .tp-caption.largewhitebg { background-color: #fff; color: #000; } .largegreenbg, .largewhitebg, .tp-caption.largegreenbg, .tp-caption.largewhitebg { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-family: Open Sans; font-size: 50px; font-weight: 300; line-height: 70px; padding: 0 20px; position: absolute; text-shadow: none; } .largegreenbg, .tp-caption.largegreenbg { background-color: #67ae73; color: #fff; } .excerpt, .tp-caption.excerpt { background-color: #000; border: 0 none #fff; color: #fff; font-family: Arial; font-size: 36px; font-weight: 700; height: auto; letter-spacing: -1.5px; line-height: 36px; margin: 0; padding: 1px 4px 0; text-decoration: none; text-shadow: none; white-space: normal !important; width: 150px; } .large_bold_grey, .tp-caption.large_bold_grey { font-size: 60px; font-weight: 800; line-height: 60px; } .large_bold_grey, .medium_thin_grey, .tp-caption.large_bold_grey, .tp-caption.medium_thin_grey { background-color: transparent; border: 0 none #ffd658; color: #666; font-family: Open Sans; margin: 0; padding: 1px 4px 0; text-decoration: none; text-shadow: none; } .medium_thin_grey, .tp-caption.medium_thin_grey { font-size: 34px; font-weight: 300; line-height: 30px; } .small_thin_grey, .tp-caption.small_thin_grey { background-color: transparent; border: 0 none #ffd658; color: #757575; font-family: Open Sans; font-size: 18px; font-weight: 300; line-height: 26px; margin: 0; padding: 1px 4px 0; text-decoration: none; text-shadow: none; } .lightgrey_divider, .tp-caption.lightgrey_divider { background-color: #ebebeb; background-position: initial initial; background-repeat: initial initial; border: 0 none #222; height: 3px; text-decoration: none; width: 370px; } .large_bold_darkblue, .tp-caption.large_bold_darkblue { background-color: transparent; border: 0 none #ffd658; color: #34495e; font-family: Open Sans; font-size: 58px; font-weight: 800; line-height: 60px; text-decoration: none; } .medium_bg_darkblue, .tp-caption.medium_bg_darkblue { background-color: #34495e; border: 0 none #ffd658; color: #fff; font-family: Open Sans; font-size: 20px; font-weight: 800; line-height: 20px; padding: 10px; text-decoration: none; } .medium_bold_red, .tp-caption.medium_bold_red { font-size: 24px; font-weight: 800; line-height: 30px; } .medium_bold_red, .medium_light_red, .tp-caption.medium_bold_red, .tp-caption.medium_light_red { background-color: transparent; border: 0 none #ffd658; color: #e33a0c; font-family: Open Sans; padding: 0; text-decoration: none; } .medium_light_red, .tp-caption.medium_light_red { font-size: 21px; font-weight: 300; line-height: 26px; } .medium_bg_red, .tp-caption.medium_bg_red { background-color: #e33a0c; border: 0 none #ffd658; color: #fff; font-family: Open Sans; font-size: 20px; font-weight: 800; line-height: 20px; padding: 10px; text-decoration: none; } .medium_bold_orange, .tp-caption.medium_bold_orange { background-color: transparent; border: 0 none #ffd658; color: #f39c12; font-family: Open Sans; font-size: 24px; font-weight: 800; line-height: 30px; text-decoration: none; } .medium_bg_orange, .tp-caption.medium_bg_orange { background-color: #f39c12; border: 0 none #ffd658; color: #fff; font-family: Open Sans; font-size: 20px; font-weight: 800; line-height: 20px; padding: 10px; text-decoration: none; } .grassfloor, .tp-caption.grassfloor { background-color: #a0b397; border: 0 none #222; height: 150px; text-decoration: none; width: 4000px; } .large_bold_white, .tp-caption.large_bold_white { font-size: 58px; font-weight: 800; line-height: 60px; } .large_bold_white, .medium_light_white, .tp-caption.large_bold_white, .tp-caption.medium_light_white { background-color: transparent; border: 0 none #ffd658; color: #fff; font-family: Open Sans; text-decoration: none; } .medium_light_white, .tp-caption.medium_light_white { font-size: 30px; font-weight: 300; line-height: 36px; padding: 0; } .mediumlarge_light_white, .mediumlarge_light_white_center, .tp-caption.mediumlarge_light_white, .tp-caption.mediumlarge_light_white_center { background-color: transparent; border: 0 none #ffd658; color: #fff; font-family: Open Sans; font-size: 34px; font-weight: 300; line-height: 40px; padding: 0; text-decoration: none; } .mediumlarge_light_white_center, .tp-caption.mediumlarge_light_white_center { text-align: center; } .medium_bg_asbestos, .tp-caption.medium_bg_asbestos { background-color: #7f8c8d; border: 0 none #ffd658; color: #fff; font-family: Open Sans; font-size: 20px; font-weight: 800; line-height: 20px; padding: 10px; text-decoration: none; } .medium_light_black, .tp-caption.medium_light_black { font-size: 30px; font-weight: 300; line-height: 36px; padding: 0; } .large_bold_black, .medium_light_black, .tp-caption.large_bold_black, .tp-caption.medium_light_black { background-color: transparent; border: 0 none #ffd658; color: #000; font-family: Open Sans; text-decoration: none; } .large_bold_black, .tp-caption.large_bold_black { font-size: 58px; font-weight: 800; line-height: 60px; } .mediumlarge_light_darkblue, .tp-caption.mediumlarge_light_darkblue { color: #34495e; font-size: 34px; line-height: 40px; } .mediumlarge_light_darkblue, .small_light_white, .tp-caption.mediumlarge_light_darkblue, .tp-caption.small_light_white { background-color: transparent; border: 0 none #ffd658; font-family: Open Sans; font-weight: 300; padding: 0; text-decoration: none; } .small_light_white, .tp-caption.small_light_white { color: #fff; font-size: 17px; line-height: 28px; } .roundedimage, .tp-caption.roundedimage { border: 0 none #222; } .large_bg_black, .tp-caption.large_bg_black { background-color: #000; border: 0 none #ffd658; color: #fff; font-family: Open Sans; font-size: 40px; font-weight: 800; line-height: 40px; padding: 10px 20px 15px; text-decoration: none; } .mediumwhitebg, .tp-caption.mediumwhitebg { background-color: #fff; border: 0 none #000; color: #000; font-family: Open Sans; font-size: 30px; font-weight: 300; line-height: 30px; padding: 5px 15px 10px; text-decoration: none; text-shadow: none; } .maincaption, .tp-caption.maincaption { background-color: transparent; border: 0 none #000; color: #212a40; font-family: roboto; font-size: 33px; font-weight: 500; line-height: 43px; text-decoration: none; text-shadow: none; } .miami_title_60px, .tp-caption.miami_title_60px { color: #fff; font-size: 60px; font-weight: 700; letter-spacing: 1px; line-height: 60px; } .miami_subtitle, .miami_title_60px, .tp-caption.miami_subtitle, .tp-caption.miami_title_60px { background-color: transparent; border: 0 none #000; font-family: Source Sans Pro; text-decoration: none; text-shadow: none; } .miami_subtitle, .tp-caption.miami_subtitle { color: hsla(0,0%,100%,.65); font-size: 17px; font-weight: 400; letter-spacing: 2px; line-height: 24px; } .divideline30px, .tp-caption.divideline30px { background: #fff; background-color: #fff; border: 0 none #222; height: 2px; min-width: 30px; text-decoration: none; } .Miami_nostyle, .tp-caption.Miami_nostyle { border: 0 none #222; } .miami_content_light, .tp-caption.miami_content_light { color: #fff; font-size: 22px; font-weight: 400; letter-spacing: 0; line-height: 28px; } .miami_content_light, .miami_title_60px_dark, .tp-caption.miami_content_light, .tp-caption.miami_title_60px_dark { background-color: transparent; border: 0 none #000; font-family: Source Sans Pro; text-decoration: none; text-shadow: none; } .miami_title_60px_dark, .tp-caption.miami_title_60px_dark { color: #333; font-size: 60px; font-weight: 700; letter-spacing: 1px; line-height: 60px; } .miami_content_dark, .tp-caption.miami_content_dark { background-color: transparent; border: 0 none #000; color: #666; font-family: Source Sans Pro; font-size: 22px; font-weight: 400; letter-spacing: 0; line-height: 28px; text-decoration: none; text-shadow: none; } .divideline30px_dark, .tp-caption.divideline30px_dark { background-color: #333; border: 0 none #222; height: 2px; min-width: 30px; text-decoration: none; } .ellipse70px, .tp-caption.ellipse70px { background-color: rgba(0,0,0,.14902); border: 0 none #222; border-radius: 50px 50px 50px 50px; cursor: pointer; line-height: 1px; min-height: 70px; min-width: 70px; text-decoration: none; } .arrowicon, .tp-caption.arrowicon { border: 0 none #222; line-height: 1px; } .MarkerDisplay, .tp-caption.MarkerDisplay { background-color: transparent; border: 0 none #000; border-radius: 0 0 0 0; font-family: Permanent Marker; font-style: normal; padding: 0; text-decoration: none; text-shadow: none; } .Restaurant-Display, .tp-caption.Restaurant-Display { font-family: Roboto; font-size: 120px; font-weight: 700; line-height: 120px; } .Restaurant-Cursive, .Restaurant-Display, .tp-caption.Restaurant-Cursive, .tp-caption.Restaurant-Display { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-style: normal; padding: 0; text-decoration: none; } .Restaurant-Cursive, .tp-caption.Restaurant-Cursive { font-family: Nothing you could do; font-size: 30px; font-weight: 400; letter-spacing: 2px; line-height: 30px; } .Restaurant-ScrollDownText, .tp-caption.Restaurant-ScrollDownText { font-size: 17px; font-weight: 400; letter-spacing: 2px; line-height: 17px; } .Restaurant-Description, .Restaurant-ScrollDownText, .tp-caption.Restaurant-Description, .tp-caption.Restaurant-ScrollDownText { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-family: Roboto; font-style: normal; padding: 0; text-decoration: none; } .Restaurant-Description, .tp-caption.Restaurant-Description { font-size: 20px; font-weight: 300; letter-spacing: 3px; line-height: 30px; } .Restaurant-Price, .tp-caption.Restaurant-Price { background-color: transparent; font-size: 30px; font-weight: 300; letter-spacing: 3px; line-height: 30px; padding: 0; } .Restaurant-Menuitem, .Restaurant-Price, .tp-caption.Restaurant-Menuitem, .tp-caption.Restaurant-Price { border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-family: Roboto; font-style: normal; text-decoration: none; } .Restaurant-Menuitem, .tp-caption.Restaurant-Menuitem { background-color: #000; font-size: 17px; font-weight: 400; letter-spacing: 2px; line-height: 17px; padding: 10px 30px; text-align: left; } .Furniture-LogoText, .tp-caption.Furniture-LogoText { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #e6cfa3; font-family: Raleway; font-size: 160px; font-style: normal; font-weight: 300; line-height: 150px; padding: 0; text-decoration: none; text-shadow: none; } .Furniture-Plus, .tp-caption.Furniture-Plus { background-color: #fff; border: 0 none transparent; border-radius: 30px 30px 30px 30px; box-shadow: 0 1px 3px rgba(0,0,0,.1); color: #e6cfa3; font-weight: 400; padding: 6px 7px 4px; } .Furniture-Plus, .Furniture-Title, .tp-caption.Furniture-Plus, .tp-caption.Furniture-Title { font-family: Raleway; font-size: 20px; font-style: normal; line-height: 20px; text-decoration: none; text-shadow: none; } .Furniture-Title, .tp-caption.Furniture-Title { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #000; font-weight: 700; letter-spacing: 3px; padding: 0; } .Furniture-Subtitle, .tp-caption.Furniture-Subtitle { color: #000; font-size: 17px; font-weight: 300; line-height: 20px; text-shadow: none; } .Furniture-Subtitle, .Gym-Display, .tp-caption.Furniture-Subtitle, .tp-caption.Gym-Display { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; font-family: Raleway; font-style: normal; padding: 0; text-decoration: none; } .Gym-Display, .tp-caption.Gym-Display { color: #fff; font-size: 80px; font-weight: 900; line-height: 70px; } .Gym-Subline, .tp-caption.Gym-Subline { font-size: 30px; font-weight: 100; letter-spacing: 5px; line-height: 30px; } .Gym-SmallText, .Gym-Subline, .tp-caption.Gym-SmallText, .tp-caption.Gym-Subline { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-style: normal; padding: 0; text-decoration: none; } .Gym-SmallText, .tp-caption.Gym-SmallText { font-size: 17px; font-weight: 300; line-height: 22; text-shadow: none; } .Fashion-SmallText, .tp-caption.Fashion-SmallText { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-size: 12px; font-style: normal; font-weight: 600; letter-spacing: 2px; line-height: 20px; padding: 0; text-decoration: none; } .Fashion-BigDisplay, .tp-caption.Fashion-BigDisplay { font-size: 60px; font-weight: 900; line-height: 60px; } .Fashion-BigDisplay, .Fashion-TextBlock, .tp-caption.Fashion-BigDisplay, .tp-caption.Fashion-TextBlock { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #000; font-family: Raleway; font-style: normal; letter-spacing: 2px; padding: 0; text-decoration: none; } .Fashion-TextBlock, .tp-caption.Fashion-TextBlock { font-size: 20px; font-weight: 400; line-height: 40px; } .Sports-Display, .tp-caption.Sports-Display { font-weight: 100; letter-spacing: 13px; } .Sports-Display, .Sports-DisplayFat, .tp-caption.Sports-Display, .tp-caption.Sports-DisplayFat { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-size: 130px; font-style: normal; line-height: 130px; padding: 0; text-decoration: none; } .Sports-DisplayFat, .tp-caption.Sports-DisplayFat { font-weight: 900; } .Sports-Subline, .tp-caption.Sports-Subline { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #000; font-family: Raleway; font-size: 32px; font-style: normal; font-weight: 400; letter-spacing: 4px; line-height: 32px; padding: 0; text-decoration: none; } .Instagram-Caption, .tp-caption.Instagram-Caption { font-family: Roboto; font-size: 20px; font-weight: 900; line-height: 20px; } .Instagram-Caption, .News-Title, .tp-caption.Instagram-Caption, .tp-caption.News-Title { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-style: normal; padding: 0; text-decoration: none; } .News-Title, .tp-caption.News-Title { font-family: Roboto Slab; font-size: 70px; font-weight: 400; line-height: 60px; } .News-Subtitle, .tp-caption.News-Subtitle { background-color: hsla(0,0%,100%,0); border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-family: Roboto Slab; font-size: 15px; font-style: normal; font-weight: 300; line-height: 24px; padding: 0; text-decoration: none; } .News-Subtitle:hover, .tp-caption.News-Subtitle:hover { background-color: hsla(0,0%,100%,0); border: 0 solid transparent; border-radius: 0 0 0 0; color: hsla(0,0%,100%,.65); text-decoration: none; } .Photography-Display, .tp-caption.Photography-Display { color: #fff; font-size: 80px; font-weight: 100; letter-spacing: 5px; line-height: 70px; } .Photography-Display, .Photography-Subline, .tp-caption.Photography-Display, .tp-caption.Photography-Subline { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; font-family: Raleway; font-style: normal; padding: 0; text-decoration: none; } .Photography-Subline, .tp-caption.Photography-Subline { color: #777; font-size: 20px; font-weight: 300; letter-spacing: 3px; line-height: 30px; } .Photography-ImageHover, .tp-caption.Photography-ImageHover { background-color: transparent; border: 0 none hsla(0,0%,100%,0); border-radius: 0 0 0 0; color: #fff; font-size: 20px; font-style: normal; font-weight: 400; line-height: 22; padding: 0; text-decoration: none; } .Photography-ImageHover:hover, .tp-caption.Photography-ImageHover:hover { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; text-decoration: none; } .Photography-Menuitem, .tp-caption.Photography-Menuitem { background-color: rgba(0,0,0,.65); border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-size: 20px; font-style: normal; font-weight: 300; letter-spacing: 2px; line-height: 20px; padding: 3px 5px 3px 8px; text-decoration: none; } .Photography-Menuitem:hover, .tp-caption.Photography-Menuitem:hover { background-color: rgba(0,255,222,.65); border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; text-decoration: none; } .Photography-Textblock, .tp-caption.Photography-Textblock { color: #fff; font-size: 17px; letter-spacing: 2px; } .Photography-Subline-2, .Photography-Textblock, .tp-caption.Photography-Subline-2, .tp-caption.Photography-Textblock { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; font-family: Raleway; font-style: normal; font-weight: 300; line-height: 30px; padding: 0; text-decoration: none; } .Photography-Subline-2, .tp-caption.Photography-Subline-2 { color: hsla(0,0%,100%,.35); font-size: 20px; letter-spacing: 3px; } .Photography-ImageHover2, .tp-caption.Photography-ImageHover2 { background-color: transparent; border: 0 none hsla(0,0%,100%,0); border-radius: 0 0 0 0; color: #fff; font-family: Arial; font-size: 20px; font-style: normal; font-weight: 400; line-height: 22; padding: 0; text-decoration: none; } .Photography-ImageHover2:hover, .tp-caption.Photography-ImageHover2:hover { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; text-decoration: none; } .tp-caption.WebProduct-Title, .WebProduct-Title { color: #333; font-size: 90px; font-weight: 100; line-height: 90px; } .tp-caption.WebProduct-SubTitle, .tp-caption.WebProduct-Title, .WebProduct-SubTitle, .WebProduct-Title { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; font-family: Raleway; font-style: normal; padding: 0; text-decoration: none; } .tp-caption.WebProduct-SubTitle, .WebProduct-SubTitle { color: #999; font-size: 15px; font-weight: 400; line-height: 20px; } .tp-caption.WebProduct-Content, .WebProduct-Content { background-color: transparent; color: #999; font-size: 16px; font-weight: 600; line-height: 24px; padding: 0; } .tp-caption.WebProduct-Content, .tp-caption.WebProduct-Menuitem, .WebProduct-Content, .WebProduct-Menuitem { border: 0 none transparent; border-radius: 0 0 0 0; font-family: Raleway; font-style: normal; text-decoration: none; } .tp-caption.WebProduct-Menuitem, .WebProduct-Menuitem { background-color: #333; color: #fff; font-size: 15px; font-weight: 500; letter-spacing: 2px; line-height: 20px; padding: 3px 5px 3px 8px; text-align: left; } .tp-caption.WebProduct-Menuitem:hover, .WebProduct-Menuitem:hover { background-color: #fff; border: 0 none transparent; border-radius: 0 0 0 0; color: #999; text-decoration: none; } .tp-caption.WebProduct-Title-Light, .WebProduct-Title-Light { color: #fff; font-size: 90px; font-weight: 100; line-height: 90px; } .tp-caption.WebProduct-SubTitle-Light, .tp-caption.WebProduct-Title-Light, .WebProduct-SubTitle-Light, .WebProduct-Title-Light { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; font-family: Raleway; font-style: normal; padding: 0; text-align: left; text-decoration: none; } .tp-caption.WebProduct-SubTitle-Light, .WebProduct-SubTitle-Light { color: hsla(0,0%,100%,.35); font-size: 15px; font-weight: 400; line-height: 20px; } .tp-caption.WebProduct-Content-Light, .WebProduct-Content-Light { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: hsla(0,0%,100%,.65); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; padding: 0; text-align: left; text-decoration: none; } .FatRounded, .tp-caption.FatRounded { background-color: rgba(0,0,0,.5); font-family: Raleway; font-size: 30px; font-style: normal; font-weight: 900; line-height: 30px; padding: 20px 22px 20px 25px; text-align: left; text-shadow: none; } .FatRounded, .FatRounded:hover, .tp-caption.FatRounded, .tp-caption.FatRounded:hover { border: 0 none #d3d3d3; border-radius: 50px 50px 50px 50px; color: #fff; text-decoration: none; } .FatRounded:hover, .tp-caption.FatRounded:hover { background-color: #000; } .NotGeneric-Title, .tp-caption.NotGeneric-Title { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-size: 70px; font-style: normal; font-weight: 800; line-height: 70px; padding: 10px 0; text-decoration: none; } .NotGeneric-SubTitle, .tp-caption.NotGeneric-SubTitle { border: 0 none transparent; border-radius: 0 0 0 0; font-size: 13px; letter-spacing: 4px; line-height: 20px; padding: 0; } .NotGeneric-CallToAction, .NotGeneric-SubTitle, .tp-caption.NotGeneric-CallToAction, .tp-caption.NotGeneric-SubTitle { background-color: transparent; color: #fff; font-family: Raleway; font-style: normal; font-weight: 500; text-align: left; text-decoration: none; } .NotGeneric-CallToAction, .tp-caption.NotGeneric-CallToAction { border: 1px solid hsla(0,0%,100%,.5); border-radius: 0 0 0 0; font-size: 14px; letter-spacing: 3px; line-height: 14px; padding: 10px 30px; } .NotGeneric-CallToAction:hover, .tp-caption.NotGeneric-CallToAction:hover { background-color: transparent; border: 1px solid #fff; border-radius: 0 0 0 0; color: #fff; text-decoration: none; } .NotGeneric-Icon, .tp-caption.NotGeneric-Icon { border: 0 solid hsla(0,0%,100%,0); border-radius: 0 0 0 0; font-size: 30px; font-weight: 400; line-height: 30px; padding: 0; } .NotGeneric-Icon, .NotGeneric-Menuitem, .tp-caption.NotGeneric-Icon, .tp-caption.NotGeneric-Menuitem { background-color: transparent; color: #fff; font-family: Raleway; font-style: normal; letter-spacing: 3px; text-align: left; text-decoration: none; } .NotGeneric-Menuitem, .tp-caption.NotGeneric-Menuitem { border: 1px solid hsla(0,0%,100%,.15); border-radius: 0 0 0 0; font-size: 14px; font-weight: 500; line-height: 14px; padding: 27px 30px; } .NotGeneric-Menuitem:hover, .tp-caption.NotGeneric-Menuitem:hover { background-color: transparent; border: 1px solid #fff; border-radius: 0 0 0 0; color: #fff; text-decoration: none; } .MarkerStyle, .tp-caption.MarkerStyle { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-family: Permanent Marker; font-size: 17px; font-style: normal; font-weight: 100; line-height: 30px; padding: 0; text-align: left; text-decoration: none; } .Gym-Menuitem, .tp-caption.Gym-Menuitem { background-color: #000; border: 2px solid hsla(0,0%,100%,0); border-radius: 3px 3px 3px 3px; color: #fff; font-family: Raleway; font-size: 20px; font-style: normal; font-weight: 300; letter-spacing: 2px; line-height: 20px; padding: 3px 5px 3px 8px; text-align: left; text-decoration: none; } .Gym-Menuitem:hover, .tp-caption.Gym-Menuitem:hover { background-color: #000; border: 2px solid hsla(0,0%,100%,.25); border-radius: 3px 3px 3px 3px; color: #fff; text-decoration: none; } .Newspaper-Button, .tp-caption.Newspaper-Button { background-color: hsla(0,0%,100%,0); border: 1px solid hsla(0,0%,100%,.25); border-radius: 0 0 0 0; color: #fff; font-family: Roboto; font-size: 13px; font-style: normal; font-weight: 700; letter-spacing: 2px; line-height: 17px; padding: 12px 35px; text-align: left; text-decoration: none; } .Newspaper-Button:hover, .tp-caption.Newspaper-Button:hover { background-color: #fff; border: 1px solid #fff; border-radius: 0 0 0 0; color: #000; text-decoration: none; } .Newspaper-Subtitle, .tp-caption.Newspaper-Subtitle { color: #a8d8ee; font-family: Roboto; font-size: 15px; font-weight: 900; line-height: 20px; padding: 0; } .Newspaper-Subtitle, .Newspaper-Title, .tp-caption.Newspaper-Subtitle, .tp-caption.Newspaper-Title { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; font-style: normal; text-align: left; text-decoration: none; } .Newspaper-Title, .Newspaper-Title-Centered, .tp-caption.Newspaper-Title, .tp-caption.Newspaper-Title-Centered { color: #fff; font-family: Roboto Slab; font-size: 50px; font-weight: 400; line-height: 55px; padding: 0 0 10px; } .Newspaper-Title-Centered, .tp-caption.Newspaper-Title-Centered { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; font-style: normal; text-align: center; text-decoration: none; } .Hero-Button, .tp-caption.Hero-Button { background-color: transparent; border: 1px solid hsla(0,0%,100%,.5); border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 3px; line-height: 14px; padding: 10px 30px; text-align: left; text-decoration: none; } .Hero-Button:hover, .tp-caption.Hero-Button:hover { background-color: #fff; border: 1px solid #fff; border-radius: 0 0 0 0; color: #000; text-decoration: none; } .tp-caption.Video-Title, .Video-Title { background-color: #000; font-size: 30px; font-weight: 900; line-height: 30px; } .tp-caption.Video-SubTitle, .tp-caption.Video-Title, .Video-SubTitle, .Video-Title { border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-style: normal; padding: 5px; text-align: left; text-decoration: none; } .tp-caption.Video-SubTitle, .Video-SubTitle { background-color: rgba(0,0,0,.35); font-size: 12px; font-weight: 600; letter-spacing: 2px; line-height: 12px; } .NotGeneric-Button, .tp-caption.NotGeneric-Button { background-color: transparent; border: 1px solid hsla(0,0%,100%,.5); border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 3px; line-height: 14px; padding: 10px 30px; text-align: left; text-decoration: none; } .NotGeneric-Button:hover, .tp-caption.NotGeneric-Button:hover { background-color: transparent; border: 1px solid #fff; border-radius: 0 0 0 0; color: #fff; text-decoration: none; } .NotGeneric-BigButton, .tp-caption.NotGeneric-BigButton { background-color: transparent; border: 1px solid hsla(0,0%,100%,.15); border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 3px; line-height: 14px; padding: 27px 30px; text-align: left; text-decoration: none; } .NotGeneric-BigButton:hover, .tp-caption.NotGeneric-BigButton:hover { background-color: transparent; border: 1px solid #fff; border-radius: 0 0 0 0; color: #fff; text-decoration: none; } .tp-caption.WebProduct-Button, .WebProduct-Button { background-color: #333; border: 2px none #000; border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; letter-spacing: 1px; line-height: 48px; padding: 0 40px; text-align: left; text-decoration: none; } .tp-caption.WebProduct-Button:hover, .WebProduct-Button:hover { background-color: #fff; border: 2px none #000; border-radius: 0 0 0 0; color: #333; text-decoration: none; } .Restaurant-Button, .tp-caption.Restaurant-Button { background-color: hsla(0,0%,4%,0); border: 2px solid hsla(0,0%,100%,.5); border-radius: 0 0 0 0; color: #fff; font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 500; letter-spacing: 3px; line-height: 17px; padding: 12px 35px; text-align: left; text-decoration: none; } .Restaurant-Button:hover, .tp-caption.Restaurant-Button:hover { background-color: transparent; border: 2px solid #ffe081; border-radius: 0 0 0 0; color: #fff; text-decoration: none; } .Gym-Button, .tp-caption.Gym-Button { background-color: #8bc027; font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 600; letter-spacing: 1px; line-height: 15px; padding: 13px 35px; text-align: left; } .Gym-Button, .Gym-Button:hover, .tp-caption.Gym-Button, .tp-caption.Gym-Button:hover { border: 0 solid transparent; border-radius: 30px 30px 30px 30px; color: #fff; text-decoration: none; } .Gym-Button:hover, .tp-caption.Gym-Button:hover { background-color: #72a800; } .Gym-Button-Light, .tp-caption.Gym-Button-Light { background-color: transparent; border: 2px solid hsla(0,0%,100%,.25); border-radius: 30px 30px 30px 30px; color: #fff; font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 600; line-height: 15px; padding: 12px 35px; text-align: left; text-decoration: none; } .Gym-Button-Light:hover, .tp-caption.Gym-Button-Light:hover { background-color: rgba(114,168,0,0); border: 2px solid #8bc027; border-radius: 30px 30px 30px 30px; color: #fff; text-decoration: none; } .Sports-Button-Light, .tp-caption.Sports-Button-Light { background-color: transparent; border: 2px solid hsla(0,0%,100%,.5); border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-size: 17px; font-style: normal; font-weight: 600; letter-spacing: 2px; line-height: 17px; padding: 12px 35px; text-align: left; text-decoration: none; } .Sports-Button-Light:hover, .tp-caption.Sports-Button-Light:hover { background-color: transparent; border: 2px solid #fff; border-radius: 0 0 0 0; color: #fff; text-decoration: none; } .Sports-Button-Red, .tp-caption.Sports-Button-Red { background-color: #db1c22; border: 2px solid rgba(219,28,34,0); border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-size: 17px; font-style: normal; font-weight: 600; letter-spacing: 2px; line-height: 17px; padding: 12px 35px; text-align: left; text-decoration: none; } .Sports-Button-Red:hover, .tp-caption.Sports-Button-Red:hover { background-color: #000; border: 2px solid #000; border-radius: 0 0 0 0; color: #fff; text-decoration: none; } .Photography-Button, .tp-caption.Photography-Button { background-color: transparent; border: 1px solid hsla(0,0%,100%,.25); border-radius: 30px 30px 30px 30px; color: #fff; font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 600; letter-spacing: 1px; line-height: 15px; padding: 13px 35px; text-align: left; text-decoration: none; } .Photography-Button:hover, .tp-caption.Photography-Button:hover { background-color: transparent; border: 1px solid #fff; border-radius: 30px 30px 30px 30px; color: #fff; text-decoration: none; } .Newspaper-Button-2, .tp-caption.Newspaper-Button-2 { background-color: transparent; border: 2px solid hsla(0,0%,100%,.5); border-radius: 3px 3px 3px 3px; color: #fff; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 900; line-height: 15px; padding: 10px 30px; text-align: left; text-decoration: none; } .Newspaper-Button-2:hover, .tp-caption.Newspaper-Button-2:hover { background-color: transparent; border: 2px solid #fff; border-radius: 3px 3px 3px 3px; color: #fff; text-decoration: none; } .Feature-Tour, .tp-caption.Feature-Tour { background-color: #8bc027; font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 700; line-height: 17px; padding: 17px 35px; text-align: left; } .Feature-Tour, .Feature-Tour:hover, .tp-caption.Feature-Tour, .tp-caption.Feature-Tour:hover { border: 0 solid transparent; border-radius: 30px 30px 30px 30px; color: #fff; text-decoration: none; } .Feature-Tour:hover, .tp-caption.Feature-Tour:hover { background-color: #72a800; } .Feature-Examples, .tp-caption.Feature-Examples { background-color: transparent; border: 2px solid rgba(33,42,64,.15); border-radius: 30px 30px 30px 30px; color: rgba(33,42,64,.5); font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 700; line-height: 17px; padding: 15px 35px; text-align: left; text-decoration: none; } .Feature-Examples:hover, .tp-caption.Feature-Examples:hover { background-color: transparent; border: 2px solid #8bc027; border-radius: 30px 30px 30px 30px; color: #8bc027; text-decoration: none; } .subcaption, .tp-caption.subcaption { color: #6f7c82; font-size: 19px; font-weight: 400; line-height: 24px; } .menutab, .subcaption, .tp-caption.menutab, .tp-caption.subcaption { background-color: transparent; border: 0 none #000; border-radius: 0 0 0 0; font-family: roboto; font-style: normal; padding: 0; text-align: left; text-decoration: none; text-shadow: none; } .menutab, .tp-caption.menutab { color: #292e31; font-size: 25px; font-weight: 300; line-height: 30px; } .menutab:hover, .tp-caption.menutab:hover { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #d50000; text-decoration: none; } .maincontent, .tp-caption.maincontent { color: #292e31; font-size: 21px; font-weight: 300; line-height: 26px; } .maincontent, .minitext, .tp-caption.maincontent, .tp-caption.minitext { background-color: transparent; border: 0 none #000; border-radius: 0 0 0 0; font-family: roboto; font-style: normal; padding: 0; text-align: left; text-decoration: none; text-shadow: none; } .minitext, .tp-caption.minitext { color: #b9babb; font-size: 15px; font-weight: 400; line-height: 20px; } .Feature-Buy, .tp-caption.Feature-Buy { background-color: #009aee; font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 700; line-height: 17px; padding: 17px 35px; text-align: left; } .Feature-Buy, .Feature-Buy:hover, .tp-caption.Feature-Buy, .tp-caption.Feature-Buy:hover { border: 0 solid transparent; border-radius: 30px 30px 30px 30px; color: #fff; text-decoration: none; } .Feature-Buy:hover, .tp-caption.Feature-Buy:hover { background-color: #0085d6; } .Feature-Examples-Light, .tp-caption.Feature-Examples-Light { background-color: transparent; border: 2px solid hsla(0,0%,100%,.15); border-radius: 30px 30px 30px 30px; color: #fff; font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 700; line-height: 17px; padding: 15px 35px; text-align: left; text-decoration: none; } .Feature-Examples-Light:hover, .tp-caption.Feature-Examples-Light:hover { background-color: transparent; border: 2px solid #fff; border-radius: 30px 30px 30px 30px; color: #fff; text-decoration: none; } .Facebook-Likes, .tp-caption.Facebook-Likes { background-color: #3b5999; color: #fff; padding: 5px 15px; } .Facebook-Likes, .tp-caption.Facebook-Likes, .tp-caption.Twitter-Favorites, .Twitter-Favorites { border: 0 none transparent; border-radius: 0 0 0 0; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 500; line-height: 22px; text-align: left; text-decoration: none; } .tp-caption.Twitter-Favorites, .Twitter-Favorites { background-color: hsla(0,0%,100%,0); color: #8899a6; padding: 0; } .tp-caption.Twitter-Link, .Twitter-Link { background-color: #fff; border: 0 none transparent; border-radius: 30px 30px 30px 30px; color: #8799a5; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 500; line-height: 15px; padding: 11px 11px 9px; text-align: left; text-decoration: none; } .tp-caption.Twitter-Link:hover, .Twitter-Link:hover { background-color: #0084b4; border: 0 none transparent; border-radius: 30px 30px 30px 30px; color: #fff; text-decoration: none; } .tp-caption.Twitter-Retweet, .Twitter-Retweet { background-color: hsla(0,0%,100%,0); color: #8899a6; font-size: 15px; line-height: 22px; padding: 0; } .tp-caption.Twitter-Content, .tp-caption.Twitter-Retweet, .Twitter-Content, .Twitter-Retweet { border: 0 none transparent; border-radius: 0 0 0 0; font-family: Roboto; font-style: normal; font-weight: 500; text-align: left; text-decoration: none; } .tp-caption.Twitter-Content, .Twitter-Content { background-color: #fff; color: #292f33; font-size: 20px; line-height: 28px; padding: 30px 30px 70px; } .revtp-form input[type=email], .revtp-form input[type=text], .revtp-searchform input[type=email], .revtp-searchform input[type=text] { font-family: Arial,sans-serif; font-size: 15px; color: #000; background-color: #fff; line-height: 46px; padding: 0 20px; cursor: text; border: 0; width: 400px; margin-bottom: 0; -webkit-transition: background-color .5s; transition: background-color .5s; border-radius: 0; } .BigBold-Title, .tp-caption.BigBold-Title { color: #fff; font-size: 110px; line-height: 100px; font-weight: 800; font-style: normal; font-family: Raleway; padding: 10px 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left; } .BigBold-SubTitle, .tp-caption.BigBold-SubTitle { color: hsla(0,0%,100%,.5); font-size: 15px; line-height: 24px; padding: 0; border: 0 none transparent; border-radius: 0 0 0 0; } .BigBold-Button, .BigBold-SubTitle, .tp-caption.BigBold-Button, .tp-caption.BigBold-SubTitle { font-weight: 500; font-style: normal; font-family: Raleway; text-decoration: none; background-color: transparent; text-align: left; letter-spacing: 1px; } .BigBold-Button, .tp-caption.BigBold-Button { color: #fff; font-size: 13px; line-height: 13px; padding: 15px 50px; border: 1px solid hsla(0,0%,100%,.5); border-radius: 0 0 0 0; } .BigBold-Button:hover, .tp-caption.BigBold-Button:hover { color: #fff; text-decoration: none; background-color: transparent; border: 1px solid #fff; border-radius: 0 0 0 0; } .FoodCarousel-Content, .tp-caption.FoodCarousel-Content { font-size: 17px; line-height: 28px; font-weight: 500; padding: 30px; } .FoodCarousel-Button, .FoodCarousel-Content, .tp-caption.FoodCarousel-Button, .tp-caption.FoodCarousel-Content { color: #292e31; font-style: normal; font-family: Raleway; text-decoration: none; background-color: #fff; border: 1px solid #292e31; border-radius: 0 0 0 0; text-align: left; } .FoodCarousel-Button, .tp-caption.FoodCarousel-Button { font-size: 13px; line-height: 13px; font-weight: 700; padding: 15px 70px 15px 50px; letter-spacing: 1px; } .FoodCarousel-Button:hover, .tp-caption.FoodCarousel-Button:hover { color: #fff; text-decoration: none; background-color: #292e31; border: 1px solid #292e31; border-radius: 0 0 0 0; } .FoodCarousel-CloseButton, .tp-caption.FoodCarousel-CloseButton { color: #292e31; font-size: 20px; line-height: 20px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 14px 14px 14px 16px; text-decoration: none; background-color: transparent; border: 1px solid rgba(41,46,49,0); border-radius: 30px 30px 30px 30px; text-align: left; letter-spacing: 1px; } .FoodCarousel-CloseButton:hover, .tp-caption.FoodCarousel-CloseButton:hover { color: #fff; text-decoration: none; background-color: #292e31; border: 1px solid rgba(41,46,49,0); border-radius: 30px 30px 30px 30px; } .tp-caption.Video-SubTitle, .Video-SubTitle { font-size: 12px; line-height: 12px; font-weight: 600; background-color: rgba(0,0,0,.35); letter-spacing: 2px; } .tp-caption.Video-SubTitle, .tp-caption.Video-Title, .Video-SubTitle, .Video-Title { color: #fff; font-style: normal; font-family: Raleway; padding: 5px; text-decoration: none; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left; } .tp-caption.Video-Title, .Video-Title { font-size: 30px; line-height: 30px; font-weight: 900; background-color: #000; } .tp-caption.Travel-BigCaption, .Travel-BigCaption { font-size: 50px; line-height: 50px; font-weight: 400; } .tp-caption.Travel-BigCaption, .tp-caption.Travel-SmallCaption, .Travel-BigCaption, .Travel-SmallCaption { color: #fff; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left; } .tp-caption.Travel-SmallCaption, .Travel-SmallCaption { font-size: 25px; line-height: 30px; font-weight: 300; } .tp-caption.Travel-CallToAction, .Travel-CallToAction { color: #fff; font-size: 25px; line-height: 25px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 12px 20px; text-decoration: none; background-color: hsla(0,0%,100%,.05); border: 2px solid #fff; border-radius: 5px 5px 5px 5px; text-align: left; letter-spacing: 1px; } .tp-caption.Travel-CallToAction:hover, .Travel-CallToAction:hover { color: #fff; text-decoration: none; background-color: hsla(0,0%,100%,.15); border: 2px solid #fff; border-radius: 5px 5px 5px 5px; } .RotatingWords-TitleWhite, .tp-caption.RotatingWords-TitleWhite { color: #fff; font-size: 70px; line-height: 70px; font-weight: 800; font-style: normal; font-family: Raleway; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left; } .RotatingWords-Button, .tp-caption.RotatingWords-Button { color: #fff; font-size: 20px; line-height: 20px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 20px 50px; text-decoration: none; background-color: transparent; border: 2px solid hsla(0,0%,100%,.15); border-radius: 0 0 0 0; text-align: left; letter-spacing: 3px; } .RotatingWords-Button:hover, .tp-caption.RotatingWords-Button:hover { color: #fff; text-decoration: none; background-color: transparent; border: 2px solid #fff; border-radius: 0 0 0 0; } .RotatingWords-SmallText, .tp-caption.RotatingWords-SmallText { color: #fff; font-size: 14px; line-height: 20px; font-weight: 400; text-shadow: none; } .ContentZoom-SmallTitle, .RotatingWords-SmallText, .tp-caption.ContentZoom-SmallTitle, .tp-caption.RotatingWords-SmallText { font-style: normal; font-family: Raleway; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left; } .ContentZoom-SmallTitle, .tp-caption.ContentZoom-SmallTitle { color: #292e31; font-size: 33px; line-height: 45px; font-weight: 600; } .ContentZoom-SmallSubtitle, .tp-caption.ContentZoom-SmallSubtitle { color: #6f7c82; font-size: 16px; line-height: 24px; font-weight: 600; padding: 0; } .ContentZoom-SmallIcon, .ContentZoom-SmallSubtitle, .tp-caption.ContentZoom-SmallIcon, .tp-caption.ContentZoom-SmallSubtitle { font-style: normal; font-family: Raleway; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left; } .ContentZoom-SmallIcon, .tp-caption.ContentZoom-SmallIcon { color: #292e31; font-size: 20px; line-height: 20px; font-weight: 400; padding: 10px; } .ContentZoom-SmallIcon:hover, .tp-caption.ContentZoom-SmallIcon:hover { color: #6f7c82; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; } .ContentZoom-DetailTitle, .tp-caption.ContentZoom-DetailTitle { color: #292e31; font-size: 70px; line-height: 70px; } .ContentZoom-DetailSubTitle, .ContentZoom-DetailTitle, .tp-caption.ContentZoom-DetailSubTitle, .tp-caption.ContentZoom-DetailTitle { font-weight: 500; font-style: normal; font-family: Raleway; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left; } .ContentZoom-DetailSubTitle, .tp-caption.ContentZoom-DetailSubTitle { color: #6f7c82; font-size: 25px; line-height: 25px; } .ContentZoom-DetailContent, .tp-caption.ContentZoom-DetailContent { color: #6f7c82; font-size: 17px; line-height: 28px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left; } .ContentZoom-Button, .tp-caption.ContentZoom-Button { color: #292e31; font-size: 13px; line-height: 13px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 15px 50px; text-decoration: none; background-color: transparent; border: 1px solid rgba(41,46,49,.5); border-radius: 0 0 0 0; text-align: left; letter-spacing: 1px; } .ContentZoom-Button:hover, .tp-caption.ContentZoom-Button:hover { color: #fff; text-decoration: none; background-color: #292e31; border: 1px solid #292e31; border-radius: 0 0 0 0; } .ContentZoom-ButtonClose, .tp-caption.ContentZoom-ButtonClose { color: #292e31; font-size: 13px; line-height: 13px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 14px 14px 14px 16px; text-decoration: none; background-color: transparent; border: 1px solid rgba(41,46,49,.5); border-radius: 30px 30px 30px 30px; text-align: left; letter-spacing: 1px; } .ContentZoom-ButtonClose:hover, .tp-caption.ContentZoom-ButtonClose:hover { color: #fff; text-decoration: none; background-color: #292e31; border: 1px solid #292e31; border-radius: 30px 30px 30px 30px; } .Newspaper-Title, .tp-caption.Newspaper-Title { color: #fff; font-size: 50px; line-height: 55px; font-weight: 400; font-family: Roboto Slab; padding: 0 0 10px; } .Newspaper-Subtitle, .Newspaper-Title, .tp-caption.Newspaper-Subtitle, .tp-caption.Newspaper-Title { font-style: normal; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left; } .Newspaper-Subtitle, .tp-caption.Newspaper-Subtitle { color: #a8d8ee; font-size: 15px; line-height: 20px; font-weight: 900; font-family: Roboto; padding: 0; } .Newspaper-Button, .tp-caption.Newspaper-Button { color: #fff; font-size: 13px; line-height: 17px; font-weight: 700; font-style: normal; font-family: Roboto; padding: 12px 35px; text-decoration: none; background-color: hsla(0,0%,100%,0); border: 1px solid hsla(0,0%,100%,.25); border-radius: 0 0 0 0; letter-spacing: 2px; text-align: left; } .Newspaper-Button:hover, .tp-caption.Newspaper-Button:hover { color: #000; text-decoration: none; background-color: #fff; border: 1px solid #fff; border-radius: 0 0 0 0; } .rtwhitemedium, .tp-caption.rtwhitemedium { font-size: 22px; line-height: 26px; color: #fff; text-decoration: none; background-color: transparent; border: 0 none #000; text-shadow: none; } @media only screen and (max-width:767px) { .revtp-form input[type=email], .revtp-form input[type=text], .revtp-searchform input[type=email], .revtp-searchform input[type=text] { width: 200px !important; } } .revtp-form input[type=submit], .revtp-searchform input[type=submit] { font-family: Arial,sans-serif; line-height: 46px; letter-spacing: 1px; text-transform: uppercase; font-size: 15px; font-weight: 700; padding: 0 20px; border: 0; background: #009aee; color: #fff; border-radius: 0; } .Concept-Title, .tp-caption.Concept-Title { color: #fff; font-size: 70px; line-height: 70px; font-style: normal; font-family: Roboto Condensed; letter-spacing: 5px; } .Concept-SubTitle, .Concept-Title, .tp-caption.Concept-SubTitle, .tp-caption.Concept-Title { font-weight: 700; padding: 0 0 10px; text-decoration: none; text-align: left; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; } .Concept-SubTitle, .tp-caption.Concept-SubTitle { color: hsla(0,0%,100%,.65); font-size: 25px; line-height: 25px; font-style: italic; font-family: Playfair Display; } .Concept-Content, .tp-caption.Concept-Content { font-size: 20px; font-weight: 400; font-family: Roboto Condensed; padding: 0; text-align: center; border: 2px none #fff; border-radius: 0 0 0 0; } .Concept-Content, .Concept-MoreBtn, .tp-caption.Concept-Content, .tp-caption.Concept-MoreBtn { color: #fff; line-height: 30px; font-style: normal; text-decoration: none; background-color: transparent; } .Concept-MoreBtn, .tp-caption.Concept-MoreBtn { font-size: 30px; font-weight: 300; font-family: Roboto; padding: 10px 8px 7px 10px; border: 0 solid hsla(0,0%,100%,0); border-radius: 50px 50px 50px 50px; letter-spacing: 1px; text-align: left; } .Concept-MoreBtn:hover, .tp-caption.Concept-MoreBtn:hover { color: #fff; text-decoration: none; background-color: hsla(0,0%,100%,.15); border: 0 solid hsla(0,0%,100%,0); border-radius: 50px 50px 50px 50px; } .Concept-LessBtn, .tp-caption.Concept-LessBtn { color: #fff; font-size: 30px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 10px 8px 7px 10px; text-decoration: none; background-color: #000; border: 0 solid hsla(0,0%,100%,0); border-radius: 50px 50px 50px 50px; letter-spacing: 1px; text-align: left; } .Concept-LessBtn:hover, .tp-caption.Concept-LessBtn:hover { color: #000; text-decoration: none; background-color: #fff; border: 0 solid hsla(0,0%,100%,0); border-radius: 50px 50px 50px 50px; } .Concept-SubTitle-Dark, .tp-caption.Concept-SubTitle-Dark { color: rgba(0,0,0,.65); font-size: 25px; line-height: 25px; font-style: italic; font-family: Playfair Display; text-align: left; } .Concept-SubTitle-Dark, .Concept-Title-Dark, .tp-caption.Concept-SubTitle-Dark, .tp-caption.Concept-Title-Dark { font-weight: 700; padding: 0 0 10px; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; } .Concept-Title-Dark, .tp-caption.Concept-Title-Dark { color: #000; font-size: 70px; line-height: 70px; font-style: normal; font-family: Roboto Condensed; text-align: center; letter-spacing: 5px; } .Concept-MoreBtn-Dark, .tp-caption.Concept-MoreBtn-Dark { color: #000; font-size: 30px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 10px 8px 7px 10px; text-decoration: none; background-color: transparent; border: 0 solid hsla(0,0%,100%,0); border-radius: 50px 50px 50px 50px; letter-spacing: 1px; text-align: left; } .Concept-MoreBtn-Dark:hover, .tp-caption.Concept-MoreBtn-Dark:hover { color: #fff; text-decoration: none; background-color: #000; border: 0 solid hsla(0,0%,100%,0); border-radius: 50px 50px 50px 50px; } .Concept-Content-Dark, .tp-caption.Concept-Content-Dark { color: #000; font-size: 20px; line-height: 30px; } .Concept-Content-Dark, .Concept-Notice, .tp-caption.Concept-Content-Dark, .tp-caption.Concept-Notice { font-weight: 400; font-style: normal; font-family: Roboto Condensed; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border: 2px none #fff; border-radius: 0 0 0 0; } .Concept-Notice, .tp-caption.Concept-Notice { color: #fff; font-size: 15px; line-height: 15px; letter-spacing: 2px; } .tp-caption.Concept-Content a, .tp-caption.Concept-Content a:visited { color: #fff !important; border-bottom: 1px solid #fff !important; font-weight: 700 !important; } .tp-caption.Concept-Content a:hover { border-bottom: 1px solid transparent !important; } .tp-caption.Concept-Content-Dark a, .tp-caption.Concept-Content-Dark a:visited { color: #000 !important; border-bottom: 1px solid #000 !important; font-weight: 700 !important; } .tp-caption.Concept-Content-Dark a:hover { border-bottom: 1px solid transparent !important; } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084b4 !important; } .tp-caption.Twitter-Content a:hover { color: #0084b4 !important; text-decoration: underline !important; } .Creative-Title, .tp-caption.Creative-Title { color: #fff; font-size: 70px; line-height: 70px; font-family: Playfair Display; } .Creative-SubTitle, .Creative-Title, .tp-caption.Creative-SubTitle, .tp-caption.Creative-Title { font-weight: 400; font-style: normal; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; } .Creative-SubTitle, .tp-caption.Creative-SubTitle { color: #cdb083; font-size: 14px; line-height: 14px; font-family: Lato; letter-spacing: 2px; } .Creative-Button, .tp-caption.Creative-Button { color: #cdb083; font-size: 13px; line-height: 13px; font-weight: 400; font-style: normal; font-family: Lato; padding: 15px 50px; text-decoration: none; text-align: left; background-color: transparent; border: 1px solid hsla(36,43%,66%,.25); border-radius: 0 0 0 0; letter-spacing: 2px; } .Creative-Button:hover, .tp-caption.Creative-Button:hover { color: #cdb083; text-decoration: none; background-color: transparent; border: 1px solid #cdb083; border-radius: 0 0 0 0; } .subcaption, .tp-caption.subcaption { color: #6f7c82; font-size: 19px; line-height: 24px; font-family: roboto; background-color: transparent; border: 0 none #000; border-radius: 0 0 0 0; text-shadow: none; } .RedDot, .subcaption, .tp-caption.RedDot, .tp-caption.subcaption { font-weight: 400; font-style: normal; padding: 0; text-decoration: none; text-align: left; } .RedDot, .tp-caption.RedDot { color: #000; background-color: #d50000; border: 5px solid #fff; border-radius: 50px 50px 50px 50px; } .RedDot:hover, .tp-caption.RedDot:hover { color: #000; text-decoration: none; background-color: hsla(0,0%,100%,.75); border: 5px solid #d50000; border-radius: 50px 50px 50px 50px; } .SlidingOverlays-Title, .tp-caption.SlidingOverlays-Title { color: #fff; font-size: 50px; line-height: 50px; font-weight: 400; font-family: Playfair Display; } .SlidingOverlays-Title, .tp-caption.SlidingOverlays-Title, .tp-caption.Woo-Rating, .Woo-Rating { font-style: normal; padding: 0; text-decoration: none; text-align: left; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; } .tp-caption.Woo-Rating, .Woo-Rating { color: #000; font-size: 14px; line-height: 30px; font-weight: 300; font-family: Roboto; type: text; } .tp-caption.Woo-TitleLarge, .Woo-TitleLarge { font-size: 40px; line-height: 40px; font-weight: 400; font-family: Playfair Display; } .tp-caption.Woo-SubTitle, .tp-caption.Woo-TitleLarge, .Woo-SubTitle, .Woo-TitleLarge { color: #000; font-style: normal; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: center; type: text; } .tp-caption.Woo-SubTitle, .Woo-SubTitle { font-size: 18px; line-height: 18px; font-weight: 300; font-family: Roboto; letter-spacing: 2px; } .tp-caption.Woo-PriceLarge, .Woo-PriceLarge { color: #000; font-size: 60px; line-height: 60px; font-weight: 700; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: center; type: text; } .tp-caption.Woo-ProductInfo, .Woo-ProductInfo { color: #000; font-size: 15px; line-height: 15px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 12px 75px 12px 50px; text-decoration: none; background-color: #fecf72; border: 1px solid #000; border-radius: 4px 4px 4px 4px; text-align: left; type: button; } .tp-caption.Woo-ProductInfo:hover, .Woo-ProductInfo:hover { color: #000; text-decoration: none; background-color: #f3a847; border: 1px solid #000; border-radius: 4px 4px 4px 4px; } .tp-caption.Woo-AddToCart, .Woo-AddToCart { color: #000; font-size: 15px; line-height: 15px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 12px 35px; text-decoration: none; background-color: #fecf72; border: 1px solid #000; border-radius: 4px 4px 4px 4px; text-align: left; type: button; } .tp-caption.Woo-AddToCart:hover, .Woo-AddToCart:hover { color: #000; text-decoration: none; background-color: #f3a847; border: 1px solid #000; border-radius: 4px 4px 4px 4px; } .FullScreen-Toggle, .tp-caption.FullScreen-Toggle { color: #fff; font-size: 20px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Raleway; padding: 11px 8px 11px 12px; text-decoration: none; background-color: rgba(0,0,0,.5); border: 0 solid hsla(0,0%,100%,0); border-radius: 0 0 0 0; letter-spacing: 3px; text-align: left; } .FullScreen-Toggle:hover, .tp-caption.FullScreen-Toggle:hover { color: #fff; text-decoration: none; background-color: #000; border: 0 solid hsla(0,0%,100%,0); border-radius: 0 0 0 0; } .Agency-Title, .tp-caption.Agency-Title { font-size: 70px; line-height: 70px; font-weight: 900; font-style: normal; font-family: lato; text-align: left; letter-spacing: 10px; } .Agency-SubTitle, .Agency-Title, .tp-caption.Agency-SubTitle, .tp-caption.Agency-Title { color: #fff; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; } .Agency-SubTitle, .tp-caption.Agency-SubTitle { font-size: 20px; line-height: 20px; font-weight: 400; font-style: italic; font-family: Georgia,serif; text-align: center; } .Agency-PlayBtn, .tp-caption.Agency-PlayBtn { font-size: 30px; line-height: 71px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0; text-align: center; } .Agency-PlayBtn, .Agency-PlayBtn:hover, .tp-caption.Agency-PlayBtn, .tp-caption.Agency-PlayBtn:hover { color: #fff; text-decoration: none; background-color: transparent; border: 2px solid #fff; border-radius: 100px 100px 100px 100px; } .Agency-PlayBtn:hover, .tp-caption.Agency-PlayBtn:hover { cursor: pointer; } .Agency-SmallText, .tp-caption.Agency-SmallText { color: #fff; font-size: 12px; line-height: 12px; font-weight: 900; font-style: normal; font-family: lato; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left; letter-spacing: 5px; } .Agency-Social, .tp-caption.Agency-Social { color: #333; font-size: 25px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Georgia,serif; padding: 0; text-decoration: none; background-color: transparent; border: 2px solid #333; border-radius: 30px 30px 30px 30px; text-align: center; } .Agency-Social:hover, .tp-caption.Agency-Social:hover { color: #fff; text-decoration: none; background-color: #333; border: 2px solid #333; border-radius: 30px 30px 30px 30px; cursor: pointer; } .Agency-CloseBtn, .tp-caption.Agency-CloseBtn { font-size: 50px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0; text-align: center; } .Agency-CloseBtn, .Agency-CloseBtn:hover, .tp-caption.Agency-CloseBtn, .tp-caption.Agency-CloseBtn:hover { color: #fff; text-decoration: none; background-color: transparent; border: 0 none hsla(0,0%,100%,0); border-radius: 100px 100px 100px 100px; } .Agency-CloseBtn:hover, .tp-caption.Agency-CloseBtn:hover { cursor: pointer; } .Dining-Title, .tp-caption.Dining-Title { font-size: 70px; line-height: 70px; letter-spacing: 10px; } .Dining-SubTitle, .Dining-Title, .tp-caption.Dining-SubTitle, .tp-caption.Dining-Title { color: #fff; font-weight: 400; font-style: normal; font-family: Georgia,serif; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left; } .Dining-SubTitle, .tp-caption.Dining-SubTitle { font-size: 20px; line-height: 20px; } .Dining-BtnLight, .tp-caption.Dining-BtnLight { color: hsla(0,0%,100%,.5); font-size: 15px; line-height: 15px; font-weight: 700; font-style: normal; font-family: Lato; padding: 17px 73px 17px 50px; text-decoration: none; background-color: transparent; border: 1px solid hsla(0,0%,100%,.25); border-radius: 0 0 0 0; text-align: left; letter-spacing: 2px; } .Dining-BtnLight:hover, .tp-caption.Dining-BtnLight:hover { color: #fff; text-decoration: none; background-color: transparent; border: 1px solid #fff; border-radius: 0 0 0 0; } .Dining-Social, .tp-caption.Dining-Social { color: #fff; font-size: 25px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Georgia,serif; padding: 0; text-decoration: none; background-color: transparent; border: 1px solid hsla(0,0%,100%,.25); border-radius: 30px 30px 30px 30px; text-align: center; } .Dining-Social:hover, .tp-caption.Dining-Social:hover { color: #fff; text-decoration: none; background-color: transparent; border: 1px solid #fff; border-radius: 30px 30px 30px 30px; cursor: pointer; } .Team-Thumb, tp-caption.Team-Thumb { font-size: 20px; line-height: 22px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0; text-align: left; } .Team-Thumb, .Team-Thumb:hover, .tp-caption.Team-Thumb:hover, tp-caption.Team-Thumb { color: #fff; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; } .Team-Thumb:hover, .tp-caption.Team-Thumb:hover { cursor: pointer; } .Team-Name, .tp-caption.Team-Name { color: #fff; font-size: 70px; line-height: 70px; font-weight: 900; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left; } .Team-Position, .tp-caption.Team-Position { font-size: 30px; line-height: 30px; font-family: Georgia,serif; } .Team-Description, .Team-Position, .tp-caption.Team-Description, .tp-caption.Team-Position { color: #fff; font-weight: 400; font-style: normal; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left; } .Team-Description, .tp-caption.Team-Description { font-size: 18px; line-height: 28px; font-family: Roboto; } .Team-Social, .tp-caption.Team-Social { font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0; text-align: center; } .Team-Social, .Team-Social:hover, .tp-caption.Team-Social, .tp-caption.Team-Social:hover { color: #fff; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; } .Team-Social:hover, .tp-caption.Team-Social:hover { cursor: pointer; } .tp-caption.VideoControls-Play, .VideoControls-Play { color: #000; font-size: 50px; line-height: 120px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0 0 0 7px; text-decoration: none; background-color: #fff; border: 0 solid #000; border-radius: 100px 100px 100px 100px; text-align: center; } .tp-caption.VideoControls-Play:hover, .VideoControls-Play:hover { color: #000; text-decoration: none; background-color: #fff; border: 0 solid #000; border-radius: 100px 100px 100px 100px; cursor: pointer; } .tp-caption.VideoPlayer-Title, .VideoPlayer-Title { font-size: 40px; line-height: 40px; font-weight: 900; font-style: normal; font-family: Lato; text-align: left; letter-spacing: 10px; } .tp-caption.VideoPlayer-SubTitle, .tp-caption.VideoPlayer-Title, .VideoPlayer-SubTitle, .VideoPlayer-Title { color: #fff; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; } .tp-caption.VideoPlayer-SubTitle, .VideoPlayer-SubTitle { font-size: 20px; line-height: 20px; font-weight: 400; font-style: italic; font-family: Georgia,serif; text-align: center; } .tp-caption.VideoPlayer-Social, .VideoPlayer-Social { color: #fff; font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: center; } .tp-caption.VideoPlayer-Social:hover, .VideoPlayer-Social:hover { color: #fff; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; cursor: pointer; } .tp-caption.VideoControls-Mute, .VideoControls-Mute { color: #000; font-size: 20px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; background-color: #fff; border: 0 solid #000; border-radius: 100px 100px 100px 100px; text-align: center; } .tp-caption.VideoControls-Mute:hover, .VideoControls-Mute:hover { color: #000; text-decoration: none; background-color: #fff; border: 0 solid #000; border-radius: 100px 100px 100px 100px; cursor: pointer; } .tp-caption.VideoControls-Pause, .VideoControls-Pause { color: #000; font-size: 20px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0; text-decoration: none; background-color: #fff; border: 0 solid #000; border-radius: 100px 100px 100px 100px; text-align: center; } .tp-caption.VideoControls-Pause:hover, .VideoControls-Pause:hover { color: #000; text-decoration: none; background-color: #fff; border: 0 solid #000; border-radius: 100px 100px 100px 100px; cursor: pointer; } .ares.tparrows { cursor: pointer; background: #fff; min-width: 60px; min-height: 60px; position: absolute; display: block; z-index: 100; border-radius: 50%; } .ares.tparrows:before { font-family: revicons; font-size: 25px; color: #aaa; display: block; line-height: 60px; text-align: center; -webkit-transition: color .3s; transition: color .3s; z-index: 2; position: relative; } .ares.tparrows.tp-leftarrow:before { content: "\e81f"; } .ares.tparrows.tp-rightarrow:before { content: "\e81e"; } .ares.tparrows:hover:before { color: #000; } .ares .tp-title-wrap { position: absolute; z-index: 1; display: inline-block; background: #fff; min-height: 60px; line-height: 60px; top: 0; margin-left: 30px; border-radius: 0 30px 30px 0; overflow: hidden; -webkit-transition: -webkit-transform .3s; transition: transform .3s; transform: scaleX(0); -webkit-transform: scaleX(0); transform-origin: 0 50%; -webkit-transform-origin: 0 50%; } .ares.tp-rightarrow .tp-title-wrap { right: 0; margin-right: 30px; margin-left: 0; -webkit-transform-origin: 100% 50%; border-radius: 30px 0 0 30px; } .ares.tparrows:hover .tp-title-wrap { transform: scaleX(1) scaleY(1); -webkit-transform: scaleX(1) scaleY(1); } .ares .tp-arr-titleholder { position: relative; -webkit-transition: -webkit-transform .3s; transition: transform .3s; transform: translateX(200px); text-transform: uppercase; color: #000; font-weight: 400; font-size: 14px; line-height: 60px; white-space: nowrap; padding: 0 20px; margin-left: 10px; opacity: 0; } .ares.tp-rightarrow .tp-arr-titleholder { transform: translateX(-200px); margin-left: 0; margin-right: 10px; } .ares.tparrows:hover .tp-arr-titleholder { transform: translateX(0); -webkit-transform: translateX(0); transition-delay: .1s; opacity: 1; } .ares.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; } .ares .tp-bullet { width: 13px; height: 13px; position: absolute; background: #e5e5e5; border-radius: 50%; cursor: pointer; box-sizing: content-box; } .ares .tp-bullet.selected, .ares .tp-bullet:hover { background: #fff; } .ares .tp-bullet-title { position: absolute; color: #888; font-size: 12px; padding: 0 10px; font-weight: 600; right: 27px; top: -4px; background: #fff; background: hsla(0,0%,100%,.75); visibility: hidden; transform: translateX(-20px); -webkit-transform: translateX(-20px); transition: transform .3s; -webkit-transition: transform .3s; line-height: 20px; white-space: nowrap; } .ares .tp-bullet-title:after { width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent hsla(0,0%,100%,.75); content: " "; position: absolute; right: -10px; top: 0; } .ares .tp-bullet:hover .tp-bullet-title { visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); } .ares .tp-bullet.selected:hover .tp-bullet-title { background: #fff; } .ares .tp-bullet.selected:hover .tp-bullet-title:after { border-color: transparent transparent transparent #fff; } .ares.tp-bullets:hover .tp-bullet-title { visibility: hidden; } .ares.tp-bullets:hover .tp-bullet:hover .tp-bullet-title { visibility: visible; } .ares .tp-tab { opacity: 1; padding: 10px; box-sizing: border-box; font-family: Roboto,sans-serif; border-bottom: 1px solid #e5e5e5; } .ares .tp-tab-image { width: 60px; height: 60px; max-height: 100%; max-width: 100%; position: relative; display: inline-block; float: left; } .ares .tp-tab-content { background: transparent; position: relative; padding: 15px 15px 15px 85px; left: 0; overflow: hidden; margin-top: -15px; box-sizing: border-box; color: #333; display: inline-block; width: 100%; height: 100%; position: absolute; } .ares .tp-tab-date { display: block; color: #aaa; font-weight: 500; font-size: 12px; margin-bottom: 0; } .ares .tp-tab-title { display: block; text-align: left; color: #333; font-size: 14px; font-weight: 500; text-transform: none; line-height: 17px; } .ares .tp-tab.selected, .ares .tp-tab:hover { background: #eee; } .custom.tparrows { cursor: pointer; background: #000; background: rgba(0,0,0,.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 100; } .custom.tparrows:hover { background: #000; } .custom.tparrows:before { font-family: revicons; font-size: 15px; color: #fff; display: block; line-height: 40px; text-align: center; } .custom.tparrows.tp-leftarrow:before { content: "\e824"; } .custom.tparrows.tp-rightarrow:before { content: "\e825"; } .custom.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; } .custom .tp-bullet { width: 12px; height: 12px; position: absolute; background: #aaa; background: hsla(0,0%,49%,.5); cursor: pointer; box-sizing: content-box; } .custom .tp-bullet.selected, .custom .tp-bullet:hover { background: #7d7d7d; } .dione.tparrows { height: 100%; width: 100px; background: transparent; line-height: 100%; transition: all .3s; -webkit-transition: all .3s; } .dione.tparrows:hover { background: rgba(0,0,0,.45); } .dione .tp-arr-imgwrapper { width: 100px; left: 0; position: absolute; height: 100%; top: 0; overflow: hidden; } .dione.tp-rightarrow .tp-arr-imgwrapper { left: auto; right: 0; } .dione .tp-arr-imgholder { background-position: 50%; background-size: cover; width: 100px; height: 100%; top: 0; visibility: hidden; transform: translateX(-50px); -webkit-transform: translateX(-50px); transition: all .3s; -webkit-transition: all .3s; opacity: 0; left: 0; } .dione.tparrows.tp-rightarrow .tp-arr-imgholder { right: 0; left: auto; transform: translateX(50px); -webkit-transform: translateX(50px); } .dione.tparrows:before { position: absolute; line-height: 30px; margin-left: -22px; top: 50%; left: 50%; font-size: 30px; margin-top: -15px; transition: all .3s; -webkit-transition: all .3s; } .dione.tparrows.tp-rightarrow:before { margin-left: 6px; } .dione.tparrows:hover:before { transform: translateX(-20px); -webkit-transform: translateX(-20px); opacity: 0; } .dione.tparrows.tp-rightarrow:hover:before { transform: translateX(20px); -webkit-transform: translateX(20px); } .dione.tparrows:hover .tp-arr-imgholder { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; visibility: visible; } .dione .tp-bullet { opacity: 1; width: 50px; height: 50px; padding: 3px; background: #000; background-color: rgba(0,0,0,.25); margin: 0; box-sizing: border-box; transition: all .3s; -webkit-transition: all .3s; } .dione .tp-bullet-image { display: block; box-sizing: border-box; position: relative; box-shadow: inset 5px 5px 10px 0 rgba(0,0,0,.25); width: 44px; height: 44px; background-size: cover; background-position: 50%; } .dione .tp-bullet-title { position: absolute; bottom: 65px; display: inline-block; left: 50%; background: #000; background: rgba(0,0,0,.75); color: #fff; padding: 10px 30px; border-radius: 4px; -webkit-border-radius: 4px; transition: all .3s; -webkit-transition: all .3s; transform: translateZ(.001px) translateX(-50%) translateY(14px); transform-origin: 50% 100%; -webkit-transform: translateZ(.001px) translateX(-50%) translateY(14px); -webkit-transform-origin: 50% 100%; opacity: 0; white-space: nowrap; } .dione .tp-bullet:hover .tp-bullet-title { transform: rotateX(0deg) translateX(-50%); -webkit-transform: rotateX(0deg) translateX(-50%); opacity: 1; } .dione .tp-bullet.selected, .dione .tp-bullet:hover { background: #fff; background: -webkit-gradient(left top,left bottom,color-stop(0,#fff),color-stop(100%,#777)); background: -webkit-linear-gradient(top,#fff,#777); background: linear-gradient(180deg,#fff 0,#777); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#777777",GradientType=0); } .dione .tp-bullet-title:after { content: " "; position: absolute; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0; border-color: rgba(0,0,0,.75) transparent transparent; bottom: -8px; } .erinyen.tparrows { cursor: pointer; background: #000; background: rgba(0,0,0,.5); min-width: 70px; min-height: 70px; position: absolute; display: block; z-index: 100; border-radius: 35px; } .erinyen.tparrows:before { font-family: revicons; font-size: 20px; color: #fff; display: block; line-height: 70px; text-align: center; z-index: 2; position: relative; } .erinyen.tparrows.tp-leftarrow:before { content: "\e824"; } .erinyen.tparrows.tp-rightarrow:before { content: "\e825"; } .erinyen .tp-title-wrap { position: absolute; z-index: 1; display: inline-block; background: #000; background: rgba(0,0,0,.5); min-height: 70px; line-height: 70px; top: 0; margin-left: 0; border-radius: 35px; overflow: hidden; transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -webkit-transform: scale(0); transform: scale(0); visibility: hidden; opacity: 0; } .erinyen.tparrows:hover .tp-title-wrap { -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; } .erinyen.tp-rightarrow .tp-title-wrap { right: 0; margin-right: 0; margin-left: 0; -webkit-transform-origin: 100% 50%; border-radius: 35px; padding-right: 20px; padding-left: 10px; } .erinyen.tp-leftarrow .tp-title-wrap { padding-left: 20px; padding-right: 10px; } .erinyen .tp-arr-titleholder { letter-spacing: 3px; position: relative; -webkit-transition: -webkit-transform .3s; transition: transform .3s; transform: translateX(200px); text-transform: uppercase; color: #fff; font-weight: 600; font-size: 13px; line-height: 70px; white-space: nowrap; padding: 0 20px; margin-left: 11px; opacity: 0; } .erinyen .tp-arr-imgholder { background-position: 50%; background-size: cover; } .erinyen .tp-arr-img-over, .erinyen .tp-arr-imgholder { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .erinyen .tp-arr-img-over { background: #000; background: rgba(0,0,0,.5); } .erinyen.tp-rightarrow .tp-arr-titleholder { transform: translateX(-200px); margin-left: 0; margin-right: 11px; } .erinyen.tparrows:hover .tp-arr-titleholder { transform: translateX(0); -webkit-transform: translateX(0); transition-delay: .1s; opacity: 1; } .erinyen.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: #555; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#555),color-stop(100%,#222)); background: -webkit-linear-gradient(top,#555,#222); background: linear-gradient(180deg,#555 0,#222); filter: progid:dximagetransform.microsoft.gradient(startcolorstr="#555555",endcolorstr="#222222",gradienttype=0); padding: 10px 15px; margin-left: -15px; margin-top: -10px; box-sizing: content-box; border-radius: 10px; box-shadow: 0 0 2px 1px rgba(33,33,33,.3); } .erinyen .tp-bullet { width: 13px; height: 13px; position: absolute; background: #111; border-radius: 50%; cursor: pointer; box-sizing: content-box; } .erinyen .tp-bullet.selected, .erinyen .tp-bullet:hover { background: #e5e5e5; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#e5e5e5),color-stop(100%,#999)); background: -webkit-linear-gradient(top,#e5e5e5,#999); background: linear-gradient(180deg,#e5e5e5 0,#999); filter: progid:dximagetransform.microsoft.gradient(startcolorstr="#e5e5e5",endcolorstr="#999999",gradienttype=0); border: 1px solid #555; width: 12px; height: 12px; } .erinyen .tp-thumb { opacity: 1; } .erinyen .tp-thumb-over { background: #000; background: rgba(0,0,0,.25); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all .3s; transition: all .3s; } .erinyen .tp-thumb-more:before { font-family: revicons; color: #aaa; color: hsla(0,0%,100%,.75); line-height: 12px; top: 20px; right: 20px; content: "\e825"; } .erinyen .tp-thumb-more:before, .erinyen .tp-thumb-title { font-size: 12px; display: block; text-align: left; position: absolute; z-index: 2; } .erinyen .tp-thumb-title { font-family: Raleway; letter-spacing: 1px; color: #fff; line-height: 15px; top: 0; left: 0; padding: 20px 35px 20px 20px; width: 100%; height: 100%; box-sizing: border-box; transition: all .3s; -webkit-transition: all .3s; font-weight: 500; } .erinyen .tp-thumb.selected .tp-thumb-more:before, .erinyen .tp-thumb:hover .tp-thumb-more:before { color: #aaa; } .erinyen .tp-thumb.selected .tp-thumb-over, .erinyen .tp-thumb:hover .tp-thumb-over { background: #fff; } .erinyen .tp-thumb.selected .tp-thumb-title, .erinyen .tp-thumb:hover .tp-thumb-title { color: #000; } .erinyen .tp-tab-title { color: #a8d8ee; font-size: 13px; font-weight: 700; text-transform: uppercase; font-family: Roboto Slab; margin-bottom: 5px; } .erinyen .tp-tab-desc { font-size: 18px; font-weight: 400; color: #fff; line-height: 25px; font-family: Roboto Slab; } .gyges.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: #777; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#777),color-stop(100%,#666)); background: -webkit-linear-gradient(top,#777,#666); background: linear-gradient(180deg,#777 0,#666); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#777777",endColorstr="#666666",GradientType=0); padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; border-radius: 10px; } .gyges .tp-bullet { width: 12px; height: 12px; position: absolute; background: #333; border: 3px solid #444; border-radius: 50%; cursor: pointer; box-sizing: content-box; } .gyges .tp-bullet.selected, .gyges .tp-bullet:hover { background: #fff; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e1e1e1)); background: -webkit-linear-gradient(top,#fff,#e1e1e1); background: linear-gradient(180deg,#fff 0,#e1e1e1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e1e1e1",GradientType=0); } .gyges .tp-thumb { opacity: 1; } .gyges .tp-thumb-img-wrap { background: #000; background-color: rgba(0,0,0,.25); display: inline-block; width: 100%; height: 100%; margin: 0; transition: all .3s; -webkit-transition: all .3s; } .gyges .tp-thumb-image, .gyges .tp-thumb-img-wrap { padding: 3px; position: relative; box-sizing: border-box; } .gyges .tp-thumb-image { display: block; box-shadow: inset 5px 5px 10px 0 rgba(0,0,0,.25); } .gyges .tp-thumb-title { position: absolute; bottom: 100%; display: inline-block; left: 50%; background: hsla(0,0%,100%,.8); padding: 10px 30px; border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 20px; opacity: 0; transition: all .3s; -webkit-transition: all .3s; transform: translateZ(.001px) translateX(-50%) translateY(14px); transform-origin: 50% 100%; -webkit-transform: translateZ(.001px) translateX(-50%) translateY(14px); -webkit-transform-origin: 50% 100%; white-space: nowrap; } .gyges .tp-thumb:hover .tp-thumb-title { transform: rotateX(0deg) translateX(-50%); -webkit-transform: rotateX(0deg) translateX(-50%); opacity: 1; } .gyges .tp-thumb.selected .tp-thumb-img-wrap, .gyges .tp-thumb:hover .tp-thumb-img-wrap { background: #fff; background: -webkit-gradient(left top,left bottom,color-stop(0,#fff),color-stop(100%,#777)); background: -webkit-linear-gradient(top,#fff,#777); background: linear-gradient(180deg,#fff 0,#777); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#777777",GradientType=0); } .gyges .tp-thumb-title:after { content: " "; position: absolute; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0; border-color: hsla(0,0%,100%,.8) transparent transparent; bottom: -8px; } .gyges .tp-tab { opacity: 1; padding: 10px; box-sizing: border-box; font-family: Roboto,sans-serif; border-bottom: 1px solid hsla(0,0%,100%,.15); } .gyges .tp-tab-image { width: 60px; height: 60px; max-height: 100%; max-width: 100%; position: relative; display: inline-block; float: left; } .gyges .tp-tab-content { background: transparent; position: relative; padding: 15px 15px 15px 85px; left: 0; overflow: hidden; margin-top: -15px; box-sizing: border-box; color: #333; display: inline-block; width: 100%; height: 100%; position: absolute; } .gyges .tp-tab-date { display: block; color: hsla(0,0%,100%,.25); font-weight: 500; font-size: 12px; margin-bottom: 0; } .gyges .tp-tab-title { display: block; text-align: left; color: #fff; font-size: 14px; font-weight: 500; text-transform: none; line-height: 17px; } .gyges .tp-tab.selected, .gyges .tp-tab:hover { background: rgba(0,0,0,.5); } .hades.tparrows { cursor: pointer; background: #000; background: rgba(0,0,0,.15); width: 100px; height: 100px; position: absolute; display: block; z-index: 100; } .hades.tparrows:before { font-family: revicons; font-size: 30px; color: #fff; display: block; line-height: 100px; text-align: center; transition: background .3s,color .3s; } .hades.tparrows.tp-leftarrow:before { content: "\e824"; } .hades.tparrows.tp-rightarrow:before { content: "\e825"; } .hades.tparrows:hover:before { color: #aaa; background: #fff; } .hades .tp-arr-allwrapper { position: absolute; left: 100%; top: 0; background: #888; width: 100px; height: 100px; -webkit-transition: all .3s; transition: all .3s; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: rotatey(-90deg); transform: rotatey(-90deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .hades.tp-rightarrow .tp-arr-allwrapper { left: auto; right: 100%; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotatey(90deg); transform: rotatey(90deg); } .hades:hover .tp-arr-allwrapper { -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: rotatey(0deg); transform: rotatey(0deg); } .hades .tp-arr-imgholder { background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hades.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; } .hades .tp-bullet { width: 3px; height: 3px; position: absolute; background: #888; cursor: pointer; border: 5px solid #fff; box-sizing: content-box; box-shadow: 0 0 3px 1px rgba(0,0,0,.2); -webkit-perspective: 400; perspective: 400; -webkit-transform: translatez(.01px); transform: translatez(.01px); } .hades .tp-bullet.selected, .hades .tp-bullet:hover { background: #555; } .hades .tp-bullet-image { position: absolute; top: -80px; left: -60px; width: 120px; height: 60px; background-position: 50%; background-size: cover; visibility: hidden; opacity: 0; transition: all .3s; -webkit-transform-style: flat; transform-style: flat; perspective: 600; -webkit-perspective: 600; transform: rotatex(-90deg); -webkit-transform: rotatex(-90deg); box-shadow: 0 0 3px 1px rgba(0,0,0,.2); transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; } .hades .tp-bullet:hover .tp-bullet-image { display: block; opacity: 1; transform: rotatex(0deg); -webkit-transform: rotatex(0deg); visibility: visible; } .hades .tp-thumb { opacity: 1; } .hades .tp-thumb-img-wrap { display: inline-block; background: #000; background-color: rgba(0,0,0,.25); width: 100%; height: 100%; margin: 0; transition: all .3s; -webkit-transition: all .3s; } .hades .tp-thumb-image, .hades .tp-thumb-img-wrap { border-radius: 50%; padding: 3px; position: relative; box-sizing: border-box; } .hades .tp-thumb-image { display: block; box-shadow: inset 5px 5px 10px 0 rgba(0,0,0,.25); } .hades .tp-thumb.selected .tp-thumb-img-wrap, .hades .tp-thumb:hover .tp-thumb-img-wrap { background: #fff; background: -webkit-gradient(left top,left bottom,color-stop(0,#fff),color-stop(100%,#777)); background: -webkit-linear-gradient(top,#fff,#777); background: linear-gradient(180deg,#fff 0,#777); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#777777",GradientType=0); } .hades .tp-thumb-title:after { content: " "; position: absolute; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0; border-color: rgba(0,0,0,.75) transparent transparent; bottom: -8px; } .hades .tp-tab { opacity: 1; } .hades .tp-tab-title { display: block; color: #333; font-weight: 600; font-size: 18px; text-align: center; line-height: 25px; } .hades .tp-tab-price { display: block; text-align: center; color: #999; font-size: 16px; margin-top: 10px; line-height: 20px; } .hades .tp-tab-button { display: inline-block; margin-top: 15px; text-align: center; padding: 5px 15px; color: #fff; font-size: 14px; background: #219bd7; border-radius: 4px; font-weight: 400; } .hades .tp-tab-inner { text-align: center; } .hebe.tparrows { cursor: pointer; background: #fff; min-width: 70px; min-height: 70px; position: absolute; display: block; z-index: 100; } .hebe.tparrows:before { font-family: revicons; font-size: 30px; color: #aaa; display: block; line-height: 70px; text-align: center; -webkit-transition: color .3s; transition: color .3s; z-index: 2; position: relative; background: #fff; min-width: 70px; min-height: 70px; } .hebe.tparrows.tp-leftarrow:before { content: "\e824"; } .hebe.tparrows.tp-rightarrow:before { content: "\e825"; } .hebe.tparrows:hover:before { color: #000; } .hebe .tp-title-wrap { position: absolute; z-index: 0; display: inline-block; background: #000; background: rgba(0,0,0,.75); min-height: 60px; line-height: 60px; top: -10px; margin-left: 0; -webkit-transition: -webkit-transform .3s; transition: transform .3s; transform: scaleX(0); -webkit-transform: scaleX(0); transform-origin: 0 50%; -webkit-transform-origin: 0 50%; } .hebe.tp-rightarrow .tp-title-wrap { right: 0; -webkit-transform-origin: 100% 50%; } .hebe.tparrows:hover .tp-title-wrap { transform: scaleX(1); -webkit-transform: scaleX(1); } .hebe .tp-arr-titleholder { position: relative; text-transform: uppercase; color: #fff; font-weight: 600; font-size: 12px; line-height: 90px; white-space: nowrap; padding: 0 20px 0 90px; } .hebe.tp-rightarrow .tp-arr-titleholder { margin-left: 0; padding: 0 90px 0 20px; } .hebe.tparrows:hover .tp-arr-titleholder { transform: translateX(0); -webkit-transform: translateX(0); transition-delay: .1s; opacity: 1; } .hebe .tp-arr-imgholder { width: 90px; height: 90px; position: absolute; left: 100%; display: block; background-size: cover; background-position: 50%; top: 0; right: -90px; } .hebe.tp-rightarrow .tp-arr-imgholder { right: auto; left: -90px; } .hebe.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; } .hebe .tp-bullet { width: 3px; height: 3px; position: absolute; background: #fff; cursor: pointer; border: 5px solid #222; border-radius: 50%; box-sizing: content-box; -webkit-perspective: 400; perspective: 400; -webkit-transform: translateZ(.01px); transform: translateZ(.01px); transition: all .3s; } .hebe .tp-bullet.selected, .hebe .tp-bullet:hover { background: #222; border-color: #fff; } .hebe .tp-bullet-image { position: absolute; top: -90px; left: -40px; width: 70px; height: 70px; background-position: 50%; background-size: cover; visibility: hidden; opacity: 0; transition: all .3s; -webkit-transform-style: flat; transform-style: flat; perspective: 600; -webkit-perspective: 600; transform: scale(0); -webkit-transform: scale(0); transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; border-radius: 6px; } .hebe .tp-bullet:hover .tp-bullet-image { display: block; opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; } .hebe .tp-tab-title { color: #a8d8ee; font-size: 13px; font-weight: 700; text-transform: uppercase; font-family: Roboto Slab; margin-bottom: 5px; } .hebe .tp-tab-desc { font-size: 18px; font-weight: 400; color: #fff; line-height: 25px; font-family: Roboto Slab; } .hephaistos.tparrows { cursor: pointer; background: #000; background: rgba(0,0,0,.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 100; border-radius: 50%; } .hephaistos.tparrows:hover { background: #000; } .hephaistos.tparrows:before { font-family: revicons; font-size: 18px; color: #fff; display: block; line-height: 40px; text-align: center; } .hephaistos.tparrows.tp-leftarrow:before { content: "\e82c"; margin-left: -2px; } .hephaistos.tparrows.tp-rightarrow:before { content: "\e82d"; margin-right: -2px; } .hephaistos.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; } .hephaistos .tp-bullet { width: 12px; height: 12px; position: absolute; background: #999; border: 3px solid #f5f5f5; border-radius: 50%; cursor: pointer; box-sizing: content-box; box-shadow: 0 0 2px 1px hsla(0,0%,51%,.3); } .hephaistos .tp-bullet.selected, .hephaistos .tp-bullet:hover { background: #fff; border-color: #000; } .hermes.tparrows { cursor: pointer; background: #000; background: rgba(0,0,0,.5); width: 30px; height: 110px; position: absolute; display: block; z-index: 100; } .hermes.tparrows:before { font-family: revicons; font-size: 15px; color: #fff; display: block; line-height: 110px; text-align: center; transform: translateX(0); -webkit-transform: translateX(0); transition: all .3s; -webkit-transition: all .3s; } .hermes.tparrows.tp-leftarrow:before { content: "\e824"; } .hermes.tparrows.tp-rightarrow:before { content: "\e825"; } .hermes.tparrows.tp-leftarrow:hover:before { transform: translateX(-20px); -webkit-transform: translateX(-20px); opacity: 0; } .hermes.tparrows.tp-rightarrow:hover:before { transform: translateX(20px); -webkit-transform: translateX(20px); opacity: 0; } .hermes .tp-arr-allwrapper { overflow: hidden; position: absolute; width: 180px; height: 140px; top: 0; left: 0; visibility: hidden; -webkit-transition: -webkit-transform .3s .3s; transition: transform .3s .3s; -webkit-perspective: 1000px; perspective: 1000px; } .hermes.tp-rightarrow .tp-arr-allwrapper { right: 0; left: auto; } .hermes.tparrows:hover .tp-arr-allwrapper { visibility: visible; } .hermes .tp-arr-imgholder { width: 180px; position: absolute; left: 0; top: 0; height: 110px; transform: translateX(-180px); -webkit-transform: translateX(-180px); transition: all .3s; transition-delay: .3s; } .hermes.tp-rightarrow .tp-arr-imgholder { transform: translateX(180px); -webkit-transform: translateX(180px); } .hermes.tparrows:hover .tp-arr-imgholder { transform: translateX(0); -webkit-transform: translateX(0); } .hermes .tp-arr-titleholder { top: 110px; width: 180px; text-align: left; display: block; padding: 0 10px; line-height: 30px; background: #000; background: rgba(0,0,0,.75); color: #fff; font-weight: 600; position: absolute; font-size: 12px; white-space: nowrap; letter-spacing: 1px; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; box-sizing: border-box; } .hermes.tparrows:hover .tp-arr-titleholder { -webkit-transition-delay: .6s; transition-delay: .6s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .hermes .tp-bullet { overflow: hidden; border-radius: 50%; width: 16px; height: 16px; background-color: transparent; box-shadow: inset 0 0 0 2px #fff; -webkit-transition: background .3s ease; transition: background .3s ease; position: absolute; } .hermes .tp-bullet:hover { background-color: rgba(0,0,0,.2); } .hermes .tp-bullet:after { content: ' '; position: absolute; bottom: 0; height: 0; left: 0; width: 100%; background-color: #fff; box-shadow: 0 0 1px #fff; -webkit-transition: height .3s ease; transition: height .3s ease; } .hermes .tp-bullet.selected:after { height: 100%; } .hermes .tp-tab { opacity: 1; padding-right: 10px; box-sizing: border-box; } .hermes .tp-tab-image { width: 100%; height: 60%; position: relative; } .hermes .tp-tab-content { background: #363636; position: absolute; padding: 20px 20px 20px 30px; box-sizing: border-box; color: #fff; display: block; width: 100%; min-height: 40%; bottom: 0; left: -10px; } .hermes .tp-tab-date { display: block; color: #888; font-weight: 600; font-size: 12px; margin-bottom: 10px; } .hermes .tp-tab-title { display: block; color: #fff; font-size: 16px; font-weight: 800; text-transform: uppercase; line-height: 19px; } .hermes .tp-tab.selected .tp-tab-title:after { width: 0; height: 0; border-style: solid; border-width: 30px 0 30px 10px; border-color: transparent transparent transparent #363636; content: " "; position: absolute; right: -9px; bottom: 50%; margin-bottom: -30px; } .hermes .tp-tab-mask { padding-right: 10px !important; } @media only screen and (max-width:960px) { .hermes .tp-tab .tp-tab-title { font-size: 14px; line-height: 16px; } .hermes .tp-tab-date { font-size: 11px; line-height: 13px; margin-bottom: 10px; } .hermes .tp-tab-content { padding: 15px 15px 15px 25px; } } @media only screen and (max-width:768px) { .hermes .tp-tab .tp-tab-title { font-size: 12px; line-height: 14px; } .hermes .tp-tab-date { font-size: 10px; line-height: 12px; margin-bottom: 5px; } .hermes .tp-tab-content { padding: 10px 10px 10px 20px; } } .hesperiden.tparrows { cursor: pointer; background: #000; background: rgba(0,0,0,.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 100; border-radius: 50%; } .hesperiden.tparrows:hover { background: #000; } .hesperiden.tparrows:before { font-family: revicons; font-size: 20px; color: #fff; display: block; line-height: 40px; text-align: center; } .hesperiden.tparrows.tp-leftarrow:before { content: "\e82c"; margin-left: -3px; } .hesperiden.tparrows.tp-rightarrow:before { content: "\e82d"; margin-right: -3px; } .hesperiden.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; border-radius: 8px; } .hesperiden .tp-bullet { width: 12px; height: 12px; position: absolute; background: #999; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#999),color-stop(100%,#e1e1e1)); background: -webkit-linear-gradient(top,#999,#e1e1e1); background: linear-gradient(180deg,#999 0,#e1e1e1); filter: progid:dximagetransform.microsoft.gradient(startcolorstr="#999999",endcolorstr="#e1e1e1",gradienttype=0); border: 3px solid #e5e5e5; border-radius: 50%; cursor: pointer; box-sizing: content-box; } .hesperiden .tp-bullet.selected, .hesperiden .tp-bullet:hover { background: #666; } .hesperiden .tp-thumb { opacity: 1; -webkit-perspective: 600px; perspective: 600px; } .hesperiden .tp-thumb .tp-thumb-title { font-size: 12px; position: absolute; margin-top: -10px; color: #fff; display: block; z-index: 1000; background-color: #000; padding: 5px 10px; bottom: 0; left: 0; width: 100%; box-sizing: border-box; text-align: center; overflow: hidden; white-space: nowrap; transition: all .3s; -webkit-transition: all .3s; transform: rotatex(90deg) translatez(.001px); transform-origin: 50% 100%; -webkit-transform: rotatex(90deg) translatez(.001px); -webkit-transform-origin: 50% 100%; opacity: 0; } .hesperiden .tp-thumb:hover .tp-thumb-title { transform: rotatex(0deg); -webkit-transform: rotatex(0deg); opacity: 1; } .hesperiden .tp-tab { opacity: 1; padding: 10px; box-sizing: border-box; font-family: Roboto,sans-serif; border-bottom: 1px solid #e5e5e5; } .hesperiden .tp-tab-image { width: 60px; height: 60px; max-height: 100%; max-width: 100%; position: relative; display: inline-block; float: left; } .hesperiden .tp-tab-content { background: transparent; position: relative; padding: 15px 15px 15px 85px; left: 0; overflow: hidden; margin-top: -15px; box-sizing: border-box; color: #333; display: inline-block; width: 100%; height: 100%; position: absolute; } .hesperiden .tp-tab-date { display: block; color: #aaa; font-weight: 500; font-size: 12px; margin-bottom: 0; } .hesperiden .tp-tab-title { display: block; text-align: left; color: #333; font-size: 14px; font-weight: 500; text-transform: none; line-height: 17px; } .hesperiden .tp-tab.selected, .hesperiden .tp-tab:hover { background: #eee; } .metis.tparrows { background: #fff; padding: 10px; transition: all .3s; -webkit-transition: all .3s; width: 60px; height: 60px; box-sizing: border-box; } .metis.tparrows:hover { background: #fff; background: hsla(0,0%,100%,.75); } .metis.tparrows:before { color: #000; transition: all .3s; -webkit-transition: all .3s; } .metis.tparrows:hover:before { transform: scale(1.5); } .metis .tp-bullet { opacity: 1; width: 50px; height: 50px; padding: 3px; background: #000; background-color: rgba(0,0,0,.25); margin: 0; box-sizing: border-box; transition: all .3s; -webkit-transition: all .3s; border-radius: 50%; } .metis .tp-bullet-image { border-radius: 50%; display: block; box-sizing: border-box; position: relative; box-shadow: inset 5px 5px 10px 0 rgba(0,0,0,.25); width: 44px; height: 44px; background-size: cover; background-position: 50%; } .metis .tp-bullet-title { position: absolute; bottom: 65px; display: inline-block; left: 50%; background: #000; background: rgba(0,0,0,.75); color: #fff; padding: 10px 30px; border-radius: 4px; -webkit-border-radius: 4px; transition: all .3s; -webkit-transition: all .3s; transform: translateZ(.001px) translateX(-50%) translateY(14px); transform-origin: 50% 100%; -webkit-transform: translateZ(.001px) translateX(-50%) translateY(14px); -webkit-transform-origin: 50% 100%; opacity: 0; white-space: nowrap; } .metis .tp-bullet:hover .tp-bullet-title { transform: rotateX(0deg) translateX(-50%); -webkit-transform: rotateX(0deg) translateX(-50%); opacity: 1; } .metis .tp-bullet.selected, .metis .tp-bullet:hover { background: #fff; background: -webkit-gradient(left top,left bottom,color-stop(0,#fff),color-stop(100%,#777)); background: -webkit-linear-gradient(top,#fff,#777); background: linear-gradient(180deg,#fff 0,#777); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#777777",GradientType=0); } .metis .tp-bullet-title:after { content: " "; position: absolute; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0; border-color: rgba(0,0,0,.75) transparent transparent; bottom: -8px; } .metis .tp-tab-number { color: #fff; font-size: 40px; line-height: 30px; font-weight: 400; font-family: Playfair Display; width: 50px; margin-right: 17px; display: inline-block; float: left; } .metis .tp-tab-mask { padding-left: 20px; left: 0; max-width: 90px !important; transition: .4s padding-left,.4s left,.4s max-width; } .metis:hover .tp-tab-mask { padding-left: 0; left: 50px; max-width: 500px !important; } .metis .tp-tab-divider { border-right: 1px solid transparent; height: 30px; width: 1px; margin-top: 5px; display: inline-block; float: left; } .metis .tp-tab-title { color: #fff; font-size: 20px; line-height: 20px; font-weight: 400; font-family: Playfair Display; position: relative; padding-top: 10px; padding-left: 30px; display: inline-block; transform: translateX(-100%); transition: .4s all; } .metis .tp-tab-title-mask { position: absolute; overflow: hidden; left: 67px; } .metis:hover .tp-tab-title { transform: translateX(0); } .metis .tp-tab { opacity: .15; transition: .4s all; } .metis .tp-tab.selected, .metis .tp-tab:hover { opacity: 1; } .metis .tp-tab.selected .tp-tab-divider { border-right: 1px solid #cdb083; } .metis.tp-tabs { max-width: 118px !important; padding-left: 50px; } .metis.tp-tabs:before { content: " "; height: 100%; width: 88px; background: rgba(0,0,0,.15); border-right: 1px solid hsla(0,0%,100%,.1); left: 0; top: 0; position: absolute; transition: .4s all; } .metis.tp-tabs:hover:before { width: 118px; } @media (max-width:499px) { .metis.tp-tabs:before { background: rgba(0,0,0,.75); } } .persephone.tparrows { cursor: pointer; background: #aaa; background: hsla(0,0%,78%,.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 100; border: 1px solid #f5f5f5; } .persephone.tparrows:hover { background: #333; } .persephone.tparrows:before { font-family: revicons; font-size: 15px; color: #fff; display: block; line-height: 40px; text-align: center; } .persephone.tparrows.tp-leftarrow:before { content: "\e824"; } .persephone.tparrows.tp-rightarrow:before { content: "\e825"; } .persephone.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: #transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; } .persephone .tp-bullet { width: 12px; height: 12px; position: absolute; background: #aaa; border: 1px solid #e5e5e5; cursor: pointer; box-sizing: content-box; } .persephone .tp-bullet.selected, .persephone .tp-bullet:hover { background: #222; } .uranus.tparrows { width: 50px; height: 50px; background: transparent; } .uranus.tparrows:before { width: 50px; height: 50px; line-height: 50px; font-size: 40px; transition: all .3s; -webkit-transition: all .3s; } .uranus.tparrows:hover:before { opacity: .75; } .uranus .tp-bullet { border-radius: 50%; box-shadow: 0 0 0 2px hsla(0,0%,100%,0); -webkit-transition: box-shadow .3s ease; transition: box-shadow .3s ease; background: transparent; } .uranus .tp-bullet.selected, .uranus .tp-bullet:hover { box-shadow: 0 0 0 2px #fff; border: none; border-radius: 50%; background: transparent; } .uranus .tp-bullet-inner { background-color: hsla(0,0%,100%,.7); -webkit-transition: background-color .3s ease,-webkit-transform .3s ease; transition: background-color .3s ease,transform .3s ease; top: 0; left: 0; width: 100%; height: 100%; outline: none; border-radius: 50%; background-color: #fff; background-color: hsla(0,0%,100%,.3); text-indent: -999em; cursor: pointer; position: absolute; } .uranus .tp-bullet.selected .tp-bullet-inner, .uranus .tp-bullet:hover .tp-bullet-inner { transform: scale(.4); -webkit-transform: scale(.4); background-color: #fff; } .zeus.tparrows { cursor: pointer; min-width: 70px; min-height: 70px; position: absolute; display: block; z-index: 100; border-radius: 35px; overflow: hidden; background: rgba(0,0,0,.1); } .zeus.tparrows:before { font-family: revicons; font-size: 20px; color: #fff; display: block; line-height: 70px; text-align: center; z-index: 2; position: relative; } .zeus.tparrows.tp-leftarrow:before { content: "\e824"; } .zeus.tparrows.tp-rightarrow:before { content: "\e825"; } .zeus .tp-title-wrap { background: #000; background: rgba(0,0,0,.5); opacity: 0; transform: scale(0); -webkit-transform: scale(0); } .zeus .tp-arr-imgholder, .zeus .tp-title-wrap { width: 100%; height: 100%; top: 0; left: 0; position: absolute; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; border-radius: 50%; } .zeus .tp-arr-imgholder { background-position: 50%; background-size: cover; transform: translateX(-100%); -webkit-transform: translateX(-100%); } .zeus.tp-rightarrow .tp-arr-imgholder { transform: translateX(100%); -webkit-transform: translateX(100%); } .zeus.tparrows:hover .tp-arr-imgholder { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; } .zeus.tparrows:hover .tp-title-wrap { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } .zeus .tp-bullet { box-sizing: content-box; -webkit-box-sizing: content-box; border-radius: 50%; background-color: transparent; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; width: 13px; height: 13px; border: 2px solid #fff; } .zeus .tp-bullet:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; border-radius: 50%; background-color: #fff; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform .3s ease; transition: transform .3s ease; } .zeus .tp-bullet.selected:after, .zeus .tp-bullet:hover:after { -webkit-transform: scale(1.2); transform: scale(1.2); } .zeus .tp-bullet-image, .zeus .tp-bullet-imageoverlay { width: 135px; height: 60px; position: absolute; background: #000; background: rgba(0,0,0,.5); bottom: 25px; left: 50%; margin-left: -65px; box-sizing: border-box; background-size: cover; background-position: 50%; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all .3s ease; transition: all .3s ease; border-radius: 4px; } .zeus .tp-bullet-imageoverlay, .zeus .tp-bullet-title { z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease; } .zeus .tp-bullet-title { color: #fff; text-align: center; line-height: 15px; font-size: 13px; font-weight: 600; z-index: 3; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all .3s ease; transition: all .3s ease; position: absolute; bottom: 45px; width: 135px; vertical-align: middle; left: -57px; } .zeus .tp-bullet:hover .tp-bullet-image, .zeus .tp-bullet:hover .tp-bullet-imageoverlay, .zeus .tp-bullet:hover .tp-bullet-title { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .zeus .tp-thumb { opacity: 1; } .zeus .tp-thumb-over { background: #000; background: rgba(0,0,0,.25); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all .3s; transition: all .3s; } .zeus .tp-thumb-more:before { font-family: revicons; color: #aaa; color: hsla(0,0%,100%,.75); line-height: 12px; top: 20px; right: 20px; content: "\e825"; } .zeus .tp-thumb-more:before, .zeus .tp-thumb-title { font-size: 12px; display: block; text-align: left; position: absolute; z-index: 2; } .zeus .tp-thumb-title { font-family: Raleway; letter-spacing: 1px; color: #fff; line-height: 15px; top: 0; left: 0; padding: 20px 35px 20px 20px; width: 100%; height: 100%; box-sizing: border-box; transition: all .3s; -webkit-transition: all .3s; font-weight: 500; } .zeus .tp-thumb.selected .tp-thumb-more:before, .zeus .tp-thumb:hover .tp-thumb-more:before { color: #aaa; } .zeus .tp-thumb.selected .tp-thumb-over, .zeus .tp-thumb:hover .tp-thumb-over { background: #000; } .zeus .tp-thumb.selected .tp-thumb-title, .zeus .tp-thumb:hover .tp-thumb-title { color: #fff; } .zeus .tp-tab { opacity: 1; box-sizing: border-box; } .zeus .tp-tab-title { display: block; text-align: center; background: rgba(0,0,0,.25); font-family: Roboto Slab,serif; font-weight: 700; font-size: 13px; line-height: 13px; color: #fff; padding: 9px 10px; } .zeus .tp-tab.selected .tp-tab-title, .zeus .tp-tab:hover .tp-tab-title { color: #000; background: #fff; } .post-tabs .tp-thumb { opacity: 1; } .post-tabs .tp-thumb-over { background: #252525; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all .3s; transition: all .3s; } .post-tabs .tp-thumb-more:before { font-family: revicons; color: #aaa; color: hsla(0,0%,100%,.75); line-height: 12px; top: 15px; right: 15px; content: "\e825"; } .post-tabs .tp-thumb-more:before, .post-tabs .tp-thumb-title { font-size: 12px; display: block; text-align: left; position: absolute; z-index: 2; } .post-tabs .tp-thumb-title { font-family: raleway; letter-spacing: 1px; color: #fff; line-height: 15px; top: 0; left: 0; padding: 15px 30px 15px 15px; width: 100%; height: 100%; box-sizing: border-box; transition: all .3s; -webkit-transition: all .3s; font-weight: 500; } .post-tabs .tp-thumb.selected .tp-thumb-more:before, .post-tabs .tp-thumb:hover .tp-thumb-more:before { color: #aaa; } .post-tabs .tp-thumb.selected .tp-thumb-over, .post-tabs .tp-thumb:hover .tp-thumb-over { background: #fff; } .post-tabs .tp-thumb.selected .tp-thumb-title, .post-tabs .tp-thumb:hover .tp-thumb-title { color: #000; } /*! * Cube Portfolio - Responsive jQuery Grid Plugin * * version: 3.6.0 (18 March, 2016) * require: jQuery v1.7+ * * Copyright 2013-2016, Mihai Buricea (http://scriptpie.com/cubeportfolio/live-preview/) * Licensed under CodeCanyon License (http://codecanyon.net/licenses) * */ .cbp, .cbp *, .cbp-l-filters-alignCenter, .cbp-l-filters-alignCenter *, .cbp-l-filters-alignCenter .cbp-filter-counter:after, .cbp-l-filters-alignLeft, .cbp-l-filters-alignLeft *, .cbp-l-filters-alignRight, .cbp-l-filters-alignRight *, .cbp-l-filters-alignRight .cbp-filter-counter:after, .cbp-l-filters-big, .cbp-l-filters-big *, .cbp-l-filters-button, .cbp-l-filters-button *, .cbp-l-filters-button .cbp-filter-counter:after, .cbp-l-filters-buttonCenter, .cbp-l-filters-buttonCenter *, .cbp-l-filters-buttonCenter .cbp-filter-counter:after, .cbp-l-filters-dropdown, .cbp-l-filters-dropdown *, .cbp-l-filters-dropdownHeader:after, .cbp-l-filters-list, .cbp-l-filters-list *, .cbp-l-filters-text, .cbp-l-filters-text *, .cbp-l-filters-text .cbp-filter-counter:after, .cbp-l-filters-underline, .cbp-l-filters-underline *, .cbp-l-filters-work, .cbp-l-filters-work *, .cbp-l-loadMore-bgbutton, .cbp-l-loadMore-bgbutton *, .cbp-l-loadMore-button, .cbp-l-loadMore-button *, .cbp-l-loadMore-text, .cbp-l-loadMore-text *, .cbp-popup-loadingBox:after, .cbp-popup-wrap, .cbp-popup-wrap *, .cbp-popup-wrap:before, .cbp-search, .cbp-search *, .cbp-search-icon:after, .cbp:after, .cbp :after { box-sizing: border-box; } .cbp-l-grid-agency-desc, .cbp-l-grid-agency-title, .cbp-l-grid-blog-title, .cbp-l-grid-masonry-projects-desc, .cbp-l-grid-masonry-projects-title, .cbp-l-grid-projects-desc, .cbp-l-grid-projects-title, .cbp-l-grid-work-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cbp-l-filters-alignCenter, .cbp-l-filters-alignCenter *, .cbp-l-filters-alignLeft, .cbp-l-filters-alignLeft *, .cbp-l-filters-alignRight, .cbp-l-filters-alignRight *, .cbp-l-filters-big, .cbp-l-filters-big *, .cbp-l-filters-button, .cbp-l-filters-button *, .cbp-l-filters-buttonCenter, .cbp-l-filters-buttonCenter *, .cbp-l-filters-dropdown, .cbp-l-filters-dropdown *, .cbp-l-filters-list, .cbp-l-filters-list *, .cbp-l-filters-text, .cbp-l-filters-text *, .cbp-l-filters-underline, .cbp-l-filters-underline *, .cbp-l-filters-work, .cbp-l-filters-work * { -webkit-tap-highlight-color: transparent; } .cbp-lazyload:after, .cbp-popup-loadingBox:after, .cbp-popup-singlePageInline:after, .cbp:after { content: ''; position: absolute; width: 34px; height: 34px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-animation: cbp-rotation .8s infinite linear; animation: cbp-rotation .8s infinite linear; border-left: 3px solid rgba(114,144,182,.15); border-right: 3px solid rgba(114,144,182,.15); border-bottom: 3px solid rgba(114,144,182,.15); border-top: 3px solid rgba(114,144,182,.8); border-radius: 100%; } .cbp-item { display: inline-block; margin: 0 10px 20px 0; } .cbp { position: relative; margin: 0 auto; z-index: 1; height: 400px; } .cbp > * { visibility: hidden; } .cbp .cbp-item { position: absolute; top: 0; left: 0; list-style-type: none; margin: 0; padding: 0; } .cbp img { display: block; border: 0; width: 100%; height: auto; } .cbp a, .cbp a:active, .cbp a:hover { text-decoration: none; outline: 0; } .cbp-ready > * { visibility: visible; } .cbp-ready:after { display: none; visibility: hidden; } .cbp-lazyload { position: relative; background: #fff; display: block; } .cbp-lazyload img { opacity: 1; } .cbp-lazyload img[data-cbp-src] { opacity: 0; } .cbp-lazyload img:not([data-cbp-src]) { -webkit-transition: opacity .7s ease-in-out; transition: opacity .7s ease-in-out; } .cbp-lazyload:after { z-index: 0; } .cbp-wrapper-outer { overflow: hidden; position: relative; margin: 0 auto; } .cbp-wrapper, .cbp-wrapper-helper, .cbp-wrapper-outer { list-style-type: none; padding: 0; width: 100%; height: 100%; z-index: 1; } .cbp-wrapper, .cbp-wrapper-helper { position: absolute; top: 0; left: 0; margin: 0; } .cbp-item-off { z-index: -1; pointer-events: none; visibility: hidden; } .cbp-item-on2off { z-index: 0; } .cbp-item-off2on { z-index: 1; } .cbp-item-on2on { z-index: 2; } .cbp-item-wrapper { width: 100%; height: 100%; position: relative; top: 0; left: 0; } .cbp-l-inline img, .cbp-l-project-related-wrap img { display: block; width: 100%; height: auto; border: 0; } .cbp-updateItems { -webkit-transition: height .5s ease-in-out !important; transition: height .5s ease-in-out !important; will-change: height; } .cbp-updateItems .cbp-item { -webkit-transition: top .5s ease-in-out,left .5s ease-in-out; transition: top .5s ease-in-out,left .5s ease-in-out; } .cbp-updateItems .cbp-item-loading { -webkit-animation: fadeIn .5s ease-in-out; animation: fadeIn .5s ease-in-out; -webkit-transition: none; transition: none; } .cbp-removeItem { -webkit-animation: fadeOut .5s ease-in-out; animation: fadeOut .5s ease-in-out; } .cbp-panel { width: 94%; max-width: 1170px; margin: 0 auto; } .cbp-misc-video { position: relative; height: 0; padding-bottom: 56.25%; background: #000; text-align: center; } .cbp-misc-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @-webkit-keyframes cbp-rotation { 0 { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); } } @keyframes cbp-rotation { 0 { transform: rotate(0deg); } to { transform: rotate(1turn); } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .clearfix:after { content: " "; display: block; height: 0; clear: both; } .cbp-l-filters-left { float: left; } .cbp-l-filters-right { float: right; } .cbp-caption, .cbp-caption-activeWrap, .cbp-caption-defaultWrap { display: block; } .cbp-caption-activeWrap { background-color: #282727; } .cbp-caption-active .cbp-caption, .cbp-caption-active .cbp-caption-activeWrap, .cbp-caption-active .cbp-caption-defaultWrap { overflow: hidden; position: relative; z-index: 1; } .cbp-caption-active .cbp-caption-defaultWrap { top: 0; } .cbp-caption-active .cbp-caption-activeWrap { width: 100%; position: absolute; z-index: 2; height: 101%; } .cbp-l-caption-title { color: #fff; font: 400 16px/21px Open Sans,sans-serif; } .cbp-l-caption-desc { color: #aaa; font: 400 12px/16px Open Sans,sans-serif; } .cbp-l-caption-text { font: 400 14px/21px Open Sans,sans-serif; color: #fff; letter-spacing: 3px; padding: 0 6px; } .cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight { background-color: #547eb1; color: #fff; display: inline-block; font: 400 12px/30px Open Sans,sans-serif; min-width: 90px; text-align: center; margin: 4px; padding: 0 6px; } .cbp-l-caption-buttonLeft:hover, .cbp-l-caption-buttonRight:hover { opacity: .9; } .cbp-caption-none .cbp-caption-activeWrap { display: none; } .cbp-l-caption-alignLeft .cbp-l-caption-body { padding: 12px 30px; } .cbp-caption-fadeIn .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-minimal .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-moveRight .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-opacity .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-overlayRightAlong .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-pushDown .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-pushTop .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealBottom .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealLeft .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealTop .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-zoom .cbp-l-caption-alignLeft .cbp-l-caption-body { padding-top: 30px; } .cbp-l-caption-alignCenter { display: table; width: 100%; height: 100%; } .cbp-l-caption-alignCenter .cbp-l-caption-body { display: table-cell; vertical-align: middle; text-align: center; padding: 10px 0; } .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight { position: relative; -webkit-transition: left .4s cubic-bezier(.19,1,.22,1); transition: left .4s cubic-bezier(.19,1,.22,1); } .cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft { left: -20px; } .cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight, .cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight, .cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight { left: 20px; } .cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight { left: 0; } .cbp-caption-fadeIn .cbp-caption-activeWrap { opacity: 0; top: 0; background-color: rgba(0,0,0,.85); -webkit-transition: opacity .9s cubic-bezier(.19,1,.22,1); transition: opacity .9s cubic-bezier(.19,1,.22,1); } .cbp-caption-fadeIn .cbp-caption:hover .cbp-caption-activeWrap { opacity: 1; } .cbp-caption-minimal .cbp-l-caption-desc, .cbp-caption-minimal .cbp-l-caption-title { position: relative; left: 0; opacity: 0; -webkit-transition: -webkit-transform .35s ease-out; transition: transform .35s ease-out; } .cbp-caption-minimal .cbp-l-caption-title { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cbp-caption-minimal .cbp-l-caption-desc { -webkit-transform: translateY(70%); transform: translateY(70%); } .cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-desc, .cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-title { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .cbp-caption-minimal .cbp-caption-activeWrap { top: 0; background-color: #000; background-color: rgba(0,0,0,.8); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .cbp-caption-minimal .cbp-caption:hover .cbp-caption-activeWrap { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .cbp-caption-moveRight .cbp-caption-activeWrap { left: -100%; top: 0; -webkit-transition: -webkit-transform .6s cubic-bezier(.19,1,.22,1); transition: transform .6s cubic-bezier(.19,1,.22,1); } .cbp-caption-moveRight .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateX(100%); transform: translateX(100%); } .cbp-caption-overlayBottom .cbp-caption-activeWrap { height: 60px; background-color: #181616; background-color: hsla(0,4%,9%,.7); -webkit-transition: -webkit-transform .6s cubic-bezier(.19,1,.22,1); transition: transform .6s cubic-bezier(.19,1,.22,1); } .cbp-caption-overlayBottom .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cbp-caption-overlayBottomAlong .cbp-caption-activeWrap, .cbp-caption-overlayBottomAlong .cbp-caption-defaultWrap { -webkit-transition: -webkit-transform .6s cubic-bezier(.19,1,.22,1); transition: transform .6s cubic-bezier(.19,1,.22,1); } .cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap { /*-webkit-transform: translateY(-30px); transform: translateY(-30px);*/ } .cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateY(-99%); transform: translateY(-99%); } .cbp-caption-overlayBottomPush .cbp-caption-defaultWrap { -webkit-transition: top .6s cubic-bezier(.19,1,.22,1); transition: top .6s cubic-bezier(.19,1,.22,1); } .cbp-caption-overlayBottomPush .cbp-caption-activeWrap { bottom: -60px; height: 60px; -webkit-transition: bottom .6s cubic-bezier(.19,1,.22,1); transition: bottom .6s cubic-bezier(.19,1,.22,1); } .cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap { top: -60px; } .cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-activeWrap { bottom: 0; } .cbp-caption-overlayBottomReveal .cbp-caption-defaultWrap { z-index: 2; -webkit-transition: top .5s cubic-bezier(.19,1,.22,1); transition: top .5s cubic-bezier(.19,1,.22,1); } .cbp-caption-overlayBottomReveal .cbp-caption-activeWrap { bottom: 0; z-index: 1; height: 60px; } .cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap { top: -60px; } .cbp-caption-overlayRightAlong .cbp-caption-activeWrap, .cbp-caption-overlayRightAlong .cbp-caption-defaultWrap { -webkit-transition: -webkit-transform .6s cubic-bezier(.19,1,.22,1); transition: transform .6s cubic-bezier(.19,1,.22,1); } .cbp-caption-overlayRightAlong .cbp-caption-activeWrap { top: 0; left: -50%; width: 50%; } .cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateX(25%); transform: translateX(25%); } .cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateX(100%); transform: translateX(100%); } .cbp-caption-pushDown .cbp-caption-activeWrap, .cbp-caption-pushDown .cbp-caption-defaultWrap { -webkit-transition: -webkit-transform .6s cubic-bezier(.19,1,.22,1); transition: transform .6s cubic-bezier(.19,1,.22,1); } .cbp-caption-pushDown .cbp-caption-activeWrap { top: -102%; height: 102%; } .cbp-caption-pushDown .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(100%); transform: translateY(100%); } .cbp-caption-pushDown .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateY(99%); transform: translateY(99%); } .cbp-caption-pushTop .cbp-caption-activeWrap, .cbp-caption-pushTop .cbp-caption-defaultWrap { -webkit-transition: -webkit-transform .6s cubic-bezier(.19,1,.22,1); transition: transform .6s cubic-bezier(.19,1,.22,1); } .cbp-caption-pushTop .cbp-caption-activeWrap { height: 102%; } .cbp-caption-pushTop .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cbp-caption-pushTop .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateY(-99%); transform: translateY(-99%); } .cbp-caption-revealBottom .cbp-caption-defaultWrap { z-index: 2; -webkit-transition: -webkit-transform .6s cubic-bezier(.19,1,.22,1); transition: transform .6s cubic-bezier(.19,1,.22,1); } .cbp-caption-revealBottom .cbp-caption-activeWrap { top: 0; z-index: 1; } .cbp-caption-revealBottom .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cbp-caption-revealLeft .cbp-caption-activeWrap { left: 100%; top: 0; -webkit-transition: -webkit-transform .6s cubic-bezier(.19,1,.22,1); transition: transform .6s cubic-bezier(.19,1,.22,1); } .cbp-caption-revealLeft .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .cbp-caption-revealTop .cbp-caption-defaultWrap { z-index: 2; -webkit-transition: -webkit-transform .6s cubic-bezier(.19,1,.22,1); transition: transform .6s cubic-bezier(.19,1,.22,1); } .cbp-caption-revealTop .cbp-caption-activeWrap { top: 0; z-index: 1; } .cbp-caption-revealTop .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(100%); transform: translateY(100%); } .cbp-caption-zoom .cbp-caption-defaultWrap { -webkit-transition: -webkit-transform .6s cubic-bezier(.19,1,.22,1); transition: transform .6s cubic-bezier(.19,1,.22,1); } .cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: scale(1.25); transform: scale(1.25); } .cbp-caption-zoom .cbp-caption-activeWrap { opacity: 0; top: 0; background-color: rgba(0,0,0,.9); -webkit-transition: opacity .8s cubic-bezier(.19,1,.22,1); transition: opacity .8s cubic-bezier(.19,1,.22,1); } .cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap { opacity: 1; } .cbp-caption-opacity .cbp-item { padding: 1px; } .cbp-caption-opacity .cbp-caption, .cbp-caption-opacity .cbp-caption-activeWrap, .cbp-caption-opacity .cbp-caption-defaultWrap { background-color: transparent; } .cbp-caption-opacity .cbp-caption { border: 1px solid transparent; } .cbp-caption-opacity .cbp-caption:hover { border-color: #ededed; } .cbp-caption-opacity .cbp-caption-defaultWrap { opacity: 1; -webkit-transition: opacity .6s cubic-bezier(.19,1,.22,1); transition: opacity .6s cubic-bezier(.19,1,.22,1); } .cbp-caption-opacity .cbp-caption:hover .cbp-caption-defaultWrap { opacity: .8; } .cbp-caption-opacity .cbp-caption:hover .cbp-caption-activeWrap { top: 0; } .cbp-caption-expand .cbp-caption-activeWrap { height: auto; background-color: transparent; } .cbp-caption-expand .cbp-caption { border-bottom: 1px dotted #eaeaea; } .cbp-caption-expand .cbp-caption-defaultWrap { cursor: pointer; font: 500 15px/23px Roboto,sans-serif; color: #474747; padding: 12px 0 11px 26px; } .cbp-caption-expand .cbp-caption-defaultWrap .fa { position: absolute; top: 16px; left: 0; width: 16px; text-align: center; font-size: 14px; } .cbp-caption-expand .cbp-l-caption-body { font: 400 13px/21px Roboto,sans-serif; color: #888; padding: 0 0 20px 26px; } .cbp-caption-expand-active { -webkit-transition: height .4s !important; transition: height .4s !important; } .cbp-caption-expand-active .cbp-item { -webkit-transition: left .4s,top .4s !important; transition: left .4s,top .4s !important; } .cbp-caption-expand-open .cbp-caption-activeWrap { -webkit-transition: height .4s; transition: height .4s; } .cbp-l-filters-alignCenter { margin-bottom: 30px; text-align: center; font: 400 12px/21px sans-serif; color: #dadada; } .cbp-l-filters-alignCenter .cbp-filter-item { color: #949494; cursor: pointer; font: 400 13px/21px Open Sans,sans-serif; padding: 0 12px; transition: all .3s ease-in-out; position: relative; overflow: visible; margin: 0 0 10px; display: inline-block; } .cbp-l-filters-alignCenter .cbp-filter-item:hover { color: #2d2c2c; } .cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active { color: #2d2c2c; cursor: default; border: 2px solid #bf062a; } .cbp-l-filters-alignCenter .cbp-filter-counter { background: none repeat scroll 0 0 #626161; border-radius: 3px; color: #fff; font: 400 11px/18px Open Sans,sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 34px; position: absolute; bottom: 0; left: 0; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: all .25s ease; transition: all .25s ease; } .cbp-l-filters-alignCenter .cbp-filter-counter:after { content: ""; position: absolute; bottom: -4px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #626161; display: none; } .cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter:after { display: block; } .cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter { bottom: 30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-alignLeft { margin-bottom: 30px; } .cbp-l-filters-alignLeft .cbp-filter-item { background-color: #fff; border: 1px solid #cdcdcd; cursor: pointer; font: 400 12px/30px Open Sans,sans-serif; padding: 0 13px; position: relative; overflow: visible; margin: 0 8px 10px 0; display: inline-block; color: #888; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .cbp-l-filters-alignLeft .cbp-filter-item:hover { color: #111; } .cbp-l-filters-alignLeft .cbp-filter-item.cbp-filter-item-active { background-color: #6c7a89; border: 1px solid #6c7a89; color: #fff; cursor: default; } .cbp-l-filters-alignLeft .cbp-filter-counter { display: inline; } .cbp-l-filters-alignRight { margin-bottom: 30px; text-align: right; } .cbp-l-filters-alignRight .cbp-filter-item { background-color: transparent; color: #8b8b8b; cursor: pointer; font: 400 11px/31px Open Sans,sans-serif; padding: 0 14px; position: relative; overflow: visible; margin: 0 0 10px 5px; border: 1px solid #e4e2e2; text-transform: uppercase; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .cbp-l-filters-alignRight .cbp-filter-item:hover { color: #2b3444; } .cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter:after { display: block; } .cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter { bottom: 44px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active { color: #fff; background-color: #049372; border-color: #049372; cursor: default; } .cbp-l-filters-alignRight .cbp-filter-counter { background: none repeat scroll 0 0 #049372; border-radius: 3px; color: #fff; font: 400 11px/18px Open Sans,sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 34px; position: absolute; bottom: 0; left: 0; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: opacity .25s ease,bottom .25s ease; transition: opacity .25s ease,bottom .25s ease; } .cbp-l-filters-alignRight .cbp-filter-counter:after { content: ""; position: absolute; bottom: -4px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #049372; display: none; } .cbp-l-filters-button { margin-bottom: 30px; } .cbp-l-filters-button .cbp-filter-item { background-color: #fff; border: 1px solid #ececec; color: #888; cursor: pointer; font: 400 12px/32px Open Sans,sans-serif; margin: 0 10px 10px 0; overflow: visible; padding: 0 17px; position: relative; display: inline-block; -webkit-transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out; transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out; } .cbp-l-filters-button .cbp-filter-item:hover { color: #545454; border-color: #dadada; } .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active { background-color: #545454; color: #fff; border-color: #5d5d5d; cursor: default; } .cbp-l-filters-button .cbp-filter-counter { background-color: #545454; border-radius: 3px; color: #fff; font: 400 11px/18px Open Sans,sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 34px; position: absolute; bottom: 0; left: 0; right: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity .25s ease,bottom .25s ease; transition: opacity .25s ease,bottom .25s ease; } .cbp-l-filters-button .cbp-filter-counter:after { content: ""; position: absolute; bottom: -4px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #545454; display: none; } .cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter:after { display: block; } .cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter { bottom: 44px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-buttonCenter { margin-bottom: 30px; text-align: center; } .cbp-l-filters-buttonCenter .cbp-filter-item { background-color: #fff; border: 1px solid #ececec; color: #888; cursor: pointer; font: 400 12px/32px Roboto,sans-serif; margin: 0 10px 10px 0; overflow: visible; padding: 0 17px; position: relative; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .cbp-l-filters-buttonCenter .cbp-filter-item:hover { color: #5d5d5d; } .cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active { color: #3b9cb3; border-color: #8cd2e5; cursor: default; } .cbp-l-filters-buttonCenter .cbp-filter-counter { background-color: #68abbc; border-radius: 3px; color: #fff; font: 400 11px/18px Roboto,sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 34px; position: absolute; bottom: 0; left: 0; right: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity .25s ease,bottom .25s ease; transition: opacity .25s ease,bottom .25s ease; } .cbp-l-filters-buttonCenter .cbp-filter-counter:after { content: ""; position: absolute; bottom: -4px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #68abbc; display: none; } .cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter:after { display: block; } .cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter { bottom: 44px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-dropdown { margin-bottom: 40px; height: 38px; position: relative; z-index: 5; } .cbp-l-filters-dropdownWrap { width: 200px; position: absolute; right: 0; background: #4d4c4d; } .cbp-l-filters-dropdownHeader { font: 400 12px/38px Open Sans,sans-serif; margin: 0 17px; color: #fff; cursor: default; position: relative; } .cbp-l-filters-dropdownHeader:after { border-color: #fff transparent; border-style: solid; border-width: 5px 5px 0; content: ""; height: 0; position: absolute; right: 0; top: 50%; width: 0; margin-top: -1px; } .cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownHeader:after { border-width: 0 5px 5px; } .cbp-l-filters-dropdownList { display: none; list-style: none outside none; margin: 0; padding: 0; } .cbp-l-filters-dropdownList > li { margin: 0; list-style: none; } .cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownList { display: block; margin: 0; } .cbp-l-filters-dropdownList .cbp-filter-item { background: transparent; color: #b3b3b3; width: 100%; text-align: left; font: 400 12px/40px Open Sans,sans-serif; margin: 0; padding: 0 17px; cursor: pointer; border: none; border-top: 1px solid #595959; } .cbp-l-filters-dropdownList .cbp-filter-item:hover { color: #e6e6e6; } .cbp-l-filters-dropdownList .cbp-filter-item-active { color: #fff; cursor: default; } .cbp-l-filters-dropdownWrap .cbp-filter-counter { display: inline; } .cbp-l-filters-dropdown-floated { float: right; margin-top: -2px; margin-left: 20px; width: 200px; } .cbp-l-filters-list { margin-bottom: 30px; content: ""; display: table; clear: both; } .cbp-l-filters-list .cbp-filter-item { background-color: transparent; color: #585252; cursor: pointer; font: 400 12px/35px Open Sans,sans-serif; padding: 0 18px; position: relative; overflow: visible; margin: 0 0 10px; float: left; border: 1px solid #3288c4; border-right-width: 0; -webkit-transition: left .3s ease-in-out; transition: left .3s ease-in-out; } .cbp-l-filters-list .cbp-filter-item:hover { color: #000; } .cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active { cursor: default; color: #fff; background-color: #3288c4; } .cbp-l-filters-list-first { border-radius: 6px 0 0 6px; } .cbp-l-filters-list-last { border-radius: 0 6px 6px 0; border-right-width: 1px !important; } .cbp-l-filters-list .cbp-filter-counter { display: inline; } @media only screen and (max-width:600px) { .cbp-l-filters-list .cbp-filter-item { margin-right: 5px; border-radius: 6px; border-right-width: 1px; } } .cbp-l-filters-work { margin-bottom: 30px; text-align: center; } .cbp-l-filters-work .cbp-filter-item { background-color: #fff; color: #888; cursor: pointer; font: 600 11px/37px Open Sans,sans-serif; margin: 0 5px 10px 0; overflow: visible; padding: 0 16px; position: relative; display: inline-block; text-transform: uppercase; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .cbp-l-filters-work .cbp-filter-item:hover { color: #fff; background: #607d8b; } .cbp-l-filters-work .cbp-filter-item.cbp-filter-item-active { background: #607d8b; color: #fff; cursor: default; } .cbp-l-filters-work .cbp-filter-counter { font: 600 11px/37px Open Sans,sans-serif; text-align: center; display: inline-block; margin-left: 8px; } .cbp-l-filters-work .cbp-filter-counter:before { content: '('; } .cbp-l-filters-work .cbp-filter-counter:after { content: ')'; } .cbp-l-filters-big { margin-bottom: 30px; text-align: center; } .cbp-l-filters-big .cbp-filter-item { color: #444; cursor: pointer; font: 400 15px/22px Roboto,sans-serif; margin: 0 15px 10px 0; padding: 10px 23px; position: relative; display: inline-block; border: 1px solid transparent; text-transform: uppercase; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .cbp-l-filters-big .cbp-filter-item:hover { color: #888; } .cbp-l-filters-big .cbp-filter-item.cbp-filter-item-active { border-color: #d5d5d5; cursor: default; color: #444; } .cbp-l-filters-text { margin-bottom: 30px; text-align: center; font: 400 12px/21px Lato,sans-serif; color: #dadada; padding: 0 15px; } .cbp-l-filters-text .cbp-filter-item { color: #949494; cursor: pointer; font: 400 13px/21px Lato,sans-serif; padding: 0 12px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: relative; overflow: visible; margin: 0 0 10px; display: inline-block; } .cbp-l-filters-text .cbp-filter-item:hover { color: #2d2c2c; } .cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active { color: #2d2c2c; cursor: default; } .cbp-l-filters-text .cbp-filter-counter { background: none repeat scroll 0 0 #626161; border-radius: 3px; color: #fff; font: 400 11px/16px Lato,sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 32px; position: absolute; bottom: 0; left: 0; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: all .25s ease; transition: all .25s ease; } .cbp-l-filters-text .cbp-filter-counter:after { content: ""; position: absolute; bottom: -4px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #626161; display: none; } .cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter:after { display: block; } .cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter { bottom: 30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-text-sort { display: inline-block; font: 400 13px/21px Lato,sans-serif; color: #949494; margin-right: 15px; } .cbp-l-filters-underline { margin-bottom: 30px; } .cbp-l-filters-underline .cbp-filter-item { border-bottom: 3px solid transparent; cursor: pointer; font: 600 14px/21px Open Sans,sans-serif; padding: 8px 10px; position: relative; overflow: visible; margin: 0 20px 10px 0; display: inline-block; color: #787878; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .cbp-l-filters-underline .cbp-filter-item:hover { color: #111; } .cbp-l-filters-underline .cbp-filter-item.cbp-filter-item-active { border-bottom-color: #666; color: #444; cursor: default; } .cbp-l-filters-underline .cbp-filter-counter { display: inline; } .cbp-animation-quicksand { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-quicksand .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-quicksand .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-quicksand .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: quicksand-off .6s ease-out both; animation: quicksand-off .6s ease-out both; } .cbp-animation-quicksand .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: quicksand-on .6s ease-out both; animation: quicksand-on .6s ease-out both; } @-webkit-keyframes quicksand-off { to { opacity: 0; -webkit-transform: scale3d(0,0,0); } } @keyframes quicksand-off { to { opacity: 0; transform: scale3d(0,0,0); } } @-webkit-keyframes quicksand-on { 0% { opacity: 0; -webkit-transform: scale3d(0,0,0); } } @keyframes quicksand-on { 0% { opacity: 0; transform: scale3d(0,0,0); } } .cbp-animation-boxShadow, .cbp-animation-fadeOut { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-boxShadow .cbp-item, .cbp-animation-fadeOut .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-boxShadow .cbp-item-wrapper, .cbp-animation-fadeOut .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-boxShadow .cbp-item-on2off .cbp-item-wrapper, .cbp-animation-fadeOut .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: fadeOut-off .6s ease-in-out both; animation: fadeOut-off .6s ease-in-out both; } .cbp-animation-boxShadow .cbp-item-off2on .cbp-item-wrapper, .cbp-animation-fadeOut .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: fadeIn .6s ease-in-out both; animation: fadeIn .6s ease-in-out both; } @-webkit-keyframes fadeOut-off { 0% { opacity: 1; } 80%,to { opacity: 0; } } @keyframes fadeOut-off { 0% { opacity: 1; } 80%,to { opacity: 0; } } .cbp-animation-flipOut { -webkit-transition: height .7s ease-in-out; transition: height .7s ease-in-out; will-change: height; } .cbp-animation-flipOut .cbp-item { -webkit-transition: -webkit-transform .7s ease-in-out; transition: transform .7s ease-in-out; -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-flipOut .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-flipOut .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: flipOut-out .7s both ease-in; animation: flipOut-out .7s both ease-in; } .cbp-animation-flipOut .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: flipOut-in .7s ease-out both; animation: flipOut-in .7s ease-out both; } @-webkit-keyframes flipOut-out { 50%,to { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: .2; } } @keyframes flipOut-out { 50%,to { transform: translateZ(-1000px) rotateY(-90deg); opacity: .2; } } @-webkit-keyframes flipOut-in { 0%,50% { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: .2; } } @keyframes flipOut-in { 0%,50% { transform: translateZ(-1000px) rotateY(90deg); opacity: .2; } } .cbp-animation-flipBottom { -webkit-transition: height .7s ease-in-out; transition: height .7s ease-in-out; will-change: height; } .cbp-animation-flipBottom .cbp-item { -webkit-transition: -webkit-transform .7s ease-in-out; transition: transform .7s ease-in-out; -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-flipBottom .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-flipBottom .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: flipBottom-out .7s both ease-in; animation: flipBottom-out .7s both ease-in; } .cbp-animation-flipBottom .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: flipBottom-in .7s ease-out both; animation: flipBottom-in .7s ease-out both; } @-webkit-keyframes flipBottom-out { 50%,to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: .2; } } @keyframes flipBottom-out { 50%,to { transform: translateZ(-1000px) rotateX(-90deg); opacity: .2; } } @-webkit-keyframes flipBottom-in { 0%,50% { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: .2; } } @keyframes flipBottom-in { 0%,50% { transform: translateZ(-1000px) rotateX(90deg); opacity: .2; } } .cbp-animation-scaleSides { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-scaleSides .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-scaleSides .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-scaleSides .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: scaleSides-out .9s ease both; animation: scaleSides-out .9s ease both; } .cbp-animation-scaleSides .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: scaleSides-in .9s ease both; animation: scaleSides-in .9s ease both; } @-webkit-keyframes scaleSides-out { 50%,to { -webkit-transform: scale(.6); opacity: 0; } } @keyframes scaleSides-out { 50%,to { transform: scale(.6); opacity: 0; } } @-webkit-keyframes scaleSides-in { 0%,50% { -webkit-transform: scale(.6); opacity: 0; } } @keyframes scaleSides-in { 0%,50% { transform: scale(.6); opacity: 0; } } .cbp-animation-skew { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-skew .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-skew .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-skew .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: skew-off .6s ease-out both; animation: skew-off .6s ease-out both; } .cbp-animation-skew .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: skew-on .6s ease-out both; animation: skew-on .6s ease-out both; } @-webkit-keyframes skew-off { to { opacity: 0; -webkit-transform: scale3d(0,0,0) skew(20deg,0); } } @keyframes skew-off { to { opacity: 0; transform: scale3d(0,0,0) skew(20deg,0); } } @-webkit-keyframes skew-on { 0% { opacity: 0; -webkit-transform: scale3d(0,0,0) skew(0,20deg); } } @keyframes skew-on { 0% { opacity: 0; transform: scale3d(0,0,0) skew(0,20deg); } } .cbp-animation-fadeOutTop { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-fadeOutTop .cbp-wrapper-outer { overflow: visible; } .cbp-animation-fadeOutTop .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; overflow: visible; } .cbp-animation-fadeOutTop .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-fadeOutTop .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: fadeOutTop-out .6s both ease-in-out; animation: fadeOutTop-out .6s both ease-in-out; } .cbp-animation-fadeOutTop .cbp-wrapper .cbp-item-wrapper { -webkit-animation: fadeOutTop-in .6s both ease-in-out; animation: fadeOutTop-in .6s both ease-in-out; } @-webkit-keyframes fadeOutTop-out { 0% { -webkit-transform: translateY(0); opacity: 1; } 50%,to { -webkit-transform: translateY(-30px); opacity: 0; } } @keyframes fadeOutTop-out { 0% { transform: translateY(0); opacity: 1; } 50%,to { transform: translateY(-30px); opacity: 0; } } @-webkit-keyframes fadeOutTop-in { 0%,50% { -webkit-transform: translateY(-30px); opacity: 0; } to { -webkit-transform: translateY(0); opacity: 1; } } @keyframes fadeOutTop-in { 0%,50% { transform: translateY(-30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .cbp-animation-slideLeft { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-slideLeft .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-slideLeft .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-slideLeft .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: slideLeft-out .8s both ease-in-out; animation: slideLeft-out .8s both ease-in-out; } .cbp-animation-slideLeft .cbp-wrapper .cbp-item-wrapper { -webkit-animation: slideLeft-in .8s both ease-in-out; animation: slideLeft-in .8s both ease-in-out; } @-webkit-keyframes slideLeft-out { 0% { opacity: 1; transform: scale(1); } 25% { opacity: .75; -webkit-transform: scale(.8); } 75% { opacity: .75; -webkit-transform: scale(.8) translateX(-200%); } to { opacity: .75; -webkit-transform: scale(.8) translateX(-200%); } } @keyframes slideLeft-out { 0% { opacity: 1; transform: scale(1); } 25% { opacity: .75; transform: scale(.8); } 75% { opacity: .75; transform: scale(.8) translateX(-200%); } to { opacity: .75; transform: scale(.8) translateX(-200%); } } @-webkit-keyframes slideLeft-in { 0%,25% { opacity: .75; -webkit-transform: scale(.8) translateX(200%); } 75% { opacity: .75; -webkit-transform: scale(.8); } to { opacity: 1; -webkit-transform: scale(1) translateX(0); } } @keyframes slideLeft-in { 0%,25% { opacity: .75; transform: scale(.8) translateX(200%); } 75% { opacity: .75; transform: scale(.8); } to { opacity: 1; transform: scale(1) translateX(0); } } .cbp-animation-sequentially { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-sequentially .cbp-wrapper-outer { overflow: visible; } .cbp-animation-sequentially .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; overflow: visible; } .cbp-animation-sequentially .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-sequentially .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: fadeOutTop-out .6s both ease; animation: fadeOutTop-out .6s both ease; } .cbp-animation-sequentially .cbp-wrapper .cbp-item-wrapper { -webkit-animation: fadeOutTop-in .6s both ease-out; animation: fadeOutTop-in .6s both ease-out; } .cbp-animation-3dflip { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-3dflip .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-3dflip .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-3dflip .cbp-wrapper-helper .cbp-item-wrapper { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation: flip-out .6s both ease-in-out; animation: flip-out .6s both ease-in-out; } .cbp-animation-3dflip .cbp-wrapper .cbp-item-wrapper { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: flip-in .6s both ease-in-out; animation: flip-in .6s both ease-in-out; } @-webkit-keyframes flip-out { to { opacity: 0; -webkit-transform: rotateY(90deg); } } @keyframes flip-out { to { opacity: 0; transform: rotateY(90deg); } } @-webkit-keyframes flip-in { 0% { opacity: 0; -webkit-transform: rotateY(-90deg); } to { opacity: 1; -webkit-transform: rotateY(0deg); } } @keyframes flip-in { 0% { opacity: 0; transform: rotateY(-90deg); } to { opacity: 1; transform: rotateY(0deg); } } .cbp-animation-flipOutDelay { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-flipOutDelay .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-flipOutDelay .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-flipOutDelay .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: flipOut-out 1s both ease-in; animation: flipOut-out 1s both ease-in; } .cbp-animation-flipOutDelay .cbp-wrapper .cbp-item-wrapper { -webkit-animation: flipOut-in 1s both ease-out; animation: flipOut-in 1s both ease-out; } .cbp-animation-slideDelay { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-slideDelay .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-slideDelay .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-slideDelay .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: slideDelay-out .5s both ease-in-out; animation: slideDelay-out .5s both ease-in-out; } .cbp-animation-slideDelay .cbp-wrapper .cbp-item-wrapper { -webkit-animation: slideDelay-in .5s both ease-in-out; animation: slideDelay-in .5s both ease-in-out; } @-webkit-keyframes slideDelay-out { to { -webkit-transform: translateX(-100%); } } @keyframes slideDelay-out { to { transform: translateX(-100%); } } @-webkit-keyframes slideDelay-in { 0% { -webkit-transform: translateX(100%); } to { -webkit-transform: translateX(0); } } @keyframes slideDelay-in { 0% { transform: translateX(100%); } to { transform: translateX(0); } } .cbp-animation-rotateSides { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-rotateSides .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-rotateSides .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-rotateSides .cbp-wrapper-helper .cbp-item-wrapper { -webkit-transform-origin: -50% 50%; -webkit-animation: rotateSides-out .5s both ease-in; transform-origin: -50% 50%; animation: rotateSides-out .5s both ease-in; } .cbp-animation-rotateSides .cbp-wrapper .cbp-item-wrapper { -webkit-transform-origin: 150% 50%; -webkit-animation: rotateSides-in .6s both ease-out; transform-origin: 150% 50%; animation: rotateSides-in .6s both ease-out; } @-webkit-keyframes rotateSides-out { to { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(90deg); } } @keyframes rotateSides-out { to { opacity: 0; transform: translateZ(-500px) rotateY(90deg); } } @-webkit-keyframes rotateSides-in { 0% { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); } 40% { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); } } @keyframes rotateSides-in { 0% { opacity: 0; transform: translateZ(-500px) rotateY(-90deg); } 40% { opacity: 0; transform: translateZ(-500px) rotateY(-90deg); } } .cbp-animation-foldLeft { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-foldLeft .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-foldLeft .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-foldLeft .cbp-wrapper-helper .cbp-item-wrapper { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: foldLeft-out .7s both ease; animation: foldLeft-out .7s both ease; } .cbp-animation-foldLeft .cbp-wrapper .cbp-item-wrapper { -webkit-animation: foldLeft-in .7s both ease; animation: foldLeft-in .7s ease both; } @-webkit-keyframes foldLeft-out { to { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); } } @keyframes foldLeft-out { to { opacity: 0; transform: translateX(-100%) rotateY(-90deg); } } @-webkit-keyframes foldLeft-in { 0% { opacity: .3; -webkit-transform: translateX(100%); } } @keyframes foldLeft-in { 0% { opacity: .3; transform: translateX(100%); } } .cbp-animation-unfold { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-unfold .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-unfold .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-unfold .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: unfold-out .8s ease both; animation: unfold-out .8s ease both; } .cbp-animation-unfold .cbp-wrapper .cbp-item-wrapper { -webkit-transform-origin: 0 50%; -webkit-animation: unfold-in .8s both ease; transform-origin: 0 50%; animation: unfold-in .8s both ease; } @-webkit-keyframes unfold-out { 90% { opacity: .3; } to { opacity: 0; -webkit-transform: translateX(-100%); } } @keyframes unfold-out { 90% { opacity: .3; } to { opacity: 0; transform: translateX(-100%); } } @-webkit-keyframes unfold-in { 0% { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); } } @keyframes unfold-in { 0% { opacity: 0; transform: translateX(100%) rotateY(90deg); } } .cbp-animation-scaleDown { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-scaleDown .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-scaleDown .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-scaleDown .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: scaleDown-out .7s ease both; animation: scaleDown-out .7s ease both; } .cbp-animation-scaleDown .cbp-wrapper .cbp-item-wrapper { -webkit-animation: scaleDown-in .6s ease both; animation: scaleDown-in .6s ease both; } @-webkit-keyframes scaleDown-out { to { opacity: 0; -webkit-transform: scale(.8); } } @keyframes scaleDown-out { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes scaleDown-in { 0% { -webkit-transform: translateX(100%); } } @keyframes scaleDown-in { 0% { transform: translateX(100%); } } .cbp-animation-frontRow { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-frontRow .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-frontRow .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-frontRow .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: frontRow-out .7s both ease; animation: frontRow-out .7s both ease; } .cbp-animation-frontRow .cbp-wrapper .cbp-item-wrapper { -webkit-animation: frontRow-in .6s both ease; animation: frontRow-in .6s both ease; } @-webkit-keyframes frontRow-out { to { -webkit-transform: translateX(-60%) scale(.8); opacity: 0; } } @keyframes frontRow-out { to { transform: translateX(-60%) scale(.8); opacity: 0; } } @-webkit-keyframes frontRow-in { 0% { -webkit-transform: translateX(100%) scale(.8); } to { opacity: 1; -webkit-transform: translateX(0) scale(1); } } @keyframes frontRow-in { 0% { transform: translateX(100%) scale(.8); } to { opacity: 1; transform: translateX(0) scale(1); } } .cbp-animation-rotateRoom { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-rotateRoom .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-rotateRoom .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-rotateRoom .cbp-wrapper-helper .cbp-item-wrapper { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotateRoom-out .8s both ease; animation: rotateRoom-out .8s both ease; } .cbp-animation-rotateRoom .cbp-wrapper .cbp-item-wrapper { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation: rotateRoom-in .8s both ease; animation: rotateRoom-in .8s both ease; } @-webkit-keyframes rotateRoom-out { 90% { opacity: .3; } to { opacity: 0; -webkit-transform: translateX(-100%) rotateY(90deg); } } @keyframes rotateRoom-out { 90% { opacity: .3; } to { opacity: 0; transform: translateX(-100%) rotateY(90deg); } } @-webkit-keyframes rotateRoom-in { 0% { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); } } @keyframes rotateRoom-in { 0% { opacity: .3; transform: translateX(100%) rotateY(-90deg); } } .cbp-animation-bounceBottom { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-bounceBottom .cbp-wrapper-helper { -webkit-animation: bounceBottom-out .6s both ease-in-out; animation: bounceBottom-out .6s both ease-in-out; } .cbp-animation-bounceBottom .cbp-wrapper { -webkit-animation: bounceBottom-in .6s both ease-in-out; animation: bounceBottom-in .6s both ease-in-out; } @-webkit-keyframes bounceBottom-out { to { -webkit-transform: translateY(100%); opacity: 0; } } @keyframes bounceBottom-out { to { transform: translateY(100%); opacity: 0; } } @-webkit-keyframes bounceBottom-in { 0% { -webkit-transform: translateY(100%); opacity: 0; } to { -webkit-transform: translateY(0); opacity: 1; } } @keyframes bounceBottom-in { 0% { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .cbp-animation-bounceLeft { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-bounceLeft .cbp-wrapper-helper { -webkit-animation: moveLeft-out .6s both ease-in-out; animation: moveLeft-out .6s both ease-in-out; } .cbp-animation-bounceLeft .cbp-wrapper { -webkit-animation: bounceLeft-in .6s both ease-in-out; animation: bounceLeft-in .6s both ease-in-out; } @-webkit-keyframes bounceLeft-in { 0% { -webkit-transform: translateX(-100%); opacity: 0; } to { -webkit-transform: translateX(0); opacity: 1; } } @keyframes bounceLeft-in { 0% { transform: translateX(-100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } .cbp-animation-bounceTop { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-bounceTop .cbp-wrapper-helper { -webkit-animation: bounceTop-out .6s both ease-in-out; animation: bounceTop-out .6s both ease-in-out; } .cbp-animation-bounceTop .cbp-wrapper { -webkit-animation: bounceTop-in .6s both ease-in-out; animation: bounceTop-in .6s both ease-in-out; } @-webkit-keyframes bounceTop-out { to { -webkit-transform: translateY(-100%); opacity: 0; } } @keyframes bounceTop-out { to { transform: translateY(-100%); opacity: 0; } } @-webkit-keyframes bounceTop-in { 0% { -webkit-transform: translateY(-100%); opacity: 0; } to { -webkit-transform: translateY(0); opacity: 1; } } @keyframes bounceTop-in { 0% { transform: translateY(-100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .cbp-animation-moveLeft { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-moveLeft .cbp-wrapper-helper { -webkit-animation: moveLeft-out .6s both ease-in-out; animation: moveLeft-out .6s both ease-in-out; } .cbp-animation-moveLeft .cbp-wrapper { -webkit-animation: moveLeft-in .6s both ease-in-out; animation: moveLeft-in .6s both ease-in-out; } @-webkit-keyframes moveLeft-out { to { -webkit-transform: translateX(-100%); opacity: 0; } } @keyframes moveLeft-out { to { transform: translateX(-100%); opacity: 0; } } @-webkit-keyframes moveLeft-in { 0% { -webkit-transform: translateX(100%); opacity: 0; } to { -webkit-transform: translateX(0); opacity: 1; } } @keyframes moveLeft-in { 0% { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } .cbp-displayType-bottomToTop { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-displayType-bottomToTop .cbp-item { -webkit-animation: fadeInBottomToTop .3s both ease-in; animation: fadeInBottomToTop .3s both ease-in; } @-webkit-keyframes fadeInBottomToTop { 0% { opacity: 0; -webkit-transform: translateY(50px); } to { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInBottomToTop { 0% { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); } } .cbp-displayType-fadeIn { -webkit-animation: fadeIn .5s both ease-in; animation: fadeIn .5s both ease-in; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .cbp-displayType-fadeInToTop { -webkit-perspective: 1000px; perspective: 1000px; -webkit-animation: fadeInToTop .5s both ease-in; animation: fadeInToTop .5s both ease-in; } @-webkit-keyframes fadeInToTop { 0% { opacity: 0; -webkit-transform: translateY(30px); } to { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInToTop { 0% { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .cbp-displayType-sequentially .cbp-item { -webkit-animation: fadeIn .5s both ease-in; animation: fadeIn .5s both ease-in; } .cbp-lightbox img { display: block; border: 0; width: 100%; height: auto; } .cbp-popup-ie8bg { position: absolute; min-height: 100%; z-index: -1; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .cbp-popup-ie8bg, .cbp-popup-wrap { width: 100%; height: 100%; top: 0; left: 0; } .cbp-popup-wrap { text-align: center; position: fixed; display: none; overflow-y: hidden; -webkit-overflow-scrolling: touch; overflow-x: hidden; z-index: 9990; padding: 0 10px; } .cbp-popup-wrap video { outline: 0 none; } .cbp-popup-lightbox { background: rgba(0,0,0,.8); display: flex; justify-content: center; align-items: center; } .cbp-popup-singlePage { background: #fff; padding: 0; } .cbp-popup-wrap:before { content: ""; height: 100%; } .cbp-popup-content, .cbp-popup-wrap:before { display: inline-block; vertical-align: middle; } .cbp-popup-content { position: relative; text-align: left; max-width: 100%; } .cbp-popup-singlePage .cbp-popup-content { position: relative; z-index: 1; margin-top: 145px; max-width: 1024px; vertical-align: top; width: 94%; } .cbp-popup-singlePage .cbp-popup-content-basic { position: relative; z-index: 1; margin-top: 104px; vertical-align: top; width: 100%; display: inline-block; text-align: left; } .cbp-popup-lightbox-figure { position: relative; } .cbp-popup-lightbox-bottom { left: 0; position: absolute; top: 100%; width: 100%; margin-top: 3px; } .cbp-popup-lightbox-title { padding-right: 70px; font: 400 12px/18px Open Sans,sans-serif; color: #eee; } .cbp-popup-lightbox-counter { position: absolute; top: 0; right: 0; font: 400 12px/18px Open Sans,sans-serif; color: #eee; } .cbp-popup-lightbox-img { width: auto; max-width: 100%; height: auto; display: block; margin: 40px 0; box-shadow: 0 0 8px rgba(0,0,0,.6); } .cbp-popup-lightbox-img[data-action] { cursor: pointer; } .cbp-popup-lightbox-isIframe .cbp-popup-content { width: 75%; } @media only screen and (max-width:768px) { .cbp-popup-lightbox-isIframe .cbp-popup-content { width: 95%; } } .cbp-popup-lightbox-isIframe .cbp-lightbox-bottom { left: 0; position: absolute; top: 100%; width: 100%; margin-top: 3px; } .cbp-popup-lightbox-iframe { position: relative; height: 0; padding-bottom: 56.25%; background: #000; } .cbp-popup-lightbox-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0,0,0,.6); } .cbp-popup-lightbox-iframe audio { margin-top: 27%; } .cbp-popup-singlePage .cbp-popup-navigation-wrap { position: absolute; top: 0; left: 0; width: 100%; z-index: 9990; height: 104px; background-color: #3d4750; } .cbp-popup-singlePage .cbp-popup-navigation { position: relative; width: 100%; height: 100%; } .cbp-popup-singlePage-sticky .cbp-popup-navigation-wrap { position: fixed; top: 0 !important; } .cbp-popup-singlePage-counter { color: #fff; position: absolute; margin: auto; right: 40px; top: 0; bottom: 0; font: 400 13px/30px Open Sans,sans-serif; height: 30px; } @media only screen and (max-width:768px) { .cbp-popup-singlePage-counter { right: 3%; } } .cbp-popup-close, .cbp-popup-next, .cbp-popup-prev { padding: 0; border: medium none; position: absolute; cursor: pointer; outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cbp-popup-lightbox .cbp-popup-close, .cbp-popup-lightbox .cbp-popup-next, .cbp-popup-lightbox .cbp-popup-prev { visibility: hidden; } .cbp-popup-ready.cbp-popup-lightbox .cbp-popup-close, .cbp-popup-ready.cbp-popup-lightbox .cbp-popup-next, .cbp-popup-ready.cbp-popup-lightbox .cbp-popup-prev { visibility: visible; } .cbp-popup-lightbox .cbp-popup-prev { background: url(../images/cbp-sprite.png) no-repeat scroll 0 0 transparent; width: 44px; height: 44px; top: 0; bottom: 0; left: 20px; margin: auto; } .cbp-popup-lightbox .cbp-popup-prev:hover { background-position: 0 -46px; } .cbp-popup-singlePage .cbp-popup-prev { background: url(../images/cbp-sprite.png) no-repeat scroll 0 -92px transparent; width: 44px; height: 44px; margin: auto; top: 0; right: 108px; bottom: 0; left: 0; } .cbp-popup-singlePage .cbp-popup-prev:hover { background-position: 0 -138px; } .cbp-popup-lightbox .cbp-popup-next { background: url(../images/cbp-sprite.png) no-repeat scroll -46px 0 transparent; width: 44px; height: 44px; top: 0; bottom: 0; right: 20px; margin: auto; } .cbp-popup-lightbox .cbp-popup-next:hover { background-position: -46px -46px; } .cbp-popup-singlePage .cbp-popup-next { background: url(../images/cbp-sprite.png) no-repeat scroll -46px -92px transparent; width: 44px; height: 44px; margin: auto; top: 0; right: 0; bottom: 0; left: 108px; } .cbp-popup-singlePage .cbp-popup-next:hover { background-position: -46px -138px; } .cbp-popup-lightbox .cbp-popup-close { background: url(../images/cbp-sprite.png) no-repeat scroll -92px 0 transparent; height: 40px; width: 40px; right: 20px; top: 20px; } .cbp-popup-lightbox .cbp-popup-close:hover { background-position: -92px -46px; } .cbp-popup-singlePage .cbp-popup-close { background: url(../images/cbp-sprite.png) no-repeat scroll -92px -92px transparent; height: 44px; width: 44px; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .cbp-popup-singlePage .cbp-popup-close:hover { background-position: -92px -138px; } .cbp-popup-singlePage .cbp-popup-ie8bg { background-color: #fff; } @media (max-height:600px),only screen and (max-width:360px) { .cbp-popup-close, .cbp-popup-next, .cbp-popup-prev { -webkit-transform: scale(.8); transform: scale(.8); } .cbp-popup-lightbox .cbp-popup-close { right: 10px; top: 10px; } .cbp-popup-lightbox .cbp-popup-next { right: 10px; } .cbp-popup-lightbox .cbp-popup-prev { left: 10px; } .cbp-popup-singlePage .cbp-popup-navigation-wrap { height: 84px; } .cbp-popup-singlePage .cbp-popup-content { margin-top: 120px; } } .cbp-popup-loadingBox { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .cbp-popup-lightbox .cbp-popup-loadingBox:after { border-left: 3px solid hsla(0,0%,100%,.3); border-right: 3px solid hsla(0,0%,100%,.3); border-bottom: 3px solid hsla(0,0%,100%,.3); border-top: 3px solid hsla(0,0%,100%,.85); } .cbp-popup-ready .cbp-popup-loadingBox { visibility: hidden; display: none; } .cbp-popup-loading .cbp-popup-loadingBox { visibility: visible; display: block; } .cbp-popup-transitionend { overflow-y: scroll; } .cbp-popup-singlePage { left: 100%; -webkit-transition: left .6s ease-in-out; transition: left .6s ease-in-out; } .cbp-popup-singlePage.cbp-popup-loading .cbp-popup-content { opacity: 0; } .cbp-popup-singlePage-open { left: 0; } .cbp-popup-singlePage.cbp-popup-singlePage-fade { left: 0; opacity: 0; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .cbp-popup-singlePage-open.cbp-popup-singlePage-fade { opacity: 1; } .cbp-popup-singlePage.cbp-popup-singlePage-right { left: -100%; -webkit-transition: left .6s ease-in-out; transition: left .6s ease-in-out; } .cbp-popup-singlePage-open.cbp-popup-singlePage-right { left: 0; } .cbp-l-project-title { color: #454444; font: 600 42px/46px Open Sans,sans-serif; letter-spacing: 2px; margin-bottom: 15px; text-align: center; text-transform: uppercase; } .cbp-l-project-subtitle { color: #787878; font: 400 14px/21px Open Sans,sans-serif; margin: 0 auto 50px; max-width: 500px; text-align: center; } .cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img { display: block; margin: 0 auto; max-width: 100%; } .cbp-l-project-container { overflow: hidden; margin: 40px auto 0; clear: both; } .cbp-l-project-desc { float: left; width: 62%; } .cbp-l-project-details { float: right; width: 38%; padding-left: 60px; margin-bottom: 15px; } @media only screen and (max-width:768px) { .cbp-l-project-title { font-size: 30px; line-height: 34px; } .cbp-l-project-desc { width: 100%; } .cbp-l-project-details { width: 100%; margin-top: 20px; padding-left: 0; } } .cbp-l-project-desc-title { border-bottom: 1px solid #cdcdcd; margin-bottom: 22px; color: #444; } .cbp-l-project-desc-title span, .cbp-l-project-details-title span { border-bottom: 1px solid #747474; display: inline-block; margin: 0 0 -1px; font: 400 16px/36px Open Sans,sans-serif; padding: 0 5px 0 0; } .cbp-l-project-desc-text { font: 400 13px/20px Open Sans,sans-serif; color: #555; margin-bottom: 20px; } .cbp-l-project-details-title { border-bottom: 1px solid #cdcdcd; margin-bottom: 19px; color: #444; } .cbp-l-project-details-list { margin: 0; padding: 0; list-style: none; } .cbp-l-project-details-list > div, .cbp-l-project-details-list > li { border-bottom: 1px dotted #dfdfdf; padding: inherit; color: #666; font: 400 12px/30px Open Sans,sans-serif; } .cbp-l-project-details-list > div:last-child, .cbp-l-project-details-list > li:last-child { border: none; } .cbp-l-project-details-list strong { display: inline-block; color: #696969; font-weight: 600; min-width: 100px; } .cbp-l-project-details-visit { color: #fff; float: right; clear: both; text-decoration: none; font: 400 11px/18px Open Sans,sans-serif; margin-top: 25px; background-color: #62b57b; padding: 8px 19px; text-transform: uppercase; letter-spacing: .5px; } .cbp-l-project-details-visit:hover { opacity: .9; color: #fff; } .cbp-l-project-related-wrap { font-size: 0; margin: 0; padding: 0; } .cbp-l-project-related-item { margin-left: 5%; max-width: 30%; float: left; } .cbp-l-project-related-item:first-child { margin-left: 0; } .cbp-l-project-related-title { font: 700 14px/18px Open Sans,sans-serif; color: #474747; margin-top: 20px; } .cbp-l-project-related-link { text-decoration: none; } .cbp-l-project-related-link:hover { opacity: .9; } .cbp-l-member-img { float: left; width: 40%; margin-top: 20px; } .cbp-l-member-img img { border: 1px solid #e2e2e2; width: auto; max-width: 100%; height: auto; display: inline-block; border: 0; } .cbp-l-member-info { margin-top: 20px; padding-left: 25px; float: left; width: 60%; } @media only screen and (max-width:768px) { .cbp-l-member-img { width: 100%; text-align: center; } .cbp-l-member-info { width: 100%; padding-left: 0; } } .cbp-l-member-name { font: 400 28px/28px Open Sans,sans-serif; color: #474747; } .cbp-l-member-position { font: 400 13px/21px Open Sans,sans-serif; color: #888; margin-top: 6px; } .cbp-l-member-desc { font: 400 12px/18px Open Sans,sans-serif; margin-top: 25px; color: #474747; } .cbp-popup-singlePageInline-open { -webkit-transition: height .5s ease 0s !important; transition: height .5s ease 0s !important; } .cbp-popup-singlePageInline-open .cbp-item { -webkit-transition: -webkit-transform .5s ease 0s !important; transition: transform .5s ease 0s !important; } .cbp-popup-singlePageInline-close .cbp-popup-singlePageInline:after { display: none; visibility: hidden; } .cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-content, .cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-navigation { -webkit-transition-delay: 0; transition-delay: 0; } .cbp-popup-singlePageInline { width: 100%; position: absolute; top: 0; left: 0; z-index: 0; overflow: hidden; } .cbp-popup-singlePageInline .cbp-popup-content { opacity: 0; width: 100%; z-index: 1; min-height: 300px; } .cbp-popup-singlePageInline .cbp-popup-content, .cbp-popup-singlePageInline .cbp-popup-navigation { -webkit-transition: opacity .4s ease-in .2s; transition: opacity .4s ease-in .2s; } .cbp-popup-singlePageInline .cbp-popup-navigation { opacity: 0; position: absolute; top: 0; right: 0; z-index: 2; width: 40px; height: 40px; } .cbp-popup-singlePageInline .cbp-popup-close { background: url(../images/cbp-sprite.png) no-repeat scroll -92px 0 transparent; height: 40px; width: 40px; right: 20px; top: 30px; } .cbp-popup-singlePageInline .cbp-popup-close:hover { opacity: .7; } .cbp-popup-singlePageInline-ready { z-index: 4; } .cbp-popup-singlePageInline-ready .cbp-popup-content, .cbp-popup-singlePageInline-ready .cbp-popup-navigation { opacity: 1; } .cbp-popup-singlePageInline-ready:after { display: none; visibility: hidden; } .cbp-singlePageInline-active { opacity: .6 !important; } .cbp-l-inline { margin: 20px 0; overflow: hidden; background: #fafafa; padding: 30px; } .cbp-l-inline-left { float: left; width: 44%; } .cbp-l-project-img { max-width: 100%; } .cbp-l-inline-right { float: right; width: 56%; padding-left: inherit; } @media only screen and (max-width:768px) { .cbp-l-inline-left { width: 100%; text-align: center; margin-top: 40px; } .cbp-l-inline-right { width: 100%; padding-left: 0; margin-top: 20px; } } .cbp-l-inline-title { font: 400 28px/30px Open Sans,sans-serif; color: #474747; } .cbp-l-inline-subtitle { font: 400 13px/21px Open Sans,sans-serif; color: #888; margin-top: 7px; } .cbp-l-inline-desc { font: 400 13px/20px Open Sans,sans-serif; color: #474747; margin-top: 25px; margin-bottom: 20px; } .cbp-l-inline-view-wrap { text-align: right; } .cbp-l-inline-view { font: 400 13px/35px Open Sans,sans-serif; color: #9c9c9c; margin-top: 40px; display: inline-block; padding: 0 20px; border: 1px solid #ccc; text-decoration: none; } .cbp-l-inline-view:hover { color: #757575; } .cbp-l-inline-details { margin-top: 15px; font: 13px/22px Open Sans,sans-serif; } .cbp-l-loadMore-button-defaultText, .cbp-l-loadMore-defaultText { display: block; } .cbp-l-loadMore-button-loadingText, .cbp-l-loadMore-button-noMoreLoading, .cbp-l-loadMore-loadingText, .cbp-l-loadMore-noMoreLoading { display: none; } .cbp-l-loadMore-loading .cbp-l-loadMore-button-loadingText, .cbp-l-loadMore-loading .cbp-l-loadMore-loadingText { display: block; } .cbp-l-loadMore-loading .cbp-l-loadMore-button-defaultText, .cbp-l-loadMore-loading .cbp-l-loadMore-button-noMoreLoading, .cbp-l-loadMore-loading .cbp-l-loadMore-defaultText, .cbp-l-loadMore-loading .cbp-l-loadMore-noMoreLoading { display: none; } .cbp-l-loadMore-stop .cbp-l-loadMore-button-noMoreLoading, .cbp-l-loadMore-stop .cbp-l-loadMore-noMoreLoading { display: block; } .cbp-l-loadMore-stop .cbp-l-loadMore-button-defaultText, .cbp-l-loadMore-stop .cbp-l-loadMore-button-loadingText, .cbp-l-loadMore-stop .cbp-l-loadMore-defaultText, .cbp-l-loadMore-stop .cbp-l-loadMore-loadingText { display: none; } .cbp-l-loadMore-bgbutton { text-align: center; } .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link { border: 1px solid #dedede; color: #7e7b7b; display: inline-block; font: 400 13px/40px Lato,sans-serif; min-width: 80px; text-decoration: none; padding: 0 50px; margin-top: 50px; outline: 0; box-shadow: none; letter-spacing: 1px; -webkit-transition: color .25s; transition: color .25s; } .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-loading, .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link:hover { color: #b0b0b0; } .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-stop { cursor: default; color: #b0b0b0; } .cbp-l-loadMore-button { text-align: center; } .cbp-l-loadMore-button .cbp-l-loadMore-button-link, .cbp-l-loadMore-button .cbp-l-loadMore-link { border: 1px solid #dedede; color: #7e7b7b; display: inline-block; font: 400 12px/36px Open Sans,sans-serif; min-width: 80px; text-decoration: none; padding: 0 30px; outline: 0; margin-top: 40px; box-shadow: none; -webkit-transition: color .25s; transition: color .25s; } .cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover, .cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-loading, .cbp-l-loadMore-button .cbp-l-loadMore-link:hover { color: #b0b0b0; } .cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-button-stop, .cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-stop, .cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-stop { cursor: default; color: #b0b0b0; } .cbp-l-loadMore-text { text-align: center; } .cbp-l-loadMore-text .cbp-l-loadMore-link, .cbp-l-loadMore-text .cbp-l-loadMore-text-link { font: 400 15px Open Sans,sans-serif; color: #7e7b7b; text-decoration: none; cursor: pointer; margin-top: 50px; display: block; } .cbp-l-loadMore-text .cbp-l-loadMore-stop, .cbp-l-loadMore-text .cbp-l-loadMore-text-stop { color: #b0b0b0; cursor: default; } .cbp-mode-slider { -webkit-transition: height .35s cubic-bezier(.22,.6,.345,1); transition: height .35s cubic-bezier(.22,.6,.345,1); } .cbp-mode-slider .cbp-item, .cbp-mode-slider .cbp-wrapper { -webkit-transition: -webkit-transform .35s cubic-bezier(.22,.6,.345,1); transition: transform .35s cubic-bezier(.22,.6,.345,1); } .cbp-mode-slider .cbp-wrapper { cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .cbp-mode-slider-dragStart * { cursor: move !important; cursor: -ms-grabbing !important; cursor: -webkit-grabbing !important; cursor: grabbing !important; } .cbp-mode-slider-dragStart .cbp-wrapper { -webkit-transition: none; transition: none; } .cbp-nav-next, .cbp-nav-prev { position: relative; background: #7c8b90; cursor: pointer; display: inline-block; margin-left: 1px; height: 22px; width: 21px; } .cbp-nav-next { border-radius: 0 2px 2px 0; } .cbp-nav-prev { border-radius: 2px 0 0 2px; } .cbp-nav-next:hover, .cbp-nav-prev:hover { opacity: .8; } .cbp-nav-next:after, .cbp-nav-prev:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: url(../images/cbp-sprite.png) no-repeat; height: 10px; width: 7px; } .cbp-nav-next:after { background-position: -134px 0; } .cbp-nav-prev:after { background-position: -134px -12px; } .cbp-nav-stop { opacity: .5 !important; cursor: default !important; } .cbp-nav { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cbp-nav-controls { position: absolute; top: -51px; right: 0; z-index: 100; } .cbp-nav-pagination { position: absolute; bottom: -30px; right: 0; z-index: 100; left: 0; text-align: center; } .cbp-nav-pagination-item { position: relative; width: 10px; height: 10px; border-radius: 50%; margin: 0 4px; display: inline-block; cursor: pointer; background: #c2c2c2; -webkit-transition: background .5s; transition: background .5s; } .cbp-nav-pagination-active { background: #797979; } .cbp-pagination-item { max-width: 100px; display: inline-block; cursor: pointer; margin-top: 10px; margin-right: 5px; position: relative; } .cbp-pagination-item img { display: block; width: 100%; height: auto; border: 0; } .cbp-pagination-item:after { content: ''; position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); -webkit-transition: background .5s ease-in-out; transition: background .5s ease-in-out; } .cbp-pagination-active:after { background: transparent; } .cbp-slider-item, .cbp-slider-wrap { margin: 0; padding: 0; list-style-type: none; } .cbp-slider .cbp-nav-controls { position: static; } .cbp-slider .cbp-nav-next, .cbp-slider .cbp-nav-prev { background: transparent; position: absolute; margin: auto; top: 0; bottom: 0; z-index: 100; width: 44px; height: 44px; } .cbp-slider .cbp-nav-next { right: 25px; left: auto; } .cbp-slider .cbp-nav-prev { left: 25px; right: auto; } .cbp-slider .cbp-nav-next:after, .cbp-slider .cbp-nav-prev:after { background: url(../images/cbp-sprite.png) no-repeat; width: 44px; height: 44px; } .cbp-slider .cbp-nav-next:after { background-position: -46px -92px; } .cbp-slider .cbp-nav-next:hover:after { background-position: -46px -46px; } .cbp-slider .cbp-nav-prev:after { background-position: 0 -92px; } .cbp-slider .cbp-nav-prev:hover:after { background-position: 0 -46px; } .cbp-slider .cbp-nav-pagination { text-align: right; bottom: 20px; right: 25px; left: auto; } .cbp-slider-edge .cbp-nav-controls { position: static; } .cbp-slider-edge .cbp-nav-next, .cbp-slider-edge .cbp-nav-prev { background: transparent; position: absolute; margin: auto; top: 0; bottom: 0; z-index: 100; width: 44px; height: 44px; } .cbp-slider-edge .cbp-nav-next { right: -14px; left: auto; } .cbp-slider-edge .cbp-nav-prev { left: -14px; right: auto; } .cbp-slider-edge .cbp-nav-next:after, .cbp-slider-edge .cbp-nav-prev:after { background: url(../images/cbp-sprite.png) no-repeat; width: 9px; height: 16px; } .cbp-slider-edge .cbp-nav-next:after { background-position: -134px -24px; } .cbp-slider-edge .cbp-nav-prev:after { background-position: -134px -42px; } .cbp-slider-edge .cbp-nav-pagination { bottom: -50px; } .cbp-slider-edge .cbp-nav-pagination-item { border: 2px solid #0f0f0f; opacity: .4; background: transparent; } .cbp-slider-edge .cbp-nav-pagination-active { background: #000; } .cbp-slider-inline { position: relative; } .cbp-slider-inline .cbp-slider-item { position: absolute; width: 100%; top: 0; transition: left .5s ease; } .cbp-slider-inline .cbp-slider-item--active { position: relative; z-index: 2; } .cbp-slider-wrapper { position: relative; overflow: hidden; } .cbp-slider-controls { position: absolute; top: 0; right: 0; z-index: 100; opacity: 0; -webkit-transition: opacity .7s ease-in-out; transition: opacity .7s ease-in-out; } .cbp-slider-inline-ready .cbp-slider-controls { opacity: 1; } .cbp-slider-next, .cbp-slider-prev { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; cursor: pointer; position: relative; width: 36px; height: 36px; background: #547eb1; } .cbp-slider-next { margin-left: 1px; } .cbp-slider-next:after, .cbp-slider-prev:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: url(../images/cbp-sprite.png) no-repeat; width: 9px; height: 16px; } .cbp-slider-next:after { background-position: -134px -60px; } .cbp-slider-prev:after { background-position: -134px -78px; } .cbp-l-grid-agency .cbp-caption:after { position: absolute; content: ''; width: 0; height: 0; border-bottom: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: 0; left: 50%; margin-left: -5px; z-index: 1; } .cbp-l-grid-agency.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: scale(1.15); transform: scale(1.15); } .cbp-l-grid-agency-title { margin-top: 18px; font: 700 17px/24px Lato,sans-serif; color: #666; text-align: center; } .cbp-item:hover .cbp-l-grid-agency-title { color: #222; } .cbp-l-grid-agency-desc { font: 400 12px/21px Open Sans,sans-serif; color: #aaa; text-align: center; } .cbp-l-grid-work.cbp-caption-zoom .cbp-caption-activeWrap { background-color: rgba(0,0,0,.7); } .cbp-l-grid-work .cbp-item { padding: 3px; } .cbp-l-grid-work .cbp-item-wrapper { background-color: #fff; box-shadow: 0px 4px 2px 2px rgba(0,0,0,0.1); padding: 0; border-top: 1px solid #f4f4f4; } .cbp-l-grid-work-title { margin-top: 10px; margin-bottom: 10px; font: 400 17px/25px Roboto Condensed,sans-serif; color: #607d8b; text-align: center; text-transform: uppercase; display: block; } .cbp-l-grid-work-title:hover { color: #365d67; } .cbp-l-grid-work-desc { font: 600 11px/16px Open Sans,sans-serif; color: #000; text-align: center; text-transform: uppercase; padding-top: 10px; background-color: #f2f2f2; } .cbp-l-grid-blog-title { font: 400 18px/30px Open Sans,sans-serif; color: #444; display: block; margin-top: 17px; } .cbp-l-grid-blog-title:hover { color: #787878; } .cbp-l-grid-blog-date { color: #787878; } .cbp-l-grid-blog-comments, .cbp-l-grid-blog-date { font: 400 12px/18px Open Sans,sans-serif; display: inline-block; } .cbp-l-grid-blog-comments { color: #3c6fbb; } .cbp-l-grid-blog-comments:hover { opacity: .8; } .cbp-l-grid-blog-desc { font: 400 13px/18px Open Sans,sans-serif; color: #9b9b9b; margin-top: 9px; } .cbp-l-grid-blog-split { margin: 0 4px; font: 400 13px/16px Open Sans,sans-serif; color: #787878; display: inline-block; } .cbp-l-grid-clients { height: 180px; } .cbp-l-clients-title-block { font: 400 32px/53px Roboto,sans-serif; color: #666464; text-align: center; margin-bottom: 40px; } .cbp-l-grid-faq .cbp-item { width: 100%; } .cbp-l-grid-projects-title { font: 700 14px/21px Open Sans,sans-serif; color: #474747; margin-top: 15px; } .cbp-l-grid-projects-desc { font: 400 12px/18px Open Sans,sans-serif; color: #888; margin-top: 5px; } .cbp-l-grid-masonry-projects .cbp-caption-activeWrap { background-color: #59a3b6; background-color: rgba(89,163,182,.95); } .cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft, .cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight { background-color: #545454; } .cbp-l-grid-masonry-projects-title { font: 500 15px/22px Roboto,sans-serif; color: #59a3b6; text-align: center; display: block; margin-top: 12px; } .cbp-l-grid-masonry-projects-title:hover { color: #457c8b; } .cbp-l-grid-masonry-projects-desc { font: 400 12px/18px Roboto,sans-serif; color: #b2b2b2; text-align: center; } .cbp-l-grid-team-name { font: 400 17px/24px Open Sans,sans-serif; color: #456297; display: block; text-align: center; margin-top: 18px; } .cbp-l-grid-team-name:hover { color: #34425c; } .cbp-l-grid-team-position { font: italic 400 13px/21px Open Sans,sans-serif; color: #999; text-align: center; } .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap { background-color: #64c28e; background-color: rgba(101,199,150,.95); } .cbp-l-grid-mosaic-flat .cbp-l-caption-title { color: #fff; font: 400 14px/21px Lato,sans-serif; text-transform: uppercase; letter-spacing: 2px; display: inline-block; } .cbp-l-grid-mosaic-flat .cbp-l-caption-title:after { content: ''; display: block; width: 40%; height: 1px; background-color: #fff; margin: 8px auto 0; } .cbp-l-grid-mosaic-projects .cbp-caption-activeWrap { background-color: #59a3b6; background-color: rgba(89,163,182,.97); } .cbp-l-grid-mosaic .cbp-caption-activeWrap { background-color: #ffea71; background-color: rgba(255,234,113,.95); } .cbp-l-grid-mosaic .cbp-l-caption-title { color: #5a5a5a; font: 500 18px/22px Roboto,sans-serif; text-transform: uppercase; margin-bottom: 5px; } .cbp-l-grid-mosaic .cbp-l-caption-desc { color: #585858; font: 400 13px/20px Roboto,sans-serif; } .cbp-l-slider-title-block { border-bottom: 1px solid #cdcdcd; margin-bottom: 22px; } .cbp-l-slider-title-block div { padding: 0 2px 6px 0; display: inline-block; border-bottom: 1px solid #a9a5a5; color: #5e5e5e; margin-bottom: -1px; font: 15px/21px Roboto,sans-serif; } .cbp-l-grid-slider-team-name { float: left; font: 20px/30px Roboto,sans-serif; color: #494949; margin-top: 16px; } .cbp-l-grid-slider-team-position { clear: both; font: 14px/21px Roboto,sans-serif; color: #a6a6a6; } .cbp-l-grid-slider-team-desc { font: 13px/20px Roboto,sans-serif; color: #969696; margin-top: 15px; } .cbp-l-grid-slider-team-social { float: right; margin-top: 16px; } .cbp-l-grid-slider-team-social a { color: #737373; line-height: 30px; margin-left: 6px; } .cbp-l-grid-slider-team-social a:hover { opacity: .8; } .cbp-l-slider-testimonials-wrap { background: #f8f9f9; padding: 80px 0 110px; border-width: 1px 0; border-style: solid; border-color: #dce1e2; } .cbp-l-grid-slider-testimonials-body { color: #424242; max-width: 800px; margin: 0 auto; font: 20px/32px sans-serif; text-align: center; padding: 0 20px; } .cbp-l-grid-slider-testimonials-footer { font: 12px/19px Roboto,sans-serif; color: #777; text-align: center; margin-bottom: 10px; margin-top: 30px; } .cbp-l-grid-tabs { height: 100px; } .cbp-l-grid-tabs .cbp-item { font: 14px/24px Lato,sans-serif; max-width: 700px; width: 100%; margin: 0 auto; right: 0; text-align: center; color: #5a5a5a; } .cbp-l-testimonials-title-block { position: relative; text-align: center; font: 26px/36px Roboto,sans-serif; color: #e7e7e7; margin-bottom: 60px; } .cbp-l-testimonials-title-block:after { content: ''; position: absolute; margin: 0 auto; width: 23px; height: 2px; bottom: -6px; background-color: #c2c2c2; left: 0; right: 0; } .cbp-l-testimonials-wrap { background: #2d2d2d; padding: 60px 0 110px; } .cbp-l-grid-testimonials-body { color: #e7e7e7; max-width: 800px; margin: 0 auto; font: 20px/32px Roboto,sans-serif; text-align: center; padding: 0 20px; } .cbp-l-grid-testimonials-footer { font: 12px/19px Roboto,sans-serif; color: #c2c2c2; text-align: center; margin-bottom: 40px; margin-top: 35px; } .cbp-search { position: relative; width: 220px; margin-bottom: 40px; } .cbp-search .cbp-search-nothing { display: none; } .cbp-search-icon { position: absolute; width: 32px; height: 100%; top: 0; right: 0; text-align: center; cursor: pointer; pointer-events: none; } .cbp-search-icon:after { content: '\f002'; font-family: FontAwesome; font-size: 14px; color: #797979; line-height: 36px; pointer-events: none; } .cbp-search-input { height: 36px; padding: 0 32px 0 12px; margin: 0; border-radius: 1px; border: 1px solid #c6c3c4; font: 400 12px Open Sans,sans-serif; width: 100%; } .cbp-search-input[value] + .cbp-search-icon { pointer-events: auto; } .cbp-search-input[value] + .cbp-search-icon:after { content: '\f00d'; } .cbp-search-nothing { position: absolute; top: 0; padding: 0 0 30px; text-align: center; width: 100%; font: 13px Open Sans,sans-serif; } .cbp-l-project-social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .cbp-social-fb, .cbp-social-googleplus, .cbp-social-pinterest, .cbp-social-twitter { margin-right: 9px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .cbp-social-fb:hover, .cbp-social-googleplus:hover, .cbp-social-pinterest:hover, .cbp-social-twitter:hover { opacity: .8; } .cbp-social-fb:focus, .cbp-social-googleplus:focus, .cbp-social-pinterest:focus, .cbp-social-twitter:focus { outline: none; } .cbp-social-fb path { fill: #415c9b; } .cbp-social-twitter path { fill: #55acee; } .cbp-social-googleplus path { fill: #e57371; } .cbp-social-pinterest path { fill: #cb2027; } .mfp-bg { z-index: 1042; overflow: hidden; background: #0b0b0b; opacity: .8; } .mfp-bg, .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; position: fixed; } .mfp-wrap { z-index: 1043; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader { display: none; } button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial,Baskerville,monospace; } .mfp-close:focus, .mfp-close:hover { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: .65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:focus, .mfp-arrow:hover { opacity: 1; } .mfp-arrow:after, .mfp-arrow:before { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: .7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0,0,0,.6); background: #000; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; box-sizing: border-box; padding: 40px 0; margin: 0 auto; } .mfp-figure, img.mfp-img { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0,0,0,.6); background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0,0,0,.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width:900px) { .mfp-arrow { -webkit-transform: scale(.75); transform: scale(.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /*! * bootstrap-vertical-tabs - v1.2.1 * https://dbtek.github.io/bootstrap-vertical-tabs * 2014-11-07 * Copyright (c) 2014 İsmail Demirbilek * License: MIT */ .tabs-left, .tabs-right { border-bottom: none; padding-top: 2px; } .tabs-left { border-right: 1px solid #ddd; } .tabs-right { border-left: 1px solid #ddd; } .tabs-left > li, .tabs-right > li { float: none; margin-bottom: 2px; } .tabs-left > li { margin-right: -1px; } .tabs-right > li { margin-left: -1px; } .tabs-left > li.active > a, .tabs-left > li.active > a:focus, .tabs-left > li.active > a:hover { border-bottom-color: #ddd; border-right-color: transparent; } .tabs-right > li.active > a, .tabs-right > li.active > a:focus, .tabs-right > li.active > a:hover { border-bottom: 1px solid #ddd; border-left-color: transparent; } .tabs-left > li > a { border-radius: 4px 0 0 4px; margin-right: 0; display: block; } .tabs-right > li > a { border-radius: 0 4px 4px 0; margin-right: 0; } .sideways { margin-top: 50px; border: none; position: relative; } .sideways > li { height: 20px; width: 120px; margin-bottom: 100px; } .sideways > li > a { border-bottom: 1px solid #ddd; border-right-color: transparent; text-align: center; border-radius: 4px 4px 0 0; } .sideways > li.active > a, .sideways > li.active > a:focus, .sideways > li.active > a:hover { border-bottom-color: transparent; border-right-color: #ddd; border-left-color: #ddd; } .sideways.tabs-left { left: -50px; } .sideways.tabs-right { right: -50px; } .sideways.tabs-right > li { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .sideways.tabs-left > li { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } /*-------------------------------------------------------------- # Compressed main.css # Uncompressed css file is provided along with Sass files in download. --------------------------------------------------------------*/ @import url(https://fonts.googleapis.com/css?family=Montserrat|Open+Sans); .font-ms { font-family: 'Montserrat',"Open Sans",sans-serif !important; } .font-os { font-family: "Open Sans",sans-serif !important; } big, code, small, sub, sup { line-height: 0; } .sidr ul, ul { list-style: none; } body, dt, html, legend, th { color: #2b2c2d; } .trans, a { transition: all .4s ease-in-out; } .clearfix, h1, h2, h3, h4, h5, h6 { clear: both; } .header .menu-item .mega-submenu, th { text-align: left; } .ol-style-2, .ol-style-3, .ol-style-4, .ul-style-2, .ul-style-3, .ul-style-4 { list-style-type: none; } body, html { font-family: "Open Sans",sans-serif; font-weight: 400; font-size: 12px; line-height: 1.75em; overflow-x: hidden; } .headline, h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat',sans-serif; } a, body { color: #787878; } @media (min-width:600px) { body, html { font-size: calc(12px + (14 - 12) * ((100vw - 600px)/ (1140 - 600))); } } @media (min-width:1140px) { body, html { font-size: 13px; } } a, abbr, acronym, address, b, big, blockquote, caption, center, cite, code, dd, del, dfn, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, i, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var { margin: 0; padding: 0; } address, blockquote, dl, ol, p, pre, table, ul { margin-bottom: 25px; } td, th { padding: .21875em .875em; } /*h1 { font-size: 27.85px; margin-top: .9424em; line-height: 1.13088em; margin-bottom: .18848em; } @media (min-width:600px) { h1 { font-size: calc(27.85px + (32.49679 - 27.85439) * ((100vw - 600px)/ (1140 - 600))); } } @media (min-width:1140px) { h1 { font-size: 32.5px; margin-top: .9424em; line-height: 1.13088em; margin-bottom: .18848em; } }*/ h2 { font-size: 23.54px; margin-top: 1.11527em; line-height: 1.33832em; margin-bottom: .25148em; } @media (min-width:600px) { h2 { font-size: calc(23.54px + (27.45984 - 23.537) * ((100vw - 600px)/ (1140 - 600))); } } @media (min-width:1140px) { h2 { font-size: 27.46px; margin-top: 1.11527em; line-height: 1.33832em; margin-bottom: .24742em; } } h3, h1 { font-size: 19.89px; margin-top: 1.31984em; line-height: 1.58381em; margin-bottom: .30378em; } @media (min-width:600px) { h3, h1 { font-size: calc(19.89px + (23.20361 - 19.8888) * ((100vw - 600px)/ (1140 - 600))); } } @media (min-width:1140px) { h3, h1 { font-size: 23.2px; margin-top: 1.31984em; line-height: 1.58381em; margin-bottom: .2981em; } } h4 { font-size: 16.81px; margin-top: 1.56194em; line-height: 1.87432em; margin-bottom: .36815em; } h1.news { font-size: 16.81px; margin-top: 1.56194em; line-height: 1.87432em; margin-bottom: .36815em; } @media (min-width:600px) { h4 { font-size: calc(16.81px + (19.60708 - 16.80607) * ((100vw - 600px)/ (1140 - 600))); } h1.news { font-size: calc(16.81px + (19.60708 - 16.80607) * ((100vw - 600px)/ (1140 - 600))); } } @media (min-width:1140px) { h4 { font-size: 19.61px; margin-top: 1.56194em; line-height: 1.87432em; margin-bottom: .36018em; } h1.news { font-size: 19.61px; margin-top: 1.56194em; line-height: 1.87432em; margin-bottom: .36018em; } } h5 { font-size: 14.2px; margin-top: 1.84844em; line-height: 2.21813em; margin-bottom: .36969em; } @media (min-width:600px) { h5 { font-size: calc(14.2px + (16.56802 - 14.20116) * ((100vw - 600px)/ (1140 - 600))); } } @media (min-width:1140px) { h5 { font-size: 16.57px; margin-top: 1.84844em; line-height: 2.21813em; margin-bottom: .36969em; } } h6 { font-size: 12px; margin-top: 2.1875em; line-height: 2.625em; margin-bottom: .51042em; } @media (min-width:600px) { h6 { font-size: calc(12px + (14 - 12) * ((100vw - 600px)/ (1140 - 600))); } } blockquote { font-style: italic; } address, blockquote cite { font-style: normal; } blockquote cite { display: block; } pre { padding: .875em; } pre code { padding: 0; } code { font-family: "Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace; padding: .0875em .2625em; } abbr, acronym { border-bottom: 1px dotted currentColor; cursor: help; } dt, legend { font-weight: 700; } ul { padding-left: 1.1em; } ol { padding-left: 1.4em; } fieldset { padding: .875em 1.75em 1.75em; border-width: 1px; border-style: solid; max-width: 100%; margin-bottom: 1.875em; } @media (min-width:1140px) { h6 { font-size: 14px; margin-top: 2.1875em; line-height: 2.625em; margin-bottom: .47396em; } fieldset { margin-bottom: 2.03125em; } } fieldset button, fieldset input[type=submit] { margin-bottom: 0; } input[type=email], input[type=password], input[type=text], textarea { display: block; max-width: 100%; padding: .4375em; font-size: 12px; margin-bottom: 1.3125em; } @media (min-width:600px) { input[type=email], input[type=password], input[type=text], textarea { font-size: calc(12px + (14 - 12) * ((100vw - 600px)/ (1140 - 600))); } } @media (min-width:1140px) { input[type=email], input[type=password], input[type=text], textarea { font-size: 14px; margin-bottom: .54688em; } } button, input[type=submit] { display: block; cursor: pointer; font-size: 12px; padding: .4375em 1.75em; margin-bottom: 1.125em; } @media (min-width:600px) { button, input[type=submit] { font-size: calc(12px + (14 - 12) * ((100vw - 600px)/ (1140 - 600))); } } label { display: block; padding-bottom: .21875em; margin-bottom: -.125em; } table { width: 100%; border-spacing: 0; border-collapse: collapse; margin-bottom: 2.375em; } @media (min-width:1140px) { button, input[type=submit] { font-size: 14px; margin-bottom: 1.3125em; } table { margin-bottom: 2.125em; } td, th { padding: .4375em .875em; } } body { font-family: "Open Sans",sans-serif; -webkit-font-smoothing: antialiased; background-color: #fff; text-rendering: optimizeLegibility !important; letter-spacing: .5px; } ::-moz-selection { background-color: #2b2c2d; color: #fff; } ::selection { background-color: #2b2c2d; color: #fff; } a { outline: 0 !important; text-decoration: none !important; } .btn, a:hover { text-decoration: none; } a:hover { color: #f6303e !important; } p a { color: #f6303e; } .light-text { color: #c2c2c2; } .zero-padding { padding: 0 !important; } .mbn { margin-bottom: 0 !important; } .mb10 { margin-bottom: 10px !important; } .mb20 { margin-bottom: 20px !important; } .mb30 { margin-bottom: 30px !important; } .mb40 { margin-bottom: 40px !important; } .mb50 { margin-bottom: 50px !important; } .mb60 { margin-bottom: 60px !important; } .mtn { margin-top: 0 !important; } .mt10 { margin-top: 10px !important; } .mt20 { margin-top: 20px !important; } .mt30 { margin-top: 30px !important; } .mt40 { margin-top: 40px !important; } .mt50 { margin-top: 50px !important; } .mt60 { margin-top: 60px !important; } .mln { margin-left: 0; } .ml10 { margin-left: 10px; } .ml20 { margin-left: 20px; } .ml30 { margin-left: 30px; } .ml40 { margin-left: 40px; } .ml50 { margin-left: 50px; } .ml60 { margin-left: 60px; } .mrn { margin-right: 0; } .mr10 { margin-right: 10px; } .mr20 { margin-right: 20px; } .mr30 { margin-right: 30px; } .mr40 { margin-right: 40px; } .mr50 { margin-right: 50px; } .mr60 { margin-right: 60px; } .pbn { padding-bottom: 0 !important; } .pb10 { padding-bottom: 10px; } .pb20 { padding-bottom: 20px; } .pb30 { padding-bottom: 30px; } .pb40 { padding-bottom: 40px; } .pb50 { padding-bottom: 50px; } .pb60 { padding-bottom: 60px; } .pb70 { padding-bottom: 70px; } .pb80 { padding-bottom: 80px; } .ptn { padding-top: 0 !important; } .pt10 { padding-top: 10px; } .pt20 { padding-top: 20px; } .pt30 { padding-top: 30px; } .pt40 { padding-top: 40px; } .pt50 { padding-top: 50px; } .pt60 { padding-top: 60px; } .pt70 { padding-top: 70px; } .pt80 { padding-top: 80px; } .pt90 { padding-top: 90px; } .pln { padding-left: 0; } .pl10 { padding-left: 10px; } .pl15 { padding-left: 15px; } .pl20 { padding-left: 20px; } .pl30 { padding-left: 30px; } .pl40 { padding-left: 40px; } .pl50 { padding-left: 50px; } .pl60 { padding-left: 60px; } .prn { padding-right: 0; } .pr1 { padding-right: 1px; } .pr10 { padding-right: 10px; } .pr20 { padding-right: 20px; } .pr30 { padding-right: 30px; } .pr40 { padding-right: 40px; } .pr50 { padding-right: 50px; } .pr60 { padding-right: 60px; } .mtm-80 { margin-top: -80px; } .tal { text-align: left; } .underline { position: relative; padding-bottom: 20px; margin-bottom: 22px; } .underline.white { color: #fff; } .underline:after { content: ""; width: 40px; height: 3px; background: #f6303e; position: absolute; bottom: 0; left: 0; } .underline.line-white:after { content: ""; width: 40px; height: 3px; background: #fff; position: absolute; bottom: 0; left: 0; } .label-primary, .st-label { background-color: #f6303e; } .full-underline::after { width: 100%; } .longer-underline::after { width: 60px; } .text-center .underline::after { width: 4%; left: 48%; } .text-center .longer-underline::after { width: 8%; left: 46%; } .col-centered { float: none; margin: 0 auto; } .text-muted { font-size: 85%; font-style: italic; } .default-ul { list-style: circle; } .st-label { position: relative; } .st-label:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255,255,255,0); border-width: 5px; margin-top: -6px; border-right-color: #f6303e !important; } .main-menu > li > ul, .menu > ul > li.active { border-top: 3px solid #f6303e; } .header-border .mega-submenu, .secondNav.header-border .header { border-bottom: 1px solid #d9d9d9; } .panel, .panel-heading { border-radius: 0; } .badge { width: 22px; height: 22px; line-height: 22px; border-radius: 50%; font-weight: 400; padding: 0; } .black-color { color: #2b2c2d !important; } .black-background { background-color: #000; } .white-color { color: #fff !important; } .white-background { background-color: #fff; } .muted-color { color: #787878 !important; } h1, h2, h3, h4, h5, h6 { text-transform: uppercase; margin: 0; padding: 0; color: #2b2c2d; font-weight: 500; letter-spacing: 1.5px; } .menu-style-2 .menu-icon, .menu-style-3 .menu-icon { margin-right: 5px; font-size: 13px; display: inline-block; } .search-icon { font-size: 16px; } .btn, .st-btn { letter-spacing: 1px; font-family: 'Montserrat',"Open Sans",sans-serif !important; } .bold { font-weight: bold; } .capitalize { text-transform: capitalize !important; } .uppercase { text-transform: uppercase !important; } .lowercase { text-transform: lowercase !important; } dl, ol, ul { list-style-position: outside; } .lighter-text { color: #787878 !important; } .label { font-size: 60%; border-radius: 0; font-weight: inherit; } .header { position: fixed; width: 100%; z-index: 101; min-height: 80px; transition: all .4s ease-in-out; } .header .logo, .open-nav-button { position: relative; transition: all .4s ease-in-out; } .header .logo { padding: 20px 10px; float: left; z-index: 1; } .header .logo-img { max-height: 84px; transition: all .4s ease-in-out; } .secondNav .header .logo-img, .small-header .header .logo-img { max-height: 30px; } .header .menu-item { float: none; display: inline-block; background: 0 0; } .header .menu-item a { color: #fff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; padding: 0 20px; line-height: 80px; transition: all .4s ease-in-out; } .header .menu-item .mega-submenu a { color: #787878; line-height: 22px; text-transform: none; padding: 8px 10px; letter-spacing: 0.5px; transition: all .4s ease-in-out; } .header .menu-item .mega-submenu a:hover { border-left: 3px solid #d9d9d9; } .header .main-menu { text-align: right; } .secondNav .header { min-height: 50px; background: #fff; } .secondNav .header .main-menu > li a { line-height: 50px; color: #787878; } .menu ul li.active a, .menu > ul > li:hover a { color: #f6303e; } .secondNav .header .logo { padding: 10px; } .main-menu > li > ul.normal-sub { width: 230px; } .main-menu > li > ul.narrow-sub { width: 100px; } .main-menu > li > ul.normal-sub > li a { padding: 5px; } .mega-submenu a { line-height: 22px !important; } .mega-submenu { background-color: #fff !important; /*background: url(../images/nav-bg.jpg) bottom right no-repeat;*/ } .mega-submenu.no-image { background: 0 0; } .header-shadow .mega-submenu { box-shadow: 0 5px 10px 5px rgba(0,0,0,.07); } .header-border .mega-submenu { border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; } .secondNav.header-shadow .header { box-shadow: 0 5px 10px 5px rgba(0,0,0,.07); } .submenu-column ul li a i { width: 22px; display: inline-block; text-align: center; font-size: 13px; } .secondNav.dark-menu .header { background: #2b2c2d; color: #fff; } .nav > li > a:focus, .nav > li > a:hover { background-color: transparent; } .dark-menu .mega-submenu { background-color: #2b2c2d !important; background-image: url(../images/nav-bg-dark-2.jpg); background-repeat: no-repeat; background-position: bottom right; } .dark-menu .header .main-menu > li a, .dark-menu .submenu-bottom { color: #fff; } .dark-menu .submenu-column h6 { color: #fff !important; } .light-header .header { background: #fff; } .light-header .header .menu-item a { color: #787878; } .dark-header .header .main-menu > li a, .dark-header .header .menu-item a, .dark-header .submenu-bottom { color: #fff; } .light-header .main { padding-top: 80px; } .light-header.semi-trans-header .main { padding-top: 0; } .light-header.small-header .main { padding-top: 50px; } .dark-header .header { background: #2b2c2d; } .dark-header .mega-submenu { background-color: #222 !important; background-image: url(../images/nav-bg-dark-2.jpg); background-repeat: no-repeat; background-position: bottom right; } .dark-header .main { padding-top: 80px; } .dark-header.semi-trans-header .main { padding-top: 0; } .dark-header.small-header .main { padding-top: 50px; } .dark-header .submenu-column h6 { color: #fff !important; } .bold-menu a { font-weight: 600; } .semi-trans-header.dark-header .header { background: rgba(34,34,34,.4); } .semi-trans-header.light-header .header { background: rgba(255,255,255,.8); } .center-logo .logo { float: none; text-align: center; } .center-logo .header .main-menu { text-align: left; border-top: 1px solid #f2f2f2; } .center-logo .main-menu > li.active { border-top: 0; } .center-logo .main-menu > li.active > a { color: #f6303e !important; } .center-logo .left-separator { float: right; border-left: 0 !important; } .light-header .left-separator { border-left: 1px solid #f2f2f2; } .dark-header .left-separator { border-left: 1px solid #d9d9d9; } .dark-header.center-logo .header .main-menu { border-top: 1px solid #d9d9d9; } .small-header .header { min-height: 50px; } .small-header .header .main-menu > li a { line-height: 50px; } .small-header .header .logo { padding: 10px; } .open-nav-button { visibility: hidden; color: #2b2c2d; line-height: 83px; font-size: 18px; z-index: 100; cursor: pointer; } .secondNav .open-nav-button, .small-header .open-nav-button { line-height: 50px; } .nav-hidden .main-menu { display: none; transition: all .4s ease-in-out; } .nav-hidden .open-nav-button { visibility: visible; } .mega-submenu.normal-sub { background-image: none; } .mega-submenu.normal-sub a { transition: all .4s ease-in-out; } .mega-submenu.normal-sub a:hover { border-left: 0 !important; background: #f2f2f2; } .mega-submenu.normal-sub a i { width: 22px; display: inline-block; text-align: center; font-size: 13px; } .mega-submenu.normal-sub .sub-submenu { display: none; position: absolute; z-index: 101; top: 0; left: 100%; background: #fff; list-style: none; border-top: 3px solid #f6303e; width: 200px; padding-left: 0; box-shadow: 0 8px 30px 8px rgba(0,0,0,.05); transition: all .4s ease-in-out; } .mega-submenu.normal-sub .sub-submenu.on-left { right: 100%; left: auto; } .mega-submenu.normal-sub .has-subsubmenu { position: relative; z-index: 100; } .mega-submenu.normal-sub .has-subsubmenu:after { content: ' '; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #f6303e; top: 15px; right: 15px; position: absolute; } .menu-style-2 .menu > ul > li.active { border-top: 0; } .menu-style-2 .menu > ul > li.active > a { color: #f6303e; } .menu-style-3 .menu > ul > li.active { background: #f6303e; border-top-color: #f6303e; } .menu-style-5 .menu > ul > li.active, .menu-style-6 .menu > ul > li.active, .menu-style-8 .menu > ul > li.active { border-top: 0; } .menu-style-3 .menu > ul > li.active > a { color: #fff; } .menu-style-3 .menu > ul > li.active > a:hover { color: #fff !important; } .top-menu { width: 100%; background: #f2f2f2; padding: 10px; } .top-menu .right-div { text-align: right; } .left-menu .main-menu, .top-menu .left-div { text-align: left; } .top-menu .right-div a { margin-left: 10px; } .top-menu .left-div a { margin-right: 10px; } .top-menu a { font-size: 12px; color: #787878; padding: 5px 10px; } .dark-header .mega-submenu.normal-sub .sub-submenu { background: #2b2c2d; } .dark-header .mega-submenu.normal-sub a:hover { background: #37393a; } .static-header .header { position: static; } .menu-style-5 .menu-item { padding: 20px 5px; transition: all .4s ease-in-out; } .menu-style-5 .menu-item > a { padding: 0 10px; line-height: 40px; } .menu-style-5 .menu > ul > li.active > a { background: #f6303e; border-radius: 4px; color: #fff; } .menu-style-5 .menu > ul > li.active > a:hover { color: #fff !important; border-radius: 4px 4px 0 0; } .secondNav .menu-style-5 .menu-item { padding: 0 5px; } .secondNav .menu-style-5 .menu-item > a { padding: 0 10px; line-height: 40px; } .secondNav .menu-style-5 .menu > ul > li.active > a { border-radius: 0; } .menu-style-6 .menu-item { padding: 20px 5px; transition: all .4s ease-in-out; } .menu-style-6 .menu-item > a { padding: 0 10px; line-height: 40px; } .menu-style-6 .menu > ul > li.active > a { background: #f6303e; border-radius: 4px; color: #fff; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } .menu-style-6 .menu > ul > li.active > a:hover { color: #fff !important; border-radius: 4px 4px 0 0; } .menu-style-6 .menu > ul > li > a:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); background: #f6303e; color: #fff !important; border-radius: 4px; } .secondNav .menu-style-6 .menu-item { padding: 0 5px; } .secondNav .menu-style-6 .menu-item > a { padding: 0 10px; line-height: 40px; } .secondNav .menu-style-6 .menu > ul > li.active > a { border-radius: 0; } .menu-style-8 .menu-item { padding: 20px 5px; transition: all .4s ease-in-out; } .menu-style-8 .menu-item > a { padding: 0 10px; line-height: 40px; } .menu-style-8 .menu > ul > li.active > a { border: 1px solid #f6303e; border-radius: 4px; color: #f6303e; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } .menu-style-10 .menu > ul > li.active, .menu-style-9 .menu > ul > li.active { background: #f6303e; border-top-color: #f6303e; } .menu-style-8 .menu > ul > li.active > a:hover { color: #fff !important; border-radius: 4px 4px 0 0; } .menu-style-8 .menu > ul > li > a:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); background: #f6303e; color: #fff !important; border-radius: 4px; } .secondNav .menu-style-8 .menu-item { padding: 0 5px; } .secondNav .menu-style-8 .menu-item > a { padding: 0 10px; line-height: 40px; } .secondNav .menu-style-8 .menu > ul > li.active > a { border-radius: 0; } .menu-style-9 .menu-icon { font-size: 13px; display: inline-block; margin-right: 5px; } .menu-style-9 .menu > ul > li { height: 83px; vertical-align: bottom; transition: all .4s ease-in-out; } .menu-style-9 .menu > ul > li > a { line-height: 20px; padding-top: 40px; text-align: left; transition: all .4s ease-in-out; } .menu-style-9 .menu > ul > li > a span.text-muted { display: block; font-size: 10px; text-transform: capitalize; color: #787878; } .menu-style-9 .menu > ul > li.active > a { color: #fff; } .menu-style-9 .menu > ul > li.active > a:hover { color: #fff !important; } .menu-style-9 .menu > ul > li.active > a span.text-muted { color: #f2f2f2; } .secondNav .menu-style-9 .menu > ul > li { height: 53px; } .secondNav .menu-style-9 .menu > ul > li > a { padding-top: 5px; line-height: 20px; } .menu-style-10 .menu-icon { font-size: 18px; display: block; margin-right: 5px; } .menu-style-10 .menu > ul > li { height: 83px; vertical-align: bottom; transition: all .4s ease-in-out; } .menu-style-10 .menu > ul > li > a { line-height: 20px; padding-top: 25px; text-align: center; transition: all .4s ease-in-out; } .menu-style-10 .menu > ul > li > a span.text-muted { display: block; font-size: 10px; text-transform: capitalize; color: #d9d9d9; } .menu-style-10 .menu > ul > li.active > a { color: #fff; } .menu-style-10 .menu > ul > li.active > a:hover { color: #fff !important; } .menu-style-10 .menu > ul > li.active > a span.text-muted { color: #f2f2f2; } .secondNav .menu-style-10 .menu > ul > li { height: 53px; } .secondNav .menu-style-10 .menu > ul > li > a { padding-top: 5px; line-height: 20px; } .sidr { box-shadow: 0 10px 50px 10px rgba(0,0,0,.1); background: #fff; } .sidr .logo { width: 220px; padding: 20px; } .sidr .logo img { width: 100%; } .sidr ul { padding-left: 0; } .sidr ul li a { line-height: 45px; display: inline-block; padding-left: 20px; color: #787878; width: 100%; transition: all .2s ease-in-out; } .sidr ul li a:hover { background: #f2f2f2; border-left: 3px solid #f6303e; } .top-separator { border-top: 1px solid #f2f2f2; } .dark-header .sidr { background: #2b2c2d; } .dark-header .open-nav-button, .dark-header .sidr ul li a { color: #fff; } .search-icon { position: relative; } .search-icon .search-bar { position: absolute; right: 0; display: none; box-shadow: 0 8px 30px 8px rgba(0,0,0,.05); background: #f2f2f2; border: 1px solid #d9d9d9; } .search-icon:hover .search-bar { display: block; } @media only screen and (min-width:1200px) and (max-width:1300px) { .header .menu-item a { font-size: 90%; } } @media only screen and (max-width:1200px) { .header .menu-item.cart-icon, .header .menu-item.search-icon, .open-nav-button, .top-menu { display: none; } .header .logo { padding-bottom: 0; } .menu-mobile { color: #fff; padding-top: 40px; } .center-logo .menu-mobile { text-align: center; } .center-logo .menu-mobile:after { float: none; } .small-header .menu-mobile { padding-top: 20px; } .light-header .menu-mobile { color: #787878; } .left-menu .menu-mobile { float: left; } .secondNav .menu-mobile { color: #787878; padding-top: 20px; } .main-menu.show-on-mobile { background: #fff; text-align: left; color: #787878; max-height: 450px; overflow: scroll; } .footer .col-md-6, .footer .text-right { text-align: center; } .dark-header .main-menu.show-on-mobile, .dark-menu .main-menu.show-on-mobile { background: #2b2c2d; } .header .menu-item .mega-submenu { margin-left: 30px; } .header-shadow .mega-submenu, .mega-submenu.normal-sub .sub-submenu { box-shadow: none; border-top: 0; } .mega-submenu.normal-sub .sub-submenu { position: static; margin-left: 40px; } .main-menu > li > ul, .menu > ul > li.active { border-top: 0; } .header .menu-item a { color: #787878; line-height: 50px; } .feature { margin-bottom: 30px; } .footer .footer-top .pull-right { float: none !important; margin: auto; } .menu-style-6 .menu > ul > li.active > a { background: #fff; color: #f6303e; } .menu-style-6 .menu > ul > li > a:hover { background: #fff; color: #f6303e !important; } .menu-style-6 .menu-item { padding: 5px; } .menu-style-3 .menu > ul > li.active { background: #fff; color: #f6303e; } .menu-style-3 .menu > ul > li.active > a { color: #f6303e !important; } .nav-hidden .main-menu.show-on-mobile, .open-nav-button.sidr-btn { display: block; } .page-title-row { padding: 50px 0; } } .white-grad, section.content-section { padding: 90px 0; } .headline { font-size: 4.236em; color: #fff; margin-top: 10px; margin-bottom: 30px; text-transform: uppercase; } .sub-headline { font-size: 1em; text-transform: none; margin-top: 5px; margin-bottom: 20px; color: rgba(255,255,255,.7); line-height: 30px; } .btn, .footer ul li a, .st-btn { text-transform: uppercase; } section.content-section:nth-of-type(even) { background-color: #f2f2f2; } section.content-section:nth-of-type(odd) { background-color: #fff; } section.parallax-section { background-color: transparent !important; } section.parallax-section .white-grad { position: relative; z-index: 1; } .content-section .section-header { margin-bottom: 0; } .content-section .section-title { font-size: 1.618em; } .section-title.primary-color { color: #f6303e; } .content-section .section-subtitle { color: #000; } .gray-bg { background-color: #f2f2f2; } .white-bg { background-color: #fff; } .white-grad { background: linear-gradient(rgba(255,255,255,.4) 0,rgba(255,255,255,.8) 100%); } .feature .icon { color: #f6303e; font-size: 2.618em; } .feature-left-icon { margin-bottom: 50px; } .feature-left-icon .feature-title { margin-bottom: 20px; } .feature-left-icon .icon { color: #f6303e; font-size: 60px; line-height: 80px; width: 14%; display: inline-block; vertical-align: top; } .feature-left-icon .feature-right-side { display: inline-block; width: 85%; } .feature-box { background: #f2f2f2; margin-bottom: 25px; padding: 25px; text-align: center; } .feature-box-2, .feature-box-3 { padding: 14px; position: relative; } .feature-box .icon { color: #f6303e; font-size: 52px; display: block; margin-bottom: 12px; } .feature-box-2 .icon, .feature-box-3 .icon { font-size: 40px; line-height: 70px; display: block; width: 70px; height: 70px; } .feature-box .feature-desc { text-align: left; color: #787878; } section.content-section:nth-of-type(even) .feature-box { background: #d9d9d9; } .feature-box-2 { border: 1px dashed #787878; border-top: 3px solid #f6303e; text-align: center; } .feature-box-2 .feature-title { margin-bottom: 20px; } .feature-box-2 .icon { margin: -54px auto 15px; background: #f6303e; color: #fff; border-radius: 50%; } .feature-box-2 .feature-desc { color: #787878; } .feature-box-3 { border: 1px dashed #a6a6a6; border-top: 3px solid #f6303e; text-align: center; } .feature-box-3 .feature-title { margin-bottom: 20px; } .feature-box-3 .icon { margin: -54px auto 15px; background: #fff; color: #f6303e; border-radius: 50%; } .feature-box-3 .feature-desc { color: #787878; } section.content-section:nth-of-type(even) .feature-box-3 .icon { background: #f2f2f2; } .feature-box-4 .icon { color: #f6303e; display: inline-block; font-size: 32px; line-height: 32px; } .feature-box-4 .feature-title { display: inline-block; line-height: 32px; vertical-align: top; margin-bottom: 20px; margin-left: 10px; } .feature-box-4 .feature-desc { color: #787878; } .feature-type-5 { margin: 0; } .feature-type-5 [class*=col-md] { padding: 0; margin: 0; } .feature-type-5 .feature-box-5 { position: relative; background: #ddd; color: #000; padding: 40px; overflow: hidden; } .feature-type-5 .feature-box-5.fixed-height { min-height: 460px; } .feature-type-5 .feature-box-5.lower-padding { padding: 0 40px; } .feature-type-5 .feature-box-5 .feature-title { color: #f6303e; margin-bottom: 20px; text-align: center; font-weight: bold; } .feature-type-5 .feature-box-5 .feature-desc { margin-bottom: 0; } .feature-type-5 .feature-box-5 .products { padding-left: 0; list-style-type: none; clear: both; position: relative; z-index: 10; } .feature-type-5 .feature-box-5 .products li { font-size: 12px; color: #787878; } .feature-type-5 .feature-box-5 .products.double li { font-size: 12px; float: left; display: inline; width: 50%; } .feature-type-5 .feature-box-5 .products li.caetech a { color: #000; } .feature-type-5 .feature-box-5 .icon { text-align: center; font-size: 60px; line-height: 60px; color: #fff; margin-bottom: 25px; } .feature-type-5 .feature-box-5 .icon.left { display: block; height: 56px; margin-bottom: 10px; overflow: hidden; text-align: left; width: 100%; } .feature-type-5 .feature-box-5 .icon.left img { display: inline-block; float: left; margin-right: 10px; width: 40px; } .feature-type-5 .feature-box-5 .feature-title.smaller { text-align: left; } .feature-type-5 .feature-box-5 .feature-title.smaller h5 { clear: none; color: #f6303e; font-size: 15px; font-weight: bold; letter-spacing: 1.5px; line-height: 20px; max-width: 240px; text-transform: uppercase; } div.clearer { clear: left; } .row.upper-border { border-top: 2px solid #000000; margin: 0 15px; padding-top: 10px; } .feature-type-5 .feature-box-5 .bg-icon { position: absolute; font-size: 200px; color: rgba(255,255,255,.5); opacity: .7; bottom: -10px; left: -10px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); z-index: 1; } .feature-type-5 .feature-box-5.black-box .bg-icon { opacity: 1; } .feature-box-8 .icon, .feature-box-9 .icon { font-size: 40px; line-height: 70px; display: block; width: 70px; height: 70px; } .cta-3 .bg-icon, .cta-4 .bg-icon { bottom: -40px; transition: all .4s ease-in-out; } .feature-type-5 .feature-box-5.black-box { background: #f2f2f2; } .feature-box-8 { border: 1px dashed #a6a6a6; border-top: 3px solid #f6303e; text-align: center; padding: 14px; position: relative; } .feature-box-8 .feature-title { margin-bottom: 20px; } .feature-box-8 .icon { margin-left: 20px; margin-top: -54px; margin-bottom: 15px; background: #fff; color: #f6303e; border-radius: 50%; } .feature-box-8 .feature-desc { color: #787878; } section.content-section:nth-of-type(even) .feature-box-8 .icon { background: #f2f2f2; } .feature-box-9 { border: 1px dashed #d9d9d9; border-top: 3px solid #f6303e; text-align: center; padding: 14px; position: relative; } .feature-box-10, .feature-box-11 { border-top: 3px solid #f6303e; box-shadow: 0 1px 5px 0 rgba(0,0,0,.1); padding: 14px; position: relative; text-align: center; } .feature-box-9 .feature-title { margin-bottom: 20px; } .feature-box-9 .icon { margin: -54px 20px 15px auto; background: #fff; color: #f6303e; border-radius: 50%; } .feature-box-10 .icon, .feature-box-11 .icon { font-size: 32px; line-height: 60px; display: block; width: 60px; height: 60px; border-radius: 50%; } .feature-box-9 .feature-desc { color: #787878; } section.content-section:nth-of-type(even) .feature-box-9 .icon { background: #f2f2f2; } .feature-box-10 .feature-title { margin-bottom: 20px; } .feature-box-10 .icon { margin-left: -15px; margin-top: -48px; margin-bottom: 15px; background: #f6303e; color: #fff; } .feature-box-10 .feature-desc { color: #787878; } .feature-box-11 .feature-title { margin-bottom: 20px; } .feature-box-11 .icon { margin: -48px -15px 15px auto; background: #f6303e; color: #fff; } .feature-box-11 .feature-desc { color: #787878; } .counter-box { color: #2b2c2d; } .counter-box .count-icon { display: inline-block; font-size: 60px; line-height: 80px; width: 80px; height: 80px; } .counter-box .count-info { display: inline-block; position: relative; } .counter-box .count-info h6 { font-size: 30px; line-height: 1.25em; } .counter-box .count-info p { margin-bottom: 0; } .counter-box.counter-box-2 .count-icon { display: block; width: 100%; } .footer .icon, .st-btn, .st-btn .icon { display: inline-block; } .cta { padding: 50px 0; background: #f6303e; color: #fff; } .cta-1, .cta-2, .cta-3 { padding: 20px; } .cta .cta-title { color: #fff; margin-bottom: 12px; font-size: 20px; } .cta:hover { background: #2b2c2d; } .cta-1 { border: 1px solid #d9d9d9; } .cta-1 .title { font-size: 15px; margin-bottom: 15px; } .cta-1 .desc { float: left; width: 80%; font-size: 13px; line-height: 22px; } .cta-2 { border: 1px solid #f6303e; background: #f6303e; } .cta-2 .title { font-size: 15px; margin-bottom: 15px; color: #fff; } .cta-2 .desc { float: left; width: 75%; font-size: 13px; line-height: 22px; color: #fff; } .cta-3 { border: 1px solid #2b2c2d; background: #2b2c2d; text-align: center; position: relative; } .cta-3 .title { font-size: 15px; margin-bottom: 15px; color: #fff; } .cta-3 .desc { font-size: 13px; line-height: 22px; color: #fff; margin-bottom: 10px; padding: 10px 40px; } .cta-3 .bg-icon { position: absolute; font-size: 220px; color: rgba(255,255,255,.15); right: 0; z-index: 1; } .cta-3:hover .bg-icon { transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); } .cta-3:hover .icon-rotate { transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .cta-3 a, .cta-3 button { z-index: 2; position: relative; } .cta-4 { padding: 20px; border: 1px solid #f6303e; background: #f6303e; text-align: center; position: relative; } .cta-4 .title { font-size: 15px; margin-bottom: 15px; color: #fff; } .cta-4 .desc { font-size: 13px; line-height: 22px; color: #fff; margin-bottom: 10px; padding: 10px 40px; } .cta-4 .bg-icon { position: absolute; font-size: 220px; color: rgba(255,255,255,.15); left: -20px; } .cta-4:hover .bg-icon { transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); } .cta-4:hover .icon-rotate { transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); } .btn { white-space: nowrap; border-color: rgba(255,255,255,.25); outline: 0; box-shadow: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor: pointer; border-radius: 0; font-style: normal; color: #fff; margin: 0; padding: 15px 50px; font-weight: 300; min-height: 0; min-width: 0; max-height: none; max-width: none; } .btn.btn-default { background-color: transparent; } .btn.btn-primary { background-color: #f6303e; } .btn.btn-default:hover, .btn.btn-primary:hover { background-color: #fff; color: #f6303e; } .btn.btn-primary:hover { border-color: #f6303e; } .st-btn { padding: 10px 30px; border: 1px solid #d9d9d9; background: 0 0; transition: all .4s ease-in-out; } .st-btn.hvr-back.full-rounded:before, .st-btn.hvr-border.full-rounded:before { border-radius: 100px; } .st-btn.btn-small { padding: 5px 15px; font-size: 12px; } .st-btn.st-btn-thick { border-width: 4px; } .st-btn.st-btn-3d { border-bottom-width: 3px; } .st-btn .icon { font-size: 16px; padding-right: 5px; } .st-btn.search { background: #f2f2f2 none repeat scroll 0 0; color: #f6303e; height: 44px; margin: 0 auto; overflow: hidden; padding: 0; width: 42px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 0 none; transition: all 0.4s ease-in-out 0s; } .st-btn.search:hover { border: 1px solid #f6303e; transition: all 0.4s ease-in-out 0s; } .news-search input { width: 100% !important; } .form-control, .form-group .alert, .form-group label { font-size: 12px; } .form-group.black label { color: #000; } .st-btn.icon-right .icon { padding-left: 5px; } .st-btn.hvr-back:before { background: #f6303e; } .st-btn.hvr-back:active, .st-btn.hvr-back:focus, .st-btn.hvr-back:hover { color: #fff !important; } .st-btn.hvr-border:before { border-color: #f6303e; background-color: #f6303e; } .st-btn.primary-btn { background-color: #f6303e; color: #fff; border-color: #f6303e; } .st-btn.primary-btn:active, .st-btn.primary-btn:focus, .st-btn.primary-btn:hover { background: 0 0; color: #f6303e; } .st-btn.primary-btn.hvr-back:before { background: #fff; } .st-btn.primary-btn.hvr-back:active, .st-btn.primary-btn.hvr-back:focus, .st-btn.primary-btn.hvr-back:hover { color: #f6303e !important; } .st-btn.dark-btn { background-color: #2b2c2d; color: #fff; border-color: #2b2c2d; } .st-btn.dark-btn:active, .st-btn.dark-btn:focus, .st-btn.dark-btn:hover { background: 0 0; border-color: #2b2c2d; color: #2b2c2d !important; } .st-btn.dark-btn.hvr-back:before { background: #fff; border-color: #2b2c2d; } .st-btn.dark-btn.hvr-back:active, .st-btn.dark-btn.hvr-back:focus, .st-btn.dark-btn.hvr-back:hover { color: #2b2c2d !important; } .st-btn.dark-btn.hvr-border:before { border-color: #2b2c2d; background-color: #2b2c2d; } .st-btn:active, .st-btn:focus, .st-btn:hover { border-color: #f6303e; } .st-btn.rounded { border-radius: 8px; } .st-btn.full-rounded { border-radius: 100px; } .hvr-border-fade:active, .hvr-border-fade:focus, .hvr-border-fade:hover { box-shadow: inset 0 0 0 4px #f6303e,0 0 1px transparent; } button { outline: 0 !important; } .form-control { box-shadow: none; background: #f2f2f2; } .form-control:focus { border-color: #d9d9d9; box-shadow: none; } .footer { background-color: #f2f2f2; border-top: 1px solid #d9d9d9; padding: 60px 0 0; } .footer .footer-title { font-size: 14px; } .footer .footer-desc { color: #787878; line-height: 22px; } .footer .ul { padding-left: 0; } .footer ul li a { font-size: 11px; color: #787878; } .footer .icon { margin-right: 10px; } .footer .address { font-size: 12px; } .footer .footer-top { padding-bottom: 30px; border-bottom: 1px solid #d9d9d9; } .footer .footer-middle { padding-top: 30px; padding-bottom: 30px; line-height: 30px; } .footer .footer-middle .footer-title { line-height: 30px; color: #787878; } .footer .footer-middle a { color: #787878; } .footer .footer-middle .fa { font-size: 16px; } .footer .footer-last { padding: 20px 0; background: #2b2c2d; color: #d9d9d9; font-size: 11px; } .footer .footer-last a { color: #787878; } .footer.dark-footer { background-color: #37393a; background-size: contain; border-top: 1px solid #787878; } .footer.dark-footer .footer-desc { color: #d9d9d9; } .footer.dark-footer .footer-title { color: #fff; } .footer.dark-footer ul li a { font-size: 11px; text-transform: uppercase; color: #d9d9d9; } .footer.dark-footer .footer-middle .footer-title, .footer.dark-footer .footer-middle a { color: #d9d9d9; } .footer.dark-footer .counter-box, .footer.dark-footer h1, .footer.dark-footer h2, .footer.dark-footer h3, .footer.dark-footer h4, .footer.dark-footer h5, .footer.dark-footer h6, .footer.dark-footer label { color: #f2f2f2; } .footer.sticky-footer { position: fixed; bottom: 0; width: 100%; z-index: -1; } .scroll-to-top { position: fixed; bottom: -50px; right: 15px; width: 40px; height: 40px; background: #2b2c2d; color: #fff; opacity: .75; text-align: center; display: block; z-index: 100; font-size: 26px; line-height: 40px; cursor: pointer; } .grad-bg-11 .headline, .grad-bg-11 .sub-headline, .grad-bg-12 .headline, .grad-bg-12 .sub-headline { color: #323232 !important; } .scroll-to-top:hover { opacity: 1; } .grad-bg { height: 100vh; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; background: rgba(0,0,0,.4); } .grad-bg-01 { background: #005C97; background: linear-gradient(to left,#005C97,#363795); } .grad-bg-02 { background: #43cea2; background: linear-gradient(to left,#43cea2,#185a9d); } .grad-bg-03 { background: #FF512F; background: linear-gradient(to left,#FF512F,#DD2476); } .grad-bg-04 { background: #FF512F; background: linear-gradient(to left,#FF512F,#F09819); } .grad-bg-05 { background: #EECDA3; background: linear-gradient(to left,#EECDA3,#EF629F); } .grad-bg-06 { background: #1D4350; background: linear-gradient(to left,#1D4350,#A43931); } .grad-bg-07 { background: #000; background: linear-gradient(to left,#000,#434343); } .grad-bg-08 { background: #fc00ff; background: linear-gradient(to left,#fc00ff,#00dbde); } .grad-bg-09 { background: #1e130c; background: linear-gradient(to left,#1e130c,#9a8478); } .grad-bg-10 { background: #02AAB0; background: linear-gradient(to left,#02AAB0,#00CDAC); } .grad-bg-11 { background: repeating-linear-gradient(45deg,transparent,transparent 1em,#ffe4b5 0,#ffe4b5 2em,transparent 0,transparent 3em,#b0e0e6 0,#b0e0e6 4em,transparent 0,transparent 5em,#e6e6fa 0,#e6e6fa 6em,transparent 0,transparent 7em,beige 0,beige 8em),repeating-linear-gradient(-45deg,transparent,transparent 1em,khaki 0,khaki 2em,transparent 0,transparent 3em,beige 0,beige 4em,transparent 0,transparent 5em,#ffdab9 0,#ffdab9 6em),#f5f5f5; background-blend-mode: multiply; } .grad-bg-12 { background: repeating-linear-gradient(to top left,beige 0,beige 2em,#ffe4b5 2em,#ffe4b5 4em,wheat 4em,wheat 6em),repeating-linear-gradient(to left,#fff 0,#fff 2em,wheat 2em,wheat 4em,beige 4em,beige 6em),#fff; background-blend-mode: multiply; } .grad-bg-13 { background: #5C258D; background: linear-gradient(to left,#5C258D,#4389A2); } .grad-bg-14 { background: #4389A2; background: linear-gradient(to left,#a044ff,#5C258D); } .grad-bg-15 { background: #000; background: linear-gradient(to left,#434343,#000); } .bg-black { background: #363636; color: #e2e2e2; } .tabs-section .nav.nav-pills { display: table; width: 100%; } .tabs-section .nav.nav-pills a i { display: block; width: 50px; height: 50px; font-size: 42px; line-height: 50px; margin: auto; } .tabs-section .nav-pills > li { display: table-cell; float: none; } .tabs-section .nav-pills > li > a { color: #787878; } .tabs-section .nav-pills > li.active > a, .tabs-section .nav-pills > li.active > a:focus, .tabs-section .nav-pills > li.active > a:hover { background-color: transparent !important; color: #f6303e !important; } .tabs-section .tab-pane { padding: 40px 0 30px; } .tab-style-2 .nav-tabs { border-bottom: 0; } .tab-style-2 .nav-tabs > li > a { padding: 10px 25px; } .tab-style-2 .nav-tabs > li > a:hover { background: 0 0; border-color: transparent; } .tab-style-2 .nav-tabs > li.active > a, .tab-style-2 .nav-tabs > li.active > a:focus, .tab-style-2 .nav-tabs > li.active > a:hover { color: #2b2c2d; background-color: transparent; border: 0; border-bottom: 1px solid #a6a6a6; } .tab-style-2 .tab-content { padding: 20px; } .tab-style-1 .nav-tabs { border-bottom: 1px solid #d9d9d9; margin: 0; padding: 0; border-bottom-color: #d9d9d9; } .tab-style-1 .nav-tabs li { display: inline-block; float: none; } .tab-style-1 .nav-tabs > li > a { background: #d9d9d9; border-bottom: none; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-top: 3px solid #444647; } .tab-style-1 .nav-tabs > li.active > a, .tab-style-1 .nav-tabs > li.active > a:focus, .tab-style-1 .nav-tabs > li.active > a:hover { background: #fff; border-left-color: #d9d9d9; border-right-color: #d9d9d9; border-top: 3px solid #f6303e; border-bottom-color: transparent; } .tab-style-1 .tab-content { box-shadow: 0 1px 5px 0 rgba(0,0,0,.04); background-color: #fff; border: 1px solid #d9d9d9; border-top: 0; padding: 15px; } .tab-style-3 .nav-tabs { border-bottom: 0; margin: 0; padding: 0; display: table; width: 100%; } .tab-style-3 .nav-tabs li { display: table-cell; text-align: center; float: none; } .tab-style-3 .nav-tabs > li > a { background: #d9d9d9; border-bottom: none; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-top: 3px solid #444647; margin-right: 0; color: #444647; } .tab-style-3 .nav-tabs > li.active > a, .tab-style-3 .nav-tabs > li.active > a:focus, .tab-style-3 .nav-tabs > li.active > a:hover { background: #fff; border-left-color: #d9d9d9; border-right-color: #d9d9d9; border-top: 3px solid #f6303e; border-bottom: 1px solid #FFF; color: #2b2c2d; } .tab-style-3 .tab-content { box-shadow: 0 1px 5px 0 rgba(0,0,0,.04); background-color: #fff; border: 1px solid #d9d9d9; border-top: 0; padding: 15px; } .tab-style-4 .nav-tabs { border-top: 0; margin: 0; padding: 0; display: table; width: 100%; } .tab-style-4 .nav-tabs li { display: table-cell; text-align: center; float: none; } .tab-style-4 .nav-tabs > li > a { background: #d9d9d9; border-top: none; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 3px solid #444647; margin-right: 0; color: #444647; } .tab-style-4 .nav-tabs > li.active > a, .tab-style-4 .nav-tabs > li.active > a:focus, .tab-style-4 .nav-tabs > li.active > a:hover { background: #fff; border-left-color: #d9d9d9; border-right-color: #d9d9d9; border-bottom: 3px solid #f6303e; border-top: 1px solid #FFF; color: #2b2c2d; } .tab-style-4 .tab-content { box-shadow: 0 1px 5px 0 rgba(0,0,0,.04); background-color: #fff; border: 1px solid #d9d9d9; border-bottom: 0; padding: 15px; } .tab-style-5 .nav-tabs { border-bottom: 0; text-align: center; } .tab-style-5 .nav-tabs > li { float: none; display: inline-block; margin-left: 10px; margin-right: 10px; } .tab-style-5 .nav-tabs > li > a { padding: 10px 25px; color: #a6a6a6; } .tab-style-5 .nav-tabs > li > a:hover { background: 0 0; border-color: transparent; } .tab-style-5 .nav-tabs > li.active > a, .tab-style-5 .nav-tabs > li.active > a:focus, .tab-style-5 .nav-tabs > li.active > a:hover { color: #2b2c2d; background-color: transparent; border: 1px solid #787878; border-radius: 30px; } .tab-style-5 .tab-content { padding: 30px 20px 20px; text-align: center; line-height: 26px; } .tab-style-6 .nav-tabs { border-right: 1px solid #d9d9d9; margin: 0; padding: 0; border-right-color: #d9d9d9; } .tab-style-6 .nav-tabs > li > a { background: #d9d9d9; border-right: none; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; border-left: 3px solid #444647; } .tab-style-6 .nav-tabs > li.active > a, .tab-style-6 .nav-tabs > li.active > a:focus, .tab-style-6 .nav-tabs > li.active > a:hover { background: #fff; border-top-color: #d9d9d9; border-bottom-color: #d9d9d9; border-left: 3px solid #f6303e; border-right-color: transparent; } .tab-style-6 .tab-content { box-shadow: 0 1px 5px 0 rgba(0,0,0,.04); background-color: #fff; border: 1px solid #d9d9d9; padding: 15px; } .tab-style-6 .nav-content-div { z-index: 1; } .tab-style-6 .nav-tab-div { z-index: 2; margin-right: -1px; } .tab-style-7 .nav-tabs { border-left: 1px solid #d9d9d9; margin: 0; padding: 0; border-left-color: #d9d9d9; } .tab-style-7 .nav-tabs > li > a { background: #d9d9d9; border-left: none; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; border-right: 3px solid #444647; } .tab-style-7 .nav-tabs > li.active > a, .tab-style-7 .nav-tabs > li.active > a:focus, .tab-style-7 .nav-tabs > li.active > a:hover { background: #fff; border-top-color: #d9d9d9; border-bottom-color: #d9d9d9; border-right: 3px solid #f6303e; border-left-color: transparent; } .tab-style-7 .tab-content { box-shadow: 0 1px 5px 0 rgba(0,0,0,.04); background-color: #fff; border: 1px solid #d9d9d9; padding: 15px; } .switcher, .switcher .handle { transition: all .4s ease-in-out; box-shadow: 0 5px 20px 5px rgba(0,0,0,.05); } .tab-style-7 .nav-content-div { z-index: 1; } .tab-style-7 .nav-tab-div { z-index: 2; margin-left: -1px; } .tab-style-8 .nav-tabs > li, .tab-style-9 .nav-tabs > li { float: none; display: inline-block; margin-left: 0; margin-right: 0; } .tab-style-8 .nav-tabs { border-bottom: 0; text-align: center; } .tab-style-8 .nav-tabs > li > a { padding: 10px 25px; color: #d9d9d9; border-bottom: 3px solid #d9d9d9; } .tab-style-8 .nav-tabs > li > a:hover { background: 0 0; border-color: transparent; } .tab-style-8 .nav-tabs > li.active > a, .tab-style-8 .nav-tabs > li.active > a:focus, .tab-style-8 .nav-tabs > li.active > a:hover { color: #f6303e; background-color: transparent; border: 0; border-bottom: 3px solid #f6303e; } .tab-style-8 .tab-content { padding: 30px 20px 20px; text-align: center; line-height: 26px; } .tab-style-9 .nav-tabs { border-bottom: 0; text-align: center; } .tab-style-9 .nav-tabs > li > a { padding: 10px 25px; color: #c5c5c5; border: 0; border-bottom: 3px solid #c5c5c5; } .tab-style-9 .nav-tabs > li > a .icon { display: block; width: 80px; height: 80px; border: 2px dotted #c5c5c5; margin: auto auto 10px; line-height: 80px; font-size: 44px; border-radius: 50%; } .tab-style-9 .nav-tabs > li > a:hover { background: 0 0; border-color: transparent; } .tab-style-9 .nav-tabs > li.active > a, .tab-style-9 .nav-tabs > li.active > a:focus, .tab-style-9 .nav-tabs > li.active > a:hover { color: #f6303e; background-color: transparent; border: 0; border-bottom: 3px solid #f6303e; } .tab-style-9 .nav-tabs > li.active > a .icon, .tab-style-9 .nav-tabs > li.active > a:focus .icon, .tab-style-9 .nav-tabs > li.active > a:hover .icon { border-color: #f6303e; } .tab-style-9 .tab-content { padding: 30px 20px 20px; text-align: center; line-height: 26px; } .cbp-l-caption-desc, .cbp-l-grid-masonry-projects-desc, .cbp-l-grid-projects-desc, .cbp-l-grid-team-position, .cbp-l-grid-work-desc { line-height: 22px; letter-spacing: 1px; } .cbp-l-grid-work .cbp-item-wrapper { box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.1); } .cbp-caption .cbp-caption-title { color: #ffffff; font-size: 15px; font-weight: bold; position: absolute; text-align: center; top: 45%; width: 100%; z-index: 3; transition: opacity .9s cubic-bezier(.19,1,.22,1); } .cbp-caption:hover > .cbp-caption-defaultWrap > .cbp-caption-title { opacity: 0; } .cbp-caption:hover > .cbp-caption-activeWrap > .cbp-caption-title { color: #f6303e; opacity: 1; } .stat-box { padding: 15px; border: 1px solid #d9d9d9; margin-left: -1px; margin-top: -1px; } .stat-box span.icon { font-size: 42px; display: block; } .stat-box h5 { font-size: 18px; display: inline-block; } .stat-box h6 { font-size: 12px; display: inline-block; } .stat-box:hover { background: #f6303e; color: #fff; } .stat-box:hover h5, .stat-box:hover h6 { color: #fff; } .tab-style-10 .nav-tabs { border-right: 0; margin: 0; padding: 0; } .tab-style-10 .nav-tabs > li > a { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-left: 3px solid #444647; color: #787878; } .tab-style-10 .nav-tabs > li.active > a, .tab-style-10 .nav-tabs > li.active > a:focus, .tab-style-10 .nav-tabs > li.active > a:hover { border-top-color: #d9d9d9; border-bottom-color: #d9d9d9; border-left: 3px solid #f6303e; border-right-color: #d9d9d9; color: #f6303e; } .tab-style-10 .tab-content { border: 0; padding: 15px 25px; } .tab-style-10 .nav-content-div { z-index: 1; } .tab-style-10 .nav-tab-div { z-index: 2; } .cbp * { font-family: inherit; } .cbp .fa { font-family: FontAwesome; } .cbp-l-grid-projects-title { font-family: inherit; font-weight: 400; text-align: center; } .cbp-l-grid-projects-desc { font-family: inherit; font-size: 11px; text-align: center; } .cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight { font-family: inherit; background-color: #fff; color: #787878; font-size: 11px; } .cbp-l-grid-work-title { font-family: inherit; font-weight: 400; text-transform: none; font-size: 15px; } .cbp-l-grid-work-desc { font-family: inherit; font-size: 11px; text-transform: none; position: relative; padding-bottom: 20px; } .cbp-l-grid-work-desc::after { background: #f6303e none repeat scroll 0 0; bottom: 0; content: ""; height: 3px; left: 42%; position: absolute; width: 40px; } .cbp-l-grid-masonry-projects-title { font-family: inherit; color: #f6303e; } .cbp-l-grid-masonry-projects-desc { font-family: inherit; font-size: 11px; text-transform: none; } .cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft, .cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight { font-family: inherit; background-color: #fff; color: #787878; font-size: 11px; } .cbp-l-filters-alignRight .cbp-filter-counter { background-color: #f6303e; font-family: inherit; } .cbp-l-filters-alignRight .cbp-filter-item { font-family: inherit; } .cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active { background-color: #f6303e; border-color: #f6303e; } .cbp-l-filters-alignRight .cbp-filter-counter:after { border-top-color: #f6303e; } .cbp-l-caption-title { font-family: inherit; font-size: 11px; padding-bottom: 5px; letter-spacing: 2px; margin-bottom: 8px; } .cbp-l-caption-desc { font-family: inherit; font-size: 11px; padding: 0 20px; } .cbp-l-filters-alignLeft .cbp-filter-item, .cbp-l-filters-button .cbp-filter-item, .cbp-l-grid-mosaic .cbp-l-caption-desc, .cbp-l-grid-mosaic .cbp-l-caption-title { font-family: inherit; } .cbp-l-grid-team-name { font-family: inherit; font-size: 16px; color: #f6303e; } .cbp-l-grid-team-position { font-family: inherit; font-size: 11px; } .cbp-l-filters-alignCenter, .cbp-l-filters-alignCenter .cbp-filter-counter, .cbp-l-filters-alignCenter .cbp-filter-item { font-family: inherit; } .cbp-l-grid-testimonials-body { color: #787878; font-size: 14px; } .cbp-l-grid-masonry-projects .cbp-caption-activeWrap { background-color: rgba(0,0,0,.5); } .cbp-popup-singlePage .cbp-popup-navigation-wrap { background-color: #f6303e; } .cbp-popup-singlePage .cbp-popup-close, .cbp-popup-singlePage .cbp-popup-next, .cbp-popup-singlePage .cbp-popup-prev { background: 0 0; text-rendering: auto; -moz-osx-font-smoothing: grayscale; color: #fff; height: 36px; width: 36px; display: inline-block; } .cbp-popup-singlePage .cbp-popup-prev { font: normal normal normal 14px/1 FontAwesome; -webkit-font-smoothing: antialiased; line-height: 30px; font-size: 16px; } .cbp-popup-singlePage .cbp-popup-prev:before { content: "\f060"; } .cbp-popup-singlePage .cbp-popup-next { font: normal normal normal 14px/1 FontAwesome; -webkit-font-smoothing: antialiased; line-height: 30px; font-size: 16px; } .cbp-popup-singlePage .cbp-popup-next:before { content: "\f061"; } .cbp-popup-singlePage .cbp-popup-close { font: normal normal normal 14px/1 FontAwesome; -webkit-font-smoothing: antialiased; line-height: 30px; font-size: 16px; border: 2px solid #fff; border-radius: 36px; padding: 0 0 0 2px; text-align: center; } .cbp-popup-singlePage .cbp-popup-close:before { content: "\f00d"; } .timeline-center::before, .timeline-right::before, .timeline::before { content: ''; } .cbp-caption-defaultWrap, .cbp-caption-expand .cbp-caption-defaultWrap, .cbp-caption-expand .cbp-l-caption-body, .cbp-l-filters-buttonCenter .cbp-filter-item, .cbp-l-filters-underline .cbp-filter-item { font-family: inherit; } .star-icon { color: #f6303e; font-size: 18px; margin-right: 5px; } .cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active { color: #f6303e; border-color: #6ac490; } .cbp-l-filters-buttonCenter .cbp-filter-counter { background-color: #f6303e; } .cbp-l-grid-mosaic .cbp-caption-activeWrap { background-color: rgba(0,0,0,.8); } .cbp-l-grid-mosaic .cbp-l-caption-title { color: #fff; } .cbp-l-grid-mosaic .cbp-l-caption-desc { color: #f2f2f2; } .cbp-l-filters-work .cbp-filter-item.cbp-filter-item-active, .cbp-l-filters-work .cbp-filter-item:hover { background: #f6303e; } .cbp-l-grid-work-title { color: #f6303e; } .cbp-l-filters-alignLeft .cbp-filter-item.cbp-filter-item-active { background-color: #f6303e; border-color: #f6303e; } .switcher { position: fixed; top: 100px; padding: 20px; left: -200px; background: #2b2c2d; width: 200px; z-index: 999; } .switcher .handle { position: absolute; right: -40px; width: 40px; height: 40px; color: #f2f2f2; font-size: 26px; line-height: 40px; background: #323232; text-align: center; cursor: pointer; } .acc-faq-1 .panel, .acc-wo-border .panel { box-shadow: none; border: 0; } .switcher h5 { font-size: 14px; color: #fff; } .switcher .color { width: 25px; height: 25px; display: inline-block; margin: 5px; cursor: pointer; } .switcher .alizarin { background: #e74c3c; } .switcher .torquoise { background: #1abc9c; } .switcher .sunflower { background: #f1c40f; } .switcher .carrot { background: #e67e22; } .switcher .peterriver { background: #3498db; } .switcher .wisteria { background: #8e44ad; } .switcher .nephritis { background: #27ae60; } .switcher .midnightblue { background: #2c3e50; } .switcher .switch-header { padding: 5px 10px; border: 1px solid #f2f2f2; display: block; text-align: center; margin: 10px; cursor: pointer; font-size: 13px; color: #f2f2f2; } .si-style-1, .spinner-4 > div, .spinner-6 > div { display: inline-block; } .switcher p { font-size: 11px; } .switcher p a { color: #fff; transition: all .4s ease; } .switcher p a:hover { color: #f6303e; } .page-loader { position: fixed; z-index: 10001; top: 0; left: 0; width: 100%; height: 100%; background: #f2f2f2; display: none; } .page-loader.home { display: block; } .spinner, .spinner-2, .spinner-3 { width: 40px; height: 40px; right: 0; margin: auto; bottom: 0; } .double-bounce1, .double-bounce2, .spinner, .spinner-2 { background-color: #f6303e; position: absolute; left: 0; top: 0; } .page-loader img.logo-loader { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .spinner { border-radius: 100%; -webkit-animation: sk-scaleout 1s infinite ease-in-out; animation: sk-scaleout 1s infinite ease-in-out; } @-webkit-keyframes sk-scaleout { 0% { -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); opacity: 0; } } @keyframes sk-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .spinner-2 { -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes sk-rotateplane { 0% { transform: perspective(120px) rotateX(0) rotateY(0); -webkit-transform: perspective(120px) rotateX(0) rotateY(0); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .spinner-3 { position: absolute; top: 0; left: 0; } .double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; opacity: .6; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out; } .cube1, .cube2, .spinner-4 > div, .spinner-6 > div { background-color: #333; } .double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes sk-bounce { 0%,100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes sk-bounce { 0%,100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } .spinner-4 { margin: auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .spinner-4 > div { height: 100%; width: 6px; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .spinner-4 .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .spinner-4 .rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .spinner-4 .rect4 { -webkit-animation-delay: -.9s; animation-delay: -.9s; } .spinner-4 .rect5 { -webkit-animation-delay: -.8s; animation-delay: -.8s; } @-webkit-keyframes sk-stretchdelay { 0%,100%,40% { -webkit-transform: scaleY(.4); } 20% { -webkit-transform: scaleY(1); } } @keyframes sk-stretchdelay { 0%,100%,40% { transform: scaleY(.4); -webkit-transform: scaleY(.4); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } .spinner-5 { margin: auto; width: 40px; height: 40px; position: relative; } .cube1, .cube2 { width: 15px; height: 15px; position: absolute; top: 0; left: 0; -webkit-animation: sk-cubemove 1.8s infinite ease-in-out; animation: sk-cubemove 1.8s infinite ease-in-out; } .cube2 { -webkit-animation-delay: -.9s; animation-delay: -.9s; } @-webkit-keyframes sk-cubemove { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(.5); } 50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes sk-cubemove { 25% { transform: translateX(42px) rotate(-90deg) scale(.5); -webkit-transform: translateX(42px) rotate(-90deg) scale(.5); } 50% { transform: translateX(42px) translateY(42px) rotate(-179deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { transform: translateX(42px) translateY(42px) rotate(-180deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5); -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } .spinner-6 { margin: 100px auto 0; width: 70px; text-align: center; } .spinner-6 > div { width: 18px; height: 18px; border-radius: 100%; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner-6 .bounce1 { -webkit-animation-delay: -.32s; animation-delay: -.32s; } .spinner-6 .bounce2 { -webkit-animation-delay: -.16s; animation-delay: -.16s; } @-webkit-keyframes sk-bouncedelay { 0%,100%,80% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes sk-bouncedelay { 0%,100%,80% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .border-0 { border-radius: 0 !important; } .Creative-SubTitle, .tp-caption.Creative-SubTitle { font-family: inherit; color: #f6303e; } .Creative-Button, .tp-caption.Creative-Button { font-family: inherit; color: #f6303e; border-color: #f6303e; transition: all .4s ease-in-out; } .Creative-Title, .NotGeneric-Title, .tp-caption.Creative-Title, .tp-caption.NotGeneric-Title { font-family: 'Montserrat',sans-serif; } .NotGeneric-Button, .NotGeneric-CallToAction, .NotGeneric-SubTitle, .metis .tp-tab-number, .tp-caption.NotGeneric-Button, .tp-caption.NotGeneric-CallToAction, .tp-caption.NotGeneric-SubTitle { font-family: inherit; } .tp-caption.NotGeneric-Title h1 { font-family: 'Montserrat',sans-serif; font-size: inherit; font-weight: inherit; color: inherit; } .tp-caption.NotGeneric-SubTitle h1 { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; } .rev_slider .caption, .rev_slider .tp-caption { color: #f6303e; } .primary-bg { background-color: #f6303e !important; } .tp-tab-title { font-family: inherit !important; font-size: 14px !important; } .Agency-Title, .BigBold-Button, .BigBold-SubTitle, .BigBold-Title, .tp-caption.Agency-Title, .tp-caption.BigBold-Button, .tp-caption.BigBold-SubTitle, .tp-caption.BigBold-Title { font-family: 'Montserrat',sans-serif; } .metis .tp-tab.selected .tp-tab-divider { border-right-color: #f6303e !important; } .Agency-Title, .tp-caption.Agency-Title { color: #fff !important; } .NotGeneric-SubTitle, .tp-caption.NotGeneric-SubTitle { font-size: 1em; letter-spacing: 2px; line-height: 22px; } .slideshow-div .full-content { height: 100vh; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; background: rgba(0,0,0,.4); } .active, .carousel, .carousel-inner, .fill, .item { height: 100%; } .acc-default .panel-title a, .acc-faq-1 .panel-title a, .acc-faq-2 .panel-title a, .acc-wo-background .panel-title a, .acc-wo-border .panel-title a, .acc-wo-gap .panel-title a { display: block; } .slideshow-div .full-content h1, .slideshow-div .full-content h2, .slideshow-div .full-content h3, .slideshow-div .full-content h4, .slideshow-div .full-content h5, .slideshow-div .full-content h6 { color: #fff; text-transform: none; } .slideshow-div .full-content h1 { font-size: 60px; margin-bottom: 40px; font-weight: 700; } .carousel.slide h1, .carousel.slide h2, .carousel.slide h3, .carousel.slide h4, .carousel.slide h5, .carousel.slide h6 { color: #fff; } .fill { width: 100%; background-position: center; background-size: cover; -o-background-size: cover; } .rev-btn, .rev-btn:visited { font-family: "Open Sans",sans-serif; } .carousel-style-2 .carousel-control { top: 0; bottom: 0; margin: auto; background: rgba(0,0,0,.75); width: 30px; height: 60px; } .carousel-style-2 .item img { transition: all 5s ease-in-out; } .acc-faq-2 .panel-heading, .carousel-style-4 .item { transition: all .4s ease-in-out; } .carousel-style-2 .item img, .carousel-style-2 .item.active.inactiveUntilOnLoad img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .carousel-style-2 .item.active img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .carousel-style-2 .carousel-control .glyphicon-chevron-left, .carousel-style-2 .carousel-control .glyphicon-chevron-right, .carousel-style-2 .carousel-control .icon-next, .carousel-style-2 .carousel-control .icon-prev { margin-top: -15px; } .carousel-style-2 .carousel-control .glyphicon-chevron-left, .carousel-style-2 .carousel-control .icon-prev { margin-left: -15px; } .carousel-style-2 .carousel-control .glyphicon-chevron-right, .carousel-style-2 .carousel-control .icon-next { margin-right: -15px; } .carousel-style-2 .carousel-caption { bottom: 80px; } .carousel-style-2 .carousel-caption h3 { font-size: 36px; text-transform: capitalize; } .carousel-style-3 .carousel-indicators { left: auto; width: auto; margin-left: 0; right: 50px; } .carousel-style-4 .carousel-control { top: 0; bottom: 0; margin: auto; background: rgba(0,0,0,.75); width: 30px; height: 60px; z-index: 2; } .carousel-style-4 .carousel-control .glyphicon-chevron-left, .carousel-style-4 .carousel-control .glyphicon-chevron-right, .carousel-style-4 .carousel-control .icon-next, .carousel-style-4 .carousel-control .icon-prev { margin-top: -15px; } .carousel-style-4 .carousel-control .glyphicon-chevron-left, .carousel-style-4 .carousel-control .icon-prev { margin-left: -15px; } .carousel-style-4 .carousel-control .glyphicon-chevron-right, .carousel-style-4 .carousel-control .icon-next { margin-right: -15px; } .carousel-style-4 .carousel-caption { bottom: 45%; } .carousel-style-4 .carousel-caption h3 { font-size: 4.236em; text-transform: capitalize; text-shadow: 1px 1px 5px rgba(0,0,0,.8); } .carousel-style-4 .carousel-indicators { left: auto; width: auto; margin-left: 0; right: 50px; } .carousel-style-4 .active.left, .carousel-style-4 .active.right, .carousel-style-4 .item { opacity: 0; } .carousel-style-4 .active, .carousel-style-4 .next.left, .carousel-style-4 .prev.right { opacity: 1; } .carousel-style-4 .active.left, .carousel-style-4 .active.right, .carousel-style-4 .next, .carousel-style-4 .prev { left: 0; } .dropcap:first-letter { float: left; color: #444647; font-size: 80px; line-height: 80px; font-weight: 700; padding-right: 10px; padding-bottom: 2px; } .dropcap-style-2:first-letter { float: left; color: #444647; background: #d9d9d9; font-size: 46px; line-height: 50px; font-weight: 700; padding: 10px; margin: 0 10px 10px 0; } .dropcap-style-3:first-letter { float: left; color: #f6303e; font-size: 80px; line-height: 80px; font-weight: 700; padding-right: 10px; padding-bottom: 2px; } .dropcap-style-4:first-letter { float: left; color: #fff; background: #f6303e; font-size: 46px; line-height: 50px; font-weight: 700; padding: 10px; margin: 0 10px 10px 0; } .acc-default .panel-title, .acc-faq-1 .panel-title, .acc-faq-2 .panel-title, .acc-wo-background .panel-title, .acc-wo-border .panel-title, .acc-wo-gap .panel-title { font-size: 1em; text-transform: capitalize; } .highlight { background: #f6303e; padding: 5px; color: #fff; } .acc-wo-background .panel-heading { background-color: transparent; } .acc-wo-gap.panel-group .panel { margin-top: -1px; } .acc-faq-1 .panel-title .icon { transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); } .acc-faq-1 .panel-title .collapsed .icon { transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); } .acc-faq-1 .panel-heading { background: 0 0; border: 0; } .acc-faq-1 .panel-body { padding-left: 40px; border: 0 !important; } .acc-faq-2 .panel-title .icon { transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); float: right; color: #fff; padding: 10px 0; } .acc-faq-2 .panel-title .collapsed .icon { transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); } .acc-faq-2 .panel { border: 0; box-shadow: none; } .acc-faq-2 .panel-heading { background: #2b2c2d; color: #fff; border: 0; } .acc-faq-2 .panel-heading:hover { background: #2b2c2d; } .acc-faq-2 .panel-body { padding-left: 20px; border: 0 !important; } .nav-tabs > li > a { border-radius: 0; } .timeline .tm-icon, .timeline-center .tm-icon, .timeline-right .tm-icon { background-color: #f2f2f2; border-radius: 50%; } .nav-tabs > li > a .icon { font-size: 16px; } .timeline { position: relative; } .timeline .tm-icon { width: 60px; height: 60px; text-align: center; position: absolute; } .timeline .tm-icon span { color: #f6303e; font-size: 30px; line-height: 60px; } .timeline .tm-detail { padding-left: 80px; margin-bottom: 40px; color: #787878; font-size: 12px; line-height: 20px; } .timeline::before { position: absolute; top: 0; left: 30px; height: 100%; width: 2px; background: #f2f2f2; } .timeline-right { position: relative; } .timeline-right .timeline-row { position: relative; text-align: right; } .timeline-right .tm-icon { width: 60px; height: 60px; text-align: center; position: absolute; top: 0; right: 0; } .timeline-right .tm-icon span { color: #f6303e; font-size: 30px; line-height: 60px; } .timeline-right .tm-detail { padding-right: 80px; margin-bottom: 40px; color: #5f5f5f; font-size: 12px; line-height: 20px; } .timeline-right::before { position: absolute; top: 0; right: 30px; height: 100%; width: 2px; background: #f2f2f2; } .timeline-center { position: relative; } .timeline-center .timeline-row:nth-of-type(even) { position: relative; text-align: left; width: 50%; margin-left: 50%; } .timeline-center .timeline-row:nth-of-type(even) .tm-icon { left: -30px; } .timeline-center .timeline-row:nth-of-type(even) .tm-detail { margin-left: 40px; margin-bottom: 40px; color: #5f5f5f; font-size: 12px; line-height: 20px; background: #f2f2f2; padding: 20px; } .timeline-center .timeline-row:nth-of-type(odd) { position: relative; text-align: right; width: 50%; } .timeline-center .timeline-row:nth-of-type(odd) .tm-icon { right: -30px; } .timeline-center .timeline-row:nth-of-type(odd) .tm-detail { margin-right: 40px; margin-bottom: 40px; color: #5f5f5f; font-size: 12px; line-height: 20px; background: #f2f2f2; padding: 20px; } .timeline-center .tm-icon { width: 60px; height: 60px; text-align: center; position: absolute; top: 0; } .timeline-center .tm-icon span { color: #f6303e; font-size: 30px; line-height: 60px; } .timeline-center::before { position: absolute; top: 0; left: 50%; height: 100%; width: 2px; background: #f2f2f2; } section.content-section:nth-of-type(even) .timeline .tm-icon, section.content-section:nth-of-type(even) .timeline-center .tm-icon, section.content-section:nth-of-type(even) .timeline-right .tm-icon { background-color: #d9d9d9; } section.content-section:nth-of-type(even) .timeline-center .timeline-row:nth-of-type(even) .tm-detail, section.content-section:nth-of-type(even) .timeline-center .timeline-row:nth-of-type(odd) .tm-detail, section.content-section:nth-of-type(even) .timeline-center::before, section.content-section:nth-of-type(even) .timeline-right::before, section.content-section:nth-of-type(even) .timeline::before { background: #d9d9d9; } section.content-section:nth-of-type(even) .timeline-right .tm-detail { color: #5f5f5f; } section.content-section:nth-of-type(even) .timeline .tm-detail { color: #787878; } .si-style-1 { width: 28px; height: 28px; line-height: 28px; margin: 10px; font-size: 22px; text-align: center; transition: all .4s ease-in-out; color: #2b2c2d; } .si-style-2, .si-style-3 { width: 30px; height: 30px; line-height: 30px; font-size: 16px; display: inline-block; margin: 8px; transition: all .4s ease-in-out; text-align: center; } .si-style-2 { color: #2b2c2d; border: 1px solid #787878; border-radius: 2px; } .si-style-2:hover { background: #f6303e; color: #fff !important; border-color: #f6303e; } .si-style-3 { color: #2b2c2d; border: 1px solid #787878; border-radius: 20px; } .si-style-3:hover { background: #f6303e; color: #fff !important; border-color: #f6303e; } .si-style-4 { display: inline-block; width: 50px; height: 50px; line-height: 50px; margin: 8px; font-size: 22px; text-align: center; transition: all .4s ease-in-out; color: #2b2c2d; border: 1px solid #787878; border-radius: 2px; } .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { border-radius: 0; } .si-style-4:hover { background: #f6303e; color: #fff !important; border-color: #f6303e; } .login-box { background: #f2f2f2; padding: 30px; margin-top: 100px; margin-bottom: 100px; box-shadow: 0 1px 5px 0 rgba(0,0,0,.08); } .login-box .checkbox label, .login-box .radio label { padding-left: 0; } .login-box .st-checkbox-1-label:before, .login-box .st-checkbox-2-label:before, .login-box .st-radio-1-label:before, .login-box .st-radio-2-label:before { padding: 3px; width: 20px; height: 20px; } .login-box .st-checkbox:checked + .st-checkbox-2-label:before, .login-box .st-radio:checked + .st-radio-2-label:before { font-size: 11px; } .login-box input, .login-box textarea { background: #fff; } .bootstrap-switch { border-radius: 0; border-color: #d9d9d9; } .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary { background: #f6303e; } .cmn-toggle { position: absolute; margin-left: -9999px; visibility: hidden; } .cmn-toggle + label { display: block; position: relative; cursor: pointer; outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bootstrap-select .dropdown-toggle:focus, input, textarea { outline: 0 !important; } input.cmn-toggle-round + label { padding: 2px; width: 80px; height: 40px; background-color: #d9d9d9; border-radius: 40px; margin: auto; } input.cmn-toggle-round + label:after, input.cmn-toggle-round + label:before { display: block; position: absolute; top: 1px; left: 1px; bottom: 1px; content: ""; } input.cmn-toggle-round + label:before { right: 1px; background-color: #d9d9d9; border-radius: 60px; transition: background .4s; } input.cmn-toggle-round + label:after { width: 38px; background-color: #fff; border-radius: 100%; box-shadow: 0 2px 5px rgba(0,0,0,.3); transition: margin .4s; } input.cmn-toggle-round:checked + label:before { background-color: #f6303e; } input.cmn-toggle-round:checked + label:after { margin-left: 40px; } input.cmn-toggle-round-flat + label { padding: 2px; width: 80px; height: 40px; background-color: #d9d9d9; border-radius: 40px; transition: background .4s; margin: auto; } input.cmn-toggle-round-flat + label:after, input.cmn-toggle-round-flat + label:before { display: block; position: absolute; content: ""; } input.cmn-toggle-round-flat + label:before { top: 2px; left: 2px; bottom: 2px; right: 2px; background-color: #fff; border-radius: 40px; transition: background .4s; } input.cmn-toggle-round-flat + label:after { top: 4px; left: 4px; bottom: 4px; width: 32px; background-color: #ddd; border-radius: 32px; transition: margin .4s,background .4s; } input.cmn-toggle-round-flat:checked + label { background-color: #f6303e; } input.cmn-toggle-round-flat:checked + label:after { margin-left: 40px; background-color: #f6303e; } input.cmn-toggle-yes-no + label { padding: 2px; width: 80px; height: 40px; margin: auto; font-weight: 400; } input.cmn-toggle-yes-no + label:after, input.cmn-toggle-yes-no + label:before { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; color: #fff; font-size: 18px; text-align: center; line-height: 40px; } input.cmn-toggle-yes-no + label:before { background-color: #d9d9d9; content: attr(data-off); transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } input.cmn-toggle-yes-no + label:after { background-color: #f6303e; content: attr(data-on); transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; } input.cmn-toggle-yes-no:checked + label:before { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } input.cmn-toggle-yes-no:checked + label:after { -webkit-transform: rotateY(0); transform: rotateY(0); } .st-checkbox, .st-radio { opacity: 0; position: absolute; display: inline-block; vertical-align: middle; margin: 5px; cursor: pointer; font-weight: 400; } .st-checkbox-1-label, .st-checkbox-2-label, .st-radio-1-label, .st-radio-2-label { display: inline-block; vertical-align: middle; margin: 5px; font-weight: 400; cursor: pointer; position: relative; } .ol-style-2 li, .ol-style-3 li, .ol-style-4 li { counter-increment: step-counter; margin-bottom: 10px; } .st-checkbox-1-label:before, .st-checkbox-2-label:before, .st-radio-1-label:before, .st-radio-2-label:before { content: ''; display: inline-block; background: #FFF; border: 2px solid #d9d9d9; width: 25px; height: 25px; padding: 5px; margin-right: 10px; text-align: center; vertical-align: middle; transition: all .4s ease; } .ol-style-3 li:before, .ol-style-4 li:before { margin-right: 8px; content: counter(step-counter); } .st-checkbox:checked + .st-checkbox-1-label:before, .st-radio:checked + .st-radio-1-label:before { background: #f6303e; } .st-checkbox:checked + .st-checkbox-2-label:before, .st-radio:checked + .st-radio-2-label:before { content: "\f00c"; font: normal normal normal 12px/1 FontAwesome; background: #f6303e; color: #FFF; } .st-radio-1-label:before, .st-radio-2-label:before { border-radius: 50%; transition: all .4s ease; } .btn-primary.active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { background-color: #f6303e; border-color: #f6303e; } .bootstrap-select.btn-group .dropdown-menu li a { padding-top: 8px; padding-bottom: 8px; font-size: 13px !important; transition: all .4s ease; } .input-style-2 { font-size: 13px; padding: 10px 30px !important; height: auto; line-height: 22px; } .ol-style-3 li:before, .ol-style-4 li:before, .ul-style-3 li .list-icon, .ul-style-4 li .list-icon { width: 30px; height: 30px; display: inline-block; text-align: center; } .rounded-input { border-radius: 30px; } .ol-style-2 li:before { content: counter(step-counter); color: #f6303e; padding-right: 8px; font-size: 120%; } .ol-style-3 li:before { color: #fff; background: #f6303e; line-height: 30px; border-radius: 50%; } .ol-style-4 li:before { color: #f6303e; border: 2px solid #f6303e; line-height: 26px; border-radius: 50%; } .ul-style-2 li .list-icon { color: #f6303e; margin-right: 10px; margin-bottom: 8px; } .ul-style-3 li .list-icon { line-height: 30px; background: #f6303e; color: #fff; border-radius: 50%; margin-right: 10px; margin-bottom: 8px; } .ul-style-4 li .list-icon { line-height: 26px; border: 2px solid #f6303e; color: #f6303e; border-radius: 50%; margin-right: 10px; margin-bottom: 8px; } .shop-box, .shop-box .prod-img-1 { display: block; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background-color: #f6303e; border-color: #f6303e; } .list-group-item.selected, .list-group-item.selected:focus, .list-group-item.selected:hover, .list-group-item.selected a { background-color: #fff; border-color: #ddd; color: #f6303e; } .panel-primary { border-color: #f6303e; } .panel-primary > .panel-heading { background: #f6303e; border-color: #f6303e; } .page-title-row { padding: 80px 10px; } .page-title-row .page-title { color: #fff; } .page-title-div .page-title, .page-title-row .page-title.black-color { color: #2b2c2d; } .page-title-div { background-color: #f2f2f2; color: #2b2c2d; } .page-title-div .breadcrumb { background: 0 0; } .page-title-div .breadcrumb a { color: #787878; } .page-title-div .breadcrumb a.active { color: #2b2c2d; } .gradient-bg { background: linear-gradient(141deg,#f6303e 0,#f6303e 51%,#317d51 75%); background: -moz-linear-gradient(141deg,#f6303e 0,#f6303e 51%,#317d51 75%); color: #fff; } .gradient-bg .page-title { color: #fff; } .gradient-bg .breadcrumb a { color: #f2f2f2; } .gradient-bg .breadcrumb a.active { color: #fff; } .page-title-mini .page-title-row { padding: 10px; } .page-title-mini .page-title { text-transform: capitalize; font-size: 24px; line-height: 40px; } .page-title-mini .breadcrumb { margin-bottom: 0; } .st-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; } .st-popup .title { text-align: center; margin-bottom: 40px; } .st-popup .desc { color: #787878; margin-bottom: 20px; } .mfp-fade.mfp-bg { opacity: 0; transition: all .15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: .8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all .15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; transition: all .2s ease-in-out; -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); } .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); opacity: 0; } .my-mfp-zoom-in.mfp-bg { opacity: 0; transition: opacity .3s ease-out; } .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: .8; } .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; transition: all .2s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg); } .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); } .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg); transform: translateY(-10px) perspective(600px) rotateX(10deg); } .my-mfp-slide-bottom.mfp-bg { opacity: 0; transition: opacity .3s ease-out; } .center-nav.owl-carousel .owl-controls .owl-nav [class*=owl-], .top-nav.owl-carousel .owl-controls .owl-nav [class*=owl-] { transition: all .4s ease-in-out; } .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: .8; } .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; } .owl-carousel .owl-nav [class*=owl-] { padding: 5px 10px; border-radius: 0; background: rgba(246,48,62,0.6); } .owl-carousel .owl-nav [class*=owl-]:hover { background: rgba(246,48,62,1); } .nav-arrow .owl-nav .owl-prev:before { font-family: FontAwesome; content: "\f053"; position: relative; left: -1px; top: 1px; } .nav-arrow .owl-nav .owl-next:before { font-family: FontAwesome; content: "\f054"; position: relative; left: 2px; top: 1px; } .center-nav.owl-carousel .owl-controls { display: none; } /*.center-nav.owl-carousel .owl-controls { position: absolute; width: 100%; top: 0; bottom: 0; margin: auto; height: 40px; overflow: hidden; } .center-nav.owl-carousel .owl-controls .owl-nav { margin-top: 0; } .center-nav.owl-carousel .owl-controls .owl-nav .owl-prev { float: left; } .center-nav.owl-carousel .owl-controls .owl-nav .owl-next { float: right; } .center-nav.owl-carousel .owl-controls .owl-nav .disabled { opacity: .5 !important; }*/ .nav-on-hover .owl-nav [class*=owl-] { opacity: 0; } .nav-on-hover .owl-nav .owl-prev { margin-left: -50px; } .nav-on-hover .owl-nav .owl-next { margin-right: -50px; } .nav-on-hover:hover .owl-nav [class*=owl-] { opacity: .9; } .nav-on-hover:hover .owl-nav .owl-prev { margin-left: 0; } .nav-on-hover:hover .owl-nav .owl-next { margin-right: 0; } .nav-on-hover:hover .owl-nav:hover [class*=owl-] { opacity: 1; } .top-nav.owl-carousel .owl-controls { position: absolute; width: 40%; top: 0; right: 0; height: 40px; overflow: hidden; margin-top: -55px; } .top-nav.owl-carousel .owl-controls .owl-nav { margin-top: 0; text-align: right; } .top-nav.owl-carousel .owl-controls .owl-nav .disabled { opacity: .5 !important; } .shop-box { position: relative; } .shop-box .prod-img-2 { position: absolute; top: 0; left: 0; opacity: 0; transition: all .5s ease-in-out; } .shop-box:hover .prod-img-2 { opacity: 1; } .chart-caption { width: 150px; height: 150px; line-height: 150px; text-align: center; font-size: 20px; position: absolute; } .chart-caption .icon { font-size: 40px; } .blog-box .blog-title { text-transform: none; margin-bottom: 4px; } .blog-img-box { height: 200px; overflow: hidden; } .breadcrumb { background-color: rgba(0,0,0,.5); border-radius: 4px 4px 0 0; } .breadcrumb a { color: #fff; font-size: 12px; letter-spacing: 0; } .breadcrumb a.active { color: #f2f2f2; font-size: 12px; letter-spacing: 0; } blockquote { font-size: 15px; line-height: 22px; padding: 10px 20px; } blockquote small { padding-top: 10px; } .blockquote-default { border-left: 5px solid #d9d9d9; } .blockquote-default.primary-color { border-left-color: #f6303e; } .blockquote-reverse { border-left: 0; border-right: 5px solid #d9d9d9; } .blockquote-reverse.primary-color { border-right-color: #f6303e; } .blockquote-2 { border-left: 0; position: relative; } .blockquote-2::before, .blockquote-reverse-2::before { color: rgba(0,0,0,.1); display: block; font-size: 100px; position: absolute; top: 15px; } .blockquote-2::before { content: "“"; left: 5px; } .blockquote-reverse-2 { border-left: 0; text-align: right; } .blockquote-reverse-2::before { content: "”"; right: 5px; } section.content-section:nth-of-type(even) .blockquote-default { border-left: 5px solid #bfbfbf; } section.content-section:nth-of-type(even) .blockquote-reverse { border-right: 5px solid #bfbfbf; border-left: 0; } .progress-rounded, .progress-rounded .progress-bar { border-radius: 30px; } .progress.no-shadow { box-shadow: none; -webkit-box-shadow: none; } .progress.title-outside { position: relative; overflow: visible; margin-top: 50px; } .progress.title-outside .progress-info { color: #787878; position: absolute; width: 100%; top: -20px; } .clients-grid-opacity > div { background: #e5e5e5; border: 1px solid #ccc; margin-left: -1px; margin-bottom: -1px; opacity: .6; transition: all .4s ease-in-out; } .clients-grid-opacity > div:hover { opacity: 1; } .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover { color: inherit; } .bootstrap-select > .dropdown-toggle.bs-placeholder:hover { color: #000; } .bootstrap-select > .dropdown-toggle.bs-placeholder { color: #fff; } .nav-sidebar { border: 1px solid #d9d9d9; background: #fff; z-index: 1; } .nav-sidebar li { margin-top: 0 !important; border-bottom: 1px dotted #d9d9d9; } .nav-sidebar li:last-of-type { border-bottom: 0; } .nav-sidebar li.active { background: #f2f2f2; } .nav-sidebar li.active a, .stars.stars-primary .br-theme-css-stars .br-widget a.br-active:after, .stars.stars-primary .br-theme-css-stars .br-widget a.br-selected:after { color: #f6303e; } .stars.stars-danger .br-theme-css-stars .br-widget a.br-active:after, .stars.stars-danger .br-theme-css-stars .br-widget a.br-selected:after { color: red; } .stars.stars-success .br-theme-css-stars .br-widget a.br-active:after, .stars.stars-success .br-theme-css-stars .br-widget a.br-selected:after { color: green; } .stars.stars-info .br-theme-css-stars .br-widget a.br-active:after, .stars.stars-info .br-theme-css-stars .br-widget a.br-selected:after { color: #00f; } .br-theme-css-stars .br-widget a { float: none; } .stars.stars-warning .br-theme-css-stars .br-widget a.br-active:after, .stars.stars-warning .br-theme-css-stars .br-widget a.br-selected:after { color: orange; } .google-map { width: 100%; min-height: 400px; } .affix { top: 60px; position: fixed !important; } .btn-breadcrumb .btn:not(:last-child):after, .btn-breadcrumb .btn:not(:last-child):before { content: " "; display: block; width: 0; height: 0; border-top: 17px solid transparent; border-bottom: 17px solid transparent; top: 50%; margin-top: -17px; left: 100%; z-index: 3; } .affix-bottom { position: absolute; } .anim { opacity: 0; } .anim .icon { cursor: pointer; } .animated { opacity: 1; } .st-animate { opacity: 0; } .st-animate.animated { opacity: 1; } .client-carousel, .ew-cursor { cursor: ew-resize; } .breadcrumb-2 { background: 0 0; } .breadcrumb-2 a { font-size: 12px; color: #787878; } .breadcrumb-2 a.active { font-size: 12px; color: #f6303e; } .btn-breadcrumb .btn:not(:last-child):after { position: absolute; } .btn-breadcrumb .btn:not(:last-child):before { position: absolute; margin-left: 1px; } .btn-breadcrumb .btn { padding: 4px 12px; line-height: 20px; font-size: 13px; } .btn-breadcrumb .btn:first-child { padding: 4px 6px 4px 10px; } .btn-breadcrumb .btn:last-child { padding: 4px 18px 4px 12px; } .bt-grid [class*=col-] { padding-top: 15px; padding-bottom: 15px; background-color: #d9d9d9; border: 1px solid #ccc; } .bt-grid hr { margin-top: 40px; margin-bottom: 40px; } .bt-grid h4 { margin-top: 25px; } .bt-grid .row { margin: 0 0 20px; } .bt-grid .row .row { margin-top: 10px; margin-bottom: 0; } .is-countdown { background: 0 0; border: 0; } .countdown-style-2 .countdown-section { border-left: 1px dashed #f6303e; } .countdown-style-2 .countdown-section:last-child { border-right: 1px dashed #f6303e; } #fa-icons section { margin-top: 20px; margin-bottom: 20px; } #fa-icons h2 { margin-bottom: 20px; margin-top: 40px; } #fa-icons .fa { font-size: 16px; line-height: 26px; display: inline-block; width: 40px; } #fa-icons .fa-icon { height: 40px; } #fa-icons .fa-icon:hover { background: #f6303e; border: 1px solid #f6303e; color: #fff; line-height: 40px; } #fa-icons .fa-icon:hover .fa { font-size: 26px; line-height: 40px; vertical-align: top; } #fa-icons .fa-icon:hover .text-muted { color: #e2e2e2; } .typed-cursor { opacity: 1; -webkit-animation: blink .7s infinite; animation: blink .7s infinite; } @keyframes blink { 0%,100% { opacity: 1; } 50% { opacity: 0; } } @-webkit-keyframes blink { 0%,100% { opacity: 1; } 50% { opacity: 0; } } .typeLoop { display: inline; } .modal-title { clear: none; } .modal-header .close { margin-bottom: 0; } .modal-footer .st-btn { vertical-align: baseline; } .gsc-input-box { width: 250px; } .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { margin-top: 0 !important; padding-top: 5px !important; box-sizing: content-box; } table.gsc-search-box td { vertical-align: top !important; } form.gsc-search-box { padding-top: 10px; } .gsst_b { display: none; } .ms-section .fullscreen { position: absolute; width: 200%; height: 100%; top: 30%; left: 0; z-index: 1; vertical-align: middle; text-align: center; box-sizing: border-box; } .pricing-box { background: #fff; box-shadow: 0 2px 3px rgba(0,0,0,.15); } .pricing-box .pricing-head { background-color: #f2f2f2; text-align: center; border-top: 3px solid #f6303e; padding: 1.618em; position: relative; overflow: hidden; } .pricing-box .pricing-head h1, .pricing-box .pricing-head h2, .pricing-box .pricing-head h3, .pricing-box .pricing-head h4, .pricing-box .pricing-head h5, .pricing-box .pricing-head h6 { margin: 0; } .pricing-box .pricing-head .striked { text-decoration: line-through; } .pricing-box .pricing-head .bg-icon { position: absolute; bottom: -20px; left: -20px; font-size: 120px; color: #999; opacity: .2; } .pricing-box .pricing-body { padding: 1em; } .pricing-box .pricing-body ul li { line-height: 2.25; } .pricing-box .pricing-body ul li .icon { float: right; } .pricing-box .pricing-foot a { display: block; padding: 1em; background: #f2f2f2; color: #2b2c2d; text-align: center; text-transform: uppercase; letter-spacing: 1px; transition: all .4s ease-in-out; } .pricing-box .pricing-foot a:hover { background: #f6303e; color: #fff !important; } .pricing-box.popular .pricing-head { background: #2b2c2d; color: #fff; } .pricing-box.popular .pricing-head h1, .pricing-box.popular .pricing-head h2, .pricing-box.popular .pricing-head h3, .pricing-box.popular .pricing-head h4, .pricing-box.popular .pricing-head h5, .pricing-box.popular .pricing-head h6 { color: #fff; } /*CUSTOM STYLES*/ img.img-responsive.full { min-width: 100%; } .validation-summary-errors ul li { color: #000; } .btn-group.bootstrap-select.form-control.input-style-2 { padding: 0 !important; } .jwcontrols { z-index: 100; } #royal-gallery.royalSlider { max-height: 730px !important; width: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .rsVideoContainer { width: 100% !important; height: 100% !important; margin-left: 0 !important; text-align: center; } .rsVideoContainer .rsImg.rsMainSlideImage { width: auto !important; } .rsFullscreenIcn { display: none !important; } .rsDefault.rsWithThumbsHor .rsThumbsContainer { text-align: center; } #chisiamo img.rsImg { margin-left: 0 !important; } .rsDefault .rsThumbsHor { padding: 4px !important; } .rsDefault .rsThumb { width: auto; height: 100%; display: inline-block; } .rsThumb { float: none; } .rsDefault .rsThumb img { width: auto; height: auto; } .rsDefault .rsThumb.rsNavSelected { background: #f6303e; } .row.parallax-row { background: transparent; } section.content-section.grey { background-color: #f2f2f2; } section.content-section.white { background-color: #fff; } .grey { background-color: #f2f2f2; } .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ } .owl-carousel.customers .owl-item img { max-width: 150px; } .erinyen .tp-title-wrap { line-height: normal; display: flex; justify-content: center; flex-direction: column; } .erinyen .tp-arr-titleholder { font-size: 11px; white-space: normal; line-height: normal; display: inline-block; } .erinyen.tp-rightarrow .tp-arr-titleholder { text-align: right; } .logoFooter { height: 55px; } .aree-riservate ul { right: 0; } .aree-riservate a i { font-size: 25px; } .aree-riservate a img { padding-bottom: 3px; } .z-index-10 { z-index: 10; } .white { color: #fff; } .pos-rel { position: relative; } .oh { overflow: hidden; background-color: #787878; } .display-inline-block { display: inline-block; } .carousel-arrow { cursor: pointer; z-index: 5; } .darken { background-color: rgba(0, 0, 0, 0.40); } .icona-acrobat { display: inline !important; margin-right: 10px; width: auto !important; } .icona-acrobat.icon { margin-right: 0; height: 35px; } .text-align-right { text-align: right; } .absolute-black-color { color: #000000 !important; } .vertical-center, .vertical-top { display: block; } .vertical-centered-arrow { position: relative; top: 50%; transform: translateY(-50%); } .padding-top-sm-md-20 { padding-top: 20px; } .padding-top-bottom-sm-md-20 { padding-top: 20px; padding-bottom: 20px; } .fs13 { color: #000000; font-size: 13px; } .visible-1400 { display: none; } .visible-1100 { display: block; } .top { vertical-align: top; } .cbp-l-grid-work-abstract { background-color: #f2f2f2; font-family: inherit; font-size: 11px; text-transform: none; text-align: center; padding: 10px 10px 27px 10px; } .download-button { background-color: #000; color: #fff; font-size: 11px; letter-spacing: 2px; display: inline; padding: 10px 15px 10px 15px; } .social-icons { display: block; } .social-icons div:first-of-type { float: left; font-size: 24px; margin: 0 10px 10px 0; } .social-icons div { float: left; margin: 0 10px 10px 10px; transition: color 0.5s ease-in-out; } .social-icons div a { color: #fff; font-size: 24px; } .social-icons .fb a:hover { color: #3b5999 !important; } .social-icons .tw a:hover { color: #55acee !important; } .social-icons .yt a:hover { color: #cd201f !important; } .social-icons .li a:hover { color: #0077B5 !important; } .social-icons .gp a:hover { color: #dd4b39 !important; } @media (min-width: 1300px) { .lingue ul { right: 70px; } } @media (max-width:1140px) { .main-menu li a { font-size: 12px; } } @media (min-width:1025px) { .vertical-center { display: flex; justify-content: center; align-items: center; } } @media (min-width: 1025px) { .padding-top-sm-md-20 { padding-top: 0; } .padding-top-bottom-sm-md-20 { padding-top: 0; padding-bottom: 0; } } @media (min-width: 1101px) { .visible-1100 { display: none; } } @media (min-width: 1399px) { .visible-1400 { display: block; } } /*HOME*/ #news { color: #fff; background: url('/Content/images/news-bkg.png'); background-size: 100% 100%; background-repeat: no-repeat; } #news h3 { color: #fff; } #news .cbp-subItem { width: 100%; float: left; text-align: center; padding: 15px; } #news .cbp-subItem img { max-width: 80px; float: left; margin-right: 10px; margin-bottom: 10px; } #news .cbp-subItem .date { text-transform: uppercase; font-weight: bold; color: #FF3411; display: block; text-align: left; line-height: 10px; margin-bottom: 10px; } #news .cbp-subItem .desc { display: block; text-align: justify; line-height: 20px; } #certificates { color: rgb(120, 120, 120); /*background-color: transparent; */ } #certificates h3 { color: rgb(43, 44, 45); } #certificates .cbp-subItem { width: 100%; float: left; text-align: center; padding: 15px; display:block; } #certificates .cbp-subItem:hover .desc { color: rgb(120, 120, 120); } #certificates .cbp-subItem img { max-width: 125px; float: left; margin-right: 10px; margin-bottom: 10px; } #certificates .cbp-subItem .date { text-transform: uppercase; font-weight: bold; color: #FF3411; display: block; text-align: left; line-height: 10px; margin-bottom: 10px; } #certificates .cbp-subItem .desc { display: block; text-align: justify; line-height: 20px; } #certificates .underline::after{ background:rgb(43, 44, 45); } #certificates .col-centered{ padding: 15px 0 0 0; } .img-background { overflow: hidden; } .fixed-height { height: 441px; } .img-overlay-grey { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.40); } .img-overlay { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; color: #fff; text-align: center; transform: translate(-50%, -50%); } .img-overlay .section-header { margin-bottom: 60px; margin-top: 60px; } .img-overlay p { padding: 0 10%; font-size: 15px; } .img-overlay a { position: absolute; left: 50%; transform: translate(-50%); bottom: 45px; color: #fff; } .img-overlay .section-header .underline { padding-bottom: 15px; margin-bottom: 25px; } .img-overlay .section-header .underline .section-title { color: #fff; font-size: 20px; font-weight: 700; line-height: 28px; } .cbp-nav-pagination-item { background: transparent; border: 2px solid #fff; } .cbp-nav-pagination-active { background: #fff; } /*SOLUTIONS*/ #solutions { background: #f2f2f2; } #solutions .img-background .bkg { width: 100%; height: 100%; } #solutions .img-overlay .section-header { margin-bottom: 15px; margin-top: 84px; } #solutions .underline::after { height: 3px; background: #fff; } #solutions .img-overlay .section-header .underline { padding-bottom: 30px; } #solutions .img-overlay .half { display: inline-block; width: 44%; margin: 10px; } /*#solutions .img-overlay .full { display: inline-block; width: 96.5%; margin: 10px; }*/ #solutions .img-overlay .half a { position: relative; left: auto; transform: none; bottom: auto; } /*#solutions .img-overlay .full a { position: relative; left: auto; transform: none; bottom: auto; }*/ .keywords-list { list-style-type: none; color: #000; padding-left: 0; } .keywords-list li:not(:first-child) { padding-top: 15px; } .keywords-list li { font-weight: 600; padding-bottom: 15px; } .product-box .product-image { display: block; width: 100%; height: 100%; } .product-box span.name { color: #fff; display: block; } .case-history-list .itm { color: #fff; } .case-history-list .img img { width: 100%; margin-top: 10px; margin-bottom: 10px; } .case-history-list .content .desc { display: none; } #bkg-image-container { position: absolute; width: 100%; height: 100%; z-index: 1; display: block; color: #fff; } #bkg-image { width: 100%; height: 100%; background-size: 100% 100%; background-repeat: no-repeat; -webkit-filter: blur(5px); filter: blur(5px); opacity: 1; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } .bg-icon img { min-width: 100px; } @media (min-width: 500px) { .case-history-list .content .desc { display: block; } } @media (max-width: 768px) { .header .logo-img { max-height: 45px; } #solutions .img-overlay p { display: none; } #solutions .underline::after { height: 0; background: #fff; } #solutions .img-overlay .section-header .underline { padding-bottom: 10px; } #solutions .img-overlay a { position: absolute; left: 50%; transform: translate(-50%); bottom: 10px; color: #fff; } #solutions .img-overlay .half { width: 45%; margin: 4px; } } @media (max-width: 1300px) { #home-boxes .img-overlay .section-header { margin-bottom: 0; } #home-boxes .img-overlay a { position: absolute; left: 50%; transform: translate(-50%); bottom: 10px; color: #fff; } } @media (max-width: 1100px) { #home-boxes .img-overlay .section-header { margin-bottom: 0; margin-top: 10px; } #home-boxes .img-overlay a { position: absolute; left: 50%; transform: translate(-50%); bottom: 5px; color: #fff; } #home-boxes .img-overlay .section-header .underline { margin-bottom: 10px; } } @media (max-width: 800px) { #home-boxes .img-overlay .section-header { margin-bottom: 30px; margin-top: 30px; } #home-boxes .img-overlay a { position: absolute; left: 50%; transform: translate(-50%); bottom: 45px; color: #fff; } #home-boxes .img-overlay .section-header .underline { margin-bottom: 10px; } } @media (max-width: 500px) { #home-boxes .img-overlay .section-header { margin-bottom: 0; margin-top: 10px; } #home-boxes .img-overlay a { position: absolute; left: 50%; transform: translate(-50%); bottom: 5px; color: #fff; } #home-boxes .img-overlay .section-header .underline { margin-bottom: 5px; } #home-boxes .img-overlay p { font-size: 14px; padding: 0 6%; } } /*PRODTTI*/ .cbp-l-caption-detail-button { background-color: #f6303e; color: #ffffff; font-size: 11px; letter-spacing: 2px; display: inline-block; padding: 10px 15px 10px 15px; margin-top: 20px; } .cbp-l-caption-detail-button:hover { background-color: #af0625; } @media only screen and (min-width:500px) and (max-width:1300px) { .cbp-l-caption-detail-button { display: none; } } .underline.red { color: #bf062a; } .underline.red:after { background: #ffffff; width: 4%; } .underline.red.tcn:after { width: 8%; } .underline.white:after { background: #ffffff; } #certificazioni, #case-history, #downloads { background-color: #f6303e; } #documents { background-color: #000000; color: #ffffff; padding: 90px 0; } #support { padding: 90px 0; } #certificazioni .underline::after, #support .underline::after { height: 3px; background: #fff; } #case-history .underline::after { height: 3px; background: #fff; } #prodotti-certificazioni .feature-box-5 { background: transparent; } #caratteristiche .title { display: block; font-weight: bold; font-size: 17px; text-transform: uppercase; color: #f6303e; } #caratteristiche .value { display: block; font-size: 15px; color: #000; } @media (min-width:1024px) { .zbt { background: url('/Content/images/teconologie-bkg.png'); background-size: 100% 100%; background-repeat: no-repeat; padding: 60px 0 15px 0 !important; } } @media (max-width:1023px) { .zbt { background-color: #000 !important; } section.content-section { padding: 30px 0; } } /*AZIENDA*/ #mission { background-color: #f6303e; } #mission .underline::after { height: 3px; background: #fff; } #chi-siamo { background: url('/Content/images/chi-siamo-bkg.png'); background-repeat: no-repeat; background-position: center; text-align: center; padding: 150px 0; } #storia { background-color: #000; color: #fff; } /*CASE HISTORY*/ #descrizione .descrizione h5 { font-weight: bold; color: #cc0033; padding-top: 30px; } #descrizione .descrizione p { color: #000000 !important; padding-top: 10px; padding-left: 20px; margin-bottom: 0; } #descrizione .descrizione ul { list-style-type: disc; color: #000; padding-left: 4em; padding-top: 1em; } #case-history-2 h4 a { color: #000; } #case-history-2 h5 { line-height: 25px; } #js-filters-awesome-work .sub-filter-container { position: absolute; left: auto; top: auto; z-index: 10; } #js-filters-awesome-work .sub-filter-container .subItem { display: block; margin-top: 0; margin-bottom: 0; box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.25); text-align: left; } #js-filters-awesome-work .cbp-filter-item .down-arrow { margin-left: 8px; display: inline-block; transition: transform .3s ease-in-out; } #js-filters-awesome-work .cbp-filter-item .down-arrow.open { transform: rotate(-180deg); } /*NEWS*/ #news-list h4 { line-height: 25px; } #news-list h4 a { color: #000; } .news-back { padding-bottom: 10px; } .news-back a { cursor: pointer; } .news-gallery .rsDefault, .news-gallery .rsDefault .rsOverflow, .news-gallery .rsDefault .rsSlide, .news-gallery .rsDefault .rsVideoFrameHolder, .news-gallery .rsDefault .rsThumbs { background: #fff; } .news-gallery .rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .4; } .html-content ul { list-style-type: disc; } .html-content p { float: left; word-wrap: break-word; max-width: 100%; } .html-content p.full-width { float: none; word-wrap: break-word; } .html-content p.no-margin-bottom { margin-bottom: 0; } .html-content table p { margin-bottom: 0; } .page-custom-content p.no-margin-bottom { margin-bottom: 0; } .page-custom-content ul { list-style-type: disc; list-style-position: inside; padding-left: 0; } /*CONTACTS*/ .feature-box-5.contacts { height: 350px; background: #fff; } .feature-box-5.contacts .icon { color: #CDCDCD; margin-bottom: 10px; } .feature-box-5.contacts .icon i { font-size: 40px; } .feature-box-5.content-height { height: auto; background: #f2f2f2; } .validation-summary-valid { color: #f6303e; } /*MAGAZINE*/ #magazine { padding-bottom: 0; } .magazine-title { line-height: 44px; } a.st-btn.btn-magazine { width: 100%; color: #f6303e; font-weight: bold; text-align: center; cursor: pointer; } a.st-btn.btn-magazine.newsletter { font-size: 11px; } a.st-btn.btn-magazine.pdf { /*padding: 5px 30px;*/ } .pdf .icona-acrobat.icon { height: 19px; } a.magazine-more { float: right; color: #f6303e; font-weight: bold; } .magazine-border-bottom { border-bottom: 1px solid #ddd; } .magazine-top-item img { margin-bottom: 20px; } .magazine-top-item .title { line-height: 25px; } .magazine-top-item .title a { color: #000; } .magazine-item { padding: 15px; min-height: 180px; } .magazine-item img { max-height: 180px; } .magazine-item .title { padding-bottom: 10px; font-weight: bold; color: #000; } .magazine-item a { display: block; float: none; text-align: right; } .rsTmb { min-width: 100px; max-width: 100px; height: 100%; position: relative; text-align: center; } .rsTmb img { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } label.checkboxLabel { display: inline-block; line-height: 15px; font-weight: normal; } #cookie { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; bottom: 0; position: fixed; width: 100%; z-index: 9999; font-size: 14px; color: #fafafa; } #cookie a { color: rgb(255, 52, 17); }