/* Invicti V2 - Copyright 2016 www.invicti.com */


/* Typography ----------------------------------------------------- */
body {font-family: 'Raleway', sans-serif;font-size:14px;font-weight: 400;color:#4b4f54;}
h1, h2, h3 {font-weight: 600;color: #666;}
h4, h5, h6 {font-weight: 400;color: #666;}
b {font-weight: 600!important;}
strong {font-weight: 700!important;}
a {color:#666;}
a:focus, a:hover {color: #000;}


/* Navbar --------------------------------------------------------- */
.nav>li>a {padding: 10px 25px 10px 0;}
.navbar-custom {margin-bottom: 0;border-bottom: 1px solid #333;text-transform: uppercase;color: rgba(255,255,255,.8);background-color: #1b1f23;}
.navbar-custom .navbar-brand {padding: 0;}
.navbar-custom .navbar-brand:focus {outline: 0;}
.navbar-custom .navbar-brand .navbar-toggle {padding: 4px 6px;font-size: 16px;color: #fff;}
.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {outline: 0;}
.navbar-custom a {color: #fff;font-size: 15px;font-family: 'Source Sans Pro', sans-serif;font-weight: 400;text-transform: uppercase;text-decoration: none;}
.navbar-custom .nav li a {-webkit-transition: background .4s ease-in-out;-moz-transition: background .4s ease-in-out;transition: background .4s ease-in-out;}
.navbar-custom .nav li a:hover {outline: 0;color: rgba(255,255,255,.8);background-color: transparent;}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {outline: 0;background-color: transparent;}
.navbar-custom .nav li.active {outline: 0;}
.navbar-custom .nav li.active a {color: #FFFEAF;}
.navbar-custom .nav li.active a:hover {color: #fff;}
@media(min-width:768px) {
    .navbar-custom {
        padding: 30px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .4s ease-in-out,padding .4s ease-in-out;
        -moz-transition: background .4s ease-in-out,padding .4s ease-in-out;
        transition: background .4s ease-in-out,padding .4s ease-in-out;
    }
    .navbar-custom.top-nav-collapse {padding: 10px 0;background-color: #000;}
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        margin-left: 15px;margin-right: 15px;
    }

}
.navbar-toggle {padding: 3px 5px 0;margin-bottom: 0;}
.logo {padding-top: 3px;}
.logo img {width: 200px;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;transition: all .4s ease-in-out}
/*.top-nav-collapse .logo img {padding:10px;}*/

.navbar-custom img.color{display: none;}
.top-nav-collapse img.color{display: inherit;!important;}
.top-nav-collapse img.white{display: none!important;}
.navbar-nav {margin: 7.5px 0;}
@media (max-width: 767px) {
    .top-nav-collapse .logo img {width: 200px;padding: 0!important;}
    .navbar-custom .navbar-brand {padding-left: 15px;}
    .navbar-custom {border-bottom: 0;background-color: transparent;}
    .top-nav-collapse {border-bottom: 1px solid #333;background-color: #1b1f23;}
    .navbar-right {background-color: #1b1f23;}
}


/* Buttons -------------------------------------------------------- */
.btn {padding:9px 28px;border-width: 2px;border-radius: 0;}
.btn-blue {color: #FFFFFF;background-color: #2788CC;border-color: #2788CC;}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.open .dropdown-toggle.btn-blue {color: #FFFFFF;background-color: #0576A0;border-color: #2788CC;}
.btn-blue:active,
.btn-blue.active,
.open .dropdown-toggle.btn-blue {background-image: none;}
.btn-blue.disabled,
.btn-blue[disabled],
fieldset[disabled] .btn-blue,
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
fieldset[disabled] .btn-blue:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue.active {background-color: #2788CC;border-color: #2788CC;}
.btn-blue .badge {color: #2788CC;background-color: #FFFFFF;}
.btn-blue-t{background-color: transparent;color:#000;}
.btn-gray {color: #FFFFFF;background-color: #333333;border-color: #333333;}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray {color: #FFFFFF;background-color: #252525;border-color: #333333;}
.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray {background-image: none;}
.btn-gray.disabled,
.btn-gray[disabled],
fieldset[disabled] .btn-gray,
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled:active,
.btn-gray[disabled]:active,
fieldset[disabled] .btn-gray:active,
.btn-gray.disabled.active,
.btn-gray[disabled].active,
fieldset[disabled] .btn-gray.active {background-color: #333333;border-color: #333333;}
.btn-gray .badge {color: #333333;background-color: #FFFFFF;}
.btn-orange {color: #ffffff;background-color: #FFAE3F;border-color: #FFAE3F;}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {color: #ffffff;background-color: #ffa325;border-color: #FFAE3F;}
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {background-image: none;}
.btn-orange.disabled,
.btn-orange[disabled],
fieldset[disabled] .btn-orange,
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
fieldset[disabled] .btn-orange:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange.active {background-color: #FFAE3F;border-color: #FFAE3F;}
.btn-orange .badge {color: #FFAE3F;background-color: #ffffff;}
.btn-orange-d {color: #ffffff;background-color: #F96816;border-color: #F96816;}
.btn-orange-d:hover,
.btn-orange-d:focus,
.btn-orange-d:active,
.btn-orange-d.active,
.open .dropdown-toggle.btn-orange-d {color: #ffffff;background-color: #F25900;border-color: #F96816;}
.btn-orange-d:active,
.btn-orange-d.active,
.open .dropdown-toggle.btn-orange-d {background-image: none;}
.btn-orange-d.disabled,
.btn-orange-d[disabled],
fieldset[disabled] .btn-orange-d,
.btn-orange-d.disabled:hover,
.btn-orange-d[disabled]:hover,
fieldset[disabled] .btn-orange-d:hover,
.btn-orange-d.disabled:focus,
.btn-orange-d[disabled]:focus,
fieldset[disabled] .btn-orange-d:focus,
.btn-orange-d.disabled:active,
.btn-orange-d[disabled]:active,
fieldset[disabled] .btn-orange-d:active,
.btn-orange-d.disabled.active,
.btn-orange-d[disabled].active,
fieldset[disabled] .btn-orange-d.active {background-color: #F96816;border-color: #F96816;}
.btn-orange-d .badge {color: #F96816;background-color: #ffffff;}
.btn-orange-t{background-color: transparent;color:#000;}
.btn-white {color: #FFFFFF;background-color: transparent;border-color: #FFFFFF;}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {color: #000;background-color: #fff;border-color: #FFFFFF;}
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {background-image: none;}
.btn-white.disabled,
.btn-white[disabled],
fieldset[disabled] .btn-white,
.btn-white.disabled:hover,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white:hover,
.btn-white.disabled:focus,
.btn-white[disabled]:focus,
fieldset[disabled] .btn-white:focus,
.btn-white.disabled:active,
.btn-white[disabled]:active,
fieldset[disabled] .btn-white:active,
.btn-white.disabled.active,
.btn-white[disabled].active,
fieldset[disabled] .btn-white.active {background-color: transparent;border-color: #FFFFFF;}
.btn-white .badge {color: #FFF;background-color: transparent;}
.btn-red {color: #FFFFFF;background-color: #C31D3F;border-color: #C31D3F;}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.open .dropdown-toggle.btn-red {color: #FFFFFF;background-color: #8F0D27;border-color: #C31D3F;}
.btn-red:active,
.btn-red.active,
.open .dropdown-toggle.btn-red {background-image: none;}
.btn-red.disabled,
.btn-red[disabled],
fieldset[disabled] .btn-red,
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red:hover,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus,
.btn-red.disabled:active,
.btn-red[disabled]:active,
fieldset[disabled] .btn-red:active,
.btn-red.disabled.active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red.active {background-color: #C31D3F;border-color: #C31D3F;}
.btn-red .badge {color: #C31D3F;background-color: #FFFFFF;}

.btn-blue-d {background-color: #3568AD;border-color: #3568AD;}
.btn-black {background-color: transparent;color: #333;font-weight: 600;}
.btn-black-line {background-color: transparent;color: #333;font-weight: 600;border: 1px solid #333;}




/* Forms ---------------------------------------------------------- */
.input-group-addon {background-color: #fff;border-radius: 1px;}
.form-control { border-radius: 1px;}
.form-control:focus {
    border-color: inherit;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0),0 0 8px rgba(102,175,233,.0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.0),0 0 8px rgba(102,175,233,.0);
}


/* Tables --------------------------------------------------------- */
/* Indicators ----------------------------------------------------- */
ul {list-style: none;padding-left: 0;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #000;
    border-color: #000;
}
.pagination>li>a, .pagination>li>span {border: 1px solid #ccc;padding: 6px 12px;color:#000;font-size: 14px;font-weight: 400;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color:#fff;background-color: #000;border-color: #000;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
}


/* Containers ----------------------------------------------------- */


/* Header ----------------------------------------------------------*/
.head {height: 700px;}
.head .slide:before {height: 700px;}
.head h1, .head h3 {color: #fff;}
.head h1 {font-size: 75px;text-transform: none!important;}
.head h3 {font-weight: 300;margin-top:0;}
.header-buttons {display: inline-block;}
.header-buttons .btn {margin-right: 10px;}
.carousel-control {width: 5%;}
.head .item {height:700px;width: 100%;background-size: contain;}
.slide {color:#fff;}
.slide:before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-image: url(../img/pattern.png);opacity: 0.5;}
/*.carousel-control .fa { position: absolute;top: 50%;z-index: 5;display: inline-block;margin-top: -10px;font-size: 28px;padding: 5px 13px;background: black;opacity: inherit;}
.carousel-control .fa-angle-left {left:0}
.carousel-control .fa-angle-right {right:0}*/
.carousel-caption .btn-blue {margin-bottom: 25px;background-color: transparent;border-color: #fff;}
.carousel-caption p {margin-bottom: 35px;}
.head .btn {margin-top:30px;}

.intro h4 {font-size: 28px;}
.intro i {font-size: 80px;color: #185487;margin-bottom: 10px;}
.intro { margin: 100px 0;color: #282828;font-size: 16px;font-weight: 300;display: inline-block;}

.media-left, .media>.pull-left {padding-right: 20px;}
.media-right, .media>.pull-right {padding-right: 20px;}
.media, .media-body {overflow: inherit;}

.products-section {
    background-image: url("../img/product-back.jpg");
    background-position: center;
    background-repeat: no-repeat;
}

.products {
    /*background-image: url("../img/product-back.jpg");*/
    background-position:center;
    /*background-size: 100%;*/
    background-repeat:no-repeat;
    padding: 20px;
    height: 500px;
    color:#fff;
}

.products h4 {font-size: 50px;color: #fff;margin-bottom: 20px;font-weight: 600;}
.products p {margin-bottom: 20px;font-size: 15px;}
.products .btn {width: 200px;}
.product1 {float: left;top:0;padding:40px 0 0 0;}
/*.product1 img {margin-right: 10px;}*/
/*.product1 p {float: left;}*/
.product2 {margin-top:190px;padding-left:120px;}
.product2 h4, .product2 p {color: #333;}
.media img {height: 56px;}


@media (min-width: 1800px) {
    .products-section {background-size: 100%;}
}

@media (min-width: 1200px) {
    .slide .content {padding: 220px 0 50px 0;}
    .slide .content2 {padding: 220px 0 50px 0!important;}
    .product2 {margin-top:230px;}
}

@media (max-width: 1199px) {
    .slide .content {padding: 80px 50px 0;text-align: center;}
    .slide .content img {width: 350px;margin-top:50px;}
    .slide .content2 {padding: 0 130px;}
    .product2 {padding-left: 50%;}
    .media-right {float: right!important;padding-right: 0;}
    h4.media-heading {font-size: 40px;margin-bottom: 10px;}
    .media img {height: 43px;}

}
@media (max-width: 991px) {
    .slide .content {padding: 180px 50px 0 50px;text-align: center;}
    .slide .content img {width: 250px;margin-top:50px;}
    .slide .content1 {padding: 100px 50px 0 50px!important;}
    .slide .content2 {padding: 30px 20px 0 20px!important;}
    h4.media-heading {font-size: 35px;font-weight: 400;margin-bottom: 10px;}
    .media img {height: 37px;}
    .media-left, .media>.pull-left {padding-right: 15px;}
    .media-right, .media>.pull-right {padding-right: 0;}


}
@media (max-width: 767px) {
    .slide .content {padding: 30px 50px 0 50px;text-align: center;}
    .slide .content img {width: 250px;margin-top:50px;}
    .slide .content1 {padding: 80px 20px 0 20px!important;}
    .slide h1 {font-size: 25px;}
    .slide h3 {font-size: 15px;}
    .product1 {padding: 10px 0 0 0;}
    .product2 {margin-top: 240px;}
    h4.media-heading {font-size: 25px;font-weight: 400;margin-bottom: 10px;}
    .media img {height: 27px;}
    .media-left {padding-right: 10px;}
    .media-right {padding-right: 10px;}
}

@media (max-width: 320px) {
    .media-right, .media-left {display: none;}
}


/* Showcase --------------------------------------------------------*/
.showcase {}
.showcase .title {height: 250px;width: 100%;padding:70px 15px;/*background-color: #f1f1f1;*/color:#000;text-align: center;font-weight: 400;}
.showcase .title p {font-size: 16px;}
.showcase .title .fa {display: block!important;}


@media (max-width: 480px) {
    .showcase .products h1 {font-size: 25px;}
}


/* Some References -------------------------------------------------*/
.references {margin:0 0 50px 0;padding: 20px;}
#owl-demo .item{margin: 3px;cursor: ew-resize;}
#owl-demo .item img{display: block;width: 100%;padding: 0 10px;}


/* Sheets ----------------------------------------------------------*/
.sheet {background-color: #fff;padding: 180px 20px;}
.sheet .desc {text-align: right;vertical-align: middle;}
.sheet h2 {font-size: 36px;}
.sheet h2:after {display: block;content: "";height: 2px;width: 200px;right:0;background: #ffc400;margin: 25px 15px;position: absolute; }
.sheet p {margin: 50px 0 10px;font-size: 15px;}
.sheet .image {text-align: left;vertical-align: middle;}

@media (min-width: 1500px) {
    .sheet p {width: 700px;float: right;}
    .sheet .image {text-align: left;padding-left:100px;}
}

@media (min-width: 1200px) {
    .sheet2 .btn {font-size: 15px;padding: 12px 28px;}
    .sheet2 .btn1 .btn {float: right!important;margin-right:30px;}
    .sheet2 .btn2 .btn {float: left!important;margin-left: 30px;}
    .sheet .image img {width: 600px;}
    .sheet .desc h2 {margin-top: 0;}
}

@media (max-width: 1199px) {
    .sheet .image,.sheet .desc {text-align: center;}
    .sheet h2:after {margin: 25px auto;position: relative;}
    .btn2 {margin-bottom:80px;}
    .sheet .image img {max-width: 500px;}
}
@media (max-width: 991px) {
    .sheet {padding: 80px 20px;}
    .sheet .desc {padding-top: 50px;}
}

.sheet2 {padding: 130px 20px;text-align: center;}
.sheet2 .logo {width: 500px;}
.sheet2 .line {display: block;content: "";height: 2px;width: 200px;right:0;background: #ffc400;margin: 25px auto;position: relative; }
.sheet2 p {font-size: 18px;}

@media (min-width: 768px) {

    .sheet2 .btn {width: 450px; margin-top:30px;}
}
@media (max-width: 767px) {
    .sheet2 {padding: 80px 20px;}
    .sheet2 .logo {width: 90%;}
    .sheet2 .btn {margin-top:30px;padding: 9px 17px;}
    .sheet img {width: 100%;}
    .sheet2 .btn {width: 100%;}
}

@media (max-width: 480px) {

}


/* Testimonial -----------------------------------------------------*/
.testimonial-section {background: url("../img/q-uote-back.jpg");background-repeat: no-repeat;}
.testimonial {padding: 50px 30px 20px;text-align: center;display: inline-block;}
.testimonial h2 {color:#333;font-size: 36px;}
.testimonial h2:after {display: block;content: "";height: 2px;width: 200px;background: #ffc400;margin: 25px auto;position: relative; }
.quote {padding: 80px 40px 50px;}
.quote p {text-align: left;margin-bottom: 30px;font-weight: 400;font-size: 15px;}


@media (min-width: 1800px) {
    .testimonial-section {background-size: 100%;}
}

@media (max-width: 1199px) {
    .testimonial {padding: 50px 30px 20px;}
    .testimonial img {width: 150px;}
    .quote {padding: 40px 20px 10px 20px;}
}


@media (max-width: 991px) {
    .testimonial img {width: 150px;}
    .quote {padding: 40px 20px 10px 20px;}
    .testimonial {padding: 50px 30px 20px;}
}

@media (max-width: 767px) {
    .testimonial{padding: 50px 20px;background-repeat: no-repeat;}
    .quote {padding: 20px 0;}
    .testimonial img {width: 120px;}

}
@media (max-width: 480px) {
    .testimonial{padding: 10px 15px 20px;background-repeat: no-repeat;}
    .quote {padding: 20px 15px 0 15px;}
    .testimonial img {width: 100px;}
    .testimonial p {margin: 0 0 5px;}
}

/* Footer ----------------------------------------------------------*/
.footer {background-color:#0b0b0b;position: relative;z-index: 12;}
.footer h4 {font-weight: 600;color: #D4D4D4;}
.footer ul {padding-left: 0;}
.footer ul li {display: block;color: #929292;font-weight: 400;}
.footer-title {color:#fff;}
.footer a,.footer a:visited{color:#dedede;display: block;font-weight: 400;}
.footer a:hover,.footer a:active{color:#929292;}
.footer-top {background-color: #ffc400;height: 5px;width: 100%;margin-bottom: 80px;}
.footer-top a {float: right;margin:50px 50px 0;}
.footer-bottom {background-color: #262626;padding-top:25px;padding-bottom:25px;width: 100%;margin-top:50px;color: #979797;font-size: 13px;}
.footer-bottom a {display: inline-block;text-align: right;}
.footer-bottom i:hover {color:#fff;}
.social-icons {text-align: right;}
.social-icons i {padding-left: 5px;}

@media (max-width: 767px) {
    .footer-bottom a i {text-align: left;}
    .social-icons {text-align: left;margin-top: 30px;}
}

/* BLOG PAGE */
.slide h1, .slide h6 {text-transform: uppercase;color:#fff;}
article {display: table;margin-bottom: 60px;}
article img {float: left;margin:0 30px 0 0;}
article p {line-height: 25px;color:#6C6C6D;font-weight: 500;}
article p span {font-weight: 600;}
article p span a, article p span a:visited {color:#DA38C2;}
article h1, article h2, article h3, article h4 {margin-top: 10px;font-weight: 600;}
.articles, .article-page {padding-right: 30px;}
article .info {font-size:12px;color:gray;display: inline-block;float: left;margin-right: 30px;padding: 5px 0 0 0;}
.article-page img {margin: 0 30px 30px 0;}
/*.article .info small {float: right;}*/
.meta {list-style: none;margin: 10px 30px 10px 0;padding-left: 0;}
.meta ul {width: 100%;}
.meta ul li:last-child {margin-right: 30px;}
.meta li {padding: 2px 7px;background-color: white;margin-right: 5px;float: left;border: 1px solid #efefef;color: #4b4f54;font-size: 12px;}
.meta li:hover {background-color: black;color:white;}
.meta li a, .meta li a:visited, .meta li a:hover, .meta li a:active {text-underline: none; }
small {color:gray;}

/* PRODUCT PAGE */
.product-page svg {height: 100px;text-align: center;margin: 0 auto;display:block;max-width: 100%;}
.product-page ul {list-style: inherit;padding-left: 15px;}
.product-page .section {font-size: 16px;}
.product-page .section h2 {margin-top: 0;}
.product-page .section ul {padding-left: 0;color: #fff;margin-top: 20px;font-size: 20px;}
.screenshots img {width: 500px;outline: 0;/*-moz-box-shadow: 0 9px 30px 0 #ccc; -webkit-box-shadow: 0 9px 30px 0 #ccc; box-shadow: 0 9px 30px 0 #ccc;*/}
.customer-saying ul {width: 100%!important;font-size:15px!important;}
.product-page .case-studies img {width:80%; padding: 10px;border: 1px solid #EFEFEF;}

/*.customer-saying img {height: 50px;}*/
/*.product-page .color-td {
    background-color:#666;
    position:relative;
    overflow: hidden;
}
.product-page .color-td:before{
    width:50%;
    position:absolute;
    left:0;
    top:0;
    content:"";
    display:block;
    height:100%;
    background-color:#06F;
    z-index:1;
}*/

/* DOWNLOAD PAGE */
.download .form-control {}

/* PRICING */
.pricing {font-size: 14px;width: 1128px;padding: 0;margin: 0 auto;}
.pricing .text {padding-left: 91px;}
.pricing h2, .pricing h3 {color: #fff!important;}
.pricing-bg1 {background-color: #e9a400;color: #fff!important;}
.pricing-bg2 {background-color: #b33333;color: #fff!important;}
.pricing-bg3 {background-color: #d77400;color: #fff!important;}
.pricing-bg4 {background-color: #7b2839;color: #fff!important;}
.pricing-bg5 {background-color: #569dc2;color: #fff!important;}
.pricing-bg6 {background-color: #3c82b3;color: #fff!important;}
.pricing-bg7 {background-color: #2f68a3;color: #fff!important;}
.pricing-bg8 {background-color: #26579a;color: #fff!important;}

.pricing-bg9 {background-color: #fff;color: #737373!important;border-bottom: 1px solid #ccc; font-weight: 400;border-left: 1px solid #ccc;}

.pricing-col0 {width: 90px;background-color: #fff;float: left;padding:0;}
.pricing-col1 {width: 519px;float: left;}
.pricing-col2 {width: 519px;float: left;}
.pricing-col0 img {width: 89px;}

.pricing-col-title {height: 80px;width: 100%;margin: 0;padding: 10px 0;text-align: center;}
.pricing-col-title1 {border-top-left-radius: 10px;}
.pricing-col-title2 {border-top-right-radius: 10px;}
.pricing-title {font-size: 30px;font-weight: 600;}
.pricing-sub-title{color:#fff;font-size: 20px;text-align: center;height: 50px;padding: 10px 5px;text-transform: lowercase;}

.pricing-sub-col{width: 173px;float: left;}
.pricing-sub-col ul.desktop {border-width: 0 0 1px 1px;border-style: solid;border-color: #ccc;padding: 10px;}
.pricing-sub-col ul.desktop li {margin:20px 0;}
.pricing-sub-col ul.desktop li:last-child {margin:0;}

.price-tag {font-size: 27px;text-align: center;}

.pricing-cloud {width: 1130px;}
.pricing-cloud .pricing-col0 {width: 90px;background-color: #fff;float: left;padding:0;}
.pricing-cloud .pricing-col1 {width: 520px;float: left;}
.pricing-cloud .pricing-col2 {width: 520px;float: left;}
.pricing-cloud .pricing-sub-col{width: 104px;float: left;}
.pricing-cloud .pricing-col0 img {width: auto;height: 465px;}
.pricing-cloud .pricing-sub-title {text-align: center;height: 65px;font-size: 25px;line-height: 20px;}
.pricing-cloud .pricing-sub-title span {font-size: 14px;}
/*.pricing-sub-col ul.cloud {padding: 0px;}*/
.pricing-cloud li.price-tag {margin-left:-10px!important;margin-right: -10px!important;}
.pricing-cloud .price-tag {font-size: 20px;}

@media (max-width: 1199px) {
    .pricing {width: 940px;}
    .pricing-col0 img {width: 99px;}
    .pricing-col0 {width: 100px;padding-right: 0;}
    .pricing-col1 {width: 420px;}
    .pricing-col2 {width: 420px;}
    .pricing-sub-col{width: 140px;}
    .pricing-sub-col ul.desktop li {height: 34px;}
    .pricing-sub-col ul.desktop li.alert-danger {height: inherit;}
    .pricing-sub-col ul.desktop li:last-child {height: 43px;}

    .pricing-cloud .pricing-col0 {width: 90px;}
    .pricing-cloud .pricing-col1 {width: 425px;}
    .pricing-cloud .pricing-col2 {width: 425px;}
    .pricing-cloud .pricing-sub-col{width: 85px;}
    .pricing-cloud .alert-info {font-size: 80%;}
    .pricing-cloud li.alert-info {height: 20px!important;}
    .pricing-cloud .btn {padding: 9px 0px;}

}
@media (max-width: 991px) {
    .pricing {width: 696px;}
    .pricing-col0 img {width: 85px;}
    .pricing-col0 {width: 90px;padding-right: 0;}
    .pricing-col1 {width: 303px;}
    .pricing-col2 {width: 303px;}
    .pricing-sub-col {width: 101px;}
    .pricing-sub-col ul.desktop li {height: 34px;}

    .pricing-cloud .pricing-sub-title span {font-size: 11px;}
    .pricing-cloud .pricing-col0 {width: 90px;}
    .pricing-cloud .pricing-col1 {width: 303px;}
    .pricing-cloud .pricing-col2 {width: 303px;}
    .pricing-cloud .pricing-sub-col{width: 60.6px;}
    .pricing-cloud .alert-info {font-size: 80%;}
    .pricing-cloud li.alert-info {height: 34px!important;}
    .pricing-cloud li {font-size: 9px;}
    .pricing-cloud .btn {padding: 9px 0px;}
    .pricing-sub-col li.cloud {margin-left:-10px;margin-right: -10px;}
    .pricing-cloud .price-tag {font-size: 14px;}
}

@media (max-width: 767px) {
    .pricing .visible-xs {display: inline!important;}
    .pricing .visible-xs img {margin-bottom: 10px;}
    .pricing {width: 100%;font-size: 80%;}
    .pricing .text {padding-left: 0;}
    .pricing-col0 img {display: none;}
    .pricing-col0 {width: 0;padding-right: 0;}
    .pricing-col1 {width: 50%;}
    .pricing-col2 {width: 50%;}
    .pricing-sub-col{width: 33.3333333333%;}
    .pricing ul {padding: 10px 0;}
    .pricing-sub-col ul.desktop li {height: 34px;}
    .pricing-sub-col ul.desktop li:last-child {height: 32px;}
    .pricing .btn {padding: 9px 0px;}
    .price-tag {font-size: 14px;}
    .pricing-col-title1 {border-top-left-radius: 0;}
    .pricing-col-title2 {border-top-right-radius: 0;}
    .pricing-sub-title {font-size: 16px;}


    .pricing-cloud .pricing-col1, .pricing-cloud .pricing-col2 {width: 100%;}
    .pricing-cloud .pricing-sub-col {width: 20%;}
    .pricing-cloud .alert-info {font-size: 100%;}
    .pricing-cloud li {font-size: 12px;}
    .pricing-cloud li.alert-info {height: 10px!important; }

}

@media (max-width: 480px) {
    .price-tag {font-size: 10px;}
    .pricing-sub-title {font-size: 10px;height: 35px;}
    .pricing h3 {font-size: 16px;}
    .pricing {font-size: 60%;}
}


/* BENEFITS */
.benefits h3:first-child {margin-top: 0;}
.benefits .badge {background-color: #777;}
.benefits .tabs-left {margin-top: 3rem;}
.benefits .nav-tabs {float: left;border-bottom: 0;}
.benefits .nav-tabs li {float: none;margin: 0;}
.benefits .nav-tabs>li>a {border-radius: 0 0 0 0;}
.benefits .nav>li>a {padding: 15px 35px;}
.benefits .nav-tabs li:active {background-color: #fff;box-shadow: inset 0 2px 0 #f05451;}
.benefits .nav-tabs li a {margin-right: 0;border: 0;background-color: #333;color: #fff;}
.benefits .nav-tabs li a:hover {background-color: #444;}
.benefits .nav-tabs .glyphicon {color: #fff;}
.benefits .nav-tabs .active .glyphicon {color: #333;}
.benefits .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border: 0;}
.benefits .nav-tabs > li.active > a {box-shadow: inset 3px 0 0 #DF5708;}
/*.benefits .nav-tabs > li.active > a:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    border-left: 10px solid #DF5708;
}*/
.benefits .tab-content {margin-left: 300px;min-height: 600px;background-color: #fff;}
.benefits .tab-content .tab-pane {display: none;background-color: #fff;padding: 0 0 1.6rem 1.6rem;overflow-y: auto;}
.benefits .tab-content .active {display: block;}
.benefits .list-group {width: 100%;}
.benefits .list-group .list-group-item {height: 50px;}
.benefits .list-group .list-group-item h4, .list-group .list-group-item span {line-height: 11px;}
.benefits .nav-tabs>li.active>a, .benefits .nav-tabs>li.active>a:hover, .benefits .nav-tabs>li.active>a:focus {
    color: #555555;
    background-color: #ffffff;
    cursor: default;
}
.world-class-support span {background: url('../img/icons/saaf.png');}
.overview span {background: url('../img/icons/overview.png');}
.ease span {background: url('../img/icons/easeofuse.png');}
.scanning span {background: url('../img/icons/scanning.png');}
.false-positive-free span {background: url('../img/icons/false-positive-free.png');}
.tools span {background: url('../img/icons/tools.png');}
.flexibility span {background: url('../img/icons/flexibility.png');}
.productivity span {background: url('../img/icons/productivity.png');}
.reporting span {background: url('../img/icons/reporting.png');}
.exploitation span {background: url('../img/icons/exploitation.png');}
.testing span {background: url('../img/icons/testing.png');}
.full-html5 span {background: url('../img/icons/html5.png');}
.web-services-scanning span {background: url('../img/icons/web-services.png');}
.sdlc span {background: url('../img/icons/sdlc.png');}
.vuln-specs span {background: url('../img/icons/vulndetails.png');}

.benefits .nav-tabs li span {
    background-position: bottom left;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    padding-left: 50px;
    padding-top: 12px;
    height: 34px;
    line-height: 16px; }

.benefits .nav-tabs li.active span {
    background-position: 0 0;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    padding-left: 50px;
    padding-top: 12px;
    height: 34px;
    line-height: 16px;
}
.benefits-btn {width: 272.5px;}

@media (max-width: 991px) {
    .benefits .nav>li>a {padding: 15px 5px;}
    .benefits-btn {width: 100%;}
    .benefits .tab-content {margin-left: 180px;}
    .benefits li a {font-size: 12px;}
    .benefits .nav-tabs li.active span, .benefits .nav-tabs li span {padding-left: 35px;padding-right: 5px;}
    .benefits ul .btn {padding: 9px 5px;font-size: 12px;}
}
@media (max-width: 480px) {
    .benefits .nav-tabs li span {background: none!important;}
    .benefits .nav-tabs li.active span, .benefits .nav-tabs li span {padding-left: 5px;padding-right: 5px;}
    .benefits .tab-content {margin-left: 150px;}
}

/*VULNERABILITIES PAGE*/
.vulnerabilities {margin-top: 35px;}
.vulnerabilities .list-group {height: 650px;overflow:auto;}
#leftVulner {width: 245px;float: left;position: absolute;z-index: 10;}
#selectVulner {margin-bottom:50px;}
#selectVulner select {width: 100%;}
#mainVulner {margin-left: 265px;float: left;}
#mainVulner h2:first-child{margin-top: 0;}
#mainVulner hr {margin-top:35px;margin-bottom: 35px;}

.vulnerabilities .fixed { position: fixed!important;top: 100px;width: 245px;z-index: 10;}
.vulnerabilities .selectfixed {position: fixed!important;top: 50px;width: 100%;z-index: 10;padding:15px;border-bottom:5px solid #000;background-color: #fff;margin-left: -15px;margin-right: -15px;}
.vulnerabilities .mainspace {margin-left: 245px;}

@media (max-width: 767px) {
    #mainVulner {margin-left: 0px;}
}

/* MANUALS PAGE */
.manuals {margin-top: 90px;}
.manual-header {padding: 40px 40px 300px;margin: -20px -15px -3.62em;font-weight: 300;background: #337AB7;color: #fff!important;}
.manual-header h1 {
    margin-bottom: 1.62em;
    font-size: 3.62em;
    color: #fff;
    font-weight: 400;
}
.manual-header h2 {
    text-transform: uppercase;color: #fff;
}
.main-content .container-fluid > h2 {
    padding-top: 3.62em;
    margin-top: 3.62em;
    margin-bottom: .62em;
    color: #1a1c1e;
    border-top: 2px solid #eaecee;
}
.main-content .container-fluid > h2:first-child {border-top: 0}
.main-content h3 {
    margin-top: 3.62em;
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 2px solid #eaecee;
}
.indented {margin-left: 4%!important;}
.manual-sidebar {display: none;}
.manuals .footer {margin-left:-15px;margin-right: -15px;margin-top:100px;}
.manuals .nav-sidebar {
    margin-right: -21px;
    margin-bottom: 20px;
    margin-left: -20px;
}
.manual-sidebar .nav > li > a {padding: 6px 20px;font-weight: 700;}

.nav-sidebar a.active,
.nav-sidebar a:hover.active,
.nav-sidebar a:focus.active {
    color: #fff!important;
    background-color: #428bca!important;
}


@media (min-width: 768px) {
    .manual-sidebar {
        position: fixed;
        top: 75px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto;
        background-color: #f5f5f5;
        border-right: 1px solid #eee;
    }
}

@media (max-width: 767px) {
    .indented {margin-left: -15px!important;}
}

.main-content img,
.main-content embed,
.main-content iframe,
.main-content object,
.main-content video { max-width: 100%;margin:50px 0; }

/* TESTIMONIALS PAGE */

.testimonials .media-object {max-width: 64px;height: auto;}
.testimonials .media {margin-top: 0;}
/*.testimonials .media-body {border-bottom: 1px solid #DDD;}*/
.testimonials h4 {font-weight: 600;}
.testimonials p {margin-bottom: 30px;}
.testimonials .help-block {font-size: 90%;}



/* ABOUT PAGE */

.about .team {min-height: 700px;}
.team-list .team-item {
    padding: 0;
    text-align: left;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-bottom: 2px solid #e9003c;
}
.team-list .team-item img {
    margin: 0 auto;
    display: block;
    height: 150px;
}
.team-list .team-item .team-desc {
    position: absolute;
    width: 100%;
    background: rgba(233, 0, 60, 0.7);
    padding: 0.5rem 1rem;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s; }
.team-list .team-item .team-desc h3 {
    color: #fff;
    font-size: 1rem;
    text-transform: uppercase;
    margin: 0; }
.team-list .team-item .team-desc p {
    color: #fff;
    font-size: 0.875rem;
    margin: 0; }
.team-list .team-item:hover .team-desc {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, -32px, 0);
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s; }
.team-list .team-item.current .team-desc {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, -32px, 0); }
.team-list .anim {
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.team-item-holder {
    height: 37.5rem;
    margin-top: 0;
}
.team-content {
    width: 74%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
}
.team-content.current {
    opacity: 1;
}

@media (max-width: 1199px) {
    .team-list .team-item img {
        height: 100px;
    }
}

@media (max-width: 992px) {
    .team-content {width: 100%;padding: 0 15px;}
    .team-content {text-align: center;}
    .team-content p {text-align: left;}
    .team-content h3 {text-align: left;}
    .team-list .team-item img {height: 100px;}
    .team-list .team-item .team-desc {padding: 0.5rem;}
    .team-item-holder {height: 60rem;}
}

@media (max-width: 580px) {
    .team-content {padding: 0;}
    .team-list .team-item img {
        height: 50px;}
    .team-list .team-item .team-desc {display: none;}


}


/* SUB PAGES */
.header {padding:150px 0 30px 0;background-size: contain;border-bottom:2px solid #444;height: 250px;}
.header .slide {}
.header .slide:before {height: 250px;opacity: 1!important; }
.header h1 {font-weight: 600;}
.header a, .header a:visited {color: #fff;text-decoration: none;}
.header a:hover, .header a:active {color: #fff;text-decoration: underline;}
.content {padding: 50px 0;}
.section {padding: 100px 0;color:#333;/*display: inline-block;*/}
.section h2, .section h3, .section h4 {color: #333;}
.sub-page .title {font-size: 50px;font-weight: 400;color:#4b4f54;}
.page-header { padding-bottom: 10px;margin: 20px 0 0 0;border-bottom: 1px solid #dddddd;}
hr {border-top: 1px solid #ddd;}
.sidebar {padding-left: 30px;border-left:1px solid #efefef;min-height: 300px;}
.sidebar section {padding: 20px 0 0 0;}
.sidebar section h3:after {display: block;content: "";height: 2px;width: 100px;right:0;background: #ffc400;margin: 15px 0;position: inherit;}
.sidebar section li {line-height: 25px;font-size: 15px;font-weight:500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sidebar a, .sidebar a:visited {color:#777;}
.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 {color: #666;}
.inside-full-height {height: 100%;margin-top: 0;margin-bottom: 0;}






@media (max-width: 991px) {
    /*.article .info small {float: none;}*/


}

@media (max-width: 767px) {
    .sidebar {padding-left: 0;border-left: 0;}
    .header {height: 150px;padding: 70px 0 20px 0;}
    .header .slide:before {height: 150px;}
    article img {margin: 0 15px 0 0;float: none;}
    article p span a {display: inline-block;}
    .screenshots img {margin-top:50px;margin-bottom: 50px;}
}



/* General ---------------------------------------------------------*/

.nopad {padding:0}
.nolrpad {padding-left: 0!important;padding-right: 0!important;}
.g-container {
    position: relative;
    width: 100%;
    max-width: 1620px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}
.border-left{border-left:1px solid #ccc!important;}
.border-right{border-right:1px solid #ccc!important;}
.border-top{border-top:1px solid #ccc!important;}
.border-bottom{border-bottom:1px solid #ccc!important;}
.noborder{ border:0!important;}
.bg1 {background-color: #FFF;}
.bg2 {background-color: #F2F2F6;}
.bg3 {background-color: #06062D;}
.bg4 {background-color: #f9f9f9;}
.bg5 {background-color: #A56BAA;}
.bg6 {background-color: #3EBCD3;}
.bg7 {background-color: #EE6F49;}
.bg8 {background-color: #67B86A;}
.bg9 {background-color: #EC6392;}
.bg10 {background-color: #F7A52D;}

.c1 {color:#fff!important;}
.ml20 {margin-left:20px;}
.mr20 {margin-left:20px;}
.y50 {width: 50%;}
.f85 {font-size: 85%;}
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs14 {font-size: 14px;}
.mb150 {margin-bottom: 150px;}
.mb100 {margin-bottom: 100px;}
.mb50 {margin-bottom: 50px;}
.mb40 {margin-bottom: 40px;}
.mb30 {margin-bottom: 30px;}
.mb20 {margin-bottom: 20px;}
.mb10 {margin-bottom: 10px;}
.mt50 {margin-top: 50px;}
.mt40 {margin-top: 40px;}
.mt30 {margin-top: 30px;}
.mt20 {margin-top: 20px;}
.mt10 {margin-top: 10px;}
.pb50 {padding-bottom: 50px;}
.pb40 {padding-bottom: 40px;}
.pb30 {padding-bottom: 30px;}
.pb20 {padding-bottom: 20px;}
.pb10 {padding-bottom: 10px;}
.pt50 {padding-top: 50px;}
.pt40 {padding-top: 40px;}
.pt30 {padding-top: 30px;}
.pt20 {padding-top: 20px;}
.pt10 {padding-top: 10px;}
.w350 {width: 350px;}
.w300 {width: 300px;}
.w250 {width: 250px;}
.w200 {width: 200px;}
.w150 {width: 150px;}
.w100 {width: 100px;}

.mh700 {min-height: 700px;}
.mh600 {min-height: 600px;}
.mh500 {min-height: 500px;}

.separator {border-bottom:1px solid #ccc;}
.db {display: block;}
.ul-normal {padding-left: 40px;list-style: inherit;}
.hide {display: none;}

/* Responsive ------------------------------------------------------*/

.noback {background: none!important;}

@media (min-width: 1200px) {
    .g-container { padding-right: 80px;padding-left: 80px;}

}

@media (max-width: 1199px) {
    .g-container { padding-right: 15px;padding-left: 15px;}
    .mdtext-right {text-align: right;}
    .mdtext-left {text-align: left;}
    .product-page .section ul {width: 100%;font-size: 15px;}
    .screenshots img {width:100%;}
    .mdtop50 {margin-top: 50px;}
    .mdinlineblock {display: inline-block;}
}

@media (min-width: 992px) {
    .pricing h2, .pricing h3 {letter-spacing: 2px;}
    .dnolpad {padding-left: 0;}
    .dnorpad {padding-right: 0;}
    .dnolrpad {padding-right: 0;padding-left: 0;}
    .dnopad {padding: 0;}
    .dtext-right {text-align: right;}
    .dtext-left {text-align: left;}
    .dnolrpad {padding-left: 0;padding-right: 0;}
    .dnolpad {padding-left: 0;}
    .dnorpad {padding-right: 0;}
    .row-height {display: table;table-layout: fixed;height: 100%;width: 100%;}
    .col-height {display: table-cell;float: none;height: 100%;}
    .col-middle {vertical-align: middle;}
    .dmt20 {margin-top: 20px;}
    .dmt10 {margin-top: 10px;}
    .dmb20 {margin-top: 20px;}
    .dml50 {margin-left:50px;}
    .dml30 {margin-left:30px;}
    .dml20 {margin-left:20px;}
    .dmr50 {margin-left:50px;}
    .dmr30 {margin-left:30px;}
    .dmr20 {margin-left:20px;}
}

@media (max-width: 991px) {
    .mnolpad {padding-left: 0;}
    .mnorpad {padding-right: 0;}
    .mnolrpad {padding-right: 0!important;padding-left: 0!important;}
    .mnopad {padding: 0;}
    .smtext-center {text-align: center;}
    .smtext-right {text-align: right;}
    .smtext-left {text-align: left;}
    .smtop50 {margin-top:50px;}
    .sminlineblock {display: inline-block;}
    .smml20 {margin-left: 20px;}

}

@media (min-width: 768px)  {


}

@media (max-width: 767px) {
    .xstext-right {text-align: right;}
    .xstext-left {text-align: left;}
    .xstop50 {margin-top:50px;}
    .xsinlineblock {display: inline-block;}
    .xsnolrpad {padding-right: 0!important;padding-left: 0!important;}
    .xsmb50 {margin-bottom: 50px;}
    .xsmb40 {margin-bottom: 40px;}
    .xsmb30 {margin-bottom: 30px;}
    .xsmb20 {margin-bottom: 20px;}
    .xsmb10 {margin-bottom: 10px;}
    .xsmt50 {margin-top: 50px;}
    .xsmt40 {margin-top: 40px;}
    .xsmt30 {margin-top: 30px;}
    .xsmt20 {margin-top: 20px;}
    .xsmt10 {margin-top: 10px;}
    .xsw250 {width: 250px;}
    .xsw200 {width: 200px;}
    .xsw150 {width: 150px;}
    .xsw100 {width: 100px;}
    .xsml20 {margin-left:20px;}
    .xsfw {width: 100%;}
    .xsborder-left{border-left:1px solid #ccc!important;}
    .xsborder-right{border-right:1px solid #ccc!important;}
    .xsborder-top{border-top:1px solid #ccc!important;}
    .xsborder-bottom{border-bottom:1px solid #ccc!important;}
    .xsnoborder{ border:0!important;}
}

@media (min-width: 480px) and (max-width: 767px) {

}

@media (max-width: 480px) {

}


/* MODAL IMAGE */
#lightbox .modal-content {display: inline-block;text-align: center;}
#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    z-index:1032;
}
.modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 300px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
    opacity: 1;
}
.modal-backdrop, .modal-backdrop.in {opacity: .8;filter: alpha(opacity=80);}
.modal-content {border:0;background-color: transparent;-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.0);box-shadow: 0 5px 15px rgba(0,0,0,.0);}

/* CUSTOMER SAYING */
.board{
    width: 100%;
    margin: 0 auto;
    /*height: 500px;*/
    /*background: #fff;*/
    /*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/
}
.board .nav-tabs {
    position: relative;
    /* border-bottom: 0; */
    /* width: 80%; */
    margin: 40px auto;
    margin-bottom: 0;
    box-sizing: border-box;

}


.board p.narrow{
    width: 60%;
    margin: 10px auto;
}

.board .liner{
    height: 2px;
    background: #ddd;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.board .nav-tabs > li.active > a, .board .nav-tabs > li.active > a:hover, .board .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    /* background-color: #ffffff; */
    border: 0;
    border-bottom-color: transparent;
    font-weight: 600;
}

.board span.round-tabs{
    width: 100px;
    height: 170px;
    display: inline-block;
    border-radius: 100px;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 16px;
}

.board span.round-tabs img {width: 100%;margin-bottom: 20px; /*border: 1px solid #ccc;*/padding: 10px;border-radius: 10px;}
.board span.b1 img {border: 1px solid #00B4F1;}
.board span.b2 img {border: 1px solid #BB1654;}
.board span.b3 img {border: 1px solid #3777BA;}
.board span.b4 img {border: 1px solid #9778BB;}
.board span.b5 img {border: 1px solid #00B2A9;}
.board span.b6 img {border: 1px solid #FE8437;}
.board span.b7 img {border: 1px solid #AFA03D;}

.board li.active img {border: 1px solid #ccc;}

.board .nav-tabs>li>a:hover {border-color: transparent;border:0;}

.board span.round-tabs.one{
    color: rgb(34, 194, 34);border: 2px solid rgb(34, 194, 34);
}

.board li.active span.round-tabs.one{
    background: #fff !important;
    border: 2px solid #ddd;
    color: rgb(34, 194, 34);
}

.board span.round-tabs.two{
    color: #febe29;border: 2px solid #febe29;
}

.board li.active span.round-tabs.two{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #febe29;
}

.board span.round-tabs.three{
    color: #3e5e9a;border: 2px solid #3e5e9a;
}

.board li.active span.round-tabs.three{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #3e5e9a;
}

.board span.round-tabs.four{
    color: #f1685e;border: 2px solid #f1685e;
}

.board li.active span.round-tabs.four{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #f1685e;
}

.board span.round-tabs.five{
    color: #999;border: 2px solid #999;
}

.board li.active span.round-tabs.five{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #999;
}

.board .nav-tabs > li.active > a span.round-tabs{
    background: #fafafa;
}
.board .nav-tabs > li {
    /*width: 14.285%;*/
    width: 16.6%;
}
/*li.active:before {
    content: " ";
    position: absolute;
    left: 45%;
    opacity:0;
    margin: 0 auto;
    bottom: -2px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    z-index: 1;
    transition:0.2s ease-in-out;
}*/
.board li:after {
    content: " ";
    position: absolute;
    left: 45%;
    opacity:0;
    margin: 0 auto;
    bottom: 0px;
    border: 0px solid transparent;
    /*border-bottom-color: #ddd;*/
    transition:0.1s ease-in-out;

}
.board li.active:after {
    content: " ";
    position: absolute;
    left: 45%;
    opacity:1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #6f6f6f;

}
.board .nav-tabs > li a{
    width: 100px;
    height: 170px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

.board .nav-tabs > li a:hover, .board .nav-tabs .nav>li>a:focus, .board .nav-tabs .nav>li>a:hover {
    background: transparent;
}

.board .tab-pane{
    position: relative;
    padding-top: 50px;
}


@media( max-width : 767px ){

    .board {
        width: 100%;
        height:auto !important;
    }
    .board span.round-tabs {
        font-size:16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .board .tab-content .head{
        font-size:20px;
    }
    .board .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height:50px;
    }

    .board li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }

    .board .btn-outline-rounded {
        padding:12px 20px;
    }

    .board span.round-tabs img {
        padding: 0;
    }

}