body{
	margin:0;
	background: #fff;  
}
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;
	text-decoration:none;
	outline:none;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	font-family: 'Roboto', sans-serif;
}
p {
	margin:0;
	font-family: 'Roboto', sans-serif;
}
ul,label{
	margin:0;
	padding:0;
}
body a:hover{
	text-decoration:none;
}
body a:focus {
    outline: none;
    border: none;
    text-decoration: none;
}
/*-- banner --*/ 
/*-- banner --*/ 
.banner{ 
	background:url(../images/ba212.jpg)no-repeat center 0px;
	-webkit-background-size:cover; 
	-moz-background-size:cover;  
	background-size:cover; 
	float: left;
    width: 95.25%;
    float: right;
} 

.w3-links-top {
    margin: 0 0 0 auto;
    /*width: 5%;*/
    /*width: 100px;*/
}
.w3-banner-top {
    /*background-color:#333333;/*main*/
    background-color:#ffffff;/*main*/
}
.w3-logo-top h1  {
    color: #fff;
	font-size: 4em;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
}

.w3-social-icon ul {
    /*padding-top: 32em;*/
    padding: 1em 10px;
	text-align: center;
    display: flex;
}
.w3-social-icon ul li a {
    font-size:1.5em;
    /*color:#fff;*/
    color:#333333;

    border:1px solid #333333;
    padding:6px;

}
.w3-social-icon ul li a:hover {
    color: #0f6fba;
}


.w3-social-icon li{
    margin: 0 3px;
    list-style: none;
}




.banner-info {
    /*background: rgba(0, 0, 0, 0.44);*/
    background: rgba(0, 15, 65, 0.20);
}
/*-- top-header --*/
.agileheader{
    padding-top: 1.5em;
}
/*-- header --*/   
.w3-logo-top h1 a {
    color: #fff;
}
.agileits-w3layouts-icons {
    float: right;
    width: 50%;
    text-align: right;
    margin-top: 1em;
}  
.agileheader p {
    font-size: 1.2em;
    color: #fff;
    letter-spacing: 2px;
}
.agileheader p i.fa {
    font-size: 1.2em;
    margin-right: 2px;
    vertical-align: middle;
}

/*-- //top-header --*/
/*-- banner-text --*/ 
.banner-text {
    padding: 18.5em 0;
}
.w3-banner-text {
    padding: 0 10em 0 10em;
    text-align: center;
}
.banner-w3lstext h5 {
    /*font-size:3.5em;*/
    font-size:3em;
    font-weight: 800;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-bottom:1px solid #ffffff;
    padding: 0.2em;
}
.banner-w3lstext h1 {
    /*font-size: 7em;*/
    font-size: 6em;
    color: #fff;
    font-weight: 100; 
    text-transform: uppercase;
    border: 1px solid #fff;
    display: inline-block;
    padding: .1em .5em;
    margin: 0.3em 0;
    border:1px solid #ffffff;
}
.banner-w3lstext p {
    font-size:1.7em;
    color: #fff;
    line-height: 2em;
    font-weight: 600;
    width: 85%;
    margin: 2em auto;
    /* font-weight: 300; */
    letter-spacing: 4px;
}
.w3-links-top a span {
   color: #0f6fba;
    font-weight: 400;
}

