@charset "UTF-8";

section.partners { background-color : rgba(255, 255, 255, 1); }

section.partners > div { 
	position : relative;
	max-width : 1360px;
	margin : 0 auto;	
	}

section.partners > div > h6 {
	position : relative;
	padding : 0 0 40px 0;
	margin : 0;
	text-align : center;
	}
	
section.partners > div > h6::before {
	position : absolute;
	bottom : 12px;
	left : calc(50% - 20px);
	z-index : 10;
	width : 40px;
	height : 10px;
	background-color : rgba(225, 100, 40, 1);
	content : "";
	}
	
section.partners > div > div.description {
	position : relative;
	z-index : 40;
	width : 90%;
	margin : 0 auto;
	background-color : rgba(255, 255, 255, 1);
	border : solid 1px rgba(225, 100, 40, 1);
	}
	
section.partners > div > div.description::before,
section.partners > div > div.description::after {	
    position : absolute;
    border : solid transparent;
    content : "";
    height : 0;
    width : 0;
    bottom : 100%;
    left : 50%;
	}
	
section.partners > div > div.description::before {
    border-width : 21px;
    margin : 0 -21px;
    border-bottom-color : rgba(225, 100, 40, 1);
	}
	
section.partners > div > div.description::after {
	border-width : 20px;
    margin : 0 -20px;
    border-bottom-color : rgba(255, 255, 255, 1);
    }

section.partners > div > div.swiper,
section.partners > div > div.swiper > ul,
section.partners > div > div.swiper > ul > li { position : relative; }

section.partners > div > div.swiper > ul > li::before,
section.partners > div > div.swiper > ul > li::after {
	position : absolute;
	top : 70px;
	z-index : 10;
	width : 1px;
	height : 20px;
	background-color : rgba(225, 225, 225, 1);
	content : "";
	}
	
section.partners > div > div.swiper {
	width : 100%;
	padding : 0 40px;
	margin : 30px auto;
	overflow : hidden;
	}

section.partners > div > div.swiper > ul {
	display : flex;
	width : 2000em;
	padding : 0;
	margin : 0 0 5px 0;
	list-style : none;
	}
	
section.partners > div > div.swiper > div.prev,
section.partners > div > div.swiper > div.next {
	position : absolute;
	top : 0;
	z-index : 10;
	width : 42px;
	height : 100%;
	background-color : rgba(255, 255, 255, 1);
	}
	
section.partners > div > div.swiper > div.prev,
section.partners > div > div.swiper > div.next > button,
section.partners > div > div.swiper > ul > li::after { left : 0; }
	
section.partners > div > div.swiper > div.next,
section.partners > div > div.swiper > div.prev > button,
section.partners > div > div.swiper > ul > li::before { right : 0; }
	
section.partners > div > div.swiper > div.prev > button,
section.partners > div > div.swiper > div.next > button {
	display : block;
	width : 40px;
	height : 40px;
	padding : 0;
	margin : 0;
	border : 0;
	position : absolute;
	top : calc(50% - 40px);
	z-index : 10;
	cursor : pointer;
	background-color : rgba(255, 255, 255, 1);
	background-image : url("../img/arrow.orange.svg?03082018");
	background-size : contain;
	background-position : 50% 50%;
	background-repeat : no-repeat;
	transition : all 0.25s ease;	
	}
	
section.partners > div > div.swiper > div.prev > button { transform : rotate(180deg); }
section.partners > div > div.swiper > div.prev > button:hover { right : 5px; }
section.partners > div > div.swiper > div.next > button:hover { left : 5px; }
section.partners > div > div.swiper > ul > li { cursor : pointer; }
section.partners > div > div.swiper > ul > li.swiper-slide-active { cursor : default; }
	
section.partners > div > div.swiper > ul > li > img {
	display : block;
	width : 100%;
	height : auto;
	padding : 0 15%;
	margin : 0 auto;
	}
	
section.partners > div > div.swiper > ul > li > span,
section.partners > div > div.swiper > ul > li > strong {
	display : block;
	padding : 0 20px;
	text-align : center;
	transition : all 0.25s ease;
	}
	
section.partners > div > div.swiper > ul > li > span {
	text-align : center;
	color : rgba(51, 51, 51, 0.5);
	}
	
section.partners > div > div.swiper > ul > li > strong {
	padding-top : 10px;
	font : normal 16px/20px "Regular", Arial, sans-serif;
	color : rgba(151, 151, 151, 0.5);
	}

section.partners > div > div.swiper > ul > li:hover > span { color : rgba(51, 51, 51, 0.75); }
section.partners > div > div.swiper > ul > li:hover > strong { color : rgba(151, 151, 151, 0.75); }
section.partners > div > div.swiper > ul > li.swiper-slide-active > span { color : rgba(51, 51, 51, 1); }
section.partners > div > div.swiper > ul > li.swiper-slide-active > strong { color : rgba(151, 151, 151, 1); }
section.partners > div > div.swiper > ul > li > div { display : none; }

@media only screen and (min-width : 1441px) {
	section.partners > div { padding : 60px; }
	section.partners > div > h6 { font: normal 72px/72px "Headers", sans-serif; }
	
	section.partners > div > div.description { 
		padding : 2% 4%;
		font : normal 18px/22px "Regular", Arial, sans-serif; 
		}
	
	section.partners > div > div.swiper > ul > li > span { font : normal 20px/24px "Regular", Arial, sans-serif; }
	}
	
@media only screen and (min-width : 1281px) and (max-width : 1440px) {
	section.partners > div { padding : 50px; }
	section.partners > div > h6 { font: normal 63px/63px "Headers", sans-serif; }
	
	section.partners > div > div.description { 
		padding : 2% 4%;
		font : normal 18px/22px "Regular", Arial, sans-serif; 
		}
	
	section.partners > div > div.swiper > ul > li > span { font : normal 20px/24px "Regular", Arial, sans-serif; }
	}
	
@media only screen and (min-width : 961px) and (max-width : 1280px) {
	section.partners > div { padding : 40px; }
	section.partners > div > h6 { font: normal 54px/54px "Headers", sans-serif; }
	
	section.partners > div > div.description { 
		padding : 2% 4%;
		font : normal 18px/22px "Regular", Arial, sans-serif; 
		}
	
	section.partners > div > div.swiper > ul > li > span { font : normal 20px/24px "Regular", Arial, sans-serif; }
	}
	
@media only screen and (min-width : 481px) and (max-width : 960px) {
	section.partners > div { padding : 30px; }
	section.partners > div > h6 { font : normal 45px/45px "Headers", Arial, sans-serif; }
	
	section.partners > div > div.description { 
		padding : 2% 6%;
		font : normal 16px/20px "Regular", Arial, sans-serif; 
		}
	
	section.partners > div > div.swiper > ul > li > span { font : normal 18px/22px "Regular", Arial, sans-serif; }
	}
	
@media only screen and (max-width : 480px) {
	section.partners > div { padding : 20px; }
	section.partners > div > h6 { font : normal 36px/36px "Headers", Arial, sans-serif; }
	section.partners > div > div.swiper { max-width : 480px; }
	
	section.partners > div > div.description { 
		padding : 2% 6%;
		font : normal 16px/20px "Regular", Arial, sans-serif; 
		}
	
	section.partners > div > div.swiper > ul > li > span { font : normal 18px/22px "Regular", Arial, sans-serif; }
	}