@charset "UTF-8";
@font-face {
    font-family: 'cormorant';
    src: url('../fonts/cormorant-webfont.woff2') format('woff2'),
         url('../fonts/cormorant-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'cormorant_semibold';
    src: url('../fonts/cormorant-semibold-webfont.woff2') format('woff2'),
         url('../fonts/cormorant-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'opensans';
    src: url('../fonts/opensans-webfont.woff2') format('woff2'),
         url('../fonts/opensans-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'opensans_light';
    src: url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'opensans_semibold';
    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'opensans_bold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*
font-family: 'opensans', sans-serif;
*/

/*General CSS*/
body {    
    position: relative;
    font-family: 'opensans', sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #666666;
}

a, span { display: inline-block; }
a, a:hover, a:focus { color: #161616; text-decoration: none; }
a:focus, button:focus, .home__hero:focus, .slick-slide:focus { outline: none; }
a, a:hover, a:focus, .site__transition { -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
img { height: auto; max-width: 100%; }
ul, ol { margin-bottom: 0; }
strong, b, .bold { font-family: 'opensans_bold', sans-serif; }
.inline__list { margin-bottom: 0;  padding-left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.inline__list > * { display: inline-block; list-style: none; }
.clear__list { padding: 0; margin: 0; list-style: none; }
.default__list + p { padding-top: 30px; }

/*Font Families*/
.secondary_fonts, .cormorant, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: 'cormorant', sans-serif; margin-bottom: 0; }
.primary_fonts, .opensans { font-family: 'opensans', sans-serif; font-weight: normal; }
.opensans_light { font-family: 'opensans_light', sans-serif; }
.opensans_semibold { font-family: 'opensans_semibold', sans-serif; }
.opensans_bold { font-family: 'opensans_bold', sans-serif; }
.cormorant_semibold { font-family: 'cormorant_semibold', sans-serif; }

/*Brand Colors*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: #161616; }

.sec_red-bg { background-color: #bc4444; }
.sec_grey-bg { background-color: #f2f2f0; }

.sec_red-txt { color: #bc4444; }
.sec_grey-txt { color: #666666; }
.sec_dark-text { color: #161616; }
.white__txt, .white__txt * { color: #ffffff; }

/*Font Sizes*/
h1, .h1 {
    font-size: 74px;
    line-height: 84px;
}

h2, .h2 {
    font-size: 39px;
    line-height: 46px;
    margin-bottom: 40px;
    padding-left: 20px;
    border-left: 2px solid #bc4444;
}

h3, .h3 {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 15px;
    padding-left: 16px;
    border-left: 2px solid #bc4444;
}

h4, .h4 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 15px;
}

h5, .h5 {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 10px;
}

h6, .h6 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;
}

.no__line { padding-left: 0; border-left: 0;}

p { padding-top: 12px; padding-bottom: 12px; margin-bottom: 0; }

h2 + p, .h2 + p, h3 + p, .h3 + p { padding-top: 0; }

/*Buttons*/
.bttn {
    font-family: 'opensans_semibold', sans-serif;
    font-size: 16px;
    line-height: 58px;
    padding: 0 24px;
    background: #bc4444;
    color: #ffffff;
    border: 1px solid #bc4444;
}
.bttn:hover, .bttn:focus, .bttn.inverse {
    color: #bc4444;
    background: #ffffff;
    border-color: #bc4444;
}
.bttn.inverse:hover, .bttn.inverse:focus { background: #ffffff; color: #bc4444; }

.bttn i { padding-right: 5px; }

/*Slick Slider*/
.slick-initialized { z-index: 0; position: relative; }
.slide .slick-slide, .slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-initialized .slick-list { position: relative; overflow: hidden; }
.slick-initialized .slick-slide { display: inline-block; }

/*
** Animations
*/
.fadeUp {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: transform 0.6s cubic-bezier(0,0,0,1) 0s,opacity 0.6s ease-in-out 0s;
    -moz-transition: transform 0.6s cubic-bezier(0,0,0,1) 0s,opacity 0.6s ease-in-out 0s;
    transition: transform 0.6s cubic-bezier(0,0,0,1) 0s,opacity 0.6s ease-in-out 0s;
}

.fadeDown {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: transform 0.6s cubic-bezier(0,0,0,1) 0s,opacity 0.6s ease-in-out 0s;
    -moz-transition: transform 0.6s cubic-bezier(0,0,0,1) 0s,opacity 0.6s ease-in-out 0s;
    transition: transform 0.6s cubic-bezier(0,0,0,1) 0s,opacity 0.6s ease-in-out 0s;
}

.fadeUp.revealIt, .slick-active .fadeUp, .fadeDown.revealIt, .slick-active .fadeDown {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.slideLeft {
    opacity: 0;
    -webkit-transform: translateX(60px);
    -moz-transform: translateX(60px);
    -ms-transform: translateX(60px);
    -o-transform: translateX(60px);
    transform: translateX(60px);
    -webkit-transition: transform 0.6s cubic-bezier(0,0,0,1) 0s,opacity 0.6s ease-in-out 0s;
    -moz-transition: transform 0.6s cubic-bezier(0,0,0,1) 0s,opacity 0.6s ease-in-out 0s;
    transition: transform 0.6s cubic-bezier(0,0,0,1) 0s,opacity 0.6s ease-in-out 0s;
}

.slideRight {
    opacity: 0;
    -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    -o-transform: translateX(-60px);
    transform: translateX(-60px);
    -webkit-transition: transform 0.6s cubic-bezier(0,0,0,1) 0s,opacity 0.6s ease-in-out 0s;
    -moz-transition: transform 0.6s cubic-bezier(0,0,0,1) 0s,opacity 0.6s ease-in-out 0s;
    transition: transform 0.6s cubic-bezier(0,0,0,1) 0s,opacity 0.6s ease-in-out 0s;
}

.slideLeft.revealIt, .slick-active .slideLeft, .slideRight.revealIt, .slick-active .slideRight {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

.fadeIn {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(.72,.49,.32,1.05) 0s;
    -moz-transition: opacity 1s cubic-bezier(.72,.49,.32,1.05) 0s;
    transition: opacity 1s cubic-bezier(.72,.49,.32,1.05) 0s;
}

.fadeIn.revealIt, .slick-active .fadeIn { visibility: visible; opacity: 1; }

/* Site Header */
.site__header {
    padding-top: 25px;
}

.header__bottom {
    margin-top: 25px;
    border-top: 1px solid #f7f7f7;
}

.nav__social li {
    padding-left: 19px;
    padding-right: 19px;
}

.nav__social li:first-child { padding-left: 0; }
.nav__social li:last-child { padding-right: 0; }

.nav__social a { color: #bc4444; }

.site__nav li {
    padding-top: 24px;
    padding-left: 34px;
    padding-right: 34px;
}

.site__nav li:first-child { padding-left: 0; }
.site__nav li:last-child { padding-right: 0; }

.site__nav li a {
    position: relative;
    padding-bottom: 20px;
}

.site__nav li a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 1px;
    height: 20px;
    visibility: hidden;
    opacity: 0;
    background: #bc4444;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.site__nav li a:hover { color: #bc4444; }

.site__nav li a:hover:before {
    visibility: visible;
    opacity: 1;
}

.site__toggle {
    overflow: visible;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    transition: all .15s linear;
}

.site__nav-toggle {
    position: relative;
    display: block;
    margin-left: auto;
    width: 52px;
    height: 36px;
    border: 0;
    background: transparent;
    outline: none;
}

.toggle__item, .toggle__item::before, .toggle__item::after {
    position: absolute;   
    width: 40px;
    height: 4px;
    -webkit-transition: transform .15s ease;
    -moz-transition: transform .15s ease;
    transition: transform .15s ease;
    border-radius: 4px;
    background-color: #bc4444;
}

.toggle__item {
    top: 8px;
    display: block;
    margin-top: -2px;
    -webkit-transition: transform .275s cubic-bezier(.68,-.55,.265,1.55);
    -moz-transition: transform .275s cubic-bezier(.68,-.55,.265,1.55);
    transition: transform .275s cubic-bezier(.68,-.55,.265,1.55);
}

.toggle__item::before, .toggle__item::after {
    display: block;
    content: "";
}

.toggle__item::before {
    top: 10px;
    -webkit-transition: opacity .125s ease .275s;
    -moz-transition: opacity .125s ease .275s;
    transition: opacity .125s ease .275s;
}

.toggle__item::after {
    top: 20px;
    -webkit-transition: transform .275s cubic-bezier(.68,-.55,.265,1.55);
    -moz-transition: transform .275s cubic-bezier(.68,-.55,.265,1.55);
    transition: transform .275s cubic-bezier(.68,-.55,.265,1.55);
}

.is-active .toggle__item {
    -webkit-transition-delay: 75ms;
    -moz-transition-delay: 75ms;
    transition-delay: 75ms;
    -webkit-transform: translate3d(0,10px,0) rotate(135deg);
    -moz-transform: translate3d(0,10px,0) rotate(135deg);
    transform: translate3d(0,10px,0) rotate(135deg);
}

.is-active .toggle__item::before {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0;    
}

.is-active .toggle__item::after {
    -webkit-transition-delay: 75ms;
    -moz-transition-delay: 75ms;
    transition-delay: 75ms;
    -webkit-transform: translate3d(0,-20px,0) rotate(-270deg);
    -moz-transform: translate3d(0,-20px,0) rotate(-270deg);
    transform: translate3d(0,-20px,0) rotate(-270deg);
}


/*Hero*/
.site__hero { 
    position: relative;
    background-image: url('../images/SEC-Consulting.jpg');
    background-size: cover;
    background-position: center;
    min-height: calc(100vh - 184px);
}

.hero__slider { max-width: 100%; }
.hero__slide {
    padding-top: 100px;
    padding-bottom: 140px;
}

.hero__caption {
    position: relative;
    display: inline-block;
    padding: 0 20px 0;
    letter-spacing: 3.3px;
    margin-bottom: 50px;
    border-right: 2px solid;
    border-left: 2px solid;
}

.hero__caption::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -11px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(100% + 22px);
    height: calc(100% + 14px);
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}

.hero__slide .bttn { margin-top: 50px; }

.hero__controls {
    position: absolute;
    bottom: 40px;
    margin: 0 auto;
}

.slick-dots {
    display: flex;
    align-items: center;
    padding:0;
    margin: 0;
    list-style: none;
}

.slick-dots li {
    margin-left: 8px;
    margin-right: 8px;
}

.slick-dots button {
    font-size: 0;
    padding: 0;
    border: 0;
    outline: none;
    width: 3px;
    height: 20px;
    background: #ffffff;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slick-dots li.slick-active button { height: 40px; background: #bc4444; }

/**/
.site__section {
    padding-top: 120px;
    padding-bottom: 120px;
}

footer .site__section {
    padding-top: 60px;
    padding-bottom: 60px;
}

/*What We Do*/
.what_we_do {
    background-image: url('../images/support-your-legal-needs-bg.jpg');
    background-position: right bottom;
    background-repeat: no-repeat;
}

.what_we_do h2 { width: 75%; }

/*Benifits Box*/
.outer__box { margin-top: 62px;  margin-top: -15px; padding: 12px; }
.inner__box { padding: 36px; position: relative; }
.outer__box-dashed { position: relative; border: 2px dashed #bc4444; }
.outer__box-dashed::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff;
    border: 2px dashed transparent;
    border-top-color: #bc4444;
    border-right-color: #bc4444;
}
.why__outsource-inverse .outer__box-dashed::before {
    background-color: transparent;
    background-image: url('../images/outsource-legal-function.jpg');
    background-size: 100vw;
    background-position: center center;
}
.outer__box-fill { background-color: #ffffff; position: relative; }
.why__outsource  { overflow: hidden; }
.why__outsource-content, .why__outsource-inverse { position: relative; }
.why__outsource-content {  z-index: 1; }
.why__outsource-inverse::before {
    content: "";
    position: absolute;
    background: url('../images/outsource-legal-function.jpg');
    background-size: cover;
    background-position: right;
    left: 0;
    right: 0;
    bottom: 50%;
    height: 141%;
}

.section__art, .outer__box-line { position: relative; }
.section__art::before, .outer__box-line::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 2px;
    height: 56px;
    background: #bc4444;
    z-index: 1;
}

.section__art-inverse::before { background: #ffffff; }

.outer__box-line::before { top:calc(100% - 20px); z-index: 0; }

/*Theme Listings*/
.square__list {
    padding-left: 20px;
    list-style: none;
    padding-top: 12px;
    padding-bottom: 12px;
}

.square__list:last-child { margin-bottom: 0; padding-bottom: 0; }

.square__list li {
    padding: 8px 0 8px 20px;
    vertical-align: middle;
    position: relative;
}

.square__list li:last-child { padding-bottom: 0; }

.square__list li:before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: #bc4444;
    display: inline-block;
    content: "";
    left: 0;
    top: 20px;
    vertical-align: middle;
}

/*Contact Us*/
.contact__us-list { margin-top: 35px; align-items: flex-start; }
.contact__us-list li { font-size: 22px; text-align: left; }
.contact__us-list li + li { margin-left: 80px; }
.contact__us-list li a ~ a { margin-top: 20px; }
.contact__us i {
    width: 54px;
    height: 54px;
    line-height: 52px;
    font-size: 30px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ffffff;
    margin-right: 20px;
}
.contact__us i.fa-envelope:before { font-size: 0.9em; }

.contact__us a:hover i { background-color: #ffffff; color: #bc4444; }

/*Footer*/
footer .site__logo { margin-bottom: 40px; }
footer .site__nav { padding-top: 20px; padding-bottom: 20px; }
footer .site__nav li { padding-top: 0; position: relative; }
footer .site__nav li:not(:first-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #bc4444;
}
footer .site__nav li a { padding-bottom: 0; }
footer .site__nav li a:before { display: none; }

.foo__bottom { padding: 30px 0; border-top: 1px solid #f2f2f0; }
.nav__social { margin-top: 5px; min-width: 220px; }

.fly {
	position: fixed;
	right:25px;
	bottom:25px;
	z-index:3;
	padding: 0;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	width: 40px;
    height: 40px;
    display: block;
    text-align: center;
	margin: 0;
	background-color: #bc4444;
	color: #ffffff;
	border: 2px solid #ffffff;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}
.fly i {
	padding-left: 0;
	line-height: 33px;
	padding-bottom: 2px;
}
.fly:hover, .fly:focus {
	border-color: #bc4444;
	color: #bc4444;
	background: #ffffff;
}
.fly:hover i {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	color: #bc4444;
}
.scale {
	-webkit-transform: scale(0, 0)  translateZ(0);
	-moz-transform: scale(0, 0)  translateZ(0);
	-ms-transform: scale(0, 0)  translateZ(0);
	-o-transform: scale(0, 0)  translateZ(0);
	transform: scale(0, 0)  translateZ(0);
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0,0,0,1) 0.1s,opacity 1s 0.2s;
	-moz-transition: -moz-transform 0.5s cubic-bezier(0,0,0,1) 0.1s,opacity 1s 0.2s;
	transition: transform 0.5s cubic-bezier(0,0,0,1) 0.1s,opacity 1s 0.2s;
}
.scale.in {
	-webkit-transform: scale(1,1)  translateZ(0);
	-moz-transform: scale(1,1)  translateZ(0);
	-ms-transform: scale(1,1)  translateZ(0);
	-o-transform: scale(1,1)  translateZ(0);
	transform: scale(1,1)  translateZ(0);
}

/*
** Media Queries
*/

@media only screen and (min-width: 1310px) {
    .container-xl, .container-lg, .container {
        max-width: 1280px;
    }
}

@media only screen and (max-width: 1429px) {
    .bttn { line-height: 48px; padding: 0 14px; }
    .nav__social { min-width: 200px; }
    .nav__social li { padding-left: 12px; padding-right: 12px; }
    .site__header { padding-top: 18px;}
    .header__bottom { margin-top: 18px; }
    .site__nav li { padding-top: 18px; }
}

@media only screen and (max-width: 1199px) {
    .site__nav li { padding-left: 20px; padding-right: 20px; }
    h1, .h1 { font-size: 64px; line-height: 74px; }
    h3, .h3 { font-size: 26px; line-height: 38px; }
    .hero__caption { margin-bottom: 40px; }
    .site__section { padding-top: 100px; padding-bottom: 100px; }
    .what_we_do img { display: block; width: 500px; max-width: 100%; margin-left: auto; margin-right: auto; }
    .what_we_do h2 { margin-top: 40px; width: 100%; }
    .outer__box { margin-top: 0; }
}

@media only screen and (max-width: 991px) {
    .site__header { box-shadow: 0px 1px 1px 0px rgba(218,218,218,0.33); }
    .site__section { padding-top: 80px; padding-bottom: 80px; }
    h1, .h1 { font-size: 54px; line-height: 64px; }
    h2, .h2 { font-size: 36px; line-height: 48px; margin-bottom: 30px; }
    .site__hero { min-height: calc(100vh - 82px); }
    .slick-dots button { width: 2px; }
    .about__us img { max-width: 300px; margin-bottom: 50px; width: 100%; }
    .header__bottom .container-xl { padding-left: 0; padding-right: 0; }
    .site__header { position: sticky; top: 0; z-index: 9; background: #fff; }
    header .site__nav { display: block; background: #bc4444; }
    header .site__nav li, header .site__nav li a { padding: 0; }
    header .site__nav li { width: 100%; }
    header .site__nav li a { padding: 6px 15px; color: #ffffff; border-bottom: 1px solid #ae3a3b; width: 100%; }
    header .site__nav li a::before { display: none; }
    .nav__social, .site__toggle { min-width: 124px; }
    header { position: relative; }
    .header__bottom { display: none; margin-top: 0; position: absolute; left: 0; top: calc(100% - 1px); z-index: 5; }
    .header__top { padding-bottom: 18px; }
    .nav__social, .site__toggle { margin-top: 0; }
    .foo__bottom { padding-top: 14px; padding-bottom: 14px; font-size: 14px; }
    footer .site__nav { -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; }
    footer .site__nav li { width: 100%; }
    footer .site__nav li:not(:first-child)::before { display: none; }
    .site__nav li:first-child, .site__nav li:last-child, .site__nav li { padding: 0; }
    .nav__logo img, .site__logo img { width: 150px; }
    header .site__nav li a:hover { color: #ffffff; }
    footer .site__nav-main li { border-bottom: 1px solid #f2f2f0; }
    footer .site__nav-main li a { padding-top: 6px; padding-bottom: 6px; }
    .contact__us-list li + li { margin-left: 30px; }
}

@media only screen and (max-width: 767px) {
    h1, .h1 { font-size: 50px; line-height: 60px; }
    h2, .h2 { font-size: 34px; line-height: 46px; }
    h3, .h3 { font-size: 24px; line-height: 36px; }
    .hero__slide { padding-top: 90px; padding-bottom: 130px; }
    .site__section { padding-top: 60px; padding-bottom: 60px; }
    .section__art::before, .outer__box-line::before { height: 36px; }
    .nav__social li { padding-left: 8px; padding-right: 8px; }
    .inner__box { padding: 20px; }
    .outer__box { margin-top: 10px; }
    .square__list { padding-left: 15px; }
    footer .site__nav { padding-top: 10px; padding-bottom: 10px; }
    .nav__social, .site__toggle { min-width: 100px; }
    .contact__us-list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .contact__us-list li { min-width: 100%; text-align: left; font-size: 18px; }
    .contact__us-list li a { text-align: center; }
    .contact__us-list li + li { margin-left: 0; margin-top: 20px; }
    .contact__us i { width: 44px; height: 44px; line-height: 42px; font-size: 26px; }
}

@media only screen and (max-width: 639px) {
    h1, .h1 { font-size: 40px; line-height: 52px; }
    h1 br, .h1 br { display: none; }
}

@media only screen and (max-width: 459px) {
    .nav__social li { padding-left: 5px; padding-right: 5px; }
    h1, .h1 { font-size: 44px; line-height: 56px; }
    h2, .h2, h3, .h3 { padding-left: 12px; }
    h2, .h2 { font-size: 30px; line-height: 42px; }
    h3, .h3 { font-size: 22px; line-height: 34px; }
    .nav__social, .site__toggle { min-width: 87px; }
    header .nav__logo { min-width: 150px; }
    footer .site__section { padding-top: 45px; padding-bottom: 45px; }
    .fly { right: 10px; bottom: 26px; }
    .inner__box .square__list { padding-left: 0; }
}

@media only screen and (max-width: 359px) {
    h1, .h1 { font-size: 38px; line-height: 50px; }
    h2, .h2 { font-size: 28px; line-height: 40px; }
    h3, .h3 { font-size: 20px; line-height: 32px; }
    .nav__social, .site__toggle { min-width: 0; }
    .nav__logo img, .site__logo img { width: 100px; }
    header .nav__logo { min-width: 0; }
    .square__list { padding-left: 0; }
    .toggle__item, .toggle__item::before, .toggle__item::after { width: 36px; right: 0; }
    header .nav__social li { font-size: 14px; }
    .contact__us-list li { font-size: 16px; }
    .contact__us i { width: 34px; height: 34px; line-height: 32px; font-size: 20px; }
    .contact__us i { margin-right: 10px; }
}