/* 
https://jsfiddle.net/AlexanderT/bmuwLfqr/
http://bologer.ru/kak-sdelat-xlebnye-kroshki-na-sajte-s-pomoshhyu-css/


*/

#crumbs {
    text-align: center;
    padding-top: 130px;
    margin-bottom: -67px;
    /* display: block; */
    /* position: absolute; */
}

:root {
  --pink-50: #fed026;
  --pink-100: #f0c523;
  --pink-200: #f48fb1;
  --pink-300: #f06292;
  --pink-400: #000;
  --pink-700: #c2185b;
}

.breadcrumbs {
  list-style: none;
  display: flex;
  gap: 0.75rem;
  background: var(--pink-50);
  padding-top: 180px;
  padding-bottom: 31px;  
  z-index: 89;
}

.breadcrumbs-item {
  padding: 0.75rem 0.75rem 0.75rem 1.5rem;
  background: var(--pink-100);
  color: var(--pink-700);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 3px;
  position: relative;
}

.breadcrumbs-item::before,
.breadcrumbs-item::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 0.75rem;
  top: 0;
  left: 0;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.breadcrumbs-item::before {
  background: var(--pink-50);
}

.breadcrumbs-item::after {
  left: 100%;
  background: var(--pink-100);
}

.breadcrumbs-item:first-child {
  padding: 0.75rem;
  border-radius: 0.25rem 0 0 0.25rem;
}

.breadcrumbs-item:first-child::before {
  display: none;
}

.breadcrumbs-item:last-child {
  border-radius: 0 0.25rem 0.25rem 0;
}

.breadcrumbs-item:last-child::after {
  display: none;
}

.breadcrumbs-item span:hover,
.breadcrumbs-item span:hover::after {
  background: var(--pink-400);
  color: var(--pink-100);
}
.breadcrumbs-item:hover,
.breadcrumbs-item:hover::after {
  background: var(--pink-400);
  color: var(--pink-100);
}

.breadcrumbs li span{
  padding: 0.75rem 0.75rem 0.75rem 1.5rem;
  background: var(--pink-100);
  color: var(--pink-700);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 3px;
  position: relative;
}


/*	
#crumbs ul li a {
    display: block;
    float: left;
    height: 37px;
    background: #fed026;
    text-align: center;
    padding: 17px 40px 0 80px;
    position: relative;
    margin: 0 10px 0 0;
    font-size: 17px;
    text-decoration: none;
    color: #0b0b0b;
	z-index: 89;
}

#crumbs ul li a:after {
    content: "";
    border-top: 29px solid transparent;
    border-bottom: 26px solid transparent;
    border-left: 40px solid #fed026;
    position: absolute;
    right: -40px;
    top: 0;
	z-index: 1;
}
			
#crumbs ul li a:before {
    content: "";
    border-top: 30px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 39px solid #fed026;
    position: absolute;
    left: 0;
    top: 0;
	
}			
			

			

#crumbs ul li:first-child a {
	border-top-left-radius: 0px; 
	border-bottom-left-radius: 0px;
}
				#crumbs ul li:first-child a:before {
					display: none; 
				}
				
				#crumbs ul li:last-child a {
					padding-right: 80px;
					border-top-right-radius: 10px; border-bottom-right-radius: 10px;
				}
				#crumbs ul li:last-child a:after {
					display: none; 
				}
			
#crumbs ul li a:hover {
	background: #000;
		color: #fff;
}
#crumbs ul li a:hover:after {
	border-left-color: #000;
	color: #fff;
}
		


#crumbs ul li p {
    display: block;
    float: left;
    height: 37px;
    background: #fed026;
    text-align: center;
    padding: 17px 40px 0 80px;
    position: relative;
    margin: 0 10px 0 0;
    font-size: 17px;
    text-decoration: none;
    color: #0b0b0b;
	z-index: 89;	
}

#crumbs ul li p:after {
    content: "";
    border-top: 29px solid transparent;
    border-bottom: 26px solid transparent;
    border-left: 40px solid #fed026;
    position: absolute;
    right: -40px;
    top: 0;
	z-index: 89;
}
			
#crumbs ul li p:before {
    content: "";
    border-top: 30px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 39px solid #d4f2ff;
    position: absolute;
    left: 0;
    top: 0;
	z-index: 89;	
}

*/




