/* Default Section */
@font-face {
    font-family: "UDKakugoLarge";
    src: url('../fonts/UDKakugo_Large.woff2') format('woff2'),
         url('../fonts/UDKakugo_Large.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "Adobe-Caslon-Semibold";
    src: url('../fonts/adobe-caslon-semibold.woff2') format('woff2'),
         url('../fonts/adobe-caslon-semibold.woff') format('woff'), url('../fonts/adobe-caslon-semibold.eot') format('eot'),
		 url('../fonts/adobe-caslon-semibold.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

html{scroll-behavior:smooth;}
body{padding:0px; margin:0px; background-color:#fff; font-size:16px; color:#666; font-family: 'Sawarabi Mincho', sans-serif;}
img{border:none;}
a{transition:all 0.3s;}
a:hover, a:focus, a:visited{text-decoration:none; outline:none;}
hr{border:none;}
h1, h2, h3, h4, h5, h6{margin:0; color:#111;}
p{line-height:32px; /*margin-bottom:16px;*/ margin-bottom: 0px !important; font-weight:300;}
li{line-height:26px; margin-bottom:6px;}
p a, li a, a{color:#606060;}
p a:hover, li a:hover, a:hover{color:#340000;}
strong{font-weight:600;}
iframe{border:none; overflow:hidden;}
textarea{resize:none;}
hr.hrone{width:50px; height:2px; background-color:#46166a; border:none; margin:0 auto 25px;}
.nopad{padding:0;}
.nomar{margin:0;}
.hiddenfrompage{visibility:hidden;}

.pagebtnone{width:100%; padding-top:25px;}
.pagebtnone a{display:block; border:1px solid #575757; border-left:none; width:12px; height:14px; position:relative;}
.pagebtnone a:after{font-family:FontAwesome; content:"\f178"; color:#575757; position:absolute; right:-10px; top:-6px;font-size:16px;}

::-webkit-input-placeholder {
    opacity: 1.0 !important; /* for older chrome versions. may no longer apply. */
}
:-moz-placeholder { /* Firefox 18- */
    opacity: 1.0 !important;
}
::-moz-placeholder {  /* Firefox 19+ */
    opacity: 1.0 !important;
}
:-ms-input-placeholder {  
   opacity: 1.0 !important;
}

/* Pre-Loader */
.loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;}
.loader-wrapper .loader {display: block;position: relative;left: 50%;top: 50%;width: 100px;height: 100px;margin-top: -50px;margin-left: -50px;border: 3px solid transparent;border-top-color:#340000;border-radius: 50%;z-index: 1001;-webkit-animation: spin 1.5s infinite linear;animation: spin 1.5s infinite linear;}
.loader-wrapper .loader:before, .loader-wrapper .loader:after {content:"";position:absolute;border-radius:50%;}
.loader-wrapper .loader:before {top: 5px;left: 5px;right: 5px;bottom: 5px;border: 3px solid transparent;border-top-color: #340000;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;}
.loader-wrapper .loader:after {top: 15px;left: 15px;right: 15px;bottom: 15px;border: 3px solid transparent;border-top-color: #340000;-webkit-animation: spin 1s infinite linear;animation: spin 1s infinite linear;}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*Section */
.loader-section {position:fixed;top:0;width:51%;height:100%;background:#fff9f9;z-index:1000;}
.loader-section.section-left {left:0;}
.loader-section.section-right {right:0;}

/*Finished Loading Styles*/
.loaded .section-left {-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.loaded .section-right {-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transform: translateX(100%);transform: translateX(100%);}
.loaded .loader {-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;opacity:0;}
.loaded .loader-wrapper {visibility:hidden;-webkit-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition: all 0.3s 1s ease-out;transition: all 0.3s 1s ease-out;}

/* Navigation section */
.headersec{width:100%;padding:12px 0;}
.headersec .bg-dark.navbar-dark{background-color:#fff!important; /* border-bottom:2px solid #340000; */ padding-top:0; padding-bottom:0;}
.headersec .bg-dark.navbar-dark{}
.headersec .navbar-dark .navbar-nav .nav-link{color:#000;padding:20px 55px; font-size:16px;}
.headersec .navbar-dark .navbar-nav .nav-link:hover{color:#340000;}
.headersec .navbar-nav{align-items:center; justify-content:center;}
.headersec .nav-item.navcusbtn a.nav-link{border:1px solid #340000; color:#340000; padding-left:2.5rem; padding-right:2.5rem; 
margin-left:1rem;}
.headersec .nav-item.navcusbtn a.nav-link:hover{background-color:#340000; color:#fff;}
.headersec .navbar-brand{padding-top:0;width:120px;padding:10px 0;}
.headersec .nav-item{margin-bottom:0;font-family: 'Playfair Display', serif;}
.navbar-expand-md .navbar-nav .dropdown-menu{background-color:#c5b8a9;}
.headersec .dropdown-item{font-size:12px;background-color:#c5b8a9;color:#fff;}
.navbar-expand-md .navbar-nav .dropdown-menu a:hover{background-color:#340000;}
.navbar{padding:0px;}
.headersec .navbar.afterscrollnavbar:after{content:'';
position: absolute;
display: block;
height: 7px;
width: 100%;
background: #fff;
left:0;
z-index: 1;
bottom: -9px;}

/* Home Banner */
.homepagebannersec{width:100%;}


@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}

.carousel-inner .item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}


.homeaboutsec{width:100%; padding:50px 0 80px;}
.homeabtbox{width:100%; text-align:center;}
.homeabtbox h2{color:#340000; font-size:42px; margin:20px 0;font-weight:400;letter-spacing:2px;}
.homeabtbox p{color:#666;font-size:14px;line-height:36px;letter-spacing:1px;font-weight:600;}
.abtsinglebox{width:100%; margin-top:40px; text-align:center;}
.abtsinglebox img{width:285px; height:285px; border-radius:50%; border:5px solid #f7f7f7; transition:all 0.3s ease-in-out;}
.abtsinglebox:hover img{border:5px solid #340000; opacity:0.88;}

.homeaboutsec_withback{background-color:#340000;padding:70px 0 100px;}
.homeaboutsec_withback h4{font-size:24px; margin:20px 0;font-weight:500;letter-spacing:3px;color:#fff;text-align:center;}
.homeaboutsec_withback p{color:#fff;font-size:13px;line-height:30px;min-height:180px;text-align:center;padding:0 40px;font-weight:600;}

.colorone h4{color:#00C3FF;}
.colortwo h4{color:#0074C7;}
.colorthree h4{color:#093F7C;}
.abtsinglebox h4{font-size:1.1rem; line-height:2rem; margin:1.5rem 0;}
.abtsinglebox h4 span{font-size:2rem;}
.abtsinglebox p{color:#474747; text-align:justify; padding:0 1.5rem;}

.abtsinglebtn{width:100%; padding:15px 0 0; text-align:center;}
.abtsinglebtn a{border: none;color: #340000;padding: 0px 50px;border-radius: 0;font-size: 20px;width: 100%;display: inline-block;background-color: #fff;height:50px;font-family: 'Playfair Display', serif;line-height:50px;}
.abtsinglebtn a:hover{ }

.colortwo .abtsinglebtn a{border:2px solid #0074C7; color:#0074C7;}
.colortwo .abtsinglebtn a:hover{background-color:#0074C7; color:#fff;}
.colorthree .abtsinglebtn a{border:2px solid #093F7C; color:#093F7C;}
.colorthree .abtsinglebtn a:hover{background-color:#093F7C; color:#fff;}

.greystripsec{width:100%; background-color:#606060; padding:50px 0; text-align:center; position:relative;}
.greystripsec h2{color:#fff; font-size:1.7rem;}
.greystripsec .fa-caret-down{color:#606060; font-size:7rem; position:absolute; bottom:-4rem; left:49%;}

.graybk{background-color:#F6F6F6;}
.mainimgtxtsec{width:100%; padding:0 0 0 0;}
.mainimgtxtsec .container-fluid{padding:0;}
.mainimgtxtsec .row{margin-left:0; margin-right:0;}
.imgtxtpixbox{background-color:#F6F6F6; /* background-position:top left; background-size:auto; background-attachment:fixed; 
background-repeat:no-repeat; */ min-height:450px; /*perspective:1px; transform-style:preserve-3d;*/}
.imgtxtcontentbox{width:100%; max-height:450px; text-align:center; background-color:#F6F6F6; position:relative;display: inline-block;min-height: 444px; }
.imgtxtsinglebox{width:85%; position:absolute; z-index:5; left:50%; top:50%; text-align:left;transform: translate(-50%, -50%);}
.imgtxtsinglebox h2{color:#340000; font-size:18px; margin:0 0 15px 0px;font-weight:400;letter-spacing:2px;font-family: 'Sawarabi Mincho', sans-serif;}
.imgtxtsinglebox p{color:#666;font-size:13px;line-height:36px;font-family: 'Sawarabi Mincho', sans-serif;letter-spacing:1px;}
.imgtxtpixbox img{min-height:450px;}

.homedescsecone{width:100%; padding:70px 0 0; background-image:url('../images/bg01.jpg'); background-size:auto; background-position:top left; background-repeat:no-repeat;}
.homecontboxone{width:100%; text-align:left;}
.homecontboxone h2{font-family: 'Playfair Display', serif;font-size:42px;color:#340000;text-align:center;padding-bottom:30px;}
@keyframes linemove{
  from {width:0%;}
  to {width:50%;}
}

.newsone{margin-bottom:30px;}
.newstxt p{color:#888;font-size:14px;line-height:28px;font-family: 'Noto Serif JP', serif;letter-spacing:1px;}
.newstxt h3{color:#340000;font-weight:400;font-family: 'Noto Serif JP', serif;font-size:16px;padding-bottom:10px;}
.newsbutn{text-align:center;}
.newsbutn a{font-family: 'Noto Serif JP', serif;font-size:16px;display:inline-block;padding:15px 60px;background-color:#ddd;color:#fff;}
.newsbutn a:hover{background-color:#340000;}

.singleblg{margin-bottom:30px;}
.blgtxt{background-color:#eee;padding:20px;}
.blgtxt p{color:#888;font-size:14px;line-height:28px;font-family: 'Noto Serif JP', serif;letter-spacing:1px;margin-bottom:0;}
.blgtxt h3{color:#340000;font-weight:400;font-family: 'Noto Serif JP', serif;font-size:16px;padding-bottom:10px;}
.blgbutn{text-align:center;}
.blgbutn a{font-family: 'Noto Serif JP', serif;font-size:16px;display:inline-block;padding:15px 60px;background-color:#ddd;color:#fff;}
.blgbutn a:hover{background-color:#340000;}
.blgimg{overflow:hidden;}
.blgimg > img:hover {
  -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
	transition: all .5s;
}


.girlimage {
  position: relative;
  width: 100%;
}

.girlimage_image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.girlimage:hover .girlimage_image {
  opacity: 0.3;
}

.girlimage:hover .middle {
  opacity: 1;
}

.middletext {

  color: #340000;
  font-size: 16px;
  padding: 16px 32px;
}

.onlyhmbackimg{background:url('../images/footer_widget.jpg') no-repeat;background-size:cover;}
.alllisttxt{background:rgba(176,136,96,.8);padding:70px 0;}

.footup{background:url('../images/obi.png') no-repeat;background-size:cover;padding:40px 0 15px 0;}
.sysmain h4{text-align:center;color:#fff;font-family: 'Playfair Display', serif;}
.sysmain p{text-align:center;color:#fff;}
.footalltxt{background-color:#fff;padding:70px 0 30px 0;text-align:center;}
.footalltxt img{margin-bottom:0.8rem;}
.footalltxt p{font-size:12px;line-height:28px;}

.footbot{background-color:#340000;padding:15px 0;color:#fff;text-align:center;}
.footbot p{margin-bottom:0;}
.footbot p a{color:#fff;font-size:12px;}



.colboxholdimg{width:436px; margin:0 auto 20px;}
.colboxholdimg img{width:100%;}
.colboxholdimg .smtxtleft{font-size:12px; float:left;}
.colboxholdimg .smtxtright{font-size:12px; float:right;}
.homecontboxone .roundboxwht{width:55%; background-color:#fff; padding:15px 40px; border-radius:30px; margin:0 auto;}
.homecontboxone .roundboxwht p{margin-bottom:0;}

.homeproshowsec{width:100%; background-color:#093f7c; padding:70px 0;}
.hprotitlebox{width:100%; position:relative; padding-left:20rem;}
.hprotitlebox h4{color:#fff; margin-bottom:1rem;}
.hprotitlebox h2{color:#fff;margin-bottom:1.5rem;}
.hprotitlebox p{color:#fff;}
.hprotitlebox p.smtxt{font-size:12px;}
.newbox{width:80px; height:80px; background-color:#E21C21; border-radius:50%; position:absolute; top:0; left:14rem;}
.newstxt h5{font-size:14px;font-weight:600;font-family: 'Lato', sans-serif;padding-bottom:10px;}
.newbox p{color:#fff; font-weight:600; padding-top:26px; font-size:20px; text-align:center;}
.img-responsive{width:100%;max-width:100%;}

.homewhitebox{width:100%; background-color:#fff; padding:70px 0; margin-top:40px; position:relative;}
.homewhitebox .fa-caret-down{color:#093f7c; font-size:7rem; position:absolute; top:-3rem; left:49%;}

.homewhitebox .abtsinglebox img{border:none; border-radius:0; width:80%; height:auto;}
.abtsinglebox img.valuebox{width:23rem; margin:4rem 0 1.3rem -4.5rem;}
.abtsinglebtn.valuebtn a{background-color:#093F7C; color:#fff;}

.homeproshowsectwo{width:100%; background-color:#FF7700; padding:70px 0;}
.homeproshowsectwo h2{color:#fff; font-size:2rem; text-align:center;}
.homewhitewraptwo{width:100%; background-color:#fafafa; padding:70px 0; margin-top:40px; position:relative;}
.homewhitewraptwo .fa-caret-down{color:#FF7700; font-size:7rem; position:absolute; top:-3rem; left:40%;}

.homeprosintwobox{width:100%; text-align:center;}
.homeprosintwobox p{padding:0 4rem;}
.abtsinglebtn.orangebtn a{background-color:#FF7700; color:#fff; border:2px solid #FF7700;}
.abtsinglebtn.orangebtn a:hover{background-color:#0074C7; border:2px solid #0074C7;}
.homeprosintwobox .threenetimgfour{margin-top:-10rem;}

.homevideosec{width:100%; padding:70px 0; text-align:center;}
.homevidcarubox{width:100%;}
.homevidcarubox h5.hvidmaintitle{color:#340000; font-size:1.8rem; margin:0 auto 2rem; border:1px solid #340000; padding:10px 50px; width:50%;}
.homevidcarubox p{color:#340000;}
#homevideoslider{margin-top:1.5rem;}
#homevideoslider p{color:#474747; margin-top:10px;}
#homevideoslider img{transition:all 0.3s; opacity:1.0;}
#homevideoslider img:hover{transition:all 0.3s; opacity:0.8;}

.playbtncls{position:absolute; top:4rem;left:40%;z-index:9;width:70px!important;}

.homeblogonesec{width:100%; background-color:#f7f7f7; padding:70px 0;}
.homeblogwrapone{width:100%;}
.blogsinglebox{width:100%; background-color:#fff; border:1px solid #878787; max-height:174px; overflow:hidden; margin-bottom:2rem;}
.blogimg{width:44%; float:left; margin-right:1.2rem;}
.blogtxt{width:100%; padding:2rem;}
.blogtxt .postdate{margin-bottom:1rem; font-size:10px; color:#676767;}
.blogtxt h2{font-size:1.1rem; margin-bottom:10px;}
.blogtxt p{margin-bottom:0;}
.homeblogwrapone h5.hvidmaintitle{color:#340000; font-size:1.8rem; margin:0 auto 3rem; border:1px solid #340000; padding:10px 50px; 
width:46%; text-align:center;}

.featurecontsec{width:100%; padding:70px 0;}
.featurecontwrap{width:100%;}
.featuresinglebox{width:100%; position:relative; margin-bottom:2rem;}
.featuresinglebox img{width:100%;}
.featuresinglebox .whtfeatxtbox{position:absolute; bottom:0; left:0; width:100%; padding:10px 15px; background-color:rgba(255,255,255,0.88);}
.featuresinglebox .whtfeatxtbox p{margin-bottom:0;}
.featurecontwrap h5.hvidmaintitle{color:#340000; font-size:1.8rem; margin:0 auto 3rem; border:1px solid #340000; padding:10px 50px; 
width:50%; text-align:center;}

.homeblogonesec.homecontactsec{background-color:#fff; border-top:1px solid #FF7700;}
.homeblogonesec.homecontactsec .blogsinglebox{max-height:300px; margin-bottom:0; border:1px solid #f2f2f2;}
.homeblogonesec.homecontactsec .blogtxt{width:52%;padding:2rem 2rem 2rem 0;float:right;}
.homeblogonesec.homecontactsec .blogtxt ul{padding:0 0 0 17px; margin:0;}
.homeblogonesec.homecontactsec .blogtxt ul li{font-size:12px; line-height:20px;}

.contwoorgbtn{width:100%; padding-top:1.5rem;}
.contwoorgbtn a{color:#FF7700; border:1px solid #FF7700; padding:0.5rem 1.5rem; font-size:12px;}
.contwoorgbtn a:hover{color:#fff; background-color:#FF7700;}


/* Footer Section */
.footersec{width:100%; background-color:#093F7C; padding:50px 0 20px;}
.mainfootlink{width:100%; height:60px; display:flex; align-items:center;}
.mainfootlink ul{padding:0; margin:0; list-style-type:none;}
.mainfootlink ul li{display:inline-block; color:#fff; font-size:12px;}
.mainfootlink ul li:after{content:"|"; padding:0 3px 0 7px;}
.mainfootlink ul li:last-child:after{content:""; padding:0;}
.mainfootlink ul li a{color:#fff;}
.mainfootlink ul li a:hover{color:rgba(61,155,233,1.0);}

.bottomfootlinks{width:100%; margin-top:30px;}
.bottomfootlinks h2{color:rgba(61,155,233,1.0); font-size:17px; margin-bottom:20px;}
.bottomfootlinks h2 a{color:rgba(61,155,233,1.0);}
.bottomfootlinks ul{padding:0 0 0 10px; margin:0; list-style-type:none; border-left:1px solid #777; width:100%; min-height:220px;}
.bottomfootlinks ul li{color:#fff; font-size:12px;}
.bottomfootlinks ul li a{color:#fff;}
.bottomfootlinks ul li a:hover{color:rgba(61,155,233,1.0);}

.extbottomfooter{width:100%; text-align:center; margin-top:30px;}
.extbottomfooter p{font-size:13px; color:#d7d7d7;}
.extbottomfooter p a{color:#d7d7d7;}

.smlinksbox{width:100%;}
.smlinksbox ul{padding:13px 0 0; margin:0; list-style-type:none; text-align:right;}
.smlinksbox ul li{display:inline-block; color:#777; font-size:14px;}
.smlinksbox ul li a{color:#777; padding:0 5px;}
.smlinksbox ul li a:hover{color:rgba(61,155,233,1.0);}

.whitebtnfoot{width:100%; text-align:right; margin-top:15px;}
.whitebtnfoot a{color:#474747; background-color:#fff; padding:10px 30px; border-radius:20px;}
.whitebtnfoot a:hover{background-color:rgba(61,155,233,1.0); color:#fff;}

/* Q & A page */
.breadcrumbsec{width:100%;}
.breadcrumbsec .breadcrumb{padding:1rem 0; margin-bottom:0; background-color:#fff; align-items:center; justify-content:center;}
.breadcrumbsec .breadcrumb li a{font-size:11px;}
.breadcrumbsec .breadcrumb li.breadcrumb-item.active{font-size:11px;}

.innertitlesec{width:100%; background-color:#fff; background-image:url('../images/qatitlebg.png'); background-repeat:no-repeat; background-position:top center; background-size:70%;}
.intitlebox{width:100%; padding:30px 0; text-align:center; background-color:rgba(255,255,255,0.75);}
.intitlebox h1{color:#093F7C; font-size:2rem; margin-bottom:10px;}
.intitlebox h2{font-size:1rem; color:#093F7C; letter-spacing:0.1rem;}

.inaftertxtsec{width:100%; background-color:#fff; padding:50px 0;}
.inaftertxtsec .inaftertxtbox{width:100%;}
.inaftertxtsec .inaftertxtbox h3{font-size:1rem; text-align:center; line-height:1.5rem;}

.intitletwosec{width:100%; background-color:#fff; background-image:url('../images/qatxtbg01.jpg'); background-repeat:no-repeat; background-position:top right; background-size:auto;}
.intitletwobox{width:100%; padding:30px 0;}
.intitletwobox h2{font-size:1.2rem;}

.maininnercontsec{width:100%; padding:70px 0;}
.mainincontwrap{width:100%;}
.mainincontwrap h2{color:#093F7C; font-size:1.4rem; margin-bottom:1.8rem;}
.mainincontwrap .fa.fa-circle{padding-right:1rem;}
.mainincontwrap h3{color:#093F7C; font-size:1.2rem; padding:1.5rem 0;}

p.smalltxt{font-size:0.7rem;}
.separatorone{padding:30px 0; width:100%;}

.inaftertxtsec.inaftertwosec{padding-top:0;}
.orangeqabox{width:80%; margin:0 auto; border:2px solid #340000; padding:15px; margin-top:6rem;}
.orangeqabox h4{font-size:1rem;}
.orangeqabox p{font-size:0.6rem; margin-bottom:0;}

.orangeinwrap{width:100%; position:relative; background-color:#340000;}
.orangerightarrow{border-top:0; border-bottom:55px solid transparent; border-right:55px solid #340000; transform:rotate(225deg); 
position:absolute; top:-5px; left:-10px;}
.orangeinwrap a{display:block; color:#fff; font-size:0.5rem; width:100%; height:75px; background-color:#340000; padding:30px 0; text-align:center; position:absolute;top:-15px;left:15px;}
.orangeimgbox{width:100%; position:relative; float:right;}
.orangeimgbox img{position:absolute; right:0; top:-120px;}


/* Blog page */
.blogcatlinks{width:80%; margin:0 auto;}
.blogcatlinks ul.blogcatlist{padding:0; margin:5px 0 0; list-style-type:none;}
.blogcatlinks ul.blogcatlist li{display:inline-block; margin-right:2rem; font-size:13px;}
.blogcatlinks ul.blogcatlist li.active a{color:#340000;}

.searchblogbox .form-control{border:none; border-bottom:1px solid #d7d7d7; border-radius:0; font-size:12px;}
.searchblogbox .btn{border-bottom:1px solid #d7d7d7; padding:0.2rem 0.75rem;}

.blogmaincontentbox{width:80%; margin:0 auto;}
.blogcontsingle{width:100%; border:1px solid #d7d7d7; margin-top:2rem;}
.blogcontsingle .blogcatimg{width:100%; max-height:500px; overflow:hidden;}
.blogcontsingle .blogcatimg img{width:100%;}

.blogtxtbox{width:100%; padding:40px 30px 30px;}
.blogtxtbox h2{font-size:1.7rem; margin-bottom:1rem; color:#171717;}

.dateotherinfo{width:85%; margin-bottom:20px; float:left; position:relative;}
.dateotherinfo p{margin-bottom:0; font-size:11px; color:#676767; line-height:18px; padding-left:3rem;}
.dateotherinfo .minicircle{position:absolute; top:0; left:0;}
.dateotherinfo .minicircle img{width:40px; border-radius:50%;}
.floatrightone{width:15%; float:right; text-align:right;}
.dropdown{position:relative;display:inline-block;}
.dropdown-content {display:none;position: absolute;background-color:#f9f9f9;min-width:160px;padding:8px 12px;z-index: 1;left:-4rem;text-align:left;}
.dropdown:hover .dropdown-content{display:block;}

.cuspagibox{width:100%; margin-top:2rem;}
.cuspagibox ul.pagination{align-items:center; justify-content:center;}


/* Company Profile */
.latofont{font-family: 'Lato', sans-serif;}
.companyhead{width:100%;}
.companyhead h2{font-size:2rem; line-height:4rem; color:#373737; margin-bottom:2rem;}
.companyhead p.comabtparaone{text-align:justify; line-height:1.8rem; padding-right:6.6rem;}

.comheadimgbox{width:100%;}
.comheadimgbox img{width:100%;}
.comheadimgbox p{font-size:16px; text-align:center; margin-top:1rem;}

.companyothbox{width:100%; margin-top:4rem; text-align:center;}
.vertilineblue{width:2px; height:50px; margin:0 auto 4px; background-color:#709DD1;}
p.smallbluetxt{font-size:14px; color:#709DD1; margin-bottom:1px;}
.companyothbox h3{margin-top:1rem; line-height:2rem;}

.companyabttablesec{width:100%; background-color:#0d5eba; padding:60px 0;}
.titleleftbox{width:70%; margin:1rem auto 0; text-align:left;}
.comprofileinfobox{width:70%; margin:0 auto;}

.vertitxtbox{width:100%; text-align:center;}
.vertitxtbox .vertilineblue{background-color:#d7d7d7;}
.vertitxtbox p.smallbluetxt{color:#d7d7d7;}

.comprofileinfobox .table-responsive{margin-top:40px;}
.comprofileinfobox .table-responsive table tr td{color:#fff;}
.comprofileinfobox .table-responsive table tr td:first-child{width:25%; font-weight:600;}

/* Contact page */
.conboxone{width:100%;}
.conboxonetxt{width:100%;}
.conboxonetxt h2, .conboxonetxt h3{color:#474747;}
.conboxonetxt h2{border-left:15px solid rgba(13,94,186,1.0); border-bottom:1px solid rgba(13,94,186,1.0); padding-left:20px; 
padding-bottom:10px; margin:0;}
.conboxonevalues{padding-left:3rem;}
.conboxonevalues .fa-caret-down{font-size:34px; padding-left:5rem;}
.conboxonetable{width:100%; padding:25px; border:2px solid #575757; text-align:center; margin:1.5rem 0 3rem;}
.conboxonetable hr{border:0; width:100%; height:2px; background-color:#575757;}
.conboxonetable ul{padding:0; margin:0; list-style-type:none;}
.conboxonetable ul li{width:13.4%; height:100px; display:inline-flex; align-items:flex-start; justify-content:center; padding:10px; border-right:1px dotted #777; font-size:12px;}

.conboxpadtxt{width:100%; padding:3rem 4rem;}
.conboxpadtxt ul{padding-left:1rem;}
.conboxonebtn{width:100%; margin:0 0 2rem; text-align:center;}
.conboxonebtn a{padding:1rem 6rem; color:#474747; border:1px solid #d7d7d7; display:block;}
.conboxonebtn a:hover{background-color:rgba(3,196,255,1); color:#fff;}

h3.conboxh3title{text-align:center; font-size:24px!important; padding-bottom:2.7rem;}
.conboxonetxt.subboxtxt h2{border-left:15px solid rgba(3,196,255,1); border-bottom:1px solid rgba(3,196,255,1);}
.subsformbox form input[type="email"]{width:90%; border-radius:0;}
.subsformbox button[type="submit"]{border-radius:0;}
.subsformbox .form-check{margin-top:0.5rem;}
.subsformbox{width:100%; padding:2rem;}

.contactformwrap{width:100%; margin:5rem 0 0; text-align:center;}
.conmainformbox{width:100%; text-align:left;}
.conmainformbox select, .conmainformbox input[type="email"], .conmainformbox input[type="text"], .conmainformbox textarea{width:100%; 
border:1px solid #d7d7d7; padding:10px; color:#474747; border-radius:5px; margin-bottom:10px;} 
.conmainformbox textarea{resize:none; height:140px;}
.conmainformbox select{background-color:rgba(13,94,186,1.0); color:#fff;}

.conmainformbox input[type="submit"]{background-color:rgba(13,94,186,1.0); color:#fff; padding:10px 5px; border:none; 
transition:all 0.3s ease-in-out;}
.conmainformbox input[type="submit"]:hover{background-color:rgba(3,196,255,1);}

.innerpagebannersec{width:100%; padding-bottom:0;}
.innerpagebannersec .container-fluid{padding:0;}
.innerpagebannersec .innerbannerbox img{width:100%;}
.innerpagebannersec .innerbannerbox h1{color:#093F7C; font-size:37px; text-align:center; margin-bottom:2rem; margin-top:-2rem; padding-top:0; line-height:48px;}

.orangewhatsec{width:100%; background-color:#ff7700; padding:5rem 0; margin-top:1.5rem; text-align:center;}
.orangewhatcontent{width:100%; position:relative;}
.orangewhatcontent h2{color:#fff; margin-bottom:10px;}
.orangewhatcontent p{color:#fff; margin-bottom:0;}
.whatimgone{position:absolute; left:0; top:0;}
.orangewhatcontent .fa-caret-down{color:#ff7700; font-size:7rem; position:absolute; bottom:-9rem; left:47%;}

.aftaboutwhatsec{width:100%; padding:5rem 0 1rem;}
.aftaboutwhatbox{width:100%; text-align:center;}
.aftaboutwhatbox h5{margin-bottom:1rem;}
.aftaboutwhatbox h2{margin-bottom:2.5rem; font-size:30px; letter-spacing:1rem;}
.abtwhattxttwo{width:100%; text-align:left; padding:2rem 0;}

ul.abtwhtlistbox{padding:2rem 0; margin:2rem 0 0; list-style-type:none; background-color:#fafafa; text-align:center;}
ul.abtwhtlistbox li{display:inline-flex; align-items:center; justify-content:center; flex-direction:column; padding: 0 2rem;}

.easyusesec{width:100%; padding:60px 0;}
.easyusetxtbox{width:100%;}
.easyusetxtbox h2{margin-bottom:1.5rem; margin-top:4rem;}
.easyusetxtbox h5{margin-bottom:3rem;}
.easyusesec .esayuseimgtwo{width:100%; margin:1rem 0 2rem;}

.easyuseorangebtn{width:100%; padding:2rem 0 1.5rem; text-align:center;}
.easyuseorangebtn a{color:#ff7700; border:2px solid #ff7700; padding:1rem 5rem; border-radius:40px;}
.easyuseorangebtn a:hover{background-color:#ff7700; color:#fff;}

.easyanyonesec{width:100%; padding:4rem 0;}
.easyanyonebox{width:100%; text-align:center;}
.easyanyonebox h2{margin-bottom:1rem;}
.easyanyonebox h5{margin-bottom:3rem;}

.easyusebluebtn{width:100%; padding:2rem 0 1.5rem; text-align:center;}
.easyusebluebtn a{color:#3d9be9; border:2px solid #3d9be9; padding:1rem 5rem; border-radius:40px;}
.easyusebluebtn a:hover{background-color:#3d9be9; color:#fff;}

.whatimgeasyonewrap{width:100%; text-align:center;}
.whatimgeasyonewrap img{margin-bottom:2rem;}
.whatimgeasyonewrap p{text-align:left;}
.whatimgseven{position:absolute; top:-2rem; right:-5rem;}

.businesssec{width:100%; padding:5rem 0;}
.businessbox{width:100%;}
.businessbox h5{text-align:center; margin-bottom:1rem;}
.rowpadtop{margin-top:5rem;}

.businesssingle{width:100%; text-align:left;}
.businesssingle h5{margin-bottom:1rem; color:#BADA55; text-align:left;}
.businesssingle h2{color:#BADA55; text-align:left;}
.businesssingle p{margin:2rem 0;}
.businesssingle hr{background-color:#BADA55; width:100%; height:2px; border:none; margin:1rem 0;}

.greenbusisinbtn{width:100%; padding:2rem 0 1.5rem; text-align:left;}
.greenbusisinbtn a{background-color:#BADA55; color:#fff; border:2px solid #BADA55; padding:1rem 5rem; border-radius:40px;}
.greenbusisinbtn a:hover{background-color:transparent; color:#BADA55;}

.businesssingle.bluebusisin h2{color:#00A6FF;}
.businesssingle.bluebusisin h5{color:#00A6FF;}
.businesssingle.bluebusisin hr{background-color:#00A6FF;}
.businesssingle.bluebusisin .greenbusisinbtn a{background-color:#00A6FF; border:2px solid #00A6FF;}
.businesssingle.bluebusisin .greenbusisinbtn a:hover{color:#00A6FF; background-color:transparent;}

.businesssingle.purplebusisin h2{color:#9E70DB;}
.businesssingle.purplebusisin h5{color:#9E70DB;}
.businesssingle.purplebusisin hr{background-color:#9E70DB;}
.businesssingle.purplebusisin .greenbusisinbtn a{background-color:#9E70DB; border:2px solid #9E70DB;}
.businesssingle.purplebusisin .greenbusisinbtn a:hover{color:#9E70DB; background-color:transparent;}

.belowimgsec{width:100%; padding:5rem 0 0;}
.belowimgbox{width:100%;}
.belowimgbox h2{text-align:center; margin-bottom:2rem;}

.belowimgsingle{width:100%; position:relative; background-color:#373737;}
.belowimgsingle .fa.fa-heart-o{position:absolute; top:50%; left:47%; z-index:9; opacity:0.0; transition:all 0.3s ease-in-out; 
font-size:20px; color:#fff;}

.belowimgsingle:hover .fa.fa-heart-o{opacity:1.0;}
.belowimgsingle:hover img{opacity:0.7;}
.belowimgtxt{width:75%; margin:0 auto;}
.belowimgtxt p{text-align:left; padding:3rem 0;}

.kaishapologowht{margin-bottom:1rem;}

.lastwhatsec{width:100%; padding:3rem 0;}
.lastwhattxtbox{width:100%; text-align:center;}
.lastwhattxtbox img{margin-bottom:1rem;}
.lastwhattxtbox h4{margin-top:1rem;}

.bgimgtxtbox{width:833px; height:317px; background-image:url('../images/whatisimg14.png'); background-repeat:no-repeat; background-size:contain; margin:3rem auto;}
.lastparaone{width:60%; margin:0 auto 2rem;}
.bgimgtxtbox .bgimgtxtsingle{width:100%; padding:6rem 2rem 2rem;}
.bgimgtxtbox .bgimgtxtsingle p{margin-bottom:7px; font-size:13px; line-height:18px;}

.bgimgtxtsingle.bgsinonebox{padding-left:5rem;}
.bgimgtxtsingle.bgsinthreebox{padding-right:5rem;}

.bluelastbtn{width:100%; padding:2rem 0 1.5rem; text-align:center;}
.bluelastbtn a{background-color:rgba(13,94,186,1); color:#fff; border:2px solid rgba(13,94,186,1); padding:1rem 10rem; border-radius:40px;}
.bluelastbtn a:hover{background-color:transparent; color:rgba(13,94,186,1);}

/* Promotion Box */
.promotionitemsbody{background-color:#f7f7f7;}

.promobannersec{width:100%; margin:6rem 0;}
.promoboxbanner{width:100%; background-color:#0074d9;}
.promobluebox{width:100%; min-height:540px; display:flex; align-items:center; justify-content:center; flex-direction:column; 
text-align:center; position:relative;}
.promobluebox h1{color:#fff; margin-bottom:1rem; position:relative; z-index:9;}
.promobluebox h1.smalltitle{font-size:18px; position:relative; z-index:9;}
.promobluebox h2{color:#fff; margin-bottom:1rem; font-size:34px; position:relative; z-index:9;}

.parallelogrambanner{width:800px;height:650px;display:block;transform:skew(-15deg);background:#0074d9;position:absolute;top:-3rem;
left:-14rem;z-index:8;}
.promoimgone, .promoimgtwo{z-index:4; position:relative;}

hr.lineanimation{width:57%; height:2px; background-color:#272727; margin:2rem auto; border:none; animation:linemove 5s normal;}
@keyframes linemove{
  from {width:0%;}
  to {width:50%;}
}

.promoboxtwosec{width:100%; padding:4rem 0;}
.promoboxtwotxt{width:100%; text-align:center;}
.promoboxtwotxt h2{font-size:34px; margin-bottom:1.5rem;}
.promoboxtwosec hr.lineanimation{background-color:rgba(0,166,255,1.0); margin-bottom:2rem; margin-top:2rem;}

.promoboxthreesec{width:100%; padding:0 0 4rem;}
.promoboxthreetxt{width:100%; background-color:#fff;}
.nopadright{padding-right:0;}
.nopadleft{padding-left:0;}
.pbthreecolwht{width:100%; padding:7rem 3rem 0;}
.pbthreecolwht hr.lineanimation{width:100%; animation:linemovetwo 5s normal;}
@keyframes linemovetwo{
  from {width:0%;}
  to {width:100%;}
}
.pbthreecolwht h2{margin-bottom:1.5rem;}

.promoboxfoursec{width:100%; padding:0 0 4rem;}
.promoboxfourtxt{width:100%;}
.pb3singlewrap{width:100%; padding:15px; background-color:#fff; text-align:center;}
.pb3singlewrap h2{font-size:24px; line-height:30px;}
.pb3singlewrap h5{margin:1rem 0;}
.pb3singlewrap img{margin-bottom:1.5rem;}

.smallgreybox{width:100%; background-color:#e7e7e7; padding:20px; margin-top:4rem;}
.smallgreybox p{font-size:12px;}
.orangewhatsec.promogreystrip{background-color:#606060;}
.orangewhatsec.promogreystrip .fa.fa-caret-down{color:#606060;}

.promoboxfivesec{width:100%; padding:5rem 0;}
.promofivesingle{width:100%; background-color:#fff;}
.promofivesingletxt{width:100%; padding:15px; text-align:center; min-height:325px;}
.promofivesingletxt h2{font-size:24px; margin-bottom:1rem;}
.promofivesingletxt h5{font-size:17px;}
.promofivesingletxt hr{width:100%; height:1px; background-color:#606060; margin:1.5rem 0; border:none;}
.promofivesingletxt p{text-align:justify;}

.promogreybtn{width:100%; text-align:center; padding:4rem 0 0;}
.promogreybtn a{color:#606060; background-color:#fff; border:1px solid #606060; padding:1rem 10rem; border-radius:40px;}
.promogreybtn a:hover{color:#fff; background-color:#606060;}

.inaftertwosec.promoboxlastbox{background-color:#f2f2f2; padding-top:1.5rem; padding-bottom:5rem;}
.inaftertwosec.promoboxlastbox .inaftertxtbox .orangeqabox{background-color:#fff;}

/* Communication items */
.commbannersec .promobluebox{background-color:#03c4ff;}
.promoboxthreesec.commboxthreesec .pbthreecolwht{padding:4rem 3rem 0;}
.commbluebtn{width:100%; padding:4rem 0 1.5rem; text-align:center;}
.commbluebtn a{background-color:rgba(13,94,186,0); color:#272727; border:1px solid rgba(0,166,255,1); padding:1rem 10rem; border-radius:40px;}
.commbluebtn a:hover{background-color:rgba(0,166,255,1); color:#fff;}
.commboxfivesec{background-color:#fafafa;}
.commboxlastsec{background-color:#fff!important;}
.commboxfivesec .promofivesingle h5{margin-bottom:1rem;}
.commboxfivesec .promofivesingletxt{min-height:440px;}
img.commiconimg{width:48px; height:48px;}

/* Case Study */
.casestudyonesec{width:100%; padding:0 0 2rem;}
.csonewrap{width:100%;}
.csonewrap .masonry .item img{width:100%; opacity:1.0; transition:all 0.3s ease-in-out;}
.csonewrap .masonry .item img:hover{opacity:0.88;}

/* Masonry container start */
.masonry { 
    -webkit-column-count: 3;
  -moz-column-count:3;
  column-count: 3;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
   margin: 1.5em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}
.masonry .item {
    display: inline-block;
    background: #fff;
    padding: 0;
    margin: 0 0 1.5em;
    width: 100%;
	-webkit-transition:1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.masonry .item img{max-width:100%;}

@media only screen and (max-width: 320px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 321px) and (max-width: 768px){
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1200px){
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
@media only screen and (min-width: 1201px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
/* Masonry container end */

.casestudytwosec{width:100%; padding:3rem 0; background-image:url('../images/qatxtbg01.jpg'); background-repeat:no-repeat; background-position:top right; position:relative;}
.casestudytwosec h3{margin-bottom:1.5rem; font-size:20px;}
.casestudytwosec p{margin-bottom:10px;}
.casestudytwosec .fa-caret-down{position:absolute; bottom:-4rem; left:48%; color:#d1d1d1; font-size:7rem;}
.casestudythreesec{width:100%; padding:5rem 0 3rem;}
.casestudythreesec .row .col .csimgblock{width:100%; border:1px solid #f1f1f1; padding:0.5rem; margin-bottom:30px;}
.casestudythreesec .row .col .csimgblock a.csimgbtn{display:block; margin-top:5px; background-color:#03c4ff; color:#fff; text-align:center; padding:10px 5px;}
.casestudythreesec .row .col .csimgblock a.csimgbtn:hover{background-color:#575757;}
.aligncenter{text-align:center;}
.nomargin{margin:0!important;}

.casestudyfoursec{width:100%; padding:5rem 0 1rem;}
.casestudyfoursec .csimgbox{width:100%; position:relative; background-color:#000; margin-bottom:30px;}
.casestudyfoursec .csimgbox .hovertxtbox{width:100%; text-align:center; position:absolute;z-index:9;padding:2rem;left:0;top:2rem;}
.casestudyfoursec .csimgbox .hovertxtbox p{margin-bottom:0; color:#fff; font-size:12px; line-height:16px; opacity:0.0; transition:all 0.3s ease-in-out;}
.casestudyfoursec .csimgbox:hover .hovertxtbox p{opacity:1.0;}
.casestudyfoursec .csimgbox img{transition:all 0.3s ease-in-out; opacity:1.0;}
.casestudyfoursec .csimgbox:hover img{opacity:0.34;}

/* Price List */
.pricelistsec{width:100%; padding:4rem 0;}
.pricelistbox{width:100%;}
.pricelistbox .table-responsive .table tr td{width:25%; border:1px solid #e7e7e7; padding:1rem;}
.pricelistbox .table-responsive .table tr td:first-child{background-color:#d7d7d7; text-align:left; color:#fff;}
.pricelistbox .table-responsive .table tr td h2{color:#fff;}
.pricelistbox .table-responsive .table tr td h5{font-size:18px; padding-bottom:1rem; border-bottom:1px solid #777;}

.plgreen{color:#bada55;}
.plblue{color:#00a6ff;}
.plpurple{color:#6a5acd;}

.plgreenbg{background-color:#bada55;}
.plbluebg{background-color:#00a6ff;}
.plpurplebg{background-color:#6a5acd;}

.txtwhtite{color:#fff;}
.txtcenter{text-align:center;}
.redtxt{color:#d62f2f;}

.pllogosec{width:100%; padding:4rem 0;}
.pllogocontent{width:100%;}
.pllogotitle{color:#FF7700; text-align:center; padding-bottom:2rem; border-bottom:2px solid #FF7700; margin-bottom:3rem;}

.pllogocontent .table-responsive .table tr td{vertical-align:middle; text-align:center; width:25%; border:1px solid #d7d7d7;}
.pricelistfivesec{padding:0 0 4rem;}
.pricelistfivesec .promofivesingle{background-color:#f7f7f7;}
.pricelistfivesec h5{margin-bottom:1rem;}
.pricelistfivesec .promofivesingle video{object-fit:cover;}
.pricelistfivesec .promofivesingletxt{min-height:440px;}
.inafterpara{text-align:center; padding:1rem 0;}

.cpbtnsbox{width:100%; margin-top:3rem; padding:15px; border:1px solid #d7d7d7; border-radius:40px; text-align:center;}
.cpbtnsbox .cpbtn{display:block; width:100%; padding:15px 30px; border-radius:40px; color:#fff;}
.orangewhatsec.greenstripcpsec{background-color:#bada55;}
.orangewhatsec.greenstripcpsec .fa-caret-down{color:#bada55;}

.creativeonesec{width:100%; padding:5rem 0 3rem;}
.creativeonebox h2{font-size:24px; line-height:34px;}
.creativeonebox h3{margin:20px 0; color:#777;}
.creativeonebox h5{margin-bottom:15px;}

.cplantwosec{width:100%; padding:2rem 0;}
.cplanbox{width:100%; margin-bottom:3rem;}
.bluelinehr{width:100%; height:2px; background-color:#03c4ff;}
.cplanimgtwo{position:relative; left:-1rem;}

.cpbluebtn{width:100%; padding:4rem 0 1.5rem; text-align:center;}
.cpbluebtn a{background-color:transparent; color:rgba(61, 155, 233, 1); border:2px solid rgba(61, 155, 233, 1); padding:1rem 10rem; 
border-radius:40px;}
.cpbluebtn a:hover{background-color:rgba(61, 155, 233, 1); color:#fff;}

.cplanboxthreesec{width:100%; padding:4rem 0;}

.phoneimgbox{width:100%; text-align:center;}
.phoneimgbox img{width:191px;}

.cpmonitorbox{width:100%; text-align:center; position:relative;}
.cpmonitorbox .pagescreenimg{width:500px;}
.cpmonitorbox .monitorimg{position:absolute; top: 1.3rem;left:3rem;width:450px;}
.cplanboxthreesec h2{padding:2rem 0;}
.cplanboxthreesec h2 span{font-size:13px;}
.cpbarcodebox p{text-align:left;}
.blacklinehr{width:100%; height:2px; background-color:#272727; margin:2rem 0;}
.cpparaleftpad{margin-left:7rem;}

.instrabtn{width:100%; padding:3rem 0; text-align:center;}
.instrabtn a{background-color:transparent; color:#272727; border:2px solid #272727; padding:1rem 2rem; border-radius:2px;}
.instrabtn a:hover{background-color:#272727; color:#fff;}

.corpoparaone{width:50%; margin:2rem auto;}
.corpoparaone p{text-align:left;}
h4.corpotitle4{margin-bottom:2rem; font-size:25px;}

.corposmicons{width:100%; padding-top:2rem;}
.corposmicons ul{margin:0; padding:0; list-style-type:none;}
.corposmicons ul li{display:inline-block; padding:0.5rem; font-size:10px; text-align:center; width:84px; line-height:15px;}
.corposmicons ul li img{margin-bottom:0.7rem;}

.commbluebtn.corpobtn{margin-top:3rem;}
.commbluebtn.corpobtn a{border:2px solid #093f7c; color:#093f7c;}
.commbluebtn.corpobtn a:hover{background-color:#093f7c; color:#fff;}

.sitemapsec{width:100%; padding:1rem 0 3rem;}
.sitemapwrap{width:80%; margin:0 auto; border:1px solid #e7e7e7; border-radius:4px; padding:2rem;}
.sitemapwrap ul{margin:0; padding:0; list-style-type:none;}
.sitemapwrap ul li{display:block; background-color:#340000; margin-bottom:1rem;}
.sitemapwrap ul li a{color:#fff; font-size:17px; font-weight:700; padding:1rem 2rem; display:block;}
.sitemapwrap ul li ul{margin:0; padding:0; list-style-type:initial;}
.sitemapwrap ul li ul li{display:block; background-color:#f5f5f5; margin-bottom:0; border-bottom:1px solid #e4e4e4; padding-left:1.5rem;}
.sitemapwrap ul li ul li a{color:#272727; font-weight:400; font-size:13px; padding:1rem 2rem; display:block;}

.maininnercontsec.forblogdetailssec{background-image:url('../images/blogimg01.jpg'); background-attachment:fixed; 
background-repeat:no-repeat; background-size:cover; padding:0;}
.maininnercontsec.forblogdetailssec .mainincontwrap .blogcatlinks, 
.maininnercontsec.forblogdetailssec .mainincontwrap .blogmaincontentbox{background-color:#fff; padding:3rem; width:95%;}
.maininnercontsec.forblogdetailssec .mainincontwrap .blogmaincontentbox{padding-top:0;}
.maininnercontsec.forblogdetailssec .blogcontsingle{padding:2rem; margin-top:0; margin-bottom:1rem;}
.maininnercontsec.forblogdetailssec .blogtxtbox{padding:0 0 30px;}

.maininnercontsec.forblogdetailssec .blogtxtbox h1{font-size:30px; color:#272727; margin-bottom:1rem;}
.blogdetailstxt{width:100%; margin-top:2rem;}
.blogdetailstxt h2{color:#272727;}
.postsinsharebox{width:100%; padding:1rem 0; margin:2rem 0 1rem; border-top:1px solid #474747; border-bottom:1px solid #474747;}
.postsinsharebox ul{margin:0; padding:0; list-style-type:none;}
.postsinsharebox ul li{display:inline-block; padding:0 1rem;}
.postsinsharebox ul li a{font-size:20px; color:#272727;}
.likelove{font-size:20px; color:#e84a43; text-align:right;}
.showallblog{text-align:right;}

.latestpost{width:100%; text-align:center; border:1px solid #d7d7d7; padding-bottom:3rem;}
.latestpost img{width:100%; margin-bottom:1rem;}
.latestpost p{font-size:13px; margin:0;}
.latestpost hr{width:100%; height:2px; background-color:#676767; margin:2rem 0 1rem;}

.latestposttxt{width:100%; padding:0 1rem 1rem;}
.latestposttxt .row p{text-align:left;}
.latestposttxt .row p.likelove{text-align:right;}

.logincomments{width:100%; padding:2rem; text-align:center; margin:2rem 0 0; border:1px solid #e7e7e7;}
.blogmaincatbox .blogtxtbox {padding:20px 20px 10px 0;}
.blogmaincatbox .blogcontsingle .blogcatimg img {width:100%;height:290px;object-fit:cover;}

.blogtitletwo{font-size:28px!important; color:#272727!important; font-weight:500; line-height:40px;}
.borderleft{border-left:2px solid #0D5EBA; padding-left:10px; font-size:28px; line-height:40px;}

.orangebg{background-color:#ff7700!important;}
.net3logo{z-index:9;}
.fontsize30{font-size:30px;}
.whitebtn{width:100%;z-index:9;position:relative;padding-top:2rem;}
.whitebtn a{color:#fff; border:2px solid #fff; padding:0.7rem 3rem; border-radius:30px;}
.whitebtn a:hover{background-color:#ffa600;}
.net3txtone{width:57%; margin:0 auto; text-align:left;}
.orangewhatsec.net3orange{background-color:transparent!important; padding-top:0;}
.orangewhatsec.net3orange .orangewhatcontent .fa.fa-caret-down{color:#ff7700; bottom:-7rem;}
.net3promosec{padding-bottom:1rem;}

.net3txtoneproduct{width:100%;}
.net3txtoneproduct ul{margin:0; padding:0; list-style-type:none;}
.net3txtoneproduct ul li{display:inline-flex; width:130px; align-items:center; justify-content:center; padding:0 0.5rem;}
.orangebtntwo{width:100%;padding-top:5rem;text-align:center;}
.orangebtntwo a{color:#fff; background-color:#ff7700; padding:0.7rem 5rem; border-radius:30px;}
.orangebtntwo a:hover{background-color:#ffa600;}

.orangetxtbox{width:100%; text-align:center; padding:4rem 0 0;}
.orangetxtbox h2{color:#ff7700; margin:1rem 0;}
.orangetxtbox h5{color:#ff7700; margin-top:1rem; font-size:14px; line-height:20px; font-weight:600;}
.orangetxtbox p{text-align:justify; padding:1.5rem;}
.redparatxt{color:#E21C21;}

.orangecaretdnbox{width:100%; text-align:center; margin-bottom:4rem;}
.orangecaretdnbox .fa-caret-down{font-size:7rem; color:#ff7700; line-height:5px;}
.lightgrey3netbox{background-color:#f7f7f7; min-height:initial!important; margin-bottom:5rem;}
.lightgrey3netbox p{text-align:center; margin:0;}
.net3orgbtn{padding-top:0;}

.innervideotitlesec{width:100%; position:relative; overflow:hidden;}
.videobannerfix{width:100%; position:relative; height:600px; overflow:hidden;}
.videobannerfix video#myVideo{right:0;top:0;min-width:100%;width:100%;min-height:100%;position:fixed; z-index:-2;}
.innervideotitlesec .intitlebox{background-image:url('../images/videobg.png'); background-repeat:no-repeat; 
background-position:center center; position:absolute; top:3rem; z-index:9; background-color:transparent;}

.videotxtonesec{width:100%; padding:4rem 0; background-color:#f7f7f7;}
.videotxtonesec .inpagevideotxt{width:80%; margin:0 auto;}
.videotxtonesec .inpagevideotxt h2{color:#041F3E; margin-bottom:2rem; text-align:center;}
.videotxtonesec .inpagevideotxt p{text-align:justify;}

.videotxttwosec{width:100%; background-color:#fff; padding:3rem 0;}
.gdmacboximg{width:60%; margin:0 auto 3rem;}
.gdmacboximg img{width:100%;}

.videotxtblock{width:100%; margin-bottom:3rem;}
.videotxtblock img.gdimgclsone{width:100%;}
.videotxtblock h2{font-size:22px;}
.videotxtblock h2 span{font-size:14px;}
.videotxtblock hr{width:100%; background-color:#c7c7c7; height:1px; border:none; margin:1.5rem 0 2rem;}
.videotxtblock h4{font-size:18px; margin-bottom:2rem;}

.promoboxtwosec.gdboxsec{background-color:#f7f7f7;}
.promoboxtwosec.gdboxsec hr{background-color:rgba(3, 196, 255, 1); width:60%; height:2px; margin:2rem auto; border:none;}

.gdpointbox{width:100%; min-height:675px; padding:4rem; background-color:#f1f1f1; position:relative; text-align:left; margin-top:3rem;}
.gdpointbox img{width:100%; margin:1.5rem 0;}
.gdpointbox h6{padding-left:3rem;}
.gdpointbox h3{font-size:20px; margin:1rem 0; padding-left:3rem;}

.gdtriangle{position:absolute; top:0; left:0; width:0;height:0;border-style:solid;border-width:140px 140px 0 0;border-color:#0d5eba transparent transparent transparent; z-index:2;}
.gdtriangle p{margin:0; color:#fff; font-size:15px;position:absolute;top:-8rem;left:1rem;font-weight:600;text-align:center;}

.gdsmblockcls{width:100%; background-color:#fff; padding:2rem; border-radius:30px; text-align:center; min-height:400px;}
.gdsmblockcls h4{margin:2rem 0; font-size:20px;}

.gdblueinafsec{background-color:#f7f7f7;}
.gdblueinafsec .orangeqabox, .gdblueinafsec .orangerightarrow{border-color:#0d5eba!important;}
.gdblueinafsec .orangeinwrap a{background-color:#0d5eba;}
.gdblueinafsec .dezaiigd{width:90px;}
.gdblueinafsec .orangeqabox{margin-top:2rem;}
.gdconform{background-color:#fff;}


/* ------ GRAND ESPOIR Inner page ------ */
/* Innerpage Breadcrumb */
.breadcrumbsec{width:100%; background-color:rgba(255,255,255,0.8); margin-top:-33px;}
.breadcrumbsec .breadcrumb{text-align:left; background-color:rgba(255,255,255,0.0); padding:2px 0; align-items:flex-end;
justify-content:left;}
.breadcrumbsec .breadcrumb li{padding:0 0.5rem; margin-bottom:0;}
.breadcrumbsec .breadcrumb li:first-child a{font-size:24px;}
.breadcrumbsec .breadcrumb li a{font-size:16px;}
.breadcrumb-item + .breadcrumb-item:before{content:"\f105"; font: normal normal normal 15px/1 FontAwesome; padding-right:0.8rem;}
.breadcrumbsec .breadcrumb li.breadcrumb-item.active{font-size:15px; padding-left:0.4rem;}

/* Access Page */
.innerbannersec{width:100%; padding:7rem 0; background-color:#fff; background-image:url('../images/access-banner.png'); background-repeat:no-repeat; background-position:top center; background-size:cover; text-align:center;}
.innerbannersec h1{font-size:50px; text-shadow:2px 2px 2px #333333; font-weight:500; color:#fff; margin-bottom:1.1rem;}
.innerbannersec h2{font-size:18px; text-shadow:2px 2px 2px #333333; font-weight:400; color:#fff;}
.custxtright{text-align:right;}

.titletxtsecone{width:100%; padding:4rem 0; text-align:center;}
.titletxtsecone h2{font-size:38px; color:#9F886E; margin-bottom:2rem;}

.gmapaddresssec{width:100%;}
.googlemapbox{width:100%; padding-bottom:3rem;}
.googlemapbox iframe{width:100%; height:350px;}

/* Cast section */
.inbanncast{background-image:url('../images/cast-banner.png');}
.castsecone{width:100%; padding:5rem 0; background:#fff url('../images/onlycast.png') repeat;}
.castimgblock{width:100%; cursor:pointer;}
.castimgblock .mainimgbox{width:100%; overflow:hidden; display:block;}
.castimgblock .mainimgbox img{width:100%; transform:scale(1.0); transition:all 0.4s ease-in-out;}
.castimgblock:hover .mainimgbox img{width:100%; transform:scale(1.2);}
.padthinboth{padding:0 1px;}

.castimgblock .casttxtbox{ padding:1rem; min-height:100px; transition:all 0.3s ease-in-out;}
.castimgblock:hover .casttxtbox{background-color:#f9f9f9;}
.casttxtbox p{font-size:22px;text-align:center;}
.castimgblock .casttxtbox p a{color:#666;}
.castimgblock .casttxtbox p a:hover{color:#9F886E;}


/* System price fees */
.feespricebanner{background-image:url('../images/system-banner.png');}
.feespricesecone{width:100%; padding:5rem 0 0;}
.feesmaintxtbox hr{margin:0.5rem 0 2rem; width:100%; height:1px; border:none; background-color:#b7b7b7;}
.feesmaintxtbox table.table td{padding:1rem;}
.feesmaintxtbox table.table td:last-child{background-color:#f8f8f8;}
.feesmaintxtbox table.table tr:last-child td{border-bottom: 1px solid #dee2e6;}
.feesmaintxtbox table.table td p{margin:0;}
.smalltxtbox{width:100%; padding:1rem 0;}
.smalltxtbox p{font-size:14px; line-height:28px;}

.searchformbox{width:100%; margin-bottom:2.2rem;}
.searchformbox form button.btn{background-color:#171717; color:#fff;}
.searchformbox input[type="text"]{background-color:#f8f8f8;}

.rtcontentimgbox{width:100%;}
.rtcontentimgbox h2{display:block; background-color:#C5B8A8; text-align:center; color:#fff; padding:1.2rem 0; font-size:16px;}
.rtcontentimgbox ul{margin:2rem 0 0; padding:0; list-style-type:none;}
.rtcontentimgbox ul li{width:100%; min-height:135px; display:block; margin-bottom:10px; clear:both;}
.rtcontentimgbox ul li .rtsideimg{width:135px; overflow:hidden; float:left; margin-right:1rem;}

.rtcontentimgbox ul li .rtsideimg img{width:100%; transform:scale(1.0); transition:all 0.4s ease-in-out;}
.rtcontentimgbox ul li:hover .rtsideimg img{width:100%; transform:scale(1.2);}
.rtcontentimgbox ul li p span{font-size:12px;}
.rtcontentimgbox ul li p{font-size:13px; line-height:20px; margin-bottom:10px;}
.rtcontentimgbox ul li p a{color:#666;}
.rtcontentimgbox ul li p a:hover{color:#9F886E;}

/* News section */
.newsbannersec{background-image:url('../images/news-banner.jpg');}
.newsallsec{width:100%; padding:0 0 3rem;}
.newssingleblock{width:100%; margin-bottom:2rem; background-color:#f8f8f8;}
.newssingleblock .newsimageblock{width:100%; overflow:hidden;}
.newssingleblock .newsimageblock img{width:100%; transform:scale(1.0); transition:all 0.4s ease-in-out;}
.newssingleblock:hover .newsimageblock img{width:100%; transform:scale(1.2);}

.newscontentblock{width:100%; padding:2rem;}
.newscontentblock p span.postdate{font-size:13px;}
.newscontentblock h2{font-size:24px; color:#9F886E; margin-bottom:1rem;}
.newssingleblock:hover h2{color:#73604A;}

/* Room section */
.roomsinglebox{width:100%; margin-bottom:4rem;}
.quotebox{width:100%; border:1px solid #ccc; padding:2rem 1rem; box-shadow:0px 4px 0px 0px #f2f2f2; margin-bottom:3rem;}
.quotesignleft, .quotesignright{width:100%; color:#5cbcd7; font-size:22px; line-height:16px;}
.quotesignright{text-align:right; margin-top:5px;}
.roomtitlesec{padding-bottom:0;}
.roomtitlesec h2{margin-bottom:0;}
.titleh4{background-color:#eee; padding:1rem; font-size:20px; margin-bottom:1rem;}
.cusroomimg{width:100%; margin-bottom:3rem;}
.cusroomimgtwo{width:100%; margin-bottom:1rem;}

/* Recruit section */
.recuritbannersec{background-image:url('../images/recruit-banner.png');}
.recruit_rightimg{margin-bottom:30px;}


.cenmterimage{position: absolute;z-index: 5;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.roombannersec{background-image:url('../images/room-banner.jpg');}
.roombannersecall hr{margin:0.5rem 0 2rem; width:100%; height:1px; border:none; background-color:#b7b7b7;}
.roomsec{margin-bottom:50px;}
.roomsec h4{font-size:20px;margin-top:15px;}
.roomlasttxtpara{padding:40px 0;text-align:center;}
.roomlasttxtpara p{font-weight:600;padding-bottom:30px;}

.reservebannersec{background-image:url('../images/reserve-banner.jpg');}
.contactusall h2{text-align:center;text-transform:uppercase;}
.contoform{padding:0 15px;}
.repeatsingl{/*margin-bottom:15px*/margin-bottom:20px !important;}
.formlt h4{font-weight:600;}
.formlt p{color:#EF70A5;font-weight:600;}
.formrt input.txtfld{width:100%;height:50px;line-height:40px;padding:0 10px;border:1px solid #999; border-radius:7px;}
.formrt textarea.areafld{width:100%;min-height:150px;line-height:40px;padding:0 10px;border:1px solid #999; border-radius:7px;resize:none;margin-bottom: 25px;}
.inputbut{text-align:center;width:100%;}
.inputbut input{width:200px;height:61px;background:url('../images/contobut.png') no-repeat;border:none;}


.breadcrumb-item i.fa{font-size:24px;}

/* 予約画面 */

.heading-container {
  background-color: lightgray;
  padding: 10px;
  margin: 20px 0;
  width: 100%;
}

.error-message {
  margin-bottom: 0px;
  color: #f00;
  list-style-type: none;
}

#radio-button {
  margin:4px;
 
  float:left;
}

#radio-button label {
  float:left;
  width:100px;
  margin:4px;
  background-color:#EFEFEF;
  border-radius:4px;
  border:1px solid #D0D0D0;
  overflow:auto;
     
}

#radio-button label span {
  text-align:center;
  font-size: 20px;
  padding:5px 0px;
  display:block;
}

#radio-button label input {
  position:absolute;
  left:-3000px;
}

#radio-button input:checked + span {
  background-color:lightblue;
  color:#333;
}

#radio-button .unchecked{
  background-color:#F7F7F7;
  color:#333;
}

#radio-button .yellow {
  background-color:#FFCC00;
  color:#333;
}

#radio-button .blue {
  background-color:#00BFFF;
  color:#333;
}

#radio-button .pink {
  background-color:#FF99FF;
  color:#333;
}

#radio-button .green {
  background-color:#A3D900;
  color:#333;
}

.confirmTab th,
.confirmTab td {
  padding: 20px 10px 20px;
}

.confirmTab th {
  padding-left: 32px;
}




/********* Scroll Top *********/

.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:-4px;
	right:2px;
    z-index:99;	
}
.scroll {
	position:absolute;
	right:2px;
	bottom:2px;
	background:rgba(67,197,184,0.0);
	padding:8px;
	opacity:0.7;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 		
}
.scroll:hover {
	color:#fff;
	background:rgba(67,197,184,0.0);
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 
	opacity:1.0;		
}