* {margin:0;padding:0;}

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}



body {

	color: rgb(34, 34, 34);

	font-family: 'Mukta', sans-serif;

	font-size: 15px;

	text-align: left;

	line-height: 1.6em;

	background: #fff;

}



/*######## GLOBAL BLOCK POSITION ########*/



.block {

	position: relative;

	width: 100%;

	max-width: 1152px;

	padding: 0 14px;

	margin: 0 auto;

	z-index: 1

}



main > div, main > div.block {margin-bottom: 32px;}



/*-------- CHESS BLOCK --------*/

.chess {

	position: relative;

}

.chess > div {display: flex}

.chess div > div.img {

	position: relative;

	height: 500px;

	background: #d6d7c9;

	overflow: hidden;

  }

  .chess > div > div {

	width: 50%;

	flex-basis: 50%;

	align-self: center;

  }

  .chess > div > div.img img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: top;

	height: calc(100% + 60px);

  }



.chess > div:nth-child(2n) .img {

	order: 2;

  }



  .chess .btn {margin-top: 20px;}



  .blr {

	width: 100%;

	max-width: calc(1180px - 50%);

	padding: 0 20px;

  }

  .bll {

	width: 100%;

	max-width: calc(1180px - 50%);

	float: right;

	padding: 0 20px;

  }



  /*-------- Contacts --------*/



#contacts {

	display: flex;

	gap: 24px;

}

#contacts > div {

	width: 50%;

	flex-basis: 50%;

	align-self: center;

}

#contacts iframe {

	display: block;

	border-radius:12px;

}

.contact .blr {

	display: flex;

	justify-content: center;

	align-self: center;

	background: #c7c0a3;

}



.contact {

	display: flex;

	background: #c7c0a3;

	min-height: 500px;

	border-radius:12px;

}



#request {

	background: #c7c0a3;

	padding: 0;

	border: none;

	display: flex;

	border-radius:12px;

	overflow: hidden;

}

#request .icon {

	overflow: hidden;

	position: relative;

	width: 230px;

	background: #e8e8e0;

}

#request .icon img {

	position: relative;

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

	filter: grayscale(50%);

}

#request .icon::after {

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  content: "";

  background: #7c7d77b3;

  z-index: 9;

}

#request .cullus {

	padding: 20px;

	position: relative;

	width: calc(100% - 230px);

  }



#getquoteform .btn {width: 100%; margin-top: 18px; max-width: 350px;}



.open #request {

	max-width: 560px;

	margin: 0 auto;

	background: #fff !important;

	box-shadow: rgba(0, 0, 0, 0.28) 0px 8px 28px;

	border-radius: 12px;

}

.open .subtitle {

	border-bottom: 1px solid rgb(221, 221, 221);

	position: relative;

	margin: 0 -32px 24px -32px;

	padding: 0 32px 24px 32px;

}

.open #request .icon {display: none}

.open #request .cullus {width: 100%}



.open #request input, .open #request select {

	background: #fff;

	max-width: 100%;

	margin: 0;

	border: 1px solid rgb(170, 170, 170);

	border-bottom: none;

	border-radius: 0;

}

.open #getquoteform {margin-top: 24px}

.open #request select {border-bottom: 1px solid rgb(170, 170, 170);border-radius: 0 0 12px 12px}

.open #request .btn {width: 100% }

.open #request .formname {border-radius: 12px 12px 0 0 }







/*######## FONT / CONTENT ########*/

h1 {

	font-size: 26px;

}

h2 {

	font-size: 22px;

	padding-bottom: 12px;

}

h4 {

	font-size: 22px;

	padding-bottom: 12px;

}



.title {

	display: block;

	font-family: "Fugaz One", cursive;

	font-size: 40px;

	font-weight: 800;

	line-height: 1.3;

	text-transform: uppercase;

	color: rgb(34, 34, 34)

}