/* box-2 */

		#new-2-w {
            width:100%;
            padding:0;
            margin:0;
            position:relative;
            background:#ffffff;
		}

        #new-2 {
            width:1140px;
            padding:90px 0 100px 0;
            margin:0 auto;
            position:relative;
            text-align:center;
		}

        .new-2-l {
            width:280px;
            padding:0;
            margin:0;
            position:relative;
            text-align:center;
            float:left;
        }

        .new-2-l img {
            width:250px;
            padding:0;
             margin:10px 0 0 10px;
            float:left;
            display:block;

        }

        #new-2 p {
            font-family: "GothamPro-R";
            font-weight:normal;
            font-style:normal;
            text-align:justify;
            font-size:19px;
            line-height:26px;
            width:760px;
            margin:10px 0 0 0;
            color:#000;
            cursor:default;
            float:left;

        }


        #new-2 p span {
            font-family: "GothamPro-B";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            text-transform:uppercase;
            font-size:18px;
            line-height:24px;
            padding:0;
            margin:0;
            color:#14191f;
            cursor:default;
        }

        .new-2-r {
            width:785px;
            padding:79px 0 0 0;
            margin:0;
            position:relative;
            text-align:center;
            float:right;
        }



        #new-2 h2 {
            font-family: "GothamPro-BL";
            font-weight:normal;
            font-style:normal;
            text-align:center;
			text-transform: uppercase;
            font-size:36px;
            line-height:36px;
            padding:0;
            margin:0 0 15px 0;
            color:#000;
            cursor:default;
        }

        #new-2 h2 span {
            font-family: "GothamPro-BL";
            font-weight:normal;
            font-style:normal;
            text-align:right;
            text-transform:uppercase;
            font-size:24px;
            line-height:31px;
            padding:0;
            margin:0;
            color:#14191f;
            cursor:default;
        }



            @media all and (max-width: 1160px) {
                #new-2-w {
                    width:100%;
                    padding:0;
                    margin:0;
                    position:relative;
                    background:#ffffff;
                }

                #new-2 {
                    width:1000px;
                    padding:90px 0 100px 0;
                    margin:0 auto;
                    position:relative;
                    text-align:center;
                }

                .new-2-l {
                    width:470px;
                    padding:0;
                    margin:0;
                    position:relative;
                    text-align:center;
                    float:left;
                }
				
				

                #new-2 p {
                    font-family: "GothamPro-R";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:16px;
                    line-height:24px;
                    width:345px;
                    margin:10px 0 10px 10px;
                    color:#000;
                    cursor:default;
                    float:left;

                }

                #new-2 p span {
                    font-family: "GothamPro-B";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    text-transform:uppercase;
                    font-size:18px;
                    line-height:24px;
                    padding:0;
                    margin:0;
                    color:#14191f;
                    cursor:default;
                }

                .new-2-r {
                    width:510px;
                    padding:80px 0 0 0;
                    margin:0;
                    position:relative;
                    text-align:center;
                    float:right;
                }



                #new-2 h2 {
                    font-family: "GothamPro-R";
                    font-weight:normal;
                    font-style:normal;
                    text-align:right;
                    font-size:14px;
                    line-height:31px;
                    padding:0;
                    margin:0 0 20px 0;
                    color:#848484;
                    cursor:default;
                }

                #new-2 h2 span {
                    font-family: "GothamPro-BL";
                    font-weight:normal;
                    font-style:normal;
                    text-align:right;
                    text-transform:uppercase;
                    font-size:24px;
                    line-height:31px;
                    padding:0;
                    margin:0;
                    color:#14191f;
                    cursor:default;
                }
            }

            @media all and (max-width: 1020px) {
                #new-2-w {
                    width:100%;
                    padding:0;
                    margin:0;
                    position:relative;
                    background:#ffffff;
                }

                #new-2 {
                    width:700px;
                    padding:90px 0 100px 0;
                    margin:0 auto;
                    position:relative;
                    text-align:center;
                }

                .new-2-l {
                    width:480px;
                    padding:0;
                    margin:0 auto;
                    position:relative;
                    text-align:center;
                    float:none;
                }

                #new-2 p {
                    font-family: "GothamPro-R";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:16px;
                    line-height:24px;
                    width:330px;
                    margin:10px 0 0 0;
                    color:#848484;
                    cursor:default;
                    float:left;

                }

                #new-2 p span {
                    font-family: "GothamPro-B";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    text-transform:uppercase;
                    font-size:18px;
                    line-height:24px;
                    padding:0;
                    margin:0;
                    color:#14191f;
                    cursor:default;
                }

                .new-2-r {
                    width:585px;
                    padding:60px 0 0 0;
                    margin:0 auto;
                    position:relative;
                    text-align:center;
                    float:none;
                }



                #new-2 h2 {
                    font-family: "GothamPro-R";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:14px;
                    line-height:31px;
                    padding:0;
                    margin:0 0 15px 0;
                    color:#848484;
                    cursor:default;
                }

                #new-2 h2 span {
                    font-family: "GothamPro-BL";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    text-transform:uppercase;
                    font-size:24px;
                    line-height:31px;
                    padding:0;
                    margin:0;
                    color:#14191f;
                    cursor:default;
                }
            }

            @media all and (max-width: 720px) {
                #new-2-w {
                    width:100%;
                    padding:0;
                    margin:0;
                    position:relative;
                    background:#ffffff;
                }

                #new-2 {
                    width:420px;
                    padding:45px 0 100px 0;
                    margin:0 auto;
                    position:relative;
                    text-align:center;
                }

                .new-2-l {
                    width:420px;
                    padding:0;
                    margin:0 auto;
                    position:relative;
                    text-align:center;
                    float:none;
                }
				
                .new-2-l img {
                    width:360px;
                    padding:0;
                    margin:10px 0 0 30px;
                    /*float:left;*/
                    display:block;
                }				

                #new-2 p {
                    font-family: "GothamPro-R";
                    font-weight:normal;
                    font-style:normal;
                    text-align:justify;
                    font-size:16px;
                    line-height:24px;
                    width:400px;
                    margin:10px 0 10px 10px;
                    color:#000;
                    cursor:default;
                    float:left;

                }


                #new-2 p span {
                    font-family: "GothamPro-B";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    text-transform:uppercase;
                    font-size:18px;
                    line-height:24px;
                    padding:0;
                    margin:0;
                    color:#14191f;
                    cursor:default;
                }

                .new-2-r {
                    width:420px;
                    padding:60px 0 0 0;
                    margin:0 auto;
                    position:relative;
                    text-align:center;
                    float:none;
                }

          

                #new-2 .new-2-r h2 {
                    font-family: "GothamPro-BL";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
					text-transform: uppercase;
                    font-size:30px;
                    line-height:30px;
                    max-width:360px;
                    padding:0;
                    margin:0 auto 15px auto;
                    color:#000;
                    cursor:default;
                }

                #new-2 h2 span {
                    font-family: "GothamPro-BL";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    text-transform:uppercase;
                    font-size:24px;
                    line-height:34px;
                    display:inline-block;
                    padding:0;
                    margin:0 0 5px 0;
                    color:#14191f;
                    cursor:default;
                }
            }
			
			
			
			

