/*!
 * Start Bootstrap - Creative v3.3.7+1 (http://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
html,
body {
    height: 100%;
    width: 100%;
}


/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Poppins Regular'), local('Poppins-Regular'),
       url('../fonts/poppins-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v6-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}

body {
font-family: 'Poppins';
}

hr {
    border-color: #3ea7de;
    border-width: 3px;
    max-width: 50px;
}

    hr.light {
        border-color: white;
    }

a {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    color: #008e29; /*#3fa9f5;*/
}



.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.topnav {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    color: white ; 
    font-size:14px;
}

.horizontal-menu {
    width:100%;
    border:none !important;
}

    a:hover,
    a:focus {
        color: #5ecada;
        text-decoration: none;
    }

	
.tableheaders {	

border:2px solid;
border-color:black;
color:black;
text-align:center;
padding:10px;
	background-color:#3ea7de;
}
.columnheaders {
	background-color:#3ea7de;
border:2px solid;
border-color:black;
color:black;
text-align:left;
padding:10px;


}
	
.tablecells {
	background-color:#bbd2f7;
border:2px solid;
border-color:black;
color:black;
text-align:left;
    padding:14px;
}	
	
.safetycell {
    padding:14px !important;

}
.safetycell a {
    color:blue;
}

.safetydark {
    color:white;
    
}


.footercell {
    vertical-align:center;
    min-width:200px;
	width:240px !important;
padding-top:6px;
padding-bottom:6px;
padding-left:15px;
padding-right:15px;
font-size:16px !important;
}
.footericon {
font-size:30px;
}

	
	
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins';
    font-weight: 700;
}

p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.imgDescribtion {
    font-size: 25px;
}

.bg-primary {
    background-color: #337ab7; /*#172c45;*/
}

    .bg-primary a {
        color: #FFFFFF;
		 font-weight: bold;
    }

        .bg-primary a:hover,
        .bg-primary a:focus {
            color: #5ecada;
            text-decoration: none;
        }
		
.bg-secondary {
    color: #333 ;
}

    .bg-secondary a {
        color: #333;
		 font-weight: bold;
    }

        .bg-secondary a:hover,
        .bg-secondary a:focus {
            color: #5ecada;
            text-decoration: none;
        }

.bg-primary .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: white;
}

.bg-dark {
    background-color: #EEEEEE;
    color: black;
}


    .bg-dark a {
        color: #333;
		 font-weight: bold;
    }

        .bg-dark a:hover,
        .bg-dark a:focus {
            color: #5ecada;
            text-decoration: none;
        }

.picture {
	padding:20px;
}

.text-faded {
    color: rgba(255, 255, 255, 0.7);
}

section {
    padding: 32px 0;
}

aside {
    padding: 50px 0;
}

.no-padding {
    padding: 0;
}

.navbar-default {
    background-color: #148ab8;
    border-color: rgba(34, 34, 34, 0.05);
    font-family: 'Poppins';
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}

    .navbar-default .navbar-header .navbar-brand {
        color: white;
        font-family: 'Poppins';
        font-weight: 700;
        text-transform: uppercase;
    }

        .navbar-default .navbar-header .navbar-brand:hover,
        .navbar-default .navbar-header .navbar-brand:focus {
            color: #004bb0;
        }

    .navbar-default .navbar-header .navbar-toggle {
        font-weight: 700;
        font-size: 12px;
        color: white;
        text-transform: uppercase;
    }

    .navbar-default .nav > li > a,
    .navbar-default .nav > li > a:focus {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 18px;
        color: white;
    }

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

    .navbar-default .nav > li.active > a,
    .navbar-default .nav > li.active > a:focus {
        color: #5ecada !important;
        background-color: transparent;
    }

        .navbar-default .nav > li.active > a:hover,
        .navbar-default .nav > li.active > a:focus:hover {
            background-color: transparent;
        }

 

.newHeader {
   
    width: 100%;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    text-align: center;
    color: #5ecada;
    height: 100%;
}
 



.section-heading {
    margin-top: 0;
}

.service-box {
    max-width: 400px;
    margin: 50px auto 0;
}



.service-box p {
    margin-bottom: 0;
}

.portfolio-box {
    position: relative;
    display: block;
    max-width: 650px;
    margin: 0 auto;
}

    .portfolio-box .portfolio-box-caption {
        color: white;
        opacity: 0;
        display: block;
        background: rgba(0, 104, 186, 0.9);
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.35s;
        -moz-transition: all 0.35s;
        transition: all 0.35s;
    }

        .portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
            width: 100%;
            text-align: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }

            .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
            .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
                font-family: 'Poppins';
                padding: 0 15px;
            }

            .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
                text-transform: uppercase;
                font-weight: 600;
                font-size: 18px;
            }

            .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
                font-size: 18px;
            }

    .portfolio-box:hover .portfolio-box-caption {
        opacity: 1;
    }

    .portfolio-box:focus {
        outline: none;
    }



