git.roojs.org Git - bootswatch/blob - Eshopper/css/main.css

   1 \r
   2 /*************************\r
   3 *******Typography******\r
   4 **************************/\r
   5 @import url(http://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700,100);\r
   6 @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,300,600,700);\r
   7 @import url(http://fonts.googleapis.com/css?family=Abel);\r
   8 \r
   9 body {\r
  10   font-family: 'Roboto', sans-serif;\r
  11   background:;\r
  12   position: relative;\r
  13   font-weight:400px;\r
  14 }\r
  15 \r
  16 ul li {\r
  17   list-style: none;\r
  18 }\r
  19 \r
  20 a:hover {\r
  21 outline: none;\r
  22 text-decoration:none;\r
  23 }\r
  24 \r
  25 a:focus {\r
  26   outline:none;\r
  27   outline-offset: 0;\r
  28 }\r
  29 \r
  30 a {\r
  31   -webkit-transition: 300ms;\r
  32   -moz-transition: 300ms;\r
  33     -o-transition: 300ms;\r
  34     transition: 300ms;\r
  35 }\r
  36 \r
  37 h1, h2, h3, h4, h5, h6 {\r
  38   font-family: 'Roboto', sans-serif;\r
  39 }\r
  40 \r
  41 .btn:hover, \r
  42 .btn:focus{\r
  43   outline: none;\r
  44   box-shadow: none;\r
  45 }\r
  46 \r
  47 .navbar-toggle {\r
  48   background-color: #000;\r
  49 }\r
  50 \r
  51 a#scrollUp {\r
  52   bottom: 0px;\r
  53   right: 10px;\r
  54   padding: 5px 10px;\r
  55   background: #FE980F;\r
  56   color: #FFF;\r
  57   -webkit-animation: bounce 2s ease infinite;\r
  58   animation: bounce 2s ease infinite;\r
  59 }\r
  60 \r
  61 a#scrollUp i{\r
  62   font-size: 30px;\r
  63 }\r
  64 \r
  65 \r
  66 /*************************\r
  67 *******Header CSS******\r
  68 **************************/\r
  69 \r
  70 .header_top {\r
  71   background: none repeat scroll 0 0 #F0F0E9;\r
  72 }\r
  73 \r
  74 .contactinfo ul li:first-child{\r
  75     margin-left: -15px;\r
  76 }\r
  77 \r
  78 .contactinfo ul li a{\r
  79   font-size: 12px;\r
  80   color: #696763;\r
  81   font-family: 'Roboto', sans-serif;\r
  82 }\r
  83 \r
  84 \r
  85 .contactinfo ul li a:hover{\r
  86         background:inherit;\r
  87 }\r
  88 \r
  89 \r
  90 .social-icons ul li a {\r
  91   border: 0 none;\r
  92   border-radius: 0;\r
  93   color: #696763;\r
  94   padding:0px;\r
  95 }\r
  96 \r
  97 \r
  98 .social-icons ul li{\r
  99         display:inline-block;\r
 100 }\r
 101 \r
 102 .social-icons ul li a i {\r
 103   padding: 11px 15px;\r
 104    transition: all 0.9s ease 0s;\r
 105   -moz-transition: all 0.9s ease 0s;\r
 106   -webkit-transition: all 0.9s ease 0s;\r
 107   -o-transition: all 0.9s ease 0s;\r
 108 }\r
 109 \r
 110 .social-icons ul li a i:hover{\r
 111   color: #fff;\r
 112    transition: all 0.9s ease 0s;\r
 113   -moz-transition: all 0.9s ease 0s;\r
 114   -webkit-transition: all 0.9s ease 0s;\r
 115   -o-transition: all 0.9s ease 0s;\r
 116 }\r
 117 \r
 118 \r
 119 .fa-facebook:hover {\r
 120   background: #0083C9;\r
 121 }\r
 122 \r
 123 .fa-twitter:hover  {\r
 124         background:#5BBCEC;\r
 125 }\r
 126 \r
 127 .fa-linkedin:hover  {\r
 128         background:#FF4518;\r
 129 }\r
 130 \r
 131 .fa-dribbble:hover  {\r
 132         background:#90C9DC;\r
 133 }\r
 134 \r
 135 .fa-google-plus:hover  {\r
 136         background:#CE3C2D;\r
 137 }\r
 138 \r
 139 .header-middle .container .row {\r
 140   border-bottom: 1px solid #f5f5f5;\r
 141   margin-left: 0;\r
 142   margin-right: 0;\r
 143   padding-bottom: 20px;\r
 144   padding-top: 20px;\r
 145 }\r
 146 \r
 147 .header-middle .container .row .col-sm-4{\r
 148   padding-left: 0;\r
 149 }\r
 150 \r
 151 .header-middle .container .row .col-sm-8 {\r
 152         padding-right:0;\r
 153 }\r
 154 \r
 155 .usa {\r
 156   border-radius: 0;\r
 157   color: #B4B1AB;\r
 158   font-size: 12px;\r
 159   margin-right: 20px;\r
 160   padding: 2px 15px;\r
 161   margin-top: 10px;\r
 162 }\r
 163 \r
 164 .usa:hover {\r
 165         background:#FE980F;\r
 166         color:#fff;\r
 167         border-color:#FE980F;\r
 168 }\r
 169 \r
 170 .usa:active, .usa.active {\r
 171   background: none repeat scroll 0 0 #FE980F;\r
 172   box-shadow: inherit;\r
 173   outline: 0 none;\r
 174 }\r
 175 \r
 176 .btn-group.open .dropdown-toggle {\r
 177   background: rgba(0, 0, 0, 0);\r
 178   box-shadow: none;\r
 179 }\r
 180 \r
 181 .dropdown-menu  li  a:hover, .dropdown-menu  li  a:focus {\r
 182   background-color: #FE980F;\r
 183   color: #FFFFFF;\r
 184   font-family: 'Roboto', sans-serif;\r
 185   text-decoration: none;\r
 186 }\r
 187 \r
 188 \r
 189 .shop-menu ul li {\r
 190         display:inline-block;\r
 191   padding-left: 15px;\r
 192   padding-right: 15px;\r
 193 }\r
 194 \r
 195 .shop-menu ul li:last-child {\r
 196   padding-right: 0;\r
 197 }\r
 198 \r
 199 \r
 200 .shop-menu ul li a {\r
 201   background: #FFFFFF;\r
 202   color: #696763;\r
 203   font-family: 'Roboto', sans-serif;\r
 204   font-size: 14px;\r
 205   font-weight: 300;\r
 206   padding:0;\r
 207   padding-right: 0;\r
 208   margin-top: 10px;\r
 209 }\r
 210 \r
 211 \r
 212 .shop-menu ul li a i{\r
 213         margin-right:3px;\r
 214 }\r
 215 \r
 216 \r
 217 .shop-menu ul li a:hover {\r
 218         color:#fe980f;\r
 219         background:#fff;\r
 220 }\r
 221 \r
 222 \r
 223 .header-bottom {\r
 224   padding-bottom: 30px;\r
 225   padding-top: 30px;\r
 226 }\r
 227 \r
 228 .navbar-collapse.collapse{\r
 229   padding-left: 0;\r
 230 }\r
 231 \r
 232 .mainmenu ul li{\r
 233   padding-right: 15px;\r
 234   padding-left: 15px;\r
 235 }\r
 236 \r
 237 .mainmenu ul li:first-child{\r
 238   padding-left: 0px;\r
 239 }\r
 240 \r
 241 .mainmenu ul li a {\r
 242         color: #696763;\r
 243         font-family: 'Roboto', sans-serif;\r
 244         font-size: 17px;\r
 245         font-weight: 300;\r
 246         padding: 0;\r
 247         padding-bottom: 10px;\r
 248 }\r
 249 \r
 250 .mainmenu ul li a:hover, .mainmenu ul li a.active,  .shop-menu ul li a.active{\r
 251         background:none;\r
 252         color:#fdb45e;\r
 253 }\r
 254 \r
 255 .search_box input {\r
 256   background: #F0F0E9;\r
 257   border: medium none;\r
 258   color: #B2B2B2;\r
 259   font-family: 'roboto';\r
 260   font-size: 12px;\r
 261   font-weight: 300;\r
 262   height: 35px;\r
 263   outline: medium none;\r
 264   padding-left: 10px;\r
 265   width: 155px;\r
 266   background-image: url(../images/home/searchicon.png);\r
 267   background-repeat: no-repeat;\r
 268   background-position: 130px;\r
 269 }\r
 270 \r
 271 \r
 272 /*  Dropdown menu*/\r
 273 \r
 274 .navbar-header \r
 275 .navbar-toggle .icon-bar {\r
 276     background-color: #fff;\r
 277 }\r
 278 \r
 279 \r
 280 .nav.navbar-nav > li:hover > ul.sub-menu{\r
 281   display: block;\r
 282   -webkit-animation: fadeInUp 400ms;\r
 283   -moz-animation: fadeInUp 400ms;\r
 284   -ms-animation: fadeInUp 400ms;\r
 285   -o-animation: fadeInUp 400ms;\r
 286   animation: fadeInUp 400ms;\r
 287 }\r
 288 \r
 289 ul.sub-menu {\r
 290         position: absolute;\r
 291         top: 30px;\r
 292         left: 0;\r
 293         background: rgba(0, 0, 0, 0.6);\r
 294         list-style: none;\r
 295         padding: 0;\r
 296         margin: 0;\r
 297         width: 220px;\r
 298         -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);\r
 299         box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);\r
 300         display: none;\r
 301         z-index: 999;\r
 302 }\r
 303 \r
 304 .dropdown ul.sub-menu li .active{\r
 305   color: #FDB45E;\r
 306   padding-left: 0;\r
 307 }\r
 308 \r
 309 \r
 310 .navbar-nav li ul.sub-menu li{\r
 311   padding: 10px 20px 0 ;\r
 312 }\r
 313 \r
 314 .navbar-nav li ul.sub-menu li:last-child{\r
 315   padding-bottom: 20px;\r
 316 }\r
 317 \r
 318 .navbar-nav li ul.sub-menu li a{\r
 319   color: #fff;\r
 320 }\r
 321 \r
 322 .navbar-nav li ul.sub-menu li a:hover{\r
 323     color: #FDB45E;\r
 324 }\r
 325 \r
 326 .fa-angle-down{\r
 327   padding-left: 5px; \r
 328 }\r
 329 \r
 330 @-webkit-keyframes fadeInUp {\r
 331   0% {\r
 332     opacity: 0;\r
 333     -webkit-transform: translateY(20px);\r
 334     transform: translateY(20px);\r
 335   }\r
 336 \r
 337   100% {\r
 338     opacity: 1;\r
 339     -webkit-transform: translateY(0);\r
 340     transform: translateY(0);\r
 341   }\r
 342 }\r
 343   \r
 344 /*************************\r
 345 *******Footer CSS******\r
 346 **************************/\r
 347 \r
 348 #footer {\r
 349   background: #F0F0E9;\r
 350 }\r
 351 \r
 352 \r
 353 .footer-top .container {\r
 354   border-bottom: 1px solid #E0E0DA;\r
 355   padding-bottom: 20px;\r
 356 }\r
 357 \r
 358 .companyinfo {\r
 359   margin-top: 57px;\r
 360 }\r
 361 \r
 362 .companyinfo h2 {\r
 363   color: #B4B1AB;\r
 364   font-family: abel;\r
 365   font-size: 27px;\r
 366   text-transform: uppercase;\r
 367 }\r
 368 \r
 369 .companyinfo h2  span{\r
 370   color:#FE980F;\r
 371 }\r
 372 \r
 373 .companyinfo p {\r
 374   color: #B3B3AD;\r
 375   font-family: 'Roboto', sans-serif;\r
 376   font-size: 12px;\r
 377   font-weight: 300;\r
 378 }\r
 379 \r
 380 .footer-top .col-sm-3{\r
 381   overflow: hidden;\r
 382 }\r
 383 \r
 384 .video-gallery {\r
 385   margin-top: 57px;\r
 386   position: inherit;\r
 387 }\r
 388 \r
 389 .video-gallery a img {\r
 390   height: 100%;\r
 391   width: 100%;\r
 392 }\r
 393 \r
 394 .iframe-img {\r
 395   position: relative;\r
 396   display: block;\r
 397   height: 61px;\r
 398   margin-bottom: 10px;\r
 399   border: 2px solid #CCCCC6;\r
 400   border-radius: 3px;\r
 401 }\r
 402 \r
 403 .overlay-icon {\r
 404   position: absolute;\r
 405   top: 0;\r
 406   width: 100%;\r
 407   height: 61px;\r
 408   background: #FE980F;\r
 409   border-radius: 3px;\r
 410   color: #FFF;\r
 411   font-size: 20px;\r
 412   line-height: 0;\r
 413   display: block;\r
 414   opacity: 0;\r
 415    -webkit-transition: 300ms;\r
 416   -moz-transition: 300ms;\r
 417     -o-transition: 300ms;\r
 418     transition: 300ms;\r
 419 }\r
 420 \r
 421 .overlay-icon i {\r
 422   position: relative;\r
 423   top: 50%;\r
 424   margin-top: -20px;\r
 425 }\r
 426 \r
 427 .video-gallery a:hover .overlay-icon{\r
 428   opacity: 1;\r
 429 }\r
 430 \r
 431 .video-gallery p {\r
 432   color: #8C8C88;\r
 433   font-family: 'Roboto', sans-serif;\r
 434   font-size: 12px;\r
 435   font-weight: 500;\r
 436   margin-bottom:0px;\r
 437 }\r
 438 \r
 439 .video-gallery  h2 {\r
 440   color: #8c8c88;\r
 441   font-family: 'Roboto', sans-serif;\r
 442   font-size: 12px;\r
 443   font-weight: 300;\r
 444   text-transform:uppercase;\r
 445   margin-top:0px;\r
 446 }\r
 447 \r
 448 \r
 449 .address {\r
 450   margin-top: 30px;\r
 451   position: relative;\r
 452   overflow: hidden;\r
 453 }\r
 454 .address  img {\r
 455         width:100%;\r
 456 }\r
 457 \r
 458 .address p {\r
 459   color: #666663;\r
 460   font-family: 'Roboto', sans-serif;\r
 461   font-size: 14px;\r
 462   font-weight: 300;\r
 463   left: 25px;\r
 464   position: absolute;\r
 465   top: 50px;\r
 466 }\r
 467 \r
 468 .footer-widget {\r
 469   margin-bottom: 68px;\r
 470 }\r
 471 \r
 472 .footer-widget .container {\r
 473   border-top: 1px solid #FFFFFF;\r
 474   padding-top: 15px;\r
 475 }\r
 476 \r
 477 .single-widget h2 {\r
 478   color: #666663;\r
 479   font-family: 'Roboto', sans-serif;\r
 480   font-size: 16px;\r
 481   font-weight: 500;\r
 482   margin-bottom: 22px;\r
 483   text-transform: uppercase;\r
 484 }\r
 485 \r
 486 .single-widget h2 i{\r
 487         margin-right:15px;\r
 488 }\r
 489 \r
 490 .single-widget ul li a{\r
 491         color: #8C8C88;\r
 492         font-family: 'Roboto', sans-serif;\r
 493         font-size: 14px;\r
 494         font-weight: 300;\r
 495         padding: 5px 0;\r
 496 }\r
 497 \r
 498 .single-widget ul li a i {\r
 499   margin-right: 18px;\r
 500 }\r
 501 \r
 502 .single-widget ul li a:hover{\r
 503         background:none;\r
 504         color:#FE980F;\r
 505 }\r
 506 \r
 507 \r
 508 .searchform input {\r
 509   border: 1px solid #DDDDDD;\r
 510   color: #CCCCC6;\r
 511   font-family: 'Roboto', sans-serif;\r
 512   font-size: 14px;\r
 513   margin-top: 0;\r
 514   outline: medium none;\r
 515   padding: 7px;\r
 516   width: 212px;\r
 517 }\r
 518 \r
 519 \r
 520 .searchform button {\r
 521   background: #FE980F;\r
 522   border: medium none;\r
 523   border-radius: 0;\r
 524   margin-left: -5px;\r
 525   margin-top: -3px;\r
 526   padding: 7px 17px;\r
 527 }\r
 528 \r
 529 .searchform button i {\r
 530   color: #FFFFFF;\r
 531   font-size: 20px;\r
 532 }\r
 533 \r
 534 .searchform  button:hover, \r
 535 .searchform  button:focus{\r
 536         background-color:#FE980F;\r
 537 }\r
 538 \r
 539 .searchform p {\r
 540   color: #8C8C88;\r
 541   font-family: 'Roboto', sans-serif;\r
 542   font-size: 14px;\r
 543   font-weight: 300;\r
 544   margin-top: 25px;\r
 545 }\r
 546 \r
 547 .footer-bottom {\r
 548   background: #D6D6D0;\r
 549   padding-top: 10px;\r
 550 }\r
 551 \r
 552 .footer-bottom p {\r
 553   color: #363432;\r
 554   font-family: 'Roboto', sans-serif;\r
 555   font-weight: 300;\r
 556   margin-left: 15px;\r
 557 }\r
 558 \r
 559 .footer-bottom p span a {\r
 560   color: #FE980F;\r
 561   font-style: italic;\r
 562   text-decoration: underline;\r
 563 }\r
 564 \r
 565 \r
 566 /*************************\r
 567 ******* Home ******\r
 568 **************************/\r
 569 \r
 570 \r
 571 #slider {\r
 572   padding-bottom: 45px;\r
 573 }\r
 574 \r
 575 .carousel-indicators li {\r
 576   background: #C4C4BE;\r
 577 }\r
 578 \r
 579 .carousel-indicators li.active {\r
 580           background: #FE980F;\r
 581 }\r
 582 \r
 583 .item {\r
 584   padding-left: 100px;\r
 585 }\r
 586 \r
 587 \r
 588 .pricing {\r
 589   position: absolute;\r
 590   right: 40%;\r
 591   top: 52%;\r
 592 }\r
 593 \r
 594 .girl {\r
 595   margin-left: 0;\r
 596 }\r
 597 \r
 598 .item h1 {\r
 599   color: #B4B1AB;\r
 600   font-family: abel;\r
 601   font-size: 48px;\r
 602   margin-top: 115px;\r
 603 }\r
 604 \r
 605 .item h1 span {\r
 606         color:#FE980F;\r
 607 }\r
 608 \r
 609 .item h2 {\r
 610   color: #363432;\r
 611   font-family: 'Roboto', sans-serif;\r
 612   font-size: 28px;\r
 613   font-weight: 700;\r
 614   margin-bottom: 22px;\r
 615   margin-top: 10px;\r
 616 }\r
 617 \r
 618 .item  p {\r
 619         color:#363432;\r
 620         font-size:16px;\r
 621         font-weight:300;\r
 622         font-family: 'Roboto', sans-serif;\r
 623 }\r
 624 \r
 625 .get {\r
 626   background: #FE980F;\r
 627   border: 0 none;\r
 628   border-radius: 0;\r
 629   color: #FFFFFF;\r
 630   font-family: 'Roboto', sans-serif;\r
 631   font-size: 16px;\r
 632   font-weight: 300;\r
 633   margin-top: 23px;\r
 634 }\r
 635 \r
 636 \r
 637 .item button:hover {\r
 638   background: #FE980F;\r
 639 }\r
 640 \r
 641 .control-carousel {\r
 642   position: absolute;\r
 643   top: 50%;\r
 644   font-size: 60px;\r
 645   color: #C2C2C1;\r
 646 }\r
 647 \r
 648 .control-carousel:hover{\r
 649   color: #FE980F ;\r
 650 }\r
 651 \r
 652 .right {\r
 653   right: 0;\r
 654 }\r
 655 \r
 656 .category-products {\r
 657   border: 1px solid #F7F7F0;\r
 658   margin-bottom: 35px;\r
 659   padding-bottom: 20px;\r
 660   padding-top: 15px;\r
 661 }\r
 662 .left-sidebar h2, .brands_products h2 {\r
 663   color: #FE980F;\r
 664   font-family: 'Roboto', sans-serif;\r
 665   font-size: 18px;\r
 666   font-weight: 700;\r
 667   margin: 0 auto 30px;\r
 668   text-align: center;\r
 669   text-transform: uppercase;\r
 670   position: relative;\r
 671   z-index:3;\r
 672 }\r
 673 \r
 674 .left-sidebar h2:after, h2.title:after{\r
 675         content: " ";\r
 676         position: absolute;\r
 677         border: 1px solid #f5f5f5;\r
 678         bottom:8px;\r
 679         left: 0;\r
 680         width: 100%;\r
 681         height: 0;\r
 682         z-index: -2;\r
 683 }\r
 684 \r
 685 .left-sidebar h2:before{\r
 686         content: " ";\r
 687         position: absolute;\r
 688         background: #fff;\r
 689         bottom: -6px;\r
 690         width: 130px;\r
 691         height: 30px;\r
 692         z-index: -1;\r
 693         left: 50%;\r
 694         margin-left: -65px;\r
 695 }\r
 696 \r
 697 h2.title:before{\r
 698         content: " ";\r
 699         position: absolute;\r
 700         background: #fff;\r
 701         bottom: -6px;\r
 702         width: 220px;\r
 703         height: 30px;\r
 704         z-index: -1;\r
 705         left: 50%;\r
 706         margin-left: -110px;\r
 707 }\r
 708 \r
 709 .category-products .panel {\r
 710         background-color: #FFFFFF;\r
 711         border: 0px;\r
 712         border-radius: 0px;\r
 713         box-shadow:none;\r
 714         margin-bottom: 0px;\r
 715 }\r
 716 \r
 717 .category-products .panel-default .panel-heading {\r
 718   background-color: #FFFFFF;\r
 719   border: 0 none;\r
 720   color: #FFFFFF;\r
 721   padding: 5px 20px;\r
 722 }\r
 723 \r
 724 .category-products .panel-default .panel-heading .panel-title a {\r
 725   color: #696763;\r
 726   font-family: 'Roboto', sans-serif;\r
 727   font-size: 14px;\r
 728   text-decoration: none;\r
 729   text-transform: uppercase;\r
 730 }\r
 731 \r
 732 .panel-group .panel-heading + .panel-collapse .panel-body {\r
 733   border-top: 0 none;\r
 734 }\r
 735 \r
 736 .category-products .badge {\r
 737   background:none;\r
 738   border-radius: 10px;\r
 739   color: #696763;\r
 740   display: inline-block;\r
 741   font-size: 12px;\r
 742   font-weight: bold;\r
 743   line-height: 1;\r
 744   min-width: 10px;\r
 745   padding: 3px 7px;\r
 746   text-align: center;\r
 747   vertical-align: baseline;\r
 748   white-space: nowrap;\r
 749 }\r
 750 \r
 751 .panel-body ul{\r
 752   padding-left: 20px;\r
 753 }\r
 754 \r
 755 \r
 756 .panel-body ul li a {\r
 757   color: #696763;\r
 758   font-family: 'Roboto', sans-serif;\r
 759   font-size: 12px;\r
 760   text-transform: uppercase;\r
 761 }\r
 762 \r
 763 .brands-name {\r
 764   border: 1px solid #F7F7F0;\r
 765   padding-bottom: 20px;\r
 766   padding-top: 15px;\r
 767 }\r
 768 \r
 769 \r
 770 .brands-name .nav-stacked li a {\r
 771   background-color: #FFFFFF;\r
 772   color: #696763;\r
 773   font-family: 'Roboto', sans-serif;\r
 774   font-size: 14px;\r
 775   padding: 5px 25px;\r
 776   text-decoration: none;\r
 777   text-transform: uppercase;\r
 778 }\r
 779 \r
 780 .brands-name .nav-stacked li a:hover{\r
 781   background-color: #fff;\r
 782   color: #696763;\r
 783 }\r
 784 \r
 785 .shipping {\r
 786   background-color: #F2F2F2;\r
 787   margin-top: 40px;\r
 788   overflow: hidden;\r
 789   padding-top: 20px;\r
 790   position: relative;\r
 791 }\r
 792 \r
 793 \r
 794 .price-range{\r
 795   margin-top:30px;\r
 796 }\r
 797 \r
 798 .well {\r
 799   background-color: #FFFFFF;\r
 800   border: 1px solid #F7F7F0;\r
 801   border-radius: 4px;\r
 802   box-shadow: none;\r
 803   margin-bottom: 20px;\r
 804   min-height: 20px;\r
 805   padding: 35px;\r
 806 }\r
 807 \r
 808 \r
 809 .tooltip-inner {\r
 810   background-color: #FE980F;\r
 811   border-radius: 4px;\r
 812   color: #FFFFFF;\r
 813   max-width: 200px;\r
 814   padding: 3px 8px;\r
 815   text-align: center;\r
 816   text-decoration: none;\r
 817 }\r
 818 \r
 819 .tooltip.top .tooltip-arrow {\r
 820   border-top-color: #FE980F;\r
 821   border-width: 5px 5px 0;\r
 822   bottom: 0;\r
 823   left: 50%;\r
 824   margin-left: -5px;\r
 825 }\r
 826 \r
 827 \r
 828 .padding-right {\r
 829   padding-right: 0;\r
 830 }\r
 831 \r
 832 .features_items{\r
 833         overflow:hidden;\r
 834 }\r
 835 \r
 836 \r
 837 h2.title {\r
 838   color: #FE980F;\r
 839   font-family: 'Roboto', sans-serif;\r
 840   font-size: 18px;\r
 841   font-weight: 700;\r
 842   margin: 0 15px;\r
 843   text-transform: uppercase;\r
 844   margin-bottom: 30px;\r
 845   position: relative;\r
 846 }\r
 847 \r
 848 .product-image-wrapper{\r
 849         border:1px solid #F7F7F5;\r
 850         overflow: hidden;\r
 851         margin-bottom:30px;\r
 852 }\r
 853 \r
 854 .single-products {\r
 855   position: relative;\r
 856 }\r
 857 \r
 858 .new, .sale {\r
 859   position: absolute;\r
 860   top: 0;\r
 861   right: 0;\r
 862 }\r
 863 \r
 864 .productinfo h2{\r
 865         color: #FE980F;\r
 866         font-family: 'Roboto', sans-serif;\r
 867         font-size: 24px;\r
 868         font-weight: 700;\r
 869 }\r
 870 .product-overlay h2{\r
 871         color: #fff;\r
 872         font-family: 'Roboto', sans-serif;\r
 873         font-size: 24px;\r
 874         font-weight: 700;\r
 875 }\r
 876 \r
 877 \r
 878 .productinfo p{\r
 879   font-family: 'Roboto', sans-serif;\r
 880   font-size: 14px;\r
 881   font-weight: 400;\r
 882   color: #696763;\r
 883 }\r
 884 \r
 885 .productinfo img{\r
 886   width: 100%;\r
 887 }\r
 888 \r
 889 .productinfo{\r
 890  position:relative;\r
 891 }\r
 892 \r
 893 .product-overlay {\r
 894   background:#FE980F;\r
 895   top: 0;\r
 896   display: none;\r
 897   height: 0;\r
 898   position: absolute;\r
 899   transition: height 500ms ease 0s;\r
 900   width: 100%;\r
 901   display: block;\r
 902   opacity:;\r
 903 }\r
 904 \r
 905 .single-products:hover .product-overlay {\r
 906   display:block;\r
 907   height:100%;\r
 908 }\r
 909 \r
 910 \r
 911 .product-overlay .overlay-content {\r
 912   bottom: 0;\r
 913   position: absolute;\r
 914   bottom: 0;\r
 915   text-align: center;\r
 916   width: 100%;\r
 917 }\r
 918 \r
 919 .product-overlay .add-to-cart {\r
 920   background:#fff;\r
 921   border: 0 none;\r
 922   border-radius: 0;\r
 923   color: #FE980F;\r
 924   font-family: 'Roboto', sans-serif;\r
 925   font-size: 15px;\r
 926   margin-bottom: 25px;\r
 927 }\r
 928 \r
 929 .product-overlay .add-to-cart:hover {\r
 930   background:#fff;\r
 931   color: #FE980F;\r
 932 }\r
 933 \r
 934 \r
 935 .product-overlay p{\r
 936   font-family: 'Roboto', sans-serif;\r
 937   font-size: 14px;\r
 938   font-weight: 400;\r
 939   color: #fff;\r
 940 }\r
 941 \r
 942 \r
 943 \r
 944 .add-to-cart {\r
 945   background:#F5F5ED;\r
 946   border: 0 none;\r
 947   border-radius: 0;\r
 948   color: #696763;\r
 949   font-family: 'Roboto', sans-serif;\r
 950   font-size: 15px;\r
 951   margin-bottom: 25px;\r
 952 }\r
 953 \r
 954 .add-to-cart:hover {\r
 955   background: #FE980F;\r
 956   border: 0 none;\r
 957   border-radius: 0;\r
 958   color: #FFFFFF;\r
 959 }\r
 960 \r
 961 .add-to{\r
 962   margin-bottom: 10px;\r
 963 }\r
 964 \r
 965 .add-to-cart i{\r
 966         margin-right:5px;\r
 967 }\r
 968 \r
 969 .add-to-cart:hover {\r
 970   background: #FE980F;\r
 971   color: #FFFFFF;\r
 972 }\r
 973 \r
 974 .choose {\r
 975   border-top: 1px solid #F7F7F0;\r
 976 }\r
 977 \r
 978 .choose ul li a {\r
 979   color: #B3AFA8;\r
 980   font-family: 'Roboto', sans-serif;\r
 981   font-size: 13px;\r
 982   padding-left: 0;\r
 983   padding-right: 0;\r
 984 }\r
 985 \r
 986 .choose ul li a i{\r
 987         margin-right:5px;\r
 988 }\r
 989 \r
 990 .choose ul li a:hover{\r
 991         background:none;\r
 992         color:#FE980F;\r
 993 }\r
 994 \r
 995 .category-tab {\r
 996   overflow: hidden;\r
 997 }\r
 998 \r
 999 .category-tab ul {\r
1000   background: #40403E;\r
1001   border-bottom: 1px solid #FE980F;\r
1002   list-style: none outside none;\r
1003   margin: 0 0 30px;\r
1004   padding: 0;\r
1005   width: 100%;\r
1006 }\r
1007 \r
1008 .category-tab ul li a {\r
1009   border: 0 none;\r
1010   border-radius: 0;\r
1011   color: #B3AFA8;\r
1012   display: block;\r
1013   font-family: 'Roboto', sans-serif;\r
1014   font-size: 14px;\r
1015   text-transform: uppercase;\r
1016 }\r
1017 \r
1018 .category-tab ul  li  a:hover{\r
1019         background:#FE980F;\r
1020         color:#fff;\r
1021 }\r
1022 \r
1023 .nav-tabs  li.active  a, .nav-tabs  li.active  a:hover, .nav-tabs  li.active  a:focus {\r
1024   -moz-border-bottom-colors: none;\r
1025   -moz-border-left-colors: none;\r
1026   -moz-border-right-colors: none;\r
1027   -moz-border-top-colors: none;\r
1028   background-color: #FE980F;\r
1029   border:0px;\r
1030   color: #FFFFFF;\r
1031   cursor: default;\r
1032   margin-right:0;\r
1033   margin-left:0;\r
1034 }\r
1035 \r
1036 .nav-tabs  li  a {\r
1037   border: 1px solid rgba(0, 0, 0, 0);\r
1038   border-radius: 4px 4px 0 0;\r
1039   line-height: 1.42857;\r
1040   margin-right:0;\r
1041 }\r
1042 \r
1043 .recommended_items {\r
1044   overflow: hidden;\r
1045 }\r
1046 \r
1047 #recommended-item-carousel .carousel-inner .item {\r
1048   padding-left: 0;\r
1049 }\r
1050 \r
1051 .recommended-item-control {\r
1052   position: absolute;\r
1053   top: 41%;\r
1054 }\r
1055 \r
1056 .recommended-item-control i {\r
1057   background: none repeat scroll 0 0 #FE980F;\r
1058   color: #FFFFFF;\r
1059   font-size: 20px;\r
1060   padding: 4px 10px;\r
1061 }\r
1062 \r
1063 .recommended-item-control i:hover {\r
1064   background: #ccccc6;\r
1065 }\r
1066 \r
1067 .recommended_items  h2 {\r
1068 }\r
1069 \r
1070 .our_partners{\r
1071   overflow:hidden;\r
1072 }\r
1073 \r
1074 .our_partners ul {\r
1075   background: #F7F7F0;\r
1076   margin-bottom: 50px;\r
1077 }\r
1078 \r
1079 \r
1080 .our_partners ul li a:hover{\r
1081         background:none;\r
1082 }\r
1083 \r
1084 /*************************\r
1085 *******Shop CSS******\r
1086 **************************/\r
1087 \r
1088 \r
1089 #advertisement {\r
1090   padding-bottom: 45px;\r
1091 }\r
1092 \r
1093 #advertisement img {\r
1094   width: 100%;\r
1095 }\r
1096 \r
1097 .pagination {\r
1098   display: inline-block;\r
1099   margin-bottom: 25px;\r
1100   margin-top: 0;\r
1101   padding-left: 15px;\r
1102 }\r
1103 \r
1104 .pagination  li:first-child  a, .pagination  li:first-child  span {\r
1105   border-bottom-left-radius: 0;\r
1106   border-top-left-radius: 0;\r
1107   margin-left: 0;\r
1108 }\r
1109 \r
1110 .pagination  li:last-child  a, .pagination  li:last-child  span {\r
1111   border-bottom-right-radius: 0;\r
1112   border-top-right-radius: 0;\r
1113 }\r
1114 \r
1115 .pagination  .active  a, .pagination  .active  span, .pagination  .active  a:hover, .pagination  .active  span:hover, .pagination  .active  a:focus, .pagination  .active  span:focus {\r
1116   background-color: #FE980F;\r
1117   border-color: #FE980F;\r
1118   color: #FFFFFF;\r
1119   cursor: default;\r
1120   z-index: 2;\r
1121 }\r
1122 \r
1123 .pagination  li  a, .pagination  li  span {\r
1124   background-color: #f0f0e9;\r
1125   border: 0;\r
1126   float: left;\r
1127   line-height: 1.42857;\r
1128   margin-left: -1px;\r
1129   padding: 6px 12px;\r
1130   position: relative;\r
1131   text-decoration: none;\r
1132   margin-right: 5px;\r
1133   color:#000;\r
1134 }\r
1135 \r
1136 .pagination  li  a:hover{\r
1137         background:#FE980F;\r
1138         color:#fff;\r
1139 }\r
1140 \r
1141 \r
1142 \r
1143 /*************************\r
1144 *******Product Details CSS******\r
1145 **************************/\r
1146 \r
1147 .product-details{\r
1148         overflow:hidden;\r
1149 }\r
1150 \r
1151 \r
1152 #similar-product {\r
1153   margin-top: 40px;\r
1154 }\r
1155 \r
1156 \r
1157 #reviews {\r
1158   padding-left: 25px;\r
1159   padding-right: 25px;\r
1160 }\r
1161 \r
1162 .product-details {\r
1163   margin-bottom: 40px;\r
1164   overflow: hidden;\r
1165   margin-top: 10px;\r
1166 }\r
1167 \r
1168 \r
1169 \r
1170 .view-product {\r
1171   position: relative;\r
1172 }\r
1173 \r
1174 .view-product img {\r
1175   border: 1px solid #F7F7F0;\r
1176   height: 380px;\r
1177   width: 100%;\r
1178 }\r
1179 \r
1180 .view-product h3 {\r
1181   background: #FE980F;\r
1182   bottom: 0;\r
1183   color: #FFFFFF;\r
1184   font-family: 'Roboto', sans-serif;\r
1185   font-size: 14px;\r
1186   font-weight: 700;\r
1187   margin-bottom: 0;\r
1188   padding: 8px 20px;\r
1189   position: absolute;\r
1190   right: 0;\r
1191 }\r
1192 \r
1193 #similar-product .carousel-inner .item{\r
1194         padding-left:0px;\r
1195 }\r
1196 \r
1197 #similar-product .carousel-inner .item img {\r
1198   display: inline-block;\r
1199   margin-left: 15px;\r
1200 }\r
1201 \r
1202 .item-control {\r
1203   position: absolute;\r
1204   top: 35%;\r
1205 }\r
1206 .item-control i {\r
1207   background: #FE980F;\r
1208   color: #FFFFFF;\r
1209   font-size: 20px;\r
1210   padding: 5px 10px;\r
1211 }\r
1212 \r
1213 .item-control i:hover{\r
1214         background:#ccccc6;\r
1215 }\r
1216 \r
1217 .product-information {\r
1218   border: 1px solid #F7F7F0;\r
1219   overflow: hidden;\r
1220   padding-bottom: 60px;\r
1221   padding-left: 60px;\r
1222   padding-top: 60px;\r
1223   position: relative;\r
1224 }\r
1225 \r
1226 .newarrival{\r
1227         position:absolute;\r
1228         top:0;\r
1229         left:0\r
1230 }\r
1231 \r
1232 .product-information h2 {\r
1233   color: #363432;\r
1234   font-family: 'Roboto', sans-serif;\r
1235   font-size: 20px;\r
1236   margin-top: 0;\r
1237 }\r
1238 \r
1239 .product-information p {\r
1240   color: #696763;\r
1241   font-family: 'Roboto', sans-serif;\r
1242   margin-bottom: 5px;\r
1243 }\r
1244 \r
1245 .product-information span {\r
1246   display: inline-block;\r
1247   margin-bottom: 8px;\r
1248   margin-top: 18px;\r
1249 }\r
1250 \r
1251 .product-information span span {\r
1252   color: #FE980F;\r
1253   float: left;\r
1254   font-family: 'Roboto', sans-serif;\r
1255   font-size: 30px;\r
1256   font-weight: 700;\r
1257   margin-right: 20px;\r
1258   margin-top: 0px;\r
1259 }\r
1260 .product-information span input {\r
1261   border: 1px solid #DEDEDC;\r
1262   color: #696763;\r
1263   font-family: 'Roboto', sans-serif;\r
1264   font-size: 20px;\r
1265   font-weight: 700;\r
1266   height: 33px;\r
1267   outline: medium none;\r
1268   text-align: center;\r
1269   width: 50px;\r
1270 }\r
1271 \r
1272 .product-information span label {\r
1273   color: #696763;\r
1274   font-family: 'Roboto', sans-serif;\r
1275   font-weight: 700;\r
1276   margin-right: 5px;\r
1277 }\r
1278 \r
1279 .share {\r
1280   margin-top: 15px;\r
1281 }\r
1282 \r
1283 \r
1284 .cart {\r
1285   background: #FE980F;\r
1286   border: 0 none;\r
1287   border-radius: 0;\r
1288   color: #FFFFFF;\r
1289   font-family: 'Roboto', sans-serif;\r
1290   font-size: 15px;\r
1291   margin-bottom: 10px;\r
1292   margin-left: 20px;\r
1293 }\r
1294 \r
1295 \r
1296 .shop-details-tab {\r
1297   border: 1px solid #F7F7F0;\r
1298   margin-bottom: 75px;\r
1299   margin-left: 15px;\r
1300   margin-right: 15px;\r
1301   padding-bottom: 10px;\r
1302 }\r
1303 .shop-details-tab .col-sm-12 {\r
1304         padding-left: 0;\r
1305         padding-right: 0;\r
1306 }\r
1307 \r
1308 \r
1309 #reviews ul {\r
1310   background: #FFFFFF;\r
1311   border: 0 none;\r
1312   list-style: none outside none;\r
1313   margin: 0 0 20px;\r
1314   padding: 0;\r
1315 }\r
1316 \r
1317 #reviews  ul  li {\r
1318         display:inline-block;\r
1319 }\r
1320 \r
1321 #reviews ul li a {\r
1322   color: #696763;\r
1323   display: block;\r
1324   font-family: 'Roboto', sans-serif;\r
1325   font-size: 14px;\r
1326   padding-right: 15px;\r
1327 }\r
1328 \r
1329 #reviews ul li a i{\r
1330         color:#FE980F;\r
1331         padding-right:8px;\r
1332 }\r
1333 \r
1334 #reviews ul li a:hover{\r
1335         background:#fff;\r
1336         color:#FE980F;\r
1337 }\r
1338 \r
1339 #reviews p{\r
1340         color:#363432;\r
1341 }\r
1342 \r
1343 #reviews  form span {\r
1344   display: block;\r
1345 }\r
1346 \r
1347 #reviews form span input {\r
1348   background:#F0F0E9;\r
1349   border: 0 none;\r
1350   color: #A6A6A1;\r
1351   font-family: 'Roboto', sans-serif;\r
1352   font-size: 14px;\r
1353   outline: medium none;\r
1354   padding: 8px;\r
1355   width: 48%;\r
1356 }\r
1357 #reviews form span input:last-child {\r
1358   margin-left: 3%;\r
1359 }\r
1360 \r
1361 #reviews textarea {\r
1362   background: #F0F0E9;\r
1363   border: medium none;\r
1364   color: #A6A6A1;\r
1365   height: 195px;\r
1366   margin-bottom: 25px;\r
1367   margin-top: 15px;\r
1368   outline: medium none;\r
1369   padding-left: 10px;\r
1370   padding-top: 15px;\r
1371   resize: none;\r
1372   width: 99.5%;\r
1373 }\r
1374 \r
1375 #reviews button {\r
1376   background: #FE980F;\r
1377   border: 0 none;\r
1378   border-radius: 0;\r
1379   color: #FFFFFF;\r
1380   font-family: 'Roboto', sans-serif;\r
1381   font-size: 14px;\r
1382 }\r
1383 \r
1384 \r
1385 /*************************\r
1386 *******404 CSS******\r
1387 **************************/\r
1388 \r
1389 .logo-404 {\r
1390   margin-top: 60px;\r
1391 }\r
1392 \r
1393 .content-404 h1 {\r
1394   color: #363432;\r
1395   font-family: 'Roboto', sans-serif;\r
1396   font-size: 41px;\r
1397   font-weight: 300;\r
1398 }\r
1399 \r
1400 .content-404 img {\r
1401  margin:0 auto;\r
1402 }\r
1403 \r
1404 .content-404 p {\r
1405   color: #363432;\r
1406   font-family: 'Roboto', sans-serif;\r
1407   font-size: 18px;\r
1408 }\r
1409 \r
1410 .content-404  h2 {\r
1411   margin-top:50px;\r
1412 }\r
1413 \r
1414 .content-404 h2 a {\r
1415   background: #FE980F;\r
1416   color: #FFFFFF;\r
1417   font-family: 'Roboto', sans-serif;\r
1418   font-size: 44px;\r
1419   font-weight: 300;\r
1420   padding: 8px 40px;\r
1421 }\r
1422 \r
1423 \r
1424 /*************************\r
1425 *******login page CSS******\r
1426 **************************/\r
1427 \r
1428 #form {\r
1429   display: block;\r
1430   margin-bottom: 185px;\r
1431   margin-top: 185px;\r
1432   overflow: hidden;\r
1433 }\r
1434 \r
1435 .login-form {\r
1436 \r
1437 }\r
1438 \r
1439 .signup-form {\r
1440 \r
1441 }\r
1442 \r
1443 .login-form h2, .signup-form h2 {\r
1444   color: #696763;\r
1445   font-family: 'Roboto', sans-serif;\r
1446   font-size: 20px;\r
1447   font-weight: 300;\r
1448   margin-bottom: 30px;\r
1449 }\r
1450 \r
1451 \r
1452 .login-form form input, .signup-form form input {\r
1453   background: #F0F0E9;\r
1454   border: medium none;\r
1455   color: #696763;\r
1456   display: block;\r
1457   font-family: 'Roboto', sans-serif;\r
1458   font-size: 14px;\r
1459   font-weight: 300;\r
1460   height: 40px;\r
1461   margin-bottom: 10px;\r
1462   outline: medium none;\r
1463   padding-left: 10px;\r
1464   width: 100%;\r
1465 }\r
1466 \r
1467 .login-form form span{\r
1468   line-height: 25px;\r
1469 }\r
1470 \r
1471 .login-form form span input {\r
1472   width: 15px;\r
1473   float: left;\r
1474   height: 15px;\r
1475   margin-right: 5px;\r
1476 }\r
1477 \r
1478 .login-form form button {\r
1479   margin-top: 23px;\r
1480 }\r
1481 \r
1482 .login-form form button, .signup-form form button {\r
1483   background: #FE980F;\r
1484   border: medium none;\r
1485   border-radius: 0;\r
1486   color: #FFFFFF;\r
1487   display: block;\r
1488   font-family: 'Roboto', sans-serif;\r
1489   padding: 6px 25px;\r
1490 }\r
1491 \r
1492 .login-form label{\r
1493 \r
1494 }\r
1495 \r
1496 \r
1497 .login-form label input {\r
1498   border: medium none;\r
1499   display: inline-block;\r
1500   height: 0;\r
1501   margin-bottom: 0;\r
1502   outline: medium none;\r
1503   padding-left: 0;\r
1504 }\r
1505 \r
1506 \r
1507 .or{\r
1508         background: #FE980F;\r
1509         border-radius: 40px;\r
1510         color: #FFFFFF;\r
1511         font-family: 'Roboto', sans-serif;\r
1512         font-size: 16px;\r
1513         height: 50px;\r
1514         line-height: 50px;\r
1515         margin-top: 75px;\r
1516         text-align: center;\r
1517         width: 50px;\r
1518 }\r
1519 \r
1520 \r
1521 /*************************\r
1522 *******Cart CSS******\r
1523 **************************/\r
1524 \r
1525 #do_action {\r
1526   margin-bottom: 50px;\r
1527 }\r
1528 \r
1529 .breadcrumbs {\r
1530   position: relative;\r
1531 }\r
1532 \r
1533 .breadcrumbs .breadcrumb {\r
1534   background:transparent;\r
1535   margin-bottom: 75px;\r
1536   padding-left: 0;\r
1537 }\r
1538 \r
1539 .breadcrumbs .breadcrumb li a {\r
1540   background:#FE980F;\r
1541   color: #FFFFFF;\r
1542   padding: 3px 7px;\r
1543 }\r
1544 \r
1545 .breadcrumbs .breadcrumb li a:after {\r
1546   content:"";\r
1547   height:auto;\r
1548   width: auto;\r
1549   border-width: 8px;\r
1550   border-style: solid;\r
1551   border-color:transparent transparent transparent #FE980F;\r
1552   position: absolute;\r
1553   top: 11px;\r
1554   left:48px;\r
1555 \r
1556 }\r
1557 \r
1558 .breadcrumbs .breadcrumb > li + li:before {\r
1559   content: " ";\r
1560 }\r
1561 \r
1562 #cart_items .cart_info {\r
1563   border: 1px solid #E6E4DF;\r
1564   margin-bottom: 50px\r
1565 }\r
1566 \r
1567 \r
1568 #cart_items .cart_info .cart_menu {\r
1569   background: #FE980F;\r
1570   color: #fff;\r
1571   font-size: 16px;\r
1572   font-family: 'Roboto', sans-serif;\r
1573   font-weight: normal;\r
1574 }\r
1575 \r
1576 #cart_items .cart_info .table.table-condensed thead tr {\r
1577   height: 51px;\r
1578 }\r
1579 \r
1580 \r
1581 #cart_items .cart_info .table.table-condensed tr {\r
1582   border-bottom: 1px solid#F7F7F0\r
1583 }\r
1584 \r
1585 #cart_items .cart_info .table.table-condensed tr:last-child {\r
1586   border-bottom: 0\r
1587 }\r
1588 \r
1589 .cart_info table tr td {\r
1590   border-top: 0 none;\r
1591   vertical-align: inherit;\r
1592 }\r
1593 \r
1594 \r
1595 #cart_items .cart_info .image {\r
1596   padding-left: 30px;\r
1597 }\r
1598 \r
1599 \r
1600 #cart_items .cart_info .cart_description h4 {\r
1601   margin-bottom: 0\r
1602 }\r
1603 \r
1604 #cart_items .cart_info .cart_description h4 a {\r
1605   color: #363432;\r
1606   font-family: 'Roboto',sans-serif;\r
1607   font-size: 20px;\r
1608   font-weight: normal;\r
1609 \r
1610 }\r
1611 \r
1612 #cart_items .cart_info .cart_description p {\r
1613   color:#696763\r
1614 }\r
1615 \r
1616 \r
1617 #cart_items .cart_info .cart_price p {\r
1618   color:#696763;\r
1619   font-size: 18px\r
1620 }\r
1621 \r
1622 \r
1623 #cart_items .cart_info .cart_total_price {\r
1624   color: #FE980F;\r
1625   font-size: 24px;\r
1626 }\r
1627 \r
1628 .cart_product {\r
1629   display: block;\r
1630   margin: 15px -70px 10px 25px;\r
1631 }\r
1632 \r
1633 .cart_quantity_button a {\r
1634   background:#F0F0E9;\r
1635   color: #696763;\r
1636   display: inline-block;\r
1637   font-size: 16px;\r
1638   height: 28px;\r
1639   overflow: hidden;\r
1640   text-align: center;\r
1641   width: 35px;\r
1642   float: left;\r
1643 }\r
1644 \r
1645 \r
1646 .cart_quantity_input {\r
1647   color: #696763;\r
1648   float: left;\r
1649   font-size: 16px;\r
1650   text-align: center;\r
1651   font-family: 'Roboto',sans-serif;\r
1652   \r
1653 }\r
1654 \r
1655 \r
1656 .cart_delete  {\r
1657   display: block;\r
1658   margin-right: -12px;\r
1659   overflow: hidden;\r
1660 }\r
1661 \r
1662 \r
1663 .cart_delete a {\r
1664   background:#F0F0E9;\r
1665   color: #FFFFFF;\r
1666   padding: 5px 7px;\r
1667   font-size: 16px\r
1668 }\r
1669 \r
1670 .cart_delete a:hover {\r
1671   background:#FE980F\r
1672 }\r
1673 \r
1674 \r
1675 .bg h2.title {\r
1676   margin-right:0;\r
1677   margin-left:0;\r
1678   margin-top: 0;\r
1679 }\r
1680 \r
1681 .heading h3 {\r
1682   color: #363432;\r
1683   font-size: 20px;\r
1684   font-family: 'Roboto', sans-serif;\r
1685 }\r
1686 \r
1687 .heading p {\r
1688   color: #434343;\r
1689   font-size: 16px;\r
1690   font-weight: 300;\r
1691 }\r
1692 \r
1693 \r
1694 #do_action .total_area {\r
1695   padding-bottom: 18px !important;\r
1696 }\r
1697 \r
1698 #do_action .total_area, #do_action .chose_area {\r
1699   border: 1px solid #E6E4DF;\r
1700   color: #696763;\r
1701   padding: 30px 25px 30px 0;\r
1702   margin-bottom: 80px;\r
1703 }\r
1704 \r
1705 .total_area span {\r
1706   float: right;\r
1707 }\r
1708 \r
1709 .total_area ul li {\r
1710   background:#E6E4DF;\r
1711   color: #696763;\r
1712   margin-top: 10px;\r
1713   padding: 7px 20px;\r
1714 }\r
1715 \r
1716 \r
1717 .user_option label {\r
1718   color: #696763;\r
1719   font-weight: normal;\r
1720   margin-left: 10px;\r
1721 }\r
1722 \r
1723 \r
1724 .user_info {\r
1725   display: block;\r
1726   margin-bottom: 15px;\r
1727   margin-top: 20px;\r
1728   overflow: hidden;\r
1729 }\r
1730 \r
1731 .user_info label {\r
1732   color: #696763;\r
1733   display: block;\r
1734   font-size: 15px;\r
1735   font-weight: normal;\r
1736 \r
1737 }\r
1738 \r
1739 .user_info .single_field {\r
1740   width: 31%\r
1741 }\r
1742 \r
1743 .user_info .single_field.zip-field input {\r
1744   background: transparent;\r
1745   border: 1px solid#F0F0E9\r
1746 }\r
1747 \r
1748 .user_info > li {\r
1749   float: left;\r
1750   margin-right: 10px\r
1751 }\r
1752 \r
1753 .user_info > li > span {\r
1754 }\r
1755 \r
1756 .user_info input, select, textarea {\r
1757   background: #F0F0E9;\r
1758   border:0;\r
1759   color: #696763;\r
1760   padding: 5px;\r
1761   width: 100%;\r
1762   border-radius: 0;\r
1763   resize: none\r
1764 }\r
1765 \r
1766 .user_info select:focus {\r
1767   border: 0\r
1768 }\r
1769 \r
1770 \r
1771 .chose_area .update {\r
1772   margin-left: 40px;\r
1773 }\r
1774 \r
1775 .update, .check_out {\r
1776   background: #FE980F;\r
1777   border-radius: 0;\r
1778   color: #FFFFFF;\r
1779   margin-top: 18px;\r
1780   border: none;\r
1781   padding: 5px 15px;\r
1782 }\r
1783 .update{\r
1784     margin-left: 40px;\r
1785 }\r
1786 \r
1787 .check_out {\r
1788   margin-left: 20px\r
1789 }\r
1790 \r
1791 \r
1792 \r
1793 /*************************\r
1794 *******checkout CSS******\r
1795 **************************/\r
1796 \r
1797 .step-one {\r
1798   margin-bottom: -10px\r
1799 }\r
1800 \r
1801 .register-req, .step-one .heading {\r
1802   background: none repeat scroll 0 0 #F0F0E9;\r
1803   color: #363432;\r
1804   font-size: 20px;\r
1805   margin-bottom: 35px;\r
1806   padding: 10px 25px;\r
1807   font-family: 'Roboto', sans-serif;\r
1808 }\r
1809 \r
1810 .checkout-options {\r
1811   padding-left: 20px\r
1812 }\r
1813 \r
1814 \r
1815 .checkout-options h3 {\r
1816   color: #363432;\r
1817   font-size: 20px;\r
1818   margin-bottom: 0;\r
1819   font-weight: normal;\r
1820   font-family: 'Roboto', sans-serif;\r
1821 }\r
1822 \r
1823 .checkout-options p {\r
1824   color: #434343;\r
1825   font-weight: 300;\r
1826   margin-bottom: 25px;\r
1827 }\r
1828 \r
1829 .checkout-options .nav li {\r
1830   float: left;\r
1831   margin-right: 45px;\r
1832   color: #696763;\r
1833   font-size: 18px;\r
1834   font-family: 'Roboto', sans-serif;\r
1835   font-weight: normal;\r
1836 }\r
1837 \r
1838 .checkout-options .nav label {\r
1839   font-weight: normal;\r
1840 }\r
1841 \r
1842 .checkout-options .nav li a {\r
1843   color: #FE980F;\r
1844   font-size: 18px;\r
1845   font-weight: normal;\r
1846   padding: 0\r
1847 }\r
1848 \r
1849 .checkout-options .nav li a:hover {\r
1850   background: inherit;\r
1851 }\r
1852 \r
1853 .checkout-options .nav i {\r
1854   margin-right: 10px;\r
1855   border-radius: 50%;\r
1856   padding: 5px;\r
1857   background: #FE980F;\r
1858   color:#fff;\r
1859   font-size: 14px;\r
1860   padding: 2px 3px;\r
1861 }\r
1862 \r
1863 \r
1864 .register-req  {\r
1865   font-size: 14px;\r
1866   font-weight: 300;\r
1867   padding: 15px 20px;\r
1868   margin-top: 35px;\r
1869 \r
1870 }\r
1871 \r
1872 .register-req p {\r
1873   margin-bottom: 0\r
1874 }\r
1875 \r
1876 \r
1877 \r
1878 .shopper-info p, \r
1879 .bill-to p, \r
1880 .order-message p {\r
1881   color: #696763;\r
1882   font-size: 20px;\r
1883   font-weight: 300\r
1884 }\r
1885 \r
1886 \r
1887 .shopper-info .btn-primary {\r
1888   background: #FE980F;\r
1889   border: 0 none;\r
1890   border-radius: 0;\r
1891   margin-right: 15px;\r
1892   margin-top: 20px;\r
1893 }\r
1894 \r
1895 \r
1896 .form-two, .form-one {\r
1897   float: left;\r
1898   width: 47%\r
1899 }\r
1900 \r
1901 \r
1902 .shopper-info > form > input, \r
1903 .form-two > form > select, \r
1904 .form-two > form > input, \r
1905 .form-one > form > input {\r
1906   background:#F0F0E9;\r
1907   border: 0 none;\r
1908   margin-bottom:10px;\r
1909   padding: 10px;\r
1910   width: 100%;\r
1911   font-weight: 300\r
1912 }\r
1913 \r
1914 .form-two > form > select {\r
1915   padding:10px 5px\r
1916 }\r
1917 \r
1918 .form-two {\r
1919   margin-left: 5%\r
1920 }\r
1921 \r
1922 \r
1923 .order-message textarea {\r
1924   font-size: 12px;\r
1925   height: 335px;\r
1926   margin-bottom: 20px;\r
1927   padding: 15px 20px;\r
1928 }\r
1929 \r
1930 .order-message label {\r
1931   font-weight:300;\r
1932   color: #696763;\r
1933   font-family: 'Roboto', sans-serif;\r
1934   margin-left: 10px;\r
1935   font-size: 14px\r
1936 }\r
1937 \r
1938 \r
1939 .review-payment h2 {\r
1940   color: #696763;\r
1941   font-size: 20px;\r
1942   font-weight: 300;\r
1943   margin-top: 45px;\r
1944   margin-bottom: 20px\r
1945 }\r
1946 \r
1947 .payment-options {\r
1948   margin-bottom:125px;\r
1949   margin-top: -25px\r
1950 }\r
1951 \r
1952 .payment-options span label {\r
1953   color: #696763;\r
1954   font-size: 14px;\r
1955   font-weight: 300;\r
1956   margin-right: 30px;\r
1957 }\r
1958 \r
1959 #cart_items .cart_info \r
1960 .table.table-condensed.total-result {\r
1961   margin-bottom: 10px;\r
1962   margin-top: 35px;\r
1963   color: #696763\r
1964 }\r
1965 \r
1966 #cart_items .cart_info \r
1967 .table.table-condensed.total-result tr {\r
1968   border-bottom: 0\r
1969 }\r
1970 \r
1971 #cart_items .cart_info \r
1972 .table.table-condensed.total-result span {\r
1973   color: #FE980F;\r
1974   font-weight: 700;\r
1975   font-size: 16px\r
1976 }\r
1977 \r
1978 #cart_items .cart_info \r
1979 .table.table-condensed.total-result \r
1980 .shipping-cost {\r
1981   border-bottom: 1px solid #F7F7F0;\r
1982 }\r
1983 \r
1984 \r
1985 \r
1986 \r
1987 /*************************\r
1988 *******Blog CSS******\r
1989 **************************/\r
1990 \r
1991 \r
1992 \r
1993 .blog-post-area \r
1994 .single-blog-post h3 {\r
1995   color: #696763;\r
1996   font-size: 16px;\r
1997   font-family: 'Roboto',sans-serif;\r
1998   text-transform: uppercase;\r
1999   font-weight: 500;\r
2000   margin-bottom: 17px;\r
2001 }\r
2002 \r
2003 .single-blog-post > a {\r
2004 }\r
2005 \r
2006 .blog-post-area \r
2007 .single-blog-post a img {\r
2008   border: 1px solid #F7F7F0;\r
2009   width: 100%;\r
2010   margin-bottom: 30px\r
2011 }\r
2012 \r
2013 .blog-post-area  \r
2014 .single-blog-post p {\r
2015   color: #363432\r
2016 }\r
2017 \r
2018 .blog-post-area \r
2019 .post-meta {\r
2020   display: block;\r
2021   margin-bottom: 25px;\r
2022   overflow: hidden;\r
2023 }\r
2024 \r
2025 .blog-post-area \r
2026 .post-meta ul {\r
2027   padding:0;\r
2028   display: inline;\r
2029 }\r
2030 \r
2031 .blog-post-area \r
2032 .post-meta ul li {\r
2033   background:#F0F0E9;\r
2034   float: left;\r
2035   margin-right: 10px;\r
2036   padding: 0 5px;\r
2037   font-size: 11px;\r
2038   color: #393b3b;\r
2039   position: relative;\r
2040 }\r
2041 \r
2042 .blog-post-area \r
2043 .post-meta ul li i {\r
2044   background:#FE980F;\r
2045   color: #FFFFFF;\r
2046   margin-left: -4px;\r
2047   margin-right: 7px;\r
2048   padding: 4px 7px;\r
2049 }\r
2050 \r
2051 .sinlge-post-meta li i:after,\r
2052 .blog-post-area \r
2053 .post-meta ul li i:after {\r
2054   content: "";\r
2055   position: absolute;\r
2056   width: auto;\r
2057   height: auto;\r
2058   border-color:transparent transparent transparent #FE980F;\r
2059   border-width:4px;\r
2060   border-style: solid;\r
2061   top:6px;\r
2062   left:24px\r
2063 }\r
2064 \r
2065 .blog-post-area \r
2066 .post-meta ul span {\r
2067   float: right;\r
2068   color: #FE980F\r
2069 }\r
2070 \r
2071 .post-meta span{\r
2072     float: right;\r
2073 }\r
2074 \r
2075 .post-meta span i{\r
2076   color: #FE980F\r
2077 }\r
2078 \r
2079 \r
2080 .blog-post-area  \r
2081 .single-blog-post \r
2082 .btn-primary {\r
2083   background:#FE980F;\r
2084   border: medium none;\r
2085   border-radius: 0;\r
2086   color: #FFFFFF;\r
2087   margin-top: 17px;\r
2088 }\r
2089 \r
2090 \r
2091 .pagination-area {\r
2092   margin-bottom:45px;\r
2093   margin-top:45px\r
2094 }\r
2095 \r
2096 .pagination-area \r
2097 .pagination li a {\r
2098   background:#F0F0E9;\r
2099   border: 0 none;\r
2100   border-radius: 0;\r
2101   color: #696763;\r
2102   margin-right: 5px;\r
2103   padding: 4px 12px;\r
2104 }\r
2105 \r
2106 .pagination-area \r
2107 .pagination li a:hover,\r
2108 .pagination-area \r
2109 .pagination li .active {\r
2110   background:#FE980F;\r
2111   color: #fff\r
2112 }\r
2113 \r
2114 \r
2115 \r
2116 /*************************\r
2117 *******Blog Single CSS******\r
2118 **************************/\r
2119 \r
2120 .pager-area {\r
2121   overflow: hidden;\r
2122 }\r
2123 \r
2124 .pager-area .pager li a {\r
2125   background:#F0F0E9;\r
2126   border: 0 none;\r
2127   border-radius: 0;\r
2128   color: #696763;\r
2129   font-size: 12px;\r
2130   font-weight: 700;\r
2131   padding: 4px;\r
2132   text-transform: uppercase;\r
2133   width: 57px;\r
2134 }\r
2135 \r
2136 .pager-area \r
2137 .pager li a:hover {\r
2138   background: #FE980F;\r
2139   color: #fff\r
2140 }\r
2141 \r
2142 .rating-area {\r
2143   border: 1px solid #F7F7F0;\r
2144   direction: block;\r
2145   overflow: hidden;\r
2146 }\r
2147 \r
2148 .rating-area ul li {\r
2149   float: left;\r
2150   padding: 5px;\r
2151   font-size: 12px\r
2152 }\r
2153 \r
2154 .rating-area .ratings {\r
2155   float: left;\r
2156   padding-left: 0;\r
2157   margin-bottom: 0\r
2158 }\r
2159 \r
2160 \r
2161 .rating-area \r
2162 .ratings li i {\r
2163   color:#CCCCCC\r
2164 }\r
2165 \r
2166 .rating-area .rate-this {\r
2167   color: #363432;\r
2168   font-size: 12px;\r
2169   font-weight: 700;\r
2170   text-transform: uppercase;\r
2171 }\r
2172 \r
2173 .rating-area \r
2174 .ratings .color, \r
2175 .rating-area .color {\r
2176   color: #FE980F\r
2177 }\r
2178 \r
2179 \r
2180 .rating-area .tag {\r
2181   float: right;\r
2182   margin-bottom: 0;\r
2183   margin-right: 10px;\r
2184 }\r
2185 \r
2186 .rating-area .tag li {\r
2187   padding: 5px 2px;\r
2188 }\r
2189 .rating-area .tag li span {\r
2190   color: #363432;\r
2191 }\r
2192 \r
2193 \r
2194 .socials-share {\r
2195   margin-bottom: 30px;\r
2196   margin-top: 18px;\r
2197 }\r
2198 \r
2199 \r
2200 .commnets \r
2201 .media-object {\r
2202   margin-right: 15px;\r
2203   width: 100%;\r
2204 }\r
2205 \r
2206 .commnets {\r
2207   border: 1px solid #F7F7F0;\r
2208   padding: 18px 18px 18px 0;\r
2209   margin-bottom: 50px\r
2210 }\r
2211 \r
2212 .commnets .pull-left {\r
2213   margin-right: 22px\r
2214 }\r
2215 \r
2216 .commnets p, \r
2217 .response-area p, \r
2218 .replay-box p {\r
2219   font-size: 12px\r
2220 }\r
2221 \r
2222 .media-heading {\r
2223   color: #363432;\r
2224   font-size: 14px;\r
2225   font-weight: 700;\r
2226   font-family: 'Roboto', sans-serif;\r
2227   margin-bottom: 15px\r
2228 }\r
2229 \r
2230 .blog-socials {\r
2231   margin-bottom: -9px;\r
2232   margin-top: 14px;\r
2233 }\r
2234 \r
2235 .blog-socials ul {\r
2236   padding-left: 0;\r
2237   overflow: hidden;\r
2238   float: left;\r
2239 }\r
2240 \r
2241 .blog-socials .btn.btn-primary{\r
2242   margin-top: 0;\r
2243 }\r
2244 \r
2245 .blog-socials ul li {\r
2246   \r
2247   float: left;\r
2248   height: 17px;\r
2249   margin-right: 5px;\r
2250   text-align: center;\r
2251   width: 17px;\r
2252 }\r
2253 \r
2254 \r
2255 .blog-socials ul li a {\r
2256   color: #393B3B;\r
2257   display: block;\r
2258   font-size: 10px;\r
2259   padding: 1px;\r
2260   background:#F0F0E9;\r
2261 }\r
2262 \r
2263 .blog-socials ul li a:hover {\r
2264   color: #fff;\r
2265   background:#FE980F\r
2266 }\r
2267 \r
2268 \r
2269 .media-list .btn-primary, \r
2270 .commnets .btn-primary {\r
2271   background:#FC9A11;\r
2272   border: 0 none;\r
2273   border-radius: 0;\r
2274   color: #FFFFFF;\r
2275   float: left;\r
2276   font-size: 10px;\r
2277   padding: 1px 7px;\r
2278   text-transform: uppercase;\r
2279 }\r
2280 \r
2281 .response-area h2 {\r
2282   color: #363432;\r
2283   font-size: 20px;\r
2284   font-weight: 700;\r
2285 }\r
2286 \r
2287 .response-area .media {\r
2288   border: 1px solid #F7F7F0;\r
2289   padding: 18px 18px 18px 0;\r
2290   margin-bottom: 27px\r
2291 }\r
2292 \r
2293 .response-area .media img{\r
2294   height: 102px;\r
2295   width: 100%;\r
2296 }\r
2297 \r
2298 .response-area .media .pull-left {\r
2299   margin-right: 25px\r
2300 }\r
2301 \r
2302 .response-area .second-media {\r
2303   margin-left: 5%;\r
2304   width: 95%;\r
2305 }\r
2306 \r
2307 \r
2308 .sinlge-post-meta {\r
2309   overflow: hidden;\r
2310   padding-left: 0;\r
2311   margin-bottom: 15px\r
2312 }\r
2313 \r
2314 \r
2315 \r
2316 .sinlge-post-meta li {\r
2317   background:#F0F0E9;\r
2318   color: #363432;\r
2319   float: left;\r
2320   font-size: 10px;\r
2321   font-weight: 700;\r
2322   margin-right: 10px;\r
2323   padding: 0 10px 0 0;\r
2324   position: relative;\r
2325   text-transform: uppercase;\r
2326 }\r
2327 \r
2328 .sinlge-post-meta li i {\r
2329   background:#FE980F;\r
2330   color: #FFFFFF;\r
2331   margin-right: 10px;\r
2332   padding: 8px 10px;\r
2333 }\r
2334 \r
2335 .sinlge-post-meta li i:after {\r
2336   top: 7px;\r
2337   border-width: 6px;\r
2338   left: 27px;\r
2339 }\r
2340 \r
2341 \r
2342 .replay-box {\r
2343   margin-bottom: 107px;\r
2344   margin-top: 55px;\r
2345 }\r
2346 \r
2347 .replay-box h2 {\r
2348   font-weight: 700;\r
2349   font-size: 20px;\r
2350   color: #363432;\r
2351   margin-top: 0;\r
2352   margin-bottom: 45px\r
2353 }\r
2354 \r
2355 .replay-box label {\r
2356   background:#FE980F;\r
2357   color: #FFFFFF;\r
2358   margin-bottom: 15px;\r
2359   padding: 3px 15px;\r
2360   float: left;\r
2361   font-weight: 400;\r
2362 }\r
2363 \r
2364 .replay-box span {\r
2365   color: #FE980F;\r
2366   float: right;\r
2367   font-weight: 700;\r
2368   margin-top: 21px;\r
2369 }\r
2370 \r
2371 .replay-box form input {\r
2372   border: 1px solid #F7F7F0;\r
2373   color: #ADB2B2;\r
2374   font-size: 12px;\r
2375   margin-bottom: 22px;\r
2376   padding: 8px;\r
2377   width: 100%;\r
2378 }\r
2379 \r
2380 .replay-box form input:hover, \r
2381 .text-area textarea:hover {\r
2382   border: 1px solid #FE980F;\r
2383 }\r
2384 \r
2385 .text-area {\r
2386   margin-top: 66px\r
2387 }\r
2388 \r
2389 .text-area textarea {\r
2390   background: transparent;\r
2391   border: 1px solid#F7F7F0\r
2392 }\r
2393 \r
2394 .btn.btn-primary {\r
2395   background:#FE980F;\r
2396   border: 0 none;\r
2397   border-radius: 0;\r
2398   margin-top: 16px;\r
2399 }\r
2400 \r
2401 .blank-arrow {\r
2402   position: relative;\r
2403 }\r
2404 \r
2405 .blank-arrow label:after {\r
2406   content: "";\r
2407   position: absolute;\r
2408   width: auto;\r
2409   height: auto;\r
2410   border-style: solid;\r
2411   border-width: 8px;\r
2412   border-color:#FE980F transparent transparent transparent;\r
2413   top: 25px;\r
2414   left: 5px\r
2415 } \r
2416 \r
2417 \r
2418 \r
2419 /*************************\r
2420 ******* Contact CSS ********\r
2421 **************************/\r
2422 \r
2423 .contact-map {\r
2424   width: 100%;\r
2425   height: 385px;\r
2426   margin-bottom: 70px\r
2427 }\r
2428 \r
2429 .contact-info .heading, \r
2430 .contact-form .heading {\r
2431   text-transform: capitalize;\r
2432 }\r
2433 \r
2434 .contact-form .form-group {\r
2435   margin-bottom: 20px;\r
2436 }\r
2437 \r
2438 #contact-page \r
2439 .form-control::-moz-placeholder {\r
2440   color: #8D8D8D;\r
2441 }\r
2442 \r
2443 #contact-page .form-control {\r
2444   background-color: #fff;\r
2445   border: 1px solid #ddd;\r
2446   color: #696763;\r
2447   height: 46px;\r
2448   padding: 6px 12px;\r
2449   width: 100%;\r
2450   font-size: 16px;\r
2451   border-radius: 4px;\r
2452   box-shadow:inherit;\r
2453 }\r
2454 \r
2455 #contact-page #message {\r
2456   height:160px;\r
2457   resize:none;\r
2458 }\r
2459 \r
2460 #main-contact-form .btn-primary {\r
2461   margin-bottom: 15px;\r
2462   margin-top: 20px;\r
2463 }\r
2464 \r
2465 \r
2466 #contact-page .form-control:focus, \r
2467 #contact-page .form-control:hover {\r
2468   box-shadow: inherit;\r
2469   border-color: #FDB45E;\r
2470 }\r
2471 \r
2472 #contact-page .contact-info {\r
2473   padding: 0 20px;\r
2474 }\r
2475 \r
2476 #contact-page .contact-info address {\r
2477   margin-bottom: 40px;\r
2478   margin-top: -5px;\r
2479 }\r
2480 \r
2481 #contact-page .contact-info p {\r
2482   margin-bottom: 0;\r
2483   color: #696763;\r
2484   font-size: 16px;\r
2485   line-height: 25px;\r
2486 }\r
2487 \r
2488 .social-networks{\r
2489   overflow: hidden;\r
2490   text-align: center;\r
2491 }\r
2492 \r
2493 .social-networks ul {\r
2494   margin-top: -5px;\r
2495   padding: 0;\r
2496   display: inline-block;\r
2497 }\r
2498 \r
2499 .social-networks ul li {\r
2500   float: left;\r
2501   text-decoration: none;\r
2502   list-style: none;\r
2503   margin-right: 20px;\r
2504 }\r
2505 \r
2506 .social-networks ul li:last-child{\r
2507   margin-right: 0;\r
2508 }\r
2509 \r
2510 .social-networks ul li a {\r
2511   color: #999;\r
2512   font-size: 25px;\r
2513 }\r
2514 \r
2515 .contact-info .social-networks ul li a i{\r
2516   background: none;\r
2517 }\r
2518 \r
2519 .contact-info .social-networks ul li a:hover{\r
2520   color: #FE980F;\r
2521 }\r
2522 \r
2523 \r