/*--search--*/
.search-box{
	float:right;
}
.sb-search {
	position: absolute;
	right:0px;
	width: 0%;
	min-width:42px;
	margin-top:14px;
	height:40px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
	z-index: 999;
}
.sb-search-input {
	position: absolute;
	top: 0;
	right: 3px;
	border: none;
	outline: none;
	background:#0f6fba;
	width: 68%;
	height:40px;
	margin: 0;
	z-index: 10;
	padding: 5px 15px;
	font-size: 15px;
	color: #ffffff;
	border-radius:50px;
}
.sb-search-input::-webkit-input-placeholder {
	color: #ffffff;
}
.sb-search-input:-moz-placeholder {
	color: #ffffff;
}
.sb-search-input::-moz-placeholder {
	color: #efb480;
}
.sb-search-input:-ms-input-placeholder {
	color: #ffffff;
}
.sb-icon-search,.sb-search-submit  {
	width:30px;
	height:40px;
	display: block;
	position: absolute;
	right: 0;
	top: 0%;
	padding: 0;
	margin: 0;
	line-height:71px;
	text-align: center;
	cursor: pointer;
}
.sb-search-submit {
	background: url('../images/search.png') no-repeat -6px 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    color: transparent;
	border: none;
	outline: none;
	z-index: -1;
	-webkit-appearance: none;
}
.sb-icon-search {
    background:#0f6fba url('../images/search.png') no-repeat 3px 10px;
	z-index: 90;
	width: 40px;
	height: 40px;
	border-radius: 50px;
}
.sb-search {
    margin-right: 6em;
    margin-top: -17px;  
}
/* Open state */
.sb-search.sb-search-open,.no-js .sb-search {
	width:72%;
}
.sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search {
	background:  url('../images/search.png') no-repeat 3px 10px;
	color: #fff;
	z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit {
	z-index: 90;
}
/*--//search--*/
/*-- //banner --*/ 
/*-- top-navigation --*/
.w3lsnav-right{
    margin: 0;
    width: 75%;
} 

/*--------------------------------------------*/
.agile-logo img{
	width: 11.5rem;
    font-family: 'Roboto', sans-serif;	
}
.agile-logo {
    /*color: #ffffff;*/
    color: #333333;
    display: block;
    text-decoration: none;
    text-align: center;
    /*height: 89px;*/
    height: 69px;
    line-height: 1.5em;
	letter-spacing:1px;
	-webkit-transition: .5s all;
	-moz-transition: .5s all; 
	transition: .5s all;
    margin-left: 10px; 
}

/*-------------------------------------------*/

.w3lsnav-right nav {
    background:#0f6fba;
    overflow: hidden;
    font-size: 1.2em;
    color: #fff;
    line-height: 50px;
    border-bottom:4px solid #fe2222;
}
.w3lsnav-right nav ul {
	height: 89px;
	overflow: hidden;
}  
.w3lsnav-right nav ul li {
    width: 20%;
    float: left;
    text-align: center;
    display: inline-block;
    border-right: 1px solid #333;
}
.w3lsnav-right .item-container {
	top: 0;
	position: relative;
	height: 89px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s; 
} 
.item-container a {
    color: #fff;
	display: block;
}
.w3lsnav-right .item-top,
.w3lsnav-right .item-top {
	color: #797979;
} 
.w3lsnav-right ,.w3lsnav-right .item-top.active{ 
	color: #fff;
	background: #191919;
}
.w3lsnav-right.navbar-left .item-container a:hover {
    color: #333;
}
.w3lsnav-right i.fa {
    display: block; 
	padding: 1em 0 0; 
	color: #fff;
}
.w3lsnav-right i.fa.fa-caret-down {
    display: inline-block;
    padding: 0 0 0 0.5em;
    vertical-align: middle;
} 
/*-- //top-navigation --*/  
/*-- navigation dropdown --*/ 
/*-- /about --*/
.testimonials,.gallery,.w3-blog,.contact,.footer-w3l{
    padding: 5em 0em;
}

 .w3_agile_team_grid_right h3,.w3-gallery-head h3,.w3_agile_blog_head h3,.w3_agile_contact_head h3, .about-head h3, .convenience-head h3 {
	font-size:3.5em;
    color: #0f6fba;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    letter-spacing: 5px;
    text-align: center;
    text-transform: uppercase;
	margin-bottom:30px;
}
.about {
    padding: 6em 0em 13em 0;
	background-color: #f5f9fe;
}
.wthree-ab-left img {
    width: 100%;
     padding:0;
}
.wthree-ab-right {
    padding: 2em 2em;
    padding: 7em 2em 7em 25em;
    background: #0f6fba;
    float: right;
    width: 85%;
}

/*add*/
.wthree-ab-right img{
    position: absolute;
    left:-20px;
    top:-50px;
}

.wthree-ab-right a {
    color: #fff;
}
.wthree-ab-left {
  padding: 0;
    position: absolute;
    z-index: 9999;
    top: 27%;
}
.wthree-ab-right h2 {
    /*font-size: 2em;*/
    font-size: 3em;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0.7em;
	color:#fff;
	font-family: "Roboto", sans-serif;
}
.wthree-ab-right p {
    /*font-size: 0.9em;*/
    font-family: "Roboto", sans-serif;
    font-size: 1.2em;
    color: #555;
    line-height: 1.9em;
}
.wthree-ab-right p {
    /*font-size: 1em;*/
    font-size: 1.2em;
    color:#fbfbfb;
    line-height: 1.9em;
    margin-bottom: 1em;
	letter-spacing: 2px;
}
.wthree-about{
   position: relative;
	
}
/*-- //about --*/ 
/*-- properties-page --*/
/*-- gallery --*/

.item-desc {
    background-color: rgba(0,0,0,0.5);
    color: white;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    padding: 1em;
    z-index: 1;
    bottom: 1em;
    left: 1em;
    right: 1em;
}

/* Filter controls */
.simplefilter li, .multifilter li, .sortandshuffle li {
    color: #1d1b1b;
    cursor: pointer;
    display: inline-block;
    padding: 0px 23px 9px;
    font-size: 18px;
    margin: 0 0.4em;
	font-family: "Roboto", sans-serif;
    letter-spacing: 1px;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	-moz-transition:0.5s all;
}
.simplefilter li.active {
    color: #00c5b5;
    border-bottom: 2px solid #00c5b5;
}
.simplefilter li:hover {
    color: #00c5b5;
    border-bottom: 2px solid #00c5b5;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	-moz-transition:0.5s all;
}
.filtr-item img{
	width:100%;
}
/* Shuffle and sort controls */
select {
    padding: 1rem 1rem;
    text-transform: uppercase;
}
.sortandshuffle .shuffle-btn {
    background-color: #dec800;
}
.sortandshuffle .sort-btn {
    background-color: #de0000;
}
.sortandshuffle .sort-btn.active {
    background-color: #9d0000;
}
ul.simplefilter {
    text-align: center;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.item-info {
    padding-top: 70px;
}			
.item-type-double .item-hover {	
	z-index:5;	
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;	
	opacity:0;
	cursor:pointer;			
	display:block;
	text-decoration:none;
	text-align:center;							
}
.item-type-double .item-info {
    z-index: 10;
    color: #ffffff;
    vertical-align: middle;
    position: relative;
    z-index: 5;
    text-align: center;
    width: 100%;				 					
}
.item-type-double .item-info .headline {
	font-size:15px;			
	width:90%;
	margin:0 auto;		
}
.item-type-double .item-info .line {
	height:2px;
	width:0%;
	margin:15px auto;
	background-color:#ffffff;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;					 
}				
.filtr-item {
    padding-top: 30px;
}
.jm-item {
	padding: 15px;
	display: inline-block;
	text-align: left;
}

.jm-item-wrapper {
	position: relative;
    padding: 7px;
    background: #FFFFFF;
    border: 1px solid #eee;
}

.jm-item-image {
	position: relative;
	overflow: hidden;
}

.jm-item-image img {
	display: block;
	width:100%;
}

/*add title color*/
.jm-item-title {
	text-align:center;
    background:rgba(0,66,255,0.9);/*��^*/
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 3px;
}
.jm-item-title-s {
	text-align:center;
    background:rgba(0,175,255,0.9);/*���^*/
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 3px;
}
.jm-item-title-ns {
	text-align:center;
    background:rgba(0,210,152,0.9);/*���q*/
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 3px;
}
.jm-item-title-d {
	text-align:center;
    background:rgba(120,140,190,0.9);/*��D*/
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 3px;
}

.jm-item-overlay {
	background: #000;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: opacity 0.5s ease-in 0s;
	-moz-transition: opacity 0.5s ease-in 0s;
	-o-transition: opacity 0.5s ease-in 0s;
	transition: opacity 0.5s ease-in 0s;
}

.jm-item-wrapper:hover .jm-item-overlay {
	opacity: 0.3;
}

.jm-item-button {
    text-align: center;
    position: absolute;
    left: 34%;
    margin: auto;
    right: 0;
    left: 0;
}

.jm-item-button a {
    background:rgba(0,175,255,0.9);
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 15px;
    letter-spacing: 2px;
    padding: 10px 15px;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
    text-decoration: none !important;
    display: block;
}

.jm-item-button a:hover {
    background: rgba(0, 0, 0, 0.61);
}
a.agile-its-property-title {
    font-size: 22px;
    display: block;
    margin: 15px 0 0 0;
    color:#337ab7;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
	font-family: "Roboto", sans-serif;
    letter-spacing: 5px;
}
p.w3ls-p-text {
    text-align: center;
    line-height: 23px;
    font-size: 13px;
    width: 85%;
    margin: 9px auto;
}
/** first **/

.first .jm-item-button {
	-webkit-transition: all 0.5s ease-in 0.5s;
	-moz-transition: all 0.5s ease-in 0.5s;
	-o-transition: all 0.5s ease-in 0.5s;
	transition: all 0.5s ease-in 0.5s;
	top: -100px;	
}

.first .jm-item-wrapper:hover .jm-item-button {
	top: 45%;	
}
/*-- //gallery --*/
/*-- model --*/  
.modal-dialog {
    width:80em;
    margin: 91px auto;
}
.ins-details {
    background-color: #fff;
     padding: 2em; 
}
.w3ls-property-images {
    background: url(../images/meisai/p1.jpg) no-repeat 0px 0px;
    min-height:548px;
    background-size: cover;
}
.w3-pop1-img2{
    background: url(../images/meisai/p2.jpg) no-repeat 0px 0px;
	background-size: cover;
}
.w3-pop1-img3{
  background: url(../images/meisai/p3.jpg) no-repeat 0px 0px;
	background-size: cover;
}
.w3-pop1-img4{
  background: url(../images/meisai/p4.jpg) no-repeat 0px 0px;
	background-size: cover;
}
.w3-pop1-img5{
  background: url(../images/meisai/p5.jpg) no-repeat 0px 0px;
	background-size: cover;
}
.w3-pop1-img6{
  background: url(../images/meisai/p6.jpg) no-repeat 0px 0px;
	background-size: cover;
}
.w3-pop1-img7{
  background: url(../images/meisai/p7.jpg) no-repeat 0px 0px;
	background-size: cover;
}
.w3-pop1-img8{
  background: url(../images/meisai/p11.jpg) no-repeat 0px 0px;
	background-size: cover;
}
.w3-pop1-img9{
  background: url(../images/meisai/p17.jpg) no-repeat 0px 0px;
	background-size: cover;
}
.w3-pop1-img10{
  background: url(../images/meisai/p15.jpg) no-repeat 0px 0px;
	background-size: cover;
}
.w3-pop1-img11{
  background: url(../images/meisai/p16.jpg) no-repeat 0px 0px;
	background-size: cover;
}
.w3-pop1-img12{
    background: url(../images/meisai/p18.jpg) no-repeat 0px 0px;
      background-size: cover;
  }

h4.modal-title {
    font-size: 35px;
    color: #000;
    text-align: center;
}
.modal.in .modal-dialog {
    background-color: #fff;
}
/*-- //model --*/ 
/*-- /blog model --*/ 
.modal-md {
    margin: 3em auto 0;
    width: 600px;
}
/*-- //blog model --*/  
/*-- //properties-page --*/
/*-- property-details --*/
.agileits-property-details {
	padding: 60px 0;
}
.instrument {
    padding: 70px 0;
}
.ins-name {
	margin:0px 0 35px 0;
}
.ins-name h3 {
    font-size: 25px;
    color:#0f6fba;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
	font-family: "Roboto", sans-serif;
}
.ins-name h6 {
    font-size: 25px;
    font-weight: 400;
    margin-top: 15px;
}
.ins-name p {
    font-size: 14.5px;
    line-height: 28px;
    color: #A2A1A2;
    font-weight: 300;
    margin: 20px 0 20px;
}
p.left {
    float: left;
    font-size: 14px;
    color:#0f6fba;
    letter-spacing: 3px;
    margin-right: 5%;
    width: 55%;
    font-weight: 600;
  
}
p.right {
    font-size: 14px;
    float: left;
    color:#337ab7;
    letter-spacing: 2px;
   
}
.span1 {
    margin: 18px 0;
    padding: 15px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.span4 {
    border-bottom: 1px solid #Eee;
    padding-bottom: 18px;
}
.ins-image {
    margin-top: 30px;
}
.ins-image img {
    width: 100%;
    border: 1px solid #eee;
    padding: 6px;
}
/*-- //property-details --*/
/*-- testimonials --*/
/*-- team --*/
.team {
	padding:2em 0;
}
.agile_team_left{
	background:#0f6fba;
    padding: 7em 0 0;
    min-height: 264px;
}
.agile_team_left h3{
	font-size:3.5em;
	color:#fff;
	text-align:center;
    font-family: 'Yanone Kaffeesatz', sans-serif;
}
.agile_team_grid{
	padding:0;
}
/*-- image-effect --*/
.hovereffect1 {
    overflow: hidden;
    position: relative;
    text-align: center;
	padding:0;
}

.hovereffect1 .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect1:hover .overlay {
  background-color:rgba(23, 24, 24, 0.49);
}

.hovereffect1 img {
  display: block;
  position: relative;
}

.hovereffect1 h4 {
	text-transform: capitalize;
    letter-spacing: 2px;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 1.3em;
    padding: 10px 0;
    width: 55%;
    margin: 0 auto;
    font-weight: 600;
    /*background:#0f6fba;*/
    background:rgba(15,111,186,0.75);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
    transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect1:hover h4 {
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px);
  -moz-transform:translateY(80px);
  -o-transform: translateY(80px);
}

.hovereffect1 .social_agileinfo{
    text-transform: uppercase;
    color: #fff;
    background-color: transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
    transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
    font-weight: normal;
    margin: 0;
    padding:7em 2em 0em;
}

.hovereffect1:hover .social_agileinfo{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.social_agileinfo li{
	display:inline-block;
	float: none !important;
}
.social_agileinfo li a{
	width:40px;
	height:40px;
	display:block;
	border:1px solid #fff;
	text-align:center;
	color:#fff;
}
.social_agileinfo li a i{
	font-size:1em;
	line-height:2.8em;
}
.w3_facebook:hover{
	border:1px solid #3b5998;
	background:#3b5998;
}
.w3_twitter:hover{
	border:1px solid #1da1f2;
	background:#1da1f2;
}
.w3_instagram:hover{
	border:1px solid #833ab4;
	background:#833ab4;
}
.w3_google:hover{
	border:1px solid #dd4b39;
	background:#dd4b39;
}
/*--flexisel--*/
.flex-slider{	
	background:#222227;
	padding: 70px 0 165px 0;
}
#flexiselDemo1 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.nbs-flexisel-inner {
	overflow: hidden;
	margin: 0px auto;
	padding:0;
}
.nbs-flexisel-item {
	float: left;
	margin: 0;
	padding: 0px;
	position: relative;
	line-height: 35px;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
}
/*---- Nav ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
    width: 33px;
    height: 33px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    background:none;
    top: -5% !important;
    border-radius: 5px;
	display:none;
}
.nbs-flexisel-nav-left {
	left:94%;
}
.nbs-flexisel-nav-right {
	right: 0%;
    background:none;
}
/*--//flexisel--*/
/*-- //team --*/
.w3ls_testimonials_grids{
	width:100%;

}
.w3l_testimonial_grid{
	padding: 4em 2em 2em;
    background:#333333;
    text-align: center;
    position: relative;
    margin: 5em 1.2em 0;
}
.w3l_testimonial_grid:focus,.agileits_testimonial_grid:focus{
	outline:none;
}
.w3l_testimonial_grid_pos{
	position:absolute;
	width:100%;
	text-align:center;
	top:-25%;
	left:0%;
}
.w3l_testimonial_grid_pos img{
	margin:0 auto;
}
.w3l_testimonial_grid p{
	color:#ffffff;
	line-height:2em;
	position:relative;
	padding-left:2em;
	letter-spacing: 2px;
}
.w3l_testimonial_grid p:before{
	content:"\f10d";
	font-size:2em;
	color:#0f6fba;
	font-family:FontAwesome;
	position:absolute;
	top:0%;
	left:0%;
}
.agileits_testimonial_grid h4{
	font-size:1.1em;
	color:#fff;
	margin:1em 0 0.5em;
}
.agileits_testimonial_grid h5{
	font-size:.8em;
	color:#0f6fba;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Arrows */
.slick-prev,
.slick-next
{
    line-height: 0;
    position: absolute;
    top: 60%;
    display: block;
    width: 50px;
    height: 40px;
    margin-top: 0;
    padding: 0;
    cursor: pointer;
    color: #fff;
    border: none;
    font-size: 1em;
    outline: none;
    background: #0accff;
    z-index: 9;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    outline: none;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'FontAwesome';
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev:before
{
    content:"\f177";
}
[dir='rtl'] .slick-prev:before
{
    content: "\f177";
}

.slick-next,[dir='rtl'] .slick-prev
{
    right:-6.5%;
}
[dir='rtl'] .slick-next,.slick-prev
{
    right: auto;
    left:-6.5%;
}
.slick-next:before
{
    content: "\f178";
}
[dir='rtl'] .slick-next:before
{
    content: "\f178";
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: #333333;
    border: 0;
    outline: none;
    background:transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'FontAwesome';
    font-size: 13px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "\f111";
    text-align: center;
    opacity: .25;
    color: #808080;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
/*-- //testimonials --*/
/*-- blog --*/
.w3-blog{
   background-color:#0f6fba;
}
.w3-blog-head {
    text-align: center;
    margin-top: 9em;
}
.w3-blog-head h3 {
    color:#fff;
    font-size: 2.5em;
    font-family: "Roboto", sans-serif;
	outline: none;

}
.w3_agile_blog_head h3 {
    color: #fff;
}
.w3-blog-grid1{
      /*background:url(../images/blog3333.jpg)no-repeat 0px 0px;*/
      background:url(../images/m2.jpg)no-repeat 0px 0px;
      background-size:cover; 
      min-height:403px;
}
.w3-blog-grid1 .date-grid {
    margin-left: 13em;
}
.w3-blog-grid2,.w3-blog-grid8 {
    text-align: center;
    padding: 4em 1.5em 9em 1.5em;
    border: 1px solid #f2dede;
	background-color: #fff;
    min-height:403px;

}
.w3-blog-grid2 h3, .w3-blog-grid8 h3 {
    font-size: 2.5em;
    color:rgba(0,175,255,0.9);
    line-height: 1em;
    font-family: "Roboto", sans-serif;
}
.w3-blog-grid1 h3 {
    color:#fff;
}
.w3-blog-grid2 p,.w3-blog-grid8 p {
   line-height: 1.9em;
    letter-spacing: 1px;
}
.w3-blog-grid3 {
    /*background: url(../images/blog1234.jpg)no-repeat 0px 0px;*/
    background: url(../images/p2.jpg)no-repeat 0px 0px;
    background-size: cover;
    min-height: 403px;
}
.w3-blog-grid9 {
    background: url(../images/blog2.jpg)no-repeat 0px 0px;
    background-size: cover;
    min-height:403px;
}
.w3-blog-grid4 h3 {
    font-size: 2.5em;
    color:rgba(0,175,255,0.9);
    line-height: 1em;
    font-family: "Roboto", sans-serif;
}
.w3-blog-grid4 p {
   line-height: 1.9em;
    letter-spacing: 1px;
}
.w3-blog-grid4{
    text-align: center;
    padding: 4em 1.5em 9em 1.5em;
    border: 1px solid #f2dede;
	background-color: #fff;
    min-height:403px;
   
}
.w3-blog-grid5 {
    background: url(../images/blog32.jpg)no-repeat 0px 0px;
    background-size: cover;
    min-height: 403px;
}
.w3-blog-grid6 {
    /*background: url(../images/blog123.jpg)no-repeat 0px 0px;*/
    background: url(../images/hozen05.jpg)no-repeat 0px 0px;
    background-size: cover;
    min-height: 403px;
}
.w3-blog-grid6 .date-grid {
    margin-left: 13em;
}
.w3-blog-grid7{
      background:url(../images/sha01.jpg)no-repeat 0px 0px;
      background-size:cover; 
      min-height:403px;
}
.w3-blog-grid7 .date-grid {
    margin-left: 11em;
}
.date-grid {
    margin: .5em 0;
}
.admin {
    float: left;
}
.admin a {
    color: rgba(0,175,255,0.9);
    font-size: .875em;
    margin: 0;
    text-decoration: none;
}
.time {
    float: left;
    margin-left: 5em;
}
.time p {
    color:rgba(0,175,255,0.9);
    font-size: .875em;
    margin: 0;
}
/*-- model --*/  
.modal-dialog {
    width:74em;
    margin: 91px auto;
}
.modal-header h4{
	color:#0f6fba;
    font-size: 2em;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    font-weight: bold;
}
.modal-header h5 {
    color:#337ab7;
    font-size: 1.3em;
    letter-spacing: 1px;
    text-align: center;
    margin: 0.3em 0 1em;
}
.modal-header span {
    font-size: 1.1em;
    letter-spacing: 1px;
    padding-bottom: 16px;
	display:inline-block;
	margin-top:1em;
	color: #999999;
    font-size: .9em;
   margin: 2em 0;
    line-height: 1.8em;
    font-family: "Roboto", sans-serif;
}
.modal-header img{
    float: left;
    width: 100%;
}
/*-- //model --*/  

/*-- //blog --*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Arrows */
.slick-prev,
.slick-next
{
    line-height: 0;
    position: absolute;
    top: 60%;
    display: block;
    width: 50px;
    height: 40px;
    margin-top: 0;
    padding: 0;
    cursor: pointer;
    color: #fff;
    border: none;
    font-size: 1em;
    outline: none;
    background: #0accff;
    z-index: 9;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    outline: none;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'FontAwesome';
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev:before
{
    content:"\f177";
}
[dir='rtl'] .slick-prev:before
{
    content: "\f177";
}

.slick-next,[dir='rtl'] .slick-prev
{
    right:-6.5%;
}
[dir='rtl'] .slick-next,.slick-prev
{
    right: auto;
    left:-6.5%;
}
.slick-next:before
{
    content: "\f178";
}
[dir='rtl'] .slick-next:before
{
    content: "\f178";
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: #333333;
    border: 0;
    outline: none;
    background:transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'FontAwesome';
    font-size: 13px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "\f111";
    text-align: center;
    opacity: .25;
    color: #808080;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
/*-- footer-starts-here --*/
.footer-w3l {
   
    background:#111;
}
.footer-grid h4 {
    font-size: 1.7em;
    color: #fff;
    font-weight: 600;
    margin-bottom: 1em;
    text-transform: capitalize;
    text-align: left;
}
.footer-grid input[type="email"] {
    border: 1px solid transparent;
    background: none;
    border-bottom: 1px solid #1F1F1F;
    width: 100%;
    padding: 0.9em 0em;
    margin-bottom: 3em;
    font-size: 1em;
    color: #fff;
    outline: none;
}
.footer-grid input[type="submit"] {
    border: none;
    background:#0f6fba;
    width: 100%;
    color: #fff;
    font-size: 1.2em;
    padding: 10px 0;
    outline: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.footer-grid p {
    font-size: 1em;
    color: #eee;
    line-height: 1.9em;
    letter-spacing: 1px;
}
.footer-grid ul li a {
    color: #eee;
    text-decoration: none;
}
.footer-grid input[type="submit"]:hover {
    background: #fff;
    color: #222;
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.footer-grid ul li {
    list-style: none;
    color: #fff;
    font-size: 1em;
    line-height: 1.9em;
    /*padding-left: 5em;*/
    padding-left: 0em;
}
/*-- //footer-ends-here --*/
.copy-section {
    padding: 2em 0;
    background: #0f6fba;
    text-align: center;
    
}
.copy-section p {
    font-size: 1em;
    color: #fff;
    letter-spacing: 2px;
}
.copy-section a {
    font-size: 1em;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
}
/* Icons */
.icons-w3l ul li {
	display:inline-block;
	margin:0 0.2em;
	padding-left:0;
	background:#000;
}
.icons-w3l ul li a{
	width:30px;
	height:30px;
	display:inline-block;
	position: relative;
}
.icons-w3l ul li a i {
    font-size: 15px;
    color: #fff;
    border: 1px solid #fff;
    width: 30px;
    padding-top: 6px;
    height: 30px;
    text-align: center;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	-moz-transition:0.5s all;
}
.icons-w3l ul li a i:hover{
	background:#333;
    border: 1px solid #fff;
	transition:0.5s all;	
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	-moz-transition:0.5s all;
}
.icons-w3l ul li a span {
    color: #fff;
    position: absolute;
    bottom: 0;
    left: -25px;
    right: -25px;
    padding: 6px 5px;
    font-size: 12px;
    letter-spacing: 2px;
    border-radius: 2px;
    background: #000;
    visibility: hidden;
    opacity: 0;
	text-align: center;
    -o-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.icons-w3l ul li a span:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    position: absolute;
    bottom: -5px;
    left: 34px;
}
.icons-w3l ul li a:hover span {
    bottom: 41px;
    visibility: visible;
    opacity: 1;
}
.icons-w3l {
    margin: 26px 0 24px 28px;
}
/*--Icons--*/


/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 40px;
    height: 40px;
	border: none;
	text-indent: 100%;
	background: url(../images/top.png) no-repeat 0px 0px;
}
#toTopHover {
	width:40px;
	height:40px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

#tramping {
    margin: auto;
}

.tramping__main {
    display: flex;
    justify-content: space-between;
}

#tramping .section-title {
    width: 60%;
    background: #0f6fba;
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
    padding: 3rem 2rem 2rem 2rem;
    margin: 2rem auto;
}

#tramping .section-title h2 {
    position: relative;
    border-bottom: 2px solid #fff;
    padding-bottom: 1rem;
}

#tramping .section-title img {
    max-width: 90%;
    position: absolute;
    transform: rotate(30deg);
    right: 0;
}

.tramping__content {
    width: 45%;
}

.tramping__content__choices {
    background-color: #dbedfd;
    text-align: center;
    cursor: pointer;
    margin-top: 3rem;
}

.tramping__content__choices h3 {
    padding: 2rem;
    margin-bottom: 1rem;
}

.tramping__detail {
    min-height: 500px;
}

.tramping__detail ul {
    list-style: none;
    display: none;
    opacity: 0;
    transition: all 0.5s;
}

.tramping__detail ul li  {
    font-size: 2rem;
    margin: 1rem auto;
    padding: 1rem 5rem;
}

.tramping__detail ul li a::after {
    content: url(../images/PDFicon.png);
}

#tramping .tramping__main.left__open #tramping__content__left .tramping__content__choices {
    background-color: #0f6fba;
    color: #fff;
}

#tramping .tramping__main.right__open #tramping__content__right .tramping__content__choices {
    background-color: #0f6fba;
    color: #fff;
}

.tramping__main.left__open #tramping__content__left ul {
    display: block;
    opacity: 1;
}

.tramping__main.right__open #tramping__content__right ul {
    display: block;
    opacity: 1;
}

/*-- //to-top --*/
/*-- /responsive design --*/
@media(max-width:1440px){
	.w3-links-top {
    float: left;
    /*width: 6%;*/
    width: 66px;
    }
	.banner {
    width: 94%;
   }
   .agile_team_left {
    background: #0f6fba;
    padding: 7em 0 0;
    min-height: 240px;
   }
}
@media(max-width:1366px){
	.agile_team_left {
    min-height: 228px;
    }
}
@media(max-width:1280px){
	.agile_team_left {
    min-height: 214px;
    }
	[dir='rtl'] .slick-next, .slick-prev {
    right: auto;
    left: -5%;
    }
	.slick-next, [dir='rtl'] .slick-prev {
    right: -5%;
    }
	
}
@media(max-width:1080px){
	.banner {
    width: 93%;
     }
	 .agile-logo h2 {
    font-size: 3em;
	 }
	 .w3-links-top {
    /*width: 7%;*/
    width: 66px;
    }
	.wthree-ab-right {
    width: 81%;
   }
   .wthree-ab-left {
    top: 54%;
   }
   .hovereffect1 img {
    display: block;
    position: relative;
    min-height: 214px;
   }
   .hovereffect1 h4 {
    text-transform: capitalize;
    letter-spacing: 1px;
   }
   
	.w3-blog-grid2, .w3-blog-grid8 {
    padding: 4.7em 2em 6.1em 2em;  
    }
	.w3-blog-grid4 {
    text-align: center;
    padding: 4.7em 2em 6.1em 2em;
	}
	.w3-blog-grid1 {
    min-height:400px;
    }
	.w3-blog-grid3 {
    min-height:400px;
    }
	.w3-blog-grid5 {
    min-height:400px;
    }
	.w3-blog-grid6 {
    min-height:400px;
    }
	.w3-blog-grid7 {
    min-height: 400px;
     }
	 .w3-blog-grid9 {
    min-height: 400px;
    }
	.time {
    float: left;
    margin-left: 3em;
    }
	.w3l_footer_nav li {
    margin-right: 3em;
    }
	.w3layouts_footer_grid h2:after {
    left: 51%;  
    }
	.flex-direction-nav .flex-next {
    right: 15px;
     }
	 .w3-links-top {
    /*width: 8%;*/
    width: 66px;
     }
	 .banner {
    width: 92%;
     }
	 .modal-dialog {
    width: 63em;
    margin: 82px auto;
     }
	 .ins-name h3 {
    font-size: 20px;
    }
	 .w3-blog-grid1 .date-grid {
    margin-left: 10em;
    }
	.w3-blog-grid6 .date-grid {
    margin-left: 10em;
    }
	.w3-blog-grid7 .date-grid {
    margin-left: 10em;
     }
	 [dir='rtl'] .slick-next, .slick-prev {
    right: auto;
    left: -5.8%;
    }
	.slick-next, [dir='rtl'] .slick-prev {
    right: -5.8%;
    }
	.w3-banner-text {
    padding: 0 7em;
    }
	.footer-grid h4 {
    font-size: 1.6em;
	}
}
@media(max-width:1024px){

/*add*/
.agile-logo p{
font-size:0.8em;
}


.hovereffect1 h4 {
    padding: 9px 0;
    width: 61%;
	}	
    .w3ls_testimonials_grids {
    width: 100%;
    padding: 0px 4em 0 4em;
    }
  .banner-w3lstext h5 {
    font-size: 3.4em;
   }
   [dir='rtl'] .slick-next, .slick-prev {
    right: auto;
    left:-8.8%;
    }
	.slick-next, [dir='rtl'] .slick-prev {
    right: -8.8%
    }
	.w3-blog-grid1 {
    min-height: 407px;
    }
	.w3-blog-grid3 {
    min-height: 407px;
    }
	.w3-blog-grid5 {
    min-height: 407px;
    }
	.w3-blog-grid6 {
    min-height: 407px;
    }
	.w3-blog-grid7 {
    min-height: 407px;
    }
	.w3-blog-grid9 {
    min-height: 407px;
    }
	.agile-logo h2 a {
    line-height: 2em;
	}
	.jm-item-button {
    left: 31%;
    }
}
@media(max-width:991px){
	.banner-w3lstext h5 {
    font-size: 3.2em;
	}
	.banner-text {
    padding: 15.5em 0;
    }
	.wthree-ab-right {
    width: 100%;
    }
	.wthree-ab-right h2 {
    font-size: 1.8em;
	}
	.wthree-ab-left img {
    width: 48%;
	}
     .w3layouts_footer_grid {
    width: 50%;
    float: left;
    }
	.jm-item {
    float: left;
    width: 50%;
	}
	.w3-blog-grid2 {
    width: 33%;
    float: left;
     }
	.w3-blog-grid3 {
    width: 33%;
    float: left;
	min-height: 401px
    }
	.w3-blog-grid1 {
    width: 33%;
    float: left;
	min-height: 401px
    }
	.w3-blog-grid4 {
    width: 33%;
    float: left;
     }
	 .w3-blog-grid5 {
    width: 33%;
    float: left;
	min-height: 401px
     }
	 .w3-blog-grid6 {
    width: 33%;
    float: left;
	min-height: 401px
     }
	 .w3-blog-grid9 {
    min-height: 400px;
    width: 33%;
    float: left;
    }
	.w3-blog-grid8 {
    width: 33%;
    float: left;
    }
	.w3-blog-grid7 {
    min-height: 400px;
    width: 33%;
    float: left;
    }
	.ins-details {
    width: 50%;
    float: left;
   }
   .w3ls-property-images {
    width: 50%;
    float: left;
    }
	 .w3-blog-grid1 .date-grid {
    margin-left:3em;
    }
	.w3-blog-grid6 .date-grid {
    margin-left: 3em;
    }
	.w3-blog-grid7 .date-grid {
    margin-left:3em;
     }
	 .w3-banner-text {
    padding: 0 7em;
    text-align: center;
    }
	.w3-social-icon ul {
    /*padding-top: 29em;*/
    padding-top: 10em;
	}
		.w3-blog-grid1 {
    min-height: 408px;
    }
	.w3-blog-grid3 {
    min-height: 408px;
    }
	.w3-blog-grid5 {
    min-height: 408px;
    }
	.w3-blog-grid6 {
    min-height: 408px;
    }
	.w3-blog-grid7 {
    min-height: 408px;
    }
	.w3-blog-grid9 {
    min-height: 408px;
    }
	.footer-grid {
    width: 53%;
    margin: 3em auto;
	}
	.footer-w3l {
    padding: 2em 0;
	}
	.footer-grid ul li {
  
    padding-left: 1em;
}
.w3l_testimonial_grid {
    padding: 4em 1em 2em;

	}
	.w3_agile_team_grid_right h3, .w3-gallery-head h3, .w3_agile_blog_head h3, .w3_agile_contact_head h3, .about-head h3, .convenience-head h3 {
    font-size: 3em;
	}
	.agile_team_left h3 {
    font-size: 3em;
	}
}
@media(max-width:800px){
    .agile-logo{
        margin: 0 0 3rem 0;
    }
	.agile-logo h2 a {
    line-height: 1em;
	}
	.agile-logo h2 {
    font-size: 2.9em;
     }

/*add*/
.agile-logo p{
font-size:0.8em;
}

.agile-logo { 
    border-bottom:0;
}


.w3lsnav-right {
    margin: 0;
    width: 70%;
    }
	.w3-links-top {
    /*width: 10%;*/
    width: 66px;
    }
	.banner {
    width: 90%;
    }
	.agile-logo {
    width: 30%;
    } 
	.agile-logo h2 a {
    line-height: 2em;
    }
	.w3ls-property-images {
    min-height: 662px;
   }
   .modal-dialog {
    width: 44em;
    margin: 123px auto;
    }
	.w3layouts_footer_grid form {
    padding: 1em;
    border: 1px solid #fff;
    border-radius: 30px;
    width: 97%;
    }
	.w3-social-icon ul {
    /*padding-top: 23em;*/
    padding-top: 6em;
    }
	.banner-text {
    padding: 12.5em 0;
     }
	.banner-w3lstext h5 {
    font-size: 3.0em;
     }
	 .banner-w3lstext p {
    letter-spacing: 2px;
    }
	 [dir='rtl'] .slick-next, .slick-prev {
    right: auto;
    left: -11.8%;
    }
	.slick-next, [dir='rtl'] .slick-prev {
    right: -11.8%;
    }
	.w3-banner-text {
    padding: 0 3em;
	}
	.w3ls_testimonials_grids {
    width: 100%;
   
    }
	
	 .w3-blog-grid2, .w3-blog-grid8 {
    padding: 4.7em 2em 6.2em 2em;
    }
	.w3-blog-grid4 {
    padding: 4.7em 2em 6.2em 2em;
     }
	 .ins-details {
    width: 100%;
    float: none;
     }
	 .w3ls-property-images {
    min-height: 300px;
    width: 92%;
    float: none;
    margin: 0 auto;
    }
	
}
@media(max-width:768px){
	.banner-w3lstext h5 {
    font-size:2.9em;
    }
	.w3-links-top {
    /*width: 10%;*/
    width: 66px;
    }
	.banner {
    width: 90%;
    }
	.banner-text {
    padding: 12em 0;
    }
	.banner-w3lstext p {
    letter-spacing: 2px;
    }
	.w3-blog-grid1 .date-grid {
    margin-left: 2em;
    }
	.w3-blog-grid6 .date-grid {
    margin-left: 2em;
    }
	.w3-blog-grid7 .date-grid {
    margin-left: 2em;
    } 
	.w3lsnav-right {
    margin: 0;
    width: 68%;
    } 
	.agile-logo {
    width: 32%;
    }
	.modal-dialog1 {
    width: 29em;
    margin: 105px auto;
    }
	.w3ls_testimonials_grids {
    width: 100%;
  
     }
	.modal-dialog1 {
    width: 29em;
    margin: 65px auto;
    }
	.modal-dialog {
    width: 44em;
    margin: 36px auto;
    }
	
	 	.w3-blog-grid1 {
    min-height: 409px;
    }
	.w3-blog-grid3 {
    min-height: 409px;
    }
	.w3-blog-grid5 {
    min-height: 409px;
    }
	.w3-blog-grid6 {
    min-height: 409px;
    }
	.w3-blog-grid7 {
    min-height: 409px;
    }
	.w3-blog-grid9 {
    min-height: 409px;
    }
	.w3_agile_team_grid_right h3, .w3-gallery-head h3, .w3_agile_blog_head h3, .w3_agile_contact_head h3, .about-head h3, .convenience-head h3 {
    font-size: 3em;
	}
	
	.about {
    padding: 5em 0em 13em 0;
	}
}
@media(max-width:736px){
   .agile-logo {
    width: 100%;
   }
   .w3lsnav-right {
    margin: 0;
    width: 100%;
  }
  .wthree-ab-right h2 {
    font-size: 1.6em;
   }

/*add*/
.wthree-ab-right img{
    position: absolute;
    left:-20px;
    top:-150px;
}



.w3l_footer_nav li {
    margin-right: 2em;
   }
   .w3-social-icon ul {
    /*padding-top: 21em;*/
    padding-top: 2em;
   }
   	.w3-blog-grid1 {
    min-height: 409px;
    }
	.w3-blog-grid3 {
    min-height: 409px;
    }
	.w3-blog-grid5 {
    min-height: 409px;
    }
	.w3-blog-grid6 {
    min-height: 409px;
    }
	.w3-blog-grid7 {
    min-height: 409px;
    }
	.w3-blog-grid9 {
    min-height: 409px;
    }
	.w3-blog-grid4 {
    padding: 4.7em 2em 6.25em 2em;
    }
	.w3-blog-grid2, .w3-blog-grid8 {
    padding: 4.7em 2em 6.25em 2em;
    }
	[dir='rtl'] .slick-next, .slick-prev {
    right: auto;
    left: -51px;
	}
	.slick-next, [dir='rtl'] .slick-prev {
    right: -51px;
	}
	.w3ls-property-images {
    min-height: 300px;
    width:95%;
    float: none;
	}
	.ins-details {
    width: 100%;
    float: none;
	}
}
@media(max-width:667px){
	.w3-links-top {
    /*width: 12%;*/
    width: 66px;
    }
	.banner {
    width: 88%;
    }
	.banner-w3lstext h5 {
     font-size: 2.3em;
     }
	 .banner-w3lstext p {
    font-size: 1.0em;
	 }
	 .w3-blog-grid2, .w3-blog-grid8 {
    padding: 4.7em 2em 4.4em 2em;
     }
	 .w3-blog-grid4 {
    text-align: center;
    padding: 4.7em 2em 4.4em 2em;
    }
	.wthree-ab-left {
    top: 68%;
	}
	.wthree-ab-left img {
    width: 53%;
    }
	.time {
    float: left;
    margin-left: 1em;
    }
	.w3-banner-text {
    padding: 0 1em;
    }
	.wthree-ab-left {
    position: static;
	}
	.wthree-ab-right {
    padding: 2em;
    background: #0f6fba;
    float: none;
    margin: 4em 0 0 0;
	}
	.about {
    padding: 5em 0em 5em 0;
	}
	.wthree-ab-left img {
    width: 100%;
	}
	.wthree-ab-left {
    width: 80%;
    margin: 0 auto;
	}
	.jm-item-button {
    left: 31%;
    }

}
@media(max-width:640px){
	.banner-w3lstext h5 {
    font-size: 2.1em;
   }
   .w3-blog-grid2, .w3-blog-grid8 {
    padding: 4.7em 2em 2.4em 2em;
    }
	 .w3-blog-grid4 {
    text-align: center;
    padding: 4.7em 2em 2.4em 2em;
    }
	.modal-dialog {
    width: 37em;
    margin: 20px auto;
    }
	.w3-blog-grid5 {
    min-height: 401px;
     }
	 .w3-blog-grid6 {
    min-height: 401px;
    }
	.w3l_footer_nav li {
    margin-right: 1em;
    }
	
	.wthree-ab-left img {
    width: 100%;
    }
	
	
	 .w3-blog-grid1 {
    width: 100%;
     }
	 .w3-blog-grid2, .w3-blog-grid8 {
    padding:2em 2em 2.4em 2em;
    width: 100%;
	 }
	 .w3-blog-grid3 {
    width: 100%;
     }
	 .w3-blog-grid4 {
    width: 100%;
     }
	 .w3-blog-grid5 {
    width: 100%;
    }
	.w3-blog-grid6 {
    width: 100%;
   }
   .w3-blog-grid7 {
    width: 100%;
}
  .w3-blog-grid8 {
    width: 100%;
   }
  .w3-blog-grid9 {
    width: 100%;
  }
  .w3-blog-grid1 .date-grid {
    margin-left: 14em;
  }
   .w3-blog-grid6 .date-grid {
    margin-left: 14em;
  }
   .w3-blog-grid7 .date-grid {
    margin-left: 14em;
  }
  .w3-blog-grid2 .date-grid {
    margin-left: 13em;
    }
	.w3-blog-grid4 .date-grid {
    margin-left: 13em;
    }
	.w3-blog-grid8 .date-grid {
    margin-left: 13em;
    }
	.hovereffect1 h4 {
    padding: 9px 0;
    width: 78%;
	}
	.social_agileinfo li a{
	width:35px;
	height:35px;
	}
	a.agile-its-property-title {
    font-size: 19px;
	}
	.modal-md {
    margin: 3em auto 0;
    width: 490px;
   }
  }
@media(max-width:600px){
.sp-none{
	display:none;
}


.banner-w3lstext h5 {
    font-size: 1.8em;
   }
	.w3-links-top {
    width: 100%;
    float: none;
    }
	.w3-logo-top {
    width: 20%;
    float: left;
    }
	.w3-social-icon {
    width: 100%;
    float: left;
    margin: 1rem 0;
    }
	.w3-social-icon ul li {
    display: inline-block;
    margin: 0 .3em;
    }
	.w3-social-icon ul {
    padding-top: 0.3em;
	text-align: right;
    }
	.banner {
    width: 100%;
    float: none;
    }
	.w3layouts_footer_grid {
    width: 100%;
    text-align: center;
    }
	.w3layouts_footer_grid h2:after {
    left: 40%;
    top: 118%;
    }
	.w3layouts_footer_grid {
    width: 100%;
    text-align: center;
    margin: 1em 0;
    }
	.w3l_testimonial_grid {
    padding: 4em 1em 1em;
    }
	.banner-text {
    padding: 7em 0;
	}
	.simplefilter li, .multifilter li, .sortandshuffle li {
    padding: 0px 20px 9px;
	}
	a.agile-its-property-title {
    font-size: 19px;
	}
	.jm-item-button {
    left: 28%;
    }
}
@media(max-width:568px){
.modal-dialog {
    width: 30em;
    margin: 20px auto;
    }
	.w3l_testimonial_grid {
    padding: 4em 0em 1em;
    }
	.form {
    width: 328px;
    height: 328px;
	}
	.map iframe {
    width: 100%;
    height: 576px;
	}
	.simplefilter li, .multifilter li, .sortandshuffle li {
    padding: 0px 18px 9px;
	}
	.ins-name h3 {
    font-size: 18px;
	}
	
	.w3l_testimonial_grid p:before {
    font-size: 1.5em;
    color: #0f6fba;
    font-family: FontAwesome;
    position: absolute;
    top: 0%;
    left: 5%;
	}
	.w3_agile_team_grid_right h3, .w3-gallery-head h3, .w3_agile_blog_head h3, .w3_agile_contact_head h3, .about-head h3, .about-head h3, .convenience-head h3 {
    font-size: 2.5em;
	}
	.footer-grid {
    width: 60%;
    margin: 3em auto;
	}
	.simplefilter li, .multifilter li, .sortandshuffle li {
    padding: 0px 13px 9px;
    }
	.modal-md {
    margin: 3em auto 0;
    width: 400px;
    }
}
@media(max-width:480px){
.banner-text {
    padding: 5em 0;
     }
	 .wthree-ab-right h2 {
    font-size: 1.5em;
     }
	 .jm-item {
    width: 100%;
	 }
	 .w3ls-property-images {
    min-height: 768px;
     }
	 .w3-banner-text {
    padding: 0 1em;
	 }
	 .w3-logo-top h1 {
    font-size: 3em;
	 }
	
	
	 .w3_agile_team_grid_right h3, .w3-gallery-head h3, .w3_agile_blog_head h3, .w3_agile_contact_head h3, .about-head h3, .convenience-head h3 {
    font-size: 3.0em;
	 }
	 .testimonials, .gallery, .w3-blog {
    padding: 2em 0em;
    }
	.w3-blog-grid1 .date-grid {
    margin-left: 9em;
     }
	 .w3-blog-grid6 .date-grid {
    margin-left: 9em;
     }
	 .w3-blog-grid7 .date-grid {
    margin-left: 9em;
     }
	 .map iframe {
    height: 461px;
    }
	.form{
    top: 14em;
   }
   .w3-blog-grid2 .date-grid {
    margin-left: 9em;
    }
	.w3-blog-grid4 .date-grid {
    margin-left: 9em;
    }
	.w3-blog-grid8 .date-grid {
    margin-left: 9em;
    }
	.simplefilter li, .multifilter li, .sortandshuffle li {
    padding: 0px 7px 9px;
	}
	.footer-grid {
    width: 69%;
    margin: 3em auto;
	}
	.w3_agile_team_grid_right h3, .w3-gallery-head h3, .w3_agile_blog_head h3, .w3_agile_contact_head h3, .about-head h3, .convenience-head h3 {
    font-size: 2.5em;
	}
	.about {
    padding: 3em 0em 5em 0;
    }
    .about-head h3 {
        font-weight: bold;
	}
	.testimonials, .gallery, .w3-blog {
    padding: 4em 0em;
	}
	.testimonials, .gallery, .w3-blog {
    padding: 4em 0em;
	}
	.hovereffect1 h4 {
    width:95%;
	}
	.w3l_testimonial_grid {
    margin: 5em 0.2em 0;
	}
	.footer-grid h4 {
    font-size: 1.5em;
	}
	.jm-item-button {
    left: 37%;
    }
	
}

@media screen and (max-width:414px){
    .menu_unit{
        display: block !important;
    }
    .gyoumu_sec{
        margin-bottom: 1rem !important;
    }

    .gyoumu_ul p{
        display: block !important;
        margin: 0 auto !important;
        width: 82% !important;
        margin-top: 2px !important;
    }

    iframe {
        width: 100%; /* 任意の横幅を指定 */
        height: auto;
        aspect-ratio: 16/9;
      }

}
@media(max-width:414px){
	.banner-w3lstext p {
    font-size: 1.2em;
    width: 100%;
	}
	.wthree-ab-left img {
    width: 100%;
    margin: 2em 0;
     }
	 .modal-dialog {
    width: 20em;
    margin: 20px auto;
    }
	 [dir='rtl'] .slick-next, .slick-prev {
    right: auto;
    left: -16.8%;
    }
	.slick-next, [dir='rtl'] .slick-prev {
    right: -16.8%;
    }
	.about {
    padding: 6em 0em 30em 0;
    }
	.w3-blog-grid2 .date-grid {
    margin-left: 6em;
    }
	.w3-blog-grid4 .date-grid {
    margin-left: 6em;
    }
	.w3-blog-grid8 .date-grid {
    margin-left: 6em;
    }
	.footer-grid {
    width: 82%;
    margin: 3em auto;
	}
	.about {
    padding: 2em 0em 3em 0;
	}
	.wthree-ab-right {
    margin: 1em 0 0 0;
	}
	.simplefilter li, .multifilter li, .sortandshuffle li {
    font-size: 15px;
	}
	.simplefilter li, .multifilter li, .sortandshuffle li {
    padding: 0px 6px 9px;
	}
	.modal-dialog {
    width: 23em;
	}
	.ins-name h3 {
    font-size: 15px;
    letter-spacing: 1px;
	}
	.footer-grid h4 {
    font-size: 1.4em;
	}
	.w3_agile_team_grid_right h3, .w3-gallery-head h3, .w3_agile_blog_head h3, .w3_agile_contact_head h3, .about-head h3, .convenience-head h3 {
    font-size: 2em;
	}
	.agile_team_left h3 {
    font-size: 2em;
	}
	[dir='rtl'] .slick-next, .slick-prev {
    right: auto;
    left: -23.8%;
	}
	.slick-next, [dir='rtl'] .slick-prev {
    right: -23.8%;
	}
	.modal-md {
    margin: 3em auto 0;
    width: 366px;
    }
}
@media(max-width:384px){
	.w3lsnav-right nav {
    font-size: 1.0em;
    }
	.wthree-ab-left img {
    margin: 3em 0;
    }
	.modal-dialog {
    width: 18em;
     }
	 .simplefilter li, .multifilter li, .sortandshuffle li {
    padding: 0px 2px 9px;
	}
	.footer-grid {
    width: 100%;
    margin: 3em auto;
	}
	.footer-grid h4 {
    font-size: 1.3em;
	}
	.w3_agile_team_grid_right h3, .w3-gallery-head h3, .w3_agile_blog_head h3, .w3_agile_contact_head h3, .about-head h3, .convenience-head h3 {
    font-size: 1.7em;
	letter-spacing:2px;
	
	}
	.agile_team_left h3 {
    font-size: 1.7em;
	letter-spacing:2px;
	}
	[dir='rtl'] .slick-next, .slick-prev {
    right: auto;
    left: -23.8%;
	}
	.slick-next, [dir='rtl'] .slick-prev {
    right: -23.8%;
	}
	.modal-md {
    margin: 3em auto 0;
    width: 310px;
   }
}
@media(max-width:375px){
	.w3lsnav-right nav {
    font-size: 1em;
   }
  	.wthree-ab-left img {
    width: 100%;
   
    }
	[dir='rtl'] .slick-next, .slick-prev {
    right: auto;
    left: -18.8%;
    }
	.slick-next, [dir='rtl'] .slick-prev {
    right: -18.8%;
     }
	 .modal-dialog {
    width: 20em;
    }
	.simplefilter li, .multifilter li, .sortandshuffle li {
    padding: 0px 2px 16px;
    margin-bottom: 1em;
	}
	[dir='rtl'] .slick-next, .slick-prev {
    right: auto;
    left: -23.8%;
	}
	.slick-next, [dir='rtl'] .slick-prev {
    right: -23.8%;
	}
}
@media(max-width:320px){
	.w3lsnav-right nav {
    font-size: 0.9em;
    }
	.wthree-ab-right h2 {
    font-size: 1.2em;
    }
	.wthree-ab-left {
    padding: 1em 0;
    }
	.wthree-ab-left img {
    margin: 21em 0 0 0;
     }
	 .simplefilter li, .multifilter li, .sortandshuffle li {
    font-size: 14px;
	 }
	.modal-dialog {
    width: 19em;
    }
	.form {
    width: 295px;
    height: 321px;
    }
	.about {
    padding: 6em 0em 25em 0;
   }
   #toTop {
    right:2em;
  }
  .wthree-ab-left img {
    margin: 0;
	}
	.about {
    padding: 4em 0em 4em 0;
	}
	[dir='rtl'] .slick-next, .slick-prev {
    right: auto;
    left: -33.8%;
	}
	.slick-next, [dir='rtl'] .slick-prev {
    right: -33.8%;
	}
	.agile-logo h2 {
    font-size: 2em;
	}
	.agile-logo h2 a {
    line-height: 3em;
	}
	.w3l_testimonial_grid p {
    letter-spacing: 1px;
	}
	.about {
    padding: 2em 0em 4em 0;
	}
	.testimonials, .gallery, .w3-blog {
    padding: 3em 0em;
	}
	.w3_agile_team_grid_right h3, .w3-gallery-head h3, .w3_agile_blog_head h3, .w3_agile_contact_head h3, .about-head h3, .convenience-head h3 {
    font-size: 1.7em;
	letter-spacing:2px;
	
	}
	.agile_team_left h3 {
    font-size: 1.7em;
	letter-spacing:2px;
	}
	.w3l_testimonial_grid {
       margin: 5em 0.2em 0;
	}
	[dir='rtl'] .slick-next, .slick-prev {
    right: auto;
    left: -23.8%;
	}
	.slick-next, [dir='rtl'] .slick-prev {
    right: -23.8%;
	}
	.wthree-ab-right h2 {
    font-size: 1.1em;
	}
	p.left {
    letter-spacing: 0.5px;
 }
 .modal-md {
    width: 276px;
   }
}
/*-- //responsive design--*/

