.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
alignment: center;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                        .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
        
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        .oxy-pro-menu {
menu_dropdown_animation:fade-up;
}
.oxy-pro-menu .oxy-pro-menu-list .menu-item a{
padding-top:px;
padding-left:px;
padding-right:px;
padding-bottom:px;
}

.oxy-pro-menu .oxy-pro-menu-list > .menu-item{
margin-top:px;
margin-left:px;
margin-right:px;
margin-bottom:px;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
margin-top:px;
margin-left:px;
margin-right:px;
margin-bottom:px;
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu .menu-item a{
padding-top:px;
padding-left:px;
padding-right:px;
padding-bottom:px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container > div:first-child, .oxy-pro-menu .oxy-pro-menu-open-container > div:first-child{
oxy-pro-menu_slug_oxypromenuoffcanvascontaineroxypromenulistmenuitemoxypromenuopencontaineroxypromenulistmenuitem_min_width:px;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container{
oxy-pro-menu_slug_oxypromenuoffcanvascontainer_width:px;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item a{
padding-top:px;
padding-left:px;
padding-right:px;
padding-bottom:px;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container{
padding-top:px;
padding-left:px;
padding-right:px;
padding-bottom:px;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-color:;
background-image:url();
overlay-color:;
background-size:;
background-repeat:;
background-attachment:;
background-blend-mode:;
background-size-width:px;
background-size-height:px;
background-position:px px;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1120px;
}
body {font-family: 'Open Sans';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'Zilla Slab';font-size: 36px;font-weight: 700;line-height: ;}h2, h3, h4, h5, h6{font-size: 30px;line-height: ;}h3, h4, h5, h6{font-size: 24px;line-height: ;}h4, h5, h6{font-size: 20px;line-height: ;}h5, h6{font-size: 18px;line-height: ;}h6{font-size: 16px;line-height: ;}a {text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: 75px;
padding-right: 20px;
padding-bottom: 75px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 20px;
padding-left: 20px;
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.serbox {
 padding-top:20px;
 padding-left:10px;
 padding-right:10px;
 padding-bottom:20px;
 border-radius:5px;
 width:32.5%;
 margin-bottom:2.5px;
 margin-top:2.5px;
 margin-left:2.5px;
 margin-right:2.5px;
 height:80px;
 box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2);
}
@media (max-width: 991px) {
.serbox {
 width:32%;
}
}

@media (max-width: 767px) {
.serbox {
 width:100%;
 height:50px;
}
}

@media (max-width: 479px) {
.serbox {
}
}

.menubtns {
 font-size:20px;
 width:33%;
 border-top-left-radius:10px;
 border-top-right-radius:3px;
 border-bottom-left-radius:0px;
 border-bottom-right-radius:0px;
}
@media (max-width: 767px) {
.menubtns {
 width:100%;
 margin-bottom:5px;
}
}

@media (max-width: 479px) {
.menubtns {
 margin-bottom:5px;
}
}

.atomic-footer-8-link {
 font-family:'Zilla Slab';
 color:#8c8c8c;
 font-size:14px;
 line-height:1.2;
 margin-bottom:5px;
}
.submenu {
}
.tabtitle:hover{
 color:#ffffff;
}
.tabtitle:after{
 font-family:'Zilla Slab';
 font-weight:800;
 color:#ffffff;
  content:"";
}
.tabtitle {
 font-family:'Zilla Slab';
 font-size:18px;
 color:#242e44;
}
.popserve {
 color:#ffffff;
 margin-bottom:0px;
}
@media (max-width: 767px) {
.popserve {
 font-size:14px;
}
}

.statbox {
 width:33.3%;
 text-align:center;
 padding-left:20px;
 padding-right:20px;
 height:180px;
 aos-enable:false;
}
.statbox:not(.ct-section),
.statbox.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 767px) {
.statbox {
 width:100%;
}
}

.modtxt {
 font-family:'Zilla Slab';
 color:#000000;
 font-size:18px;
 font-weight:600;
 text-decoration:underline;
 padding-left:10px;
 padding-right:10px;
 margin-top:10px;
 margin-bottom:5px;
}
.oxy-close-modal {
background-color :#1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 5px 8px;
}.oxy-close-modal {
 z-index:1000;
 position:absolute;
 top:0px;
 right:0px;
 background-color:#000000;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 padding-top:0px;
 padding-bottom:0px;
 border-radius:0px;
}
.oxy-close-modal:not(.ct-section),
.oxy-close-modal.ct-section .ct-section-inner-wrap{
flex-direction:unset;
}
@media (max-width: 767px) {
.oxy-close-modal {
 background-color:#27ae60;
}
.oxy-close-modal:not(.ct-section),
.oxy-close-modal.ct-section .ct-section-inner-wrap{
display:block;
flex-direction:unset;
}
}

.sirtit {
 font-size:20px;
 line-height:1.2;
 color:#73a1d6;
}
@media (max-width: 767px) {
.sirtit {
 font-size:14px;
 line-height:1.2;
}
}

@media (max-width: 479px) {
.sirtit {
 font-size:14px;
}
}

.sirtit2 {
}
.sertit2 {
 font-size:20px;
 color:#6fcf97;
 line-height:1.2;
}
@media (max-width: 991px) {
.sertit2 {
}
}

@media (max-width: 767px) {
.sertit2 {
 font-size:14px;
}
}

.sertit3 {
 font-size:20px;
 color:#b25c2a;
 line-height:1.2;
}
@media (max-width: 767px) {
.sertit3 {
 font-size:14px;
}
}

.titlez {
 font-family:'Zilla Slab';
 color:#000000;
 font-size:20px;
 font-weight:800;
 line-height:1;
}
.imagez {
 height:40px;
}
.desz {
 font-family:'Zilla Slab';
 font-size:14px;
 line-height:1.2;
 color:#000000;
}
.boxz {
 background-color:#ffffff;
 width:19.4%;
 padding-top:10px;
 padding-left:10px;
 padding-right:10px;
 padding-bottom:10px;
 border-radius:5px;
 margin-top:2.5px;
 margin-left:2.5px;
 margin-right:2.5px;
 margin-bottom:2.5px;
 text-align:center;
 aos-enable:false;
 box-shadow:0px 0px 2px 0px rgba(0,0,0,0.75);
}
.boxz:not(.ct-section),
.boxz.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 1120px) {
.boxz {
 width:19%;
}
}

@media (max-width: 991px) {
.boxz {
 width:32%;
}
}

@media (max-width: 767px) {
.boxz {
 width:48%;
}
}

@media (max-width: 479px) {
.boxz {
 width:100%;
}
}

.comingsoon {
cursor: pointer;
}
.counternum {
 font-size:60px;
}
.countertxt {
 color:#ffffff;
}
.oxy-stock-content-styles {
}
.toggle-1428 {
}

        
                .toggle-1428 .oxy-expand-collapse-icon::before,
        .toggle-1428 .oxy-expand-collapse-icon::after {
            background-color: #add136;        }
        
        .toggle-1428-expanded {
}
.dealers:hover{
 color:#add136;
}
.dealers {
 color:#ffffff;
}
.toggle-9006 {
}

        
                .toggle-9006 .oxy-expand-collapse-icon::before,
        .toggle-9006 .oxy-expand-collapse-icon::after {
            background-color: color(8);        }
        
        .toggle-9006-expanded {
}
.tvcha {
 width:25%;
}
@media (max-width: 1120px) {
.tvcha {
 width:25%;
}
}

@media (max-width: 991px) {
.tvcha {
}
}

@media (max-width: 767px) {
.tvcha {
 width:50%;
}
}

.fimg {
object-fit: cover;
}
.MODTXT {
}
.breadcrumbs-section {
}
.bar {
 padding-top:5px;
 padding-bottom:5px;
 width:33.3%;
}
.heading {
 font-size:30px;
}
.img1 {
 width:100%;
}
.btn1 {
 width:100%;
}
.rentside {
 width:48%;
}
@media (max-width: 991px) {
.rentside {
 width:100%;
 margin-bottom:20px;
}
}

.probar {
 progress_bar_left_text_typography_font-family:Array;
 progress_bar_progress:100%;
 progress_bar_bar_color:#ff5b5b;
 progress_bar_left_text_typography_font-weight:500;
 progress_bar_right_text_typography_font-size:0px;
 width:48%;
 border-radius:5px;
 overflow:hidden;
 progress_bar_left_text_typography_line-height:1;
 progress_bar_left_text_typography_font-size:13px;
 margin-bottom:10px;
}

                        .probar .oxy-progress-bar-background {
                        background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: oxy_progress_bar_stripes 1s linear infinite;        }
        
                .probar .oxy-progress-bar-progress-wrap {
            width: 100%;        }
        
                                                .probar .oxy-progress-bar-progress {
            background-color: #ff5b5b;padding: 10px;animation: oxy_progress_bar_stripes 1s linear infinite, oxy_progress_bar_width 1 ease-out 1;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
        
                        .probar .oxy-progress-bar-overlay-text {
            font-family: 'Zilla Slab';
font-weight: 500;
line-height: 1;
font-size: 13px;
        }
        
                        .probar .oxy-progress-bar-overlay-percent {
            font-size: 0px;
        }
        
        @media (max-width: 991px) {
.probar {
 width:100%;
}
}

.catscon:hover{
 background-color:rgba(145,109,10,0.15);
 border-radius:20px;
 box-shadow:0px 0px 20px 1px rgba(25,25,25,0.04);
}
.catscon {
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;
 padding-bottom:20px;
 background-color:rgba(140,107,16,0.04);
 border-radius:30px;
 margin-top:10px;
 margin-bottom:10px;
 width:18%;
}
@media (max-width: 1120px) {
.catscon {
 width:19%;
}
}

@media (max-width: 991px) {
.catscon {
 width:30%;
}
}

@media (max-width: 767px) {
.catscon {
 width:100%;
}
}

.payicon {
border: 1px solid;
padding: 20px;color: #707070;}.payicon 
>svg {width: 55px;height: 55px;}.payicon {
}
.payitxt {
 font-weight:600;
 font-size:18px;
 color:#707070;
 margin-bottom:10px;
}
.icondesc {
 font-size:12px;
 color:#707070;
 margin-top:10px;
 padding-left:3px;
 padding-right:3px;
 border-top-color:#d13838;
 border-right-color:#d13838;
 border-bottom-color:#d13838;
 border-left-color:#d13838;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 width:45%;
 border-radius:5px;
}
.comingsoon2 {
}

@import url('https://fonts.googleapis.com/css?family=Oldenburg');
/* Change background color of buttons on hover */


button {
  border: none;
  padding: 13px;
  width: 100%;
  border: 3px solid teal;
  border-radius: 3px;
  font-family: zilla slab;
  font-weight: 800;
  background-color: white;
  color: teal;
  cursor: pointer;
}

button:hover {
  border: none;
  padding: 13px;
  width: 100%;
  border: 3px solid teal;
  border-radius: 3px;
  font-family: zilla slab;
  font-weight: 800;
  background-color: teal;
  color: white;
  cursor: pointer;
}



br {
    display: block;
    line-height: 1.6em;
}



ol, ul {
    list-style: none;
}


img {
    border: 0;
    max-width: 100%;
}

h1 {
    font-family: zilla slab;
    font-weight: 800;
    color: #646464;
    font-size: 3.0em;
    line-height: 1.6em;
    margin-bottom: 10px;
}

h2 {
    font-family: zilla slab;
    font-weight: 600;
    font-size: 1.8em;
    line-height: 1.55em;
    margin-bottom: 4px;
    color: #888;
}

div#ghapidata h3 {
	font-size: 14px;
  	color: red;
  	line-height: 1.5;
}

p {
    font-size: 1.4em;
    line-height: 1.55em;
    margin-bottom: 12px;
    display: flex;
    text-align: left;
}

a {
    color: #8eadd2;
}

a:hover {
    color: #6e91b9;
}

/* page structure */

#w {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    background: #fff;
    padding: 40px 25px 10px 25px;;
    -webkit-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4);   
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#ghapidata {
    display: block;
    padding: 25px 0;
}

#loader {
    display: block;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

/* page content styles */

.smallname {
    font-size: 0.75em;
    color: #a9a9a9;
    font-style: italic;
}

.avi {
    float: left;
    margin-right: 7px;
    margin-bottom: 7px;
}

.avi img {
    border: 1px solid #ccc;
    padding: 3px;
}

.repolist {
    display: block;
    clear: both;
    width: 100%;
}

.repolist ul {
    font-size: 1.2em;
}

.repolist ul li {
    display: block;
}

.repolist ul li a {
    font-weight: bold;
    padding: 6px 9px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    text-decoration: none;
    border: 1px solid #356492;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    background-color: #3673af;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5597d8), to(#3673af));
    background-image: -webkit-linear-gradient(top, #5597d8, #3673af);
    background-image: -moz-linear-gradient(top, #5597d8, #3673af);
    background-image: -ms-linear-gradient(top, #5597d8, #3673af);
    background-image: -o-linear-gradient(top, #5597d8, #3673af);
    background-image: linear-gradient(top, #5597d8, #3673af);
}

.repolist ul li a:hover {
    background-color: #396895;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4b87c2), to(#396895));
    background-image: -webkit-linear-gradient(top, #4b87c2, #396895);
    background-image: -moz-linear-gradient(top, #4b87c2, #396895);
    background-image: -ms-linear-gradient(top, #4b87c2, #396895);
    background-image: -o-linear-gradient(top, #4b87c2, #396895);
    background-image: linear-gradient(top, #4b87c2, #396895);
}

.repolist ul li a:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
}

.repolist ul li a span {
    font-family: "Courier New", Courier, "Lucida Typewriter", monospace;
    font-size: 0.9em;
}

/* input field */

.inputf {
    font-family: zilla slab;
    display: block;
  	width: 100%;
    padding: 10px 8px;
    font-size: 1em;
    color: #666;
    margin-bottom: 15px;
    border: 1px solid grey;
    border-radius: 3px;
}



/* clearfix */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


#proceed {
    display: none;
}

/*
 CSS for the main interaction
*/
.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

/*
 Styling
*/

.tabset > label {
  position: relative;
  display: inline-block;
  padding: 15px 15px 15px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-family: zilla slab;
  font-weight: 600;
  margin-top: 10px;
}

.tabset > label::after {
  content: "";
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 22px;
  height: 0px;
  background: #8d8d8d;
}


.tabset > label:hover,
.tabset > input:focus + label {
  color: white;
  border-radius: 3px;
  background-color:  red;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #06c;
}

.tabset > input:checked + label {
  border-color: #ccc;
  border-bottom: 0px solid #ccc;
  margin-bottom: -1px;
  border-radius: 3px;
  background-color: darkblue;
  color: white;
}

.tab-panel {
  padding: 30px 0;
  border-top: 0px solid #ccc;
}



/*
	container for proceed button
*/
#proceed {
    width: 100%;
}
.tabb {
 width: 100%;
}