W3C CSS Validator results for http://jaec.gov.jo (CSS level 3 + SVG)

Sorry! We found the following errors (7)

URI : https://jaec.gov.jo/App_Themes/ThemeAr/CSS/bootstrap.css

2522 input[type="radio"], input[type="checkbox"] Value Error : margin-top Too many values or values are not recognized : 1px \9
2654 .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] Value Error : margin-top Too many values or values are not recognized : 4px \9
3509 .caret Value Error : border-top \9 is not a color value : 4px solid \9
3627 .dropup .caret, .navbar-fixed-bottom .dropdown .caret Value Error : border-bottom \9 is not a color value : 4px solid \9
4221 Deprecated media feature max-device-width. For guidance, see the Deprecated Media Features section in the current Media Queries specification.
6408 .carousel-indicators li Value Error : background-color Too many values or values are not recognized : #000 \9

URI : https://jaec.gov.jo/App_Themes/ThemeAr/CSS/animate.min.css

1 The @charset rule may only occur at the start of the style sheet. Please check that there are no spaces before it. @charset "UTF-8";

↑ Top

Warnings (1340)

URI : https://jaec.gov.jo/App_Themes/ThemeAr/CSS/bootstrap-rtl.css

1425 -webkit-linear-gradient(left,color-stop(rgb(0, 0, 0, 0.5) 0%),color-stop(rgb(0, 0, 0, 0.0001) 100%)) is a vendor extension
1426 -o-linear-gradient(left,rgb(0, 0, 0, 0.5) 0%,rgb(0, 0, 0, 0.0001) 100%) is a vendor extension
1429 progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1) is a vendor extension
1434 -webkit-linear-gradient(left,color-stop(rgb(0, 0, 0, 0.0001) 0%),color-stop(rgb(0, 0, 0, 0.5) 100%)) is a vendor extension
1435 -o-linear-gradient(left,rgb(0, 0, 0, 0.0001) 0%,rgb(0, 0, 0, 0.5) 100%) is a vendor extension
1438 progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1) is a vendor extension

URI : https://jaec.gov.jo/App_Themes/ThemeAr/CSS/Carousel/owl.carousel.min.css

7 -webkit-tap-highlight-color is a vendor extension
19 -ms-touch-action is a vendor extension
20 -moz-backface-visibility is a vendor extension
35 -webkit-transform is a vendor extension
39 -webkit-backface-visibility is a vendor extension
40 -moz-backface-visibility is a vendor extension
41 -ms-backface-visibility is a vendor extension
42 -webkit-transform is a vendor extension
43 -moz-transform is a vendor extension
44 -ms-transform is a vendor extension
50 -webkit-backface-visibility is a vendor extension
51 -webkit-touch-callout is a vendor extension
69 -webkit-user-select is a vendor extension
70 -khtml-user-select is a vendor extension
71 -moz-user-select is a vendor extension
72 -ms-user-select is a vendor extension
90 -webkit-user-select is a vendor extension
91 -moz-user-select is a vendor extension
92 -ms-user-select is a vendor extension
166 -webkit-backface-visibility is a vendor extension
171 -ms-transform is a vendor extension

URI : https://jaec.gov.jo/

6 alpha(opacity=60) is a vendor extension

URI : https://jaec.gov.jo/App_Themes/ThemeAr/CSS/Carousel/owl.theme.default.min.css

6 -webkit-tap-highlight-color is a vendor extension
6 zoom is a vendor extension
6 -webkit-backface-visibility is a vendor extension

URI : https://jaec.gov.jo/App_Themes/ThemeAr/CSS/bootstrap.css

