/* Core */
html {
  background: url(/img/Hexagons.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }

body {
    background-color: transparent;
}

/* Theme Overrides */
.btn-info {
    background: #de3b03;
    border-color: #EC650F;
    }

.btn-info:hover,
.btn-info:focus {
  background-color: #de3b03 !important;
  color: #fff;
}

.info-color {
    background: #fa8032;
    }

.dropdown-menu li > a, .dropdown-menu li > span {
    color: #EC650F;
    font-size:15px;
    }

.warning-color-dark {
    background-color: #de3b03;
}

.info-color {
    background-color: #de3b03;
}


.navbar {
    background-color:white;
    border: 0px;
    border-bottom: 5px;
    border-color: #de3b03;
    border-style:solid;
    color: black;
    font-weight:normal;
    z-index: 1000;
    position:relative;
    
    width:100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    height: 70px;
}

.navbar ul {
    background-color: white;
}
.navbar .navbar-nav > li > a {
    color: black;
}

.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
    color: #de3b03;
}

.navbar .navbar-toggle .icon-bar {
    background-color: #de3b03;
}

.navbar .navbar-toggle {
    border-color: #de3b03;
}

.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {
    
    color: #de3b03;
}

.navbar-right {
    margin-right: 50px;
}
   
.navbar-header {
    vertical-align: middle;
    height: 100%;
        
}
    
.navbar .navbar-brand {
    padding: 5px 15px;
}


#shape {
    height: 0; 
    width: 80px;
    border-top: 80px solid #de3b03;
    border-left: 40px solid transparent;
}    

.card-content p {
    padding-bottom: 5px;
    font-size: 17px;
    line-height: 25px;
    text-align: justify;
}

.card-title {
    text-shadow: 2px 2px 2px #000000;
   
}

footer.page-footer a {
    color: #ffab40;
    font-weight: 900;
}

.card .card-action a{
    margin-right:10px;
}


/* Custom */
.tsolv-bg
{
    background-color: #de3b03;
}

.tsolv-icon
{
    font-size: 4em;
    font-family: serif;
    padding-top: 15px;
    padding-left: 20px;
}

input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search-md]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly])
{
    border-bottom: 1px solid #fa8032;
    box-shadow: 0 1px 0 0 #fa8032;
}

/*
 * Animation configurations ( duration and fill mode )
*/
.animated {
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    /*animation-delay: 4s;*/
}

/*
 * Animation for webkit
*/
@-webkit-keyframes bounce {
    0%, 65%, 80%, 100% {-webkit-transform: translateY(0);}
    70% {-webkit-transform: translateY(-10px);}
    75% {-webkit-transform: translateY(10px);}
} 
@keyframes bounce {
    0%, 65%, 80%, 100% {transform: translateY(0);}
    70% {transform: translateY(-10px);}
    75% {transform: translateY(10px);}
} 
/*
 * Adding the animation to our element
*/
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

.offset-when-large
{
    width: 40%;
    margin: -370px 10% 10px 59%;
}

.hideme
{
    opacity:0;
}

.image-card-gradient {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+0,000000+93&0+60,0+60,0.65+88 */
    background: -moz-linear-gradient(190deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.35) 75%, rgba(0,0,0,0.45) 90%); /* FF3.6-15 */
    background: -webkit-linear-gradient(190deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.35) 75%,rgba(0,0,0,0.45) 90%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(190deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.35) 75%,rgba(0,0,0,0.45) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.image-card-gradient2 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+0,000000+93&0+60,0+60,0.65+88 */
    background: -moz-linear-gradient(190deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.45) 65%,rgba(0,0,0,0.50) 80%); /* FF3.6-15 */
    background: -webkit-linear-gradient(190deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.45) 65%,rgba(0,0,0,0.50) 80%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(190deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.45) 65%,rgba(0,0,0,0.50) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}


/* featured sections - full width, normally with a background image */
.featured-section {
    width:100%; 
}

.full-width-section > .col-md-12 {
    padding-left: 0px; 
    padding-right: 0px;
}

.accept-no-imitations, .every-step {
    background-color: black; 
}
.accept-no-imitations-image, .every-step-image {
    background-color:black; 
    overflow:hidden;
    float:right;
}
.accept-no-imitations > h3, .every-step > h3 {
    color: gold;
    margin-left: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.accept-no-imitations > p, .every-step > p {
    font-size:x-large;
    font-style: italic;
    line-height: 1.75;
    margin-left: 50px;
    color:white;
    text-align:justify;
 }

.boost-your-business, .no-hidden-costs {
   /* background-color: white;  */
}
.boost-your-business-image, .no-hidden-costs-image {
    background-color:white; 
    overflow:hidden;
    float:left;
    position:unset;
}

.boost-your-business > h3, .no-hidden-costs > h3 {
    color:#222222;
    margin-left: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.boost-your-business > p, .no-hidden-costs > p {
    font-size:x-large;
    font-style: italic;
    line-height: 1.75;
    margin-left: 50px;
    color:#222222;
    text-align:justify;
}

@media (max-width: 991px) {
    .accept-no-imitations-image, .every-step-image, .boost-your-business-image, .no-hidden-costs-image {
        /*display:none;*/
        float:right;
        z-index:5
    }
    .accept-no-imitations-image > img, .every-step-image > img, .boost-your-business-image > img, .no-hidden-costs-image > img {
        /*display:none;*/
        height: 100px;
    }
    .featured-section {
    padding-top: 10px;
    padding-bottom: 30px;
    }

    .accept-no-imitations > p, .every-step > p {
        margin-left:10px;
        margin-right:10px;
        font-size:large;
    }

    .boost-your-business > p, .no-hidden-costs > p  {
        margin-left:10px;
        margin-right:10px;
        font-size:large;
    }
    
    .accept-no-imitations > h3, .every-step > h3, .boost-your-business > h3, .no-hidden-costs > h3 {
        margin-left:10px;
        margin-right:10px;
        font-size:xx-large;
        margin-bottom:20px;
    }

}




.full-width-section-left1 > p, .full-width-section-left2 > p {
    font-size: 1.7em;
    font-style: italic;
    line-height: 1.75;
    margin-top: 50px;
    margin-bottom: 50px;
}

.full-width-section-right1 > p, .full-width-section-right2 > p {
    font-size: 1.7em;
    font-style: italic;
    line-height: 1.75;
    margin-top: 70px;
    margin-bottom: 70px;
}

.full-width-section-img {
    width: 40%;
}

.full-width-section-left1, .full-width-section-left2, .full-width-section-right1, .full-width-section-right2 {
    background-image: none;
    padding: 10%;
}
.full-width-section-left2, .full-width-section-right1 {
    background-color: white;
}
.full-width-section-left2 > h3, .full-width-section-right1 > h3 {
    color:black;
}

.active-in-the-sector,
.compliance-centered,
.purpose-built {
    height: 620px;
}

.purpose-built > .card-action{
    margin-top: 27px;
}