| Current Path : /home/gotzfrokfn/www/templates/gotz-tpl/less/ |
| Current File : /home/gotzfrokfn/www/templates/gotz-tpl/less/homepage.less |
.os-mod h3 {
text-align: center;
}
/*_______ Slider ______________________________________*/
#osslider132 {
.caption {
background: fade(#000, 50%);
.slide-title {
background: fade(#000, 50%);
padding: 20px 0 10px;
a{
color: @colorWhite;
font-size: 30px;
&:hover {
color: @mainColor;
}
}
}
.slide-desc {
color: @colorWhite;
font-size: 20px;
padding: 10px 0 20px;
}
}
}
/*_______ Featured Services ______________________________________*/
.section_featured_texts {
text-align: center;
.icon_holder{
.icon_bgr {
margin: 0px auto 28px auto;
text-align: center;
width: 100px;
height: 100px;
border-radius: 100px;
border: 1px solid #126eff;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12);
background-color: #12ABFF;
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1));
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1));
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1));
background-image: linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1));
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
&:hover {
background-color: #fff;
.fa-3x{
color: #12ABFF;
}
}
.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
}
.fa-3x {
color: #ffffff;
line-height: 105px;
font-size: 49px;
.transition(0.3s ease);
}
}
}
}
/*_______ Our Services ______________________________________*/
.box-services {
text-align: center;
.row_icons {
vertical-align: top;
display: inline-block;
margin: 0 10px 10px 0;
width: 32%;
text-align: left;
@media (max-width: 1024px){
width: 31%;
}
@media (max-width: 768px){
width: 46%;
}
@media (max-width: 480px){
width: 100%;
}
h4 {
margin-top: 0;
}
i {
font-size: 32px;
line-height: 32px;
color: #12ABFF;
}
}
}
/*_______ From Our Blog ______________________________________*/
.moduletable_contentK2 {
#k2ModuleBox124{
ul {
text-align: center;
li.even , li.odd {
text-align: left;
width: 32%;
background: @BgBox;
.border(1px @colorBorder);
padding: 10px;
margin: 0 10px 10px 0;
display: inline-block;
@media (max-width: 768px){
width: 46%;
}
@media (max-width: 480px){
width: 100%;
}
.moduleItemTitle {
text-align: center;
font-size: 20px;
}
img {
float: none;
margin: 0;
}
}
}
}
}