/*
    font-family: 'Source Sans Pro', sans-serif;
*/
@font-face {
    font-family: 'CodeLight';
    src: url('fonts/CodeLight.eot');
    src: url('fonts/CodeLight.eot?#iefix') format('embedded-opentype'),
         url('fonts/CodeLight.woff') format('woff'),
         url('fonts/CodeLight.ttf') format('truetype'),
         url('fonts/CodeLight.svg#CodeLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CodeBold';
    src: url('fonts/CodeBold.eot');
    src: url('fonts/CodeBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/CodeBold.woff') format('woff'),
         url('fonts/CodeBold.ttf') format('truetype'),
         url('fonts/CodeBold.svg#CodeBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AppleGaramondLight';
    src: url('fonts/AppleGaramondLight.eot');
    src: url('fonts/AppleGaramondLight.eot?#iefix') format('embedded-opentype'),
         url('fonts/AppleGaramondLight.woff') format('woff'),
         url('fonts/AppleGaramondLight.ttf') format('truetype'),
         url('fonts/AppleGaramondLight.svg#AppleGaramondLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'centurygothicnormal';
    src: url('fonts/centurygothicnormal.eot');
    src: url('fonts/centurygothicnormal.eot') format('embedded-opentype'),
         url('fonts/centurygothicnormal.woff') format('woff'),
         url('fonts/centurygothicnormal.ttf') format('truetype'),
         url('fonts/centurygothicnormal.svg#centurygothicnormal') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'CenturyGothic-Bold';
	src: url('fonts/CenturyGothic-Bold.eot');
	src: url('fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/CenturyGothic-Bold.woff') format('woff'),
	   	 url('fonts/CenturyGothic-Bold.ttf')  format('truetype'),
	     url('fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'AppleGaramondLightitalic';
    src: url('fonts/AppleGaramondLightitalic.eot');
    src: url('fonts/AppleGaramondLightitalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/AppleGaramondLightitalic.woff') format('woff'),
         url('fonts/AppleGaramondLightitalic.ttf') format('truetype'),
         url('fonts/AppleGaramondLightitalic.svg#AppleGaramondLightitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'myriadproregular';
    src: url('fonts/myriadproregular.eot');
    src: url('fonts/myriadproregular.eot?#iefix') format('embedded-opentype'),
         url('fonts/myriadproregular.woff') format('woff'),
         url('fonts/myriadproregular.ttf') format('truetype'),
         url('fonts/myriadproregular.svg#myriadproregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body .site{ padding: 0; margin: 0; box-shadow: none; max-width: none; width: 100%; overflow: hidden; }
footer#colophon{ max-width: none; margin: 0; padding: 0; border-top: none; }
header#masthead{ background-color: #000; }
.elementor-element.sitenav .menu-item a.hfe-menu-item{ font-family: 'CodeBold'; }
.elementor-element.bannermainttl h2.elementor-heading-title,
.elementor-element.bannersubttl h3.elementor-heading-title,
.elementor-element.contactblock_ttl h2.elementor-heading-title,
.elementor-element.demottl h2.elementor-heading-title,
.elementor-element.workdoesttl h2.elementor-heading-title,
.elementor-element.studioplatforms h2.elementor-heading-title,
.elementor-element.innerbannerttl h1.elementor-heading-title,
.elementor-element.requestavailability h2.elementor-heading-title,
.elementor-element.workstep h3.elementor-image-box-title{ font-family: 'CenturyGothic-Bold'; }
.elementor-element.bannersubinfo p.elementor-heading-title,
.elementor-element.moreclients h2.elementor-heading-title{ font-family: 'AppleGaramondLightitalic'; }
.elementor-element.contactblock_subttl h3.elementor-heading-title{font-family: 'myriadproregular';}
.elementor-column.wellcome_right .wellcome_grid{ margin-left: 105px; margin-top: 65px; margin-right: auto;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); }
.elementor-section.contactbtm h2.elementor-heading-title,
.elementor-element.contact_email p{ font-family: 'centurygothicnormal'; }
.elementor-element.contact_email p a{ text-decoration: none; color: #b5b5b5; }
.elementor-element.contact_email p a:hover{ text-decoration: underline; }
.agent_form .form-group{ margin-bottom: 13px; }
.agent_form .form-control{padding: 6px 18px; height: 54px; font:400 16px "Source Sans Pro", sans-serif; color: #8f8f8f; border: 1px solid rgba(255,255,255,0.58);outline: none; border-radius: 0; box-shadow: none; text-shadow: none; background-color: transparent; background-image: none;}
.agent_form textarea.form-control{ height: 84px; }
.agent_form .form-control::-webkit-input-placeholder {color: #8f8f8f;}
.agent_form .form-control:-moz-placeholder {color: #8f8f8f;}
.agent_form .form-control::-moz-placeholder {color: #8f8f8f;}
.agent_form .form-control:-ms-input-placeholder {color: #8f8f8f;}
.agent_form .btn,
.agent_form .btn:hover,
.agent_form .btn:active,
.agent_form .btn:focus{ background-color: #f2d46d; padding: 11px 31px; font:900 22px "Source Sans Pro", sans-serif; color: #433c25; text-transform: uppercase; border:none;outline: none; border-radius: 0; box-shadow: none; text-shadow: none; background-image: none;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.agent_form .btn:hover{background-color: #a9a9a9;}
.elementor-element.btncontactgallery .gallery{ display: flex; justify-content: flex-start; column-gap: 22px;flex-wrap: wrap; align-items: center; text-align: left !important;}
.elementor-element.btncontactgallery .gallery .gallery-item{ float: none !important; width: auto !important; margin-top: 0 !important; max-width: none; margin: 0; display: block; }
.elementor-element.btncontactgallery .gallery .gallery-item img{ border: none !important; width: auto; max-width: 100%; padding: 0; }
.elementor-element.contactsocial .elementor-widget-container{column-gap: 22px;display: flex; justify-content: flex-start;align-items: center;}
.elementor-element.contactbooking a{text-decoration: underline; color: #e5e5e5;}
.elementor-element.contactbooking a:hover{ color: #f2d46d; }
.elementor-element.demoinfo a{text-decoration: none; color: #f2d46d; font-weight: 500;}
.elementor-element.demoinfo a:hover{ color: #e5e5e5;text-decoration: underline; }
audio{display: block;margin: 1em;}
.listen-demo{ margin: 0 auto; width: 100%; max-width: 820px; }
.listen-demo .audio_block{width: 100%; max-width: 360px;margin: 0 auto 19px; background-color: #fff; border-radius: 26px; display: flex; padding: 0px 14px;}
.listen-demo .audio_block > div{box-sizing:border-box; height: 52px;}
.listen-demo .audio_block > div:first-child {width:47px;flex-shrink:0; text-align: center; border-right: 1px solid #e4e4e4;}
.listen-demo .audio_block > div:nth-child(2) {flex-grow:1; padding-left: 11px; border-left: 1px solid #e9e9e9;}
.listen-demo .audio_block > div:last-child {flex-grow:1;max-width:62px;}
.listen-demo .audio_block > div:first-child > a{ cursor: pointer; margin-top: 18px; }
.listen-demo .audio_block h3{font:normal 13px "myriadproregular"; color: #424242; margin: 11px 0 0; padding: 0;}
.listen-demo .audio_block h4{font:normal 11px "myriadproregular"; color: #919090; margin: 0; padding: 0;}
.listen-demo .audio_block > div:last-child > a{ margin-top: 27px;font:normal 11px "myriadproregular"; color: #919090; text-decoration: none; display: inline-block; }
.connentlive.elementor-element p b{ font-weight: 500; color: #f2d46d; }
.findmore.elementor-element p a{color: #f2d46d; text-decoration: underline;}
.elementor-element.studiotext p > b{ font-weight: 600; color: #f2d46d; }
.elementor-element.studiotouchtext p > a{ font-weight: 700; color: #f2d46d; text-decoration: underline;}
.elementor-element.studiobox .elementor-image-box-img,
.elementor-element.studiobox .elementor-widget-container{-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.elementor-element.studiobox:hover .elementor-widget-container{ border-radius: 15px; }
.elementor-element.studiobox:hover .elementor-image-box-img{transform: rotate(360deg);}
.elementor-element.studiobox .elementor-image-box-wrapper .elementor-image-box-content{ padding-bottom: 17px; }
.elementor-element.studiobox .elementor-image-box-wrapper .elementor-image-box-img{ margin-top: -74px !important; }
.elementor-element.studiobox .elementor-image-box-wrapper .elementor-image-box-content p.elementor-image-box-description{ min-height: 76px; display: flex; align-items: center; justify-content: center; }
.testimonial-carousel .owl-carousel .owl-stage-outer {overflow: visible;}
.testimonial-carousel .owl-carousel .owl-item {opacity: 0;transition: opacity 500ms;}
.testimonial-carousel .owl-carousel .owl-item.active {opacity: 1;}
.testimonial-carousel .owl-carousel .testimonial-wrapper{ border: 1px solid rgba(0,0,0,0.19); background-color: rgba(255,255,255,0.6);-webkit-box-shadow: 7px 7px 10px 0 rgba(0,1,1,.42);box-shadow: 7px 7px 10px 0 rgba(0,1,1,.42); padding: 62px 38px 35px; position: relative; margin-bottom: 15px; }
.testimonial-carousel .owl-carousel .testimonial-wrapper::before{ content: ''; display: inline-block; width: 26px; height: 21px; background: url(images/testimonial-quote.png) no-repeat center center; position: absolute; left: 37px; top: 31px; }
.testimonial-carousel .owl-carousel .testimonial-wrapper p{ font:normal 16px/23px "Open Sans", Sans-serif; color: #212121; margin-bottom: 22px; }
.testimonial-carousel .owl-carousel .testimonial-wrapper .testimonial_img > img{ width: auto; max-width: 100%; }
.testimonial-carousel .owl-carousel .testimonial-wrapper .testimonial_img h3{font:700 20px/26px "Open Sans", Sans-serif; color: #191919;}
.testimonial-carousel .owl-theme .owl-dots .owl-dot span{ border:2px solid #c0c0c0; width: 14px; height: 14px; background-color: #fff; margin-left: 4px; margin-right: 4px; }
.testimonial-carousel .owl-theme .owl-dots .owl-dot.active span,
.testimonial-carousel .owl-theme .owl-dots .owl-dot:hover span{ border-color: #000; background-color: #000; }
.testimonial-carousel .owl-theme .owl-controls{ margin-top: 37px; }
.elementor-section.anchorsection{height: 0; overflow: hidden;}
.elementor-section.anchorsection .elementor-element.pageanchor .elementor-menu-anchor{position: relative;top: -142px; z-index: 9;}
.video_demo > .gridblock{ margin-top: 10px; }
.video_demo .gridblock > .box .video_block{ position: relative;}
.video_demo .box .video_block .captionbox{position: absolute; left: 20px; right: 20px; top: 50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); }
.video_demo .video_block .captionbox h3{font: normal 24px "myriadproregular";color: #fff;margin: 11px 0 0;padding: 0; text-align: center;}
.video_demo .video_block .captionbox > a{ display: block;width: 94px; height: 94px;  overflow: hidden; text-indent: 999px; background: url(images/big-videoplay.png) no-repeat center center;outline: none; margin-left: auto; margin-right: auto;}
.video_demo .box:not(.big) .video_block .captionbox{left:10px; right:10px;}
.video_demo .box:not(.big) .video_block .captionbox h3{ font-size: 17px; }
.video_demo .box:not(.big) .video_block .captionbox > a{width: 58px; height: 58px; background-image: url(images/videoplay.png);}
#loader{ margin: 20px auto 0; width: 134px; }
#more_posts{margin: 20px auto 0; width: 151px; display: block;background-color: #f2d46d;padding: 11px 36px;font:600 20px "Source Sans Pro", sans-serif;color: #333;cursor: pointer;border: none;outline: none;border-radius: 30px;box-shadow: none;text-shadow: none;}

.voice_book{ width: 100%; max-width: 856px; margin: 0 auto; }
.voice_book .form-group{ margin-bottom:9px; }
.voice_book .form-group > label{ display: block; font:400 14px/22px "Open Sans", Sans-serif; color: #595959; margin: 0 0 6px; text-transform: uppercase;}
.voice_book .form-control{padding: 6px 18px; height: 56px; font:400 14px "Open Sans", Sans-serif; color: #595959; background-color: #fff; border: 1px solid rgba(0,1,1,0.16);outline: none; border-radius: 0; text-shadow: none; background-image: none;-webkit-box-shadow: 5px 5px 5px 0 rgba(0,1,1,0.1);box-shadow: 5px 5px 5px 0 rgba(0,1,1,0.1);}
.voice_book textarea.form-control{ height: 66px; resize: none; }
.voice_book .btn,
.voice_book .btn:hover,
.voice_book .btn:active,
.voice_book .btn:focus{ margin-top: 20px; background-color: #2c2c2c; padding: 11px 31px; font:700 22px "Open Sans", sans-serif; color: #fff; text-transform: uppercase; border:none;outline: none; border-radius: 0; box-shadow: none; text-shadow: none; background-image: none;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.voice_book .btn:hover{background-color: #f2d46d;color: #2c2c2c;}
.elementor-element.booklist ul.elementor-icon-list-items li.elementor-icon-list-item{ align-items: flex-start; }
.elementor-element.booklist ul.elementor-icon-list-items li.elementor-icon-list-item span.elementor-icon-list-icon{ margin-top: 1px;}
.elementor-element.booklist ul.elementor-icon-list-items li.elementor-icon-list-item span.elementor-icon-list-text b{ font-weight: 700; color: #fff; }
.elementor-element.readybook a{ text-decoration: underline; color: #fff; }
.elementor-element.readybook a:hover{ text-decoration:none; color: #f2d46d; }
.booking_form{ width: 100%; max-width: 800px; }
.booking_form .form-group{ margin-bottom:20px; }
.booking_form .form-group > label{ display: block; font:400 16px/24px 'Source Sans Pro', sans-serif; color: #9e9e9e; margin: 0 0 7px;}
.booking_form .form-group > label > i{ font-style: normal;display: block; font:400 12px/16px 'Source Sans Pro', sans-serif; color: #595959;}
.booking_form .form-control{padding: 6px 18px; height: 52px !important; font:400 16px 'Source Sans Pro', sans-serif; color: #909090; background-color:transparent; border: 1px solid rgba(255,255,255,0.5);outline: none; border-radius: 0; text-shadow: none; background-image: none;-webkit-box-shadow: 5px 5px 5px 0 rgba(0,1,1,0.1);box-shadow: 5px 5px 5px 0 rgba(0,1,1,0.1);}
.booking_form textarea.form-control{ height: 92px; resize: none; }
.booking_form .btn,
.booking_form .btn:hover,
.booking_form .btn:active,
.booking_form .btn:focus{ margin-top: 20px; background-color: #f2d46d; padding: 10px 25px; font:900 22px "Source Sans Pro", sans-serif; color: #433c25; text-transform: uppercase; border:none;outline: none; border-radius: 0; box-shadow: none; text-shadow: none; background-image: none;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.booking_form .btn:hover{background-color: #fff;color: #433c25;}
.booking_form .sameheight{height: 40px;}



.work-block .sm-box .elementor-image-box-wrapper{align-items: center !important;}

.elementor-element.voicetype ul.elementor-icon-list-items{-moz-column-count: 2;-moz-column-gap: 15px;-webkit-column-count: 2;-webkit-column-gap: 15px;column-count: 2;column-gap: 15px;}












/* Responsive
=================================*/
@media (min-width: 1330px) {
	.container{ max-width: 1300px; }
}
@media (min-width: 1200px) {
    .listen-demo .row{ margin-left: -50px; margin-right: -50px; }
    .listen-demo .row > div{ padding-left: 50px; padding-right: 50px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .listen-demo .row{ margin-left: -50px; margin-right: -50px; }
    .listen-demo .row > div{ padding-left: 50px; padding-right: 50px; }

/*------studio-----*/
.studio .studio-bx{}
	
/*------gridblock-----*/
	


}
@media (min-width: 768px) and (max-width: 991px) {
	
/*------header-----*/
.header-section .header-logo img{max-width:120px;}	
	
}
@media (min-width: 768px) {
	.agent_form .row{ margin-left: -7px; margin-right: -7px; }
    .agent_form .row > div { padding-left: 7px; padding-right: 7px; }
/* 	.agent_form .row > div .captcha p {display: flex; column-gap: 15px;  flex-wrap: wrap;  align-items: center; justify-content: flex-start;} */
	.agent_form .row > div .captcha p img {margin-bottom: 9px;}
    .gridblock{display: grid;grid-template-columns: 457px repeat(3,1fr);grid-gap: 12px; grid-template-areas:'item1 item2 item3 item4''item1 item5 item6 item7';}
    .gridblock.even{display: grid;grid-template-columns: repeat(3,1fr) 457px;grid-gap: 12px;grid-template-areas:'item1 item2 item3 item4''item5 item6 item7 item4';}
    .gridblock > .box1{grid-area: item1;}
    .gridblock > .box2{grid-area: item2;}
    .gridblock > .box3{grid-area: item3;}
    .gridblock > .box4{grid-area: item4;}
    .gridblock > .box5{grid-area: item5;}
    .gridblock > .box6{grid-area: item6;}
    .gridblock > .box7{grid-area: item7;}
}
@media (max-width: 767px) {
	
/*------header-----*/
.header-section .header-logo img{max-width:80px;}
	
/*------footer contact form-----*/
.agent_form .form-control{padding: 6px 14px;height: 46px;}
.agent_form textarea.form-control { height: 70px;}
	.agent_form .btn, .agent_form .btn:hover, .agent_form .btn:active, .agent_form .btn:focus{padding: 9px 26px;font: 900 18px "Source Sans Pro", sans-serif;}

/*------home-banner-----*/
.home-banner{}
	
	
/*------video-block-----*/
.video_demo .gridblock > .box .video_block{padding-bottom:20px}
.video_block img{width:100%;}
	
/*------Request Availability-----*/	
.voice_book .form-control{height: 48px;padding: 6px 12px;}
	.voice_book .btn, .voice_book .btn:hover, .voice_book .btn:active, .voice_book .btn:focus{padding: 9px 31px;font: 700 19px "Open Sans", sans-serif;}

	
/*------booking_form-----*/
.booking_form .form-control{height: 48px !important;}
.booking_form .btn, .booking_form .btn:hover, .booking_form .btn:active, .booking_form .btn:focus {padding: 9px 24px;
font: 900 19px "Source Sans Pro", sans-serif;}
	
	
}
@media (min-width: 580px) and (max-width: 767px) {
}
@media (min-width: 401px) and (max-width: 579px) {
}
@media (max-width: 400px) {
}