/* CSS Document */
.slider {
	height: 400px;
	background-image: url(../images/devices_banner.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.slider-text {
	width: 640px;
	margin: auto;
	text-align: center;
	color: var(--white);
	padding-top: 147px;
}
.slider-h1 {
	font-size: 70px;
	font-weight: 800;
	line-height: 105px;
	color: var(--white)
}
.sec1 {
	background-color: var(--white)
}
.sec2, .sec3 {
	background-color: var(--off-white)
}
.section-inner {
	padding: 60px 0 80px;
	width: 1280px;
	margin: auto;
}
.sec2 .section-inner {
	padding: 80px 0 0;
}
.dev-flex {
	display: flex;
}
.dev-exp, .gal-gap {
	flex-grow: 1;
}
.dev-left {
	width: 600px;
}
.dev-right {
	width: 620px;
	text-align: right;
}
.top-img {
	width: 600px;
	height: 600px;
	background-image: url(../images/inreach-ex.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.bot-gal {
	display: flex;
	margin-top: 20px;
}
.gal-img {
	background-image: url(../images/inreach-ex.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 120px;
	height: 120px;
	cursor: pointer;
	border: 1px solid #fff
}
.prod-title {
	margin-top: 60px;
	font-size: 52px;
	font-weight: 700;
	line-height: 50px;
	color: var(--blue)
}
.prod-sub-title {
	margin-top: 10px;
	font-size: 36px;
	line-height: 54px;
	color: var(--blue)
}
.prod-pr-out {
	margin: 20px 0 16px;
	display: flex;
}
.prod-price {
	font-size: 36px;
	font-weight: 800;
	line-height: 54px;
	color: var(--dark-green);
	flex-grow: 1;
	margin: 0 20px;
}
.prod-price-dis {
	font-size: 18px;
	color: #E51919;
	text-decoration: line-through;
	line-height: 54px;
}
.prod-desc-h1 {
	margin-top: 24px;
	font-size: 20px;
	font-weight: 700;
	color: var(--black);
}
.prod-desc-li {
	margin-top: 8px;
	color: var(--dark);
}
ul {
	padding: 0;
	list-style: none;
}
ul li::before {
	content: "\2022";
	color: var(--dark-green);
	font-weight: bold;
	display: inline-block;
	width: 20px;
}
.right-bot {
	margin-top: 48px;
	font-size: 18px;
	font-weight: 700;
	line-height: 43px;
	text-align: center;
}
.prod-btn, .bot-txt {
	width: 187px;
	height: 43px;
	border-radius: 40px;
	color: var(--white);
	background-color: var(--blue);
	cursor: pointer;
}
.att-out {
	margin: auto;
	width: 1004px;
	padding-bottom: 40px;
}
.att-in {
	display: flex;
	height: 176px;
}
.att-itm {
	width: 191px;
	padding: 16px;
	text-align: center;
	cursor: pointer;
	border: 3px solid var(--off-white);
	border-radius:8px;
}
.att-gap {
	flex-grow: 1;
}
.attr-img {
	width: 100px;
	height: 100px;
	margin: auto;
	background-image: url(../images/att_img1.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100px;
}
.itm2 {
	background-image: url(../images/att_img2.svg);
}
.itm3 {
	background-image: url(../images/att_img3.svg);
}
.itm4 {
	background-image: url(../images/att_img4.svg);
}
.attr-txt {
	margin-top: 8px;
	font-size: 24px;
	line-height: 36px;
	color: var(--blue);
}
.line {
	height: 1px;
	border-bottom: 1px solid #E3E3E3;
	margin-bottom: 40px 0;
}
.sec-low {
	margin: auto;
}
.sel-low-in {
	display: flex;
	height: 133px;
}
.sec3 .section-inner {
	padding: 40px 0 80px;
	width: 1004px;
	margin: auto;
	display: flex;
}
.dev-exp {
	flex-grow: 1;
}
.dev-itm {
	width: 186px;
	transition: .2s all;
}
.dev-img {
	height: 90px;
	width: 90px;
	margin: auto;
	background-image: url(../images/devices_img1.png);
	background-size: cover;
	background-repeat: no-repeat;
	transition: .2s all;
}
.dev2 {
	background-image: url(../images/devices_img2.png);
}
.dev3 {
	background-image: url(../images/devices_img3.png);
}
.dev4 {
	background-image: url(../images/devices_img4.png);
}
.dev5 {
	background-image: url(../images/devices_img5.png);
}
.dev6 {
	background-image: url(../images/devices_img6.png);
}
.dev-txt {
	margin-top: 16px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 27px;
	color: var(--dark);
}
.mikk {
	border: 1px solid #ccc
}
.sec-low {
	display: none;
}
.sec-low[data-id="4"] {
	display: block;
}
.act-low {
	background-color: var(--off-white);
}
.act-overflow {
	margin: auto;
	width: 1216px;
	padding-bottom: 80px;
}
.act-outer {
	padding-top: 40px;
	display: flex;
}
.dev-itm:hover {
	transform: scale(1.1)
}
.sel-dev {
	border: 3px solid var(--dark-green);
}
.menuLi:before{
	display:none;
}