#apiship_pvz {
	position:         absolute;
	z-index:          2100;
	display:          none;
	background-color: white;
	padding:          10px;
	overflow:         hidden;
	font-family:      Arial;
	width:            1200px;
	height:           543px;
}

#apiship_mask {
	width:            100%;
	height:           100%;
	opacity:          0.8;
	position:         fixed;
	z-index:          2000;
	background-color: black;
	display:          none;
	top:              0;
	padding:          5px;
}

#apiship_head {
	height:      25px;
	clear:       both;
	padding-top: 7px;
}

#apiship_description {
	/*height: 25px;*/
	line-height: 25px;
	font-size:   17px;
	float:       left;
	color:       #7b7b7b;
	margin:      -12px 0 5px 14px;
}

#apiship_description img {
	height: 42px;
}

#apiship_logo {
	background:  url('/bitrix/images/ipol.apiship2v/widjet/logo.png') no-repeat transparent;
	width:       169px;
	height:      8px;
	margin-top:  9px;
	margin-left: 30%;
}

#apiship_logo:hover {
	background-position: 0 -9px;
}

#apiship_logo a {
	text-decoration: none;
	width:           100%;
	height:          100%;
	display:         block;
}

#apiship_closer {
	position:   absolute;
	background: url('/bitrix/images/ipol.apiship2v/widjet/close.png') no-repeat transparent;
	height:     22px;
	width:      22px;
	right:      15px;
	top:        15px;
	z-index:    1000;
	cursor:     pointer;
}

#apiship_closer:hover {
	background-position: 0 -22px;
}

#apiship_map {
	float:  left;
	height: 95%;
	width:  100%;
}

#apiship_info {
	float:    left;
    position: relative;
    height:   430px;
    overflow: hidden;
    width:    245px;
    color:    black;
    top:      -480px;
    left:     10px;
    background-color: white;
    border-radius:    5px;
    box-shadow:       0 0 5px #5D5D5D;
}

#apiship_sign {
	height:          38px;
	line-height:     38px;
	font-size:       14px;
	padding-left:    10px;
	/*background: url('/bitrix/images/ipol.apiship2v/widjet/widjetLogo.png') no-repeat;*/
	border-bottom:   1px solid #e3e3e3;
	background-size: contain;
}

.apiship_delivInfo {
	/*height: 72px;*/
	font-weight:      bold;
	font-size:        12px;
	border-bottom:    1px dashed #e3e3e3;
	border-top:       1px dashed #e3e3e3;
	line-height:      35px;
	padding:          0 9px;
	background-color: #fafafa;
	cursor:           pointer;
}

.apiship_provider_img {
	display:       inline-block;
	padding-right: 5px;
	height:        10px;
	margin-top:    -2px;
}

.apiship_provider_baloon_img {
	display:  block;
	position: absolute;
	height:   14px;
	top:      5px;
	left:     5px;
}

.apiship_delivInfo_arrow {
	margin-top: -7px;
	position:   absolute;
	right:      6px;
}

.apiship_delivInfo_arrow span {
	display:           block;
	width:             9px;
	height:            9px;
	border-bottom:     2px solid #337AB7;
	border-right:      2px solid #337AB7;
	-moz-transform:    rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform:      rotate(45deg);
	-ms-transform:     rotate(45deg);
	transform:         rotate(45deg);
	margin:            -14px 0;
}

.apiship_delivInfo.active .apiship_delivInfo_arrow span {
	-moz-transform:    rotate(225deg);
	-webkit-transform: rotate(225deg);
	-o-transform:      rotate(225deg);
	-ms-transform:     rotate(225deg);
	transform:         rotate(225deg);
}

.apiship_delivContent {
	display: none;
}

.apiship_delivContent.active {
	display: block;
}

#apiship_wrapper {
	height:           400px;
	overflow:         auto;
	width:            245px;
	border:           none;
	outline:          none;
	background-color: #fafafa;
	text-align:       left;
}

#apiship_wrapper p {
	cursor :   pointer !important;
	padding:   5px 6px !important;
	margin:    5px 6px !important;
	font-size: 12px;
}

.apiship_chosen {
	background-color: #ebebeb;
}