.smtitle, #content h3 {

	display: block;

	font-size: 18px;

	margin-bottom: 20px;

	margin-left: 16px;

	font-family: "Fugaz One",cursive;

	font-weight: 400;

	color: rgb(34, 34, 34)

}

.subtitle, #content h2 {

	display: block;

	font-family: "Fugaz One", cursive;

	font-size: 20px;

	font-weight: 500;

	line-height: 1.3;

	color: rgb(34, 34, 34);

	text-transform: uppercase;

}

.moretitle {

	font-weight: bold;

	text-transform: uppercase;

	padding-top: 6px;

}

#content h2:nth-last-child{padding-top: 12px;}





/*######## interactive ########*/



a {text-decoration:none;color: inherit;}

a:hover {text-decoration:underline}

.btn {

	border: none;

	display: inline-block;

	text-align: center;

	vertical-align: middle;

	cursor: pointer;

	white-space: nowrap;

	padding: 17px 30px 13px 30px;

	font-size: 16px;

	line-height: 1.428571429;

	border-radius: 8px;

	text-transform: uppercase;

	font-family: "Fugaz One", cursive;

	font-weight: 500;

	background: black;

	color: #fff;

	text-decoration: none;

	letter-spacing: 1px;

	min-width: 240px;

}

.btn:hover {text-decoration: none}



.btn.invers {

	background: #fff;

	color: #000;

}

.btn.border {

	background: transparent;

	border: 1px solid #000;

	background: #fff3;

	color: #000

}

.btn.border.invers {

	border: 1px solid #fff;

	background: #0003;

	color: #fff;

}



.btn.request {margin-top: 14px;}





.btn-round {

	border: 1px solid #000;

	display: inline-block;

	text-align: center;

	vertical-align: middle;

	cursor: pointer;

	white-space: nowrap;

	padding: 16px 30px 12px 30px;

	font-size: 16px;

	line-height: 1.428571429;

	border-radius: 8px;

	text-transform: uppercase;

	font-family: "Fugaz One", cursive;

	font-weight: 500;

	margin: 24px 0 0 0;

	background: #fff;

	color: #000;

	text-decoration: none;

	letter-spacing: 1px;

}

.nonebtn {

	background: transparent;

	border: none;

	font-size: 13px;

	font-weight: bold;

	cursor: pointer;

	display: block;

	text-align: right;

}

input, select, textarea, #request .button {

	display: block;

	color: #000;

	border: none;

	border-radius: 8px;

	padding: 15px 30px;

	margin: 18px 0 0 0;

	font-size: 14px;

	background: #fff;

	width: 100%;

	max-width: 350px;

	min-height: 47px;

	height: 47px

}

select {cursor: pointer}



/*######## global BLOCK - header, footer... ########*/



.head {

	position: relative;

	height: 80px;

	padding: 0 10px;

	width: 100%;

	z-index: 100;

	border-bottom: 1px solid #ccc;

}



.head .logo img {margin-left: 0;}

.head .logo {float:left;margin-top: 15px;}

.head .logo img {display: block;height: 50px;}

.roundgroup {

	color: #fff;

	float: right;

	margin-top: 13px;

	margin-left: 30px;

}

.head .ico {display: none;}



     /*menu*/

.mainmenu {

	position: relative;

	float: right;

	margin: 30px 0 0 0;

    color:#fff;

}



.mainmenu ul {padding: 0;}

.mainmenu li.parent span {cursor:pointer}

.mainmenu li {

	display: inline-block;

	font-size: 16px;

	padding: 0 0 12px 0;

	margin-right: 18px;

}

.mainmenu li a {

	color: inherit;

}

.mainmenu > ul > li > a, .mainmenu > ul > li > span {

  text-transform: uppercase;

  font-family: "Fugaz One",cursive;

  font-weight: 400;

  color: #000

}

.mainmenu > ul > li > ul {

	display: none;

	position: absolute;

	left: 0;

	top: 0;

	min-width: 200px;

	background: #FFF;

	margin-top: 35px;

	z-index: 999999;

	padding: 14px;

	padding-bottom: 18px;

	box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;

	border-radius: 12px;

}