/*add midashi*/
.about h2 {
position: relative;
padding-left: 25px;
background:url(../images/marine1.png)no-repeat right;
}
.about h2:before {
position: absolute;
content: '';
bottom: -3px;
left: 0;
width: 0;
height: 0;
border: none;
border-left: solid 17px transparent;
border-bottom: solid 17px rgb(250, 250, 250);
}
.about h2:after {
position: absolute;
content: '';
bottom: -3px;
left: 10px;
width: 100%;
border-bottom: solid 3px rgb(250, 250, 250);

}

/*add midashi*/
/*
.team h3 {
position: relative;
padding-left: 25px;
}
.team h3:before {
position: absolute;
content: '';
bottom: -3px;
right: 10px;
width: 0;
height: 0;
border: none;
border-right: solid 17px transparent;
border-bottom: solid 17px rgb(250, 250, 250);
}
.team h3:after {
position: absolute;
content: '';
bottom: -3px;
left: 25px;
width: 90%;
border-bottom: solid 3px rgb(250, 250, 250);
}
*/


/*add sub main*/
.submain {
  position: relative;
  }

.submain h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin: 1px;
  color:#fff;
  font-size:2.5em;
  letter-spacing: 0.1em;
  font-weight:700;
}

.submain h4 {
  font-size:1.8em;
  font-weight:600;
  padding: 0.25em 0.5em;
  color: #494949;
  background: transparent;
  border-left: solid 5px #7db4e6;
  margin-top:1em;
}
.submain p {
  font-size:1.3em;
  font-weight:500;
  line-height:1.8em;
padding: 0.25em 0.5em;
  color: #494949;
  background: transparent;
  margin-bottom:1em;
}