#apiship_ten {
	position:         relative;
	top:              -5px;
	background-color: white;
	height:           10px;
	box-shadow:       0 0 5px 5px white;
	width:            235px;
	opacity:          0.7;
	filter:           progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity:     0.7;
    -khtml-opacity:   0.7;
}

#apiship_baloon {
	background-color: white;
	/* width: 258px; */
	font-family:      Arial;
	font-size:        12px;
}

#apiship_baloon > div {
	margin: 10px 0;
}

.apiship_baloonDiv a {
	color:           #666666;
	text-decoration: none;
	border-bottom:   1px dashed #666666;
}

.apiship_baloonDiv a:hover {
	border-bottom: 1px dashed white;
}

.apiship_baloonDiv {
	max-width:    235px;
	padding-left: 8px;
	float:        left;
	text-align:   left;
}

.apiship_icon {
	float:      left;
	width:      12px;
	min-height: 12px;
}

.apiship_iAdress {
	font-size: 14px;
}

.apiship_baloonDiv_features {
	display:           -webkit-flex;
	display:           -moz-flex;
	display:           -ms-flex;
	display:           -o-flex;
	display:           flex;
	-ms-align-items:   center;
	align-items:       center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap:    wrap;
	-ms-flex-wrap:     wrap;
	-o-flex-wrap:      wrap;
	flex-wrap:         wrap;
	margin:            20px 0 10px;
}

.apiship_baloonDiv_feature {
	color:   #000;
	padding: 2px 5px;
	border:  1px solid #000;
	margin:  0 3px 3px 0;
	display: inline-block;
	/*font-size: 10px;*/
}

.apiship_baloonDiv_feature.not_available {
	color:        #aaaaaa;
	border-color: #f2f2f2;
	background:   #f2f2f2;
}

.apiship_iTelephone {
	background: url('/bitrix/images/ipol.apiship2v/widjet/phone.png') no-repeat;
}

.apiship_iTime {
	background: url('/bitrix/images/ipol.apiship2v/widjet/clock.png') no-repeat;
}

#apiship_button {
	width:           130px;
	height:          25px;
	background:      url('/bitrix/images/ipol.apiship2v/widjet/chooze.png') 0 0 no-repeat;
	display:         block;
	margin:          auto;
	text-decoration: none;
}

#apiship_button:hover {
	background-position: 0 -25px;
}

#apiship_head > div {
	/*font-size: 14px;*/
	font-family: Arial;
	/*float:left;*/
}

#apiship_logoPlace {
	width:               300px;
	height:              38px;
	background-image:    url("/bitrix/images/ipol.apiship2v/apishipogo.png");
	background-repeat:   no-repeat;
	background-position: 241px 2px;
}

#apiship_separator {
	background-color: #e3e3e3;
	width:  1px;
	height: 38px;
}

.apiship_mark {
	margin-left: 12px;
}

@media (max-width: 800px) {
    #apiship_map {
        height:   91%;
        overflow: hidden;
    }

    #apiship_logo {
        background-position: center 0;
        margin-top: 7px;
    }

    #apiship_pvz {
        width:      100% !important;
        left:       0 !important;
        box-sizing: border-box;
    }

    #apiship_map .ymaps-2-1-74-map {
        width:  100% !important;
        height: 100% !important;
    }

    #apiship_info {
        height: 28px;
		/*top: -450px;*/
        top:    -430px;
    }

    #apiship_info.expanded {
        height: auto;
    }

    #apiship_sign {
        overflow:    hidden;
        cursor:      pointer;
        height:      28px;
        line-height: 28px;
        position:    relative;
        font-size:   12px;
    }

    #apiship_sign:after {
        content:             "";
        transition:          all .2s linear;
        transform-origin:    center center;
        display:             block;
        height:              100%;
        width:               20px;
        background-repeat:   no-repeat;
        background-position: center center;
        position:            absolute;
        right:               10px;
        top:                 0;
        z-index:             1;
        background-image:    url(img/arrow.svg);
        background-size:     100%;
    }

    .expanded #apiship_sign:after {
        transform: rotate(180deg);
    }
}

@media screen and (max-width: 350px) {
    #apiship_info {
        width: 220px;
    }
}