html{
overflow-x: hidden;
}
body {
background-color: #fff;
color: #636b6f;
font-family: 'Roboto', sans-serif;
font-weight: 200;
height: 100%;
margin: 0;
overflow-x:hidden;
}
a{
text-decoration:none!important;
}
.btn-primary{
background-color:#19d567 !important;
border:#19d567 !important;
}
strong {
font-weight:bold !important;
color:black;
}
.full-height {
height: 100%;
}
.input{
display: inline-block;
}
.flex-center {
align-items: center;
display: flex;
justify-content: center;
}
.position-ref {
position: relative;
}
.top-right {
position: absolute;
right: 10px;
top: 18px;
}
.content {
text-align: center;
}
.links > a {
color: #636b6f;
padding: 0 25px;
font-size: 13px;
font-weight: 600;
letter-spacing: .1rem;
text-decoration: none;
text-transform: uppercase;
}
.header_1{
font-weight: 800;
}
.wacky_post_wrapper ul{
list-style: none;
padding-left:0px;
}
.wacky_post_wrapper li{
position: relative;
padding-left:30px;
}
.wacky_post_wrapper li:before{
content: '';
width: 10px;
height: 10px;
margin-top:2px;
position: absolute;
background-image: url("/photos/arrow.png");
background-size: cover;
background-position: center;
left: 0;
top: 33%;
transform: translateY(-50%);
}
.m-b-md {
margin-bottom: 30px;
}
.header{
border-bottom:1px solid lightgray;
padding:10px;
}
.header_address{
margin:3px 0 0 3px;
}
.icons{
display:flex;
justify-content:end;
}
.facebook,.twitter,.pinterest{
padding:0 15px 0 15px;
margin:0 15px 0 15px ;
}
.fa-facebook{
color:rgb(87, 82, 82);
}
.fa-facebook:hover{
color:#19d567;
}
.fa-twitter{
color:rgb(87, 82, 82);
}
.fa-twitter:hover{
color:#19d567;
}
.fa-pinterest{
color:rgb(87, 82, 82);
}
.fa-pinterest:hover{
color:#19d567;
}
.fa-search{
width:50px;
border-radius: 5px;
}
.navbar{
margin-top:10px;
}
.carousel_center{
display: block;
}
.carousel_title{
color:#ffffff;
font-size: 100px;
font-weight: 800;
line-height: 1.2em;
letter-spacing: 0px;
padding: 0px 0px 0px 2px;
margin: -100px 0px 0px 0px;
text-align: center;
}
.carousel_paragraph{
color:#ffffff;
font-size: 18px;
font-weight: 300;
text-align: center;
align-self: center;
margin:15px 0;
}
.wrapp{
margin:35px 0 22px 0;
text-align: center;
}
.carousel_button{
background-color:#19d567;
color: white;
padding: 12px 20px;
border: none;
border-radius:5px;
cursor: pointer;
width: 150px;
margin-top:20px;
}
.carousel_button:hover{
background-color: #058139;
color:white !important;
}
.nav-link{
font-family: Muli,sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 1.7em;
color:rgba(0, 0, 0, 0.8) !important;
letter-spacing: 0.2px;
margin:10px;
}
.nav-link:hover{
color:#19d567 !important;
}
.fa fa-search{
background-color:white;
/* border-radius:none; */
}
.align_center{
text-align: -moz-center;
text-align: -webkit-center;
}
.form-control-search{
display:none;
border-bottom: 1px solid darkblue;
border-top:none;
margin-bottom:16px;
border-left:none;
border-right:none;
width: 80%;
}
.close{
display:none;
color:black !important;
margin-top:-45px;
margin-right:110px;
}
.breadcrumb{
margin-bottom:0;
}
.breadcrumb-item a{
color:grey;
}
.breadcrumb-item{
color:#19d567;
}
.breadcrumb-item a:hover{
text-decoration:none;
color:#19d567;
}
.footer-paragraph{
margin-top:5px;
}
.seperate {
border:1px solid grey;
margin-top: 3px;
}
.list-unstyled{
color:#19d567;
}
.heading_green_title{
text-align: center;
color:#2d3359;
text-transform: capitalize;
margin:15px 0 10px 0;
padding-top: 25px;
}
.description_green{
text-align: center;
margin:40px 0 40px 40px;
font-size: 18px;
color: #999999;
font-weight: 300;
}
.portfolio_description{
text-align: center;
font-size: 18px;
color: #999999;
font-weight: 300;
margin:45px 0 50px 0;
}
.green_title{
font-size:40px;
font-weight: 700;
letter-spacing:1.5px;
font-weight: 300;
}
.services{
background-image:url('https://raggiosolare.com/wp-content/uploads/2018/07/DSC00506-1.jpg');
background-repeat: no-repeat;
background-size:cover;
width: 100%;
height: 70vh;
justify-content: center;
opacity: 0.9;
margin-bottom:6px;
}
.head_wrapper h1{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color:black;
font-size: 45px;
font-weight: 700;
line-height:70px;
letter-spacing: 2.2px;
text-align: center;
}
.text_wrapper p{
text-align: center;
position: absolute;
top: 75%;
left: 50%;
transform: translate(-50%, -50%);
color:black;
font-size: 24px;
font-weight: 700;
font-style: normal;
line-height: 36px;
letter-spacing: 1.44px;
padding:20px;
}
.about_page{
background-image:url('https://raggiosolare.com/wp-content/uploads/2018/07/DSC00506-1.jpg');
background-repeat: no-repeat;
background-size:cover;
width: 100%;
height: 60vh;
justify-content: center;
opacity: 0.9;
margin-bottom:6px;
}
.about_head_wrapper h1{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color:black ;
font-size: 50px;
font-weight: 700;
line-height: 79px;
letter-spacing: 3.36px;
}
.about_text_wrapper p{
text-align: center;
position: absolute;
top: 70%;
left: 50%;
transform: translate(-50%, -50%);
color:black;
font-size: 24px;
font-weight: 700;
font-style: normal;
line-height: 36px;
letter-spacing: 1.44px;
padding:20px;
}
.projects_page{
background-image:url('https://raggiosolare.com/wp-content/uploads/2018/07/DSC00506-1.jpg');
background-repeat: no-repeat;
background-size:cover;
width: 100%;
height: 70vh;
justify-content: center;
opacity: 0.9;
margin-bottom:6px;
}
.project_head_wrapper h1{
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
color:black;
font-size: 45px !important;
font-weight:700;
line-height:80px;
letter-spacing: 3.36px;
text-align:center;
}
.services_title h1{
text-align: center;
margin:20px;
color:#19d567;
font-size: 43px;
font-weight: 400;
text-transform: capitalize;
}
.services_title p{
text-align: center;
font-size: 19px;
font-weight: 300;
color:black;
margin:60px;
}
.wacky_post_wrapper h1{
color:#19d567;
font-size: 31px;
text-shadow: 0px 0px 10px rgba(0,0,0,0.3);
margin-bottom:20px;
}
.wacky_post_wrapper p{
color: #353535;
font-size:20px;
}
li a{
color:#19d567;
}
li a:hover{
color:grey;
}
.titlos{
font-family: 'Roboto', sans-serif;
color:white;
text-align: center;
}
.paragrafos{
text-transform: capitalize;
color:white;
}
.steps{
display:inline-flexbox;
text-align: center;
}
.titlos{
text-transform: capitalize;
color:white;
}
.offers-title{
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 40px;
font-weight: 700;
letter-spacing: 2.4px;
color:black;
margin:5rem;
text-transform: capitalize;
}
.content_padding{
padding:10px;
}
.body_color{
background-color:#19d567;
}
.heading_manager_title{
font-size: 40px;
font-weight: 700;
line-height: 54px;
letter-spacing: 2.4px;
color:black;
text-align: center;
text-transform: capitalize;
margin:75px;
}
.projects{
position: relative;
display: inline-block;
}
.flip {
-webkit-perspective: 800;
perspective:800;
position: relative;
text-align: center;
}
.flip .card.flipped {
-webkit-transform: rotatey(-180deg);
transform: rotatey(-180deg);
width: 320px;
}
.flip .card {
/*width: 270px;*/
height: 285px;
-webkit-transform-style: preserve-3d;
-webkit-transition: 0.5s;
transform-style: preserve-3d;
transition: 0.5s;
background-color: #fff;
}
.flip .card .face {
z-index: 1;
}
.flip .card .front {
position: absolute;
/*width: 320px;*/
width:309px;
z-index: 1;
overflow: hidden;
border: 1px solid #c6c6c6;
}
.card{
border:none;
}
.flip .card .front img{
/*width: 270px;*/
height:240px;
}
.flip .card .img {
position: relaitve;
width: 270px;
height: 178px;
z-index: 1;
border: 2px solid #000;
}
.flip .card .back {
padding-top:9%;
-webkit-transform: rotatey(-180deg);
transform: rotatey(-180deg);
position:none;
background-color:#C0C0C0;
backface-visibility: hidden;
}
.inner{
margin:0px !important;
/*width:270px;*/
}
form.example{
margin-bottom: 45px;
margin-left:-1px;
}
form.example input[type=text] {
padding: 10px;
font-size: 17px;
border: 1px solid grey;
float: left;
width: 80%;
background: #f1f1f1;
}
form.example button {
float: left;
width: 20%;
padding: 10px;
background:#19d567;
color: white;
font-size: 17px;
border: 1px solid grey;
border-left: none;
cursor: pointer;
border-radius:5px;
padding-right: 50px;
}
form.example button:hover {
background: #0b7dda;
}
form.example::after {
content: "";
clear: both;
display: table;
}
a.btn{
background:#19d567;
border:#19d567;
}
.background{
margin-top:30px;
background-color: #f5f5f5;
}
.offers_image{
text-align: center;
}
.offers img{
height: auto;
max-width: 100%;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.offers{
margin:5px;
padding: 0px 0px 5px 0px;
}
.offers_title{
font-size: 40px;
font-weight: 700;
font-style: normal;
letter-spacing: 0.06px;
color:#2d3359;
text-align: center;
text-transform: capitalize;
letter-spacing: 2.4px;
margin:1rem;
}
.offers_paragraph{
color:#999999;
font-weight: 300;
font-style: normal;
line-height: 1.7em;
font-size: 18px;
text-align:center;
}
.offers_paragraph_secondary{
color:#333333;
font-size: 18px;
font-weight: 300;
font-style: normal;
line-height: 1.7em;
}
.offers_imageBox_wrapper{
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
text-align: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.offers_imageBox{
text-align: center;
width: 100%;
padding:3px;
font-size: 20px;
}
.offers_imageBox_title{
font-size: 20px;
font-weight:700;
font-style: normal;
line-height: 1.5em;
letter-spacing: 0.06px;
color:#2d3359;
}
.offers_imageBox_subtitle{
text-transform: uppercase;
font-size: 14px;
color:#777;
line-height: 1.618;
font-weight: 500;
}
.offers_imageBox_description{
color:#999999;
font-size: 16px;
font-weight: 400;
line-height:20px;
margin:0 0 10px 0;
}
.row_icons{
margin-bottom: 45px !important;
}
.box{
position: relative;
display: inline-block;
margin-bottom: 40px;
}
.box .text{
position: absolute;
z-index: 999;
margin: 0 auto;
left: 0;
right: 0;
text-align: center;
top: 40%;
color: #fff;
width: 60%;
font-size: 10px;
}
.box a:hover{
opacity:0.8;
}
.team_paragraph{
color:#999999;
font-weight: 300;
font-style: normal;
line-height: 1.7em;
font-size: 18px;
text-align:center;
}
.team_paragraph_secondary{
color:#333333;
font-size: 18px;
font-weight: 300;
font-style: normal;
line-height: 1.7em;
}
.team_imageBox_wrapper{
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
display: flex;
}
.team_imageBox{
text-align: left;
width: 100%;
margin-left:20px;
padding:3px;
font-size: 20px;
}
.team_imageBox_title{
font-size: 20px;
font-weight:700;
font-style: normal;
line-height: 1.5em;
letter-spacing: 0.06px;
color:#2d3359;
}
.team_imageBox_subtitle{
text-transform: uppercase;
font-size: 14px;
color:#777;
line-height: 1.618;
font-weight: 500;
}
.team_imageBox_description{
color:#999999;
font-size: 16px;
font-weight: 400;
line-height:20px;
margin:0 0 10px 0;
}
.wrapp{
margin:22px 0 40px 0;
text-align: center;
}
.news_button{
background-color:#19d567;
color: white;
padding: 12px 20px;
border: none;
border-radius:5px;
cursor: pointer;
width: 150px;
margin-top:15px;
padding:13px;
}
.news_button:hover{
background-color: #058139;
color:white !important;
}
.newsletter {
padding: 80px 0;
background-image:url("https://rodosreport.gr/wp-content/uploads/2017/04/erg.jpg");
background-repeat: no-repeat;
background-size: cover;
opacity: 0.5;
margin-bottom: 31px;
}
.newsletter .content {
max-width: 650px;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 2;
}
.newsletter .content h2 {
color:white;
margin-bottom: 40px;
}
.newsletter .content .form-control {
height: 50px;
border-color: #ffffff;
border-radius:25px;
margin-right:20px;
}
.newsletter .content.form-control:focus {
box-shadow: none;
border: 2px solid #243c4f;
}
.newsletter .content .btn {
min-height: 50px;
border-radius:25px;
background: #19d567;
color: #fff;
font-weight:600;
}
.newsletter .content .btn:hover {
background:green;
}
.fa-home{
color:#19d567;
margin-right: 2px;
}
.fa-phone{
color:#19d567;
}
.fa-envelope{
color:#19d567;
}
.footer_paragraph{
color: #636b6f;
margin-left:4px;
}
input[type=submit] {
background-color:#19d567;
color: white;
padding: 12px 20px;
border: none;
border-radius:5px;
cursor: pointer;
width: 150px;
margin-top:15px;
}
.heading_manager_name{
font-weight: 18px;
color:black;
text-align: center;
margin:3px 0;
}
.heading_manager_job{
color:#19d567;
text-align: center;
font-size:14px;
}
.heading_manager_description{
color:#777777;
font-size: 18px;
font-weight: 300;
font-style: normal;
line-height: 30px;
letter-spacing: 0px;
padding: 0px 20px 24px 20px;
margin: 0px 0px 0px 0px;
text-align: center;
}
.button_wrapper{
margin:20px;
}
.read_more{
background-color:#19d567;
color: white;
padding: 12px 20px;
border: none;
border-radius:5px;
cursor: pointer;
width: 150px;
margin-top:15px;
padding:10px;
}
.read_more:hover{
background-color: #058139;
color:white !important;
}
input[type=submit]:hover{
background-color: #19d567;
}
.icons_title{
display: inline-block;
margin:5px 15px 5px 15px;
padding-top: 5px;
color:black;
text-align: center;
font-size: 32px;
}
.icons_subtitle{
display:inline-block;
text-align:center;
font-size: 16px;
}
.footer_icons{
display:inline-flex;
margin-left:-20px;
}
.wrap{
margin:22px 0 22px 0;
}
.inner_text_title h3{
background-color:#da611e;
color:white;
font-size: 14px;
text-transform: uppercase;
width:309px;
padding: 14px 0 14px 0;
margin: -27px 0 0 0;
}
.submit{
background-color:#19d567;
color: white;
padding: 12px 20px;
border: none;
border-radius:5px;
cursor: pointer;
width: 150px;
margin-top:15px;
padding:13px;
}
.submit:hover{
background-color: #058139;
color:white !important;
}
/*
.wacky_post_wrapper{
padding:20px 10px;
}*/
.about_us{
background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('https://raggiosolare.com/wp-content/uploads/2018/07/diyarbakir-1.jpg');
background-repeat: no-repeat;
background-size:cover;
width: 100%;
height: 100vh;
justify-content: center;
margin:6px 0;
padding-top:5px;
color:white;
}
.about_us_info{
text-align: justify;
color:white;
}
.info{
font-weight: 400;
font-size: 23px;
letter-spacing: -0.2px;
padding:60px 0;
}
.customers{
text-align: center;
}
.customers h1{
font-size: 40px;
font-weight: 700;
line-height: 54px;
letter-spacing: 2.4px;
color: black;
text-align: center;
text-transform: capitalize;
margin:30px 0px 20px 0px;
}
.customers p{
font-weight: 300;
font-style: normal;
line-height: 1.7em;
font-size: 18px;
text-align: center;
}
.line-seperate{
border-bottom: 2px solid orange;
width:25%;
margin:10px 0;
display: -webkit-inline-box;
}
.card-image{
overflow: hidden;
}
.card-image img{
height:200px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait){
.header{
border:none;
}
.navbar{
margin-top:-20px;
width:100%;
}
.icons{
display:none;
}
.header_address{
display:none;
}
.form-control-search{
width:68%;
}
.close{
margin-right:46px;
}
.carousel_title{
font-size:18px;
text-align: center;
margin:9px;
}
.carousel_paragraph{
font-size: 12px;
}
.carousel_button{
padding: 10px;
}
.d-block{
width:300px;
height:280px;
}
.about_us{
height:160vh;
}
.info{
font-size:13px;
padding:4px;
}
.flip{
margin-left:10px;
}
.box .text{
top:33%;
}
.about_page{
height: 45vh;
position: relative;
}
.about_head_wrapper h1{
font-size:29px;
top:50%;
left:48%;
font-weight:bold;
}
.description_green{
margin-right:25px;
}
.footer-copyright{
font-size: 14px;
}
form.example{
margin-left:0;
margin-right: -10px;
}
form.example input[type="text"]{
width:75%;
}
form-example button{
padding-right:0;
width: 25%;
}
.fa-search{
width: 42px;
}
.services{
height:55vh;
position: relative;
}
.head_wrapper h1{
font-size:20px;
top:22%;
left:50%;
font-weight:bold;
line-height:30px;
padding:0;
}
.text_wrapper p{
font-size:12px;
top:70%;
left:50%;
font-weight:bold;
line-height:16px;
padding:0;
}
.projects_page{
height:55vh;
position: relative;
}
.project_head_wrapper{
top:50%;
}
.project_head_wrapper h1{
font-size:30px !important;
top:50% !important;
left:50%;
font-weight:bold;
line-height:40px;
padding:0;
text-align:center;
}
}
@media only screen and (min-device-width :320px) and (max-device-width:568px) and (orientation:landscape){
.navbar{
margin-top:-20px !important;
}
.carousel_title{
font-size:20px;
text-align: center;
margin:9px;
}
.carousel_paragraph{
font-size: 14px;
}
.carousel_button{
padding: 10px;
}
.form-control-search{
width:77%;
}
.about_us{
height:175vh !important;
}
.info{
font-size:15px;
padding:4px;
}
.btn-info{
margin-left: 0px !important;
}
form.example button{
width:10%;
}
.row{
margin-left: 0!important;
}
.text{
top:90px !important;
}
.about_page{
height:60vh;
position: relative;
}
.about_head_wrapper h1{
font-size:30px !important;
top:50%;
left:50%;
justify-content: center;
font-weight: bolder;
}
.box{
width:50% !important;
margin-bottom:75px !important;
margin-top: -50px !important
}
.flip{
margin-left:30px;
width:260px !important;
}
.wrapp{
margin-top: 50px !important;
}
.services{
height:70vh;
}
.projects_page{
height:70vh;
}
.project_head_wrapper h1{
font-size:38px !important;
top:50%;
left:50%;
font-weight:bold;
line-height:60px !important;
padding:0;
text-align:center;
}
form.example input[type="text"]{
width: 80% !important;
}
form.example button{
width: 20% !important;
}
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:portrait){
.about_us{
height:100vh;
}
.info{
font-size: 13px;
}
.box{
width:80%;
}
.flip{
margin-left:44px;
}
.about_page{
height:35vh !important;
position: relative;
}
.about_head_wrapper h1{
font-size:18px;
letter-spacing:0.2rem;
top:50%;
left:50%;
font-weight:900;
}
.projects_page{
height:35vh;
position: relative;
}
.project_head_wrapper h1{
font-size:18px;
top:50%;
left:50%;
font-weight: bold;
display: ruby-text-container;
}
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape){
.header{
border:none;
}
.navbar{
margin-top:0;
}
.icons{
display:none;
}
.header_address{
display:none;
}
.form-control-search{
width:75%;
}
.close{
margin-right:60px;
}
.carousel_title{
font-size:22px;
text-align: center;
margin:9px;
}
.carousel_paragraph{
font-size: 16px;
}
.carousel_button{
padding: 10px;
}
.offers {
margin-left: 10px !important;
}
.d-block{
width:300px;
height:320px;
}
.about_us{
height:220vh;
}
.info{
font-size:18px !important;
padding:4px !important;
}
.green_title{
margin-right: 14px;
}
.portfolio_description{
margin-right: 14px;
}
.flip{
margin-left:0px !important;
}
.flip .card .front img{
width:250px !important;
}
.inner_text_title h3{
width: 270px;
}
.box{
width:75%;
}
.about_page{
height:60vh !important;
position: relative;
}
.box .text h4{
top:70%;
}
.wrapp{
margin-top: 66px;
}
.about_head_wrapper h1{
font-size:20px !important;
top:50%;
left:50%;
font-weight: bold;
}
.description_green{
margin-right:25px;
}
.footer-copyright{
font-size: 14px;
}
.services{
height:75vh;
position: relative;
}
.head_wrapper h1{
font-size:24px;
top:22%;
left:50%;
font-weight:bold;
line-height:30px;
padding:0;
}
.text_wrapper p{
font-size:16px;
top:70%;
left:50%;
font-weight:bold;
line-height:16px;
padding:0;
}
.projects_page{
height:60vh;
position: relative;
}
.project_head_wrapper h1{
font-size:24px;
top:50%;
left:50%;
font-weight:bold;
line-height:25px;
padding:0;
text-align:center;
}
.inner{
padding-right: 8px;
}
.box .text{
top:67px !important;
}
form.example input[type="text"]{
width: 85% !important;
}
form.example button{
width: 15% !important;
}
}
@media screen and (min-width:375px) and (max-width:812px) and (orientation:landscape){
.header{
border:none;
}
.navbar{
margin-top:0;
}
.icons{
display:none;
}
.header_address{
display:none;
}
.form-control-search{
width:82% !important;
}
.close{
margin-right:60px;
}
.offers {
margin-left: 20px !important;
}
.btn-info{
margin-bottom: 5px;
}
.carousel_title{
font-size:26px;
text-align: center;
margin:9px;
}
.carousel_paragraph{
font-size: 20px;
}
.carousel_button{
padding: 10px;
}
.d-block{
width:400px;
height:400px;
}
.about_us{
height:248vh !important;
}
.info{
font-size:20px !important;
padding:20px 0;
}
.box{
width:90%;
height:30vh;
}
.box .text{
top:15%;
width:85%;
}
.about_page{
height:96vh !important;
position: relative;
}
.about_head_wrapper h1{
font-size:35px !important;
top:50%;
left:50%;
font-weight: bold;
}
.description_green{
margin-right:25px;
}
.footer-copyright{
font-size: 14px;
}
.services{
height:80vh;
position: relative;
}
.head_wrapper h1{
font-size:28px;
top:22%;
left:50%;
font-weight:bold;
line-height:30px;
padding:0;
}
.text_wrapper p{
font-size:20px;
top:70%;
left:50%;
font-weight:bold;
line-height:16px;
padding:0;
}
.projects_page{
height:70vh;
position: relative;
}
.project_head_wrapper h1{
font-size:28px;
top:50%;
left:50%;
font-weight:bold;
line-height:25px;
padding:0;
text-align:center;
}
form.example{
margin-right: 0;
}
form.example input[type="text"]{
width: 71%;
}
form.example button{
width:28%;
}
}
@media screen and (min-width:414px) and (max-width:897px) and (orientation: landscape){
.header{
border:none;
}
.navbar{
margin-top:-20px;
}
.icons{
display:none;
}
.header_address{
display:none;
}
.form-control-search{
width: 68%;
}
.about_us{
height:100vh;
}
.info{
font-size:14px !important;
}
.box{
width:100%;
}
.box .text{
top:25px;
}
.about_page{
height:75vh;
position: relative;
}
.about_head_wrapper h1{
font-size:32px;
top:50%;
left:50%;
font-weight: bold;
}
.services{
height:250vh;
position: relative;
}
.head_wrapper h1{
font-size:28px;
top:22%;
left:50%;
font-weight:bold;
line-height:30px;
padding:0;
}
.text_wrapper p{
font-size:20px;
top:70%;
left:50%;
font-weight:bold;
line-height:16px;
padding:0;
}
.projects_page{
height:70vh !important;
position: relative;
}
.project_head_wrapper h1{
font-size:28px !important;
top:50%;
left:50%;
font-weight:bold;
line-height:25px;
padding:0;
text-align:center;
}
form.example{
margin-right: 0;
}
form.example input[type="text"]{
width: 71%;
}
form.example button{
width:28%;
}
.flip .card .front img{
width:265px;
}
}
@media only screen and (max-width: 740px) and (orientation: landscape) {
.about_us{
height:160vh;
}
.info{
font-size:15px;
}
.box{
width:70%;
margin:50px 0;
}
.wrapp{
margin:145px 0 50px 0 !important;
}
.btn-info{
margin-left:27px;
}
}
@media only screen and (max-width:760px) and (orientation: landscape) {
.about_us{
height:160vh;
}
.info{
font-size:18px !important;
}
.box{
width:70%;
margin:50px 0;
}
.wrapp{
margin:145px 0 50px 0 !important;
}
.btn-info{
margin-left:27px;
}
.offers{
margin-left:56px;
}
}
@media only screen and (min-width:768px)and (max-width:1024px) {
.header{
border: none;
}
.header_address{
display:none;
}
.icons{
display:none;
}
.navbar{
margin-top:0;
}
.form-control-search{
width: 68%;
}
.d-block{
height:390px;
}
.carousel_title{
font-size:50px;
text-align:center;
margin:10px;
}
.carousel_paragraph{
font-size:22px;
margin-bottom:20px;
}
.carousel_button{
padding: 15px;
text-align: center;
}
.about_us{
width:100%;
}
.info{
font-size:22px;
padding:30px 0;
}
.flip .card .front img{
width:250px;
}
.inner_text_title h3{
width:250px;
}
.box .text{
width:100%;
top:30%;
}
.box .text >h4{
font-size:20px;
}
.about_page{
height:40vh;
position: relative;
}
.about_head_wrapper h1{
font-size:35px;
top:50%;
left:50%;
font-weight: bold;
}
.services{
height:75vh ;
position:relative;
}
.head_wrapper h1{
font-size:32px;
top:22%;
left:50%;
font-weight:bold;
line-height:40px;
padding:0;
}
.text_wrapper p{
font-size:24px;
top:60%;
left:50%;
font-weight:bold;
line-height:40px;
padding:0;
}
.projects_page{
height:40vh;
position: relative;
}
.project_head_wrapper h1{
font-size:36px;
top:50%;
left:50%;
font-weight:bold;
line-height:25px;
padding:0;
text-align:center;
}
.inner_text_title h3{
width: 270px;
}
form.example{
margin-right: 0;
}
form.example input[type="text"]{
width: 71%;
}
form.example button{
width:28%;
}
}
@media only screen and (max-width:1024px) and (orientation: landscape){
.form-control-search{
width:76%;
}
form.example button{
width:28%;
padding-right:13px;
}
.about_head_wrapper h1{
font-size:45px;
top: 50%;
left: 50%;
font-weight: bold;
}
.info{
font-size:21px;
}
@media only screen and (min-width:834px) and (max-width:1112px){
.d-block{
height:430px;
}
.info{
font-size:14px;
}
.about_page{
height:40vh !important;
position: relative;
}
.about_head_wrapper h1{
font-size:36px;
top:50%;
left:50%;
font-weight: bold;
}
.services{
height:50vh !important;
position: relative;
}
.head_wrapper h1{
font-size:34px;
top:22%;
left:50%;
font-weight:bold;
line-height:40px;
padding:0;
}
.text_wrapper p{
font-size:26px;
top:60%;
left:50%;
font-weight:bold;
line-height:40px;
padding:0;
}
.projects_page{
height:50vh;
position: relative;
}
.project_head_wrapper{
font-size:40px;
top:50%;
left:50%;
font-weight:bold;
line-height:25px;
padding:0;
text-align:center;
}
}
@media only screen and (max-width:1112px) and (orientation:landscape){
.header_address{
font-size:14px;
}
.form-control-search{
width:76%;
}
.carousel_title{
font-size:50px;
text-align: center;
margin:9px;
}
.carousel_paragraph{
font-size:27px;
}
.carousel_button{
padding: 10px;
}
.d-block{
width:400px;
height:505px;
}
.about_page{
height:120vh;
position: relative;
}
.about_head_wrapper h1{
font-size:30px;
top:50%;
left:50%;
font-weight: bold;
}
.services{
height:180vh;
position: relative;
}
.head_wrapper h1{
font-size:34px;
top:22%;
left:50%;
font-weight:bold;
line-height:42px;
padding:0;
}
.text_wrapper p{
font-size:26px;
top:65%;
left:50%;
font-weight:bold;
line-height:36px;
padding:0;
}
.projects_page{
height:80vh;
position: relative;
}
.project_head_wrapper h1{
font-size:40px;
top:50%;
left:50%;
font-weight:bold;
line-height:25px;
padding:0;
text-align:center;
}
}
@media (min-width: 768px) {
.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
transform: translateX(50%);
}
.carousel-inner .carousel-item-left.active,
.carousel-inner .carousel-item-prev {
transform: translateX(-50%);
}
}
/* large - display 3 */
@media (min-width: 992px) {
.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
transform: translateX(33%);
}
.carousel-inner .carousel-item-left.active,
.carousel-inner .carousel-item-prev {
transform: translateX(-33%);
}
}
@media (max-width: 768px) {
.carousel-inner .carousel-item>div {
display: none;
}
.carousel-inner .carousel-item>div:first-child {
display: block;
}
}
.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
display: flex;
}
.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
transform: translateX(0);
}