.submain img {
  width: 100%;
  }

/*ribbon*/
.side-corner-tag {
    position: relative;
    color: #fff;
    display: inline-block;
    padding: 5px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-weight: 900;
}
  
.side-corner-tag p {
    display: inline;   
}
.side-corner-tag p span {
    position: absolute;
    display: inline-block;
    right: -25px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
    text-align: center;
    text-transform: uppercase;
    top: 22px;
    background: #d93131;
    width: 100px;
    padding: 3px 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.side-corner-tag p:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    right: 69px;
    z-index: -1;
    border: 17px solid;
    border-color: transparent transparent #662121 transparent;
}
  
.side-corner-tag p:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 74px;
    z-index: -1;
    right: -10px;
    border: 17px solid;
    border-color: #662121 transparent transparent transparent;
}


/* add ribbon15 */
.ribbon15-wrapper {  
  display: block;
  position: relative;
  margin: 0px auto;
  padding: 0px 0;
  width: 100%;
  background: #ffffff;
  box-sizing: border-box;
  }
.ribbon15 {  
  display: inline-block;
  position: absolute;
  top: -6px;
  /*right: 20px;*/
  left: 60px;
  margin: 0;
  padding: 10px 0 7px;
  z-index: 2;
  /*width: 40px;*/
  width: 38px;
  text-align: center;
  color: #ffffff;
  font-size: 1.6em;
  font-weight: 550;
  background: #ff1800;
  border-radius: 2px 0 0 0;
  }
