.accordionComponent .header,.accordionComponent .img-wrapper img{width:100%}
.accordionComponent{clear:both;padding-top:40px;background-color:#fff;z-index:9;position:relative;overflow:hidden}
.accordionComponent .img-wrapper{position:absolute;bottom:0;left:0;right:0;z-index: -1;}
.accordionComponent .contentWrapper{padding-bottom:200px}
.accordionComponent .header h2 {font-size: 26px; color: #164a91; padding: 0; text-transform: uppercase; font-family: "Lato Black", sans-serif; text-align: center; border-bottom: solid 3px #164a91; padding-bottom: 5px; display: inline-block; margin: 0 auto;}
.accordionComponent .header ul{float:right;list-style-type:none;margin:0;padding:0}
.accordionComponent .header ul li{padding:0 8px;float:left}
.accordionComponent .header ul li a{color:#fff;text-decoration:none;font-size:18px}
.accordionComponent .accordion-tabs{display:table;width:100%;padding-top:15px}
.accordionComponent .accordion-tabs .cols{display:table-cell;float:none;border:5px solid transparent;vertical-align:top;padding:0;height:100%}
.accordionComponent .accordion-tabs .cols .tabs{list-style-type:none;margin-bottom:20px}
.accordionComponent .accordion-tabs .cols .tabs li{font-size:12px;text-transform:uppercase;display:inline-block}
.accordionComponent .accordion-tabs .cols .tabs li a{font-family:"Lato Light",sans-serif;color:#000;display:block;padding:5px 15px;letter-spacing:1px;text-decoration:none; font-size: 14px;}
.accordionComponent .accordion-tabs .cols .tabs li.active a {color: #164a91; font-family: "Lato Bold", sans-serif; font-weight: 600;}
.accordionComponent .accordion-tabs .cols .tabs li.active a:after{content:"";border-bottom:3px solid #d61f26;display:block;width:25px;margin:6px auto 0}
.accordionComponent .accordion-tabs .cols .wrapper{padding:10px 0;border:1px solid #f5f5f5;height:100%}
.accordionComponent .accordion-tabs .cols .wrapper .menus{padding:0 0 15px}
.accordionComponent .accordion-tabs .cols .wrapper .menus ul{list-style-type:none;float:right}
.accordionComponent .accordion-tabs .cols .wrapper .menus ul li{float:left}
.accordionComponent .accordion-tabs .cols .wrapper .menus ul li a{display:block;padding:0 10px;text-decoration:none;color:#000}
.accordionComponent .accordion-tabs .cols .wrapper .modal-info{padding:15px 0;text-align:center}
.accordionComponent .accordion-tabs .cols .wrapper .modal-info select{width:100%;text-align:center;font-size:20px;font-family:"Lato Bold",sans-serif;color:#171717;border:none;padding:5px 10px}
.accordionComponent .accordion-tabs .cols .wrapper .modal-info button{text-align:center;font-size:18px;font-family:"Lato Bold",sans-serif;color:#171717;margin-bottom:5px;border:none}
.accordionComponent .accordion-tabs .cols .wrapper .modal-info button:active,.accordionComponent .accordion-tabs .cols .wrapper .modal-info button:focus,.accordionComponent .accordion-tabs .cols .wrapper .modal-info button:hover{background:0 0}
.accordionComponent .accordion-tabs .cols .wrapper .modal-info button span{text-align:center}
.accordionComponent .accordion-tabs .cols .wrapper .modal-info .price{font-size:18px;color:#585858;font-family:"Lato Black",sans-serif}
.accordionComponent .tabContent {padding-top: 10px; float: left; margin-bottom: 25%; display: block; width: 100%;}
.accordionComponent .tabContent .tab-content{display:none}
.accordionComponent .tabContent .tab-content.active{display:block;float:left;width:100%}
.accordionComponent .tabContent .tab-content .tabularlist,.accordionComponent .tabContent .tab-content .tabularlisthidden{list-style-type:none;clear:both;padding:20px;background:#f5f5f5;margin-bottom:0;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(0,1,.5,1)}
.accordionComponent .tabContent .tab-content .tabularlist li,.accordionComponent .tabContent .tab-content .tabularlist p,.accordionComponent .tabContent .tab-content .tabularlisthidden li,.accordionComponent .tabContent .tab-content .tabularlisthidden p{font-size:16px;font-family:"Lato Light",sans-serif;color:#171717}
.accordionComponent .tabContent .tab-content .tabularlist .tabimg,.accordionComponent .tabContent .tab-content .tabularlisthidden .tabimg{transform:skewX(-8deg);float:left;margin:0 30px 10px 10px}
.accordionComponent .tabContent .tab-content .tabularlist a,.accordionComponent .tabContent .tab-content .tabularlisthidden a{text-transform:uppercase;font-size:10px;color:#d61f26;text-decoration:none;font-family:"Lato Bold",sans-serif}
.accordionComponent .tabContent .tab-content .tabularlist a span,.accordionComponent .tabContent .tab-content .tabularlisthidden a span{display:inline-block;margin-right:5px}
.accordionComponent .tabContent .tab-content .accord{clear:both}
.accordionComponent .tabContent .tab-content .accord h3{font-size:16px;color:#171717;margin:0;font-family:"Lato Black",sans-serif;padding:20px 15px;border:1px solid #f6f6f6;border-left:solid 3px #164a91;cursor:pointer;clear:both;background-color:#fff}
.accordionComponent .tabContent .tab-content .accord h3:after{font-family:icomoon,sans-serif;content:"\e905";font-size:6px;float:right;margin-right:20px;line-height:20px}
.accordionComponent .tabContent .tab-content .accord h3.active:after{font-family:icomoon,sans-serif;content:"\e908";font-size:6px;display:inline-block;margin-left:10px}
.accordionComponent .tabContent .tab-content .accord .tabularlisthidden{display:none}
.accordionComponent .tabContent .tab-content .accord .tabularlisthidden.active{display:block}
.accordionComponent.themeblue .tabContent .tab-content .accord h3{border-left:solid 3px #164a91}
.accordionComponent.themeblue .accordion-tabs .cols .tabs li.active a:after{border-bottom:3px solid #164a91}
.nospace{padding:0}
.owners { width:100%; display:flex; justify-content: space-between; margin-bottom:15px;}
.box { width:32.6%; border:1px solid #E1DDDD;   }
.box h2 { font-size:20px; border-bottom: 1px dotted #ccc; text-align:center;  line-height:40px; margin-bottom:10px;}
ul.list-opction  { width:100%; text-align:center }
ul.list-opction li { list-style-type:none; display:inline-block}
ul.list-opction li a span { display:block !important; padding-right:18px; }
ul.list-opction li a { border:none; outline:none; text-decoration:none;}
ul.list-opction li a span.varient-name { font-size:14px; color:#000; margin-bottom:10px}
.card-body-container{overflow: hidden;}
.select_search h2 {text-align: center; font-size: 16px; font-weight: 600; color: #164a91; line-height: 50px;}
.select_search {display: block; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; padding: 10px; border: solid 1px #ccc;}

.show-hidden-menu {border: solid 1px #999; line-height: 40px; text-indent: 10px; font-size: 16px; font-weight: 500; margin-bottom: 15px; background-image: url(../images/down_arrow_icon.png); background-position: right 15px center; background-repeat: no-repeat; cursor: pointer;}
.wpp_search_attribute_wrap ul {list-style-type: none; padding: 15px 5px;}
.wpp_search_attribute_wrap ul li a {color: #000; font-size: 14px; text-decoration: none;}
.wpp_search_attribute_wrap ul li a:hover{color: #164a91;}

.accordion{margin:0px auto 0}
.at-tab{display:none;padding:15px;border:1px solid #ddd;border-top:none;box-shadow:0 2px 4px rgba(0,0,0,0.1);background-color:#fff}
.at-title{cursor:pointer;background-color:#f5f5f5;position:relative;transition:background-color .3s ease}
.at-title:hover{background-color:#e0e0e0}
.at-title:after{content:"+";position:absolute;top:50%;transform:translateY(-50%);right:10px;transition:all .3s ease;font-size:24px}
.at-title.active:after{content:"-"}
.at-item{border-radius:5px;margin-bottom:15px}
.at-title h2 {font-size: 16px; font-weight: 600; padding: 20px 20px; margin: 0; color: #2d3494; border-left: solid 2px #2d3494; background: #f5f5f5;}
.accordion-header{text-align:center;background-color:#222;color:#fff;padding:20px 0}

@media screen and (min-width:320px) and (max-width:767px) {
.accordionComponent .tabContent .tab-content .tabularlist .tabimg,.accordionComponent .tabContent .tab-content .tabularlisthidden .tabimg{float:none;text-align:center;width:100%}
.accordionComponent .tabContent .tab-content .tabularlist .tabimg img,.accordionComponent .tabContent .tab-content .tabularlisthidden .tabimg img{width:80%}
.owners { width:100%; display:inline-block; margin-bottom:0; }
.box{ width:48%; float:left; margin-bottom:10px;}
.accordionComponent .accordion-tabs .cols .tabs {padding: 0;}
a.mob-service-logo img {width: 82%; margin-top: 4%;}
.accordionComponent .tabContent .accordion .col-sm-4 {margin-bottom: 10px !important;}
.at-tab {padding: 15px 0px; border: none; border-top: none; box-shadow: none;}
}