W3C CSS Validator results for http://www.brsinal.com.br/css/main.css (CSS level 3)

Congratulations! No Error Found.

This document validates as CSS level 3 !

To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page:

Valid CSS!
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>
            
Valid CSS!
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
    </a>
</p>
        

(close the img tag with > instead of /> if using HTML <= 4.01)

If you like, you can download a copy of this image to keep in your local web directory, and change the XHTML fragment above to reference your local image rather than the one on this server.

If you would like to create a link to this page (i.e., this validation result) to make it easier to re-validate this page in the future or to allow others to validate your page, the URI is:

http://jigsaw.w3.org/css-validator/validator?uri=http://www.brsinal.com.br/css/main.css
or
http://jigsaw.w3.org/css-validator/check/referer (for HTML/XML document only)

(Or, you can just add the current page to your bookmarks or hotlist.)

↑ Top

Warnings (84)

URI : http://www.brsinal.com.br/css/main.css

15 -webkit-transition is an unknown vendor extension
15 -moz-transition is an unknown vendor extension
15 -o-transition is an unknown vendor extension
21 -webkit-border-radius is an unknown vendor extension
21 -moz-border-radius is an unknown vendor extension
21 -webkit-box-shadow is an unknown vendor extension
21 -moz-box-shadow is an unknown vendor extension
43 -webkit-transition is an unknown vendor extension
43 -moz-transition is an unknown vendor extension
43 -o-transition is an unknown vendor extension
47 -webkit-transition is an unknown vendor extension
47 -moz-transition is an unknown vendor extension
47 -o-transition is an unknown vendor extension
83 -webkit-box-shadow is an unknown vendor extension
83 -webkit-border-radius is an unknown vendor extension
83 -moz-border-radius is an unknown vendor extension
87 -webkit-border-radius is an unknown vendor extension
87 -moz-border-radius is an unknown vendor extension
87 -webkit-box-shadow is an unknown vendor extension
87 -moz-box-shadow is an unknown vendor extension
133 -webkit-box-shadow is an unknown vendor extension
133 -moz-box-shadow is an unknown vendor extension
135 -webkit-box-shadow is an unknown vendor extension
135 -moz-box-shadow is an unknown vendor extension
145 -webkit-box-shadow is an unknown vendor extension
145 -moz-box-shadow is an unknown vendor extension
149 -webkit-border-radius is an unknown vendor extension
149 -moz-border-radius is an unknown vendor extension
149 -webkit-box-shadow is an unknown vendor extension
149 -moz-box-shadow is an unknown vendor extension
161 -webkit-border-radius is an unknown vendor extension
161 -moz-border-radius is an unknown vendor extension
175 -webkit-border-radius is an unknown vendor extension
175 -moz-border-radius is an unknown vendor extension
175 -webkit-box-shadow is an unknown vendor extension
175 -moz-box-shadow is an unknown vendor extension
175 -webkit-border-radius is an unknown vendor extension
175 -moz-border-radius is an unknown vendor extension
175 -webkit-box-shadow is an unknown vendor extension
175 -moz-box-shadow is an unknown vendor extension
175 -webkit-box-shadow is an unknown vendor extension
175 -moz-box-shadow is an unknown vendor extension
175 -webkit-transform is an unknown vendor extension
175 -moz-transform is an unknown vendor extension
175 -ms-transform is an unknown vendor extension
175 -o-transform is an unknown vendor extension
175 -webkit-transition is an unknown vendor extension
175 -moz-transition is an unknown vendor extension
175 -o-transition is an unknown vendor extension
175 -webkit-transform is an unknown vendor extension
175 -moz-transform is an unknown vendor extension
175 -ms-transform is an unknown vendor extension
175 -o-transform is an unknown vendor extension
175 -webkit-transition is an unknown vendor extension
175 -moz-transition is an unknown vendor extension
175 -o-transition is an unknown vendor extension
175 -webkit-transform is an unknown vendor extension
175 -moz-transform is an unknown vendor extension
175 -ms-transform is an unknown vendor extension
175 -o-transform is an unknown vendor extension
175 -webkit-text-shadow is an unknown vendor extension
175 -moz-text-shadow is an unknown vendor extension
206 -webkit-border-radius is an unknown vendor extension
207 -moz-border-radius is an unknown vendor extension
240 -webkit-box-sizing is an unknown vendor extension
241 -moz-box-sizing is an unknown vendor extension
248 -webkit-transition is an unknown vendor extension
249 -moz-transition is an unknown vendor extension
259 -webkit-transition is an unknown vendor extension
260 -webkit-transform is an unknown vendor extension
261 -moz-transition is an unknown vendor extension
262 -moz-transform is an unknown vendor extension
263 -ms-transform is an unknown vendor extension
275 -webkit-transform is an unknown vendor extension
276 -moz-transform is an unknown vendor extension
277 -ms-transform is an unknown vendor extension
288 -webkit-transition is an unknown vendor extension
289 -webkit-transform is an unknown vendor extension
290 -moz-transition is an unknown vendor extension
291 -moz-transform is an unknown vendor extension
292 -ms-transform is an unknown vendor extension
304 -webkit-transform is an unknown vendor extension
305 -moz-transform is an unknown vendor extension
306 -ms-transform is an unknown vendor extension