.ribbon15:before {
  position: absolute;
  content: '';
  top: 0;
  right: -5px;
  border: none;
  border-bottom: solid 6px #831304;
  border-right: solid 5px transparent;
}
.ribbon15:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
  border-top: 10px solid #ff1800;
}

/* add ribbon16 */
.ribbon16-wrapper {  
  display: block;
  position: relative;
  margin: 0px auto;
  padding: 0px 0;
  width: 100%;
  background: #ffffff;
  box-sizing: border-box;
  }

.ribbon16 {  
  display: inline-block;
  position: absolute;
  top: -6px;
  /*right: 20px;*/
  left: 20px;
  margin: 0;
  padding: 10px 0 7px;
  z-index: 2;
  /*width: 40px;*/
  width: 38px;
  text-align: center;
  color: #ffffff;
  font-size: 1.6em;
  font-weight: 550;
  background: #0042ff;
  border-radius: 2px 0 0 0;
  }

.ribbon16:before {
  position: absolute;
  content: '';
  top: 0;
  right: -5px;
  border: none;
  border-bottom: solid 6px #181ba7;
  border-right: solid 5px transparent;
}

.ribbon16:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
  border-top: 10px solid #0042ff;
}
/* add ribbon17 */
.ribbon17-wrapper {  
  display: block;
  position: relative;
  margin: 0px auto;
  padding: 0px 0;
  width: 100%;
  background: #ffffff;
  box-sizing: border-box;
  }

