/* Global */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
a, em, img, strong, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, embed, footer, header, hgroup,
menu, nav, output, section, summary,
time, mark, audio, video
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, footer, header, hgroup, menu, nav, section {display: block;
}
body {line-height: 1;
}
ol, ul {list-style: none;
}
blockquote, q {quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;
}
table {border-collapse: collapse; border-spacing: 0;
}
strong {font-weight:700;
}
#phone-text a{color:#fff; text-decoration:none;
}
img {vertical-align:bottom;
}
i {font-style:italic;
}
/*--reset--*/
html { }
body {margin: 0 !important; padding: 0 !important; background-color:#fff;
}
a:link {text-decoration:none; color:#003f89;
}
a:visited {text-decoration:none; color:red;
}
a:hover {color:#1d6f69;
}
a:active {color:red;
}
a.x:link {text-decoration:none; color:#000;
}
a.x:visited {text-decoration:none; color:#000;
}
a.x:hover {color:#1d6f69;
}
a.x:active {color:red;
}
a.y:link {text-decoration:none; color:#6980b1;
}
a.y:visited {text-decoration:none; color:#a3674b;
}
a.y:hover {text-decoration:none; color:#a3674b;
}
a.y:active {text-decoration:none; color:#a3674b;
}
a.bl:link {text-decoration:none; color:#0013b9;
}
a.bl:visited {text-decoration:none; color:blue;
}
a.t:link {text-decoration:none; color:#0013b9;
}
a.t:visited {text-decoration:none; color:blue;
}
a.t:hover {text-decoration:none; color:red;
}
a.t:active {text-decoration:none; color:#0013b9;
}
a.w:link {text-decoration:none; color:#fff;
}
a.w:visited {text-decoration:none; color:#fff;
}
a.w:hover {text-decoration:none; color:#fff;
}
a.w:active {text-decoration:none; color:#fff;
}
#phone-text a {color:#fff; text-decoration:none;
}
.wrapper {max-width:1920px; width:100%; margin:0 auto; position:relative;
}
.header {width:100%; float:left; background:url('rustic.jpg');
background-repeat: no-repeat; background-size: cover; padding:1% 0;
}
.header-2 {width:100%; float:left; position:relative; background:url('bkg-mob.jpg');
background-repeat: no-repeat; background-size: cover; display:none;
}
.header-x {width:100%; float:left; position:relative; background:#fff; border-bottom: 2px #187daa solid;
}
.title {width:88%; float:left; margin:1% 0 5% 6%;
}
.title-x {width:54%; float:left; margin:1% 0 2% 6%;
}
.title-x h2 { font-family: "Arya", serif; color:#555; font-size:140%; letter-spacing:0; margin-top:1%; font-weight:300;
}
.titin {width:60%; float:left; margin-left:2%; padding:0;
}
.titin h1 {font-family: "Arya", serif; font-weight:700; font-style:normal; font-size:40px; color:#000; margin:0; padding:0;
}
.titin h2 { font-family: "Arya", serif; color:#6d2306; font-size:28px; letter-spacing:1px; margin:1% 0 2% 0; padding:0; font-weight:300;
}
.logo {width:80px; float:left; margin:0 0 0 50px;
}
.phone {width:30%; float:right; margin:4% 4% 0 0; text-align:right;
}
.phone h3 {font-family: "Arya", serif; color:#555; font-size:150%; margin:0;
}
.menu {width:100%; float:left; background: linear-gradient(to right, #616161, #e3e3e3);
}
.ac-100-w {width:100%; float:left; position:relative;
}
.ac-abs-L {width:16%; position:absolute; left:4%; bottom:9%
}
.ac-100 {width:100%; float:left;
}
.aut, .aut-2 {width:1366px; margin:3% auto;
}
.ac-100-con {width:100%; float:left; margin:0; padding:0; background:url('three-size-Tegular-blockwork.jpg'); background-repeat: no-repeat; background-size: cover;
}
.ac-100-cobble {width:100%; float:left; margin:0; padding:0; background:url('cobble-effect-paving.jpg'); background-repeat: no-repeat; background-size: cover;
}
.cobble-overlay {width:62%; float:left; margin:4% 15%; padding:4% 4%; background:rgba(003, 018, 059, 0.7); border-radius:8px;
}
.cobble-overlay p {font-family: 'Times New Roman', serif; font-size:120%; font-weight:300; font-style: normal; line-height:160%; color:#fff; margin-bottom:4%;
}
.cobble-overlay h6 {font-family: 'Times New Roman', serif; font-size:150%; font-weight:700; font-style: normal; line-height:160%; color:#fff; margin-bottom:2%;
}
.ac-96 {width:96%; float:left; margin:2%;
}
.ac-70 {width:70%; float:left; margin:2% 15%;
}
.ac-701 {width:70%; float:left; margin:2% 15%;
}
.ac-50 {width:45%; margin:0 1% 2% 4%; float:left;
}
.ac-51 {width:48%; margin:2% 1% 2% 1%; float:left;
}
.ac-30 {width:30%;
}
.panel {width:100%; float:left; background:#aa3709;
}
.quart {width:25.3%; float:left; margin:1% 2% 2% 2%; padding:1%; border:1px #fff solid;
}
.quart-2 {width:25.3%; float:left; margin:1% 2% 2% 2%; padding:1%; border:1px red solid; background:#cc5324;
}
.mob-dis-cen {width:24%; margin:4% auto;
}
.band {width:100%; float:left; background:#c08b77; padding:3% 0;
}
.bord {width:70%; border:1px #fff solid; margin:3% auto; text-align:center; padding:4% 1% 2% 1%;
background: linear-gradient(#c08b77, #edb29c, #c08b77);
}
.half {width:74%; float:left; margin-right:2%;
}
.half-RR {width:24%; float:right;
}
.half-L {width:48%; float:left; margin:0 2% 2% 0;
}
.half-R {width:48%; float:left; margin:0 0 2% 2%;
}
.feature {width:23%; float:left; border:2px #1f5770 solid; margin-right:2%; margin-bottom:2%;
}
.feature-end {width:23%; float:left; border:2px #1f5770 solid; margin-bottom:2%;
}
.feature-in {width:96%; float:left; padding:1% 2%; background:#1f5770;
}
.feature p, .feature-end p {font-family: "Raleway", sans-serif; font-size:100%; font-weight:400; font-style: normal; color:#fff; line-height:140%; margin:0; padding:0;
}
.feat-2 {width:47%; float:left; border:2px #1f5770 solid; margin-right:2%; margin-bottom:2%;
}
.feat-2-end {width:47%; float:left; border:2px #1f5770 solid; margin-bottom:2%;
}
.feat-2 p, .feat-2-end p {font-family: "Raleway", sans-serif; font-size:100%; font-weight:400; font-style: normal; color:#fff; line-height:140%; margin:0; padding:0;
}
.cont {width:50%; padding:8%; margin:4% auto; background:rgba(255,255,255,0.5);
}
.contain-vid {width:100%; margin:2% 0; float:left;
}
.video-20 {width:20%; margin:0 0 2% 4%; float:left;
}
.video-21 {width:20%; margin:0 40% 2% 40%; float:left;
}
.video-40 {width:40%; margin:2% 30%; float:left;
}
.just {width:100%; text-align:justify;
}
.footer {width:100%; float:left; background:#000; padding:1% 0; background:url('ft-bg.jpg'); background-repeat: no-repeat; background-size: cover;
}
.footer h1 {font-family: 'Arial', sans-serif; font-size:140%; color:#fff;
}
.f-1 {width:286px; float:left; margin:20px 0 0 20px;
}
.f-2 {width:60px; float:left; margin:10px 60px 0 40px; background:yellow;
}
.f-2 p {font-family: 'Raleway', sans-serif; font-size:16px; font-weight:500; color:#fff; margin:0;
}
.f-3 {width:170px; float:left; margin:18px 0 0 40px;
}
.f-3 p {font-family: 'Raleway', sans-serif; font-size:20px; font-weight:500; color:#fff; margin:0;
}
.f-4 {width:60px; float:left; margin:1px 0 0 70px;
}
.f-5 {width:170px; float:left; margin:18px 0 0 40px;
}
.f-5 p {font-family: 'Raleway', sans-serif; font-size:20px; font-weight:500; color:#fff; margin:0;
}
.spacer-f {width:100%; float:left; display:none;
}
.clear {clear:both;
}
.spacer {width:100%; height:5px; margin:2% 0; float:left;
}
.spacer-adjust {width:100%; height:5px; margin:4%; display:none;
}
.spacer-2 {width:100%; height:15px; margin:3% 0; float:left;
}
.cent {width:100%; float:left; margin:0; text-align:center;
}
.line {width:100%; float:left; height:2px; background:#6d2306; margin:2% 0;
}
.but {float:left; border-radius:4px; border:1px #000 solid; padding:4px 6px; background:#37889a; margin:0 0 10px 10px;
}
.but:hover {border:1px red solid;
}
.but p {font-family: 'Raleway', sans-serif; color:#fff; font-size:115%; font-weight:300; line-height:100%; margin:0; padding:0;
}
.f-line {width:100%; float:left; margin:1% 0; height:1px; background:#e3e3e3;
}
.cred {width:90%; float:left; margin:0 0 1% 6%;
}
.cred p {font-family:'Arial', sans-serif; font-size:90%; color:#fff; margin:0; padding:0;
}
.green {width:100%; float:left; margin:0; background:url('leaf.jpg'); background-repeat: no-repeat; background-size: cover;
}
.gleft {width:16%; float:left; margin:2% 4% 2% 6%;
}
.gleft p {font-family:'Georgia', serif; font-size:140%; font-weight:400; font-style: italic; color:#0757cd; line-height:140%; margin-bottom:2%;
}
.accord {width:100%; float:left; display:none;
}
.scrollToTop{
width:5%;
height:auto;
padding:1%;
position:fixed;
top:85%;
right:2%;
display:none;
z-index:1500;
}
.scrollToTop:hover {text-decoration:none;
}
.container-70, .container-702 {width:70%; float:left; margin:3% 15%; display:flex; align-items:center;
}
.container-cent, .container-cent-2 {width:100%; float:left; display:flex; align-items:center;
}
.container-port-3 {width:100%; padding:2% 0; float:left; border-bottom:2px #adbfbf solid; border-top:2px #adbfbf solid;
background:linear-gradient(to right, rgba(173,191,191,1), rgba(173,191,191,0.1), rgba(173,191,191,1));
}
.container {width:100%; float:left; display:flex; align-items:center;
}
.container-stretch-70 {width:70%; float:left; display:flex; align-items:stretch; margin:0 15%;
}
.container-just-70 {width:70%; float:left; display:flex; justify-content:center; margin:0 15%;
}
.google-maps {
position: relative;
padding-bottom: 35%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.portfolio {width:80%; margin:3% 0 3% 10%; float:left;
}
.build-50 {width:28%; margin:0 0 0 10%; float:left;
}
.build-60 {width:40%; margin-left:8%; float:left;
}
.build-80 {width:70%; margin-left:2%; float:left;
}
.build-20 {width:20%; margin:2% 0 0 2%; float:left;
}
.build-40 {width:35%; margin:2% 0 0 2%; float:left;
}
.third-port {width:24%; margin:1% 0 1% 1%; float:left;
}
.video-24 {width:24%; margin:4% 38%; float:left;
}
.mail {width:59%; margin:1% 0 3% 20%; border:1px #000 solid; border-radius:3px; background:lime; text-align:center;
float:left; padding-top:1%;
}
.marg {width:90%; margin-left:5%; float:left;
}
.ask {width:20%; float:left; border:1px #000 solid; border-radius:5px 5px; margin-top:2%;
}
.google-maps {
position: relative;
padding-bottom: 35%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.accord {width:50%; margin:0 25%; float:left; display:none;
}
.ac-container{
width: 100%;
margin: 10px auto 30px auto;
text-align: left;
float:left;
}
.ac-container label{
font-family:'Raleway', sans-serif;
padding: 5px 10px;
position: relative;
z-index: 20;
display: block;
height: 30px;
cursor: pointer;
color: #777;
text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
line-height: 33px;
font-size: 14px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
box-shadow:
0px 0px 0px 1px rgba(155,155,155,0.3),
1px 0px 0px 0px rgba(255,255,255,0.9) inset,
0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
background: #c6e1ec;
color: #3d7489;
text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
box-shadow:
0px 0px 0px 1px rgba(155,155,155,0.3),
0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
content: '';
position: absolute;
width: 24px;
height: 24px;
right: 13px;
top: 7px;
background:url('arrow_down.png') no-repeat center center;
}
.ac-container input:checked + label:hover:after{
background-image: url('arrow_up.png');
}
.ac-container input{
display: none;
}
.ac-container article{
background: rgba(255, 255, 255, 0.5);
margin-top: -1px;
overflow: hidden;
height: 0px;
position: relative;
z-index: 10;
-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
font-style: normal;
color: #000;
line-height: 23px;
font-size: 16px;
padding: 20px;
}
.ac-container article h6{
font-style:'Arial', sans-serif;
font-style: normal;
color: #000;
line-height: 10px;
font-size: 16px;
padding: 10px;
}
.ac-container input:checked ~ article{
-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
height:140px;
}
.ac-container input:checked ~ article.ac-medium{
height: 180px;
}
.ac-container input:checked ~ article.ac-large{
height:500px;
}
h1 {font-family: "Arya", serif; font-weight:700; font-style:normal; font-size:280%; color:#000; margin:0; padding:0;
}
h2 { font-family: "Arya", serif; color:#6d2306; font-size:240%; letter-spacing:1px; margin:1% 0 2% 0; padding:0; font-weight:300;
}
h2.tels {font-family: "Raleway", sans-serif; font-size:180%; font-weight:300; font-style: normal; color:#fff; margin-bottom:2%;
}
h3 {font-family: "Federo", sans-serif; font-weight:400; font-style: normal; color:#aa3709; font-size:160%; margin-bottom:4%; font-style:italic;
}
h3.w {font-family: "Federo", sans-serif; font-weight:400; color:#fff; font-size:160%; margin-bottom:4%; font-style:italic;
}
h3.tels {font-family: "Raleway", sans-serif; font-size:140%; font-weight:300; font-style: normal; color:#fff; margin-bottom:2%;
}
h4 {font-family: "Federo", sans-serif; color:#6d2306; font-size:165%; line-height:130%; margin-bottom:2%;
}
h4.w {font-family: 'Raleway', sans-serif; color:#fff; font-size:140%; line-height:140%; font-style:italic;
}
h4.inset {font-family: "Federo", sans-serif; color:#6d2306; font-size:165%; line-height:130%; margin:0 0 2% 4%
}
h5 {font-family: "Arya", serif; color:#6d2306; font-size:145%; line-height:140%; margin-bottom:2%;
}
h6 {font-family: 'Georgia', serif; color:#fff; font-size:130%; line-height:140%; margin:2% 0; padding:0; font-style:italic;
}
h6.w {font-family: 'Raleway', sans-serif; color:#fff; font-size:120%; line-height:140%; font-weight:400; font-style:italic;
}
h6.sub {font-family: 'Raleway', sans-serif; color:#000; font-size:130%; line-height:140%; margin:1% 0; padding:0; font-style:normal;
}
p {font-family: "Raleway", sans-serif; font-size:100%; font-weight:300; font-style: normal; color:#000; line-height:140%; margin-bottom:2%;
}
p.tels {font-family: "Raleway", sans-serif; font-size:120%; font-weight:300; font-style: normal; color:#fff; margin:0;
}
p.bolder {font-family: "Raleway", sans-serif; font-size:110%; font-weight:400; font-style: normal; color:#000; line-height:140%; margin-bottom:2%;
}
.img-100 {width:100%; height:auto;
}
.img-L {width:30%; margin:3% 1% 0 0; float:left;
}
.img-LL {width:30%; margin:0 1% 0 0; float:left;
}
.img-L1 {width:15%; margin:0 10px 5px 0; float:left;
}
.img-L2 {width:30%; margin:0 10px 5px 0; float:left;
}
.img-R1 {width:15%; margin:0 0 5px 10px; float:right;
}
.img-R2 {width:36%; margin:0 0 5px 20px; float:right;
}
.img-p1 {width:24%; height:auto; margin:5px 3px 5px 0;
}
.img-P2b {width:32%; height:auto; margin:5px 2px 5px 3px;
}
.img-P4 {width:47%; height:auto; margin:5px 3px 5px 3px;
}
.img-P5 {width:57%; height:auto; margin:5px 3px 5px 3px;
}
.img-P6 {width:42.2%; height:auto; margin:5px 3px 5px 3px;
}
.img-p6a {width:48%; height:auto; margin:5px 3px 5px 3px;
}
.img-mid {width:70%; margin:0 15%;
}
.img-fxd {width:120px; margin:10px 0;
}
.img-v-h {width:18%; float:left; margin:5px;
}
.img-v-p {width:5.7%; float:left; margin:5px 8px 5px 8px;
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
.ac-70, .ac-701 {width:90%; margin:4% 5%;
}
.aut, .aut-2 {width:1000px; margin:3% auto;
}
.feature-in {height:50px;
}
}
@media screen and (max-width: 1280px) {
.video-24 {width:30%; margin:4% 35%; float:left;
}
.container-70 {width:100%; float:left; margin:4% 0;
}
.ac-50 {width:45%; margin:0 1% 2% 2%; float:left;
}
h3 {font-size:150%;
}
h5 {font-size:130%;
}
}
@media screen and (max-width: 1200px) {
.f-4 {width:60px; float:left; margin:1px 0 0 20px;
}
.f-3 {margin:18px 0 0 20px;
}
.video-40, .video-21 {width:70%; margin:2% 15%; float:left;
}
.spacer-f {display:inline;
}
.container-702 {width:90%; margin:4% 5%;
}
.phone {display:none;
}
.ac-100-au {width:1020px; margin:4% auto; position:relative;
}
h1 {font-size:260%
}
.mob-dis-cen {width:50%;
}
.ac-50-mob-stat {width: 70%; margin:0 auto;
}
.build-50 {width:28%; margin:0 0 0 10%; float:left;
}
.build-60 {width:50%; margin-left:4%; float:left;
}
h6.w {font-size:110%;
}
}
@media screen and (max-width: 1024px) {
.aut, .aut-2 {width:760px; margin:3% auto;
}
.feature, .feature-end {width:22.4%;
}
.container-70 {width:100%; float:left; margin:4% 0;
}
.ac-50-rel {width:45%; margin:2% 1% 2% 1%; float:left; position:relative;
}
.ac-100-au {width:790px; margin:4% auto; position:relative;
}
.bord {width:90%;
}
.video-24 {width:40%; margin:4% 30%; float:left;
}
.build-50 {width:28%; margin:0 0 0 2%; float:left;
}
.build-60 {width:58%; margin-left:4%; float:left;
}
.portfolio {width:96%; margin:3% 2%; float:left;
}
#contact-area-2 {
width: 96%;
margin-top: 25px;
}
#contact-area-2 input, #contact-area-2 textarea {
padding: 5px;
width: 90%;
font-family: 'Helvetica', sans-serif;
font-size: 100%;
margin: 0px 0px 10px 0px;
border: 2px solid #ccc;
}
.scrollToTop{
width:10%;
height:auto;
padding:1%;
position:fixed;
top:85%;
right:2%;
display:none;
z-index:1500;
}
h1 {font-size:180%
}
}
@media screen and (max-width: 1020px) {
.quarter {width:10%;
}
.ac-70 {width:100%; margin:4% 0;
}
.container {display:initial;
}
.half-L, .half-R {width:70%; margin:2% 15%;
}
.img-v-h {width:23%; float:left; margin:5px;
}
.img-v-p {width:7.3%;
}
.container-stretch-70 {width:98%; float:left; display:flex; align-items:stretch; margin:0;
}
.video-24 {width:60%; margin:4% 20%; float:left;
}
.gleft {width:20%; float:left; margin:2% 4% 2% 4%;
}
h2.tels {font-size:140%;
}
h3.tels {font-size:110%;
}
.img-p1 {width:23%; height:auto; margin:5px 3px 5px 0;
}
}
@media screen and (max-width: 800px) {
.cobble-overlay {width:80%; float:left; margin:4% 6%; padding:4% 4%; background:rgba(003, 018, 059, 0.7); border-radius:8px;
}
.cobble-overlay p {font-size:110%; font-weight:300; font-style: normal; line-height:160%; color:#fff; margin-bottom:4%;
}
.cobble-overlay h6 {font-size:130%; font-weight:700; font-style: normal; line-height:160%; color:#fff; margin-bottom:2%;
}
.aut {width:580px;
}
.aut-2 {width:96%; float:left; margin:4% 2%;
}
.feature-in {height:66px;
}
.container-702 {width:100%; display:initial; margin:4% 0;
}
.half {width:90%; margin:1% 5%;
}
.half-RR {width:50%; margin:1% 40% 1% 5%;
}
.titin h1 {font-family: "Arya", serif; font-weight:700; font-style:normal; font-size:30px; color:#000; margin:0; padding:0;
}
.titin h2 { font-family: "Arya", serif; color:#6d2306; font-size:20px; letter-spacing:1px; margin:1% 0 2% 0; padding:0; font-weight:300;
}
.titin {width:70%; margin:1% 0 0 2%;
}
.logo {width:70px; float:left; margin:5px 0 0 10px;
}
.ac-50-mob-stat {width:90%; margin:0 auto;
}
.container-70 {display:initial; width:100%; margin:0;
}
.cont {width:70%; padding:4%;
}
.ac-50-rel, .ac-51, .ac-50 {width:90%; float:left; margin:2% 5%;
}
.ac-30-pix {width:43%; float:left; border:1px #000 solid; margin:2% 4% 2% 2%;
}
.inv-space {width:100%; height:2px; float:left; display:inline;
}
.video-40, .video-21 {width:80%; margin:2% 10%; float:left;
}
.gleft p {font-family:'Georgia', serif; font-size:110%;
}
.spacer-adjust {width:100%; height:5px; margin:1%; display:inline;
}
.ac-60 {width:90%; margin:2% 5%;
}
.gleft {display:none;
}
.accord { display:inline;
}
.google-maps {
position: relative;
padding-bottom: 65%;
}
.google-maps {
position: relative;
padding-bottom: 65%;
}
h2 {font-size:200%; letter-spacing:1px; margin-bottom:4%;
}
h2.tels, p.tels {font-size:110%;
}
h4, h4.inset {font-size:145%; margin-bottom:4%;
}
.img-L1 {width:25%; margin:0 10px 5px 0; float:left;
}
h6.sub {font-size:100%;
}
}
@media screen and (max-width: 790px) {
.ac-30 {width:50%;
}
.range {width:47%; float:left; margin:1% 1% 1% 0;
}
.title-x {width:88%;
}
.header-2 {display:inline
}
.title {width:88%; float:left; margin:6% 0 17% 6%;
}
.ac-50-rel-in {width:100%; position:initial; margin:0;
}
.wave-100 {display:none;
}
.wave-mob {display:inline;
}
.build-50 {width:60%; margin:2% 20%;
}
.build-60 {width:80%; margin-left:10%;
}
.video-24 {width:80%; margin:4% 10%; float:left;
}
.mob-dis {width:100%; float:left; margin:0 0; display:flex; align:stretch;
}
.ac-50-mob-in {width:42.3%; float:left; border:none; margin:2% 0 2% 2%; padding:0;
}
.ac-50-mob-stat {width: 100%; margin:0 auto;
}
.quart {width:60%; float:left; margin:2% 19% 2% 19%; padding:1%; border:1px #fff solid;
}
.quart-2 {width:60%; float:left; margin:2% 19% 2% 19%; padding:1%; border:1px red solid; background:#cc5324;
}
.ac-100-bl {display:initial; margin:0;
}
.ac-50, .ac-50-rel {width:100%; margin:0 0; float:left;
}
.ac-50-rel-in {width:100%; position:absolute; left:0; top:48%; text-align:center;
}
.container-cent {display:initial;
}
.ac-70 {width:100%; margin:2% 0;
}
.ac-50-rel-in {left:0; top:38%;
}
.gleft {width:96%; float:left; margin:6% 2%; text-align:center;
}
.gleft p {font-size:150%;
}
.accord {width:70%; margin:2% 15%;
}
.ac-50-bord {width:80%; float:left; margin:10% 0 10% 4%; padding:2%; border:1px #fff solid; background: rgba(0, 0, 0, 0.6);
}
h2.tels, h3.tels, p.tels {margin:3% 0;
}
.img-R2 {width:50%;
}
.img-P2b {width:31%; height:auto; margin:5px 2px 5px 3px;
}
}
@media screen and (max-width: 600px) {
.f-2 {width:10%; float:left; margin:6% 45%;
}
.f-3, .f-5 {width:100%; margin:2% 0; text-align:center;
}
.half-RR {width:90%; margin:1% 5%;
}
.aut, .aut-2 {width:90%; float:left; margin:4% 5%;
}
.feature, .feature-end {width:46.5%;
}
.feat-2, .feat-2-end {width:46%;
}
.titin h1 {font-family: "Arya", serif; font-weight:700; font-style:normal; font-size:24px; color:#000; margin:0; padding:0;
}
.titin h2 { font-family: "Arya", serif; color:#6d2306; font-size:18px; letter-spacing:1px; margin:1% 0 2% 0; padding:0; font-weight:300;
}
.titin {width:70%;
}
.logo {width:70px; float:left; margin:0 0 0 10px;
}
.ac-100s {display:none;
}
.ac-100h {display:inline;
}
.recast {width:100%; float:left; margin:0; padding:0;display:none;
}
.recast-shw {width:90%; margin:2% 5%; float:left; display:inline;
}
.mob-dis {width:100%; float:left; margin:0 0; display:flex; align:center;
}
.ac-50-mob-in {width:44%; float:left; border:none; margin:2% 2%; padding:0;
}
.ac-50-mob-stat {width: 100%; margin:0 auto;
}
.half-L, .half-R {width:90%; margin:2% 5%;
}
.ac-100 {display:initial;
}
.ac-40-main {width:100%; margin:0 0 2% 0;
}
.ac-51 {width:90%; margin:4% 5%;
}
.band h4, .band p {font-size:100%; font-weight:500;
}
h1 {font-size:160%
}
h3.w {font-family: "Federo", sans-serif; font-weight:400; color:#fff; font-size:140%;
}
.title-x h2 {font-size:100%;
}
}
@media screen and (max-width: 440px) {
.build-50 {width:90%; margin:2% 5%;
}
.build-60 {width:90%; margin-left:5%;
}
.video-24 {width:100%; margin:4% 0%; float:left;
}
.quart {width:80%; float:left; margin:2% 9% 2% 9%; padding:1%; border:1px #fff solid;
}
.quart-2 {width:80%; float:left; margin:2% 9% 2% 9%; padding:1%; border:1px red solid; background:#cc5324;
}
.cont {width:80%; padding:2%;
}
.video-40, .video-21 {width:96%; margin:2% 2%; float:left;
}
.accord {width:90%; margin:2% 5%;
}
.f-4 {width:12%; margin:2% 44%;
}
.f-1 {width:100%; margin:2% 0; text-align:center;
}
.img-L1 {width:35%; margin:0 10px 5px 0; float:left;
}
.img-p1 {width:22%; height:auto; margin:5px 3px 5px 0;
}
h1 {font-weight:300;
}
h2 {font-size:180%; letter-spacing:1px; margin-bottom:4%;
}
h3 {font-size:150%; margin-bottom:2%;
}
h5 {font-size:120%;
}
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 390px) {
.f-3, f-5 {width:100%; margin:2% 0;
}
.cont {width:90%; padding:1%;
}
.titin h1 {font-family: "Arya", serif; font-weight:700; font-style:normal; font-size:20px; color:#000; margin:0; padding:0;
}
.titin h2 { font-family: "Arya", serif; color:#6d2306; font-size:16px; letter-spacing:1px; margin:1% 0 2% 0; padding:0; font-weight:300;
}
.titin {width:75%; margin:1.5% 0 0 2%;
}
.logo {width:50px; float:left; margin:5px 0 0 10px;
}
.inv-space {display:none;
}
.ac-30-pix {width:90%; margin:4% 0 4% 5%;
}
.container-stretch-70 {display: initial;
}
h1, h2, h3, h4, h5, h6, h4.inset {font-size:120%
}
.img-P2b {width:30%; height:auto; margin:5px 2px 5px 3px;
}