↑ Top

Valid CSS information

@import url('http://fonts.googleapis.com/css?family=Fjalla+One') ;
@font-face {
{
font-family : "'Fjalla One'";
font-style : normal;
font-weight : 400;
src : local('Fjalla One'), local('FjallaOne-Regular'), url(http://fonts.gstatic.com/s/fjallaone/v5/Yq6R-LCAWCX3-6Ky7FAFrOF6lw.ttf) format('truetype');
}
}
.clearfix:before, .clearfix:after {
display : table;
content : "";
line-height : 0;
}
.clearfix:after {
clear : both;
}
.hide-text {
font : 0/0 a;
color : transparent;
text-shadow : none;
background-color : transparent;
border : 0;
}
.clear {
clear : both;
}
body {
margin : auto 0 -20px 0;
font-size : 12px;
color : #444444;
background : #f5f5f5;
}
body h1, body h2, body h3, body h4, body .created {
font-family : "Fjalla One";
font-weight : normal;
}
body h1 a, body h1 a:hover, body h1 a:focus {
color : #f89406;
transition : 300ms;
text-decoration : none;
outline : 0;
}
body h5, body h6 {
margin : 0;
}
body h3, body h4 {
margin-top : 0;
}
.btn {
border-radius : 0;
border : 0;
background-image : none;
text-shadow : none;
box-shadow : none;
}
.btn.btn-transparent {
border : #444444 solid 3px;
background : transparent;
color : #444444;
}
.btn.btn-transparent:hover {
border-color : #444444;
background : #444444;
color : #ffffff;
}
.btn.btn-banner {
border : #000000 solid 3px;
background : rgba(0, 0, 0, 0.1);
color : #f5f5f5;
}
.btn.btn-banner:hover {
border-color : #f5f5f5;
background : #f5f5f5;
color : #333;
}
.btn.btn-link {
color : #f89406;
padding : 0;
}
.btn.btn-link:hover {
text-decoration : none;
}
.btn-primary {
background-color : #232323;
}
.btn-primary:hover {
background-color : #000000;
color : #f5f5f5;
}
.btn-pdf {
background-color : #e5e5e5;
}
.btn-pdf:hover {
background-color : #fff;
color : #f89406;
}
a {
color : #444444;
transition : 300ms;
}
a:hover, a:focus {
color : #444444;
text-decoration : none;
outline : 0;
}
p a {
color : #444444;
transition : 300ms;
}
p a:hover, a:focus {
color : #f89406;
text-decoration : none;
outline : 0;
}
.dropdown-menu {
margin-top : -1px;
min-width : 180px;
}
body > section {
padding : 50px 0;
}
body > section#slide-show {
padding : 80px 0 0 0;
}
#recent-works {
background-image : linear-gradient(to bottom, #000000, #232323);
background-color : #232323;
color : #ffffff;
}
#recent-works h2 {
color : #f89406;
}
#recent-works .links > a {
background : #fff;
color : #f89406;
text-shadow : none;
}
#clients {
background : #f5f5f5;
color : #444444;
}
#clients h4 {
color : #444444;
}
#clients .carousel {
margin-bottom : 0;
}
#clients .carousel h4 {
font-size : 12px;
text-transform : uppercase;
}
#clients .clients ul.thumbnails {
margin : 0;
}
#clients .clients ul.thumbnails > li {
text-align : center;
margin-bottom : 0;
}
#clients .prev, #clients .next {
color : #999;
}
.title {
background : url("../images/bg-title.png") #000000;
color : #fff;
padding : 100px 0 20px 10px;
}
.slider {
width : 100%;
padding : 80px 0 0 0;
}
.center {
text-align : center;
}
.box {
background-color : #fff;
border-top : 1px solid #f0f0f0;
box-shadow : 0 1px 2px 0 rgba(0, 0, 0, 0.1);
padding : 10px;
border-radius : 4px;
}
.progress {
margin-bottom : 10px;
}
.progress, .progress .bar {
border-radius : 0;
background-image : none;
box-shadow : none;
text-shadow : none;
height : 30px;
line-height : 30px;
}
.label, .badge {
font-weight : 300;
font-size : 90%;
}
ul.breadcrumb {
margin : 12px 0 0;
background : transparent;
}
ul.breadcrumb > li {
text-shadow : none;
}
ul.breadcrumb > li > a, ul.breadcrumb > li .divider {
color : #f89406;
}
ul.breadcrumb > li.active {
color : rgba(255, 150, 0, 0.7);
}
ul.tag-cloud li {
display : inline-block;
margin : 0 0 2px 0;
}
.btn-social {
border : 0;
color : #fff;
text-shadow : 0 1px rgba(0, 0, 0, 0.5);
}
.btn-social.btn-facebook {
background : #4f7dd4;
}
.btn-social.btn-facebook:hover {
background : #789bde;
}
.btn-social.btn-twitter {
background : #5bceff;
}
.btn-social.btn-twitter:hover {
background : #8eddff;
}
.btn-social.btn-linkedin {
background : #21a6d8;
}
.btn-social.btn-linkedin:hover {
background : #49b9e3;
}
.btn-social.btn-google-plus {
background : #dc422b;
}
.btn-social.btn-google-plus:hover {
background : #e36957;
}
.btn-social:hover {
color : #fff;
}
header.navbar .navbar-inner {
background : #fff;
border : 0;
}
header #logo {
width : 240px;
height : 80px;
background : url(../images/logo.png) 10% 50% no-repeat;
}
header.navbar {
margin-bottom : 0;
}
header.navbar .nav {
margin-top : 20px;
}
header.navbar .nav > li {
margin-left : 1px;
}
header.navbar .nav > li > a {
padding-top : 10px;
padding-bottom : 10px;
color : #333;
font-family : "Fjalla One";
font-size : 14px;
text-transform : uppercase;
text-shadow : none;
}
header.navbar .nav > li > a:hover {
background : transparent;
color : #f89406;
box-shadow : none;
}
header.navbar .nav > li.active > a, header.navbar .nav > li.active > a:hover {
background : transparent;
color : #f89406;
box-shadow : none;
}
header.navbar .nav > li.dropdown.open > a.dropdown-toggle {
background : transparent;
color : #f89406;
}
header .dropdown-menu {
margin-top : 20px;
}
header .dropdown-menu:before {
display : none !important ;
}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
background-color : transparent;
color : #9d9d9d;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
box-shadow : none;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
color : #f89406;
}
.dropdown-menu {
background : #f5f5f5;
border-radius : 0;
box-shadow : 0 2px 3px rgba(0, 0, 0, 0.3);
padding : 0;
border : 0;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
background : #f89406;
}
ul.dropdown-menu a {
color : #333;
}
.main-info {
background : #e1e1dc;
color : #444444;
}
.main-info h4 {
color : #444444;
}
.main-info a, .main-info a:hover {
color : #444444;
}
.icon-medium {
font-size : 18px;
width : 18px;
line-height : 18px;
text-align : center;
display : inline-block;
background : #f89406;
padding : 10px;
border-radius : 100%;
color : #fff;
}
.modal {
border : 0;
}
.modal#loginForm {
width : 600px;
margin-left : -300px;
}
.modal .modal-header {
border : 0;
padding : 20px 20px 0;
}
.modal .modal-header > h4 {
font-weight : 300;
font-size : 14px;
color : #848484;
text-transform : uppercase;
margin : 0;
}
.modal .modal-body {
padding : 20px;
}
.modal input[type="text"], .modal input[type="password"] {
padding : 5px 10px;
min-height : 30px;
width : 130px;
margin-right : 10px;
}
.modal .fa-times {
color : #848484;
position : absolute;
right : -5px;
top : -5px;
width : 16px;
height : 16px;
line-height : 16px;
text-align : center;
display : block;
background : #ebebeb;
border-radius : 100%;
cursor : pointer;
}
.modal button {
margin-left : 10px;
border : 0;
}
.little-gap {
margin-bottom : 10px;
}
.gap {
margin-bottom : 50px;
}
.big-gap {
margin-bottom : 100px;
}
.no-margin {
margin : 0;
padding : 0;
}
.vid-home {
background : #fff;
}
.destaque-home {
background : url("../images/bg-home.png") #f5f5f5;
color : #444444;
}
#services {
background : #232323;
color : #fff;
}
#services a, #services h1, #services h2, #services h3, #services h4, #services h5, #services h6 {
color : #f89406;
}
#main-contents {
margin-top : 20px;
}
#main-contents .blog-news .created {
font-size : 18px;
color : #f89406;
}
.registration-form {
border : 0;
background-color : #fff;
border-top : 1px solid #f0f0f0;
box-shadow : 0 1px 2px 0 rgba(0, 0, 0, 0.1);
padding : 20px;
display : inline-block;
}
#bottom {
background : #232323;
color : #6f6f6f;
}
#bottom h4 {
margin-top : 0;
margin-bottom : 15px;
}
#bottom h1, #bottom h2, #bottom h3, #bottom h4, #bottom h5, #bottom h6 {
color : #fff;
}
#bottom a {
color : #6f6f6f;
}
#bottom a:hover {
color : #cccccc;
}
#bottom ul.address > li {
position : relative;
padding-left : 20px;
margin-top : 10px;
}
#bottom ul.address > li:first-child {
margin-top : 0;
}
#bottom ul.address > li > i {
position : absolute;
top : 3px;
left : 0;
}
#bottom ul.thumbnails {
margin-bottom : 0;
}
#bottom ul.thumbnails li {
margin-bottom : 5px;
}
ul.arrow, ul.arrow-double, ul.tick, ul.cross, ul.star, ul.rss {
list-style : none;
padding : 0;
margin : 0;
}
ul.arrow li::before, ul.arrow-double li::before, ul.tick li::before, ul.cross li::before, ul.star li::before, ul.rss li::before, ul.arrow li::after, ul.arrow-double li::after, ul.tick li::after, ul.cross li::after, ul.star li::after, ul.rss li::after {
font-family : FontAwesome;
font-size : 11px;
}
ul.arrow li::before, ul.arrow-double li::before, ul.tick li::before, ul.cross li::before, ul.star li::before, ul.rss li::before {
margin-right : 5px;
}
ul.arrow li::before {
content : "\f105";
}
ul.arrow-double li::before {
content : "\f101";
}
ul.tick li::before {
content : "\f00c";
}
ul.cross li::before {
content : "\f00d";
}
ul.star li::before {
content : "\f006";
}
ul.rss li::before {
content : "\f09e";
}
#footer {
background : #333;
padding-top : 15px;
padding-bottom : 15px;
color : #666;
}
#footer a {
color : #666;
}
#footer a:hover {
color : #999999;
}
#footer #gototop {
height : 40px;
line-height : 40px;
width : 40px;
text-align : center;
display : inline-block;
background : #1d1d1d;
font-size : 24px;
color : #fff;
}
#footer #gototop:hover {
background : #2b2b2b;
text-decoration : none;
}
#footer .cp {
margin-top : 11px;
}
ul.social {
list-style : none;
margin : 10px 0 0;
padding : 0;
display : inline-block;
}
ul.social > li {
display : inline-block;
margin : -10px 0 0;
}
ul.social > li > a {
font-size : 14px;
color : #666;
}
ul.social > li > a:hover {
color : #f89406;
}
.box-border {
padding : 15px;
}
.accordion-group {
background-color : #fff;
border-top : 1px solid #f0f0f0;
}
.accordion-heading .accordion-toggle {
color : #666;
font-weight : 700;
}
.accordion-inner {
border-top : 0;
}
.accordion-inner li {
display : inline;
list-style : none;
float : left;
width : 256px;
font-size : 9px;
color : #999;
}
.accordion-inner li a {
font-weight : bold;
color : #999;
}
.accordion-inner em {
text-transform : lowercase;
font-style : normal;
font-weight : bold;
font-size : 9px;
color : #999;
}
.blog .blog-item h2 {
margin-top : 0;
}
.blog .blog-item .date span {
display : block;
text-align : center;
}
.blog .blog-item .date span.day {
font-size : 50px;
line-height : 50px;
padding-top : 10px;
font-family : "Fjalla One", sans-serif;
}
.blog .blog-item .date span.month {
font-size : 18px;
}
.blog .blog-item .tag {
margin-top : 5px;
}
.blog .blog-item .avatar {
margin-top : 5px;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
border-radius : 3px;
box-shadow : none;
min-height : 50px;
padding : 0 15px;
border : #ededed solid 3px;
}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
border-color : #2dcc70;
box-shadow : none;
}
.input-block-level {
min-height : 50px;
}
textarea#message {
padding : 10px 15px;
height : 219px;
}
.widget {
margin-bottom : 30px;
}
.widget > h3 {
font-size : 16px;
margin-top : 0;
}
.widget h5 {
margin-top : 10px;
}
.widget .date {
margin-top : 5px;
padding : 8px 10px;
background : #f89406;
}
.widget .date > span {
display : block;
text-align : center;
font-family : "Fjalla One";
color : #fff;
}
.widget .date > span.month {
font-size : 14px;
line-height : 14px;
font-weight : 700;
text-transform : uppercase;
}
.widget .date > span.day {
font-size : 18px;
line-height : 18px;
}
#pricing-table {
margin-top : 20px;
margin-bottom : 30px;
}
#pricing-table .plan {
list-style : none;
margin : 0;
padding : 0;
color : #fff;
}
#pricing-table .plan.featured {
transform : scale(1.1);
}
#pricing-table .plan > li {
padding : 10px 15px;
}
#pricing-table .plan > li.plan-name {
background : rgba(0, 0, 0, 0.1);
}
#pricing-table .plan > li.plan-name h3 {
margin : 10px 0;
}
#pricing-table .plan > li.plan-action {
padding : 20px 0;
}
#pricing-table .plan1 {
background : #1abc9c;
}
#pricing-table .plan2 {
background : #e74c3c;
}
#pricing-table .plan3 {
background : #3498db;
}
#pricing-table .plan4 {
background : #9b59b6;
}
ul.gallery {
display : block;
margin : -15px;
}
ul.gallery.col-1 li {
width : 100%;
}
ul.gallery.col-2 li {
width : 50%;
}
ul.gallery.col-3 li {
width : 33.3333%;
}
ul.gallery.col-4 li {
width : 25%;
}
ul.gallery li {
display : block;
padding : 0;
margin : 0;
float : left;
}
ul.gallery li .desc {
margin : 15px;
}
ul.gallery li .preview {
margin : 15px;
display : block;
position : relative;
}
ul.gallery li .preview .overlay {
width : 100%;
height : 100%;
position : absolute;
left : 0;
top : 0;
background : rgba(0, 0, 0, 0.6);
opacity : 0;
transition : opacity 300ms;
}
ul.gallery li .preview .links {
width : 50px;
height : 40px;
position : absolute;
top : 50%;
left : 50%;
margin-top : -20px;
margin-left : -25px;
opacity : 0;
transform : translate(0,-50px);
transition : 300ms;
}
ul.gallery li .preview .links > a {
width : 50px;
height : 40px;
line-height : 40px;
display : inline-block;
text-align : center;
background : #f89406;
color : #fff;
text-shadow : 0 1px rgba(0, 0, 0, 0.3);
font-size : 18px;
margin : 0 1px;
}
ul.gallery li .preview:hover .overlay, ul.gallery li .preview:hover .links {
opacity : 1;
}
ul.gallery li .preview:hover .links {
transform : translate(0,0);
}
ul.faq {
list-style : none;
margin : 0;
}
ul.faq li {
margin-top : 30px;
}
ul.faq li:first-child {
margin-top : 0;
}
ul.faq li span.number {
display : block;
float : left;
width : 50px;
height : 50px;
line-height : 50px;
text-align : center;
background : #f89406;
color : #fff;
font-size : 24px;
}
ul.faq li > div {
margin-left : 70px;
}
ul.faq li > div h3 {
margin-top : 0;
}
#error {
text-align : center;
margin-top : 150px;
margin-bottom : 150px;
}
.shadow {
text-shadow : 1px 1px 30px rgba(0, 0, 0, 0.2), -1px -1px 30px rgba(0, 0, 0, 0.2);
}
#map-canvas {
padding : 80px 0 0 0;
}
.maisVisitados {
border : #dfdfdf solid 1px;
padding : 10px;
margin : 30px 0 0 0;
border-radius : 15px 15px 0 0;
background-color : #ffffff;
text-align : left;
}
.maisVisitados h4 {
color : #6d6e70;
font-size : 14px;
margin-bottom : 5px;
}
.maisVisitados li {
display : inline;
margin : 0 7px;
font : normal normal 11px arial;
color : #999;
}
.maisVisitados li a {
color : #666;
}
.maisVisitados li a:hover {
color : #333;
}
.tags {
color : #666666;
background : #dfdfdf;
padding : 10px;
border-radius : 0 0 15px 15px;
margin-bottom : 15px;
font-family : tahoma;
font-size : 9px;
text-align : left;
}
.tags em {
text-transform : lowercase;
}
.fotoMoldura {
border : #dfdfdf solid 1px;
padding : 5px;
background : #fff;
}
.fotoMoldura2 {
border : #1f8cd3 solid 2px;
border-radius : 30px;
background : #0e0053;
max-width : 380px;
margin-left : auto;
margin-right : auto;
}
.fotoMoldura2 h4 {
color : #ffffff;
}
@media (min-width:768px) {
.fotoEsquerda {
float : left;
margin : 8px 40px 20px 0;
max-width : 270px;
}
.fotoDireita {
float : right;
margin : 0 0 20px 40px;
max-width : 370px;
}
}
@media (max-width:767px) {
.fotoEsquerda, .fotoDireita {
display : block;
margin-left : auto;
margin-right : auto;
margin-bottom : 30px;
}
}
.fotoCentro {
display : block;
margin-left : auto;
margin-right : auto;
}
.fotoRedonda {
border-radius : 100%;
}
.arredondar {
border-radius : 30px;
}
.arredondar2 {
border-radius : 30px 30px 0 0;
}
.service-item p {
margin-top : 23px;
}
.main-border.orange {
width : 36px;
border-bottom : 2px solid #f89406;
margin : 18px auto 0 auto;
}
.service-item i {
font-size : 42px;
width : 120px;
line-height : 120px;
height : 120px;
text-align : center;
margin : 0 auto 25px;
border-radius : 50%;
display : block;
background : none;
border : #ebebeb solid 2px;
}
.service-item.icon-orange i {
color : #f89406;
}
.hi-icon {
display : inline-block;
font-size : 0;
cursor : pointer;
margin : 15px 30px;
width : 90px;
height : 90px;
border-radius : 50%;
text-align : center;
position : relative;
z-index : 1;
color : #f89406;
}
.hi-icon:after {
position : absolute;
width : 100%;
height : 100%;
border-radius : 50%;
content : '';
box-sizing : content-box;
}
.icon-effect-1 .hi-icon {
background : rgba(255, 255, 255, 1);
transition : background 0.2s, color 0.2s;
}
.icon-effect-1.icon-orange .hi-icon:after {
top : -7px;
left : -7px;
padding : 7px;
box-shadow : 0 0 0 4px #f89406;
transition : transform 0.2s, opacity 0.2s;
transform : scale(0.8);
opacity : 0;
}
.icon-effect-1a.icon-orange .hi-icon:hover {
background : rgba(90, 129, 0, 1);
color : #fff;
}
.icon-effect-1a .hi-icon:hover:after {
transform : scale(1);
opacity : 1;
}
.icon-effect-1.icon-red .hi-icon:after {
top : -7px;
left : -7px;
padding : 7px;
box-shadow : 0 0 0 4px #f89406;
transition : transform 0.2s, opacity 0.2s;
transform : scale(0.8);
opacity : 0;
}
.icon-effect-1a.icon-red .hi-icon:hover {
background : #f89406;
color : #fff;
}
.icon-effect-1a .hi-icon:hover:after {
transform : scale(1);
opacity : 1;
}

↑ Top