.ribbon17 {  
  display: inline-block;
  position: absolute;
  top: -6px;
  /*right: 20px;*/
  left: 20px;
  margin: 0;
  padding: 10px 0 7px;
  z-index: 2;
  width: 40px;
  text-align: center;
  color: #ffffff;
  font-size: 1.6em;
  font-weight: 550;
  background: #00afff;
  border-radius: 2px 0 0 0;
  }

.ribbon17:before {
  position: absolute;
  content: '';
  top: 0;
  right: -5px;
  border: none;
  border-bottom: solid 6px #03638f;
  border-right: solid 5px transparent;
}

.ribbon17:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 10px solid #00afff;
}
/* add ribbon18 */
.ribbon18-wrapper {  
  display: block;
  position: relative;
  margin: 0px auto;
  padding: 0px 0;
  width: 100%;
  background: #ffffff;
  box-sizing: border-box;
  }

.ribbon18 {  
  display: inline-block;
  position: absolute;
  top: -6px;
  /*right: 20px;*/
  left: 20px;
  margin: 0;
  padding: 10px 0 7px;
  z-index: 2;
  width: 40px;
  text-align: center;
  color: #ffffff;
  font-size: 1.6em;
  font-weight: 550;
  background: #00d298;
  border-radius: 2px 0 0 0;
  }

