body, body.rtl, .rtl form {
    font-family: 'Rubik';
}
	
.marinamaps_plugin{width: 100%;}
.marinamaps_plugin .head_plugin{width:100%;margin-bottom:20px;display: inline-block;}
.marinamaps_plugin .head_plugin .text{color:#15536B;float:left;font-size:16px;}
.marinamaps_plugin .head_plugin .back_to_map{background:#15536B;color:white;float:right;font-size:12px;border-radius: 30px;padding: 8px 30px;}
.marinamaps_plugin .main{width:100%;}
.marinamaps_plugin .main .list{width:25%;float:left;}
.marinamaps_plugin .main .list .list_ul{margin:0;list-style: none;padding: 0;}
.marinamaps_plugin .main .list .list_ul .per_li{background:#15536B;border-radius: 30px;list-style: none;
-webkit-transition: background-color .6s, font-size 1s;
   -moz-transition: background-color .6s, font-size 1s;
     -o-transition: background-color .6s, font-size 1s;
        transition: background-color .6s, font-size 1s;}
.marinamaps_plugin .main .list .list_ul .per_li .list_action{color:white;font-size:16px;padding: 11px 30px 11px 44px;display: block;margin-bottom:10px;}
.marinamaps_plugin .main .list .list_ul .per_li .list_action i{font-size: 30px;position: absolute;left:20px;}
.marinamaps_plugin .main .content{width: calc(75% - 42px);margin-left: 40px;float: left;border: 1px solid #ededed;border-radius: 6px;}
.marinamaps_plugin .main .content .content_head{display:inline-block;width: 100%;padding: 12px 0;border-bottom: 1px solid #eee;}
.marinamaps_plugin .main .content .content_head .left_head{font-size:16px;float:left;padding-left:55px;}
.marinamaps_plugin .main .content .content_head .left_head a{color:black;}
.marinamaps_plugin .main .content .content_head .left_head i{color:#15536B;font-size:30px;margin-right:10px;position: absolute;left: 30px;}
.marinamaps_plugin .main .content .content_head .right_info{color:#868686;font-size:12px;float:right;padding-top: 7px;padding-right:30px;}
.marinamaps_plugin .main .content .img{width:100%;border-bottom: 1px solid #eee;}
.marinamaps_plugin .main .content .img img{max-width:100%;width:auto;height:auto;display:table;margin:0 auto;padding:14px 10px;}
.marinamaps_plugin .main .content .boxes{width:100%;}
.marinamaps_plugin .main .content .boxes .per_boxes_2{width: calc(50% - 45px);float: left;padding: 16px 22px;border-bottom: 1px solid #ededed;border-left: 1px solid #ededed;}
.marinamaps_plugin .main .content .boxes .per_boxes_2:nth-child(odd){border-left:none;}
.marinamaps_plugin .main .content .boxes .per_boxes_2 .text{color:#868686;display:block;float:left;font-size:14px;}
.marinamaps_plugin .main .content .boxes .per_boxes_2 .text a{color: #868686;}
.marinamaps_plugin .main .content .boxes .per_boxes_2 .text.margin-r20{margin-right:20px;}
.marinamaps_plugin .main .content .boxes .per_boxes_4{width: calc(25% - 25px);float: left;padding: 16px 2px 16px 22px;border-bottom: 1px solid #ededed;border-left: 1px solid #ededed;}
.marinamaps_plugin .main .content .boxes .per_boxes_4:nth-child(4n-3){border-left:none;}
.marinamaps_plugin .main .content .boxes .per_boxes_4 .text{color:#868686;display:block;float:left;font-size:14px;}
.marinamaps_plugin .main .content .boxes .per_boxes_4 .yes_no{float: right;color: white;padding: 1px 9px 0px 9px;font-weight: 600;font-size: 15px;border-radius: 15px;}
.marinamaps_plugin .main .content .boxes .per_boxes_4 .yes_no.Var{background:#40EB4C;}
.marinamaps_plugin .main .content .boxes .per_boxes_4 .yes_no.Yok{background:#FF3434;}
.marinamaps_plugin .main .content .maps {padding:14px 10px; height: 700px;width: calc(100% - 20px) !important;}
.marinamaps_plugin .main .list .list_ul .per_li .inner .per_li .list_action i{position: relative;float: left;left: 0;margin-right:8px;}
.marinamaps_plugin .main .list .list_ul .per_li{margin-bottom:10px;}
.marinamaps_plugin .main .list .list_ul .per_li .inner{padding-left:25px;display:none;}
.marinamaps_plugin .main .list .list_ul .per_li .inner .per_li{margin-top:10px;margin-bottom:0;}
.marinamaps_plugin .main .list .list_ul .per_li .inner .per_li a{font-size:15px;padding:11px 30px 11px 18px}
.marinamaps_plugin .main .list .list_ul .per_li{background:none;margin-bottom:10px;overflow:hidden;border-radius:0;}
.marinamaps_plugin .main .list .list_ul .per_li:hover, .marinamaps_plugin .main .list .list_ul .per_li.active{background: none;}
.marinamaps_plugin .main .list .list_ul .per_li a.title_href:hover , .marinamaps_plugin .main .list .list_ul .per_li.active a.title_href{background: #82C1D3;font-weight:600;letter-spacing:1.4;padding-left:56px;}
.marinamaps_plugin .main .list .list_ul .per_li .inner .per_li:hover a, .marinamaps_plugin .main .list .list_ul .per_li .inner .per_li.active a{background: #82C1D3;font-weight:600;letter-spacing:1.4;padding-left:20px;}
.marinamaps_plugin .main .list .list_ul .per_li .list_action{background:#15536B;margin-bottom:0;border-radius:30px;}
@media only screen and (min-width: 1200px) {
	.marinamaps_plugin .main .content .boxes .per_boxes_2:nth-child(3){height: 50px;}
	.marinamaps_plugin .main .content .boxes .per_boxes_2:nth-child(4){height: 50px;}

}
@media only screen and (min-width: 1100px) and (max-width: 1400px) {
.marinamaps_plugin .main .content .boxes .per_boxes_2{width: calc(50% - 41px);padding: 16px 10px 16px 30px;}
.marinamaps_plugin .main .content .boxes .per_boxes_4{width: calc(50% - 41px);padding: 16px 10px 16px 30px;}
.marinamaps_plugin .main .content .boxes .per_boxes_4:nth-child(odd){border-left:none;}
.marinamaps_plugin .main .content .boxes .per_boxes_4 .yes_no {padding: 2px 7px 1px 7px;font-size: 13px;}
.marinamaps_plugin .main .content .boxes .per_boxes_4 .text {font-size: 13px;}
.marinamaps_plugin .main .content .boxes .per_boxes_2 .text{font-size:13px;}
}
@media only screen and (min-width: 769px) and (max-width: 1099px) {
.marinamaps_plugin .main .content .boxes .per_boxes_2{width: calc(50% - 10px);padding: 8px 4px;height: 40px;}
.marinamaps_plugin .main .content .boxes .per_boxes_4{width: calc(50% - 10px);padding: 8px 4px;}
.marinamaps_plugin .main .content .boxes .per_boxes_4:nth-child(odd){border-left:none;}
.marinamaps_plugin .main .content .boxes .per_boxes_2 .text{font-size:13px;}
.marinamaps_plugin .main .content .boxes .per_boxes_4 .text{font-size:13px;}
.marinamaps_plugin .main .list .list_ul .per_li .list_action {font-size: 15px;padding: 8px 20px 8px 48px;}
}
@media only screen and (max-width: 768px) {
.marinamaps_plugin {width: calc(100% - 40px);margin: 0 20px;}
.marinamaps_plugin .head_plugin .text {text-align: center;margin-bottom:10px;}
.marinamaps_plugin .head_plugin .back_to_map{display: table;margin: 0 auto;float: none;margin-bottom:10px;}
.marinamaps_plugin .main .list{width:100%;}
.marinamaps_plugin .main .list .list_ul .per_li .list_action {padding: 7px 10px 7px 62px;}
.marinamaps_plugin .main .list .list_ul .per_li .list_action i {left: 60px;}
.marinamaps_plugin .main .content{margin-left: 0;width: 100%;margin-top: 20px;}
.marinamaps_plugin .main .content .content_head .left_head{text-align: center;width: 100%;padding: 0;}
.marinamaps_plugin .main .content .content_head .right_info{float: none;text-align: center;display: inline-block;width: 100%;}
.marinamaps_plugin .main .content .boxes .per_boxes_2{border-left:none;width:calc(100% - 28px);padding:14px 10px;}
.marinamaps_plugin .main .content .boxes .per_boxes_2 .text {text-align: center;width: 100%;}
.marinamaps_plugin .main .content .boxes .per_boxes_4{border-left:none;width:calc(100% - 28px);padding:14px 10px;}
}