.mainmenu > ul > li > ul li {

  display: block;

  width: 100%;

}

.mainmenu a:hover {text-decoration:none}

.mainmenu > ul > li > ul span {

  display: block;

	border-bottom: 1px solid rgb(221, 221, 221, 0.26);

	padding-bottom: 6px;

	margin-bottom: 6px;

	text-transform: uppercase;

	font-family: "Fugaz One",cursive;

	font-weight: 400;

}



.mainmenu > ul > li:last-child {padding-bottom: 0;} 

.mod-menu__sub {color:#000;}







/***video***/

.popapvideo {

	position: relative;

	padding-bottom: 54%;

	height: 0;

	overflow: hidden;

	max-width: 100%;

	border-radius: 7px;

	cursor: pointer;

	box-shadow: 0 4px 8px rgba(0,0,0,.2);

}

.popapvideo img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

}

.popapvideo > span {

	display: block;

	width: 100%;

	position: absolute;

	color: #fff;

	top: 0;

	left: 0;

	padding: 10px 20px;

	text-align: left;

	font-weight: 600;

	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);

	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);

	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );

}

.popapvideo:after {

  position: absolute;

  background: transparent url("https://argowindowrepair.com/images/site/youtube.png") 53% 50% no-repeat;

  content: '';

  font-size: 14px;

  width: 64px;

  height: 45px;

  right: 50%;

  top: 50%;

  margin: -27px -27px 0 0;

}



.closevid {cursor:pointer}

.open {

	position: fixed;

	top: 0;

	left: 0;

	margin: 0;

	width: 100%;

	height: 100%;

	z-index: 9999;

	overflow-y: auto;

	background: rgba(34, 34, 34, 0.6);

	padding: 130px 36px;

}

.hvid .video {

	position: relative;

	text-align: center;

	max-width: 720px;

	margin: 0 auto;

}

.thumb-wrap {

	position: relative;

	padding-bottom: 56.25%;

	height: 0;

	overflow: hidden;

	border-radius: 6px;

}

.close {

	display: none;

	cursor: pointer;

	position: absolute;

	top: 32px;

	right: 32px;

	z-index: 9

}

.open .close {display: block}



/***background***/

.bg {

    position: relative;

    overflow: hidden;	

}

.bg > img {

  position: absolute;

  width: 100%;

  object-fit: cover;

  height: calc(100% + 200px);

  z-index: -2;

}

.bg.black:after {

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	content: "";

	background: #1f221fcc;

	z-index: -1;

}



.bg.white:after {

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	content: "";

	background: #1f221fcc;

	z-index: -1;

}



.cl {

	background: #e8e8e0;

	padding: 32px 0;

}

/*######## freeestimate... ########*/



#freeestimate, #estimate, #nearme {text-align: center;}



/*-------global swiper -------*/



body .swiper-pagination-bullet {

	width: 24px;

	height: 6px;

	border-radius: 2px;

	background: #c7c0a3;

	opacity: 1;

}