.ribbon18:before {
  position: absolute;
  content: '';
  top: 0;
  right: -5px;
  border: none;
  border-bottom: solid 6px #016247;
  border-right: solid 5px transparent;
}

.ribbon18:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 10px solid #00d298;
}
/* add ribbon19 */
.ribbon19-wrapper {  
  display: block;
  position: relative;
  margin: 0px auto;
  padding: 0px 0;
  width: 100%;
  background: #ffffff;
  box-sizing: border-box;
  }

.ribbon19 {  
  display: inline-block;
  position: absolute;
  top: -6px;
  /*right: 20px;*/
  left: 20px;
  margin: 0;
  padding: 10px 0 7px;
  z-index: 2;
  width: 40px;
  text-align: center;
  color: #ffffff;
  font-size: 1.6em;
  font-weight: 550;
  background: #788cbe;
  border-radius: 2px 0 0 0;
  }

.ribbon19:before {
  position: absolute;
  content: '';
  top: 0;
  right: -5px;
  border: none;
  border-bottom: solid 6px #364057;
  border-right: solid 5px transparent;
}

.ribbon19:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 10px solid #788cbe;
}
/*-- sikiri --*/ 
.hr-text {
	margin-top: 7em;
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 1.5em;
	opacity: .5;
}
.hr-text:before {
	content: '';
	background: -webkit-linear-gradient(left, transparent, #000d4c, transparent);
	background: linear-gradient(to right, transparent, #000d4c, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
}
.hr-text:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	color: #000d4c;
	padding: 0 .5em;
	line-height: 1.5em;
	color: #000d4c;
	background-color: #fcfcfa;
}
/*-- sikiri2 --*/ 
.slash-1 {
	margin-top: 7em;
	margin-bottom: 7em;
  height: 10px;
  background-image: linear-gradient(-45deg,
    hsla(0, 0%, 70%, 0),
    hsla(0, 0%, 70%, 0) 25%,
    hsla(0, 0%, 70%, 1) 25%,
    hsla(0, 0%, 70%, 1) 50%,
    hsla(0, 0%, 70%, 0) 50%,
    hsla(0, 0%, 70%, 0) 75%,
    hsla(0, 0%, 70%, 1) 75%);
  background-size: 10px 10px;
  width: 72%;
}


/*fukidashi*/
.balloon2-top {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 12px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
}

.balloon2-top:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
}

.balloon2-top:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #555;
  z-index: 1;
}

.balloon2-top p {
  margin: 0;
  padding: 0;
}


/*deco1*/
.stripe_border
{
  position: relative;
  background: rgba(255, 255, 255, 1);
  /*padding: 12px;*/
  width: 100%; 
  height: auto;
}

.stripe_border::after
{
position: absolute;
    top: -6px; bottom: -6px;
    left: -6px; right: -6px;
    background: repeating-linear-gradient(45deg, #0f6fba, #0f6fba 3px, #ffffff 3px, #ffffff 6px);
    background-color: black;
    content: '';
    z-index: -1;
}

/*deco2*/
.frame {
	display: inline-block;
	position: relative;
	overflow: hidden;
	padding: 6px; /* 6px �����͎ʐ^����͂ݏo�� */
}
.frame img {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.frame:before,
.frame:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 97px;
	height: 50px;
	background: #fff; /* �w�i�F */
	transform: rotate(-30deg);

}
/* ���� */
.frame:before {
	box-shadow: 0 10px 8px -12px rgba(0, 0, 0, 0.8);
	top: -24px;
	bottom: auto;
	right: auto;
	left: -26px;
  border-bottom: 4px solid #fe2222;

}
/* �E�� */
.frame:after {
	box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.7);
	top: auto;
	bottom: -22px;
	right: -25px;
	left: auto;
  border-top: 4px solid #fe2222;

}
/*add caption*/
.relative {
    position: relative;
}
.absolute {
    position: absolute;
    bottom: 4%;
    color: #fff;
    background: rgba(12,90,151,0.45);
    width: 100%;
    max-width: 600px;
    padding: 0.5em 0;
}
.absolute p {
    margin: 0;
    padding: 0 0.8em;
    font-size: 140%;
    font-weight: 550;
    letter-spacing: 6px;
    text-align: center;
    color: #ffffff;
}
@media(max-width:667px){
.absolute {
    padding: 0.2em 0;
}
.absolute p {
    padding: 0 0.4em;
    font-size: 100%;
    font-weight: 400;
}
}