.call-to-action h2 {
    margin: 0 auto 20px;
}

.text-primary {
    color: #3ea7de;
}

.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.btn-default {
    color: white;
    background-color: white;
    border-color: white;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    font-size: 20px;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default.focus,
    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: white;
        background-color: #f2f2f2;
        border-color: #ededed;
    }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled,
    .btn-default[disabled],
    fieldset[disabled] .btn-default,
    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus,
    .btn-default.disabled:active,
    .btn-default[disabled]:active,
    fieldset[disabled] .btn-default:active,
    .btn-default.disabled.active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default.active {
        background-color: white;
        border-color: white;
    }

    .btn-default .badge {
        color: white;
        background-color: white;
    }

.btn-primary {
    color: #EEEEEE !important;
  
  /*background-color: #5ecada;
  border-color: #5ecada;*/
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: white;
        background-color: #3fa9f5;
        border-color: #000000;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        background-color: #5ecada;
        border-color: #5ecada;
    }

    .btn-primary .badge {
        color: #5ecada;
        background-color: white;
    }

.btn {
    font-family: 'Poppins';
    border: none;
   
    font-weight: 700;
    text-transform: uppercase;
}

.btn-xl {
    padding: 15px;
    margin: 10px;
}

::selection {
    color: #000000;
    text-shadow: none;
    background: #FFFFFF;
}

::-moz-selection {
    color: black;
    text-shadow: none;
    background: #FFFFFF;
}


img::selection {
    color: black;
    background: transparent;
}

img::-moz-selection {
    color: black;
    background: transparent;
}



p {
    font-family: 'Poppins';
    font-size: 18px;
    text-align: justify;
}

a p {
    text-align: center;
}

li {
    font-family: 'Poppins';
    font-size: 16px !important;
    font-weight: bold;
    
}

.gwt-Label {
	font-size: 16px !important;
    font-family: 'Poppins';
}

.gwt-Anchor {
	font-size: 16px !important;
    font-family: 'Poppins';
}

.gwt-HTML {
	font-size: 16px !important;
    font-family: 'Poppins';;	
}

.ecwid-results-topPanel-viewAsPanel-link {
	font-size: 16px !important;
    font-family: 'Poppins';	
}
.ecwid-results-topPanel-viewAsPanel-current {
	font-size: 16px !important;
    font-family: 'Poppins';	
	font-weight: bold;
}

.ecwid-productBrowser-nav-left {
	background-color:black !important;
}
.ecwid-productBrowser-nav-right {
	background-color:black !important;
}

.ecwid-productBrowser-extraFields-center{
background-color:black; !important;
}

.product {
    padding: 10px;
    margin: 10px;
    text-align: justify;
}

.footer {
    padding: 10px;
    border-top: 2px solid;
	border-color:white;
    background-color: #999999;
    background-image:url("resources/wildtextures-seamless-paper-texture.jpg");
    text-align: center;
}

    .footer a {
        color: #FFFFFF;
		 font-weight: bold;
    }

        .footer a:hover,
        .footer a:focus {
            color: #5ecada;
            text-decoration: none;
        }
 

.main-nav li, .main-nav ul {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.navbar {
	border-bottom: 2px solid white !important;
	
}

.ecwid-productBrowser {
	/*border: 1px solid white !important;
	border-style:dashed;*/
}


.ecwid-minicart-floating {
    margin-right: 15px !important;
    margin-bottom: 15px !important;
	border: 1px solid black !important;
	border-radius:8px !important;
	/*background-color:#2f6fa7 !important*/;

}
.ecwid-minicart-caption{
	font-size: 16px !important;
	color:black;

}

body#ecwid_body div {
    font-size: 18px;
}


body#ecwid_body {
    color: black;
}
#ecwid_body select, input {
	color:black;
}

.newNav {
    display:block;
    
 
        text-transform: uppercase;
        font-weight: 700;
        font-size: 18px;
        color: white;
           
    
    background: #337ab7;
    background-image:url(resources/seamless6.jpg);
    font-size:18px;
        padding: 18px;
    border-bottom: 2px solid;
}

 


    .nav > li > a {
        
        padding:5px !important;
    }
    
    
    
    
    

    


/*  Input box styles */
input.ecwid-search-widget__input[type="text"] {
 width: 100px; /* change width as needed*/
 height: 20px; /* change height as needed*/
 border: solid 1px black; /* change border color */
 background-color: white; /* change background colour */
 font-size: 12px; /* change font size in search field */
 color: #000000; /* change font color in search field */
}



#my-search-11330852 {
background-color:white;
text-align:right;
padding-right:10px;
}


/* to move the search widget*/
.ecwid-search-widget {
max-width: 170px; /* change width as needed*/
position:relative;
margin-left: 20px; /* change left margin as needed*/
margin-top: 0px; /* change top margin as needed*/
background-color:white;
}