@font-face {
  font-family: 'Segoe UI';
  src: url('../fonts/SegoeUI-Light.eot');
  src: local('Segoe UI Light'), local('SegoeUI-Light'),
    url('../fonts/SegoeUI-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SegoeUI-Light.woff') format('woff'),
    url('../fonts/SegoeUI-Light.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}


@font-face {
  font-family: 'Segoe UI';
  src: url('../fonts/SegoeUI-SemiBold.eot');
  src: local('Segoe UI Semibold'), local('SegoeUI-SemiBold'),
    url('../fonts/SegoeUI-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SegoeUI-SemiBold.woff') format('woff'),
    url('../fonts/SegoeUI-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI';
  src: url('../fonts/SegoeUI.eot');
  src: local('Segoe UI'), local('SegoeUI'),
    url('../fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SegoeUI.woff') format('woff'),
    url('../fonts/SegoeUI.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@charset 'utf-8';

:root {
  --primary-color: #13202a;
  --accent-color: #91ebf0;
  --secondary-color: #75a3c3; 
  --text-color: #1d9ba2; 
  --back-color: #bed2e0;
  --gray-color: #eee;
}


/* переназначение имеющихся элементов */

body {
  min-width: 1210px;
}

.logo {
    background: url("../img/pro_duo_corner_logo.png") no-repeat left top;
}

.header__micro-anons li, .header__micro-anons li a  {
  color: var(--text-color);
    
}

.header__menu {
  background-color: #000;
}

svg, #bottom {
  box-sizing: content-box;
}

#bottom {
    background-image: url('../img/bot_crn.gif');
	min-width: 0;
}
#botlinks {
  background-color: black;
  height: 28px;
}

#credits #labels {
	width: 110px;
	overflow: hidden;
}

#credits {
	overflow: hidden;
}

#credits #labels img {
	margin: 18px 5px;
}

@media (max-width: 992px) {
	#botlinks a {
		display: none;
	}
}

.row {
  margin-bottom: 30px;
}

div.header {min-width: 0;}
div.header__micro-anons {
  right: 15px;
}

.header__menu {
  background-image: url("../img/hmenu_right.png");
  background-position: top right; 
}
@media (max-width: 576px) { 
	div.header {height: 245px;}
	div.header__micro-anons {
	  left: 0px;
	  top: 160px;
	  width: 100%;
	  text-align: center;
	
	
	}
	
	.upper__social, .upper__search, .header__menu {
		display: none;
	}


	
	.header__menu ul {
		display: none;
	}
}






/* типографика */

body, p {
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 200;
}

a:hover {text-decoration: none;}




/* шапка */

#main_header {
  position: relative;
  width: 100%;
  height: 570px;
  background-color: var(--back-color);
  background-image: url('../img/corner_tl.png'), url('../img/pro_duo_back.jpg');
  background-position: top left, center center;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, 100% 570px; 
}

#main_header .container {
  position: relative;
}

#main_image {
  position: absolute;
  top: 0;
  right: 0;
}

#asus_logo {
  position: absolute;
  top: 25px;
  right: 30px;
  width: 110px;
  height: auto;
}


.header_text {
  margin-top: 170px;
  text-align: center;

}

#product_logo {
  width: 370px;
  height: auto;
  display: inline-block;
  margin-bottom: 10px;
}

.header_text h1 {
  font-size: 36px;
  letter-spacing: 0.03em;
  color: white;
  margin-bottom: 90px;
}

.header_text .bullet_point {
  position: relative;
  display: block;
}

.header_text .bullet_point h4 {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid var(--accent-color);
  line-height: 42px;
  font-size: 20px;
  margin: 0 auto;
  vertical-align: top;
  font-weight: 400;
  color: var(--accent-color);
  background-color: transparent;
  transition: all 0.5s ease; 
}

.header_text .bullet_point:hover h4 {

line-height: 38px;
background-color: var(--primary-color);
border: 3px solid white;
color: white;
box-shadow: 0px 0px 6px 4px rgba(255,255,255,0.5);


}

.header_text .bullet_point h3 {
  position: absolute;
  top: 70px;
  left: 50%;
  width: 300px;
  text-align: left;
  font-size: 24px;
  line-height: 28px;
  color: var(--primary-color);
  opacity: 0;
  margin-left: -2px;
  transform: translateX(-10px);
  transition: all 0.5s ease; 

}

#bp5, #bp6 {
  left: initial;
  right: 50%;
  text-align: right;
  margin-right: -2px;
}

.header_text .bullet_point h3 strong {
   font-weight: 600;
}

.header_text .bullet_point:hover h3 {
  opacity: 1;
  transform: none;
}


/*    основные блоки     */


#main_content {
  background-image: linear-gradient(to bottom, var(--back-color) 0%, var(--primary-color) 20% );
  padding-top: 60px;
  padding-bottom: 30px;
}

#main_content h2 {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 24px;
}

#main_content h2 strong {
  display: inline-block;
  font-size: 48px;
  font-weight: 200;
  margin-bottom: 24px;
}

#main_content p {
  font-weight: 200;
  font-size: 14px;
  line-height: 18px;
}

#main_content p strong {
  font-weight: 600;
}

#block1text, #block2text, #block3text, #block4text, #block5text, #block6text {
 padding: 24px 15px;
}

#main_content .row {
  margin-bottom: 60px;
  color: white;
}

.specs {
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  margin-bottom: 30px;
}

.specs.hor {
  float: left;
  margin-right: 30px;
  margin-top: 30px;
}

.specs img {
  margin: 24px 0;
  
}

.specs.intel img {
  margin: 0;
}

.specs.dark img {
  mix-blend-mode: multiply;
}


.specs h5 {
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 10px 0 5px 0;
  letter-spacing: 0.01em;

}

.specs h5 span {
  font-weight: 200;
  font-size: 42px;
  letter-spacing: -0.05em;
}

#block1 p { color: var(--primary-color); }
#block1 h2, #block1 .specs h5 {color: #075cd1;}
#block2 h2, #block2 .specs h5 {color: #c75c3e;}
#block3 h2, #block3 .specs h5 {color: #1099cf;}
#block4 h2, #block4 .specs h5 {color: #89b0b4;}
#block5 h2, #block5 .specs h5 {color: #1e8631;}
#block6 h2, #block6 .specs h5 {color: #00b9ee;}


.carousel, .carousel-inner, .carousel-item {
height: 420px;
overflow: hidden;
}

.carousel-inner .carousel-item img {
  height: inherit;
  width: auto;
  margin-left: 50%;
  transform: translateX(-50%);
}

.carousel-inner .carousel-item iframe {
  height: inherit;
  width: inherit;
  margin-left: 50%;
  transform: translateX(-50%);
}

/*    таблица     */

.table h2 {
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 30px;
  margin-top: 30px;
  padding-left: 250px;
  color: var(--primary-color);
}

.table tr td {
  
  padding: 20px 0;
  font-weight: 200;
  font-size: 14px;
  line-height: 24px;
  border: none;
}

.table tr td:first-child {
  width: 250px;
  text-align: right;
  padding: 15px 30px 15px 0;
  font-weight: 200;
  font-size: 24px;
  line-height: 24px;
  border: none;
  color: var(--text-color);
}

.table thead td {
  
  padding: 20px 0;
  font-weight: 200;
  font-size: 18px;
  line-height: 18px;
  border: none;
  color: var(--primary-color);
}

.table tr:nth-child(even) {
  background-color: var(--gray-color);
}