body .swiper-pagination-bullet-active {background: #000;}





/*-------review -------*/



.swiper-review .swiper-button-next, .swiper-review .swiper-button-prev {display: none;}



/*-------footer-------*/



.footer {background: #e8e8e0;padding: 40px 16px 0 16px;}

.footer .block {display: flex;flex-wrap:wrap;gap:20px;justify-content: space-between;}

.footer h3.smtitle {color: rgb(113, 113, 113)}

.footer li {font-weight: bold;display: block;margin-bottom: 14px}

.footer li li {font-weight: normal; padding-left: 14px;margin-bottom: 0}

.footer .smtitle {margin-left: 0;}

.footer .contacts {display: flex;flex-direction: column;background: #e8e8e0;}

.footer .contacts span {padding-left: 10px;}

.footer-menu ul {padding: 0;}





.footer-container { display: flex;justify-content:space-between;width:73%;gap:30px;} 

.footer-location {border-bottom: 1px solid #c7c0a3;padding-bottom: 24px;margin-bottom: 24px;}

.footer-location a {display: none}

.footer-location ul ul ul li {display: inline-block}

.footer-location li {display: block}

.footer-location ul ul ul a {

	display: block;

	color: rgb(113, 113, 113);

	padding: 0 12px 12px;

}





.copyright {

  border-top: 1px solid #c7c0a3;

  padding: 14px 0;

  font-size: 14px;

  color: rgb(113, 113, 113)

}



.copyright-box {

	display: flex;

	justify-content: space-between;

	width: 100%;

}

.copyright a {

	color: rgb(113, 113, 113)

}

.copyright ul {

  display: flex;

  gap: 20px;

}

.copyright ul li {

  display: inline-block;

  margin: 0;

}



.privacy {

	display: flex;

	justify-content: space-between;

	gap: 20px;



}





@media (min-width:768px){

	.mainmenu ul li:hover ul {display: block};

}



@media (max-width:767px){

	

	main > div, main > div.block {margin-bottom: 24px;}

	.cl {padding: 24px 0;}

	.head {height: 64px;}

	.head .block {padding: 0}

	.head .logo{margin-left: 40px;margin-top: 10px}

	.head .logo img {height: 45px;}

	.block > .roundgroup {margin-left:0;width: auto}

	.block > .roundgroup .btn {min-width: auto}

	.swiper-pagination-bullet {background: rgb(34, 34, 34);width: 20px;border-radius: 2px;height: 6px;margin: 0}





	.mainmenu {position: absolute;top: 18px;}

	.mainmenu > ul > li > ul {position: relative;}

	.mainmenu > ul > li > ul {margin-right: 14px;}

	.mainmenu ul > ul > ul li {border-bottom:none;}

	.mainmenu > ul > li > ul {background: #fff;}

	.mainmenu > ul > li > ul {padding-bottom: 0;padding-top: 12px;margin-top: 0;}

	.mainmenu {width: 100%;}



	.mainmenu ul {

		display: none;

		background: #fff

	}

	.mainmenu ul.show {

		display:block

	}

	.mainmenu > ul.show {

		background: #e8e8e0;

		color: #000;

		top: 44px;

		border-radius: 12px;

	}

	.mainmenu ul.show  li {

		position:relative;

		width: 100%;

		height: auto;

		padding-left: 16px;

		}



	li.parent:before {cursor: pointer}

	.mainmenu .item-102:before {

		position: absolute;

		top: 14px;

		right: 20px;

		width: 7px;

		height: 7px;

		border-bottom: 1px solid #000;

		border-right: 1px solid #000;

		content: "";

		-webkit-transform: rotate(45deg);

		-moz-transform: rotate(45deg);

		-ms-transform: rotate(45deg);

		-o-transform: rotate(45deg);

		transform: rotate(45deg);

		-webkit-transition: border-color 0.2s ease;

		-moz-transition: border-color 0.2s ease;

		-ms-transition: border-color 0.2s ease;

		-o-transition: border-color 0.2s ease;

		transition: border-color 0.2s ease;

		background: transparent;

  	}

	.mainmenu > ul.show > li > a, .mainmenu > ul.show > li > span {    

		display: block;

		padding: 10px 0;

		border-bottom: 1;

		border-bottom: 1px solid rgba(34, 34, 34, 0.1);

		margin-right: 14px;

	}



	#menu-button {

		display: block;

		position: absolute;

		width: 30px;

		height: 22px;

		color: #000000;

		cursor: pointer;

		font-size: 12px;

		text-transform: uppercase;

		text-align: left;

		top: -26px;

		left: 0;	

	}



	#menu-button::before {

		content: '';

		position: absolute;

		top: 0;

		left: 0;

		display: block;

		width: 24px;

		height: 21px;

		border-top: 3px solid #000;

		border-bottom: 3px solid #000;

	}



	#menu-button::after {

		content: '';

		position: absolute;

		top: 9px;

		left: 0;

		display: block;

		width: 30px;

		height: 3px;

		background: #000;

	}

	

	#menu-button .btn {

		transition: .3s;

		color: #fff;

		border: 2px solid #fff;

		border-radius: 42px;

		padding: 2px 8px;

		margin: 14px -60px;

		font-size: 8px;

		background: transparent;

		cursor: pointer;

		text-transform: none;

		font-weight: 400;

	}



	.chess {

		display: flex;

		flex-direction: column;

	}

    .chess > div {

		margin-bottom: 20px;

		flex-direction: column;

	}

	.chess > div > div {

		padding: 20px 20px 0 20px;

	}

	.chess > div > div {

        width: 100%;

    }

	.chess div > div.img {height: 200px;flex-basis: 200px;}

	.blr, .bll {padding: 0px;}

	.chess > div:nth-child(2n) .img {order: 0;}

	

	#awards {display: block}

	#contacts {

		flex-direction: column;

		padding: 0;

		gap: 0;

	}



	#contacts > div {

		width: 100%;

		padding: 0;

	}

	.contact {min-height: auto;}

	#detailed > #uprequest {margin: 0 0 32px}

	#request {display: block;}

	#request .cullus {margin: 0 auto; padding:32px 14px; align-self: center;text-align: center;max-width: 350px;}

	#request .icon, #request .cullus{width: 100%; margin: 0 auto}

	#request .icon {max-height:200px}

	.after {

		display: none;

	}



	.footer {

		padding: 0;

	}



	.footer .row {

		display: flex;

		flex-wrap: wrap;

		gap: 0;

		padding:10px;

	}



	.footer .row > div > ul {

		padding-left: 0;

	} 



	.footer .row > div > h3 {

		margin-bottom: 8px;

	}



	.block.copyright {

		padding:8px 0;

	}



	.copyright-box {display: flex;flex-direction: column;}

	.copyright-box ul {

		display: flex;

		justify-content: center;

		gap:15px;

		order: 1;

		margin-bottom: 6px;

		padding-left: 0;

	}



	.privacy {

		justify-content: center;

		order: 2;

	}



	.copyright-box span {

		text-align: center;

		order: 3;

	}

}



