@import 'https://fonts.googleapis.com/css?family=Quicksand';
html {scroll-behavior: smooth;}
body {font-family: 'Poppins', sans-serif; color: #666; font-size: 16px; line-height: 24px; overflow-x:hidden;}
h1 {font-size: 33px;}
h2 {font-size: 27px;}
h3 {font-size: 21px;}
h4 {font-size: 15px;}
h5 {font-size: 12px;}
h6 {font-size: 10.2px;}
a:hover {text-decoration: none;}
legend {font-size: 18px; padding: 7px 0px;}
label {font-size: 18px; font-weight: normal;}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {font-size: 12px;}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {font-size: 12px;}
.input-group .input-group-addon {font-size: 12px; height: 30px;}
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {display: inline;}
.information-contact .box {padding-bottom:20px;}
.information-contact .box .form{padding:20px;}
.nav-tabs {margin-bottom: 15px;margin-left: 15px;}
div.required .control-label:before {content: '* ';color: #F00;font-weight: bold;}
span.required{color:#F00;}
.transition {transition: all 0.5s ease;}
header {padding:0px; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);}
.top-bar {line-height:40px; font-size:12px;}
.top-bar a:hover, .top-bar a, .top-bar {color:#193153;}
.top-bar ul {margin-bottom:0;}
.top-bar li {border-right:1px solid #FFF; padding:0;}
.top-bar li:first-child {border-left:1px solid #FFF;}
.top-bar a {text-transform:uppercase; padding:0 10px;}
@media (max-width: 767px) {
#logo, #search {margin-bottom:15px;}
#logo img {margin:auto;}
}
.logo-area {padding:20px 0; background:#FFF;}
/* menu */
.main-menu {}
.navbar-collapse {padding:0;}
.navbar-header #category {float: left; line-height:50px; font-weight: bold;}
#menu .btn-navbar {background:transparent; color:#FFF; font-size: 15px; font-stretch: expanded; float: right; padding: 0; height: 50px; width: 50px; text-align: center;}
.navbar-collapse {margin:0; border:0;}
#menu {margin-bottom:0; min-height:30px; z-index:200;}
#menu .nav > li {margin-right:10px;}
#menu .nav > li > a {padding:0; height:50px; line-height:50px; background-color: transparent; font-size:16px; padding:0 15px;}
#menu .dropdown-inner {display: table;}
#menu .dropdown-inner ul {display: table-cell;}
#menu .dropdown-inner a {min-width: 160px;display: block;padding: 3px 20px;clear: both;line-height: 20px;color: #000;font-size: 12px;}
#menu .dropdown-inner li a:hover {color: #000;}

.design-lab .fa {display:block; text-align:center; font-size:80px; line-height:90px; height:90px; width:90px; margin:auto; margin-bottom:10px;}

@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {display: block;}
}
@media (max-width: 767px) {
	#menu div.dropdown-inner > ul.list-unstyled {display: block;}
	#menu div.dropdown-menu {margin-left: 0 !important; padding-bottom: 10px; background-color: rgba(0, 0, 0, 0.1);}
	#menu .dropdown-inner {display: block;}
	#menu .dropdown-inner a {width: 100%; color: #000;}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {background: rgba(0, 0, 0, 0.1);}
	.navbar-nav {background:#ff9c00; padding: 5px; border:0; margin: 0;}
	#menu .nav > li {border:0;margin-right: 0;}
    #menu .nav > li > a {margin-top:0;color: #193153 !important;border-bottom: 1px solid #d6870c;}
    #menu .nav > li:last-child > a{
        border-bottom:0;
    }
    h1.tour-slide-heading.big-heading {
        font-size: 62px;
        line-height: 66px;
    }
}

@media (min-width: 1600px){
	.container {
		width: 1400px;
	}
}



.content-body > .container, .content-top + .container {margin-top:30px;}
.content-top {overflow-x: hidden; margin-top:-30px;}

.content-top .swiper-viewport {border:0; border-radius:0; box-shadow:none; margin:0;}
.content-top .swiper-pagination {display:none;}

.testimonial-content .swiper-viewport {background:transparent; border:0; border-radius:0; box-shadow:none;}
.testimonial-content .swiper-pagination {display:none;}
/* content */
#content {min-height: 200px;}

/* footer */
footer {background:#FFF;}
.footer-heading {padding:10px 0;}
.footer-heading h3 {padding:0; margin-top:0;    color: #ff9c00;}
footer h5 {font-size: 20px; margin:0; padding:0;margin-bottom:15px;}
footer a {color:#666;}
footer a:hover {padding-left: 10px;}
footer .no-hover-padding a:hover {padding-left:0;}
footer .large-icon {font-size: 16px;}
.footer-social {margin-top:10px;}
.footer-social a {height:30px; line-height:30px; font-size:12px; width:30px; text-align:center; overflow:hidden; display:inline-block;margin-right:2px; color:#FFF;}
footer .footer-social a:hover {padding:0;}
.footer-center {padding:30px 0;}
.copyrights {text-align:center; font-size:11px; padding:15px 0;}

.red-one-line {height: 65px; border-top: 2px solid #f6f6f6; font-size: 26px; line-height:65px;}
.red-one-line .btn, .red-one-line .btn-large {font-size:20px; text-transform:uppercase; height:63px; line-height:63px; border:2px solid #f6f6f6; border-width:0 2px; padding:0 40px;}

.alert {padding: 8px 14px 8px 14px;}
.alert-success a{color:#fff;}

.breadcrumb {display:none;}

/* buttons */
.buttons {margin: 1em 0; overflow:auto;}
.btn {padding: 7.5px 12px;font-size: 12px;border: none;}
.btn-xs {font-size: 9px;}
.btn-sm {font-size: 10.2px;}
.btn-lg, .btn-large  {font-size: 15px;}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {font-size: 12px;}

/* list group */
.list-group a {border: 1px solid #DDDDDD; color: #4b5660; padding: 8px 12px; font-size:13px;}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {color: #fff; background: #8dbe24;}

/* Sidebar List */
.module-menu {margin-top:-10px;}
.module-menu li {border-bottom: 1px dashed #DDD;}
.module-menu li:last-child {border-bottom:0;}
.module-menu a {padding:5px 0; display:inline-block;}
.module-menu a:hover {padding-left:10px;}

/* Sidebar Brands */
.side-brands {padding:15px;}
.side-brands select {border:0;}
.box + .side-brands, .side-brands + div {margin-top:30px;}

/*Product Page Settings*/
#product .btn { margin-bottom:10px;}
.product-buttons {padding-top:10px;}

.thumbnails {overflow: auto;clear: both;list-style: none;padding: 0;margin: 0;}
.thumbnails > li {margin-left: 20px;}
.thumbnails {margin-left: -20px;}
.thumbnails > img {width: 100%;}
.thumbnail {margin-bottom:0;}


/* product list */
.product-thumb {background:#FFF; margin-bottom: 30px; position: relative; box-shadow: 2px 2px 2px #e1e1e1;}
.product-thumb:hover {box-shadow:0 0 10px #c3c3c3;}
.product-thumb-content {padding:15px;}
.product-thumb .product-thumb-image a:hover img {opacity: 0.8;}
.product-thumb .product-thumb-image img {margin: auto;}
.product-thumb h4 {font-weight: bold; font-size: 12px; height: 40px; line-height: 20px; overflow: hidden; margin:0; padding:0;}
.product-thumb .model {}
.product-thumb .price {}
.product-thumb .price-new {font-weight: 600;}
.product-thumb .price-old, .product-thumb .price-tax {display:none;}

/* Testimonial Settings */
.testimonial-content .owl-carousel {border:0; background:transparent;}
.testimonial-content .item {padding: 15px;}
.testimonial-content .owl-pagination {top:auto; bottom:10px;}
.testimonial-content blockquote {border:2px solid #ececec; font-size: 14px; position: relative; display: block; padding: 23px 35px 40px; border-radius: 10px;}
.testimonial-content blockquote:after, .testimonial-content blockquote:before {content: ""; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #ececec; position: absolute; top: 100%; left: 24px;}

/* Category Page */
label.control-label {padding: 5px 0px;}
#input-sort, #input-limit {border: 1px solid #cfcfcf;}
.category-list a {display:block; text-align:center; padding:5px; }

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {width: 100%;}
    #column-left + #content .product-layout .col-md-3 {width: 50%;}
    #column-left + #content + #column-right .product-layout .col-md-3{width: 100%;}
    #content + #column-right .product-layout .col-md-3{width: 100%;}
}

.sorting-row {margin:0; margin-bottom:15px;}
.pagination-row {margin-bottom:15px;}
.pagination {margin: 0;}

a.thumbnail, a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {border:0;}

table {background:#FFF;}
.product-info {padding-bottom:15px;}
.content-top .owl-carousel {border:0;}
.information-contact #content .btn {margin-top:15px;}
.account-login #content .btn,
.information-contact #content .btn,
.product-search #content #button-search {margin-bottom:15px;}
.caps {text-transform:uppercase;}
.bold {font-weight:bold;}

section {padding:50px 0;}
section h3 {margin-top:0; padding-top:0;}
.home-price .fa, .shipping-info .fa {font-size:46px; color:#CCC;}

/* box */
.box-heading h1, .box-heading h2, .box-heading h3 {padding:0; margin:0; padding-bottom:5px; margin-bottom:15px; color: #444444; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size:21px;}
.box + .box {margin-top:15px;}
#screenprintingsection .box-content {padding-bottom:15px;}
.box-content {
    padding: 0 0 25px;
}
.row-designer {padding-top:15px;}

#column-left .box a.active {font-weight:bold;}

.open .dropdown-toggle.btn-default {border:0;}

/* Border Radius */
.panel-heading, #search .input-lg, #search .btn-lg, #cart > .btn, .btn, .side-brands, #color .notice, .home-banners a, .footer-social a,
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {border-radius:0;}

.large-icon a i.fa,
.chat-links a i.fa {float:left; width:56px; text-align:center; height:56px; line-height:56px; border-radius:30px; font-size:24px; margin-right:10px;}


.home-price .fa {margin-bottom:15px;}

h1, h2, h3, h4, h5, h6, .red-one-line, .red-one-line .btn {font-family: 'Poppins', sans-serif;}

.large-icon a {line-height:40px;}
.chat-links {margin:0;}
.chat-links a {line-height:28px;}
.chat-links a, .large-icon a {overflow:auto; display:inline-block;}

/*Loaders*/
.bg_load {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background:url(../image/tshirt-loading.gif) no-repeat center; z-index:200;}
.bg_wrapper {position: fixed; top: 50%; margin-top: 20px; width:100%; text-align:center; color:#000; animation: flickerAnimation 1s infinite; z-index:201;}

@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:.5; }
  100% { opacity:1; }
}

.product-loader {background:url(../image/tshirt-loading.gif) no-repeat center; width:40px; height:40px; overflow:hidden; display:inline-block;}

#nameandnumberspreview h3 {font-size:16px;}
.isd-image-block {margin:auto;}
#namePreview, #numberspan {line-height: normal;}

/*Color Settings*/

/*Dark Gray*/
.module-menu a {color:#333;}

/*Mediam Gray*/
.btn-inverse, .btn:hover, .btn:focus, .btn:active, .btn.active,
.side-brands, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {background-color:#666;}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus, .pagination>li>a, .pagination>li>span, .pagination>.active>span, .pagination>.active>span:hover {border-color:#666;}
a:hover, a:focus {color:#666;}

/*White*/
.open .dropdown-toggle.btn-default, .product-loader, .bg_load {background-color:#FFF;}
.btn-blue, .btn-red, .btn-warning, .btn-danger, .btn-success, .btn-default, .btn-primary, .btn-inverse, .btn-info, .btn-link, .btn:hover, .btn:focus, .large-icon a i.fa, .chat-links a i.fa, .red-one-line, #menu .tabs-left>li.active a, #menu .tabs-left>li.active a:hover, .white-text a, .white-text {color:#fff;}
.btn-default:hover {
    color: #193153 !important;
    background-color: #ff9c00 !important;
    border-color: #adadad;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #333 !important;
    text-decoration: none;
    background-color: #ff9c00 !important;
}
/*light Green*/
.btn-success {background-color:#9dcc66;}

/*Orange*/
.btn, .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active,
#menu .tabs-left>li.active, #cart > .btn, .footer-social a, .main-top, .open .dropdown-toggle.btn-default {background:#1b314b;}
.btn-inverse {background:#ff9c00;}
.design-lab .fa, #search .btn-lg, .home-price .fa, .orange, #cart ul a, a {color:#1b314b;}
.testimonial-content blockquote {border-color:#ececec;}
.testimonial-content blockquote:after, .testimonial-content blockquote:before {border-top-color:#ececec;}

/*Red*/
.main-menu, .red-one-line, .red-bg {background-color:#193153;   }
.red-one-line, .red-bg {padding: 30px 0;}

/*Blue*/
.top-bar, .home-solution, .btn-blue, .large-icon a i.fa, .chat-links a i.fa {background:#eaeaea;}
.large-icon a i.fa, .chat-links a i.fa {
    color: #ff9c00;
}
#menu .nav > li > a:hover,
.blue {color:#fb9e03;}

/*Dark Blue*/

.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active {background:#0985b4;}

.row-designer {padding: 15px;background: #FFF; border-radius:5px; max-width:970px; margin:auto; width:970px;}

.full-width {width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;}

.full-width > section {padding:60px 0; border:0;}
.home-solution {font-size: 16px; line-height:200%; letter-spacing:1px;background-color: #193153;}
.red-bg.white-text.footer-heading p {
    color: #fff;
}

#menu .nav > li > a,
.home-solution h1, .home-solution {color:#fff; }
.home-solution h1 {margin:0; padding:0; margin-bottom:20px;}

#membership_content {
    padding: 60px 0;
}
#feature-tabs {
    padding: 60px 0;
    background-color: #193153;
}
.icon-box-list {
    text-align: center;
}
ul.icon-list{
	display: inline-block;
}
li.icon_list_item {
    float: left;
    list-style: none;
    width: 25%;
    padding: 10px 13px;
    border-right: 1px solid #0f1f35;
    background-color: #193153;
    
}
li.icon_list_item:last-child {
    border-right: 0px solid #0f1f35;
}

.icon_list_icon.animated.rotateIn.delay-03 {
    font-size: 24px;
    border-width: 6px;
    border-style: solid;
    background: #ff9c01;
    color: #ffffff;
    border-color: #e8e7e7;
	text-align: center;
	border-radius: 100%;
    width: 3em;
    height: 3em;
	line-height:2.5em;
	margin: 0 auto;
}


a.ulimate-info-list-link {
    text-decoration: none;
}
.centered{
	text-align:center;
}

ul.icon-list-right {
    display: inherit;
}
.icon-list-left .icon_list_icon {
    float: right;
    font-size: 24px;
    border-width: 1px;
    border-style: none;
    background: #ffffff;
    color: #797979;
    border-color: #333333;
    position: relative;
    margin-top: 10px;
}

@media (min-width: 991px) {
    .icon-product-list {
        display: contents;
    }

}

@media (max-width: 991px) {
    .icon-list-left .icon_list_icon {
        float: left;
    }
    .icon-list-left .icon_description {
        text-align: left !important;
        margin-left: 5em;
        padding-left: 25px;
        margin-right: 0 !important;
        padding-right: 0 !important;
    }
}



.icon-list-right .icon_list_icon {
    float: left;
    font-size: 24px;
    border-width: 1px;
    border-style: none;
    background: #ffffff;
    color: #797979;
    border-color: #333333;
    position: relative;
    padding: 10px 0;
}



.icon-list-left .icon_list_icon img, .icon-list-right .icon_list_icon img{
    display: block;
    margin: 0 auto;
    max-height: 100%!important;
    max-width: 100%!important;
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.icon-list-left li.p_icon_list_item, .icon-list-right li.p_icon_list_item {
    list-style: none!important;
    clear: both!important;
    position: relative!important;
    min-height: 1em!important;
    margin: 0 0 10px!important;
    line-height: 100%;
    overflow: visible;
    float: left;
    list-style: none;
    padding: 0px 12px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    border-right: 1px solid #e6e6e6;
}
.icon_description p {
    font-size: 15px;
}


.icon-list-left .icon_description {
    text-align: right;
    margin-right: 5em;
    padding-right: 25px;
    position: relative;
    color: #666666;
}
.icon-list-right .icon_description {
    text-align: left;
    margin-left: 5em;
    padding-left: 25px;
    position: relative;
    color: #666666;
}
.icon_description {
    color: #fff;
}

.p-t-30{
padding-top:30px;
} 
.p-b-30{
padding-bottom:30px;
}
.p-b-60{
    padding-bottom:60px;
}

#div-printing {
    padding: 60px 0;
    background-color: #ff9c00;
    color: #fff;
}
.printing-box {
    padding: 20px;
    background-color: #fff;
    margin-bottom: 10px;
    font-size: 20px;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    color: #666;
}
.printing-box:hover {
    box-shadow: inset 400px 0 0 0 #193153;
    color: #fff;
}
#div-products {
    padding: 60px 0;
    background-color: #fff;
}
#div-designer {
    padding: 60px 0 0;
    background-color: #193153;
    color: #fff;
}
.designing-box h3 {
    color: #ff9c00;
}
.designing-box p {
    color: #d2d2d2;
}
.designing-box {
    margin-bottom: 20px;
}
#div-store {
    padding: 60px 0;
    background-color:#e8e8e8;
}
.store-box {
    text-align: left;
    margin-bottom: 40px;
}

.store-box-icon {
    background-color: #969696;
    color: #fff;
    padding: 18px 0;
    font-size: 24px;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    text-align: center;
    float: left;
}
.store-box-description {
    margin-left: 60px;
    padding-left: 20px;
}
.new-btn-style {
    padding: 12px 24px;
    font-size: 18px;
}
.testimonial-content {
    padding: 60px 0 0;
}
ul.list-new-style li{
    padding:4px 0;
}
.shirt-info-content{

}
.color-primary{
    color: #ff9c00 !important;
}
.spacer-200 {
    height: 100px;
}
span#category {
    color: #fff;
    padding: 10px;
}
.p-b-15 {
    padding-bottom: 15px;
}
a.demo-btn {
    background-color: #ff9c00;
    color: #1b314b;
}
a.demo-btn:hover {
    background-color: #1b314b !important;
    color: #fff !important;
}
h2.withno {
    background-color: #ff9c00;
    padding: 10px 20px;
    color: #505050;
    font-size: 18px;
    margin-bottom: 30px;
}

section.bg-gray {
    background-color: #f6f6f6;
}



#store_tours{
    padding: 0 0 60px;
    
}
h1.tour-slide-heading.big-heading {
    font-size: 90px;
    color: #000;
    font-weight: 600;
    line-height: 100px;
    margin-bottom: 0.75rem;
}
.tour-slide-subheading{
    color: rgba(0,0,0,.54);
    font-size: 20px;
    font-weight: 400;
    margin: 24px 0 48px;
    line-height: 30px;
}
a.btn-tour-start.btn-tour.btn-primary.btn {
    background-color: #ff9c01;
    border-color: #da8501;
    padding: 15px 52px;
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
}

a.btn-tour-start.btn-tour.btn-primary.btn:hover {
    background-color: #193153 !important;
    color: #fff !important;
}

.tour-slide-heading {
    font-size: 44px;
    font-weight: 600;
    line-height: 1.3;
    color: #000;
}
.feature-tab_icon {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    color: #46ADEB;
    font-size: 32px;
    opacity: .5;
}
#the-old-way {
    
    
}

#the-old-way .feature-tab_icon {
    float: left;
    margin-right: 25px;
    opacity: 1;
    text-align: center;
    width: 64px;
}

#the-old-way .feature-tab h3, .tour-slide .feature-tab h3 a:hover {
    color: rgba(0,0,0,.87);
    text-decoration: none;
    margin-bottom: 18px;
}
#the-old-way .feature-tab p {
    margin: 0;
    margin-right: 60px;
    display: flex;
}

#the-old-way .feature-tab:hover {
    color: rgba(0,0,0,.87);
    display: block;
    padding: 20px 10px;
    
} 
#the-old-way .feature-tab {
    padding: 20px 10px;
    display: block;
}
#the-old-way ul li {
    padding: 10px 10px;
}
#the-old-way ul {
    padding: 0;
}
.feature-preview-wrap {
    margin-bottom: 30px;
}


.sec-one ul, li{ list-style: none;    padding: 0; }
.sec-one nav { width: 100%;  position: relative}
.sec-one li{ width: 40%;padding: 5px 20px; }
.sec-one li:hover {  }
.sec-one section{ display: block; width: 55%; height:100%; position: absolute; right:1%; top:-9999px; text-align: center; z-index: 10; margin-left:-9999px}

.sec-one li[data-role="thumb-1"], section[data-role="content-1"] { z-index=1; top:0% }
.sec-one li[data-role="thumb-2"]:hover section[data-role="content-2"]{ top:0% }
.sec-one li[data-role="thumb-3"]:hover section[data-role="content-3"]{ top:0% }
.sec-one li[data-role="thumb-4"]:hover section[data-role="content-4"]{ top:0% }


@media (max-width: 767px){
    .sec-one ul, li{ list-style: none;    padding: 0; }
    .sec-one nav { width: 100%;  position: relative}
    .sec-one li{ width: 100%; padding: 5px 20px; }
    .sec-one li:hover {  }
    .sec-one section{ display: block; width: 100%; height:100%; position: relative; top:0; text-align: center; z-index: 10; margin-left:0}
    .sec-one li[data-role="thumb-1"], section[data-role="content-1"] { z-index:1; top:0% }
    .sec-one li[data-role="thumb-2"]:hover section[data-role="content-2"]{ top:0% }
    .sec-one li[data-role="thumb-3"]:hover section[data-role="content-3"]{ top:0% }
    .sec-one li[data-role="thumb-4"]:hover section[data-role="content-4"]{ top:0% }
}





#sec-three {
    
    
}

#sec-three .feature-tab_icon {
    float: left;
    margin-right: 25px;
    opacity: 1;
    text-align: center;
    width: 64px;
}

#sec-three .feature-tab h3, .tour-slide .feature-tab h3 a:hover {
    color: rgba(0,0,0,.87);
    text-decoration: none;
    margin-bottom: 18px;
}
#sec-three .feature-tab p {
    margin: 0;
    margin-right: 60px;
    display: flex;
}

#sec-three .feature-tab:hover {
    box-shadow: 0 4px 24px 0 rgba(50,78,92,0.20);
    color: rgba(0,0,0,.87);
    display: block;
    padding: 20px 10px;
    
} 
#sec-three .feature-tab {
    padding: 20px 10px;
    display: block;
    cursor: pointer;
}
#sec-three ul li {
    padding: 10px 10px;
}
#sec-three ul {
    padding: 0;
}



#sec-four {
    
}
#sec-four .feature-tab_icon {
    float: left;
    margin-right: 25px;
    opacity: 1;
    text-align: center;
    width: 64px;
}
#sec-four .feature-tab h3, .tour-slide .feature-tab h3 a:hover {
    color: rgba(0,0,0,.87);
    text-decoration: none;
    margin-bottom: 18px;
}
#sec-four .feature-tab p {
    margin: 0;
    margin-left: 90px;
    display: flex;
}
#sec-four .feature-tab:hover {
    box-shadow: 0 4px 24px 0 rgba(50,78,92,0.20);
    color: rgba(0,0,0,.87);
    display: block;
    padding: 20px 10px;
} 
#sec-four .feature-tab {
    padding: 20px 10px;
    display: block;
    cursor: pointer;
}
#sec-four ul li {
    padding: 20px 10px;
}
#sec-four ul {
    padding: 0;
}
#sec-four .sec-one ul, li{ list-style: none;padding: 0;display: flow-root;}
#sec-four .sec-one nav { width: 100%;  position: relative}
#sec-four .sec-one li{ width: 40%;padding: 5px 20px;     float: right;}
#sec-four .sec-one li:hover {  }
#sec-four .sec-one section{ display: block; width: 55%; height:100%; position: absolute; left:1%; margin-left:0;text-align: center; z-index: 10; }

#sec-four .sec-one li[data-role="thumb-1"], section[data-role="content-1"] { z-index:1; top:0%;float: right; }
#sec-four .sec-one li[data-role="thumb-2"]:hover section[data-role="content-2"]{ top:0%;float: right; }
#sec-four .sec-one li[data-role="thumb-3"]:hover section[data-role="content-3"]{ top:0%;float: right; }
#sec-four .sec-one li[data-role="thumb-4"]:hover section[data-role="content-4"]{ top:0%;float: right; }


@media (max-width: 767px){
    #sec-four .sec-one ul, li{ list-style: none;    padding: 0; }
    #sec-four .sec-one nav { width: 100%;  position: relative}
    #sec-four .sec-one li{ width: 100%; padding: 5px 20px; }
    #sec-four .sec-one li:hover {  }
    #sec-four .sec-one section{ display: block; width: 100%; height:100%; position: relative; top:0; text-align: center; z-index: 10; margin-left:0}
    #sec-four .sec-one li[data-role="thumb-1"], section[data-role="content-1"] { z-index:1; top:0% }
    #sec-four.sec-one li[data-role="thumb-2"]:hover section[data-role="content-2"]{ top:0% }
    #sec-four .sec-one li[data-role="thumb-3"]:hover section[data-role="content-3"]{ top:0% }
    #sec-four .sec-one li[data-role="thumb-4"]:hover section[data-role="content-4"]{ top:0% }
}







#sec-five {
    
}

#sec-five .feature-tab_icon {
    float: left;
    margin-right: 25px;
    opacity: 1;
    text-align: center;
    width: 64px;
}

#sec-five .feature-tab h3, .tour-slide .feature-tab h3 a:hover {
    color: rgba(0,0,0,.87);
    text-decoration: none;
    margin-bottom: 18px;
}
#sec-five .feature-tab p {
    margin: 0;
    margin-right: 60px;
    display: flex;
}

