{I" class:ETI"ProcessedAsset;FI"logical_path;TI"application.css;FI" pathname;TI"2$root/app/assets/stylesheets/application.scss;FI"content_type;TI" text/css;TI" mtime;Tl+ˆéTI" length;TiS|I" digest;TI"%e0c3942ac081fc8df968f7302279a6cf;FI" source;TI"S|@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400); /* * Template Name: Unify - Responsive Bootstrap Template * Description: Business, Corporate, Portfolio and Blog Theme. * Version: 1.4 * Author: @htmlstream * Website: http://htmlstream.com */ /*Import Google Font*/ @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400); /*Reset Styles ------------------------------------*/ * { border-radius: 0 !important; } body { color: #333; font-size: 13px; line-height: 1.6; } p, li, li a { color: #555; } a { color: #72c02c; text-decoration: none; } a, a:focus, a:hover, a:active { outline: 0 !important; } a:focus { text-decoration: none; } a:hover { color: #72c02c; text-decoration: underline; } hr { margin: 30px 0; } /*Headings*/ h1 { font-size: 28px; line-height: 35px; } h2 { font-size: 24px; line-height: 33px; } h3 { font-size: 20px; line-height: 27px; } h4 { line-height: 25px; } h5 { line-height: 20px; } h6 { line-height: 18px; } h1, h2, h3, h4, h5, h6 { color: #585f69; margin-top: 5px; text-shadow: none; font-weight: normal; font-family: 'Open Sans', sans-serif; } h1 i, h2 i, h3 i, h4 i, h5 i, h6 i { margin-right: 5px; } /*Block Headline*/ .headline { display: block; margin: 10px 0 25px 0; border-bottom: 1px dotted #e4e9f0; } .headline h2 { font-size: 22px; } .headline h2, .headline h3, .headline h4 { margin: 0 0 -2px 0; padding-bottom: 5px; display: inline-block; border-bottom: 2px solid #72c02c; } .headline-md { margin-bottom: 15px; } .headline-md h2 { font-size: 21px; } /*Heading Options*/ .heading { text-align: center; } .heading h2 { padding: 0 12px; position: relative; display: inline-block; line-height: 34px !important; /*For Tagline Boxes*/ } .heading h2:before, .heading h2:after { content: ' '; width: 70%; position: absolute; border-width: 1px; border-color: #bbb; } .heading h2:before { right: 100%; } .heading h2:after { left: 100%; } @media (max-width: 768px) { .heading h2:before, .heading h2:after { width: 35%; } } @media (max-width: 600px) { .heading h2 { font-size: 19px; } .heading h2:before, .heading h2:after { width: 15%; } } /*Headline v1*/ .heading-v1 h2:before, .heading-v1 h2:after { top: 15px; height: 6px; border-top-style: solid; border-bottom-style: solid; } /*Headline v2*/ .heading-v2 h2:before, .heading-v2 h2:after { top: 15px; height: 6px; border-top-style: dashed; border-bottom-style: dashed; } /*Headline v3*/ .heading-v3 h2:before, .heading-v3 h2:after { top: 15px; height: 6px; border-top-style: dotted; border-bottom-style: dotted; } /*Headline v4*/ .heading-v4 h2:before, .heading-v4 h2:after { top: 17px; border-bottom-style: solid; } /*Headline v5*/ .heading-v5 h2:before, .heading-v5 h2:after { top: 17px; border-bottom-style: dashed; } /*Headline v6*/ .heading-v6 h2:before, .heading-v6 h2:after { top: 17px; border-bottom-style: dotted; } /*Heading Sizes*/ h2.heading-md { font-size: 20px; line-height: 24px; } h2.heading-sm, h3.heading-md { font-size: 18px; line-height: 24px; } h3.heading-md { line-height: 22px; } h3.heading-sm { font-size: 16px; line-height: 20px; } h3.heading-xs { font-size: 14px; margin-bottom: 0; } /*Deviders*/ .devider.devider-dotted { border-top: 2px dotted #eee; } .devider.devider-dashed { border-top: 2px dashed #eee; } .devider.devider-db { height: 5px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .devider.devider-db-dashed { height: 5px; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; } .devider.devider-db-dotted { height: 5px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; } /*Tables ------------------------------------*/ /*Basic Tables*/ .table thead > tr > th { border-bottom: none; } @media (max-width: 768px) { .table th.hidden-sm, .table td.hidden-sm { display: none !important; } } /*Forms ------------------------------------*/ .form-control { box-shadow: none; } .form-control:focus { border-color: #bbb; box-shadow: 0 0 2px #c9c9c9; } /*Form Spacing*/ .form-spacing .form-control { margin-bottom: 15px; } /*Form Icons*/ .input-group-addon { color: #b3b3b3; font-size: 14px; background: #fff; } /*Carousel ------------------------------------*/ /*carousel-v1*/ .carousel-v1 .carousel-caption { left: 0; right: 0; bottom: 0; padding: 7px 15px; background: rgba(0, 0, 0, 0.7); } .carousel-v1 .carousel-caption p { color: #fff; margin-bottom: 0; } .carousel-v1 .carousel-arrow a.carousel-control { opacity: 1; font-size: 30px; height: inherit; width: inherit; background: none; text-shadow: none; position: inherit; } .carousel-v1 .carousel-arrow a i { top: 50%; opacity: 0.6; background: #000; margin-top: -18px; padding: 2px 12px; position: absolute; } .carousel-v1 .carousel-arrow a i:hover { opacity: 0.8; } .carousel-v1 .carousel-arrow a.left i { left: 0; } .carousel-v1 .carousel-arrow a.right i { right: 0; } /*Tabs ------------------------------------*/ /*Tabs v1*/ .tab-v1 .nav-tabs { border: none; background: none; border-bottom: solid 2px #72c02c; } .tab-v1 .nav-tabs a { font-size: 14px; padding: 5px 15px; } .tab-v1 .nav-tabs > .active > a, .tab-v1 .nav-tabs > .active > a:hover, .tab-v1 .nav-tabs > .active > a:focus { color: #fff; border: none; background: #72c02c; } .tab-v1 .nav-tabs > li > a { border: none; } .tab-v1 .nav-tabs > li > a:hover { color: #fff; background: #72c02c; } .tab-v1 .tab-content { padding: 10px 0; } .tab-v1 .tab-content img { margin-top: 4px; margin-bottom: 15px; } .tab-v1 .tab-content img.img-tab-space { margin-top: 7px; } /*Tabs v2*/ .tab-v2 .nav-tabs { border-bottom: none; } .tab-v2 .nav-tabs li a { padding: 9px 16px; background: none; border: none; } .tab-v2 .nav-tabs li.active a { background: #fff; padding: 7px 15px 9px; border: solid 1px #eee; border-top: solid 2px #72c02c; border-bottom: none !important; } .tab-v2 .tab-content { padding: 10px 16px; border: solid 1px #eee; } /*Tabs v3*/ .tab-v3 .nav-pills li a { color: #777; font-size: 17px; padding: 4px 8px; margin-bottom: 3px; background: #fafafa; border: solid 1px #eee; } .tab-v3 .nav-pills li a:hover, .tab-v3 .nav-pills li.active a { color: #fff; background: #72c02c; border: solid 1px #68af28; } .tab-v3 .nav-pills li i { width: 1.25em; margin-right: 5px; text-align: center; display: inline-block; } .tab-v3 .tab-content { padding: 15px; background: #fafafa; border: solid 1px #eee; } /*Accordions ------------------------------------*/ /*Accordion v1*/ .acc-v1 .panel-heading { padding: 0; box-shadow: none; } .acc-v1 .panel-heading a { display: block; font-size: 14px; padding: 5px 15px; background: #fefefe; } .acc-icon a.accordion-toggle i { color: #585f69; margin-right: 8px; } .acc-icon a.accordion-toggle:hover i { color: #39414c; } /*Navigation ------------------------------------*/ /*Pegination*/ .pagination li a, .pagination li span { color: #777; padding: 5px 15px; } .pagination li a:hover { color: #fff; background: #5fb611; border-color: #5fb611; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { border-color: #72c02c; background-color: #72c02c; } /*Pagination Without Space*/ .pagination-no-space .pagination { margin: 0; } /*Pager*/ .pager li > a:hover, .pager li > a:focus { color: #fff; background: #5fb611; border-color: #5fb611; } /*Sidebar Menu ------------------------------------*/ /*Sidebar Menu v1*/ .sidebar-nav-v1 li { padding: 0; } .sidebar-nav-v1 li a { display: block; padding: 8px 30px 8px 10px; } .sidebar-nav-v1 li a:hover { text-decoration: none; } .sidebar-nav-v1 > li.active, .sidebar-nav-v1 > li.active:hover { background: #717984; } .sidebar-nav-v1 > li.active > a { color: #fff; } /*Sidebar Sub Navigation*/ .sidebar-nav-v1 li ul { padding: 0; list-style: none; } .sidebar-nav-v1 li ul, .sidebar-nav-v1 li.active ul a { background: #f8f8f8; } .sidebar-nav-v1 li ul a { color: #585f69; font-size: 12px; border-top: solid 1px #ddd; padding: 6px 30px 6px 17px; } .sidebar-nav-v1 ul li:hover a, .sidebar-nav-v1 ul li.active a { color: #72c02c; } /*Sidebar Badges*/ .list-group-item li > .badge { float: right; } .sidebar-nav-v1 span.badge { margin-top: 8px; margin-right: 10px; } .sidebar-nav-v1 .list-toggle > span.badge { margin-right: 25px; } .sidebar-nav-v1 ul li span.badge { margin-top: 8px; font-size: 11px; padding: 3px 5px; margin-right: 10px; } /*Sidebar List Toggle*/ .list-toggle:after { top: 7px; right: 10px; color: #777; font-size: 14px; content: "\f105"; position: absolute; font-weight: normal; display: inline-block; font-family: FontAwesome; } .list-toggle.active:after { color: #fff; content: "\f107"; } /* Make Font Awesome icons fixed width */ .sidebar-nav-v1 li [class^="fa"], .sidebar-nav-v1 li [class*=" fa"] { width: 1.25em; left: -2px; margin-right: 2px; text-align: center; position: relative; display: inline-block; } .sidebar-nav-v1 li [class^="fa"].fa-lg, .sidebar-nav-v1 li [class*=" fa"].fa-lg { /* increased font size for fa-lg */ width: 1.5625em; } /*Button Styles ------------------------------------*/ .btn { box-shadow: none; } .btn-u { border: 0; color: #fff; font-size: 14px; cursor: pointer; font-weight: 400; padding: 6px 13px; position: relative; background: #72c02c; display: inline-block; text-decoration: none; } .btn-u:hover { color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a.btn-u { /*padding: 4px 13px;*/ /*vertical-align: middle;*/ } .btn-u-sm, a.btn-u-sm { padding: 3px 12px; } .btn-u-lg, a.btn-u-lg { font-size: 18px; padding: 10px 25px; } .btn-u-xs, a.btn-u-xs { font-size: 12px; padding: 2px 12px; line-height: 18px; } /*Button Groups*/ .btn-group .dropdown-menu > li > a { padding: 3px 13px; } .btn-group > .btn-u, .btn-group-vertical > .btn-u { float: left; position: relative; } .btn-group > .btn-u:first-child { margin-left: 0; } /*For FF Only*/ @-moz-document url-prefix() { .footer-subsribe .btn-u { padding-bottom: 4px; } } @media (max-width: 768px) { @-moz-document url-prefix() { .btn-u { padding-bottom: 6px; } } } /*Buttons Color*/ .btn-u:hover, .btn-u:focus, .btn-u:active, .btn-u.active, .open .dropdown-toggle.btn-u { background: #5fb611; } .btn-u-split.dropdown-toggle { border-left: solid 1px #5fb611; } .btn-u.btn-u-blue { background: #3498db; } .btn-u.btn-u-blue:hover, .btn-u.btn-u-blue:focus, .btn-u.btn-u-blue:active, .btn-u.btn-u-blue.active, .open .dropdown-toggle.btn-u.btn-u-blue { background: #2980b9; } .btn-u.btn-u-split-blue.dropdown-toggle { border-left: solid 1px #2980b9; } .btn-u.btn-u-red { background: #e74c3c; } .btn-u.btn-u-red:hover, .btn-u.btn-u-red:focus, .btn-u.btn-u-red:active, .btn-u.btn-u-red.active, .open .dropdown-toggle.btn-u.btn-u-red { background: #c0392b; } .btn-u.btn-u-split-red.dropdown-toggle { border-left: solid 1px #c0392b; } .btn-u.btn-u-orange { background: #e67e22; } .btn-u.btn-u-orange:hover, .btn-u.btn-u-orange:focus, .btn-u.btn-u-orange:active, .btn-u.btn-u-orange.active, .open .dropdown-toggle.btn-u.btn-u-orange { background: #d35400; } .btn-u.btn-u-split-orange.dropdown-toggle { border-left: solid 1px #d35400; } .btn-u.btn-u-sea { background: #1abc9c; } .btn-u.btn-u-sea:hover, .btn-u.btn-u-sea:focus, .btn-u.btn-u-sea:active, .btn-u.btn-u-sea.active, .open .dropdown-toggle.btn-u.btn-u-sea { background: #16a085; } .btn-u.btn-u-split-sea.dropdown-toggle { border-left: solid 1px #16a085; } .btn-u.btn-u-green { background: #2ecc71; } .btn-u.btn-u-green:hover, .btn-u.btn-u-green:focus, .btn-u.btn-u-green:active, .btn-u.btn-u-green.active, .open .dropdown-toggle.btn-u.btn-u-green { background: #27ae60; } .btn-u.btn-u-split-green.dropdown-toggle { border-left: solid 1px #27ae60; } .btn-u.btn-u-yellow { background: #f1c40f; } .btn-u.btn-u-yellow:hover, .btn-u.btn-u-yellow:focus, .btn-u.btn-u-yellow:active, .btn-u.btn-u-yellow.active, .open .dropdown-toggle.btn-u.btn-u-yellow { background: #f39c12; } .btn-u.btn-u-split-yellow.dropdown-toggle { border-left: solid 1px #f39c12; } .btn-u.btn-u-default { background: #95a5a6; } .btn-u.btn-u-default:hover, .btn-u.btn-u-default:focus, .btn-u.btn-u-default:active, .btn-u.btn-u-default.active, .open .dropdown-toggle.btn-u.btn-u-default { background: #7f8c8d; } .btn-u.btn-u-split-default.dropdown-toggle { border-left: solid 1px #7f8c8d; } .btn-u.btn-u-purple { background: #9b6bcc; } .btn-u.btn-u-purple:hover, .btn-u.btn-u-purple:focus, .btn-u.btn-u-purple:active, .btn-u.btn-u-purple.active, .open .dropdown-toggle.btn-u.btn-u-purple { background: #814fb5; } .btn-u.btn-u-split-purple.dropdown-toggle { border-left: solid 1px #814fb5; } .btn-u.btn-u-aqua { background: #27d7e7; } .btn-u.btn-u-aqua:hover, .btn-u.btn-u-aqua:focus, .btn-u.btn-u-aqua:active, .btn-u.btn-u-aqua.active, .open .dropdown-toggle.btn-u.btn-u-aqua { background: #26bac8; } .btn-u.btn-u-split-aqua.dropdown-toggle { border-left: solid 1px #26bac8; } .btn-u.btn-u-brown { background: #9c8061; } .btn-u.btn-u-brown:hover, .btn-u.btn-u-brown:focus, .btn-u.btn-u-brown:active, .btn-u.btn-u-brown.active, .open .dropdown-toggle.btn-u.btn-u-brown { background: #81674b; } .btn-u.btn-u-split-brown.dropdown-toggle { border-left: solid 1px #81674b; } .btn-u.btn-u-dark-blue { background: #4765a0; } .btn-u.btn-u-dark-blue:hover, .btn-u.btn-u-dark-blue:focus, .btn-u.btn-u-dark-blue:active, .btn-u.btn-u-dark-blue.active, .open .dropdown-toggle.btn-u.btn-u-dark-blue { background: #324c80; } .btn-u.btn-u-split-dark.dropdown-toggle { border-left: solid 1px #324c80; } .btn-u.btn-u-light-green { background: #79d5b3; } .btn-u.btn-u-light-green:hover, .btn-u.btn-u-light-green:focus, .btn-u.btn-u-light-green:active, .btn-u.btn-u-light-green.active, .open .dropdown-toggle.btn-u.btn-u-light-green { background: #59b795; } .btn-u.btn-u-split-light-green.dropdown-toggle { border-left: solid 1px #59b795; } .btn-u.btn-u-dark { background: #555; } .btn-u.btn-u-dark:hover, .btn-u.btn-u-dark:focus, .btn-u.btn-u-dark:active, .btn-u.btn-u-dark.active, .open .dropdown-toggle.btn-u.btn-u-dark { background: #333; } .btn-u.btn-u-split-dark.dropdown-toggle { border-left: solid 1px #333; } .btn-u.btn-u-light-grey { background: #585f69; } .btn-u.btn-u-light-grey:hover, .btn-u.btn-u-light-grey:focus, .btn-u.btn-u-light-grey:active, .btn-u.btn-u-light-grey.active, .open .dropdown-toggle.btn-u.btn-u-light-grey { background: #484f58; } .btn-u.btn-u-split-light-grey.dropdown-toggle { border-left: solid 1px #484f58; } /*Bordered Buttons*/ .btn-u.btn-brd { color: #555; font-weight: 200; background: none; border: solid 1px transparent; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .btn-u.btn-brd:hover { background: none; border: solid 1px #eee; } .btn-u.btn-brd:focus { background: none; } .btn-u.btn-brd.btn-brd-hover:hover { color: #fff !important; } .btn-u.btn-brd { border-color: #72c02c; } .btn-u.btn-brd:hover { color: #5fb611; border-color: #5fb611; } .btn-u.btn-brd.btn-brd-hover:hover { background: #5fb611; } .btn-u.btn-brd.btn-u-blue { border-color: #3498db; } .btn-u.btn-brd.btn-u-blue:hover { color: #2980b9; border-color: #2980b9; } .btn-u.btn-brd.btn-u-blue.btn-brd-hover:hover { background: #2980b9; } .btn-u.btn-brd.btn-u-red { border-color: #e74c3c; } .btn-u.btn-brd.btn-u-red:hover { color: #c0392b; border-color: #c0392b; } .btn-u.btn-brd.btn-u-red.btn-brd-hover:hover { background: #c0392b; } .btn-u.btn-brd.btn-u-orange { border-color: #e67e22; } .btn-u.btn-brd.btn-u-orange:hover { color: #d35400; border-color: #d35400; } .btn-u.btn-brd.btn-u-orange.btn-brd-hover:hover { background: #d35400; } .btn-u.btn-brd.btn-u-sea { border-color: #1abc9c; } .btn-u.btn-brd.btn-u-sea:hover { color: #16a085; border-color: #16a085; } .btn-u.btn-brd.btn-u-sea.btn-brd-hover:hover { background: #16a085; } .btn-u.btn-brd.btn-u-green { border-color: #2ecc71; } .btn-u.btn-brd.btn-u-green:hover { color: #27ae60; border-color: #27ae60; } .btn-u.btn-brd.btn-u-green.btn-brd-hover:hover { background: #27ae60; } .btn-u.btn-brd.btn-u-yellow { border-color: #f1c40f; } .btn-u.btn-brd.btn-u-yellow:hover { color: #f39c12; border-color: #f39c12; } .btn-u.btn-brd.btn-u-yellow.btn-brd-hover:hover { background: #f39c12; } .btn-u.btn-brd.btn-u-default { border-color: #95a5a6; } .btn-u.btn-brd.btn-u-default:hover { color: #7f8c8d; border-color: #7f8c8d; } .btn-u.btn-brd.btn-u-default.btn-brd-hover:hover { background: #7f8c8d; } .btn-u.btn-brd.btn-u-dark { border-color: #555; } .btn-u.btn-brd.btn-u-dark:hover { color: #333; border-color: #333; } .btn-u.btn-brd.btn-u-dark.btn-brd-hover:hover { background: #333; } .btn-u.btn-brd.btn-u-light-grey { border-color: #585f69; } .btn-u.btn-brd.btn-u-light-grey:hover { color: #484f58; border-color: #484f58; } .btn-u.btn-brd.btn-u-light-grey.btn-brd-hover:hover { background: #484f58; } .btn-u.btn-brd.btn-u-purple { border-color: #9b6bcc; } .btn-u.btn-brd.btn-u-purple:hover { color: #814fb5; border-color: #814fb5; } .btn-u.btn-brd.btn-u-purple.btn-brd-hover:hover { background: #814fb5; } .btn-u.btn-brd.btn-u-aqua { border-color: #27d7e7; } .btn-u.btn-brd.btn-u-aqua:hover { color: #26bac8; border-color: #26bac8; } .btn-u.btn-brd.btn-u-aqua.btn-brd-hover:hover { background: #26bac8; } .btn-u.btn-brd.btn-u-brown { border-color: #9c8061; } .btn-u.btn-brd.btn-u-brown:hover { color: #81674b; border-color: #81674b; } .btn-u.btn-brd.btn-u-brown.btn-brd-hover:hover { background: #81674b; } .btn-u.btn-brd.btn-u-dark-blue { border-color: #4765a0; } .btn-u.btn-brd.btn-u-dark-blue:hover { color: #324c80; border-color: #324c80; } .btn-u.btn-brd.btn-u-dark-blue.btn-brd-hover:hover { background: #324c80; } .btn-u.btn-brd.btn-u-light-green { border-color: #79d5b3; } .btn-u.btn-brd.btn-u-light-green:hover { color: #59b795; border-color: #59b795; } .btn-u.btn-brd.btn-u-light-green.btn-brd-hover:hover { background: #59b795; } .btn-u.btn-brd.btn-u-light { color: #fff; border-color: #fff; } .btn-u.btn-brd.btn-u-light:hover { border-color: #fff; } .btn-u.btn-brd.btn-u-light.btn-brd-hover:hover { background: #fff; color: #555 !important; } /*Badges and Labels ------------------------------------*/ /*Labels*/ span.label { font-size: 11px; font-weight: 400; padding: 4px 7px; } /*Badges*/ span.badge { font-weight: 400; padding: 4px 7px; } span.label-u, span.badge-u { background: #72c02c; } span.label-blue, span.badge-blue { background: #3498db; } span.label-red, span.badge-red { background: #e74c3c; } span.label-green, span.badge-green { background: #2ecc71; } span.label-sea, span.badge-sea { background: #1abc9c; } span.label-orange, span.badge-orange { background: #e67e22; } span.label-yellow, span.badge-yellow { background: #f1c40f; } span.label-purple, span.badge-purple { background: #9b6bcc; } span.label-aqua, span.badge-aqua { background: #27d7e7; } span.label-brown, span.badge-brown { background: #9c8061; } span.label-dark-blue, span.badge-dark-blue { background: #4765a0; } span.label-light-green, span.badge-light-green { background: #79d5b3; } span.label-light, span.badge-light { color: #777; background: #ecf0f1; } span.label-dark, span.badge-dark { background: #555; } /*Badge Lists*/ .badge-lists li { position: relative; } .badge-lists span.badge { top: -10px; right: -6px; position: absolute; } /*Badge Icons*/ .badge-lists.badge-icons span.badge { min-width: 12px; padding: 3px 6px; } .badge-lists.badge-icons i { font-size: 18px; min-width: 25px; } /*Badge Box v1*/ .badge-box-v1 a { color: #777; min-width: 40px; font-size: 18px; padding: 8px 9px; display: inline-block; border: solid 1px #eee; } /*Badge Box v2*/ .badge-box-v2 a { color: #777; font-size: 12px; padding: 10px; min-width: 70px; text-align: center; display: inline-block; border: solid 1px #eee; } .badge-box-v2 a i { font-size: 20px; } /*General Badge Box*/ .badge-box-v1 a i, .badge-box-v2 a i { display: block; margin: 1px auto 2px; } .badge-box-v1 a:hover, .badge-box-v2 a:hover { color: #555; border-color: #555; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /*Icons ------------------------------------*/ /*Social Icons*/ .social-icons { margin: 0; padding: 0; } .social-icons li { list-style: none; margin-right: 3px; margin-bottom: 5px; text-indent: -9999px; display: inline-block; } .social-icons li a, a.social-icon { width: 28px; height: 28px; display: block; background-position: 0 0; background-repeat: no-repeat; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .social-icons li:hover a { background-position: 0 -38px; } .social-icons-color li a { opacity: 0.7; background-position: 0 -38px !important; -webkit-backface-visibility: hidden; /*For Chrome*/ } .social-icons-color li a:hover { opacity: 1; } /*Font Awesome Icon Styles*/ i.icon-custom { color: #555; width: 40px; height: 40px; font-size: 20px; line-height: 40px; margin-bottom: 5px; text-align: center; display: inline-block; border: solid 1px #555; } i.icon-sm { width: 35px; height: 35px; font-size: 16px; line-height: 35px; } i.icon-lg { width: 60px; height: 60px; font-size: 31px; line-height: 60px; margin-bottom: 10px; } i.icon-2x { font-size: 30px; } i.icon-3x { font-size: 40px; } i.icon-4x { font-size: 50px; } /*Line Icons*/ i.icon-line { font-size: 17px; } i.icon-sm.icon-line { font-size: 14px; } i.icon-lg.icon-line { font-size: 28px; } i.icon-2x.icon-line { font-size: 27px; } i.icon-3x.icon-line { font-size: 36px; } i.icon-4x.icon-line { font-size: 47px; } /*Icon Styles For Links*/ .link-icon, .link-bg-icon { color: #555; } .link-icon:hover, .link-bg-icon:hover { border: none; text-decoration: none; } .link-icon:hover i { color: #72c02c; background: none; border: solid 1px #72c02c; } .link-bg-icon:hover i { color: #72c02c; background: #72c02c; border-color: #72c02c; color: #fff !important; } /*Icons Color*/ i.icon-color-u, i.icon-color-red, i.icon-color-sea, i.icon-color-dark, i.icon-color-grey, i.icon-color-blue, i.icon-color-green, i.icon-color-yellow, i.icon-color-orange, i.icon-color-purple, i.icon-color-aqua, i.icon-color-brown, i.icon-color-dark-blue, i.icon-color-light-grey, i.icon-color-light-green { background: none; } i.icon-color-u { color: #72c02c; border: solid 1px #72c02c; } i.icon-color-blue { color: #3498db; border: solid 1px #3498db; } i.icon-color-red { color: #e74c3c; border: solid 1px #e74c3c; } i.icon-color-sea { color: #1abc9c; border: solid 1px #1abc9c; } i.icon-color-green { color: #2ecc71; border: solid 1px #2ecc71; } i.icon-color-yellow { color: #f1c40f; border: solid 1px #f1c40f; } i.icon-color-orange { color: #e67e22; border: solid 1px #e67e22; } i.icon-color-grey { color: #95a5a6; border: solid 1px #95a5a6; } i.icon-color-purple { color: #9b6bcc; border: solid 1px #9b6bcc; } i.icon-color-aqua { color: #27d7e7; border: solid 1px #27d7e7; } i.icon-color-brown { color: #9c8061; border: solid 1px #9c8061; } i.icon-color-dark-blue { color: #4765a0; border: solid 1px #4765a0; } i.icon-color-light-green { color: #79d5b3; border: solid 1px #79d5b3; } i.icon-color-light { color: #fff; border: solid 1px #fff; } i.icon-color-light-grey { color: #585f69; border: solid 1px #585f69; } /*Icons Backgroun Color*/ i.icon-bg-u, i.icon-bg-red, i.icon-bg-sea, i.icon-bg-dark, i.icon-bg-grey, i.icon-bg-blue, i.icon-bg-green, i.icon-bg-yellow, i.icon-bg-orange, i.icon-bg-purple, i.icon-bg-aqua, i.icon-bg-brown, i.icon-bg-dark-blue, i.icon-bg-light-grey, i.icon-bg-light-green { color: #fff; border-color: transparent; } i.icon-bg-u { background: #72c02c; } i.icon-bg-blue { background: #3498db; } i.icon-bg-red { background: #e74c3c; } i.icon-bg-sea { background: #1abc9c; } i.icon-bg-green { background: #2ecc71; } i.icon-bg-yellow { background: #f1c40f; } i.icon-bg-orange { background: #e67e22; } i.icon-bg-grey { background: #95a5a6; } i.icon-bg-dark { background: #555; } i.icon-bg-purple { background: #9b6bcc; } i.icon-bg-aqua { background: #27d7e7; } i.icon-bg-brown { background: #9c8061; } i.icon-bg-dark-blue { background: #4765a0; } i.icon-bg-light-green { background: #79d5b3; } i.icon-bg-light { background: #fff; border-color: transparent; } i.icon-bg-light-grey { background: #585f69; border-color: transparent; } /* Make Font Awesome icons fixed width */ .fa-fixed [class^="fa"], .fa-fixed [class*=" fa"] { width: 1.25em; text-align: center; display: inline-block; } .fa-fixed [class^="fa"].fa-lg, .fa-fixed [class*=" fa"].fa-lg { /* increased font size for fa-lg */ width: 1.5625em; } /*Content Boxes ------------------------------------*/ /*Content Boxes v1*/ .content-boxes-v1 { text-align: center; } .content-boxes-v1 span { display: block; margin-top: 5px; } /*Content Boxes v2*/ @media (max-width: 992px) { .content-boxes-v2, .content-boxes-v2 .text-justify { text-align: center; } .content-boxes-v2 span { display: block; margin-top: 5px; } } /*Content Boxes v3*/ .content-boxes-v3 { margin-bottom: 15px; } .content-boxes-v3 i { top: 8px; float: left; position: relative; } .content-boxes-v3 .content-boxes-in-v3 { padding: 0 10px; overflow: hidden; } .content-boxes-v3 .content-boxes-in-v3 h3 { font-size: 18px; line-height: 22px; margin-bottom: 3px; text-transform: capitalize; } .content-boxes-v3 .content-boxes-in-v3 h3 a { color: #555; } /*Colored Content Boxes ------------------------------------*/ .servive-block { padding: 20px 30px; text-align: center; margin-bottom: 20px; } .servive-block p, .servive-block h2 { color: #fff; } .servive-block h2 a:hover { text-decoration: none; } .servive-block-light, .servive-block-default { background: #fafafa; border: solid 1px #eee; } .servive-block-default:hover { box-shadow: 0 0 8px #eee; } .servive-block-light p, .servive-block-light h2, .servive-block-default p, .servive-block-default h2 { color: #555; } .servive-block-u { background: #72c02c; } .servive-block-blue { background: #3498db; } .servive-block-red { background: #e74c3c; } .servive-block-sea { background: #1abc9c; } .servive-block-grey { background: #95a5a6; } .servive-block-yellow { background: #f1c40f; } .servive-block-orange { background: #e67e22; } .servive-block-green { background: #2ecc71; } .servive-block-purple { background: #9b6bcc; } .servive-block-aqua { background: #27d7e7; } .servive-block-brown { background: #9c8061; } .servive-block-dark-blue { background: #4765a0; } .servive-block-light-green { background: #79d5b3; } .servive-block-dark { background: #555; } .servive-block-light { background: #ecf0f1; } /*Funny Boxes ------------------------------------*/ .funny-boxes { overflow: hidden; padding: 15px 20px; margin-bottom: 25px; background: #f7f7f7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .funny-boxes h2 a { color: #555; } .funny-boxes p a { color: #72c02c; } .funny-boxes .funny-boxes-img li i { color: #72c02c; font-size: 12px; margin-right: 5px; } .funny-boxes .funny-boxes-img img { display: block; margin: 5px 10px 10px 0; } .funny-boxes h2 { margin-top: 0; font-size: 20px; line-height: 20px; } .funny-boxes ul.funny-boxes-rating li { display: inline; } .funny-boxes ul.funny-boxes-rating li i { color: #f8be2c; cursor: pointer; font-size: 16px; } .funny-boxes ul.funny-boxes-rating li i:hover { color: #f8be2c; } /*Funny Colored Boxes*/ .funny-boxes-colored p, .funny-boxes-colored h2 a, .funny-boxes-colored .funny-boxes-img li, .funny-boxes-colored .funny-boxes-img li i { color: #fff !important; } /*Red Funny Box*/ .funny-boxes-red { background: #e74c3c; } /*Blue Funny Box*/ .funny-boxes-blue { background: #3498db; } /*Grey Funny Box*/ .funny-boxes-grey { background: #95a5a6; } /*Turquoise Funny Box*/ .funny-boxes-sea { background: #1abc9c; } /*Turquoise Top Bordered Funny Box*/ .funny-boxes-top-sea { border-top: solid 2px #1abc9c; } .funny-boxes-top-sea:hover { border-top-color: #16a085; } /*Yellow Top Bordered Funny Box**/ .funny-boxes-top-yellow { border-top: solid 2px #f1c40f; } .funny-boxes-top-yellow:hover { border-top-color: #f39c12; } /*Orange Left Bordered Funny Box**/ .funny-boxes-left-orange { border-left: solid 2px #e67e22; } .funny-boxes-left-orange:hover { border-left-color: #d35400; } /*Green Left Bordered Funny Box**/ .funny-boxes-left-green { border-left: solid 2px #72c02c; } .funny-boxes-left-green:hover { border-left-color: #5fb611; } /*Green Right Bordered Funny Box**/ .funny-boxes-right-u { border-right: solid 2px #72c02c; } .funny-boxes-right-u:hover { border-right-color: #5fb611; } /*Typography ------------------------------------*/ /*Text Dropcap*/ .dropcap { float: left; color: #72c02c; padding: 5px 0; font-size: 45px; font-weight: 200; line-height: 30px; margin: 0px 5px 0 0; } .dropcap-bg { float: left; color: #fff; padding: 7px 0; min-width: 50px; font-size: 35px; font-weight: 200; line-height: 35px; text-align: center; background: #72c02c; margin: 4px 10px 0 0; } /*Text Highlights*/ .text-highlights { color: #fff; font-weight: 200; padding: 0px 5px; background: #555; } .text-highlights-green { background: #72c02c; } .text-highlights-blue { background: #3498db; } .text-highlights-red { background: #e74c3c; } .text-highlights-sea { background: #1abc9c; } .text-highlights-orange { background: #e67e22; } .text-highlights-yellow { background: #f1c40f; } .text-highlights-purple { background: #9b6bcc; } .text-highlights-aqua { background: #27d7e7; } .text-highlights-brown { background: #9c8061; } .text-highlights-dark-blue { background: #4765a0; } .text-highlights-light-green { background: #79d5b3; } /*Text Borders*/ .text-border { border-bottom: dashed 1px #555; } .text-border-default { border-color: #95a5a6; } .text-border-green { border-color: #72c02c; } .text-border-blue { border-color: #3498db; } .text-border-red { border-color: #e74c3c; } .text-border-yellow { border-color: #f1c40f; } .text-border-purple { border-color: #9b6bcc; } /*List Styles*/ .list-styles li { margin-bottom: 8px; } /*Tooltip*/ .tooltips-show { position: relative; } /*Contextual Backgrounds*/ .contex-bg p { opacity: 0.8; padding: 8px 10px; } .contex-bg p:hover { opacity: 1; } /*Blockquote*/ blockquote { padding: 5px 15px; border-left-width: 2px; } blockquote p { font-size: 14px; font-weight: 400; } blockquote h1, blockquote h2, blockquote span { font-size: 18px; margin: 0 0 8px; line-height: 24px; } /*Blockquote Styles*/ blockquote.bq-text-lg p, blockquote.bq-text-lg small { text-transform: uppercase; } blockquote.bq-text-lg p { font-size: 22px; font-weight: 300; line-height: 32px; } blockquote.text-right, blockquote.hero.text-right { border-left: none; border-right: 2px solid #eee; } blockquote.hero.text-right, blockquote.hero.text-right:hover { border-color: #555; } blockquote:hover, blockquote.text-right:hover { border-color: #72c02c; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } blockquote.bq-dark, blockquote.bq-dark:hover { border-color: #585f69; } blockquote.bq-green { border-color: #72c02c; } /*Blockquote Hero Styles*/ blockquote.hero { border: none; padding: 18px; font-size: 16px; background: #f3f3f3; border-left: solid 2px #666; } blockquote.hero:hover { background: #eee; border-left-color: #666; } blockquote.hero.hero-dark, blockquote.hero.hero-default { border: none; } blockquote.hero.hero-dark { background: #444; } blockquote.hero.hero-dark:hover { background: #555; } blockquote.hero.hero-default { background: #72c02c; } blockquote.hero.hero-default:hover { background: #5fb611; } blockquote.hero.hero-dark p, blockquote.hero.hero-dark h2, blockquote.hero.hero-dark small, blockquote.hero.hero-default p, blockquote.hero.hero-default h2, blockquote.hero.hero-default small { color: #fff; font-weight: 200; } /*Tag Boxes ------------------------------------*/ .tag-box { padding: 20px; background: #fff; margin-bottom: 30px; } .tag-box h2 { font-size: 20px; line-height: 25px; } .tag-box p { margin-bottom: 0; } .tag-box.tag-text-space p { margin-bottom: 10px; } /*Tag Boxes v1*/ .tag-box-v1 { border: solid 1px #eee; border-top: solid 2px #72c02c; } /*Tag Boxes v2*/ .tag-box-v2 { background: #fafafa; border: solid 1px #eee; border-left: solid 2px #72c02c; } /*Tag Boxes v3*/ .tag-box-v3 { border: solid 2px #eee; } /*Tag Boxes v4*/ .tag-box-v4 { border: dashed 1px #bbb; } /*Tag Boxes v5*/ .tag-box-v5 { margin: 20px 0; text-align: center; border: dashed 1px #ccc; } .tag-box-v5 span { color: #555; font-size: 28px; margin-bottom: 0; } /*Tag Boxes v6*/ .tag-box-v6 { background: #fafafa; border: solid 1px #eee; } /*Tag Boxes v7*/ .tag-box-v7 { border: solid 1px #eee; border-bottom: solid 2px #72c02c; } /*Testimonials ------------------------------------*/ /*Testimonials*/ .testimonials { margin-bottom: 10px; } .testimonials .testimonial-info { color: #72c02c; font-size: 16px; padding: 0 15px; margin-top: 18px; } .testimonials .testimonial-info span { top: 3px; position: relative; } .testimonials .testimonial-info em { color: #777; display: block; font-size: 13px; } .testimonials .testimonial-info img { width: 60px; float: left; height: 60px; padding: 2px; margin-right: 15px; border: solid 1px #ccc; } .testimonials .testimonial-author { overflow: hidden; } .testimonials .carousel-arrow { top: -65px; position: relative; } .testimonials .carousel-arrow i { color: #777; padding: 2px; min-width: 25px; font-size: 20px; text-align: center; background: #f5f5f5; } .testimonials .carousel-arrow i:hover { color: #fff; background: #72c02c; } .testimonials .carousel-control { opacity: 1; width: 100%; text-align: right; text-shadow: none; position: absolute; filter: Alpha(opacity=100); /*For IE*/ } .testimonials .carousel-control.left { right: 27px; left: auto; } .testimonials .carousel-control.right { right: 0px; } /*Testimonials v1*/ .testimonials.testimonials-v1 .item p { position: relative; } .testimonials.testimonials-v1 .item p:after, .testimonials.testimonials-v1 .item p:before { left: 80px; bottom: -20px; } .testimonials.testimonials-v1 .item p:after { border-top: 22px solid; border-left: 0 solid transparent; border-right: 22px solid transparent; } /*Testimonials v2*/ .testimonials.testimonials-v2 .testimonial-info { padding: 0 20px; } .testimonials.testimonials-v2 p { padding-bottom: 15px; } .testimonials.testimonials-v2 .carousel-arrow { top: -55px; } .testimonials.testimonials-v2 .item p:after, .testimonials.testimonials-v2 .item p:before { left: 8%; bottom: 45px; } .testimonials.testimonials-v2 .item p:after { border-top: 20px solid; border-left: 25px solid transparent; border-right: 0px solid transparent; } /*General Testimonials v1/v2*/ .testimonials.testimonials-v1 p, .testimonials.testimonials-v2 p { padding: 15px; font-size: 14px; font-style: italic; background: #f5f5f5; } .testimonials.testimonials-v1 .item p:after, .testimonials.testimonials-v2 .item p:after { width: 0; height: 0; content: " "; display: block; position: absolute; border-top-color: #f5f5f5; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ } /*Testimonials Backgrounds*/ .testimonials-bg-dark .item p, .testimonials-bg-default .item p { color: #fff; font-weight: 200; } .testimonials-bg-dark .carousel-arrow i, .testimonials-bg-default .carousel-arrow i { color: #fff; } /*Testimonials Default*/ .testimonials-bg-default .item p { background: #72c02c; } .testimonials.testimonials-bg-default .item p:after, .testimonials.testimonials-bg-default .item p:after { border-top-color: #72c02c; } .testimonials-bg-default .carousel-arrow i { background: #72c02c; } .testimonials.testimonials-bg-default .carousel-arrow i:hover { background: #5fb611; } /*Testimonials Dark*/ .testimonials-bg-dark .item p { background: #555; } .testimonials.testimonials-bg-dark .item p:after, .testimonials.testimonials-bg-dark .item p:after { border-top-color: #555; } .testimonials-bg-dark .carousel-arrow i { color: #fff; background: #555; } .testimonials.testimonials-bg-dark .carousel-arrow i:hover { background: #333; } .testimonials.testimonials-bg-dark .testimonial-info { color: #555; } /*Panels (Portlets) ------------------------------------*/ .panel-heading { color: #fff; padding: 5px 15px; } /*Panel Table*/ .panel .table { margin-bottom: 0; } /*Panel Unify*/ .panel-u { border-color: #72c02c; } .panel-u > .panel-heading { background: #72c02c; } /*Panel Blue*/ .panel-blue { border-color: #3498db; } .panel-blue > .panel-heading { background: #3498db; } /*Panel Red*/ .panel-red { border-color: #e74c3c; } .panel-red > .panel-heading { background: #e74c3c; } /*Panel Green*/ .panel-green { border-color: #2ecc71; } .panel-green > .panel-heading { background: #2ecc71; } /*Panel Sea*/ .panel-sea { border-color: #1abc9c; } .panel-sea > .panel-heading { background: #1abc9c; } /*Panel Orange*/ .panel-orange { border-color: #e67e22; } .panel-orange > .panel-heading { background: #e67e22; } /*Panel Yellow*/ .panel-yellow { border-color: #f1c40f; } .panel-yellow > .panel-heading { background: #f1c40f; } /*Panel Grey*/ .panel-grey { border-color: #95a5a6; } .panel-grey > .panel-heading { background: #95a5a6; } /*Panel Dark*/ .panel-dark { border-color: #555; } .panel-dark > .panel-heading { background: #555; } /*Panel Purple*/ .panel-purple { border-color: #9b6bcc; } .panel-purple > .panel-heading { background: #9b6bcc; } /*Panel Aqua*/ .panel-aqua { border-color: #27d7e7; } .panel-aqua > .panel-heading { background: #27d7e7; } /*Panel Brown*/ .panel-brown { border-color: #9c8061; } .panel-brown > .panel-heading { background: #9c8061; } /*Panel Dark Blue*/ .panel-dark-blue { border-color: #4765a0; } .panel-dark-blue > .panel-heading { background: #4765a0; } /*Panel Light Green*/ .panel-light-green { border-color: #79d5b3; } .panel-light-green > .panel-heading { background: #79d5b3; } /*Panel Default Dark*/ .panel-default-dark { border-color: #585f69; } .panel-default-dark > .panel-heading { background: #585f69; } /*Progress Bar ------------------------------------*/ .progress-u { box-shadow: none; } .progress-u .progress-bar { box-shadow: none; } /*progress-bar (sizes)*/ .progress-lg { height: 25px; } .progress-lg p { padding-top: 3px; } .progress-sm { height: 12px; } .progress-xs { height: 7px; } .progress-xxs { height: 3px; } /*progress-bar (colors)*/ .progress { background: #e5e5e5; } .progress-bar-u { background: #72c02c; } .progress-bar-blue { background: #3498db; } .progress-bar-orange { background: #e67e22; } .progress-bar-red { background: #e74c3c; } .progress-bar-purple { background: #9b6bcc; } .progress-bar-aqua { background: #27d7e7; } .progress-bar-brown { background: #9c8061; } .progress-bar-dark-blue { background: #4765a0; } .progress-bar-light-green { background: #79d5b3; } .progress-bar-dark { background: #555; } /*Count Stars ------------------------------------*/ .stars-existing { color: #72c02c; cursor: pointer; } .star-lg { font-size: 30px; } .star-sm { font-size: 25px; } .star-xs { font-size: 20px; } .star-default { font-size: 16px; } /*Media (Audio/Videos and Images) ------------------------------------*/ /*Images*/ img.img-bordered { padding: 3px; border: solid 1px #eee; } img.img-circle { border-radius: 50% !important; } /*Responsive Video*/ .responsive-video { height: 0; padding-top: 1px; position: relative; margin-bottom: -3px; padding-bottom: 56.25%; /*16:9*/ } .responsive-video iframe { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } /*Spaces ------------------------------------*/ .margin-left-5 { margin-left: 5px; } .margin-right-5 { margin-right: 5px; } .no-top-space { margin-top: 0; padding-top: 0; } .no-bottom-space { margin-bottom: 0; padding-bottom: 0; } .margin-bottom-5, .margin-bottom-10, .margin-bottom-15, .margin-bottom-20, .margin-bottom-25, .margin-bottom-30, .margin-bottom-35, .margin-bottom-40, .margin-bottom-45, .margin-bottom-50, .margin-bottom-55, .margin-bottom-60 { clear: both; } .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-15 { margin-bottom: 15px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-25 { margin-bottom: 25px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-35 { margin-bottom: 35px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-bottom-45 { margin-bottom: 45px; } .margin-bottom-50 { margin-bottom: 50px; } .margin-bottom-55 { margin-bottom: 55px; } .margin-bottom-60 { margin-bottom: 60px; } @media (max-width: 768px) { .sm-margin-bottom-10 { margin-bottom: 10px; } .sm-margin-bottom-20 { margin-bottom: 20px; } .sm-margin-bottom-30 { margin-bottom: 30px; } .sm-margin-bottom-40 { margin-bottom: 40px; } .sm-margin-bottom-50 { margin-bottom: 50px; } .sm-margin-bottom-60 { margin-bottom: 60px; } } @media (max-width: 992px) { .md-margin-bottom-10 { margin-bottom: 10px; } .md-margin-bottom-20 { margin-bottom: 20px; } .md-margin-bottom-30 { margin-bottom: 30px; } .md-margin-bottom-40 { margin-bottom: 40px; } .md-margin-bottom-50 { margin-bottom: 50px; } .md-margin-bottom-60 { margin-bottom: 60px; } } /*Text Colors ------------------------------------*/ .color-sea { color: #1abc9c; } .color-red { color: #e74c3c; } .color-aqua { color: #27d7e7; } .color-blue { color: #3498db; } .color-grey { color: #95a5a6; } .color-dark { color: #555555; } .color-green { color: #72c02c; } .color-brown { color: #9c8061; } .color-light { color: #ffffff; } .color-orange { color: #e67e22; } .color-green1 { color: #2ecc71; } .color-purple { color: #9b6bcc; } .color-dark-blue { color: #4765a0; } .color-light-grey { color: #585f69; } .color-light-green { color: #79d5b3; } /*Background Colors ------------------------------------*/ .bg-color-dark, .bg-color-sea, .bg-color-red, .bg-color-aqua, .bg-color-blue, .bg-color-grey, .bg-color-green, .bg-color-brown, .bg-color-orange, .bg-color-green1, .bg-color-purple, .bg-color-dark-blue, .bg-color-light-grey, .bg-color-light-green { color: #fff; } .bg-color-dark { background-color: #555; } .bg-color-sea { background-color: #1abc9c; } .bg-color-red { background-color: #e74c3c; } .bg-color-aqua { background-color: #27d7e7; } .bg-color-blue { background-color: #3498db; } .bg-color-grey { background-color: #95a5a6; } .bg-color-green { background-color: #72c02c; } .bg-color-brown { background-color: #9c8061; } .bg-color-orange { background-color: #e67e22; } .bg-color-green1 { background-color: #2ecc71; } .bg-color-purple { background-color: #9b6bcc; } .bg-color-dark-blue { background-color: #4765a0; } .bg-color-light-grey { background-color: #585f69; } .bg-color-light-green { background-color: #79d5b3; } /*Rounded and Circle Classes ------------------------------------*/ .rounded { border-radius: 4px !important; } .rounded-x { border-radius: 50% !important; } .rounded-2x { border-radius: 10px !important; } .rounded-3x { border-radius: 15px !important; } .rounded-4x { border-radius: 20px !important; } .rounded-top { border-radius: 4px 4px 0 0 !important; } .rounded-left { border-radius: 4px 0 0 4px !important; } .rounded-right { border-radius: 0 4px 4px 0 !important; } .rounded-bottom { border-radius: 0 0 4px 4px !important; } /*Others ------------------------------------*/ .overflow-h { overflow: hidden; } .overflow-a { overflow: auto; } .overflow-hidden { overflow: hidden; } .lft-img-margin { margin: 0 20px 5px 0; } .rgt-img-margin { margin: 0 0 5px 10px; } .padding-left-5 { padding-left: 5px; } .img-width-200 { width: 200px; } /*Misc*/ .content { padding-top: 40px; padding-bottom: 40px; } .text-justify p { text-align: justify; } /*Background Light*/ .bg-light { padding: 10px 15px; margin-bottom: 10px; background: #fcfcfc; border: solid 1px #e5e5e5; } .bg-light:hover { border: solid 1px #bbb; } /*CSS3 Hover Effects*/ .hover-effect { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-effect-kenburn { left: 10px; margin-left: -10px; position: relative; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .hover-effect-kenburn:hover { -webkit-transform: scale(2) rotate(5deg); -moz-transform: scale(2) rotate(5deg); -o-transform: scale(2) rotate(5deg); -ms-transform: scale(2) rotate(5deg); transform: scale(2) rotate(5deg); } /* * Template Name: Unify - Responsive Bootstrap Template * Description: Business, Corporate, Portfolio and Blog Theme. * Version: 1.4 * Author: @htmlstream * Website: http://htmlstream.com */ /*Boxed Layout ------------------------------------*/ .wrapper { background: #fff; } .boxed-layout { padding: 0; box-shadow: 0 0 5px #ccc; margin-left: auto !important; margin-right: auto !important; background: url(/images/nunify/patterns/15.png) repeat; } /*Parallax Backgrounds ------------------------------------*/ .parallax-bg { background: url(/images/nunify/blur/img1.jpg) 50% 0 repeat fixed; } /*Parallax Counter Block*/ .parallax-counter { padding: 60px 0; background: url(/images/nunify/bg/9.jpg) 50% 0 no-repeat fixed; } .parallax-counter h4 { color: #fff; font-size: 18px; } .parallax-counter .counters { color: #fff; padding: 20px 0; font-weight: 200; background: rgba(0, 0, 0, 0.6); } /*Parallax Team*/ .parallax-team { background: url(/images/nunify/team/faces.jpg) 50% 0 repeat fixed; } .parallax-team, .parallax-team .title-box-v2 { position: relative; } .parallax-team:before { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(255, 255, 255, 0.9); } /*Top Bar (login, search etc.) ------------------------------------*/ .topbar { z-index: 12; padding: 8px 0; position: relative; } .topbar ul.loginbar { margin: 0; } .topbar ul.loginbar > li { display: inline; list-style: none; position: relative; padding-bottom: 15px; } .topbar ul.loginbar > li > a, .topbar ul.loginbar > li > a:hover { color: #7c8082; font-size: 11px; text-transform: uppercase; } .topbar ul.loginbar li i.fa { color: #bbb; } .topbar ul.loginbar li.topbar-devider { top: -1px; padding: 0; font-size: 8px; position: relative; margin: 0 9px 0 5px; font-family: Tahoma; border-right: solid 1px #bbb; } /*Lenguages*/ .topbar ul.lenguages { top: 25px; left: -5px; display: none; padding: 4px 0; padding-left: 0; list-style: none; min-width: 100px; position: absolute; background: #f0f0f0; } .topbar li:hover ul.lenguages { display: block; } .topbar ul.lenguages:after { top: -4px; width: 0; height: 0; left: 8px; content: " "; display: block; position: absolute; border-bottom: 6px solid #f0f0f0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ } .topbar ul.lenguages li a { color: #555; display: block; font-size: 10px; padding: 2px 12px; margin-bottom: 1px; text-transform: uppercase; } .topbar ul.lenguages li.active a i { color: #999; float: right; margin-top: 2px; } .topbar ul.lenguages li a:hover, .topbar ul.lenguages li.active a { background: #fafafa; } .topbar ul.lenguages li a:hover { text-decoration: none; } /*Top Bar v1 (login, search etc.) ------------------------------------*/ .topbar-v1 { background: #fdfdfd; border-bottom: solid 1px #f0f0f0; } /*Top Contacts*/ .topbar-v1 ul { margin: 0; } .topbar-v1 .top-v1-contacts li { color: #666; padding: 5px 0; font-size: 12px; margin-right: 15px; display: inline-block; } .topbar-v1 .top-v1-contacts i { color: #999; font-size: 13px; margin-right: 3px; } /*Top Data*/ .topbar-v1 .top-v1-data { text-align: right; } .topbar-v1 .top-v1-data li { padding: 5px 11px; display: inline-block; border-right: solid 1px #eee; } .topbar-v1 .top-v1-data li:first-child { border-left: solid 1px #eee; } .topbar-v1 .top-v1-data li a { font-size: 12px; } .topbar-v1 .top-v1-data li a:hover { text-decoration: none; } .topbar-v1 .top-v1-data li i { color: #777; font-size: 13px; } .topbar-v1 .top-v1-data li a:hover i { color: #72c02c; } /*Responsive Topbar v1*/ @media (max-width: 992px) { .topbar-v1 ul { text-align: center !important; } .topbar-v1 .top-v1-contacts { margin: 10px 0; } .topbar-v1 .top-v1-data li { top: 1px; padding: 6px 16px; margin-left: -5px; position: relative; border: solid 1px #eee; } } /*Header Default ------------------------------------*/ .header { z-index: 99; position: relative; border-bottom: solid 2px #eee; } .header .navbar { margin: 0; min-height: inherit; } .header .navbar-default { border: none; background: none; } .header .navbar-collapse { position: relative; /*max-height: inherit;*/ } /*Brand*/ .header .navbar-brand { z-index: 1; top: -10px; position: relative; padding: 0 10px 10px; } @media (max-width: 992px) { .header .navbar-brand { top: 0; height: 40px; } } /*Navbar*/ @media (min-width: 992px) { .header .navbar-nav { float: right; } } .header .navbar-default .navbar-nav > li > a { color: #687074; font-size: 15px; font-weight: 400; text-transform: uppercase; } .header .navbar-default .navbar-nav > .active > a { color: #72c02c; } /*Dropdown*/ .header .navbar-right .dropdown-menu { right: inherit; } /*Navbar Toggle*/ .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: #72c02c; padding: 6px 10px 2px; } .navbar-default .navbar-toggle { border-color: #5fb611; } .navbar-default .navbar-toggle:hover { background: #5fb611; } .navbar-default .navbar-toggle .fa { color: #fff; font-size: 19px; } /*Responsive Navbar*/ @media (max-width: 767px) { .header .navbar-default .navbar-nav > li > a { font-size: 14px; padding: 9px 10px; } .header .navbar-default .navbar-nav > li a { /*margin-bottom: 1px;*/ border-bottom: solid 1px #eee; } .header .navbar-default .navbar-nav > li > a:focus { background: none; } .header .navbar-default .navbar-nav > li > a:hover { color: #72c02c; } .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus { color: #fff; background: #72c02c; /*border-bottom: solid 2px #72c02c;*/ } .header .dropdown-submenu li a { font-size: 12px; } } @media (min-width: 767px) { /*Navbar Collapse*/ .header .navbar-collapse { padding: 0; } /*Navbar*/ .header .navbar-nav { top: 2px; position: relative; } .header .navbar-default .navbar-nav > li > a { padding: 9px 30px 9px 20px; } .header .navbar-default .navbar-nav > li > a, .header .navbar-default .navbar-nav > li > a:focus { border-bottom: solid 2px transparent; } .header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > .active > a { border-bottom: solid 2px #72c02c; } .header .navbar-default .navbar-nav > li > a, .header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > li > a:focus, .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus { background: none; } .header .navbar-default .navbar-nav > .open > a, .header .navbar-default .navbar-nav > .open > a:hover, .header .navbar-default .navbar-nav > .open > a:focus { color: #687074; } /*Dropdown Menu*/ .header .dropdown-menu { padding: 0; border: none; min-width: 200px; border-radius: 0; z-index: 9999 !important; margin-top: -2px !important; border-top: solid 2px #72c02c; border-bottom: solid 2px #687074; } .header .dropdown-menu li a { color: #687074; font-size: 13px; font-weight: 400; padding: 6px 15px; border-bottom: solid 1px #eee; } .header .dropdown-menu .active > a, .header .dropdown-menu li > a:hover { color: #fff; filter: none !important; background: #687074 !important; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .header .dropdown-menu li > a:focus { background: none; filter: none !important; } .header .navbar-nav > li.dropdown:hover > .dropdown-menu { display: block; } } /*Search Box*/ .header .navbar .nav > li > .search { color: #aaa; cursor: pointer; min-width: 35px; font-size: 15px; text-align: center; background: #f7f7f7; padding: 11px 0 12px; display: inline-block; border-bottom: solid 2px #aaa; } .header .navbar .nav > li > .search:hover { color: #72c02c; background: #f7f7f7; border-bottom-color: #72c02c; } .header .navbar .search-open { right: 0; top: 38px; display: none; padding: 14px; position: absolute; background: #fcfcfc; border-top: solid 2px #eee; box-shadow: 0 1px 3px #ddd; } .header .navbar .search-open form { margin: 0; } @media (min-width: 767px) { .header .navbar .search-open { width: 330px; } .header .open > .dropdown-menu, .header-v1 .open > .dropdown-menu { display: none; } } @media (max-width: 767px) { .header .navbar .nav > li > .search { color: #999; width: 35px; height: 34px; line-height: 12px; text-align: left; text-align: center; margin: 5px 10px 0; background: #eee; border-bottom: none; } .header .navbar .nav > li > .search:hover { background: #5fb611; color: #fff !important; } .header .navbar .search-open { top: 5px; padding: 0; left: 48px; border-top: none; box-shadow: none; background: none; margin-right: 10px; } } /*Header v1 ------------------------------------*/ .header-v1 { border-bottom: none; } /*Brand*/ .header-v1 .navbar-brand { top: 2px; padding: 0 10px 10px; } /*Search Box*/ .header-v1 .navbar .search-open { background: #f8f8f8; } @media (max-width: 767px) { .header-v1 .navbar .search-open { bottom: -6px; } } .header-v1 .navbar .nav > li > .search { padding: 11px; border: none; min-width: 37px; } .header-v1 .navbar .nav > li > .search:hover { background: #72c02c; color: #fff !important; } /*Toggle*/ .header-v1 .navbar-toggle { margin-top: 3px; } /*Responsive Header v1*/ @media (min-width: 767px) and (max-width: 992px) { /*Brand*/ .header-v1 .navbar-brand { margin-bottom: 15px; } } @media (min-width: 767px) { /*Navbar*/ .header-v1 .navbar-default .navbar-nav > li { margin-left: 1px; } .header-v1 .navbar-default .navbar-nav > li > a { padding: 9px 30px 6px 20px; } .header-v1 .navbar-default .navbar-nav > .active > a, .header-v1 .navbar-default .navbar-nav > li > a:hover, .header-v1 .navbar-default .navbar-nav > li > a:focus { color: #fff !important; background: #72c02c !important; } .header-v1 .navbar-default .navbar-nav > .open > a, .header-v1 .navbar-default .navbar-nav > .open > a:hover, .header-v1 .navbar-default .navbar-nav > .open > a:focus { color: #fff; background: #72c02c; } /*Dropdown Menu*/ .header-v1 .dropdown-menu { background: #fafafa; } } /*Header Fixed ------------------------------------*/ /*Header*/ .header-fixed .header { height: 78px; } .header-fixed .header.header-fixed-shrink { top: 0; left: 0; width: 100%; height: 95px; z-index: 9999; position: fixed; margin-top: -35px; background: rgba(255, 255, 255, 0.9); border-bottom-color: #f5f5f5; -webkit-transition: height 0.6s; -moz-transition: height 0.6s; transition: height 0.6s; } /*Brand*/ .header-fixed .header.header-fixed-shrink .navbar-brand { top: 10px; z-index: 1; position: relative; padding: 0 10px 10px; } .header-fixed .header.header-fixed-shrink .navbar-brand img { width: 90%; } .header-fixed .header.header-fixed-shrink .search, .header-fixed .header.header-fixed-shrink .active a { border-bottom: none !important; } .header-fixed .header.header-fixed-shrink .dropdown > a:after { top: 19px; } /*Toggle*/ .header-fixed .navbar-toggle { margin-top: 5px; } /*Search Bar*/ .header-fixed .header.header-fixed-shrink .search { margin-top: 12px; padding: 8px !important; color: #585f69 !important; background: none !important; } .header-fixed .header.header-fixed-shrink .search-open { border-top: none; background: rgba(255, 255, 255, 0.9); } /*Responsive Fixed Header*/ @media (max-width: 992px) { /*Header*/ .header-fixed .header { height: 118px; } .header-fixed .header.header-fixed-shrink { height: 135px; } } @media (max-width: 767px) { /*Header*/ .header-fixed .header, .header-fixed .header.header-fixed-shrink { height: 88px; } /*Navbar*/ .header-fixed .header .navbar-nav { background: #fff; padding: 6px 0; margin-top: 0px; border: solid 1px #eee; } .header-fixed .header .navbar-default .navbar-collapse, .header-fixed .header .navbar-default .navbar-form { border: none; } /*Toggle*/ .header-fixed .navbar-toggle { margin-top: 9px; } /*Search*/ .header-fixed .header.header-fixed-shrink .navbar .nav > li > .search { top: 5px; position: relative; } } @media (min-width: 767px) { /*Navbar*/ .header-fixed .header.header-fixed-shrink .navbar-nav > li > a { padding: 19px 30px 18px 20px; border-bottom: solid 1px transparent !important; } /*Search Bar*/ .header-fixed .header.header-fixed-shrink .search-open { top: 56px; } } /*Dropdown Submenu for BS3 ------------------------------------*/ .dropdown-submenu { position: relative; } .dropdown > a:after, .dropdown-submenu > a:after { top: 8px; right: 9px; font-size: 11px; content: "\f105"; position: absolute; font-weight: normal; display: inline-block; font-family: FontAwesome; } @media (max-width: 767px) { .dropdown-submenu > a:after { content: " "; } } .dropdown > a > b.caret { display: none; } .dropdown > a:after { top: 9px; right: 15px; content: "\f107"; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -5px; margin-left: 0px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } @media (max-width: 767px) { .dropdown-submenu > .dropdown-menu { display: block; margin-left: 15px; } } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .dropdown-menu li [class^="fa-"], .dropdown-menu li [class*=" fa-"] { left: -3px; width: 1.25em; margin-right: 1px; position: relative; text-align: center; display: inline-block; } .dropdown-menu li [class^="fa-"].fa-lg, .dropdown-menu li [class*=" fa-"].fa-lg { /* increased font size for fa-lg */ width: 1.5625em; } /*Menu Icons*/ .menu-icon { margin-right: 10px; font-weight: 200; } /*Dropdown Show*/ .dropdown-show { position: relative; display: inline-block; box-shadow: 0 0 4px #eee; } /*Main Styles ------------------------------------*/ /*Purchase Block*/ .purchase { padding: 25px 0 30px; border-bottom: solid 1px #eee; background: url(/images/nunify/breadcrumbs.png) repeat; } .purchase p { margin-bottom: 0; } .purchase span { color: #666; display: block; font-size: 24px; line-height: 35px; font-weight: normal; margin-bottom: 12px; font-family: 'Open Sans', sans-serif; } .purchase .btn-buy { text-align: center; } .purchase .btn-buy a { margin-top: 27px; } .purchase .btn-buy a i { margin-right: 5px; } @media (max-width: 992px) { .purchase { text-align: center; } .purchase span { font-size: 22px; line-height: 29px; } .purchase .btn-buy a { margin-top: 25px; font-size: 16px; } } /*Service*/ .service { overflow: hidden; margin-bottom: 10px; padding: 15px 15px 10px; } .service:hover { background: #fcfcfc; box-shadow: 0 0 5px #ddd; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; } .service:hover i { color: #656565; } .service .desc { padding: 0 15px; overflow: hidden; } .service .desc h4 { font-size: 22px; line-height: 25px; } .service .service-icon { float: left; padding: 10px; color: #72c02c; font-size: 35px; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .service .service-icon.icon-cogs { font-size: 37px; } .service .service-icon.icon-plane { font-size: 43px; } /* Recent Work */ .recent-work a { text-align: center; background: #fcfcfc; display: inline-block; } .recent-work a:hover { text-decoration: none; } .recent-work a:hover strong { color: #555; } .recent-work em.overflow-hidden { display: block; } .recent-work a span { display: block; padding: 10px; border-bottom: solid 2px #eee; } .recent-work a strong { color: #555; display: block; } .recent-work a i { color: #777; } .recent-work a img { -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .recent-work a:hover img { opacity: 0.8; -webkit-transform: scale(1.2) rotate(3deg); -moz-transform: scale(1.2) rotate(3deg); -o-transform: scale(1) rotate(3deg); -ms-transform: scale(1.2) rotate(3deg); transform: scale(1.2) rotate(3deg); } .recent-work a:hover span { border-bottom: solid 2px #72c02c; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.3s ease-in-out; } /* Work */ .work { margin-top: 6px; } .work .details { padding: 10px; } .work .caption { display: block; padding-top: 5px; color: #585f69 !important; font-size: 18px !important; } .work .caption:hover { cursor: pointer; color: #444 !important; text-decoration: underline; } /*Footer*/ .footer { color: #dadada; background: #585f69; padding: 20px 0 30px; } .footer.margin-top-0 { margin-top: 0; } .footer p, .footer a { font-size: 14px; } .footer p { color: #dadada; } .footer a { color: #72c02c; } .footer a:hover { color: #a8f85f; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .footer h2, .footer h3, .footer h4 { color: #e4e4e4; background: none; text-shadow: none; } /*Footer Subsribe*/ .footer .footer-subsribe { width: 85%; } /*Footer Blog Posts*/ .footer .blog-list { margin: 0; padding: 0; color: #dadada; list-style: none; } .footer .blog-list li { padding: 0 0; margin-bottom: 7px; } .footer .blog-list li span { color: #818488; } .footer .dl-horizontal, .footer .dl-horizontal:hover { border: none !important; background: none !important; } .footer .posts .dl-horizontal a { color: #dadada; } .footer .dl-horizontal a:hover { color: #a8f85f !important; } .footer .dl-horizontal img { border-color: #888 !important; } /*Copyright*/ .copyright { font-size: 12px; padding: 11px 0 7px; background: #3e4753; border-top: solid 1px #777; } .copyright p { color: #dadada; margin-top: 12px; } .copyright a { margin: 0 5px; color: #72c02c; } .copyright a:hover { color: #a8f85f; } .copyright a img { margin-top: 5px; } /*Breadcrumbs ------------------------------------*/ /*Default Breadcrumbs*/ .breadcrumbs { overflow: hidden; padding: 10px 0 6px; border-bottom: solid 1px #eee; background: url("/images/breadcrumbs.png") repeat; } .breadcrumbs h1 { color: #666; font-size: 22px; margin-top: 8px; } .breadcrumb { top: 10px; padding-right: 0; background: none; position: relative; } .breadcrumb a { color: #777; } .breadcrumb li.active, .breadcrumb li a:hover { color: #72c02c; text-decoration: none; } @media (max-width: 550px) { .breadcrumbs h1.pull-left, .breadcrumbs ul.pull-right { width: 100%; text-align: center; } .breadcrumbs h1.pull-left { margin-bottom: 0; } .breadcrumbs .breadcrumb { top: 0; margin-bottom: 10px; } } /*Thumbnails ------------------------------------*/ a.thumbnail { padding: 0; border: none; margin-bottom: 15px; } .thumbnail-style { padding: 7px; margin-bottom: 20px; } .thumbnail-style:hover { box-shadow: 0 0 8px #ddd; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; } .thumbnail h3, .thumbnail-style h3 { margin: 6px 0 8px 0; } .thumbnail h3 a, .thumbnail-style h3 a { color: #585f69; font-size: 20px; } .thumbnail h3 a:hover, .thumbnail-style h3 a:hover { color: #72c02c; text-decoration: none; } .thumbnail-style .thumbnail-img { position: relative; margin-bottom: 11px; } .thumbnail-style a.btn-more { right: -10px; bottom: 10px; color: #fff; padding: 1px 6px; position: absolute; background: #72c02c; display: inline-block; } .thumbnail-style a.btn-more:hover { text-decoration: none; box-shadow: 0 0 0 2px #377500; } .thumbnail-style:hover a.btn-more { right: 10px; } .thumbnail-kenburn img { left: 10px; margin-left: -10px; position: relative; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .thumbnail-kenburn:hover img { -webkit-transform: scale(1.2) rotate(2deg); -moz-transform: scale(1.2) rotate(2deg); -o-transform: scale(1.2) rotate(2deg); -ms-transform: scale(1.2) rotate(2deg); transform: scale(1.2) rotate(2deg); } /*Servive Blocks ------------------------------------*/ /*Service Alternative Block*/ .service-alternative .service:hover { background: #76ca2c; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .service-alternative .service:hover i, .service-alternative .service:hover p, .service-alternative .service:hover h4 { color: #fff; } /*Servive Block Versions*/ .service-v1 h2 { margin: 15px 0 10px; font-size: 20px; line-height: 28px; } .service-v1 p { text-align: justify; } /*Blog Posts ------------------------------------*/ .posts .dl-horizontal a { color: #555; } .posts .dl-horizontal { margin-bottom: 15px; overflow: hidden; } .posts .dl-horizontal dt { width: 60px; float: left; } .posts .dl-horizontal dt img { width: 60px; height: 60px; padding: 2px; margin-top: 2px; border: solid 1px #ddd; } .posts .dl-horizontal dd { margin-left: 70px; } .posts .dl-horizontal dd p { margin: 0; } .posts .dl-horizontal dd a { font-size: 14px; line-height: 16px !important; } .posts .dl-horizontal dd a:hover { color: #72c02c; text-decoration: none; } .posts .dl-horizontal:hover dt img, .posts .dl-horizontal:hover dd a { color: #72c02c; border-color: #72c02c !important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /*About Page ------------------------------------*/ .team ul.team-socail { text-align: right; } .team ul.team-socail li { padding: 0 !important; margin: 0 !important; } .team ul.team-socail li a, .team ul.team-socail li a:hover { text-decoration: none; } .team ul.team-socail li i { color: #aaa; padding: 3px; min-width: 30px; font-size: 20px; text-align: center; background: #f7f7f7; display: inline-block; } .team ul.team-socail li i:hover { color: #fff; background: #72c02c; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .team .thumbnail-style { padding: 12px; } .team .thumbnail-style img { margin-bottom: 7px; } .team .thumbnail-style h3 { margin-bottom-bottom: 5px; } .team .thumbnail-style:hover h3 a { color: #72c02c !important; } .team .thumbnail-style small { display: block; margin-top: 5px; font-size: 12px; } /*About Me Page ------------------------------------*/ .about-me { overflow: hidden; } .about-me h2 { margin: 0; font-size: 20px; text-transform: uppercase; } .about-me span { color: #999; display: block; font-size: 14px; margin-bottom: 10px; } .about-me .social-icons { margin-top: 7px; } /*About My Goals*/ .about-my-goals h2 { text-transform: uppercase; } /*About Skills*/ .about-skills { padding: 40px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: url(/images/nunify/breadcrumbs.png) repeat; } /*Gallery Page ------------------------------------*/ .gallery-page .thumbnail, .gallery-page .thumbnail:hover { padding: 0; border: none; box-shadow: none; } .gallery-page .thumbnails { margin-bottom: 6px; } /*Privacy Page ------------------------------------*/ .privacy a { text-decoration: underline; } .privacy a:hover { color: #72c02c; text-decoration: none; } /*Portfolio Item Page v1 ------------------------------------*/ .portfolio-item h2 { color: #555; font-size: 24px; margin: 0 0 15px; } .portfolio-item li { padding: 3px 0; } .portfolio-item p a { text-decoration: underline; } .portfolio-item p a:hover { text-decoration: none; } /*Portfolio Item v1*/ .portfolio-item1 ul { margin: 10px 0 20px; } .portfolio-item1 li { font-size: 16px; margin-bottom: 3px; } .portfolio-item1 li i { font-size: 18px; margin-right: 4px; } /*Sidebar Features ------------------------------------*/ /*Blog Tags*/ ul.blog-tags li { display: inline-block; } ul.blog-tags a { font-size: 13px; padding: 2px 7px; background: #f7f7f7; margin: 0 3px 6px 0; display: inline-block; } ul.blog-tags a i { color: #666; } ul.blog-tags a:hover { background: #72c02c; } ul.blog-tags a:hover, ul.blog-tags a:hover i { color: #fff !important; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /*Blog Photo Stream*/ .blog-photos li { display: inline; } .blog-photos li img { opacity: 0.6; width: 58px; height: 58px; margin: 0 2px 8px; } .blog-photos li img:hover { opacity: 1; box-shadow: 0 0 0 2px #72c02c; } /*Blog Latest Tweets*/ .blog-twitter .blog-twitter-inner { padding: 10px; background: #f7f7f7; position: relative; margin-bottom: 10px; /*border-top: solid 2px #eee;*/ } .blog-twitter .blog-twitter-inner, .blog-twitter .blog-twitter-inner:after, .blog-twitter .blog-twitter-inner:before { transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .blog-twitter .blog-twitter-inner:after, .blog-twitter .blog-twitter-inner:before { width: 0; height: 0; right: 0px; bottom: 0px; content: " "; display: block; position: absolute; } .blog-twitter .blog-twitter-inner:after { border-top: 15px solid #eee; border-right: 15px solid transparent; border-left: 0px solid transparent; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ } .blog-twitter .blog-twitter-inner:before { border-bottom: 15px solid #fff; border-right: 0 solid transparent; border-left: 15px solid transparent; border-left-style: inset; /*FF fixes*/ border-bottom-style: inset; /*FF fixes*/ } .blog-twitter .blog-twitter-inner:hover { border-color: #72c02c; border-top-color: #72c02c; } .blog-twitter .blog-twitter-inner:hover:after { border-top-color: #72c02c; } .blog-twitter .blog-twitter-inner span.twitter-time { color: #777; display: block; font-size: 11px; } .blog-twitter .blog-twitter-inner a { color: #72c02c; text-decoration: none; } .blog-twitter .blog-twitter-inner a:hover { text-decoration: underline; } .blog-twitter .blog-twitter-inner i.fa { top: 2px; color: #bbb; font-size: 18px; position: relative; } /*Choose Block*/ .who li { margin-bottom: 6px; } .who li i { color: #72c02c; font-size: 13px; margin-right: 8px; position: relative; } .who li:hover i, .who li:hover a { color: #777; } .who li:hover a:hover { text-decoration: none; } /*Promo Page ------------------------------------*/ /*Slider Part*/ .fullwidthbanner-container.slider-promo { max-height: 460px !important; } .slider-promo-info-bg { padding: 25px 20px 20px; background: url(/images/nunify/bg-black.png) repeat; } .slider-promo-info span.big-size { color: #fff; display: block; font-size: 30px; margin-bottom: 25px; text-shadow: 0 !important; } .slider-promo-info p { color: #fff; font-size: 16px; margin-bottom: 0; } /*Promo Box*/ .promo-box { padding: 20px; margin: 25px 0 20px; text-align: center; } .promo-box i { display: block; font-size: 50px; } .promo-box p { font-size: 14px; margin-bottom: 0; } .promo-box strong, .promo-box strong a { color: #555; display: block; font-size: 20px; font-weight: 200; margin: 20px 0 15px; } .promo-box:hover strong, .promo-box:hover strong a { color: #72c02c; } /*Promo Service*/ .promo-service { margin-bottom: 20px; } .promo-service li { margin-bottom: 5px; } .promo-service a.btn-u { margin: 0 20px 10px 0; } /*Promo Elements*/ .title-box { font-size: 16px; text-align: center; padding: 10px 0 30px; border-bottom: solid 1px #eee; } .title-box .title-box-text { color: #555; display: block; font-size: 35px; font-weight: 200; } @media (max-width: 768px) { .title-box .title-box-text { font-size: 26px; line-height: 34px; margin-bottom: 10px; } .title-box p { font-size: 15px; } } .block-blockquote { margin: 20px 0; text-align: center; border: dashed 1px #ccc; } .block-blockquote-inner { padding: 15px; } .block-blockquote p { font-size: 26px; margin-bottom: 0; } /*Info Blocks*/ .info-blocks { margin-bottom: 15px; } .info-blocks:hover i.icon-info-blocks { color: #72c02c; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .info-blocks i.icon-info-blocks { float: left; color: #777; font-size: 30px; min-width: 50px; margin-top: 10px; text-align: center; } .info-blocks .info-blocks-in { padding: 0 10px; overflow: hidden; } .info-blocks .info-blocks-in h3 { color: #555; font-size: 20px; line-height: 28px; } .info-blocks .info-blocks-in p { font-size: 12px; } /*Brand Page ------------------------------------*/ .brand-page .btn { margin-bottom: 10px; } /*Form Pages ------------------------------------*/ .form-page input, .form-page select { margin-bottom: 10px; } /*Labels and Badges Page ------------------------------------*/ ul.labels-demo { margin: 5px 0; } ul.labels-demo li { list-style: none; display: inline-block; margin: 0 5px 2px 0; } .badge-sidebar { border-left: solid 1px #eee; } @media (max-width: 991px) { .badge-sidebar { border-left: none; } } /*Line Icon Page ------------------------------------*/ .line-icon-page .item-box { width: 25%; float: left; height: 90px; text-align: center; padding: 20px 10px; margin: 0 -1px -1px 0; border: 1px solid #ddd; word-wrap: break-word; } @media (max-width: 768px) { .line-icon-page .item-box { height: 115px; } } @media (max-width: 450px) { .line-icon-page .item-box { height: 130px; } } .line-icon-page .item-box:hover { background: #fafafa; } .line-icon-page .item span { display: block; font-size: 28px; margin-bottom: 10px; } .line-icon-page .item:hover { color: #72c02c; } /*GLYPHICONS Icons Page ------------------------------------*/ /*Special styles for displaying the icons and their classes*/ .bs-glyphicons { padding-left: 0; list-style: none; overflow: hidden; padding-bottom: 1px; margin-bottom: 20px; } .bs-glyphicons li { width: 25%; float: left; height: 115px; padding: 10px; font-size: 12px; line-height: 1.4; text-align: center; margin: 0 -1px -1px 0; border: 1px solid #ddd; } .bs-glyphicons .glyphicon { display: block; font-size: 24px; margin: 5px auto 10px; } .bs-glyphicons li:hover { color: #72c02c; background-color: #fafafa; } @media (min-width: 768px) { .bs-glyphicons li { width: 12.5%; } } /*Contact Pages ------------------------------------*/ .map { width: 100%; height: 350px; border-top: solid 1px #eee; border-bottom: solid 1px #eee; } .gm-style-iw { /*overflow: inherit !important;*/ } .map-box { height: 250px; } .map-box-space { margin-top: 15px; } .map-box-space1 { margin-top: 7px; } /*Background Opacity ------------------------------------*/ .service-or { overflow: hidden; position: relative; } .service-bg { background-color: rgba(255, 255, 255, 0.1); width: 250px; padding: 60px; position: absolute; top: -10px; right: -100px; transform: rotate(55deg); -o-transform: rotate(55deg); -ms-transform: rotate(55deg); -moz-transform: rotate(55deg); -webkit-transform: rotate(55deg); } /*Service Block v2 ------------------------------------*/ .servive-block-v2 .servive-block-in { padding: 20px 30px; text-align: center; margin-bottom: 15px; background: rgba(255, 255, 255, 0.2); } .servive-block-v2 .servive-block-in img { width: 100%; margin-bottom: 15px; } .servive-block-v2 .servive-block-in i { font-size: 40px; } .servive-block-v2 .servive-block-in h4 { line-height: 25px; } .servive-block-v2 .servive-block-in p { margin-bottom: 20px; } .servive-block-v2 .servive-block-in i, .servive-block-v2 .servive-block-in h4, .servive-block-v2 .servive-block-in p { color: #fff; } /*Easy Block ------------------------------------*/ .easy-block-v1 { position: relative; } .easy-block-v1 img { width: 100%; } .easy-block-v1 .overflow-h h3 { width: 60%; float: left; font-size: 18px; line-height: 24px; margin-bottom: 5px; } .easy-block-v1 .easy-block-v1-badge { left: 0px; top: 10px; z-index: 1; color: #fff; padding: 4px 10px; position: absolute; } /*Easy Block v2 ------------------------------------*/ .easy-block-v2 { overflow: hidden; position: relative; margin-bottom: 20px; } .easy-block-v2 img { width: 100%; } .easy-bg-v2 { top: 5px; color: #fff; width: 100px; padding: 5px; right: -32px; font-size: 13px; position: absolute; text-align: center; letter-spacing: 2px; transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .rgba-red { background-color: rgba(231, 76, 60, 0.8); } .rgba-blue { background-color: rgba(52, 152, 219, 0.8); } .rgba-default { background-color: rgba(114, 192, 44, 0.8); } .rgba-purple { background-color: rgba(155, 107, 204, 0.8); } /*Easy Block v3 ------------------------------------*/ .easy-block-v3 { text-align: left; background: #585f69; margin-bottom: 10px; padding: 30px 20px 20px; } .easy-block-v3.first { background: #696f77; } .easy-block-v3.second { background: #707780; } .easy-block-v3.third { background: #787f88; } .easy-block-v3 i { color: #fff; float: left; font-size: 30px; min-width: 45px; padding-top: 10px; } .easy-block-v3 .inner-faq-b { overflow: hidden; } .easy-block-v3 .inner-faq-b h2, .easy-block-v3 .inner-faq-b h3 { font-size: 21px; margin-bottom: 8px; } .easy-block-v3 .inner-faq-b h4 { color: #fff; font-size: 17px; margin-bottom: 2px; } .easy-block-v3 .inner-faq-b h2, .easy-block-v3 .inner-faq-b h3, .easy-block-v3 .inner-faq-b p { color: #fff; } /*Full Width Block ------------------------------------*/ .full-w-block { padding: 30px 0; background: #282828; } .full-w-block .info-blocks i, .full-w-block .info-blocks-in h3 { color: #fff; } .full-w-block .info-blocks-in p { color: #ccc; } .full-w-block .info-blocks:hover i.icon-info-blocks { color: #fff; } /*Team v2 ------------------------------------*/ .team-v2 { position: relative; margin-bottom: 20px; } .team-v2 img { width: 100%; } .team-v2 .inner-team { padding: 20px; background: #fff; text-align: center; } .team-v2 .inner-team h3 { margin: 0; } .team-v2 .inner-team small { display: block; font-size: 12px; margin-bottom: 7px; } .team-v2 .inner-team p { font-size: 13px; } .team-v2 .inner-team hr { margin: 10px 0 15px; } /*Team-Social ---- Temporary*/ .team-social { margin-bottom: 0; } .team-social li { padding: 0 2px; } .team-social li a { font-size: 14px; padding: 6px 4px; border-radius: 50% !important; } .team-social li i { min-width: 20px; } .team-social li a.fb { color: #4862a3; border: 1px solid #4862a3; } .team-social li a.tw { color: #159ceb; border: 1px solid #159ceb; } .team-social li a.gp { color: #dc4a38; border: 1px solid #dc4a38; } .team-social li a:hover { text-decoration: none; } .team-social li a.fb:hover { color: #fff; background: #4862a3; } .team-social li a.tw:hover { color: #fff; background: #159ceb; } .team-social li a.gp:hover { color: #fff; background: #dc4a38; } /*Simple Block ------------------------------------*/ .simple-block { margin-bottom: 20px; } .simple-block img { width: 100%; } .simple-block p { text-align: center; } .simple-block .carousel-indicators { top: 10px; left: 65%; text-align: right; } .simple-block .carousel-indicators .active { background: #555; } .simple-block .carousel-indicators li { border-color: #555; } .simple-block .carousel-inner > .item { margin: 0; } /*Two Blocks ------------------------------------*/ .two-blocks { text-align: center; } .two-blocks-in { margin-bottom: 30px; } .two-blocks-in i { color: #fff; padding: 11px; font-size: 30px; min-width: 50px; text-align: center; background: #585f69; margin-bottom: 10px; display: inline-block; } /*Three Blocks ------------------------------------*/ .three-blocks { text-align: center; } .three-blocks-in { margin-bottom: 30px; } .three-blocks-in i { color: #777; padding: 9px 6px; font-size: 20px; min-width: 40px; margin-bottom: 10px; border: 1px solid #777; } .three-blocks-in h3 { font-size: 20px; margin-bottom: 7px; } /*Temperory Classes ------------------------------------*/ /*Banner-info*/ .banner-info { margin-bottom: 10px; } .banner-info i { float: left; color: #fff; padding: 11px; /*min-width works with line-icon*/ min-width: 40px; font-size: 22px; text-align: center; margin: 7px 20px 0 0; } /*min-width works with FontAwesome*/ .banner-info i.fa { min-width: 46px; } .banner-info.light i { border: 1px solid #fff; } .banner-info.dark i { background: #585f69; } .banner-info h3 { font-size: 21px; margin-bottom: 5px; } .banner-info.light h3 { color: #fff; } .banner-info.light p { color: #eee; } /*Breadcrumb-V2*/ .breadcrumbs-v2 { text-align: center; position: relative; background: url(/images/nunify/bg/11.jpg) no-repeat center; } .breadcrumbs-v2-in { padding: 60px 0; position: relative; } .breadcrumbs-v2 h1 { color: #fff; text-transform: uppercase; } .breadcrumb-v2 li a, .breadcrumb-v2 li.active { color: #fff; } .breadcrumb-v2 li i { color: #fff; min-width: 19px; padding: 3px 7px; margin-right: 5px; text-align: center; border: 1px solid #fff; } /*Breadcrumbs-v3*/ .breadcrumbs-v3 { padding: 10px 0; background: #585f69; border-bottom: 1px solid #eee; } .breadcrumbs-v3 h1 { color: #fff; margin: 3px 0; font-size: 22px; font-weight: 200; } .breadcrumbs-v3 .breadcrumb { padding: 0; margin-top: 2px; margin-bottom: 0; } .breadcrumbs-v3 .breadcrumb li a { color: #fff; } /*Title-Box-V2*/ .title-box-v2 { text-align: center; margin-bottom: 40px; } .title-box-v2 h2 { font-size: 25px; text-transform: uppercase; } .title-box-v2 p { font-size: 13px; } /*remove padding from "Col-"*/ .no-space { padding: 0; } /*List Style v1*/ .list-style-v1 li { margin-bottom: 7px; } .list-style-v1 i { margin-right: 5px; } /* * Template Name: Unify - Responsive Bootstrap Template * Description: Business, Corporate, Portfolio and Blog Theme. * Version: 1.4 * Author: @htmlstream * Website: http://htmlstream.com */ /*Parallax Slider (Main) ------------------------------------*/ .slider-inner .da-slider { box-shadow: none; border-bottom: 2px solid #ddd; } .slider-inner .da-dots { z-index: 10; } @media (max-width: 450px) { .da-slide p { display: none; } } @media (max-width: 900px) { /*Slider Parallax*/ .da-slide .da-img { display: none; } } /*Layer Slider ------------------------------------*/ .layer_slider { overflow: hidden; } .ls-ct-half, .ls-ct-center { border-radius: 100px !important; } /*Sequence Slider (Home Page) ------------------------------------*/ @media (max-width: 900px) { #sequence-theme .info { top: 80px !important; width: 60% !important; margin-right: 50px; } } @media (max-width: 450px) { #sequence-theme .info { top: 70px !important; width: 70% !important; margin-right: 25px; } #sequence-theme h2 { font-size: 30px !important; } #sequence-theme .info p { font-size: 18px !important; } } /*Clients Carousel (Flexslider) ------------------------------------*/ .clients { box-shadow: none !important; margin-bottom: 0 !important; } .clients li { float: left; overflow: hidden; margin-left: 1px; position: relative; background: #fafafa; } .clients li:hover { background: #f6f6f6; } .clients li img.color-img { top: 0; left: 0; display: none; position: absolute; } .clients li:hover img.color-img { display: block; } .clients li img { filter: gray; /* IE6-9 */ float: none !important; margin: 0 auto !important; } .clients li img:hover { filter: none; } .clients, .flexslider.home { border: 0; overflow: hidden; margin-top: 10px; margin-bottom: 30px; } .flexslider { margin-top: 10px !important; background: none !important; } .flexslider .flex-direction-nav a { margin-top: -10px !important; } /*Fancybox ------------------------------------*/ /*For Topbar*/ .fancybox-overlay.fancybox-overlay-fixed { z-index: 9999; } /*FancyBox Hover Effect*/ .zoomer:hover .overlay-zoom .zoom-icon { opacity: 0.4; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); filter: alpha(opacity=50); } .overlay-zoom { z-index: 90; width: 100%; height: 100%; display: block; cursor: pointer; position: relative; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .overlay-zoom .zoom-icon { top: 0; opacity: 0; z-index: 100; width: inherit; height: inherit; position: absolute; background-color: #000; background-position: 50%; background-repeat: no-repeat; background-image: url(/images/unify/img/overlay-icon.png); filter: alpha(opacity=0); -webkit-backface-visibility: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } @media (max-width: 768px) { .fancybox-overlay { background: none !important; } } /*Owl Carousel ------------------------------------*/ .owl-btn { color: #777; cursor: pointer; font-size: 18px; padding: 2px 9px; text-align: center; background: #f5f5f5; } .owl-btn:hover { color: #fff; background: #72c02c; } /*Owl Carousel v1*/ .owl-carousel-v1 .owl-navigation { text-align: right; margin-bottom: 20px; } .owl-carousel-v1 .item { margin: 0 15px; } .owl-carousel-v1 .item img { text-align: center; } .owl-carousel-v1 .owl-pagination { display: none; } /*Owl Carousel v2*/ .owl-carousel-v2 .owl-slider-v2 { margin-bottom: 20px; } .owl-carousel-v2 .item { margin: 0 15px; } .owl-carousel-v2 .item img { text-align: center; } .owl-carousel-v2 .owl-navigation { text-align: center; } .owl-carousel-v2 .owl-pagination { display: none; } /*Owl Carousel v3*/ .owl-carousel-v3 .item { margin: 0 15px; } .owl-carousel-v3 .item img { text-align: center; } .owl-carousel-v3 .owl-pagination { display: none; } /*Owl Carousel v4*/ .owl-carousel-v4 .owl-wrapper-outer { margin-bottom: 20px; } .owl-carousel-v4 .item { margin: 0 3px; } .owl-carousel-v4 .item img { width: 100%; } /*Owl Pagination*/ .owl-pagination { text-align: center !important; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { opacity: 1; filter: Alpha(Opacity=100); /*IE7 fix*/ } .owl-theme .owl-controls .owl-page { zoom: 1; display: inline-block; *display: inline; /*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { width: 12px; height: 12px; opacity: 0.3; display: block; margin: 5px 7px; background: #bbb; filter: Alpha(Opacity=50); /*IE7 fix*/ -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } /*Owl Carousel Style v1*/ .owl-carousel-style-v1 img { width: 120px; height: auto; } /*Owl Carousel Style v2*/ .owl-carousel-style-v2 .item { margin: 0 3px; background: #fafafa; text-align: center; border: solid 1px #eee; } .owl-carousel-style-v2 .item img { padding: 0 3px; display: inline-block; } .owl-carousel-style-v2 .item:hover { background: #f7f7f7; border-color: #e5e5e5; transition: all 0.4s ease-in-out; } .owl-carousel-style-v2 .owl-pagination { display: none; } /*Pie Chart ------------------------------------*/ .pie-progress-charts .inner-pchart { text-align: center; } .pie-progress-charts .circle { color: #555; font-weight: 200; margin-bottom: 20px; } .pie-progress-charts .circle-title { font-size: 22px; } @media (max-width: 767px) { .pie-progress-charts .inner-pchart { margin-bottom: 40px; } } /*Counter ------------------------------------*/ .counters { color: #555; text-align: center; } @media (max-width: 767px) { .counters { margin-bottom: 30px; } } .counters span { font-size: 35px; } .counters span.counter-icon { display: block; margin-bottom: 10px; } .counters span.counter-icon i { color: #fff; padding: 16px; min-width: 65px; font-size: 30px; position: relative; background: #72c02c; } .counters span.counter-icon i:after { width: 0; height: 0; left: 38%; content: " "; bottom: -7px; display: block; position: absolute; border-top: 7px solid #72c02c; border-left: 7px solid transparent; border-right: 7px solid transparent; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ } .counters:hover span.counter-icon i { border-color: #000; } /*Style Switcher ------------------------------------*/ i.style-switcher-btn { right: 0; top: 37px; color: #fff; font-size: 18px; cursor: pointer; z-index: 555555; position: fixed; padding: 7px 9px; background: #585f69; border-radius: 6px 0 0 6px !important; } i.style-switcher-btn:hover { background: #707985; } i.style-switcher-btn-option { top: 38px; background: #9097a0; } i.style-switcher-btn-option:hover { background: #707985; } .style-switcher { right: 0; top: 37px; width: 205px; display: none; z-index: 555555; position: fixed; background: #585f69; border: solid 1px #666d76; padding: 15px 15px 15px 20px; border-radius: 6px 0 0 6px !important; } .style-switcher-inner { background: #9097a0; } .style-switcher .theme-close { top: 10px; right: 6px; position: absolute; } .style-switcher .theme-close i { color: #fff; cursor: pointer; font-size: 22px; padding: 5px; } .style-switcher .theme-close i:hover { color: #464e5b; background: #fff; } .style-switcher .theme-heading { color: #fff; font-size: 16px; margin-bottom: 10px; text-transform: uppercase; } .style-switcher-logo { margin-top: 10px; padding-top: 15px; border-top: solid 1px #4c5159; } .style-switcher-logo a { display: block; text-align: center; } .style-switcher ul { margin-bottom: 0; } .style-switcher li { width: 26px; height: 26px; cursor: pointer; background: #c00; margin: 0 5px 5px 0; display: inline-block; border-radius: 10% !important; } .style-switcher li.last { margin-right: 0; } .style-switcher li:hover, .style-switcher li.theme-active { border: solid 2px #fff; } .style-switcher a.btn-u { border: solid 1px transparent; } .style-switcher a.btn-u-sea.active-switcher-btn, .style-switcher a.btn-u-green.active-switcher-btn { border: solid 1px #eee; } .style-switcher a.btn-u-sea.active-switcher-btn { background: #1abc9c !important; } .style-switcher a.btn-u-green.active-switcher-btn { background: #2ecc71 !important; } .style-switcher li.theme-default { background: #72c02c; } .style-switcher li.theme-blue { background: #3498db; } .style-switcher li.theme-orange { background: #e67e22; } .style-switcher li.theme-red { background: #e74c3c; } .style-switcher li.theme-light { background: #ecf0f1; } .style-switcher li.theme-purple { background: #9b6bcc; } .style-switcher li.theme-aqua { background: #27d7e7; } .style-switcher li.theme-brown { background: #9c8061; } .style-switcher li.theme-dark-blue { background: #4765a0; } .style-switcher li.theme-light-green { background: #79d5b3; } ;TI"dependency_digest;TI"%e2b48842fc1fa8486d9f6a748b2a901c;FI"required_paths;T[I"2$root/app/assets/stylesheets/application.scss;FI"dependency_paths;T[ {I" path;TI"J/Users/jahuang/workspace/nunify/vendor/assets/stylesheets/nunify.scss;TI" mtime;TI"2014-09-04T11:29:10+07:00;TI" digest;TI"%58cab28be81dbee7a628c0a4836cd05f;F{@I"N/Users/jahuang/workspace/nunify/vendor/assets/stylesheets/nunify/app.scss;T@I"2014-09-04T11:02:45+07:00;T@!I"%cd4e5817fdae51534a31938a30879fff;F{@I"P/Users/jahuang/workspace/nunify/vendor/assets/stylesheets/nunify/style.scss;T@I"2014-09-04T11:28:23+07:00;T@!I"%10b951f089187e4a63b28ad3dd73b961;F{@I"R/Users/jahuang/workspace/nunify/vendor/assets/stylesheets/nunify/plugins.scss;T@I"2014-09-04T11:03:29+07:00;T@!I"%86cec2cc9e9ebc7d114c2889d7839351;F{@I"2$root/app/assets/stylesheets/application.scss;F@I"2014-09-04T11:24:40+07:00;T@!I"%70a03c6d4eac7a88729189b45ac1444e;FI" _version;TI"%6584930913c75ff69ba506e1cfbae2c9;F