.full_width,.one_half,.one_third,.two_third,.one_fourth,.three_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth {
float:left;
}
.clear_column {
clear:both;
display:block;
font-size:0;
height:0;
line-height:0;
width:100%;
overflow:hidden;
}
.full_width {
width:100%;
}
.one_half {
width:49%;
margin-right:2%;
}
.one_half.last_column {
width:49%;
margin-right:0px;
}
.one_third {
width:32%;
margin-right:2%;
}
.one_third.last_column {
width:32%;
margin-right:0px;
}
.two_third {
width:66%;
margin-right:2%;
}
.two_third.last_column {
width:66%;
margin-right:0px;
}
.one_fourth {
width:23.5%;
margin-right:2%;
}
.one_fourth.last_column {
width:23.5%;
margin-right:0px;
}
.three_fourth {
width:74.5%;
margin-right:2%;
}
.three_fourth.last_column {
width:74.5%;
margin-right:0px;
}
.one_fifth {
width:18.4%;
margin-right:2%;
}
.one_fifth.last_column {
width:18.4%;
margin-right:0px;
}
.two_fifth {
width:39%;
margin-right:2%;
}
.two_fifth.last_column {
width:39%;
margin-right:0px;
}
.three_fifth {
width:59%;
margin-right:2%;
}
.three_fifth.last_column {
width:59%;
margin-right:0px;
}
.four_fifth {
width:79.6%;
margin-right:2%;
}
.four_fifth.last_column {
width:79.6%;
margin-right:0px;
}
.one_sixth {
width:15%;
margin-right:2%;
}
.one_sixth.last_column {
width:15%;
margin-right:0px;
}
.last {
padding:0;
margin-right:0 !important;
clear:right;
} .fa-2 {
font-size: 2em;
}
.fa-3 {
font-size: 4em;
}
.fa-4 {
font-size: 7em;
}
.fa-5 {
font-size: 12em;
}
.fa-6 {
font-size: 20em;
} .banner-box {
padding: 80px 0;
text-align: center;
}
.banner-box h1 {
font-family:'Lustria',serif;
color:#FFF;
font-weight:400;
font-size:64px;
text-transform:uppercase;
line-height:82px;
display:inline;
text-align:center;
text-transform:uppercase;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
margin-top:160px;
word-wrap:break-word;
}
.banner-box .sub-title {
margin-top: 50px;
font-family: 'Lustria',serif;
color: #FFF;
font-size: 18px;
text-transform: uppercase;
display: block;
}
.banner-scroll {
margin-top: 60px;
margin-bottom: 20px;
}
.banner-sns {
overflow:hidden;
margin:10px auto;
text-align:center;
display:inline-block;
}
.banner-sns li {
float:left;
list-style-type:none;
margin-right:10px;
}
.banner-sns li:last-child {
margin-right:0;
}
.banner-sns li a i {
color:#fff;
} .contact-text {
font-family:'Raleway',sans-serif;
width:80%;
font-size:18px;
text-transform:uppercase;
margin:0 auto 50px;
color:#ACACAC;
}
.contact-area {
margin:0 auto;
width: 100%;
max-width: 500px;
text-align:center;
overflow:hidden;
}
.contact-form {
margin:0 auto;
}
.contact-form input,
.contact-form select,
.contact-form textarea {
font-size:18px;
width:100%;
background-color:transparent;
border:1px solid #666;
padding:5px;
overflow:hidden;
margin-bottom:30px;
}
.contact-form [type="submit"] {
width:100px;
}
.contact-form [type="submit"]:hover {
width:100px;
background-color:#666;
color:#fff;
}
.contact-form input::-webkit-input-placeholder,.contact-form textarea::-webkit-input-placeholder {
color:#666;
}
.contact-form input:-moz-placeholder,.contact-form textarea:-moz-placeholder {
color:#666;
}
.noticefailed {
color:#FF0000;
}
.noticesuccess {
color:#009F00;
} .portfolio-list {
margin:0 auto;
}
.portfolio-list ul {
margin:0 auto;
overflow:hidden;
display:inline-block;
}
.portfolio-list li {
float:left;
list-style-type:none;
width:23%;
margin-left:0;
margin-right:2.6%;
margin-bottom:10px;
overflow:hidden;
padding:0 auto;
}
.portfolio-list li:nth-child(4n) {
margin-right:0;
}
.port-img {
max-width:100%;
margin:0 auto;
} .section-about h3,
.section-services h3 {
font-family: 'Raleway',sans-serif;
color: #666;
font-size: 36px;
font-style: normal;
font-weight: 300;
line-height: 36px;
}
.section-about ul {
margin: 0;
}
.section-about li {
list-style-type:none;
padding-left:0;
padding-top:5px;
margin-bottom:5px;
text-align:left;
}
.section-about li:before {
font: normal normal normal 14px/1 FontAwesome;
width: 20px;
text-align: center;
color: rgba(100,100,100,.8);
display: inline-block;
margin-right: 5px;
}
li.info-phone:before {
content: "\f095";
}
li.info-address:before {
content: "\f041";
}
li.info-email:before {
content: "\f003";
}
li.info-website:before {
content: "\f109";
}.magee-accordion h4.panel-title {
color: #a0a0a0;
}
.person-vcard .person-title:after {
display: none;
}
.counter:after {
display: none;
}@color-main: #963;
.text-primary {
color: @color-main;
}
.text-muted {
color: #777;
}
.text-light {
color: #fff;
}
a {
color: @color-main;
}
a:active,
a:hover {
color: @color-main;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
color: @color-main;
}
mark,
ins {
background: @color-main;
}
::selection {
background: @color-main;
}
::-moz-selection {
background: @color-main;
}
.site-nav > ul > li.current > a {
color: @color-main;
}
@media screen and (min-width: 920px) {
.site-nav > ul > li:hover > a {
color: @color-main;
}
.overlay .main-header .site-nav > ul > li:hover > a {
border-color: #fff;
}
.side-header .site-nav > ul > li:hover > a {
border-right-color: @color-main;
}
.side-header-right .site-nav > ul > li:hover > a {
border-left-color: @color-main;
}
}
.blog-list-wrap .entry-header:after {
background-color: @color-main;
}
.entry-meta a:hover,
.entry-footer a:hover {
color: @color-main;
}
.entry-footer li a:hover {
border-color: @color-main;
}
.post-attributes h3:after {
background-color: @color-main;
}
.post-pagination li a:hover {
border-color: @color-main;
color: @color-main;
}
.form-control:focus,
select:focus,
input:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="subject"]: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: inherit;
}
a .entry-title:hover {
color: @color-main;
}
.widget-title:after {
background-color: @color-main;
}
.widget_nav_menu li.current-menu-item a {
border-right-color: @color-main;
}
.breadcrumb-nav a:hover {
color: @color-main;
}
.entry-meta a:hover {
color: @color-main;
}
.widget-box a:hover {
color: @color-main;
}
.post-attributes a:hover {
color: @color-main;
}
.post-pagination li a:hover,
.post-list-pagination li a:hover {
color: @color-main;
} .text-primary {
color: @color-main;
}
.magee-dropcap {
color: @color-main;
}
.dropcap-boxed {
background-color: @color-main;
color: #fff;
}
.magee-highlight {
background-color: @color-main;
}
.comment-reply-link {
color: @color-main;
}
.btn-normal,
a.btn-normal,
.magee-btn-normal,
a.magee-btn-normal {
background-color: @color-main;
color: #fff;
}
.btn-normal:hover,
.magee-btn-normal:hover,
.btn-normal:active,
.magee-btn-normal:active,
.comment-reply-link:active,
.btn-normal:focus,
.magee-btn-normal:focus,
.comment-reply-link:focus {
background-color: darken(@color-main,5%);
color: #fff;
}
.magee-btn-normal.btn-line {
background-color: transparent;
color: @color-main;
border-color: @color-main;
}
.magee-btn-normal.btn-line:hover,
.magee-btn-normal.btn-line:active,
.magee-btn-normal.btn-line:focus {
background-color: rgba(255,255,255,.1);
}
.magee-btn-normal.btn-3d {
box-shadow: 0 3px 0 0 darken(@color-main,10%);
}
.icon-box.primary {
color: @color-main;
}
.portfolio-list-filter li a:hover,
.portfolio-list-filter li.active a,
.portfolio-list-filter li span.active a {
background-color: @color-main;
color: #fff;
}
.magee-tab-box.tab-line ul > li.active > a {
border-bottom-color: @color-main;
}
.panel-primary {
border-color: @color-main;
}
.panel-primary .panel-heading {
background-color: @color-main;
}
.pricing-top-icon {
color: @color-main;
}
.magee-pricing-box.featured .panel-heading {
background-color: @color-main;
}
.pricing-tag .currency {
color: @color-main;
}
.pricing-tag .price {
color: @color-main;
}
.pricing-box-flat.featured {
background-color: @color-main;
color: #fff;
}
.person-vcard .person-title:after {
background-color: @color-main;
}
.person-social li a:hover {
color: @color-main;
}
.person-social.boxed li a:hover {
color: #fff;
background-color: @color-main;
}
.magee-progress-box .progress-bar {
background-color: @color-main;
}
.counter-top-icon {
color: @color-main;
}
.counter:after {
background-color: @color-main;
}
.timeline-year {
background-color: @color-main;
}
.timeline-year:after {
border-top-color: @color-main;
}
@media (min-width: 992px) {
.magee-timeline:before {
background-color: @color-main;
}
.magee-timeline > ul > li:before {
background-color: @color-main;
}
.magee-timeline > ul > li:last-child:before {
background-image: -moz-linear-gradient(left, @color-main 0%, @color-main 70%, #fff 100%); 
background-image: -webkit-gradient(linear, left top, right top, from(@color-main), color-stop(0.7, @color-main), to(#fff)); 
background-image: -webkit-linear-gradient(left, @color-main 0%, @color-main 70%, #fff 100%); 
background-image: -o-linear-gradient(left, @color-main 0%, @color-main 70%, #fff 100%);
}
}
.icon-list-primary li i{
color: @color-main;
}
.icon-list-primary.icon-list-circle li i {
background-color: @color-main;
color: #fff;
}
.divider-border .divider-inner.primary {
border-color: @color-main;
}
.img-box .img-overlay.primary {
background-color: fade(@color-main, 70%); 
}
.img-box .img-overlay-icons i {
background-color: @color-main;
}
.portfolio-img-box {
background-color: @color-main;
}
.tooltip-text {
color: @color-main;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: @color-main;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color: @color-main;
}