#sec-five .feature-tab:hover {
    box-shadow: 0 4px 24px 0 rgba(50,78,92,0.20);
    color: rgba(0,0,0,.87);
    display: block;
    padding: 20px 10px;
    
} 
#sec-five .feature-tab {
    padding: 20px 10px;
    display: block;
    cursor: pointer;
}
#sec-five ul li {
    padding: 10px 10px;
}
#sec-five ul {
    padding: 0;
}



#sec-six {
    
}
#sec-six .feature-tab_icon {
    float: left;
    margin-right: 25px;
    opacity: 1;
    text-align: center;
    width: 64px;
}
#sec-six .feature-tab h3, .tour-slide .feature-tab h3 a:hover {
    color: rgba(0,0,0,.87);
    text-decoration: none;
    margin-bottom: 18px;
}
#sec-six .feature-tab p {
    margin: 0;
    margin-left: 90px;
    display: flex;
}
#sec-six .feature-tab:hover {
    box-shadow: 0 4px 24px 0 rgba(50,78,92,0.20);
    color: rgba(0,0,0,.87);
    display: block;
    padding: 20px 10px;
} 
#sec-six .feature-tab {
    padding: 20px 10px;
    display: block;
    cursor: pointer;
}
#sec-six ul li {
    padding: 20px 10px;
}
#sec-six ul {
    padding: 0;
}
#sec-six .sec-one ul, li{ list-style: none;padding: 0;display: flow-root;}
#sec-six .sec-one nav { width: 100%;  position: relative}
#sec-six .sec-one li{ width: 40%;padding: 5px 20px;     float: right;}
#sec-six .sec-one li:hover {  }
#sec-six .sec-one section{ display: block; width: 55%; height:100%; position: absolute; left:1%; margin-left:0;text-align: center; z-index: 10; }

