@charset "utf-8";
/* CSS Document *//*
font-family: 'InputMonoCompressedRegular';
font-family: 'UsualRegular';
font-family: 'UsualMedium';
*/

/*a, button, h1, h2, h3, h4, h5, h6, img, input, p, select { -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; transition: all .5s ease 0s }*/
img, img a { border: 0 }
html { font-size: 10px }
body, html { height: 100% }
body { font-family: 'InputMonoCompressedRegular', sans-serif; font-weight: 400; font-size: 1.6rem; background: #f0ede8; color: #0B0B0B; margin: 0px; padding: 0px; overflow-x: hidden }
a, div, h1, h2, h3, h4, h5, h6, img, input, li, p, select, ul { margin: 0; padding: 0; outline: 0 !important; box-shadow: none; border: 0; list-style: none; font-weight: normal }
p { font-family: 'InputMonoCompressedRegular', sans-serif; font-weight: 400 }
img { max-width: 100% }
a { color: #0B0B0B }
a:hover, a:focus { color: #0B0B0B }
@font-face {
    font-family: 'InputMonoCompressedRegular';
    src: url('../fonts/InputMonoCompressedRegular.eot');
    src: url('../fonts/InputMonoCompressedRegular.eot') format('embedded-opentype'),
         url('../fonts/InputMonoCompressedRegular.woff2') format('woff2'),
         url('../fonts/InputMonoCompressedRegular.woff') format('woff'),
         url('../fonts/InputMonoCompressedRegular.ttf') format('truetype'),
         url('../fonts/InputMonoCompressedRegular.svg#InputMonoCompressedRegular') format('svg');
	font-style: normal;
	font-weight: normal;
}

@font-face {
    font-family: 'UsualRegular';
    src: url('../fonts/UsualRegular.eot');
    src: url('../fonts/UsualRegular.eot') format('embedded-opentype'),
         url('../fonts/UsualRegular.woff2') format('woff2'),
         url('../fonts/UsualRegular.woff') format('woff'),
         url('../fonts/UsualRegular.ttf') format('truetype'),
         url('../fonts/UsualRegular.svg#UsualRegular') format('svg');
	font-style: normal;
	font-weight: normal;
}

@font-face {
    font-family: 'UsualMedium';
    src: url('../fonts/UsualMedium.eot');
    src: url('../fonts/UsualMedium.eot') format('embedded-opentype'),
         url('../fonts/UsualMedium.woff2') format('woff2'),
         url('../fonts/UsualMedium.woff') format('woff'),
         url('../fonts/UsualMedium.ttf') format('truetype'),
         url('../fonts/UsualMedium.svg#UsualMedium') format('svg');
	font-style: normal;
	font-weight: normal;
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{padding-right:var(--bs-gutter-x,1.5rem);padding-left:var(--bs-gutter-x,1.5rem);}
.row{--bs-gutter-x:3rem;--bs-gutter-y:0;margin-right:calc(var(--bs-gutter-x) * -.5);margin-left:calc(var(--bs-gutter-x) * -.5)}
.row>*{padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}

.post, .page { margin: 0px; }

/*home*/
header { background-color: #0b0b0b; position: relative; width: 100%; z-index: 999; left: 0px; top: 0px; padding: 2.5rem 0 }
header h1.logo { font-size: 0px; line-height: 0 }
header h1.logo img { width: 90px }
.breakpoint-on .classy-navbar .classy-menu { width: 100% !important; }
.breakpoint-on .classy-navbar .classy-menu { left: inherit; top: 0px !important; right: -100% !important }
.breakpoint-on .classy-navbar .classy-menu.menu-on { top: 0px !important; right: 0 !important }

.breakpoint-on .dd-trigger { height: 100% !important }
.classy-menu .header_top { position: relative; background-color: #0b0b0b; padding: 2.5rem 0 }
.classynav ul li.cn-dropdown-item .dropdown li { margin: 0px; } 
.header-area .delicious-main-menu .classy-navbar .classynav > ul > li.active > a::after { color: #000 !important }

.classynav ul { display: block }
.classynav ul li { margin: 1.5rem 0 }
.breakpoint-on .classynav ul li { position: relative; overflow: hidden; text-align: center; margin: 3.5rem 0 }
.breakpoint-on .classynav ul li a { transform: translateY(100%); transition: transform 0.5s ease 1s, color 0.5s ease 1s, padding 0.5s ease 0s !important; }
.breakpoint-on .classynav ul li.nav_list a { transform: translateY(0%); transition: transform 0.5s ease 0.350s, color 0.5s ease 0s, padding 0.5s ease 0s !important; }
.breakpoint-on .classynav ul li.nav_list:nth-child(2) a { transform: translateY(0%); transition: transform 0.5s ease 0.450s, color 0.5s ease 0s, padding 0.5s ease 0s !important; }
.breakpoint-on .classynav ul li.nav_list:nth-child(3) a { transform: translateY(0%); transition: transform 0.5s ease 0.550s, color 0.5s ease 0s, padding 0.5s ease 0s !important; }
.breakpoint-on .classynav ul li.nav_list:nth-child(4) a { transform: translateY(0%); transition: transform 0.5s ease 0.650s, color 0.5s ease 0s, padding 0.5s ease 0s !important; }

.breakpoint-on .classynav ul li .dropdown li { float: inherit !important; clear: inherit !important; display: block }

.nav-mid { height: calc(100% - 74px - 121px) }

.nav-footer { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 1rem 0 3rem }
.nav-footer a { line-height: 1 }
.nav-footer .social_links { padding: 0px; margin: 0px; font-size: 0px; display: inline-block }
.nav-footer .social_links li { padding: 0px; margin: 0 1.5rem; display: inline-block; }
.nav-footer .social_links li a { line-height: 2.5rem; font-weight: normal; }
.nav-footer .social_links li svg { width: 2.5rem; height: 2.5rem; }
.nav-footer .social_links li svg path { fill: #F0EDE8; -webkit-transition: all .7s ease 0s; -moz-transition: all .7s ease 0s; transition: all .7s ease 0s }
.nav-footer .social_links li a svg path { fill: #F0EDE8; text-decoration: none }
.nav-footer .social_links li a:hover svg path { fill: #F0EDE8 }
.nav-footer .info_txt { font-family: 'InputMonoCompressedRegular'; font-size: 2rem; color: #FFFFFF; font-weight: normal; line-height: 3.4rem; display: inline-block; margin-bottom: 2rem }
.nav-footer .info_txt a { font-size: 2rem; color: #FFFFFF; position: relative; text-decoration: none; padding: 3px 0; }
.nav-footer .info_txt a:hover { color: #FFFFFF; text-decoration: none }
.nav-footer .info_txt a:before { content: ""; width: 0%; height: 1px; background-color: #FFFFFF; position: absolute; left: 50%; bottom: 0px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; transition: all .5s ease 0s }
.nav-footer .info_txt a:after { content: ""; width: 0%; height: 1px; background-color: #FFFFFF; position: absolute; right: 50%; bottom: 0px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; transition: all .5s ease 0s }
.nav-footer .info_txt a:hover:before { width: 50%; }
.nav-footer .info_txt a:hover:after { width: 50%; }
.closebtn { line-height: 0; font-size: 0 }

main { overflow-x: hidden }
h2 { font-family: 'UsualMedium'; color: #0b0b0b; font-size: 4.4rem; line-height: 1; text-transform: uppercase; position: relative; padding: 0 0 0 7.5rem; margin: 6rem 0 }
h2:before { content: ""; width: 6.2rem; height: 0.6rem; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); background-color: #0b0b0b; display: none }
h2 .line { display: block; width: 6.2rem; height: 0.6rem; position: absolute; top: 50%; left: 0px; margin-top: -0.3rem; background-color: #0b0b0b; }

/*****Footer Starts*****/
footer { background-color: #361d14; color: #f0ede8; overflow: hidden; padding: 2rem 0 }
footer .follow_section { position: relative; }
footer .follow_section h4 { font-family: 'InputMonoCompressedRegular'; font-size: 2rem; line-height: 1.6; font-weight: normal; color: #f0ede8; margin: 1.5rem 0 }
footer .follow_section h4 a { color: #f0ede8; text-decoration: none; display: inline-block; position: relative; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; transition: all .5s ease 0s }
footer .follow_section h4 a:before { content: ""; width: 0%; height: 1px; background-color: #f0ede8; position: absolute; left: 50%; bottom: 0px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; transition: all .5s ease 0s }
footer .follow_section h4 a:after { content: ""; width: 0%; height: 1px; background-color: #f0ede8; position: absolute; right: 50%; bottom: 0px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; transition: all .5s ease 0s }
footer .follow_section h4 a:hover { color: #f0ede8; }
footer .follow_section h4 a:hover:before { width: 50%; }
footer .follow_section h4 a:hover:after { width: 50%; }
footer .follow_section ul { margin: 3rem 0; padding: 0px; font-size: 0px; display: flex; }
footer .follow_section ul li { margin: 0 1rem; padding: 0px; list-style: none; display: inline-block; }
footer .follow_section ul li a { text-decoration: none; }
footer .follow_section .insta_slider img { width: 100%; height: 100%; object-fit: cover; }
footer .footer_logo { margin: 2rem 0; }
footer .insta_slider .slick-list { width: 100% }

footer .footer_links { padding-top: 2rem; padding-bottom: 2rem }
footer .footer_links ul { padding: 0px; margin: 0; }
footer .footer_links ul li { padding: 0; margin: 3rem 1.5rem; list-style: none; display: block; font-family: 'InputMonoCompressedRegular'; font-size: 2rem; line-height: 1.6; font-weight: normal; }
footer .footer_links ul li:first-child { margin-top: 0px; }
footer .footer_links ul li:last-child { margin-bottom: 0px; }
footer .footer_links ul li a { color: #f0ede8; text-decoration: none; position: relative; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; transition: all .5s ease 0s }
footer .footer_links ul li a:hover { color: #f0ede8; text-decoration: none; }
footer .footer_links ul li a:before { content: ""; width: 0%; height: 1px; background-color: #f0ede8; position: absolute; left: 50%; bottom: 0px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; transition: all .5s ease 0s }
footer .footer_links ul li a:after { content: ""; width: 0%; height: 1px; background-color: #f0ede8; position: absolute; right: 50%; bottom: 0px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; transition: all .5s ease 0s }
footer .footer_links ul li a:hover:before { width: 50%; }
footer .footer_links ul li a:hover:after { width: 50%; }

/*****Footer Ends*****/

.services_section { padding: 0rem 0 10rem }
.services_section .services_content h3 { text-align: center; font-family: 'UsualMedium'; font-weight: normal; font-size: 3.8rem; color: #0b0b0b; text-transform: uppercase; line-height: 1; margin: 2.5rem 0 }
.services_section .services_content p { font-weight: normal; font-size: 1.4rem; color: #0b0b0b; line-height: 1.6; text-align: justify; margin: 1.5rem 0 }
.services_section .services_img { background-size: cover; background-position: center center; background-repeat: no-repeat; }
.services_section .services_img img { width: 100% }
.services_section.alternate .services_img { order: 1 }
.services_section.alternate .services_content { order: 2 }
.services_section .services_content .btn_block { text-align: center; margin: 2.5rem 0 0 }
/*.services_section .services_content .btn_block a { padding: 2rem 3.5rem; display: inline-block; font-family: 'UsualMedium'; color: #f0ede8; font-size: 1.6rem; line-height: 1; border-radius: 0; font-weight: normal; background: rgba(11,11,11,1); text-transform: uppercase; text-decoration: none; -webkit-transition: color 1.5s ease 0s, background 1.5s ease 0s; -moz-transition: color 1.5s ease 0s, background 1.5s ease 0s; transition: color 1.5s ease 0s, background 1.5s ease 0s }
.services_section .services_content .btn_block a:hover { color: #f0ede8; background: rgba(54,29,20,1); }*/

.butn, .butn:visited { font-family: 'UsualMedium'; display: inline-flex; align-items: center; justify-content: center; font-size: 1.6rem; text-transform: uppercase; text-decoration: none; background-color: #0b0b0b; background-image: linear-gradient(90deg, #0b0b0b, #0b0b0b); padding: 1.8rem 3.5rem; width: auto; border: none; color: #f0ede8; position: relative; overflow: hidden; transition: all 0.3s ease-in-out; }
.butn::before { background: #fff; content: ""; height: 155px; opacity: 0; position: absolute; top: -50px; transform: rotate(35deg); width: 50px; transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1); }
.butn::after { background: #fff; content: ""; height: 20rem; opacity: 0; position: absolute; top: -50px; transform: rotate(35deg); transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1); width: 8rem; }
.butn__new::before { left: -50%; }
.butn__new::after { left: -100%; }
.butn:hover, .butn:active { transform: translateY(-3px); color: #fff; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3); }
.butn__new:hover::before { left: 120%; opacity: 0.5s; }
.butn__new:hover::after { left: 200%; opacity: 0.6; }
.butn span { z-index: 20; }
.banner_home { padding: 10.5rem 0 12rem }

.form_section { padding-bottom: 5rem }
.form-group { /*border-bottom: 1px solid #0b0b0b;*/ margin-bottom: 2.5rem }
.form-group .form-control { border: 0px; border-bottom: 1px solid #0b0b0b; border-radius: 0px; background: #f0ede8; font-family: 'UsualRegular'; font-weight: normal; color: #0b0b0b; /*font-size: 2.8rem;*/ font-size: 2rem; box-shadow: none; line-height: 6rem; height: 6rem; padding: 0px; }
.form-group .form-control::placeholder { color: #0b0b0b; }
.form-group textarea.form-control { border: 0px; border-bottom: 1px solid #0b0b0b; border-radius: 0px; background: #f0ede8; font-family: 'UsualRegular'; font-weight: normal; color: #0b0b0b; /*font-size: 2.8rem;*/ font-size: 2rem; box-shadow: none; line-height: 1.6; height: 15rem; padding: 1.5rem 0; }
.form-group button { margin-top: 2rem }
.inquire_list { padding: 2rem 0 0 }
.form-group  .wpcf7-form-control.wpcf7-checkbox { border-bottom: 1px solid #0b0b0b; display: block; padding-bottom: 2rem; }
.inquire_list label.inquire_type { display: block; font-family: 'UsualRegular'; font-weight: normal; color: #0b0b0b; font-size: 2rem; line-height: 1.6; margin: 0 }
.inquire_list label.check_list { display: block; font-family: 'UsualRegular'; font-weight: normal; color: #0b0b0b; font-size: 2.4rem; line-height: 1.2; margin: 3rem 0 4rem }
.inquire_list label.check_list input { width: 2.6rem; height: 2.6rem; margin: 0 1rem 0 0 }

.inquire_list .wpcf7-list-item { display: block; margin: 3rem 0 2rem }
.inquire_list .wpcf7-list-item input { width: 2rem; height: 2rem; vertical-align: top; margin: 0.2rem 1rem 0 0 }
.inquire_list .wpcf7-list-item .wpcf7-list-item-label { display: inline-block; font-family: 'UsualRegular'; font-weight: normal; color: #0b0b0b; font-size: 2rem; line-height: 1.2; margin: 0 }


.ui.calendar .ui.table.day { min-width: 28rem !important; }
.ui.table { font-size: 1.4rem; font-family: 'UsualRegular'; line-height: 1.4; }
.ui.left.center.popup, .ui.bottom.left.popup, .ui.top.left.popup { padding: 0px !important; border: 0px !important; }
.wpcf7 form .wpcf7-response-output { font-size: 1.6rem; margin: 0px; border: 2px solid #00a0d2; padding: 1rem 1.5rem; }
.wpcf7-not-valid-tip { font-size: 1.6rem }

.contact_mobile_slider { height: 56.533vw }

/*About-Page-Starts*/

.about_page { padding-top: 0px; padding-bottom: 0px; }
.about_section { padding: 0rem; height: auto; }
.about_section .about_content { padding-top: 3.5rem; padding-bottom: 3.5rem }
.about_section .about_content h5 { font-family: 'UsualMedium'; font-weight: normal; font-size: 4.4rem; color: #0b0b0b; text-transform: uppercase; line-height: 1; margin: 2.5rem 0 }
.about_section .about_content p { font-weight: normal; font-size: 1.8rem; color: #0b0b0b; line-height: 1.6; text-align: left; font-style: italic; margin: 2.5rem 0 }
.about_section .about_img img { width: 100%; height: 100%; object-fit: cover; object-position: center }
.animate_line { width: 65px; }
.animate_line span { background-color: #0b0b0b; height: 6px; width: 100%; display: block; }
@keyframes lineAnimate { 0% { opacity: 0; width: 0 } 100% {	opacity: 1;	width: 100%	} }
.lineAnimate{ -webkit-animation-name:lineAnimate; animation-name:lineAnimate; }

.philosophy_section { margin: 3rem 0; height: auto; }
.philosophy_section .philosophy_content h3 { font-family: 'UsualMedium'; font-weight: normal; font-size: 3.8rem; color: #0b0b0b; text-transform: uppercase; line-height: 1; margin: 2.5rem 0 }
.philosophy_section .philosophy_content p { font-weight: normal; font-size: 1.4rem; color: #0b0b0b; line-height: 1.7; letter-spacing: 1px; text-align: justify; margin: 2.5rem 0 }
.philosophy_section .philosophy_img { order: 1 }
.philosophy_section .philosophy_content { order: 2; margin-top: 4.5rem; margin-bottom: 4.5rem }
.philosophy_section .philosophy_img { height: 450px; max-height: 450px; position: relative; }
.philosophy_section .philosophy_img img { width: 284px; height: 372px; object-fit: cover; object-position: center; position: absolute; top: 50%; left: 50%; margin-left: -142px; margin-top: -186px; z-index: 1 }
.philosophy_section .philosophy_img .line_stripe { height: 100%; width: 100%; position: relative; }
.philosophy_section .philosophy_img .line_stripe ul { margin: 0px; padding: 0px; }
.philosophy_section .philosophy_img .line_stripe ul li { margin: 34px 0 0; padding: 0px; width: 100%; float: left; clear: both; list-style: none; display: block; position: relative; height: 35px; }
.philosophy_section .philosophy_img .line_stripe ul li span { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; background-color: #0b0b0b; }
.philosophy_section .philosophy_img .line_stripe ul li:first-child { margin-top: 0px; }
.philosophy_section .philosophy_img .line_stripe ul li:nth-child(2) { width: 50%; float: left; }
.philosophy_section .philosophy_img .line_stripe ul li:nth-child(3) { width: 50%; float: right; }
.philosophy_section .philosophy_img .line_stripe ul li:nth-child(3) span { top: 0px; left: inherit; right: 0px; }
.philosophy_section .philosophy_img .line_stripe ul li:nth-child(5) { width: 50%; float: left; }
.philosophy_section .philosophy_img .line_stripe ul li:last-child {width: 50%; float: left; }
.philosophy_section .philosophy_img .line_stripe ul li:nth-child(4) span { top: 0px; left: inherit; right: 0px; }
.philosophy_section .philosophy_img .line_stripe ul li:nth-child(6) span { top: 0px; left: inherit; right: 0px; }

.about_founder { background-color: #999999; padding: 0rem; height: auto; }
.about_founder .about_founder_content { padding-top: 1.5rem; padding-bottom: 2.5rem }
.about_founder .about_founder_content h3 { font-family: 'UsualMedium'; font-weight: normal; font-size: 3.8rem; color: #0b0b0b; text-transform: uppercase; line-height: 1.2; margin: 2.5rem 0 }
.about_founder .about_founder_content h3 span { color: #F0EDE8 }
.about_founder .about_founder_content p { font-weight: normal; font-size: 1.4rem; color: #0b0b0b; line-height: 1.7; text-align: justify; margin: 2.5rem 0 }
.about_founder .about_founder_img { margin-top: -3rem }
.about_founder .about_founder_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

/*About-Page-Ends*/

/*Home-Page-Starts*/
.home-banner { height: 100%; width: 100%; overflow: hidden; }
.home-banner:before { content: ""; position: absolute; z-index: 2; top: 0px; left: 0px; height: 100%; width: 100%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0b0c0b+0,0b0c0b+40,0b0c0b+50,0b0c0b+60,0b0c0b+100&0.5+0,0+40,0+50,0+60,0.5+100 */
background: linear-gradient(to bottom,  rgba(11,12,11,0.5) 0%,rgba(11,12,11,0) 40%,rgba(11,12,11,0) 50%,rgba(11,12,11,0) 60%,rgba(11,12,11,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 }
.home-banner img.banner_img { height: 100%; width: 100%; object-fit: cover; object-position: center; position: absolute; top: 0px; left: 0px; z-index: 1 }
body.home header { position: absolute; top: 0px; left: 0px; background: none; }
.home-banner .container { z-index: 3; position: relative; }
.home-banner img.banner_logo { width: 100%; max-width: 100%; margin-bottom: 4.2rem }

.home-banner .slider_sec { z-index: 1; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px !important; }
.slider_left img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.slider_right img { width: 100%; height: 100%; object-fit: cover; object-position: center; }.slider_home_mobile img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.home-banner .slider_sec .slick-list, .home-banner .slider_sec .slick-track { height: 100% }
/*Home-Page-Ends*/



.content_404 { width: 100% !important; padding: 2rem 0 5rem 0 !important }
.content_404 h2 { font-size: 4rem; line-height: 1 !important; margin: 0px !important; }
.content_404 h2 span { font-size: 6rem }
.content_404 h5 { font-family: 'UsualMedium'; color: #0b0b0b; font-size: 2.4rem; margin-bottom: 3rem !important }
.content_404 p { color: #0b0b0b; font-size: 1.8rem; margin: 1.5rem 0 }
.content_404 p a { color: #0b0b0b; text-decoration: underline; }
.content_404 .search-form { margin: 1.5rem 0 }
.content_404 .search-form label { width: calc(100% - 125px) !important; float: left; }
.content_404 .search-form input[type=search] { width: calc(100% - 32px) !important; font-family: 'UsualMedium'; font-weight: 400; background-color: #f0ede8 !important; border: 1px solid #0b0b0b; border-radius: 0px; height: 60px; line-height: 60px; font-size: 1.6rem; color: #0b0b0b; padding: 0 16px; }
.content_404 .search-form input[type=submit] { width: 125px !important; font-family: 'UsualMedium'; background-color: #0b0b0b; border: 1px solid #0b0b0b; border-radius: 0px; height: 62px; line-height: 62px; font-size: 1.6rem; color: #f0ede8; text-align: center; padding: 0; margin: 0px; }


.portfolio_section { position: relative; overflow: hidden; }
.portfolio_section .portfolio_main { padding: 0px; }
.portfolio_section article { position: relative; overflow: hidden; margin: 4.5rem 0; }
.portfolio_section article a { display: block; position: relative; overflow: hidden; }
.portfolio_section article:first-child { margin-top: 0; }
.portfolio_section article img { position: relative; z-index: 1; object-fit: cover; object-position: 0 100%; width: 100%; height: 480px; }
.portfolio_section article .portfolio_content { width: 100%; max-width: 320px; padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);  margin: 3rem 0 0 0 }
.portfolio_section article .portfolio_content h3 { font-family: 'UsualMedium'; font-weight: normal; font-size: 4.2rem; color: #0B0B0B; text-transform: uppercase; line-height: 1; padding: 0; margin: 0 }
.portfolio_section article .portfolio_content p { font-weight: normal; font-size: 1.4rem; color: #0B0B0B; line-height: 1.6; letter-spacing: 0px; text-align: left; margin: 0 0 0 14px; }

.portfolio_detail { position: relative; overflow: hidden; }
.portfolio_detail .portfolio_main { padding: 0px; }
.portfolio_detail article { position: relative; overflow: hidden; margin: 1.5rem 0; }
.portfolio_detail article a { display: block; position: relative; overflow: hidden; }
.portfolio_detail article:first-child { margin-top: 0; }
.portfolio_detail article img { position: relative; z-index: 1; object-fit: cover; object-position: 0 100%; width: 100%; height: 480px; }

.portfolio_detail_top { padding-top: 5rem; padding-bottom: 5rem }
.portfolio_detail_top h3 { font-family: 'UsualMedium'; color: #0b0b0b; font-size: 3.8rem; line-height: 1.2; text-transform: uppercase; padding: 0; margin: 1.5rem 0 }
.portfolio_detail_top p { font-family: 'InputMonoCompressedRegular', sans-serif; font-weight: 400; color: #0b0b0b; font-size: 1.4rem; line-height: 1.6; text-align: left; padding: 0; margin: 1.5rem 0 }
.portfolio_detail_top p a { color: #0b0b0b; text-decoration: underline }

.portfolio_all_next { padding-top: 3.5rem; padding-bottom: 5rem }
.portfolio_all_next ul { padding: 0px; margin: 0px; display: flex; }
.portfolio_all_next ul li { padding: 0px; margin: 0px; list-style: none; display: inline-block; width: 50%; text-align: left; font-family: 'UsualMedium'; color: #0b0b0b; font-size: 1.8rem; line-height: 1.2; text-transform: uppercase; }
.portfolio_all_next ul li a { color: #0b0b0b; text-decoration: none; }
.portfolio_all_next ul li.next_project { text-align: right; }

.logo_section { padding: 0 0 6rem 0; margin: -2rem 0 0 0; }
.logo_section ul { padding: 0px; margin: 0px; display: flex; flex-wrap: wrap; justify-content: center }
.logo_section ul li { padding: 15px; margin: 0px; list-style: none; display: inline-block; width: 50%; text-align: center; }
.logo_section ul li a { text-decoration: none; display: inline-block; width: 100% }
.logo_section ul li img { padding: 0px; margin: 0px; list-style: none; display: inline-block; width: 100%; }

body.single-portfolio.postid-255 .portfolio_detail article:nth-child(5) img, body.single-portfolio.postid-255 .portfolio_detail article:nth-child(8) img, body.single-portfolio.postid-255 .portfolio_detail article:nth-child(9) img, body.single-portfolio.postid-255 .portfolio_detail article:nth-child(10) img, body.single-portfolio.postid-255 .portfolio_detail article:nth-child(11) img, body.single-portfolio.postid-255 .portfolio_detail article:nth-child(14) img { object-position: center top !important; }

body.single-portfolio.postid-313 .portfolio_detail article:nth-child(2) img, body.single-portfolio.postid-313 .portfolio_detail article:nth-child(5) img, body.single-portfolio.postid-313 .portfolio_detail article:nth-child(10) img, body.single-portfolio.postid-313 .portfolio_detail article:nth-child(13) img { object-position: center top !important; }


body.single-portfolio.postid-206 .portfolio_detail article:first-child img, body.single-portfolio.postid-206 .portfolio_detail article:nth-child(16) img { object-position: center right !important; }
body.single-portfolio.postid-206 .portfolio_detail article:nth-child(6) img, body.single-portfolio.postid-206 .portfolio_detail article:nth-child(9) img, body.single-portfolio.postid-206 .portfolio_detail article:nth-child(12) img, body.single-portfolio.postid-206 .portfolio_detail article:nth-child(15) img, body.single-portfolio.postid-206 .portfolio_detail article:nth-child(17) img { object-position: center center !important; }

body.single-portfolio.postid-174 .portfolio_detail article:first-child img, body.single-portfolio.postid-174 .portfolio_detail article:nth-child(7) img, body.single-portfolio.postid-174 .portfolio_detail article:nth-child(8) img, body.single-portfolio.postid-174 .portfolio_detail article:nth-child(9) img, body.single-portfolio.postid-174 .portfolio_detail article:nth-child(14) img { object-position: center center; }
body.single-portfolio.postid-174 .portfolio_detail article:nth-child(10) img, body.single-portfolio.postid-174 .portfolio_detail article:nth-child(16) img, body.single-portfolio.postid-174 .portfolio_detail article:nth-child(17) img { object-position: center top; }

body.single-portfolio.postid-286 .portfolio_detail article:first-child img { object-position: center center !important; }
body.single-portfolio.postid-286 .portfolio_detail article:nth-child(5) img { object-position: center top !important; }
body.single-portfolio.postid-286 .portfolio_detail article:nth-child(8) img { object-position: center top !important; }
body.single-portfolio.postid-286 .portfolio_detail article:nth-child(11) img { object-position: center center !important; }

body.single-portfolio.postid-193 .portfolio_detail article:first-child img { object-position: center center !important; }
body.single-portfolio.postid-193 .portfolio_detail article:nth-child(2) img { object-position: center top !important; }
body.single-portfolio.postid-193 .portfolio_detail article:nth-child(6) img { object-position: center top !important; }
body.single-portfolio.postid-193 .portfolio_detail article:nth-child(10) img { object-position: center top !important; }



/*****( min-width:576px )*****/
@media all and (min-width:576px) {	
.nav-mid { height: calc(100% - 76px - 76px) }
.header-area .delicious-main-menu .classy-navbar .classynav > ul > li > a, .header-area .delicious-main-menu .classy-navbar .classynav ul li a { font-size: 4rem }
.nav-footer { padding: 2.1rem 0 }
.nav-footer .info_txt { margin-bottom: 0px }
footer .footer_links { padding-bottom: 2rem }
footer .footer_links ul li { display: inline-block; margin: 0 1.5rem }
}

/*****( min-width:768px )*****/
@media all and (min-width:768px) {	
/*home*/
.breakpoint-on .classynav ul li { margin: 3.5rem 0; text-align: left }
.header-area .delicious-main-menu .classy-navbar .classynav > ul > li > a,  .header-area .delicious-main-menu .classy-navbar .classynav ul li a { font-size: 6.4rem; }

.nav-footer { padding: 2.5rem 0 }
.nav-footer .social_links li { margin: 0 1.5rem; }
.nav-footer .social_links li:last-child { margin-right: 0rem; }
.nav-footer .social_links li svg { width: 3rem; height: 3rem; }
.nav-footer .info_txt { line-height: 1; }	

h2 { font-size: 6.4rem; padding: 0 0 0 8rem; margin: 7rem 0 }
h2 .line { width: 5.2rem; height: 0.8rem; margin-top: -0.4rem; }

/*****Footer Starts*****/
footer { padding: 3rem 0 }
footer .follow_section h4 { font-size: 2rem; margin: 1.5rem 0 }
footer .follow_section h4 a:before { height: 1px; }
footer .follow_section h4 a:after { height: 1px; }
footer .follow_section ul { margin: 3rem 0; }
footer .follow_section ul li { margin: 0 1rem; }
footer .footer_logo { margin: 2rem 0; }

footer .footer_links { padding-top: 2rem; padding-bottom: 2rem }
footer .footer_links ul li { margin: 0 3.5rem; font-size: 2rem; display: inline-block }
footer .footer_links ul li a:before { height: 1px; }
footer .footer_links ul li a:after { height: 1px; }
/*****Footer Ends*****/

main { padding-bottom: 5rem; }
.services_section { padding: 3rem 0 7rem }
.services_section .services_content { padding-left: 3rem; padding-right: calc(var(--bs-gutter-x) * .5); }
.services_section.alternate .services_content { padding-right: 3rem; padding-left: calc(var(--bs-gutter-x) * .5); }
.services_section .services_content h3 { text-align: left; font-size: 4.8rem; margin: 0 0 2.5rem 0 }
.services_section .services_content p { font-size: 1.5rem; line-height: 1.5; margin: 1.5rem 0 }

.services_section.alternate .services_img { order: 2 }
.services_section.alternate .services_content { order: 1 }
.services_section .services_content .btn_block { text-align: left; margin: 2.5rem 0 0 }
.butn, .butn:visited { font-size: 1.6rem; padding: 2rem 3.5rem; }
.butn::before { height: 155px; top: -50px; width: 50px; }
.butn::after { height: 20rem; top: -50px; width: 8rem; }
.butn__new::before { left: -50%; }
.butn__new::after { left: -100%; }
.butn:hover, .butn:active { transform: translateY(-3px); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3); }	

.half-fluid figure img { width: auto !important; max-width: inherit !important; margin: 0px; }
.half-fluid .left-half { position: absolute; left: 0; right: 50%; margin-left: auto; width: auto; height: 100%; max-height: 770px; }
.half-fluid .right-half { position: absolute; right: 0; left: 50%; margin-left: auto; width: auto; top: 0px; height: 100% }
.contact_section .img_obj_fit { object-fit: cover; object-position: center; width: 100%; max-height: 100% }

.form_section { padding-bottom: 0rem }
.form-group .form-control { font-size: 2.8rem; line-height: 8rem; height: 8rem; }
.form-group textarea.form-control { font-size: 2.8rem; line-height: 1.6; height: 15rem; padding: 1.5rem 0; }
.form-group  .wpcf7-form-control.wpcf7-checkbox { padding-bottom: 2rem; }
.inquire_list label.inquire_type { font-size: 2.8rem; }
.inquire_list label.check_list input { width: 2.6rem; height: 2.6rem; margin: 0 1rem 0 0 }

.inquire_list .wpcf7-list-item { margin: 3rem 0 3rem }
.inquire_list .wpcf7-list-item input { width: 2.6rem; height: 2.6rem; vertical-align: top; margin: 0.2rem 1rem 0 0 }
.inquire_list .wpcf7-list-item .wpcf7-list-item-label { font-size: 2.4rem; }	

/*About-Page-Starts*/
.h-md-100 { height: 100% !important }
.about_section { height: calc(100vh - 70px); min-height: 500px; max-height: 600px; }
.about_section .about_content h5 { font-size: 5.4rem; margin: 2.5rem 0 }
.about_section .about_content p { font-size: 2rem; margin: 2.5rem 0 }
.about_section.alternate .about_img { order: 2 }
.about_section.alternate .about_content { order: 1 }
.animate_line { width: 100px; }
.animate_line span { height: 10px; }	

.philosophy_section { margin: 12rem 0; height: auto; }
.philosophy_section .philosophy_content h3 { text-align: right; font-size: 4rem; margin: 2.5rem 0 }
.philosophy_section .philosophy_content p { font-size: 1.6rem; letter-spacing: 0px; margin: 2.5rem 0 }
.philosophy_section .philosophy_content { margin-top: 0; margin-bottom: 0 }

.philosophy_section .philosophy_img { height: auto; max-height: auto; }
.philosophy_section .philosophy_img img { width: 284px; height: 372px; margin-left: -142px; margin-top: -186px; }
.philosophy_section .philosophy_img .line_stripe ul li { margin: 34px 0 0; height: 35px; }	

.about_founder .about_founder_img { padding: 0px !important; margin-top: 0px; }
.about_founder .about_founder_content h3 { font-size: 4.8rem; line-height: 1.1 }
.about_founder .about_founder_content p { font-size: 1.6rem; line-height: 1.6 }
/*About-Page-Ends*/

.content_404 h5 { font-size: 2.6rem; margin-bottom: 3rem !important }
.content_404 p { font-size: 2rem; margin: 1.5rem 0 }
.content_404 .search-form { margin: 1.5rem 0 }
.content_404 .search-form label { width: calc(100% - 125px) !important; }
.content_404 .search-form input[type=search] { width: calc(100% - 32px) !important; border: 1px solid #0b0b0b; height: 60px; line-height: 60px; font-size: 1.6rem; padding: 0 16px; }
.content_404 .search-form input[type=submit] { width: 125px !important; border: 1px solid #0b0b0b; height: 62px; line-height: 62px; font-size: 1.6rem; }	

.portfolio_section .portfolio_main { padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5); }
.portfolio_section .portfolio_main .row { display: block; }
.portfolio_section article { height: 190px; margin: 3.5rem 0; padding: 0 10px; }
.portfolio_section article a { height: 100% }
.portfolio_section article img { position: relative; z-index: 1; object-fit: cover; object-position: center; width: 100%; height: 100%; transform: scale(1, 1) rotate(0deg); transition: transform .7s; }
.portfolio_section article a:before { content: ""; background-color: #000; position: absolute; top: 0px; left: 0px; z-index: 2; width: 100%; height: 100%; opacity: 0.5; }
.portfolio_section article .portfolio_content { width: 100%; max-width: 320px; position: absolute; bottom: 0rem; left: 0rem; z-index: 3; padding: 2rem; margin: 0px; }
.portfolio_section article:first-child .portfolio_content { position: absolute; bottom: 4rem; left: 4rem; padding: 0px; }
.portfolio_section article .portfolio_content h3 { font-size: 3.2rem; color: #F0EDE8; text-transform: uppercase; line-height: 1; padding: 0; margin: 0 }
.portfolio_section article .portfolio_content p { font-size: 1.2rem; color: #F0EDE8; margin: 0 0 0 14px; }
.portfolio_section article a:hover img { transform: scale(1.1, 1.1) rotate(0deg); transition: transform .7s; }
	
.portfolio_section article:nth-child(4) img, .portfolio_section article:nth-child(7) img { object-position: center top; }
	

.portfolio_detail .portfolio_main { padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5); }
.portfolio_detail .portfolio_main .row { display: block; }
.portfolio_detail article { height: 190px; margin: 3.5rem 0; padding: 0 10px; }
.portfolio_detail article a { height: 100% }
.portfolio_detail article img { position: relative; z-index: 1; object-fit: cover; object-position: center; width: 100%; height: 100%; transform: scale(1, 1) rotate(0deg); transition: transform .7s; }
.portfolio_detail article a:hover img { transform: scale(1.1, 1.1) rotate(0deg); transition: transform .7s; }	

.portfolio_detail article { height: 260px; margin: 2.2rem 0; }	
.portfolio_detail article:nth-child(6n+1) { width: 33.33%; float: left; height: 260px; margin-left: 0; clear: inherit; }
.portfolio_detail article:nth-child(6n+2) { width: 66.66%; float: left; clear: both; }
.portfolio_detail article:nth-child(6n+3) { width: 33.33%; float: left; margin-left: 33.33%; clear: both; }
.portfolio_detail article:nth-child(6n+4) { width: 33.33%; float: left; margin-left: 0px; clear: inherit }
.portfolio_detail article:nth-child(6n+5) { width: 66.66%; float: left; margin-left: 33.33%; clear: both; }
.portfolio_detail article:nth-child(6n) { width: 33.33%; float: left; margin-left: 0px; clear: both }	

.portfolio_detail article:first-child { width: 100%; height: 430px; float: left; margin-left: 0px; }	
.portfolio_detail article:nth-child(2) { width: 66.66%; float: left; clear: both; }
.portfolio_detail article:nth-child(3) { width: 33.33%; float: left; margin-left: 33.33%; clear: both; }
.portfolio_detail article:nth-child(4) { width: 33.33%; float: left; margin-left: 0px; clear: inherit }
.portfolio_detail article:nth-child(5) { width: 66.66%; float: left; margin-left: 33.33%; clear: both; }
.portfolio_detail article:nth-child(6) { width: 33.33%; float: left; margin-left: 0px; clear: both }	

.portfolio_detail_top { padding-top: 7rem; padding-bottom: 7rem }
.portfolio_detail_top h3 { font-size: 4.2rem; }
.portfolio_top_right { text-align: right; }
.portfolio_detail_top p { text-align: left; }	

.portfolio_all_next { padding-top: 7rem; padding-bottom: 4rem }
.portfolio_all_next ul li { font-size: 1.8rem; }

.logo_section { padding: 0 0 5rem 0; margin: -2rem 0 0 0; }
.logo_section ul li { padding: 15px; margin: 0px; width: 33.33%; text-align: center; }	
	
body.single-portfolio.postid-255 .portfolio_detail article:first-child img { object-position: center 25% !important; }
body.single-portfolio.postid-255 .portfolio_detail article:nth-child(8) img { object-position: center 25% !important; }
body.single-portfolio.postid-255 .portfolio_detail article:nth-child(11) img { object-position: center 20% !important; }


body.single-portfolio.postid-313 .portfolio_detail article:first-child img, body.single-portfolio.postid-313 .portfolio_detail article:nth-child(5) img, body.single-portfolio.postid-313 .portfolio_detail article:nth-child(10) img, body.single-portfolio.postid-313 .portfolio_detail article:nth-child(13) img { object-position: center top !important; }
body.single-portfolio.postid-313 .portfolio_detail article:nth-child(2) img { object-position: center 10% !important; }
body.single-portfolio.postid-313 .portfolio_detail article:nth-child(8) img { object-position: center 20% !important; }
body.single-portfolio.postid-313 .portfolio_detail article:nth-child(11) img { object-position: center 20% !important; }
body.single-portfolio.postid-313 .portfolio_detail article:nth-child(14) img { object-position: center 25% !important; }
	
body.single-portfolio.postid-206 .portfolio_detail article:nth-child(16) img { object-position: center right !important; }
	
body.single-portfolio.postid-174 .portfolio_detail article:nth-child(9) img { object-position: center top; }
body.single-portfolio.postid-174 .portfolio_detail article:nth-child(5) img { object-position: center 30%; }
body.single-portfolio.postid-174 .portfolio_detail article:nth-child(8) img { object-position: center 10%; }
body.single-portfolio.postid-174 .portfolio_detail article:nth-child(14) img { object-position: center 20%; }
	
body.single-portfolio.postid-286 .portfolio_detail article:first-child img { object-position: center 10% !important; }
body.single-portfolio.postid-286 .portfolio_detail article:nth-child(5) img { object-position: center 15% !important; }
body.single-portfolio.postid-286 .portfolio_detail article:nth-child(8) img { object-position: center top !important; }
body.single-portfolio.postid-286 .portfolio_detail article:nth-child(11) img { object-position: center 15% !important; }
	
body.single-portfolio.postid-193 .portfolio_detail article:first-child img { object-position: center center !important; }
body.single-portfolio.postid-193 .portfolio_detail article:nth-child(2) img { object-position: center top !important; }
body.single-portfolio.postid-193 .portfolio_detail article:nth-child(6) img { object-position: center top !important; }
body.single-portfolio.postid-193 .portfolio_detail article:nth-child(7) img { object-position: center bottom !important; }
body.single-portfolio.postid-193 .portfolio_detail article:nth-child(8) img { object-position: center 30% !important; }
body.single-portfolio.postid-193 .portfolio_detail article:nth-child(10) img { object-position: center top !important; }

}

/*****( min-width:992px )*****/
@media all and (min-width:992px) {
/*home*/
.classynav ul li:first-child { margin-left: 0 } 
.breakpoint-on .classynav ul li.has-down > a::after, .breakpoint-on .classynav ul li.megamenu-item > a::after { display: none }
.classynav ul li .dropdown li a { font-size: 1.4rem !important; line-height: 1.6 !important; padding: 15px 0 !important }
.classycloseIcon .cross-wrap { right: 0px }	

/*****Footer Starts*****/
footer { padding: 3rem 0 }
footer .follow_section h4 { font-size: 2rem; margin: 1.5rem 0 }
footer .follow_section h4 a:before { height: 1px; }
footer .follow_section h4 a:after { height: 1px; }
footer .follow_section ul { margin: 3rem 0; }
footer .follow_section ul li { margin: 0 1rem; }
footer .footer_logo { margin: 2rem 0; }

footer .footer_links { padding-top: 2rem; padding-bottom: 2rem }
footer .footer_links ul li { margin: 0 5.5rem; font-size: 2rem; }
footer .footer_links ul li a:before { height: 1px; }
footer .footer_links ul li a:after { height: 1px; }
/*****Footer Ends*****/

.services_section { padding: 5rem 0 10rem }
.services_section:last-child { padding-bottom: 7rem }
.services_section .services_content { padding-left: 6rem }
.services_section.alternate .services_content { padding-left: calc(var(--bs-gutter-x) * .5); padding-right: 6rem }
.services_section .services_content h3 { font-size: 5.8rem; margin: 0 0 2.5rem 0 }
.services_section .services_content p { font-size: 1.7rem; line-height: 1.6; margin: 1.5rem 0 }
.services_section.alternate .services_img { order: 2 }
.services_section.alternate .services_content { order: 1 }
.services_section .services_content .btn_block { margin: 2.5rem 0 0 }
.butn, .butn:visited { font-size: 1.6rem; padding: 2rem 3.5rem; }
.butn::before { height: 155px; top: -50px; width: 50px; }
.butn::after { height: 20rem; top: -50px; width: 8rem; }
.butn__new::before { left: -50%; }
.butn__new::after { left: -100%; }
.butn:hover, .butn:active { transform: translateY(-3px); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3); }

.form-group { margin-bottom: 2.5rem }
.form-group .form-control { font-size: 2.6rem; line-height: 8rem; height: 8rem; }
.form-group textarea.form-control { font-size: 2.6rem; height: 15rem; padding: 1.5rem 0; }
.form-group button { margin-top: 2rem }
.inquire_list { padding: 2rem 0 0 }
.form-group  .wpcf7-form-control.wpcf7-checkbox { padding-bottom: 2rem; }
.inquire_list label.inquire_type { font-size: 2.6rem; }
.inquire_list label.check_list { font-size: 2.4rem; margin: 3rem 0 4rem }
.inquire_list label.check_list input { width: 2.6rem; height: 2.6rem; margin: 0 1rem 0 0 }
.ui.calendar .ui.table.day { min-width: 28rem !important; }
.ui.table { font-size: 1.4rem; }	

/*About-Page-Starts*/
.about_section { max-height: 800px; }
.about_section .about_content h5 { font-size: 6.4rem; margin: 3.5rem 0 }
.about_section .about_content p { font-size: 2rem; margin: 3.5rem 0 }
.animate_line { width: 100px; }
.animate_line span { height: 10px; }	

.philosophy_section { margin: 18rem 0; height: auto; }
.philosophy_section .philosophy_content h3 { font-size: 5.8rem; margin: 2.5rem 0 }
.philosophy_section .philosophy_content p { font-size: 1.7rem; letter-spacing: 0px; margin: 2.5rem 0 }
.philosophy_section .philosophy_content { margin-top: 0; margin-bottom: 0 }

.philosophy_section .philosophy_img { height: auto; max-height: auto; }
.philosophy_section .philosophy_img img { width: 322px; height: 422px; margin-left: -161px; margin-top: -211px; }
.philosophy_section .philosophy_img .line_stripe ul li { margin: 45px 0 0; height: 45px; }
.about_founder .about_founder_content h3 { font-size: 5.8rem }
.about_founder .about_founder_content p { font-size: 1.7rem }
/*About-Page-Ends*/

footer .follow_section ul li { overflow: hidden }
footer .follow_section .insta_slider a img { transform: scale(1, 1) rotate(0deg); transition: transform .5s; }
footer .follow_section .insta_slider a:hover img { transform: scale(1.2, 1.2) rotate(0deg); transition: transform .5s; }
	

.contact_section .slick-list { height: 100%; position: absolute; left: 0px; top: 0px; width: calc(100% - var(--bs-gutter-x) * .5); }	

.portfolio_section .portfolio_main { padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5); }
.portfolio_section .portfolio_main .row { display: block; }
.portfolio_section article { height: 480px; margin: 4.5rem 0; padding: 0 10px; }
.portfolio_section article a { height: 100% }
.portfolio_section article img { position: relative; z-index: 1; object-fit: cover; object-position: center; width: 100%; height: 100%; transform: scale(1, 1) rotate(0deg); transition: transform .7s; }
.portfolio_section article a:before { content: ""; background-color: #000; position: absolute; top: 0px; left: 0px; z-index: 2; width: 100%; height: 100%; opacity: 0; display: none }
.portfolio_section article .portfolio_content { width: 100%; max-width: 320px; position: absolute; bottom: 0rem; left: 0rem; z-index: 3; padding: 1.5rem; margin: 0px; }
.portfolio_section article:first-child .portfolio_content { position: absolute; bottom: 3rem; left: 3rem; padding: 0px; }
.portfolio_section article .portfolio_content h3 { font-size: 3.2rem; color: #F0EDE8; text-transform: uppercase; line-height: 1; padding: 0; margin: 0 }
.portfolio_section article .portfolio_content p { font-size: 1.2rem; color: #F0EDE8; margin: 0 0 0 14px; }
.portfolio_section article a:hover img { transform: scale(1.1, 1.1) rotate(0deg); transition: transform .7s; }


.portfolio_section article:nth-child(7n+1) { width: 100%; float: left; clear: both; }
.portfolio_section article:nth-child(7n+2) { width: 100%; float: left; clear: both; }
.portfolio_section article:nth-child(7n+3) { width: 50%; float: left; margin-left: 0px; clear: inherit; }
.portfolio_section article:nth-child(7n+4) { width: 50%; float: left; margin-left: 0px; clear: inherit; }
.portfolio_section article:nth-child(7n+5) { width: 100%; float: left; clear: both; }
.portfolio_section article:nth-child(7n+6) { width: 50%; float: left; margin-left: 0px; clear: inherit }
.portfolio_section article:nth-child(7n) { width: 50%; float: left; margin-left: 0px; clear: inherit }	

.portfolio_section article:first-child { width: 100%; height: 480px; float: left; clear: both; }
.portfolio_section article:nth-child(2) { width: 100%; float: left; clear: both; }
.portfolio_section article:nth-child(3) { width: 50%; float: left; margin-left: 0px; clear: inherit }
.portfolio_section article:nth-child(4) { width: 50%; float: left; margin-left: 0px; clear: inherit; }
.portfolio_section article:nth-child(5) { width: 100%; float: left; clear: both; }
.portfolio_section article:nth-child(6) { width: 50%; float: left; margin-left: 0px; clear: inherit }
.portfolio_section article:nth-child(7) { width: 50%; float: left; margin-left: 0px; clear: inherit; }
	

.portfolio_detail .portfolio_main { padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5); }
.portfolio_detail .portfolio_main .row { display: block; }
.portfolio_detail article { height: 240px; margin: 4.5rem 0; padding: 0 10px; }
.portfolio_detail article a { height: 100% }
.portfolio_detail article img { position: relative; z-index: 1; object-fit: cover; object-position: center; width: 100%; height: 100%; transform: scale(1, 1) rotate(0deg); transition: transform .7s; }
.portfolio_detail article a:hover img { transform: scale(1.1, 1.1) rotate(0deg); transition: transform .7s; }	

.portfolio_detail article { height: 330px; margin: 2.2rem 0; }	
.portfolio_detail article:nth-child(6n+1) { height: 330px; }
.portfolio_detail article:first-child { height: 540px; }		

.portfolio_detail_top h3 { font-size: 4.8rem; }	

.portfolio_all_next { padding-top: 7rem; padding-bottom: 4rem }
.portfolio_all_next ul li { font-size: 1.8rem; }

.logo_section ul { padding: 0px; margin: 0px; display: flex; flex-wrap: wrap; }
.logo_section ul li { padding: 15px; margin: 0px; width: 25%; text-align: center; }
.logo_section ul li img { width: 100%; }
	

}

/*****( min-width:1200px )*****/
@media all and (min-width:1200px) {	
.container { max-width: 85.526vw }
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{padding-right:var(--bs-gutter-x,1.0135vw);padding-left:var(--bs-gutter-x,1.0135vw);}
.row{--bs-gutter-x:2.027vw;--bs-gutter-y:0;margin-right:calc(var(--bs-gutter-x) * -.5);margin-left:calc(var(--bs-gutter-x) * -.5)}
.row>*{padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}	

/*home*/
header { padding: 1.216vw 0 }
header h1.logo img { width: 5.921vw }
.classy-navbar-toggler { margin-top: 0.405vw }
.classy-navbar-toggler .navbarToggler span { height: 0.135vw; margin: 0.405vw 0px; width: 1.756vw; }
.classy-navbar-toggler .navbarToggler.active span:nth-of-type(1) { top: 0.540vw }
.classy-navbar-toggler .navbarToggler.active span:nth-of-type(3) { top: -0.608vw }	
.breakpoint-on .classynav ul li { margin: 0.986vw 0; }
.header-area .delicious-main-menu .classy-navbar .classynav > ul > li > a,  .header-area .delicious-main-menu .classy-navbar .classynav ul li a  { font-size: 6.184vw; }
.header-area .delicious-main-menu .classy-navbar .classynav > ul > li > a:before, .header-area .delicious-main-menu .classy-navbar .classynav ul li a:before { height: 0.921vw; }
.header-area .delicious-main-menu .classy-navbar .classynav ul li a:hover:before { width: 10.526vw; }
.header-area .delicious-main-menu .classy-navbar .classynav ul li a:hover { padding-left: 13.157vw; }
.classycloseIcon { width: 1.315vw; height: 1.315vw; }
.classycloseIcon .cross-wrap { right: 0vw }
.classy-menu .header_top { padding: 1.644vw 0; }
.nav-mid { height: calc(100% - 4.901vw - 5.315vw) }
.classy-menu .header_top .logo_menu { width: 5.921vw }
.classycloseIcon .cross-wrap { width: 1.315vw; height: 1.315vw; }
.classycloseIcon .cross-wrap span { height: 0.131vw; }
.classycloseIcon .cross-wrap span.bottom { bottom: 0.657vw; }
.classycloseIcon .cross-wrap span.top { top: 0.526vw; }	

.nav-footer { padding: 1.644vw 0 }
.nav-footer .social_links li { margin: 0 0.986vw; }
.nav-footer .social_links li:last-child { margin-right: 0rem; }
.nav-footer .social_links li svg { width: 1.973vw; height: 1.973vw; }
.nav-footer .info_txt a { font-size: 1.315vw; padding: 0.197vw 0 }
.nav-footer .info_txt a:before { height: 0.065vw; }
.nav-footer .info_txt a:after { height: 0.065vw; }		

h2 { font-size: 6.184vw; padding: 0 0 0 10.526vw; margin: 5.921vw 0 }
h2:before { width: 7.894vw; height: 0.657vw; }
h2 .line { width: 7.894vw; height: 0.657vw; margin-top: -0.328vw }	

/*****Footer Starts*****/
footer { padding: 1.973vw 0 }
footer .footer_top { padding-top: 2.364vw; padding-bottom: 2.364vw }
footer .follow_section h4 { font-size: 1.315vw; margin: 0.986vw 0 }
footer .follow_section h4 a:before { height: 0.065vw; }
footer .follow_section h4 a:after { height: 0.065vw; }
footer .follow_section ul { margin: 1.973vw 0; }
footer .follow_section ul li { margin: 0 0.657vw; }
footer .follow_section ul li img { object-fit: cover; object-position: center }
footer .footer_logo { margin: 1.315vw 0; }
footer .footer_logo img { width: 100% }

footer .footer_links { padding-top: 1.315vw; padding-bottom: 1.315vw }
footer .footer_links ul li { margin: 0 3.618vw; font-size: 1.315vw; }
footer .footer_links ul li a:before { height: 0.065vw; }
footer .footer_links ul li a:after { height: 0.065vw; }
/*****Footer Ends*****/
	

main { padding-bottom: 3.289vw; padding-top: 0.065vw }
body.page-template-contact-template main { padding-bottom: 4.289vw; }
.services_section { padding: 6.578vw 0 }
.services_section .services_content { padding-left: 6.578vw }
.services_section.alternate .services_content { padding-left: calc(var(--bs-gutter-x) * .5); padding-right: 6.578vw }
.services_section .services_content h3 { font-size: 5.131vw; margin: 0 0 1.644vw 0 }
.services_section .services_content p { font-size: 1.315vw; color: #0b0b0b; margin: 0.986vw 0 }
.services_section .services_content .btn_block { margin: 1.644vw 0 0 }
.butn, .butn:visited { font-size: 1.052vw; padding: 1.315vw 2.302vw; }
.butn::before { height: 10.197vw; top: -3.289vw; width: 3.289vw; }
.butn::after { height: 13.157vw; top: -3.289vw; width: 5.263vw }
.butn:hover, .butn:active { transform: translateY(-0.197vw); box-shadow: 0 0.657vw 1.315vw 0 rgba(0, 0, 0, 0.3); }	

.half-fluid .left-half { max-height: 52.631vw; }
.form_section { padding-left: 1.973vw }

.form-group { /*border-bottom: 0.065vw solid #0b0b0b;*/ margin-bottom: 1.973vw }
.form-group .form-control { font-size: 2.105vw; line-height: 5.263vw; height: 5.263vw; border-bottom: 0.065vw solid #0b0b0b; }
.form-group textarea.form-control { font-size: 2.105vw; height: 9.868vw; padding: 0.986vw 0; border-bottom: 0.065vw solid #0b0b0b; }
.form-group button { margin-top: 1.315vw }
.inquire_list { padding: 1.315vw 0 0 }
.form-group  .wpcf7-form-control.wpcf7-checkbox { border-bottom: 0.065vw solid #0b0b0b; padding-bottom: 1.315vw; }
.inquire_list label.inquire_type { font-size: 2.105vw; }
.inquire_list label.check_list { font-size: 1.842vw; margin: 1.973vw 0 2.631vw }
.inquire_list label.check_list input { width: 1.973vw; height: 1.973vw; margin: 0 0.657vw 0 0 }
.inquire_list .wpcf7-list-item { margin: 1.973vw 0 2.631vw }
.inquire_list .wpcf7-list-item input { width: 1.973vw; height: 1.973vw; margin: 0 0.657vw 0 0 }
.inquire_list .wpcf7-list-item .wpcf7-list-item-label { font-size: 1.842vw; }

.ui.calendar .ui.table.day { min-width: 18.421vw !important; }
.ui.table { font-size: 0.921vw; }
.wpcf7 form .wpcf7-response-output { font-size: 1.052vw; margin: 0px; border: 0.131vw solid #00a0d2; padding: 0.657vw 0.986vw; }
.wpcf7-not-valid-tip { font-size: 1.052vw }	

/*About-Page-Starts*/
.about_section { height: calc(100vh - 4.078vw); min-height: 42.052vw; max-height: 52.631vw; }
.about_section .about_content h5 { font-size: 6.184vw; margin: 2.302vw 0 }
.about_section .about_content p { font-size: 1.973vw; margin: 2.302vw 0 }
.about_section.alternate .about_img { order: 2 }
.about_section.alternate .about_content { order: 1 }
.animate_line { width: 9.868vw; }
.animate_line span { height: 0.986vw; }	

.philosophy_section { margin: 17.763vw 0; height: 55.921vw;  max-height: 55.921vw; }
.philosophy_section .philosophy_content h3 { text-align: right; font-size: 5.131vw; margin: 2.302vw 0 }
.philosophy_section .philosophy_content p { font-size: 1.315vw; margin: 2.302vw 0 }
.philosophy_section .philosophy_img { height: 100%; max-height: 100% !important }
.philosophy_section .philosophy_img img { width: 29.868vw; height: auto; margin-left: -14.934vw; margin-top: -19.539vw; }
.philosophy_section .philosophy_img .line_stripe { height: 100%; width: 100%; }
.philosophy_section .philosophy_img .line_stripe ul li { margin: 4.370vw 0 0; height: 4.27vw; }

.about_founder .about_founder_content { padding-top: 2.960vw; padding-bottom: 2.960vw }
.about_founder .about_founder_content h3 { font-size: 5.131vw; margin: 1.644vw 0 }
.about_founder .about_founder_content p { font-size: 1.315vw; letter-spacing: 0px; margin: 1.644vw 0 }
/*About-Page-Ends*/	

/*Home-Page-Starts*/
.home-banner img.banner_logo { margin-bottom: 4.276vw }
/*Home-Page-Ends*/
	
.contact_section .left-half { padding-right: 1.973vw; }
.contact_section .slick-list { width: calc(100% - 1.973vw); }	

.content_404 h5 { font-size: 1.710vw; margin-bottom: 1.973vw !important }
.content_404 p { font-size: 1.315vw; margin: 0.986vw 0 }
.content_404 .search-form { margin: 0.986vw 0 }
.content_404 .search-form label { width: calc(100% - 8.223vw) !important; }
.content_404 .search-form input[type=search] { width: calc(100% - 2.105vw) !important; border: 0.065vw solid #0b0b0b; height: 3.947vw; line-height: 3.947vw; font-size: 1.052vw; padding: 0 1.052vw; }
.content_404 .search-form input[type=submit] { width: 8.223vw !important; border: 0.065vw solid #0b0b0b; height: 4.078vw; line-height: 4.078vw; font-size: 1.052vw; }	

.portfolio_section .portfolio_main { padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5); }
.portfolio_section .portfolio_main .row { display: block; }
.portfolio_section article { height: 46.052vw; margin: 2.960vw 0; padding: 0 0.657vw }
.portfolio_section article a { height: 100% }
.portfolio_section article img { position: relative; z-index: 1; object-fit: cover; object-position: center; width: 100%; height: 100%; transform: scale(1, 1) rotate(0deg); transition: transform .7s; }
.portfolio_section article a:before { content: ""; background-color: #000; position: absolute; top: 0px; left: 0px; z-index: 2; width: 100%; height: 100%; opacity: 0.5; }
.portfolio_section article .portfolio_content { width: 100%; max-width: 21.052vw; position: absolute; bottom: 0rem; left: 0rem; z-index: 3; padding: 1.315vw; margin: 0px; }
.portfolio_section article:first-child .portfolio_content { position: absolute; bottom: 2.631vw; left: 2.631vw; padding: 0px; }
.portfolio_section article .portfolio_content h3 { font-size: 2.763vw; padding: 0; margin: 0 }
.portfolio_section article .portfolio_content p { font-size: 0.789vw; color: #F0EDE8; margin: 0.197vw 0 0 0.921vw; }
.portfolio_section article a:hover img { transform: scale(1.1, 1.1) rotate(0deg); transition: transform .7s; }

	

.portfolio_section article:nth-child(7n+1) { width: 100%; float: left; clear: both; }
.portfolio_section article:nth-child(7n+2) { width: 100%; float: left; clear: both; }
.portfolio_section article:nth-child(7n+3) { width: 50%; float: left; margin-left: 0px; clear: inherit; }
.portfolio_section article:nth-child(7n+4) { width: 50%; float: left; margin-left: 0px; clear: inherit; }
.portfolio_section article:nth-child(7n+5) { width: 100%; float: left; clear: both; }
.portfolio_section article:nth-child(7n+6) { width: 50%; float: left; margin-left: 0px; clear: inherit }
.portfolio_section article:nth-child(7n) { width: 50%; float: left; margin-left: 0px; clear: inherit }	

.portfolio_section article:first-child { width: 100%; height: 46.052vw; float: left; }
.portfolio_section article:nth-child(2) { width: 100%; float: left; clear: both; }
.portfolio_section article:nth-child(3) { width: 50%; float: left; margin-left: 0px; clear: inherit }
.portfolio_section article:nth-child(4) { width: 50%; float: left; margin-left: 0px; clear: inherit; }
.portfolio_section article:nth-child(5) { width: 100%; float: left; clear: both; }
.portfolio_section article:nth-child(6) { width: 50%; float: left; margin-left: 0px; clear: inherit }
.portfolio_section article:nth-child(7) { width: 50%; float: left; margin-left: 0px; clear: inherit; }
	
.portfolio_detail .portfolio_main { padding-right:calc(var(--bs-gutter-x) * .5); padding-left:calc(var(--bs-gutter-x) * .5); }
.portfolio_detail .portfolio_main .row { display: block; }
.portfolio_detail article { height: 23.026vw; margin: 2.960vw 0; }
.portfolio_detail article a { height: 100% }
.portfolio_detail article img { position: relative; z-index: 1; object-fit: cover; object-position: center; width: 100%; height: 100%; transform: scale(1, 1) rotate(0deg); transition: transform .7s; }
.portfolio_detail article a:hover img { transform: scale(1.1, 1.1) rotate(0deg); transition: transform .7s; }

.portfolio_detail article { height: 31.578vw; margin: 2.631vw 0; padding: 0 0.657vw }
.portfolio_detail article:nth-child(6n+1) { height: 31.578vw; }
.portfolio_detail article:first-child { height: 52.631vw; }	

.portfolio_detail_top { padding-top: 5.921vw; padding-bottom: 5.921vw }
.portfolio_detail_top h3 { font-size: 5.131vw; line-height: 1; margin: 0.986vw 0 }
.portfolio_detail_top p { font-size: 0.921vw; margin: 0.986vw 0 }	

.portfolio_all_next { padding-top: 4.605vw; padding-bottom: 4.605vw }
.portfolio_all_next ul li { font-size: 2.5vw; }	
.logo_section { margin: -1.315vw 0 0 0; }
.logo_section ul li { padding: 2vw 1.302vw; width: 27% }

}



/*****(max-width:768px) and (max-width:991px)*****/
@media all and (min-width:768px) and (max-width:991px) {
.portfolio_section article { height: 380px; }
.portfolio_section article:nth-child(7n+1) { width: 100%; float: left; clear: both; }
.portfolio_section article:nth-child(7n+2) { width: 100%; float: left; clear: both; }
.portfolio_section article:nth-child(7n+3) { width: 50%; float: left; margin-left: 0px; clear: inherit; }
.portfolio_section article:nth-child(7n+4) { width: 50%; float: left; margin-left: 0px; clear: inherit; }
.portfolio_section article:nth-child(7n+5) { width: 100%; float: left; clear: both; }
.portfolio_section article:nth-child(7n+6) { width: 50%; float: left; margin-left: 0px; clear: inherit }
.portfolio_section article:nth-child(7n) { width: 50%; float: left; clear: inherit }	

.portfolio_section article:first-child { width: 100%; height: 380px; float: left; }
.portfolio_section article:nth-child(2) { width: 100%; float: left; clear: both; }
.portfolio_section article:nth-child(3) { width: 50%; float: left; margin-left: 0px; clear: inherit }
.portfolio_section article:nth-child(4) { width: 50%; float: left; margin-left: 0px; clear: inherit; }
.portfolio_section article:nth-child(5) { width: 100%; float: left; clear: both; }
.portfolio_section article:nth-child(6) { width: 50%; float: left; margin-left: 0px; clear: inherit }
.portfolio_section article:nth-child(7) { width: 50%; float: left; margin-left: 0px; clear: inherit; }

}

/*****( max-width:767px )*****/
@media all and (max-width:767px) {
.services_section .services_img { background: none !important; }
}

/*****( max-width:575px )*****/
@media all and (max-width:575px) {
footer .follow_section { padding-left: 0px; padding-right: 0px }
footer .follow_section { padding-left: 0px; padding-right: 0px }
}

 @media only screen and (min-device-width:0px) and (max-device-width:767px) and (orientation:landscape) {
.breakpoint-on .classynav ul li { margin: 1.2rem 0 }
.logo_section ul li { padding: 15px; width: 33.33%; }
}