1 /*--------------------------------------------------------------------------
3 --------------------------------------------------------------------------*/
5 background: url(../img/page-background.png);
9 -webkit-transform: translateZ(0);
10 -moz-transform: translateZ(0);
11 -o-transform: translateZ(0);
12 -ms-transform: translateZ(0);
13 transform: translateZ(0);
18 .section .container:first-child h1,
19 .section .container:first-child h2,
20 .section .container:first-child h3 {
26 margin-bottom: 0 !important;
29 input[type="text"]:focus,
30 input[type="password"]:focus,
31 input[type="datetime"]:focus,
32 input[type="datetime-local"]:focus,
33 input[type="date"]:focus,
34 input[type="month"]:focus,
35 input[type="time"]:focus,
36 input[type="week"]:focus,
37 input[type="number"]:focus,
38 input[type="email"]:focus,
39 input[type="url"]:focus,
40 input[type="search"]:focus,
41 input[type="tel"]:focus,
42 input[type="color"]:focus,
43 .uneditable-input:focus {
44 border-color: rgba(22, 160, 133, 0.8);
46 outline: thin dotted \9;
49 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(22, 160, 133, 0.6);
50 -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(22, 160, 133, 0.6);
51 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(22, 160, 133, 0.6);
52 color: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(22, 160, 133, 0.6);
55 list-style-type: none;
62 -webkit-transition: all .4s linear;
63 -moz-transition: all .4s linear;
64 -o-transition: all .4s linear;
65 -ms-transition: all .4s linear;
66 transition: all .4s linear;
68 /*--------------------------------------------------------------------------
70 --------------------------------------------------------------------------*/
72 font-family: Arial, Helvetica, sans-serif;
79 font-family: 'Open Sans', sans-serif;
84 font-family: 'Open Sans', sans-serif;
86 border-bottom: 2px solid #53555c;
92 font-family: 'Open Sans', sans-serif;
97 font-family: 'Open Sans', sans-serif;
107 /*--------------------------------------------------------------------------
109 --------------------------------------------------------------------------*/
116 -webkit-border-radius: 5px;
117 -webkit-background-clip: padding-box;
118 -moz-border-radius: 5px;
119 -moz-background-clip: padding;
121 background-clip: padding-box;
122 -webkit-box-shadow: 0 0 3px #999;
123 -moz-box-shadow: 0 0 3px #999;
124 box-shadow: 0 0 3px #999;
127 .service-wrapper h3 {
129 margin: 10px 0 !important;
135 .service-wrapper-row {
138 .service-wrapper-row h3 {
141 .service-wrapper-row .service-image {
145 .service-wrapper-row .service-image img {
147 vertical-align: bottom;
149 border: 7px solid #FFF;
150 -webkit-border-radius: 5px;
151 -webkit-background-clip: padding-box;
152 -moz-border-radius: 5px;
153 -moz-background-clip: padding;
155 background-clip: padding-box;
156 -webkit-box-shadow: 0 0 8px #999;
157 -moz-box-shadow: 0 0 8px #999;
158 box-shadow: 0 0 8px #999;
161 /*--------------------------------------------------------------------------
162 + Pricing Table Style
163 --------------------------------------------------------------------------*/
170 margin: 10px 1% 10px 0;
172 -webkit-border-radius: 7px;
173 -webkit-background-clip: padding-box;
174 -moz-border-radius: 7px;
175 -moz-background-clip: padding;
177 background-clip: padding-box;
178 -webkit-box-sizing: border-box;
179 -moz-box-sizing: border-box;
180 box-sizing: border-box;
181 -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
182 -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
183 box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
184 color: 0 1px 8px rgba(0, 0, 0, 0.4);
185 -webkit-transition: -webkit-box-shadow .25s linear;
186 -moz-transition: -moz-box-shadow .25s linear;
187 -o-transition: box-shadow .25s linear;
188 -ms-transition: box-shadow .25s linear;
189 transition: box-shadow .25s linear;
191 .pricing-plan:hover {
192 -webkit-box-shadow: 0 0 8px #333;
193 -moz-box-shadow: 0 0 8px #333;
194 box-shadow: 0 0 8px #333;
198 .pricing-plan .pricing-plan-title {
200 margin: -20px -10px 20px;
206 border-bottom: 1px dashed #d2d2d2;
208 .pricing-plan .pricing-plan-title:before {
215 background-size: 3px 1px;
216 background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIiIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjZDJkMmQyIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IiIgc3RvcC1jb2xvcj0iI2QyZDJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
217 background-image: -moz-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2);
218 background-image: -webkit-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2);
219 background-image: -o-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2);
220 background-image: linear-gradient(to right, white, white 33%, #d2d2d2 34%, #d2d2d2);
222 .pricing-plan .pricing-plan-price {
231 -webkit-border-radius: 45px;
232 -webkit-background-clip: padding-box;
233 -moz-border-radius: 45px;
234 -moz-background-clip: padding;
236 background-clip: padding-box;
238 .pricing-plan .pricing-plan-price span {
241 color: rgba(255, 255, 255, 0.9);
243 .pricing-plan .pricing-plan-features {
251 list-style-type: none;
253 .pricing-plan .pricing-plan-features li strong {
257 .pricing-plan .pricing-plan-promote {
260 background-color: white;
262 -webkit-border-radius: 7px;
263 -webkit-background-clip: padding-box;
264 -moz-border-radius: 7px;
265 -moz-background-clip: padding;
267 background-clip: padding-box;
279 font: bold 15px Sans-Serif;
282 text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
288 background-color: #FFF;
290 -webkit-transform: rotate(45deg);
291 -moz-transform: rotate(45deg);
292 -o-transform: rotate(45deg);
293 -ms-transform: rotate(45deg);
294 transform: rotate(45deg);
295 -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
296 -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
297 box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
298 color: 0px 0px 3px rgba(0,0,0,0.3);
301 background-color: #BFDC7A;
304 background-color: #5ACBFF;
307 background-color: #FF9542;
310 background-color: #FF7373;
312 @media (min-width: 768px) {
317 -webkit-border-radius: 0;
318 -webkit-background-clip: padding-box;
319 -moz-border-radius: 0;
320 -moz-background-clip: padding;
322 background-clip: padding-box;
324 .pricing-plan:first-child {
325 -webkit-border-top-left-radius: 7px;
326 -moz-border-radius-topleft: 7px;
327 border-top-left-radius: 7px;
328 -webkit-border-bottom-left-radius: 7px;
329 -webkit-background-clip: padding-box;
330 -moz-border-radius-bottomleft: 7px;
331 -moz-background-clip: padding;
332 border-bottom-left-radius: 7px;
333 background-clip: padding-box;
335 .pricing-plan:last-child {
337 -webkit-border-top-right-radius: 7px;
338 -moz-border-radius-topright: 7px;
339 border-top-right-radius: 7px;
340 -webkit-border-bottom-right-radius: 7px;
341 -webkit-background-clip: padding-box;
342 -moz-border-radius-bottomright: 7px;
343 -moz-background-clip: padding;
344 border-bottom-right-radius: 7px;
345 background-clip: padding-box;
347 .pricing-plan-promote {
351 -webkit-border-radius: 7px;
352 -webkit-background-clip: padding-box;
353 -moz-border-radius: 7px;
354 -moz-background-clip: padding;
356 background-clip: padding-box;
360 /*--------------------------------------------------------------------------
362 --------------------------------------------------------------------------*/
365 -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
366 -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
367 box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
368 color: inset 0 1px #fff,0 0 8px #c8cfe6;
370 .contact-us-details {
374 /*--------------------------------------------------------------------------
375 + Video Wrapper Style
376 --------------------------------------------------------------------------*/
378 -webkit-box-shadow: 0 0 5px #000;
379 -moz-box-shadow: 0 0 5px #000;
380 box-shadow: 0 0 5px #000;
384 /*--------------------------------------------------------------------------
385 + Call to Action Bar Style
386 --------------------------------------------------------------------------*/
387 .calltoaction-wrapper {
390 .calltoaction-wrapper h3 {
391 display: inline-block;
396 .calltoaction-wrapper a {
399 /*--------------------------------------------------------------------------
401 --------------------------------------------------------------------------*/
402 .testimonial blockquote {
407 .testimonial blockquote p {
412 .testimonial .testimonial-bubble {
414 -webkit-border-radius: 4px;
415 -webkit-background-clip: padding-box;
416 -moz-border-radius: 4px;
417 -moz-background-clip: padding;
419 background-clip: padding-box;
420 padding: 0 20px 20px 20px;
421 margin: 35px 10px 20px 10px;
424 -webkit-box-sizing: border-box;
425 -moz-box-sizing: border-box;
426 box-sizing: border-box;
427 -webkit-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
428 -moz-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
429 box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
430 color: inset 0 1px #fff,0 1px 2px #c8cfe6;
432 .testimonial .testimonial-bubble::before {
433 background-color: #FFF;
441 -webkit-transform: rotate(45deg);
442 -moz-transform: rotate(45deg);
443 -o-transform: rotate(45deg);
444 -ms-transform: rotate(45deg);
445 transform: rotate(45deg);
447 .testimonial .author-photo {
450 .testimonial .author-photo img {
452 border: 5px solid #FFF;
453 -webkit-border-radius: 100px;
454 -webkit-background-clip: padding-box;
455 -moz-border-radius: 100px;
456 -moz-background-clip: padding;
457 border-radius: 100px;
458 background-clip: padding-box;
459 -webkit-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
460 -moz-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
461 box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
462 color: inset 0 1px #fff,0 1px 2px #c8cfe6;
464 .testimonial .author-info {
468 /*--------------------------------------------------------------------------
469 + Clients Logos Style
470 --------------------------------------------------------------------------*/
471 .clients-logo-wrapper img {
474 /*--------------------------------------------------------------------------
476 --------------------------------------------------------------------------*/
477 .featured-news .caption,
478 .latest-news .caption {
479 padding: 10px 0 5px 0;
481 .featured-news .caption a,
482 .latest-news .caption a {
487 .featured-news .intro,
488 .latest-news .intro {
489 padding-bottom: 10px;
492 .featured-news .intro a,
493 .latest-news .intro a {
496 .featured-news .date,
504 margin: 10px 0 10px 0;
505 -webkit-border-radius: 5px;
506 -webkit-background-clip: padding-box;
507 -moz-border-radius: 5px;
508 -moz-background-clip: padding;
510 background-clip: padding-box;
511 -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
512 -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
513 box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
514 color: inset 0 1px #fff,0 0 8px #c8cfe6;
516 /*--------------------------------------------------------------------------
517 + Frequently Asked Questions Style
518 --------------------------------------------------------------------------*/
520 margin-top: 20px !important;
522 .faq-wrapper .accordion-inner {
523 margin: 10px 0 10px 20px;
527 .faq-wrapper .accordion-inner .answer {
530 /*--------------------------------------------------------------------------
532 --------------------------------------------------------------------------*/
538 border: 7px solid #FFF;
539 -webkit-border-radius: 5px;
540 -webkit-background-clip: padding-box;
541 -moz-border-radius: 5px;
542 -moz-background-clip: padding;
544 background-clip: padding-box;
545 -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
546 -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
547 box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
548 color: inset 0 1px #fff,0 0 8px #c8cfe6;
553 .blog-post .post-info {
555 background: rgba(0, 0, 0, 0.6);
562 -webkit-border-radius: 5px;
563 -webkit-background-clip: padding-box;
564 -moz-border-radius: 5px;
565 -moz-background-clip: padding;
567 background-clip: padding-box;
569 .blog-post .post-comments-count {
572 .post-info .post-comments-count {
575 .post-info .post-comments-count i {
578 .post-info .post-comments-count a {
581 .post-info .post-date .date {
587 border-bottom: 1px dotted #828282;
604 padding: 0 20px 20px 0;
610 .single-post-title h3 {
616 padding-bottom: 10px;
617 border-bottom: 1px dotted #828282;
619 .single-post-info i {
626 .single-post-image img {
627 -webkit-box-shadow: 0 0 5px #000;
628 -moz-box-shadow: 0 0 5px #000;
629 box-shadow: 0 0 5px #000;
632 .single-post-content {
633 margin: 30px 0 20px 0;
634 padding-bottom: 20px;
635 border-bottom: 2px dotted #CCC;
637 .single-post-content p {
643 list-style-type: none;
649 list-style-type: none;
656 border: 1px solid #CCC;
659 -webkit-border-radius: 3px;
660 -webkit-background-clip: padding-box;
661 -moz-border-radius: 3px;
662 -moz-background-clip: padding;
664 background-clip: padding-box;
671 .comment-author img {
673 -webkit-border-radius: 25px;
674 -webkit-background-clip: padding-box;
675 -moz-border-radius: 25px;
676 -moz-background-clip: padding;
678 background-clip: padding-box;
688 -webkit-transition: opacity .25s linear;
689 -moz-transition: opacity .25s linear;
690 -o-transition: opacity .25s linear;
691 -ms-transition: opacity .25s linear;
692 transition: opacity .25s linear;
694 .comment-actions:hover {
708 .blog-sidebar h4:first-child {
712 list-style-type: none;
716 .blog-sidebar .recent-posts li,
717 .blog-sidebar .blog-categories li {
718 padding: 5px 20px 5px 0;
719 border-top: 1px solid #D5D5D5;
721 .blog-sidebar .recent-posts li:last-child,
722 .blog-sidebar .blog-categories li:last-child {
723 border-bottom: 1px solid #D5D5D5;
725 .blog-sidebar .recent-posts a,
726 .blog-sidebar .blog-categories a {
729 /*--------------------------------------------------------------------------
731 --------------------------------------------------------------------------*/
735 padding-bottom: 10px;
738 border: 8px solid #FFF;
739 -webkit-border-radius: 5px;
740 -webkit-background-clip: padding-box;
741 -moz-border-radius: 5px;
742 -moz-background-clip: padding;
744 background-clip: padding-box;
745 -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
746 -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
747 box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
748 color: inset 0 1px #fff,0 0 8px #c8cfe6;
757 padding: 20px 0 10px;
759 .shop-item .title h3 {
764 .shop-item .title h3 a {
766 text-transform: uppercase;
772 .shop-item .colors span {
773 display: inline-block;
787 -webkit-border-radius: 7px;
788 -webkit-background-clip: padding-box;
789 -moz-border-radius: 7px;
790 -moz-background-clip: padding;
792 background-clip: padding-box;
794 .shop-item .price .price-was {
797 text-decoration: line-through;
799 .shop-item .description {
805 .shop-item .description p {
806 border-top: 1px solid #ECECEC;
810 .shop-item .actions {
811 border-top: 1px solid #ECECEC;
816 .shop-item .actions span {
825 display: inline-block;
834 background-color: #D7D7CF;
835 border-color: #c0c0b3;
838 background-color: #000;
839 border-color: #000000;
842 background-color: #073A52;
843 border-color: #031923;
846 background-color: #D56E1D;
847 border-color: #a85717;
850 background-color: #5C6632;
851 border-color: #3d4421;
854 background-color: #DA1111;
855 border-color: #ab0d0d;
857 /*--------------------------------------------------------------------------
858 + Product Details Page Style
859 --------------------------------------------------------------------------*/
860 .product-image-large {
861 border: 8px solid #FFF;
864 -webkit-border-radius: 5px;
865 -webkit-background-clip: padding-box;
866 -moz-border-radius: 5px;
867 -moz-background-clip: padding;
869 background-clip: padding-box;
870 -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
871 -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
872 box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
873 color: inset 0 1px #fff,0 0 8px #c8cfe6;
875 .product-image-large img {
879 .product-details h5 {
882 .product-details h4 {
885 .product-details h5 {
888 .product-details .price {
893 background: rgba(255, 255, 255, 0.6);
895 -webkit-border-radius: 5px;
896 -webkit-background-clip: padding-box;
897 -moz-border-radius: 5px;
898 -moz-background-clip: padding;
900 background-clip: padding-box;
902 .product-details .price-was {
903 text-decoration: line-through;
907 .product-details .shop-item-selections {
910 .product-details .shop-item-selections td {
913 .product-details .shop-item-selections td:first-child {
916 .product-details .choose-item-color span {
917 display: inline-block;
926 .product-details-nav {
927 margin-top: 30px !important;
928 margin-left: 0 !important;
930 .product-detail-info {
940 .product-detail-info p,
941 .product-detail-info ul {
944 .product-detail-info table {
947 .product-detail-info table td {
951 border-bottom: 1px solid #E7E7E7;
953 .product-detail-info table td:first-child {
956 .product-detail-info table tr:last-child td {
959 /*--------------------------------------------------------------------------
960 + Shopping Cart Style
961 --------------------------------------------------------------------------*/
965 border-collapse: separate;
966 border-spacing: 0 10px;
977 .shopping-cart td:first-child {
978 -webkit-border-radius: 5px 0 0 5px;
979 -webkit-background-clip: padding-box;
980 -moz-border-radius: 5px 0 0 5px;
981 -moz-background-clip: padding;
982 border-radius: 5px 0 0 5px;
983 background-clip: padding-box;
986 .shopping-cart td:last-child {
987 -webkit-border-radius: 0 5px 5px 0;
988 -webkit-background-clip: padding-box;
989 -moz-border-radius: 0 5px 5px 0;
990 -moz-background-clip: padding;
991 border-radius: 0 5px 5px 0;
992 background-clip: padding-box;
995 .shopping-cart .image,
996 .shopping-cart .image img {
999 .shopping-cart .title {
1002 .shopping-cart .feature {
1005 .shopping-cart .color span {
1006 display: inline-block;
1011 border-style: solid;
1013 .shopping-cart .quantity {
1016 .shopping-cart .price {
1022 .shopping-cart .actions {
1025 .shopping-cart .actions .btn {
1029 margin: 20px 0 30px 0;
1030 border-top: 2px solid #535b60;
1040 .cart-totals .cart-grand-total {
1043 @media (max-width: 500px) {
1044 .shopping-cart .image {
1051 /*--------------------------------------------------------------------------
1052 + Products Slider Style
1053 --------------------------------------------------------------------------*/
1054 .products-slider .shop-item {
1062 -webkit-border-radius: 5px;
1063 -webkit-background-clip: padding-box;
1064 -moz-border-radius: 5px;
1065 -moz-background-clip: padding;
1067 background-clip: padding-box;
1068 -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
1069 -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
1070 box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
1071 color: inset 0 1px #fff,0 0 8px #c8cfe6;
1073 .products-slider .shop-item img {
1074 -webkit-border-radius: 5px 5px 0 0;
1075 -webkit-background-clip: padding-box;
1076 -moz-border-radius: 5px 5px 0 0;
1077 -moz-background-clip: padding;
1078 border-radius: 5px 5px 0 0;
1079 background-clip: padding-box;
1081 .products-slider .shop-item .title h3 a {
1085 .products-slider .shop-item .price {
1088 margin-bottom: 10px;
1090 .products-slider .shop-item .actions {
1093 @media (max-width: 768px) {
1094 .products-slider .shop-item {
1098 @media (max-width: 479px) {
1099 .products-slider .shop-item {
1103 /*--------------------------------------------------------------------------
1105 --------------------------------------------------------------------------*/
1110 .events-list tr td {
1111 padding: 5px 20px 5px 0;
1113 .events-list tr td:last-child {
1117 .events-list tr:hover .event-date {
1118 border-left: 5px solid #16a085;
1120 .events-list .event-date {
1123 border-left: 5px solid #CFCFCF;
1124 -webkit-transition: all .25s linear;
1125 -moz-transition: all .25s linear;
1126 -o-transition: all .25s linear;
1127 -ms-transition: all .25s linear;
1128 transition: all .25s linear;
1130 .events-list .event-date .event-day {
1136 .events-list .event-date .event-month {
1142 .events-list .event-date .event-venue,
1143 .events-list .event-date .event-price {
1144 white-space: nowrap;
1146 /*--------------------------------------------------------------------------
1148 --------------------------------------------------------------------------*/
1158 padding: 5px 20px 5px 0;
1159 border-top: 1px solid #E6E6E6;
1161 .jobs-list tr:last-child td {
1162 border-bottom: 1px solid #E6E6E6;
1172 .join-us-promo blockquote {
1177 .join-us-promo blockquote p {
1179 margin-bottom: 20px;
1182 .join-us-promo .author-info {
1186 .join-us-promo .author-photo {
1189 .join-us-promo .author-photo img {
1191 border: 5px solid #FFF;
1192 -webkit-border-radius: 70px;
1193 -webkit-background-clip: padding-box;
1194 -moz-border-radius: 70px;
1195 -moz-background-clip: padding;
1196 border-radius: 70px;
1197 background-clip: padding-box;
1198 -webkit-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
1199 -moz-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
1200 box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
1201 color: inset 0 1px #fff,0 1px 2px #c8cfe6;
1204 text-align: justify;
1205 -webkit-border-radius: 4px;
1206 -webkit-background-clip: padding-box;
1207 -moz-border-radius: 4px;
1208 -moz-background-clip: padding;
1210 background-clip: padding-box;
1211 padding: 20px 20px 0 20px;
1213 margin-bottom: 30px;
1216 -webkit-box-sizing: border-box;
1217 -moz-box-sizing: border-box;
1218 box-sizing: border-box;
1219 -webkit-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
1220 -moz-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
1221 box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
1222 color: inset 0 1px #fff,0 0 4px #c8cfe6;
1224 .join-us-bubble::after {
1233 -webkit-transform: rotate(45deg);
1234 -moz-transform: rotate(45deg);
1235 -o-transform: rotate(45deg);
1236 -ms-transform: rotate(45deg);
1237 transform: rotate(45deg);
1238 -webkit-box-shadow: inset 0 1px #fff,1px 1px 1px #c8cfe6;
1239 -moz-box-shadow: inset 0 1px #fff,1px 1px 1px #c8cfe6;
1240 box-shadow: inset 0 1px #fff,1px 1px 1px #c8cfe6;
1241 color: inset 0 1px #fff,1px 1px 1px #c8cfe6;
1243 .job-details-wrapper p {
1244 text-align: justify;
1246 /*--------------------------------------------------------------------------
1247 + Login/Register/Reset Password Forms Style
1248 --------------------------------------------------------------------------*/
1250 background: rgba(255, 255, 255, 0.8);
1251 padding: 20px 20px 10px 20px;
1252 -webkit-border-radius: 5px;
1253 -webkit-background-clip: padding-box;
1254 -moz-border-radius: 5px;
1255 -moz-background-clip: padding;
1257 background-clip: padding-box;
1258 -webkit-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
1259 -moz-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
1260 box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
1261 color: inset 0 1px #fff,0 0 4px #c8cfe6;
1266 .basic-login label {
1270 .basic-login input[type="checkbox"] {
1279 .social-login .social-login-buttons {
1282 .social-login .social-login-buttons a {
1284 display: inline-block;
1285 white-space: nowrap;
1288 padding-right: 15px;
1293 -webkit-border-radius: 3px;
1294 -webkit-background-clip: padding-box;
1295 -moz-border-radius: 3px;
1296 -moz-background-clip: padding;
1298 background-clip: padding-box;
1299 -webkit-transition: opacity .2s linear;
1300 -moz-transition: opacity .2s linear;
1301 -o-transition: opacity .2s linear;
1302 -ms-transition: opacity .2s linear;
1303 transition: opacity .2s linear;
1304 -webkit-transform: translateZ(0);
1305 -moz-transform: translateZ(0);
1306 -o-transform: translateZ(0);
1307 -ms-transform: translateZ(0);
1308 transform: translateZ(0);
1310 .social-login .social-login-buttons a:hover {
1312 text-decoration: none;
1314 .social-login .social-login-buttons a:before {
1321 background-image: url(../img/social-login.png);
1322 background-repeat: no-repeat;
1324 .social-login .btn-facebook-login {
1326 background-color: #6886bc;
1327 background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNjg4NmJjIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NjZjYTkiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
1328 background-image: -moz-linear-gradient(top,#6886bc 0,#466ca9 100%);
1329 background-image: -webkit-linear-gradient(top,#6886bc 0,#466ca9 100%);
1330 background-image: -o-linear-gradient(top,#6886bc 0,#466ca9 100%);
1331 background-image: linear-gradient(top,#6886bc 0,#466ca9 100%);
1333 .social-login .btn-twitter-login {
1335 background-color: #25b6e6;
1337 .social-login .btn-facebook-login:before {
1339 background-position: 0 0;
1341 .social-login .btn-twitter-login:before {
1343 background-position: -48px 0;
1345 .social-login .not-member p {
1350 border-top: 1px solid #CCC;
1352 /*--------------------------------------------------------------------------
1354 --------------------------------------------------------------------------*/
1358 font-family: Georgia, serif;
1362 padding-bottom: 32px;
1363 margin-bottom: 15px;
1365 -webkit-transition: color .25s linear;
1366 -moz-transition: color .25s linear;
1367 -o-transition: color .25s linear;
1368 -ms-transition: color .25s linear;
1369 transition: color .25s linear;
1373 text-decoration: none;
1383 background-image: url(../img/in-press.png);
1384 background-repeat: no-repeat;
1385 -webkit-transition: .25s linear;
1386 -moz-transition: .25s linear;
1387 -o-transition: .25s linear;
1388 -ms-transition: .25s linear;
1389 transition: .25s linear;
1391 .in-press a:before {
1396 .press-wired a:after {
1397 background-position: 0px 0px;
1399 .press-wired a:hover:after {
1400 background-position: 0px -32px;
1402 .press-mashable a:after {
1403 background-position: -120px 0px;
1405 .press-mashable a:hover:after {
1406 background-position: -120px -32px;
1408 .press-techcrunch a:after {
1409 background-position: -240px 0px;
1411 .press-techcrunch a:hover:after {
1412 background-position: -240px -32px;
1414 /*--------------------------------------------------------------------------
1416 --------------------------------------------------------------------------*/
1420 margin-bottom: 20px;
1421 border: 8px solid #FFF;
1422 -webkit-border-radius: 5px;
1423 -webkit-background-clip: padding-box;
1424 -moz-border-radius: 5px;
1425 -moz-background-clip: padding;
1427 background-clip: padding-box;
1428 -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
1429 -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
1430 box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
1431 color: inset 0 1px #fff,0 0 8px #c8cfe6;
1432 -webkit-transition: all .5s ease;
1433 -moz-transition: all .5s ease;
1434 -o-transition: all .5s ease;
1435 -ms-transition: all .5s ease;
1436 transition: all .5s ease;
1438 .portfolio-item .portfolio-image {
1443 .portfolio-item .portfolio-image img {
1445 -webkit-transition: all .25s ease;
1446 -moz-transition: all .25s ease;
1447 -o-transition: all .25s ease;
1448 -ms-transition: all .25s ease;
1449 transition: all .25s ease;
1451 .portfolio-item:hover {
1452 border: 8px solid #16a085;
1454 .portfolio-item:hover .portfolio-image img {
1456 -webkit-transform: scale(1.1) rotate(2deg);
1457 -moz-transform: scale(1.1) rotate(2deg);
1458 -o-transform: scale(1.1) rotate(2deg);
1459 -ms-transform: scale(1.1) rotate(2deg);
1460 transform: scale(1.1) rotate(2deg);
1462 .portfolio-item ul {
1463 list-style-type: none;
1469 .portfolio-item ul li {
1472 .portfolio-item .portfolio-project-name {
1474 text-transform: uppercase;
1476 .portfolio-item .read-more {
1480 .portfolio-item .portfolio-info-fade {
1487 background: rgba(0, 0, 0, 0.7);
1491 text-shadow: 2px 2px 4px #000000;
1492 filter: dropshadow(color=#000000, offx=2, offy=2);
1493 -webkit-transition: opacity .25s linear;
1494 -moz-transition: opacity .25s linear;
1495 -o-transition: opacity .25s linear;
1496 -ms-transition: opacity .25s linear;
1497 transition: opacity .25s linear;
1499 .portfolio-item .portfolio-info-fade ul {
1502 .portfolio-item .portfolio-info-fade .btn:hover {
1503 background: #16a085;
1505 .portfolio-item .portfolio-info-fade ul {
1506 margin: 10% 20px 0 20px;
1509 .portfolio-item .portfolio-info-fade ul li {
1512 .portfolio-item .portfolio-info-fade ul li:first-child {
1513 border-bottom: 1px solid #CCC;
1515 .portfolio-item:hover .portfolio-info-fade {
1521 .lt-ie9 .portfolio-info-fade {
1524 .lt-ie9 .portfolio-item:hover .portfolio-info-fade {
1527 .portfolio-visit-btn {
1530 .portfolio-item-description ul {
1533 /*--------------------------------------------------------------------------
1535 --------------------------------------------------------------------------*/
1539 margin-bottom: 20px;
1540 border: 8px solid #FFF;
1541 -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
1542 -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
1543 box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
1544 color: inset 0 1px #fff,0 0 8px #c8cfe6;
1550 list-style-type: none;
1554 .team-member ul li {
1557 .team-member:hover .team-member-image {
1562 .team-member .team-member-image {
1565 -webkit-transition: opacity .25s linear;
1566 -moz-transition: opacity .25s linear;
1567 -o-transition: opacity .25s linear;
1568 -ms-transition: opacity .25s linear;
1569 transition: opacity .25s linear;
1570 -webkit-opacity: 0.85;
1574 .team-member .team-member-name {
1576 text-transform: uppercase;
1578 .team-member .team-member-social {
1581 -webkit-opacity: 0.5;
1584 -webkit-transition: opacity .25s linear;
1585 -moz-transition: opacity .25s linear;
1586 -o-transition: opacity .25s linear;
1587 -ms-transition: opacity .25s linear;
1588 transition: opacity .25s linear;
1590 .team-member .team-member-social .team-member-social i {
1593 .team-member .team-member-social:hover {
1598 /*--------------------------------------------------------------------------
1600 --------------------------------------------------------------------------*/
1603 list-style-type: none;
1614 list-style-type: none;
1624 /*--------------------------------------------------------------------------
1625 + Coming Soon Page Style
1626 --------------------------------------------------------------------------*/
1629 background: rgba(255, 255, 255, 0.8);
1632 .coming-soon-top .logo-wrapper {
1635 .coming-soon-content {
1639 .coming-soon-content h3 {
1644 margin-bottom: 40px;
1645 text-shadow: 1px 1px 8px #000000;
1647 .coming-soon-content p {
1649 text-shadow: 2px 2px 4px #000000;
1651 .coming-soon-subscribe {
1654 .coming-soon-subscribe .btn {
1655 border-radius: 0 5px 5px 0;
1657 .coming-soon-subscribe p {
1660 .coming-soon-social {
1662 -webkit-opacity: 0.7;
1665 -webkit-transition: opacity .25s linear;
1666 -moz-transition: opacity .25s linear;
1667 -o-transition: opacity .25s linear;
1668 -ms-transition: opacity .25s linear;
1669 transition: opacity .25s linear;
1671 .coming-soon-social a {
1672 display: inline-block;
1674 .coming-soon-social:hover {
1679 .full-screen-background {
1689 /*--------------------------------------------------------------------------
1690 + Breadcrumbs Section Style
1691 --------------------------------------------------------------------------*/
1692 .section-breadcrumbs {
1694 background: rgba(34, 34, 34, 0.8);
1695 margin-bottom: 10px;
1697 .section-breadcrumbs h1 {
1701 text-transform: none;
1703 /*--------------------------------------------------------------------------
1705 --------------------------------------------------------------------------*/
1709 padding: 0 20px 10px 20px;
1710 border-top: 4px solid #16a085;
1712 -webkit-box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
1713 -moz-box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
1714 box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
1715 color: 0 -1px 12px rgba(0,0,0,0.4);
1720 border-bottom: 1px dotted #7C7C7C;
1725 .footer-navigate-section li {
1726 line-height: 20px !important;
1728 .footer-stay-connected a {
1730 text-indent: -9999px;
1734 background: url(../img/stay-connected.png);
1735 -webkit-opacity: 0.5;
1738 -webkit-transition: opacity .25s linear;
1739 -moz-transition: opacity .25s linear;
1740 -o-transition: opacity .25s linear;
1741 -ms-transition: opacity .25s linear;
1742 transition: opacity .25s linear;
1744 .footer-stay-connected a:hover {
1749 .footer-stay-connected a.facebook {
1750 background-position: -115px 0;
1752 .footer-stay-connected a.twitter {
1753 background-position: -230px 0;
1755 .footer-stay-connected a.googleplus {
1756 background-position: 0 0;
1758 .footer-stay-connected li {
1764 border-top: 1px dotted #7C7C7C;
1768 /*--------------------------------------------------------------------------
1769 + Pagination Style (overrides Bootstrap style)
1770 --------------------------------------------------------------------------*/
1771 .pagination-wrapper {
1775 .pagination > li > a,
1776 .pagination > li > span {
1778 border-bottom: 3px solid #FFF;
1782 -webkit-transition: all .25s linear;
1783 -moz-transition: all .25s linear;
1784 -o-transition: all .25s linear;
1785 -ms-transition: all .25s linear;
1786 transition: all .25s linear;
1788 .pagination > li > a:hover,
1789 .pagination > li > a:focus,
1790 .pagination > .active > a,
1791 .pagination > .active > span {
1794 .pagination > li > a:hover {
1795 border-bottom: 3px solid #666666;
1797 .pagination > .active > a,
1798 .pagination > .active > span {
1800 border-bottom: 3px solid #16a085;
1802 .pagination > .disabled > a {
1805 .pagination > .disabled > span,
1806 .pagination > .disabled > a,
1807 .pagination > .disabled > a:hover,
1808 .pagination > .disabled > a:focus {
1811 background-color: #FFF;
1814 /*--------------------------------------------------------------------------
1815 + Custom Style for Maps
1816 --------------------------------------------------------------------------*/
1817 .leaflet-popup-content-wrapper {
1818 -webkit-border-radius: 5px;
1819 -webkit-background-clip: padding-box;
1820 -moz-border-radius: 5px;
1821 -moz-background-clip: padding;
1823 background-clip: padding-box;
1825 /*--------------------------------------------------------------------------
1826 + Custom Style for Tabs (overrides Bootstrap)
1827 --------------------------------------------------------------------------*/
1828 .nav-tabs > li > a {
1833 .nav-tabs > .active > a,
1834 .nav-tabs > .active > a:hover,
1835 .nav-tabs > .active > a:focus {
1837 background-color: #ffffff;
1838 border: 1px solid #ddd;
1839 border-top: 3px solid #16a085;
1840 border-bottom-color: transparent;
1843 /*--------------------------------------------------------------------------
1845 --------------------------------------------------------------------------*/
1846 .error-page-wrapper {
1852 /*--------------------------------------------------------------------------
1853 + Homepage Slider Style (modified sequencejs CSS). Sorry, no LESS here
1854 --------------------------------------------------------------------------*/
1861 margin: 0 auto 30px auto;
1868 #sequence > .sequence-canvas {
1869 list-style-type: none;
1878 text-shadow: 2px 2px 3px #444;
1886 text-shadow: 2px 2px 3px #444;
1888 #sequence > .sequence-canvas > li {
1893 -webkit-transition-property: background;
1894 -moz-transition-property: background;
1895 -o-transition-property: background;
1896 -ms-transition-property: background;
1897 transition-property: background;
1898 background-position: -50px 0;
1900 #sequence > .sequence-canvas > li.bg1 {
1901 background-image: url(../img/homepage-slider/slider-bg1.jpg);
1903 #sequence > .sequence-canvas > li.bg2 {
1904 background-image: url(../img/homepage-slider/slider-bg2.jpg);
1906 #sequence > .sequence-canvas > li.bg3 {
1907 background-image: url(../img/homepage-slider/slider-bg3.jpg);
1909 #sequence > .sequence-canvas > li.bg4 {
1910 background-image: url(../img/homepage-slider/slider-bg4.jpg);
1912 #sequence > .sequence-canvas > li.bg5 {
1913 background-image: url(../img/homepage-slider/slider-bg5.jpg);
1915 #sequence > .sequence-canvas > li.bg6 {
1916 background-image: url(../img/homepage-slider/slider-bg6.jpg);
1918 #sequence > .sequence-canvas > li.bg7 {
1919 background-image: url(../img/homepage-slider/slider-bg7.jpg);
1921 #sequence > .sequence-canvas > li.bg8 {
1922 background-image: url(../img/homepage-slider/slider-bg8.jpg);
1924 #sequence > .sequence-canvas > li.bg9 {
1925 background-image: url(../img/homepage-slider/slider-bg9.jpg);
1927 #sequence > .sequence-canvas > li.bg10 {
1928 background-image: url(../img/homepage-slider/slider-bg10.jpg);
1930 #sequence > .sequence-canvas > li.bg11 {
1931 background-image: url(../img/homepage-slider/slider-bg11.jpg);
1933 #sequence > .sequence-canvas > li.bg12 {
1934 background-image: url(../img/homepage-slider/slider-bg12.jpg);
1936 #sequence > .sequence-canvas > li.bg13 {
1937 background-image: url(../img/homepage-slider/slider-bg13.jpg);
1939 #sequence > .sequence-canvas > li.bg14 {
1940 background-image: url(../img/homepage-slider/slider-bg14.jpg);
1942 #sequence > .sequence-canvas > li img {
1945 #sequence > .sequence-canvas li > * {
1947 -webkit-transition-property: left, opacity;
1948 -moz-transition-property: left, opacity;
1949 -o-transition-property: left, opacity;
1950 -ms-transition-property: left, opacity;
1951 transition-property: left, opacity;
1964 margin-top: -47.5px;
1973 -webkit-opacity: 0.3;
1984 .sequence-next img {
1988 #sequence-preloader {
1989 background: #d9d9d9;
1991 .sequence-pagination-wrapper {
1997 .sequence-pagination {
2000 -webkit-transition-duration: 0.5s;
2001 -moz-transition-duration: 0.5s;
2002 -o-transition-duration: 0.5s;
2003 transition-duration: 0.5s;
2005 .sequence-pagination li {
2006 display: inline-block;
2011 text-indent: -999em;
2012 border: 4px solid #16a085;
2014 -webkit-border-radius: 30px;
2015 -webkit-background-clip: padding-box;
2016 -moz-border-radius: 30px;
2017 -moz-background-clip: padding;
2018 border-radius: 30px;
2019 background-clip: padding-box;
2020 -webkit-opacity: 0.8;
2023 -webkit-transition: background .5s, opacity .5s;
2024 -moz-transition: background .5s, opacity .5s;
2025 -o-transition: background .5s, opacity .5s;
2026 -ms-transition: background .5s, opacity .5s;
2027 transition: background .5s, opacity .5s;
2029 .sequence-pagination li.current {
2030 background: #16a085;
2039 -webkit-transition-duration: 1s;
2040 -moz-transition-duration: 1s;
2041 -o-transition-duration: 1s;
2042 transition-duration: 1s;
2044 .sequence-next:hover,
2045 .sequence-prev:hover {
2049 -webkit-transition-duration: 1s;
2050 -moz-transition-duration: 1s;
2051 -o-transition-duration: 1s;
2052 transition-duration: 1s;
2056 text-transform: none;
2065 #sequence > .sequence-canvas > li.animate-in {
2066 background-position: 0 0;
2067 -webkit-transition-duration: 1.5s;
2068 -moz-transition-duration: 1.5s;
2069 -o-transition-duration: 1.5s;
2070 transition-duration: 1.5s;
2072 #sequence .animate-in .title {
2077 -webkit-transition-duration: 0.5s;
2078 -moz-transition-duration: 0.5s;
2079 -o-transition-duration: 0.5s;
2080 transition-duration: 0.5s;
2082 #sequence .animate-out .title {
2087 -webkit-transition-duration: 0.5s;
2088 -moz-transition-duration: 0.5s;
2089 -o-transition-duration: 0.5s;
2090 transition-duration: 0.5s;
2102 .animate-in .subtitle {
2107 -webkit-transition-duration: 0.5s;
2108 -moz-transition-duration: 0.5s;
2109 -o-transition-duration: 0.5s;
2110 transition-duration: 0.5s;
2112 .animate-out .subtitle {
2117 -webkit-transition-duration: 0.5s;
2118 -moz-transition-duration: 0.5s;
2119 -o-transition-duration: 0.5s;
2120 transition-duration: 0.5s;
2129 height: auto !important;
2130 max-height: 450px !important;
2131 max-width: 45% !important;
2133 .animate-in .slide-img {
2138 -webkit-transition-duration: 1s;
2139 -moz-transition-duration: 1s;
2140 -o-transition-duration: 1s;
2141 transition-duration: 1s;
2143 .animate-out .slide-img {
2148 -webkit-transition-duration: 1s;
2149 -moz-transition-duration: 1s;
2150 -o-transition-duration: 1s;
2151 transition-duration: 1s;
2153 @media only screen and (min-width: 992px) {
2158 @media only screen and (max-width: 838px) {
2159 #sequence .slide-img {
2160 max-height: 530px !important;
2164 @media only screen and (max-width: 768px) {
2171 #sequence .subtitle {
2174 #sequence .sequence-next,
2175 #sequence .sequence-prev {
2179 #sequence .slide-img {
2180 max-height: 480px !important;
2184 @media only screen and (max-width: 568px) {
2188 max-width: 80% !important;
2190 #sequence .animate-in .slide-img {
2194 #sequence .animate-out .slide-img {
2199 background: #a1a1a1;
2200 background: rgba(0, 0, 0, 0.3);
2208 #sequence .animate-in .title {
2211 #sequence .animate-out .title {
2214 #sequence .subtitle {
2218 /*--------------------------------------------------------------------------
2219 + Content Slider Style (bxSlider CSS), Sorry, no LESS here
2220 --------------------------------------------------------------------------*/
2223 margin: 0 auto 30px;
2231 .bx-wrapper .bx-pager,
2232 .bx-wrapper .bx-controls-auto {
2238 .bx-wrapper .bx-loading {
2240 background: url(../img/bx_loader.gif) center center no-repeat #fff;
2249 .bx-wrapper .bx-pager {
2257 .bx-wrapper .bx-pager .bx-pager-item,
2258 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
2259 display: inline-block;
2263 .bx-wrapper .bx-pager.bx-default-pager a {
2265 text-indent: -9999px;
2271 -webkit-border-radius: 5px;
2272 -webkit-background-clip: padding-box;
2273 -moz-border-radius: 5px;
2274 -moz-background-clip: padding;
2276 background-clip: padding-box;
2278 .bx-wrapper .bx-pager.bx-default-pager a:hover,
2279 .bx-wrapper .bx-pager.bx-default-pager a.active {
2282 /* DIRECTION CONTROLS (NEXT / PREV) */
2283 .bx-wrapper .bx-prev {
2285 background: url(../img/controls.png) no-repeat 0 -32px;
2287 .bx-wrapper .bx-next {
2289 background: url(../img/controls.png) no-repeat -43px -32px;
2291 .bx-wrapper .bx-prev:hover {
2292 background-position: 0 0;
2294 .bx-wrapper .bx-next:hover {
2295 background-position: -43px 0;
2297 .bx-wrapper .bx-controls-direction a {
2304 text-indent: -9999px;
2307 .bx-wrapper .bx-controls-direction a.disabled {
2310 /* AUTO CONTROLS (START / STOP) */
2311 .bx-wrapper .bx-controls-auto {
2314 .bx-wrapper .bx-controls-auto .bx-start {
2316 text-indent: -9999px;
2320 background: url(../img/controls.png) -86px -11px no-repeat;
2323 .bx-wrapper .bx-controls-auto .bx-start:hover,
2324 .bx-wrapper .bx-controls-auto .bx-start.active {
2325 background-position: -86px 0;
2327 .bx-wrapper .bx-controls-auto .bx-stop {
2329 text-indent: -9999px;
2333 background: url(../img/controls.png) -86px -44px no-repeat;
2336 .bx-wrapper .bx-controls-auto .bx-stop:hover,
2337 .bx-wrapper .bx-controls-auto .bx-stop.active {
2338 background-position: -86px -33px;
2340 /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
2341 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
2345 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
2349 /* IMAGE CAPTIONS */
2350 .bx-wrapper .bx-caption {
2355 background: rgba(80, 80, 80, 0.75);
2358 .bx-wrapper .bx-caption span {
2365 /*--------------------------------------------------------------------------
2367 --------------------------------------------------------------------------*/
2368 .mainmenu li.logo-wrapper a {
2369 border-right: 1px solid #E8E8E8;
2375 background-color: #FFF;
2376 border-bottom: 4px solid #16a085;
2381 /* general ul style */
2383 /* first level ul style */
2391 list-style-type: none;
2394 .mainmenu .mainmenu-submenu-inner {
2397 .mainmenu > ul > li,
2398 .mainmenu .mainmenu-submenu-inner > li {
2399 display: inline-block;
2402 .mainmenu > ul > li > a,
2403 .mainmenu .mainmenu-submenu-inner > li > a {
2405 padding: 1.2em 1.5em;
2407 display: inline-block;
2408 text-decoration: none;
2410 .mainmenu > ul > li > a:hover,
2411 .mainmenu .mainmenu-submenu-inner > li > a:hover {
2413 text-decoration: none;
2415 .mainmenu > ul > li.active > a,
2416 .mainmenu .mainmenu-submenu-inner > li.active > a {
2418 font-weight: 600 !important;
2420 .mainmenu > ul > li.mainmenu-open a,
2421 .mainmenu .mainmenu-submenu-inner > li.mainmenu-open a,
2422 .mainmenu > ul li.mainmenu-open > a:hover,
2423 .mainmenu .mainmenu-submenu-inner li.mainmenu-open > a:hover {
2425 background: #16a085;
2427 .mainmenu .mainmenu-submenu {
2430 background: #16a085;
2434 -webkit-transform: translateZ(0);
2435 -moz-transform: translateZ(0);
2436 -o-transform: translateZ(0);
2437 -ms-transform: translateZ(0);
2438 transform: translateZ(0);
2439 -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.4);
2440 -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.4);
2441 box-shadow: 0 5px 5px rgba(0,0,0,0.4);
2442 color: 0 5px 5px rgba(0,0,0,0.4);
2444 .mainmenu .mainmenu-submenu-inner > div {
2448 .mainmenu .mainmenu-submenu-inner:before,
2449 .mainmenu .mainmenu-submenu-inner:after {
2453 .mainmenu .mainmenu-submenu-inner:after {
2456 .mainmenu .mainmenu-submenu-inner > div a {
2459 .mainmenu-open .mainmenu-submenu {
2461 padding-bottom: 3em;
2463 .mainmenu-submenu h4 {
2465 padding: 1em 0 0.6em;
2470 .mainmenu-submenu ul {
2473 @media screen and (max-width: 979px) {
2480 .mainmenu-submenu li,
2481 .mainmenu-submenu h4 {
2485 @media screen and (max-width: 479px) {
2491 .mainmenu .mainmenu-submenu-inner {
2495 .mainmenu .mainmenu-submenu-inner {
2499 .mainmenu > ul > li {
2501 border-bottom: 4px solid #47a3da;
2503 .mainmenu > ul > li > a {
2507 .mainmenu > ul > li:last-child {
2510 .mainmenu .mainmenu-submenu {
2513 .mainmenu-submenu h4 {
2516 .mainmenu .mainmenu-submenu-inner > div {
2522 /*--------------------------------------------------------------------------
2523 + Extras Menu (Cart, Language, Login) Style
2524 --------------------------------------------------------------------------*/
2532 list-style-type: none;
2540 .menuextras .extras li {
2543 .menuextras .extras li a {
2546 .menuextras .extras li a:hover {
2548 text-decoration: none;
2550 .menuextras .extras .shopping-cart-items i {
2553 .menuextras .choose-country .dropdown-menu {
2554 background-color: #222;
2555 background-color: rgba(34, 34, 34, 0.8);
2558 .menuextras .choose-country .dropdown-menu li {
2561 .menuextras .choose-country .dropdown-menu li a {
2565 .menuextras .choose-country .dropdown-menu li a:hover {
2567 background-color: #333 !important;
2569 /*--------------------------------------------------------------------------
2571 --------------------------------------------------------------------------*/
2573 border: 1px solid #16a085;
2574 -webkit-border-radius: 2px;
2575 -webkit-background-clip: padding-box;
2576 -moz-border-radius: 2px;
2577 -moz-background-clip: padding;
2579 background-clip: padding-box;
2582 display: inline-block;
2583 text-transform: none;
2584 -webkit-transition: all .25s ease;
2585 -moz-transition: all .25s ease;
2586 -o-transition: all .25s ease;
2587 -ms-transition: all .25s ease;
2588 transition: all .25s ease;
2590 background: none repeat scroll 0 0 #16a085;
2594 white-space: nowrap;
2597 background: none repeat scroll 0 0 #3b3c41;
2599 text-decoration: none;
2600 border: 1px solid #3b3c41;
2603 border-top: 4px solid #FFF;
2610 border: 1px solid #cecece;
2612 background: none repeat scroll 0 0 #E7E7E7;
2615 background: none repeat scroll 0 0 #cecece;
2617 text-decoration: none;
2618 border: 1px solid #cecece;
2621 border-top: 4px solid #333;
2624 border: 1px solid #3e7191;
2626 background: none repeat scroll 0 0 #4F8DB3;
2629 background: none repeat scroll 0 0 #3b3c41;
2631 text-decoration: none;
2632 border: 1px solid #3b3c41;
2635 border: 1px solid #cc5a00;
2637 background: none repeat scroll 0 0 #FF7000;
2640 background: none repeat scroll 0 0 #3b3c41;
2642 text-decoration: none;
2643 border: 1px solid #3b3c41;
2646 border: 1px solid #4c5818;
2648 background: none repeat scroll 0 0 #6E8023;
2651 background: none repeat scroll 0 0 #3b3c41;
2653 text-decoration: none;
2654 border: 1px solid #3b3c41;
2657 border: 1px solid #ab0d0d;
2659 background: none repeat scroll 0 0 #DA1111;
2662 background: none repeat scroll 0 0 #3b3c41;
2664 text-decoration: none;
2665 border: 1px solid #3b3c41;
2667 .btn-group.open .btn.dropdown-toggle {
2668 background: none repeat scroll 0 0 #3b3c41;
2671 .dropdown.open a.dropdown-toggle .caret {
2672 border-top: 4px solid #FFF;