#sec-six .sec-one li[data-role="thumb-1"], section[data-role="content-1"] { z-index:1; top:0%;float: right; }
#sec-six .sec-one li[data-role="thumb-2"]:hover section[data-role="content-2"]{ top:0%;float: right; }
#sec-six .sec-one li[data-role="thumb-3"]:hover section[data-role="content-3"]{ top:0%;float: right; }
#sec-six .sec-one li[data-role="thumb-4"]:hover section[data-role="content-4"]{ top:0%;float: right; }
@media (max-width: 767px){
    #sec-six .sec-one ul, li{ list-style: none;    padding: 0; }
    #sec-six .sec-one nav { width: 100%;  position: relative}
    #sec-six .sec-one li{ width: 100%; padding: 5px 20px; }
    #sec-six .sec-one li:hover {  }
    #sec-six .sec-one section{ display: block; width: 100%; height:100%; position: relative; top:0; text-align: center;z-index: 10; margin-left:0}
    #sec-six .sec-one li[data-role="thumb-1"], section[data-role="content-1"] { z-index:1; top:0% }
    #sec-six .sec-one li[data-role="thumb-2"]:hover section[data-role="content-2"]{ top:0% }
    #sec-six .sec-one li[data-role="thumb-3"]:hover section[data-role="content-3"]{ top:0% }
    #sec-six .sec-one li[data-role="thumb-4"]:hover section[data-role="content-4"]{ top:0% }
}