/*

.dropbtn {
    background-color: #000000;
    margin-top: 15px;
    color: white;
    padding: 12px;
    cursor: pointer;
    font-family: "GothamPro-BL";
    font-weight:normal;
    font-style:normal;
    text-align:center;
    text-transform:uppercase;
    font-size:12px;	
    border: 2px solid #20222d;
    border-radius: 35px;
    margin-right: 5px;	
}

.dropdown_col{
    min-width: 200px;
	min-height: 20px;
	padding: 0px 0px 0px 10px;
    z-index: 1;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #000;
	color: white;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    margin-top: 20px;
	font-size:13px;	
    position: absolute;
    background-color: #fed026;
    min-width: 626px;
    z-index: 1;
	  overflow: auto;
}

.dropdown-content a {
    color: black;
    padding: 1px 39px;
    text-align:left;
	display: block;
    
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}			
			
*/			
			
			
.dropbtn {
    background-color: #000000;
    margin-top: 15px;
    color: white;
    padding: 12px;
    cursor: pointer;
    font-family: "GothamPro-BL";
    font-weight:normal;
    font-style:normal;
    text-align:center;
    text-transform:uppercase;
    font-size:12px;	
    border: 2px solid #20222d;
    border-radius: 35px;
    margin-right: 5px;	
}

.dropdown_col{
	display: flex;
	/*
    min-width: 200px;
	min-height: 20px;
	*/
    padding: 0px 120px 0px 10px;
    z-index: 1;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #000;
	color: white;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    margin-left: -630px;
    margin-top: 28px;
	font-size:13px;	
    position: absolute;
    background-color: #fed026;
    min-width: 630px;
	padding: 7px;
    z-index: 1;
	  overflow: auto;
}

.dropdown-content a {
    color: black;
    padding: 5px 2px 8px 3px;
    text-align:left;
	display: block;
	min-width: 307px;
    
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}		

.letter{
  margin-top: 15px;
  font-size: 30px
}