9 -webkit-text-size-adjust is a vendor extension
10 -ms-text-size-adjust is a vendor extension
97 -webkit-box-sizing is a vendor extension
98 -moz-box-sizing is a vendor extension
131 -webkit-appearance is a vendor extension
138 ::-moz-focus-inner is a vendor extended pseudo-element
139 ::-moz-focus-inner is a vendor extended pseudo-element
148 -webkit-box-sizing is a vendor extension
149 -moz-box-sizing is a vendor extension
153 ::-webkit-inner-spin-button is a vendor extended pseudo-element
154 ::-webkit-outer-spin-button is a vendor extended pseudo-element
158 -webkit-box-sizing is a vendor extension
159 -moz-box-sizing is a vendor extension
161 -webkit-appearance is a vendor extension
163 ::-webkit-search-cancel-button is a vendor extended pseudo-element
164 ::-webkit-search-decoration is a vendor extended pseudo-element
165 -webkit-appearance is a vendor extension
198 -webkit-box-shadow is a vendor extension
278 -webkit-font-smoothing is a vendor extension
279 -moz-osx-font-smoothing is a vendor extension
1069 -webkit-box-sizing is a vendor extension
1070 -moz-box-sizing is a vendor extension
1075 -webkit-box-sizing is a vendor extension
1076 -moz-box-sizing is a vendor extension
1082 -webkit-tap-highlight-color is a vendor extension
1109 5px auto -webkit-focus-ring-color is a vendor extension
1139 -webkit-transition is a vendor extension
1140 -o-transition is a vendor extension
1159 The property clip is deprecated
1169 The property clip is deprecated
1549 -webkit-box-shadow is a vendor extension
1556 -webkit-box-shadow is a vendor extension
2451 -ms-overflow-style is a vendor extension
2515 -webkit-box-sizing is a vendor extension
2516 -moz-box-sizing is a vendor extension
2539 5px auto -webkit-focus-ring-color is a vendor extension
2561 -webkit-box-shadow is a vendor extension
2563 -webkit-transition is a vendor extension
2564 -o-transition is a vendor extension
2570 -webkit-box-shadow is a vendor extension
2573 ::-moz-placeholder is a vendor extended pseudo-element
2577 :-ms-input-placeholder is a vendor extended pseudo-class
2580 ::-webkit-input-placeholder is a vendor extended pseudo-element
2583 ::-ms-expand is a vendor extended pseudo-element
2601 -webkit-appearance is a vendor extension
2603 -webkit-min-device-pixel-ratio is a vendor extension
2827 -webkit-box-shadow is a vendor extension
2832 -webkit-box-shadow is a vendor extension
2857 -webkit-box-shadow is a vendor extension
2862 -webkit-box-shadow is a vendor extension
2887 -webkit-box-shadow is a vendor extension
2892 -webkit-box-shadow is a vendor extension
3013 -ms-touch-action is a vendor extension
3016 -webkit-user-select is a vendor extension
3017 -moz-user-select is a vendor extension
3018 -ms-user-select is a vendor extension
3030 5px auto -webkit-focus-ring-color is a vendor extension
3043 -webkit-box-shadow is a vendor extension
3050 alpha(opacity=65) is a vendor extension
3051 -webkit-box-shadow is a vendor extension
3411 Same color for background-color and border-color
3411 .btn-link:active Same color for background-color and border-color
3412 -webkit-box-shadow is a vendor extension
3425 Same color for background-color and border-color
3425 Same color for background-color and border-color
3469 -webkit-transition is a vendor extension
3470 -o-transition is a vendor extension
3492 -webkit-transition-timing-function is a vendor extension
3493 -o-transition-timing-function is a vendor extension
3495 -webkit-transition-duration is a vendor extension
3496 -o-transition-duration is a vendor extension
3498 -webkit-transition-property is a vendor extension
3499 -o-transition-property is a vendor extension
3534 -webkit-background-clip is a vendor extension
3539 -webkit-box-shadow is a vendor extension
3586 progid:DXImageTransform.Microsoft.gradient(enabled = false) is a vendor extension
3728 -webkit-box-shadow is a vendor extension
3732 -webkit-box-shadow is a vendor extension
3813 The property clip is deprecated
4186 -webkit-overflow-scrolling is a vendor extension
4188 -webkit-box-shadow is a vendor extension
4198 -webkit-box-shadow is a vendor extension
4339 -webkit-box-shadow is a vendor extension
4375 -webkit-box-shadow is a vendor extension
4444 -webkit-box-shadow is a vendor extension
4761 .pagination > .active > a Same color for background-color and border-color
4761 .pagination > .active > a:focus Same color for background-color and border-color
4761 .pagination > .active > a:hover Same color for background-color and border-color
4761 .pagination > .active > span Same color for background-color and border-color
4761 .pagination > .active > span:focus Same color for background-color and border-color
4761 .pagination > .active > span:hover Same color for background-color and border-color
5009 -webkit-transition is a vendor extension
5010 -o-transition is a vendor extension
5102 Unrecognized at-rule @-webkit-keyframes
5110 Unrecognized at-rule @-o-keyframes
5132 -webkit-box-shadow is a vendor extension
5144 -webkit-box-shadow is a vendor extension
5146 -webkit-transition is a vendor extension
5147 -o-transition is a vendor extension
5152 -webkit-linear-gradient(45deg,rgb(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgb(255, 255, 255, 0.15) 50%,rgb(255, 255, 255, 0.15) 75%,transparent 75%,transparent) is a vendor extension
5153 -o-linear-gradient(45deg,rgb(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgb(255, 255, 255, 0.15) 50%,rgb(255, 255, 255, 0.15) 75%,transparent 75%,transparent) is a vendor extension
5155 -webkit-background-size is a vendor extension
5160 -webkit-animation is a vendor extension
5161 -o-animation is a vendor extension
5168 -webkit-linear-gradient(45deg,rgb(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgb(255, 255, 255, 0.15) 50%,rgb(255, 255, 255, 0.15) 75%,transparent 75%,transparent) is a vendor extension
5169 -o-linear-gradient(45deg,rgb(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgb(255, 255, 255, 0.15) 50%,rgb(255, 255, 255, 0.15) 75%,transparent 75%,transparent) is a vendor extension
5176 -webkit-linear-gradient(45deg,rgb(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgb(255, 255, 255, 0.15) 50%,rgb(255, 255, 255, 0.15) 75%,transparent 75%,transparent) is a vendor extension
5177 -o-linear-gradient(45deg,rgb(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgb(255, 255, 255, 0.15) 50%,rgb(255, 255, 255, 0.15) 75%,transparent 75%,transparent) is a vendor extension
5184 -webkit-linear-gradient(45deg,rgb(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgb(255, 255, 255, 0.15) 50%,rgb(255, 255, 255, 0.15) 75%,transparent 75%,transparent) is a vendor extension
5185 -o-linear-gradient(45deg,rgb(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgb(255, 255, 255, 0.15) 50%,rgb(255, 255, 255, 0.15) 75%,transparent 75%,transparent) is a vendor extension
5192 -webkit-linear-gradient(45deg,rgb(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgb(255, 255, 255, 0.15) 50%,rgb(255, 255, 255, 0.15) 75%,transparent 75%,transparent) is a vendor extension
5193 -o-linear-gradient(45deg,rgb(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgb(255, 255, 255, 0.15) 50%,rgb(255, 255, 255, 0.15) 75%,transparent 75%,transparent) is a vendor extension
5205 zoom is a vendor extension
5307 .list-group-item.active Same color for background-color and border-color
5307 .list-group-item.active:focus Same color for background-color and border-color
5307 .list-group-item.active:hover Same color for background-color and border-color
5352 a.list-group-item-success.active Same color for background-color and border-color
5352 a.list-group-item-success.active:focus Same color for background-color and border-color
5352 a.list-group-item-success.active:hover Same color for background-color and border-color
5352 button.list-group-item-success.active Same color for background-color and border-color
5352 button.list-group-item-success.active:focus Same color for background-color and border-color
5352 button.list-group-item-success.active:hover Same color for background-color and border-color
5381 a.list-group-item-info.active Same color for background-color and border-color
5381 a.list-group-item-info.active:focus Same color for background-color and border-color
5381 a.list-group-item-info.active:hover Same color for background-color and border-color
5381 button.list-group-item-info.active Same color for background-color and border-color
5381 button.list-group-item-info.active:focus Same color for background-color and border-color
5381 button.list-group-item-info.active:hover Same color for background-color and border-color
5410 a.list-group-item-warning.active Same color for background-color and border-color
5410 a.list-group-item-warning.active:focus Same color for background-color and border-color
5410 a.list-group-item-warning.active:hover Same color for background-color and border-color
5410 button.list-group-item-warning.active Same color for background-color and border-color
5410 button.list-group-item-warning.active:focus Same color for background-color and border-color
5410 button.list-group-item-warning.active:hover Same color for background-color and border-color
5439 a.list-group-item-danger.active Same color for background-color and border-color
5439 a.list-group-item-danger.active:focus Same color for background-color and border-color
5439 a.list-group-item-danger.active:hover Same color for background-color and border-color
5439 button.list-group-item-danger.active Same color for background-color and border-color
5439 button.list-group-item-danger.active:focus Same color for background-color and border-color
5439 button.list-group-item-danger.active:hover Same color for background-color and border-color
5455 -webkit-box-shadow is a vendor extension
5708 .panel-primary > .panel-heading Same color for background-color and border-color
5826 -webkit-box-shadow is a vendor extension
5848 alpha(opacity=20) is a vendor extension
5856 alpha(opacity=50) is a vendor extension
5860 -webkit-appearance is a vendor extension
5878 -webkit-overflow-scrolling is a vendor extension
5882 -webkit-transition is a vendor extension
5883 -o-transition is a vendor extension
5885 -webkit-transform is a vendor extension
5886 -ms-transform is a vendor extension
5887 -o-transform is a vendor extension
5891 -webkit-transform is a vendor extension
5892 -ms-transform is a vendor extension
5893 -o-transform is a vendor extension
5908 -webkit-background-clip is a vendor extension
5914 -webkit-box-shadow is a vendor extension
5927 alpha(opacity=0) is a vendor extension
5931 alpha(opacity=50) is a vendor extension
5977 -webkit-box-shadow is a vendor extension
6008 alpha(opacity=0) is a vendor extension
6014 alpha(opacity=90) is a vendor extension
6128 -webkit-background-clip is a vendor extension
6133 -webkit-box-shadow is a vendor extension
6248 -webkit-transition is a vendor extension
6249 -o-transition is a vendor extension
6256 transform-3d is a vendor extension
6256 -webkit-transform-3d is a vendor extension
6258 -webkit-transition is a vendor extension
6259 -o-transition is a vendor extension
6262 -webkit-backface-visibility is a vendor extension
6264 -webkit-perspective is a vendor extension
6270 -webkit-transform is a vendor extension
6276 -webkit-transform is a vendor extension
6283 -webkit-transform is a vendor extension
6328 alpha(opacity=50) is a vendor extension
6332 -webkit-linear-gradient(left,rgb(0, 0, 0, 0.5) 0%,rgb(0, 0, 0, 0.0001) 100%) is a vendor extension
6333 -o-linear-gradient(left,rgb(0, 0, 0, 0.5) 0%,rgb(0, 0, 0, 0.0001) 100%) is a vendor extension
6334 -webkit-gradient(linear,left top,right top,from(rgb(0, 0, 0, 0.5)),to(rgb(0, 0, 0, 0.0001))) is a vendor extension
6336 progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1) is a vendor extension
6342 -webkit-linear-gradient(left,rgb(0, 0, 0, 0.0001) 0%,rgb(0, 0, 0, 0.5) 100%) is a vendor extension
6343 -o-linear-gradient(left,rgb(0, 0, 0, 0.0001) 0%,rgb(0, 0, 0, 0.5) 100%) is a vendor extension
6344 -webkit-gradient(linear,left top,right top,from(rgb(0, 0, 0, 0.0001)),to(rgb(0, 0, 0, 0.5))) is a vendor extension
6346 progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1) is a vendor extension
6353 alpha(opacity=90) is a vendor extension
6538 .text-hide Same color for background-color and color
6547 Unrecognized at-rule @-ms-viewport

URI : https://jaec.gov.jo/App_Themes/ThemeAr/CSS/set2.css

40 -webkit-backface-visibility is a vendor extension
100 -webkit-transition is a vendor extension
102 -webkit-backface-visibility is a vendor extension
124 -webkit-transition is a vendor extension
126 -webkit-transform is a vendor extension
131 -webkit-transition-delay is a vendor extension
136 -webkit-transition-delay is a vendor extension
141 -webkit-transition-delay is a vendor extension
146 -webkit-transition-delay is a vendor extension
151 -webkit-transition-delay is a vendor extension
156 -webkit-transition-delay is a vendor extension
162 -webkit-transform is a vendor extension
168 -webkit-transform is a vendor extension
182 -webkit-transition is a vendor extension
187 -webkit-backface-visibility is a vendor extension
203 -webkit-transition is a vendor extension
205 -webkit-transform is a vendor extension
210 -webkit-transform is a vendor extension
215 -webkit-transform is a vendor extension
221 -webkit-transform is a vendor extension
242 -webkit-transition is a vendor extension
244 -webkit-transform is a vendor extension
246 -webkit-transform-origin is a vendor extension
259 -webkit-transition is a vendor extension
261 -webkit-transform is a vendor extension
263 -webkit-transform-origin is a vendor extension
285 -webkit-transition is a vendor extension
290 -webkit-transform is a vendor extension
295 -webkit-transform is a vendor extension
300 -webkit-transform is a vendor extension
305 -webkit-transform is a vendor extension
311 -webkit-transform is a vendor extension
317 -webkit-transform is a vendor extension
322 -webkit-transform is a vendor extension
337 -webkit-transition is a vendor extension
339 -webkit-backface-visibility is a vendor extension
352 -webkit-transition is a vendor extension
354 -webkit-transform is a vendor extension
356 -webkit-transform-origin is a vendor extension
361 -webkit-transition is a vendor extension
363 -webkit-transform is a vendor extension
387 -webkit-transition is a vendor extension
389 -webkit-transform is a vendor extension
398 -webkit-transform is a vendor extension
404 -webkit-transform is a vendor extension
410 -webkit-transform is a vendor extension
415 -webkit-transition-delay is a vendor extension
420 -webkit-transition-delay is a vendor extension
425 -webkit-transition-delay is a vendor extension
439 -webkit-transition is a vendor extension
441 -webkit-transform-origin is a vendor extension
446 -webkit-transform is a vendor extension
451 -webkit-transition is a vendor extension
453 -webkit-transform is a vendor extension
459 -webkit-transition is a vendor extension
461 -webkit-transform is a vendor extension
463 -webkit-transform-origin is a vendor extension
468 -webkit-transform is a vendor extension
493 -webkit-transition is a vendor extension
501 -webkit-transform is a vendor extension
509 -webkit-transform is a vendor extension
515 -webkit-transition is a vendor extension
529 -webkit-transition is a vendor extension
531 -webkit-transform is a vendor extension
555 -webkit-transform is a vendor extension
566 -webkit-transform is a vendor extension
577 -webkit-transform is a vendor extension
586 -webkit-transition-delay is a vendor extension
591 -webkit-transition-delay is a vendor extension
596 -webkit-transition-delay is a vendor extension
601 -webkit-transition-delay is a vendor extension
615 -webkit-transition is a vendor extension
632 -webkit-transition is a vendor extension
634 -webkit-transform is a vendor extension
636 -webkit-transform-origin is a vendor extension
642 -webkit-transform is a vendor extension
648 -webkit-transition is a vendor extension
650 -webkit-transform is a vendor extension
655 -webkit-transform is a vendor extension
665 -webkit-transition is a vendor extension
670 -webkit-transform is a vendor extension
675 -webkit-transform is a vendor extension
680 -webkit-transform is a vendor extension
686 -webkit-transform is a vendor extension
700 -webkit-transition is a vendor extension
702 -webkit-transform is a vendor extension
714 -webkit-transition is a vendor extension
716 -webkit-transform is a vendor extension
730 -webkit-transition is a vendor extension
740 -webkit-transform is a vendor extension
745 -webkit-transform is a vendor extension
751 -webkit-transition-delay is a vendor extension
765 -webkit-transition is a vendor extension
779 -webkit-transition is a vendor extension
781 -webkit-transform is a vendor extension
804 -webkit-transition is a vendor extension
806 -webkit-transform is a vendor extension
808 -webkit-transform-origin is a vendor extension
818 -webkit-transform is a vendor extension
824 -webkit-transform is a vendor extension
848 -webkit-transition is a vendor extension
863 -webkit-transition is a vendor extension
865 -webkit-transform is a vendor extension
890 -webkit-transition is a vendor extension
892 -webkit-transform is a vendor extension
901 -webkit-transform is a vendor extension
911 -webkit-transform is a vendor extension
920 -webkit-linear-gradient(-45deg,#EC65B7 0%,#05E0D8 100%) is a vendor extension
926 -webkit-transition is a vendor extension
943 -webkit-transition is a vendor extension
945 -webkit-transform is a vendor extension
954 -webkit-transition is a vendor extension
956 -webkit-transform is a vendor extension
961 -webkit-transform is a vendor extension
967 -webkit-transform is a vendor extension
980 -webkit-linear-gradient(-45deg,#f3cf3f 0%,#f33f58 100%) is a vendor extension
991 -webkit-transition is a vendor extension
1005 -webkit-transform is a vendor extension
1007 -webkit-transform-origin is a vendor extension
1014 -webkit-transform is a vendor extension
1020 -webkit-transition is a vendor extension
1033 -webkit-transform is a vendor extension
1039 -webkit-transform is a vendor extension
1046 -webkit-transform is a vendor extension
1060 -webkit-transition is a vendor extension
1074 -webkit-transition is a vendor extension
1076 -webkit-transform is a vendor extension
1082 -webkit-transition is a vendor extension
1089 -webkit-transition is a vendor extension
1091 -webkit-transform is a vendor extension
1096 -webkit-transform is a vendor extension
1103 -webkit-transform is a vendor extension
1120 -webkit-linear-gradient(-45deg,#000 0%,#fff 100%) is a vendor extension
1127 -webkit-calc is a vendor extension
1130 -webkit-transition is a vendor extension
1132 -webkit-transform is a vendor extension
1134 -webkit-backface-visibility is a vendor extension
1140 -webkit-transition is a vendor extension
1155 -webkit-transform is a vendor extension
1157 -webkit-transform-origin is a vendor extension
1163 -webkit-transform is a vendor extension
1169 -webkit-transition is a vendor extension
1171 -webkit-transform is a vendor extension
1183 -webkit-transform is a vendor extension
1189 -webkit-transform is a vendor extension
1196 -webkit-transform is a vendor extension
1205 -webkit-linear-gradient(-45deg,#34495e 0%,#cc6055 100%) is a vendor extension
1211 -webkit-transition is a vendor extension
1217 -webkit-transform is a vendor extension
1222 -webkit-transition is a vendor extension
1224 -webkit-transform is a vendor extension
1226 -webkit-transform-origin is a vendor extension
1240 -webkit-transform is a vendor extension
1242 -webkit-transform-origin is a vendor extension
1249 -webkit-transform is a vendor extension

URI : https://jaec.gov.jo/App_Themes/ThemeAr/CSS/font-awesome.min.css

4 -webkit-font-smoothing is a vendor extension
4 -moz-osx-font-smoothing is a vendor extension
4 -webkit-animation is a vendor extension
4 -webkit-animation is a vendor extension
4 Unrecognized at-rule @-webkit-keyframes
4 -webkit-transform is a vendor extension
4 -webkit-transform is a vendor extension
4 -ms-filter is a vendor extension
4 -webkit-transform is a vendor extension
4 -ms-transform is a vendor extension
4 -ms-filter is a vendor extension
4 -webkit-transform is a vendor extension
4 -ms-transform is a vendor extension
4 -ms-filter is a vendor extension
4 -webkit-transform is a vendor extension
4 -ms-transform is a vendor extension
4 -ms-filter is a vendor extension
4 -webkit-transform is a vendor extension
4 -ms-transform is a vendor extension
4 -ms-filter is a vendor extension
4 -webkit-transform is a vendor extension
4 -ms-transform is a vendor extension
4 The property clip is deprecated
4 The property clip is deprecated

URI : https://jaec.gov.jo/App_Themes/ThemeAr/CSS/hover.css

15 -webkit-transform is a vendor extension
18 -webkit-transition-duration is a vendor extension
20 -webkit-transition-property is a vendor extension
24 -webkit-transform is a vendor extension
32 -webkit-transform is a vendor extension
35 -webkit-transition-duration is a vendor extension
37 -webkit-transition-property is a vendor extension
41 -webkit-transform is a vendor extension
46 Unrecognized at-rule @-webkit-keyframes
58 -webkit-transform is a vendor extension
62 -webkit-transform is a vendor extension
69 -webkit-transform is a vendor extension
74 -webkit-animation-name is a vendor extension
76 -webkit-animation-duration is a vendor extension
78 -webkit-animation-timing-function is a vendor extension
80 -webkit-animation-iteration-count is a vendor extension
85 Unrecognized at-rule @-webkit-keyframes
93 -webkit-transform is a vendor extension
100 -webkit-transform is a vendor extension
105 -webkit-animation-name is a vendor extension
107 -webkit-animation-duration is a vendor extension
109 -webkit-animation-timing-function is a vendor extension
111 -webkit-animation-iteration-count is a vendor extension
113 -webkit-animation-direction is a vendor extension
118 Unrecognized at-rule @-webkit-keyframes
126 -webkit-transform is a vendor extension
133 -webkit-transform is a vendor extension
138 -webkit-animation-name is a vendor extension
140 -webkit-animation-duration is a vendor extension
142 -webkit-animation-timing-function is a vendor extension
144 -webkit-animation-iteration-count is a vendor extension
146 -webkit-animation-direction is a vendor extension
151 Unrecognized at-rule @-webkit-keyframes
163 -webkit-transform is a vendor extension
167 -webkit-transform is a vendor extension
174 -webkit-transform is a vendor extension
179 -webkit-animation-name is a vendor extension
181 -webkit-animation-duration is a vendor extension
183 -webkit-animation-timing-function is a vendor extension
185 -webkit-animation-iteration-count is a vendor extension
190 Unrecognized at-rule @-webkit-keyframes
198 -webkit-transform is a vendor extension
205 -webkit-transform is a vendor extension
210 -webkit-animation-name is a vendor extension
212 -webkit-animation-duration is a vendor extension
214 -webkit-animation-timing-function is a vendor extension
216 -webkit-animation-iteration-count is a vendor extension
224 -webkit-transform is a vendor extension
227 -webkit-transition-duration is a vendor extension
231 -webkit-transform is a vendor extension
233 -webkit-transition-timing-function is a vendor extension
241 -webkit-transform is a vendor extension
244 -webkit-transition-duration is a vendor extension
248 -webkit-transform is a vendor extension
250 -webkit-transition-timing-function is a vendor extension
258 -webkit-transform is a vendor extension
261 -webkit-transition-duration is a vendor extension
263 -webkit-transition-property is a vendor extension
267 -webkit-transform is a vendor extension
275 -webkit-transform is a vendor extension
278 -webkit-transition-duration is a vendor extension
280 -webkit-transition-property is a vendor extension
284 -webkit-transform is a vendor extension
292 -webkit-transform is a vendor extension
295 -webkit-transition-duration is a vendor extension
297 -webkit-transition-property is a vendor extension
299 -webkit-transition-timing-function is a vendor extension
303 -webkit-transform is a vendor extension
311 -webkit-transform is a vendor extension
314 -webkit-transition-duration is a vendor extension
316 -webkit-transition-property is a vendor extension
318 -webkit-transition-timing-function is a vendor extension
322 -webkit-transform is a vendor extension
327 Unrecognized at-rule @-webkit-keyframes
343 -webkit-transform is a vendor extension
347 -webkit-transform is a vendor extension
351 -webkit-transform is a vendor extension
355 Unrecognized at-rule @-webkit-keyframes
363 -webkit-transform is a vendor extension
370 -webkit-transform is a vendor extension
375 -webkit-animation-name is a vendor extension
377 -webkit-animation-duration is a vendor extension
379 -webkit-animation-delay is a vendor extension
381 -webkit-animation-timing-function is a vendor extension
383 -webkit-animation-iteration-count is a vendor extension
385 -webkit-animation-fill-mode is a vendor extension
387 -webkit-animation-direction is a vendor extension
392 Unrecognized at-rule @-webkit-keyframes
408 -webkit-transform is a vendor extension
412 -webkit-transform is a vendor extension
416 -webkit-transform is a vendor extension
420 Unrecognized at-rule @-webkit-keyframes
428 -webkit-transform is a vendor extension
435 -webkit-transform is a vendor extension
440 -webkit-animation-name is a vendor extension
442 -webkit-animation-duration is a vendor extension
444 -webkit-animation-delay is a vendor extension
446 -webkit-animation-timing-function is a vendor extension
448 -webkit-animation-iteration-count is a vendor extension
450 -webkit-animation-fill-mode is a vendor extension
452 -webkit-animation-direction is a vendor extension
460 -webkit-transform is a vendor extension
463 -webkit-transition-duration is a vendor extension
465 -webkit-transition-property is a vendor extension
469 -webkit-transform is a vendor extension
477 -webkit-transform is a vendor extension
480 -webkit-transition-duration is a vendor extension
482 -webkit-transition-property is a vendor extension
484 -webkit-transform-origin is a vendor extension
488 -webkit-transform is a vendor extension
496 -webkit-transform is a vendor extension
499 -webkit-transition-duration is a vendor extension
501 -webkit-transition-property is a vendor extension
503 -webkit-transform-origin is a vendor extension
507 -webkit-transform is a vendor extension
512 Unrecognized at-rule @-webkit-keyframes
540 -webkit-transform is a vendor extension
544 -webkit-transform is a vendor extension
548 -webkit-transform is a vendor extension
552 -webkit-transform is a vendor extension
556 -webkit-transform is a vendor extension
560 -webkit-transform is a vendor extension
567 -webkit-transform is a vendor extension
572 -webkit-animation-name is a vendor extension
574 -webkit-animation-duration is a vendor extension
576 -webkit-animation-timing-function is a vendor extension
578 -webkit-animation-iteration-count is a vendor extension
583 Unrecognized at-rule @-webkit-keyframes
611 -webkit-transform is a vendor extension
615 -webkit-transform is a vendor extension
619 -webkit-transform is a vendor extension
623 -webkit-transform is a vendor extension
627 -webkit-transform is a vendor extension
631 -webkit-transform is a vendor extension
638 -webkit-transform is a vendor extension
643 -webkit-animation-name is a vendor extension
645 -webkit-animation-duration is a vendor extension
647 -webkit-animation-timing-function is a vendor extension
649 -webkit-animation-iteration-count is a vendor extension
654 Unrecognized at-rule @-webkit-keyframes
682 -webkit-transform is a vendor extension
686 -webkit-transform is a vendor extension
690 -webkit-transform is a vendor extension
694 -webkit-transform is a vendor extension
698 -webkit-transform is a vendor extension
702 -webkit-transform is a vendor extension
709 -webkit-transform is a vendor extension
714 -webkit-animation-name is a vendor extension
716 -webkit-animation-duration is a vendor extension
718 -webkit-animation-timing-function is a vendor extension
720 -webkit-animation-iteration-count is a vendor extension
725 Unrecognized at-rule @-webkit-keyframes
753 -webkit-transform is a vendor extension
757 -webkit-transform is a vendor extension
761 -webkit-transform is a vendor extension
765 -webkit-transform is a vendor extension
769 -webkit-transform is a vendor extension
773 -webkit-transform is a vendor extension
780 -webkit-transform is a vendor extension
785 -webkit-animation-name is a vendor extension
787 -webkit-animation-duration is a vendor extension
789 -webkit-animation-timing-function is a vendor extension
791 -webkit-animation-iteration-count is a vendor extension
796 Unrecognized at-rule @-webkit-keyframes
824 -webkit-transform is a vendor extension
828 -webkit-transform is a vendor extension
832 -webkit-transform is a vendor extension
836 -webkit-transform is a vendor extension
840 -webkit-transform is a vendor extension
844 -webkit-transform is a vendor extension
851 -webkit-transform is a vendor extension
854 -webkit-transform-origin is a vendor extension
858 -webkit-animation-name is a vendor extension
860 -webkit-animation-duration is a vendor extension
862 -webkit-animation-timing-function is a vendor extension
864 -webkit-animation-iteration-count is a vendor extension
869 Unrecognized at-rule @-webkit-keyframes
897 -webkit-transform is a vendor extension
901 -webkit-transform is a vendor extension
905 -webkit-transform is a vendor extension
909 -webkit-transform is a vendor extension
913 -webkit-transform is a vendor extension
917 -webkit-transform is a vendor extension
924 -webkit-transform is a vendor extension
927 -webkit-transform-origin is a vendor extension
931 -webkit-animation-name is a vendor extension
933 -webkit-animation-duration is a vendor extension
935 -webkit-animation-timing-function is a vendor extension
937 -webkit-animation-iteration-count is a vendor extension
942 Unrecognized at-rule @-webkit-keyframes
970 -webkit-transform is a vendor extension
974 -webkit-transform is a vendor extension
978 -webkit-transform is a vendor extension
982 -webkit-transform is a vendor extension
986 -webkit-transform is a vendor extension
990 -webkit-transform is a vendor extension
997 -webkit-transform is a vendor extension
1002 -webkit-animation-name is a vendor extension
1004 -webkit-animation-duration is a vendor extension
1006 -webkit-animation-timing-function is a vendor extension
1008 -webkit-animation-iteration-count is a vendor extension
1013 Unrecognized at-rule @-webkit-keyframes
1025 -webkit-transform is a vendor extension
1029 -webkit-transform is a vendor extension
1036 -webkit-transform is a vendor extension
1041 -webkit-animation-name is a vendor extension
1043 -webkit-animation-duration is a vendor extension
1045 -webkit-animation-timing-function is a vendor extension
1047 -webkit-animation-iteration-count is a vendor extension
1052 Unrecognized at-rule @-webkit-keyframes
1096 -webkit-transform is a vendor extension
1100 -webkit-transform is a vendor extension
1104 -webkit-transform is a vendor extension
1108 -webkit-transform is a vendor extension
1112 -webkit-transform is a vendor extension
1116 -webkit-transform is a vendor extension
1120 -webkit-transform is a vendor extension
1124 -webkit-transform is a vendor extension
1128 -webkit-transform is a vendor extension
1132 -webkit-transform is a vendor extension
1139 -webkit-transform is a vendor extension
1144 -webkit-animation-name is a vendor extension
1146 -webkit-animation-duration is a vendor extension
1148 -webkit-animation-timing-function is a vendor extension
1150 -webkit-animation-iteration-count is a vendor extension
1158 -webkit-transform is a vendor extension
1161 -webkit-transition-duration is a vendor extension
1163 -webkit-transition-property is a vendor extension
1167 -webkit-transform is a vendor extension
1175 -webkit-transform is a vendor extension
1178 -webkit-transition-duration is a vendor extension
1180 -webkit-transition-property is a vendor extension
1184 -webkit-transform is a vendor extension
1193 -webkit-transform is a vendor extension
1197 -webkit-transition-duration is a vendor extension
1199 -webkit-transition-property is a vendor extension
1208 Unrecognized at-rule @-webkit-keyframes
1221 -webkit-transform is a vendor extension
1225 -webkit-transition-duration is a vendor extension
1227 -webkit-transition-property is a vendor extension
1231 -webkit-animation-name is a vendor extension
1233 -webkit-animation-duration is a vendor extension
1235 -webkit-animation-delay is a vendor extension
1237 -webkit-animation-timing-function is a vendor extension
1239 -webkit-animation-iteration-count is a vendor extension
1250 -webkit-transform is a vendor extension
1254 -webkit-transition-property is a vendor extension
1256 -webkit-transition-duration is a vendor extension
1268 -webkit-transform is a vendor extension
1270 -webkit-transform-origin is a vendor extension
1272 -webkit-transition-property is a vendor extension
1274 -webkit-transition-duration is a vendor extension
1276 -webkit-transition-timing-function is a vendor extension
1283 -webkit-transform is a vendor extension
1291 -webkit-transform is a vendor extension
1295 -webkit-transition-property is a vendor extension
1297 -webkit-transition-duration is a vendor extension
1309 -webkit-transform is a vendor extension
1311 -webkit-transform-origin is a vendor extension
1313 -webkit-transition-property is a vendor extension
1315 -webkit-transition-duration is a vendor extension
1317 -webkit-transition-timing-function is a vendor extension
1324 -webkit-transform is a vendor extension
1332 -webkit-transform is a vendor extension
1336 -webkit-transition-property is a vendor extension
1338 -webkit-transition-duration is a vendor extension
1350 -webkit-transform is a vendor extension
1352 -webkit-transform-origin is a vendor extension
1354 -webkit-transition-property is a vendor extension
1356 -webkit-transition-duration is a vendor extension
1358 -webkit-transition-timing-function is a vendor extension
1365 -webkit-transform is a vendor extension
1373 -webkit-transform is a vendor extension
1377 -webkit-transition-property is a vendor extension
1379 -webkit-transition-duration is a vendor extension
1391 -webkit-transform is a vendor extension
1393 -webkit-transform-origin is a vendor extension
1395 -webkit-transition-property is a vendor extension
1397 -webkit-transition-duration is a vendor extension
1399 -webkit-transition-timing-function is a vendor extension
1406 -webkit-transform is a vendor extension
1414 -webkit-transform is a vendor extension
1418 -webkit-transition-property is a vendor extension
1420 -webkit-transition-duration is a vendor extension
1432 -webkit-transform is a vendor extension
1434 -webkit-transform-origin is a vendor extension
1436 -webkit-transition-property is a vendor extension
1438 -webkit-transition-duration is a vendor extension
1440 -webkit-transition-timing-function is a vendor extension
1447 -webkit-transform is a vendor extension
1449 -webkit-transition-timing-function is a vendor extension
1457 -webkit-transform is a vendor extension
1461 -webkit-transition-property is a vendor extension
1463 -webkit-transition-duration is a vendor extension
1475 -webkit-transform is a vendor extension
1477 -webkit-transform-origin is a vendor extension
1479 -webkit-transition-property is a vendor extension
1481 -webkit-transition-duration is a vendor extension
1483 -webkit-transition-timing-function is a vendor extension
1490 -webkit-transform is a vendor extension
1492 -webkit-transition-timing-function is a vendor extension
1500 -webkit-transform is a vendor extension
1504 -webkit-transition-property is a vendor extension
1506 -webkit-transition-duration is a vendor extension
1518 -webkit-transform is a vendor extension
1520 -webkit-transform-origin is a vendor extension
1522 -webkit-transition-property is a vendor extension
1524 -webkit-transition-duration is a vendor extension
1526 -webkit-transition-timing-function is a vendor extension
1533 -webkit-transform is a vendor extension
1535 -webkit-transition-timing-function is a vendor extension
1543 -webkit-transform is a vendor extension
1547 -webkit-transition-property is a vendor extension
1549 -webkit-transition-duration is a vendor extension
1561 -webkit-transform is a vendor extension
1563 -webkit-transform-origin is a vendor extension
1565 -webkit-transition-property is a vendor extension
1567 -webkit-transition-duration is a vendor extension
1569 -webkit-transition-timing-function is a vendor extension
1576 -webkit-transform is a vendor extension
1578 -webkit-transition-timing-function is a vendor extension
1586 -webkit-transform is a vendor extension
1592 -webkit-transition-property is a vendor extension
1594 -webkit-transition-duration is a vendor extension
1607 -webkit-transform is a vendor extension
1609 -webkit-transition-property is a vendor extension
1611 -webkit-transition-duration is a vendor extension
1613 -webkit-transition-timing-function is a vendor extension
1620 -webkit-transform is a vendor extension
1628 -webkit-transform is a vendor extension
1634 -webkit-transition-property is a vendor extension
1636 -webkit-transition-duration is a vendor extension
1649 -webkit-transform is a vendor extension
1651 -webkit-transition-property is a vendor extension
1653 -webkit-transition-duration is a vendor extension
1655 -webkit-transition-timing-function is a vendor extension
1662 -webkit-transform is a vendor extension
1670 -webkit-transform is a vendor extension
1675 -webkit-transition-property is a vendor extension
1677 -webkit-transition-duration is a vendor extension
1689 -webkit-transform is a vendor extension
1691 -webkit-transition-property is a vendor extension
1693 -webkit-transition-duration is a vendor extension
1695 -webkit-transition-timing-function is a vendor extension
1702 -webkit-transform is a vendor extension
1710 -webkit-transform is a vendor extension
1715 -webkit-transition-property is a vendor extension
1717 -webkit-transition-duration is a vendor extension
1729 -webkit-transform is a vendor extension
1731 -webkit-transition-property is a vendor extension
1733 -webkit-transition-duration is a vendor extension
1735 -webkit-transition-timing-function is a vendor extension
1742 -webkit-transform is a vendor extension
1750 -webkit-transform is a vendor extension
1755 -webkit-transition-property is a vendor extension
1757 -webkit-transition-duration is a vendor extension
1769 -webkit-transform is a vendor extension
1771 -webkit-transform-origin is a vendor extension
1773 -webkit-transition-property is a vendor extension
1775 -webkit-transition-duration is a vendor extension
1777 -webkit-transition-timing-function is a vendor extension
1784 -webkit-transform is a vendor extension
1792 -webkit-transform is a vendor extension
1797 -webkit-transition-property is a vendor extension
1799 -webkit-transition-duration is a vendor extension
1811 -webkit-transform is a vendor extension
1813 -webkit-transform-origin is a vendor extension
1815 -webkit-transition-property is a vendor extension
1817 -webkit-transition-duration is a vendor extension
1819 -webkit-transition-timing-function is a vendor extension
1826 -webkit-transform is a vendor extension
1834 -webkit-transform is a vendor extension
1839 -webkit-transition-property is a vendor extension
1841 -webkit-transition-duration is a vendor extension
1853 -webkit-transform is a vendor extension
1855 -webkit-transform-origin is a vendor extension
1857 -webkit-transition-property is a vendor extension
1859 -webkit-transition-duration is a vendor extension
1861 -webkit-transition-timing-function is a vendor extension
1868 -webkit-transform is a vendor extension
1876 -webkit-transform is a vendor extension
1881 -webkit-transition-property is a vendor extension
1883 -webkit-transition-duration is a vendor extension
1895 -webkit-transform is a vendor extension
1897 -webkit-transform-origin is a vendor extension
1899 -webkit-transition-property is a vendor extension
1901 -webkit-transition-duration is a vendor extension
1903 -webkit-transition-timing-function is a vendor extension
1910 -webkit-transform is a vendor extension
1919 -webkit-transform is a vendor extension
1922 -webkit-transition-duration is a vendor extension
1924 -webkit-transition-property is a vendor extension
1938 -webkit-transform is a vendor extension
1941 -webkit-transition-duration is a vendor extension
1943 -webkit-transition-property is a vendor extension
1956 -webkit-transform is a vendor extension
1970 -webkit-transition-duration is a vendor extension
1972 -webkit-transition-property is a vendor extension
1980 Unrecognized at-rule @-webkit-keyframes
2001 -webkit-transform is a vendor extension
2014 -webkit-animation-duration is a vendor extension
2018 -webkit-animation-name is a vendor extension
2023 Unrecognized at-rule @-webkit-keyframes
2044 -webkit-transform is a vendor extension
2058 -webkit-animation-duration is a vendor extension
2062 -webkit-animation-name is a vendor extension
2070 -webkit-transform is a vendor extension
2083 -webkit-transition-duration is a vendor extension
2085 -webkit-transition-property is a vendor extension
2099 -webkit-transform is a vendor extension
2114 -webkit-transition-duration is a vendor extension
2116 -webkit-transition-property is a vendor extension
2131 -webkit-transform is a vendor extension
2134 -webkit-transition-duration is a vendor extension
2136 -webkit-transition-property is a vendor extension
2147 -webkit-transform is a vendor extension
2162 -webkit-transition-property is a vendor extension
2164 -webkit-transition-duration is a vendor extension
2166 -webkit-transition-timing-function is a vendor extension
2177 -webkit-transform is a vendor extension
2192 -webkit-transition-property is a vendor extension
2194 -webkit-transition-duration is a vendor extension
2196 -webkit-transition-timing-function is a vendor extension
2208 -webkit-transform is a vendor extension
2223 -webkit-transition-property is a vendor extension
2225 -webkit-transition-duration is a vendor extension
2227 -webkit-transition-timing-function is a vendor extension
2238 -webkit-transform is a vendor extension
2253 -webkit-transition-property is a vendor extension
2255 -webkit-transition-duration is a vendor extension
2257 -webkit-transition-timing-function is a vendor extension
2268 -webkit-transform is a vendor extension
2283 -webkit-transition-property is a vendor extension
2285 -webkit-transition-duration is a vendor extension
2287 -webkit-transition-timing-function is a vendor extension
2299 -webkit-transform is a vendor extension
2314 -webkit-transition-property is a vendor extension
2316 -webkit-transition-duration is a vendor extension
2318 -webkit-transition-timing-function is a vendor extension
2329 -webkit-transform is a vendor extension
2346 -webkit-transition-property is a vendor extension
2348 -webkit-transition-duration is a vendor extension
2350 -webkit-transition-timing-function is a vendor extension
2354 -webkit-transform is a vendor extension
2363 -webkit-transform is a vendor extension
2378 -webkit-transform is a vendor extension
2380 -webkit-transition-property is a vendor extension
2382 -webkit-transition-duration is a vendor extension
2384 -webkit-transition-timing-function is a vendor extension
2388 -webkit-transform is a vendor extension
2396 -webkit-transform is a vendor extension
2411 -webkit-transform is a vendor extension
2413 -webkit-transition-property is a vendor extension
2415 -webkit-transition-duration is a vendor extension
2417 -webkit-transition-timing-function is a vendor extension
2421 -webkit-transform is a vendor extension
2430 -webkit-transform is a vendor extension
2433 -webkit-transition-duration is a vendor extension
2435 -webkit-transition-property is a vendor extension
2446 -webkit-transform is a vendor extension
2449 -webkit-transition-duration is a vendor extension
2451 -webkit-transition-property is a vendor extension
2462 -webkit-transform is a vendor extension
2465 -webkit-transition-duration is a vendor extension
2467 -webkit-transition-property is a vendor extension
2472 -webkit-transform is a vendor extension
2480 -webkit-transform is a vendor extension
2483 -webkit-transition-duration is a vendor extension
2485 -webkit-transition-property is a vendor extension
2496 -webkit-transform is a vendor extension
2499 -webkit-transition-duration is a vendor extension
2501 -webkit-transition-property is a vendor extension
2515 -webkit-transform is a vendor extension
2519 -webkit-transition-duration is a vendor extension
2521 -webkit-transition-property is a vendor extension
2534 -webkit-radial-gradient(center,ellipse,rgb(0, 0, 0, 0.35) 0%,transparent 80%) is a vendor extension
2537 -webkit-transition-duration is a vendor extension
2539 -webkit-transition-property is a vendor extension
2543 -webkit-transform is a vendor extension
2549 -webkit-transform is a vendor extension
2558 -webkit-transform is a vendor extension
2573 -webkit-transition-duration is a vendor extension
2575 -webkit-transition-property is a vendor extension
2580 -webkit-radial-gradient(50% 150%,ellipse,rgb(0, 0, 0, 0.6) 0%,transparent 80%) is a vendor extension
2585 -webkit-radial-gradient(50% -50%,ellipse,rgb(0, 0, 0, 0.6) 0%,transparent 80%) is a vendor extension
2597 -webkit-transform is a vendor extension
2608 -webkit-transition-duration is a vendor extension
2610 -webkit-transition-property is a vendor extension
2618 -webkit-transform is a vendor extension
2626 -webkit-transform is a vendor extension
2637 -webkit-transition-duration is a vendor extension
2639 -webkit-transition-property is a vendor extension
2647 -webkit-transform is a vendor extension
2655 -webkit-transform is a vendor extension
2666 -webkit-transition-duration is a vendor extension
2668 -webkit-transition-property is a vendor extension
2676 -webkit-transform is a vendor extension
2684 -webkit-transform is a vendor extension
2695 -webkit-transition-duration is a vendor extension
2697 -webkit-transition-property is a vendor extension
2705 -webkit-transform is a vendor extension
2713 -webkit-transform is a vendor extension
2717 -webkit-transition-duration is a vendor extension
2719 -webkit-transition-property is a vendor extension
2731 -webkit-transition-duration is a vendor extension
2733 -webkit-transition-property is a vendor extension
2737 -webkit-transform is a vendor extension
2741 -webkit-transform is a vendor extension
2749 -webkit-transform is a vendor extension
2753 -webkit-transition-duration is a vendor extension
2755 -webkit-transition-property is a vendor extension
2767 -webkit-transition-duration is a vendor extension
2769 -webkit-transition-property is a vendor extension
2773 -webkit-transform is a vendor extension
2777 -webkit-transform is a vendor extension
2785 -webkit-transform is a vendor extension
2789 -webkit-transition-duration is a vendor extension
2791 -webkit-transition-property is a vendor extension
2803 -webkit-transition-duration is a vendor extension
2805 -webkit-transition-property is a vendor extension
2809 -webkit-transform is a vendor extension
2813 -webkit-transform is a vendor extension
2821 -webkit-transform is a vendor extension
2825 -webkit-transition-duration is a vendor extension
2827 -webkit-transition-property is a vendor extension
2839 -webkit-transition-duration is a vendor extension
2841 -webkit-transition-property is a vendor extension
2845 -webkit-transform is a vendor extension
2849 -webkit-transform is a vendor extension
2858 -webkit-transform is a vendor extension
2863 -webkit-transition-duration is a vendor extension
2872 -webkit-transform is a vendor extension
2874 -webkit-transition-duration is a vendor extension
2876 -webkit-transition-property is a vendor extension
2878 -webkit-transition-timing-function is a vendor extension
2882 -webkit-transform is a vendor extension
2890 -webkit-transform is a vendor extension
2895 -webkit-transition-duration is a vendor extension
2904 -webkit-transform is a vendor extension
2906 -webkit-transition-duration is a vendor extension
2908 -webkit-transition-property is a vendor extension
2910 -webkit-transition-timing-function is a vendor extension
2914 -webkit-transform is a vendor extension
2919 Unrecognized at-rule @-webkit-keyframes
2936 -webkit-transform is a vendor extension
2941 -webkit-transform is a vendor extension
2949 -webkit-transform is a vendor extension
2961 -webkit-transform is a vendor extension
2965 -webkit-animation-name is a vendor extension
2967 -webkit-animation-duration is a vendor extension
2969 -webkit-animation-timing-function is a vendor extension
2974 Unrecognized at-rule @-webkit-keyframes
2991 -webkit-transform is a vendor extension
2996 -webkit-transform is a vendor extension
3004 -webkit-transform is a vendor extension
3016 -webkit-transform is a vendor extension
3020 -webkit-animation-name is a vendor extension
3022 -webkit-animation-duration is a vendor extension
3024 -webkit-animation-timing-function is a vendor extension
3032 -webkit-transform is a vendor extension
3044 -webkit-transition-duration is a vendor extension
3046 -webkit-transition-property is a vendor extension
3048 -webkit-transition-timing-function is a vendor extension
3052 -webkit-transform is a vendor extension
3057 Unrecognized at-rule @-webkit-keyframes
3077 -webkit-transform is a vendor extension
3089 -webkit-transform is a vendor extension
3102 -webkit-transform is a vendor extension
3107 -webkit-transition-duration is a vendor extension
3109 -webkit-animation-name is a vendor extension
3111 -webkit-animation-duration is a vendor extension
3113 -webkit-animation-delay is a vendor extension
3115 -webkit-animation-fill-mode is a vendor extension
3117 -webkit-animation-timing-function is a vendor extension
3119 -webkit-animation-timing-function is a vendor extension
3127 -webkit-transform is a vendor extension
3139 -webkit-transform is a vendor extension
3141 -webkit-transition-duration is a vendor extension
3143 -webkit-transition-property is a vendor extension
3151 Unrecognized at-rule @-webkit-keyframes
3167 -webkit-transform is a vendor extension
3175 -webkit-transform is a vendor extension
3190 -webkit-animation-duration is a vendor extension
3192 -webkit-animation-fill-mode is a vendor extension
3196 -webkit-animation-name is a vendor extension
3198 -webkit-animation-timing-function is a vendor extension
3203 Unrecognized at-rule @-webkit-keyframes
3219 -webkit-transform is a vendor extension
3227 -webkit-transform is a vendor extension
3239 -webkit-transform is a vendor extension
3244 -webkit-animation-duration is a vendor extension
3246 -webkit-animation-fill-mode is a vendor extension
3250 -webkit-animation-name is a vendor extension
3252 -webkit-animation-timing-function is a vendor extension
3260 -webkit-transform is a vendor extension
3265 -webkit-transition-duration is a vendor extension
3274 -webkit-transform is a vendor extension
3276 -webkit-transition-duration is a vendor extension
3278 -webkit-transition-property is a vendor extension
3280 -webkit-transition-timing-function is a vendor extension
3284 -webkit-transform is a vendor extension
3292 -webkit-transform is a vendor extension
3297 -webkit-transition-duration is a vendor extension
3306 -webkit-transform is a vendor extension
3308 -webkit-transition-duration is a vendor extension
3310 -webkit-transition-property is a vendor extension
3312 -webkit-transition-timing-function is a vendor extension
3316 -webkit-transform is a vendor extension
3321 Unrecognized at-rule @-webkit-keyframes
3333 -webkit-transform is a vendor extension
3337 -webkit-transform is a vendor extension
3344 -webkit-transform is a vendor extension
3356 -webkit-transform is a vendor extension
3358 -webkit-transition-timing-function is a vendor extension
3362 -webkit-animation-name is a vendor extension
3364 -webkit-animation-duration is a vendor extension
3366 -webkit-animation-timing-function is a vendor extension
3368 -webkit-animation-iteration-count is a vendor extension
3373 Unrecognized at-rule @-webkit-keyframes
3381 -webkit-transform is a vendor extension
3388 -webkit-transform is a vendor extension
3400 -webkit-transform is a vendor extension
3402 -webkit-transition-timing-function is a vendor extension
3406 -webkit-animation-name is a vendor extension
3408 -webkit-animation-duration is a vendor extension
3410 -webkit-animation-timing-function is a vendor extension
3412 -webkit-animation-iteration-count is a vendor extension
3414 -webkit-animation-direction is a vendor extension
3419 Unrecognized at-rule @-webkit-keyframes
3427 -webkit-transform is a vendor extension
3434 -webkit-transform is a vendor extension
3446 -webkit-transform is a vendor extension
3448 -webkit-transition-timing-function is a vendor extension
3452 -webkit-animation-name is a vendor extension
3454 -webkit-animation-duration is a vendor extension
3456 -webkit-animation-timing-function is a vendor extension
3458 -webkit-animation-iteration-count is a vendor extension
3460 -webkit-animation-direction is a vendor extension
3465 Unrecognized at-rule @-webkit-keyframes
3473 -webkit-transform is a vendor extension
3480 -webkit-transform is a vendor extension
3485 -webkit-transition-duration is a vendor extension
3494 -webkit-transform is a vendor extension
3496 -webkit-transition-duration is a vendor extension
3498 -webkit-transition-property is a vendor extension
3500 -webkit-transition-timing-function is a vendor extension
3504 -webkit-animation-name is a vendor extension
3506 -webkit-animation-duration is a vendor extension
3508 -webkit-animation-timing-function is a vendor extension
3510 -webkit-animation-iteration-count is a vendor extension
3515 Unrecognized at-rule @-webkit-keyframes
3523 -webkit-transform is a vendor extension
3530 -webkit-transform is a vendor extension
3535 -webkit-transition-duration is a vendor extension
3544 -webkit-transform is a vendor extension
3546 -webkit-transition-duration is a vendor extension
3548 -webkit-transition-property is a vendor extension
3550 -webkit-transition-timing-function is a vendor extension
3554 -webkit-animation-name is a vendor extension
3556 -webkit-animation-duration is a vendor extension
3558 -webkit-animation-timing-function is a vendor extension
3560 -webkit-animation-iteration-count is a vendor extension
3568 -webkit-transform is a vendor extension
3573 -webkit-transition-duration is a vendor extension
3582 -webkit-transform is a vendor extension
3584 -webkit-transition-duration is a vendor extension
3586 -webkit-transition-property is a vendor extension
3588 -webkit-transition-timing-function is a vendor extension
3592 -webkit-transform is a vendor extension
3594 -webkit-transition-timing-function is a vendor extension
3602 -webkit-transform is a vendor extension
3607 -webkit-transition-duration is a vendor extension
3616 -webkit-transform is a vendor extension
3618 -webkit-transition-duration is a vendor extension
3620 -webkit-transition-property is a vendor extension
3622 -webkit-transition-timing-function is a vendor extension
3626 -webkit-transform is a vendor extension
3634 -webkit-transform is a vendor extension
3639 -webkit-transition-duration is a vendor extension
3648 -webkit-transform is a vendor extension
3650 -webkit-transition-duration is a vendor extension
3652 -webkit-transition-property is a vendor extension
3654 -webkit-transition-timing-function is a vendor extension
3658 -webkit-transform is a vendor extension
3666 -webkit-transform is a vendor extension
3671 -webkit-transition-duration is a vendor extension
3680 -webkit-transform is a vendor extension
3682 -webkit-transition-duration is a vendor extension
3684 -webkit-transition-property is a vendor extension
3686 -webkit-transition-timing-function is a vendor extension
3690 -webkit-transform is a vendor extension
3698 -webkit-transform is a vendor extension
3703 -webkit-transition-duration is a vendor extension
3712 -webkit-transform is a vendor extension
3714 -webkit-transition-duration is a vendor extension
3716 -webkit-transition-property is a vendor extension
3718 -webkit-transition-timing-function is a vendor extension
3722 -webkit-transform is a vendor extension
3727 Unrecognized at-rule @-webkit-keyframes
3743 -webkit-transform is a vendor extension
3747 -webkit-transform is a vendor extension
3751 -webkit-transform is a vendor extension
3755 Unrecognized at-rule @-webkit-keyframes
3763 -webkit-transform is a vendor extension
3770 -webkit-transform is a vendor extension
3775 -webkit-transition-duration is a vendor extension
3784 -webkit-transform is a vendor extension
3788 -webkit-animation-name is a vendor extension
3790 -webkit-animation-duration is a vendor extension
3792 -webkit-animation-delay is a vendor extension
3794 -webkit-animation-timing-function is a vendor extension
3796 -webkit-animation-iteration-count is a vendor extension
3798 -webkit-animation-fill-mode is a vendor extension
3800 -webkit-animation-direction is a vendor extension
3805 Unrecognized at-rule @-webkit-keyframes
3821 -webkit-transform is a vendor extension
3825 -webkit-transform is a vendor extension
3829 -webkit-transform is a vendor extension
3833 Unrecognized at-rule @-webkit-keyframes
3841 -webkit-transform is a vendor extension
3848 -webkit-transform is a vendor extension
3853 -webkit-transition-duration is a vendor extension
3862 -webkit-transform is a vendor extension
3866 -webkit-animation-name is a vendor extension
3868 -webkit-animation-duration is a vendor extension
3870 -webkit-animation-delay is a vendor extension
3872 -webkit-animation-timing-function is a vendor extension
3874 -webkit-animation-iteration-count is a vendor extension
3876 -webkit-animation-fill-mode is a vendor extension
3878 -webkit-animation-direction is a vendor extension
3883 Unrecognized at-rule @-webkit-keyframes
3911 -webkit-transform is a vendor extension
3915 -webkit-transform is a vendor extension
3919 -webkit-transform is a vendor extension
3923 -webkit-transform is a vendor extension
3927 -webkit-transform is a vendor extension
3931 -webkit-transform is a vendor extension
3938 -webkit-transform is a vendor extension
3943 -webkit-transition-duration is a vendor extension
3952 -webkit-transform is a vendor extension
3956 -webkit-animation-name is a vendor extension
3958 -webkit-animation-duration is a vendor extension
3960 -webkit-animation-timing-function is a vendor extension
3962 -webkit-animation-iteration-count is a vendor extension
3967 Unrecognized at-rule @-webkit-keyframes
3995 -webkit-transform is a vendor extension
3999 -webkit-transform is a vendor extension
4003 -webkit-transform is a vendor extension
4007 -webkit-transform is a vendor extension
4011 -webkit-transform is a vendor extension
4015 -webkit-transform is a vendor extension
4022 -webkit-transform is a vendor extension
4027 -webkit-transition-duration is a vendor extension
4036 -webkit-transform is a vendor extension
4040 -webkit-animation-name is a vendor extension
4042 -webkit-animation-duration is a vendor extension
4044 -webkit-animation-timing-function is a vendor extension
4046 -webkit-animation-iteration-count is a vendor extension
4051 Unrecognized at-rule @-webkit-keyframes
4063 -webkit-transform is a vendor extension
4067 -webkit-transform is a vendor extension
4074 -webkit-transform is a vendor extension
4079 -webkit-transition-duration is a vendor extension
4088 -webkit-transform is a vendor extension
4092 -webkit-animation-name is a vendor extension
4094 -webkit-animation-duration is a vendor extension
4096 -webkit-animation-timing-function is a vendor extension
4098 -webkit-animation-iteration-count is a vendor extension
4103 Unrecognized at-rule @-webkit-keyframes
4147 -webkit-transform is a vendor extension
4151 -webkit-transform is a vendor extension
4155 -webkit-transform is a vendor extension
4159 -webkit-transform is a vendor extension
4163 -webkit-transform is a vendor extension
4167 -webkit-transform is a vendor extension
4171 -webkit-transform is a vendor extension
4175 -webkit-transform is a vendor extension
4179 -webkit-transform is a vendor extension
4183 -webkit-transform is a vendor extension
4190 -webkit-transform is a vendor extension
4195 -webkit-transition-duration is a vendor extension
4204 -webkit-transform is a vendor extension
4208 -webkit-animation-name is a vendor extension
4210 -webkit-animation-duration is a vendor extension
4212 -webkit-animation-timing-function is a vendor extension
4214 -webkit-animation-iteration-count is a vendor extension
4223 -webkit-transform is a vendor extension
4239 progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000') is a vendor extension
4243 -webkit-transition-duration is a vendor extension
4245 -webkit-transition-property is a vendor extension
4257 -webkit-transform is a vendor extension
4274 -webkit-transition-duration is a vendor extension
4276 -webkit-transition-property is a vendor extension
4288 -webkit-transform is a vendor extension
4305 -webkit-transition-duration is a vendor extension
4307 -webkit-transition-property is a vendor extension
4319 -webkit-transform is a vendor extension
4336 -webkit-transition-duration is a vendor extension
4338 -webkit-transition-property is a vendor extension

URI : https://jaec.gov.jo/App_Themes/ThemeAr/CSS/set1.css

49 -webkit-backface-visibility is a vendor extension
104 -webkit-calc is a vendor extension
107 -webkit-transition is a vendor extension
109 -webkit-transform is a vendor extension
128 -webkit-transform is a vendor extension
133 -webkit-transition is a vendor extension
140 -webkit-transition is a vendor extension
152 -webkit-transform is a vendor extension
157 -webkit-transition-delay is a vendor extension
159 -webkit-transition-duration is a vendor extension
173 -webkit-linear-gradient(top,rgb(72, 76, 97, 0) 0%,rgb(72, 76, 97, 0.8) 75%) is a vendor extension
177 -webkit-transform is a vendor extension
187 -webkit-transition is a vendor extension
189 -webkit-transform is a vendor extension
195 -webkit-transition is a vendor extension
206 -webkit-transform is a vendor extension
212 -webkit-transform is a vendor extension
219 -webkit-transform is a vendor extension
228 -webkit-linear-gradient(45deg,#ff89e9 0%,#05abe0 100%) is a vendor extension
234 -webkit-calc is a vendor extension
236 -webkit-transition is a vendor extension
238 -webkit-transform is a vendor extension
251 -webkit-transition is a vendor extension
253 -webkit-transform is a vendor extension
268 -webkit-transition is a vendor extension
270 -webkit-transform is a vendor extension
276 -webkit-transform is a vendor extension
283 -webkit-transform is a vendor extension
297 -webkit-transition is a vendor extension
314 -webkit-transition is a vendor extension
321 -webkit-transform is a vendor extension
328 -webkit-transform is a vendor extension
334 -webkit-transition is a vendor extension
336 -webkit-transform is a vendor extension
343 -webkit-transition is a vendor extension
345 -webkit-transform is a vendor extension
352 -webkit-transform is a vendor extension
359 -webkit-transform is a vendor extension
368 -webkit-perspective is a vendor extension
373 -webkit-transition is a vendor extension
375 -webkit-transform is a vendor extension
381 -webkit-transform is a vendor extension
394 -webkit-transition is a vendor extension
396 -webkit-transform is a vendor extension
402 -webkit-transform is a vendor extension
408 -webkit-transform is a vendor extension
418 -webkit-transition is a vendor extension
423 -webkit-transform is a vendor extension
429 -webkit-transform is a vendor extension
434 -webkit-transform is a vendor extension
439 -webkit-transform is a vendor extension
473 -webkit-transform is a vendor extension
475 -webkit-transform-origin is a vendor extension
486 -webkit-transform is a vendor extension
488 -webkit-transform-origin is a vendor extension
494 -webkit-transition is a vendor extension
502 -webkit-transform is a vendor extension
508 -webkit-transform is a vendor extension
516 -webkit-transition is a vendor extension
522 -webkit-transform is a vendor extension
529 -webkit-transform is a vendor extension
536 -webkit-transform is a vendor extension
544 -webkit-transition-delay is a vendor extension
558 -webkit-transition is a vendor extension
574 -webkit-transform is a vendor extension
585 -webkit-transform is a vendor extension
592 -webkit-transition is a vendor extension
594 -webkit-transform is a vendor extension
600 -webkit-transition is a vendor extension
608 -webkit-transform is a vendor extension
617 -webkit-linear-gradient(45deg,#22682a 0%,#9b4a1b 40%,#3a342a 100%) is a vendor extension
623 -webkit-transition is a vendor extension
630 -webkit-transition is a vendor extension
646 -webkit-transition is a vendor extension
648 -webkit-transform is a vendor extension
655 -webkit-transition is a vendor extension
657 -webkit-transform is a vendor extension
662 -webkit-transform is a vendor extension
669 -webkit-transform is a vendor extension
701 -webkit-transform is a vendor extension
707 -webkit-transition is a vendor extension
709 -webkit-transform is a vendor extension
714 -webkit-transform is a vendor extension
726 -webkit-transform is a vendor extension
733 -webkit-transition is a vendor extension
740 -webkit-transform is a vendor extension
754 -webkit-transition is a vendor extension
756 -webkit-transform is a vendor extension
762 -webkit-transform is a vendor extension
768 -webkit-transition is a vendor extension
770 -webkit-transform is a vendor extension
779 -webkit-transition is a vendor extension
781 -webkit-transform is a vendor extension
786 -webkit-transform is a vendor extension
792 -webkit-transform is a vendor extension
806 -webkit-calc is a vendor extension
809 -webkit-transition is a vendor extension
811 -webkit-transform is a vendor extension
813 -webkit-backface-visibility is a vendor extension
819 -webkit-transform is a vendor extension
836 -webkit-transition is a vendor extension
838 -webkit-transform is a vendor extension
844 -webkit-transform is a vendor extension
853 -webkit-linear-gradient(top,rgb(37, 141, 200, 1) 0%,rgb(104, 60, 19, 1) 100%) is a vendor extension
858 -webkit-transition is a vendor extension
871 -webkit-calc is a vendor extension
875 -webkit-transition is a vendor extension
877 -webkit-transform is a vendor extension
882 -webkit-transform is a vendor extension
897 -webkit-transition is a vendor extension
899 -webkit-transform is a vendor extension
905 -webkit-transform is a vendor extension
919 -webkit-calc is a vendor extension
921 -webkit-transition is a vendor extension
923 -webkit-transform is a vendor extension
925 -webkit-backface-visibility is a vendor extension
931 -webkit-transform is a vendor extension
953 -webkit-transition is a vendor extension
955 -webkit-transform is a vendor extension
960 -webkit-transform is a vendor extension
967 -webkit-transition is a vendor extension
969 -webkit-transform is a vendor extension
975 -webkit-transform is a vendor extension
990 -webkit-transition is a vendor extension
992 -webkit-transform is a vendor extension
1019 -webkit-transition is a vendor extension
1021 -webkit-backface-visibility is a vendor extension
1026 -webkit-transition is a vendor extension
1028 -webkit-transform is a vendor extension
1036 The value none is deprecated
1037 -webkit-font-smoothing is a vendor extension
1038 -moz-osx-font-smoothing is a vendor extension
1064 -webkit-transform is a vendor extension
1069 -webkit-transition-delay is a vendor extension
1074 -webkit-transition-delay is a vendor extension
1079 -webkit-transition-delay is a vendor extension
1084 -webkit-transition-delay is a vendor extension
1093 -webkit-transition is a vendor extension
1095 -webkit-transform is a vendor extension
1101 -webkit-transform is a vendor extension
1117 -webkit-transform is a vendor extension
1124 -webkit-transition is a vendor extension
1135 -webkit-transform is a vendor extension
1142 -webkit-transform is a vendor extension

↑ Top

Valid CSS information

@charset "UTF-8";
@font-face {
font-family : 'FontAwesome';
src : url("/App_Themes/ThemeAr/Fonts/fontawesome-webfont.eot?v=4.7.0");
src : url("/App_Themes/ThemeAr/Fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format('embedded-opentype'), url("/App_Themes/ThemeAr/Fonts/fontawesome-webfont.woff2?v=4.7.0") format('woff2'), url("/App_Themes/ThemeAr/Fonts/fontawesome-webfont.woff?v=4.7.0") format('woff'), url("/App_Themes/ThemeAr/Fonts/fontawesome-webfont.ttf?v=4.7.0") format('truetype'), url("/App_Themes/ThemeAr/Fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format('svg');
font-weight : normal;
font-style : normal;
}
.fa {
display : inline-block;
font : normal normal normal 14px/1 FontAwesome;
font-size : inherit;
text-rendering : auto;
}
.fa-lg {
font-size : 1.33333333em;
line-height : 0.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 : 0.14285714em;
text-align : center;
}
.fa-li.fa-lg {
left : -1.85714286em;
}
.fa-border {
padding : 0.2em 0.25em 0.15em;
border : #eee solid 0.08em;
border-radius : 0.1em;
}
.fa-pull-left {
float : left;
}
.fa-pull-right {
float : right;
}
.fa.fa-pull-left {
margin-right : 0.3em;
}
.fa.fa-pull-right {
margin-left : 0.3em;
}
.pull-right {
float : right;
}
.pull-left {
float : left;
}
.fa.pull-left {
margin-right : 0.3em;
}
.fa.pull-right {
margin-left : 0.3em;
}
.fa-spin {
animation : fa-spin 2s linear infinite;
}
.fa-pulse {
animation : fa-spin 1s steps(8) infinite;
}
@keyframes fa-spin {
0% {
transform : rotate(0deg);
}
100% {
transform : rotate(359deg);
}
}
.fa-rotate-90 {
transform : rotate(90deg);
}
.fa-rotate-180 {
transform : rotate(180deg);
}
.fa-rotate-270 {
transform : rotate(270deg);
}
.fa-flip-horizontal {
transform : scale(-1,1);
}
.fa-flip-vertical {
transform : scale(1,-1);
}
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
filter : ;
}
.fa-stack {
position : relative;
display : inline-block;
width : 2em;
height : 2em;
line-height : 2em;
vertical-align : middle;
}
.fa-stack-1x, .fa-stack-2x {
position : absolute;
left : 0;
width : 100%;
text-align : center;
}
.fa-stack-1x {
line-height : inherit;
}
.fa-stack-2x {
font-size : 2em;
}
.fa-inverse {
color : #fff;
}
.fa-glass:before {
content : "\f000";
}
.fa-music:before {
content : "\f001";
}
.fa-search:before {
content : "\f002";
}
.fa-envelope-o:before {
content : "\f003";
}
.fa-heart:before {
content : "\f004";
}
.fa-star:before {
content : "\f005";
}
.fa-star-o:before {
content : "\f006";
}
.fa-user:before {
content : "\f007";
}
.fa-film:before {
content : "\f008";
}
.fa-th-large:before {
content : "\f009";
}
.fa-th:before {
content : "\f00a";
}
.fa-th-list:before {
content : "\f00b";
}
.fa-check:before {
content : "\f00c";
}
.fa-remove:before, .fa-close:before, .fa-times:before {
content : "\f00d";
}
.fa-search-plus:before {
content : "\f00e";
}
.fa-search-minus:before {
content : "\f010";
}
.fa-power-off:before {
content : "\f011";
}
.fa-signal:before {
content : "\f012";
}
.fa-gear:before, .fa-cog:before {
content : "\f013";
}
.fa-trash-o:before {
content : "\f014";
}
.fa-home:before {
content : "\f015";
}
.fa-file-o:before {
content : "\f016";
}
.fa-clock-o:before {
content : "\f017";
}
.fa-road:before {
content : "\f018";
}
.fa-download:before {
content : "\f019";
}
.fa-arrow-circle-o-down:before {
content : "\f01a";
}
.fa-arrow-circle-o-up:before {
content : "\f01b";
}
.fa-inbox:before {
content : "\f01c";
}
.fa-play-circle-o:before {
content : "\f01d";
}
.fa-rotate-right:before, .fa-repeat:before {
content : "\f01e";
}
.fa-refresh:before {
content : "\f021";
}
.fa-list-alt:before {
content : "\f022";
}
.fa-lock:before {
content : "\f023";
}
.fa-flag:before {
content : "\f024";
}
.fa-headphones:before {
content : "\f025";
}
.fa-volume-off:before {
content : "\f026";
}
.fa-volume-down:before {
content : "\f027";
}
.fa-volume-up:before {
content : "\f028";
}
.fa-qrcode:before {
content : "\f029";
}
.fa-barcode:before {
content : "\f02a";
}
.fa-tag:before {
content : "\f02b";
}
.fa-tags:before {
content : "\f02c";
}
.fa-book:before {
content : "\f02d";
}
.fa-bookmark:before {
content : "\f02e";
}
.fa-print:before {
content : "\f02f";
}
.fa-camera:before {
content : "\f030";
}
.fa-font:before {
content : "\f031";
}
.fa-bold:before {
content : "\f032";
}
.fa-italic:before {
content : "\f033";
}
.fa-text-height:before {
content : "\f034";
}
.fa-text-width:before {
content : "\f035";
}
.fa-align-left:before {
content : "\f036";
}
.fa-align-center:before {
content : "\f037";
}
.fa-align-right:before {
content : "\f038";
}
.fa-align-justify:before {
content : "\f039";
}
.fa-list:before {
content : "\f03a";
}
.fa-dedent:before, .fa-outdent:before {
content : "\f03b";
}
.fa-indent:before {
content : "\f03c";
}
.fa-video-camera:before {
content : "\f03d";
}
.fa-photo:before, .fa-image:before, .fa-picture-o:before {
content : "\f03e";
}
.fa-pencil:before {
content : "\f040";
}
.fa-map-marker:before {
content : "\f041";
}
.fa-adjust:before {
content : "\f042";
}
.fa-tint:before {
content : "\f043";
}
.fa-edit:before, .fa-pencil-square-o:before {
content : "\f044";
}
.fa-share-square-o:before {
content : "\f045";
}
.fa-check-square-o:before {
content : "\f046";
}
.fa-arrows:before {
content : "\f047";
}
.fa-step-backward:before {
content : "\f048";
}
.fa-fast-backward:before {
content : "\f049";
}
.fa-backward:before {
content : "\f04a";
}
.fa-play:before {
content : "\f04b";
}
.fa-pause:before {
content : "\f04c";
}
.fa-stop:before {
content : "\f04d";
}
.fa-forward:before {
content : "\f04e";
}
.fa-fast-forward:before {
content : "\f050";
}
.fa-step-forward:before {
content : "\f051";
}
.fa-eject:before {
content : "\f052";
}
.fa-chevron-left:before {
content : "\f053";
}
.fa-chevron-right:before {
content : "\f054";
}
.fa-plus-circle:before {
content : "\f055";
}
.fa-minus-circle:before {
content : "\f056";
}
.fa-times-circle:before {
content : "\f057";
}
.fa-check-circle:before {
content : "\f058";
}
.fa-question-circle:before {
content : "\f059";
}
.fa-info-circle:before {
content : "\f05a";
}
.fa-crosshairs:before {
content : "\f05b";
}
.fa-times-circle-o:before {
content : "\f05c";
}
.fa-check-circle-o:before {
content : "\f05d";
}
.fa-ban:before {
content : "\f05e";
}
.fa-arrow-left:before {
content : "\f060";
}
.fa-arrow-right:before {
content : "\f061";
}
.fa-arrow-up:before {
content : "\f062";
}
.fa-arrow-down:before {
content : "\f063";
}
.fa-mail-forward:before, .fa-share:before {
content : "\f064";
}
.fa-expand:before {
content : "\f065";
}
.fa-compress:before {
content : "\f066";
}
.fa-plus:before {
content : "\f067";
}
.fa-minus:before {
content : "\f068";
}
.fa-asterisk:before {
content : "\f069";
}
.fa-exclamation-circle:before {
content : "\f06a";
}
.fa-gift:before {
content : "\f06b";
}
.fa-leaf:before {
content : "\f06c";
}
.fa-fire:before {
content : "\f06d";
}
.fa-eye:before {
content : "\f06e";
}
.fa-eye-slash:before {
content : "\f070";
}
.fa-warning:before, .fa-exclamation-triangle:before {
content : "\f071";
}
.fa-plane:before {
content : "\f072";
}
.fa-calendar:before {
content : "\f073";
}
.fa-random:before {
content : "\f074";
}
.fa-comment:before {
content : "\f075";
}
.fa-magnet:before {
content : "\f076";
}
.fa-chevron-up:before {
content : "\f077";
}
.fa-chevron-down:before {
content : "\f078";
}
.fa-retweet:before {
content : "\f079";
}
.fa-shopping-cart:before {
content : "\f07a";
}
.fa-folder:before {
content : "\f07b";
}
.fa-folder-open:before {
content : "\f07c";
}
.fa-arrows-v:before {
content : "\f07d";
}
.fa-arrows-h:before {
content : "\f07e";
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
content : "\f080";
}
.fa-twitter-square:before {
content : "\f081";
}
.fa-facebook-square:before {
content : "\f082";
}
.fa-camera-retro:before {
content : "\f083";
}
.fa-key:before {
content : "\f084";
}
.fa-gears:before, .fa-cogs:before {
content : "\f085";
}
.fa-comments:before {
content : "\f086";
}
.fa-thumbs-o-up:before {
content : "\f087";
}
.fa-thumbs-o-down:before {
content : "\f088";
}
.fa-star-half:before {
content : "\f089";
}
.fa-heart-o:before {
content : "\f08a";
}
.fa-sign-out:before {
content : "\f08b";
}
.fa-linkedin-square:before {
content : "\f08c";
}
.fa-thumb-tack:before {
content : "\f08d";
}
.fa-external-link:before {
content : "\f08e";
}
.fa-sign-in:before {
content : "\f090";
}
.fa-trophy:before {
content : "\f091";
}
.fa-github-square:before {
content : "\f092";
}
.fa-upload:before {
content : "\f093";
}
.fa-lemon-o:before {
content : "\f094";
}
.fa-phone:before {
content : "\f095";
}
.fa-square-o:before {
content : "\f096";
}
.fa-bookmark-o:before {
content : "\f097";
}
.fa-phone-square:before {
content : "\f098";
}
.fa-twitter:before {
content : "\f099";
}
.fa-facebook-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-save:before, .fa-floppy-o:before {
content : "\f0c7";
}
.fa-square:before {
content : "\f0c8";
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
content : "\f0c9";
}
.fa-list-ul:before {
content : "\f0ca";
}
.fa-list-ol:before {
content : "\f0cb";
}
.fa-strikethrough:before {
content : "\f0cc";
}
.fa-underline:before {
content : "\f0cd";
}
.fa-table:before {
content : "\f0ce";
}
.fa-magic:before {
content : "\f0d0";
}
.fa-truck:before {
content : "\f0d1";
}
.fa-pinterest:before {
content : "\f0d2";
}
.fa-pinterest-square:before {
content : "\f0d3";
}
.fa-google-plus-square:before {
content : "\f0d4";
}
.fa-google-plus:before {
content : "\f0d5";
}
.fa-money:before {
content : "\f0d6";
}
.fa-caret-down:before {
content : "\f0d7";
}
.fa-caret-up:before {
content : "\f0d8";
}
.fa-caret-left:before {
content : "\f0d9";
}
.fa-caret-right:before {
content : "\f0da";
}
.fa-columns:before {
content : "\f0db";
}
.fa-unsorted:before, .fa-sort:before {
content : "\f0dc";
}
.fa-sort-down:before, .fa-sort-desc:before {
content : "\f0dd";
}
.fa-sort-up:before, .fa-sort-asc:before {
content : "\f0de";
}
.fa-envelope:before {
content : "\f0e0";
}
.fa-linkedin:before {
content : "\f0e1";
}
.fa-rotate-left:before, .fa-undo:before {
content : "\f0e2";
}
.fa-legal:before, .fa-gavel:before {
content : "\f0e3";
}
.fa-dashboard:before, .fa-tachometer:before {
content : "\f0e4";
}
.fa-comment-o:before {
content : "\f0e5";
}
.fa-comments-o:before {
content : "\f0e6";
}
.fa-flash:before, .fa-bolt:before {
content : "\f0e7";
}
.fa-sitemap:before {
content : "\f0e8";
}
.fa-umbrella:before {
content : "\f0e9";
}
.fa-paste:before, .fa-clipboard:before {
content : "\f0ea";
}
.fa-lightbulb-o:before {
content : "\f0eb";
}
.fa-exchange:before {
content : "\f0ec";
}
.fa-cloud-download:before {
content : "\f0ed";
}
.fa-cloud-upload:before {
content : "\f0ee";
}
.fa-user-md:before {
content : "\f0f0";
}
.fa-stethoscope:before {
content : "\f0f1";
}
.fa-suitcase:before {
content : "\f0f2";
}
.fa-bell-o:before {
content : "\f0a2";
}
.fa-coffee:before {
content : "\f0f4";
}
.fa-cutlery:before {
content : "\f0f5";
}
.fa-file-text-o:before {
content : "\f0f6";
}
.fa-building-o:before {
content : "\f0f7";
}
.fa-hospital-o:before {
content : "\f0f8";
}
.fa-ambulance:before {
content : "\f0f9";
}
.fa-medkit:before {
content : "\f0fa";
}
.fa-fighter-jet:before {
content : "\f0fb";
}
.fa-beer:before {
content : "\f0fc";
}
.fa-h-square:before {
content : "\f0fd";
}
.fa-plus-square:before {
content : "\f0fe";
}
.fa-angle-double-left:before {
content : "\f100";
}
.fa-angle-double-right:before {
content : "\f101";
}
.fa-angle-double-up:before {
content : "\f102";
}
.fa-angle-double-down:before {
content : "\f103";
}
.fa-angle-left:before {
content : "\f104";
}
.fa-angle-right:before {
content : "\f105";
}
.fa-angle-up:before {
content : "\f106";
}
.fa-angle-down:before {
content : "\f107";
}
.fa-desktop:before {
content : "\f108";
}
.fa-laptop:before {
content : "\f109";
}
.fa-tablet:before {
content : "\f10a";
}
.fa-mobile-phone:before, .fa-mobile:before {
content : "\f10b";
}
.fa-circle-o:before {
content : "\f10c";
}
.fa-quote-left:before {
content : "\f10d";
}
.fa-quote-right:before {
content : "\f10e";
}
.fa-spinner:before {
content : "\f110";
}
.fa-circle:before {
content : "\f111";
}
.fa-mail-reply:before, .fa-reply:before {
content : "\f112";
}
.fa-github-alt:before {
content : "\f113";
}
.fa-folder-o:before {
content : "\f114";
}
.fa-folder-open-o:before {
content : "\f115";
}
.fa-smile-o:before {
content : "\f118";
}
.fa-frown-o:before {
content : "\f119";
}
.fa-meh-o:before {
content : "\f11a";
}
.fa-gamepad:before {
content : "\f11b";
}
.fa-keyboard-o:before {
content : "\f11c";
}
.fa-flag-o:before {
content : "\f11d";
}
.fa-flag-checkered:before {
content : "\f11e";
}
.fa-terminal:before {
content : "\f120";
}
.fa-code:before {
content : "\f121";
}
.fa-mail-reply-all:before, .fa-reply-all:before {
content : "\f122";
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
content : "\f123";
}
.fa-location-arrow:before {
content : "\f124";
}
.fa-crop:before {
content : "\f125";
}
.fa-code-fork:before {
content : "\f126";
}
.fa-unlink:before, .fa-chain-broken:before {
content : "\f127";
}
.fa-question:before {
content : "\f128";
}
.fa-info:before {
content : "\f129";
}
.fa-exclamation:before {
content : "\f12a";
}
.fa-superscript:before {
content : "\f12b";
}
.fa-subscript:before {
content : "\f12c";
}
.fa-eraser:before {
content : "\f12d";
}
.fa-puzzle-piece:before {
content : "\f12e";
}
.fa-microphone:before {
content : "\f130";
}
.fa-microphone-slash:before {
content : "\f131";
}
.fa-shield:before {
content : "\f132";
}
.fa-calendar-o:before {
content : "\f133";
}
.fa-fire-extinguisher:before {
content : "\f134";
}
.fa-rocket:before {
content : "\f135";
}
.fa-maxcdn:before {
content : "\f136";
}
.fa-chevron-circle-left:before {
content : "\f137";
}
.fa-chevron-circle-right:before {
content : "\f138";
}
.fa-chevron-circle-up:before {
content : "\f139";
}
.fa-chevron-circle-down:before {
content : "\f13a";
}
.fa-html5:before {
content : "\f13b";
}
.fa-css3:before {
content : "\f13c";
}
.fa-anchor:before {
content : "\f13d";
}
.fa-unlock-alt:before {
content : "\f13e";
}
.fa-bullseye:before {
content : "\f140";
}
.fa-ellipsis-h:before {
content : "\f141";
}
.fa-ellipsis-v:before {
content : "\f142";
}
.fa-rss-square:before {
content : "\f143";
}
.fa-play-circle:before {
content : "\f144";
}
.fa-ticket:before {
content : "\f145";
}
.fa-minus-square:before {
content : "\f146";
}
.fa-minus-square-o:before {
content : "\f147";
}
.fa-level-up:before {
content : "\f148";
}
.fa-level-down:before {
content : "\f149";
}
.fa-check-square:before {
content : "\f14a";
}
.fa-pencil-square:before {
content : "\f14b";
}
.fa-external-link-square:before {
content : "\f14c";
}
.fa-share-square:before {
content : "\f14d";
}
.fa-compass:before {
content : "\f14e";
}
.fa-toggle-down:before, .fa-caret-square-o-down:before {
content : "\f150";
}
.fa-toggle-up:before, .fa-caret-square-o-up:before {
content : "\f151";
}
.fa-toggle-right:before, .fa-caret-square-o-right:before {
content : "\f152";
}
.fa-euro:before, .fa-eur:before {
content : "\f153";
}
.fa-gbp:before {
content : "\f154";
}
.fa-dollar:before, .fa-usd:before {
content : "\f155";
}
.fa-rupee:before, .fa-inr:before {
content : "\f156";
}
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
content : "\f157";
}
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
content : "\f158";
}
.fa-won:before, .fa-krw:before {
content : "\f159";
}
.fa-bitcoin:before, .fa-btc:before {
content : "\f15a";
}
.fa-file:before {
content : "\f15b";
}
.fa-file-text:before {
content : "\f15c";
}
.fa-sort-alpha-asc:before {
content : "\f15d";
}
.fa-sort-alpha-desc:before {
content : "\f15e";
}
.fa-sort-amount-asc:before {
content : "\f160";
}
.fa-sort-amount-desc:before {
content : "\f161";
}
.fa-sort-numeric-asc:before {
content : "\f162";
}
.fa-sort-numeric-desc:before {
content : "\f163";
}
.fa-thumbs-up:before {
content : "\f164";
}
.fa-thumbs-down:before {
content : "\f165";
}
.fa-youtube-square:before {
content : "\f166";
}
.fa-youtube:before {
content : "\f167";
}
.fa-xing:before {
content : "\f168";
}
.fa-xing-square:before {
content : "\f169";
}
.fa-youtube-play:before {
content : "\f16a";
}
.fa-dropbox:before {
content : "\f16b";
}
.fa-stack-overflow:before {
content : "\f16c";
}
.fa-instagram:before {
content : "\f16d";
}
.fa-flickr:before {
content : "\f16e";
}
.fa-adn:before {
content : "\f170";
}
.fa-bitbucket:before {
content : "\f171";
}
.fa-bitbucket-square:before {
content : "\f172";
}
.fa-tumblr:before {
content : "\f173";
}
.fa-tumblr-square:before {
content : "\f174";
}
.fa-long-arrow-down:before {
content : "\f175";
}
.fa-long-arrow-up:before {
content : "\f176";
}
.fa-long-arrow-left:before {
content : "\f177";
}
.fa-long-arrow-right:before {
content : "\f178";
}
.fa-apple:before {
content : "\f179";
}
.fa-windows:before {
content : "\f17a";
}
.fa-android:before {
content : "\f17b";
}
.fa-linux:before {
content : "\f17c";
}
.fa-dribbble:before {
content : "\f17d";
}
.fa-skype:before {
content : "\f17e";
}
.fa-foursquare:before {
content : "\f180";
}
.fa-trello:before {
content : "\f181";
}
.fa-female:before {
content : "\f182";
}
.fa-male:before {
content : "\f183";
}
.fa-gittip:before, .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-toggle-left:before, .fa-caret-square-o-left:before {
content : "\f191";
}
.fa-dot-circle-o:before {
content : "\f192";
}
.fa-wheelchair:before {
content : "\f193";
}
.fa-vimeo-square:before {
content : "\f194";
}
.fa-turkish-lira:before, .fa-try:before {
content : "\f195";
}
.fa-plus-square-o:before {
content : "\f196";
}
.fa-space-shuttle:before {
content : "\f197";
}
.fa-slack:before {
content : "\f198";
}
.fa-envelope-square:before {
content : "\f199";
}
.fa-wordpress:before {
content : "\f19a";
}
.fa-openid:before {
content : "\f19b";
}
.fa-institution:before, .fa-bank:before, .fa-university:before {
content : "\f19c";
}
.fa-mortar-board:before, .fa-graduation-cap:before {
content : "\f19d";
}
.fa-yahoo:before {
content : "\f19e";
}
.fa-google:before {
content : "\f1a0";
}
.fa-reddit:before {
content : "\f1a1";
}
.fa-reddit-square:before {
content : "\f1a2";
}
.fa-stumbleupon-circle:before {
content : "\f1a3";
}
.fa-stumbleupon:before {
content : "\f1a4";
}
.fa-delicious:before {
content : "\f1a5";
}
.fa-digg:before {
content : "\f1a6";
}
.fa-pied-piper-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-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
content : "\f1c5";
}
.fa-file-zip-o:before, .fa-file-archive-o:before {
content : "\f1c6";
}
.fa-file-sound-o:before, .fa-file-audio-o:before {
content : "\f1c7";
}
.fa-file-movie-o:before, .fa-file-video-o:before {
content : "\f1c8";
}
.fa-file-code-o:before {
content : "\f1c9";
}
.fa-vine:before {
content : "\f1ca";
}
.fa-codepen:before {
content : "\f1cb";
}
.fa-jsfiddle:before {
content : "\f1cc";
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
content : "\f1cd";
}
.fa-circle-o-notch:before {
content : "\f1ce";
}
.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
content : "\f1d0";
}
.fa-ge:before, .fa-empire:before {
content : "\f1d1";
}
.fa-git-square:before {
content : "\f1d2";
}
.fa-git:before {
content : "\f1d3";
}
.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
content : "\f1d4";
}
.fa-tencent-weibo:before {
content : "\f1d5";
}
.fa-qq:before {
content : "\f1d6";
}
.fa-wechat:before, .fa-weixin:before {
content : "\f1d7";
}
.fa-send:before, .fa-paper-plane:before {
content : "\f1d8";
}
.fa-send-o:before, .fa-paper-plane-o:before {
content : "\f1d9";
}
.fa-history:before {
content : "\f1da";
}
.fa-circle-thin:before {
content : "\f1db";
}
.fa-header:before {
content : "\f1dc";
}
.fa-paragraph:before {
content : "\f1dd";
}
.fa-sliders:before {
content : "\f1de";
}
.fa-share-alt:before {
content : "\f1e0";
}
.fa-share-alt-square:before {
content : "\f1e1";
}
.fa-bomb:before {
content : "\f1e2";
}
.fa-soccer-ball-o:before, .fa-futbol-o:before {
content : "\f1e3";
}
.fa-tty:before {
content : "\f1e4";
}
.fa-binoculars:before {
content : "\f1e5";
}
.fa-plug:before {
content : "\f1e6";
}
.fa-slideshare:before {
content : "\f1e7";
}
.fa-twitch:before {
content : "\f1e8";
}
.fa-yelp:before {
content : "\f1e9";
}
.fa-newspaper-o:before {
content : "\f1ea";
}
.fa-wifi:before {
content : "\f1eb";
}
.fa-calculator:before {
content : "\f1ec";
}
.fa-paypal:before {
content : "\f1ed";
}
.fa-google-wallet:before {
content : "\f1ee";
}
.fa-cc-visa:before {
content : "\f1f0";
}
.fa-cc-mastercard:before {
content : "\f1f1";
}
.fa-cc-discover:before {
content : "\f1f2";
}
.fa-cc-amex:before {
content : "\f1f3";
}
.fa-cc-paypal:before {
content : "\f1f4";
}
.fa-cc-stripe:before {
content : "\f1f5";
}
.fa-bell-slash:before {
content : "\f1f6";
}
.fa-bell-slash-o:before {
content : "\f1f7";
}
.fa-trash:before {
content : "\f1f8";
}
.fa-copyright:before {
content : "\f1f9";
}
.fa-at:before {
content : "\f1fa";
}
.fa-eyedropper:before {
content : "\f1fb";
}
.fa-paint-brush:before {
content : "\f1fc";
}
.fa-birthday-cake:before {
content : "\f1fd";
}
.fa-area-chart:before {
content : "\f1fe";
}
.fa-pie-chart:before {
content : "\f200";
}
.fa-line-chart:before {
content : "\f201";
}
.fa-lastfm:before {
content : "\f202";
}
.fa-lastfm-square:before {
content : "\f203";
}
.fa-toggle-off:before {
content : "\f204";
}
.fa-toggle-on:before {
content : "\f205";
}
.fa-bicycle:before {
content : "\f206";
}
.fa-bus:before {
content : "\f207";
}
.fa-ioxhost:before {
content : "\f208";
}
.fa-angellist:before {
content : "\f209";
}
.fa-cc:before {
content : "\f20a";
}
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
content : "\f20b";
}
.fa-meanpath:before {
content : "\f20c";
}
.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-hotel:before, .fa-bed:before {
content : "\f236";
}
.fa-viacoin:before {
content : "\f237";
}
.fa-train:before {
content : "\f238";
}
.fa-subway:before {
content : "\f239";
}
.fa-medium:before {
content : "\f23a";
}
.fa-yc:before, .fa-y-combinator: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: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-stop-o:before, .fa-hand-paper-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-tv:before, .fa-television: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-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
content : "\f2a3";
}
.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
content : "\f2a4";
}
.fa-glide:before {
content : "\f2a5";
}
.fa-glide-g:before {
content : "\f2a6";
}
.fa-signing:before, .fa-sign-language: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";
}
.fa-google-plus-circle:before, .fa-google-plus-official:before {
content : "\f2b3";
}
.fa-fa:before, .fa-font-awesome:before {
content : "\f2b4";
}
.fa-handshake-o:before {
content : "\f2b5";
}
.fa-envelope-open:before {
content : "\f2b6";
}
.fa-envelope-open-o:before {
content : "\f2b7";
}
.fa-linode:before {
content : "\f2b8";
}
.fa-address-book:before {
content : "\f2b9";
}
.fa-address-book-o:before {
content : "\f2ba";
}
.fa-vcard:before, .fa-address-card:before {
content : "\f2bb";
}
.fa-vcard-o:before, .fa-address-card-o:before {
content : "\f2bc";
}
.fa-user-circle:before {
content : "\f2bd";
}
.fa-user-circle-o:before {
content : "\f2be";
}
.fa-user-o:before {
content : "\f2c0";
}
.fa-id-badge:before {
content : "\f2c1";
}
.fa-drivers-license:before, .fa-id-card:before {
content : "\f2c2";
}
.fa-drivers-license-o:before, .fa-id-card-o:before {
content : "\f2c3";
}
.fa-quora:before {
content : "\f2c4";
}
.fa-free-code-camp:before {
content : "\f2c5";
}
.fa-telegram:before {
content : "\f2c6";
}
.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
content : "\f2c7";
}
.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
content : "\f2c8";
}
.fa-thermometer-2:before, .fa-thermometer-half:before {
content : "\f2c9";
}
.fa-thermometer-1:before, .fa-thermometer-quarter:before {
content : "\f2ca";
}
.fa-thermometer-0:before, .fa-thermometer-empty:before {
content : "\f2cb";
}
.fa-shower:before {
content : "\f2cc";
}
.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
content : "\f2cd";
}
.fa-podcast:before {
content : "\f2ce";
}
.fa-window-maximize:before {
content : "\f2d0";
}
.fa-window-minimize:before {
content : "\f2d1";
}
.fa-window-restore:before {
content : "\f2d2";
}
.fa-times-rectangle:before, .fa-window-close:before {
content : "\f2d3";
}
.fa-times-rectangle-o:before, .fa-window-close-o:before {
content : "\f2d4";
}
.fa-bandcamp:before {
content : "\f2d5";
}
.fa-grav:before {
content : "\f2d6";
}
.fa-etsy:before {
content : "\f2d7";
}
.fa-imdb:before {
content : "\f2d8";
}
.fa-ravelry:before {
content : "\f2d9";
}
.fa-eercast:before {
content : "\f2da";
}
.fa-microchip:before {
content : "\f2db";
}
.fa-snowflake-o:before {
content : "\f2dc";
}
.fa-superpowers:before {
content : "\f2dd";
}
.fa-wpexplorer:before {
content : "\f2de";
}
.fa-meetup:before {
content : "\f2e0";
}
.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;
}
.hvr-grow {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.3s;
transition-property : transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
transform : scale(1.1);
}
.hvr-shrink {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.3s;
transition-property : transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
transform : scale(0.9);
}
@keyframes hvr-pulse {
25% {
transform : scale(1.1);
}
75% {
transform : scale(0.9);
}
}
.hvr-pulse {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
animation-name : hvr-pulse;
animation-duration : 1s;
animation-timing-function : linear;
animation-iteration-count : infinite;
}
@keyframes hvr-pulse-grow {
to {
transform : scale(1.1);
}
}
.hvr-pulse-grow {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
animation-name : hvr-pulse-grow;
animation-duration : 0.3s;
animation-timing-function : linear;
animation-iteration-count : infinite;
animation-direction : alternate;
}
@keyframes hvr-pulse-shrink {
to {
transform : scale(0.9);
}
}
.hvr-pulse-shrink {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
animation-name : hvr-pulse-shrink;
animation-duration : 0.3s;
animation-timing-function : linear;
animation-iteration-count : infinite;
animation-direction : alternate;
}
@keyframes hvr-push {
50% {
transform : scale(0.8);
}
100% {
transform : scale(1);
}
}
.hvr-push {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
animation-name : hvr-push;
animation-duration : 0.3s;
animation-timing-function : linear;
animation-iteration-count : 1;
}
@keyframes hvr-pop {
50% {
transform : scale(1.2);
}
}
.hvr-pop {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
animation-name : hvr-pop;
animation-duration : 0.3s;
animation-timing-function : linear;
animation-iteration-count : 1;
}
.hvr-bounce-in {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
transform : scale(1.2);
transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36);
}
.hvr-bounce-out {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
transform : scale(0.8);
transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36);
}
.hvr-rotate {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.3s;
transition-property : transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
transform : rotate(4deg);
}
.hvr-grow-rotate {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.3s;
transition-property : transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
transform : scale(1.1) rotate(4deg);
}
.hvr-float {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.3s;
transition-property : transform;
transition-timing-function : ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
transform : translateY(-8px);
}
.hvr-sink {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.3s;
transition-property : transform;
transition-timing-function : ease-out;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
transform : translateY(8px);
}
@keyframes hvr-bob {
0% {
transform : translateY(-8px);
}
50% {
transform : translateY(-4px);
}
100% {
transform : translateY(-8px);
}
}
@keyframes hvr-bob-float {
100% {
transform : translateY(-8px);
}
}
.hvr-bob {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
animation-name : hvr-bob-float, hvr-bob;
animation-duration : 0.3s, 1.5s;
animation-delay : 0s, 0.3s;
animation-timing-function : ease-out, ease-in-out;
animation-iteration-count : 1, infinite;
animation-fill-mode : forwards;
animation-direction : normal, alternate;
}
@keyframes hvr-hang {
0% {
transform : translateY(8px);
}
50% {
transform : translateY(4px);
}
100% {
transform : translateY(8px);
}
}
@keyframes hvr-hang-sink {
100% {
transform : translateY(8px);
}
}
.hvr-hang {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
animation-name : hvr-hang-sink, hvr-hang;
animation-duration : 0.3s, 1.5s;
animation-delay : 0s, 0.3s;
animation-timing-function : ease-out, ease-in-out;
animation-iteration-count : 1, infinite;
animation-fill-mode : forwards;
animation-direction : normal, alternate;
}
.hvr-skew {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.3s;
transition-property : transform;
}
.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
transform : skew(-10deg);
}
.hvr-skew-forward {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.3s;
transition-property : transform;
transform-origin : 0 100%;
}
.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
transform : skew(-10deg);
}
.hvr-skew-backward {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.3s;
transition-property : transform;
transform-origin : 0 100%;
}
.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
transform : skew(10deg);
}
@keyframes hvr-wobble-vertical {
16.65% {
transform : translateY(8px);
}
33.3% {
transform : translateY(-6px);
}
49.95% {
transform : translateY(4px);
}
66.6% {
transform : translateY(-2px);
}
83.25% {
transform : translateY(1px);
}
100% {
transform : translateY(0);
}
}
.hvr-wobble-vertical {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
animation-name : hvr-wobble-vertical;
animation-duration : 1s;
animation-timing-function : ease-in-out;
animation-iteration-count : 1;
}
@keyframes hvr-wobble-horizontal {
16.65% {
transform : translateX(8px);
}
33.3% {
transform : translateX(-6px);
}
49.95% {
transform : translateX(4px);
}
66.6% {
transform : translateX(-2px);
}
83.25% {
transform : translateX(1px);
}
100% {
transform : translateX(0);
}
}
.hvr-wobble-horizontal {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
animation-name : hvr-wobble-horizontal;
animation-duration : 1s;
animation-timing-function : ease-in-out;
animation-iteration-count : 1;
}
@keyframes hvr-wobble-to-bottom-right {
16.65% {
transform : translate(8px,8px);
}
33.3% {
transform : translate(-6px,-6px);
}
49.95% {
transform : translate(4px,4px);
}
66.6% {
transform : translate(-2px,-2px);
}
83.25% {
transform : translate(1px,1px);
}
100% {
transform : translate(0,0);
}
}
.hvr-wobble-to-bottom-right {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
}
.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
animation-name : hvr-wobble-to-bottom-right;
animation-duration : 1s;
animation-timing-function : ease-in-out;
animation-iteration-count : 1;
}
@keyframes hvr-wobble-to-top-right {
16.65% {
transform : translate(8px,-8px);
}
33.3% {
transform : translate(-6px,6px);
}
49.95% {
transform : translate(4px,-4px);
}
66.6% {
transform : translate(-2px,2px);
}
83.25% {
transform : translate(1px,-1px);
}
100% {
transform : translate(0,0);
}
}
.hvr-wobble-to-top-right {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
}
.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
animation-name : hvr-wobble-to-top-right;
animation-duration : 1s;
animation-timing-function : ease-in-out;
animation-iteration-count : 1;
}
@keyframes hvr-wobble-top {
16.65% {
transform : skew(-12deg);
}
33.3% {
transform : skew(10deg);
}
49.95% {
transform : skew(-6deg);
}
66.6% {
transform : skew(4deg);
}
83.25% {
transform : skew(-2deg);
}
100% {
transform : skew(0);
}
}
.hvr-wobble-top {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transform-origin : 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
animation-name : hvr-wobble-top;
animation-duration : 1s;
animation-timing-function : ease-in-out;
animation-iteration-count : 1;
}
@keyframes hvr-wobble-bottom {
16.65% {
transform : skew(-12deg);
}
33.3% {
transform : skew(10deg);
}
49.95% {
transform : skew(-6deg);
}
66.6% {
transform : skew(4deg);
}
83.25% {
transform : skew(-2deg);
}
100% {
transform : skew(0);
}
}
.hvr-wobble-bottom {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transform-origin : 100% 0;
}
.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
animation-name : hvr-wobble-bottom;
animation-duration : 1s;
animation-timing-function : ease-in-out;
animation-iteration-count : 1;
}
@keyframes hvr-wobble-skew {
16.65% {
transform : skew(-12deg);
}
33.3% {
transform : skew(10deg);
}
49.95% {
transform : skew(-6deg);
}
66.6% {
transform : skew(4deg);
}
83.25% {
transform : skew(-2deg);
}
100% {
transform : skew(0);
}
}
.hvr-wobble-skew {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
}
.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
animation-name : hvr-wobble-skew;
animation-duration : 1s;
animation-timing-function : ease-in-out;
animation-iteration-count : 1;
}
@keyframes hvr-buzz {
50% {
transform : translateX(3px) rotate(2deg);
}
100% {
transform : translateX(-3px) rotate(-2deg);
}
}
.hvr-buzz {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
animation-name : hvr-buzz;
animation-duration : 0.15s;
animation-timing-function : linear;
animation-iteration-count : infinite;
}
@keyframes hvr-buzz-out {
10% {
transform : translateX(3px) rotate(2deg);
}
20% {
transform : translateX(-3px) rotate(-2deg);
}
30% {
transform : translateX(3px) rotate(2deg);
}
40% {
transform : translateX(-3px) rotate(-2deg);
}
50% {
transform : translateX(2px) rotate(1deg);
}
60% {
transform : translateX(-2px) rotate(-1deg);
}
70% {
transform : translateX(2px) rotate(1deg);
}
80% {
transform : translateX(-2px) rotate(-1deg);
}
90% {
transform : translateX(1px) rotate(0);
}
100% {
transform : translateX(-1px) rotate(0);
}
}
.hvr-buzz-out {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
animation-name : hvr-buzz-out;
animation-duration : 0.75s;
animation-timing-function : linear;
animation-iteration-count : 1;
}
.hvr-forward {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.3s;
transition-property : transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
transform : translateX(8px);
}
.hvr-backward {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.3s;
transition-property : transform;
}
.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
transform : translateX(-8px);
}
.hvr-fade {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
overflow : hidden;
transition-duration : 0.3s;
transition-property : color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
background-color : #2098D1;
color : white;
}
@keyframes hvr-back-pulse {
50% {
background-color : rgb(32, 152, 209, 0.75);
}
}
.hvr-back-pulse {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
overflow : hidden;
transition-duration : 0.5s;
transition-property : color, background-color;
}
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
animation-name : hvr-back-pulse;
animation-duration : 1s;
animation-delay : 0.5s;
animation-timing-function : linear;
animation-iteration-count : infinite;
background-color : #2098D1;
background-color : #2098d1;
color : white;
}
.hvr-sweep-to-right {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
transition-property : color;
transition-duration : 0.3s;
}
.hvr-sweep-to-right:before {
content : "";
position : absolute;
z-index : -1;
top : 0;
left : 0;
right : 0;
bottom : 0;
background : #2098D1;
transform : scaleX(0);
transform-origin : 0 50%;
transition-property : transform;
transition-duration : 0.3s;
transition-timing-function : ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
color : white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
transform : scaleX(1);
}
.hvr-sweep-to-left {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
transition-property : color;
transition-duration : 0.3s;
}
.hvr-sweep-to-left:before {
content : "";
position : absolute;
z-index : -1;
top : 0;
left : 0;
right : 0;
bottom : 0;
background : #2098D1;
transform : scaleX(0);
transform-origin : 100% 50%;
transition-property : transform;
transition-duration : 0.3s;
transition-timing-function : ease-out;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
color : white;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
transform : scaleX(1);
}
.hvr-sweep-to-bottom {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
transition-property : color;
transition-duration : 0.3s;
}
.hvr-sweep-to-bottom:before {
content : "";
position : absolute;
z-index : -1;
top : 0;
left : 0;
right : 0;
bottom : 0;
background : #2098D1;
transform : scaleY(0);
transform-origin : 50% 0;
transition-property : transform;
transition-duration : 0.3s;
transition-timing-function : ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
color : white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
transform : scaleY(1);
}
.hvr-sweep-to-top {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
transition-property : color;
transition-duration : 0.3s;
}
.hvr-sweep-to-top:before {
content : "";
position : absolute;
z-index : -1;
top : 0;
left : 0;
right : 0;
bottom : 0;
background : #2098D1;
transform : scaleY(0);
transform-origin : 50% 100%;
transition-property : transform;
transition-duration : 0.3s;
transition-timing-function : ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
color : white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
transform : scaleY(1);
}
.hvr-bounce-to-right {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
transition-property : color;
transition-duration : 0.5s;
}
.hvr-bounce-to-right:before {
content : "";
position : absolute;
z-index : -1;
top : 0;
left : 0;
right : 0;
bottom : 0;
background : #2098D1;
transform : scaleX(0);
transform-origin : 0 50%;
transition-property : transform;
transition-duration : 0.5s;
transition-timing-function : ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
color : white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
transform : scaleX(1);
transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
}
.hvr-bounce-to-left {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
transition-property : color;
transition-duration : 0.5s;
}
.hvr-bounce-to-left:before {
content : "";
position : absolute;
z-index : -1;
top : 0;
left : 0;
right : 0;
bottom : 0;
background : #2098D1;
transform : scaleX(0);
transform-origin : 100% 50%;
transition-property : transform;
transition-duration : 0.5s;
transition-timing-function : ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
color : white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
transform : scaleX(1);
transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
}
.hvr-bounce-to-bottom {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
transition-property : color;
transition-duration : 0.5s;
}
.hvr-bounce-to-bottom:before {
content : "";
position : absolute;
z-index : -1;
top : 0;
left : 0;
right : 0;
bottom : 0;
background : #2098D1;
transform : scaleY(0);
transform-origin : 50% 0;
transition-property : transform;
transition-duration : 0.5s;
transition-timing-function : ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
color : white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
transform : scaleY(1);
transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
}
.hvr-bounce-to-top {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
transition-property : color;
transition-duration : 0.5s;
}
.hvr-bounce-to-top:before {
content : "";
position : absolute;
z-index : -1;
top : 0;
left : 0;
right : 0;
bottom : 0;
background : #2098D1;
transform : scaleY(0);
transform-origin : 50% 100%;
transition-property : transform;
transition-duration : 0.5s;
transition-timing-function : ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
color : white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
transform : scaleY(1);
transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
}
.hvr-radial-out {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
overflow : hidden;
background : #e1e1e1;
transition-property : color;
transition-duration : 0.3s;
}
.hvr-radial-out:before {
content : "";
position : absolute;
z-index : -1;
top : 0;
left : 0;
right : 0;
bottom : 0;
background : #2098D1;
border-radius : 100%;
transform : scale(0);
transition-property : transform;
transition-duration : 0.3s;
transition-timing-function : ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
color : white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
transform : scale(2);
}
.hvr-radial-in {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
overflow : hidden;
background : #2098D1;
transition-property : color;
transition-duration : 0.3s;
}
.hvr-radial-in:before {
content : "";
position : absolute;
z-index : -1;
top : 0;
left : 0;
right : 0;
bottom : 0;
background : #e1e1e1;
border-radius : 100%;
transform : scale(2);
transition-property : transform;
transition-duration : 0.3s;
transition-timing-function : ease-out;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
color : white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
transform : scale(0);
}
.hvr-rectangle-in {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
background : #2098D1;
transition-property : color;
transition-duration : 0.3s;
}
.hvr-rectangle-in:before {
content : "";
position : absolute;
z-index : -1;
top : 0;
left : 0;
right : 0;
bottom : 0;
background : #e1e1e1;
transform : scale(1);
transition-property : transform;
transition-duration : 0.3s;
transition-timing-function : ease-out;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
color : white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
transform : scale(0);
}
.hvr-rectangle-out {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
background : #e1e1e1;
transition-property : color;
transition-duration : 0.3s;
}
.hvr-rectangle-out:before {
content : "";
position : absolute;
z-index : -1;
top : 0;
left : 0;
right : 0;
bottom : 0;
background : #2098D1;
transform : scale(0);
transition-property : transform;
transition-duration : 0.3s;
transition-timing-function : ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
color : white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
transform : scale(1);
}
.hvr-shutter-in-horizontal {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
background : #2098D1;
transition-property : color;
transition-duration : 0.3s;
}
.hvr-shutter-in-horizontal:before {
content : "";
position : absolute;
z-index : -1;
top : 0;
bottom : 0;
left : 0;
right : 0;
background : #e1e1e1;
transform : scaleX(1);
transform-origin : 50%;
transition-property : transform;
transition-duration : 0.3s;
transition-timing-function : ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
color : white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
transform : scaleX(0);
}
.hvr-shutter-out-horizontal {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
background : #e1e1e1;
transition-property : color;
transition-duration : 0.3s;
}
.hvr-shutter-out-horizontal:before {
content : "";
position : absolute;
z-index : -1;
top : 0;
bottom : 0;
left : 0;
right : 0;
background : #2098D1;
transform : scaleX(0);
transform-origin : 50%;
transition-property : transform;
transition-duration : 0.3s;
transition-timing-function : ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
color : white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
transform : scaleX(1);
}
.hvr-shutter-in-vertical {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
background : #2098D1;
transition-property : color;
transition-duration : 0.3s;
}
.hvr-shutter-in-vertical:before {
content : "";
position : absolute;
z-index : -1;
top : 0;
bottom : 0;
left : 0;
right : 0;
background : #e1e1e1;
transform : scaleY(1);
transform-origin : 50%;
transition-property : transform;
transition-duration : 0.3s;
transition-timing-function : ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
color : white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
transform : scaleY(0);
}
.hvr-shutter-out-vertical {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
background : #e1e1e1;
transition-property : color;
transition-duration : 0.3s;
}
.hvr-shutter-out-vertical:before {
content : "";
position : absolute;
z-index : -1;
top : 0;
bottom : 0;
left : 0;
right : 0;
background : #2098D1;
transform : scaleY(0);
transform-origin : 50%;
transition-property : transform;
transition-duration : 0.3s;
transition-timing-function : ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
color : white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
transform : scaleY(1);
}
.hvr-border-fade {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.3s;
transition-property : box-shadow;
box-shadow : 0 0 0 4px #e1e1e1 inset, 0 0 1px transparent;
}
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
box-shadow : 0 0 0 4px #2098D1 inset, 0 0 1px transparent;
}
.hvr-hollow {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.3s;
transition-property : background;
box-shadow : 0 0 0 4px #e1e1e1 inset, 0 0 1px transparent;
}
.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
background : none;
}
.hvr-trim {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
}
.hvr-trim:before {
content : '';
position : absolute;
border : white solid 4px;
top : 4px;
left : 4px;
right : 4px;
bottom : 4px;
opacity : 0;
transition-duration : 0.3s;
transition-property : opacity;
}
.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
opacity : 1;
}
@keyframes hvr-ripple-out {
100% {
top : -12px;
right : -12px;
bottom : -12px;
left : -12px;
opacity : 0;
}
}
.hvr-ripple-out {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
}
.hvr-ripple-out:before {
content : '';
position : absolute;
border : #e1e1e1 solid 6px;
top : 0;
right : 0;
bottom : 0;
left : 0;
animation-duration : 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
animation-name : hvr-ripple-out;
}
@keyframes hvr-ripple-in {
100% {
top : 0;
right : 0;
bottom : 0;
left : 0;
opacity : 1;
}
}
.hvr-ripple-in {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
}
.hvr-ripple-in:before {
content : '';
position : absolute;
border : #e1e1e1 solid 4px;
top : -12px;
right : -12px;
bottom : -12px;
left : -12px;
opacity : 0;
animation-duration : 1s;
}
.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
animation-name : hvr-ripple-in;
}
.hvr-outline-out {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
}
.hvr-outline-out:before {
content : '';
position : absolute;
border : #e1e1e1 solid 4px;
top : 0;
right : 0;
bottom : 0;
left : 0;
transition-duration : 0.3s;
transition-property : top, right, bottom, left;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
top : -8px;
right : -8px;
bottom : -8px;
left : -8px;
}
.hvr-outline-in {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
}
.hvr-outline-in:before {
pointer-events : none;
content : '';
position : absolute;
border : #e1e1e1 solid 4px;
top : -16px;
right : -16px;
bottom : -16px;
left : -16px;
opacity : 0;
transition-duration : 0.3s;
transition-property : top, right, bottom, left;
}
.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
top : -8px;
right : -8px;
bottom : -8px;
left : -8px;
opacity : 1;
}
.hvr-round-corners {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.3s;
transition-property : border-radius;
}
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
border-radius : 1em;
}
.hvr-underline-from-left {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
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;
transition-property : right;
transition-duration : 0.3s;
transition-timing-function : ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
right : 0;
}
.hvr-underline-from-center {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
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;
transition-property : left, right;
transition-duration : 0.3s;
transition-timing-function : ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
left : 0;
right : 0;
}
.hvr-underline-from-right {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
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;
transition-property : left;
transition-duration : 0.3s;
transition-timing-function : ease-out;
}
.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
left : 0;
}
.hvr-overline-from-left {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
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;
transition-property : right;
transition-duration : 0.3s;
transition-timing-function : ease-out;
}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
right : 0;
}
.hvr-overline-from-center {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
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;
transition-property : left, right;
transition-duration : 0.3s;
transition-timing-function : ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
left : 0;
right : 0;
}
.hvr-overline-from-right {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
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;
transition-property : left;
transition-duration : 0.3s;
transition-timing-function : ease-out;
}
.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
left : 0;
}
.hvr-reveal {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
overflow : hidden;
}
.hvr-reveal:before {
content : "";
position : absolute;
z-index : -1;
left : 0;
right : 0;
top : 0;
bottom : 0;
border-color : #2098D1;
border-style : solid;
border-width : 0;
transition-property : border-width;
transition-duration : 0.1s;
transition-timing-function : ease-out;
}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
transform : translateY(0);
border-width : 4px;
}
.hvr-underline-reveal {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
overflow : hidden;
}
.hvr-underline-reveal:before {
content : "";
position : absolute;
z-index : -1;
left : 0;
right : 0;
bottom : 0;
background : #2098D1;
height : 4px;
transform : translateY(4px);
transition-property : transform;
transition-duration : 0.3s;
transition-timing-function : ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
transform : translateY(0);
}
.hvr-overline-reveal {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
overflow : hidden;
}
.hvr-overline-reveal:before {
content : "";
position : absolute;
z-index : -1;
left : 0;
right : 0;
top : 0;
background : #2098D1;
height : 4px;
transform : translateY(-4px);
transition-property : transform;
transition-duration : 0.3s;
transition-timing-function : ease-out;
}
.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
transform : translateY(0);
}
.hvr-glow {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.3s;
transition-property : box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
box-shadow : 0 0 8px rgb(0, 0, 0, 0.6);
}
.hvr-shadow {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.3s;
transition-property : box-shadow;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
box-shadow : 0 10px 10px -10px rgb(0, 0, 0, 0.5);
}
.hvr-grow-shadow {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.3s;
transition-property : box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
box-shadow : 0 10px 10px -10px rgb(0, 0, 0, 0.5);
transform : scale(1.1);
}
.hvr-box-shadow-outset {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.3s;
transition-property : box-shadow;
}
.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
box-shadow : 2px 2px 2px rgb(0, 0, 0, 0.6);
}
.hvr-box-shadow-inset {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.3s;
transition-property : box-shadow;
box-shadow : 0 0 0 rgb(0, 0, 0, 0.6) inset, 0 0 1px transparent;
}
.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
box-shadow : 2px 2px 2px rgb(0, 0, 0, 0.6) inset, 0 0 1px transparent;
}
.hvr-float-shadow {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
transition-duration : 0.3s;
transition-property : transform;
}
.hvr-float-shadow:before {
pointer-events : none;
position : absolute;
z-index : -1;
content : '';
top : 100%;
left : 5%;
height : 10px;
width : 90%;
opacity : 0;
background : radial-gradient(ellipse at center, rgb(0, 0, 0, 0.35) 0%, transparent 80%);
transition-duration : 0.3s;
transition-property : transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
transform : translateY(-5px);
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
opacity : 1;
transform : translateY(5px);
}
.hvr-shadow-radial {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
pointer-events : none;
position : absolute;
content : '';
left : 0;
width : 100%;
box-sizing : border-box;
background-repeat : no-repeat;
height : 5px;
opacity : 0;
transition-duration : 0.3s;
transition-property : opacity;
}
.hvr-shadow-radial:before {
bottom : 100%;
background : radial-gradient(ellipse at 50% 150%, rgb(0, 0, 0, 0.6) 0%, transparent 80%);
}
.hvr-shadow-radial:after {
top : 100%;
background : radial-gradient(ellipse at 50% -50%, rgb(0, 0, 0, 0.6) 0%, transparent 80%);
}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
opacity : 1;
}
.hvr-bubble-top {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
}
.hvr-bubble-top:before {
pointer-events : none;
position : absolute;
z-index : -1;
content : '';
border-style : solid;
transition-duration : 0.3s;
transition-property : transform;
left : calc(50% - 10px);
top : 0;
border-width : 0 10px 10px 10px;
border-color : transparent transparent #e1e1e1 transparent;
}
.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
transform : translateY(-10px);
}
.hvr-bubble-right {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
}
.hvr-bubble-right:before {
pointer-events : none;
position : absolute;
z-index : -1;
content : '';
border-style : solid;
transition-duration : 0.3s;
transition-property : transform;
top : calc(50% - 10px);
right : 0;
border-width : 10px 0 10px 10px;
border-color : transparent transparent transparent #e1e1e1;
}
.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
transform : translateX(10px);
}
.hvr-bubble-bottom {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
}
.hvr-bubble-bottom:before {
pointer-events : none;
position : absolute;
z-index : -1;
content : '';
border-style : solid;
transition-duration : 0.3s;
transition-property : transform;
left : calc(50% - 10px);
bottom : 0;
border-width : 10px 10px 0 10px;
border-color : #e1e1e1 transparent transparent transparent;
}
.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
transform : translateY(10px);
}
.hvr-bubble-left {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
}
.hvr-bubble-left:before {
pointer-events : none;
position : absolute;
z-index : -1;
content : '';
border-style : solid;
transition-duration : 0.3s;
transition-property : transform;
top : calc(50% - 10px);
left : 0;
border-width : 10px 10px 10px 0;
border-color : transparent #e1e1e1 transparent transparent;
}
.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
transform : translateX(-10px);
}
.hvr-bubble-float-top {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
transition-duration : 0.3s;
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 10px;
border-color : transparent transparent #e1e1e1 transparent;
transition-duration : 0.3s;
transition-property : transform;
}
.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
transform : translateY(10px);
}
.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
transform : translateY(-10px);
}
.hvr-bubble-float-right {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
transition-duration : 0.3s;
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;
transition-duration : 0.3s;
transition-property : transform;
}
.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
transform : translateX(-10px);
}
.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
transform : translateX(10px);
}
.hvr-bubble-float-bottom {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
transition-duration : 0.3s;
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 10px;
border-color : #e1e1e1 transparent transparent transparent;
transition-duration : 0.3s;
transition-property : transform;
}
.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
transform : translateY(-10px);
}
.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
transform : translateY(10px);
}
.hvr-bubble-float-left {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
transition-duration : 0.3s;
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;
transition-duration : 0.3s;
transition-property : transform;
}
.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
transform : translateX(10px);
}
.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
transform : translateX(-10px);
}
.hvr-icon-back {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-left : 2.2em;
transition-duration : 0.1s;
}
.hvr-icon-back:before {
content : "\f137";
position : absolute;
left : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
transition-duration : 0.1s;
transition-property : transform;
transition-timing-function : ease-out;
}
.hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
transform : translateX(-4px);
}
.hvr-icon-forward {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
transition-duration : 0.1s;
}
.hvr-icon-forward:before {
content : "\f138";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
transition-duration : 0.1s;
transition-property : transform;
transition-timing-function : ease-out;
}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
transform : translateX(4px);
}
@keyframes hvr-icon-down {
0%, 50%, 100% {
transform : translateY(0);
}
25%, 75% {
transform : translateY(6px);
}
}
.hvr-icon-down {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
}
.hvr-icon-down:before {
content : "\f01a";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
}
.hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
animation-name : hvr-icon-down;
animation-duration : 0.75s;
animation-timing-function : ease-out;
}
@keyframes hvr-icon-up {
0%, 50%, 100% {
transform : translateY(0);
}
25%, 75% {
transform : translateY(-6px);
}
}
.hvr-icon-up {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
}
.hvr-icon-up:before {
content : "\f01b";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
}
.hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
animation-name : hvr-icon-up;
animation-duration : 0.75s;
animation-timing-function : ease-out;
}
.hvr-icon-spin {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
}
.hvr-icon-spin:before {
content : "\f021";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transition-duration : 1s;
transition-property : transform;
transition-timing-function : ease-in-out;
}
.hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
transform : rotate(360deg);
}
@keyframes hvr-icon-drop {
0% {
opacity : 0;
}
50% {
opacity : 0;
transform : translateY(-100%);
}
51%, 100% {
opacity : 1;
}
}
.hvr-icon-drop {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
}
.hvr-icon-drop:before {
content : "\f041";
position : absolute;
right : 1em;
opacity : 1;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
}
.hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
opacity : 0;
transition-duration : 0.3s;
animation-name : hvr-icon-drop;
animation-duration : 0.5s;
animation-delay : 0.3s;
animation-fill-mode : forwards;
animation-timing-function : ease-in-out;
animation-timing-function : cubic-bezier(0.52,1.64,0.37,0.66);
}
.hvr-icon-fade {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
}
.hvr-icon-fade:before {
content : "\f00c";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
transition-duration : 0.5s;
transition-property : color;
}
.hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
color : #0F9E5E;
}
@keyframes hvr-icon-float-away {
0% {
opacity : 1;
}
100% {
opacity : 0;
transform : translateY(-1em);
}
}
.hvr-icon-float-away {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
}
.hvr-icon-float-away:before, .hvr-icon-float-away:after {
content : "\f055";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
}
.hvr-icon-float-away:after {
opacity : 0;
animation-duration : 0.5s;
animation-fill-mode : forwards;
}
.hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
animation-name : hvr-icon-float-away;
animation-timing-function : ease-out;
}
@keyframes hvr-icon-sink-away {
0% {
opacity : 1;
}
100% {
opacity : 0;
transform : translateY(1em);
}
}
.hvr-icon-sink-away {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
}
.hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
content : "\f056";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
}
.hvr-icon-sink-away:after {
opacity : 0;
animation-duration : 0.5s;
animation-fill-mode : forwards;
}
.hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
animation-name : hvr-icon-sink-away;
animation-timing-function : ease-out;
}
.hvr-icon-grow {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
transition-duration : 0.3s;
}
.hvr-icon-grow:before {
content : "\f118";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
transition-duration : 0.3s;
transition-property : transform;
transition-timing-function : ease-out;
}
.hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
transform : scale(1.3) translateZ(0);
}
.hvr-icon-shrink {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
transition-duration : 0.3s;
}
.hvr-icon-shrink:before {
content : "\f119";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
transition-duration : 0.3s;
transition-property : transform;
transition-timing-function : ease-out;
}
.hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
transform : scale(0.8);
}
@keyframes hvr-icon-pulse {
25% {
transform : scale(1.3);
}
75% {
transform : scale(0.8);
}
}
.hvr-icon-pulse {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
}
.hvr-icon-pulse:before {
content : "\f015";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
transition-timing-function : ease-out;
}
.hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
animation-name : hvr-icon-pulse;
animation-duration : 1s;
animation-timing-function : linear;
animation-iteration-count : infinite;
}
@keyframes hvr-icon-pulse-grow {
to {
transform : scale(1.3);
}
}
.hvr-icon-pulse-grow {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
}
.hvr-icon-pulse-grow:before {
content : "\f015";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
transition-timing-function : ease-out;
}
.hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
animation-name : hvr-icon-pulse-grow;
animation-duration : 0.3s;
animation-timing-function : linear;
animation-iteration-count : infinite;
animation-direction : alternate;
}
@keyframes hvr-icon-pulse-shrink {
to {
transform : scale(0.8);
}
}
.hvr-icon-pulse-shrink {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
}
.hvr-icon-pulse-shrink:before {
content : "\f015";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
transition-timing-function : ease-out;
}
.hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
animation-name : hvr-icon-pulse-shrink;
animation-duration : 0.3s;
animation-timing-function : linear;
animation-iteration-count : infinite;
animation-direction : alternate;
}
@keyframes hvr-icon-push {
50% {
transform : scale(0.5);
}
}
.hvr-icon-push {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
transition-duration : 0.3s;
}
.hvr-icon-push:before {
content : "\f006";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
transition-duration : 0.3s;
transition-property : transform;
transition-timing-function : ease-out;
}
.hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
animation-name : hvr-icon-push;
animation-duration : 0.3s;
animation-timing-function : linear;
animation-iteration-count : 1;
}
@keyframes hvr-icon-pop {
50% {
transform : scale(1.5);
}
}
.hvr-icon-pop {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
transition-duration : 0.3s;
}
.hvr-icon-pop:before {
content : "\f005";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
transition-duration : 0.3s;
transition-property : transform;
transition-timing-function : ease-out;
}
.hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
animation-name : hvr-icon-pop;
animation-duration : 0.3s;
animation-timing-function : linear;
animation-iteration-count : 1;
}
.hvr-icon-bounce {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
transition-duration : 0.3s;
}
.hvr-icon-bounce:before {
content : "\f087";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
transition-duration : 0.3s;
transition-property : transform;
transition-timing-function : ease-out;
}
.hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
transform : scale(1.5);
transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36);
}
.hvr-icon-rotate {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
transition-duration : 0.3s;
}
.hvr-icon-rotate:before {
content : "\f0c6";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
transition-duration : 0.3s;
transition-property : transform;
transition-timing-function : ease-out;
}
.hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
transform : rotate(20deg);
}
.hvr-icon-grow-rotate {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
transition-duration : 0.3s;
}
.hvr-icon-grow-rotate:before {
content : "\f095";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
transition-duration : 0.3s;
transition-property : transform;
transition-timing-function : ease-out;
}
.hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
transform : scale(1.5) rotate(12deg);
}
.hvr-icon-float {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
transition-duration : 0.3s;
}
.hvr-icon-float:before {
content : "\f01b";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
transition-duration : 0.3s;
transition-property : transform;
transition-timing-function : ease-out;
}
.hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
transform : translateY(-4px);
}
.hvr-icon-sink {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
transition-duration : 0.3s;
}
.hvr-icon-sink:before {
content : "\f01a";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
transition-duration : 0.3s;
transition-property : transform;
transition-timing-function : ease-out;
}
.hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
transform : translateY(4px);
}
@keyframes hvr-icon-bob {
0% {
transform : translateY(-6px);
}
50% {
transform : translateY(-2px);
}
100% {
transform : translateY(-6px);
}
}
@keyframes hvr-icon-bob-float {
100% {
transform : translateY(-6px);
}
}
.hvr-icon-bob {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
transition-duration : 0.3s;
}
.hvr-icon-bob:before {
content : "\f077";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
}
.hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
animation-name : hvr-icon-bob-float, hvr-icon-bob;
animation-duration : 0.3s, 1.5s;
animation-delay : 0s, 0.3s;
animation-timing-function : ease-out, ease-in-out;
animation-iteration-count : 1, infinite;
animation-fill-mode : forwards;
animation-direction : normal, alternate;
}
@keyframes hvr-icon-hang {
0% {
transform : translateY(6px);
}
50% {
transform : translateY(2px);
}
100% {
transform : translateY(6px);
}
}
@keyframes hvr-icon-hang-sink {
100% {
transform : translateY(6px);
}
}
.hvr-icon-hang {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
transition-duration : 0.3s;
}
.hvr-icon-hang:before {
content : "\f078";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
}
.hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
animation-name : hvr-icon-hang-sink, hvr-icon-hang;
animation-duration : 0.3s, 1.5s;
animation-delay : 0s, 0.3s;
animation-timing-function : ease-out, ease-in-out;
animation-iteration-count : 1, infinite;
animation-fill-mode : forwards;
animation-direction : normal, alternate;
}
@keyframes hvr-icon-wobble-horizontal {
16.65% {
transform : translateX(6px);
}
33.3% {
transform : translateX(-5px);
}
49.95% {
transform : translateX(4px);
}
66.6% {
transform : translateX(-2px);
}
83.25% {
transform : translateX(1px);
}
100% {
transform : translateX(0);
}
}
.hvr-icon-wobble-horizontal {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
transition-duration : 0.3s;
}
.hvr-icon-wobble-horizontal:before {
content : "\f061";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
}
.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
animation-name : hvr-icon-wobble-horizontal;
animation-duration : 1s;
animation-timing-function : ease-in-out;
animation-iteration-count : 1;
}
@keyframes hvr-icon-wobble-vertical {
16.65% {
transform : translateY(6px);
}
33.3% {
transform : translateY(-5px);
}
49.95% {
transform : translateY(4px);
}
66.6% {
transform : translateY(-2px);
}
83.25% {
transform : translateY(1px);
}
100% {
transform : translateY(0);
}
}
.hvr-icon-wobble-vertical {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
transition-duration : 0.3s;
}
.hvr-icon-wobble-vertical:before {
content : "\f062";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
}
.hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
animation-name : hvr-icon-wobble-vertical;
animation-duration : 1s;
animation-timing-function : ease-in-out;
animation-iteration-count : 1;
}
@keyframes hvr-icon-buzz {
50% {
transform : translateX(3px) rotate(2deg);
}
100% {
transform : translateX(-3px) rotate(-2deg);
}
}
.hvr-icon-buzz {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
transition-duration : 0.3s;
}
.hvr-icon-buzz:before {
content : "\f017";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
}
.hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
animation-name : hvr-icon-buzz;
animation-duration : 0.15s;
animation-timing-function : linear;
animation-iteration-count : infinite;
}
@keyframes hvr-icon-buzz-out {
10% {
transform : translateX(3px) rotate(2deg);
}
20% {
transform : translateX(-3px) rotate(-2deg);
}
30% {
transform : translateX(3px) rotate(2deg);
}
40% {
transform : translateX(-3px) rotate(-2deg);
}
50% {
transform : translateX(2px) rotate(1deg);
}
60% {
transform : translateX(-2px) rotate(-1deg);
}
70% {
transform : translateX(2px) rotate(1deg);
}
80% {
transform : translateX(-2px) rotate(-1deg);
}
90% {
transform : translateX(1px) rotate(0);
}
100% {
transform : translateX(-1px) rotate(0);
}
}
.hvr-icon-buzz-out {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
padding-right : 2.2em;
transition-duration : 0.3s;
}
.hvr-icon-buzz-out:before {
content : "\f023";
position : absolute;
right : 1em;
padding : 0 1px;
font-family : FontAwesome;
transform : translateZ(0);
}
.hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
animation-name : hvr-icon-buzz-out;
animation-duration : 0.75s;
animation-timing-function : linear;
animation-iteration-count : 1;
}
.hvr-curl-top-left {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
}
.hvr-curl-top-left:before {
pointer-events : none;
position : absolute;
content : '';
height : 0;
width : 0;
top : 0;
left : 0;
background : white;
background : linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
z-index : 1000;
box-shadow : 1px 1px 1px rgb(0, 0, 0, 0.4);
transition-duration : 0.3s;
transition-property : width, height;
}
.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
width : 25px;
height : 25px;
}
.hvr-curl-top-right {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
}
.hvr-curl-top-right:before {
pointer-events : none;
position : absolute;
content : '';
height : 0;
width : 0;
top : 0;
right : 0;
background : white;
background : linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
box-shadow : -1px 1px 1px rgb(0, 0, 0, 0.4);
transition-duration : 0.3s;
transition-property : width, height;
}
.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
width : 25px;
height : 25px;
}
.hvr-curl-bottom-right {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
}
.hvr-curl-bottom-right:before {
pointer-events : none;
position : absolute;
content : '';
height : 0;
width : 0;
bottom : 0;
right : 0;
background : white;
background : linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
box-shadow : -1px -1px 1px rgb(0, 0, 0, 0.4);
transition-duration : 0.3s;
transition-property : width, height;
}
.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
width : 25px;
height : 25px;
}
.hvr-curl-bottom-left {
display : inline-block;
vertical-align : middle;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
position : relative;
}
.hvr-curl-bottom-left:before {
pointer-events : none;
position : absolute;
content : '';
height : 0;
width : 0;
bottom : 0;
left : 0;
background : white;
background : linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
box-shadow : 1px -1px 1px rgb(0, 0, 0, 0.4);
transition-duration : 0.3s;
transition-property : width, height;
}
.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
width : 25px;
height : 25px;
}
html {
font-family : sans-serif;
}
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 : bold;
}
dfn {
font-style : italic;
}
h1 {
margin : 0.67em 0;
font-size : 2em;
}
mark {
color : #000;
background : #ff0;
}
small {
font-size : 80%;
}
sub, sup {
position : relative;
font-size : 75%;
line-height : 0;
vertical-align : baseline;
}
sup {
top : -0.5em;
}
sub {
bottom : -0.25em;
}
img {
border : 0;
}
svg:not(:root) {
overflow : hidden;
}
figure {
margin : 1em 40px;
}
hr {
height : 0;
box-sizing : content-box;
}
pre {
overflow : auto;
}
code, kbd, pre, samp {
font-family : monospace, monospace;
font-size : 1em;
}
button, input, optgroup, select, textarea {
margin : 0;
font : inherit;
color : inherit;
}
button {
overflow : visible;
}
button, select {
text-transform : none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
cursor : pointer;
}
button[disabled], html input[disabled] {
cursor : default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding : 0;
border : 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"] {
box-sizing : content-box;
}
fieldset {
padding : 0.35em 0.625em 0.75em;
margin : 0 2px;
border : #c0c0c0 solid 1px;
}
legend {
padding : 0;
border : 0;
}
textarea {
overflow : auto;
}
optgroup {
font-weight : bold;
}
table {
border-spacing : 0;
border-collapse : collapse;
}
td, th {
padding : 0;
}
@media print {
*, *:before, *:after {
color : #000 !important ;
text-shadow : none !important ;
background : transparent !important ;
box-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 : "";
}
pre, blockquote {
border : #999 solid 1px;
page-break-inside : avoid;
}
thead {
display : table-header-group;
}
tr, img {
page-break-inside : avoid;
}
img {
max-width : 100% !important ;
}
p, h2, h3 {
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 : #000 solid 1px;
}
.table {
border-collapse : collapse !important ;
}
.table td, .table th {
background-color : #fff !important ;
}
.table-bordered th, .table-bordered td {
border : #ddd solid 1px !important ;
}
}
@font-face {
font-family : 'Glyphicons Halflings';
src : url("/App_Themes/ThemeAr/Fonts/glyphicons-halflings-regular.eot");
src : url("/App_Themes/ThemeAr/Fonts/glyphicons-halflings-regular.eot?#iefix") format('embedded-opentype'), url("/App_Themes/ThemeAr/Fonts/glyphicons-halflings-regular.woff2") format('woff2'), url("/App_Themes/ThemeAr/Fonts/glyphicons-halflings-regular.woff") format('woff'), url("/App_Themes/ThemeAr/Fonts/glyphicons-halflings-regular.ttf") format('truetype'), url("/App_Themes/ThemeAr/Fonts/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 : normal;
line-height : 1;
}
.glyphicon-asterisk:before {
content : "\002a";
}
.glyphicon-plus:before {
content : "\002b";
}
.glyphicon-euro:before, .glyphicon-eur: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 {
content : "\e227";
}
.glyphicon-btc:before {
content : "\e227";
}
.glyphicon-xbt:before {
content : "\e227";
}
.glyphicon-yen:before {
content : "\00a5";
}
.glyphicon-jpy:before {
content : "\00a5";
}
.glyphicon-ruble:before {
content : "\20bd";
}
.glyphicon-rub: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";
}
* {
box-sizing : border-box;
}
*:before, *:after {
box-sizing : border-box;
}
html {
font-size : 10px;
}
body {
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size : 14px;
line-height : 1.42857143;
color : #333;
background-color : #fff;
}
input, button, select, textarea {
font-family : inherit;
font-size : inherit;
line-height : inherit;
}
a {
color : #337ab7;
text-decoration : none;
}
a:hover, a:focus {
color : #23527c;
text-decoration : underline;
}
a:focus {
outline-offset : -2px;
}
figure {
margin : 0;
}
img {
vertical-align : middle;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
display : block;
max-width : 100%;
height : auto;
}
.img-rounded {
border-radius : 6px;
}
.img-thumbnail {
display : inline-block;
max-width : 100%;
height : auto;
padding : 4px;
line-height : 1.42857143;
background-color : #fff;
border : #ddd solid 1px;
border-radius : 4px;
transition : all 0.2s ease-in-out;
}
.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;
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;
}
[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, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
font-weight : normal;
line-height : 1;
color : #777;
}
h1, .h1, h2, .h2, h3, .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, .h4, h5, .h5, h6, .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 {
padding : 0.2em;
background-color : #fcf8e3;
}
.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;
}
.text-uppercase {
text-transform : uppercase;
}
.text-capitalize {
text-transform : capitalize;
}
.text-muted {
color : #777;
}
.text-primary {
color : #337ab7;
}
a.text-primary:hover, a.text-primary:focus {
color : #286090;
}
.text-success {
color : #3c763d;
}
a.text-success:hover, a.text-success:focus {
color : #2b542c;
}
.text-info {
color : #31708f;
}
a.text-info:hover, a.text-info:focus {
color : #245269;
}
.text-warning {
color : #8a6d3b;
}
a.text-warning:hover, a.text-warning:focus {
color : #66512c;
}
.text-danger {
color : #a94442;
}
a.text-danger:hover, a.text-danger:focus {
color : #843534;
}
.bg-primary {
color : #fff;
background-color : #337ab7;
}
a.bg-primary:hover, a.bg-primary:focus {
background-color : #286090;
}
.bg-success {
background-color : #dff0d8;
}
a.bg-success:hover, a.bg-success:focus {
background-color : #c1e2b3;
}
.bg-info {
background-color : #d9edf7;
}
a.bg-info:hover, a.bg-info:focus {
background-color : #afd9ee;
}
.bg-warning {
background-color : #fcf8e3;
}
a.bg-warning:hover, a.bg-warning:focus {
background-color : #f7ecb5;
}
.bg-danger {
background-color : #f2dede;
}
a.bg-danger:hover, a.bg-danger:focus {
background-color : #e4b9b9;
}
.page-header {
padding-bottom : 9px;
margin : 40px 0 20px;
border-bottom : 1px solid #eee;
}
ul, ol {
margin-top : 0;
margin-bottom : 10px;
}
ul ul, ol ul, ul ol, ol ol {
margin-bottom : 0;
}
.list-unstyled {
padding-left : 0;
list-style : none;
}
.list-inline {
padding-left : 0;
margin-left : -5px;
list-style : none;
}
.list-inline > li {
display : inline-block;
padding-right : 5px;
padding-left : 5px;
}
dl {
margin-top : 0;
margin-bottom : 20px;
}
dt, dd {
line-height : 1.42857143;
}
dt {
font-weight : bold;
}
dd {
margin-left : 0;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float : left;
width : 160px;
overflow : hidden;
clear : left;
text-align : right;
text-overflow : ellipsis;
white-space : nowrap;
}
.dl-horizontal dd {
margin-left : 180px;
}
}
abbr[title], abbr[data-original-title] {
cursor : help;
border-bottom : 1px dotted #777;
}
.initialism {
font-size : 90%;
text-transform : uppercase;
}
blockquote {
padding : 10px 20px;
margin : 0 0 20px;
font-size : 17.5px;
border-left : 5px solid #eee;
}
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
margin-bottom : 0;
}
blockquote footer, blockquote small, blockquote .small {
display : block;
font-size : 80%;
line-height : 1.42857143;
color : #777;
}
blockquote footer:before, blockquote small:before, blockquote .small:before {
content : '\2014 \00A0';
}
.blockquote-reverse, blockquote.pull-right {
padding-right : 15px;
padding-left : 0;
text-align : right;
border-right : 5px solid #eee;
border-left : 0;
}
.blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before {
content : '';
}
.blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after {
content : '\00A0 \2014';
}
address {
margin-bottom : 20px;
font-style : normal;
line-height : 1.42857143;
}
code, kbd, pre, samp {
font-family : Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding : 2px 4px;
font-size : 90%;
color : #c7254e;
background-color : #f9f2f4;
border-radius : 4px;
}
kbd {
padding : 2px 4px;
font-size : 90%;
color : #fff;
background-color : #333;
border-radius : 3px;
box-shadow : 0 -1px 0 rgb(0, 0, 0, 0.25) inset;
}
kbd kbd {
padding : 0;
font-size : 100%;
font-weight : bold;
box-shadow : none;
}
pre {
display : block;
padding : 9.5px;
margin : 0 0 10px;
font-size : 13px;
line-height : 1.42857143;
color : #333;
word-break : break-all;
overflow-wrap : break-word;
background-color : #f5f5f5;
border : #ccc solid 1px;
border-radius : 4px;
}
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 {
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
@media (min-width: 768px) {
.container {
width : 750px;
}
}
@media (min-width: 992px) {
.container {
width : 970px;
}
}
@media (min-width: 1200px) {
.container {
width : 1170px;
}
}
.container-fluid {
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
.row {
margin-right : -15px;
margin-left : -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position : relative;
min-height : 1px;
padding-right : 15px;
padding-left : 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-12 {
width : 100%;
}
.col-xs-11 {
width : 91.66666667%;
}
.col-xs-10 {
width : 83.33333333%;
}
.col-xs-9 {
width : 75%;
}
.col-xs-8 {
width : 66.66666667%;
}
.col-xs-7 {
width : 58.33333333%;
}
.col-xs-6 {
width : 50%;
}
.col-xs-5 {
width : 41.66666667%;
}
.col-xs-4 {
width : 33.33333333%;
}
.col-xs-3 {
width : 25%;
}
.col-xs-2 {
width : 16.66666667%;
}
.col-xs-1 {
width : 8.33333333%;
}
.col-xs-pull-12 {
right : 100%;
}
.col-xs-pull-11 {
right : 91.66666667%;
}
.col-xs-pull-10 {
right : 83.33333333%;
}
.col-xs-pull-9 {
right : 75%;
}
.col-xs-pull-8 {
right : 66.66666667%;
}
.col-xs-pull-7 {
right : 58.33333333%;
}
.col-xs-pull-6 {
right : 50%;
}
.col-xs-pull-5 {
right : 41.66666667%;
}
.col-xs-pull-4 {
right : 33.33333333%;
}
.col-xs-pull-3 {
right : 25%;
}
.col-xs-pull-2 {
right : 16.66666667%;
}
.col-xs-pull-1 {
right : 8.33333333%;
}
.col-xs-pull-0 {
right : auto;
}
.col-xs-push-12 {
left : 100%;
}
.col-xs-push-11 {
left : 91.66666667%;
}
.col-xs-push-10 {
left : 83.33333333%;
}
.col-xs-push-9 {
left : 75%;
}
.col-xs-push-8 {
left : 66.66666667%;
}
.col-xs-push-7 {
left : 58.33333333%;
}
.col-xs-push-6 {
left : 50%;
}
.col-xs-push-5 {
left : 41.66666667%;
}
.col-xs-push-4 {
left : 33.33333333%;
}
.col-xs-push-3 {
left : 25%;
}
.col-xs-push-2 {
left : 16.66666667%;
}
.col-xs-push-1 {
left : 8.33333333%;
}
.col-xs-push-0 {
left : auto;
}
.col-xs-offset-12 {
margin-left : 100%;
}
.col-xs-offset-11 {
margin-left : 91.66666667%;
}
.col-xs-offset-10 {
margin-left : 83.33333333%;
}
.col-xs-offset-9 {
margin-left : 75%;
}
.col-xs-offset-8 {
margin-left : 66.66666667%;
}
.col-xs-offset-7 {
margin-left : 58.33333333%;
}
.col-xs-offset-6 {
margin-left : 50%;
}
.col-xs-offset-5 {
margin-left : 41.66666667%;
}
.col-xs-offset-4 {
margin-left : 33.33333333%;
}
.col-xs-offset-3 {
margin-left : 25%;
}
.col-xs-offset-2 {
margin-left : 16.66666667%;
}
.col-xs-offset-1 {
margin-left : 8.33333333%;
}
.col-xs-offset-0 {
margin-left : 0;
}
@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-12 {
width : 100%;
}
.col-sm-11 {
width : 91.66666667%;
}
.col-sm-10 {
width : 83.33333333%;
}
.col-sm-9 {
width : 75%;
}
.col-sm-8 {
width : 66.66666667%;
}
.col-sm-7 {
width : 58.33333333%;
}
.col-sm-6 {
width : 50%;
}
.col-sm-5 {
width : 41.66666667%;
}
.col-sm-4 {
width : 33.33333333%;
}
.col-sm-3 {
width : 25%;
}
.col-sm-2 {
width : 16.66666667%;
}
.col-sm-1 {
width : 8.33333333%;
}
.col-sm-pull-12 {
right : 100%;
}
.col-sm-pull-11 {
right : 91.66666667%;
}
.col-sm-pull-10 {
right : 83.33333333%;
}
.col-sm-pull-9 {
right : 75%;
}
.col-sm-pull-8 {
right : 66.66666667%;
}
.col-sm-pull-7 {
right : 58.33333333%;
}
.col-sm-pull-6 {
right : 50%;
}
.col-sm-pull-5 {
right : 41.66666667%;
}
.col-sm-pull-4 {
right : 33.33333333%;
}
.col-sm-pull-3 {
right : 25%;
}
.col-sm-pull-2 {
right : 16.66666667%;
}
.col-sm-pull-1 {
right : 8.33333333%;
}
.col-sm-pull-0 {
right : auto;
}
.col-sm-push-12 {
left : 100%;
}
.col-sm-push-11 {
left : 91.66666667%;
}
.col-sm-push-10 {
left : 83.33333333%;
}
.col-sm-push-9 {
left : 75%;
}
.col-sm-push-8 {
left : 66.66666667%;
}
.col-sm-push-7 {
left : 58.33333333%;
}
.col-sm-push-6 {
left : 50%;
}
.col-sm-push-5 {
left : 41.66666667%;
}
.col-sm-push-4 {
left : 33.33333333%;
}
.col-sm-push-3 {
left : 25%;
}
.col-sm-push-2 {
left : 16.66666667%;
}
.col-sm-push-1 {
left : 8.33333333%;
}
.col-sm-push-0 {
left : auto;
}
.col-sm-offset-12 {
margin-left : 100%;
}
.col-sm-offset-11 {
margin-left : 91.66666667%;
}
.col-sm-offset-10 {
margin-left : 83.33333333%;
}
.col-sm-offset-9 {
margin-left : 75%;
}
.col-sm-offset-8 {
margin-left : 66.66666667%;
}
.col-sm-offset-7 {
margin-left : 58.33333333%;
}
.col-sm-offset-6 {
margin-left : 50%;
}
.col-sm-offset-5 {
margin-left : 41.66666667%;
}
.col-sm-offset-4 {
margin-left : 33.33333333%;
}
.col-sm-offset-3 {
margin-left : 25%;
}
.col-sm-offset-2 {
margin-left : 16.66666667%;
}
.col-sm-offset-1 {
margin-left : 8.33333333%;
}
.col-sm-offset-0 {
margin-left : 0;
}
}
@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-12 {
width : 100%;
}
.col-md-11 {
width : 91.66666667%;
}
.col-md-10 {
width : 83.33333333%;
}
.col-md-9 {
width : 75%;
}
.col-md-8 {
width : 66.66666667%;
}
.col-md-7 {
width : 58.33333333%;
}
.col-md-6 {
width : 50%;
}
.col-md-5 {
width : 41.66666667%;
}
.col-md-4 {
width : 33.33333333%;
}
.col-md-3 {
width : 25%;
}
.col-md-2 {
width : 16.66666667%;
}
.col-md-1 {
width : 8.33333333%;
}
.col-md-pull-12 {
right : 100%;
}
.col-md-pull-11 {
right : 91.66666667%;
}
.col-md-pull-10 {
right : 83.33333333%;
}
.col-md-pull-9 {
right : 75%;
}
.col-md-pull-8 {
right : 66.66666667%;
}
.col-md-pull-7 {
right : 58.33333333%;
}
.col-md-pull-6 {
right : 50%;
}
.col-md-pull-5 {
right : 41.66666667%;
}
.col-md-pull-4 {
right : 33.33333333%;
}
.col-md-pull-3 {
right : 25%;
}
.col-md-pull-2 {
right : 16.66666667%;
}
.col-md-pull-1 {
right : 8.33333333%;
}
.col-md-pull-0 {
right : auto;
}
.col-md-push-12 {
left : 100%;
}
.col-md-push-11 {
left : 91.66666667%;
}
.col-md-push-10 {
left : 83.33333333%;
}
.col-md-push-9 {
left : 75%;
}
.col-md-push-8 {
left : 66.66666667%;
}
.col-md-push-7 {
left : 58.33333333%;
}
.col-md-push-6 {
left : 50%;
}
.col-md-push-5 {
left : 41.66666667%;
}
.col-md-push-4 {
left : 33.33333333%;
}
.col-md-push-3 {
left : 25%;
}
.col-md-push-2 {
left : 16.66666667%;
}
.col-md-push-1 {
left : 8.33333333%;
}
.col-md-push-0 {
left : auto;
}
.col-md-offset-12 {
margin-left : 100%;
}
.col-md-offset-11 {
margin-left : 91.66666667%;
}
.col-md-offset-10 {
margin-left : 83.33333333%;
}
.col-md-offset-9 {
margin-left : 75%;
}
.col-md-offset-8 {
margin-left : 66.66666667%;
}
.col-md-offset-7 {
margin-left : 58.33333333%;
}
.col-md-offset-6 {
margin-left : 50%;
}
.col-md-offset-5 {
margin-left : 41.66666667%;
}
.col-md-offset-4 {
margin-left : 33.33333333%;
}
.col-md-offset-3 {
margin-left : 25%;
}
.col-md-offset-2 {
margin-left : 16.66666667%;
}
.col-md-offset-1 {
margin-left : 8.33333333%;
}
.col-md-offset-0 {
margin-left : 0;
}
}
@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-12 {
width : 100%;
}
.col-lg-11 {
width : 91.66666667%;
}
.col-lg-10 {
width : 83.33333333%;
}
.col-lg-9 {
width : 75%;
}
.col-lg-8 {
width : 66.66666667%;
}
.col-lg-7 {
width : 58.33333333%;
}
.col-lg-6 {
width : 50%;
}
.col-lg-5 {
width : 41.66666667%;
}
.col-lg-4 {
width : 33.33333333%;
}
.col-lg-3 {
width : 25%;
}
.col-lg-2 {
width : 16.66666667%;
}
.col-lg-1 {
width : 8.33333333%;
}
.col-lg-pull-12 {
right : 100%;
}
.col-lg-pull-11 {
right : 91.66666667%;
}
.col-lg-pull-10 {
right : 83.33333333%;
}
.col-lg-pull-9 {
right : 75%;
}
.col-lg-pull-8 {
right : 66.66666667%;
}
.col-lg-pull-7 {
right : 58.33333333%;
}
.col-lg-pull-6 {
right : 50%;
}
.col-lg-pull-5 {
right : 41.66666667%;
}
.col-lg-pull-4 {
right : 33.33333333%;
}
.col-lg-pull-3 {
right : 25%;
}
.col-lg-pull-2 {
right : 16.66666667%;
}
.col-lg-pull-1 {
right : 8.33333333%;
}
.col-lg-pull-0 {
right : auto;
}
.col-lg-push-12 {
left : 100%;
}
.col-lg-push-11 {
left : 91.66666667%;
}
.col-lg-push-10 {
left : 83.33333333%;
}
.col-lg-push-9 {
left : 75%;
}
.col-lg-push-8 {
left : 66.66666667%;
}
.col-lg-push-7 {
left : 58.33333333%;
}
.col-lg-push-6 {
left : 50%;
}
.col-lg-push-5 {
left : 41.66666667%;
}
.col-lg-push-4 {
left : 33.33333333%;
}
.col-lg-push-3 {
left : 25%;
}
.col-lg-push-2 {
left : 16.66666667%;
}
.col-lg-push-1 {
left : 8.33333333%;
}
.col-lg-push-0 {
left : auto;
}
.col-lg-offset-12 {
margin-left : 100%;
}
.col-lg-offset-11 {
margin-left : 91.66666667%;
}
.col-lg-offset-10 {
margin-left : 83.33333333%;
}
.col-lg-offset-9 {
margin-left : 75%;
}
.col-lg-offset-8 {
margin-left : 66.66666667%;
}
.col-lg-offset-7 {
margin-left : 58.33333333%;
}
.col-lg-offset-6 {
margin-left : 50%;
}
.col-lg-offset-5 {
margin-left : 41.66666667%;
}
.col-lg-offset-4 {
margin-left : 33.33333333%;
}
.col-lg-offset-3 {
margin-left : 25%;
}
.col-lg-offset-2 {
margin-left : 16.66666667%;
}
.col-lg-offset-1 {
margin-left : 8.33333333%;
}
.col-lg-offset-0 {
margin-left : 0;
}
}
table {
background-color : transparent;
}
caption {
padding-top : 8px;
padding-bottom : 8px;
color : #777;
text-align : left;
}
th {
text-align : left;
}
.table {
width : 100%;
max-width : 100%;
margin-bottom : 20px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding : 8px;
line-height : 1.42857143;
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 > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
border-top : 0;
}
.table > tbody + tbody {
border-top : 2px solid #ddd;
}
.table .table {
background-color : #fff;
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
padding : 5px;
}
.table-bordered {
border : #ddd solid 1px;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
border : #ddd solid 1px;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
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;
display : table-column;
float : none;
}
table td[class*="col-"], table th[class*="col-"] {
position : static;
display : table-cell;
float : none;
}
.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
background-color : #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
background-color : #e8e8e8;
}
.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
background-color : #dff0d8;
}
.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
background-color : #d0e9c6;
}
.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
background-color : #d9edf7;
}
.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
background-color : #c4e3f3;
}
.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
background-color : #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
background-color : #faf2cc;
}
.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
background-color : #f2dede;
}
.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
background-color : #ebcccc;
}
.table-responsive {
min-height : 0.01%;
overflow-x : auto;
}
@media screen and (max-width: 767px) {
.table-responsive {
width : 100%;
margin-bottom : 15px;
overflow-y : hidden;
border : #ddd solid 1px;
}
.table-responsive > .table {
margin-bottom : 0;
}
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
white-space : nowrap;
}
.table-responsive > .table-bordered {
border : 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left : 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right : 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom : 0;
}
}
fieldset {
min-width : 0;
padding : 0;
margin : 0;
border : 0;
}
legend {
display : block;
width : 100%;
padding : 0;
margin-bottom : 20px;
font-size : 21px;
line-height : inherit;
color : #333;
border : 0;
border-bottom : 1px solid #e5e5e5;
}
label {
display : inline-block;
max-width : 100%;
margin-bottom : 5px;
font-weight : bold;
}
input[type="search"] {
box-sizing : border-box;
}
input[type="radio"], input[type="checkbox"] {
margin : 4px 0 0;
line-height : normal;
}
input[type="file"] {
display : block;
}
input[type="range"] {
display : block;
width : 100%;
}
select[multiple], select[size] {
height : auto;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
outline-offset : -2px;
}
output {
display : block;
padding-top : 7px;
font-size : 14px;
line-height : 1.42857143;
color : #555;
}
.form-control {
display : block;
width : 100%;
height : 34px;
padding : 6px 12px;
font-size : 14px;
line-height : 1.42857143;
color : #555;
background-color : #fff;
background-image : none;
border : #ccc solid 1px;
border-radius : 4px;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset;
transition : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus {
border-color : #66afe9;
outline : 0;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset, 0 0 8px rgb(102, 175, 233, 0.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 {
background-color : transparent;
border : 0;
}
.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;
}
@media screen {
input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
line-height : 34px;
}
input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] {
line-height : 30px;
}
input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] {
line-height : 46px;
}
}
.form-group {
margin-bottom : 15px;
}
.radio, .checkbox {
position : relative;
display : block;
margin-top : 10px;
margin-bottom : 10px;
}
.radio label, .checkbox label {
min-height : 20px;
padding-left : 20px;
margin-bottom : 0;
font-weight : normal;
cursor : pointer;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
position : absolute;
margin-left : -20px;
}
.radio + .radio, .checkbox + .checkbox {
margin-top : -5px;
}
.radio-inline, .checkbox-inline {
position : relative;
display : inline-block;
padding-left : 20px;
margin-bottom : 0;
font-weight : normal;
vertical-align : middle;
cursor : pointer;
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
margin-top : 0;
margin-left : 10px;
}
input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {
cursor : not-allowed;
}
.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
cursor : not-allowed;
}
.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
cursor : not-allowed;
}
.form-control-static {
min-height : 34px;
padding-top : 7px;
padding-bottom : 7px;
margin-bottom : 0;
}
.form-control-static.input-lg, .form-control-static.input-sm {
padding-right : 0;
padding-left : 0;
}
.input-sm {
height : 30px;
padding : 5px 10px;
font-size : 12px;
line-height : 1.5;
border-radius : 3px;
}
select.input-sm {
height : 30px;
line-height : 30px;
}
textarea.input-sm, select[multiple].input-sm {
height : auto;
}
.form-group-sm .form-control {
height : 30px;
padding : 5px 10px;
font-size : 12px;
line-height : 1.5;
border-radius : 3px;
}
.form-group-sm select.form-control {
height : 30px;
line-height : 30px;
}
.form-group-sm textarea.form-control, .form-group-sm select[multiple].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-lg {
height : 46px;
padding : 10px 16px;
font-size : 18px;
line-height : 1.3333333;
border-radius : 6px;
}
select.input-lg {
height : 46px;
line-height : 46px;
}
textarea.input-lg, select[multiple].input-lg {
height : auto;
}
.form-group-lg .form-control {
height : 46px;
padding : 10px 16px;
font-size : 18px;
line-height : 1.3333333;
border-radius : 6px;
}
.form-group-lg select.form-control {
height : 46px;
line-height : 46px;
}
.form-group-lg textarea.form-control, .form-group-lg select[multiple].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;
}
.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {
width : 46px;
height : 46px;
line-height : 46px;
}
.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {
width : 30px;
height : 30px;
line-height : 30px;
}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
color : #3c763d;
}
.has-success .form-control {
border-color : #3c763d;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset;
}
.has-success .form-control:focus {
border-color : #2b542c;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset, 0 0 6px #67b168;
}
.has-success .input-group-addon {
color : #3c763d;
background-color : #dff0d8;
border-color : #3c763d;
}
.has-success .form-control-feedback {
color : #3c763d;
}
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
color : #8a6d3b;
}
.has-warning .form-control {
border-color : #8a6d3b;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset;
}
.has-warning .form-control:focus {
border-color : #66512c;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset, 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color : #8a6d3b;
background-color : #fcf8e3;
border-color : #8a6d3b;
}
.has-warning .form-control-feedback {
color : #8a6d3b;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
color : #a94442;
}
.has-error .form-control {
border-color : #a94442;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset;
}
.has-error .form-control:focus {
border-color : #843534;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset, 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color : #a94442;
background-color : #f2dede;
border-color : #a94442;
}
.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 .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
width : auto;
}
.form-inline .input-group > .form-control {
width : 100%;
}
.form-inline .control-label {
margin-bottom : 0;
vertical-align : middle;
}
.form-inline .radio, .form-inline .checkbox {
display : inline-block;
margin-top : 0;
margin-bottom : 0;
vertical-align : middle;
}
.form-inline .radio label, .form-inline .checkbox label {
padding-left : 0;
}
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
position : relative;
margin-left : 0;
}
.form-inline .has-feedback .form-control-feedback {
top : 0;
}
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
padding-top : 7px;
margin-top : 0;
margin-bottom : 0;
}
.form-horizontal .radio, .form-horizontal .checkbox {
min-height : 27px;
}
.form-horizontal .form-group {
margin-right : -15px;
margin-left : -15px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
padding-top : 7px;
margin-bottom : 0;
text-align : right;
}
}
.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;
padding : 6px 12px;
margin-bottom : 0;
font-size : 14px;
font-weight : normal;
line-height : 1.42857143;
text-align : center;
white-space : nowrap;
vertical-align : middle;
touch-action : manipulation;
cursor : pointer;
user-select : none;
background-image : none;
border : transparent solid 1px;
border-radius : 4px;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
outline-offset : -2px;
}
.btn:hover, .btn:focus, .btn.focus {
color : #333;
text-decoration : none;
}
.btn:active, .btn.active {
background-image : none;
outline : 0;
box-shadow : 0 3px 5px rgb(0, 0, 0, 0.125) inset;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
cursor : not-allowed;
box-shadow : none;
opacity : 0.65;
}
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:hover {
color : #333;
background-color : #e6e6e6;
border-color : #adadad;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
color : #333;
background-color : #e6e6e6;
border-color : #adadad;
}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
color : #333;
background-color : #d4d4d4;
border-color : #8c8c8c;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
background-image : none;
}
.btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus {
background-color : #fff;
border-color : #ccc;
}
.btn-default .badge {
color : #fff;
background-color : #333;
}
.btn-primary {
color : #fff;
background-color : #337ab7;
border-color : #2e6da4;
}
.btn-primary:focus, .btn-primary.focus {
color : #fff;
background-color : #286090;
border-color : #122b40;
}
.btn-primary:hover {
color : #fff;
background-color : #286090;
border-color : #204d74;
}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
color : #fff;
background-color : #286090;
border-color : #204d74;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
color : #fff;
background-color : #204d74;
border-color : #122b40;
}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
background-image : none;
}
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
background-color : #337ab7;
border-color : #2e6da4;
}
.btn-primary .badge {
color : #337ab7;
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:hover {
color : #fff;
background-color : #449d44;
border-color : #398439;
}
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
color : #fff;
background-color : #449d44;
border-color : #398439;
}
.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
color : #fff;
background-color : #398439;
border-color : #255625;
}
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
background-image : none;
}
.btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus {
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:hover {
color : #fff;
background-color : #31b0d5;
border-color : #269abc;
}
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
color : #fff;
background-color : #31b0d5;
border-color : #269abc;
}
.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
color : #fff;
background-color : #269abc;
border-color : #1b6d85;
}
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
background-image : none;
}
.btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus {
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:hover {
color : #fff;
background-color : #ec971f;
border-color : #d58512;
}
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
color : #fff;
background-color : #ec971f;
border-color : #d58512;
}
.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
color : #fff;
background-color : #d58512;
border-color : #985f0d;
}
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
background-image : none;
}
.btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus {
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:hover {
color : #fff;
background-color : #c9302c;
border-color : #ac2925;
}
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
color : #fff;
background-color : #c9302c;
border-color : #ac2925;
}
.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
color : #fff;
background-color : #ac2925;
border-color : #761c19;
}
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
background-image : none;
}
.btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus {
background-color : #d9534f;
border-color : #d43f3a;
}
.btn-danger .badge {
color : #d9534f;
background-color : #fff;
}
.btn-link {
font-weight : normal;
color : #337ab7;
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:hover, .btn-link:focus, .btn-link:active {
border-color : transparent;
}
.btn-link:hover, .btn-link:focus {
color : #23527c;
text-decoration : underline;
background-color : transparent;
}
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
color : #777;
text-decoration : none;
}
.btn-lg, .btn-group-lg > .btn {
padding : 10px 16px;
font-size : 18px;
line-height : 1.3333333;
border-radius : 6px;
}
.btn-sm, .btn-group-sm > .btn {
padding : 5px 10px;
font-size : 12px;
line-height : 1.5;
border-radius : 3px;
}
.btn-xs, .btn-group-xs > .btn {
padding : 1px 5px;
font-size : 12px;
line-height : 1.5;
border-radius : 3px;
}
.btn-block {
display : block;
width : 100%;
}
.btn-block + .btn-block {
margin-top : 5px;
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
width : 100%;
}
.fade {
opacity : 0;
transition : opacity 0.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;
transition-timing-function : ease;
transition-duration : 0.35s;
transition-property : height, visibility;
}
.caret {
display : inline-block;
width : 0;
height : 0;
margin-left : 2px;
vertical-align : middle;
border-top : 4px dashed;
border-right : 4px solid transparent;
border-left : 4px solid transparent;
}
.dropup, .dropdown {
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;
font-size : 14px;
text-align : left;
list-style : none;
background-color : #fff;
background-clip : padding-box;
border : #ccc solid 1px;
border : rgb(0, 0, 0, 0.15) solid 1px;
border-radius : 4px;
box-shadow : 0 6px 12px rgb(0, 0, 0, 0.175);
}
.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 : normal;
line-height : 1.42857143;
color : #333;
white-space : nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
color : #262626;
text-decoration : none;
background-color : #f5f5f5;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color : #fff;
text-decoration : none;
background-color : #337ab7;
outline : 0;
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
color : #777;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
text-decoration : none;
cursor : not-allowed;
background-color : transparent;
background-image : none;
}
.open > .dropdown-menu {
display : block;
}
.open > a {
outline : 0;
}
.dropdown-menu-right {
right : 0;
left : auto;
}
.dropdown-menu-left {
right : auto;
left : 0;
}
.dropdown-header {
display : block;
padding : 3px 20px;
font-size : 12px;
line-height : 1.42857143;
color : #777;
white-space : nowrap;
}
.dropdown-backdrop {
position : fixed;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 990;
}
.pull-right > .dropdown-menu {
right : 0;
left : auto;
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
content : "";
border-top : 0;
border-bottom : 4px dashed;
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
top : auto;
bottom : 100%;
margin-bottom : 2px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right : 0;
left : auto;
}
.navbar-right .dropdown-menu-left {
right : auto;
left : 0;
}
}
.btn-group, .btn-group-vertical {
position : relative;
display : inline-block;
vertical-align : middle;
}
.btn-group > .btn, .btn-group-vertical > .btn {
position : relative;
float : left;
}
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
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 .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-top-right-radius : 0;
border-bottom-right-radius : 0;
}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius : 0;
border-bottom-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-top-right-radius : 0;
border-bottom-right-radius : 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius : 0;
border-bottom-left-radius : 0;
}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
outline : 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-right : 8px;
padding-left : 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-right : 12px;
padding-left : 12px;
}
.btn-group.open .dropdown-toggle {
box-shadow : 0 3px 5px rgb(0, 0, 0, 0.125) inset;
}
.btn-group.open .dropdown-toggle.btn-link {
box-shadow : none;
}
.btn .caret {
margin-left : 0;
}
.btn-lg .caret {
border-width : 5px 5px 0;
border-bottom-width : 0;
}
.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 > .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) {
border-top-left-radius : 4px;
border-top-right-radius : 4px;
border-bottom-right-radius : 0;
border-bottom-left-radius : 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius : 0;
border-top-right-radius : 0;
border-bottom-right-radius : 4px;
border-bottom-left-radius : 4px;
}
.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-left-radius : 0;
border-top-right-radius : 0;
}
.btn-group-justified {
display : table;
width : 100%;
table-layout : fixed;
border-collapse : separate;
}
.btn-group-justified > .btn, .btn-group-justified > .btn-group {
display : table-cell;
float : none;
width : 1%;
}
.btn-group-justified > .btn-group .btn {
width : 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
left : auto;
}
[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
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-right : 0;
padding-left : 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-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
height : 46px;
padding : 10px 16px;
font-size : 18px;
line-height : 1.3333333;
border-radius : 6px;
}
select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
height : 46px;
line-height : 46px;
}
textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn {
height : auto;
}
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
height : 30px;
padding : 5px 10px;
font-size : 12px;
line-height : 1.5;
border-radius : 3px;
}
select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
height : 30px;
line-height : 30px;
}
textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn {
height : auto;
}
.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 : normal;
line-height : 1;
color : #555;
text-align : center;
background-color : #eee;
border : #ccc solid 1px;
border-radius : 4px;
}
.input-group-addon.input-sm {
padding : 5px 10px;
font-size : 12px;
border-radius : 3px;
}
.input-group-addon.input-lg {
padding : 10px 16px;
font-size : 18px;
border-radius : 6px;
}
.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
margin-top : 0;
}
.input-group .form-control:first-child, .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:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-top-right-radius : 0;
border-bottom-right-radius : 0;
}
.input-group-addon:first-child {
border-right : 0;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-top-left-radius : 0;
border-bottom-left-radius : 0;
}
.input-group-addon:last-child {
border-left : 0;
}
.input-group-btn {
position : relative;
font-size : 0;
white-space : nowrap;
}
.input-group-btn > .btn {
position : relative;
}
.input-group-btn > .btn + .btn {
margin-left : -1px;
}
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
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 {
padding-left : 0;
margin-bottom : 0;
list-style : none;
}
.nav > li {
position : relative;
display : block;
}
.nav > li > a {
position : relative;
display : block;
padding : 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
text-decoration : none;
background-color : #eee;
}
.nav > li.disabled > a {
color : #777;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
color : #777;
text-decoration : none;
cursor : not-allowed;
background-color : transparent;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color : #eee;
border-color : #337ab7;
}
.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.42857143;
border : transparent solid 1px;
border-radius : 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color : #eee #eee #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color : #555;
cursor : default;
background-color : #fff;
border : #ddd solid 1px;
border-bottom-color : transparent;
}
.nav-tabs.nav-justified {
width : 100%;
border-bottom : 0;
}
.nav-tabs.nav-justified > li {
float : none;
}
.nav-tabs.nav-justified > li > a {
margin-bottom : 5px;
text-align : center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top : auto;
left : auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display : table-cell;
width : 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom : 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right : 0;
border-radius : 4px;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
border : #ddd solid 1px;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom : 1px solid #ddd;
border-radius : 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
border-bottom-color : #fff;
}
}
.nav-pills > li {
float : left;
}
.nav-pills > li > a {
border-radius : 4px;
}
.nav-pills > li + li {
margin-left : 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
color : #fff;
background-color : #337ab7;
}
.nav-stacked > li {
float : none;
}
.nav-stacked > li + li {
margin-top : 2px;
margin-left : 0;
}
.nav-justified {
width : 100%;
}
.nav-justified > li {
float : none;
}
.nav-justified > li > a {
margin-bottom : 5px;
text-align : center;
}
.nav-justified > .dropdown .dropdown-menu {
top : auto;
left : auto;
}
@media (min-width: 768px) {
.nav-justified > li {
display : table-cell;
width : 1%;
}
.nav-justified > li > a {
margin-bottom : 0;
}
}
.nav-tabs-justified {
border-bottom : 0;
}
.nav-tabs-justified > li > a {
margin-right : 0;
border-radius : 4px;
}
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
border : #ddd solid 1px;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom : 1px solid #ddd;
border-radius : 4px 4px 0 0;
}
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
border-bottom-color : #fff;
}
}
.tab-content > .tab-pane {
display : none;
}
.tab-content > .active {
display : block;
}
.nav-tabs .dropdown-menu {
margin-top : -1px;
border-top-left-radius : 0;
border-top-right-radius : 0;
}
.navbar {
position : relative;
min-height : 50px;
margin-bottom : 20px;
border : transparent solid 1px;
}
@media (min-width: 768px) {
.navbar {
border-radius : 4px;
}
}
@media (min-width: 768px) {
.navbar-header {
float : left;
}
}
.navbar-collapse {
padding-right : 15px;
padding-left : 15px;
overflow-x : visible;
border-top : 1px solid transparent;
box-shadow : 0 1px 0 rgb(255, 255, 255, 0.1) inset;
}
.navbar-collapse.in {
overflow-y : auto;
}
@media (min-width: 768px) {
.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-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
padding-right : 0;
padding-left : 0;
}
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
max-height : 340px;
}
@media (device-width) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
max-height : 200px;
}
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
margin-right : -15px;
margin-left : -15px;
}
@media (min-width: 768px) {
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
margin-right : 0;
margin-left : 0;
}
}
.navbar-static-top {
z-index : 1000;
border-width : 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius : 0;
}
}
.navbar-fixed-top, .navbar-fixed-bottom {
position : fixed;
right : 0;
left : 0;
z-index : 1030;
}
@media (min-width: 768px) {
.navbar-fixed-top, .navbar-fixed-bottom {
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;
height : 50px;
padding : 15px 15px;
font-size : 18px;
line-height : 20px;
}
.navbar-brand:hover, .navbar-brand:focus {
text-decoration : none;
}
.navbar-brand > img {
display : block;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
margin-left : -15px;
}
}
.navbar-toggle {
position : relative;
float : right;
padding : 9px 10px;
margin-top : 8px;
margin-right : 15px;
margin-bottom : 8px;
background-color : transparent;
background-image : none;
border : transparent solid 1px;
border-radius : 4px;
}
.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: 768px) {
.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: 767px) {
.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 > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
padding : 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height : 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
background-image : none;
}
}
@media (min-width: 768px) {
.navbar-nav {
float : left;
margin : 0;
}
.navbar-nav > li {
float : left;
}
.navbar-nav > li > a {
padding-top : 15px;
padding-bottom : 15px;
}
}
.navbar-form {
padding : 10px 15px;
margin-top : 8px;
margin-right : -15px;
margin-bottom : 8px;
margin-left : -15px;
border-top : 1px solid transparent;
border-bottom : 1px solid transparent;
box-shadow : 0 1px 0 rgb(255, 255, 255, 0.1) inset, 0 1px 0 rgb(255, 255, 255, 0.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 .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
width : auto;
}
.navbar-form .input-group > .form-control {
width : 100%;
}
.navbar-form .control-label {
margin-bottom : 0;
vertical-align : middle;
}
.navbar-form .radio, .navbar-form .checkbox {
display : inline-block;
margin-top : 0;
margin-bottom : 0;
vertical-align : middle;
}
.navbar-form .radio label, .navbar-form .checkbox label {
padding-left : 0;
}
.navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
position : relative;
margin-left : 0;
}
.navbar-form .has-feedback .form-control-feedback {
top : 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom : 5px;
}
.navbar-form .form-group:last-child {
margin-bottom : 0;
}
}
@media (min-width: 768px) {
.navbar-form {
width : auto;
padding-top : 0;
padding-bottom : 0;
margin-right : 0;
margin-left : 0;
border : 0;
box-shadow : none;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top : 0;
border-top-left-radius : 0;
border-top-right-radius : 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom : 0;
border-top-left-radius : 4px;
border-top-right-radius : 4px;
border-bottom-right-radius : 0;
border-bottom-left-radius : 0;
}
.navbar-btn {
margin-top : 8px;
margin-bottom : 8px;
}
.navbar-btn.btn-sm {
margin-top : 10px;
margin-bottom : 10px;
}
.navbar-btn.btn-xs {
margin-top : 14px;
margin-bottom : 14px;
}
.navbar-text {
margin-top : 15px;
margin-bottom : 15px;
}
@media (min-width: 768px) {
.navbar-text {
float : left;
margin-right : 15px;
margin-left : 15px;
}
}
@media (min-width: 768px) {
.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:hover, .navbar-default .navbar-brand:focus {
color : #5e5e5e;
background-color : transparent;
}
.navbar-default .navbar-text {
color : #777;
}
.navbar-default .navbar-nav > li > a {
color : #777;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color : #333;
background-color : transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color : #555;
background-color : #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
color : #ccc;
background-color : transparent;
}
.navbar-default .navbar-toggle {
border-color : #ddd;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
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:hover, .navbar-default .navbar-nav > .open > a:focus {
color : #555;
background-color : #e7e7e7;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color : #777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color : #333;
background-color : transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color : #555;
background-color : #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
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:hover, .navbar-default .btn-link:focus {
color : #333;
}
.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {
color : #ccc;
}
.navbar-inverse {
background-color : #222;
border-color : #080808;
}
.navbar-inverse .navbar-brand {
color : #9d9d9d;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
color : #fff;
background-color : transparent;
}
.navbar-inverse .navbar-text {
color : #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
color : #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color : #fff;
background-color : transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color : #fff;
background-color : #080808;
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
color : #444;
background-color : transparent;
}
.navbar-inverse .navbar-toggle {
border-color : #333;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
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:hover, .navbar-inverse .navbar-nav > .open > a:focus {
color : #fff;
background-color : #080808;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color : #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color : #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color : #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color : #fff;
background-color : transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color : #fff;
background-color : #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
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:hover, .navbar-inverse .btn-link:focus {
color : #fff;
}
.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {
color : #444;
}
.breadcrumb {
padding : 8px 15px;
margin-bottom : 20px;
list-style : none;
background-color : #f5f5f5;
border-radius : 4px;
}
.breadcrumb > li {
display : inline-block;
}
.breadcrumb > li + li:before {
padding : 0 5px;
color : #ccc;
content : "/\00a0";
}
.breadcrumb > .active {
color : #777;
}
.pagination {
display : inline-block;
padding-left : 0;
margin : 20px 0;
border-radius : 4px;
}
.pagination > li {
display : inline;
}
.pagination > li > a, .pagination > li > span {
position : relative;
float : left;
padding : 6px 12px;
margin-left : -1px;
line-height : 1.42857143;
color : #337ab7;
text-decoration : none;
background-color : #fff;
border : #ddd solid 1px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
margin-left : 0;
border-top-left-radius : 4px;
border-bottom-left-radius : 4px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
border-top-right-radius : 4px;
border-bottom-right-radius : 4px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
z-index : 2;
color : #23527c;
background-color : #eee;
border-color : #ddd;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
z-index : 3;
color : #fff;
cursor : default;
background-color : #337ab7;
border-color : #337ab7;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
color : #777;
cursor : not-allowed;
background-color : #fff;
border-color : #ddd;
}
.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-top-left-radius : 6px;
border-bottom-left-radius : 6px;
}
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
border-top-right-radius : 6px;
border-bottom-right-radius : 6px;
}
.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-top-left-radius : 3px;
border-bottom-left-radius : 3px;
}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
border-top-right-radius : 3px;
border-bottom-right-radius : 3px;
}
.pager {
padding-left : 0;
margin : 20px 0;
text-align : center;
list-style : none;
}
.pager li {
display : inline;
}
.pager li > a, .pager li > span {
display : inline-block;
padding : 5px 14px;
background-color : #fff;
border : #ddd solid 1px;
border-radius : 15px;
}
.pager li > a:hover, .pager li > a:focus {
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:hover, .pager .disabled > a:focus, .pager .disabled > span {
color : #777;
cursor : not-allowed;
background-color : #fff;
}
.label {
display : inline;
padding : 0.2em 0.6em 0.3em;
font-size : 75%;
font-weight : bold;
line-height : 1;
color : #fff;
text-align : center;
white-space : nowrap;
vertical-align : baseline;
border-radius : 0.25em;
}
a.label:hover, a.label:focus {
color : #fff;
text-decoration : none;
cursor : pointer;
}
.label:empty {
display : none;
}
.btn .label {
position : relative;
top : -1px;
}
.label-default {
background-color : #777;
}
.label-default[href]:hover, .label-default[href]:focus {
background-color : #5e5e5e;
}
.label-primary {
background-color : #337ab7;
}
.label-primary[href]:hover, .label-primary[href]:focus {
background-color : #286090;
}
.label-success {
background-color : #5cb85c;
}
.label-success[href]:hover, .label-success[href]:focus {
background-color : #449d44;
}
.label-info {
background-color : #5bc0de;
}
.label-info[href]:hover, .label-info[href]:focus {
background-color : #31b0d5;
}
.label-warning {
background-color : #f0ad4e;
}
.label-warning[href]:hover, .label-warning[href]:focus {
background-color : #ec971f;
}
.label-danger {
background-color : #d9534f;
}
.label-danger[href]:hover, .label-danger[href]:focus {
background-color : #c9302c;
}
.badge {
display : inline-block;
min-width : 10px;
padding : 3px 7px;
font-size : 12px;
font-weight : bold;
line-height : 1;
color : #fff;
text-align : center;
white-space : nowrap;
vertical-align : middle;
background-color : #777;
border-radius : 10px;
}
.badge:empty {
display : none;
}
.btn .badge {
position : relative;
top : -1px;
}
.btn-xs .badge, .btn-group-xs > .btn .badge {
top : 0;
padding : 1px 5px;
}
a.badge:hover, a.badge:focus {
color : #fff;
text-decoration : none;
cursor : pointer;
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
color : #337ab7;
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;
}
.jumbotron {
padding-top : 30px;
padding-bottom : 30px;
margin-bottom : 30px;
color : inherit;
background-color : #eee;
}
.jumbotron h1, .jumbotron .h1 {
color : inherit;
}
.jumbotron p {
margin-bottom : 15px;
font-size : 21px;
font-weight : 200;
}
.jumbotron > hr {
border-top-color : #d5d5d5;
}
.container .jumbotron, .container-fluid .jumbotron {
padding-right : 15px;
padding-left : 15px;
border-radius : 6px;
}
.jumbotron .container {
max-width : 100%;
}
@media screen and (min-width: 768px) {
.jumbotron {
padding-top : 48px;
padding-bottom : 48px;
}
.container .jumbotron, .container-fluid .jumbotron {
padding-right : 60px;
padding-left : 60px;
}
.jumbotron h1, .jumbotron .h1 {
font-size : 63px;
}
}
.thumbnail {
display : block;
padding : 4px;
margin-bottom : 20px;
line-height : 1.42857143;
background-color : #fff;
border : #ddd solid 1px;
border-radius : 4px;
transition : border 0.2s ease-in-out;
}
.thumbnail > img, .thumbnail a > img {
margin-right : auto;
margin-left : auto;
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
border-color : #337ab7;
}
.thumbnail .caption {
padding : 9px;
color : #333;
}
.alert {
padding : 15px;
margin-bottom : 20px;
border : transparent solid 1px;
border-radius : 4px;
}
.alert h4 {
margin-top : 0;
color : inherit;
}
.alert .alert-link {
font-weight : bold;
}
.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 {
color : #3c763d;
background-color : #dff0d8;
border-color : #d6e9c6;
}
.alert-success hr {
border-top-color : #c9e2b3;
}
.alert-success .alert-link {
color : #2b542c;
}
.alert-info {
color : #31708f;
background-color : #d9edf7;
border-color : #bce8f1;
}
.alert-info hr {
border-top-color : #a6e1ec;
}
.alert-info .alert-link {
color : #245269;
}
.alert-warning {
color : #8a6d3b;
background-color : #fcf8e3;
border-color : #faebcc;
}
.alert-warning hr {
border-top-color : #f7e1b5;
}
.alert-warning .alert-link {
color : #66512c;
}
.alert-danger {
color : #a94442;
background-color : #f2dede;
border-color : #ebccd1;
}
.alert-danger hr {
border-top-color : #e4b9c0;
}
.alert-danger .alert-link {
color : #843534;
}
@keyframes progress-bar-stripes {
from {
background-position : 40px 0;
}
to {
background-position : 0 0;
}
}
.progress {
height : 20px;
margin-bottom : 20px;
overflow : hidden;
background-color : #f5f5f5;
border-radius : 4px;
box-shadow : 0 1px 2px rgb(0, 0, 0, 0.1) inset;
}
.progress-bar {
float : left;
width : 0;
height : 100%;
font-size : 12px;
line-height : 20px;
color : #fff;
text-align : center;
background-color : #337ab7;
box-shadow : 0 -1px 0 rgb(0, 0, 0, 0.15) inset;
transition : width 0.6s ease;
}
.progress-striped .progress-bar, .progress-bar-striped {
background-image : linear-gradient(45deg, rgb(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgb(255, 255, 255, 0.15) 50%, rgb(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size : 40px 40px;
}
.progress.active .progress-bar, .progress-bar.active {
animation : progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color : #5cb85c;
}
.progress-striped .progress-bar-success {
background-image : linear-gradient(45deg, rgb(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgb(255, 255, 255, 0.15) 50%, rgb(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
background-color : #5bc0de;
}
.progress-striped .progress-bar-info {
background-image : linear-gradient(45deg, rgb(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgb(255, 255, 255, 0.15) 50%, rgb(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
background-color : #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image : linear-gradient(45deg, rgb(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgb(255, 255, 255, 0.15) 50%, rgb(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color : #d9534f;
}
.progress-striped .progress-bar-danger {
background-image : linear-gradient(45deg, rgb(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgb(255, 255, 255, 0.15) 50%, rgb(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
margin-top : 15px;
}
.media:first-child {
margin-top : 0;
}
.media, .media-body {
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-left, .media-right, .media-body {
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 {
padding-left : 0;
margin-bottom : 20px;
}
.list-group-item {
position : relative;
display : block;
padding : 10px 15px;
margin-bottom : -1px;
background-color : #fff;
border : #ddd solid 1px;
}
.list-group-item:first-child {
border-top-left-radius : 4px;
border-top-right-radius : 4px;
}
.list-group-item:last-child {
margin-bottom : 0;
border-bottom-right-radius : 4px;
border-bottom-left-radius : 4px;
}
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:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
color : #555;
text-decoration : none;
background-color : #f5f5f5;
}
button.list-group-item {
width : 100%;
text-align : left;
}
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
color : #777;
cursor : not-allowed;
background-color : #eee;
}
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
color : inherit;
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
color : #777;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
z-index : 2;
color : #fff;
background-color : #337ab7;
border-color : #337ab7;
}
.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small {
color : inherit;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
color : #c7ddef;
}
.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:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus {
color : #3c763d;
background-color : #d0e9c6;
}
a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus {
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:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus {
color : #31708f;
background-color : #c4e3f3;
}
a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus {
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:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus {
color : #8a6d3b;
background-color : #faf2cc;
}
a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus {
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:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus {
color : #a94442;
background-color : #ebcccc;
}
a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus {
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 : transparent solid 1px;
border-radius : 4px;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.05);
}
.panel-body {
padding : 15px;
}
.panel-heading {
padding : 10px 15px;
border-bottom : 1px solid transparent;
border-top-left-radius : 3px;
border-top-right-radius : 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
color : inherit;
}
.panel-title {
margin-top : 0;
margin-bottom : 0;
font-size : 16px;
color : inherit;
}
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
color : inherit;
}
.panel-footer {
padding : 10px 15px;
background-color : #f5f5f5;
border-top : 1px solid #ddd;
border-bottom-right-radius : 3px;
border-bottom-left-radius : 3px;
}
.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-left-radius : 3px;
border-top-right-radius : 3px;
}
.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 : 3px;
border-bottom-left-radius : 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-left-radius : 0;
border-top-right-radius : 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width : 0;
}
.list-group + .panel-footer {
border-top-width : 0;
}
.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {
margin-bottom : 0;
}
.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
padding-right : 15px;
padding-left : 15px;
}
.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
border-top-left-radius : 3px;
border-top-right-radius : 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius : 3px;
border-top-right-radius : 3px;
}
.panel > .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 td:first-child, .panel > .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 td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th: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 th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius : 3px;
}
.panel > .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 td:last-child, .panel > .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 td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th: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 th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius : 3px;
}
.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius : 3px;
border-bottom-left-radius : 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-right-radius : 3px;
border-bottom-left-radius : 3px;
}
.panel > .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 td:first-child, .panel > .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 td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius : 3px;
}
.panel > .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 td:last-child, .panel > .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 td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius : 3px;
}
.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 th, .panel > .table > tbody:first-child > tr:first-child td {
border-top : 0;
}
.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
border : 0;
}
.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left : 0;
}
.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right : 0;
}
.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom : 0;
}
.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom : 0;
}
.panel > .table-responsive {
margin-bottom : 0;
border : 0;
}
.panel-group {
margin-bottom : 20px;
}
.panel-group .panel {
margin-bottom : 0;
border-radius : 4px;
}
.panel-group .panel + .panel {
margin-top : 5px;
}
.panel-group .panel-heading {
border-bottom : 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
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 : #337ab7;
}
.panel-primary > .panel-heading {
color : #fff;
background-color : #337ab7;
border-color : #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color : #337ab7;
}
.panel-primary > .panel-heading .badge {
color : #337ab7;
background-color : #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color : #337ab7;
}
.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 iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
position : absolute;
top : 0;
bottom : 0;
left : 0;
width : 100%;
height : 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 : #e3e3e3 solid 1px;
border-radius : 4px;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.05) inset;
}
.well blockquote {
border-color : #ddd;
border-color : rgb(0, 0, 0, 0.15);
}
.well-lg {
padding : 24px;
border-radius : 6px;
}
.well-sm {
padding : 9px;
border-radius : 3px;
}
.close {
float : right;
font-size : 21px;
font-weight : bold;
line-height : 1;
color : #000;
text-shadow : 0 1px 0 #fff;
opacity : 0.2;
}
.close:hover, .close:focus {
color : #000;
text-decoration : none;
cursor : pointer;
opacity : 0.5;
}
button.close {
padding : 0;
cursor : pointer;
background : transparent;
border : 0;
}
.modal-open {
overflow : hidden;
}
.modal {
position : fixed;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 1050;
display : none;
overflow : hidden;
outline : 0;
}
.modal.fade .modal-dialog {
transition : transform 0.3s ease-out;
transform : translate(0,-25%);
}
.modal.in .modal-dialog {
transform : translate(0,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;
background-clip : padding-box;
border : #999 solid 1px;
border : rgb(0, 0, 0, 0.2) solid 1px;
border-radius : 6px;
outline : 0;
box-shadow : 0 3px 9px rgb(0, 0, 0, 0.5);
}
.modal-backdrop {
position : fixed;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 1040;
background-color : #000;
}
.modal-backdrop.fade {
opacity : 0;
}
.modal-backdrop.in {
opacity : 0.5;
}
.modal-header {
padding : 15px;
border-bottom : 1px solid #e5e5e5;
}
.modal-header .close {
margin-top : -2px;
}
.modal-title {
margin : 0;
line-height : 1.42857143;
}
.modal-body {
position : relative;
padding : 15px;
}
.modal-footer {
padding : 15px;
text-align : right;
border-top : 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-bottom : 0;
margin-left : 5px;
}
.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 rgb(0, 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-size : 12px;
font-style : normal;
font-weight : normal;
line-height : 1.42857143;
text-align : left;
text-align : start;
text-decoration : none;
text-shadow : none;
text-transform : none;
letter-spacing : normal;
word-break : normal;
word-spacing : normal;
overflow-wrap : normal;
white-space : normal;
opacity : 0;
line-break : auto;
}
.tooltip.in {
opacity : 0.9;
}
.tooltip.top {
padding : 5px 0;
margin-top : -3px;
}
.tooltip.right {
padding : 0 5px;
margin-left : 3px;
}
.tooltip.bottom {
padding : 5px 0;
margin-top : 3px;
}
.tooltip.left {
padding : 0 5px;
margin-left : -3px;
}
.tooltip-inner {
max-width : 200px;
padding : 3px 8px;
color : #fff;
text-align : center;
background-color : #000;
border-radius : 4px;
}
.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;
bottom : 0;
margin-bottom : -5px;
border-width : 5px 5px 0;
border-top-color : #000;
}
.tooltip.top-right .tooltip-arrow {
bottom : 0;
left : 5px;
margin-bottom : -5px;
border-width : 5px 5px 0;
border-top-color : #000;
}
.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-size : 14px;
font-style : normal;
font-weight : normal;
line-height : 1.42857143;
text-align : left;
text-align : start;
text-decoration : none;
text-shadow : none;
text-transform : none;
letter-spacing : normal;
word-break : normal;
word-spacing : normal;
overflow-wrap : normal;
white-space : normal;
background-color : #fff;
background-clip : padding-box;
border : #ccc solid 1px;
border : rgb(0, 0, 0, 0.2) solid 1px;
border-radius : 6px;
box-shadow : 0 5px 10px rgb(0, 0, 0, 0.2);
line-break : auto;
}
.popover.top {
margin-top : -10px;
}
.popover.right {
margin-left : 10px;
}
.popover.bottom {
margin-top : 10px;
}
.popover.left {
margin-left : -10px;
}
.popover-title {
padding : 8px 14px;
margin : 0;
font-size : 14px;
background-color : #f7f7f7;
border-bottom : 1px solid #ebebeb;
border-radius : 5px 5px 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 {
content : "";
border-width : 10px;
}
.popover.top > .arrow {
bottom : -11px;
left : 50%;
margin-left : -11px;
border-top-color : #999;
border-top-color : rgb(0, 0, 0, 0.25);
border-bottom-width : 0;
}
.popover.top > .arrow:after {
bottom : 1px;
margin-left : -10px;
content : " ";
border-top-color : #fff;
border-bottom-width : 0;
}
.popover.right > .arrow {
top : 50%;
left : -11px;
margin-top : -11px;
border-right-color : #999;
border-right-color : rgb(0, 0, 0, 0.25);
border-left-width : 0;
}
.popover.right > .arrow:after {
bottom : -10px;
left : 1px;
content : " ";
border-right-color : #fff;
border-left-width : 0;
}
.popover.bottom > .arrow {
top : -11px;
left : 50%;
margin-left : -11px;
border-top-width : 0;
border-bottom-color : #999;
border-bottom-color : rgb(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
top : 1px;
margin-left : -10px;
content : " ";
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 : rgb(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
right : 1px;
bottom : -10px;
content : " ";
border-right-width : 0;
border-left-color : #fff;
}
.carousel {
position : relative;
}
.carousel-inner {
position : relative;
width : 100%;
overflow : hidden;
}
.carousel-inner > .item {
position : relative;
display : none;
transition : left 0.6s ease-in-out;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
line-height : 1;
}
@media all {
.carousel-inner > .item {
transition : transform 0.6s ease-in-out;
backface-visibility : hidden;
perspective : 1000px;
}
.carousel-inner > .item.next, .carousel-inner > .item.active.right {
left : 0;
transform : translate3d(100%,0,0);
}
.carousel-inner > .item.prev, .carousel-inner > .item.active.left {
left : 0;
transform : translate3d(-100%,0,0);
}
.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
left : 0;
transform : translate3d(0,0,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;
bottom : 0;
left : 0;
width : 15%;
font-size : 20px;
color : #fff;
text-align : center;
text-shadow : 0 1px 2px rgb(0, 0, 0, 0.6);
background-color : rgb(0, 0, 0, 0);
opacity : 0.5;
}
.carousel-control.left {
background-image : linear-gradient(to right, rgb(0, 0, 0, 0.5) 0%, rgb(0, 0, 0, 0.0001) 100%);
background-repeat : repeat-x;
}
.carousel-control.right {
right : 0;
left : auto;
background-image : linear-gradient(to right, rgb(0, 0, 0, 0.0001) 0%, rgb(0, 0, 0, 0.5) 100%);
background-repeat : repeat-x;
}
.carousel-control:hover, .carousel-control:focus {
color : #fff;
text-decoration : none;
outline : 0;
opacity : 0.9;
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
position : absolute;
top : 50%;
z-index : 5;
display : inline-block;
margin-top : -10px;
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
left : 50%;
margin-left : -10px;
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
right : 50%;
margin-right : -10px;
}
.carousel-control .icon-prev, .carousel-control .icon-next {
width : 20px;
height : 20px;
font-family : serif;
line-height : 1;
}
.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%;
padding-left : 0;
margin-left : -30%;
text-align : center;
list-style : none;
}
.carousel-indicators li {
display : inline-block;
width : 10px;
height : 10px;
margin : 1px;
text-indent : -999px;
cursor : pointer;
background-color : rgb(0, 0, 0, 0);
border : #fff solid 1px;
border-radius : 10px;
}
.carousel-indicators .active {
width : 12px;
height : 12px;
margin : 0;
background-color : #fff;
}
.carousel-caption {
position : absolute;
right : 15%;
bottom : 20px;
left : 15%;
z-index : 10;
padding-top : 20px;
padding-bottom : 20px;
color : #fff;
text-align : center;
text-shadow : 0 1px 2px rgb(0, 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-prev, .carousel-control .icon-next {
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 {
right : 20%;
left : 20%;
padding-bottom : 30px;
}
.carousel-indicators {
bottom : 20px;
}
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
display : table;
content : " ";
}
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after {
clear : both;
}
.center-block {
display : block;
margin-right : auto;
margin-left : 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;
}
.visible-xs, .visible-sm, .visible-md, .visible-lg {
display : none !important ;
}
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-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 ;
}
th.visible-xs, td.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 ;
}
th.visible-sm, td.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 ;
}
th.visible-md, td.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 ;
}
th.visible-lg, td.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 ;
}
th.visible-print, td.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 ;
}
}
html {
direction : rtl;
}
body {
direction : rtl;
}
.flip.text-left {
text-align : right;
}
.flip.text-right {
text-align : left;
}
.list-unstyled {
padding-right : 0;
padding-left : initial;
}
.list-inline {
padding-right : 0;
padding-left : initial;
margin-right : -5px;
margin-left : 0;
}
dd {
margin-right : 0;
margin-left : initial;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float : right;
clear : right;
text-align : left;
}
.dl-horizontal dd {
margin-right : 180px;
margin-left : 0;
}
}
blockquote {
border-right : 5px solid #eeeeee;
border-left : 0;
}
.blockquote-reverse, blockquote.pull-left {
padding-left : 15px;
padding-right : 0;
border-left : 5px solid #eeeeee;
border-right : 0;
text-align : left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-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 : right;
}
.col-xs-12 {
width : 100%;
}
.col-xs-11 {
width : 91.66666667%;
}
.col-xs-10 {
width : 83.33333333%;
}
.col-xs-9 {
width : 75%;
}
.col-xs-8 {
width : 66.66666667%;
}
.col-xs-7 {
width : 58.33333333%;
}
.col-xs-6 {
width : 50%;
}
.col-xs-5 {
width : 41.66666667%;
}
.col-xs-4 {
width : 33.33333333%;
}
.col-xs-3 {
width : 25%;
}
.col-xs-2 {
width : 16.66666667%;
}
.col-xs-1 {
width : 8.33333333%;
}
.col-xs-pull-12 {
left : 100%;
right : auto;
}
.col-xs-pull-11 {
left : 91.66666667%;
right : auto;
}
.col-xs-pull-10 {
left : 83.33333333%;
right : auto;
}
.col-xs-pull-9 {
left : 75%;
right : auto;
}
.col-xs-pull-8 {
left : 66.66666667%;
right : auto;
}
.col-xs-pull-7 {
left : 58.33333333%;
right : auto;
}
.col-xs-pull-6 {
left : 50%;
right : auto;
}
.col-xs-pull-5 {
left : 41.66666667%;
right : auto;
}
.col-xs-pull-4 {
left : 33.33333333%;
right : auto;
}
.col-xs-pull-3 {
left : 25%;
right : auto;
}
.col-xs-pull-2 {
left : 16.66666667%;
right : auto;
}
.col-xs-pull-1 {
left : 8.33333333%;
right : auto;
}
.col-xs-pull-0 {
left : auto;
right : auto;
}
.col-xs-push-12 {
right : 100%;
left : 0;
}
.col-xs-push-11 {
right : 91.66666667%;
left : 0;
}
.col-xs-push-10 {
right : 83.33333333%;
left : 0;
}
.col-xs-push-9 {
right : 75%;
left : 0;
}
.col-xs-push-8 {
right : 66.66666667%;
left : 0;
}
.col-xs-push-7 {
right : 58.33333333%;
left : 0;
}
.col-xs-push-6 {
right : 50%;
left : 0;
}
.col-xs-push-5 {
right : 41.66666667%;
left : 0;
}
.col-xs-push-4 {
right : 33.33333333%;
left : 0;
}
.col-xs-push-3 {
right : 25%;
left : 0;
}
.col-xs-push-2 {
right : 16.66666667%;
left : 0;
}
.col-xs-push-1 {
right : 8.33333333%;
left : 0;
}
.col-xs-push-0 {
right : auto;
left : 0;
}
.col-xs-offset-12 {
margin-right : 100%;
margin-left : 0;
}
.col-xs-offset-11 {
margin-right : 91.66666667%;
margin-left : 0;
}
.col-xs-offset-10 {
margin-right : 83.33333333%;
margin-left : 0;
}
.col-xs-offset-9 {
margin-right : 75%;
margin-left : 0;
}
.col-xs-offset-8 {
margin-right : 66.66666667%;
margin-left : 0;
}
.col-xs-offset-7 {
margin-right : 58.33333333%;
margin-left : 0;
}
.col-xs-offset-6 {
margin-right : 50%;
margin-left : 0;
}
.col-xs-offset-5 {
margin-right : 41.66666667%;
margin-left : 0;
}
.col-xs-offset-4 {
margin-right : 33.33333333%;
margin-left : 0;
}
.col-xs-offset-3 {
margin-right : 25%;
margin-left : 0;
}
.col-xs-offset-2 {
margin-right : 16.66666667%;
margin-left : 0;
}
.col-xs-offset-1 {
margin-right : 8.33333333%;
margin-left : 0;
}
.col-xs-offset-0 {
margin-right : 0%;
margin-left : 0;
}
@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 : right;
}
.col-sm-12 {
width : 100%;
}
.col-sm-11 {
width : 91.66666667%;
}
.col-sm-10 {
width : 83.33333333%;
}
.col-sm-9 {
width : 75%;
}
.col-sm-8 {
width : 66.66666667%;
}
.col-sm-7 {
width : 58.33333333%;
}
.col-sm-6 {
width : 50%;
}
.col-sm-5 {
width : 41.66666667%;
}
.col-sm-4 {
width : 33.33333333%;
}
.col-sm-3 {
width : 25%;
}
.col-sm-2 {
width : 16.66666667%;
}
.col-sm-1 {
width : 8.33333333%;
}
.col-sm-pull-12 {
left : 100%;
right : auto;
}
.col-sm-pull-11 {
left : 91.66666667%;
right : auto;
}
.col-sm-pull-10 {
left : 83.33333333%;
right : auto;
}
.col-sm-pull-9 {
left : 75%;
right : auto;
}
.col-sm-pull-8 {
left : 66.66666667%;
right : auto;
}
.col-sm-pull-7 {
left : 58.33333333%;
right : auto;
}
.col-sm-pull-6 {
left : 50%;
right : auto;
}
.col-sm-pull-5 {
left : 41.66666667%;
right : auto;
}
.col-sm-pull-4 {
left : 33.33333333%;
right : auto;
}
.col-sm-pull-3 {
left : 25%;
right : auto;
}
.col-sm-pull-2 {
left : 16.66666667%;
right : auto;
}
.col-sm-pull-1 {
left : 8.33333333%;
right : auto;
}
.col-sm-pull-0 {
left : auto;
right : auto;
}
.col-sm-push-12 {
right : 100%;
left : 0;
}
.col-sm-push-11 {
right : 91.66666667%;
left : 0;
}
.col-sm-push-10 {
right : 83.33333333%;
left : 0;
}
.col-sm-push-9 {
right : 75%;
left : 0;
}
.col-sm-push-8 {
right : 66.66666667%;
left : 0;
}
.col-sm-push-7 {
right : 58.33333333%;
left : 0;
}
.col-sm-push-6 {
right : 50%;
left : 0;
}
.col-sm-push-5 {
right : 41.66666667%;
left : 0;
}
.col-sm-push-4 {
right : 33.33333333%;
left : 0;
}
.col-sm-push-3 {
right : 25%;
left : 0;
}
.col-sm-push-2 {
right : 16.66666667%;
left : 0;
}
.col-sm-push-1 {
right : 8.33333333%;
left : 0;
}
.col-sm-push-0 {
right : auto;
left : 0;
}
.col-sm-offset-12 {
margin-right : 100%;
margin-left : 0;
}
.col-sm-offset-11 {
margin-right : 91.66666667%;
margin-left : 0;
}
.col-sm-offset-10 {
margin-right : 83.33333333%;
margin-left : 0;
}
.col-sm-offset-9 {
margin-right : 75%;
margin-left : 0;
}
.col-sm-offset-8 {
margin-right : 66.66666667%;
margin-left : 0;
}
.col-sm-offset-7 {
margin-right : 58.33333333%;
margin-left : 0;
}
.col-sm-offset-6 {
margin-right : 50%;
margin-left : 0;
}
.col-sm-offset-5 {
margin-right : 41.66666667%;
margin-left : 0;
}
.col-sm-offset-4 {
margin-right : 33.33333333%;
margin-left : 0;
}
.col-sm-offset-3 {
margin-right : 25%;
margin-left : 0;
}
.col-sm-offset-2 {
margin-right : 16.66666667%;
margin-left : 0;
}
.col-sm-offset-1 {
margin-right : 8.33333333%;
margin-left : 0;
}
.col-sm-offset-0 {
margin-right : 0%;
margin-left : 0;
}
}
@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 : right;
}
.col-md-12 {
width : 100%;
}
.col-md-11 {
width : 91.66666667%;
}
.col-md-10 {
width : 83.33333333%;
}
.col-md-9 {
width : 75%;
}
.col-md-8 {
width : 66.66666667%;
}
.col-md-7 {
width : 58.33333333%;
}
.col-md-6 {
width : 50%;
}
.col-md-5 {
width : 41.66666667%;
}
.col-md-4 {
width : 33.33333333%;
}
.col-md-3 {
width : 25%;
}
.col-md-2 {
width : 16.66666667%;
}
.col-md-1 {
width : 8.33333333%;
}
.col-md-pull-12 {
left : 100%;
right : auto;
}
.col-md-pull-11 {
left : 91.66666667%;
right : auto;
}
.col-md-pull-10 {
left : 83.33333333%;
right : auto;
}
.col-md-pull-9 {
left : 75%;
right : auto;
}
.col-md-pull-8 {
left : 66.66666667%;
right : auto;
}
.col-md-pull-7 {
left : 58.33333333%;
right : auto;
}
.col-md-pull-6 {
left : 50%;
right : auto;
}
.col-md-pull-5 {
left : 41.66666667%;
right : auto;
}
.col-md-pull-4 {
left : 33.33333333%;
right : auto;
}
.col-md-pull-3 {
left : 25%;
right : auto;
}
.col-md-pull-2 {
left : 16.66666667%;
right : auto;
}
.col-md-pull-1 {
left : 8.33333333%;
right : auto;
}
.col-md-pull-0 {
left : auto;
right : auto;
}
.col-md-push-12 {
right : 100%;
left : 0;
}
.col-md-push-11 {
right : 91.66666667%;
left : 0;
}
.col-md-push-10 {
right : 83.33333333%;
left : 0;
}
.col-md-push-9 {
right : 75%;
left : 0;
}
.col-md-push-8 {
right : 66.66666667%;
left : 0;
}
.col-md-push-7 {
right : 58.33333333%;
left : 0;
}
.col-md-push-6 {
right : 50%;
left : 0;
}
.col-md-push-5 {
right : 41.66666667%;
left : 0;
}
.col-md-push-4 {
right : 33.33333333%;
left : 0;
}
.col-md-push-3 {
right : 25%;
left : 0;
}
.col-md-push-2 {
right : 16.66666667%;
left : 0;
}
.col-md-push-1 {
right : 8.33333333%;
left : 0;
}
.col-md-push-0 {
right : auto;
left : 0;
}
.col-md-offset-12 {
margin-right : 100%;
margin-left : 0;
}
.col-md-offset-11 {
margin-right : 91.66666667%;
margin-left : 0;
}
.col-md-offset-10 {
margin-right : 83.33333333%;
margin-left : 0;
}
.col-md-offset-9 {
margin-right : 75%;
margin-left : 0;
}
.col-md-offset-8 {
margin-right : 66.66666667%;
margin-left : 0;
}
.col-md-offset-7 {
margin-right : 58.33333333%;
margin-left : 0;
}
.col-md-offset-6 {
margin-right : 50%;
margin-left : 0;
}
.col-md-offset-5 {
margin-right : 41.66666667%;
margin-left : 0;
}
.col-md-offset-4 {
margin-right : 33.33333333%;
margin-left : 0;
}
.col-md-offset-3 {
margin-right : 25%;
margin-left : 0;
}
.col-md-offset-2 {
margin-right : 16.66666667%;
margin-left : 0;
}
.col-md-offset-1 {
margin-right : 8.33333333%;
margin-left : 0;
}
.col-md-offset-0 {
margin-right : 0%;
margin-left : 0;
}
}
@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 : right;
}
.col-lg-12 {
width : 100%;
}
.col-lg-11 {
width : 91.66666667%;
}
.col-lg-10 {
width : 83.33333333%;
}
.col-lg-9 {
width : 75%;
}
.col-lg-8 {
width : 66.66666667%;
}
.col-lg-7 {
width : 58.33333333%;
}
.col-lg-6 {
width : 50%;
}
.col-lg-5 {
width : 41.66666667%;
}
.col-lg-4 {
width : 33.33333333%;
}
.col-lg-3 {
width : 25%;
}
.col-lg-2 {
width : 16.66666667%;
}
.col-lg-1 {
width : 8.33333333%;
}
.col-lg-pull-12 {
left : 100%;
right : auto;
}
.col-lg-pull-11 {
left : 91.66666667%;
right : auto;
}
.col-lg-pull-10 {
left : 83.33333333%;
right : auto;
}
.col-lg-pull-9 {
left : 75%;
right : auto;
}
.col-lg-pull-8 {
left : 66.66666667%;
right : auto;
}
.col-lg-pull-7 {
left : 58.33333333%;
right : auto;
}
.col-lg-pull-6 {
left : 50%;
right : auto;
}
.col-lg-pull-5 {
left : 41.66666667%;
right : auto;
}
.col-lg-pull-4 {
left : 33.33333333%;
right : auto;
}
.col-lg-pull-3 {
left : 25%;
right : auto;
}
.col-lg-pull-2 {
left : 16.66666667%;
right : auto;
}
.col-lg-pull-1 {
left : 8.33333333%;
right : auto;
}
.col-lg-pull-0 {
left : auto;
right : auto;
}
.col-lg-push-12 {
right : 100%;
left : 0;
}
.col-lg-push-11 {
right : 91.66666667%;
left : 0;
}
.col-lg-push-10 {
right : 83.33333333%;
left : 0;
}
.col-lg-push-9 {
right : 75%;
left : 0;
}
.col-lg-push-8 {
right : 66.66666667%;
left : 0;
}
.col-lg-push-7 {
right : 58.33333333%;
left : 0;
}
.col-lg-push-6 {
right : 50%;
left : 0;
}
.col-lg-push-5 {
right : 41.66666667%;
left : 0;
}
.col-lg-push-4 {
right : 33.33333333%;
left : 0;
}
.col-lg-push-3 {
right : 25%;
left : 0;
}
.col-lg-push-2 {
right : 16.66666667%;
left : 0;
}
.col-lg-push-1 {
right : 8.33333333%;
left : 0;
}
.col-lg-push-0 {
right : auto;
left : 0;
}
.col-lg-offset-12 {
margin-right : 100%;
margin-left : 0;
}
.col-lg-offset-11 {
margin-right : 91.66666667%;
margin-left : 0;
}
.col-lg-offset-10 {
margin-right : 83.33333333%;
margin-left : 0;
}
.col-lg-offset-9 {
margin-right : 75%;
margin-left : 0;
}
.col-lg-offset-8 {
margin-right : 66.66666667%;
margin-left : 0;
}
.col-lg-offset-7 {
margin-right : 58.33333333%;
margin-left : 0;
}
.col-lg-offset-6 {
margin-right : 50%;
margin-left : 0;
}
.col-lg-offset-5 {
margin-right : 41.66666667%;
margin-left : 0;
}
.col-lg-offset-4 {
margin-right : 33.33333333%;
margin-left : 0;
}
.col-lg-offset-3 {
margin-right : 25%;
margin-left : 0;
}
.col-lg-offset-2 {
margin-right : 16.66666667%;
margin-left : 0;
}
.col-lg-offset-1 {
margin-right : 8.33333333%;
margin-left : 0;
}
.col-lg-offset-0 {
margin-right : 0%;
margin-left : 0;
}
}
caption {
text-align : right;
}
th {
text-align : right;
}
@media screen and (max-width: 767px) {
.table-responsive > .table-bordered {
border : 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-right : 0;
border-left : ;
}
.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-left : 0;
border-right : ;
}
}
.radio label, .checkbox label {
padding-right : 20px;
padding-left : initial;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
margin-right : -20px;
margin-left : auto;
}
.radio-inline, .checkbox-inline {
padding-right : 20px;
padding-left : 0;
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
margin-right : 10px;
margin-left : 0;
}
.has-feedback .form-control {
padding-left : 42.5px;
padding-right : 12px;
}
.form-control-feedback {
left : 0;
right : auto;
}
@media (min-width: 768px) {
.form-inline label {
padding-right : 0;
padding-left : initial;
}
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
margin-right : 0;
margin-left : auto;
}
}
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align : left;
}
}
.form-horizontal .has-feedback .form-control-feedback {
left : 15px;
right : auto;
}
.caret {
margin-right : 2px;
margin-left : 0;
}
.dropdown-menu {
right : 0;
left : auto;
float : left;
text-align : right;
}
.dropdown-menu.pull-right {
left : 0;
right : auto;
float : right;
}
.dropdown-menu-right {
left : auto;
right : 0;
}
.dropdown-menu-left {
left : 0;
right : auto;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
left : auto;
right : 0;
}
.navbar-right .dropdown-menu-left {
left : 0;
right : auto;
}
}
.btn-group > .btn, .btn-group-vertical > .btn {
float : right;
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
margin-right : -1px;
margin-left : 0;
}
.btn-toolbar {
margin-right : -5px;
margin-left : 0;
}
.btn-toolbar .btn-group, .btn-toolbar .input-group {
float : right;
}
.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
margin-right : 5px;
margin-left : 0;
}
.btn-group > .btn:first-child {
margin-right : 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius : 4px;
border-bottom-right-radius : 4px;
border-bottom-left-radius : 0;
border-top-left-radius : 0;
}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius : 4px;
border-bottom-left-radius : 4px;
border-bottom-right-radius : 0;
border-top-right-radius : 0;
}
.btn-group > .btn-group {
float : right;
}
.btn-group.btn-group-justified > .btn, .btn-group.btn-group-justified > .btn-group {
float : none;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius : 0;
}
.btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle {
border-top-right-radius : 4px;
border-bottom-right-radius : 4px;
border-bottom-left-radius : 0;
border-top-left-radius : 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
border-top-left-radius : 4px;
border-bottom-left-radius : 4px;
border-bottom-right-radius : 0;
border-top-right-radius : 0;
}
.btn .caret {
margin-right : 0;
}
.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-right : 0;
}
.input-group .form-control {
float : right;
}
.input-group .form-control:first-child, .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:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius : 4px;
border-top-right-radius : 4px;
border-bottom-left-radius : 0;
border-top-left-radius : 0;
}
.input-group-addon:first-child {
border-left : 0;
border-right : 1px solid;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-bottom-left-radius : 4px;
border-top-left-radius : 4px;
border-bottom-right-radius : 0;
border-top-right-radius : 0;
}
.input-group-addon:last-child {
border-left-width : 1px;
border-left-style : solid;
border-right : 0;
}
.input-group-btn > .btn + .btn {
margin-right : -1px;
margin-left : auto;
}
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
margin-left : -1px;
margin-right : auto;
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
margin-right : -1px;
margin-left : auto;
}
.nav {
padding-right : 0;
padding-left : initial;
}
.nav-tabs > li {
float : right;
}
.nav-tabs > li > a {
margin-left : auto;
margin-right : -2px;
border-radius : 4px 4px 0 0;
}
.nav-pills > li {
float : right;
}
.nav-pills > li > a {
border-radius : 4px;
}
.nav-pills > li + li {
margin-right : 2px;
margin-left : auto;
}
.nav-stacked > li {
float : none;
}
.nav-stacked > li + li {
margin-right : 0;
margin-left : auto;
}
.nav-justified > .dropdown .dropdown-menu {
right : auto;
}
.nav-tabs-justified > li > a {
margin-left : 0;
margin-right : auto;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-radius : 4px 4px 0 0;
}
}
@media (min-width: 768px) {
.navbar-header {
float : right;
}
}
.navbar-collapse {
padding-right : 15px;
padding-left : 15px;
}
.navbar-brand {
float : right;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
margin-right : -15px;
margin-left : auto;
}
}
.navbar-toggle {
float : left;
margin-left : 15px;
margin-right : auto;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
padding : 5px 25px 5px 15px;
}
}
@media (min-width: 768px) {
.navbar-nav {
float : right;
}
.navbar-right {
float : left !important ;
}
.navbar-left {
float : right !important ;
}
.navbar-nav > li {
float : right !important ;
}
}
@media (min-width: 768px) {
.navbar-left.flip {
float : right !important ;
}
.navbar-right:last-child {
margin-left : -15px;
margin-right : auto;
}
.navbar-right.flip {
float : left !important ;
margin-left : -15px;
margin-right : auto;
}
.navbar-right .dropdown-menu {
left : 0;
right : auto;
}
}
@media (min-width: 768px) {
.navbar-text {
float : right;
}
.navbar-text.navbar-right:last-child {
margin-left : 0;
margin-right : auto;
}
}
.pagination {
padding-right : 0;
}
.pagination > li > a, .pagination > li > span {
float : right;
margin-right : -1px;
margin-left : 0;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
margin-left : 0;
border-bottom-right-radius : 4px;
border-top-right-radius : 4px;
border-bottom-left-radius : 0;
border-top-left-radius : 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
margin-right : -1px;
border-bottom-left-radius : 4px;
border-top-left-radius : 4px;
border-bottom-right-radius : 0;
border-top-right-radius : 0;
}
.pager {
padding-right : 0;
padding-left : initial;
}
.pager .next > a, .pager .next > span {
float : left;
}
.pager .previous > a, .pager .previous > span {
float : right;
}
.nav-pills > li > a > .badge {
margin-left : 0;
margin-right : 3px;
}
.list-group-item > .badge {
float : left;
}
.list-group-item > .badge + .badge {
margin-left : 5px;
margin-right : auto;
}
.alert-dismissable, .alert-dismissible {
padding-left : 35px;
padding-right : 15px;
}
.alert-dismissable .close, .alert-dismissible .close {
right : auto;
left : -21px;
}
.progress-bar {
float : right;
}
.media > .pull-left {
margin-right : 10px;
}
.media > .pull-left.flip {
margin-right : 0;
margin-left : 10px;
}
.media > .pull-right {
margin-left : 10px;
}
.media > .pull-right.flip {
margin-left : 0;
margin-right : 10px;
}
.media-right, .media > .pull-right {
padding-right : 10px;
padding-left : initial;
}
.media-left, .media > .pull-left {
padding-left : 10px;
padding-right : initial;
}
.media-list {
padding-right : 0;
padding-left : initial;
list-style : none;
}
.list-group {
padding-right : 0;
padding-left : initial;
}
.panel > .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 td:first-child, .panel > .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 td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th: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 th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-right-radius : 3px;
border-top-left-radius : 0;
}
.panel > .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 td:last-child, .panel > .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 td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th: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 th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-left-radius : 3px;
border-top-right-radius : 0;
}
.panel > .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 td:first-child, .panel > .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 td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius : 3px;
border-top-right-radius : 0;
}
.panel > .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 td:last-child, .panel > .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 td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius : 3px;
border-top-left-radius : 0;
}
.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-right : 0;
border-left : none;
}
.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right : none;
border-left : 0;
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object {
right : 0;
left : auto;
}
.close {
float : left;
}
.modal-footer {
text-align : left;
}
.modal-footer.flip {
text-align : right;
}
.modal-footer .btn + .btn {
margin-left : auto;
margin-right : 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-right : -1px;
margin-left : auto;
}
.modal-footer .btn-block + .btn-block {
margin-right : 0;
margin-left : auto;
}
.popover {
left : auto;
text-align : right;
}
.popover.top > .arrow {
right : 50%;
left : auto;
margin-right : -11px;
margin-left : auto;
}
.popover.top > .arrow:after {
margin-right : -10px;
margin-left : auto;
}
.popover.bottom > .arrow {
right : 50%;
left : auto;
margin-right : -11px;
margin-left : auto;
}
.popover.bottom > .arrow:after {
margin-right : -10px;
margin-left : auto;
}
.carousel-control {
right : 0;
bottom : 0;
}
.carousel-control.left {
right : auto;
left : 0;
background-image : linear-gradient(to right, rgb(0, 0, 0, 0.5) 0%, rgb(0, 0, 0, 0.0001) 100%);
background-repeat : repeat-x;
}
.carousel-control.right {
left : auto;
right : 0;
background-image : linear-gradient(to right, rgb(0, 0, 0, 0.0001) 0%, rgb(0, 0, 0, 0.5) 100%);
background-repeat : repeat-x;
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
left : 50%;
right : auto;
margin-right : -10px;
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
right : 50%;
left : auto;
margin-left : -10px;
}
.carousel-indicators {
right : 50%;
left : 0;
margin-right : -30%;
margin-left : 0;
padding-left : 0;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
margin-left : 0;
margin-right : -15px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
margin-left : 0;
margin-right : -15px;
}
.carousel-caption {
left : 20%;
right : 20%;
padding-bottom : 30px;
}
}
.pull-right.flip {
float : left !important ;
}
.pull-left.flip {
float : right !important ;
}
@font-face {
font-weight : normal;
font-style : normal;
font-family : 'feathericons';
src : url("/App_Themes/ThemeAr/Fonts/feathericons/feathericons.eot?-8is7zf");
src : url("/App_Themes/ThemeAr/Fonts/feathericons/feathericons.eot?#iefix-8is7zf") format('embedded-opentype'), url("/App_Themes/ThemeAr/Fonts/feathericons/feathericons.woff?-8is7zf") format('woff'), url("/App_Themes/ThemeAr/Fonts/feathericons/feathericons.ttf?-8is7zf") format('truetype'), url("/App_Themes/ThemeAr/Fonts/feathericons/feathericons.svg?-8is7zf#feathericons") format('svg');
}
.grid {
position : relative;
margin : 0 auto;
padding : 1em 0 4em;
max-width : 1000px;
list-style : none;
text-align : center;
}
.grid figure {
position : relative;
float : left;
overflow : hidden;
margin : 10px 1%;
min-width : 320px;
max-width : 480px;
max-height : 360px;
width : 48%;
background : #3085a3;
text-align : center;
cursor : pointer;
}
.grid figure img {
position : relative;
display : block;
min-height : 100%;
max-width : 100%;
opacity : 0.8;
}
.grid figure figcaption {
padding : 2em;
color : #fff;
text-transform : uppercase;
font-size : 1.25em;
backface-visibility : hidden;
}
.grid figure figcaption::before, .grid figure figcaption::after {
pointer-events : none;
}
.grid figure figcaption, .grid figure figcaption > a {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
.grid figure figcaption > a {
z-index : 1000;
text-indent : 200%;
white-space : nowrap;
font-size : 0;
opacity : 0;
}
.grid figure h2 {
word-spacing : -0.15em;
font-weight : 300;
}
.grid figure h2 span {
font-weight : 800;
}
.grid figure h2, .grid figure p {
margin : 0;
}
.grid figure p {
letter-spacing : 1px;
font-size : 68.5%;
}
figure.effect-lily img {
max-width : none;
width : calc(100% + 50px);
width : calc(100% + 50px);
opacity : 0.7;
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(-40px,0,0);
}
figure.effect-lily figcaption {
text-align : left;
}
figure.effect-lily figcaption > div {
position : absolute;
bottom : 0;
left : 0;
padding : 2em;
width : 100%;
height : 50%;
}
figure.effect-lily h2, figure.effect-lily p {
transform : translate3d(0,40px,0);
}
figure.effect-lily h2 {
transition : transform 0.35s;
}
figure.effect-lily p {
color : rgb(255, 255, 255, 0.8);
opacity : 0;
transition : opacity 0.2s, transform 0.35s;
}
figure.effect-lily:hover img, figure.effect-lily:hover p {
opacity : 1;
}
figure.effect-lily:hover img, figure.effect-lily:hover h2, figure.effect-lily:hover p {
transform : translate3d(0,0,0);
}
figure.effect-lily:hover p {
transition-delay : 0.05s;
transition-duration : 0.35s;
}
figure.effect-sadie figcaption::before {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background : linear-gradient(to bottom, rgb(72, 76, 97, 0) 0%, rgb(72, 76, 97, 0.8) 75%);
content : '';
opacity : 0;
transform : translate3d(0,50%,0);
}
figure.effect-sadie h2 {
position : absolute;
top : 50%;
left : 0;
width : 100%;
color : #484c61;
transition : transform 0.35s, color 0.35s;
transform : translate3d(0,-50%,0);
}
figure.effect-sadie figcaption::before, figure.effect-sadie p {
transition : opacity 0.35s, transform 0.35s;
}
figure.effect-sadie p {
position : absolute;
bottom : 0;
left : 0;
padding : 2em;
width : 100%;
opacity : 0;
transform : translate3d(0,10px,0);
}
figure.effect-sadie:hover h2 {
color : #fff;
transform : translate3d(0,-50%,0) translate3d(0,-40px,0);
}
figure.effect-sadie:hover figcaption::before, figure.effect-sadie:hover p {
opacity : 1;
transform : translate3d(0,0,0);
}
figure.effect-roxy {
background : linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
}
figure.effect-roxy img {
max-width : none;
width : calc(100% + 60px);
width : calc(100% + 60px);
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(-50px,0,0);
}
figure.effect-roxy figcaption::before {
position : absolute;
top : 30px;
right : 30px;
bottom : 30px;
left : 30px;
border : #fff solid 1px;
content : '';
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(-20px,0,0);
}
figure.effect-roxy figcaption {
padding : 3em;
text-align : left;
}
figure.effect-roxy h2 {
padding : 30% 0 10px 0;
}
figure.effect-roxy p {
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(-10px,0,0);
}
figure.effect-roxy:hover img {
opacity : 0.7;
transform : translate3d(0,0,0);
}
figure.effect-roxy:hover figcaption::before, figure.effect-roxy:hover p {
opacity : 1;
transform : translate3d(0,0,0);
}
figure.effect-bubba {
background : #9e5406;
}
figure.effect-bubba img {
opacity : 0.7;
transition : opacity 0.35s;
}
figure.effect-bubba:hover img {
opacity : 0.4;
}
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
position : absolute;
top : 30px;
right : 30px;
bottom : 30px;
left : 30px;
content : '';
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
}
figure.effect-bubba figcaption::before {
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
transform : scale(0,1);
}
figure.effect-bubba figcaption::after {
border-right : 1px solid #fff;
border-left : 1px solid #fff;
transform : scale(1,0);
}
figure.effect-bubba h2 {
padding-top : 30%;
transition : transform 0.35s;
transform : translate3d(0,-20px,0);
}
figure.effect-bubba p {
padding : 20px 2.5em;
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(0,20px,0);
}
figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after {
opacity : 1;
transform : scale(1);
}
figure.effect-bubba:hover h2, figure.effect-bubba:hover p {
opacity : 1;
transform : translate3d(0,0,0);
}
figure.effect-romeo {
perspective : 1000px;
}
figure.effect-romeo img {
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(0,0,300px);
}
figure.effect-romeo:hover img {
opacity : 0.6;
transform : translate3d(0,0,0);
}
figure.effect-romeo figcaption::before, figure.effect-romeo figcaption::after {
position : absolute;
top : 50%;
left : 50%;
width : 80%;
height : 1px;
background : #fff;
content : '';
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(-50%,-50%,0);
}
figure.effect-romeo:hover figcaption::before {
opacity : 0.5;
transform : translate3d(-50%,-50%,0) rotate(45deg);
}
figure.effect-romeo:hover figcaption::after {
opacity : 0.5;
transform : translate3d(-50%,-50%,0) rotate(-45deg);
}
figure.effect-romeo h2, figure.effect-romeo p {
position : absolute;
top : 50%;
left : 0;
width : 100%;
transition : transform 0.35s;
}
figure.effect-romeo h2 {
transform : translate3d(0,-50%,0) translate3d(0,-150%,0);
}
figure.effect-romeo p {
padding : 0.25em 2em;
transform : translate3d(0,-50%,0) translate3d(0,150%,0);
}
figure.effect-romeo:hover h2 {
transform : translate3d(0,-50%,0) translate3d(0,-100%,0);
}
figure.effect-romeo:hover p {
transform : translate3d(0,-50%,0) translate3d(0,100%,0);
}
figure.effect-layla {
background : #18a367;
}
figure.effect-layla img {
height : 390px;
}
figure.effect-layla figcaption {
padding : 3em;
}
figure.effect-layla figcaption::before, figure.effect-layla figcaption::after {
position : absolute;
content : '';
opacity : 0;
}
figure.effect-layla figcaption::before {
top : 50px;
right : 30px;
bottom : 50px;
left : 30px;
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
transform : scale(0,1);
transform-origin : 0 0;
}
figure.effect-layla figcaption::after {
top : 30px;
right : 50px;
bottom : 30px;
left : 50px;
border-right : 1px solid #fff;
border-left : 1px solid #fff;
transform : scale(1,0);
transform-origin : 100% 0;
}
figure.effect-layla h2 {
padding-top : 26%;
transition : transform 0.35s;
}
figure.effect-layla p {
padding : 0.5em 2em;
text-transform : none;
opacity : 0;
transform : translate3d(0,-10px,0);
}
figure.effect-layla img, figure.effect-layla h2 {
transform : translate3d(0,-30px,0);
}
figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla p {
transition : opacity 0.35s, transform 0.35s;
}
figure.effect-layla:hover img {
opacity : 0.7;
transform : translate3d(0,0,0);
}
figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after {
opacity : 1;
transform : scale(1);
}
figure.effect-layla:hover h2, figure.effect-layla:hover p {
opacity : 1;
transform : translate3d(0,0,0);
}
figure.effect-layla:hover figcaption::after, figure.effect-layla:hover h2, figure.effect-layla:hover p, figure.effect-layla:hover img {
transition-delay : 0.15s;
}
figure.effect-honey {
background : #4a3753;
}
figure.effect-honey img {
opacity : 0.9;
transition : opacity 0.35s;
}
figure.effect-honey:hover img {
opacity : 0.5;
}
figure.effect-honey figcaption::before {
position : absolute;
bottom : 0;
left : 0;
width : 100%;
height : 10px;
background : #fff;
content : '';
transform : translate3d(0,10px,0);
}
figure.effect-honey h2 {
position : absolute;
bottom : 0;
left : 0;
padding : 1em 1.5em;
width : 100%;
text-align : left;
transform : translate3d(0,-30px,0);
}
figure.effect-honey h2 i {
font-style : normal;
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(0,-30px,0);
}
figure.effect-honey figcaption::before, figure.effect-honey h2 {
transition : transform 0.35s;
}
figure.effect-honey:hover figcaption::before, figure.effect-honey:hover h2, figure.effect-honey:hover h2 i {
opacity : 1;
transform : translate3d(0,0,0);
}
figure.effect-oscar {
background : linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
}
figure.effect-oscar img {
opacity : 0.9;
transition : opacity 0.35s;
}
figure.effect-oscar figcaption {
padding : 3em;
background-color : rgb(58, 52, 42, 0.7);
transition : background-color 0.35s;
}
figure.effect-oscar figcaption::before {
position : absolute;
top : 30px;
right : 30px;
bottom : 30px;
left : 30px;
border : #fff solid 1px;
content : '';
}
figure.effect-oscar h2 {
margin : 20% 0 10px 0;
transition : transform 0.35s;
transform : translate3d(0,100%,0);
}
figure.effect-oscar figcaption::before, figure.effect-oscar p {
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
transform : scale(0);
}
figure.effect-oscar:hover h2 {
transform : translate3d(0,0,0);
}
figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p {
opacity : 1;
transform : scale(1);
}
figure.effect-oscar:hover figcaption {
background-color : rgb(58, 52, 42, 0);
}
figure.effect-oscar:hover img {
opacity : 0.4;
}
figure.effect-marley figcaption {
text-align : right;
}
figure.effect-marley h2, figure.effect-marley p {
position : absolute;
right : 30px;
left : 30px;
padding : 10px 0;
}
figure.effect-marley p {
bottom : 30px;
line-height : 1.5;
transform : translate3d(0,100%,0);
}
figure.effect-marley h2 {
top : 30px;
transition : transform 0.35s;
transform : translate3d(0,20px,0);
}
figure.effect-marley:hover h2 {
transform : translate3d(0,0,0);
}
figure.effect-marley h2::after {
position : absolute;
top : 100%;
left : 0;
width : 100%;
height : 4px;
background : #fff;
content : '';
transform : translate3d(0,40px,0);
}
figure.effect-marley h2::after, figure.effect-marley p {
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
}
figure.effect-marley:hover h2::after, figure.effect-marley:hover p {
opacity : 1;
transform : translate3d(0,0,0);
}
figure.effect-ruby {
background-color : #17819c;
}
figure.effect-ruby img {
opacity : 0.7;
transition : opacity 0.35s, transform 0.35s;
transform : scale(1.15);
}
figure.effect-ruby:hover img {
opacity : 0.5;
transform : scale(1);
}
figure.effect-ruby h2 {
margin-top : 20%;
transition : transform 0.35s;
transform : translate3d(0,20px,0);
}
figure.effect-ruby p {
margin : 1em 0 0;
padding : 3em;
border : #fff solid 1px;
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(0,20px,0) scale(1.1);
}
figure.effect-ruby:hover h2 {
transform : translate3d(0,0,0);
}
figure.effect-ruby:hover p {
opacity : 1;
transform : translate3d(0,0,0) scale(1);
}
figure.effect-milo {
background : #2e5d5a;
}
figure.effect-milo img {
max-width : none;
width : calc(100% + 60px);
width : calc(100% + 60px);
opacity : 1;
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(-30px,0,0) scale(1.12);
backface-visibility : hidden;
}
figure.effect-milo:hover img {
opacity : 0.5;
transform : translate3d(0,0,0) scale(1);
}
figure.effect-milo h2 {
position : absolute;
right : 0;
bottom : 0;
padding : 1em 1.2em;
}
figure.effect-milo p {
padding : 0 10px 0 0;
width : 50%;
border-right : 1px solid #fff;
text-align : right;
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(-40px,0,0);
}
figure.effect-milo:hover p {
opacity : 1;
transform : translate3d(0,0,0);
}
figure.effect-dexter {
background : linear-gradient(to bottom, rgb(37, 141, 200, 1) 0%, rgb(104, 60, 19, 1) 100%);
}
figure.effect-dexter img {
transition : opacity 0.35s;
}
figure.effect-dexter:hover img {
opacity : 0.4;
}
figure.effect-dexter figcaption::after {
position : absolute;
right : 30px;
bottom : 30px;
left : 30px;
height : calc(50% - 30px);
height : calc(50% - 30px);
border : #fff solid 7px;
content : '';
transition : transform 0.35s;
transform : translate3d(0,-100%,0);
}
figure.effect-dexter:hover figcaption::after {
transform : translate3d(0,0,0);
}
figure.effect-dexter figcaption {
padding : 3em;
text-align : left;
}
figure.effect-dexter p {
position : absolute;
right : 60px;
bottom : 60px;
left : 60px;
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(0,-100px,0);
}
figure.effect-dexter:hover p {
opacity : 1;
transform : translate3d(0,0,0);
}
figure.effect-sarah {
background : #42b078;
}
figure.effect-sarah img {
max-width : none;
width : calc(100% + 20px);
width : calc(100% + 20px);
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(-10px,0,0);
backface-visibility : hidden;
}
figure.effect-sarah:hover img {
opacity : 0.4;
transform : translate3d(0,0,0);
}
figure.effect-sarah figcaption {
text-align : left;
}
figure.effect-sarah h2 {
position : relative;
overflow : hidden;
padding : 0.5em 0;
}
figure.effect-sarah h2::after {
position : absolute;
bottom : 0;
left : 0;
width : 100%;
height : 3px;
background : #fff;
content : '';
transition : transform 0.35s;
transform : translate3d(-100%,0,0);
}
figure.effect-sarah:hover h2::after {
transform : translate3d(0,0,0);
}
figure.effect-sarah p {
padding : 1em 0;
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(100%,0,0);
}
figure.effect-sarah:hover p {
opacity : 1;
transform : translate3d(0,0,0);
}
figure.effect-zoe figcaption {
top : auto;
bottom : 0;
padding : 1em;
height : 3.75em;
background : #fff;
color : #3c4a50;
transition : transform 0.35s;
transform : translate3d(0,100%,0);
}
figure.effect-zoe h2 {
float : left;
}
figure.effect-zoe p.icon-links a {
float : right;
color : #3c4a50;
font-size : 1.4em;
}
figure.effect-zoe:hover p.icon-links a:hover, figure.effect-zoe:hover p.icon-links a:focus {
color : #252d31;
}
figure.effect-zoe p.description {
position : absolute;
bottom : 8em;
padding : 2em;
color : #fff;
text-transform : none;
font-size : 90%;
opacity : 0;
transition : opacity 0.35s;
}
figure.effect-zoe h2, figure.effect-zoe p.icon-links a {
transition : transform 0.35s;
transform : translate3d(0,200%,0);
}
figure.effect-zoe p.icon-links a span::before {
display : inline-block;
padding : 8px 10px;
font-family : 'feathericons';
speak : none;
}
.icon-eye::before {
content : '\e000';
}
.icon-paper-clip::before {
content : '\e001';
}
.icon-heart::before {
content : '\e024';
}
figure.effect-zoe h2 {
display : inline-block;
}
figure.effect-zoe:hover p.description {
opacity : 1;
}
figure.effect-zoe:hover figcaption, figure.effect-zoe:hover h2, figure.effect-zoe:hover p.icon-links a {
transform : translate3d(0,0,0);
}
figure.effect-zoe:hover h2 {
transition-delay : 0.05s;
}
figure.effect-zoe:hover p.icon-links a:nth-child(3) {
transition-delay : 0.1s;
}
figure.effect-zoe:hover p.icon-links a:nth-child(2) {
transition-delay : 0.15s;
}
figure.effect-zoe:hover p.icon-links a:first-child {
transition-delay : 0.2s;
}
figure.effect-chico img {
transition : opacity 0.35s, transform 0.35s;
transform : scale(1.12);
}
figure.effect-chico:hover img {
opacity : 0.5;
transform : scale(1);
}
figure.effect-chico figcaption {
padding : 3em;
}
figure.effect-chico figcaption::before {
position : absolute;
top : 30px;
right : 30px;
bottom : 30px;
left : 30px;
border : #fff solid 1px;
content : '';
transform : scale(1.1);
}
figure.effect-chico figcaption::before, figure.effect-chico p {
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
}
figure.effect-chico h2 {
padding : 20% 0 20px 0;
}
figure.effect-chico p {
margin : 0 auto;
max-width : 200px;
transform : scale(1.5);
}
figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p {
opacity : 1;
transform : scale(1);
}
@media screen and (max-width: 50em) {
.content {
padding : 0 10px;
text-align : center;
}
.grid figure {
display : inline-block;
float : none;
margin : 10px auto;
width : 100%;
}
}
.grid {
position : relative;
clear : both;
margin : 0 auto;
padding : 1em 0 4em;
max-width : 1000px;
list-style : none;
text-align : center;
}
.grid figure {
position : relative;
float : left;
overflow : hidden;
margin : 10px 1%;
min-width : 320px;
max-width : 480px;
max-height : 360px;
width : 48%;
height : auto;
background : #3085a3;
text-align : center;
cursor : pointer;
}
.grid figure img {
position : relative;
display : block;
min-height : 100%;
max-width : 100%;
opacity : 0.8;
}
.grid figure figcaption {
padding : 2em;
color : #fff;
text-transform : uppercase;
font-size : 1.25em;
backface-visibility : hidden;
}
.grid figure figcaption::before, .grid figure figcaption::after {
pointer-events : none;
}
.grid figure figcaption, .grid figure figcaption > a {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
.grid figure figcaption > a {
z-index : 1000;
text-indent : 200%;
white-space : nowrap;
font-size : 0;
opacity : 0;
}
.grid figure h2 {
word-spacing : -0.15em;
font-weight : 300;
}
.grid figure h2 span {
font-weight : 800;
}
.grid figure h2, .grid figure p {
margin : 0;
}
.grid figure p {
letter-spacing : 1px;
font-size : 68.5%;
}
figure.effect-julia {
background : #2f3238;
}
figure.effect-julia img {
max-width : none;
height : 400px;
transition : opacity 1s, transform 1s;
backface-visibility : hidden;
}
figure.effect-julia figcaption {
text-align : left;
}
figure.effect-julia h2 {
position : relative;
padding : 0.5em 0;
}
figure.effect-julia p {
display : inline-block;
margin : 0 0 0.25em;
padding : 0.4em 1em;
background : rgb(255, 255, 255, 0.9);
color : #2f3238;
text-transform : none;
font-weight : 500;
font-size : 75%;
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(-360px,0,0);
}
figure.effect-julia p:first-child {
transition-delay : 0.15s;
}
figure.effect-julia p:nth-of-type(2) {
transition-delay : 0.1s;
}
figure.effect-julia p:nth-of-type(3) {
transition-delay : 0.05s;
}
figure.effect-julia:hover p:first-child {
transition-delay : 0s;
}
figure.effect-julia:hover p:nth-of-type(2) {
transition-delay : 0.05s;
}
figure.effect-julia:hover p:nth-of-type(3) {
transition-delay : 0.1s;
}
figure.effect-julia:hover img {
opacity : 0.4;
transform : scale3d(1.1,1.1,1);
}
figure.effect-julia:hover p {
opacity : 1;
transform : translate3d(0,0,0);
}
figure.effect-goliath {
background : #df4e4e;
}
figure.effect-goliath img, figure.effect-goliath h2 {
transition : transform 0.35s;
}
figure.effect-goliath img {
backface-visibility : hidden;
}
figure.effect-goliath h2, figure.effect-goliath p {
position : absolute;
bottom : 0;
left : 0;
padding : 30px;
}
figure.effect-goliath p {
text-transform : none;
font-size : 90%;
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(0,50px,0);
}
figure.effect-goliath:hover img {
transform : translate3d(0,-80px,0);
}
figure.effect-goliath:hover h2 {
transform : translate3d(0,-100px,0);
}
figure.effect-goliath:hover p {
opacity : 1;
transform : translate3d(0,0,0);
}
figure.effect-hera {
background : #303fa9;
}
figure.effect-hera h2 {
font-size : 158.75%;
}
figure.effect-hera h2, figure.effect-hera p {
position : absolute;
top : 50%;
left : 50%;
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(-50%,-50%,0);
transform-origin : 50%;
}
figure.effect-hera figcaption::before {
position : absolute;
top : 50%;
left : 50%;
width : 200px;
height : 200px;
border : #fff solid 2px;
content : '';
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
transform-origin : 50%;
}
figure.effect-hera p {
width : 100px;
text-transform : none;
font-size : 121%;
line-height : 2;
}
figure.effect-hera p a {
color : #fff;
}
figure.effect-hera p a:hover, figure.effect-hera p a:focus {
opacity : 0.6;
}
figure.effect-hera p a i {
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
}
figure.effect-hera p a:first-child i {
transform : translate3d(-60px,-60px,0);
}
figure.effect-hera p a:nth-child(2) i {
transform : translate3d(60px,-60px,0);
}
figure.effect-hera p a:nth-child(3) i {
transform : translate3d(-60px,60px,0);
}
figure.effect-hera p a:nth-child(4) i {
transform : translate3d(60px,60px,0);
}
figure.effect-hera:hover figcaption::before {
opacity : 1;
transform : translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
}
figure.effect-hera:hover h2 {
opacity : 0;
transform : translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
}
figure.effect-hera:hover p i:empty {
transform : translate3d(0,0,0);
opacity : 1;
}
figure.effect-winston {
background : #162633;
text-align : left;
}
figure.effect-winston img {
transition : opacity 0.45s;
backface-visibility : hidden;
}
figure.effect-winston figcaption::before {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background : url(../img/triangle.svg) center center no-repeat;
background-size : 100% 100%;
content : '';
transition : opacity 0.45s, transform 0.45s;
transform : rotate3d(0,0,1,45deg);
transform-origin : 0 100%;
}
figure.effect-winston h2 {
transition : transform 0.35s;
transform : translate3d(0,20px,0);
}
figure.effect-winston p {
position : absolute;
right : 0;
bottom : 0;
padding : 0 1.5em 7% 0;
}
figure.effect-winston a {
margin : 0 10px;
color : #5d504f;
font-size : 170%;
}
figure.effect-winston a:hover, figure.effect-winston a:focus {
color : #cc6055;
}
figure.effect-winston p a i {
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(0,50px,0);
}
figure.effect-winston:hover img {
opacity : 0.6;
}
figure.effect-winston:hover h2 {
transform : translate3d(0,0,0);
}
figure.effect-winston:hover figcaption::before {
opacity : 0.7;
transform : rotate3d(0,0,1,20deg);
}
figure.effect-winston:hover p i {
opacity : 1;
transform : translate3d(0,0,0);
}
figure.effect-winston:hover p a:nth-child(3) i {
transition-delay : 0.05s;
}
figure.effect-winston:hover p a:nth-child(2) i {
transition-delay : 0.1s;
}
figure.effect-winston:hover p a:first-child i {
transition-delay : 0.15s;
}
figure.effect-selena {
background : #fff;
}
figure.effect-selena img {
opacity : 0.95;
transition : transform 0.35s;
transform-origin : 50% 50%;
}
figure.effect-selena:hover img {
transform : scale3d(0.95,0.95,1);
}
figure.effect-selena h2 {
transition : transform 0.35s;
transform : translate3d(0,20px,0);
}
figure.effect-selena p {
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
transform : perspective(1000px) rotate3d(1,0,0,90deg);
transform-origin : 50% 0%;
}
figure.effect-selena:hover h2 {
transform : translate3d(0,0,0);
}
figure.effect-terry {
background : #34495e;
}
figure.effect-terry figcaption {
padding : 1em;
}
figure.effect-terry figcaption::before, figure.effect-terry figcaption::after {
position : absolute;
width : 200%;
height : 200%;
border-style : solid;
border-color : #101010;
content : '';
transition : transform 0.35s;
}
figure.effect-terry figcaption::before {
right : 0;
bottom : 0;
border-width : 0 70px 60px 0;
transform : translate3d(70px,60px,0);
}
figure.effect-terry figcaption::after {
top : 0;
left : 0;
border-width : 15px 0 0 15px;
transform : translate3d(-15px,-15px,0);
}
figure.effect-terry img, figure.effect-terry p a {
transition : opacity 0.35s, transform 0.35s;
}
figure.effect-terry img {
opacity : 0.85;
}
figure.effect-terry h2 {
position : absolute;
bottom : 0;
left : 0;
padding : 0.4em 10px;
width : 50%;
transition : transform 0.35s;
transform : translate3d(100%,0,0);
}
@media screen and (max-width: 920px) {
figure.effect-terry h2 {
padding : 0.75em 10px;
font-size : 120%;
}
}
figure.effect-terry p {
float : right;
clear : both;
text-align : left;
text-transform : none;
font-size : 111%;
}
figure.effect-terry p a {
display : block;
margin-bottom : 1em;
color : #fff;
opacity : 0;
transform : translate3d(90px,0,0);
}
figure.effect-terry p a:hover, figure.effect-terry p a:focus {
color : #f3cf3f;
}
figure.effect-terry:hover figcaption::before, figure.effect-terry:hover figcaption::after {
transform : translate3d(0,0,0);
}
figure.effect-terry:hover img {
opacity : 0.6;
}
figure.effect-terry:hover h2, figure.effect-terry:hover p a {
transform : translate3d(0,0,0);
}
figure.effect-terry:hover p a {
opacity : 1;
}
figure.effect-terry:hover p a:first-child {
transition-delay : 0.025s;
}
figure.effect-terry:hover p a:nth-child(2) {
transition-delay : 0.05s;
}
figure.effect-terry:hover p a:nth-child(3) {
transition-delay : 0.075s;
}
figure.effect-terry:hover p a:nth-child(4) {
transition-delay : 0.1s;
}
figure.effect-phoebe {
background : #675983;
}
figure.effect-phoebe img {
opacity : 0.85;
transition : opacity 0.35s;
}
figure.effect-phoebe:hover img {
opacity : 0.6;
}
figure.effect-phoebe figcaption::before {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background : url(../img/triangle2.svg) center center no-repeat;
background-size : 100% 100%;
content : '';
transition : opacity 0.35s, transform 0.35s;
transform : scale3d(5,2.5,1);
transform-origin : 50% 50%;
}
figure.effect-phoebe:hover figcaption::before {
opacity : 0.6;
transform : scale3d(1,1,1);
}
figure.effect-phoebe h2 {
margin-top : 1em;
transition : transform 0.35s;
transform : translate3d(0,40px,0);
}
figure.effect-phoebe:hover h2 {
transform : translate3d(0,0,0);
}
figure.effect-phoebe p a {
color : #fff;
font-size : 140%;
opacity : 0;
position : relative;
display : inline-block;
transition : opacity 0.35s, transform 0.35s;
}
figure.effect-phoebe p a:first-child {
transform : translate3d(-60px,-60px,0);
}
figure.effect-phoebe p a:nth-child(2) {
transform : translate3d(0,60px,0);
}
figure.effect-phoebe p a:nth-child(3) {
transform : translate3d(60px,-60px,0);
}
figure.effect-phoebe:hover p a {
opacity : 1;
transform : translate3d(0,0,0);
}
figure.effect-apollo {
background : #3498db;
}
figure.effect-apollo img {
opacity : 0.95;
transition : opacity 0.35s, transform 0.35s;
transform : scale3d(1.05,1.05,1);
}
figure.effect-apollo figcaption::before {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background : rgb(255, 255, 255, 0.5);
content : '';
transition : transform 0.6s;
transform : scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
figure.effect-apollo p {
position : absolute;
right : 0;
bottom : 0;
margin : 3em;
padding : 0 1em;
max-width : 150px;
border-right : 4px solid #fff;
text-align : right;
opacity : 0;
transition : opacity 0.35s;
}
figure.effect-apollo h2 {
text-align : left;
}
figure.effect-apollo:hover img {
opacity : 0.6;
transform : scale3d(1,1,1);
}
figure.effect-apollo:hover figcaption::before {
transform : scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
figure.effect-apollo:hover p {
opacity : 1;
transition-delay : 0.1s;
}
figure.effect-kira {
background : #fff;
text-align : left;
}
figure.effect-kira img {
transition : opacity 0.35s;
}
figure.effect-kira figcaption {
z-index : 1;
}
figure.effect-kira p {
padding : 2.25em 0.5em;
font-weight : 600;
font-size : 100%;
line-height : 1.5;
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(0,-10px,0);
}
figure.effect-kira p a {
margin : 0 0.5em;
color : #101010;
}
figure.effect-kira p a:hover, figure.effect-kira p a:focus {
opacity : 0.6;
}
figure.effect-kira figcaption::before {
position : absolute;
top : 0;
right : 2em;
left : 2em;
z-index : -1;
height : 3.5em;
background : #fff;
content : '';
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(0,4em,0) scale3d(1,0.023,1);
transform-origin : 50% 0;
}
figure.effect-kira:hover img {
opacity : 0.5;
}
figure.effect-kira:hover p {
opacity : 1;
transform : translate3d(0,0,0);
}
figure.effect-kira:hover figcaption::before {
opacity : 0.7;
transform : translate3d(0,5em,0) scale3d(1,1,1);
}
figure.effect-steve {
z-index : auto;
overflow : visible;
background : #000;
}
figure.effect-steve:before, figure.effect-steve h2:before {
position : absolute;
top : 0;
left : 0;
z-index : -1;
width : 100%;
height : 100%;
background : #000;
content : '';
transition : opacity 0.35s;
}
figure.effect-steve:before {
box-shadow : 0 3px 30px rgb(0, 0, 0, 0.8);
opacity : 0;
}
figure.effect-steve figcaption {
z-index : 1;
}
figure.effect-steve img {
opacity : 1;
transition : transform 0.35s;
transform : perspective(1000px) translate3d(0,0,0);
}
figure.effect-steve h2, figure.effect-steve p {
background : #fff;
color : #2d434e;
}
figure.effect-steve h2 {
position : relative;
margin-top : 2em;
padding : 0.25em;
}
figure.effect-steve h2:before {
box-shadow : 0 1px 10px rgb(0, 0, 0, 0.5);
}
figure.effect-steve p {
margin-top : 1em;
padding : 0.5em;
font-weight : 800;
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
transform : scale3d(0.9,0.9,1);
}
figure.effect-steve:hover:before {
opacity : 1;
}
figure.effect-steve:hover img {
transform : perspective(1000px) translate3d(0,0,21px);
}
figure.effect-steve:hover h2:before {
opacity : 0;
}
figure.effect-steve:hover p {
opacity : 1;
transform : scale3d(1,1,1);
}
figure.effect-moses {
background : linear-gradient(-45deg, #EC65B7 0%, #05E0D8 100%);
}
figure.effect-moses img {
opacity : 0.85;
transition : opacity 0.35s;
}
figure.effect-moses h2, figure.effect-moses p {
padding : 20px;
width : 50%;
height : 50%;
border : #fff solid 2px;
}
figure.effect-moses h2 {
padding : 20px;
width : 50%;
height : 50%;
text-align : left;
transition : transform 0.35s;
transform : translate3d(10px,10px,0);
}
figure.effect-moses p {
float : right;
padding : 20px;
text-align : right;
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(-50%,-50%,0);
}
figure.effect-moses:hover h2 {
transform : translate3d(0,0,0);
}
figure.effect-moses:hover p {
opacity : 1;
transform : translate3d(0,0,0);
}
figure.effect-moses:hover img {
opacity : 0.6;
}
figure.effect-jazz {
background : linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%);
}
figure.effect-jazz img {
opacity : 0.9;
}
figure.effect-jazz figcaption::after, figure.effect-jazz img, figure.effect-jazz p {
transition : opacity 0.35s, transform 0.35s;
}
figure.effect-jazz figcaption::after {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
content : '';
opacity : 0;
transform : rotate3d(0,0,1,45deg) scale3d(1,0,1);
transform-origin : 50% 50%;
}
figure.effect-jazz h2, figure.effect-jazz p {
opacity : 1;
transform : scale3d(0.8,0.8,1);
}
figure.effect-jazz h2 {
padding-top : 26%;
transition : transform 0.35s;
}
figure.effect-jazz p {
padding : 0.5em 2em;
text-transform : none;
font-size : 0.85em;
opacity : 0;
}
figure.effect-jazz:hover img {
opacity : 0.7;
transform : scale3d(1.05,1.05,1);
}
figure.effect-jazz:hover figcaption::after {
opacity : 1;
transform : rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
figure.effect-jazz:hover h2, figure.effect-jazz:hover p {
opacity : 1;
transform : scale3d(1,1,1);
}
figure.effect-ming {
background : #030c17;
}
figure.effect-ming img {
opacity : 0.9;
transition : opacity 0.35s;
}
figure.effect-ming figcaption::before {
position : absolute;
top : 30px;
right : 30px;
bottom : 30px;
left : 30px;
border : #fff solid 2px;
box-shadow : 0 0 0 30px rgb(255, 255, 255, 0.2);
content : '';
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
transform : scale3d(1.4,1.4,1);
}
figure.effect-ming h2 {
margin : 20% 0 10px 0;
transition : transform 0.35s;
}
figure.effect-ming p {
padding : 1em;
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
transform : scale(1.5);
}
figure.effect-ming:hover h2 {
transform : scale(0.9);
}
figure.effect-ming:hover figcaption::before, figure.effect-ming:hover p {
opacity : 1;
transform : scale3d(1,1,1);
}
figure.effect-ming:hover figcaption {
background-color : rgb(58, 52, 42, 0);
}
figure.effect-ming:hover img {
opacity : 0.4;
}
figure.effect-lexi {
background : linear-gradient(-45deg, #000 0%, #fff 100%);
}
figure.effect-lexi img {
margin : -10px 0 0 -10px;
max-width : none;
width : calc(100% + 10px);
width : calc(100% + 10px);
opacity : 0.9;
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(10px,10px,0);
backface-visibility : hidden;
}
figure.effect-lexi figcaption::before, figure.effect-lexi p {
transition : opacity 0.35s, transform 0.35s;
}
figure.effect-lexi figcaption::before {
position : absolute;
right : -100px;
bottom : -100px;
width : 300px;
height : 300px;
border : #fff solid 2px;
border-radius : 50%;
box-shadow : 0 0 0 900px rgb(255, 255, 255, 0.2);
content : '';
opacity : 0;
transform : scale3d(0.5,0.5,1);
transform-origin : 50% 50%;
}
figure.effect-lexi:hover img {
opacity : 0.6;
transform : translate3d(0,0,0);
}
figure.effect-lexi h2 {
text-align : left;
transition : transform 0.35s;
transform : translate3d(5px,5px,0);
}
figure.effect-lexi p {
position : absolute;
right : 0;
bottom : 0;
padding : 0 1.5em 1.5em 0;
width : 140px;
text-align : right;
opacity : 0;
transform : translate3d(20px,20px,0);
}
figure.effect-lexi:hover figcaption::before {
opacity : 1;
transform : scale3d(1,1,1);
}
figure.effect-lexi:hover h2, figure.effect-lexi:hover p {
opacity : 1;
transform : translate3d(0,0,0);
}
figure.effect-duke {
background : linear-gradient(-45deg, #34495e 0%, #cc6055 100%);
}
figure.effect-duke img, figure.effect-duke p {
transition : opacity 0.35s, transform 0.35s;
}
figure.effect-duke:hover img {
opacity : 0.1;
transform : scale3d(2,2,1);
}
figure.effect-duke h2 {
transition : transform 0.35s;
transform : scale3d(0.8,0.8,1);
transform-origin : 50% 100%;
}
figure.effect-duke p {
position : absolute;
bottom : 0;
left : 0;
margin : 20px;
padding : 30px;
border : #fff solid 2px;
text-transform : none;
font-size : 90%;
opacity : 0;
transform : scale3d(0.8,0.8,1);
transform-origin : 50% -100%;
}
figure.effect-duke:hover h2, figure.effect-duke:hover p {
opacity : 1;
transform : scale3d(1,1,1);
}
@media screen and (max-width: 50em) {
.content {
padding : 0 10px;
text-align : center;
}
.grid figure {
display : inline-block;
float : none;
margin : 10px auto;
width : 100%;
}
}
.animated {
animation-duration : 1s;
animation-fill-mode : both;
}
.animated.infinite {
animation-iteration-count : infinite;
}
.animated.hinge {
animation-duration : 2s;
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
animation-duration : 0.75s;
}
@keyframes bounce {
0%, 20%, 53%, 80%, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
transform : translateZ(0);
}
40%, 43% {
animation-timing-function : cubic-bezier(0.755,0.05,0.855,0.06);
transform : translate3d(0,-30px,0);
}
70% {
animation-timing-function : cubic-bezier(0.755,0.05,0.855,0.06);
transform : translate3d(0,-15px,0);
}
90% {
transform : translate3d(0,-4px,0);
}
}
.bounce {
animation-name : bounce;
transform-origin : center bottom;
}
@keyframes flash {
0%, 50%, to {
opacity : 1;
}
25%, 75% {
opacity : 0;
}
}
.flash {
animation-name : flash;
}
@keyframes pulse {
0% {
transform : scaleX(1);
}
50% {
transform : scale3d(1.05,1.05,1.05);
}
to {
transform : scaleX(1);
}
}
.pulse {
animation-name : pulse;
}
@keyframes rubberBand {
0% {
transform : scaleX(1);
}
30% {
transform : scale3d(1.25,0.75,1);
}
40% {
transform : scale3d(0.75,1.25,1);
}
50% {
transform : scale3d(1.15,0.85,1);
}
65% {
transform : scale3d(0.95,1.05,1);
}
75% {
transform : scale3d(1.05,0.95,1);
}
to {
transform : scaleX(1);
}
}
.rubberBand {
animation-name : rubberBand;
}
@keyframes shake {
0%, to {
transform : translateZ(0);
}
10%, 30%, 50%, 70%, 90% {
transform : translate3d(-10px,0,0);
}
20%, 40%, 60%, 80% {
transform : translate3d(10px,0,0);
}
}
.shake {
animation-name : shake;
}
@keyframes headShake {
0% {
transform : translateX(0);
}
6.5% {
transform : translateX(-6px) rotateY(-9deg);
}
18.5% {
transform : translateX(5px) rotateY(7deg);
}
31.5% {
transform : translateX(-3px) rotateY(-5deg);
}
43.5% {
transform : translateX(2px) rotateY(3deg);
}
50% {
transform : translateX(0);
}
}
.headShake {
animation-timing-function : ease-in-out;
animation-name : headShake;
}
@keyframes swing {
20% {
transform : rotate(15deg);
}
40% {
transform : rotate(-10deg);
}
60% {
transform : rotate(5deg);
}
80% {
transform : rotate(-5deg);
}
to {
transform : rotate(0deg);
}
}
.swing {
transform-origin : top center;
animation-name : swing;
}
@keyframes tada {
0% {
transform : scaleX(1);
}
10%, 20% {
transform : scale3d(0.9,0.9,0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
transform : scale3d(1.1,1.1,1.1) rotate(3deg);
}
40%, 60%, 80% {
transform : scale3d(1.1,1.1,1.1) rotate(-3deg);
}
to {
transform : scaleX(1);
}
}
.tada {
animation-name : tada;
}
@keyframes wobble {
0% {
transform : none;
}
15% {
transform : translate3d(-25%,0,0) rotate(-5deg);
}
30% {
transform : translate3d(20%,0,0) rotate(3deg);
}
45% {
transform : translate3d(-15%,0,0) rotate(-3deg);
}
60% {
transform : translate3d(10%,0,0) rotate(2deg);
}
75% {
transform : translate3d(-5%,0,0) rotate(-1deg);
}
to {
transform : none;
}
}
.wobble {
animation-name : wobble;
}
@keyframes jello {
0%, 11.1%, to {
transform : none;
}
22.2% {
transform : skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform : skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform : skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform : skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform : skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform : skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform : skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name : jello;
transform-origin : center;
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
}
0% {
opacity : 0;
transform : scale3d(0.3,0.3,0.3);
}
20% {
transform : scale3d(1.1,1.1,1.1);
}
40% {
transform : scale3d(0.9,0.9,0.9);
}
60% {
opacity : 1;
transform : scale3d(1.03,1.03,1.03);
}
80% {
transform : scale3d(0.97,0.97,0.97);
}
to {
opacity : 1;
transform : scaleX(1);
}
}
.bounceIn {
animation-name : bounceIn;
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
}
0% {
opacity : 0;
transform : translate3d(0,-3000px,0);
}
60% {
opacity : 1;
transform : translate3d(0,25px,0);
}
75% {
transform : translate3d(0,-10px,0);
}
90% {
transform : translate3d(0,5px,0);
}
to {
transform : none;
}
}
.bounceInDown {
animation-name : bounceInDown;
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
}
0% {
opacity : 0;
transform : translate3d(-3000px,0,0);
}
60% {
opacity : 1;
transform : translate3d(25px,0,0);
}
75% {
transform : translate3d(-10px,0,0);
}
90% {
transform : translate3d(5px,0,0);
}
to {
transform : none;
}
}
.bounceInLeft {
animation-name : bounceInLeft;
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
}
0% {
opacity : 0;
transform : translate3d(3000px,0,0);
}
60% {
opacity : 1;
transform : translate3d(-25px,0,0);
}
75% {
transform : translate3d(10px,0,0);
}
90% {
transform : translate3d(-5px,0,0);
}
to {
transform : none;
}
}
.bounceInRight {
animation-name : bounceInRight;
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
}
0% {
opacity : 0;
transform : translate3d(0,3000px,0);
}
60% {
opacity : 1;
transform : translate3d(0,-20px,0);
}
75% {
transform : translate3d(0,10px,0);
}
90% {
transform : translate3d(0,-5px,0);
}
to {
transform : translateZ(0);
}
}
.bounceInUp {
animation-name : bounceInUp;
}
@keyframes bounceOut {
20% {
transform : scale3d(0.9,0.9,0.9);
}
50%, 55% {
opacity : 1;
transform : scale3d(1.1,1.1,1.1);
}
to {
opacity : 0;
transform : scale3d(0.3,0.3,0.3);
}
}
.bounceOut {
animation-name : bounceOut;
}
@keyframes bounceOutDown {
20% {
transform : translate3d(0,10px,0);
}
40%, 45% {
opacity : 1;
transform : translate3d(0,-20px,0);
}
to {
opacity : 0;
transform : translate3d(0,2000px,0);
}
}
.bounceOutDown {
animation-name : bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity : 1;
transform : translate3d(20px,0,0);
}
to {
opacity : 0;
transform : translate3d(-2000px,0,0);
}
}
.bounceOutLeft {
animation-name : bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity : 1;
transform : translate3d(-20px,0,0);
}
to {
opacity : 0;
transform : translate3d(2000px,0,0);
}
}
.bounceOutRight {
animation-name : bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform : translate3d(0,-10px,0);
}
40%, 45% {
opacity : 1;
transform : translate3d(0,20px,0);
}
to {
opacity : 0;
transform : translate3d(0,-2000px,0);
}
}
.bounceOutUp {
animation-name : bounceOutUp;
}
@keyframes fadeIn {
0% {
opacity : 0;
}
to {
opacity : 1;
}
}
.fadeIn {
animation-name : fadeIn;
}
@keyframes fadeInDown {
0% {
opacity : 0;
transform : translate3d(0,-100%,0);
}
to {
opacity : 1;
transform : none;
}
}
.fadeInDown {
animation-name : fadeInDown;
}
@keyframes fadeInDownBig {
0% {
opacity : 0;
transform : translate3d(0,-2000px,0);
}
to {
opacity : 1;
transform : none;
}
}
.fadeInDownBig {
animation-name : fadeInDownBig;
}
@keyframes fadeInLeft {
0% {
opacity : 0;
transform : translate3d(-100%,0,0);
}
to {
opacity : 1;
transform : none;
}
}
.fadeInLeft {
animation-name : fadeInLeft;
}
@keyframes fadeInLeftBig {
0% {
opacity : 0;
transform : translate3d(-2000px,0,0);
}
to {
opacity : 1;
transform : none;
}
}
.fadeInLeftBig {
animation-name : fadeInLeftBig;
}
@keyframes fadeInRight {
0% {
opacity : 0;
transform : translate3d(100%,0,0);
}
to {
opacity : 1;
transform : none;
}
}
.fadeInRight {
animation-name : fadeInRight;
}
@keyframes fadeInRightBig {
0% {
opacity : 0;
transform : translate3d(2000px,0,0);
}
to {
opacity : 1;
transform : none;
}
}
.fadeInRightBig {
animation-name : fadeInRightBig;
}
@keyframes fadeInUp {
0% {
opacity : 0;
transform : translate3d(0,100%,0);
}
to {
opacity : 1;
transform : none;
}
}
.fadeInUp {
animation-name : fadeInUp;
}
@keyframes fadeInUpBig {
0% {
opacity : 0;
transform : translate3d(0,2000px,0);
}
to {
opacity : 1;
transform : none;
}
}
.fadeInUpBig {
animation-name : fadeInUpBig;
}
@keyframes fadeOut {
0% {
opacity : 1;
}
to {
opacity : 0;
}
}
.fadeOut {
animation-name : fadeOut;
}
@keyframes fadeOutDown {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(0,100%,0);
}
}
.fadeOutDown {
animation-name : fadeOutDown;
}
@keyframes fadeOutDownBig {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(0,2000px,0);
}
}
.fadeOutDownBig {
animation-name : fadeOutDownBig;
}
@keyframes fadeOutLeft {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(-100%,0,0);
}
}
.fadeOutLeft {
animation-name : fadeOutLeft;
}
@keyframes fadeOutLeftBig {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(-2000px,0,0);
}
}
.fadeOutLeftBig {
animation-name : fadeOutLeftBig;
}
@keyframes fadeOutRight {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(100%,0,0);
}
}
.fadeOutRight {
animation-name : fadeOutRight;
}
@keyframes fadeOutRightBig {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(2000px,0,0);
}
}
.fadeOutRightBig {
animation-name : fadeOutRightBig;
}
@keyframes fadeOutUp {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(0,-100%,0);
}
}
.fadeOutUp {
animation-name : fadeOutUp;
}
@keyframes fadeOutUpBig {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(0,-2000px,0);
}
}
.fadeOutUpBig {
animation-name : fadeOutUpBig;
}
@keyframes flip {
0% {
transform : perspective(400px) rotateY(-1turn);
animation-timing-function : ease-out;
}
40% {
transform : perspective(400px) translateZ(150px) rotateY(-190deg);
animation-timing-function : ease-out;
}
50% {
transform : perspective(400px) translateZ(150px) rotateY(-170deg);
animation-timing-function : ease-in;
}
80% {
transform : perspective(400px) scale3d(0.95,0.95,0.95);
animation-timing-function : ease-in;
}
to {
transform : perspective(400px);
animation-timing-function : ease-in;
}
}
.animated.flip {
backface-visibility : visible;
animation-name : flip;
}
@keyframes flipInX {
0% {
transform : perspective(400px) rotateX(90deg);
animation-timing-function : ease-in;
opacity : 0;
}
40% {
transform : perspective(400px) rotateX(-20deg);
animation-timing-function : ease-in;
}
60% {
transform : perspective(400px) rotateX(10deg);
opacity : 1;
}
80% {
transform : perspective(400px) rotateX(-5deg);
}
to {
transform : perspective(400px);
}
}
.flipInX {
backface-visibility : visible !important ;
animation-name : flipInX;
}
@keyframes flipInY {
0% {
transform : perspective(400px) rotateY(90deg);
animation-timing-function : ease-in;
opacity : 0;
}
40% {
transform : perspective(400px) rotateY(-20deg);
animation-timing-function : ease-in;
}
60% {
transform : perspective(400px) rotateY(10deg);
opacity : 1;
}
80% {
transform : perspective(400px) rotateY(-5deg);
}
to {
transform : perspective(400px);
}
}
.flipInY {
backface-visibility : visible !important ;
animation-name : flipInY;
}
@keyframes flipOutX {
0% {
transform : perspective(400px);
}
30% {
transform : perspective(400px) rotateX(-20deg);
opacity : 1;
}
to {
transform : perspective(400px) rotateX(90deg);
opacity : 0;
}
}
.flipOutX {
animation-name : flipOutX;
backface-visibility : visible !important ;
}
@keyframes flipOutY {
0% {
transform : perspective(400px);
}
30% {
transform : perspective(400px) rotateY(-15deg);
opacity : 1;
}
to {
transform : perspective(400px) rotateY(90deg);
opacity : 0;
}
}
.flipOutY {
backface-visibility : visible !important ;
animation-name : flipOutY;
}
@keyframes lightSpeedIn {
0% {
transform : translate3d(100%,0,0) skewX(-30deg);
opacity : 0;
}
60% {
transform : skewX(20deg);
opacity : 1;
}
80% {
transform : skewX(-5deg);
opacity : 1;
}
to {
transform : none;
opacity : 1;
}
}
.lightSpeedIn {
animation-name : lightSpeedIn;
animation-timing-function : ease-out;
}
@keyframes lightSpeedOut {
0% {
opacity : 1;
}
to {
transform : translate3d(100%,0,0) skewX(30deg);
opacity : 0;
}
}
.lightSpeedOut {
animation-name : lightSpeedOut;
animation-timing-function : ease-in;
}
@keyframes rotateIn {
0% {
transform-origin : center;
transform : rotate(-200deg);
opacity : 0;
}
to {
transform-origin : center;
transform : none;
opacity : 1;
}
}
.rotateIn {
animation-name : rotateIn;
}
@keyframes rotateInDownLeft {
0% {
transform-origin : left bottom;
transform : rotate(-45deg);
opacity : 0;
}
to {
transform-origin : left bottom;
transform : none;
opacity : 1;
}
}
.rotateInDownLeft {
animation-name : rotateInDownLeft;
}
@keyframes rotateInDownRight {
0% {
transform-origin : right bottom;
transform : rotate(45deg);
opacity : 0;
}
to {
transform-origin : right bottom;
transform : none;
opacity : 1;
}
}
.rotateInDownRight {
animation-name : rotateInDownRight;
}
@keyframes rotateInUpLeft {
0% {
transform-origin : left bottom;
transform : rotate(45deg);
opacity : 0;
}
to {
transform-origin : left bottom;
transform : none;
opacity : 1;
}
}
.rotateInUpLeft {
animation-name : rotateInUpLeft;
}
@keyframes rotateInUpRight {
0% {
transform-origin : right bottom;
transform : rotate(-90deg);
opacity : 0;
}
to {
transform-origin : right bottom;
transform : none;
opacity : 1;
}
}
.rotateInUpRight {
animation-name : rotateInUpRight;
}
@keyframes rotateOut {
0% {
transform-origin : center;
opacity : 1;
}
to {
transform-origin : center;
transform : rotate(200deg);
opacity : 0;
}
}
.rotateOut {
animation-name : rotateOut;
}
@keyframes rotateOutDownLeft {
0% {
transform-origin : left bottom;
opacity : 1;
}
to {
transform-origin : left bottom;
transform : rotate(45deg);
opacity : 0;
}
}
.rotateOutDownLeft {
animation-name : rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
0% {
transform-origin : right bottom;
opacity : 1;
}
to {
transform-origin : right bottom;
transform : rotate(-45deg);
opacity : 0;
}
}
.rotateOutDownRight {
animation-name : rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
0% {
transform-origin : left bottom;
opacity : 1;
}
to {
transform-origin : left bottom;
transform : rotate(-45deg);
opacity : 0;
}
}
.rotateOutUpLeft {
animation-name : rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
0% {
transform-origin : right bottom;
opacity : 1;
}
to {
transform-origin : right bottom;
transform : rotate(90deg);
opacity : 0;
}
}
.rotateOutUpRight {
animation-name : rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin : top left;
animation-timing-function : ease-in-out;
}
20%, 60% {
transform : rotate(80deg);
transform-origin : top left;
animation-timing-function : ease-in-out;
}
40%, 80% {
transform : rotate(60deg);
transform-origin : top left;
animation-timing-function : ease-in-out;
opacity : 1;
}
to {
transform : translate3d(0,700px,0);
opacity : 0;
}
}
.hinge {
animation-name : hinge;
}
@keyframes jackInTheBox {
0% {
opacity : 0;
transform : scale(0.1) rotate(30deg);
transform-origin : center bottom;
}
50% {
transform : rotate(-10deg);
}
70% {
transform : rotate(3deg);
}
to {
opacity : 1;
transform : scale(1);
}
}
.jackInTheBox {
animation-name : jackInTheBox;
}
@keyframes rollIn {
0% {
opacity : 0;
transform : translate3d(-100%,0,0) rotate(-120deg);
}
to {
opacity : 1;
transform : none;
}
}
.rollIn {
animation-name : rollIn;
}
@keyframes rollOut {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(100%,0,0) rotate(120deg);
}
}
.rollOut {
animation-name : rollOut;
}
@keyframes zoomIn {
0% {
opacity : 0;
transform : scale3d(0.3,0.3,0.3);
}
50% {
opacity : 1;
}
}
.zoomIn {
animation-name : zoomIn;
}
@keyframes zoomInDown {
0% {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
}
60% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
}
}
.zoomInDown {
animation-name : zoomInDown;
}
@keyframes zoomInLeft {
0% {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
}
60% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(10px,0,0);
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
}
}
.zoomInLeft {
animation-name : zoomInLeft;
}
@keyframes zoomInRight {
0% {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
}
60% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
}
}
.zoomInRight {
animation-name : zoomInRight;
}
@keyframes zoomInUp {
0% {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
}
60% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
}
}
.zoomInUp {
animation-name : zoomInUp;
}
@keyframes zoomOut {
0% {
opacity : 1;
}
50% {
opacity : 0;
transform : scale3d(0.3,0.3,0.3);
}
to {
opacity : 0;
}
}
.zoomOut {
animation-name : zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
}
to {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);
transform-origin : center bottom;
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
}
}
.zoomOutDown {
animation-name : zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(42px,0,0);
}
to {
opacity : 0;
transform : scale(0.1) translate3d(-2000px,0,0);
transform-origin : left center;
}
}
.zoomOutLeft {
animation-name : zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(-42px,0,0);
}
to {
opacity : 0;
transform : scale(0.1) translate3d(2000px,0,0);
transform-origin : right center;
}
}
.zoomOutRight {
animation-name : zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
}
to {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);
transform-origin : center bottom;
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
}
}
.zoomOutUp {
animation-name : zoomOutUp;
}
@keyframes slideInDown {
0% {
transform : translate3d(0,-100%,0);
visibility : visible;
}
to {
transform : translateZ(0);
}
}
.slideInDown {
animation-name : slideInDown;
}
@keyframes slideInLeft {
0% {
transform : translate3d(-100%,0,0);
visibility : visible;
}
to {
transform : translateZ(0);
}
}
.slideInLeft {
animation-name : slideInLeft;
}
@keyframes slideInRight {
0% {
transform : translate3d(100%,0,0);
visibility : visible;
}
to {
transform : translateZ(0);
}
}
.slideInRight {
animation-name : slideInRight;
}
@keyframes slideInUp {
0% {
transform : translate3d(0,100%,0);
visibility : visible;
}
to {
transform : translateZ(0);
}
}
.slideInUp {
animation-name : slideInUp;
}
@keyframes slideOutDown {
0% {
transform : translateZ(0);
}
to {
visibility : hidden;
transform : translate3d(0,100%,0);
}
}
.slideOutDown {
animation-name : slideOutDown;
}
@keyframes slideOutLeft {
0% {
transform : translateZ(0);
}
to {
visibility : hidden;
transform : translate3d(-100%,0,0);
}
}
.slideOutLeft {
animation-name : slideOutLeft;
}
@keyframes slideOutRight {
0% {
transform : translateZ(0);
}
to {
visibility : hidden;
transform : translate3d(100%,0,0);
}
}
.slideOutRight {
animation-name : slideOutRight;
}
@keyframes slideOutUp {
0% {
transform : translateZ(0);
}
to {
visibility : hidden;
transform : translate3d(0,-100%,0);
}
}
.slideOutUp {
animation-name : slideOutUp;
}
.owl-carousel, .owl-carousel .owl-item {
position : relative;
}
.owl-carousel {
display : none;
width : 100%;
z-index : 1;
}
.owl-carousel .owl-stage {
position : relative;
}
.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;
}
.owl-carousel .owl-item {
min-height : 1px;
float : left;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display : none;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
display : block;
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
cursor : pointer;
user-select : none;
}
.owl-carousel.owl-loading {
opacity : 0;
display : block;
}
.owl-carousel.owl-hidden {
opacity : 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility : hidden;
}
.owl-carousel.owl-drag .owl-item {
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;
}
.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;
}
@keyframes fadeOut {
0% {
opacity : 1;
}
100% {
opacity : 0;
}
}
.owl-height {
transition : height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
opacity : 0;
transition : opacity 0.4s ease;
}
.owl-carousel .owl-item img.owl-lazy {
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;
transition : transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
transform : 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 : center center;
background-repeat : no-repeat;
background-size : contain;
transition : opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
position : relative;
z-index : 1;
height : 100%;
width : 100%;
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
text-align : center;
}
.owl-theme .owl-nav {
margin-top : 10px;
}
.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 : 0.5;
cursor : default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top : 10px;
}
.owl-theme .owl-dots .owl-dot {
display : inline-block;
}
.owl-theme .owl-dots .owl-dot span {
width : 10px;
height : 10px;
margin : 5px 7px;
background : #D6D6D6;
display : block;
transition : opacity 0.2s ease;
border-radius : 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background : #869791;
}
@font-face {
font-family : 'DIN Next LT Arabic Regular';
src : url("/App_Themes/ThemeAr/Fonts/DIN Next LT Arabic Regular.eot");
src : url("/App_Themes/ThemeAr/Fonts/DIN Next LT Arabic Regular.woff2") format('woff2'), url("/App_Themes/ThemeAr/Fonts/DIN Next LT Arabic Regular.eot?#iefix") format('embedded-opentype');
font-weight : normal;
font-style : normal;
}
@font-face {
font-family : 'DINNextLTArabic-Regular';
src : url("/App_Themes/ThemeAr/Fonts/DINNextLTArabic-Regular.woff") format('woff'), url("/App_Themes/ThemeAr/Fonts/DINNextLTArabic-Regular.ttf") format('truetype'), url("/App_Themes/ThemeAr/Fonts/DINNextLTArabic-Regular.svg#DINNextLTArabic-Regular") format('svg');
font-weight : normal;
font-style : normal;
}
@font-face {
font-family : 'DIN Next LT Arabic Bold';
src : url("/App_Themes/ThemeAr/Fonts/DIN Next LT Arabic Bold.eot");
src : url("/App_Themes/ThemeAr/Fonts/DIN Next LT Arabic Bold.woff2") format('woff2'), url("/App_Themes/ThemeAr/Fonts/DIN Next LT Arabic Bold.eot?#iefix") format('embedded-opentype');
font-weight : normal;
font-style : normal;
}
@font-face {
font-family : 'DINNextLTArabic-Bold';
src : url("/App_Themes/ThemeAr/Fonts/DINNextLTArabic-Bold.woff") format('woff'), url("/App_Themes/ThemeAr/Fonts/DINNextLTArabic-Bold.ttf") format('truetype'), url("/App_Themes/ThemeAr/Fonts/DINNextLTArabic-Bold.svg#DINNextLTArabic-Bold") format('svg');
font-weight : normal;
font-style : normal;
}
body {
font-family : 'DINNextLTArabic-Regular';
font-size : 17px;
}
.header {
background-color : white;
height : auto;
}
.header hr {
margin : 0;
}
.logo {
padding-top : 10px;
}
.menub {
margin : 0;
padding : 0;
float : left;
padding-top : 29px;
}
.menub li {
display : inline-block;
padding : 2px 4px;
}
.menub li > a {
font-family : 'DINNextLTArabic-Regular';
color : #a7a7a7;
font-size : 12px;
}
.menub li > a:hover {
text-decoration : none;
color : #36d1b5;
transition : 0.5s ease-in-out;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color : transparent;
padding : 0;
}
.navbar-default {
background-color : white;
border-color : transparent;
}
.navbar-default .navbar-nav > li > a {
color : black;
font-family : 'DINNextLTArabic-Bold';
font-size : 16px;
}
.nav > li > a {
padding : 10px 14px;
}
.headerbg {
height : 180px;
background-image : url(/App_Themes/ThemeAr/images/headerbg.png);
background-size : cover;
background-position : center center;
background-repeat : no-repeat;
}
.navbar {
margin-bottom : 11px;
}
.breadcrumb {
background-color : rgb(0, 0, 0, 0.8);
height : 50px;
border-radius : 0;
margin-bottom : 0;
margin-top : -50px;
border-right : 3px solid #fd8114;
}
.breadcrumb-item a, .breadcrumb-item span {
color : white;
}
.breadcrumb > li + li::before {
content : " > ";
}
.sharesocial {
display : inline-block;
float : left;
margin-top : -40px;
margin-left : 10px;
}
.sharesocial .share-title {
display : inline-block;
color : #fff;
vertical-align : top;
padding : 0 5px;
}
.sharesocial .addthis_inline_share_toolbox {
display : inline-block;
}
.globalMenuTitle {
height : 50px;
margin-top : -50px;
background-color : rgb(54, 209, 181, 0.9);
font-size : 20px;
font-family : 'DINNextLTArabic-Bold';
color : white;
padding : 8px 20px;
}
.contentData {
text-align : justify;
min-height : 360px;
}
.content {
background-image : url(/App_Themes/ThemeAr/images/atom.png);
background-repeat : no-repeat;
background-position : right bottom;
background-attachment : fixed;
margin-bottom : 30px;
}
.globalMenuItems {
background-color : #f7f7f7;
height : auto;
padding : 0;
margin : 0;
}
.globalMenuItems li {
display : block;
padding : 14px 20px;
border-bottom : 2px solid #f4f4f4;
}
.globalMenuItems li > a {
color : black;
font-size : 18px;
font-family : 'DINNextLTArabic-Bold';
}
.globalMenuItems li > a:hover {
color : #36d1b5;
transition : 0.5s ease-in-out;
text-decoration : none;
}
.globalMenuItems > .active {
border-left : 4px solid #36d1b5;
}
.globalMenuItems > .active > a {
color : #36d1b5;
}
.Banners {
margin-top : 30px;
}
.bannersTitle {
font-size : 18px;
color : black;
font-family : 'DINNextLTArabic-Bold';
}
.Banners span {
font-size : 18px;
color : black;
font-family : 'DINNextLTArabic-Bold';
position : relative;
top : 5px;
}
.banner {
margin-top : 10px;
height : 90px;
margin-bottom : 10px;
padding : 10px 20px;
background-color : #f3f3f3;
}
.Banners .banner:nth-child(2) {
border-left : 6px solid #36d1b5;
}
.Banners .banner:nth-child(3) {
border-left : 6px solid #fd8114;
}
.Banners .banner:nth-child(4) {
border-left : 6px solid #bada55;
}
.line {
background-color : #36d1b5;
height : 20px;
}
footer {
min-height : 400px;
background-color : #f5f5f5;
color : black;
font-size : 15px;
}
.Menuc {
padding : 0;
margin : 0;
}
.Menuc li span {
display : inline-block;
padding : 4px;
}
.Menuc li span i {
font-size : 8px;
vertical-align : middle;
}
.Menuc li {
display : inline-block;
padding : 10px 10px;
}
.Menuc li a {
font-size : 15px;
color : black;
}
.Menuc li a:hover {
text-decoration : none;
}
.socialFooter {
margin : 0;
float : left;
margin-top : 10px;
}
.socialFooter li {
display : inline-block;
}
.Partner {
min-height : 110px;
background-color : white;
border-top : 1px solid #fd8114;
border-bottom : 1px solid #fd8114;
margin-bottom : 20px;
}
.no-gutter > [class*="col-"] {
padding-right : 0;
padding-left : 0;
}
.partnerLogos {
padding : 0;
margin : 0;
margin : auto;
}
.partnerLogos li {
display : inline-block;
text-align : center;
padding : 10px;
padding : 10px 23px;
}
.footerlogos {
float : left;
}
.powerdby {
float : left;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color : white;
background-color : #fd8114;
}
.dropdown-menu {
background-color : #323232;
color : white;
border-radius : 0;
padding : 0;
}
.dropdown-menu > li > a {
color : white;
min-width : 188px;
padding : 6px 9px;
}
@media screen and (max-width: 768px) {
.dropdown-menu > li > a {
color : #000;
}
}
.dropdown-menu > li {
padding : 3px 0;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
color : white;
background-color : #fd8114;
}
.menub_mobile li {
display : inline-block;
}
.menub_mobile {
margin-top : 10px;
}
@media screen and (max-width: 768px) {
.contentData {
text-align : center;
text-align : justify;
text-align-last : center;
}
h1 {
font-size : 25px;
}
.Menuc {
text-align : center;
}
.socialFooter {
text-align : center;
float : none;
}
.footerlogos {
float : none;
text-align : center;
margin-top : 10px;
margin-bottom : 10px;
}
.partnerLogos {
text-align : center;
}
.powerdby {
float : none;
text-align : center;
}
.hw {
text-align : center;
margin-top : 10px;
margin-bottom : 10px;
}
}
.sidenav {
height : 100%;
width : 0;
position : fixed;
z-index : 1;
top : 0;
left : 0;
background-color : rgb(255, 255, 255, 0.95);
opacity : 0.95;
overflow-x : hidden;
transition : 0.5s;
padding-top : 60px;
}
.sidenav a {
padding : 8px 8px 8px 32px;
text-decoration : none;
color : black;
display : inline;
transition : 0.3s;
}
.sidenav .dropdown-menu a.dropdown-toggle, .sidenav .dropdown-menu li a.dropdown-toggle {
padding : 0;
}
.MobileM li {
border-bottom : 1px solid rgb(215, 223, 36, 0.3);
}
.sidenav .dropdown-menu > li {
border-bottom : none;
}
.sidenav a:hover {
color : #fd8114;
}
.sidenav .closebtn {
position : absolute;
top : 0;
right : 25px;
font-size : 36px;
margin-left : 50px;
}
@media screen and (max-height: 450px) {
.sidenav {
padding-top : 15px;
}
.sidenav a {
font-size : 18px;
}
}
.sidenav > .navbar-nav > .dropdown > .dropdown-menu > li > a {
font-size : 15px;
color : white;
}
.sidenav > .navbar-nav > .dropdown > .dropdown-menu > li > a:hover {
color : white;
}
.sidenav .nav > li > a {
color : black;
opacity : 0.8;
}
.sidenav .nav > li > a:hover {
text-decoration : none;
background-color : transparent;
color : #fd8114;
}
.sidenav .nav > li {
font-size : 17px;
color : #a10400;
}
.logo {
padding : 10px;
text-align : center;
}
#MenuBInBurger span {
color : black;
display : inline;
font-size : 12px;
}
#MenuBInBurger {
text-align : center;
width : 100%;
padding : 20px;
}
#sg-carousel {
position : relative;
height : 430px;
}
#sg-carousel .carousel-inner .item {
height : 478px;
}
.carousel-caption {
top : 15%;
}
.carousel-caption h1 {
font-size : 20px;
color : black;
margin : 0;
padding : 0;
text-shadow : none;
}
#sg-carousel .carousel-control.left {
top : 30%;
}
#sg-carousel .carousel-control.right {
top : 30%;
}
.uppr-txt {
text-transform : uppercase;
color : #fff;
font-size : 35px;
}
#sg-carousel .carousel-control.left, #sg-carousel .carousel-control.right {
background-image : none;
background-repeat : no-repeat;
opacity : 0;
text-shadow : none;
transition : all 0.8s ease;
}
.carousel-control {
bottom : 0;
color : #fff;
font-size : 20px;
left : 0;
opacity : 0;
position : absolute;
text-align : center;
top : 0;
width : auto;
transition : all 0.8s ease;
}
.fa-angle-right, .fa-angle-left {
font-size : 80px;
}
#sg-carousel:hover .carousel-control.left {
left : 38px;
transition : all 0.2s ease;
}
#sg-carousel:hover .carousel-control.right {
right : 38px;
transition : all 0.2s ease;
}
#sg-carousel:hover .carousel-control.left, #sg-carousel:hover .carousel-control.right {
opacity : 1;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
display : block;
height : auto;
max-width : 100%;
width : 100%;
}
.item .bg {
background-size : cover;
background-position : center center;
height : 100%;
}
.item.active .bg {
transition : transform 5000ms linear;
transform : scale(1.05,1.05);
}
.carousel-fade .carousel-inner .active {
opacity : 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
opacity : 1;
}
.carousel-fade .carousel-control {
z-index : 2;
font-size : 80px;
}
.carousel-caption {
right : 10%;
left : 10%;
text-align : right;
width : 40%;
}
.carousel-caption h1 {
text-align : right;
text-shadow : none;
}
.carousel-caption > p {
font-size : 17px;
color : black;
font-family : 'DINNextLTArabic-Regular';
text-align : right;
text-shadow : none;
}
.carousel-caption > a {
color : #fff;
background : #041132;
padding : 6px 12px;
}
.button--tamaya {
border : #40a304 solid 2px !important ;
border-radius : 5px;
color : #7986cb;
min-width : 180px;
overflow : hidden;
}
.button--border-thick {
border : solid 3px;
}
.button {
background : none 0 0 repeat scroll rgb(0, 0, 0, 0);
border : none medium;
color : inherit;
display : block;
float : left;
max-width : 250px;
min-width : 199px;
padding : 1em 7em;
position : relative;
vertical-align : middle;
z-index : 1;
}
.button--tamaya::before {
padding-top : 1em;
top : 0;
}
.button--tamaya::before, .button--tamaya::after {
background : #40a304;
color : #fff;
content : attr(data-text);
height : 50%;
left : 0;
overflow : hidden;
position : absolute;
transition : transform 0.3s cubic-bezier(0.2,1,0.3,1);
width : 100%;
}
.button--tamaya::after {
bottom : 0;
line-height : 0;
}
.button--tamaya:hover::before {
transform : translate3d(0,-100%,0);
}
.button--tamaya:hover::after {
transform : translate3d(0,100%,0);
color : #40a304;
}
.button--tamaya:hover {
color : #40a304;
font-weight : 600;
}
.carousel-indicators li {
background-color : #b3b5b9;
border-radius : 10px;
cursor : pointer;
display : inline-block;
height : 12px;
margin : 1px;
text-indent : -999px;
width : 12px;
border : 0;
}
.carousel-indicators .active {
background-color : #041132;
height : 12px;
margin : 0;
width : 12px;
border : 0;
}
#sg-carousel h1 {
animation-delay : 1s;
margin-bottom : 25px;
background-color : rgb(255, 255, 255, 0.80);
padding : 15px;
margin-bottom : 0;
}
#sg-carousel p {
animation-delay : 2s;
background-color : rgb(255, 255, 255, 0.80);
padding : 15px;
}
#sg-carousel button {
animation-delay : 3s;
margin-top : 25px;
}
.carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {
opacity : 0;
transform : translate3d(0,0,0);
}
.carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
opacity : 0;
transform : translate3d(0,0,0);
}
.carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
opacity : 1;
transform : translate3d(0,0,0);
}
h1, h2, h3 h4, h5, h6 {
font-family : 'DINNextLTArabic-Bold';
}
.StroyBanners {
background-color : rgb(0, 0, 0, 0.7);
height : 70px;
margin-top : -70px;
position : relative;
z-index : 5;
}
.bannerimg {
margin-top : -25px;
}
.Sbanner span {
color : white;
font-family : 'DINNextLTArabic-Bold';
top : 9px;
position : relative;
}
.mobSbanner {
background-color : rgb(0, 0, 0, 0.8);
min-height : 150px;
text-align : center;
margin-bottom : 10px;
padding : 15px;
}
.MobileBanner {
margin-top : 20px;
}
.mobSbanner span {
text-align : right;
color : white;
font-family : 'DINNextLTArabic-Bold';
position : relative;
}
.aboutimg {
height : 200px;
background-position : center center;
background-size : cover;
}
.aboutSection {
margin-top : 30px;
margin-bottom : 20px;
color : black;
text-align : justify;
overflow-x : hidden;
}
.aboutSection p {
padding-top : 5px;
}
.maintitle {
color : black;
font-family : 'DINNextLTArabic-Bold';
font-size : 22px;
padding-top : 30px;
}
.aboutbanner {
min-height : 120px;
background-color : #f3f3f3;
border-left-width : 5px;
border-left-style : solid;
padding : 10px 10px;
margin-top : 10px;
margin-bottom : 10px;
}
.aboutbanner a {
color : black;
}
.aboutPref {
padding-top : 20px;
}
.Facilities {
background-color : #f3f3f3;
min-height : 380px;
text-align : center;
background-image : url(/App_Themes/ThemeAr/images/lineptr.png);
background-repeat : repeat-x;
background-position : center center;
}
.FacilitiesItems {
padding-top : 50px;
}
.subtitle {
font-family : 'DINNextLTArabic-Bold';
font-size : 18px;
color : black;
}
.FacilitiesItems a:hover {
text-decoration : none;
}
.localcommunity .owl-carousel.owl-rtl .owl-item {
height : 400px;
}
@media (max-width: 768px) {
.localcommunity .owl-carousel.owl-rtl .owl-item {
height : 440px;
}
}
.localcommunity {
margin-bottom : 50px;
}
.owl-theme .owl-nav [class*="owl-"] {
color : #FFF;
font-size : 14px;
margin : 0;
padding : 0;
background : #D6D6D6;
background-color : rgb(214, 214, 214);
background-position-x : 0;
background-position-y : 0;
background-repeat : repeat;
background-image : none;
display : inline-block;
cursor : pointer;
border-radius : 0;
}
.owl-carousel .owl-nav .owl-prev {
position : absolute;
right : 0;
top : 25%;
background-image : url(/App_Themes/ThemeAr/images/arrowrr.png);
background-repeat : no-repeat;
background-position : center center;
width : 45px;
height : 43px;
}
.owl-carousel .owl-nav .owl-next {
position : absolute;
left : 0;
top : 25%;
background-image : url(/App_Themes/ThemeAr/images/arrowl.png);
background-repeat : no-repeat;
background-position : center center;
width : 45px;
height : 43px;
}
.owl-carousel .owl-nav .owl-next:hover {
position : absolute;
left : 0;
top : 25%;
background-image : url(/App_Themes/ThemeAr/images/arrowl.png);
background-color : transparent;
background-repeat : no-repeat;
background-position : center center;
width : 45px;
height : 43px;
}
.owl-carousel .owl-nav .owl-prev:hover {
position : absolute;
right : 0;
top : 25%;
background-image : url(/App_Themes/ThemeAr/images/arrowrr.png);
background-repeat : no-repeat;
background-position : center center;
width : 45px;
height : 43px;
}
.newsImg {
height : 250px;
background-image : url(/App_Themes/ThemeAr/images/newsbg.png);
background-repeat : no-repeat;
background-size : cover;
background-position : center center;
}
.activity {
text-align : justify;
}
.activity a {
color : black;
}
.activity a:hover {
text-decoration : none;
}
.align {
float : right;
}
.alignLeft {
float : left;
margin-top : 30px;
}
.alignLeft a {
color : #fd8114;
}
.blue {
color : #2bb49b;
}
.titleBanner {
color : black;
}
.no-gutter > [class*="col-"] {
padding-right : 1px;
padding-left : 1px;
}
.shadowbanner {
background-image : linear-gradient(90deg, rgb(0, 0, 0, 0.50196) 0, rgb(0, 0, 0, 0) 100%);
position : absolute;
height : 200px;
left : 0;
right : 0;
z-index : 2;
top : 0;
}
.footerBannerImg {
background-image : url(/App_Themes/ThemeAr/images/bn1.png);
height : 200px;
background-size : cover;
position : relative;
}
.footerbanner .owl-carousel .owl-nav .owl-prev {
position : absolute;
right : 0;
top : 35%;
background-image : url(/App_Themes/ThemeAr/images/footerarrowr.png);
background-repeat : no-repeat;
background-position : center center;
width : 30px;
height : 40px;
}
.footerbanner .owl-carousel .owl-nav .owl-next {
position : absolute;
left : 0;
top : 35%;
background-image : url(/App_Themes/ThemeAr/images/footerarrowl.png);
background-repeat : no-repeat;
background-position : center center;
width : 30px;
height : 40px;
}
.footerbanner .owl-carousel .owl-nav .owl-next:hover {
position : absolute;
left : 0;
top : 35%;
background-image : url(/App_Themes/ThemeAr/images/footerarrowl.png);
background-color : transparent;
background-repeat : no-repeat;
background-position : center center;
width : 30px;
height : 40px;
}
.footerbanner .owl-carousel .owl-nav .owl-prev:hover {
position : absolute;
right : 0;
top : 35%;
background-image : url(/App_Themes/ThemeAr/images/footerarrowr.png);
background-repeat : no-repeat;
background-position : center center;
width : 30px;
height : 40px;
}
.blue {
color : #36d1b5;
}
.white {
color : white;
}
.shadowbanner p {
position : relative;
top : 115px;
text-align : center;
}
.footerbanner {
height : 200px;
}
.footerbanner .owl-theme .owl-nav [class*="owl-"] {
background-color : transparent;
}
#search, #searchResponsive {
position : fixed;
top : 0;
left : 0;
width : 100%;
height : 100%;
background-position : bottom left;
background-repeat : no-repeat;
background-color : rgb(0, 0, 0, 0.9);
transition : all 0.5s ease-in-out;
transform : translate(0,-100%) scale(0,0);
display : none;
}
#search.open, #searchResponsive.open {
transform : translate(0,0) scale(1,1);
z-index : 200;
display : block;
}
#search .close, #searchResponsive .close {
position : fixed;
background-image : url(/App_Themes/ThemeAr/images/close.png);
background-repeat : no-repeat;
width : 32px;
height : 33px;
top : 15px;
right : 15px;
opacity : 1;
font-size : 27px;
color : #fff;
}
#search .close:hover, #searchResponsive .close:hover {
color : #FC2121;
cursor : pointer;
}
.txtSearch {
position : absolute;
top : 50%;
left : 0;
margin-top : -51px;
width : 60%;
margin-left : 20%;
color : white;
background : transparent;
border-top : 0 solid #8dc63f;
border-bottom : 3px solid #fd8114;
border-left : 0 solid transparent;
border-right : 0 solid transparent;
font-size : 40px;
font-weight : 300;
text-align : center;
outline : none;
padding : 10px;
font-family : 'DINNextLTArabic-Bold';
}
#searchResponsive .txtSearch {
font-size : 30px;
border-bottom : 2px solid #fd8114;
}
.btnSearch {
position : absolute;
top : 70%;
left : 0;
margin-top : -40px;
margin-left : 35%;
border-top : 5px solid #a90f15;
border-bottom : 2px solid #059f62;
border-left : 0 solid transparent;
border-right : 0 solid transparent;
font-size : 40px;
font-weight : 300;
text-align : center;
outline : none;
padding : 10px;
}
@media screen and (max-width: 768px) {
.carousel-caption {
right : 1%;
left : 1%;
text-align : right;
width : 97%;
}
.aboutSection {
text-align : center;
}
.Facilities {
background-image : none;
}
}
.color-black {
color : #000;
}
.color-white {
color : #fff;
}
.color-gray {
color : #f7f7f7;
}
.color-dark-gray {
color : #535353;
}
.color-aqua {
color : #36d1b5;
}
.color-orange {
color : #fd8114;
}
.color-green {
color : #bada55;
}
.color-red {
color : #a10400;
}
.backcolor-black {
background-color : #000;
}
.backcolor-white {
background-color : #fff;
}
.backcolor-gray {
background-color : #f7f7f7;
}
.backcolor-dark-gray {
color : #535353;
}
.backcolor-aqua {
background-color : #36d1b5;
}
.backcolor-orange {
background-color : #fd8114;
}
.backcolor-green {
background-color : #bada55;
}
.backcolor-red {
background-color : #a10400;
}
.no-decoration, .no-decoration:hover, .no-decoration:focus, .no-decoration:active {
text-decoration : none;
}
.no-outline, .no-outline:hover, .no-outline:focus, .no-outline:active {
outline : none;
}
.no-padding-horizontal {
padding-left : 0 !important ;
padding-right : 0 !important ;
}
.no-padding-vertical {
padding-top : 0 !important ;
padding-bottom : 0 !important ;
}
.empty-5 {
height : 5px;
}
.empty-10 {
height : 10px;
}
.empty-20 {
height : 20px;
}
.empty-30 {
height : 30px;
}
.width-full {
width : 100%;
min-width : 100%;
}
.text-center {
text-align : center;
}
.text-bold {
font-weight : bold;
}
.form-flat .btn, .form-flat .form-control {
border-radius : 0;
outline : 0;
box-shadow : none;
}
.form-flat .form-control {
background-color : #f7f7f7;
box-shadow : none;
border-color : #d6d6d6;
}
.form-flat .form-group-lg .form-control {
height : 40px;
}
.form-flat .form-group-lg .control-label {
padding-top : 5px;
}
.form-flat .btn-lg {
padding : 7px 16px;
}
.btn-orange {
border-radius : 0;
background-color : #fd8114;
border-color : transparent;
color : #fff;
}
.btn-orange:active, .btn-orange:focus, .btn-orange:hover, .btn-orange:active:focus, .btn-orange:active:hover {
outline : none;
color : #fff;
background-color : #d86e12;
border-color : transparent;
}
.inner-slider {
position : relative;
}
.inner-slider .inner-slider-nav {
position : absolute;
top : 40%;
z-index : 3;
left : 0;
right : 0;
}
.inner-slider .inner-slider-nav .nav-next, .inner-slider .inner-slider-nav .nav-prev {
cursor : pointer;
background-color : rgb(0, 0, 0, 0.7);
border-radius : 50%;
padding-left : 15px;
padding-right : 15px;
color : #ffffff;
}
.inner-slider .inner-slider-nav .nav-next i, .inner-slider .inner-slider-nav .nav-prev i {
font-size : 50px;
}
.inner-slider .inner-slider-nav .nav-next {
float : right;
}
.inner-slider .inner-slider-nav .nav-prev {
float : left;
}
.inner-slider .item .inner-slider-title {
background-color : rgb(0, 0, 0, 0.7);
min-height : 50px;
color : #fff;
position : absolute;
left : 0;
right : 0;
bottom : 40px;
}
.inner-slider .item .inner-slider-title h3 {
margin-top : 10px;
margin-bottom : 10px;
}
.news .media {
min-height : 190px;
padding : 5px;
}
.news .media .media-left img {
width : 230px;
height : 190px;
}
@media (max-width: 767px) {
.news .media {
min-height : initial;
}
.news .media .media-left, .news .media .media-body {
display : block;
text-align : center;
}
.news .media .media-body {
width : initial;
}
}
.album-div-container {
margin-top : 30px;
}
.album-div {
padding-top : 20px;
padding-bottom : 20px;
}
.album-div-inner {
background-color : #fd8114;
padding-bottom : 4px;
min-width : 100%;
}
.album-div-inner img {
height : 270px;
width : 100%;
}
.album-div-inner h4 {
height : 60px;
padding-top : 20px;
margin : 0;
background : rgb(0, 0, 0, 0.8);
color : #fff;
text-align : center;
position : absolute;
bottom : 55px;
left : 20px;
right : 20px;
}
.video-album-div-container {
margin-top : 30px;
}
.video-album-div {
padding-top : 20px;
padding-bottom : 20px;
}
.video-album-div-inner {
background-color : #f2f2f2;
padding-bottom : 4px;
min-width : 100%;
height : 370px;
}
.video-album-div-inner iframe {
height : 300px;
width : 100%;
}
.video-album-div-inner h5 {
color : #333;
}
.video-album-div-inner h5, .video-album-div-inner h3 {
margin-left : 5px;
}
.faq .panel {
border : none 0;
box-shadow : none;
}
.faq .panel-heading {
padding : 0;
background : #fff;
}
.faq .panel-title a {
display : block;
position : relative;
background : transparent;
color : #fd8114;
font-size : 17px;
font-weight : bold;
line-height : 1.3;
margin-bottom : 15px;
padding : 15px 20px;
padding-left : 45px;
border-bottom : 1px solid #fd8114;
border-radius : 0 15px 0 15px;
transition : all 0.10s linear;
}
.faq .panel-title a.collapsed {
color : #808080;
border-bottom : 1px solid #d3d3d3;
margin : 0;
}
.faq .panel-title a i {
color : #fd8114;
position : absolute;
top : 14px;
right : 25px;
}
.faq .panel-title a:before, .faq .panel-title a.collapsed:before {
content : "";
position : absolute;
bottom : -15px;
right : 36px;
border : transparent solid 7px;
border-top : 7px solid #fd8114;
}
.faq .panel-title a.collapsed:before {
content : "";
border : none 0;
}
.faq .panel-title a.collapsed:hover {
color : #6a6060;
}
.faq .panel-title a:after, .faq .panel-title a.collapsed:after {
content : "\f106";
font-family : FontAwesome;
color : #fd8114;
font-size : 20px;
line-height : 20px;
position : absolute;
top : 14px;
left : 25px;
}
.faq .panel-title a.collapsed:after {
content : "\f107";
color : #808080;
}
.faq .panel-body {
border-top : 0 none !important ;
color : #808080;
}
.menuBitems {
padding-right : 0;
}
.menub li > a {
font-size : 13px;
}
.navbar-default .navbar-nav > li > a {
font-size : 18px;
}
.navbar {
margin-bottom : 5px;
margin-top : 5px;
}
.menub_mobile {
padding-right : 13px;
}
@media (max-width: 767px) {
.carousel-caption {
right : 7%;
width : 85%;
}
#sg-carousel .carousel-control.right {
z-index : 2;
right : 0 !important ;
}
#sg-carousel .carousel-control.left {
z-index : 2;
left : 0 !important ;
}
}
.print-logo {
display : none;
}
@media print {
.header, .Headerbg, .Operations, .banners, .print-hide, .AddThisFloat, footer {
display : none !important ;
}
.LogoPrint {
display : inherit !important ;
}
.DivMenu, nav, .header, .headerbg {
display : none !important ;
}
.contentData {
position : absolute;
top : 5px;
right : 5px;
}
.print-full {
width : 100%;
}
.ContantSection {
border : none;
}
a[href]:after {
content : none !important ;
}
.global_breadcrumb .container-fluid {
padding-right : 0;
padding-left : 0;
}
.contant_area {
width : 100% !important ;
}
.print-logo {
display : block;
text-align : center;
}
.print-logo img {
width : 235px;
display : inline-block;
}
}
.modalBackground {
background-color : black;
opacity : 0.6;
}
.modalPopup {
background-color : #FFFFFF;
width : 500px;
border : #fd8114 solid 3px;
padding : 0;
min-height : 180px;
}
.modalPopup .headerLanguage {
background-color : #fd8114;
height : 45px;
color : white;
line-height : 40px;
text-align : center;
font-weight : bold;
}
.modalPopup .body {
min-height : 50px;
line-height : 30px;
text-align : center;
font-weight : bold;
margin-bottom : 5px;
padding : 10px;
}
.btnHide {
background-color : #fd8114;
color : #ffffff;
border : none;
float : left;
}

↑ Top