#sec-seven {
    
}
#sec-seven .feature-tab_icon {
    float: left;
    margin-right: 25px;
    opacity: 1;
    text-align: center;
    width: 64px;
}
#sec-seven .feature-tab h3, .tour-slide .feature-tab h3 a:hover {
    color: rgba(0,0,0,.87);
    text-decoration: none;
    margin-bottom: 18px;
}
#sec-seven .feature-tab p {
    margin: 0;
    margin-right: 60px;
    display: flex;
}
#sec-seven .feature-tab:hover {
    
    color: rgba(0,0,0,.87);
    display: block;
    padding: 20px 10px;
} 
#sec-seven .feature-tab {
    padding: 20px 10px;
    display: block;
}
#sec-seven ul li {
    padding: 10px 10px;
}
#sec-seven ul {
    padding: 0;
}


#sec-eight {
    
}
#sec-eight .feature-tab_icon {
    float: left;
    margin-right: 25px;
    opacity: 1;
    text-align: center;
    width: 64px;
}
#sec-eight .feature-tab h3, .tour-slide .feature-tab h3 a:hover {
    color: rgba(0,0,0,.87);
    text-decoration: none;
    margin-bottom: 18px;
}
#sec-eight .feature-tab p {
    margin: 0;
    margin-right: 60px;
    display: flex;
}
#sec-eight .feature-tab:hover {
    box-shadow: 0 4px 24px 0 rgba(50,78,92,0.20);
    color: rgba(0,0,0,.87);
    display: block;
    padding: 20px 10px;
} 
#sec-eight .feature-tab {
    padding: 20px 10px;
    display: block;
}
#sec-eight ul li {
    padding: 20px 10px;
}
#sec-eight ul {
    padding: 0;
}

