:root {
	--font-proxima-nova-blackit: 'Proxima Nova BlackIt';
	--font-proxima-nova-bold: 'Proxima Nova Bold';
	--font-proxima-nova-light: 'Proxima Nova Light';
	--font-proxima-nova-Black: 'Proxima Nova Black';
	--font-proxima-nova-boldit: 'Proxima Nova BoldIt';
	--font-proxima-nova-extrabold: 'Proxima Nova ExtraBold';
	--font-proxima-nova-regular: 'Proxima Nova Regular';
	--font-proxima-nova-semibold: 'Proxima Nova Semibold';
	--font-inter: "Inter", sans-serif;
}


body {padding: 0px; margin: 0px; font-family: var(--font-inter); font-weight: var(--font-weight-400); font-size: 16px; line-height: 24px;}

a, a:hover {text-decoration: none;}

h1, h2, h3, h4, h5, h6, p {padding: 0px; margin: 0px;}

.container {max-width: 1260px;}


/* Header */
header {display: block; background: #fff; padding: 15px 0; position: absolute; top: 0px; left: 0px; right: 0px;}
header .logo {display: block; width: 200px;}
header .logo img {display: block;}
header .phone-text {display: flex; flex-wrap: wrap; align-items: center; gap: 16px;}
header .phone-text span {display: block; font-weight: 600; font-size: 18px; line-height: 22px; letter-spacing: 0.1px; color: #012C6B;}
header .phone-text a {display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px 16px; gap: 8px; background: #1D84E7; border-radius: 8px; font-weight: 700; font-size: 18px; line-height: 22px; letter-spacing: 0.1px; color: #FFFFFF;}
header .phone-text a span {color: #FFFFFF;}
header .phone-text a .icon svg {display: block; stroke: #fff;}


/* Hero Section */
.hero-section {display: block; padding: 177px 0 372px;  background: url(../images/hero-bg.jpg) center top no-repeat; background-size: cover;}
.hero-section h1 {display: block; font-family: var(--font-proxima-nova-bold); font-size: 88px; line-height: 120%; text-align: center; letter-spacing: -0.025em; background: linear-gradient(180deg, #1D84E7 27.78%, #012C6B 116.67%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; margin-bottom: 32px;}
.hero-section h1 span {display: block; font-family: var(--font-proxima-nova-regular); font-size: 82px;}
.hero-section ul.hero-list {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 32px; margin: 0px; padding: 0px; list-style: none;}
.hero-section ul.hero-list li {display: flex; flex-wrap: wrap; align-items: center; gap: 16px; font-family: var(--font-proxima-nova-bold); font-size: 24px; line-height: 150%; color: #012C6B;}
.hero-section ul.hero-list li .icon {display: block;}
.hero-section ul.hero-list li .icon svg {display: block; stroke: #07CF7D;}

.hero-section .quote-form {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; margin-top: 48px;}
.hero-section .quote-form .form-control {display: flex; flex-direction: row; align-items: center; padding: 14px 20px; gap: 8px; width: 562px; background: #FFFFFF; border: 2px solid #1D84E7; border-radius: 8px; font-family: var(--font-proxima-nova-regular); font-size: 18px; line-height: 28px; color: #000; box-shadow: none;}
.hero-section .quote-form .button {display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 16px 32px; width: 306px; background: #012C6B; border-radius: 8px; font-family: var(--font-proxima-nova-bold); border: 0px; font-size: 18px; line-height: 28px; text-align: center; color: #FFFFFF;}


/* Homeowners Section */
.homeowners-section {display: block; margin-top: -243px; margin-bottom: 100px; position: relative;}
.homeowners-section .container {max-width: 1424px;}
.homeowners-section .homeowners-bg {display: block; background: #1D84E7; box-shadow: 0px 21px 62px rgba(0, 0, 0, 0.137548); border-radius: 32px; padding: 39px 53px 43px;}
.homeowners-section h2 {display: block; font-family: var(--font-proxima-nova-bold); font-size: 48px; line-height: 56px; color: #FFFFFF; margin-bottom: 27px;}
.homeowners-section .homeowners-card {display: flex; flex-direction: row; align-items: flex-start; padding: 32px; gap: 20px; background: #1A7AD7; border-radius: 16px;}
.homeowners-section .homeowners-card .homeowners-icon {display: block; width: 40px;}
.homeowners-section .homeowners-card .homeowners-icon svg {display: block; stroke: #012C6B;}
.homeowners-section .homeowners-card .homeowners-content {display: block; width: calc(100% - 60px);}
.homeowners-section .homeowners-card .homeowners-content h4 {display: block; font-family: var(--font-proxima-nova-bold); font-size: 16px; line-height: 19px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 10px;}
.homeowners-section .homeowners-card .homeowners-content p {display: block; font-family: var(--font-proxima-nova-regular); font-size: 16px; line-height: 22px; color: #FFFFFF;}


/* Roofing Solutions Section */
.roofing-solutions-section {display: block; padding: 0 0 60px;}
.roofing-solutions-section .roofing-img {display: block;}
.roofing-solutions-section .roofing-img img {display: block; border-radius: 16px;}
.roofing-solutions-section .roofing-content {display: block;}
.roofing-solutions-section .roofing-content h5 {display: block; font-family: var(--font-proxima-nova-semibold); font-weight: 600; font-size: 15px; line-height: 34px; letter-spacing: 2.25px; color: #1D84E7;}
.roofing-solutions-section .roofing-content h3 {display: block; font-family: var(--font-proxima-nova-bold); font-size: 56px; line-height: 64px; letter-spacing: -1.12px; color: #012C6B; margin-bottom: 30px;}
.roofing-solutions-section .roofing-content ul.list {display: flex; flex-wrap: wrap; gap: 18px; margin: 0px; padding: 0px; list-style: none;}
.roofing-solutions-section .roofing-content ul.list li {display: flex; flex-wrap: wrap; align-items: center; font-family: var(--font-proxima-nova-regular); font-size: 20px; line-height: 24px; color: #606E7B; width: 100%; position: relative; padding-left: 40px;}
.roofing-solutions-section .roofing-content ul.list li span {font-family: var(--font-proxima-nova-semibold); font-weight: 600; margin-right: 6px;}
.roofing-solutions-section .roofing-content ul.list li .icon {display: block; width: 24px; position: absolute; top: 50%; transform: translateY(-50%); left: 0px;}
.roofing-solutions-section .roofing-content ul.list li .icon svg {display: block; stroke: #07CF7D;}


/* Testimonial Section */
.testimonial-section {display: block; padding: 0 0 60px;}
.testimonial-section .testimonial-bg {display: block; padding: 45px 54px; background: #F5F7F9; border-radius: 32px;}
.testimonial-section .testimonial-img {display: block;}
.testimonial-section .testimonial-img img {display: block; border-radius: 16px;}
.testimonial-section .testimonial-content {display: block;}
.testimonial-section .testimonial-content h3 {display: block; font-family: var(--font-proxima-nova-regular); font-size: 36px; line-height: 130%; color: #002146; margin-bottom: 13px;}
.testimonial-section .auther-boxs {display: flex; flex-wrap: wrap; gap: 16px; align-items: center;}
.testimonial-section .auther-boxs .auther-img {display: flex; flex-wrap: wrap; width: 65px;}
.testimonial-section .auther-boxs .auther-img img {border-radius: 50%; display: block;}
.testimonial-section .auther-boxs .auther-content {display: flex; flex-wrap: wrap; width: calc(100% - 81px); gap: 16px; align-items: center;}
.testimonial-section .auther-boxs .auther-content .auther-name {display: block; font-family: var(--font-proxima-nova-bold); font-size: 18px; line-height: 22px; text-transform: uppercase; color: #1D84E7;}


/* Common Problems Section */
.common-problems-section {display: block; padding: 0 0 100px;}
.common-problems-section h5 {display: block; font-family: var(--font-proxima-nova-semibold); font-weight: 600; font-size: 15px; line-height: 34px; letter-spacing: 2.25px; color: #1D84E7;}
.common-problems-section h2 {display: block; font-family: var(--font-proxima-nova-bold); font-size: 56px; line-height: 64px; letter-spacing: -1.12px; color: #002146; margin-bottom: 48px;}
.common-problems-section .common-card {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 32px; gap: 20px; background: #D1E6F9; border-radius: 24px;}
.common-problems-section .common-card .common-icon {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 40px;}
.common-problems-section .common-card .common-icon svg {display: block;}
.common-problems-section .common-card h4 {display: block; font-family: var(--font-proxima-nova-bold); font-size: 24px; line-height: 130%; text-align: center; letter-spacing: -1.12px; color: #002146;}


/* Recent Projects Section */
.recent-projects-section {display: block; padding: 0 0 8px;}
.recent-projects-section h4 {display: block; font-family: var(--font-proxima-nova-bold); font-size: 40px; line-height: 120%; letter-spacing: -1.12px; color: #1D84E7; margin-bottom: 40px;}
.recent-projects-section .recent-projects-item {display: block; padding: 0 4px;}
.recent-projects-section .recent-projects-item img {display: block;}
.recent-projects-section .slick-arrow {display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; width: 60px; height: 72px; background: #FFFFFF; left: 0px; top: 50%; transform: translateY(-50%); z-index: 1;}
.recent-projects-section .slick-arrow:before {display: none;}
.recent-projects-section .slick-arrow.slick-next {left: auto; right: 0px;}


/* Get Today Section */
.get-today-section {display: block; padding: 68px 0; background: linear-gradient(90deg, #005AB0 16.58%, #1D84E7 55.11%, rgba(29, 132, 231, 0) 96.72%), url(../images/get-bg.png) right center no-repeat; background-size: auto 120%;}
.get-today-section h3 {display: block; font-family: var(--font-proxima-nova-bold); font-size: 48px; line-height: 56px; color: #FFFFFF; margin-bottom: 8px;}
.get-today-section h4 {display: block; font-family: var(--font-proxima-nova-regular); font-size: 32px; line-height: 56px; color: #FFFFFF; margin-bottom: 32px;}
.get-today-section .quote-form {display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-bottom: 32px;}
.get-today-section .quote-form .form-control {display: flex; flex-direction: row; align-items: center; padding: 16px 32px 16px 20px; background: #FFFFFF; border: 1px solid #E6EBF1; border-radius: 8px; width: 562px; font-family: var(--font-proxima-nova-regular); font-size: 18px; line-height: 28px; color: #000; box-shadow: none;}
.get-today-section .quote-form .button {display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 16px 32px; width: 267px; background: #012C6B; border-radius: 8px; font-family: var(--font-proxima-nova-bold); border: 0px; font-size: 18px; line-height: 28px; text-align: center; color: #FFFFFF;}
.get-today-section .phone-text {display: flex; flex-wrap: wrap; align-items: center; gap: 16px;}
.get-today-section .phone-text span {display: block; font-family: var(--font-proxima-nova-semibold); font-weight: 600; font-size: 18px; line-height: 22px; letter-spacing: 0.1px; color: #FFFFFF;}
.get-today-section .phone-text a {display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px 16px; gap: 8px; border-radius: 8px; font-family: var(--font-proxima-nova-bold); font-size: 18px; line-height: 22px; letter-spacing: 0.1px; color: #FFFFFF;}
.get-today-section .phone-text a .icon svg {display: block; stroke: #fff;}


/* Footer */
footer {display: block; background: #002146; padding: 58px 0 54px;}
footer hr {display: block; border: 0; border-top: solid 1px #183E68; margin: 38px 0 33px;}
footer .logo {display: block;}
footer ul.social-menu {display: flex; flex-wrap: wrap; gap: 52px; margin: 0px; padding: 0px; list-style: none; align-items: center;}
footer ul.social-menu li {display: flex; flex-wrap: wrap; align-items: center;}
footer ul.social-menu li a {display: block;}
footer ul.social-menu li a svg {display: block;}
footer ul.privacy-menu {display: flex; flex-wrap: wrap; margin: 0px; padding: 0px; list-style: none; gap: 32px;}
footer ul.privacy-menu li {display: block; position: relative;}
footer ul.privacy-menu li:before {content: '|'; position: absolute; right: -18px; top: 0px; font-family: var(--font-proxima-nova-regular); font-size: 16px; line-height: 19px; letter-spacing: 0.1px; color: #C6D3E2;}
footer ul.privacy-menu li:last-child:before {display: none;}
footer ul.privacy-menu li a {display: block; font-family: var(--font-proxima-nova-regular); font-size: 16px; line-height: 19px; letter-spacing: 0.1px; color: #C6D3E2;}
footer ul.address-menu li a {display: block; font-family: var(--font-proxima-nova-regular); font-size: 16px; line-height: 19px; letter-spacing: 0.1px; color: #C6D3E2;}
footer ul.address-menu li {display: block; font-family: var(--font-proxima-nova-regular); font-size: 16px; line-height: 19px; letter-spacing: 0.1px; color: #C6D3E2;}


footer .copyright-text {display: block; font-family: var(--font-proxima-nova-regular); font-size: 16px; line-height: 19px; letter-spacing: 0.1px; color: #C6D3E2;}


/* Step */
.stepwizard {display: none; width: 100%; position: relative; margin-bottom: 20px;}
.setup-content {display: none;}
.setup-content.active {display: block;}
.modal .modal-dialog {max-width: 414px;}
.modal .modal-content {background: #D1E6F9; border-radius: 0px; border: 0px; padding: 13px 24px 40px;}


.setup-content h3 {display: block; font-family: var(--font-proxima-nova-bold); font-size: 24px; line-height: 32px; letter-spacing: -0.5px; color: #012C6B; margin-bottom: 8px;}
.setup-content p.text {display: block; margin: 9px 0 50px; font-family: var(--font-proxima-nova-semibold); font-weight: 600; font-size: 11px; line-height: 15px; color: #606E7B;}
.setup-content .prevBtn {display: block; border: 0px; border-radius: 0px; background: transparent; padding: 0px; width: 12px; height: 10px; line-height: 1;}
.setup-content .prevBtn svg {display: block;}
.setup-content .nextBtn {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: #012C6B; border-radius: 8px; padding: 16px 0; width: 100%; gap: 16px; font-family: var(--font-proxima-nova-bold); font-size: 18px; line-height: 28px; text-transform: uppercase; color: #FFFFFF; border: 0px; margin-top: 16px;}
.setup-content .progress {display: block; margin: 17px 0; height: 16px; background: #C6D3E2; font-family: var(--font-proxima-nova-bold); font-size: 10px; line-height: 12px; color: #FFFFFF;}
.setup-content .progress .progress-bar {height: 16px; border-radius: 10px; background: #1D84E7; text-align: right; padding: 0 7px;}
.setup-content .form-group {display: block; margin-bottom: 10px;}
.setup-content .form-group label.control-label {display: block; font-family: var(--font-proxima-nova-bold); font-size: 14px; line-height: 26px; color: #012C6B; margin: 0px;}
.setup-content .form-group .form-control {display: block; background: #FFFFFF; border-radius: 8px; border: 0px; font-family: var(--font-proxima-nova-regular); font-size: 14px; line-height: 26px; color: #012C6B; margin: 0px; padding: 7px 15px; box-shadow: none;}
.setup-content .thankyou-boxs {display: block; padding: 79px 19px 52px; text-align: center; position: relative;}
.setup-content .thankyou-boxs .close-btn {display: block; position: absolute; top: 3px; right: -8px; border-radius: 0px; border: 0px; background: transparent; width: 18px; height: 18px; padding: 0px; margin: 0px; line-height: 1;}
.setup-content .thankyou-boxs .close-btn svg {display: block;}
.setup-content .thankyou-boxs h3 {display: block; font-family: var(--font-proxima-nova-bold); font-size: 24px; line-height: 32px; color: #012C6B; margin: 0 0 7px;}
.setup-content .thankyou-boxs h4 {display: block; font-family: var(--font-proxima-nova-bold); font-size: 18px; line-height: 24px; color: #1D84E7; margin: 0 0 17px;}
.setup-content .thankyou-boxs p {display: block; font-family: var(--font-proxima-nova-regular); font-size: 20px; line-height: 28px; color: #012C6B; margin: 0;}



/* Responsive */
@media (max-width: 1439px) {
	.container {max-width: 1160px;}
	.homeowners-section .container {max-width: 100%;}
	.homeowners-section .homeowners-bg {padding: 39px 45px 43px;}
}

@media (max-width: 1199px) {
	.footer-first-row{
		gap:39px;
	}
	.container {max-width: 960px;}
	.hero-section h1 {font-size: 78px;}
	.hero-section h1 span {font-size: 72px;}
	.hero-section ul.hero-list li {font-size: 20px;}

	.homeowners-section .homeowners-bg {padding: 30px 35px;}
	.homeowners-section .homeowners-card {padding: 22px;}

	.testimonial-section .testimonial-bg {padding: 35px 44px;}

	.common-problems-section .common-card {padding: 22px;}

	footer {padding: 48px 0;}
}

@media (max-width: 991px) {
	.footer-first-row{
		gap:39px;
	}
	.container {max-width: 720px;}
.about-content{    max-width: none !important;}
	.hero-section {padding: 150px 0 380px;}
	.hero-section h1 {font-size: 45px;}
	.hero-section h1 span {font-size: 36px;}
	.hero-section ul.hero-list {row-gap: 10px;}
	.hero-section ul.hero-list li {width: 100%; justify-content: center;}
	.hero-section .quote-form {margin-top: 32px;}
	.hero-section .quote-form .form-control {width: calc(100% - 260px);}
	.hero-section .quote-form .button {width: auto;}

	.homeowners-section {margin-top: -190px; margin-bottom: 50px;}
	.homeowners-section h2 {font-size: 24px; margin-bottom: 24px; line-height: 1.2;}
	.homeowners-section .homeowners-bg {padding: 30px 35px 10px; box-shadow: 0px 21px 62px rgba(0, 0, 0, 0.137548); border-radius: 16px;}
	.homeowners-section .homeowners-card {margin-bottom: 20px; padding: 32px;}

	.roofing-solutions-section {padding-bottom: 50px;}
	.roofing-solutions-section .roofing-img {margin-bottom: 30px;}
	.roofing-solutions-section .roofing-img img {width: 100%;}
	.roofing-solutions-section .roofing-content h5 {margin-bottom: 16px; line-height: 1;}
	.roofing-solutions-section .roofing-content h3 {font-size: 36px; margin-bottom: 16px; line-height: 1;}
	.roofing-solutions-section .roofing-content ul.list {gap: 14px;}

	.testimonial-section {background: #F5F7F9; padding: 50px 0;}
	.testimonial-section .testimonial-bg {background: transparent; padding: 0px; border-radius: 0px;}
	.testimonial-section .testimonial-img {margin-bottom: 30px;}
	.testimonial-section .testimonial-content h3 {font-size: 32px;}

	.common-problems-section {padding: 50px 0 34px;}
	.common-problems-section h5 {line-height: 34px; margin-bottom: 16px;}
	.common-problems-section h2 {font-size: 36px; line-height: 42px; margin-bottom: 16px;}
	.common-problems-section .common-card {flex-direction: row; justify-content: flex-start; padding: 24px 32px; margin-bottom: 16px;}
	.common-problems-section .common-card br {display: none;}

	.recent-projects-section {padding: 0 32px 50px;}
	.recent-projects-section h4 {font-size: 32px; margin-bottom: 24px;}

	.get-today-section h3 {font-size: 36px; line-height: 42px;}
	.get-today-section h4 {font-size: 24px; line-height: 32px;}
	.get-today-section .quote-form .form-control {width: calc(100% - 260px);}
	.get-today-section .quote-form .button {width: 244px;}

	footer {padding: 45px 0 40px;}
	footer .logo {text-align: center; margin-bottom: 38px;}
	footer ul.social-menu {justify-content: center;}
	footer hr {margin: 32px 0 18px;}
	footer ul.privacy-menu {justify-content: center; margin-bottom: 5px;}
	footer .copyright-text {text-align: center;}
}

@media (max-width: 767px) {
	.footer-first-row{
		gap:0;
	}
	ul.privacy-menu.address-menu {
    margin-bottom: 40px !important;
}
ul.privacy-menu.address-menu li {
    margin: 15px 0;
}
	.address-menu{
        margin-bottom: 5px;
        display: block !important;
        text-align: center;
	}
	footer ul.address-menu li:before{
		content:unset !important;
		
	}
	footer ul.address-menu li {
    display: block !important;
	
	}
	.container {max-width: 540px;}
.about-content{    max-width: none;}
	header .phone-text a {width: 50px; height: 50px; padding: 0px;}
	header .phone-text span.call-text {display: none;}
	header .phone-text a span.number {display: none;}

	.hero-section {padding: 116px 20px 306px;}
	.hero-section .quote-form .form-control {width: 100%;}
	.hero-section .quote-form .button {width: 100%;}

	.homeowners-section {margin-top: -135px;}

	.recent-projects-section .slick-dotted.slick-slider {margin: 0px; display: flex; flex-wrap: wrap;}
	.recent-projects-section .recent-projects-item {padding: 0px; height: 527px;}
	.recent-projects-section .recent-projects-item img {width: 100%; height: 100%; object-fit: cover; border-radius: 16px;}

	.recent-projects-section .slick-dots {position: relative; bottom: 0px; width: auto; margin: 13px 0 0; background: #F6F9FD; border-radius: 50px; padding: 20px 22px; display: flex; flex-wrap: wrap; gap: 8px;}
	.recent-projects-section .slick-dots li {margin: 0px; width: 16px; height: 16px; border-radius: 50%; background: #D1E6F9;}
	.recent-projects-section .slick-dots li button {display: none;}
	.recent-projects-section .slick-dots li.slick-active {background: #1D84E7;}

	.recent-projects-section .slick-arrow {left: auto; right: 62px; top: auto; transform: translateY(0); bottom: 0px; width: 55px; height: 55px; border-radius: 50%; background: #F6F9FD;}
	.recent-projects-section .slick-arrow svg {stroke: #1D84E7;}
	.recent-projects-section .slick-arrow.slick-disabled svg {stroke: #D1E6F9;}


	.get-today-section {padding: 40px 20px 293px; background: linear-gradient(180deg, #005AB1 14.72%, #1D84E7 44.44%, rgba(29, 132, 231, 0) 98.77%), url(../images/get-bg-mobile.png) center bottom no-repeat; background-size: 100% auto;}
	.get-today-section h3 {text-align: center;}
	.get-today-section h4 {text-align: center;}
	.get-today-section .quote-form .form-control {width: 100%;}
	.get-today-section .quote-form .button {width: 100%;}
	.get-today-section .phone-text {justify-content: center; gap: 8px;}

}

@media (max-width: 567px) {
	.container {max-width: 100%;}

	header {padding: 15px 12px;}
		header .logo {
			width: 200px;
		}
	.homeowners-section {padding: 0 8px;}    
	.hero-section{padding:80px 0 250px; }
	.homeowners-section .homeowners-bg {padding: 20px 20px 0;}

	.roofing-solutions-section {padding: 0 20px 50px;}
	.roofing-solutions-section .roofing-content ul.list li {font-size: 16px; line-height: 1.2;}

	.testimonial-section {padding: 50px 20px;}
	.testimonial-section .testimonial-img img {width: 100%;}
	.testimonial-section .auther-boxs .auther-content {gap: 6px;}
	.testimonial-section .auther-boxs .auther-content .auther-name {width: 100%;}

	.common-problems-section {padding: 50px 20px 34px;}
	.common-problems-section .common-card h4 {text-align: left; font-size: 20px;}

	.recent-projects-section .recent-projects-item {height: 280px;}

	
}

@media (max-width: 413px) {
	.testimonial-section .testimonial-content h3 {font-size: 28px;}
	.common-problems-section .common-card {padding: 20px 25px;}
	.common-problems-section .common-card h4 {font-size: 18px;}
	.get-today-section .phone-text a {padding: 0px;}
}
.roofing-content p{
	 font-family: var(--font-proxima-nova-regular);
font-weight: 400;
font-size: 16px;
leading-trim: NONE;
line-height: 26px;
letter-spacing: 0px;
color:#606E7B;
}
.about-content{
	max-width:510px;
}
.about-img{
	max-width:589px;
}