@media (max-width:440px){



	.block {padding: 14px;}

	.cl {padding:14px 0;}

	.title {font-size: 30px;}

	.btn {padding: 10px 20px 7px 20px;}



	.head .ico {

		display: block;

		position: absolute;

		top: 12px;

		right: -5px;

	}

	.mainmenu li {padding:0;}

	.mainmenu > ul.show > li > a, .mainmenu > ul.show > li > span  {

		margin: 0 20px 0 0;

	}

	.mainmenu > ul > li > ul {padding-bottom: 18px;}

	.mainmenu > ul li:nth-child(2) ul li {padding-left: 0;}

	.chess > div {

		flex-direction: column;

	}

	.chess .btn {

		display: block;

		margin: 16px auto 0;

	}



	.freeestimate {margin: 0 0 20px 0;padding: 10px;}

	.freeestimate .title{padding-bottom: 0;}

	.freeestimate .subtitle{font-size: 16px;}

	.freeestimate .btn {

		display: block;

		margin: 5px auto 0;

		padding: 10px 20px 7px 20px;

	}

	.nearme .title {padding-bottom: 0;}

	.nearme .subtitle {font-size: 16px;}

	.nearme .btn {margin: 8px auto 0;}

	#getquoteform .btn {padding: 14px 30px 10px 30px;}

	#request .cullus {padding: 32px 16px;}

	footer {margin-top: 25px;}



	footer .row > div > ul {

		display: flex;

		flex-direction: column;

		padding-left: 0;

	}



	footer .row li {margin-bottom: 5px;}



	.footer-container {

		display: flex;

		flex-direction: column;

	}



	.footer-container .services ul {padding-left: 0;}

	footer .row {padding: 24px 30px;}



}