Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | /* |
| 2 | Template Name: Metronic - Responsive Website Template build with Twitter Bootstrap 3.1.1 |
||
| 3 | */ |
||
| 4 | |||
| 5 | /* General body settings */ |
||
| 6 | body { |
||
| 7 | color: #3e4d5c; |
||
| 8 | direction: ltr; |
||
| 9 | font: 400 13px 'Open Sans', Arial, sans-serif; |
||
| 10 | background: #fff; |
||
| 11 | } |
||
| 12 | |||
| 13 | /*** |
||
| 14 | General typography |
||
| 15 | ***/ |
||
| 16 | h1, h2, h3, h4, h5, h6 { |
||
| 17 | font: 300 'Open Sans', sans-serif; |
||
| 18 | margin: 0 0 10px; |
||
| 19 | } |
||
| 20 | h1 { |
||
| 21 | margin-bottom: 15px; |
||
| 22 | } |
||
| 23 | .main h1 { |
||
| 24 | margin-top: -6px; |
||
| 25 | } |
||
| 26 | |||
| 27 | /*** |
||
| 28 | Fix link outlines after click |
||
| 29 | ***/ |
||
| 30 | a { |
||
| 31 | color: #E02222; |
||
| 32 | } |
||
| 33 | a, a:focus, a:hover, a:active { |
||
| 34 | outline: 0; |
||
| 35 | text-decoration: none; |
||
| 36 | } |
||
| 37 | a:hover { |
||
| 38 | color: #E02222; |
||
| 39 | text-decoration: underline; |
||
| 40 | } |
||
| 41 | |||
| 42 | /*** |
||
| 43 | Misc tools |
||
| 44 | ***/ |
||
| 45 | .no-padding { |
||
| 46 | padding: 0 !important; |
||
| 47 | } |
||
| 48 | .no-margin { |
||
| 49 | margin: 0 !important; |
||
| 50 | } |
||
| 51 | .no-bottom-space { |
||
| 52 | padding-bottom: 0 !important; |
||
| 53 | margin-bottom: 0 !important; |
||
| 54 | } |
||
| 55 | .no-top-space { |
||
| 56 | padding-top: 0 !important; |
||
| 57 | margin-top: 0 !important; |
||
| 58 | } |
||
| 59 | .no-space { |
||
| 60 | margin: 0 !important; |
||
| 61 | padding: 0 !important; |
||
| 62 | } |
||
| 63 | .no-text-shadow { |
||
| 64 | text-shadow: none !important; |
||
| 65 | } |
||
| 66 | |||
| 67 | .padding-top-5 { |
||
| 68 | padding-top: 5px !important; |
||
| 69 | } |
||
| 70 | .padding-top-10 { |
||
| 71 | padding-top: 10px !important; |
||
| 72 | } |
||
| 73 | .padding-top-15 { |
||
| 74 | padding-top: 15px !important; |
||
| 75 | } |
||
| 76 | .padding-top-20 { |
||
| 77 | padding-top: 20px !important; |
||
| 78 | } |
||
| 79 | .padding-top-25 { |
||
| 80 | padding-top: 25px !important; |
||
| 81 | } |
||
| 82 | .padding-top-30 { |
||
| 83 | padding-top: 30px !important; |
||
| 84 | } |
||
| 85 | .padding-top-35 { |
||
| 86 | padding-top: 35px !important; |
||
| 87 | } |
||
| 88 | .padding-top-40 { |
||
| 89 | padding-top: 40px !important; |
||
| 90 | } |
||
| 91 | .padding-top-45 { |
||
| 92 | padding-top: 45px !important; |
||
| 93 | } |
||
| 94 | .padding-top-50 { |
||
| 95 | padding-top: 50px !important; |
||
| 96 | } |
||
| 97 | .padding-top-60 { |
||
| 98 | padding-top: 60px !important; |
||
| 99 | } |
||
| 100 | |||
| 101 | .margin-bottom-0 { |
||
| 102 | margin-bottom: 0 !important; |
||
| 103 | } |
||
| 104 | .margin-bottom-5 { |
||
| 105 | margin-bottom: 5px !important; |
||
| 106 | } |
||
| 107 | .margin-bottom-10 { |
||
| 108 | margin-bottom: 10px !important; |
||
| 109 | } |
||
| 110 | .margin-bottom-15 { |
||
| 111 | margin-bottom: 15px !important; |
||
| 112 | } |
||
| 113 | .margin-bottom-20 { |
||
| 114 | margin-bottom: 20px !important; |
||
| 115 | } |
||
| 116 | .margin-bottom-25 { |
||
| 117 | margin-bottom: 25px !important; |
||
| 118 | } |
||
| 119 | .margin-bottom-30 { |
||
| 120 | margin-bottom: 30px !important; |
||
| 121 | } |
||
| 122 | .margin-bottom-35 { |
||
| 123 | margin-bottom: 35px !important; |
||
| 124 | } |
||
| 125 | .margin-bottom-40 { |
||
| 126 | margin-bottom: 40px !important; |
||
| 127 | } |
||
| 128 | .margin-bottom-50 { |
||
| 129 | margin-bottom: 50px !important; |
||
| 130 | } |
||
| 131 | .margin-bottom-60 { |
||
| 132 | margin-bottom: 60px !important; |
||
| 133 | } |
||
| 134 | .margin-bottom-65 { |
||
| 135 | margin-bottom: 65px !important; |
||
| 136 | } |
||
| 137 | |||
| 138 | .margin-top-10 { |
||
| 139 | margin-top: 10px !important; |
||
| 140 | } |
||
| 141 | |||
| 142 | .margin-left-0 { |
||
| 143 | margin-left: 0 !important; |
||
| 144 | } |
||
| 145 | .margin-right-0 { |
||
| 146 | margin-right: 0 !important; |
||
| 147 | } |
||
| 148 | |||
| 149 | .margin-right-20 { |
||
| 150 | margin-right: 20px !important; |
||
| 151 | } |
||
| 152 | .margin-left-20 { |
||
| 153 | margin-left: 20px !important; |
||
| 154 | } |
||
| 155 | |||
| 156 | .padding-left-0 { |
||
| 157 | padding-left: 0 !important; |
||
| 158 | } |
||
| 159 | .padding-right-0 { |
||
| 160 | padding-right: 0 !important; |
||
| 161 | } |
||
| 162 | .padding-right-30 { |
||
| 163 | padding-right: 30px !important; |
||
| 164 | } |
||
| 165 | |||
| 166 | .margin-right-10 { |
||
| 167 | margin-right: 10px !important; |
||
| 168 | } |
||
| 169 | |||
| 170 | /*.btn { |
||
| 171 | padding: 7px 14px; |
||
| 172 | font-size: 14px; |
||
| 173 | text-transform: uppercase; |
||
| 174 | border-radius: 0; |
||
| 175 | } |
||
| 176 | .btn-primary { |
||
| 177 | border: none; |
||
| 178 | background: #e94d1c; |
||
| 179 | color: #fff; |
||
| 180 | } |
||
| 181 | .btn-primary:hover, |
||
| 182 | .btn-primary:focus, |
||
| 183 | .btn-primary:active { |
||
| 184 | color: #fff; |
||
| 185 | background: #cc3304; |
||
| 186 | border: none; |
||
| 187 | } |
||
| 188 | .content-page .btn-primary, |
||
| 189 | .content-page .btn-primary:hover { |
||
| 190 | color: #fff; |
||
| 191 | margin-left: 0 !important; |
||
| 192 | } |
||
| 193 | .btn-default { |
||
| 194 | border: 1px solid #EDEDED; |
||
| 195 | color: #A8AEB3; |
||
| 196 | background: transparent; |
||
| 197 | padding: 6px 13px; |
||
| 198 | } |
||
| 199 | .btn-default:hover, |
||
| 200 | .btn-default:focus, |
||
| 201 | .btn-default:active { |
||
| 202 | border: 1px solid #A8AEB3; |
||
| 203 | color: #fff; |
||
| 204 | background: #A8AEB3; |
||
| 205 | padding: 6px 13px; |
||
| 206 | }*/ |
||
| 207 | |||
| 208 | div.checker, |
||
| 209 | div.radio { |
||
| 210 | top: -1px; |
||
| 211 | } |
||
| 212 | |||
| 213 | select.form-control { |
||
| 214 | color: #5f6d7b; |
||
| 215 | border-radius: 0; |
||
| 216 | border-color: #e4e6e8; |
||
| 217 | box-shadow: none; |
||
| 218 | } |
||
| 219 | select.form-control:focus { |
||
| 220 | box-shadow: none; |
||
| 221 | border-color: #999; |
||
| 222 | } |
||
| 223 | |||
| 224 | input.form-control, |
||
| 225 | textarea.form-control { |
||
| 226 | border-color: #dbdbdb; |
||
| 227 | color: #777; |
||
| 228 | font: 14px Arial, sans-serif; |
||
| 229 | border-radius: 0; |
||
| 230 | box-shadow: none; |
||
| 231 | } |
||
| 232 | input.form-control:focus, |
||
| 233 | textarea.form-control:focus { |
||
| 234 | box-shadow: none; |
||
| 235 | border: solid 1px #dbdbdb; |
||
| 236 | } |
||
| 237 | |||
| 238 | .clearfix:after { |
||
| 239 | content: "."; |
||
| 240 | display: block; |
||
| 241 | height: 0; |
||
| 242 | clear: both; |
||
| 243 | visibility: hidden; |
||
| 244 | font-size: 0; |
||
| 245 | line-height: 0; |
||
| 246 | } |
||
| 247 | *html .clearfix { |
||
| 248 | zoom: 1; |
||
| 249 | } |
||
| 250 | *+html .clearfix { |
||
| 251 | zoom: 1; |
||
| 252 | } |
||
| 253 | .clear { |
||
| 254 | clear: both; |
||
| 255 | height: 0; |
||
| 256 | font-size: 0; |
||
| 257 | line-height: 0; |
||
| 258 | overflow: hidden; |
||
| 259 | } |
||
| 260 | |||
| 261 | .lead { |
||
| 262 | font-size: 16px; |
||
| 263 | } |
||
| 264 | |||
| 265 | .font-transform-inherit { |
||
| 266 | text-transform: inherit !important; |
||
| 267 | } |
||
| 268 | |||
| 269 | .color-red { |
||
| 270 | color: #E84D1C; |
||
| 271 | } |
||
| 272 | |||
| 273 | /*** |
||
| 274 | Custom Scrollbars |
||
| 275 | ***/ |
||
| 276 | |||
| 277 | ::-webkit-scrollbar { |
||
| 278 | width: 12px; |
||
| 279 | } |
||
| 280 | |||
| 281 | ::-webkit-scrollbar-track { |
||
| 282 | background-color: #eaeaea; |
||
| 283 | border-left: 1px solid #cecece; |
||
| 284 | } |
||
| 285 | |||
| 286 | ::-webkit-scrollbar-thumb { |
||
| 287 | background-color: #cecece; |
||
| 288 | } |
||
| 289 | |||
| 290 | ::-webkit-scrollbar-thumb:hover { |
||
| 291 | background-color: #aaa; |
||
| 292 | } |
||
| 293 | |||
| 294 | ::-webkit-scrollbar-track { |
||
| 295 | border-radius: 0; |
||
| 296 | box-shadow: none; |
||
| 297 | border: 0; |
||
| 298 | } |
||
| 299 | |||
| 300 | ::-webkit-scrollbar-thumb { |
||
| 301 | border-radius: 0; |
||
| 302 | box-shadow: none; |
||
| 303 | border: 0; |
||
| 304 | } |
||
| 305 | |||
| 306 | /* overides metro scrolbars in IE10 and makes them look like a default scrollbar */ |
||
| 307 | @-ms-viewport{ |
||
| 308 | width: auto !important; |
||
| 309 | } |
||
| 310 | |||
| 311 | ::-moz-selection { |
||
| 312 | color: #fff; |
||
| 313 | background: #e45000; |
||
| 314 | } |
||
| 315 | ::selection { |
||
| 316 | color: #fff; |
||
| 317 | background: #e45000; |
||
| 318 | } |
||
| 319 | |||
| 320 | /* Global classes */ |
||
| 321 | .min-hight500 { |
||
| 322 | min-height: 500px; |
||
| 323 | } |
||
| 324 | |||
| 325 | /*** |
||
| 326 | Pre-Header and pre-header elements |
||
| 327 | ***/ |
||
| 328 | .pre-header { |
||
| 329 | color: #616b76; |
||
| 330 | border-bottom: 1px solid #eee; |
||
| 331 | padding-top: 10px; |
||
| 332 | line-height: 1.2; |
||
| 333 | font-family: 'Open Sans', sans-serif; |
||
| 334 | font-weight: 300; |
||
| 335 | background: #fff; |
||
| 336 | } |
||
| 337 | .pre-header a { |
||
| 338 | color: #616b76; |
||
| 339 | } |
||
| 340 | .pre-header a:hover { |
||
| 341 | color: #E02222; |
||
| 342 | } |
||
| 343 | .pre-header a:focus { |
||
| 344 | text-decoration: none; |
||
| 345 | } |
||
| 346 | .pre-header li { |
||
| 347 | padding-left: 11px; |
||
| 348 | padding-right: 15px; |
||
| 349 | border-right: solid 1px #d8d8d8; |
||
| 350 | } |
||
| 351 | .pre-header li:last-child { |
||
| 352 | border: none; |
||
| 353 | } |
||
| 354 | .additional-shop-info li:first-child { |
||
| 355 | padding-left: 0; |
||
| 356 | } |
||
| 357 | .additional-nav li:last-child { |
||
| 358 | padding-right: 0; |
||
| 359 | } |
||
| 360 | .pre-header .fa { |
||
| 361 | margin-right: 4px; |
||
| 362 | } |
||
| 363 | .shop-currencies a { |
||
| 364 | margin-right: 6px; |
||
| 365 | } |
||
| 366 | .shop-currencies a:last-child { |
||
| 367 | margin-right: 0; |
||
| 368 | } |
||
| 369 | .shop-currencies a.current { |
||
| 370 | color: #E02222; |
||
| 371 | } |
||
| 372 | |||
| 373 | /* langs block */ |
||
| 374 | .langs-block { |
||
| 375 | position: relative; |
||
| 376 | } |
||
| 377 | .langs-block .fa { |
||
| 378 | margin-right: 0; |
||
| 379 | } |
||
| 380 | .langs-block-others-wrapper { |
||
| 381 | position: absolute; |
||
| 382 | left: 0; |
||
| 383 | top: 100%; |
||
| 384 | z-index: 99999; |
||
| 385 | } |
||
| 386 | .langs-block-others { |
||
| 387 | padding: 10px 10px 2px; |
||
| 388 | background: #F9F9F9; |
||
| 389 | z-index: 9999; |
||
| 390 | width: 100px; |
||
| 391 | display: none; |
||
| 392 | margin-top: 12px; |
||
| 393 | border-top: solid 2px #ea4c1d; |
||
| 394 | box-shadow: 5px 5px rgba(91, 91, 91, 0.2); |
||
| 395 | position: relative; |
||
| 396 | transition: opacity .3s ease-in-out; |
||
| 397 | -moz-transition: opacity .3s ease-in-out; |
||
| 398 | -webkit-transition: opacity .3s ease-in-out; |
||
| 399 | } |
||
| 400 | .langs-block-others:after { |
||
| 401 | top: -8px; |
||
| 402 | width: 0; |
||
| 403 | height: 0; |
||
| 404 | left: 8px; |
||
| 405 | z-index: 2; |
||
| 406 | content: " "; |
||
| 407 | display: block; |
||
| 408 | position: absolute; |
||
| 409 | border-bottom: 8px solid #e6400c; |
||
| 410 | border-right: 8px solid transparent; |
||
| 411 | border-left: 8px solid transparent; |
||
| 412 | } |
||
| 413 | .langs-block:hover .langs-block-others { |
||
| 414 | display: block; |
||
| 415 | } |
||
| 416 | .langs-block-others a { |
||
| 417 | display: block; |
||
| 418 | margin-bottom: 8px; |
||
| 419 | } |
||
| 420 | |||
| 421 | /*** |
||
| 422 | Header and header elements |
||
| 423 | ***/ |
||
| 424 | .header { |
||
| 425 | box-shadow: 0 1px 3px #ddd; |
||
| 426 | background: #fff; |
||
| 427 | border-radius: 0; |
||
| 428 | margin-bottom: 23px; |
||
| 429 | z-index: 999; |
||
| 430 | position: relative; |
||
| 431 | } |
||
| 432 | |||
| 433 | /* FIX styles BEGIN */ |
||
| 434 | .page-header-fixed .header { |
||
| 435 | position: fixed !important; |
||
| 436 | top: 0; |
||
| 437 | left: 0; |
||
| 438 | width: 100%; |
||
| 439 | z-index: 99999; |
||
| 440 | } |
||
| 441 | body.page-header-fixed { |
||
| 442 | padding-top: 88px !important; /* height of the header */ |
||
| 443 | } |
||
| 444 | /* FIX styles END */ |
||
| 445 | |||
| 446 | .header .container { |
||
| 447 | position: relative; |
||
| 448 | } |
||
| 449 | .ie8 .header { |
||
| 450 | border-bottom: 1px solid #eee; |
||
| 451 | } |
||
| 452 | |||
| 453 | .site-logo { |
||
| 454 | float: left; |
||
| 455 | font-size: 23px; |
||
| 456 | font-weight: 400; |
||
| 457 | |||
| 458 | margin-right: 67px; |
||
| 459 | padding-top: 22px; |
||
| 460 | padding-bottom: 22px; |
||
| 461 | } |
||
| 462 | |||
| 463 | .header .mobi-toggler { |
||
| 464 | float: right; |
||
| 465 | color: #D8D8D8; |
||
| 466 | border: 1px solid #D8D8D8; |
||
| 467 | border-radius: 100% !important; |
||
| 468 | width: 32px; |
||
| 469 | height: 32px; |
||
| 470 | display: none; |
||
| 471 | margin: 25px 0 0 30px; |
||
| 472 | position: relative; |
||
| 473 | background: #fff url(../img/icons/toggler.png) no-repeat 6px 8px; |
||
| 474 | } |
||
| 475 | .header .mobi-toggler i { |
||
| 476 | display: none; |
||
| 477 | } |
||
| 478 | .header .mobi-toggler:hover { |
||
| 479 | background: #e34f00 url(../img/icons/toggler.png) no-repeat 6px -28px; |
||
| 480 | border-color: #e34f00; |
||
| 481 | color: #fff; |
||
| 482 | } |
||
| 483 | |||
| 484 | /* Navigation */ |
||
| 485 | .header-navigation { |
||
| 486 | font: 15px "Open Sans", sans-serif; |
||
| 487 | margin: 0 10px 0 0; |
||
| 488 | padding: 0; |
||
| 489 | float: left; |
||
| 490 | text-transform: uppercase; |
||
| 491 | } |
||
| 492 | .header-navigation ul { |
||
| 493 | margin: 0; |
||
| 494 | padding: 0; |
||
| 495 | list-style: none; |
||
| 496 | } |
||
| 497 | .header-navigation > ul > li { |
||
| 498 | float: left; |
||
| 499 | } |
||
| 500 | .header-navigation > ul > li > a { |
||
| 501 | color: #333; |
||
| 502 | display: block; |
||
| 503 | padding: 29px 12px 30px; |
||
| 504 | } |
||
| 505 | .header-navigation ul > li.active > a, |
||
| 506 | .header-navigation ul > li > a:hover, |
||
| 507 | .header-navigation ul > li > a:focus, |
||
| 508 | .header-navigation ul > li.open > a, |
||
| 509 | .header-navigation ul > li.open > a:hover, |
||
| 510 | .header-navigation ul > li.open > a:focus { |
||
| 511 | color: #e02222; |
||
| 512 | background: #fcfcfc; |
||
| 513 | text-decoration: none; |
||
| 514 | } |
||
| 515 | .header-navigation ul > li.active > a { |
||
| 516 | border-bottom: 2px solid #e64f00; |
||
| 517 | } |
||
| 518 | |||
| 519 | /* dropdown menu */ |
||
| 520 | @media (min-width: 1025px) { |
||
| 521 | .header-navigation > ul > li:hover > .dropdown-menu { |
||
| 522 | display: block; |
||
| 523 | } |
||
| 524 | } |
||
| 525 | |||
| 526 | .header-navigation, |
||
| 527 | .header-navigation .dropdown { |
||
| 528 | position: static; |
||
| 529 | } |
||
| 530 | .header-navigation .dropdown-fix-left, |
||
| 531 | .header-navigation .dropdown-fix-right { |
||
| 532 | position: relative; |
||
| 533 | } |
||
| 534 | .header-navigation .dropdown-menu { |
||
| 535 | left: auto; |
||
| 536 | top: 100%; |
||
| 537 | padding: 0; |
||
| 538 | background: #fff; |
||
| 539 | position: absolute; |
||
| 540 | border: none; |
||
| 541 | box-shadow: 5px 5px rgba(91, 91, 91, 0.2); |
||
| 542 | text-transform: none; |
||
| 543 | font: 13px "Open Sans", sans-serif; |
||
| 544 | letter-spacing: 0; |
||
| 545 | border-radius: 0; |
||
| 546 | z-index: 9999; |
||
| 547 | } |
||
| 548 | |||
| 549 | .header-navigation .dropdown-menu:before, |
||
| 550 | .header-navigation .dropdown-menu:after { |
||
| 551 | display: none !important; |
||
| 552 | } |
||
| 553 | |||
| 554 | .dropdown-fix-left .dropdown-menu { |
||
| 555 | left: 0; |
||
| 556 | width: 700px; |
||
| 557 | } |
||
| 558 | .dropdown-fix-right .dropdown-menu { |
||
| 559 | right: 0; |
||
| 560 | width: 700px; |
||
| 561 | } |
||
| 562 | .header-navigation > ul > li > .dropdown-menu { |
||
| 563 | margin-top: -5px; |
||
| 564 | border-top: solid 3px transparent; |
||
| 565 | z-index: 1001; |
||
| 566 | } |
||
| 567 | .header-navigation .dropdown100 > .dropdown-menu { |
||
| 568 | left: 15px; |
||
| 569 | right: 15px; |
||
| 570 | } |
||
| 571 | .header-navigation > ul > li.dropdown:hover > a:after { |
||
| 572 | bottom: 0; |
||
| 573 | width: 0; |
||
| 574 | height: 0; |
||
| 575 | z-index: 1002; |
||
| 576 | content: " "; |
||
| 577 | display: block !important; |
||
| 578 | position: absolute; |
||
| 579 | border-bottom: 8px solid #e6400c; |
||
| 580 | border-right: 8px solid transparent; |
||
| 581 | border-left: 8px solid transparent; |
||
| 582 | } |
||
| 583 | .ie8 .header-navigation > ul > li.dropdown:hover > a:after { |
||
| 584 | display: none !important; |
||
| 585 | } |
||
| 586 | .header-navigation li.dropdown100 > .dropdown-menu:after { |
||
| 587 | display: none !important; |
||
| 588 | } |
||
| 589 | .header-navigation .dropdown-menu > li:first-child { |
||
| 590 | border-top: solid 2px #ea4c1d; |
||
| 591 | } |
||
| 592 | .header-navigation .dropdown-menu li { |
||
| 593 | padding: 0; |
||
| 594 | margin: 0; |
||
| 595 | border-bottom: solid 1px #efefef; |
||
| 596 | position: relative; |
||
| 597 | float: none; |
||
| 598 | } |
||
| 599 | .header-navigation .dropdown-menu li:last-child { |
||
| 600 | border: none; |
||
| 601 | } |
||
| 602 | .header-navigation .dropdown-menu li > a { |
||
| 603 | padding: 10px 15px; |
||
| 604 | font-weight: 400; |
||
| 605 | color: #767f88; |
||
| 606 | } |
||
| 607 | .header-navigation .dropdown-menu > li > a:hover, |
||
| 608 | .header-navigation .dropdown-menu > li.active > a, |
||
| 609 | .header-navigation .header-navigation-content .header-navigation-col li > a:hover, |
||
| 610 | .header-navigation .header-navigation-content .header-navigation-col li.active > a { |
||
| 611 | background: #e6400c; |
||
| 612 | color: #fff; |
||
| 613 | } |
||
| 614 | .dropdown-submenu > a:after { |
||
| 615 | display: none; |
||
| 616 | } |
||
| 617 | |||
| 618 | /* navigation content */ |
||
| 619 | .header-navigation-content { |
||
| 620 | padding: 20px 30px; |
||
| 621 | min-width: 600px; |
||
| 622 | } |
||
| 623 | .header-navigation-content .header-navigation-col { |
||
| 624 | padding: 0; |
||
| 625 | } |
||
| 626 | .header-navigation-content h4, |
||
| 627 | .ecommerce .header-navigation-content h4 { |
||
| 628 | font: bold 15px 'Open Sans', Arial, sans-serif; |
||
| 629 | margin: 0 0 6px; |
||
| 630 | padding: 10px 10px 5px; |
||
| 631 | border-bottom: solid 1px #f0f0f0; |
||
| 632 | } |
||
| 633 | .header-navigation-content ul { |
||
| 634 | padding: 0; |
||
| 635 | margin: 0 0 10px; |
||
| 636 | list-style: none; |
||
| 637 | } |
||
| 638 | .header-navigation-content li { |
||
| 639 | padding: 0; |
||
| 640 | border: none !important; |
||
| 641 | } |
||
| 642 | .header-navigation-content li > a { |
||
| 643 | display: block; |
||
| 644 | } |
||
| 645 | |||
| 646 | /* header navigation description */ |
||
| 647 | .header-navigation-content-ext { |
||
| 648 | padding: 20px 30px 2px; |
||
| 649 | background: #fff; |
||
| 650 | } |
||
| 651 | .header-navigation-description { |
||
| 652 | background: #fcfafb; |
||
| 653 | margin: -20px 0 -2px -30px; |
||
| 654 | padding: 20px; |
||
| 655 | box-shadow: 0 0 20px rgba(91, 91, 91, 0.2) inset; |
||
| 656 | } |
||
| 657 | .header-navigation-content-ext h4, |
||
| 658 | .ecommerce .header-navigation-content-ext h4 { |
||
| 659 | border: none; |
||
| 660 | padding: 10px 0 0; |
||
| 661 | } |
||
| 662 | .header-navigation .dropdown-menu .header-navigation-content-ext li { |
||
| 663 | border: none; |
||
| 664 | } |
||
| 665 | .header-navigation .dropdown-menu .header-navigation-content-ext li > a { |
||
| 666 | padding: 0 0 10px; |
||
| 667 | color: #767f88; |
||
| 668 | display: inline-block; |
||
| 669 | } |
||
| 670 | .header-navigation .dropdown-menu .header-navigation-content-ext li > a:hover, |
||
| 671 | .header-navigation .dropdown-menu .header-navigation-content-ext li.active > a { |
||
| 672 | background: #fff; |
||
| 673 | color: #e6400c; |
||
| 674 | } |
||
| 675 | |||
| 676 | /* n-level submenu */ |
||
| 677 | .header-navigation .dropdown-menu .dropdown-menu { |
||
| 678 | left: 100%; |
||
| 679 | right: auto; |
||
| 680 | top: 6px; |
||
| 681 | } |
||
| 682 | .header-navigation .dropdown-menu a { |
||
| 683 | position: relative; |
||
| 684 | } |
||
| 685 | .header-navigation .dropdown-menu .fa { |
||
| 686 | position: absolute; |
||
| 687 | top: 13px; |
||
| 688 | right: 15px; |
||
| 689 | } |
||
| 690 | |||
| 691 | /* Top Search */ |
||
| 692 | .header-navigation li.menu-search { |
||
| 693 | position: relative; |
||
| 694 | top: 26px; |
||
| 695 | } |
||
| 696 | .header-navigation li.menu-search span.sep { |
||
| 697 | top: 0; |
||
| 698 | width: 1px; |
||
| 699 | height: 26px; |
||
| 700 | background: #eaeaea; |
||
| 701 | position: relative; |
||
| 702 | margin: 0 18px 0 16px; |
||
| 703 | display: inline-block; |
||
| 704 | } |
||
| 705 | .header-navigation li.menu-search i { |
||
| 706 | color: #333; |
||
| 707 | font-size: 16px; |
||
| 708 | cursor: pointer; |
||
| 709 | position: relative; |
||
| 710 | top: -6px; |
||
| 711 | /*background: url(../img/icons/top-search-icon.png) no-repeat;*/ |
||
| 712 | width: 15px; |
||
| 713 | height: 15px; |
||
| 714 | opacity: 0.6; |
||
| 715 | } |
||
| 716 | .header-navigation li.menu-search i:hover { |
||
| 717 | color: #e02222; |
||
| 718 | background-position: 0 -15px; |
||
| 719 | } |
||
| 720 | /*.header-navigation .fa-search:before { |
||
| 721 | content: none; |
||
| 722 | }*/ |
||
| 723 | .header-navigation .search-box { |
||
| 724 | right: -7px; |
||
| 725 | top: 100%; |
||
| 726 | padding: 15px; |
||
| 727 | display: none; |
||
| 728 | background: #fcfafb; |
||
| 729 | position: absolute; |
||
| 730 | border-top: solid 2px #ea4c1d; |
||
| 731 | box-shadow: 5px 5px rgba(91, 91, 91, 0.2); |
||
| 732 | width: 274px; |
||
| 733 | margin-top: 0; |
||
| 734 | z-index: 22; |
||
| 735 | } |
||
| 736 | .header-navigation .search-box:after { |
||
| 737 | top: -8px; |
||
| 738 | width: 0; |
||
| 739 | height: 0; |
||
| 740 | right: 8px; |
||
| 741 | z-index: 2; |
||
| 742 | content: " "; |
||
| 743 | display: block; |
||
| 744 | position: absolute; |
||
| 745 | border-bottom: 8px solid #e6400c; |
||
| 746 | border-right: 8px solid transparent; |
||
| 747 | border-left: 8px solid transparent; |
||
| 748 | } |
||
| 749 | .header-navigation .search-box button { |
||
| 750 | margin-left: 0 !important; |
||
| 751 | } |
||
| 752 | |||
| 753 | /* reduce navigation */ |
||
| 754 | /*.page-header-fixed .site-logo, |
||
| 755 | .page-header-fixed .header-navigation > ul > li > a, |
||
| 756 | .page-header-fixed .header-navigation li.menu-search, |
||
| 757 | .page-header-fixed .top-cart-block { |
||
| 758 | transition: all 0.1s ease; |
||
| 759 | -o-transition: all 0.1s ease; |
||
| 760 | -ms-transition: all 0.1s ease; |
||
| 761 | -moz-transition: all 0.1s ease; |
||
| 762 | -webkit-transition: all 0.1s ease; |
||
| 763 | }*/ |
||
| 764 | .reduce-header .site-logo { |
||
| 765 | padding-top: 9px; |
||
| 766 | padding-bottom: 11px; |
||
| 767 | } |
||
| 768 | @media (min-width: 1025px) { |
||
| 769 | .reduce-header .header-navigation > ul > li > a { |
||
| 770 | padding: 16px 12px 17px; |
||
| 771 | } |
||
| 772 | .ecommerce .reduce-header .header-navigation > ul > li > a { |
||
| 773 | padding: 23px 12px 20px; |
||
| 774 | } |
||
| 775 | .reduce-header .header-navigation li.menu-search { |
||
| 776 | top: 14px; |
||
| 777 | } |
||
| 778 | .ecommerce .reduce-header .header-navigation li.menu-search { |
||
| 779 | top: 21px; |
||
| 780 | } |
||
| 781 | } |
||
| 782 | .reduce-header .mobi-toggler { |
||
| 783 | margin-top: 12px; |
||
| 784 | } |
||
| 785 | .page-header-fixed .header .mobi-toggler { |
||
| 786 | transition: margin 0.3s ease; |
||
| 787 | -o-transition: margin 0.3s ease; |
||
| 788 | -ms-transition: margin 0.3s ease; |
||
| 789 | -moz-transition: margin 0.3s ease; |
||
| 790 | -webkit-transition: margin 0.3s ease; |
||
| 791 | } |
||
| 792 | |||
| 793 | /* page slider */ |
||
| 794 | .page-slider { |
||
| 795 | margin-top: -25px; |
||
| 796 | clear: both; |
||
| 797 | } |
||
| 798 | |||
| 799 | /* OWL styles */ |
||
| 800 | .owl-buttons { |
||
| 801 | position: absolute; |
||
| 802 | top: -40px; |
||
| 803 | right: 10px; |
||
| 804 | } |
||
| 805 | .owl-buttons div { |
||
| 806 | display: inline-block; |
||
| 807 | width: 26px; |
||
| 808 | height: 26px; |
||
| 809 | margin-left: 5px; |
||
| 810 | position: static; |
||
| 811 | border-radius: 26px !important; |
||
| 812 | text-indent: -100000px; |
||
| 813 | } |
||
| 814 | .owl-buttons .owl-prev { |
||
| 815 | background: #fff url(../img/fa-angles.png) no-repeat 8px 8px; |
||
| 816 | } |
||
| 817 | .owl-buttons .owl-next { |
||
| 818 | background: #fff url(../img/fa-angles.png) no-repeat -33px 8px; |
||
| 819 | } |
||
| 820 | .owl-buttons .owl-prev:hover { |
||
| 821 | background: #e84d1c url(../img/fa-angles.png) no-repeat 8px -31px; |
||
| 822 | } |
||
| 823 | .owl-buttons .owl-next:hover { |
||
| 824 | background: #e84d1c url(../img/fa-angles.png) no-repeat -33px -31px; |
||
| 825 | } |
||
| 826 | |||
| 827 | /* */ |
||
| 828 | .carousel-indicators { |
||
| 829 | text-align: left; |
||
| 830 | margin: 0; |
||
| 831 | width: auto; |
||
| 832 | left: 33px; |
||
| 833 | } |
||
| 834 | .carousel-indicators li, |
||
| 835 | .carousel-indicators li.active { |
||
| 836 | width: 18px; |
||
| 837 | height: 18px; |
||
| 838 | margin: 0 9px 0 0; |
||
| 839 | background: transparent; |
||
| 840 | border: solid 2px #c9cdce; |
||
| 841 | border-radius: 18px !important; |
||
| 842 | z-index: 9999 !important; |
||
| 843 | } |
||
| 844 | .carousel-indicators li.active { |
||
| 845 | background: #6f7a7c; |
||
| 846 | border-color: #9ea7a9; |
||
| 847 | } |
||
| 848 | /* END LAYER SLIDER */ |
||
| 849 | |||
| 850 | /* */ |
||
| 851 | .product-list .product-item { |
||
| 852 | margin-bottom: 30px; |
||
| 853 | } |
||
| 854 | |||
| 855 | /*** |
||
| 856 | Sidebar |
||
| 857 | ***/ |
||
| 858 | .sidebar { |
||
| 859 | color: #3E4D5C; |
||
| 860 | } |
||
| 861 | .sidebar .list-group-item { |
||
| 862 | background: rgba(244,244,244,0.5); |
||
| 863 | border: none; |
||
| 864 | display: block; |
||
| 865 | margin-bottom: 2px; |
||
| 866 | padding: 7px 10px; |
||
| 867 | position: relative; |
||
| 868 | border-radius: 0; |
||
| 869 | } |
||
| 870 | .sidebar .list-group-item:last-child { |
||
| 871 | margin: 0; |
||
| 872 | } |
||
| 873 | .sidebar a { |
||
| 874 | color: #3E4D5C; |
||
| 875 | } |
||
| 876 | .sidebar a:hover { |
||
| 877 | color: #E02222; |
||
| 878 | } |
||
| 879 | .sidebar-menu a { |
||
| 880 | display: block; |
||
| 881 | } |
||
| 882 | .sidebar-menu a:hover { |
||
| 883 | text-decoration: none; |
||
| 884 | } |
||
| 885 | .sidebar-menu .fa-angle-right { |
||
| 886 | position: relative; |
||
| 887 | top: 1px; |
||
| 888 | margin-right: 2px; |
||
| 889 | float: left; |
||
| 890 | } |
||
| 891 | .sidebar .dropdown.open .dropdown-toggle { |
||
| 892 | background: #fff; |
||
| 893 | color: #3E4D5C; |
||
| 894 | } |
||
| 895 | .sidebar .dropdown.open .dropdown-toggle:hover { |
||
| 896 | color: #E02222; |
||
| 897 | } |
||
| 898 | .sidebar .dropup.open > .dropdown-toggle, .dropdown.open > .dropdown-toggle { |
||
| 899 | border-color: none !important; |
||
| 900 | } |
||
| 901 | |||
| 902 | .sidebar .dropdown-menu { |
||
| 903 | background-clip: padding-box; |
||
| 904 | background: #fff; |
||
| 905 | border: none; |
||
| 906 | border-radius: 0; |
||
| 907 | box-shadow: none; |
||
| 908 | display: none; |
||
| 909 | float: none; |
||
| 910 | font-size: 14px; |
||
| 911 | list-style: none; |
||
| 912 | margin: 0 -10px; |
||
| 913 | min-width: auto; |
||
| 914 | padding: 5px 10px 1px 19px; |
||
| 915 | position: relative; |
||
| 916 | top: 0; |
||
| 917 | left: 0; |
||
| 918 | z-index: 1000; |
||
| 919 | font: 15px 'PT Sans Narrow', sans-serif; |
||
| 920 | } |
||
| 921 | |||
| 922 | .sidebar .dropdown-menu:after, |
||
| 923 | .sidebar .dropdown-menu:before { |
||
| 924 | display:none !important; |
||
| 925 | } |
||
| 926 | |||
| 927 | .sidebar .dropdown-menu .dropdown-menu { |
||
| 928 | border-top: none; |
||
| 929 | margin-bottom: -5px; |
||
| 930 | margin-right: -10px; |
||
| 931 | } |
||
| 932 | .sidebar .open>.dropdown-menu { |
||
| 933 | display: block; |
||
| 934 | } |
||
| 935 | .sidebar .dropdown-menu li { |
||
| 936 | padding: 4px 0 3px 11px; |
||
| 937 | position: relative; |
||
| 938 | } |
||
| 939 | .sidebar .dropdown-menu ul { |
||
| 940 | padding: 0; |
||
| 941 | margin: 0 0 0 4px; |
||
| 942 | list-style: none; |
||
| 943 | text-transform: none; |
||
| 944 | font-size: 15px; |
||
| 945 | } |
||
| 946 | .sidebar .dropdown-menu > li > a { |
||
| 947 | clear: both; |
||
| 948 | line-height: inherit; |
||
| 949 | padding: 0; |
||
| 950 | white-space: nowrap; |
||
| 951 | } |
||
| 952 | .sidebar-menu .dropdown-menu li > a:hover, .sidebar-menu .dropdown-menu li > a:focus, .sidebar-menu li.active > a, .sidebar-menu li.active > a:hover { |
||
| 953 | background: none !important; |
||
| 954 | color: #E02222; |
||
| 955 | } |
||
| 956 | .sidebar .dropdown-menu > li > a .fa-angle-down { |
||
| 957 | position: absolute; |
||
| 958 | top: 8px; |
||
| 959 | right: 0; |
||
| 960 | } |
||
| 961 | .sidebar .fa-angle-down:before { |
||
| 962 | content: ""; |
||
| 963 | } |
||
| 964 | .sidebar .fa-angle-down { |
||
| 965 | width: 11px; |
||
| 966 | height: 11px; |
||
| 967 | background: url(../img/icons/sidebar-toggle-icons.png) no-repeat 0 0; |
||
| 968 | position: absolute; |
||
| 969 | top: 12px; |
||
| 970 | right: 10px; |
||
| 971 | } |
||
| 972 | .sidebar a:hover > .fa-angle-down { |
||
| 973 | background-position: -11px 0; |
||
| 974 | } |
||
| 975 | .sidebar .collapsed .fa-angle-down { |
||
| 976 | background-position: 0 -37px; |
||
| 977 | } |
||
| 978 | .sidebar .collapsed:hover > .fa-angle-down { |
||
| 979 | background-position: -11px -37px; |
||
| 980 | } |
||
| 981 | |||
| 982 | /*** |
||
| 983 | Brands |
||
| 984 | ***/ |
||
| 985 | .brands .container { |
||
| 986 | padding-right: 25px; |
||
| 987 | } |
||
| 988 | .brands .owl-carousel { |
||
| 989 | margin-bottom: 41px; |
||
| 990 | padding: 0 75px; |
||
| 991 | background: #fff; |
||
| 992 | } |
||
| 993 | .brands .owl-buttons div { |
||
| 994 | position: absolute; |
||
| 995 | top: 0; |
||
| 996 | width: 70px; |
||
| 997 | height: 102px; |
||
| 998 | text-indent: -10000px; |
||
| 999 | border-radius: 0 !important; |
||
| 1000 | display: block; |
||
| 1001 | } |
||
| 1002 | .brands .owl-buttons { |
||
| 1003 | position: static; |
||
| 1004 | } |
||
| 1005 | .brands .owl-buttons .owl-prev { |
||
| 1006 | left: 0; |
||
| 1007 | background: #fff url(../img/fa-angle-brands.png) no-repeat 18px 18px; |
||
| 1008 | margin-left: 0; |
||
| 1009 | } |
||
| 1010 | .brands .owl-buttons .owl-prev:hover { |
||
| 1011 | background: #fff url(../img/fa-angle-brands.png) no-repeat 18px -217px; |
||
| 1012 | } |
||
| 1013 | .brands .owl-buttons .owl-next { |
||
| 1014 | left: auto; |
||
| 1015 | right: 0; |
||
| 1016 | background: #fff url(../img/fa-angle-brands.png) no-repeat -249px 18px; |
||
| 1017 | margin-right: 0; |
||
| 1018 | } |
||
| 1019 | .brands .owl-buttons .owl-next:hover { |
||
| 1020 | background: #fff url(../img/fa-angle-brands.png) no-repeat -249px -217px; |
||
| 1021 | } |
||
| 1022 | |||
| 1023 | /*** |
||
| 1024 | steps block and steps block elements |
||
| 1025 | ***/ |
||
| 1026 | /* shop */ |
||
| 1027 | .steps-block { |
||
| 1028 | color: #fff; |
||
| 1029 | padding: 30px 0; |
||
| 1030 | } |
||
| 1031 | .steps-block ::-moz-selection { |
||
| 1032 | color: #e45000; |
||
| 1033 | background: #fff; |
||
| 1034 | } |
||
| 1035 | .steps-block ::selection { |
||
| 1036 | color: #e45000; |
||
| 1037 | background: #fff; |
||
| 1038 | } |
||
| 1039 | .steps-block-gray { |
||
| 1040 | background: #a0a3a4; |
||
| 1041 | } |
||
| 1042 | .steps-block-red { |
||
| 1043 | background: #e84d1c; |
||
| 1044 | } |
||
| 1045 | .steps-block-col { |
||
| 1046 | overflow: hidden; |
||
| 1047 | min-height: 71px; |
||
| 1048 | } |
||
| 1049 | .steps-block-col span { |
||
| 1050 | display: block; |
||
| 1051 | width: 36px; |
||
| 1052 | height: 71px; |
||
| 1053 | background: url(../img/step3-angle-right.png) no-repeat 100% 50%; |
||
| 1054 | position: absolute; |
||
| 1055 | top: 0; |
||
| 1056 | right: 10px; |
||
| 1057 | } |
||
| 1058 | .steps-block h2, |
||
| 1059 | .ecommerce .steps-block h2 { |
||
| 1060 | color: #fff; |
||
| 1061 | font-size: 43px; |
||
| 1062 | margin: 0; |
||
| 1063 | padding: 0; |
||
| 1064 | line-height: 1; |
||
| 1065 | } |
||
| 1066 | /* steps-block-simple – step block without image */ |
||
| 1067 | .steps-block-simple h2, |
||
| 1068 | .ecommerce .steps-block-simple h2 { |
||
| 1069 | font-size: 33px; |
||
| 1070 | margin-bottom: 5px; |
||
| 1071 | } |
||
| 1072 | .steps-block em { |
||
| 1073 | font: normal 400 13px 'Opan Sans', sans-serif; |
||
| 1074 | text-transform: uppercase; |
||
| 1075 | } |
||
| 1076 | .steps-block-simple em { |
||
| 1077 | text-transform: inherit; |
||
| 1078 | line-height: 1.2; |
||
| 1079 | } |
||
| 1080 | .steps-block .steps-block-col div { |
||
| 1081 | margin-left: 70px; |
||
| 1082 | margin-right: 40px; |
||
| 1083 | } |
||
| 1084 | .steps-block-simple .steps-block-col div { |
||
| 1085 | margin-left: 0; |
||
| 1086 | } |
||
| 1087 | .steps-block .fa-truck, |
||
| 1088 | .steps-block .fa-gift, |
||
| 1089 | .steps-block .fa-phone { |
||
| 1090 | font-size: 30px; |
||
| 1091 | border: solid 2px #fff; |
||
| 1092 | border-radius: 30px !important; |
||
| 1093 | width: 60px; |
||
| 1094 | height: 60px; |
||
| 1095 | text-align: center; |
||
| 1096 | vertical-align: middle; |
||
| 1097 | padding-top: 22px; |
||
| 1098 | margin-right: 11px; |
||
| 1099 | float: left; |
||
| 1100 | } |
||
| 1101 | .steps-block .fa-angle-right { |
||
| 1102 | font-size: 84px; |
||
| 1103 | } |
||
| 1104 | |||
| 1105 | /* title wrapper */ |
||
| 1106 | .title-wrapper { |
||
| 1107 | margin: -23px 0 23px; |
||
| 1108 | position: relative; |
||
| 1109 | overflow: hidden; |
||
| 1110 | background: #72c2ff url(../../pages/img/title-bg/man.jpg) no-repeat 100% 100%; |
||
| 1111 | min-height: 280px; |
||
| 1112 | padding-top: 79px; |
||
| 1113 | width: 100%; |
||
| 1114 | overflow: hidden; |
||
| 1115 | } |
||
| 1116 | .title-wrapper .container-inner { |
||
| 1117 | float: left; |
||
| 1118 | } |
||
| 1119 | .ecommerce .title-wrapper h1, .title-wrapper em { |
||
| 1120 | font-family: 'Open Sans', sans-serif; |
||
| 1121 | color: #fff; |
||
| 1122 | font-weight: 400; |
||
| 1123 | } |
||
| 1124 | .ecommerce .title-wrapper h1 { |
||
| 1125 | font-size: 45px; |
||
| 1126 | padding: 0 9px 13px; |
||
| 1127 | border-bottom: solid 1px rgba(255,255,255,0.6); |
||
| 1128 | margin: 0 -9px 17px; |
||
| 1129 | } |
||
| 1130 | .title-wrapper h1 span { |
||
| 1131 | color: #e6400c; |
||
| 1132 | } |
||
| 1133 | .title-wrapper em { |
||
| 1134 | font-size: 20px; |
||
| 1135 | font-style: normal; |
||
| 1136 | display: block; |
||
| 1137 | text-align: center; |
||
| 1138 | } |
||
| 1139 | |||
| 1140 | /* breadcrumb */ |
||
| 1141 | .breadcrumb { |
||
| 1142 | background: none; |
||
| 1143 | padding: 0; |
||
| 1144 | font: 14px "Open Sans", sans-serif; |
||
| 1145 | color: #5f6d7b; |
||
| 1146 | margin-bottom: 22px; |
||
| 1147 | } |
||
| 1148 | .breadcrumb > li + li:before { |
||
| 1149 | content: "\f105 "; |
||
| 1150 | -moz-osx-font-smoothing: grayscale; |
||
| 1151 | display: inline-block; |
||
| 1152 | font-family: FontAwesome; |
||
| 1153 | font-style: normal; |
||
| 1154 | font-weight: normal; |
||
| 1155 | line-height: 1; |
||
| 1156 | color: #5f6d7b; |
||
| 1157 | } |
||
| 1158 | .breadcrumb a { |
||
| 1159 | color: #5f6d7b; |
||
| 1160 | } |
||
| 1161 | .breadcrumb > .active { |
||
| 1162 | color: #e6400c; |
||
| 1163 | } |
||
| 1164 | |||
| 1165 | /* paginations */ |
||
| 1166 | .pagination { |
||
| 1167 | border-radius: 0; |
||
| 1168 | margin: 0; |
||
| 1169 | } |
||
| 1170 | .pagination > li { |
||
| 1171 | display: inline-block; |
||
| 1172 | margin-left: 5px; |
||
| 1173 | } |
||
| 1174 | .pagination > li > a, .pagination > li > span, |
||
| 1175 | .pagination > li:first-child > a, .pagination > li:first-child > span, |
||
| 1176 | .pagination > li:last-child > a, .pagination > li:last-child > span { |
||
| 1177 | border-radius: 25px !important; |
||
| 1178 | border: none; |
||
| 1179 | color: #868c93; |
||
| 1180 | } |
||
| 1181 | .pagination > li > span, |
||
| 1182 | .pagination > li > span:hover { |
||
| 1183 | background: #555; |
||
| 1184 | color: #fff; |
||
| 1185 | } |
||
| 1186 | .pagination > li:first-child > a, |
||
| 1187 | .pagination > li:last-child > a { |
||
| 1188 | padding: 4px 12px 8px; |
||
| 1189 | } |
||
| 1190 | .items-info { |
||
| 1191 | padding-top: 7px; |
||
| 1192 | color: #868c93; |
||
| 1193 | } |
||
| 1194 | |||
| 1195 | /* content page */ |
||
| 1196 | .content-page { |
||
| 1197 | background: #fff; |
||
| 1198 | padding: 20px; |
||
| 1199 | margin-right: 10px; |
||
| 1200 | } |
||
| 1201 | .corporate .content-page { |
||
| 1202 | padding: 0 0 20px; |
||
| 1203 | } |
||
| 1204 | .content-page a, |
||
| 1205 | .sidebar2 a { |
||
| 1206 | color: #767F88; |
||
| 1207 | } |
||
| 1208 | .content-page a:hover, |
||
| 1209 | .sidebar2 a:hover { |
||
| 1210 | color: #E02222; |
||
| 1211 | } |
||
| 1212 | .content-page .link, .content-page .link:hover, .content-page .link:active { |
||
| 1213 | color: #E02222; |
||
| 1214 | } |
||
| 1215 | .content-page h2, |
||
| 1216 | .content-page h3, |
||
| 1217 | .content-page h4, |
||
| 1218 | .content-page h5, |
||
| 1219 | .content-page h6 { |
||
| 1220 | /*text-transform: inherit;*/ |
||
| 1221 | padding-top: 10px; |
||
| 1222 | } |
||
| 1223 | .content-page h3 { |
||
| 1224 | font-size: 20px; |
||
| 1225 | margin-bottom: 7px; |
||
| 1226 | } |
||
| 1227 | .content-page h4 { |
||
| 1228 | font-size: 17px; |
||
| 1229 | margin-bottom: 4px; |
||
| 1230 | } |
||
| 1231 | .content-page h5, |
||
| 1232 | .content-page h6 { |
||
| 1233 | font: 700 15px 'Open Sans', Arial, sans-serif; |
||
| 1234 | margin-bottom: 2px; |
||
| 1235 | } |
||
| 1236 | .content-page p, |
||
| 1237 | .content-page .list-unstyled { |
||
| 1238 | margin-bottom: 20px; |
||
| 1239 | } |
||
| 1240 | .content-page .list-unstyled .list-unstyled { |
||
| 1241 | margin-left: 20px; |
||
| 1242 | padding-top: 3px; |
||
| 1243 | margin-bottom: 0; |
||
| 1244 | } |
||
| 1245 | .content-page .list-unstyled li { |
||
| 1246 | margin-bottom: 3px; |
||
| 1247 | } |
||
| 1248 | |||
| 1249 | /* 404 page */ |
||
| 1250 | .corporate .page-404 { |
||
| 1251 | text-align: center; |
||
| 1252 | padding-top: 60px; |
||
| 1253 | padding-bottom: 125px; |
||
| 1254 | } |
||
| 1255 | .page-404 .number { |
||
| 1256 | position: relative; |
||
| 1257 | top: 35px; |
||
| 1258 | display: inline-block; |
||
| 1259 | letter-spacing: -10px; |
||
| 1260 | margin-top: 0px; |
||
| 1261 | margin-bottom: 10px; |
||
| 1262 | line-height: 128px; |
||
| 1263 | font-size: 128px; |
||
| 1264 | font-weight: 300; |
||
| 1265 | color: #E02222; |
||
| 1266 | text-align: right; |
||
| 1267 | } |
||
| 1268 | .page-404 .details { |
||
| 1269 | margin-left: 40px; |
||
| 1270 | display: inline-block; |
||
| 1271 | padding-top: 0px; |
||
| 1272 | text-align: left; |
||
| 1273 | top: 15px; |
||
| 1274 | position: relative; |
||
| 1275 | } |
||
| 1276 | |||
| 1277 | /* 500 page */ |
||
| 1278 | .corporate .page-500 { |
||
| 1279 | text-align: center; |
||
| 1280 | padding-top: 60px; |
||
| 1281 | padding-bottom: 60px; |
||
| 1282 | } |
||
| 1283 | .page-500 .number { |
||
| 1284 | display: inline-block; |
||
| 1285 | letter-spacing: -10px; |
||
| 1286 | line-height: 128px; |
||
| 1287 | font-size: 128px; |
||
| 1288 | font-weight: 300; |
||
| 1289 | color: #E02222; |
||
| 1290 | text-align: right; |
||
| 1291 | } |
||
| 1292 | .page-500 .details { |
||
| 1293 | margin-left: 40px; |
||
| 1294 | display: inline-block; |
||
| 1295 | text-align: left; |
||
| 1296 | } |
||
| 1297 | |||
| 1298 | /* content form page */ |
||
| 1299 | div.content-form-page { |
||
| 1300 | background: #fff; |
||
| 1301 | padding: 5px 20px 30px; |
||
| 1302 | margin-right: 10px; |
||
| 1303 | } |
||
| 1304 | .content-form-page a { |
||
| 1305 | color: #767F88; |
||
| 1306 | } |
||
| 1307 | .content-form-page a:hover { |
||
| 1308 | color: #E02222; |
||
| 1309 | } |
||
| 1310 | .form-without-legend { |
||
| 1311 | padding-top: 25px; |
||
| 1312 | } |
||
| 1313 | .content-form-page legend { |
||
| 1314 | border: none; |
||
| 1315 | font-size: 18px; |
||
| 1316 | padding-top: 20px; |
||
| 1317 | margin-bottom: 10px; |
||
| 1318 | color: #3E4D5C; |
||
| 1319 | } |
||
| 1320 | .content-form-page .control-label { |
||
| 1321 | font-weight: normal; |
||
| 1322 | padding-right: 5px; |
||
| 1323 | margin-left: -15px; |
||
| 1324 | } |
||
| 1325 | .default-form label, |
||
| 1326 | .checkout-page label { |
||
| 1327 | font-weight: normal; |
||
| 1328 | } |
||
| 1329 | .require { |
||
| 1330 | color: #e94d1c; |
||
| 1331 | } |
||
| 1332 | .content-form-page input.form-control { |
||
| 1333 | border-color: #dbdbdb; |
||
| 1334 | color: #aaa; |
||
| 1335 | font: 14px Arial, sans-serif; |
||
| 1336 | border-radius: 0; |
||
| 1337 | } |
||
| 1338 | .content-form-page .form-control:focus { |
||
| 1339 | box-shadow: none; |
||
| 1340 | border: solid 1px #e94d1c; |
||
| 1341 | } |
||
| 1342 | .content-form-page .checkbox .col-lg-4 { |
||
| 1343 | padding-right: 0; |
||
| 1344 | margin-left: -15px; |
||
| 1345 | } |
||
| 1346 | /*.content-form-page .checker { |
||
| 1347 | margin-left: -15px; |
||
| 1348 | }*/ |
||
| 1349 | .content-form-page .btn { |
||
| 1350 | margin-right: 10px; |
||
| 1351 | /*padding: 7px 12px 6px;*/ |
||
| 1352 | } |
||
| 1353 | div.content-form-page .checkbox-list { |
||
| 1354 | margin-left: -3px; |
||
| 1355 | } |
||
| 1356 | |||
| 1357 | /* info at the right of the forms */ |
||
| 1358 | .form-info { |
||
| 1359 | padding: 0 10px 0 30px; |
||
| 1360 | border-left: solid 1px #e4e6e8; |
||
| 1361 | margin: 25px 0; |
||
| 1362 | } |
||
| 1363 | .form-info h2, |
||
| 1364 | .ecommerce .form-info h2 { |
||
| 1365 | font-size: 18px; |
||
| 1366 | position: relative; |
||
| 1367 | top: -5px; |
||
| 1368 | margin-bottom: 5px; |
||
| 1369 | } |
||
| 1370 | .form-info h2 em { |
||
| 1371 | font-style: normal; |
||
| 1372 | color: #e6400c; |
||
| 1373 | } |
||
| 1374 | .form-info p { |
||
| 1375 | margin: 0 0 20px; |
||
| 1376 | } |
||
| 1377 | |||
| 1378 | |||
| 1379 | .nav-tabs { |
||
| 1380 | border-color: #e6400c; |
||
| 1381 | padding-bottom: 1px; |
||
| 1382 | font-size: 14px; |
||
| 1383 | margin-bottom: 0; |
||
| 1384 | } |
||
| 1385 | .nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { |
||
| 1386 | background: #F4F4F4; |
||
| 1387 | color: #647484; |
||
| 1388 | border-radius: 0; |
||
| 1389 | padding: 5px 15px 4px; |
||
| 1390 | border: none !important; |
||
| 1391 | } |
||
| 1392 | .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { |
||
| 1393 | background: #e6400c; |
||
| 1394 | color: #fff; |
||
| 1395 | padding: 5px 15px 4px; |
||
| 1396 | } |
||
| 1397 | .tab-content { |
||
| 1398 | background: #FAFAFA; |
||
| 1399 | padding: 20px 15px; |
||
| 1400 | } |
||
| 1401 | |||
| 1402 | /* content search */ |
||
| 1403 | .content-search { |
||
| 1404 | background: #fff; |
||
| 1405 | padding: 10px 15px; |
||
| 1406 | } |
||
| 1407 | .ecommerce .content-search h1 { |
||
| 1408 | padding-top: 3px; |
||
| 1409 | margin: 0; |
||
| 1410 | } |
||
| 1411 | .content-search h1 em { |
||
| 1412 | font-style: normal; |
||
| 1413 | color: #e6400c; |
||
| 1414 | } |
||
| 1415 | .content-search form { |
||
| 1416 | margin: 0; |
||
| 1417 | } |
||
| 1418 | .content-search input { |
||
| 1419 | border-radius: 0; |
||
| 1420 | border-color: #dbdbdb; |
||
| 1421 | color: #b0b4b7; |
||
| 1422 | font: 14px Arial, sans-serif; |
||
| 1423 | height: 35px; |
||
| 1424 | } |
||
| 1425 | .content-search input:focus { |
||
| 1426 | box-shadow: none; |
||
| 1427 | border: solid 1px #e94d1c; |
||
| 1428 | } |
||
| 1429 | .content-search button { |
||
| 1430 | margin-left: 0 !important; |
||
| 1431 | font-size: 14px; |
||
| 1432 | /*padding: 7px 12px 5px;*/ |
||
| 1433 | height: 35px; |
||
| 1434 | } |
||
| 1435 | |||
| 1436 | /*** |
||
| 1437 | Pre-Footer and pre-footer elements |
||
| 1438 | ***/ |
||
| 1439 | .pre-footer { |
||
| 1440 | background: #313030; |
||
| 1441 | color: #b0b0b0; |
||
| 1442 | } |
||
| 1443 | .pre-footer .container { |
||
| 1444 | padding-top: 45px; |
||
| 1445 | } |
||
| 1446 | .pre-footer a { |
||
| 1447 | color: #57c8eb; |
||
| 1448 | } |
||
| 1449 | .pre-footer h2, |
||
| 1450 | .ecommerce .pre-footer h2 { |
||
| 1451 | font-size: 21px; |
||
| 1452 | color: #c2c1c1; |
||
| 1453 | } |
||
| 1454 | .pre-footer p { |
||
| 1455 | margin-bottom: 20px; |
||
| 1456 | } |
||
| 1457 | .pre-footer li { |
||
| 1458 | margin-bottom: 6px; |
||
| 1459 | } |
||
| 1460 | |||
| 1461 | /* pre-footer twitter block */ |
||
| 1462 | .pre-footer dl.f-twitter { |
||
| 1463 | overflow: hidden; |
||
| 1464 | margin-bottom: 7px; |
||
| 1465 | } |
||
| 1466 | .pre-footer dl.f-twitter dt { |
||
| 1467 | width: 30px; |
||
| 1468 | float: left; |
||
| 1469 | text-align: left; |
||
| 1470 | padding-top: 2px; |
||
| 1471 | } |
||
| 1472 | .pre-footer dl.f-twitter dt i { |
||
| 1473 | color: #57c8eb; |
||
| 1474 | font-size: 20px; |
||
| 1475 | } |
||
| 1476 | .pre-footer dl.f-twitter dd { |
||
| 1477 | color: #b0b0b0; |
||
| 1478 | margin-left: 30px; |
||
| 1479 | } |
||
| 1480 | .pre-footer dl.f-twitter dd span { |
||
| 1481 | color: #6b9cab; |
||
| 1482 | font-size: 12px; |
||
| 1483 | margin: 0 5px; |
||
| 1484 | } |
||
| 1485 | .pre-footer address { |
||
| 1486 | line-height: 1.7; |
||
| 1487 | } |
||
| 1488 | .pre-footer-col { |
||
| 1489 | padding-bottom: 22px; |
||
| 1490 | } |
||
| 1491 | .pre-footer .top-line { |
||
| 1492 | border-top: solid 1px #535353; |
||
| 1493 | padding-top: 24px; |
||
| 1494 | padding-bottom: 17px; |
||
| 1495 | } |
||
| 1496 | .pre-footer .social-icons { |
||
| 1497 | padding-top: 5px; |
||
| 1498 | } |
||
| 1499 | .pre-footer .social-icons li a, |
||
| 1500 | .pre-footer a.social-icon { |
||
| 1501 | transition: all 0.1s ease-in-out !important; |
||
| 1502 | -o-transition: all 0.1s ease-in-out !important; |
||
| 1503 | -ms-transition: all 0.1s ease-in-out !important; |
||
| 1504 | -moz-transition: all 0.1s ease-in-out !important; |
||
| 1505 | -webkit-transition: all 0.1s ease-in-out !important; |
||
| 1506 | } |
||
| 1507 | .pre-footer .social-icons li a:hover { |
||
| 1508 | opacity: 1; |
||
| 1509 | } |
||
| 1510 | |||
| 1511 | .pre-footer hr { |
||
| 1512 | margin-top: 0; |
||
| 1513 | border-color: #404040; |
||
| 1514 | } |
||
| 1515 | .pre-footer .form-control, |
||
| 1516 | .pre-footer .form-control:focus { |
||
| 1517 | border: none; |
||
| 1518 | } |
||
| 1519 | |||
| 1520 | /* subscribe */ |
||
| 1521 | .pre-footer .pre-footer-subscribe-box { |
||
| 1522 | padding-bottom: 14px; |
||
| 1523 | } |
||
| 1524 | .ecommerce .pre-footer-subscribe-box form { |
||
| 1525 | float: left; |
||
| 1526 | width: 330px; |
||
| 1527 | } |
||
| 1528 | .pre-footer .pre-footer-subscribe-box p { |
||
| 1529 | clear: both; |
||
| 1530 | } |
||
| 1531 | .pre-footer-subscribe-box .input-group { |
||
| 1532 | border: solid 1px #545454; |
||
| 1533 | padding: 1px 1px 0 0; |
||
| 1534 | } |
||
| 1535 | .pre-footer-light .pre-footer-subscribe-box .input-group { |
||
| 1536 | border: solid 1px #DBDBDB; |
||
| 1537 | } |
||
| 1538 | .ecommerce .pre-footer-subscribe-box h2, |
||
| 1539 | .corporate .pre-footer-subscribe-box h2 { |
||
| 1540 | float: left; |
||
| 1541 | margin-right: 20px; |
||
| 1542 | padding-top: 7px; |
||
| 1543 | } |
||
| 1544 | .pre-footer-subscribe-box input { |
||
| 1545 | border-radius: 0; |
||
| 1546 | background: #313030; |
||
| 1547 | border: solid 1px #313030; |
||
| 1548 | color: #909090; |
||
| 1549 | font: 13px Arial, sans-serif; |
||
| 1550 | } |
||
| 1551 | .pre-footer-subscribe-box input:focus { |
||
| 1552 | box-shadow: none; |
||
| 1553 | border: solid 1px #313030; |
||
| 1554 | } |
||
| 1555 | .pre-footer-subscribe-box .btn-primary { |
||
| 1556 | margin-left: 0 !important; |
||
| 1557 | border-bottom: none; |
||
| 1558 | margin-bottom: 1px; |
||
| 1559 | } |
||
| 1560 | |||
| 1561 | /* pre-footer photostream */ |
||
| 1562 | .pre-footer .photo-stream li { |
||
| 1563 | margin: 4px 5px 4px 0; |
||
| 1564 | display: inline-block; |
||
| 1565 | } |
||
| 1566 | .pre-footer .photo-stream img { |
||
| 1567 | width: 54px; |
||
| 1568 | height: 54px; |
||
| 1569 | border: solid 2px #9ca5ae; |
||
| 1570 | } |
||
| 1571 | .pre-footer .photo-stream img:hover { |
||
| 1572 | border-color: #E84D1C; |
||
| 1573 | transition: all 0.3s ease-in-out; |
||
| 1574 | -o-transition: all 0.3s ease-in-out; |
||
| 1575 | -moz-transition: all 0.3s ease-in-out; |
||
| 1576 | -webkit-transition: all 0.3s ease-in-out; |
||
| 1577 | } |
||
| 1578 | |||
| 1579 | /* light pre-footer */ |
||
| 1580 | .pre-footer-light { |
||
| 1581 | background: #F9F9F9; |
||
| 1582 | color: #3E4D5C; |
||
| 1583 | margin-top: 20px; |
||
| 1584 | } |
||
| 1585 | .pre-footer-light .container { |
||
| 1586 | background: #fff; |
||
| 1587 | padding-top: 25px; |
||
| 1588 | } |
||
| 1589 | .pre-footer-light h2, |
||
| 1590 | .ecommerce .pre-footer-light h2 { |
||
| 1591 | color: #3E4D5C; |
||
| 1592 | } |
||
| 1593 | .pre-footer-light a { |
||
| 1594 | color: #3E4D5C; |
||
| 1595 | } |
||
| 1596 | .pre-footer-light dl.f-twitter dd { |
||
| 1597 | color: #3E4D5C; |
||
| 1598 | } |
||
| 1599 | .pre-footer-light dl.f-twitter dd span { |
||
| 1600 | color: #99a5b1; |
||
| 1601 | } |
||
| 1602 | .pre-footer-light dl.f-twitter dd a { |
||
| 1603 | color: #e84d1c; |
||
| 1604 | } |
||
| 1605 | |||
| 1606 | .pre-footer-light address a { |
||
| 1607 | color: #e84d1c; |
||
| 1608 | } |
||
| 1609 | |||
| 1610 | .pre-footer-light hr { |
||
| 1611 | border-color: #e6e6e6; |
||
| 1612 | } |
||
| 1613 | |||
| 1614 | .pre-footer-light .social-icons li a { |
||
| 1615 | opacity: 1; |
||
| 1616 | } |
||
| 1617 | .pre-footer-light .social-icons li a:hover { |
||
| 1618 | opacity: 0.7; |
||
| 1619 | } |
||
| 1620 | |||
| 1621 | .pre-footer-light .input-group { |
||
| 1622 | border: none; |
||
| 1623 | padding: 1px 1px 0 0; |
||
| 1624 | } |
||
| 1625 | .pre-footer-light .pre-footer-subscribe-box input { |
||
| 1626 | background: #fff; |
||
| 1627 | border: none; |
||
| 1628 | color: #909090; |
||
| 1629 | } |
||
| 1630 | .pre-footer-light .pre-footer-subscribe-box button:hover { |
||
| 1631 | color: #fff; |
||
| 1632 | } |
||
| 1633 | |||
| 1634 | /* light pre-footer */ |
||
| 1635 | .pre-footer-gray { |
||
| 1636 | background: #62707F; |
||
| 1637 | color: #fff; |
||
| 1638 | } |
||
| 1639 | .pre-footer-gray h2, |
||
| 1640 | .ecommerce .pre-footer-gray h2 { |
||
| 1641 | color: #fff; |
||
| 1642 | } |
||
| 1643 | .pre-footer-gray dl.f-twitter dd { |
||
| 1644 | color: #fff; |
||
| 1645 | } |
||
| 1646 | .pre-footer-gray dl.f-twitter dd span { |
||
| 1647 | color: #fff; |
||
| 1648 | opacity: 0.5; |
||
| 1649 | } |
||
| 1650 | |||
| 1651 | .pre-footer-gray hr { |
||
| 1652 | border-color: #94a5b6; |
||
| 1653 | } |
||
| 1654 | |||
| 1655 | .pre-footer-gray .social-icons li a { |
||
| 1656 | opacity: 1; |
||
| 1657 | } |
||
| 1658 | .pre-footer-gray .social-icons li a:hover { |
||
| 1659 | opacity: 0.7; |
||
| 1660 | } |
||
| 1661 | |||
| 1662 | .pre-footer-gray .pre-footer-subscribe-box fomr { |
||
| 1663 | color: #fff; |
||
| 1664 | } |
||
| 1665 | .pre-footer-gray .pre-footer-subscribe-box .input-group { |
||
| 1666 | border: 1px solid #94a5b6; |
||
| 1667 | } |
||
| 1668 | .pre-footer-gray .pre-footer-subscribe-box input { |
||
| 1669 | background: #62707F; |
||
| 1670 | border: solid 1px #62707F; |
||
| 1671 | color: #fff; |
||
| 1672 | } |
||
| 1673 | .pre-footer-gray .pre-footer-subscribe-box input:focus { |
||
| 1674 | border: solid 1px #62707F; |
||
| 1675 | } |
||
| 1676 | .pre-footer-gray ::-webkit-input-placeholder { /* WebKit browsers */ |
||
| 1677 | color: #fff; |
||
| 1678 | } |
||
| 1679 | .pre-footer-gray :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ |
||
| 1680 | color: #fff; |
||
| 1681 | } |
||
| 1682 | .pre-footer-gray ::-moz-placeholder { /* Mozilla Firefox 19+ */ |
||
| 1683 | color: #fff; |
||
| 1684 | } |
||
| 1685 | .pre-footer-gray :-ms-input-placeholder { /* Internet Explorer 10+ */ |
||
| 1686 | color: #fff; |
||
| 1687 | } |
||
| 1688 | |||
| 1689 | /* footer */ |
||
| 1690 | .footer { |
||
| 1691 | background: #272626; |
||
| 1692 | color: #fff; |
||
| 1693 | font-size: 12px; |
||
| 1694 | padding: 15px 0; |
||
| 1695 | } |
||
| 1696 | .footer-light { |
||
| 1697 | background: #F9F9F9; |
||
| 1698 | color: #3e4d5c; |
||
| 1699 | } |
||
| 1700 | .footer-gray { |
||
| 1701 | background: #4A5866; |
||
| 1702 | } |
||
| 1703 | .footer a { |
||
| 1704 | color: #fff; |
||
| 1705 | text-decoration: underline; |
||
| 1706 | } |
||
| 1707 | .footer a:hover { |
||
| 1708 | text-decoration: none; |
||
| 1709 | } |
||
| 1710 | .footer-light a { |
||
| 1711 | color: inherit; |
||
| 1712 | } |
||
| 1713 | .footer .padding-top-10 { |
||
| 1714 | opacity: 0.5; |
||
| 1715 | } |
||
| 1716 | .footer .list-inline > li:last-child { |
||
| 1717 | padding-right: 0; |
||
| 1718 | } |
||
| 1719 | .footer ul { |
||
| 1720 | margin: 0; |
||
| 1721 | padding: 0; |
||
| 1722 | } |
||
| 1723 | .footer ul.social-footer { |
||
| 1724 | font-size: 18px; |
||
| 1725 | padding-top: 5px; |
||
| 1726 | } |
||
| 1727 | .footer ul.social-footer a { |
||
| 1728 | opacity: 0.5; |
||
| 1729 | } |
||
| 1730 | .footer ul.social-footer a:hover { |
||
| 1731 | opacity: 1; |
||
| 1732 | } |
||
| 1733 | |||
| 1734 | |||
| 1735 | /*** |
||
| 1736 | Custom icon buttons |
||
| 1737 | ***/ |
||
| 1738 | .icon-btn { |
||
| 1739 | height: 60px; |
||
| 1740 | min-width: 80px; |
||
| 1741 | margin: 0 5px 5px 0; |
||
| 1742 | border: 1px solid #ddd; |
||
| 1743 | padding: 12px 0px 0px 0px; |
||
| 1744 | background-color: #fafafa !important; |
||
| 1745 | background-image: none !important; |
||
| 1746 | filter:none !important; |
||
| 1747 | -webkit-box-shadow: none !important; |
||
| 1748 | -moz-box-shadow: none !important; |
||
| 1749 | box-shadow: none !important; |
||
| 1750 | display:inline-block !important; |
||
| 1751 | color: #646464 !important; |
||
| 1752 | text-shadow: none !important; |
||
| 1753 | text-align: center; |
||
| 1754 | cursor: pointer; |
||
| 1755 | position: relative; |
||
| 1756 | -webkit-transition: all 0.3s ease !important; |
||
| 1757 | -moz-transition: all 0.3s ease !important; |
||
| 1758 | -ms-transition: all 0.3s ease !important; |
||
| 1759 | -o-transition: all 0.3s ease !important; |
||
| 1760 | transition: all 0.3s ease !important; |
||
| 1761 | } |
||
| 1762 | |||
| 1763 | .icon-btn i { |
||
| 1764 | font-size: 18px; |
||
| 1765 | } |
||
| 1766 | |||
| 1767 | .ie8 .icon-btn:hover { |
||
| 1768 | filter: none !important; |
||
| 1769 | } |
||
| 1770 | |||
| 1771 | .icon-btn:hover { |
||
| 1772 | text-decoration: none !important; |
||
| 1773 | border-color: #999 !important; |
||
| 1774 | color: #444 !important; |
||
| 1775 | text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important; |
||
| 1776 | -webkit-transition: all 0.3s ease !important; |
||
| 1777 | -moz-transition: all 0.3s ease !important; |
||
| 1778 | -ms-transition: all 0.3s ease !important; |
||
| 1779 | -o-transition: all 0.3s ease !important; |
||
| 1780 | transition: all 0.3s ease !important; |
||
| 1781 | -webkit-box-shadow: none !important; |
||
| 1782 | -moz-box-shadow: none !important; |
||
| 1783 | box-shadow: none !important; |
||
| 1784 | } |
||
| 1785 | |||
| 1786 | .icon-btn:hover .badge { |
||
| 1787 | -webkit-transition: all 0.3s ease !important; |
||
| 1788 | -moz-transition: all 0.3s ease !important; |
||
| 1789 | -ms-transition: all 0.3s ease !important; |
||
| 1790 | -o-transition: all 0.3s ease !important; |
||
| 1791 | transition: all 0.3s ease !important; |
||
| 1792 | -webkit-box-shadow: none !important; |
||
| 1793 | -moz-box-shadow: none !important; |
||
| 1794 | box-shadow: none !important; |
||
| 1795 | } |
||
| 1796 | |||
| 1797 | .icon-btn div { |
||
| 1798 | font-family: 'Open Sans', sans-serif; |
||
| 1799 | margin-top: 5px; |
||
| 1800 | margin-bottom: 10px; |
||
| 1801 | color: #000; |
||
| 1802 | font-size: 12px; |
||
| 1803 | font-weight: 300; |
||
| 1804 | } |
||
| 1805 | |||
| 1806 | .icon-btn .badge { |
||
| 1807 | position: absolute; |
||
| 1808 | font-family: 'Open Sans', sans-serif; |
||
| 1809 | font-size: 11px !important; |
||
| 1810 | font-weight: 300; |
||
| 1811 | top: -5px; |
||
| 1812 | right: -5px; |
||
| 1813 | padding: 3px 6px 3px 6px; |
||
| 1814 | color: white !important; |
||
| 1815 | text-shadow: none; |
||
| 1816 | border-width: 0; |
||
| 1817 | border-style: solid; |
||
| 1818 | -webkit-border-radius: 12px !important; |
||
| 1819 | -moz-border-radius: 12px !important; |
||
| 1820 | border-radius: 12px !important; |
||
| 1821 | -webkit-box-shadow: none; |
||
| 1822 | -moz-box-shadow: none; |
||
| 1823 | box-shadow: none; |
||
| 1824 | } |
||
| 1825 | |||
| 1826 | /*** |
||
| 1827 | Notes |
||
| 1828 | ***/ |
||
| 1829 | |||
| 1830 | /* Common styles for all types */ |
||
| 1831 | .note { |
||
| 1832 | margin: 0 0 20px 0; |
||
| 1833 | padding: 15px 30px 15px 15px; |
||
| 1834 | border-left: 5px solid #eee; |
||
| 1835 | } |
||
| 1836 | |||
| 1837 | .note h1, |
||
| 1838 | .note h2, |
||
| 1839 | .note h3, |
||
| 1840 | .note h4 { |
||
| 1841 | margin-top: 0; |
||
| 1842 | } |
||
| 1843 | |||
| 1844 | .note p:last-child { |
||
| 1845 | margin-bottom: 0; |
||
| 1846 | } |
||
| 1847 | .note code, |
||
| 1848 | .note .highlight { |
||
| 1849 | background-color: #fff; |
||
| 1850 | } |
||
| 1851 | |||
| 1852 | /* Variations */ |
||
| 1853 | .note-danger { |
||
| 1854 | background-color: #FAEAE6; |
||
| 1855 | border-color: #ed4e2a; |
||
| 1856 | } |
||
| 1857 | |||
| 1858 | .note-warning { |
||
| 1859 | background-color: #FCF3E1; |
||
| 1860 | border-color: #fcb322; |
||
| 1861 | } |
||
| 1862 | |||
| 1863 | .note-info { |
||
| 1864 | background-color: #E8F6FC; |
||
| 1865 | border-color: #57b5e3; |
||
| 1866 | } |
||
| 1867 | |||
| 1868 | .note-success { |
||
| 1869 | background-color: #EBFCEE; |
||
| 1870 | border-color: #3cc051; |
||
| 1871 | } |
||
| 1872 | |||
| 1873 | /* panel styles */ |
||
| 1874 | .panel-default > .panel-heading { |
||
| 1875 | color: inherit; |
||
| 1876 | } |
||
| 1877 | .panel .panel-title { |
||
| 1878 | padding-top: 0; |
||
| 1879 | margin-bottom: 0; |
||
| 1880 | } |
||
| 1881 | |||
| 1882 | /*** |
||
| 1883 | Font awesome icons styles |
||
| 1884 | ***/ |
||
| 1885 | .fontawesome-icon-list [class^="fa-"], |
||
| 1886 | .fontawesome-icon-list [class*=" fa-"], |
||
| 1887 | li [class^="fa-"], |
||
| 1888 | li [class*=" fa-"] { |
||
| 1889 | display: inline-block; |
||
| 1890 | width: 1.25em; |
||
| 1891 | text-align: center; |
||
| 1892 | } |
||
| 1893 | .fontawesome-icon-list [class^="fa-"].icon-large, |
||
| 1894 | .fontawesome-icon-list [class*=" fa-"].icon-large, |
||
| 1895 | li [class^="fa-"].icon-large, |
||
| 1896 | li [class*=" fa-"].icon-large { |
||
| 1897 | width: 1.5625em; |
||
| 1898 | } |
||
| 1899 | .fontawesome-icon-list .col-md-3 { |
||
| 1900 | height: 32px; |
||
| 1901 | line-height: 32px; |
||
| 1902 | } |
||
| 1903 | |||
| 1904 | |||
| 1905 | /*** |
||
| 1906 | Demo Utils |
||
| 1907 | ***/ |
||
| 1908 | .scrollspy-example { |
||
| 1909 | position: relative; |
||
| 1910 | height: 200px; |
||
| 1911 | margin-top: 10px; |
||
| 1912 | overflow: auto; |
||
| 1913 | } |
||
| 1914 | |||
| 1915 | .util-btn-margin-bottom-5 .btn { |
||
| 1916 | margin-bottom: 5px !important; |
||
| 1917 | } |
||
| 1918 | |||
| 1919 | .util-btn-group-margin-bottom-5 .btn-group { |
||
| 1920 | margin-bottom: 5px !important; |
||
| 1921 | } |
||
| 1922 | |||
| 1923 | .fontawesome-demo i { |
||
| 1924 | font-size: 18px; |
||
| 1925 | } |
||
| 1926 | |||
| 1927 | .fontawesome-demo li { |
||
| 1928 | padding-top: 5px; |
||
| 1929 | padding-bottom: 5px; |
||
| 1930 | } |
||
| 1931 | |||
| 1932 | .glyphicons-demo ul { |
||
| 1933 | padding-left: 0; |
||
| 1934 | padding-bottom: 1px; |
||
| 1935 | margin-bottom: 20px; |
||
| 1936 | list-style: none; |
||
| 1937 | overflow: hidden; |
||
| 1938 | } |
||
| 1939 | |||
| 1940 | .bs-glyphicons { |
||
| 1941 | padding-left: 0; |
||
| 1942 | padding-bottom: 1px; |
||
| 1943 | margin-bottom: 20px; |
||
| 1944 | list-style: none; |
||
| 1945 | overflow: hidden; |
||
| 1946 | } |
||
| 1947 | .glyphicons-demo ul li { |
||
| 1948 | float: left; |
||
| 1949 | width: 25%; |
||
| 1950 | height: 115px; |
||
| 1951 | padding: 10px; |
||
| 1952 | margin: 0 -1px -1px 0; |
||
| 1953 | font-size: 12px; |
||
| 1954 | line-height: 1.4; |
||
| 1955 | text-align: center; |
||
| 1956 | border: 1px solid #ddd; |
||
| 1957 | } |
||
| 1958 | |||
| 1959 | .glyphicons-demo .glyphicon { |
||
| 1960 | display: block; |
||
| 1961 | margin: 5px auto 10px; |
||
| 1962 | font-size: 24px; |
||
| 1963 | } |
||
| 1964 | .glyphicons-demo ul li { |
||
| 1965 | width: 12.5%; |
||
| 1966 | } |
||
| 1967 | .glyphicons-demo ul li [class^="glyphicon-"], .glyphicons-demo ul li [class*=" glyphicon-"] { |
||
| 1968 | display: block; |
||
| 1969 | text-align: center !important; |
||
| 1970 | width: auto; |
||
| 1971 | line-height: 1.2; |
||
| 1972 | } |
||
| 1973 | .glyphicons-demo ul li:hover { |
||
| 1974 | background-color: rgba(86,61,124,.1); |
||
| 1975 | } |
||
| 1976 | |||
| 1977 | .buttons-page .btn { |
||
| 1978 | margin-bottom: 5px !important; |
||
| 1979 | } |
||
| 1980 | .buttons-page .clearfix { |
||
| 1981 | margin-bottom: 20px; |
||
| 1982 | } |
||
| 1983 | #topcontrol { |
||
| 1984 | z-index: 99999; |
||
| 1985 | } |
||
| 1986 | |||
| 1987 | /* faq page */ |
||
| 1988 | .faq-page .panel-heading { |
||
| 1989 | padding: 0; |
||
| 1990 | } |
||
| 1991 | .faq-page .panel-heading h4 { |
||
| 1992 | font-size: 17px; |
||
| 1993 | } |
||
| 1994 | .faq-page .panel-heading a { |
||
| 1995 | display: block; |
||
| 1996 | padding: 10px 15px 9px; |
||
| 1997 | } |
||
| 1998 | .faq-page .panel-heading a:hover { |
||
| 1999 | color: #333; |
||
| 2000 | text-decoration: underline; |
||
| 2001 | } |
||
| 2002 | |||
| 2003 | /* Services Box */ |
||
| 2004 | .service-box p { |
||
| 2005 | color: #656565; |
||
| 2006 | font-size: 13px; |
||
| 2007 | } |
||
| 2008 | .service-box .service-box-heading { |
||
| 2009 | padding: 12px 0; |
||
| 2010 | } |
||
| 2011 | .service-box .service-box-heading i { |
||
| 2012 | padding: 0; |
||
| 2013 | -webkit-border-radius: 34px; |
||
| 2014 | -moz-border-radius: 34px; |
||
| 2015 | border-radius: 34px; |
||
| 2016 | font-size:18px; |
||
| 2017 | height:32px; |
||
| 2018 | width:32px; |
||
| 2019 | line-height: 32px; |
||
| 2020 | text-align:center; |
||
| 2021 | vertical-align: baseline; |
||
| 2022 | } |
||
| 2023 | .service-box .service-box-heading i.blue { |
||
| 2024 | color: #0da3e2; |
||
| 2025 | border:1px solid #0da3e2; |
||
| 2026 | } |
||
| 2027 | .service-box .service-box-heading i.red { |
||
| 2028 | color: #db3a1b; |
||
| 2029 | border:1px solid #db3a1b; |
||
| 2030 | } |
||
| 2031 | .service-box .service-box-heading i.green { |
||
| 2032 | color: #35aa47; |
||
| 2033 | border:1px solid #35aa47; |
||
| 2034 | } |
||
| 2035 | .service-box .service-box-heading span { |
||
| 2036 | color: #444; |
||
| 2037 | font-size: 21px; |
||
| 2038 | line-height: 25px; |
||
| 2039 | font-weight: 400; |
||
| 2040 | margin-bottom: 10px; |
||
| 2041 | margin-left: 10px; |
||
| 2042 | display: inline-block; |
||
| 2043 | } |
||
| 2044 | .service-box .service-box-heading [class^="icon-"], |
||
| 2045 | .service-box [class*=" icon-"] { |
||
| 2046 | display: inline-block; |
||
| 2047 | text-align: center; |
||
| 2048 | } |
||
| 2049 | .service-box .service-box-heading [class^="icon-"].icon-large, |
||
| 2050 | .service-box .service-box-heading [class*=" icon-"].icon-large { |
||
| 2051 | /* increased font size for icon-large */ |
||
| 2052 | width: 1.5625em; |
||
| 2053 | } |
||
| 2054 | |||
| 2055 | /* Blockquote Box */ |
||
| 2056 | .quote-v1 { |
||
| 2057 | background: #7C858E; |
||
| 2058 | padding: 10px 0; |
||
| 2059 | margin-left: 0; |
||
| 2060 | margin-right: 0; |
||
| 2061 | } |
||
| 2062 | .quote-v1 a { |
||
| 2063 | margin: 5px; |
||
| 2064 | display: inline-block; |
||
| 2065 | } |
||
| 2066 | .quote-v1 span { |
||
| 2067 | color: #fff; |
||
| 2068 | font-size: 22px; |
||
| 2069 | font-weight: 300; |
||
| 2070 | margin: 13px 5px 8px; |
||
| 2071 | line-height: 26px; |
||
| 2072 | display: inline-block; |
||
| 2073 | } |
||
| 2074 | .quote-v1 a.btn-transparent { |
||
| 2075 | color: #fff; |
||
| 2076 | font-size: 16px; |
||
| 2077 | padding: 8px 18px; |
||
| 2078 | white-space: nowrap; |
||
| 2079 | text-decoration: none; |
||
| 2080 | border: solid 1px #fff; |
||
| 2081 | background: none; |
||
| 2082 | } |
||
| 2083 | .quote-v1 a.btn-transparent:hover { |
||
| 2084 | background: #E02222; |
||
| 2085 | color: #fff; |
||
| 2086 | transition: all 0.5s ease; |
||
| 2087 | -o-transition: all 0.5s ease; |
||
| 2088 | -moz-transition: all 0.5s ease; |
||
| 2089 | -webkit-transition: all 0.5s ease; |
||
| 2090 | } |
||
| 2091 | .quote-v1 a.btn-transparent i { |
||
| 2092 | margin-right: 10px; |
||
| 2093 | } |
||
| 2094 | |||
| 2095 | /* Recent Works */ |
||
| 2096 | .recent-work { |
||
| 2097 | position: relative; |
||
| 2098 | } |
||
| 2099 | .recent-work a:hover { |
||
| 2100 | text-decoration: none; |
||
| 2101 | } |
||
| 2102 | .recent-work h2, |
||
| 2103 | .ecommerce .recent-work h2 { |
||
| 2104 | margin: 3px 0 5px; |
||
| 2105 | } |
||
| 2106 | .recent-work h2 a { |
||
| 2107 | color: #3e4d5c; |
||
| 2108 | } |
||
| 2109 | .recent-work h2 a:hover { |
||
| 2110 | color: #E02222; |
||
| 2111 | } |
||
| 2112 | .recent-work-item { |
||
| 2113 | padding-left: 10px; |
||
| 2114 | } |
||
| 2115 | .recent-work .owl-buttons { |
||
| 2116 | left: -74px; |
||
| 2117 | right: auto; |
||
| 2118 | top: 0; |
||
| 2119 | } |
||
| 2120 | .recent-work .recent-work-item a.recent-work-description { |
||
| 2121 | padding: 10px; |
||
| 2122 | display: block; |
||
| 2123 | background: #fff; |
||
| 2124 | } |
||
| 2125 | .recent-work .recent-work-item:hover a.recent-work-description { |
||
| 2126 | background: #E6400C; |
||
| 2127 | transition: all 0.9s ease; |
||
| 2128 | -o-transition: all 0.9s ease; |
||
| 2129 | -moz-transition: all 0.9s ease; |
||
| 2130 | -webkit-transition: all 0.9s ease; |
||
| 2131 | } |
||
| 2132 | .recent-work .recent-work-item strong { |
||
| 2133 | color: #000; |
||
| 2134 | display: block; |
||
| 2135 | font-size: 16px; |
||
| 2136 | font-weight: 300; |
||
| 2137 | } |
||
| 2138 | .recent-work .recent-work-item b { |
||
| 2139 | color: #656565; |
||
| 2140 | font-weight: 300; |
||
| 2141 | } |
||
| 2142 | .recent-work .recent-work-item:hover b, |
||
| 2143 | .recent-work .recent-work-item:hover strong { |
||
| 2144 | color: #fff; |
||
| 2145 | } |
||
| 2146 | .recent-work .recent-work-item em { |
||
| 2147 | display: block; |
||
| 2148 | overflow: hidden; |
||
| 2149 | position: relative; |
||
| 2150 | } |
||
| 2151 | .recent-work .recent-work-item .fa { |
||
| 2152 | color: #fff; |
||
| 2153 | padding: 16px 30px 16px 18px; |
||
| 2154 | font-size: 16px; |
||
| 2155 | position: absolute; |
||
| 2156 | top: 50%; |
||
| 2157 | width: 47px; |
||
| 2158 | height: 47px; |
||
| 2159 | margin-top: -23.5px; |
||
| 2160 | border-radius: 47px; |
||
| 2161 | background: rgba(0,0,0,0.5); |
||
| 2162 | transition: all 0.6s ease; |
||
| 2163 | -o-transition: all 0.6s ease; |
||
| 2164 | -moz-transition: all 0.6s ease; |
||
| 2165 | -webkit-transition: all 0.6s ease; |
||
| 2166 | } |
||
| 2167 | .recent-work .recent-work-item .fa:hover { |
||
| 2168 | color: #E02222; |
||
| 2169 | } |
||
| 2170 | .recent-work .recent-work-item .fa-link { |
||
| 2171 | left: -100px; |
||
| 2172 | } |
||
| 2173 | .recent-work .recent-work-item .fa-search { |
||
| 2174 | right: -100px; |
||
| 2175 | } |
||
| 2176 | .recent-work .recent-work-item:hover .fa-link { |
||
| 2177 | left: 30%; |
||
| 2178 | } |
||
| 2179 | .recent-work .recent-work-item:hover .fa-search { |
||
| 2180 | right: 30%; |
||
| 2181 | } |
||
| 2182 | |||
| 2183 | /* Mixed Block */ |
||
| 2184 | /* Testimonials */ |
||
| 2185 | .testimonials-v1 blockquote { |
||
| 2186 | padding: 15px; |
||
| 2187 | border: none; |
||
| 2188 | color: #666; |
||
| 2189 | display: block; |
||
| 2190 | font-size: 14px; |
||
| 2191 | line-height: 20px; |
||
| 2192 | background: #F8F8F8; |
||
| 2193 | position: relative; |
||
| 2194 | } |
||
| 2195 | .testimonials-v1 blockquote:before { |
||
| 2196 | content: " "; |
||
| 2197 | display: block; |
||
| 2198 | position: absolute; |
||
| 2199 | bottom: -20px; |
||
| 2200 | left: 70px; |
||
| 2201 | width: 0; |
||
| 2202 | height: 0; |
||
| 2203 | border-left: 0 inset rgba(0, 0, 0, 0); |
||
| 2204 | border-right: 22px inset rgba(0, 0, 0, 0); |
||
| 2205 | border-top: 22px solid #F8F8F8; |
||
| 2206 | } |
||
| 2207 | .testimonials-v1 blockquote:after { |
||
| 2208 | width: 13px; |
||
| 2209 | height: 13px; |
||
| 2210 | z-index: 23; |
||
| 2211 | content: " "; |
||
| 2212 | display: block !important; |
||
| 2213 | position: absolute; |
||
| 2214 | right: 0; |
||
| 2215 | bottom: 0; |
||
| 2216 | background: #E6400C url(../img/blockquote-corner.png) no-repeat; |
||
| 2217 | } |
||
| 2218 | |||
| 2219 | .testimonials-v1 .carousel-info img { |
||
| 2220 | width: 75px; |
||
| 2221 | height: 75px; |
||
| 2222 | padding: 3px; |
||
| 2223 | border-radius: 150px !important; |
||
| 2224 | border: solid 1px #f5f5f5; |
||
| 2225 | } |
||
| 2226 | .testimonials-v1 .carousel-info { |
||
| 2227 | overflow: hidden; |
||
| 2228 | } |
||
| 2229 | .testimonials-v1 .carousel-info img { |
||
| 2230 | margin-right: 15px; |
||
| 2231 | } |
||
| 2232 | .testimonials-v1 .carousel-info span { |
||
| 2233 | display: block; |
||
| 2234 | } |
||
| 2235 | .testimonials-v1 span.testimonials-name { |
||
| 2236 | color: #E6400C; |
||
| 2237 | font-size: 16px; |
||
| 2238 | font-weight: 300; |
||
| 2239 | margin: 23px 0 7px; |
||
| 2240 | } |
||
| 2241 | .testimonials-v1 span.testimonials-post { |
||
| 2242 | color: #656565; |
||
| 2243 | font-size: 12px; |
||
| 2244 | } |
||
| 2245 | .testimonials-v1 .left-btn, |
||
| 2246 | .testimonials-v1 .right-btn { |
||
| 2247 | right: 0; |
||
| 2248 | width: 26px; |
||
| 2249 | height: 26px; |
||
| 2250 | bottom: 30px; |
||
| 2251 | border-radius: 26px !important; |
||
| 2252 | position: absolute; |
||
| 2253 | display: inline-block; |
||
| 2254 | } |
||
| 2255 | .testimonials-v1 .left-btn { |
||
| 2256 | right: 30px; |
||
| 2257 | background: url(../img/fa-angles.png) no-repeat 8px 8px; |
||
| 2258 | } |
||
| 2259 | .testimonials-v1 .right-btn { |
||
| 2260 | background: url(../img/fa-angles.png) no-repeat -33px 8px; |
||
| 2261 | } |
||
| 2262 | .testimonials-v1 .left-btn:hover { |
||
| 2263 | background: #e84d1c url(../img/fa-angles.png) no-repeat 8px -31px; |
||
| 2264 | } |
||
| 2265 | .testimonials-v1 .right-btn:hover { |
||
| 2266 | background: #e84d1c url(../img/fa-angles.png) no-repeat -33px -31px; |
||
| 2267 | } |
||
| 2268 | |||
| 2269 | /* our clients */ |
||
| 2270 | .our-clients { |
||
| 2271 | position: relative; |
||
| 2272 | } |
||
| 2273 | .our-clients h2, |
||
| 2274 | .ecommerce .our-clients h2 { |
||
| 2275 | margin: 3px 0 5px; |
||
| 2276 | } |
||
| 2277 | .our-clients h2 a { |
||
| 2278 | color: #3e4d5c; |
||
| 2279 | } |
||
| 2280 | .our-clients h2 a:hover { |
||
| 2281 | color: #E02222; |
||
| 2282 | } |
||
| 2283 | .our-clients .client-item { |
||
| 2284 | background: #f8f8f8; |
||
| 2285 | margin-left: 2px; |
||
| 2286 | position: relative; |
||
| 2287 | } |
||
| 2288 | .our-clients .owl-buttons { |
||
| 2289 | left: -74px; |
||
| 2290 | right: auto; |
||
| 2291 | top: 0; |
||
| 2292 | } |
||
| 2293 | .our-clients .client-item img { |
||
| 2294 | margin-left: auto; |
||
| 2295 | margin-right: auto; |
||
| 2296 | } |
||
| 2297 | .our-clients .client-item .color-img { |
||
| 2298 | display: none; |
||
| 2299 | } |
||
| 2300 | .our-clients .client-item:hover img { |
||
| 2301 | display: none; |
||
| 2302 | } |
||
| 2303 | .our-clients .client-item:hover .color-img { |
||
| 2304 | display: block; |
||
| 2305 | } |
||
| 2306 | |||
| 2307 | /* Front Carousel */ |
||
| 2308 | .front-carousel .carousel-control { |
||
| 2309 | margin: 0; |
||
| 2310 | border: none; |
||
| 2311 | height: 35px; |
||
| 2312 | font-size: 24px; |
||
| 2313 | font-weight: normal; |
||
| 2314 | top: 40%; |
||
| 2315 | width: 35px; |
||
| 2316 | background: #222; |
||
| 2317 | opacity: 0.5; |
||
| 2318 | } |
||
| 2319 | .front-carousel .carousel-control:hover { |
||
| 2320 | opacity: 0.6; |
||
| 2321 | } |
||
| 2322 | .front-carousel .carousel-control i { |
||
| 2323 | font-size: 27px; |
||
| 2324 | } |
||
| 2325 | .front-carousel .carousel-control.right i { |
||
| 2326 | position: relative; |
||
| 2327 | left: 1px; |
||
| 2328 | } |
||
| 2329 | .front-carousel .carousel-caption { |
||
| 2330 | padding: 10px 15px 0; |
||
| 2331 | background: rgba(0,0,0,0.5); |
||
| 2332 | left: 0; |
||
| 2333 | right: 0; |
||
| 2334 | bottom: 0; |
||
| 2335 | text-align: left; |
||
| 2336 | } |
||
| 2337 | .front-carousel .carousel-control.left { |
||
| 2338 | left: 0; |
||
| 2339 | } |
||
| 2340 | .front-carousel .carousel-control.right { |
||
| 2341 | right: 0; |
||
| 2342 | } |
||
| 2343 | |||
| 2344 | /* Skils */ |
||
| 2345 | .front-skills span { |
||
| 2346 | color: #555; |
||
| 2347 | display: block; |
||
| 2348 | font-size: 15px; |
||
| 2349 | margin-bottom: 7px; |
||
| 2350 | } |
||
| 2351 | .front-skills .progress { |
||
| 2352 | background: #f2f2f2; |
||
| 2353 | } |
||
| 2354 | .front-skills .progress-bar { |
||
| 2355 | background: #EF4D2E; |
||
| 2356 | } |
||
| 2357 | .front-skills .progress, |
||
| 2358 | .front-skills .progress-bar { |
||
| 2359 | box-shadow: none; |
||
| 2360 | } |
||
| 2361 | |||
| 2362 | /* Team Blocks */ |
||
| 2363 | .front-team .thumbnail { |
||
| 2364 | border: none; |
||
| 2365 | } |
||
| 2366 | .front-team h3, |
||
| 2367 | .ecommerce .front-team h3 { |
||
| 2368 | margin:10px 0 12px; |
||
| 2369 | line-height:40px; |
||
| 2370 | } |
||
| 2371 | .front-team h3 strong { |
||
| 2372 | color: #E02222; |
||
| 2373 | font-size: 20px; |
||
| 2374 | font-weight: 400; |
||
| 2375 | } |
||
| 2376 | .front-team h3 small { |
||
| 2377 | display: block; |
||
| 2378 | font-size: 13px; |
||
| 2379 | } |
||
| 2380 | .front-team ul { |
||
| 2381 | padding: 4px 0 0; |
||
| 2382 | } |
||
| 2383 | .front-team .social-icons { |
||
| 2384 | overflow: hidden; |
||
| 2385 | } |
||
| 2386 | |||
| 2387 | /* Service Box v1 */ |
||
| 2388 | .service-box-v1 { |
||
| 2389 | text-align: center; |
||
| 2390 | padding: 15px; |
||
| 2391 | } |
||
| 2392 | .service-box-v1 i { |
||
| 2393 | padding: 15px; |
||
| 2394 | font-size: 35px; |
||
| 2395 | } |
||
| 2396 | .service-box-v1:hover { |
||
| 2397 | background: #d73d04; |
||
| 2398 | transition: all 0.4s ease-in-out; |
||
| 2399 | -o-transition: all 0.4s ease-in-out; |
||
| 2400 | -moz-transition: all 0.4s ease-in-out; |
||
| 2401 | -webkit-transition: all 0.4s ease-in-out; |
||
| 2402 | } |
||
| 2403 | .service-box-v1:hover i, |
||
| 2404 | .service-box-v1:hover p, |
||
| 2405 | .service-box-v1:hover h2 { |
||
| 2406 | color: #fff; |
||
| 2407 | } |
||
| 2408 | |||
| 2409 | /* corp. search result */ |
||
| 2410 | .content-search-view2 { |
||
| 2411 | background: #EDEFF1; |
||
| 2412 | padding: 20px; |
||
| 2413 | margin: 0 0 20px; |
||
| 2414 | } |
||
| 2415 | .search-result-item { |
||
| 2416 | margin: 0 -10px 20px; |
||
| 2417 | padding: 0 10px 15px; |
||
| 2418 | border-bottom: 1px solid #ECEBEB; |
||
| 2419 | } |
||
| 2420 | .search-result-item h4, |
||
| 2421 | .ecommerce .search-result-item h4 { |
||
| 2422 | margin-bottom: 5px; |
||
| 2423 | padding: 0; |
||
| 2424 | } |
||
| 2425 | .search-result-item h4 a { |
||
| 2426 | color: #E6400C; |
||
| 2427 | } |
||
| 2428 | .search-result-item p { |
||
| 2429 | margin-bottom: 10px; |
||
| 2430 | } |
||
| 2431 | .search-link { |
||
| 2432 | color: #999; |
||
| 2433 | font-size: 12px; |
||
| 2434 | } |
||
| 2435 | |||
| 2436 | /* FAQ */ |
||
| 2437 | .faq-tabbable { |
||
| 2438 | padding: 0; |
||
| 2439 | margin: 0; |
||
| 2440 | list-style: none; |
||
| 2441 | border-left: solid 2px #e44f00; |
||
| 2442 | } |
||
| 2443 | .faq-tabbable li { |
||
| 2444 | position: relative; |
||
| 2445 | margin-bottom: 1px; |
||
| 2446 | } |
||
| 2447 | .faq-tabbable li a { |
||
| 2448 | font-size: 14px; |
||
| 2449 | color: #7C858E; |
||
| 2450 | display: block; |
||
| 2451 | background: #F4F4F4; |
||
| 2452 | padding: 12px 10px 11px 8px; |
||
| 2453 | } |
||
| 2454 | .faq-tabbable li:hover a, |
||
| 2455 | .faq-tabbable li.active a{ |
||
| 2456 | background: #e44f00; |
||
| 2457 | text-decoration: none; |
||
| 2458 | color: #fff; |
||
| 2459 | } |
||
| 2460 | .faq-tabbable li.active:after { |
||
| 2461 | content: ''; |
||
| 2462 | display: inline-block; |
||
| 2463 | border-bottom: 6px solid transparent; |
||
| 2464 | border-top: 6px solid transparent; |
||
| 2465 | border-left: 6px solid #e44f00; |
||
| 2466 | position: absolute; |
||
| 2467 | top: 16px; |
||
| 2468 | right: -5px; |
||
| 2469 | } |
||
| 2470 | |||
| 2471 | /* Lists */ |
||
| 2472 | .front-lists-v1 li { |
||
| 2473 | font-size: 14px; |
||
| 2474 | margin-bottom: 5px; |
||
| 2475 | } |
||
| 2476 | .content-page .front-lists-v2 li { |
||
| 2477 | color: #555; |
||
| 2478 | font-size: 16px; |
||
| 2479 | margin-bottom: 14px; |
||
| 2480 | text-transform: uppercase; |
||
| 2481 | } |
||
| 2482 | .front-lists-v2 li i { |
||
| 2483 | margin-right: 5px; |
||
| 2484 | font-size: 17px; |
||
| 2485 | } |
||
| 2486 | |||
| 2487 | /* Blog Page */ |
||
| 2488 | .blog-posts h2, |
||
| 2489 | .ecommerce .blog-posts h2 { |
||
| 2490 | padding-top: 0; |
||
| 2491 | } |
||
| 2492 | .blog-posts p { |
||
| 2493 | text-align: justify; |
||
| 2494 | } |
||
| 2495 | .blog-posts .carousel { |
||
| 2496 | margin-bottom: 0; |
||
| 2497 | } |
||
| 2498 | .blog-posts hr.blog-post-sep { |
||
| 2499 | margin: 40px 0; |
||
| 2500 | } |
||
| 2501 | .blog-info { |
||
| 2502 | list-style: none; |
||
| 2503 | margin: 15px 0 12px 0; |
||
| 2504 | padding-left:0; |
||
| 2505 | } |
||
| 2506 | .blog-info li { |
||
| 2507 | padding: 0; |
||
| 2508 | color: #555; |
||
| 2509 | font-size: 13px; |
||
| 2510 | margin-right: 10px; |
||
| 2511 | display: inline-block; |
||
| 2512 | } |
||
| 2513 | .blog-info li i { |
||
| 2514 | color: #E84D1C; |
||
| 2515 | } |
||
| 2516 | |||
| 2517 | .blog-posts .pagination li { |
||
| 2518 | margin-left: -12px; |
||
| 2519 | margin-right: 17px; |
||
| 2520 | } |
||
| 2521 | |||
| 2522 | .blog-posts .more, |
||
| 2523 | .blog-sidebar .more { |
||
| 2524 | color: #E84D1C; |
||
| 2525 | } |
||
| 2526 | |||
| 2527 | /* Blog Sidebar */ |
||
| 2528 | .recent-news { |
||
| 2529 | overflow: hidden; |
||
| 2530 | } |
||
| 2531 | .recent-news h3, |
||
| 2532 | .ecommerce .recent-news h3 { |
||
| 2533 | font-size: 16px; |
||
| 2534 | line-height: 20px; |
||
| 2535 | margin: 0; |
||
| 2536 | padding: 0; |
||
| 2537 | } |
||
| 2538 | .recent-news h3 a { |
||
| 2539 | color: #E84D1C; |
||
| 2540 | } |
||
| 2541 | .recent-news-inner{ |
||
| 2542 | padding: 0; |
||
| 2543 | } |
||
| 2544 | .blog-talks .tab-style-1 ul.nav-tabs li > a { |
||
| 2545 | min-width: 50px; |
||
| 2546 | } |
||
| 2547 | .blog-photo-stream li { |
||
| 2548 | overflow: hidden; |
||
| 2549 | margin: 0 5px 8px 0; |
||
| 2550 | display: inline-block; |
||
| 2551 | } |
||
| 2552 | .blog-photo-stream li img { |
||
| 2553 | width: 54px; |
||
| 2554 | height: 54px; |
||
| 2555 | padding: 2px; |
||
| 2556 | border: solid 1px #eee; |
||
| 2557 | } |
||
| 2558 | .blog-photo-stream li img:hover { |
||
| 2559 | border-color: #E84D1C; |
||
| 2560 | box-shadow: 0 0 1px #fff; |
||
| 2561 | transition: all 0.4s ease-in-out; |
||
| 2562 | -o-transition: all 0.4s ease-in-out; |
||
| 2563 | -ms-transition: all 0.4s ease-in-out; |
||
| 2564 | -moz-transition: all 0.4s ease-in-out; |
||
| 2565 | -webkit-transition: all 0.4s ease-in-out; |
||
| 2566 | } |
||
| 2567 | .blog-tags ul { |
||
| 2568 | list-style: none; |
||
| 2569 | margin: 0; |
||
| 2570 | padding: 0; |
||
| 2571 | } |
||
| 2572 | .blog-tags li { |
||
| 2573 | position: relative; |
||
| 2574 | margin: 0 16px 7px 0; |
||
| 2575 | display: inline-block; |
||
| 2576 | } |
||
| 2577 | .blog-tags li a { |
||
| 2578 | color: #555; |
||
| 2579 | background: #f5f5f5; |
||
| 2580 | display: inline-block; |
||
| 2581 | padding: 3px 5px 3px 3px; |
||
| 2582 | } |
||
| 2583 | .blog-tags li a:hover { |
||
| 2584 | color: #fff; |
||
| 2585 | background: #E84D1C; |
||
| 2586 | text-decoration: none; |
||
| 2587 | } |
||
| 2588 | .blog-tags li a:hover i { |
||
| 2589 | color: #fff; |
||
| 2590 | } |
||
| 2591 | .blog-tags li i { |
||
| 2592 | color: #E84D1C; |
||
| 2593 | margin-right: 5px; |
||
| 2594 | display: inline-block; |
||
| 2595 | } |
||
| 2596 | .blog-tags li a:after { |
||
| 2597 | top: 50%; |
||
| 2598 | width: 0; |
||
| 2599 | left: 100%; |
||
| 2600 | height: 0; |
||
| 2601 | z-index: 2; |
||
| 2602 | content: " "; |
||
| 2603 | display: block; |
||
| 2604 | margin-top: -12px; |
||
| 2605 | position: absolute; |
||
| 2606 | border-left: 12px solid #f5f5f5; |
||
| 2607 | border-top: 12px solid transparent; |
||
| 2608 | border-bottom: 12px solid transparent; |
||
| 2609 | } |
||
| 2610 | .blog-tags li a:hover:after { |
||
| 2611 | border-left-color: #E84D1C; |
||
| 2612 | } |
||
| 2613 | |||
| 2614 | .blog-talks .tab-content { |
||
| 2615 | background: #FAFAFA; |
||
| 2616 | padding: 20px 15px; |
||
| 2617 | } |
||
| 2618 | .blog-talks .nav-tabs { |
||
| 2619 | margin-bottom: 0; |
||
| 2620 | } |
||
| 2621 | .blog-talks .nav-tabs > li { |
||
| 2622 | margin-top: 1px; |
||
| 2623 | } |
||
| 2624 | |||
| 2625 | /* Blog Sidebar categories BEGIN */ |
||
| 2626 | .sidebar-categories li a { |
||
| 2627 | padding: 10px 0; |
||
| 2628 | border-bottom: 1px solid #ECEBEB; |
||
| 2629 | color: #333; |
||
| 2630 | } |
||
| 2631 | .sidebar-categories li a:hover { |
||
| 2632 | background: none; |
||
| 2633 | } |
||
| 2634 | .sidebar-categories li > a:hover, |
||
| 2635 | .sidebar-categories li.active > a, |
||
| 2636 | .sidebar-categories li.active:hover > a { |
||
| 2637 | color: #E84D1C; |
||
| 2638 | } |
||
| 2639 | .sidebar-categories li a:before { |
||
| 2640 | content: ""; |
||
| 2641 | font-family: FontAwesome !important; |
||
| 2642 | font-size: 8px; |
||
| 2643 | padding-right: 10px; |
||
| 2644 | position: relative; |
||
| 2645 | top: -1px; |
||
| 2646 | } |
||
| 2647 | /* Blog Sidebar categories END */ |
||
| 2648 | |||
| 2649 | /* Blog Item */ |
||
| 2650 | .blog-item .blog-item-img { |
||
| 2651 | margin: 6px 0 25px; |
||
| 2652 | } |
||
| 2653 | .blog-item .blog-item-img .carousel { |
||
| 2654 | margin-bottom: 0; |
||
| 2655 | } |
||
| 2656 | .blog-item blockquote { |
||
| 2657 | margin: 20px 40px 18px; |
||
| 2658 | border-color: #E84D1C; |
||
| 2659 | } |
||
| 2660 | .blog-item .blog-info { |
||
| 2661 | margin: 20px 0; |
||
| 2662 | padding: 8px 0; |
||
| 2663 | border-top: solid 1px #ECEBEB; |
||
| 2664 | border-bottom: solid 1px #ECEBEB; |
||
| 2665 | } |
||
| 2666 | .blog-item .blog-info li { |
||
| 2667 | padding-left: 13px; |
||
| 2668 | border-left: solid 1px #ECEBEB; |
||
| 2669 | } |
||
| 2670 | .blog-item .blog-info li:first-child { |
||
| 2671 | padding-left: 0; |
||
| 2672 | border-left: none; |
||
| 2673 | } |
||
| 2674 | .blog-item .blog-item-img .carousel-control { |
||
| 2675 | top: 45%; |
||
| 2676 | } |
||
| 2677 | |||
| 2678 | .blog-item .media { |
||
| 2679 | border-bottom: solid 1px #ECEBEB; |
||
| 2680 | margin-bottom: -1px; |
||
| 2681 | } |
||
| 2682 | .blog-item .comments { |
||
| 2683 | border-top: solid 1px #ECEBEB; |
||
| 2684 | padding-top: 15px; |
||
| 2685 | } |
||
| 2686 | .blog-item img.media-object { |
||
| 2687 | top: 2px; |
||
| 2688 | width: 60px; |
||
| 2689 | height: 60px; |
||
| 2690 | position: relative; |
||
| 2691 | } |
||
| 2692 | .blog-item h4.media-heading { |
||
| 2693 | position: relative; |
||
| 2694 | padding-top: 0; |
||
| 2695 | } |
||
| 2696 | .blog-item h4.media-heading span { |
||
| 2697 | right: 0; |
||
| 2698 | top: 3px; |
||
| 2699 | color: #777; |
||
| 2700 | font-size: 12px; |
||
| 2701 | font-weight: 400; |
||
| 2702 | position: absolute; |
||
| 2703 | } |
||
| 2704 | .blog-item h4.media-heading span a { |
||
| 2705 | color: #E84D1C; |
||
| 2706 | } |
||
| 2707 | |||
| 2708 | .mix-block .tab-content .col-md-3 { |
||
| 2709 | padding-right: 0; |
||
| 2710 | } |
||
| 2711 | .mix-block .nav-tabs > li { |
||
| 2712 | margin-top: 1px; |
||
| 2713 | } |
||
| 2714 | |||
| 2715 | /* front steps */ |
||
| 2716 | .front-steps-wrapper h2, |
||
| 2717 | .ecommerce .front-steps-wrapper h2 { |
||
| 2718 | color: #f0f0f0; |
||
| 2719 | font-size: 22px; |
||
| 2720 | line-height: 1.2; |
||
| 2721 | padding-top: 10px; |
||
| 2722 | margin-bottom: 5px; |
||
| 2723 | } |
||
| 2724 | .front-steps-wrapper .front-step1 h2, |
||
| 2725 | .ecommerce .front-steps-wrapper .front-step1 h2 { |
||
| 2726 | color: #fefefe; |
||
| 2727 | } |
||
| 2728 | .front-steps-wrapper p { |
||
| 2729 | color: #fff; |
||
| 2730 | font-size: 12px; |
||
| 2731 | line-height: 18px; |
||
| 2732 | margin-bottom: 0; |
||
| 2733 | } |
||
| 2734 | |||
| 2735 | .front-steps-wrapper .front-step-col { |
||
| 2736 | padding-left: 0; |
||
| 2737 | padding-right: 0; |
||
| 2738 | } |
||
| 2739 | .front-steps-wrapper .front-step-col:first-child { |
||
| 2740 | padding-left: 15px; |
||
| 2741 | } |
||
| 2742 | .front-steps-wrapper .front-step-col:last-child { |
||
| 2743 | padding-right: 15px; |
||
| 2744 | } |
||
| 2745 | |||
| 2746 | .front-steps-wrapper .front-step { |
||
| 2747 | position: relative; |
||
| 2748 | padding: 15px 20px 33px; |
||
| 2749 | } |
||
| 2750 | .front-steps-wrapper .front-step1 { |
||
| 2751 | background: #E84D1C; |
||
| 2752 | } |
||
| 2753 | .front-steps-wrapper .front-step2 { |
||
| 2754 | background: #7c858e; |
||
| 2755 | } |
||
| 2756 | .front-steps-wrapper .front-step3 { |
||
| 2757 | background: #68727c; |
||
| 2758 | } |
||
| 2759 | .front-steps-wrapper .front-step4 { |
||
| 2760 | background: #636a72; |
||
| 2761 | } |
||
| 2762 | .front-steps-wrapper .front-step5 { |
||
| 2763 | background: #5e6369; |
||
| 2764 | } |
||
| 2765 | .front-steps-wrapper .front-step6 { |
||
| 2766 | background: #55585d; |
||
| 2767 | } |
||
| 2768 | |||
| 2769 | .front-steps-wrapper .front-step:before { |
||
| 2770 | color: #fff; |
||
| 2771 | font: 300 125px 'Open Sans', sans-serif; |
||
| 2772 | font-weight: bold; |
||
| 2773 | display: block; |
||
| 2774 | position: absolute; |
||
| 2775 | right: -20px; |
||
| 2776 | bottom: -40px; |
||
| 2777 | opacity: 0.1; |
||
| 2778 | } |
||
| 2779 | .ie8 .front-steps-wrapper .front-step:before { |
||
| 2780 | display: none !important; |
||
| 2781 | } |
||
| 2782 | .front-steps-wrapper .front-step1:before { |
||
| 2783 | content: "1"; |
||
| 2784 | opacity: 0.2; |
||
| 2785 | } |
||
| 2786 | .front-steps-wrapper .front-step2:before { |
||
| 2787 | content: "2"; |
||
| 2788 | right: -15px; |
||
| 2789 | } |
||
| 2790 | .front-steps-wrapper .front-step3:before { |
||
| 2791 | content: "3"; |
||
| 2792 | } |
||
| 2793 | .front-steps-wrapper .front-step4:before { |
||
| 2794 | content: "4"; |
||
| 2795 | } |
||
| 2796 | .front-steps-wrapper .front-step5:before { |
||
| 2797 | content: "5"; |
||
| 2798 | } |
||
| 2799 | .front-steps-wrapper .front-step6:before { |
||
| 2800 | content: "6"; |
||
| 2801 | } |
||
| 2802 | |||
| 2803 | .front-steps-wrapper .front-step:after { |
||
| 2804 | top: 50%; |
||
| 2805 | width: 0; |
||
| 2806 | height: 0; |
||
| 2807 | left: 100%; |
||
| 2808 | z-index: 2; |
||
| 2809 | content: " "; |
||
| 2810 | display: block; |
||
| 2811 | margin-top: -1em; |
||
| 2812 | position: absolute; |
||
| 2813 | border-left: 15px solid #EC7049; |
||
| 2814 | border-top: 15px solid transparent; |
||
| 2815 | border-bottom: 15px solid transparent; |
||
| 2816 | } |
||
| 2817 | .ie8 .front-steps-wrapper .front-step:after { |
||
| 2818 | display: none !important; |
||
| 2819 | } |
||
| 2820 | .front-steps-wrapper .front-step-col:last-child .front-step:after { |
||
| 2821 | display: none; |
||
| 2822 | } |
||
| 2823 | .front-steps-wrapper .front-step2:after { |
||
| 2824 | border-left-color: #899199; |
||
| 2825 | } |
||
| 2826 | .front-steps-wrapper .front-step3:after { |
||
| 2827 | border-left-color: #778089; |
||
| 2828 | } |
||
| 2829 | .front-steps-wrapper .front-step4:after { |
||
| 2830 | border-left-color: #727980; |
||
| 2831 | } |
||
| 2832 | .front-steps-wrapper .front-step5:after { |
||
| 2833 | border-left-color: #6E7278; |
||
| 2834 | top: auto; |
||
| 2835 | bottom: 10%; |
||
| 2836 | } |
||
| 2837 | |||
| 2838 | /* pricing */ |
||
| 2839 | .pricing { |
||
| 2840 | position: relative; |
||
| 2841 | margin-bottom: 15px; |
||
| 2842 | border: 3px solid #eee; |
||
| 2843 | } |
||
| 2844 | .pricing-active { |
||
| 2845 | border: 3px solid #E84D1C; |
||
| 2846 | margin-top: -10px; |
||
| 2847 | box-shadow: 7px 7px rgba(232, 77, 22, 0.2); |
||
| 2848 | } |
||
| 2849 | .pricing:hover { |
||
| 2850 | border: 3px solid #E84D1C; |
||
| 2851 | } |
||
| 2852 | .pricing:hover h4 { |
||
| 2853 | color: #E84D1C; |
||
| 2854 | } |
||
| 2855 | .pricing-head { |
||
| 2856 | text-align: center; |
||
| 2857 | } |
||
| 2858 | .pricing-head h3, |
||
| 2859 | .pricing-head h4 { |
||
| 2860 | margin: 0; |
||
| 2861 | line-height: normal; |
||
| 2862 | } |
||
| 2863 | .pricing-head h3 span, |
||
| 2864 | .pricing-head h4 span { |
||
| 2865 | display: block; |
||
| 2866 | margin-top: 5px; |
||
| 2867 | font-size: 14px; |
||
| 2868 | font-style: italic; |
||
| 2869 | } |
||
| 2870 | .pricing-head h3 { |
||
| 2871 | font-weight: 300; |
||
| 2872 | color: #fafafa; |
||
| 2873 | padding: 12px 0; |
||
| 2874 | font-size: 27px; |
||
| 2875 | background: #E84D1C; |
||
| 2876 | border-bottom: none; |
||
| 2877 | } |
||
| 2878 | .pricing-head h4 { |
||
| 2879 | color: #bac39f; |
||
| 2880 | padding: 5px 0; |
||
| 2881 | font-size: 54px; |
||
| 2882 | font-weight: 300; |
||
| 2883 | background: #fbfef2; |
||
| 2884 | border-bottom: solid 1px #f5f9e7; |
||
| 2885 | } |
||
| 2886 | .pricing-head-active h4 { |
||
| 2887 | color: #E84D1C; |
||
| 2888 | } |
||
| 2889 | .pricing-head h4 i { |
||
| 2890 | top: -8px; |
||
| 2891 | font-size: 28px; |
||
| 2892 | font-style: normal; |
||
| 2893 | position: relative; |
||
| 2894 | } |
||
| 2895 | .pricing-head h4 span { |
||
| 2896 | top: -10px; |
||
| 2897 | font-size: 14px; |
||
| 2898 | font-style: normal; |
||
| 2899 | position: relative; |
||
| 2900 | } |
||
| 2901 | |||
| 2902 | /* Pricing Content */ |
||
| 2903 | .pricing-content li { |
||
| 2904 | color: #888; |
||
| 2905 | font-size: 12px; |
||
| 2906 | padding: 7px 15px; |
||
| 2907 | border-bottom: solid 1px #f5f9e7; |
||
| 2908 | } |
||
| 2909 | .pricing-content li i { |
||
| 2910 | top: 2px; |
||
| 2911 | color: #E84D1C; |
||
| 2912 | font-size: 16px; |
||
| 2913 | margin-right: 5px; |
||
| 2914 | position: relative; |
||
| 2915 | } |
||
| 2916 | |||
| 2917 | /* Pricing Footer */ |
||
| 2918 | .pricing-footer { |
||
| 2919 | color: #777; |
||
| 2920 | font-size: 11px; |
||
| 2921 | line-height: 17px; |
||
| 2922 | text-align: center; |
||
| 2923 | padding: 0 20px 19px; |
||
| 2924 | } |
||
| 2925 | |||
| 2926 | .pricing-footer .btn { |
||
| 2927 | color: #fff; |
||
| 2928 | } |
||
| 2929 | |||
| 2930 | .pricing-footer .btn:hover { |
||
| 2931 | color: #fafafa; |
||
| 2932 | } |
||
| 2933 | |||
| 2934 | /* Priceing Active */ |
||
| 2935 | .price-active, |
||
| 2936 | .pricing:hover { |
||
| 2937 | z-index: 9; |
||
| 2938 | } |
||
| 2939 | .price-active h4 { |
||
| 2940 | color: #36d7ac; |
||
| 2941 | } |
||
| 2942 | |||
| 2943 | .no-space-pricing .pricing:hover { |
||
| 2944 | transition:box-shadow 0.2s ease-in-out; |
||
| 2945 | } |
||
| 2946 | .no-space-pricing .price-active .pricing-head h4, |
||
| 2947 | .no-space-pricing .pricing:hover .pricing-head h4 { |
||
| 2948 | color: #36d7ac; |
||
| 2949 | padding: 15px 0; |
||
| 2950 | font-size: 80px; |
||
| 2951 | transition:color 0.5s ease-in-out; |
||
| 2952 | } |
||
| 2953 | |||
| 2954 | |||
| 2955 | /*** |
||
| 2956 | Styler Panel |
||
| 2957 | ***/ |
||
| 2958 | .color-panel { |
||
| 2959 | z-index: 9999; |
||
| 2960 | position: fixed; |
||
| 2961 | top: 120px; |
||
| 2962 | right: 0; |
||
| 2963 | } |
||
| 2964 | .color-panel .color-mode-icons { |
||
| 2965 | top: 0; |
||
| 2966 | right: 0; |
||
| 2967 | padding: 20px; |
||
| 2968 | cursor: pointer; |
||
| 2969 | position: absolute; |
||
| 2970 | margin: 0; |
||
| 2971 | } |
||
| 2972 | .color-panel .icon-color { |
||
| 2973 | background: #c9c9c9 url(../img/icon-color.png) center no-repeat; |
||
| 2974 | } |
||
| 2975 | .color-panel .icon-color:hover { |
||
| 2976 | background-color: #3d3d3d; |
||
| 2977 | } |
||
| 2978 | .color-panel .icon-color-close { |
||
| 2979 | display: none; |
||
| 2980 | background: #3d3d3d url(../img/icon-color-close.png) center no-repeat; |
||
| 2981 | } |
||
| 2982 | .color-panel .icon-color-close:hover { |
||
| 2983 | background-color: #222; |
||
| 2984 | } |
||
| 2985 | .color-mode { |
||
| 2986 | top: 0; |
||
| 2987 | right: 40px; |
||
| 2988 | width: 200px; |
||
| 2989 | display: none; |
||
| 2990 | padding: 20px 10px 10px; |
||
| 2991 | position: absolute; |
||
| 2992 | background: #3d3d3d; |
||
| 2993 | } |
||
| 2994 | .color-mode p { |
||
| 2995 | color: #cfcfcf; |
||
| 2996 | padding: 0 15px; |
||
| 2997 | font-size: 15px; |
||
| 2998 | } |
||
| 2999 | .color-mode ul { |
||
| 3000 | list-style: none; |
||
| 3001 | padding: 4px 11px 5px; |
||
| 3002 | display: block; |
||
| 3003 | margin-bottom: 1px !important; |
||
| 3004 | } |
||
| 3005 | .color-mode li { |
||
| 3006 | width: 28px; |
||
| 3007 | height: 28px; |
||
| 3008 | margin: 4px; |
||
| 3009 | cursor: pointer; |
||
| 3010 | list-style: none; |
||
| 3011 | border: solid 1px #707070; |
||
| 3012 | display: inline-block; |
||
| 3013 | padding: 0 5px; |
||
| 3014 | } |
||
| 3015 | .color-mode li:hover, |
||
| 3016 | .color-mode li.current { |
||
| 3017 | border: solid 1px #ebebeb; |
||
| 3018 | } |
||
| 3019 | .color-mode li.current { |
||
| 3020 | border: solid 2px #ebebeb; |
||
| 3021 | } |
||
| 3022 | |||
| 3023 | .color-mode li.color-blue { |
||
| 3024 | background: #64aed9; |
||
| 3025 | } |
||
| 3026 | .color-mode li.color-red { |
||
| 3027 | background: #e84d1c; |
||
| 3028 | } |
||
| 3029 | .color-mode li.color-green { |
||
| 3030 | background: #67bd3c; |
||
| 3031 | } |
||
| 3032 | .color-mode li.color-orange { |
||
| 3033 | background: #e18604; |
||
| 3034 | } |
||
| 3035 | .color-gray { |
||
| 3036 | background: #798b97; |
||
| 3037 | } |
||
| 3038 | .color-turquoise { |
||
| 3039 | background: #44b1c1; |
||
| 3040 | } |
||
| 3041 | .color-mode label { |
||
| 3042 | color: #cfcfcf; |
||
| 3043 | border-top: 1px solid #585858; |
||
| 3044 | padding: 10px 10px 0; |
||
| 3045 | margin: 0 5px; |
||
| 3046 | display: block; |
||
| 3047 | } |
||
| 3048 | .color-mode label span { |
||
| 3049 | text-transform: uppercase; |
||
| 3050 | } |
||
| 3051 | .color-mode label > span { |
||
| 3052 | display: inline-block; |
||
| 3053 | width: 85px; |
||
| 3054 | } |
||
| 3055 | .color-mode label > select { |
||
| 3056 | margin-top: 5px; |
||
| 3057 | text-transform: lowercase; |
||
| 3058 | } |
||
| 3059 | .color-mode label span.color-mode-label { |
||
| 3060 | top: 2px; |
||
| 3061 | position: relative; |
||
| 3062 | } |
||
| 3063 | |||
| 3064 | .fancybox-overlay { |
||
| 3065 | z-index: 100000 ; |
||
| 3066 | } |
||
| 3067 | |||
| 3068 | .fancybox-opened { |
||
| 3069 | z-index: 100001; |
||
| 3070 | } |