html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
letter-spacing: 1px
}
html {
-webkit-text-size-adjust: none
}
:focus {
outline: 0
}
ol,
ul {
list-style: none;
margin: 0
}
table {
border-collapse: separate;
border-spacing: 0
}
caption,
th,
td {
font-weight: 400;
text-align: left
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: ""
}
blockquote,
q {
quotes: "" ""
}
a img {
border: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
embed,
iframe,
object {
max-width: 100%
}
body,
input,
textarea {
color: #000;
font: 13px 'PT Sans', sans-serif;
line-height: 20px;
word-wrap: break-word
}
.wrapper {
max-width: 1038px;
margin: 0 auto;
background-color: #f2f2f2;
-webkit-box-shadow: 0 0 5px #ddd;
-moz-box-shadow: 0 0 5px #ddd;
box-shadow: 0 0 5px #ddd
}
.container {
margin: 0 auto;
max-width: 940px
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
font-family: lotto, sans-serif;
color: #555
}
h1 {
font-size: 30px;
line-height: 36px
}
h2 {
font-size: 28px;
line-height: 35px
}
h3 {
font-size: 26px;
line-height: 32px
}
h4 {
font-size: 24px;
line-height: 30px
}
h5 {
font-size: 22px;
line-height: 28px
}
h6 {
font-size: 19px;
line-height: 25px;
text-transform: uppercase
}
.no-margin-top {
margin-top: 0!important
}
.no-margin-bottom {
margin-bottom: 0!important
}
.no-margin-left {
margin-left: 0!important
}
.no-margin-right {
margin-right: 0!important
}
.no-padding-top {
padding-top: 0!important
}
.no-padding-bottom {
padding-bottom: 0!important
}
.no-padding-left {
padding-left: 0!important
}
.no-padding-right {
padding-right: 0!important
}
.no-border-top {
border-top: 0 none!important
}
.no-border-bottom {
border-bottom: 0 none!important
}
.no-border-left {
border-left: 0 none!important
}
.no-border-right {
border-right: 0 none!important
}
hr {
border-color: #eaeaea;
border-style: solid none none;
border-width: 1px 0 0;
height: 0;
margin: 0 0 40px
}
p {
margin-bottom: 15px
}
strong {
font-weight: 700
}
cite,
em,
i {
font-style: italic
}
pre {
background-color: #fff;
margin-bottom: 20px;
overflow: auto;
padding: 20px
}
pre,
code,
kbd {
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 14px;
line-height: 19px;
background-color: #F9F9F9
}
abbr,
acronym,
dfn {
border-bottom: 1px dotted #666;
cursor: help
}
address {
display: block;
margin: 0 0 1.625em
}
ins {
background: #fff9c0
}
sup,
sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline
}
sup {
bottom: 1ex
}
sub {
top: .5ex
}
blockquote {
font-style: italic;
font-weight: 400;
padding: 20px;
border-left: 4px solid #C2001F;
margin-bottom: 20px;
background-color: #F9F9F9
}
blockquote p {
margin: 0
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal
}
blockquote cite {
color: #666;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: .05em;
text-transform: uppercase
}
.breadcrumb {
float: right;
text-align: right;
margin-top: 5px;
margin-bottom: 5px;
font-size: 12px
}
.breadcrumb a {
color: #999
}
.breadcrumb,
.breadcrumb a:hover {
color: #666
}
input,
textarea {
-webkit-border-radius: 0
}
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
-moz-appearance: none!important;
-webkit-appearance: none!important;
appearance: none!important
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
padding: 10px;
border: 1px solid #eaeaea;
line-height: 20px;
width: 100%;
margin: 0 0 30px;
background-color: #D6DACC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus {
border: 1px solid #ccc
}
input.s {
background: url(https://lovson.com/wp-content/themes/attitude/images/search.png) no-repeat right 6px #fff;
-webkit-transition-duration: 400ms;
-webkit-transition-property: width, background;
-webkit-transition-timing-function: ease;
-moz-transition-duration: 400ms;
-moz-transition-property: width, background;
-moz-transition-timing-function: ease;
-o-transition-duration: 400ms;
-o-transition-property: width, background;
-o-transition-timing-function: ease;
width: 0;
padding: 3px 33px 3px 0;
height: 22px;
color: #bbb;
font-style: italic;
margin: 0;
border-color: transparent;
cursor: pointer;
text-indent: 25px
}
input.s:focus {
width: 100px;
padding-left: 10px;
border-color: #eaeaea;
text-indent: 0
}
input[type="reset"],
input[type="button"],
input[type="submit"] {
border: 1px solid #B90000;
color: #fff;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 40px;
margin-bottom: 30px;
padding: 0 25px;
-moz-appearance: none!important;
-webkit-appearance: none!important;
appearance: none!important;
cursor: pointer;
background: #DB0000;
background: -webkit-linear-gradient(#DB0000, #AD0909);
background: -moz-linear-gradient(#DB0000, #AD0909);
background: -ms-linear-gradient(#DB0000, #AD0909);
background: -o-linear-gradient(#DB0000, #AD0909);
background: -webkit-gradient(#DB0000, #AD0909);
background: linear-gradient(#DB0000, #AD0909);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3)
}
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
background: -webkit-linear-gradient(#DB0000, #DB0000);
background: -moz-linear-gradient(#DB0000, #DB0000);
background: -ms-linear-gradient(#DB0000, #DB0000);
background: -o-linear-gradient(#DB0000, #DB0000);
background: -webkit-gradient(#DB0000, #DB0000);
background: linear-gradient(#DB0000, #DB0000)
}
input[type="reset"]:active,
input[type="button"]:active,
input[type="submit"]:active {
-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3)
}
a {
color: #C2001F;
text-decoration: none
}
a:focus,
a:active,
a:hover {
text-decoration: none
}
figure {
margin: 0;
text-align: center
}
img {
max-width: 100%;
height: auto;
vertical-align: top
}
.entry-content img,
.comment-content img,
.widget img {
max-width: 100%
}
img.size-full,
img.size-large {
max-width: 100%;
height: auto
}
.entry-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 1.625em
}
img#wpstats {
display: none
}
.assistive-text {
position: absolute!important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px)
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
background: #eee;
border-bottom: 1px solid #ddd;
color: #1982d1;
clip: auto!important;
font-size: 12px;
position: absolute;
text-decoration: underline;
top: 0;
left: 7.6%
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
.clearfix {
display: inline-block
}
* html .clearfix {
height: 1%
}
.clearfix {
display: block
}
.clearfix-third {
clear: both
}
a.readmore {
border: 1px solid #0596AF;
color: #fff;
display: inline-block;
padding: 5px 25px 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 1px 8px 2px;
float: right;
background: #06B8D7;
background: -webkit-linear-gradient(#06B8D7, #05aac6);
background: -moz-linear-gradient(#06B8D7, #05aac6);
background: -ms-linear-gradient(#06B8D7, #05aac6);
background: -o-linear-gradient(#06B8D7, #05aac6);
background: -webkit-gradient(#06B8D7, #05aac6);
background: linear-gradient(#06B8D7, #05aac6);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3)
}
a.readmore:hover {
background: -webkit-linear-gradient(#06C0E1, #05aac6);
background: -moz-linear-gradient(#06C0E1, #05aac6);
background: -ms-linear-gradient(#06C0E1, #05aac6);
background: -o-linear-gradient(#06C0E1, #05aac6);
background: -webkit-gradient(#06C0E1, #05aac6);
background: linear-gradient(#06C0E1, #05aac6)
}
a.readmore:active {
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3)
}
a.more-link:hover {
text-decoration: underline
}
.alignleft {
display: inline;
float: left;
margin-right: 30px
}
.alignright {
display: inline;
float: right;
margin-left: 30px
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto
}
.back-to-top {
position: fixed;
bottom: 10px;
right: 10px
}
.back-to-top a {
width: 35px;
height: 35px;
text-indent: -20000px;
display: block;
background-image: url(images/back-to-top.png)
}
.hgroup-wrap a {
display: block
}
#site-logo {
float: left;
margin-top: 32px
}
#site-title {
font: 36px lotto, sans-serif;
line-height: 42px
}
#site-title a {
color: #555
}
#site-title a img {
vertical-align: inherit;
max-width: 978px
}
#site-title a span,
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
color: #C2001F
}
#site-description {
font: 13px 'PT Sans', sans-serif;
line-height: 20px;
color: #777
}
.hgroup-right {
float: right;
margin-top: 38px;
display: none
}
.social-profiles {
float: left
}
.social-profiles ul {
margin: -10px 0 0;
float: right
}
.social-profiles ul li {
margin-top: 10px;
float: left
}
.social-profiles ul li a {
display: block;
width: 30px;
height: 30px;
text-indent: -99999px;
background-image: url(/wp-content/uploads/2014/07/social-icons.png);
background-position: right bottom;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
-webkit-transition: all .2s linear
}
.social-profiles ul li.facebook a {
background-position: 0 0
}
.social-profiles ul li.facebook a:hover {
background-position: 0 -40px
}
.social-profiles ul li.twitter a {
background-position: -40px 0
}
.social-profiles ul li.twitter a:hover {
background-position: -40px -40px
}
.social-profiles ul li.google-plus a {
background-position: -80px 0
}
.social-profiles ul li.google-plus a:hover {
background-position: -80px -40px
}
.social-profiles ul li.pinterest a {
background-position: -120px 0
}
.social-profiles ul li.pinterest a:hover {
background-position: -120px -40px
}
.social-profiles ul li.linked a {
background-position: -160px 0
}
.social-profiles ul li.linked a:hover {
background-position: -160px -40px
}
.social-profiles ul li.tumblr a {
background-position: -200px 0
}
.social-profiles ul li.tumblr a:hover {
background-position: -200px -40px
}
.social-profiles ul li.vimeo a {
background-position: -240px 0
}
.social-profiles ul li.vimeo a:hover {
background-position: -240px -40px
}
.social-profiles ul li.my-space a {
background-position: -280px 0
}
.social-profiles ul li.my-space a:hover {
background-position: -280px -40px
}
.social-profiles ul li.flickr a {
background-position: -320px 0
}
.social-profiles ul li.flickr a:hover {
background-position: -320px -40px
}
.social-profiles ul li.you-tube a {
background-position: -360px 0
}
.social-profiles ul li.you-tube a:hover {
background-position: -360px -40px
}
.social-profiles ul li.rss a {
background-position: -400px 0
}
.social-profiles ul li.rss a:hover {
background-position: -400px -40px
}
.header-image {
width: 100%;
height: auto
}
#access {
margin-top: 25px
}
#access li {
float: left;
position: relative;
padding: 0 40px 0 0
}
li.default-menu {
display: none
}
#access a {
color: #777;
display: block;
float: left;
font-size: 16px;
text-transform: uppercase;
padding: 16px 0 0;
height: 39px
}
#access a:hover,
#access ul li.current-menu-item a,
#access ul li.current_page_ancestor a,
#access ul li.current-menu-ancestor a,
#access ul li.current_page_item a,
#access ul li:hover>a {
color: #C2001F
}
#access ul>li>ul>li>a {
text-decoration: none
}
#access ul li ul,
#access ul li:hover ul ul,
#access ul ul li:hover ul ul,
#access ul ul ul li:hover ul ul,
#access ul ul ul ul li:hover ul ul {
display: none;
z-index: 9999
}
#access ul li:hover ul,
#access ul ul li:hover ul,
#access ul ul ul li:hover ul,
#access ul ul ul ul li:hover ul,
#access ul ul ul ul ul li:hover ul {
display: block
}
#access ul li ul {
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
border-top: 4px solid #C2001F;
top: 55px;
left: 0;
width: 190px
}
#access ul li ul li {
float: none;
border-bottom: 1px solid #EAEAEA;
padding: 0
}
#access ul li ul li a,
#access ul li.current-menu-item ul li a,
#access ul li ul li.current-menu-item a,
#access ul li.current_page_ancestor ul li a,
#access ul li.current-menu-ancestor ul li a,
#access ul li.current_page_item ul li a {
float: none;
line-height: 21px;
font-size: 13px;
font-weight: 400;
height: 100%;
padding: 6px 10px;
color: #fff;
text-transform: capitalize
}
#access ul li ul li a:hover,
#access ul li ul li:hover>a,
#access ul li.current-menu-item ul li a:hover {
background-color: rgba(255, 255, 255, 0.57);
color: #C2001F
}
#access ul li ul li ul {
left: 120px;
top: 15px
}
#access select {
display: none
}
.slogan-wrap {
font-family: lotto, sans-serif;
background-color: #C2001F;
padding: 24px 0;
margin-bottom: 4px
}
.slogan-wrap .slogan {
font-size: 24px;
line-height: 30px;
color: #fff;
width: 80%;
float: left
}
.slogan-wrap .slogan span {
font: 13px 'PT Sans', sans-serif;
line-height: 20px;
display: block;
padding-top: 5px
}
.slogan-wrap .view-work {
color: #494949;
font-size: 18px;
float: right;
display: block;
border: 2px solid #fff;
text-align: center;
height: 28px;
padding: 8px 15px 0;
margin-top: 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #b5e6ee;
background: -webkit-linear-gradient(#d0eef4, #b5e6ee);
background: -moz-linear-gradient(#d0eef4, #b5e6ee);
background: -ms-linear-gradient(#d0eef4, #b5e6ee);
background: -o-linear-gradient(#d0eef4, #b5e6ee);
background: -webkit-gradient(#d0eef4, #b5e6ee);
background: linear-gradient(#d0eef4, #b5e6ee);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
text-shadow: 0 1px 0 rgba(251, 251, 251, 0.7)
}
.slogan-wrap .view-work:hover {
background: -webkit-linear-gradient(#E3F5F9, #b5e6ee);
background: -moz-linear-gradient(#E3F5F9, #b5e6ee);
background: -ms-linear-gradient(#E3F5F9, #b5e6ee);
background: -o-linear-gradient(#E3F5F9, #b5e6ee);
background: -webkit-gradient(#E3F5F9, #b5e6ee);
background: linear-gradient(#E3F5F9, #b5e6ee)
}
.slogan-wrap .view-work:active {
-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3)
}
.featured-slider,
.featured-slider .slider-cycle {
position: relative;
margin-top: -1px;
margin-bottom: 4px
}
.featured-slider .displayblock {
display: block
}
.featured-slider .displaynone {
display: none
}
.featured-text {
position: absolute;
bottom: 55px;
right: 30px;
text-align: right;
color: #fff
}
.featured-text .featured-title {
font: 24px lotto, sans-serif;
line-height: 30px;
padding: 10px 20px;
background: #C2001F;
background: rgba(5, 169, 197, 0.9);
float: right;
max-width: 525px
}
.featured-text .featured-title a {
color: #fff
}
.featured-text .featured-content {
padding: 20px;
background: #555;
background: rgba(85, 85, 85, 0.9);
margin-top: 4px;
float: right;
clear: right;
max-width: 355px
}
#controllers {
text-align: center;
line-height: 0;
position: absolute;
width: 100%;
bottom: 15px;
z-index: 9999
}
#controllers a {
width: 14px;
height: 14px;
margin: 0 4px;
overflow: hidden;
display: inline-block;
background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #fff
}
#controllers a:hover,
#controllers a.active {
background-color: #C2001F;
color: #C2001F
}
#branding .searchform {
float: right
}
#main {
padding: 25px 0 10px
}
#main select {
background-color: #F9F9F9;
border: 1px solid #EAEAEA;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 40px;
padding: 10px 8px;
width: 100%;
color: #777
}
#main form input,
#main form textarea {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
padding-bottom: 15px
}
#content ul {
list-style-type: disc
}
#content ul,
#content ol {
margin: 0 0 20px 30px
}
#content ul a,
#content ol a {
color: #777
}
#content ul a:hover,
#content ol a:hover {
text-decoration: none;
color: #C2001F
}
#content ol {
list-style-type: decimal
}
#content ol ol {
list-style: upper-alpha
}
#content ol ol ol {
list-style: lower-roman
}
#content ol ol ol ol {
list-style: lower-alpha
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
margin-bottom: 0
}
.service-item {
padding-bottom: 15px
}
.service-item .service-icon {
width: 40px;
height: 40px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background-color: rgba(0, 0, 0, 0.6);
float: left;
display: block;
margin-right: 20px;
text-align: center
}
.service-item .service-icon img {
height: 40px;
width: 40px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px
}
#content .service-item .service-title {
font-size: 20px;
line-height: 25px;
color: #555;
display: block;
overflow: hidden;
padding-top: 7px;
padding-bottom: 0
}
.sticky {
background-color: #E6E6E6;
padding: 20px
}
#primary {
float: left;
margin-left: 3.06%;
width: 65.64%
}
#content .post {
padding-top: 10px;
padding-bottom: 40px;
border-top: 1px solid #eaeaea
}
.page-title-wrap {
padding: 20px 0 0
}
.page-title {
font-size: 24px;
line-height: 30px;
color: #000;
font-weight: 400;
float: left;
padding-top: 2px
}
.page-title a {
color: #000
}
.entry-title {
font: 24px lotto, sans-serif;
line-height: 30px
}
.entry-title,
.entry-title a {
color: #000
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
color: #C2001F
}
.entry-meta-bar {
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
padding: 7px 0;
clear: both
}
.entry-meta {
width: 84.89%;
float: left;
padding-top: 2px
}
.entry-meta a {
color: #555
}
.entry-meta a:hover {
color: #C2001F
}
.entry-meta span {
padding: 0 5px;
display: inline-block
}
.tags {
margin-bottom: 50px
}
.tags a {
color: #888;
padding: 0 0 0 10px
}
.tags a:hover {
color: #C2001F
}
.post-featured-image {
margin-bottom: 30px;
max-width: 700px
}
.post-featured-image a {
display: block
}
.entry-content dt,
.comment-content dt {
font-weight: 700
}
.entry-content dd,
.comment-content dd {
margin-bottom: 20px
}
.entry-content {
padding-bottom: 15px;
display: block;
overflow: hidden
}
.entry-content table,
.comment-content table {
border-bottom: 1px solid #ddd;
margin: 0 0 1.625em;
width: 100%
}
.entry-content th,
.comment-content th {
color: #666;
font-size: 10px;
font-weight: 500;
letter-spacing: .1em;
line-height: 2.6em;
text-transform: uppercase
}
.entry-content td,
.comment-content td {
border-top: 1px solid #ddd;
padding: 6px 10px 6px 15px
}
.column {
margin-left: -3.06%
}
.column a {
margin-bottom: 10px;
display: block
}
.one-half,
.one-third,
.one-fourth {
float: left;
margin: 0 0 0 2.97%;
padding-bottom: 20px
}
.one-half {
width: 47.03%
}
.one-third {
width: 30.36%
}
.one-fourth {
width: 22.02%
}
#secondary {
float: left;
margin-left: 3.06%;
width: 31.28%
}
.left-sidebar-template #primary {
float: right
}
.left-sidebar-template #secondary {
float: left
}
.one-column-template .wrapper {
width: 708px
}
.one-column-template .container {
width: 668px
}
.no-sidebar-template #content {
width: auto;
margin: 0 auto
}
.custom-gallery #main {
padding-bottom: 20px
}
#content .custom-gallery-title,
.custom-gallery-title a {
font-size: 20px;
text-align: center;
line-height: 25px;
color: #555;
padding-bottom: 0
}
.custom-gallery-title a:hover {
color: #C2001F
}
.blog-medium .post-featured-image {
width: 34.57%;
float: left;
margin-right: 4.67%
}
.blog-medium .entry-content {
padding-bottom: 0
}
.map-location {
background-color: #FFF;
border: 1px solid #CCC;
margin-bottom: 26px;
padding: 5px
}
.contact #primary .form label {
display: block;
padding-bottom: 5px
}
.wpcf7 p {
margin-bottom: 0
}
.single .entry-meta {
float: none;
width: 100%
}
.single .entry-meta-bar {
padding-bottom: 10px
}
.single #content .post {
border-top: 0 none;
padding-top: 0
}
.wide-layout .wrapper {
max-width: 100%;
width: 100%;
-webkit-box-shadow: 0 0 0 #ddd;
-moz-box-shadow: 0 0 0 #ddd;
box-shadow: 0 0 0 #ddd
}
.wide-layout #branding,
.wide-layout #colophon {
margin-bottom: 0
}
.image-attachment div.attachment {
background: #f9f9f9;
border: 1px solid #ddd;
border-width: 1px 0;
margin: 0 -8.9% 1.625em;
overflow: hidden;
padding: 1.625em 1.625em 0;
text-align: center
}
.image-attachment div.attachment img {
display: block;
height: auto;
margin: 0 auto 1.625em;
max-width: 100%
}
.image-attachment div.attachment a img {
border-color: #f9f9f9
}
.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
border-color: #ddd;
background: #fff
}
.image-attachment .entry-caption p {
font-size: 10px;
letter-spacing: .1em;
line-height: 2.6em;
margin: 0 0 2.6em;
text-transform: uppercase
}
.comments-title {
font-size: 30px;
font-weight: 400;
line-height: 38px;
padding-bottom: 15px
}
#content .comments-area ul,
#content .comments-area ol {
margin: 0 0 30px 30px
}
#content .comments-area ul ul,
#content .comments-area ol ol {
margin-bottom: 0
}
.comments-area article {
margin: 24px 0;
margin: 1.714285714rem 0
}
.comments-area article header {
margin: 0 0 48px;
margin: 0 0 3.428571429rem;
overflow: hidden;
position: relative
}
.comments-area article header img {
float: left;
padding: 0;
line-height: 0
}
.comments-area article header cite,
.comments-area article header time {
display: block;
margin-left: 85px;
margin-left: 6.071428571rem
}
.comments-area article header cite {
font-style: normal;
font-size: 15px;
font-size: 1.071428571rem;
line-height: 1.42857143
}
.comments-area article header time {
line-height: 1.714285714;
text-decoration: none;
font-size: 12px;
font-size: .857142857rem;
color: #5e5e5e
}
.comments-area article header a {
text-decoration: none;
color: #5e5e5e
}
.comments-area article header a:hover {
color: #21759b
}
.comments-area article header cite a {
color: #444
}
.comments-area article header cite a:hover {
text-decoration: underline
}
.comments-area article header h4 {
position: absolute;
top: 0;
right: 0;
padding: 6px 12px;
padding: .428571429rem .857142857rem;
font-size: 12px;
font-size: .857142857rem;
font-weight: 400;
color: #fff;
background-repeat: repeat-x;
background: #0088d0;
background: -moz-linear-gradient(top, #009cee, #0088d0);
background: -ms-linear-gradient(top, #009cee, #0088d0);
background: -webkit-linear-gradient(top, #009cee, #0088d0);
background: -o-linear-gradient(top, #009cee, #0088d0);
background: linear-gradient(top, #009cee, #0088d0);
border-radius: 3px;
border: 1px solid #007cbd
}
.comments-area li.bypostauthor cite span {
position: absolute;
margin-left: 5px;
margin-left: .357142857rem;
padding: 2px 5px;
padding: .142857143rem .357142857rem;
font-size: 10px;
font-size: .714285714rem
}
a.comment-reply-link {
font-size: 13px;
font-size: .928571429rem;
line-height: 1.846153846;
color: #686868
}
a.comment-reply-link:hover {
color: #21759b
}
.commentlist .pingback {
line-height: 1.714285714;
margin-bottom: 24px;
margin-bottom: 1.714285714rem
}
.commentlist .children {
margin-left: 48px;
margin-left: 3.428571429rem
}
#respond {
margin-top: 48px;
margin-top: 3.428571429rem
}
#respond h3#reply-title {
font-size: 30px;
font-weight: 400;
line-height: 38px;
padding-bottom: 15px
}
#respond h3#reply-title #cancel-comment-reply-link {
margin-left: 10px;
margin-left: .714285714rem;
font-weight: 400;
font-size: 12px;
font-size: .857142857rem
}
#respond form {
margin: 24px 0;
margin: 1.714285714rem 0
}
#respond form p {
margin: 11px 0;
margin: .785714286rem 0
}
#respond form p.logged-in-as {
margin-bottom: 24px;
margin-bottom: 1.714285714rem
}
#respond form label {
display: block;
line-height: 1.714285714
}
#respond form input[type="text"],
#respond form textarea {
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
font-size: .857142857rem;
line-height: 1.714285714;
padding: 10px;
padding: .714285714rem;
width: 100%
}
#respond form p.form-allowed-tags {
margin: 0;
font-size: 12px;
font-size: .857142857rem;
line-height: 2;
color: #5e5e5e
}
.required {
color: red
}
label~span.required {
display: block;
float: left;
margin: -18px 0 0 -16px;
margin: -1.285714286rem 0 0 -1.142857143rem
}
.img-border {
background-color: #fff;
padding: 5px;
border: 1px solid #ccc
}
#wp_page_numbers {
margin-bottom: 40px;
border-top: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
padding: 7px 0
}
#wp_page_numbers ul {
list-style-type: none;
list-style-image: none;
margin: 0;
float: right
}
#wp_page_numbers ul li {
float: left;
margin-left: 7px
}
#wp_page_numbers ul li.page_info {
padding: 3px 8px 0;
color: #999
}
#wp_page_numbers ul li a {
color: #777;
display: block;
float: left;
background-color: #f9f9f9;
border: 1px solid #eaeaea;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 1px 8px 2px
}
#wp_page_numbers ul li a:hover,
#wp_page_numbers ul li.active_page a {
border: 1px solid #0596AF;
color: #fff;
background: #06B8D7;
background: -webkit-linear-gradient(#06B8D7, #05aac6);
background: -moz-linear-gradient(#06B8D7, #05aac6);
background: -ms-linear-gradient(#06B8D7, #05aac6);
background: -o-linear-gradient(#06B8D7, #05aac6);
background: -webkit-gradient(#06B8D7, #05aac6);
background: linear-gradient(#06B8D7, #05aac6);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3)
}
#wp_page_numbers ul li a:active {
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3)
}
.wp-pagenavi {
margin-bottom: 40px;
border-top: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
padding: 7px 0;
text-align: center
}
.wp-pagenavi .pages {
padding: 3px 7px 0;
color: #999
}
.wp-pagenavi .current,
.wp-pagenavi a {
display: inline-block;
color: #777;
background-color: #f9f9f9;
border: 1px solid #eaeaea;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 1px 8px 2px;
margin-left: 4px
}
.wp-pagenavi .current,
.wp-pagenavi a:hover {
border: 1px solid #0596AF;
color: #fff;
background: #06B8D7;
background: -webkit-linear-gradient(#06B8D7, #05aac6);
background: -moz-linear-gradient(#06B8D7, #05aac6);
background: -ms-linear-gradient(#06B8D7, #05aac6);
background: -o-linear-gradient(#06B8D7, #05aac6);
background: -webkit-gradient(#06B8D7, #05aac6);
background: linear-gradient(#06B8D7, #05aac6);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3)
}
.wp-pagenavi a:active {
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3)
}
#content ul.default-wp-page {
margin: 0;
list-style: none;
margin-bottom: 40px;
border-top: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
padding: 7px 0 0
}
ul.default-wp-page li {
padding-bottom: 7px
}
ul.default-wp-page li.previous {
float: left
}
ul.default-wp-page li.next {
float: right
}
ul.default-wp-page li a {
display: inline-block;
color: #777;
background-color: #f9f9f9;
border: 1px solid #eaeaea;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 1px 8px 2px
}
ul.default-wp-page li a:hover {
border: 1px solid #0596AF;
color: #fff!important;
background: #06B8D7;
background: -webkit-linear-gradient(#06B8D7, #05aac6);
background: -moz-linear-gradient(#06B8D7, #05aac6);
background: -ms-linear-gradient(#06B8D7, #05aac6);
background: -o-linear-gradient(#06B8D7, #05aac6);
background: -webkit-gradient(#06B8D7, #05aac6);
background: linear-gradient(#06B8D7, #05aac6);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3)
}
ul.default-wp-page li a:active {
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3)
}
.pagination {
margin-bottom: 40px;
border-top: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
padding: 7px 0;
text-align: center;
color: #999
}
.pagination span {
display: inline-block;
color: #fff;
background-color: #06B8D7;
border: 1px solid #0596AF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 1px 8px 2px;
margin-left: 3px
}
.pagination a span {
background-color: inherit;
border: 1px solid #fff;
color: #777
}
.pagination a:hover span {
background-color: #f9f9f9;
border: 1px solid #eaeaea
}
.widget {
margin-bottom: 40px
}
.widget ul li a {
color: #777
}
.widget ul li a:hover {
color: #C2001F
}
.widget-title {
font-size: 24px;
line-height: 30px;
padding-bottom: 15px
}
.widget-title,
.widget-title a {
color: #555
}
.widget-title a:hover {
color: #C2001F
}
.widget_search input.s {
width: 100%;
height: 40px;
padding: 0 35px 0 15px;
color: #777;
background-color: #f9f9f9;
background-position: right 10px;
border-color: #eaeaea;
cursor: text;
text-indent: 0
}
.widget_search input.s:focus {
border-color: #ccc
}
.widget_calendar #wp-calendar {
color: #555;
width: 95%;
text-align: center
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
text-align: center
}
.widget_calendar #wp-calendar caption {
font-size: 11px;
font-weight: 500;
padding: 5px 0 3px;
text-transform: uppercase
}
.widget_calendar #wp-calendar th {
background: #f4f4f4;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-weight: 700
}
.widget_calendar #wp-calendar tfoot td {
background: #f4f4f4;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc
}
.widget_article {
margin-bottom: 20px
}
.widget_article .article-title a:hover {
text-decoration: underline
}
.widget_article .post {
padding-bottom: 20px
}
.widget_article .article-content p {
margin-bottom: 0
}
.widget_testimonial .testimonial-icon {
width: 25px;
height: 19px;
float: left;
background: url(https://lovson.com/wp-content/themes/attitude/images/testimonial-icon.png) no-repeat top center;
margin-right: 3.06%
}
.widget_testimonial .testimonial-post {
padding: 20px;
background-color: #f9f9f9;
border: 1px solid #eaeaea;
-webkit-box-shadow: 0 1px 4px #eaeaea inset;
-moz-box-shadow: 0 1px 4px #eaeaea inset;
box-shadow: 0 1px 4px #eaeaea inset;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
font-style: italic;
margin-bottom: 15px;
display: block;
overflow: hidden
}
.widget_testimonial .testimonial-author {
text-align: right;
clear: both
}
.widget_testimonial .testimonial-author span {
font-weight: 700;
display: block
}
.widget_tag_cloud a {
margin-right: 5px;
color: #777;
padding: 10px 0
}
.widget_tag_cloud a:hover {
color: #C2001F
}
.widget_custom-tagcloud {
margin-bottom: 32px
}
.widget_custom-tagcloud a {
margin: 0 4px 8px 0;
background-color: #F9F9F9;
border: 1px solid #eaeaea;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
padding: 1px 8px 2px;
color: #777
}
.widget_custom-tagcloud a:hover {
border: 1px solid #0596AF;
color: #fff;
background: #06B8D7;
background: -webkit-linear-gradient(#06B8D7, #05aac6);
background: -moz-linear-gradient(#06B8D7, #05aac6);
background: -ms-linear-gradient(#06B8D7, #05aac6);
background: -o-linear-gradient(#06B8D7, #05aac6);
background: -webkit-gradient(#06B8D7, #05aac6);
background: linear-gradient(#06B8D7, #05aac6);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3)
}
.widget_custom-tagcloud a:active {
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3)
}
.widget_service {
margin-bottom: 0;
padding-bottom: 10px
}
.widget_recent_work {
margin-bottom: 10px
}
.wp-caption {
margin-bottom: 30px;
max-width: 100%
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-style: italic
}
.wp-caption .wp-caption-text {
margin-bottom: 0;
padding: 15px 0;
border-bottom: 1px solid #EAEAEA
}
#colophon {
margin-bottom: 30px
}
#colophon select {
background-color: #F9F9F9;
border: 1px solid #EAEAEA;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 40px;
padding: 10px 8px;
width: 100%;
color: #777
}
#colophon form input,
#colophon form textarea {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
#colophon .widget-wrap {
background-color: #f9f9f9;
border-top: 1px solid #eaeaea
}
#colophon .widget-area {
margin-left: -3.06%;
padding: 40px 0 10px
}
#colophon .widget {
float: left;
margin-left: 2.97%;
width: 30.35%
}
#colophon .widget_archive,
#colophon .widget_pages,
#colophon .widget_nav_menu,
#colophon .widget_recent_entries,
#colophon .widget_categories,
#colophon .widget_recent_comments,
#colophon .widget_meta,
#colophon .widget_rss {
margin-bottom: 22px
}
#colophon .widget_archive ul li,
#colophon .widget_pages ul li,
#colophon .widget_nav_menu ul li,
#colophon .widget_recent_entries ul li,
#colophon .widget_categories ul li,
#colophon .widget_recent_comments ul li,
#colophon .widget_meta ul li,
#colophon .widget_rss ul li {
padding-bottom: 8px
}
#colophon .widget-title {
font-size: 19px;
text-transform: uppercase;
line-height: 25px
}
#colophon .widget_article {
margin-bottom: 10px
}
#colophon .widget_info,
#colophon .widget_text {
margin-bottom: 15px
}
#site-generator {
padding: 20px 0;
border-top: 1px solid #DDD;
color: #999;
background: #77cee9
}
#site-generator .social-profiles {
float: right;
width: 31.28%
}
#site-generator .copyright {
float: left;
padding-top: 5px;
width: 65.64%;
color: #fff
}
#site-generator .copyright a {
color: #fff
}
@media only screen and (max-width:1078px) {
.wrapper {
width: 708px
}
.clearfix-half {
clear: both
}
.clearfix-third {
clear: none
}
#site-title a img {
max-width: 668px
}
.featured-title,
.featured-content {
display: none
}
#primary,
#secondary,
#colophon .widget {
float: none;
margin-left: 0;
width: 100%
}
.slogan-wrap .slogan {
width: 77.5%
}
.no-sidebar-template #content {
margin: 0;
width: 100%
}
.column {
margin-left: -2.99%
}
.one-half,
.one-third,
.one-fourth {
margin: 0 0 0 2.9%
}
.one-third,
.one-fourth {
width: 30.43%
}
.widget_service .one-third,
.widget_service .one-fourth {
width: 47.02%
}
#colophon .widget-area {
margin-left: 0
}
#colophon .widget_info,
#colophon .widget_text {
margin-bottom: 30px
}
}
@media only screen and (max-width:767px) {
#access {
margin-top: 120px
}
hr {
margin-bottom: 30px
}
input[type="text"],
input[type="password"],
textarea,
input[type="reset"],
input[type="button"],
input[type="submit"] {
margin-bottom: 20px
}
input.s {
margin: 0
}
input.s:focus {
width: 235px
}
.one-column-template .wrapper,
.wrapper {
width: 300px
}
.one-column-template .container,
.container {
width: 280px
}
.wide-layout .wrapper {
width: 100%
}
.comments-title,
#respond h3#reply-title {
font-size: 26px;
line-height: 32px
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
padding-bottom: 10px
}
#branding {
margin-top: 10px
}
.hgroup-wrap {
padding-bottom: 25px;
padding-top: 0
}
.hgroup-right {
margin-top: 32px
}
.hgroup-right .social-profiles {
display: none
}
#site-logo {
margin-top: 25px
}
#site-title a img {
max-width: 280px
}
#access {
height: 36px;
padding: 13px 0 0
}
#access ul {
display: none
}
#access select {
display: block;
width: 100%;
font: 14px 'PT Sans', sans-serif;
text-transform: uppercase;
color: #555;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 22px
}
.page-title-wrap {
padding: 10px 0
}
.breadcrumb {
margin-top: 0;
float: none;
text-align: left
}
.slogan-wrap {
padding: 15px 0 20px
}
.slogan-wrap .slogan,
.slogan-wrap .view-work {
float: none;
width: 100%;
padding-right: 0;
padding-left: 0
}
.slogan-wrap .view-work {
width: 98%;
margin: 10px auto 0
}
#main {
padding-top: 40px
}
.post-featured-image {
margin-bottom: 15px
}
.entry-content {
padding-bottom: 0
}
.column {
margin-left: 0
}
.one-half,
.one-third,
.one-fourth,
.widget_service .one-half,
.widget_service .one-third,
.widget_service .one-fourth {
margin: 0;
padding-bottom: 10px;
width: 100%
}
#content .post {
padding-bottom: 30px
}
.tags {
margin-bottom: 30px
}
.widget_search input.s,
.widget_search input.s:focus {
width: 280px
}
#wp_page_numbers,
.wp-pagenavi,
#content ul.default-wp-page,
.pagination {
margin-bottom: 30px
}
#wp_page_numbers ul li.page_info,
.wp-pagenavi .pages {
display: none
}
.wp-caption {
margin-bottom: 15px
}
.widget {
margin-bottom: 30px
}
.widget_custom-tagcloud {
margin-bottom: 22px
}
.widget_article {
margin-bottom: 10px
}
.widget_service {
margin-bottom: 0
}
.widget_recent_work {
margin-bottom: 10px
}
.widget_testimonial .testimonial-icon {
float: none;
margin-bottom: 15px
}
#colophon {
margin-bottom: 10px
}
#site-generator .social-profiles,
#site-generator .copyright {
float: none;
width: 100%
}
#site-generator .social-profiles ul {
text-align: center;
float: none
}
#site-generator .social-profiles ul li {
display: inline-block;
float: none
}
#site-generator .copyright {
padding-top: 10px;
text-align: center
}
}
@media only screen and (min-width:480px) and (max-width:767px) {
input.s:focus {
width: 375px
}
.one-column-template .wrapper,
.wrapper {
width: 450px
}
.one-column-template .container,
.container {
width: 420px
}
.wide-layout .wrapper {
width: 100%
}
#branding {
margin-top: 20px
}
.hgroup-wrap {
padding-bottom: 30px
}
.hgroup-right {
margin-top: 37px
}
#site-logo {
margin-top: 30px
}
#site-title a img {
max-width: 420px
}
.column {
margin-left: -3.57%
}
.one-half,
.one-third,
.one-fourth {
margin: 0 0 0 3.44%;
width: 46.56%
}
.widget_service .column {
margin-left: 0
}
#colophon {
margin-bottom: 20px
}
}
@media only screen and (max-width:319px) {
.one-column-template .wrapper,
.wrapper,
.one-column-template .container,
.container {
width: 95%
}
}
@media all and (-webkit-min-device-pixel-ratio:1.5) {
.back-to-top a {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/back-to-top@2x.png);
background-size: 35px 35px
}
input.s {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/search@2x.png);
background-size: 24px 15px
}
.social-profiles ul li a {
background-image: none;
background-size: 30px 30px
}
.social-profiles ul li.facebook a {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/facebook@2x.png);
background-position: 0 0
}
.social-profiles ul li.facebook a:hover {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/facebook@2x-hover.png);
background-position: 0 0
}
.social-profiles ul li.twitter a {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/twitter@2x.png);
background-position: 0 0
}
.social-profiles ul li.twitter a:hover {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/twitter@2x-hover.png);
background-position: 0 0
}
.social-profiles ul li.google-plus a {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/google-plus@2x.png);
background-position: 0 0
}
.social-profiles ul li.google-plus a:hover {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/google-plus@2x-hover.png);
background-position: 0 0
}
.social-profiles ul li.pinterest a {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/pinterest@2x.png);
background-position: 0 0
}
.social-profiles ul li.pinterest a:hover {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/pinterest@2x-hover.png);
background-position: 0 0
}
.social-profiles ul li.linked a {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/linked@2x.png);
background-position: 0 0
}
.social-profiles ul li.linked a:hover {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/linked@2x-hover.png);
background-position: 0 0
}
.social-profiles ul li.tumblr a {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/tumblr@2x.png);
background-position: 0 0
}
.social-profiles ul li.tumblr a:hover {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/tumblr@2x-hover.png);
background-position: 0 0
}
.social-profiles ul li.vimeo a {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/vimeo@2x.png);
background-position: 0 0
}
.social-profiles ul li.vimeo a:hover {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/vimeo@2x-hover.png);
background-position: 0 0
}
.social-profiles ul li.my-space a {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/my-space@2x.png);
background-position: 0 0
}
.social-profiles ul li.my-space a:hover {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/my-space@2x-hover.png);
background-position: 0 0
}
.social-profiles ul li.flickr a {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/flickr@2x.png);
background-position: 0 0
}
.social-profiles ul li.flickr a:hover {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/flickr@2x-hover.png);
background-position: 0 0
}
.social-profiles ul li.you-tube a {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/you-tube@2x.png);
background-position: 0 0
}
.social-profiles ul li.you-tube a:hover {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/you-tube@2x-hover.png);
background-position: 0 0
}
.social-profiles ul li.rss a {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/rss@2x.png);
background-position: 0 0
}
.social-profiles ul li.rss a:hover {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/rss@2x-hover.png);
background-position: 0 0
}
.widget_testimonial .testimonial-icon {
background-image: url(https://lovson.com/wp-content/themes/attitude/images/testimonial-icon@2x.png);
background-size: 25px 19px
}
}
.header-wrap {
text-align: center;
margin-top: 225px
}
.logo {
position: absolute;
top: 70px;
left: 0;
right: 0
}
.logo img {
height: auto;
margin: -60px 20px 0 0;
width: 156px
}
.spinner-1 {
top: -54px;
left: -85px;
display: inline-block;
width: 128px;
height: 128px;
background: url(/wp-content/uploads/2014/06/bike_color.gif) no-repeat;
position: relative;
display: inline-block
}
.spinner-2 {
top: -200px;
left: -31px;
display: inline-block;
width: 128px;
height: 128px;
background: url(/wp-content/uploads/2014/06/slowspeed_color.gif) no-repeat;
position: relative;
display: inline-block
}
.spinner-3 {
top: 85px;
left: -32px;
display: inline-block;
width: 128px;
height: 128px;
margin-left: -128px;
background: url(/wp-content/uploads/2014/06/autorickshaw_color.gif) no-repeat;
position: relative;
display: inline-block
}
.spinner-4 {
top: -43px;
left: 82px;
display: inline-block;
width: 128px;
height: 128px;
background: url(/wp-content/uploads/2014/06/tractor_color.gif) no-repeat;
position: relative;
display: inline-block
}
.left-nav {
margin-left: 0!important;
width: 10%;
float: left
}
.right-content {
float: left;
margin-left: 3.06%;
width: 86%
}
.ui-helper-hidden {
display: none
}
.ui-helper-hidden-accessible {
clip: rect(1px, 1px, 1px, 1px);
position: absolute!important
}
.ui-helper-reset {
border: 0 none;
font-size: 100%;
line-height: 1.3;
list-style: none outside none;
margin: 0;
outline: 0 none;
padding: 0;
text-decoration: none
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table
}
.ui-helper-clearfix:after {
clear: both
}
.ui-helper-zfix {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%
}
.ui-state-disabled {
cursor: default!important
}
.ui-icon {
background-repeat: no-repeat;
display: block;
overflow: hidden;
text-indent: -99999px
}
.ui-widget-overlay {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.ui-widget {
font-family: Segoe UI, Arial, sans-serif;
font-size: 1.1em
}
.ui-widget .ui-widget {
font-size: 1em
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Segoe UI, Arial, sans-serif;
font-size: 1em
}
.ui-widget-content {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAAM0lEQVQYlWP49+PJfyYGBgaGoUT8/8fAxMDwH0YguBDWP8Ksv5g6IBL/UVkIYsA9TTUCAAprJW81O1+MAAAAAElFTkSuQmCC) repeat-x scroll 50% top #feeebd;
border: 1px solid #8e846b;
color: #383838
}
.ui-widget-content a {
color: #383838
}
.ui-widget-header {
background: none repeat-x scroll 50% 50% #000;
border: 1px solid #494437;
color: #fff;
font-weight: 700
}
.ui-widget-header a {
color: #fff
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAABkCAMAAABHGTJPAAAApVBMVEX9zzb9zzf90Dv90Dz90UD90kH900X900b91Er91Ev91U/91lT911j92F392WL922f93Gz93XH+zi/+zzX+0Dn+0Dr+0T7+0T/+00P+00T+1Ef+1Ej+1En+1Uz+1U3+1U7+1lH+1lL+1lP+11b+11f+11j+2Fr+2Fv+2Fz+2F3+2V/+2WD+2WH+2mT+2mb+22b+3Gn+3Gr+3Gv+3W7+3W/+3XD+3nNrwkWVAAAGm0lEQVR42u1UiXbUNhSV0z2BMG5t0zYuIYSdIR3bmvz/p9WW3ibbkwwU2kN0bxJLeut973Jwt0B2cFgBRAcgOgDRAYgOQHQAogMQHYDoAEQHIDoA0QGIDkB0AKIDEB2A6ACLXoZf+ivJVeqzjM/wmM6y5LcEi1FSOPa2TIpyPc0uKY2DylIIlVKZciVF+NxSjIQlKDXuVhpze0MgnVqZEgfN4DxlUJZmc2VSImGhc1siZZoi605a80bKRBVaQ2k627lvSzOQ7m0SvQSyA0SH6EAWou+B7ADRIToA0YGHKbrf78OvHzEZxi+bwmt68tVHd/jbsy0gFtAgCo3h++jWBEkMlT31l6JMItbxRIeaEJm9lmTS6dOb5ODxXIWHYwLKnqErYLq8CxreTCnEJNB7y99Gip0n09H2vCXPBIQZpUjW3m5lLzMoN2ag40mHOInzQHaA6BAdgOgARAcgOgDRgW9G9CHCD3zx6Tu5W+vS4OMz/XjvbbA3oSs9vPx6LeoPdJu3U7MOMevuD9D2w4zbkplfm3xtIeurSydfmcQv2/gDy16RKF3ooohPjG4AssMo+mbYCPQxnsOgZjoHCaLrkAaYSlPhgTxDGjGvG2OHtO1A5YNrwYZKDxSh5IcZl8FMtiCbZCY5Sl47BNswrE1LHClM5xVjap61HExbfad7GJTWoH2G2XDDsrSkKgG3AbIDRM9X9L6Xs++nB703PbuCsecQMoVYPiiJ4vqYy57etOhjXb5LZU7aiE/MPadRZa7ab3otSjVT4r3YQrBlxyWELI/fU0wvW+iJw0Y7KskNxxswNa7FmXbWXlcrs/ZmCm6ptDfs0RDTghfL6+p5v1ydR3U9kB0geo6id10XLuMRr9OFf6aPGKbr5O/5IqlqjbaulzpckSpxQrQThy426Tmqlzc1pVTxdkJfenC7zhbkmchIzt6eSoQCeQylR8NSrM4ujLrYRxbJ984+aTfcVTp0ugXxEYNO+EvLXlzpcs0iWAPdN9+Ev+uA7ADRIToA0YGHKfpu1+3Gv/CZTnntyCTfnTHGKImjAE7u0jRTruOXCUi94d7xr9YIhvBjOnaxYAxkOp1mdCZISqhDmWlq18k0tvWMs7HOh9XFaOQuQdLMFLO/tEch2+26lEunS+vEa3TT+47rCBO3A7LDVxH9ycdVfHh8CG9eL3Ao9NwUvIF+nyf6k2Nwcx7xXnb/+hHjTHD6P4IoREpvIsdt4HzzBJghiv4xrGdr9Xz5IuD08iHgdBrlepxq+g/kQ/b/Etxltrga/yG8GvFuxHa7PX+wGp+P001DTsOOM19dumeA4nLcydm4mkfjih5vJ3z8+9vBJO72wyTvu0ck8IvLtTEh+jE4vZpw/XLC24At479S9IYbvn9LeBXonE3Mnn/aOO4v4AvhueBa8PJ6dn/DeHW9xMsQcjaVuOJaz74CU/cLkB0geo6i/wxkB4ieo+gtkB3cRUA7/rbTN97JyDexcGg8E7NGtskxTxeD+k1GbNpeXKxmpn3bhMwK2oRi+mhXgjmoTfbQrtRtkwLtxfpdY1cWGdm3tuFFMkzbGtIxbFa9NZO1h6ks1XMXQHZwfwLZAaLnKPpPQHaA6DmK/iOQHdwfQHaA6DmK/juQHSA6RAeyEP0HIDtA9BxF/x7IDhA9R9GfAtnBNY3cG+to1NKsuJ8uYtcDmvCzmtE8PeRZ2q21YVZykVKc1zTNSiG2NM0nLEjLNM1sSm6yoNtQE+ttZGhTzbyawytMNtjYqOYeYUSCJKYZRQdyA0SH6EAWon8HZAeInqPoJ0B2cCf1+K3rcEzgk+zBET+13CShrjkwBos5xtfqsGH0qU+4q9xqcTIREyiV50SJT02NQoKW1CgeI/LU+ha1tdQntZldu9bKjlueyKJqLVrzQCe8NPXrErWN2bWd1FSviWAtCigTCeFXrTIq5cnnaiA7QHSIDuQhenUMjou6J+dzinwWk1rP+svPFdLq9XbHb6C+h8Z9pn+zTFcB2cFVxfgtqqIInwmVnFX8BEMIqigu5hacV4mxCBZbM+bGgxLiq5DyfDe95SYVY9WEXCV0lG3BWXRSXW1q3ULaXJgv1+S1VBxfWIYVTySDmVvF9AutwxWqStgXyRCV5SQNzIpMsi6aeGuEXY7qRv1dAWQHJzDXpa1wdwe6w/7irriiWE8ubMzdDTSkuItP4Y6hVRw54137ORRVmKji+DbFKrvFDorVTCVYfOpswAPDb0B2gOgQHYDowMMU/VcgO/wDoKFhJhwrIYYAAAAASUVORK5CYII=) repeat-x scroll 50% 50% #fece2f;
border: 1px solid #d19405;
color: #4c3000;
font-weight: 700
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #4c3000;
text-decoration: none
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
background: url(https://lovson.com/wp-content/themes/attitude/http://auto-rickshaw.com/jqueryui/css/sunny/images/xui-bg_gloss-wave_70_ffdd57_500x100.png.pagespeed.ic.UtAa_x66DB.png) repeat-x scroll 50% 50% #ffdd57;
border: 1px solid #a45b13;
color: #381f00;
font-weight: 700
}
.ui-state-hover a,
.ui-state-hover a:hover {
color: #381f00;
text-decoration: none
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkAQMAAAB94sgjAAAABlBMVEX+/v7///8b/GgcAAAAF0lEQVQI12NoYKA+hABMHgMSholTCQAA0JoaAYVmKQ8AAAAASUVORK5CYII=) repeat-x scroll 50% 50% #fff;
border: 1px solid #655e4e;
color: #0074c7;
font-weight: 700
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #0074c7;
text-decoration: none
}
.ui-widget :active {
outline: medium none
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAABkCAMAAABHGTJPAAAAYFBMVEX++OX++eb++ef++ej++en++ur++uv++uz++u3++u7+++3+++7+++/++/D++/H/+eX/+eb/+ef/+ej/+uj/+un/+ur/+uv/+uz/++z/++3/++7/++//+/D/+/H//PD//PH4RffVAAAFE0lEQVR42u1XiULjNhDVqAWWkrR2r3DI2v//y8bSXHLMLt1Ct828B9jSaI4380ww6WcgHBJGANEBiA5AdACiAxAdgOgARAcgOgDRAYgOQHQAogMQHYDoAEQHIDoA0SE6ANEBiA5cjeifgXCA6BAdgOgARAcgOgDRAYgOQHTgPyT6AoQDRIfoQAjRjx3LURbLuB/W3nppWPp2vCzL4p0X57pTY9HvxZIur1TbljOzNbGpvrxCezluuF0yW/Y63xvI/ujGznc6WS7LLK8Me0eicaAXSZbBmI5AOEB0iA5AdOCaRa9V77WuG94fqxw1YxUXNjVfuXEQ+9UeKyfVlag9r6w1swQd9UzNVcI4s2Stx2pJOedIvKqtOXt2kkLJSvuVfapOoTKHo1U0kkfxdxBqkksifa/VRqu9VteFlDTaRzkxF1dCBivjqjJfyS6tpgqEA0SPKHoppS3Ot75cF/K1XtSwLtfzKgsNNWu3lap5JCNnkoBuZw6lF6niVXXPRTlUT4vS1xpSrviE0hMb+bD6uxFhR2nD6HGz7Gu9K6PS6+ggZV38lmcjVbVCsSnoGTMoyl9LVj0ah+sGIRrYvGWl/FMBwgGiQ3QAogPXKfrhUA7nn3ZZ77o7sEmvB2fsXurHDhJcxjCXrsjOOYynbV3k23I0Q/tyFUtP2B2FTrGI4pw0hR0YMwstRbvxpTecnXXbrA3GPA8DhmIumf/mOSrZcigjl2JDK3rqdLP1QfIok3QAwuFjRH/YxfOn1/D06c24dwlfoN8Hiv5y3/GTDf9OcKu4+Y7oDE6dEj9DnTOejFdEf+jz8Xo+fn8h3/mZWJ+Itb3n8E9CugmL0/lBuOMHYX3kr1Zj+X3mz+XTTfoTMLRPBP8g3D+8/H/QCD/bh3X7pN5rE6K/CaeGxxVPDfeCf1fS9b3qiXHX6NyuxP5mN+kP4J2wfUTaY3LarJ9UstMlHpvLbUuhyT6AKUQPCIgeUfQbIBwgekTRfwTCAaJDdCCE6L8D4QDRIToA0YHrFB2vNQFf5H4AwgGiQ3QAogPXKTreZQO+vf8KhANEjyg6/sLhRQ6IIHoGwgGiQ3QghOi/AeEA0SOKPgPhANEhOhBD9Hy+5txuK+TO9nbQL1lXGpCzOHZnNXf/bAfejS95lqq6ynooRJyjZt4SZT6ZC7UAS2le0kbnafk9srfkObverWo2dlJy1kFlS5qloVmGZuc2RCvjZu07ddkzE8yqgDFRF9llk9Eoz/iXLe7/6fQlByK+kfOk8XDdk2ahfiFzJNlm0p9uocFLc/WLJ0EWl3MeVrbUjDQw9QUz5W1qLUlWuy+IyCj53lYHGkfQ/F1HxLy3fElquIm51Ju2Lrslz95qEdEmLeULkcSUCAiHRG/600/f8LpA75Hkm5iQ3en9+2phtF/u7ROgr9D4mon+0YscEPDtfTpfp3ma2mXFrPe5X5qhOc3s12MniZvVODWLz9lj+40D+m7S9LJ2tXWlGXvWgdysdIztJFF857xW1B8rabcQvpJTxjKL/+QZztKRNuZWs9CfLI9kmGdlPw1NzJ6TFnAjcsE2aOZtHn44phvXTxMQDhAdogMhRMc/MBH/ZQMCip525V93KfWfvk22JLXLIq335NKxt8S0reQkCelhlLS4K+MLpYuHdIhyfVi9kYYvSqML+SYpfelXIW3nZdmpD8CnSHvMhvEN+S673BK0WSWJ9DEpuX6Tm5WRTCwVEBC/AOHwF+lGzDXxgILBAAAAAElFTkSuQmCC) repeat-x scroll 50% top #fff9e5;
border: 1px solid #eeb420;
color: #1f1f1f
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #1f1f1f
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoAQMAAAC2MCouAAAABlBMVEXTTRfXXi4sSHowAAAAJElEQVQI12N8yAAELI/A5BEQycgPZkNIOTBpAxb/AGZ/HNrqAQMhFGsCbqb2AAAAAElFTkSuQmCC) repeat scroll 50% 50% #d34d17;
border: 1px solid #ffb73d;
color: #fff
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #fff
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #fff
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: 700
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
font-weight: 400;
opacity: .7
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
background-image: none;
opacity: .35
}
.ui-icon {
background-image: url(https://lovson.com/wp-content/themes/attitude/http://auto-rickshaw.com/jqueryui/css/sunny/images/xui-icons_d19405_256x240.png.pagespeed.ic.-6eJyCwREx.png);
height: 16px;
width: 16px
}
.ui-widget-content .ui-icon {
background-image: url(https://lovson.com/wp-content/themes/attitude/http://auto-rickshaw.com/jqueryui/css/sunny/images/xui-icons_d19405_256x240.png.pagespeed.ic.-6eJyCwREx.png)
}
.ui-widget-header .ui-icon {
background-image: url(https://lovson.com/wp-content/themes/attitude/http://auto-rickshaw.com/jqueryui/css/sunny/images/xui-icons_fadc7a_256x240.png.pagespeed.ic.6KYcOWSsXB.png)
}
.ui-state-default .ui-icon {
background-image: url(https://lovson.com/wp-content/themes/attitude/http://auto-rickshaw.com/jqueryui/css/sunny/images/xui-icons_3d3d3d_256x240.png.pagespeed.ic.HBUgpys16K.png)
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url(https://lovson.com/wp-content/themes/attitude/http://auto-rickshaw.com/jqueryui/css/sunny/images/xui-icons_bd7b00_256x240.png.pagespeed.ic.Pd6goDvvfk.png)
}
.ui-state-active .ui-icon {
background-image: url(https://lovson.com/wp-content/themes/attitude/http://auto-rickshaw.com/jqueryui/css/sunny/images/xui-icons_eb990f_256x240.png.pagespeed.ic.bZ6QqBuiUY.png)
}
.ui-state-highlight .ui-icon {
background-image: url(https://lovson.com/wp-content/themes/attitude/http://auto-rickshaw.com/jqueryui/css/sunny/images/xui-icons_ed9f26_256x240.png.pagespeed.ic.FIPBwdHbWM.png)
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(https://lovson.com/wp-content/themes/attitude/http://auto-rickshaw.com/jqueryui/css/sunny/images/xui-icons_ffe180_256x240.png.pagespeed.ic.GUcw0HXUOF.png)
}
.ui-icon-carat-1-n {
background-position: 0 0
}
.ui-icon-carat-1-ne {
background-position: -16px 0
}
.ui-icon-carat-1-e {
background-position: -32px 0
}
.ui-icon-carat-1-se {
background-position: -48px 0
}
.ui-icon-carat-1-s {
background-position: -64px 0
}
.ui-icon-carat-1-sw {
background-position: -80px 0
}
.ui-icon-carat-1-w {
background-position: -96px 0
}
.ui-icon-carat-1-nw {
background-position: -112px 0
}
.ui-icon-carat-2-n-s {
background-position: -128px 0
}
.ui-icon-carat-2-e-w {
background-position: -144px 0
}
.ui-icon-triangle-1-n {
background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px
}
.ui-icon-triangle-1-e {
background-position: -32px -16px
}
.ui-icon-triangle-1-se {
background-position: -48px -16px
}
.ui-icon-triangle-1-s {
background-position: -64px -16px
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px
}
.ui-icon-triangle-1-w {
background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px
}
.ui-icon-arrow-1-n {
background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px
}
.ui-icon-arrow-1-e {
background-position: -32px -32px
}
.ui-icon-arrow-1-se {
background-position: -48px -32px
}
.ui-icon-arrow-1-s {
background-position: -64px -32px
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px
}
.ui-icon-arrow-1-w {
background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
background-position: 0 -48px
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px
}
.ui-icon-arrow-4 {
background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px
}
.ui-icon-extlink {
background-position: -32px -80px
}
.ui-icon-newwin {
background-position: -48px -80px
}
.ui-icon-refresh {
background-position: -64px -80px
}
.ui-icon-shuffle {
background-position: -80px -80px
}
.ui-icon-transfer-e-w {
background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px
}
.ui-icon-folder-collapsed {
background-position: 0 -96px
}
.ui-icon-folder-open {
background-position: -16px -96px
}
.ui-icon-document {
background-position: -32px -96px
}
.ui-icon-document-b {
background-position: -48px -96px
}
.ui-icon-note {
background-position: -64px -96px
}
.ui-icon-mail-closed {
background-position: -80px -96px
}
.ui-icon-mail-open {
background-position: -96px -96px
}
.ui-icon-suitcase {
background-position: -112px -96px
}
.ui-icon-comment {
background-position: -128px -96px
}
.ui-icon-person {
background-position: -144px -96px
}
.ui-icon-print {
background-position: -160px -96px
}
.ui-icon-trash {
background-position: -176px -96px
}
.ui-icon-locked {
background-position: -192px -96px
}
.ui-icon-unlocked {
background-position: -208px -96px
}
.ui-icon-bookmark {
background-position: -224px -96px
}
.ui-icon-tag {
background-position: -240px -96px
}
.ui-icon-home {
background-position: 0 -112px
}
.ui-icon-flag {
background-position: -16px -112px
}
.ui-icon-calendar {
background-position: -32px -112px
}
.ui-icon-cart {
background-position: -48px -112px
}
.ui-icon-pencil {
background-position: -64px -112px
}
.ui-icon-clock {
background-position: -80px -112px
}
.ui-icon-disk {
background-position: -96px -112px
}
.ui-icon-calculator {
background-position: -112px -112px
}
.ui-icon-zoomin {
background-position: -128px -112px
}
.ui-icon-zoomout {
background-position: -144px -112px
}
.ui-icon-search {
background-position: -160px -112px
}
.ui-icon-wrench {
background-position: -176px -112px
}
.ui-icon-gear {
background-position: -192px -112px
}
.ui-icon-heart {
background-position: -208px -112px
}
.ui-icon-star {
background-position: -224px -112px
}
.ui-icon-link {
background-position: -240px -112px
}
.ui-icon-cancel {
background-position: 0 -128px
}
.ui-icon-plus {
background-position: -16px -128px
}
.ui-icon-plusthick {
background-position: -32px -128px
}
.ui-icon-minus {
background-position: -48px -128px
}
.ui-icon-minusthick {
background-position: -64px -128px
}
.ui-icon-close {
background-position: -80px -128px
}
.ui-icon-closethick {
background-position: -96px -128px
}
.ui-icon-key {
background-position: -112px -128px
}
.ui-icon-lightbulb {
background-position: -128px -128px
}
.ui-icon-scissors {
background-position: -144px -128px
}
.ui-icon-clipboard {
background-position: -160px -128px
}
.ui-icon-copy {
background-position: -176px -128px
}
.ui-icon-contact {
background-position: -192px -128px
}
.ui-icon-image {
background-position: -208px -128px
}
.ui-icon-video {
background-position: -224px -128px
}
.ui-icon-script {
background-position: -240px -128px
}
.ui-icon-alert {
background-position: 0 -144px
}
.ui-icon-info {
background-position: -16px -144px
}
.ui-icon-notice {
background-position: -32px -144px
}
.ui-icon-help {
background-position: -48px -144px
}
.ui-icon-check {
background-position: -64px -144px
}
.ui-icon-bullet {
background-position: -80px -144px
}
.ui-icon-radio-off {
background-position: -96px -144px
}
.ui-icon-radio-on {
background-position: -112px -144px
}
.ui-icon-pin-w {
background-position: -128px -144px
}
.ui-icon-pin-s {
background-position: -144px -144px
}
.ui-icon-play {
background-position: 0 -160px
}
.ui-icon-pause {
background-position: -16px -160px
}
.ui-icon-seek-next {
background-position: -32px -160px
}
.ui-icon-seek-prev {
background-position: -48px -160px
}
.ui-icon-seek-end {
background-position: -64px -160px
}
.ui-icon-seek-start {
background-position: -80px -160px
}
.ui-icon-seek-first {
background-position: -80px -160px
}
.ui-icon-stop {
background-position: -96px -160px
}
.ui-icon-eject {
background-position: -112px -160px
}
.ui-icon-volume-off {
background-position: -128px -160px
}
.ui-icon-volume-on {
background-position: -144px -160px
}
.ui-icon-power {
background-position: 0 -176px
}
.ui-icon-signal-diag {
background-position: -16px -176px
}
.ui-icon-signal {
background-position: -32px -176px
}
.ui-icon-battery-0 {
background-position: -48px -176px
}
.ui-icon-battery-1 {
background-position: -64px -176px
}
.ui-icon-battery-2 {
background-position: -80px -176px
}
.ui-icon-battery-3 {
background-position: -96px -176px
}
.ui-icon-circle-plus {
background-position: 0 -192px
}
.ui-icon-circle-minus {
background-position: -16px -192px
}
.ui-icon-circle-close {
background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px
}
.ui-icon-circle-zoomin {
background-position: -176px -192px
}
.ui-icon-circle-zoomout {
background-position: -192px -192px
}
.ui-icon-circle-check {
background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px
}
.ui-icon-circlesmall-close {
background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px
}
.ui-icon-squaresmall-close {
background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 8px
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 8px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 8px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 8px
}
.ui-widget-overlay {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkAQMAAADOquA5AAAAA1BMVEVcXFy2D+WJAAAAD0lEQVQoz2NgGAWjgPoAAAJYAAF1NoZ3AAAAAElFTkSuQmCC) repeat-x scroll 50% 50% #5c5c5c;
opacity: .8
}
.ui-widget-shadow {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkAQMAAADOquA5AAAAA1BMVEXMzMzKUkQnAAAAD0lEQVQoz2NgGAWjgPoAAAJYAAF1NoZ3AAAAAElFTkSuQmCC) repeat-x scroll 50% 50% #ccc;
border-radius: 8px;
margin: -7px 0 0 -7px;
opacity: .6;
padding: 7px
}
.ui-resizable {
position: relative
}
.ui-resizable-handle {
display: block;
font-size: .1px;
position: absolute;
z-index: 99999
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
left: 0;
top: -5px;
width: 100%
}
.ui-resizable-s {
bottom: -5px;
cursor: s-resize;
height: 7px;
left: 0;
width: 100%
}
.ui-resizable-e {
cursor: e-resize;
height: 100%;
right: -5px;
top: 0;
width: 7px
}
.ui-resizable-w {
cursor: w-resize;
height: 100%;
left: -5px;
top: 0;
width: 7px
}
.ui-resizable-se {
bottom: 1px;
cursor: se-resize;
height: 12px;
right: 1px;
width: 12px
}
.ui-resizable-sw {
bottom: -5px;
cursor: sw-resize;
height: 9px;
left: -5px;
width: 9px
}
.ui-resizable-nw {
cursor: nw-resize;
height: 9px;
left: -5px;
top: -5px;
width: 9px
}
.ui-resizable-ne {
cursor: ne-resize;
height: 9px;
right: -5px;
top: -5px;
width: 9px
}
.ui-selectable-helper {
border: 1px dotted #000;
position: absolute;
z-index: 100
}
.ui-accordion {
width: 100%
}
.ui-accordion .ui-accordion-header {
cursor: pointer;
margin-top: 1px;
position: relative
}
.ui-accordion .ui-accordion-li-fix {
display: inline
}
.ui-accordion .ui-accordion-header-active {
border-bottom: 0 none!important
}
.ui-accordion .ui-accordion-header a {
display: block;
font-size: 1em;
padding: .5em .5em .5em .7em
}
.ui-accordion-icons .ui-accordion-header a {
padding-left: 2.2em
}
.ui-accordion .ui-accordion-header .ui-icon {
left: .5em;
margin-top: -8px;
position: absolute;
top: 50%
}
.ui-accordion .ui-accordion-content {
border-top: 0 none;
display: none;
margin-bottom: 2px;
margin-top: -2px;
overflow: auto;
padding: 1em 2.2em;
position: relative;
top: 1px
}
.ui-accordion .ui-accordion-content-active {
display: block
}
.ui-autocomplete {
cursor: default;
position: absolute
}
* html .ui-autocomplete {
width: 1px
}
.ui-menu {
display: block;
float: left;
list-style: none outside none;
margin: 0;
padding: 2px
}
.ui-menu .ui-menu {
margin-top: -3px
}
.ui-menu .ui-menu-item {
clear: left;
float: left;
margin: 0;
padding: 0;
width: 100%
}
.ui-menu .ui-menu-item a {
display: block;
line-height: 1.5;
padding: .2em .4em;
text-decoration: none
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: 400;
margin: -1px
}
.ui-button {
cursor: pointer;
display: inline-block;
margin-right: .1em;
overflow: visible;
padding: 0;
position: relative;
text-align: center;
text-decoration: none!important
}
.ui-button-icon-only {
width: 2.2em
}
button.ui-button-icon-only {
width: 2.4em
}
.ui-button-icons-only {
width: 3.4em
}
button.ui-button-icons-only {
width: 3.7em
}
.ui-button .ui-button-text {
display: block;
line-height: 1.4
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -10000000px
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em
}
input.ui-button {
padding: .4em 1em
}
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
margin-top: -8px;
position: absolute;
top: 50%
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: .5em
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em
}
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em
}
.ui-buttonset {
margin-right: 7px
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -.3em
}
button.ui-button::-moz-focus-inner {
border: 0 none;
padding: 0
}
.ui-dialog {
overflow: hidden;
padding: .2em;
position: absolute;
width: 300px
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 16px .1em 0
}
.ui-dialog .ui-dialog-titlebar-close {
height: 18px;
margin: -10px 0 0;
padding: 1px;
position: absolute;
right: .3em;
top: 50%;
width: 19px
}
.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 1px
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
padding: 0
}
.ui-dialog .ui-dialog-content {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
overflow: auto;
padding: .5em 1em;
position: relative
}
.ui-dialog .ui-dialog-buttonpane {
background-image: none;
border-width: 1px 0 0;
margin: .5em 0 0;
padding: .3em 1em .5em .4em;
text-align: left
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right
}
.ui-dialog .ui-dialog-buttonpane button {
cursor: pointer;
margin: .5em .4em .5em 0
}
.ui-dialog .ui-resizable-se {
bottom: 3px;
height: 14px;
right: 3px;
width: 14px
}
.ui-draggable .ui-dialog-titlebar {
cursor: move
}
.ui-slider {
position: relative;
text-align: left
}
.ui-slider .ui-slider-handle {
cursor: default;
height: 1.2em;
position: absolute;
width: 1.2em;
z-index: 2
}
.ui-slider .ui-slider-range {
background-position: 0 0;
border: 0 none;
display: block;
font-size: .7em;
position: absolute;
z-index: 1
}
.ui-slider-horizontal {
height: .8em
}
.ui-slider-horizontal .ui-slider-handle {
margin-left: -.6em;
top: -.3em
}
.ui-slider-horizontal .ui-slider-range {
height: 100%;
top: 0
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0
}
.ui-slider-vertical {
height: 100px;
width: .8em
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-bottom: -.6em;
margin-left: 0
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
top: 0
}
.ui-tabs {
padding: .2em;
position: relative
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0
}
.ui-tabs .ui-tabs-nav li {
border-bottom: 0 none!important;
float: left;
list-style: none outside none;
margin: 0 .2em 1px 0;
padding: 0;
position: relative;
top: 1px;
white-space: nowrap
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: .5em 1em;
text-decoration: none
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
margin-bottom: 0;
padding-bottom: 1px
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor: text
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor: pointer
}
.ui-tabs .ui-tabs-panel {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-width: 0;
display: block;
padding: 1em 1.4em
}
.ui-tabs .ui-tabs-hide {
display: none!important
}
.ui-datepicker {
display: none;
padding: .2em .2em 0;
width: 17em
}
.ui-datepicker .ui-datepicker-header {
padding: .2em 0;
position: relative
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
height: 1.8em;
position: absolute;
top: 2px;
width: 1.8em
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px
}
.ui-datepicker .ui-datepicker-prev {
left: 2px
}
.ui-datepicker .ui-datepicker-next {
right: 2px
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
left: 50%;
margin-left: -8px;
margin-top: -8px;
position: absolute;
top: 50%
}
.ui-datepicker .ui-datepicker-title {
line-height: 1.8em;
margin: 0 2.3em;
text-align: center
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%
}
.ui-datepicker table {
border-collapse: collapse;
font-size: .9em;
margin: 0 0 .4em;
width: 100%
}
.ui-datepicker th {
border: 0 none;
font-weight: 700;
padding: .7em .3em;
text-align: center
}
.ui-datepicker td {
border: 0 none;
padding: 1px
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
border-bottom: 0 none;
border-left: 0 none;
border-right: 0 none;
margin: .7em 0 0;
padding: 0 .2em
}
.ui-datepicker .ui-datepicker-buttonpane button {
cursor: pointer;
float: right;
margin: .5em .2em .4em;
overflow: visible;
padding: .2em .6em .3em;
width: auto
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left
}
.ui-datepicker.ui-datepicker-multi {
width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
margin: 0 auto .4em;
width: 95%
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left
}
.ui-datepicker-row-break {
clear: both;
font-size: 0;
width: 100%
}
.ui-datepicker-rtl {
direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
left: auto;
right: 2px
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
left: auto;
right: 1px
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float: right
}
.ui-datepicker-rtl .ui-datepicker-group {
float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-left-width: 1px;
border-right-width: 0
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 1px;
border-right-width: 0
}
.ui-datepicker-cover {
display: block;
height: 200px;
left: -4px;
position: absolute;
top: -4px;
width: 200px;
z-index: -1
}
.ui-progressbar {
height: 2em;
overflow: hidden;
text-align: left
}
.ui-progressbar .ui-progressbar-value {
height: 100%;
margin: -1px
}
.cont_text {
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 400
}
.wrapper-nav2 {
width: 940px;
margin: 0 auto;
padding-bottom: 20px;
border-bottom: 1px #000 solid
}
.pro-nav {
list-style: none;
width: 100%;
margin: 0;
padding: 0
}
.pro-nav li {
width: 24%;
float: left;
margin-left: 1.25%;
position: relative
}
.pro-nav li a {
width: 100%;
display: table;
text-decoration: none;
color: #000
}
.pro-nav li:first-child {
margin-left: 0
}
.rekshaw {
background: url('../images/1.gif') center no-repeat
}
.tracktor {
background: url('../images/lov.gif') center no-repeat
}
.machine {
background: url('../images/3.gif') center no-repeat
}
.bike {
background: url('../images/4.gif') center no-repeat
}
.pro-img {
display: table-caption;
background-size: 80%;
padding: 50% 0;
background-color: #fff
}
.disc {
height: 115px;
width: 100%;
display: table-cell;
vertical-align: middle;
box-sizing: border-box;
text-transform: uppercase;
text-align: center;
font-size: 15px
}
.pro-nav li:hover .disc {
height: 125px;
-webkit-transition: height .6s;
transition: height .6s
}
.pro-nav li:hover {
height: 130px;
-webkit-transition: height .5s;
transition: height .5s
}
.description1 {
background: #f07e95
}
.description2 {
background: #77cee9
}
.description3 {
background: #98bc8c
}
.description4 {
background: #f3814b
}
ul.root.l_tinynav1 {
float: right;
margin-bottom: 20px
}
footer div#site-generator {
margin-bottom: 30px
}
@media(max-width:978px) {
.wrapper-nav2 {
width: 100%
}
}
@media(max-width:640px) {
.pro-nav li {
width: 49%;
margin-left: 1%
}
.pro-nav li .disc {
height: 80px
}
.pro-nav li:hover .disc {
height: 100px;
-webkit-transition: height .6s;
transition: height .6s
}
.pro-nav li:hover {
height: 205px;
-webkit-transition: height 1s;
transition: height 1s
}
.pro-nav li:nth-child(3) {
margin-left: 0;
clear: both
}
}
body {
background-color: #fff!important
}