1 /*--------------------------------------------------------------------------
\r
3 --------------------------------------------------------------------------*/
\r
12 .border-radius(5px);
\r
13 .box-shadow(~"0 0 3px #999");
\r
16 margin: 10px 0 !important;
\r
25 .service-wrapper-row{
\r
35 vertical-align: bottom;
\r
37 border: 7px solid #FFF;
\r
38 .border-radius(5px);
\r
39 .box-shadow(~"0 0 8px #999");
\r
44 /*--------------------------------------------------------------------------
\r
45 + Pricing Table Style
\r
46 --------------------------------------------------------------------------*/
\r
51 background: #fafafa;
\r
52 background-clip: padding-box;
\r
55 margin: 10px 1% 10px 0;
\r
57 .border-radius(7px);
\r
58 .box-sizing(border-box);
\r
59 .box-shadow(~"0 1px 8px rgba(0, 0, 0, 0.4)");
\r
60 .transition(~"box-shadow .25s linear");
\r
62 .box-shadow(~"0 0 8px #333");
\r
66 .pricing-plan-title {
\r
68 margin: -20px -10px 20px;
\r
74 border-bottom: 1px dashed #d2d2d2;
\r
82 background-size: 3px 1px;
\r
83 .gradient(~"linear-gradient(to right, white, white 33%, #d2d2d2 34%, #d2d2d2)");
\r
86 .pricing-plan-price {
\r
87 margin: 0 auto 20px;
\r
94 background: #595f6b;
\r
95 .border-radius(45px);
\r
98 font-weight: normal;
\r
99 color: rgba(255, 255, 255, 0.9);
\r
102 .pricing-plan-features {
\r
103 margin-bottom: 20px;
\r
109 text-align: center;
\r
110 list-style-type: none;
\r
118 .pricing-plan-promote {
\r
120 padding: 40px 20px;
\r
121 background-color: white;
\r
123 .border-radius(7px);
\r
132 position: absolute;
\r
137 font: bold 15px Sans-Serif;
\r
139 text-align: center;
\r
140 text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
\r
141 position: relative;
\r
146 background-color: #FFF;
\r
149 .box-shadow(~"0px 0px 3px rgba(0,0,0,0.3)");
\r
153 background-color: #BFDC7A;
\r
157 background-color: #5ACBFF;
\r
161 background-color: #FF9542;
\r
165 background-color: #FF7373;
\r
168 @media (min-width: 768px) {
\r
175 .border-top-left-radius(7px);
\r
176 .border-bottom-left-radius(7px);
\r
180 .border-top-right-radius(7px);
\r
181 .border-bottom-right-radius(7px);
\r
184 .pricing-plan-promote {
\r
188 .border-radius(7px);
\r
193 /*--------------------------------------------------------------------------
\r
195 --------------------------------------------------------------------------*/
\r
199 .box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
\r
202 .contact-us-details{
\r
207 /*--------------------------------------------------------------------------
\r
208 + Video Wrapper Style
\r
209 --------------------------------------------------------------------------*/
\r
212 .box-shadow(~"0 0 5px #000");
\r
216 /*--------------------------------------------------------------------------
\r
217 + Call to Action Bar Style
\r
218 --------------------------------------------------------------------------*/
\r
220 .calltoaction-wrapper{
\r
221 text-align: center;
\r
223 display: inline-block;
\r
225 margin-right: 10px;
\r
229 vertical-align: top;
\r
233 /*--------------------------------------------------------------------------
\r
234 + Testimonials Style
\r
235 --------------------------------------------------------------------------*/
\r
244 margin-bottom: 20px;
\r
248 .testimonial-bubble {
\r
249 text-align: justify;
\r
250 .border-radius(4px);
\r
251 padding: 0 20px 20px 20px;
\r
252 margin: 35px 10px 20px 10px;
\r
254 position: relative;
\r
255 .box-sizing(border-box);
\r
256 .box-shadow(~"inset 0 1px #fff,0 1px 2px #c8cfe6");
\r
258 .testimonial-bubble::before {
\r
259 background-color: #FFF;
\r
266 position: relative;
\r
267 .transform(~"rotate(45deg)");
\r
270 text-align: center;
\r
273 border: 5px solid #FFF;
\r
274 .border-radius(100px);
\r
275 .box-shadow(~"inset 0 1px #fff,0 1px 2px #c8cfe6");
\r
284 /*--------------------------------------------------------------------------
\r
285 + Clients Logos Style
\r
286 --------------------------------------------------------------------------*/
\r
288 .clients-logo-wrapper{
\r
294 /*--------------------------------------------------------------------------
\r
296 --------------------------------------------------------------------------*/
\r
298 .featured-news, .latest-news{
\r
300 padding: 10px 0 5px 0;
\r
304 color: @font-color;
\r
308 padding-bottom: 10px;
\r
311 white-space: nowrap;
\r
320 margin: 10px 0 10px 0;
\r
321 .border-radius(5px);
\r
322 .box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
\r
326 /*--------------------------------------------------------------------------
\r
327 + Frequently Asked Questions Style
\r
328 --------------------------------------------------------------------------*/
\r
332 margin-top: 20px !important;
\r
335 margin: 10px 0 10px 20px;
\r
344 /*--------------------------------------------------------------------------
\r
346 --------------------------------------------------------------------------*/
\r
352 position: relative;
\r
354 border: 7px solid #FFF;
\r
358 .border-radius(5px);
\r
359 .box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
\r
362 background: rgba(0,0,0,0.6);
\r
365 position: absolute;
\r
369 .border-radius(5px);
\r
371 .post-comments-count{
\r
372 text-align: center;
\r
377 .post-comments-count{
\r
395 border-bottom: 1px dotted #828282;
\r
399 color: @font-color;
\r
409 text-align: justify;
\r
415 padding: 0 20px 20px 0;
\r
421 padding: 10px 30px;
\r
424 .single-post-title h3{
\r
430 margin-bottom: 20px;
\r
431 padding-bottom: 10px;
\r
432 border-bottom: 1px dotted #828282;
\r
439 .single-post-image{
\r
440 text-align: center;
\r
442 .box-shadow(~"0 0 5px #000");
\r
446 .single-post-content{
\r
447 margin: 30px 0 20px 0;
\r
448 padding-bottom: 20px;
\r
449 border-bottom: 2px dotted #CCC;
\r
453 text-align: justify;
\r
458 list-style-type: none;
\r
460 margin-bottom: 40px;
\r
463 list-style-type: none;
\r
469 .comment-wrapper p{
\r
471 position: relative;
\r
472 border: 1px solid #CCC;
\r
474 margin-bottom: 10px;
\r
475 .border-radius(3px);
\r
481 margin-bottom: 10px;
\r
484 .border-radius(25px);
\r
485 margin-right: 10px;
\r
491 margin-right: 20px;
\r
497 .transition(~"opacity .25s linear");
\r
507 .comment-reply-btn{
\r
520 list-style-type: none;
\r
524 .recent-posts, .blog-categories{
\r
526 padding: 5px 20px 5px 0;
\r
527 border-top: 1px solid #D5D5D5;
\r
529 border-bottom: 1px solid #D5D5D5;
\r
533 color: @font-color;
\r
538 /*--------------------------------------------------------------------------
\r
540 --------------------------------------------------------------------------*/
\r
543 position: relative;
\r
545 padding-bottom: 10px;
\r
547 margin-bottom: 10px;
\r
548 border: 8px solid #FFF;
\r
549 .border-radius(5px);
\r
550 .box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
\r
555 text-align: center;
\r
558 padding: 20px 0 10px;
\r
562 text-align: center;
\r
564 color: @font-color;
\r
565 text-transform:uppercase;
\r
570 text-align: center;
\r
571 margin-bottom: 10px;
\r
573 display: inline-block;
\r
578 border-style: solid;
\r
583 color: @font-color;
\r
585 text-align: center;
\r
586 margin-bottom: 20px;
\r
588 .border-radius(7px);
\r
592 text-decoration: line-through;
\r
599 text-align: justify;
\r
602 border-top: 1px solid #ECECEC;
\r
609 border-top: 1px solid #ECECEC;
\r
612 text-align: center;
\r
615 white-space: nowrap;
\r
621 text-align: center;
\r
622 margin-bottom: 10px;
\r
624 display: inline-block;
\r
629 border-style: solid;
\r
635 background-color: #D7D7CF;
\r
636 border-color: darken(#D7D7CF, 10%);
\r
640 background-color: #000;
\r
641 border-color: darken(#000, 10%);
\r
645 background-color: #073A52;
\r
646 border-color: darken(#073A52, 10%);
\r
650 background-color: #D56E1D;
\r
651 border-color: darken(#D56E1D, 10%);
\r
655 background-color: #5C6632;
\r
656 border-color: darken(#5C6632, 10%);
\r
660 background-color: #DA1111;
\r
661 border-color: darken(#DA1111, 10%);
\r
664 /*--------------------------------------------------------------------------
\r
665 + Product Details Page Style
\r
666 --------------------------------------------------------------------------*/
\r
668 .product-image-large{
\r
669 border: 8px solid #FFF;
\r
670 text-align: center;
\r
671 margin-bottom: 10px;
\r
672 .border-radius(5px);
\r
673 .box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
\r
684 margin-bottom: 20px;
\r
694 background: fade(#FFF, 60%);
\r
696 .border-radius(5px);
\r
699 text-decoration: line-through;
\r
701 font-weight: normal;
\r
703 .shop-item-selections{
\r
712 .choose-item-color{
\r
714 display: inline-block;
\r
719 border-style: solid;
\r
720 margin-bottom: -1px;
\r
726 .product-details-nav{
\r
727 margin-top: 30px !important;
\r
728 margin-left: 0 !important;
\r
731 .product-detail-info{
\r
736 border-bottom: 1px;
\r
737 border-color: #ddd;
\r
738 border-style: solid;
\r
739 padding: 20px 30px;
\r
749 border-bottom: 1px solid #E7E7E7;
\r
762 /*--------------------------------------------------------------------------
\r
763 + Shopping Cart Style
\r
764 --------------------------------------------------------------------------*/
\r
767 margin: 10px 0 0 0;
\r
769 border-collapse: separate;
\r
770 border-spacing: 0 10px;
\r
772 color: @font-color;
\r
780 .border-radius(5px 0 0 5px);
\r
784 .border-radius(0 5px 5px 0);
\r
785 margin-right: 10px;
\r
788 .image, .image img{
\r
801 display: inline-block;
\r
806 border-style: solid;
\r
814 color: @font-color;
\r
817 text-align: center;
\r
823 margin-bottom: 5px;
\r
829 margin: 20px 0 30px 0;
\r
830 border-top: 2px solid #535b60;
\r
844 @media (max-width: 500px){
\r
856 /*--------------------------------------------------------------------------
\r
857 + Products Slider Style
\r
858 --------------------------------------------------------------------------*/
\r
868 position: relative;
\r
869 .border-radius(5px);
\r
870 .box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
\r
872 .border-radius(~"5px 5px 0 0");
\r
885 margin-bottom: 10px;
\r
893 @media (max-width: 768px){
\r
894 .products-slider .shop-item{
\r
899 @media (max-width: 479px){
\r
900 .products-slider .shop-item{
\r
905 /*--------------------------------------------------------------------------
\r
906 + Events List Style
\r
907 --------------------------------------------------------------------------*/
\r
914 padding: 5px 20px 5px 0;
\r
922 border-left: 5px solid @theme-color;
\r
929 border-left: 5px solid #CFCFCF;
\r
930 .transition(~"all .25s linear");
\r
937 text-align: center;
\r
943 text-align: center;
\r
945 .event-venue, .event-price{
\r
946 white-space: nowrap;
\r
951 /*--------------------------------------------------------------------------
\r
953 --------------------------------------------------------------------------*/
\r
963 padding: 5px 20px 5px 0;
\r
964 border-top: 1px solid #E6E6E6;
\r
969 border-bottom: 1px solid #E6E6E6;
\r
977 color: @font-color;
\r
982 .job-location, .job-type{
\r
997 margin-bottom: 20px;
\r
1006 text-align: center;
\r
1011 border: 5px solid #FFF;
\r
1012 .border-radius(70px);
\r
1013 .box-shadow(~"inset 0 1px #fff,0 1px 2px #c8cfe6");
\r
1019 text-align: justify;
\r
1020 .border-radius(4px);
\r
1021 padding: 20px 20px 0 20px;
\r
1023 margin-bottom: 30px;
\r
1025 position: relative;
\r
1026 .box-sizing(border-box);
\r
1027 .box-shadow(~"inset 0 1px #fff,0 0 4px #c8cfe6");
\r
1030 .join-us-bubble::after {
\r
1038 position: relative;
\r
1039 .transform(~"rotate(45deg)");
\r
1040 .box-shadow(~"inset 0 1px #fff,1px 1px 1px #c8cfe6");
\r
1043 .job-details-wrapper p{
\r
1044 text-align: justify;
\r
1047 /*--------------------------------------------------------------------------
\r
1048 + Login/Register/Reset Password Forms Style
\r
1049 --------------------------------------------------------------------------*/
\r
1052 background: fade(#FFF, 80%);
\r
1053 padding: 20px 20px 10px 20px;
\r
1054 .border-radius(5px);
\r
1055 .box-shadow(~"inset 0 1px #fff,0 0 4px #c8cfe6");
\r
1060 line-height: 30px;
\r
1063 input[type="checkbox"]{
\r
1070 text-align: center;
\r
1072 font-style: italic;
\r
1075 .social-login-buttons{
\r
1076 text-align: center;
\r
1078 position: relative;
\r
1079 display: inline-block;
\r
1080 white-space: nowrap;
\r
1082 line-height: 35px;
\r
1083 padding-right: 15px;
\r
1088 .border-radius(3px);
\r
1089 .transition(~"opacity .2s linear");
\r
1093 text-decoration: none;
\r
1098 position: absolute;
\r
1102 background-image: ~"url(../img/social-login.png)";
\r
1103 background-repeat: no-repeat;
\r
1107 .btn-facebook-login{
\r
1108 padding-left: 35px;
\r
1109 background-color: #6886bc;
\r
1110 .gradient(~"linear-gradient(top,#6886bc 0,#466ca9 100%)");
\r
1113 .btn-twitter-login{
\r
1114 padding-left: 45px;
\r
1115 background-color: #25b6e6;
\r
1117 .btn-facebook-login:before{
\r
1119 background-position: 0 0;
\r
1121 .btn-twitter-login:before{
\r
1123 background-position: -48px 0;
\r
1129 font-style: normal;
\r
1131 border-top: 1px solid #CCC;
\r
1137 /*--------------------------------------------------------------------------
\r
1138 + 'In Press' Style
\r
1139 --------------------------------------------------------------------------*/
\r
1143 color: lighten(@font-color, 30%);
\r
1145 font-family: Georgia, serif;
\r
1146 line-height: 28px;
\r
1147 position: relative;
\r
1148 padding-left: 16px;
\r
1149 padding-bottom: 32px;
\r
1150 margin-bottom: 15px;
\r
1152 .transition(~"color .25s linear");
\r
1154 color: @theme-color;
\r
1155 text-decoration: none;
\r
1160 position: absolute;
\r
1165 background-image: ~"url(../img/in-press.png)";
\r
1166 background-repeat: no-repeat;
\r
1167 .transition(~".25s linear");
\r
1171 margin-left: -16px;
\r
1178 // Change the below classes and image to meet your press coverage
\r
1182 background-position: 0px 0px;
\r
1186 background-position: 0px -32px;
\r
1191 .press-mashable a{
\r
1193 background-position: -120px 0px;
\r
1197 background-position: -120px -32px;
\r
1202 .press-techcrunch a{
\r
1204 background-position: -240px 0px;
\r
1208 background-position: -240px -32px;
\r
1213 /*--------------------------------------------------------------------------
\r
1215 --------------------------------------------------------------------------*/
\r
1218 position: relative;
\r
1220 margin-bottom: 20px;
\r
1221 border: 8px solid #FFF;
\r
1222 .border-radius(5px);
\r
1223 .box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
\r
1224 .transition(~"all .5s ease");
\r
1227 text-align: center;
\r
1228 position: relative;
\r
1231 .transition(~"all .25s ease");
\r
1235 border: 8px solid @theme-color;
\r
1238 position: relative;
\r
1239 .transform(~"scale(1.1) rotate(2deg)");
\r
1244 list-style-type: none;
\r
1247 text-align: center;
\r
1250 line-height: 28px;
\r
1253 .portfolio-project-name{
\r
1255 text-transform: uppercase;
\r
1258 text-align: center;
\r
1259 padding-top: 10px;
\r
1261 .portfolio-info-fade{
\r
1264 position: absolute;
\r
1266 background: fade(#000, 70%);
\r
1270 text-shadow: 2px 2px 4px #000000;
\r
1271 filter: dropshadow(color=#000000, offx=2, offy=2);
\r
1272 .transition(~"opacity .25s linear");
\r
1277 background: @theme-color;
\r
1280 margin: 10% 20px 0 20px;
\r
1283 text-align: center;
\r
1285 border-bottom: 1px solid #CCC;
\r
1291 .portfolio-info-fade{
\r
1298 .lt-ie9 .portfolio-info-fade{
\r
1302 .lt-ie9 .portfolio-item:hover .portfolio-info-fade{
\r
1306 .portfolio-visit-btn{
\r
1307 padding-top: 15px;
\r
1310 .portfolio-item-description{
\r
1316 /*--------------------------------------------------------------------------
\r
1318 --------------------------------------------------------------------------*/
\r
1321 position: relative;
\r
1323 margin-bottom: 20px;
\r
1324 border: 8px solid #FFF;
\r
1325 .box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
\r
1330 list-style-type: none;
\r
1334 line-height: 28px;
\r
1338 .team-member-image{
\r
1342 .team-member-image{
\r
1343 text-align: center;
\r
1344 position: relative;
\r
1345 .transition(~"opacity .25s linear");
\r
1349 .team-member-name{
\r
1351 text-transform: uppercase;
\r
1354 .team-member-social{
\r
1355 position: absolute;
\r
1358 .transition(~"opacity .25s linear");
\r
1359 .team-member-social i{
\r
1368 /*--------------------------------------------------------------------------
\r
1370 --------------------------------------------------------------------------*/
\r
1374 list-style-type: none;
\r
1377 color: @font-color;
\r
1384 list-style-type: none;
\r
1386 margin-left: 10px;
\r
1396 /*--------------------------------------------------------------------------
\r
1397 + Coming Soon Page Style
\r
1398 --------------------------------------------------------------------------*/
\r
1402 background: fade(#FFF, 80%);
\r
1405 padding-top: 20px;
\r
1409 .coming-soon-content{
\r
1411 text-align: center;
\r
1414 line-height: 1.3em;
\r
1417 margin-bottom: 40px;
\r
1418 text-shadow: 1px 1px 8px #000000;
\r
1422 text-shadow: 2px 2px 4px #000000;
\r
1426 .coming-soon-subscribe{
\r
1427 padding-top: 30px;
\r
1429 border-radius: 0 5px 5px 0;
\r
1436 .coming-soon-social{
\r
1439 .transition(~"opacity .25s linear");
\r
1441 display: inline-block;
\r
1448 .full-screen-background{
\r
1451 min-width: 1024px;
\r
1459 /*--------------------------------------------------------------------------
\r
1460 + Breadcrumbs Section Style
\r
1461 --------------------------------------------------------------------------*/
\r
1463 .section-breadcrumbs{
\r
1465 background: fade(#222, 80%);
\r
1466 margin-bottom: 10px;
\r
1471 text-transform: none;
\r
1475 /*--------------------------------------------------------------------------
\r
1477 --------------------------------------------------------------------------*/
\r
1482 padding: 0 20px 10px 20px;
\r
1483 border-top: 4px solid @theme-color;
\r
1485 .box-shadow(~"0 -1px 12px rgba(0,0,0,0.4)");
\r
1489 border-bottom: 1px dotted #7C7C7C;
\r
1496 .footer-navigate-section li{
\r
1497 line-height: 20px !important;
\r
1500 .footer-stay-connected{
\r
1503 text-indent: -9999px;
\r
1507 background: ~"url(../img/stay-connected.png)";
\r
1509 .transition(~"opacity .25s linear");
\r
1515 background-position: -115px 0;
\r
1518 background-position: -230px 0;
\r
1521 background-position: 0 0;
\r
1524 text-align: center;
\r
1528 .footer-copyright{
\r
1529 text-align: center;
\r
1531 border-top: 1px dotted #7C7C7C;
\r
1532 padding-top: 10px;
\r
1536 /*--------------------------------------------------------------------------
\r
1537 + Pagination Style (overrides Bootstrap style)
\r
1538 --------------------------------------------------------------------------*/
\r
1540 .pagination-wrapper{
\r
1542 text-align: center;
\r
1545 .pagination>li>a, .pagination>li>span{
\r
1547 border-bottom: 3px solid #FFF;
\r
1550 margin-bottom: 5px;
\r
1551 .transition(~"all .25s linear");
\r
1554 .pagination>li>a:hover, .pagination>li>a:focus, .pagination>.active>a, .pagination>.active>span{
\r
1558 .pagination>li>a:hover{
\r
1559 border-bottom: 3px solid #666666;
\r
1562 .pagination>.active>a, .pagination>.active>span{
\r
1564 border-bottom: 3px solid @theme-color;
\r
1567 .pagination>.disabled>a{
\r
1568 border-color: #fff;
\r
1571 .pagination>.disabled>span, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
\r
1574 background-color: #FFF;
\r
1578 /*--------------------------------------------------------------------------
\r
1579 + Custom Style for Maps
\r
1580 --------------------------------------------------------------------------*/
\r
1582 .leaflet-popup-content-wrapper{
\r
1583 .border-radius(5px);
\r
1586 /*--------------------------------------------------------------------------
\r
1587 + Custom Style for Tabs (overrides Bootstrap)
\r
1588 --------------------------------------------------------------------------*/
\r
1592 padding: 10px 15px;
\r
1593 color: @font-color;
\r
1596 .nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
\r
1598 background-color: #ffffff;
\r
1599 border: 1px solid #ddd;
\r
1600 border-top: 3px solid @theme-color;
\r
1601 border-bottom-color: transparent;
\r
1605 /*--------------------------------------------------------------------------
\r
1607 --------------------------------------------------------------------------*/
\r
1609 .error-page-wrapper{
\r
1613 text-align: center;
\r
1617 /*--------------------------------------------------------------------------
\r
1618 + Homepage Slider Style (modified sequencejs CSS). Sorry, no LESS here
\r
1619 --------------------------------------------------------------------------*/
\r
1622 position: relative;
\r
1625 max-width: 1920px;
\r
1627 font-size: 0.625em;
\r
1628 margin: 0 auto 30px auto;
\r
1629 position: relative;
\r
1636 #sequence > .sequence-canvas {
\r
1637 list-style-type: none;
\r
1647 text-shadow: 2px 2px 3px #444;
\r
1656 text-shadow: 2px 2px 3px #444;
\r
1659 #sequence > .sequence-canvas > li {
\r
1660 position: absolute;
\r
1664 .transition-property(background);
\r
1665 background-position: -50px 0;
\r
1668 #sequence > .sequence-canvas > li.bg1 {
\r
1669 background-image: ~"url(../img/homepage-slider/slider-bg1.jpg)";
\r
1672 #sequence > .sequence-canvas > li.bg2 {
\r
1673 background-image: ~"url(../img/homepage-slider/slider-bg2.jpg)";
\r
1676 #sequence > .sequence-canvas > li.bg3 {
\r
1677 background-image: ~"url(../img/homepage-slider/slider-bg3.jpg)";
\r
1680 #sequence > .sequence-canvas > li.bg4 {
\r
1681 background-image: ~"url(../img/homepage-slider/slider-bg4.jpg)";
\r
1684 #sequence > .sequence-canvas > li.bg5 {
\r
1685 background-image: ~"url(../img/homepage-slider/slider-bg5.jpg)";
\r
1688 #sequence > .sequence-canvas > li.bg6 {
\r
1689 background-image: ~"url(../img/homepage-slider/slider-bg6.jpg)";
\r
1692 #sequence > .sequence-canvas > li.bg7 {
\r
1693 background-image: ~"url(../img/homepage-slider/slider-bg7.jpg)";
\r
1695 #sequence > .sequence-canvas > li.bg8 {
\r
1696 background-image: ~"url(../img/homepage-slider/slider-bg8.jpg)";
\r
1698 #sequence > .sequence-canvas > li.bg9 {
\r
1699 background-image: ~"url(../img/homepage-slider/slider-bg9.jpg)";
\r
1701 #sequence > .sequence-canvas > li.bg10 {
\r
1702 background-image: ~"url(../img/homepage-slider/slider-bg10.jpg)";
\r
1704 #sequence > .sequence-canvas > li.bg11 {
\r
1705 background-image: ~"url(../img/homepage-slider/slider-bg11.jpg)";
\r
1707 #sequence > .sequence-canvas > li.bg12 {
\r
1708 background-image: ~"url(../img/homepage-slider/slider-bg12.jpg)";
\r
1710 #sequence > .sequence-canvas > li.bg13 {
\r
1711 background-image: ~"url(../img/homepage-slider/slider-bg13.jpg)";
\r
1713 #sequence > .sequence-canvas > li.bg14 {
\r
1714 background-image: ~"url(../img/homepage-slider/slider-bg14.jpg)";
\r
1717 #sequence > .sequence-canvas > li img {
\r
1721 #sequence > .sequence-canvas li > * {
\r
1722 position: absolute;
\r
1723 .transition-property(left, opacity);
\r
1731 font-weight: bold;
\r
1732 padding: 10px 15px;
\r
1733 position: absolute;
\r
1737 margin-top: -47.5px;
\r
1743 position: absolute;
\r
1747 .sequence-paused {
\r
1759 .sequence-prev img,
\r
1760 .sequence-next img {
\r
1765 #sequence-preloader {
\r
1766 background: #d9d9d9;
\r
1769 .sequence-pagination-wrapper{
\r
1770 position: absolute;
\r
1776 .sequence-pagination {
\r
1779 .transition-duration(0.5s);
\r
1782 .sequence-pagination li {
\r
1783 display: inline-block;
\r
1788 text-indent: -999em;
\r
1789 border: 4px solid @theme-color;
\r
1791 .border-radius(30px);
\r
1793 .transition(~"background .5s, opacity .5s");
\r
1796 .sequence-pagination li.current {
\r
1797 background: @theme-color;
\r
1803 position: absolute;
\r
1805 .transition-duration(1s);
\r
1808 .sequence-next:hover,
\r
1809 .sequence-prev:hover {
\r
1811 .transition-duration(1s);
\r
1814 #sequence .title {
\r
1816 text-transform: none;
\r
1824 #sequence > .sequence-canvas > li.animate-in{
\r
1825 background-position: 0 0;
\r
1826 .transition-duration(1.5s);
\r
1829 #sequence .animate-in .title {
\r
1832 .transition-duration(0.5s);
\r
1835 #sequence .animate-out .title {
\r
1838 .transition-duration(0.5s);
\r
1850 .animate-in .subtitle {
\r
1853 .transition-duration(0.5s);
\r
1856 .animate-out .subtitle {
\r
1859 .transition-duration(0.5s);
\r
1866 position: relative;
\r
1867 height: auto !important;
\r
1868 max-height: 450px !important;
\r
1869 max-width: 45% !important;
\r
1872 .animate-in .slide-img {
\r
1875 .transition-duration(1s);
\r
1878 .animate-out .slide-img {
\r
1881 .transition-duration(1s);
\r
1884 @media only screen and (min-width: 992px) {
\r
1885 #sequence .title {
\r
1890 @media only screen and (max-width: 838px) {
\r
1891 #sequence .slide-img {
\r
1892 max-height: 530px !important;
\r
1897 @media only screen and (max-width: 768px) {
\r
1901 #sequence .title {
\r
1904 #sequence .subtitle {
\r
1907 #sequence .sequence-next,
\r
1908 #sequence .sequence-prev {
\r
1910 margin-top: -40px;
\r
1912 #sequence .slide-img {
\r
1913 max-height: 480px !important;
\r
1918 @media only screen and (max-width: 568px) {
\r
1922 max-width: 80% !important;
\r
1925 #sequence .animate-in .slide-img {
\r
1927 margin-left: -40%;
\r
1930 #sequence .animate-out .slide-img {
\r
1932 margin-left: -20%;
\r
1935 #sequence .title {
\r
1936 background: #a1a1a1;
\r
1937 background: rgba(0, 0, 0, 0.3);
\r
1946 #sequence .animate-in .title {
\r
1950 #sequence .animate-out .title {
\r
1954 #sequence .subtitle {
\r
1955 visibility: hidden;
\r
1960 /*--------------------------------------------------------------------------
\r
1961 + Content Slider Style (bxSlider CSS), Sorry, no LESS here
\r
1962 --------------------------------------------------------------------------*/
\r
1965 position: relative;
\r
1966 margin: 0 auto 30px;
\r
1976 .bx-wrapper .bx-pager,
\r
1977 .bx-wrapper .bx-controls-auto {
\r
1978 position: absolute;
\r
1985 .bx-wrapper .bx-loading {
\r
1987 background: ~"url(../img/bx_loader.gif) center center no-repeat #fff";
\r
1990 position: absolute;
\r
1998 .bx-wrapper .bx-pager {
\r
1999 text-align: center;
\r
2001 font-family: Arial;
\r
2002 font-weight: bold;
\r
2004 padding-top: 20px;
\r
2007 .bx-wrapper .bx-pager .bx-pager-item,
\r
2008 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
\r
2009 display: inline-block;
\r
2014 .bx-wrapper .bx-pager.bx-default-pager a {
\r
2016 text-indent: -9999px;
\r
2022 .border-radius(5px);
\r
2025 .bx-wrapper .bx-pager.bx-default-pager a:hover,
\r
2026 .bx-wrapper .bx-pager.bx-default-pager a.active {
\r
2030 /* DIRECTION CONTROLS (NEXT / PREV) */
\r
2032 .bx-wrapper .bx-prev {
\r
2034 background: ~"url(../img/controls.png) no-repeat 0 -32px";
\r
2037 .bx-wrapper .bx-next {
\r
2039 background: ~"url(../img/controls.png) no-repeat -43px -32px";
\r
2042 .bx-wrapper .bx-prev:hover {
\r
2043 background-position: 0 0;
\r
2046 .bx-wrapper .bx-next:hover {
\r
2047 background-position: -43px 0;
\r
2050 .bx-wrapper .bx-controls-direction a {
\r
2051 position: absolute;
\r
2053 margin-top: -16px;
\r
2057 text-indent: -9999px;
\r
2061 .bx-wrapper .bx-controls-direction a.disabled {
\r
2065 /* AUTO CONTROLS (START / STOP) */
\r
2067 .bx-wrapper .bx-controls-auto {
\r
2068 text-align: center;
\r
2071 .bx-wrapper .bx-controls-auto .bx-start {
\r
2073 text-indent: -9999px;
\r
2077 background: ~"url(../img/controls.png) -86px -11px no-repeat";
\r
2081 .bx-wrapper .bx-controls-auto .bx-start:hover,
\r
2082 .bx-wrapper .bx-controls-auto .bx-start.active {
\r
2083 background-position: -86px 0;
\r
2086 .bx-wrapper .bx-controls-auto .bx-stop {
\r
2088 text-indent: -9999px;
\r
2092 background: ~"url(../img/controls.png) -86px -44px no-repeat";
\r
2096 .bx-wrapper .bx-controls-auto .bx-stop:hover,
\r
2097 .bx-wrapper .bx-controls-auto .bx-stop.active {
\r
2098 background-position: -86px -33px;
\r
2101 /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
\r
2103 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
\r
2108 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
\r
2113 /* IMAGE CAPTIONS */
\r
2115 .bx-wrapper .bx-caption {
\r
2116 position: absolute;
\r
2119 background: #666\9;
\r
2120 background: rgba(80, 80, 80, 0.75);
\r
2124 .bx-wrapper .bx-caption span {
\r
2126 font-family: Arial;
\r
2132 /*--------------------------------------------------------------------------
\r
2134 --------------------------------------------------------------------------*/
\r
2136 .mainmenu li.logo-wrapper a{
\r
2137 border-right: 1px solid #E8E8E8;
\r
2140 padding-bottom: 0;
\r
2143 .mainmenu-wrapper{
\r
2144 background-color: #FFF;
\r
2145 border-bottom: 4px solid @theme-color;
\r
2151 /* general ul style */
\r
2155 list-style-type: none;
\r
2157 /* first level ul style */
\r
2158 >ul, .mainmenu-submenu-inner {
\r
2161 display: inline-block;
\r
2165 padding: 1.2em 1.5em;
\r
2167 display: inline-block;
\r
2168 text-decoration: none;
\r
2170 color: @theme-color;
\r
2171 text-decoration: none;
\r
2177 color: @theme-color;
\r
2178 font-weight: 600 !important;
\r
2181 >li.mainmenu-open a, li.mainmenu-open > a:hover {
\r
2183 background: @theme-color;
\r
2187 .mainmenu-submenu {
\r
2189 position: absolute;
\r
2190 background: @theme-color;
\r
2195 .box-shadow(~"0 5px 5px rgba(0,0,0,0.4)");
\r
2197 .mainmenu-submenu-inner > div {
\r
2201 .mainmenu-submenu-inner:before, .mainmenu-submenu-inner:after {
\r
2205 .mainmenu-submenu-inner:after {
\r
2208 .mainmenu-submenu-inner > div a {
\r
2214 .mainmenu-submenu {
\r
2216 padding-bottom: 3em;
\r
2220 .mainmenu-submenu{
\r
2222 color: lighten(@theme-color, 30%);
\r
2223 padding: 1em 0 0.6em;
\r
2224 margin-left: 20px;
\r
2229 margin-left: 20px;
\r
2234 @media screen and (max-width: 979px) {
\r
2240 .mainmenu-submenu{
\r
2244 .mainmenu-submenu li, .mainmenu-submenu h4{
\r
2245 padding-left: 10px;
\r
2250 @media screen and (max-width: 479px) {
\r
2258 .mainmenu .mainmenu-submenu-inner {
\r
2263 .mainmenu .mainmenu-submenu-inner {
\r
2268 .mainmenu > ul > li {
\r
2270 border-bottom: 4px solid #47a3da;
\r
2280 .mainmenu .mainmenu-submenu {
\r
2281 position: relative;
\r
2284 .mainmenu-submenu h4 {
\r
2285 padding-top: 0.6em;
\r
2288 .mainmenu .mainmenu-submenu-inner > div {
\r
2296 /*--------------------------------------------------------------------------
\r
2297 + Extras Menu (Cart, Language, Login) Style
\r
2298 --------------------------------------------------------------------------*/
\r
2301 font-size: 0.85em;
\r
2306 list-style-type: none;
\r
2321 text-decoration: none;
\r
2326 .shopping-cart-items{
\r
2334 background-color: #222;
\r
2335 background-color: fade(#222, 80%);
\r
2341 padding-left: 3px;
\r
2344 background-color: #333 !important;
\r
2353 /*--------------------------------------------------------------------------
\r
2355 --------------------------------------------------------------------------*/
\r
2358 border: 1px solid @theme-color;
\r
2359 .border-radius(2px);
\r
2362 display: inline-block;
\r
2363 text-transform: none;
\r
2364 .transition(~"all .25s ease");
\r
2365 text-align: center;
\r
2366 background: none repeat scroll 0 0 @theme-color;
\r
2367 text-shadow: none;
\r
2371 background: none repeat scroll 0 0 #3b3c41;
\r
2373 text-decoration: none;
\r
2374 border: 1px solid #3b3c41;
\r
2376 white-space: nowrap;
\r
2378 border-top: 4px solid #FFF;
\r
2388 border: 1px solid darken(#E7E7E7, 10%);
\r
2390 background: none repeat scroll 0 0 #E7E7E7;
\r
2392 background: none repeat scroll 0 0 darken(#E7E7E7, 10%);
\r
2394 text-decoration: none;
\r
2395 border: 1px solid darken(#E7E7E7, 10%);
\r
2398 border-top: 4px solid #333;
\r
2403 border: 1px solid darken(#4F8DB3, 10%);
\r
2405 background: none repeat scroll 0 0 #4F8DB3;
\r
2407 background: none repeat scroll 0 0 #3b3c41;
\r
2409 text-decoration: none;
\r
2410 border: 1px solid #3b3c41;
\r
2415 border: 1px solid darken(#FF7000, 10%);
\r
2417 background: none repeat scroll 0 0 #FF7000;
\r
2419 background: none repeat scroll 0 0 #3b3c41;
\r
2421 text-decoration: none;
\r
2422 border: 1px solid #3b3c41;
\r
2427 border: 1px solid darken(#6E8023, 10%);
\r
2429 background: none repeat scroll 0 0 #6E8023;
\r
2431 background: none repeat scroll 0 0 #3b3c41;
\r
2433 text-decoration: none;
\r
2434 border: 1px solid #3b3c41;
\r
2439 border: 1px solid darken(#DA1111, 10%);
\r
2441 background: none repeat scroll 0 0 #DA1111;
\r
2443 background: none repeat scroll 0 0 #3b3c41;
\r
2445 text-decoration: none;
\r
2446 border: 1px solid #3b3c41;
\r
2450 .btn-group.open .btn.dropdown-toggle{
\r
2451 background: none repeat scroll 0 0 #3b3c41;
\r
2455 .dropdown.open a.dropdown-toggle .caret{
\r
2456 border-top: 4px solid #FFF;
\r