.tour-callout .solution-icon {
    height: 56px;
    left: 0px;
    position: absolute;
    top: 0px;
    text-align: center;
    width: 56px;
    font-size: 26px;
    padding: 13px 10px;
    background-color: #eaeaea;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    box-shadow: 0 1px 2px 0px #bdbdbd;
}
.tour-callout-wrap a i {
    color: #193153;
}

.tour-callout-wrap {
    margin: 64px 0 0 24px;
}
.tour-callout {
    display: block;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 24px;
    padding: 16px 24px 16px 72px;
    position: relative;
}
.sec-one section {
    padding: 0;
}
a.btn.down {
    background-color: #eaeaea;
    padding: 12px 17px;
    border-radius: 50px;
    color: #bbbbbb;
    font-size: 18px;
    width: 50px;
    height: 50px;
}
.tour-callout .solution-icon img {
    width: 100%;
}
.p-t-60 {
    padding-top: 60px;
}



.round-box.green-box a.btn.btn-default, .round-box.yellow-box a.btn.btn-default, .round-box.red-box a.btn.btn-default, .round-box.blu-box a.btn.btn-default {
    background-color: #193153;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    box-shadow: 0px 0px 3px 0px #00000047;
}

.round-box.green-box:hover h3, .round-box.yellow-box:hover h3, .round-box.red-box:hover h3, .round-box.blu-box:hover h3 {
    color: #fff;
}
.round-box.green-box:hover p, .round-box.yellow-box:hover p, .round-box.red-box:hover p, .round-box.blu-box:hover p {
    color: #fff;
}
.round-box .icon-box{
    float: left;
    margin-right: 10px;
}

