body {
overflow-x: hidden;
}
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map-canvas { height: 100% }
p {
font-family: "Roboto Slab", serif;
line-height: 1.5;
font-weight: 300;
font-size: 1.25em;
}
p.small {
font-size: 16px;
}
a,
a:hover,
a:focus,
a:active,
a.active {
outline: 0;
color: #577929;
}
.tit{
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700;
font-size:36px;
}
.tit2{
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700;
color:#00CC33;
font-size:36px;
}
.tit3{
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 300;
color: #000;
font-size:24px;
}
h1,
h2,
h3,
h4,
h5,
h20,
h6 {
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700;
}
h10{
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700;
color:#00CC33;
font-size:36px;
}
h1{
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 500;
color: #577929;
font-size:18px;
}
h2{
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 500;
color: #91C444;
font-size:18px;
}
h3{
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 500;
color: #91C444;
font-size:12px;
}
hr.star-light,
hr.star-primary {
margin: 25px auto 30px;
padding: 0;
max-width: 250px;
border: 0;
border-top: solid 5px;
text-align: center;
}
hr.star-light2,
hr.star-primary {
margin: 25px auto 30px;
padding: 0;
max-width: 250px;
border: 0;
border-top: solid 5px;
text-align: center;
}
hr.star-light:after,
hr.star-primary:after {
content: "\f078";
display: inline-block;
position: relative;
top: -.8em;
padding: 0 .25em;
font-family: FontAwesome;
font-size: 2em;
}
hr.star-light2:after,
hr.star-primary:after {
content: "\f078";
display: inline-block;
position: relative;
top: -.8em;
padding: 0 .25em;
font-family: FontAwesome;
font-size: 2em;
}
hr.star-light:after {
background-color: #1eb3d9;
}
hr.star-light2:after {
background-color: #FFF;
}
.list_blogs hr.star-light:after {
background-color: #f2f2f2;
}
.team hr.star-light:after {
background-color: #f2f2f2;
}
.services hr.star-light:after {
background-color: #91C444;
}
.contact hr.star-primary:after{
color:#950C01 ;
background-color: #ffbc81;
}
.contact hr.star-primary{
border-color:#950C01 ;
}
hr.star-primary {
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
hr.star-primary:after {
color: #2c3e50;
background-color: #f2f2f2;
}
.img-centered {
margin: 0 auto;
}
header {
text-align: center;
color: #fff;
background: #1eb3d9;
}
header .container {
padding-top: 100px;
padding-bottom: 50px;
}
header img {
display: block;
margin: 0 auto 20px;
}
header .intro-text .name {
display: block;
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 1.5em;
font-weight: 700;
}
header .intro-text .skills {
font-size: 1.5em;
font-weight: 300;
}
header .menu-icon {
margin:auto;
width:100px;
color:#fff;
}
header .menu-icon i{
border-radius: 0%;
padding:10%;
margin-top: 30px;
color: #fff;
}
header .menu-icon:hover i {
background-color:#fff;
color:#1eb3d9;
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
transition: all ease .5s;
}
@media(min-width:768px) {
header .container {
padding: 180px 0 100px;
}
header .intro-text .name {
font-size: 4em;
}
header .intro-text .skills {
font-size: 1.75em;
}
header .menu-icon {
font-size: 2.5em;
}
header .menu-icon i.fa{
margin-left: 0.25em !important;
}
}
@media(max-width:768px) {
header .menu-icon i.fa{
margin-left: 1.5em !important;
}
}
@media(min-width:768px) {
.navbar-fixed-top {
padding: 25px 0;
-webkit-transition: padding .3s;
-moz-transition: padding .3s;
transition: padding .3s;
}
.navbar-fixed-top .navbar-brand {
font-size: 2em;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.navbar-fixed-top.navbar-shrink {
padding: 10px 0;
}
.navbar-fixed-top.navbar-shrink .navbar-brand {
font-size: 1.5em;
}
}
.navbar {
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700;
}
.navbar a:focus {
outline: 0;
}
.navbar .navbar-nav {
letter-spacing: 1px;
}
.navbar .navbar-nav li a:focus {
outline: 0;
}
.navbar-default,
.navbar-inverse {
border: 0;
}
section {
padding: 100px 0;
background-color: #f2f2f2;
}
section h20 {
margin: 0;
font-size: 3em;
}
section h2 {
margin: 0;
font-size: 1em;
padding-bottom: 10px;
}
section.success {
color: #950c01;
background-color: #ffbc81;
}
@media(max-width:767px) {
section {
padding: 25px 0;
}
section.first {
padding-top: 75px;
}
}
#portfolio hr.star-light:after{
background: #f2f2f2;
}
#portfolio .portfolio-item {
right: 0;
margin: 0 0 15px;
}
#portfolio .portfolio-item .portfolio-link > img{
min-width:100%;
}
#portfolio .portfolio-item .portfolio-link {
display: block;
position: relative;
margin: 0 auto;
max-width: 400px;
}
#portfolio .portfolio-item .portfolio-link .caption {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
background: rgba(30,179,217,.9);
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
transition: all ease .5s;
}
#portfolio .portfolio-item .portfolio-link .caption:hover {
opacity: 1;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content {
position: absolute;
top: 50%;
width: 100%;
height: 20px;
margin-top: -12px;
text-align: center;
font-size: 20px;
color: #fff;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content i {
margin-top: -12px;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,
#portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {
margin: 0;
}
#portfolio * {
z-index: 2;
}
@media(min-width:767px) {
#portfolio .portfolio-item {
margin: 0 0 30px;
}
}
.btn-outline {
margin-top: 15px;
border: solid 2px #950C01;
font-size: 20px;
color: #950C01;
background: 0 0;
transition: all .3s ease-in-out;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
color: #ffbc81 !important;
background: #950C01;
}
.floating-label-form-group {
position: relative;
margin-bottom: 0;
padding-bottom: 0.5em;
border-bottom: 2px solid #950C01;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
z-index: 1;
position: relative;
padding-right: 0;
padding-left: 0;
border: 0;
border-radius: 0;
font-size: 1.3em;
background: 0 0;
box-shadow: none!important;
resize: none;
}
.floating-label-form-group select{
z-index: 1;
position: relative;
color:#950C01;
padding-right: 0;
padding-left: 0;
border: 0;
border-radius: 0;
font-size: 1.3em;
background: 0 0;
box-shadow: none!important;
resize: none;
}
.floating-label-form-group label {
display: block;
z-index: 0;
position: relative;
top: 2em;
margin: 0;
font-size: .85em;
line-height: 1.764705882em;
vertical-align: middle;
vertical-align: baseline;
opacity: 0;
-webkit-transition: top .3s ease,opacity .3s ease;
-moz-transition: top .3s ease,opacity .3s ease;
-ms-transition: top .3s ease,opacity .3s ease;
transition: top .3s ease,opacity .3s ease;
}
.floating-label-form-group::not(:first-child) {
padding-left: 14px;
border-left: 1px solid #eee;
}
.floating-label-form-group-with-value label {
top: 0;
opacity: 1;
}
.floating-label-form-group-with-focus label {
color: #950C01;
}
footer {
color: #fff;
}
footer h3 {
margin-bottom: 30px;
}
footer .footer-above {
padding-top: 50px;
background-color: #ffbc81;
color: #950C01;
}
footer .footer-col {
margin-bottom: 50px;
}
footer .footer-below {
padding: 25px 0;
background-color: #1d1d1d;
}
.btn-social {
display: inline-block;
width: 50px;
height: 50px;
border: 2px solid #950C01;
border-radius: 100%;
text-align: center;
font-size: 20px;
line-height: 45px;
}
.btn:focus,
.btn:active,
.btn.active {
outline: 0;
}
.scroll-top {
z-index: 1049;
position: fixed;
right: 2%;
bottom: 2%;
width: 50px;
height: 50px;
}
.scroll-top .btn {
width: 50px;
height: 50px;
border-radius: 100%;
font-size: 20px;
line-height: 28px;
}
.scroll-top .btn:focus {
outline: 0;
}
.portfolio-modal .modal-content {
padding: 100px 0;
min-height: 100%;
border: 0;
border-radius: 0;
text-align: center;
background-clip: border-box;
-webkit-box-shadow: none;
box-shadow: none;
}
.portfolio-modal .modal-content h2 {
margin: 0;
font-size: 3em;
}
.portfolio-modal .modal-content img {
margin-bottom: 30px;
}
.portfolio-modal .modal-content .item-details {
margin: 30px 0;
}
.portfolio-modal .close-modal {
position: absolute;
top: 25px;
right: 25px;
width: 75px;
height: 75px;
background-color: transparent;
cursor: pointer;
}
.portfolio-modal .close-modal:hover {
opacity: .3;
}
.portfolio-modal .close-modal .lr {
z-index: 1051;
width: 1px;
height: 75px;
margin-left: 35px;
background-color: #2c3e50;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.portfolio-modal .close-modal .lr .rl {
z-index: 1052;
width: 1px;
height: 75px;
background-color: #2c3e50;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
header.home{
background-image:url(../img/TemplateImg/homebackground.jpg);
background-size: cover;
background-position: 50% 50%;
background-attachment: fixed !important;
background-repeat: repeat;
-webkit-animation: BackgroundAnimation 300s linear infinite;
-moz-animation: BackgroundAnimation 300s linear infinite;
-ms-animation: BackgroundAnimation 300s linear infinite;
position: relative;
overflow: hidden;
width: 100%;
height: 456px;
background-position: 50% 0px;
/*max-width:100%;
top:0px;
padding-top:0;
margin:auto;
position:relative;
width:100%;
height:100%;*/
}
.navbar-fixed-top{
display:none;
}
.dropdown-menu li{
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700;
}
.navbar-fixed-top.navbar-shrink{
display:block;
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
transition: all ease .5s;
}
header.home .img-responsive{
width: 120px;
border: solid #fff;
border-radius: 50%;
}
.heading .white{color:#fff;}
.heading .darkblue{
color:#950C01
}
@font-face {
font-family: 'Roboto Slab';
src: url('../fonts/RobotoSlab-Light.ttf');
}
.textbox .reviewcomment{
font-style:italic;
font-weight:bold;
font-size:1.0em;
margin:30px;
text-align:center;
}
.textbox .reviewcomment:before
{
content: '\201C';
font-size: 3em;
color: #950C01;
position: absolute;
top: 50%;
left: 25px;
margin-top: -0.5em;
-webkit-text-stroke: 0 rgba(255,255,255,0);
}
.textbox .reviewcomment:after
{
content: '\201D';
font-size: 3em;
right: 35px;
color: #950C01;
position: absolute;
float:right;
top: 50%;
margin-top: -0.5em;
-webkit-text-stroke: 0 rgba(255,255,255,0);
}
.testimonial.testimonial-version2 .item .textbox:after {
border-right: 0 solid transparent;
border-left: 22px solid transparent;
border-top: 22px solid #fafafa;
}
.testimonial.testimonial-version2 .item .textbox:after, .testimonial.testimonial-version2 .item .textbox:before {
left: 10px;
}
.testimonial.testimonial-version2 .testimonial-control{
top: -45px;
}
.testimonial .item .textbox {
font-style: italic;
position: relative;
padding: 20px;
border-radius:25px;
background: #3fbfE1;
background-color: #FFFFFF;
}
.testimonial .testimonial-control {
background-image: none;
top: -65px;
position: relative;
}
.testimonial .testimonial-metadata img {
width: 200px;
height: 200px;
padding: 2px;
margin-right: 15px;
float: left;
border-radius: 50%;
}
.testimonial .testimonial-metadata .author{
top: 3px;
font-size:16px;
position: relative;
font-weight:bold;
color:#950C01;
}
.testimonial-control .btn{
padding: 0px 6px;
font-size:11px;
}
.testimonial .item .textbox:after, .testimonial .item .textbox:before {
width: 0;
height: 0;
left: 80px;
content: " ";
bottom: -20px;
display: block;
position: absolute;
}
.testimonial.testimonial-version1 .item .textbox:after {
border-left: 0 solid transparent;
border-right: 22px solid transparent;
border-top: 22px solid #FFFFFF;
}
.testimonial .item .textbox{margin-bottom:10px;width:100%;}
.testimonial-version1{
}
.tm_photo{
float: left;
border-radius: 1%;
margin-right: 40px;
overflow: hidden;
width:100%;
}
.tm_content{
text-align: left;
overflow: hidden;
width: 100%;
margin-right: 10px;
margin-left: 10px;
}
.tm_member{
text-align: left;
margin: 50px 0 0 0;
}
.services{
background-color:#91C444;
color:#fff;
}
.contact2{
background-color:#FFF;
color:#333333;
}
.contact2 hr.star-light{
border-top-color: #999999;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #999999;
}
@media (min-width: 992px){
.left-services .service-item .fa-stack{
float:right;
color: #FFF;
margin-left:15px;
font-size:2.5em;
background-color:FFF;
}
.left-services .service-item{
text-align:right;
margin: 40px 0;
}
.left-services .service-item h4{
margin-right:90px;
}
.left-services .service-item p{
margin-right:90px;
}
}
@media (max-width: 991px){
.left-services .service-item .fa-stack{
float:left;
color: #FFF;
margin-right:15px;
font-size:2.5em;
}
.left-services .service-item{
text-align:left;
margin: 40px 0;
}
.left-services .service-item h4{
margin-left:90px;
}
.left-services .service-item p{
margin-left:90px;
}
.left-services .service-item .fa-stack{
float:left;
}
}
.right-services .service-item .fa-stack{
float:left;
color: #FFF;
margin-right:15px;
font-size:2.5em;
}
.right-services .service-item{
text-align:left;
margin: 40px 0;
}
.right-services .service-item h4{
margin-left:90px;
}
.right-services .service-item p{
margin-left:90px;
}
.right-services .service-item .fa-stack{
float:left;
}
.contact2 .btn-success{
background-color: transparent;
color: #950C01;
border: 2px solid #950C01;
font-size:25px;
font-weight:bold;
}
.contact2 .btn-success:hover{
color:#ffbc81;
background-color:#950C01;
}
.contact{
background-color:#ffbc81;
color:#950C01;
}
.contact hr.star-light{ border-color:#950C01 !important; }
@media (min-width: 992px){
.left-services .service-item .fa-stack{
float:right;
color: #577929;
margin-left:15px;
font-size:2.5em;
}
.left-services .service-item{
text-align:right;
margin: 40px 0;
}
.left-services .service-item h4{
margin-right:90px;
}
.left-services .service-item p{
margin-right:90px;
}
}
@media (max-width: 991px){
.left-services .service-item .fa-stack{
float:left;
color: #577929;
margin-right:15px;
font-size:2.5em;
}
.left-services .service-item{
text-align:left;
margin: 40px 0;
}
.left-services .service-item h4{
margin-left:90px;
}
.left-services .service-item p{
margin-left:90px;
}
.left-services .service-item .fa-stack{
float:left;
}
}
.right-services .service-item .fa-stack{
float:left;
color: #577929;
margin-right:15px;
font-size:2.5em;
}
.right-services .service-item{
text-align:left;
margin: 40px 0;
}
.right-services .service-item h4{
margin-left:90px;
}
.right-services .service-item p{
margin-left:90px;
}
.right-services .service-item .fa-stack{
float:left;
}
.contact .btn-success{
background-color: transparent;
color: #950C01;
border: 2px solid #950C01;
font-size:25px;
font-weight:bold;
}
.contact .btn-success:hover{
color:#ffbc81;
background-color:#950C01;
}
.form-control{
color:#000;
}
.gap-50{
margin-top:10px;
}
.gap-30{
margin-top:30px;
}
.gap-30 p{
margin-top:30px;
text-align: left;
padding-left:10px;
padding-right:10px;
}
.gap-30 h3{
margin-top:30px;
}
.gap-30 ul{
text-align: left;
}
.gmap{
margin:0px;
padding:0px;
}
.home_wrap{
background-image:url(../img/TemplateImg/bg35.png);
opacity: 0.7;
}
.portfolio-container .mix{
display: none;
}
.filter_group{
margin-bottom:20px;
}
/* Blog Page CSS */
.blog_photo{
width:100%;
max-width:100%;
}
.blog_title {
display: block;
font-weight: 500;
line-height: 20px;
font-size: 30px;
}
.blog_meta{
margin:15px 0 8px 0;
}
.blog_meta .posted_by{
color:#757575;
}
.blog_meta .fa{
margin-left:10px;
}
.blog_meta a{
color:#757575;
}
.blog_item{
background-color:#fff;
margin-bottom:30px;
width: 100%;
}
.blog_content{
padding:30px;
width: 100%;
}
.blog_content .date_category{
float:left;
margin-right:15px;
}
.date_icon{
background-color:#000;
color:#fff;
display: block;
padding: 10px 7px;
width: 64px;
height: auto;
text-align: center;
}
.date_icon .day{
font-size:40px;
line-height:30px;
}
.date_icon .month{
font-size:13px;
line-height:17px;
margin-top:5px;
}
.blog_readmore{
color:inherit;
}
.category_icon{
background-color:#000;
}
.blog_content .blog_inner_content{
}
.primary_color{
color:fff;
background-color:#000;
}
.list_blog .form-control, .input{
border-width: 0px !important;
border-radius: 0px !important;
}
.list_blog .input-group{
margin-bottom:30px;
}
.list_blog .input-group-btn:last-child > .btn{
border-radius:0px;
}
.categories-list{
background-color:#fff;
padding:0px 0;
list-style:none;
}
.categories-list li{
width: 100%;
border-bottom: 3px solid #F2F2F2;
}
.categories-list li a{
color: #616060;
padding: 11px 0 11px 10px;
display: block;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.categories-list li a i{
margin-right:10px;
margin-left:5px;
}
.categories-list li a:hover{
color: white;
background: #2c3e50;
text-decoration:none;
}
.list_tags{
margin-left:2px;
margin-top:30px;
}
.list_tags li{
padding:0px;
}
.list_tags .btn{
border-radius:0px;
margin:0 5px 5px 0;
}
.margin-top-180{
margin-top:30px;
}
.post_comment{
background-color:#fff;
margin-bottom:15px;
}
.comment_photo{
float: left;
border-radius: 50%;
margin: 30px 30px 0 30px;
overflow: hidden;
width:100px;
height:100px;
}
div.comment-block {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
background-color: #fff;
border-radius: 0px;
padding: 20px 20px 30px;
position: relative;
}
div.comment-arrow {
border-bottom: 15px solid transparent;
border-right: 15px solid #F4F4F4;
border-top: 15px solid transparent;
height: 0;
left: -15px;
position: absolute;
top: 28px;
width: 0;
}
.blog_autor{
background-color:#fff;
padding:30px;
}
.animateup,.animateright,.animateleft{
-vendor-animation-duration: 4s;
-vendor-animation-delay: 0s;
-vendor-animation-iteration-count: infinite;
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
transition: all ease .5s;
}
.navbar-brand i{
font-size: 15px;
margin-left: -2px;
margin-top: -5px;
vertical-align: middle;
}
.slides{
list-style:none;
width:100%;
max-width:100%;
height:100%;
padding:0px;
}
.slides li{
text-align:center;
}
div#content {
display: none;
}
div#loading {
position: absolute;
z-index: 1000;
width: 100%;
height: 100%;
background: url(../img/TemplateImg/loadingimage.gif) no-repeat;
cursor: wait;
background-color:#000;
background: rgba(0, 0, 0, 0.9);
}
.element-item.portfolio-item {
max-width: 33.333333333%;
padding: 15px;
}
@media (min-width:500px) and (max-width:768px) {
.element-item.portfolio-item{
max-width: 50%;
}
}
@media(max-width:500px) {
.element-item.portfolio-item{
max-width: 100%;
}
}
.btn-social a:hover{
color:#ffbc81;
}
.footer-above a,
.footer-above a:hover,
.footer-above a:focus,
.footer-above a:active{
color: #950C01;
text-decoration: underline;
}
.mappa{
width: 100%;
height: 450px;
border:hidden;
}
@media (max-width:768px){
body{
font-size:16px;
line-height:1.6;
font-family:"Arial",sans-serif;
color:#ffffff;
background-color:#111111;
}
h1,h2,h3,h4,h5,h6{
color:#ffffff;
font-weight:bold;
}
.intro-text .name,.intro-text .skills{
color:#ffffff !important;
text-shadow:1px 1px 2px #000000;
}
.btn-default{
background-color:#ffffff;
color:#000000;
border:none;
}
.tm_content p,.tm_content h4{
color:#ffffff !important;
}
.service-item h4,.service-item p{
color:#ffffff !important;
}
.cd-label,label,select,input,textarea{
font-size:16px;
color:#000000;
}
}
.footer-above a{
color:white !important;
}
.btn-social i.fa{
color:white !important;
}
.lang-btns-wrap{
display:flex !important;
justify-content:center !important;
margin:20px 0 !important;
}
.lang-btn{
background:#fff !important;
color:#002b5c !important;
border:2px solid #002b5c !important;
border-radius:8px !important;
min-width:120px !important;
font-size:17px !important;
padding:10px 28px !important;
font-weight:bold !important;
text-align:center !important;
text-decoration:none !important;
display:inline-block !important;
}
.lang-btn:hover,.lang-btn:focus{
background:#002b5c !important;
color:#fff !important;
}
header.home{
background-image:url(../img/TemplateImg/homebackground.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
height:auto;
min-height:100vh;
background-attachment:scroll;
overflow:hidden;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
padding:0;
margin:0;
position:relative;
}
header.home::before{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(0,0,0,0.25);
z-index:0;
pointer-events:none;
}
header.home .container{
position:relative;
z-index:2;
padding:60px 20px;
text-align:center;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
width:100%;
}