@charset "utf-8";

@media (max-width:1560px) {
.logo img { width: 390px; }
.headerCall a { font-size: 3rem; }
header.stickyHeader { padding: 10px 0; }
#mid-container { padding: 123px 0 0 0; }
nav li { padding: 8px 18px; }
}

@media (max-width:1410px) {
.logo img, header.stickyHeader .logo img { width: 240px; }
.headerCall a, header.stickyHeader .headerCall a { font-size: 2.2rem; padding: 2px 0 0 0; margin: 0 0 5px 0; }
header.stickyHeader .headerCall a.sc-btn { font-size: 1.6rem; }
#mid-container { padding: 88px 0 0 0; }
nav ul li a:before { margin-top: -2px; }
.headerCall { margin-top: 2px; }
}

@media (max-width:1300px) {
.item { height: 520px; }
.caption { padding: 0 0 7px 0; }
.caption p { font-size: 4.4rem; }
.caption p span { font-size: 4rem; }
.tabs li { padding: 0 15px; }
.tabs li span { font-size: 1.8rem; }
}

@media (min-width:1400px) {
.container { max-width: 1200px; }
}

@media (max-width:1200px) {
nav li { font-size: 1.6rem; padding: 8px 12px; }
}

@media (max-width:1024px) {
#mid-container { padding: 80px 0 0 0; }
header { padding: 10px 0; height: 80px; animation: none; -webkit-animation: none; }
header.stickyHeader { animation: none; -webkit-animation: none; }
.headerCall { padding: 0 68px 0 0; }
.menu-icon { display: block; }
.menu-icon { position: fixed; cursor: pointer; right: 15px; top: 20px; background: #b5996a; width: 40px; height: 40px; border: 1px solid #b5996a; border-radius: 0; overflow: hidden; z-index: 1; }
.menu-icon .menu-box { position: relative; width: 25px; margin: 18px 7px 0; height: 3px; background: #fff; }
.menu-icon .menu-box:before { content: ''; position: absolute; width: 100%; height: 3px; background: #fff; right: 0; top: -8px; }
.menu-icon .menu-box:after { content: ''; position: absolute; width: 100%; height: 3px; background: #fff; right: 0; top: 8px; }
.menu-icon:before { content: ''; top: -10px; left: -45px; width: 30px; height: 75px; position: absolute; opacity: 0; background: rgba(255, 255, 255, 0.2); -webkit-transform: rotate(25deg); transform: rotate(25deg); -webkit-transition: left 300ms linear 50ms, opacity 20ms linear; transition: left 300ms linear 50ms, opacity 20ms linear; }
.menu-icon:hover:before { opacity: 1; left: 100px; }
.menu-icon.active .menu-box:before { transform: rotate(45deg) translate(5px, 5px); }
.menu-icon.active .menu-box:after { transform: rotate(-45deg) translate(6px, -6px); }
.menu-icon.active .menu-box { background: none; margin: 18px 0 0 5px; }
.wrapper { transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; position: relative; left: 0; }
body { overflow-x: hidden; }
.menu-open .wrapper { left: 300px; background: rgba(4,45,81,0.4) }
.enumenu_ul { position: fixed; left: -300px; width: 300px; background: #042d51; top: 0; bottom: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; overflow: auto; overflow-x: hidden; }
.menu-open .enumenu_ul { left: 0; z-index: 15;}
nav ul { flex-flow: column; }
nav li:first-child { border-top: 1px solid #042646; }
nav li { display: block; padding: 0; border-top: 1px solid #063d6d; border-bottom: 1px solid #042646; background: #05315a; transition: transform 0.3s cubic-bezier(0.45, 1.8, 0.5, 0.75) 0.3s, -webkit-transform 0.3s cubic-bezier(0.45, 1.8, 0.5, 0.75) 0.3s; transform: scale(0.75, 0.75); }
nav li:nth-child(2) { transition-delay: 0.4s; }
nav li:nth-child(3) { transition-delay: 0.5s; }
nav li:nth-child(4) { transition-delay: 0.6s; }
nav li:nth-child(5) { transition-delay: 0.7s; }
nav li:hover { box-shadow: 0 0px 12px 0 rgba(0,0,0,0.4), 0 0 1px 0 rgba(0,0,0,1); z-index: 1; }
nav li a { color: #fff; padding: 15px 25px; display: block; }
nav li a:before { display: none; }
nav ul li:before, nav ul li:after { display: none; }
.menu-open .logo, .menu-open .headerCall a { opacity: 0; pointer-events: none; }
.menu-open nav li { transform: scale(1, 1); }
.logoMenu { display: block; padding: 30px 30px; }
.headerMain { padding-top: 5px; }
header { left: 0 }
.menu-open .headerCall { opacity: 0; visibility: hidden; pointer-events: none; }
.menu-open header { left: 300px; }
.headerCall a, header.stickyHeader .headerCall a { padding: 5px 0 2px 0; }
.social-phone .headerCall a { margin-bottom: 0 !important }
.menu-open .menu-icon:after { background: #042D51; content: ""; position: absolute; left: -20px; /* right: 0; */
top: -21px; width: 75px; height: 80px; z-index: -1; }
.menu-open .menu-icon { overflow: inherit; }
.menu-open .menu-icon:before { display: none }
	
	.wrapper{position: relative;}
.wrapper:before{content: ""; position: fixed; width: 100%; height: 100%; display: none; left: 0; right: 0; background: rgba(0,0,0,0.5); z-index: 99;}
.menu-open .wrapper:before{display: block;}
}

@media (max-width:991px) {
.tab-content.current { display: none; }
.tabs { margin: 0; padding: 0 30px; }
.tabs li { width: 100%; min-height: 144px; display: inline-block; }
.tabs li:after { display: none; }
.hideMob { display: none; }
.tabs li svg { }
.tabs .owl-prev { position: absolute; top: 50%; left: 4px; color: transparent; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: -5px 0 0 0; }
.tabs .owl-nav .owl-prev:after { content: ''; width: 20px; height: 20px; border-top: 2px solid #002357; border-left: 2px solid #002357; display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.tabs .owl-next { position: absolute; top: 50%; right: 4px; color: transparent; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: -5px 0 0 0; }
.tabs .owl-nav .owl-next:after { content: ''; width: 20px; height: 20px; border-bottom: 2px solid #002357; border-right: 2px solid #002357; display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.welcomeText { margin: 20px 0 0 0; }
.welcomeText h1 { font-size: 4rem; }
.contactForm { width: 400px; padding: 27px 42px 51px; }
.practiceArea { padding: 86px 0; }
.modal-content { width: 90%; }
.modal-dialog { min-width: 100%; }
.modal { padding-right: 0 !important; }
.tabs li, .tabs { border: 0px; }
.tabs.owl-carousel .owl-item { border-left: 2px solid #c6ced6; border-right: 2px solid #c6ced6; }
.tabs.owl-carousel .owl-item.active + .active { border-left: 0 solid #c6ced6; border-right: 0 solid #c6ced6; }
.tabs.owl-carousel .owl-item.active + .active + .active { border-left: 2px solid #c6ced6; border-right: 2px solid #c6ced6; }
.caption:after { padding: 0 70px; }
.menu-open .social-phone { display: block; margin-top: 30px; text-align: center; padding-bottom: 30px; }
.social-phone .sm { height: 54px; width: 54px; line-height: 45px; text-align: center; margin-top: 0; vertical-align: middle; }
.social-phone .headerCall { display: inline-block; vertical-align: middle; padding-right: 0; padding-left: 0px; opacity: 1; visibility: visible; margin-top: 0; }
.social-phone .headerCall a { opacity: 1; background: #b5996a; color: transparent; pointer-events: auto; width: 54px; position: relative; height: 54px; border-radius: 100%; line-height: 45px; margin-bottom: 0 }
.social-phone .headerCall a:hover { background: #fff; color: transparent; }
.social-phone .headerCall a:hover:after { color: #b5996a; }
.social-phone .sm .fa { font-size: 2.8rem; }
.social-phone .headerCall a:after { content: "\f095"; font-family: 'FontAwesome'; color: #fff; position: absolute; top: 7px; left: 0; font-weight: normal; font-size: 2.8rem; width: 100%; text-align: center; }
.social-phone .headerCall a { padding: 0px 0 0 0; margin: 0; }
}

@media (max-width:767px) {
.img-text-sec { flex-flow: column; }
.sec-img { width: 100%; margin-bottom: 15px; }
.img-right { margin-top: 30px; }
.img-right .sec-img { margin-top: 15px; }
#mid-container { padding: 70px 0 0 0; }
.headerCall { padding: 0 55px 0 0; margin: 0; }
.headerCall span { display: none; }
.headerCall a { margin: 0; padding: 0px; border: 0px; color: transparent; width: 40px; height: 40px; background: #b5996a; overflow: hidden; position: relative; }
.headerCall a:hover { background: #05315a; color: transparent; }
.headerCall a:after { content: "\f095"; font-family: 'FontAwesome'; color: #fff; position: absolute; top: 7px; left: 0; font-weight: normal; font-size: 2.8rem; width: 100%; text-align: center; }
header.stickyHeader { padding: 15px 0; }
header.stickyHeader .headerCall a { margin: 0; }
.logo img, header.stickyHeader .logo img { height: 40px; width: auto; }
header { height: 71px; padding: 15px 0; }
.menu-icon { top: 15px; }
.caption p { font-size: 4rem; }
.caption p span { font-size: 3.6rem; }
.btn { padding: 13px 25px; }
.contactSec { overflow: hidden; }
.contactForm { }
.contactForm li.buttons { margin: 0; }
.contactForm .btn { margin-top: 25px; }
.contactForm { position: relative; top: 0; transform: none; -webkit-transform: none; width: 100vw; padding: 25px 42px 30px; }
.contactForm:after { content: ''; position: absolute; top: 0; bottom: 0; background: #b79a6a; width: 100vw; z-index: -1; left: 50%; margin-left: -50vw; }
.bgAddress { padding: 22px 0 28px 0; background-position: right top; }
.sm { width: 54px; height: 54px; font-size: 3rem; line-height: 58px; }
.sm:hover { }
.bgAddress p { margin-bottom: 20px; }
footer { padding: 30px 0; }
.footerMain .btn { margin-top: 30px; }
.practiceArea { padding: 25px 0; }
.welcomeText h1:after { bottom: -14px; }
.tabs.owl-carousel .owl-item.active + .active { border-left: 0 solid #c6ced6; border-right: 0px solid #c6ced6; }
.headerMain { padding-top: 0; }
.tabs.owl-carousel .owl-item { border: 0 }
.modal h1 { font-size: 2.5rem; }
.welcomeText { border-top: 2px solid #c6ced6; padding-top: 14px; }
.social-phone .sm { font-size: 5.0rem; }
.headerCall a.sc-btn { display: none }
.menu-open .menu-icon:after { background: #042D51; height: 76px; }
}

@media (max-width:640px) {
.tabs li { width: 240px; max-width: 100%; margin: 0px auto; min-height: inherit; }
.tabs li span { font-size: 2.2rem }
.contactForm { padding: 25px 15px 30px; }
.modal-content { width: 100%; }
}

@media (max-width:480px) {
#mid-container { padding: 66px 0 0 0; }
.menu-icon { height: 35px; width: 35px; border-top: 0; }
.menu-icon .menu-box { margin: 16px 4px 0; }
.headerCall a { height: 35px; width: 35px; }
.logo img, header.stickyHeader .logo img { height: 35px; }
.headerCall { padding: 0 50px 0 0; }
.headerCall a:after { top: 4px; }
.social-phone .headerCall a:after { top: 7px; }
header { height: 66px; }
.caption { padding: 0 0 4px 0; }
.caption p { font-size: 2.6rem; }
.caption p span { font-size: 2.1rem; }
.item { height: 350px; }
.slider .owl-next { height: 40px; width: 40px; margin-top: -20px; }
.slider .owl-prev { height: 40px; width: 40px; margin-top: -20px; }
.slider .owl-prev:after { width: 16px; height: 16px; margin: 4px 0 0 16px; }
.slider .owl-next:after { width: 16px; height: 16px; margin: 4px 0 0 8px; }
.menu-icon.active .menu-box { margin: 18px 0 0 2px; }
	.menu-open .menu-icon:after {
    background: #042D51;
    width: 200px!important;
    height: 73px;
    display: block;
    left: -120px;
}
}

@media (max-width:400px) {
.enumenu_ul { width: 240px; left: -240px; }
.menu-open .wrapper { left: 240px; }
.menu-open header { left: 240px; }
}