/*--contact --*/
.info-contact input[type="text"], .info-contact input[type="email"], .info-contact textarea {
    color: #000;
    border: none;
    padding: 1em;
    border: 1px solid #000;
    font-size: 15px;
    width: 100%;
    outline: none;
    letter-spacing: 1px;
}
.styled-input {
    margin: 2em 0em 0em;
}
.contact-us::-webkit-input-placeholder {
   color: #000;    
} 
.contact-us:-moz-placeholder { /* Firefox 18- */
   color: #000; 
} 
.contact-us::-moz-placeholder {  /* Firefox 19+ */
   color:#000;  
} 
.contact-us :-ms-input-placeholder {  
   color:#000;
}
.info-contact textarea {
    min-height: 13em;
    resize: none;
}
.info-contact input[type="submit"] {
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    text-decoration: none;
    border: solid 2px #ff5722;
    padding: .7em 3em;
    outline: 0;
	    margin: 2em 0em 0em;
    background:#ff5722;
    display: inline-block;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.info-contact input[type="submit"]:hover {
    color: #fff;
    background:#000;
}
.styled-input:nth-child(1),.styled-input:nth-child(3),.styled-input:nth-child(5){
    padding-left: 0px;
}
.styled-input:nth-child(2),.styled-input:nth-child(4),.styled-input:nth-child(6){
    padding-right: 0px;
}
.styled-input:nth-child(1),.styled-input:nth-child(2) {
    margin-top: 0px;
}
	/*-- //contact --*/


.zeromail .button {
    text-align:center;
    margin-top:20px;
    margin-bottom:20px;
}

.zeromail .button button {
    min-width:120px;
	_width:120px;
}

/*�{�^���c�����i���Z�b�g�E�O���[�j*/
.zeromail button[type],
.zeromail button[id]{
    margin:0 10px;
	padding:15px 5px;
    background-color:#cccccc;
    /*border:solid 2px;*/
    /*border-color:#d7d6d5 #d7d6d5 #d7d6d5 #d7d6d5;*/
	border-radius:5px;
	/*-moz-border-radius:5px;*/
	/*-webkit-border-radius:5px;*/
    line-height:1.4;
    cursor:pointer;
}

.zeromail button[type]:hover,
.zeromail button[id]:hover{
    background-color:#efefef;
}
/*�{�^���F�@�I�����W*/
.zeromail button[id=submit] {
    /*border-color:#f8c5b5 #f8c5b5 #f8c5b5 #f8c5b5;*/
    background-color:#28c7d5;
}
/*�{�^���F�@�I�����W�E�}�E�X�n�m*/
.zeromail button[id=submit]:hover {
    /*border-color:#e3350c #e3350c #e3350c #e3350c;*/
    background-color:#ff5722;
}

.zeromail button[id=myreset],
.zeromail button[id=close]{
}

/* -------------- 2023/03/13追記分 --------------- */

/*---- スライダーメニュー ----*/

.menu_unit{
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.gyoumu_li{
    list-style: none;
}

.gyoumu_sec{
    margin: 0 2px;
}

.gyoumu_sec p{
    text-align: center;
    width: 100%;
    margin-top: 3px;
}

.gyoumu_sec ul{
    padding-left: 0;
}


 /*=== 画像の表示エリア ================================= */
 .slide {
    position   : relative;
    overflow   : hidden;
                      /* 画像のサイズに合わせて変更ください */
    width      : 28rem;
    height     : 18rem;
    margin     : auto;      /* サンプルは中央寄せの背景：白 */
    background : #fff;
  }
   
   /*=== 画像の設定 ======================================= */
  .slide img {
    display    : block;
    position   : absolute;
                        /* 画像のサイズを表示エリアに合せる */
    width      : inherit;
    height     : inherit;
    opacity    : 0;
    animation  : slideAnime 21s ease infinite;
  }
   
   /*=== スライドのアニメーションを段差で開始する ========= */
  .slide img:nth-of-type(1) { animation-delay: 0s }
  .slide img:nth-of-type(2) { animation-delay: 7s }
  .slide img:nth-of-type(3) { animation-delay: 14s }
   
   /*=== スライドのアニメーション ========================= */
  @keyframes slideAnime{
     0% { opacity: 0 }
     8% { opacity: 1 }
    33% { opacity: 1 }
    41% { opacity: 0 }
   100% { opacity: 0 }
  }

  /*--- リンクボタン ----*/
.button019 a {
    background: #0f6fba;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    /*
    max-width: 280px;
    */
    padding: 10px 25px;
    color: #ffffff;
    transition: 0.3s ease-in-out;
    font-weight: bold;
}
.button019 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button019 a:hover {
  background: #b8dbff;
  color: #202020;
}
.button019 a:hover:after {
  right: 1.4rem;
}

.wrapper{
    width: 100%;
    margin: 50px 0;
}

.top a .language-white-transparent {
    position: absolute;
    right: 2em;
    top: 2em;
    border: 1px solid #fff;
    background-color: transparent;
    padding: 1em;
    width: 140px;
    cursor: pointer;
    z-index: 2;
}

.top .language-white-transparent p {
    font-size: 2rem;
    text-align: center;
    color: #fff;
}



/*--------------トップ 動画背景-----------------*/
@media screen and (min-width: 481px){

.headline_sp{
    display: none;
}

.top {
	height: 100%;
	background: none;
	position: relative;
}

.top video {
	display: block;
	width: 100%;
    margin-top: -34px;
}

.top a .language-black {
    position: absolute;
    right: 2em;
    top: 4em;
    border: 1px solid #000;
    border-radius: 10px;
    background-color: rgba( 255, 255, 255, 0.45 );
    padding: 1em;
    width: 120px;
    cursor: pointer;
    z-index: 2;
}

.top a .language-white {
    position: absolute;
    right: 2em;
    top: 8em;
    border: 1px solid #fff;
    border-radius: 10px;
    background-color: rgba( 0, 0, 0, 0.35 );
    padding: 1em;
    width: 120px;
    cursor: pointer;
    z-index: 2;
}

.top a .language-black-transparent {
    position: absolute;
    right: 2em;
    top: 14em;
    border: 1px solid #000;
    border-radius: 10px;
    background-color: transparent;
    padding: 1em;
    width: 120px;
    cursor: pointer;
    z-index: 2;
}

.top a .language-white-transparent {
    position: absolute;
    right: 2em;
    top: 4em;
    border: 1px solid #fff;
    background-color: transparent;
    padding: 1em;
    width: 140px;
    cursor: pointer;
    z-index: 2;
}

.top .language-black p {
    font-size: 2rem;
    text-align: center;
    color: #000;
}

.top .language-white p {
    font-size: 2rem;
    text-align: center;
    color: #fff;
}

.top .language-black-transparent p {
    font-size: 2rem;
    text-align: center;
    color: #000;
}

.top .language-white-transparent p {
    font-size: 2rem;
    text-align: center;
    color: #fff;
}

.headline_pc{
	position: absolute;
  text-align: center;
	top: 44%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.headline_pc h2 {
	margin: 0;
    font-size: 68px;
    color: #fff;
    text-shadow: 1px 1px 2px grey;
	}

.headline p {
	color: #fff;
	font-weight: 100;
}

/* 英語切り替えボタン追加20250421 */
.btn_en_box{
    color: #fff;
    position: absolute;
    text-align: center;
      top: 5%;
      right: 5%;
      -ms-transform: translate(-50%,-50%);
      -webkit-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
    
}
.btn_en{
    color: #fff;
    background: none;
    border: 1px solid;
    background-color: rgba( 255, 255, 255, 0.45 );
    color: #333;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    display: block;
    font-size: 1.2vw;
    letter-spacing: var(--swl-letter_spacing, 1px);
    overflow: hidden;
    padding: .5em 1.5em;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    transition: box-shadow .25s;
}
}

/*------------------------------------*/
/*--------------スマホ-----------------*/
/*------------------------------------*/
@media screen and (max-width: 480px) {
/*--------------トップ-----------------*/
/* ダメだったらこれ
.top {
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}
*/
    



.headline_pc{
    display: none;
}
/* 期間限定背景動画の時は消す　20251215兵頭
.top video{
    height: 90vh;
    transform: translate(-38%);
}
    */

.top video{
    height: 28vh;
    transform: translate(-5%);
}
.top{
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.top a .language-white-transparent {
    position: absolute;
    right: 2em;
    top: 2em;
    border: 1px solid #fff;
    background-color: transparent;
    padding: 1em;
    width: 140px;
    cursor: pointer;
    z-index: 2;
}

.top .language-white-transparent p {
    font-size: 2rem;
    text-align: center;
    color: #fff;
}

.headline_sp {
	width: 100%;
	position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: 2rem;
}

.headline_sp h2 {
  margin: 0;
  font-size: 47px;
  color: #fff;
  line-height: 55px;
  /*
  text-align: center;*/
}

.headline p {
	color: #fff;
	font-weight: 100;
}

/* 英語切り替えボタン追加20250421 */
.btn_en_box{
    color: #fff;
    position: absolute;
    text-align: center;
      top: 5%;
      right: 5px;
      -ms-transform: translate(-50%,-50%);
      -webkit-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
    
}
.btn_en{
    color: #fff;
    background: none;
    border: 1px solid;
    background-color: rgba( 255, 255, 255, 0.45 );
    color: #333;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    display: block;
    font-size: 3.2vw;
    letter-spacing: var(--swl-letter_spacing, 1px);
    overflow: hidden;
    padding: .75em 2.5em;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    transition: box-shadow .25s;
}
}


/* Youtubeリンク */
.youtube-img {
    cursor: pointer;
    max-width: 500px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding-top: 5rem;
  }
  .youtube-img img {
    height: auto;
    transition: transform 2s ease;/* ゆっくり変化させる */
    width: 100%;
  }
  .youtube-img:hover img {
    transform: scale(1.1);/* 拡大 */
  }

/* history.html */
.history_title h3{
    padding: 10px;
    background-color: #000000a4;
    border: #fff 1px solid;  
}

/* Award_2025リンク */
.award-img {
    cursor: pointer;
    max-width: 2000px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding-top: 5rem;
    
  }
  .award-img img {
    height: auto;
    width: 100%;

  }
  .award-img ul {
    display: -webkit-flex;
    display: flex;
    /*是澤追記*/
    list-style: none;
    gap: 1em; /*余白を統一*/
  }