.round-box.green-box:hover {
    background-color: #ff9c00;
    color: #fff;
    border: 10px solid rgb(154 154 154 / 13%);
}
.round-box.green-box:hover a.btn, .round-box.green-box:hover i.fa {
    background-color: #193153 !important;    color: #fff !important;
}

.round-box.yellow-box:hover {
    background-color: #ff9c00;
    color: #fff;border: 10px solid rgb(154 154 154 / 13%);
}
.round-box.yellow-box:hover a.btn, .round-box.yellow-box:hover i.fa {
    background-color: #193153 !important;    color: #fff !important;
}

.round-box.red-box:hover {
    background-color: #ff9c00;
    color: #fff;border: 10px solid rgb(154 154 154 / 13%);
}
.round-box.red-box:hover a.btn, .round-box.red-box:hover i.fa {
    background-color: #193153 !important;    color: #fff !important;
}

.round-box.blu-box:hover {
    background-color: #ff9c00;
    color: #fff;border: 10px solid rgb(154 154 154 / 13%);
}
.round-box.blu-box:hover a.btn, .round-box.blu-box:hover i.fa {
    background-color: #193153 !important;    color: #fff !important;
}

.span6 label {
    min-width: 200px;
}

@media (min-width: 767px) {
    .span6 {
        width: 48%;
        float: left;
        margin-right: 2%;
    }
}
.span6 input.large-field, .span6 select {
    width: 55%;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border: 1px solid #ccc;
}
.span12.p-b-60 {
    display: grid;
}