html,body {
width:100%;
height: auto;
margin:0;
padding:0;
overflow-x: hidden;
}
body{
padding:0;
margin:0;
font-family: 'Roboto', 'Microsoft JhengHei ', sans-serif;
background-image:url(../images/bg.png);
position:relative;
}
body a{
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
a:hover{
text-decoration:none;
}
input[type="button"],input[type="submit"],.contact-form input[type="submit"]{
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
margin:0;
font-family:'Oleo Script','Microsoft JhengHei', cursive;
}
p{
margin:0;
font-family: 'Roboto', sans-serif;
letter-spacing:1px;
}
ul{
margin:0;
padding:0;
}
label{
margin:0;
}
/*-- Banner --*/
.logo{
width: 100%;
margin-left:5%;
z-index:999;
}
/*-- header --*/
.top-header {
padding: 1em 0;
-webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.7));
filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.7));
}
h1.location {
color: #fff;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 2px;
text-align: center;
font-size: 2.6em;
}
h1.location a {
color: #fff;
font-family: 'Oleo Script', cursive;
text-decoration: none;
}
h1.location a:hover {
color: #fff !important;
}
span.icon-w3 {
background: url(../images/icon.png)no-repeat 0px 3px;
width: 49px;
height: 50px;
display: inline-block;
vertical-align: middle;
}
ul.top-links li {
margin-left:5px;
display:inline-block;
}
.right-w3l ul.top-links li a i.fab {
color: #665521;
background-color: #fff;
width: 37px;
height: 37px;
font-size: 20px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
line-height: 36px;
text-align: center;
transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
}
ul.footer-links li {
margin-left:0px;
display:inline-block;
width:40px;
height:40px;
}
ul.footer-qr li img{
width:100px;
height:100px;
margin-top:10px;
}
.right-w3l ul.top-links li a i.fab:hover {
color: #fff;
background-color: #fdbd10;
}
.right-w3l {
float: right;
text-align: center;
margin-bottom:20px;
margin-right:2%;
}
/*-- search --*/
.search {
position: relative;
background: #FFFFFF;
padding: 2px 10px;
float: left;
width: 100%;
background-color: #FFF;
margin-bottom:20px;
}
.search input[type="search"] {
outline: none;
padding: 8px 0px 8px 8px;
background: none;
width: 100%;
border: none;
font-size: 1em;
color: #000;
}
.search input[type="submit"] {
border: none;
cursor: pointer;
position: absolute;
outline: none;
top: 9px;
background: url(../images/search.png)no-repeat 0px 0px;
width: 25px;
height: 25px;
padding: 0;
right: 10px;
font-family: 'Oleo Script', cursive;
}
hr.vertical
{
width: 0px;
height: 100%; /* or height in PX */
}
/*-- //search --*/
/*-- //header --*/
/* ==============================================================
Template name : Bootsnav - Multi Purpose Header
Categorie : Bootstrap Menu in CSS
Author : adamnurdin01
Version : v1.0.0
Created : 02 Juni 2016
Last update : 02 Juni 2016
============================================================== */
/*
Color
=========================== */
.navbar-brand p{text-align:right; width:185px; font-size:15px;}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
.side .widget ul.link li a:hover,
.side .widget ul.link li a:focus,
.check-list li:before,
ul.cart-list > li > h6 > a,
.attr-nav > ul > li > a:hover,
.attr-nav > ul > li > a:focus,
nav.navbar-sidebar ul.nav li.dropdown.on > a,
nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar.navbar-inverse ul.nav li.dropdown.on > a,
nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a,
nav.navbar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar ul.nav > li > a:hover,
nav.navbar ul.nav li.active > a,
nav.navbar li.dropdown ul.dropdown-menu > li a:hover{
color: #f43438;
}
nav.navbar.navbar-transparent ul.nav > li > a:hover,
nav.navbar.no-background ul.nav > li > a:hover,
nav.navbar ul.nav li.scroll.active > a,
nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu > li > a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar-dark ul.nav li.dropdown.on > a{
color: #f43438 !important;
}
@media(max-width:920px){
nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover,
nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{
color: #f43438 !important;
}
}
/*
Border
=========================== */
ul.cart-list > li.total > .btn{
border-color: #f43438;
}
nav.navbar li.dropdown ul.dropdown-menu{
border-top-color: #f43438 !important;
}
/*
Background
=========================== */
ul.cart-list > li.total > .btn,
.attr-nav > ul > li > a span.badge,
nav.navbar .share ul > li > a:hover,
nav.navbar .share ul > li > a:focus{
background-color: #f43438;
}
ul.cart-list > li.total > .btn:hover,
ul.cart-list > li.total > .btn:focus{
background-color: #dc3236 !important;
}
/*-- banner-slider --*/
.banner-slider {
background: url(../images/b1.jpg) no-repeat 0px 0px;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
min-height: 626px
}
.banner-info {
margin-top: 32%;
text-align: center;
}
.banner-info lable{
width: 12%;
height: 10px;
background: #00b29f;
display: inline-block;
}
.banner-info h3 {
font-size:3em;
font-weight: 500;
color: #fff;
font-family: 'Oleo Script', cursive;
}
.banner-info p {
font-size: 1.1em;
font-weight: 400;
color: #fff;
margin-top: 0.6em;
line-height: 1.9em;
letter-spacing: 3px;
font-family: 'Roboto', sans-serif;
}
#slider2,
#slider3 {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin: 0 auto;
}
.rslides_tabs li:first-child {
margin-left: 0;
}
.rslides_tabs .rslides_here a {
background: rgba(255,255,255,.1);
color: #fff;
font-weight: bold;
}
.errors {
list-style: none;
}
.callbacks_container {
position: relative;
float: left;
width: 100%;
}
.callbacks {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.callbacks li {
position: absolute;
width: 100%;
}
.callbacks img {
position: relative;
z-index: 1;
height: auto;
border: 0;
}
.callbacks .caption {
display: block;
position: absolute;
z-index: 2;
font-size: 20px;
text-shadow: none;
color: #fff;
left: 0;
right: 0;
padding: 10px 20px;
margin: 0;
max-width: none;
top: 10%;
text-align: center;
}
.callbacks_nav {
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top: 56%;
left: 0;
opacity: 0.7;
z-index: 3;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 80px;
width: 40px;
background: transparent url("../images/left.png") no-repeat left top;
margin-top: 4%;
display: none;
}
.callbacks_nav:hover{
opacity: 0.5;
}
.callbacks_nav.next {
left: auto;
background-position: right top;
left: 624px;
}
.callbacks_nav.prev {
right: auto;
background-position:left top;
left:573px;
}
#slider3-pager a {
display: inline-block;
}
#slider3-pager span{
float: left;
}
#slider3-pager span{
width:100px;
height:15px;
background:#fff;
display:inline-block;
border-radius:30em;
opacity:0.6;
}
#slider3-pager .rslides_here a {
background: #FFF;
border-radius:30em;
-webkit-border-radius:30em;
-o-border-radius:30em;
-moz-border-radius:30em;
opacity:1;
}
#slider3-pager a {
padding: 0;
}
#slider3-pager li{
display:inline-block;
}
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display:none;
width: 100%;
left: 0;
top: 0;
}
.rslides li{
position: relative;
display: block;
float: left;
}
.rslides img {
height: auto;
border: 0;
}
.callbacks_tabs {
list-style: none;
position: absolute;
bottom: -14%;
z-index: 999;
left: 42%;
padding: 0;
margin: 0;
display: block;
}
.slider-top span{
font-weight:600;
}
.callbacks_tabs li{
display: inline-block;
margin: 0 .3em;
}
@media screen and (max-width: 600px) {
.callbacks_nav {
top: 47%;
}
}
/*----*/
.callbacks_tabs a{
visibility: hidden;
}
.callbacks_tabs a:after {
content: "\f111";
font-size: 0;
font-family: FontAwesome;
visibility: visible;
display: block;
height: 15px;
width: 15px;
display: inline-block;
background:#fdbd10;
border-radius:50%;
-o-border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-ms-border-radius:50%;
}
.callbacks_here a:after{
background:#fff;
}
/*-- banner-grids --*/
.banner-grids {
padding: 0 0.2em;
}
.banner-grid {
padding: 0 0.2em;
margin-bottom: 0.4em;
}
.banner-grid figure {
position: relative;
float: left;
overflow: hidden;
text-align: center;
cursor: pointer;
width:100%;
}
.banner-grid figure img {
position: relative;
display: block;
}
.banner-grid figure figcaption {
padding: 2em;
color: #fff;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.banner-grid figure figcaption{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
figure.effect-bubba {/**¥kÃä¥|®æ¾B¸n**/
background:#ffe222;
}
figure.effect-bubba:hover img {
opacity: 0.3;
}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-bubba figcaption::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
transform: scale(0,1);
-webkit-transform:scale(0,1);
-moz-webkit-transform: scale(0,1);
-o-webkit-transform:scale(0,1);
}
figure.effect-bubba figcaption::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
-moz-webkit-transform: scale(1,0);
-o-webkit-transform: scale(1,0);
transform: scale(1,0);
}
figure.effect-bubba h4 {
padding-top:50%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0);
opacity: 0;
text-transform: uppercase;
font-size: 1.3em;
font-family: 'Oleo Script','Microsoft JhengHei', cursive;
font-weight: 700;
letter-spacing: 2px;
}
figure.effect-bubba p {
padding: 20px 2.5em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
-moz-transform: translate3d(0,20px,0);
-o-transform: translate3d(0,20px,0);
}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-bubba:hover h4,
figure.effect-bubba:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*-- //banner-slider --*/
/*-- Banner --*/
/*-- Services --*/
.services{
background-color:#DCD0B8;
}
section.services, .about-middle, .contact, .gallery, .w3ls-team {
padding:4em 0;
text-align:center;
}
section.services h2.agile-se, .testimo h3, .contact-top h3, h3.title-agile2, h3.title-agile{
font-size: 2.5em;
font-weight: normal;
color: #665521;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
text-align:center;
}
.w3l-serv, section.slider, .row.team-row{
margin-top: 3%;
}
.serv-agile:nth-child(4), .serv-agile:nth-child(5), .serv-agile:nth-child(6) {
margin-top: 0%;
}
label.agile-se {
width: 6%;
border: 1px solid #fdbd10;
height: 4px;
padding:10px auto 20px;
margin: 0px auto;
}
section.services a {
text-decoration:none;
}
section.services h4.text-center {
font-size: 1.5em;
font-weight: 500;
color: #EC4D00;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 5%;
}
section.services p.services-w3ls {
font-size: 1em;
line-height: 1.9;
padding: 10px 0;
color: #777;
}
@font-face {
font-family: 'ecoicon';
src:url('../fonts/ecoicons/ecoicon.eot');
src:url('../fonts/ecoicons/ecoicon.eot?#iefix') format('embedded-opentype'),
url('../fonts/ecoicons/ecoicon.woff') format('woff'),
url('../fonts/ecoicons/ecoicon.ttf') format('truetype'),
url('../fonts/ecoicons/ecoicon.svg#ecoicon') format('svg');
font-weight: normal;
font-style: normal;
}
/* Rectangle Out */
.hvr-rectangle-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
border-radius: 50%;
background-color: #e05f00;
}
.hvr-rectangle-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 50%;
background: #ff7800;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
-webkit-transform: scale(1);
transform: scale(1);
}
.w3-agile a i {
font-size: 2em;
line-height: 3.2;
color: #fff;
}
.w3-agile a {
width: 90px;
height: 90px;
margin: 0 auto;
}
/*-- //Services --*/
/*-- News --*/
.about-middle{
background-color:#f49b32;
min-height: 400px;
background-size:;
position:relative;
}
.testimo {
position:relative;
}
.about-midd-main {
text-align: center;
width: 90%;
margin: 0 auto;
}
.about-midd-main h4 {
font-size: 1em;
margin-bottom: 6%;
color: #fff;
}
.about-midd-main h4 span {
font-size: 4.5em;
}
.about-midd-main h5 a {
font-size: 1.5em;
text-transform: uppercase;
letter-spacing: 2px;
color: #fff !important;
margin-bottom: 7%;
display:inline-block;
}
.about-midd-main p {
font-size: 1em;
color: #444;
line-height: 1.9;
letter-spacing: 1px;
}
ul.get-touch {
padding: 0em;
list-style: none;
}
ul.get-touch li {
margin-bottom: 1.3em;
color: #fff;
}
.w3-test {
float: right;
width: 30%;
background: #ffa200;
padding:6% 2% 5.2%;
height: 387px;
}
img.agile-img {
float: left;
width: 70% !important;
}
/*--About--*/
.about{
background-image:url(../images/about_top.jpg) !important;
background-repeat:no-repeat,repeat;
background-size:100%,auto;
background-position:top,bottom;
position:relative;
padding-top:19%;
min-height:800px;
}
.about .container{
width:78.1%;
background-image:url(../images/bg.png);
background-repeat:repeat;
position:relative;
padding: 0 7%;
line-height:32px;
}
.about .about_block{
background-image:url(../images/about_block.png);
background-repeat:no-repeat;
background-size:100%;
padding-top:300px;
width:78.1%;
margin:0 auto;
background-position: bottom;
}
.about_text{
background-color:#FFFFFF;
margin:30px auto 80px;
padding: 40px;
-webkit-box-shadow: 3px 3px 5px #b0b0b0;
-moz-box-shadow: 3px 3px 5px #b0b0b0;
box-shadow: 3px 3px 5px #b0b0b0;
}
.about_text h1{
color:#ff7800;
font-size:20px;
font-family:Arial;
font-weight: bold;
letter-spacing: 1px;
margin-top:3%;
text-align:center;
}
.about_icon{
margin:30px 0;
}
.about_icon img{
margin:10px auto;
}
.right_txt{
margin:50px auto 30px;
border-left:1px solid #CBCBCB;
}
.right_txt p{
margin:0 auto;
width:80%;
font-size:15px;
line-height:32px;
text-align:left;
font-family:'Microsoft JhengHei';
}
.all_txt{
margin:30px auto 30px;
}
.all_txt p{
width:90%;
font-size:15px;
line-height:32px;
text-align:left;
font-family:'Microsoft JhengHei';
}
.inline{
display:inline;
}
.about_block h3{
margin:0 auto;
}
/*--About End--*/
/*--theme--*/
.about .theme_block{
background-image:url(../images/theme_block.png);
background-repeat:no-repeat;
background-size:100%;
padding-top:520px;
width:78.1%;
margin:0 auto;
background-position: bottom;
}
.theme_box{
margin:30px auto 80px;
}
.theme_con{
margin-bottom:40px;
}
.theme_con h1{
border:3px solid #ffffff;
border-bottom:none;
margin:0 10px;
padding:5px;
color:#000;
font-size:25px;
background-color:#DACAA0;
border-top-right-radius:10px;
-moz-border-top-right-radius:10px;
-webkit-border-top-right-radius:10px;
border-top-left-radius:10px;
-moz-border-top-left-radius:10px;
-webkit-border-top-left-radius:10px;
}
.theme_con h2{
margin-left:10px;
text-align:left;
font-size:23px;
font-weight:bold;
color:#0070e0;
}
.theme_con h2 a{
margin-left:0px;
text-align:left;
font-size:23px;
font-weight:bold;
color:#0070e0;
}
.theme_con h2 a:hover{
position:relative;
top:1px;
}
.theme_container{
border:10px solid #ffffff;
border-radius:10px;
background-color:#FFFFFF;
display:table;
}
.theme_container .t_pic{
width:40%;
height:360px;
overflow:hidden;
float: left;
}
.theme_container .t_pic img{
height:100%;
width:auto;
}
.theme_container .t_theme{
width:56%;
margin:0 2%;
float: left;
border-bottom:2px dotted #666666;
margin-top:20px;
}
.theme_container .t_theme p{
text-align:left;
color:#666666;
margin:10px;
font-size:15px;
font-family:'Microsoft JhengHei';
}
.theme_detail{
background-color:#FFFFFF;
margin:30px auto 80px;
-webkit-box-shadow: 3px 3px 5px #b0b0b0;
-moz-box-shadow: 3px 3px 5px #b0b0b0;
box-shadow: 3px 3px 5px #b0b0b0;
padding: 20px;
}
.theme_top{
border-bottom:2px dotted #666666;
margin-bottom: 20px;
padding-bottom: 20px;
}
.theme_txt h2{
text-align:left;
margin:30px auto 20px;
font-size:25px;
font-weight:bold;
color:#0070e0;
font-family:'Microsoft JhengHei';
}
.theme_txt p{
margin-left:10px;
text-align:left;
font-size:16px;
line-height:35px;
font-family:'Microsoft JhengHei';
}
.theme_bottom p{
text-align:left;
font-size:15px;
line-height:32px;
font-family:'Microsoft JhengHei';
width:95%;
margin:0 auto;
}
.thumbnail h2{
margin-left:10px;
text-align:left;
font-size:23px;
font-weight:bold;
color:#0070e0;
}
.caption p{
text-align:left;
color:#666666;
margin:10px;
font-size:15px;
font-family:'Microsoft JhengHei';
}
/*--theme End--*/
/*--booking --*/
.booking .container{
width:78.1%;
background-image:url(../images/bg.png);
background-repeat:repeat;
position:relative;
padding: 0 7%;
line-height:20px;
}
/*--booking End--*/
/*-- Model --*/
.modal-header h4{
color: black;
font-size: 2em;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
font-weight: bold;
margin-top: 0.3em;
}
.modal-header p {
color: #333333;
font-size: 1.3em;
letter-spacing: 1px;
text-align:center;
margin:0.5em 0;
}
.modal-header span {
font-size: 1.1em;
color: #777;
letter-spacing: 2px;
line-height: 33px;
padding-bottom: 16px;
display:inline-block;
margin-top:1em;
}
.modal-header img{
float: left;
width: 100%;
}
.view {
font-size: 18px;
color: #fff;
background: #ff6600;
padding: 0.6em 1.2em;
letter-spacing: 1px;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: 0.5s all;
margin-top: 2em;
display: inline-block;
font-family: 'Oleo Script', 'Microsoft JhengHei', cursive;
}
a.view:hover {
background: #fff;
color: #000;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: 0.5s all;
}
/*-- //Model --*/
/*-- //News --*/
/*-- Gallery --*/
.carouselGallery-grid .carouselGallery-col-1, .carouselGallery-grid .carouselGallery-col-2 {
margin-top: 2em !important;
}
/*-- //Gallery --*/
/*-- Team --*/
div#team {
background: #159df9;
}
h3.title-agile, .testimo h3 {
color: #FFFFCC;
}
.thumbnail.team-w3agile img {
border-radius: 50%;
margin: 0 auto;
width: inherit;
}
.thumbnail.team-w3agile {
padding: 13% 0 25%;
position: relative;
overflow: hidden;
}
.thumbnail.team-w3agile h4 {
font-size: 1.3em;
font-weight: 300;
color: #159df9;
margin: .5em 0;
padding-bottom: 4%;
letter-spacing: 1px;
}
.caption p {
font-size: 1em;
color: #777 !important;
line-height: 1.9;
}
.social-icons.team-icons ul {
margin: 0;
}
.social-icons.team-icons {
position: absolute;
bottom: -100px;
margin: 0;
left: 0;
background: #fdbd10;
padding: 5.58% 0;
-webkit-transition: .5s all;
transition: .5s all;
-moz-transition: .5s all;
width: 100%;
text-align: center;
}
.thumbnail.team-w3agile:hover div.social-icons.team-icons {
bottom: 0px;
}
.thumbnail.team-w3agile:hover {
border-color: #fdbd10;
}
/*-- //Team --*/
/*-- Contact --*/
.contact-top {
text-align: center;
padding-bottom: 3em;
}
.contact-top p {
font-size: 1em;
color: #777;
width: 69%;
margin: 1.5% auto 0%;
line-height: 1.9;
}
.contact-block-left input[type="text"], .contact-block-left input[type="email"], .contact-block-left input[type="tel"], .contact-block-left input.subject, .contact-block-left textarea {
font-size: 1em;
color: #000;
width: 32%;
margin: 0% 0% 2% 0%;
padding: 0.8em 0.8em;
outline: none;
border: 1px solid #000;
}
.contact-block-left input.email {
margin:0% 0% 0% 1.1%;
}
.contact-block-left input.subject {
width: 100%;
}
.contact-block-left textarea {
width: 100%;
height: 13em;
}
.contact-block-left input[type="submit"] {
background: #159df9;
color: #fff;
font-size: 1em;
width: 18%;
border: none;
padding: 1em 0;
outline: none;
letter-spacing: 1px;
text-transform: uppercase;
font-family: 'Oleo Script', 'Microsoft JhengHei', cursive;
}
.contact-block-left input[type="submit"]:hover{
background:#fdbd10;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
}
.contact-map iframe {
width: 100%;
height: 328px;
border: none;
}
/*-- Contact --*/
/*-- Footer --*/
.footer {
padding:4em 0em;
background: #6d6a61;
}
.ftr-grid h3{
color:#fdbd10;
font-size: 1.6em;
}
.ftr-grid p {
font-size: 16px;
color: #fff;
line-height: 1.9;
margin-top: 5%;
}
.ftr-text p a {
color: #FFFF00;
}
.ftr-grid input[type="text"] {
font-size: 1em;
color: #FFF;
width: 65%;
padding: 0.5em 0.8em;
outline: none;
background: none;
border: 1px solid #fff;
}
.ftr-grid input[type="submit"] {
border: none;
width: 14%;
padding: 0.55em 0em;
outline: none;
vertical-align: top;
background:url(../images/msg.png)no-repeat #fff 12px 7px;
display: inline-block;
}
.ftr-grid input[type="submit"]:hover {
background:url(../images/msg.png)no-repeat #f2af00 12px 7px;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
}
.ftr-grid ul {
padding: 0em;
list-style: none;
}
.ftr-grid ul li {
font-size: 0.95em;
color: #fff;
line-height: 1.8em;
}
.local {
float: left;
width: 13%;
}
.ftr-text {
float: right;
width: 86%;
}
.local i {
font-size: 1.5em;
color: #fff;
margin-top: 41%;
}
.right-w3l.fotw3 {
width: 100%;
margin-top: 11%;
text-align: left;
}
.copyrights {
margin-top: 4%;
text-align: center;
}
.copyrights p {
font-size: 10px;
color: #fff;
letter-spacing: 2px;
}
.copyrights p a{
color:#99FFFF;
}
.fotw3 ul.top-links li a i.fab:hover , .fotw33 ul.top-links li a i.fab:hover {
background-color: #159df9;
}
/*-- Footer --*/
/*-- bottom-to-top --*/
#toTop {
display: none;
text-decoration: none;
position: fixed;
bottom: 24px;
right: 1%;
overflow: hidden;
z-index: 999;
width: 64px;
height: 64px;
border: none;
text-indent: 100%;
background: url("../images/arrowup.png") no-repeat 0px 0px;
}
#toTopHover {
width: 64px;
height: 64px;
display: block;
overflow: hidden;
float: right;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
}
/*-- //bottom-to-top --*/
/*-- //tabs --*/
a:hover,a:focus{
outline: none;
text-decoration: none;
}
.tab .nav-tabs{
border: 1px solid #1fc1dd;
}
.tab .nav-tabs li{
margin: 0;
}
.tab .nav-tabs li a{
font-size: 14px;
color: #999898;
background: #fff;
margin: 0;
padding: 20px 25px;
border-radius: 0;
border: none;
border-right: 1px solid #ddd;
text-transform: uppercase;
position: relative;
}
.tab .nav-tabs li a:hover{
border-top: none;
border-bottom: none;
border-right-color: #ddd;
}
.tab .nav-tabs li.active a,
.tab .nav-tabs li.active a:hover{
color: #fff;
border: none;
background: #1fc1dd;
border-right: 1px solid #ddd;
}
.tab .nav-tabs li.active a:before{
content: "";
width: 58%;
height: 4px;
background: #fff;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.tab .nav-tabs li.active a:after{
content: "";
border-top: 10px solid #1fc1dd;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position: absolute;
bottom: -10px;
left: 43%;
}
.tab .tab-content{
font-size: 13px;
color: #999898;
line-height: 25px;
background: #fff;
padding: 20px;
border: 1px solid #1fc1dd;
border-top: none;
}
.tab .tab-content h3{
font-size: 24px;
color: #999898;
margin-top: 0;
}
@media only screen and (max-width: 480px){
.tab .nav-tabs li{
width: 100%;
text-align: center;
}
.tab .nav-tabs li.active a,
.tab .nav-tabs li.active a:after,
.tab .nav-tabs li.active a:hover{
border: none;
}
}
/*--responsive--*/
@media(max-width: 1680px){
.navbar-left li a{
padding:0 -10px;
}
.banner-grid{
max-height:272px;
overflow:hidden;
}
figure.effect-bubba h4 {
padding-top:40%;
}
.effect-bubba{
max-height:272px;
}
.effect-bubba img{
height:272px;
width:auto;
}
}
@media(max-width: 1440px){
.banner-info {
margin-top: 35%;
}
.banner-grid{
max-height:233px;
}
.effect-bubba,.effect-bubba img{
max-height:233px;
}
figure.effect-bubba h4 {
padding-top: 35%;
font-size: 1em;
}
span.icon-w3 {
background: url(../images/icon.png)no-repeat 4px 1px;
}
.banner-info h3 {
font-size: 2.9em;
}
section.services h2.agile-se, .testimo h3, .contact-top h3, h3.title-agile2, h3.title-agile {
font-size: 2.4em;
}
section.services h4.text-center {
font-size: 1.4em;
}
.contact-map iframe {
height: 307px;
}
h1.location {
font-size: 2.5em;
}
}
@media(max-width: 1366px){
.navbar-brand p{text-align:right; width:195px; position:absolute; top:0; left:100px;}
.search {
width: 45%;
}
.banner-grid{
max-height:221px;
}
.effect-bubba,.effect-bubba img{
max-height:221px;
}
.banner-info h3 {
font-size: 2.8em;
}
figure.effect-bubba h4 {
padding-top: 40%;
}
}
@media(max-width: 1280px){
.navbar-brand p{text-align:right; width:195px; position:absolute; top:0; left:30px;}
.search {
width: 41%;
}
.banner-info {
margin-top: 36%;
}
figure.effect-bubba h4 {
padding-top: 40%;
font-size:0.8em;
}
.banner-grid{
max-height:206px;
}
.effect-bubba,.effect-bubba img{
max-height:206px;
}
section.services h2.agile-se, .testimo h3, .contact-top h3, h3.title-agile2, h3.title-agile {
font-size: 2.35em;
}
section.services, .about-middle, .contact, .gallery, .w3ls-team {
padding: 4em 0;
}
.about-midd-main {
width: 80%;
}
.w3-test {
height: 344px;
padding: 4.3% 2% 5%;
}
.about-midd-main h4 span {
font-size: 4.3em;
}
.about-midd-main h5 a {
font-size: 1.35em;
}
.contact-map iframe {
height: 296px;
}
.footer {
padding: 3em 0em;
}
}
@media(max-width: 1080px){
h1.location {
font-size: 2.45em;
}
.search {
width: 43%;
}
.banner-info h3 {
font-size: 2.7em;
}
.banner-info p {
font-size: 1em;
margin-top: 0.7em;
letter-spacing: 2px;
}
figure.effect-bubba h4 {
padding-top: 30%;
font-size:0.5em
}
.banner-grid{
max-height:174px;
}
.effect-bubba,.effect-bubba img{
max-height:174px;
}
.banner-info {
margin-top: 44%;
}
section.services h2.agile-se, .testimo h3, .contact-top h3, h3.title-agile2, h3.title-agile {
font-size: 2.3em;
}
section.services h4.text-center {
font-size: 1.3em;
}
.about-midd-main p {
letter-spacing: 0px;
}
.about-midd-main h4 span {
font-size: 4.2em;
}
.about-midd-main h5 a {
font-size: 1.25em;
}
.theme_txt h2{
margin-top:0;
}
.view {
margin-top: 1em;
}
.w3-test {
padding: 1% 2% 4%;
height:286px;
}
.contact-map iframe {
height: 265px;
}
.about{
padding-top:10%;
}
.right_txt p{
width:90%;
}
.right_txt{
border-left:none;
}
}
@media(max-width: 1050px){
.banner-info h3 {
font-size: 2.6em;
}
.banner-info {
margin-top: 47%;
}
section.services h2.agile-se, .testimo h3, .contact-top h3, h3.title-agile2, h3.title-agile {
font-size: 2.2em;
}
p {
letter-spacing: 0px;
}
.team-grids {
padding: 8px !important;
}
.contact-top {
padding-bottom: 2.5em;
}
.contact-block-left input[type="submit"] {
padding: 0.8em 0;
}
}
@media(max-width: 1024px){
.top-header {
padding: 0.9em 0;
}
.search {
width: 45%;
}
section.services h2.agile-se, .testimo h3, .contact-top h3, h3.title-agile2, h3.title-agile {
font-size: 2.1em;
}
section.services h4.text-center {
font-size: 1.25em;
}
.copyrights {
margin-top: 3%;
}
.banner-info h3 {
font-size: 2.3em;
}
.banner-grid{
max-height:165px;
}
.effect-bubba,.effect-bubba img{
max-height:165px;
}
.banner-slider {
min-height: 341px;
}
.banner-info {
margin-top: 23%;
}
.banner-info p {
font-size: 0.95em;
}
figure.effect-bubba h4 {
padding-top: 15%;
display:none;
}
figure.effect-bubba h3{
padding-top: 25%;
font-size:20px;
}
}
@media(max-width: 991px){
.navbar-brand p{text-align:center; width:195px; position:relative; left:0;}
.logo-w3l {
float: left;
width: 50%;
}
.banner-slider {
min-height: 460px;
}
.banner-info {
margin-top: 18%;
}
.banner-info p {
letter-spacing: 3px;
}
.banner-grid {
padding: 0 0 0 0em;
float: left;
width: 24.56%;
margin: 0.3em 0.3em 0 0em;
}
.banner-grid{
max-height:100%;
margin-bottom:4px;
}
.effect-bubba,.effect-bubba img{
max-height:100%;
}
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
top:20px;
right:20px;
bottom:20px;
left: 20px;
}
figure.effect-bubba h4 {
padding-top:22%;
display:block;
font-size:1.2em;
}
figure.effect-bubba h3{
padding-top:0;
font-size:2.em;
}
section.services h2.agile-se, .testimo h3, .contact-top h3, h3.title-agile2, h3.title-agile {
font-size: 2.05em;
}
section.services h4.text-center {
font-size: 1.2em;
}
.about-midd-main {
width: 100%;
}
.about-midd-main p {
font-size: 0.9em;
}
.view {
padding: 0.5em 1.2em;
margin-top: 1.4em;
}
.about-midd-main h4 span {
font-size: 3.5em;
}
.about-midd-main h5 a {
font-size: 1.2em;
}
.w3-test {
padding: 1% 2% 4%;
height: 276px;
}
.gallery-grid {
float: left;
width: 33%;
padding: 0 .5em;
}
.carouselGallery-grid .carouselGallery-col-1, .carouselGallery-grid .carouselGallery-col-2 {
margin-top: 1em !important;
}
.theme_pic{
margin-bottom:20px;
}
.team-grids {
float: left;
width: 50%;
}
.team-grids {
padding: 1px 11px !important;
}
.thumbnail.team-w3agile h4 {
font-size: 1.5em;
}
.caption p {
letter-spacing: 1px;
}
.thumbnail.team-w3agile {
padding: 8% 0 22%;
}
.social-icons.team-icons {
padding: 4.58% 0;
}
.contact-top p {
width: 94%;
}
.contact-block-left input[type="text"], .contact-block-left input[type="email"], .contact-block-left input[type="tel"], .contact-block-left input.subject, .contact-block-left textarea {
padding: 0.7em 0.7em;
}
.contact-block-left textarea {
height: 12em;
}
.ftr-grid {
float: left;
width: 33%;
}
.copyrights {
margin-top: 4%;
}
}
@media(max-width: 900px){
}
@media(max-width: 800px){
h1.location {
font-size: 2.3em;
letter-spacing: 1px;
}
.right-w3l ul.top-links li a i.fab {
width: 35px;
height: 35px;
font-size: 16px;
line-height: 34px;
}
.right-w3l ul.footer-links li {
width:38px;
height:38px;
}
ul.top-links li {
margin-left: 3px;
}
.search input[type="search"] {
padding: 7px 0px 7px 1px;
}
.logo-w3l {
padding: 0;
}
.banner-slider {
min-height: 390px;
}
.banner-grid {
width:49.46%;;
}
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
top: 25px;
right: 25px;
bottom: 25px;
left: 25px;
}
figure.effect-bubba h4 {
padding-top: 26%;
font-size: 1.3em;
}
section.services p.services-w3ls {
font-size: 0.9em;
}
.w3-agile a {
width: 80px;
height: 80px;
}
.w3-agile a i {
font-size: 1.9em;
line-height: 3;
}
.about-midd-main {
width: 91%;
}
.w3-test {
padding: 3% 1% 3%;
}
.about-midd-main h5 a {
font-size: 1.1em;
letter-spacing: 1px;
}
.view {
margin-top: 1.2em;
}
.contact-map iframe {
height: 250px;
}
.ftr-grid.fg1 {
width: 100%;
}
.ftr-grid.fg2 {
float: left;
width: 50%;
margin-top: 1.5em;
}
.ftr-grid.fg1 p {
margin-top: 1em;
}
.ftr-grid h3 {
font-size: 1.45em;
}
.copyrights {
margin-top: 5%;
}
.thumbnail.team-w3agile {
padding: 8% 0 19%;
}
.banner-info {
margin-top: 19%;
}
}
@media(max-width: 768px){
h1.location {
font-size: 2.2em;
}
.banner-grid {
width: 49.44%;
}
.banner-grid{
margin-bottom:0px;
}
.about-midd-main{
width:100%;
}
.about{
padding-top:0%;
}
.about .about_block,
.about .container{
width:90%;
}
img.agile-img{
width:100% !important;
}
.w3-test{
width:100%;
height:auto;
padding-bottom:10px;
}
section.services, .about-middle, .contact, .gallery, .w3ls-team {
padding: 3.5em 0;
}
.contact-map iframe {
height: 238px;
}
.footer {
padding: 2.5em 0em;
}
}
@media(max-width: 767px){
.hidden-xs {
display: block !important;
}
}
@media(max-width: 736px){
h1.location {
font-size: 2.1em;
}
.banner-info h3 {
font-size: 2.25em;
}
.banner-slider {
min-height: 370px;
}
.banner-info {
margin-top: 18%;
}
.banner-grid {
width: 49.41%;
}
figure.effect-bubba h4 {
padding-top: 24%;
}
.w3-test {
padding: 2% 1% 2.8%;
}
.callbacks_tabs {
left: 41%;
}
}
@media(max-width: 667px){
span.icon-w3 {
background: url(../images/icon.png)no-repeat 10px -1px;
}
.right-w3l {
margin-right: 8px;
}
.banner-grid {
width: 49.35%;
}
.banner-slider {
min-height: 350px;
}
section.services h4.text-center {
font-size: 1.1em;
letter-spacing: 0px;
}
section.services, .about-middle, .contact, .gallery, .w3ls-team {
padding: 3em 0;
}
.view {
font-size: 0.9em;
margin-top: 1em;
}
.about-midd-main h4 span {
font-size: 3em;
}
.about-midd-main h4 {
font-size: 0.95em;
}
.about .about_block{
padding-top:200px;
}
.banner-info {
margin-top: 18.5%;
}
.contact-block-left input[type="submit"] {
padding: 0.75em 0;
width: 24%;
}
ul.footer-links li{
width:33px;
height:33px;
}
}
@media(max-width: 640px){
ul.top-links li {
margin-left: 1px;
}
.banner-info h3 {
font-size: 2.15em;
}
.banner-grid {
width: 49.32%;
}
figure.effect-bubba h4 {
font-size: 1.2em;
}
section.services h2.agile-se, .testimo h3, .contact-top h3, h3.title-agile2, h3.title-agile {
font-size: 1.95em;
}
img.agile-img {
width: 100% !important;
}
.w3-test {
padding: 4% 0% 5%;
width: 100%;
}
.about-midd-main h4 {
font-size: 1em;
margin-bottom: 2%;
}
.about-midd-main h4 span {
font-size: 4em;
}
.about-midd-main h5 a {
font-size: 1.3em;
letter-spacing: 2px;
}
.about-midd-main h5 a {
margin-bottom: 3%;
}
.about-midd-main p {
font-size: 1em;
letter-spacing: 1px;
}
.view {
font-size: 1em;
margin-top: 1.5em;
padding: 0.6em 1.2em;
}
.caption p {
letter-spacing: 0px;
}
.thumbnail.team-w3agile h4 {
padding-bottom: 1%;
}
.contact-block-left textarea {
height: 11em;
}
.callbacks_tabs {
left: 40%;
}
.thumbnail.team-w3agile img {
width: 52%;
}
}
@media(max-width: 600px){
.right-w3l ul.top-links li a i.fab {
width: 32px;
height: 32px;
font-size: 14px;
line-height: 32px;
}
.search {
padding: 1px 6px;
}
span.icon-w3 {
background: url(../images/icon.png)no-repeat 14px -1px;
}
h1.location {
font-size: 2.05em;
}
.banner-info h3 {
font-size: 2.05em;
}
.banner-slider {
min-height: 330px;
}
.callbacks_tabs a:after {
height: 14px;
width: 14px;
}
.banner-grid {
width: 49.27%;
}
figure.effect-bubba h4 {
font-size: 1.1em;
}
.serv-agile {
float: left;
width: 100%;
}
.serv-agile:nth-child(4), .serv-agile:nth-child(5), .serv-agile:nth-child(6), .serv-agile:nth-child(3) {
margin-top: 3%;
}
.contact-block-left textarea {
height: 10em;
}
.contact-map iframe {
height: 230px;
}
}
@media(max-width: 568px){
.right-w3l {
margin-right: 2px;
}
.right-w3l {
float: ;
width: 50%;
}
.logo-w3l.w31 {
width: 55%;
}
.logo-w3l.w32 {
width: 37%;
margin-left: 8%;
}
h1.location {
font-size: 2.05em;
}
.banner-info h3 {
font-size: 2em;
}
.banner-slider {
min-height: 330px;
}
.banner-info {
margin-top: 20%;
}
.banner-grid {
width: 49.23%;
}
figure.effect-bubba h4 {
padding-top:38%;
}
section.services, .about-middle, .contact, .gallery, .w3ls-team {
padding: 2.5em 0;
}
.serv-agile:nth-child(4), .serv-agile:nth-child(5), .serv-agile:nth-child(6), .serv-agile:nth-child(3) {
margin-top: 2%;
}
.contact-top p {
width: 100%;
}
.contact-top {
padding-bottom: 2em;
}
.contact-map iframe {
height: 220px;
}
.footer {
padding: 2em 0em;
}
.ftr-grid p {
font-size: 0.9em;
}
.copyrights p {
letter-spacing: 1px;
}
}
@media(max-width: 480px){
.navbar-brand p{text-align:left; width:195px; position:relative; left:-60px;}
h1.location {
font-size: 2em;
}
.logo-w3l.w32 {
width: 54%;
}
.right-w3l {
width: 91%;
}
.logo-w3l.w31 {
width: 37%;
}
.search {
width: 50%;
margin-top: 0em;
margin-left:80px;
margin-bottom:-20px;
}
.banner-info h3 {
font-size: 1.9em;
}
.banner-info p {
letter-spacing: 2px;
font-size: 0.9em;
}
.callbacks_tabs {
left: 37%;
bottom: -19%;
}
.banner-slider {
min-height: 300px;
}
.banner-grid {
width: 49%;
}
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
}
.effect-bubba img{
width:100%;
height:auto;
}
figure.effect-bubba h4{
padding-top:10%;
}
.about .about_block{
padding-top:150px;
}
.about .theme_block{
padding-top:150px;
background-position:bottom;
}
.theme_container .t_pic,.theme_container .t_theme{
width:100%;
}
.theme_container .t_pic{
margin-bottom:20px;
}
.theme_container .t_theme{
margin:20px auto;
float:none;
}
.right_txt p{
width:90%;
margin:0 auto;
}
.banner-info {
margin-top: 21%;
}
section.services h2.agile-se, .testimo h3, .contact-top h3, h3.title-agile2, h3.title-agile {
font-size: 1.9em;
}
.about-midd-main h4 span {
font-size: 3.8em;
}
.right-w3l ul.top-links li a i.fab {
width: 35px;
height: 35px;
font-size: 16px;
line-height: 34px;
}
.about-midd-main h5 a {
font-size: 1.2em;
}
.about-midd-main p {
font-size: 0.9em;
letter-spacing: 0px;
}
.about-midd-main h5 a {
margin-bottom: 2%;
}
.view {
margin-top: 1.2em;
}
.w3-test {
padding: 3% 0% 5%;
}
.gallery-grid {
float: left;
width: 50%;
}
.thumbnail.team-w3agile h4 {
padding-bottom: 0%;
font-size: 1.3em;
}
.caption p {
font-size: 0.9em;
line-height: 1.8;
}
.thumbnail.team-w3agile {
padding: 8% 0 24%;
}
.contact-top p {
font-size: 0.9em;
margin: 1.3% auto 0%;
line-height: 1.8;
}
.contact-block-left input[type="text"], .contact-block-left input[type="email"], .contact-block-left input[type="tel"], .contact-block-left input.subject, .contact-block-left textarea {
padding: 0.6em 0.6em;
font-size: 0.9em;
}
.contact-block-left textarea {
height: 9em;
}
.contact-block-left input[type="submit"] {
padding: 0.7em 0;
width: 32%;
}
.contact-map iframe {
height: 200px;
}
.copyrights p {
line-height: 1.9;
}
.copyrights {
margin-top: 6%;
}
.thumbnail.team-w3agile img {
width: 60%;
}
.content_self{
width:90%;
padding:10px 10px;
margin:0 auto;
}
ul.footer-links li {
margin-left:0px;
width: 35px;
height: 35px;
}
}
@media(max-width: 414px){
.navbar-brand p{text-align:left; width:195px; position:relative; left:-45px;}
.logo{
margin-left:15%;
}
h1.location {
font-size: 1.9em;
}
.right-w3l ul.top-links li a i.fab {
width: 33px;
height: 33px;
font-size: 16px;
line-height: 33px;
}
.navbar-header i.fas {
color: #665521;
font-size: 20px;
}
.navbar-header i.fas:hover {
color: #;
background-color:none;
}
.logo-w3l.w31 {
width: 38%;
}
.logo-w3l.w32 {
width: 52%;
}
.right-w3l {
width: 100%;
}
.search {
width: 40%;
margin-left:80px;
}
span.icon-w3 {
background: url(../images/icon.png)no-repeat 15px -1px;
}
.banner-info h3 {
font-size: 1.85em;
}
.banner-info p {
letter-spacing: 1px;
font-size: 0.85em;
}
.callbacks_tabs a:after {
height: 13px;
width: 13px;
}
.callbacks_tabs {
left: 35%;
}
.banner-slider {
min-height: 288px;
}
.banner-grid {
width: 48.93%;
}
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
}
figure.effect-bubba h4 {
padding-top: 10%;
font-size: 0.9em;
}
section.services h2.agile-se, .testimo h3, .contact-top h3, h3.title-agile2, h3.title-agile {
font-size: 1.8em;
}
section.services, .about-middle, .contact, .gallery, .w3ls-team {
padding: 2em 0;
}
.serv-agile {
width: 50%;
}
.serv-agile:nth-child(2), .serv-agile:nth-child(4), .serv-agile:nth-child(5), .serv-agile:nth-child(6), .serv-agile:nth-child(3) {
margin-top: 2%;
}
.banner-info {
margin-top: 23%;
}
.about-midd-main h4 span {
font-size: 3.5em;
}
.about-midd-main h5 a {
font-size: 1.15em;
}
.w3-test {
padding: 2% 1% 4%;
}
.theme_bottom p{
font-size:14px;
}
.view {
margin-top: 1em;
}
.thumbnail.team-w3agile img {
width: 65%;
}
.team-grids {
padding: 0px 7px !important;
}
.contact-block-left input[type="text"], .contact-block-left input[type="email"],.contact-block-left input[type="tel"], {
width: 100%;
}
.contact-block-left input.subject{
width:100%;
}
.contact-block-left textarea {
height: 8em;
}
.contact-block-left input[type="submit"] {
padding: 0.6em 0;
width: 33%;
}
.ftr-grid.fg2 {
width: 100%;
}
.right-w3l.fotw3 {
margin-top: 6%;
}
.copyrights {
margin-top: 9%;
}
.about_text{
padding:20px;
}
}
@media(max-width: 384px){
.navbar-brand p{text-align:left; width:195px; position:absolute; left:70px;}
.logo-w3l.w32 {
width: 83%;
}
.logo-w3l.w31 {
width: 100%;
margin-top: 1em;
}
.banner-info p {
letter-spacing: 3px;
font-size: 0.85em;
}
.banner-grid {
width: 48.84%;
}
.banner-grid {
width: 48.84%;
}
.ftr-grid h3 {
font-size: 1.35em;
}
.theme_bottom p{
width:90%;
}
.search {
width: 40%;
margin-left:90px;
}
}
@media(max-width: 375px){
.navbar-brand p{text-align:left; width:195px; position:absolute; left:60px;}
.banner-info h3 {
font-size: 1.8em;
}
.banner-grid {
width: 48.81%;
}
section.services h2.agile-se, .testimo h3, .contact-top h3, h3.title-agile2, h3.title-agile {
font-size: 1.7em;
}
.about_text{
padding:40px 20px;
}
.team-grids {
padding: 5px 40px !important;
width: 100%;
}
.thumbnail.team-w3agile img {
width: 58%;
}
.thumbnail.team-w3agile {
padding: 8% 0 25%;
}
.thumbnail {
margin-bottom: 11px !important;
}
}
@media(max-width: 360px){
figure.effect-bubba h4 {
font-size: 0.4em;
}
.about .about_block{
padding-top:100px;
}
.search {
width:80%;
margin-left:20px;
}
}
@media(max-width: 320px){
.logo-w3l.w32 {
width: 86%;
}
.search {
width:100%;
margin-left:0;
}
.search input[type="search"] {
font-size: 0.95em;
}
.search input[type="submit"] {
top: 6px;
right: 3px;
}
.banner-info p {
letter-spacing: 2px;
margin-top: 0.2em;
}
.banner-info h3 {
font-size: 1.7em;
}
.callbacks_tabs {
left: 31%;
}
.banner-slider {
min-height: 235px;
}
.banner-grid {
width: 48.59%;
}
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
top: 12px;
right: 12px;
bottom: 12px;
left: 12px;
}
figure.effect-bubba h4 {
padding-top: 0%;
letter-spacing: 0px;
font-size: 0.3em;
}
section.services, .about-middle, .contact, .gallery, .w3ls-team {
padding: 1.5em 0;
}
section.services h2.agile-se, .testimo h3, .contact-top h3, h3.title-agile2, h3.title-agile {
font-size: 1.6em;
}
.about-midd-main h4 span {
font-size: 3em;
}
.about-midd-main h5 a {
font-size: 1.05em;
}
.theme_container .t_pic{
height:300px;
}
.view {
font-size: 0.9em;
margin-top: 0.9em;
padding: 0.5em 1.2em;
}
.w3-test {
padding: 2% 2% 5%;
}
.gallery-grid {
width: 100%;
}
.contact-block-left input[type="submit"] {
width: 40%;
font-size: 0.9em;
}
.contact-map iframe {
height: 181px;
}
.footer {
padding: 1.3em 0em;
}
.ftr-grid.fg1 p {
line-height: 1.8;
font-size: 0.85em;
}
.ftr-grid.fg2 {
margin-top: 1em;
}
.copyrights p {
font-size: 0.9em;
}
}
/*--//responsive--*/