html,
body{height:100%;width:100%;}
body{font-family:'Helvetica Neue', Arial, sans-serif;}
footer{position:relative;z-index:1;}
hr5{border-color:#405FF0;border-width:3px;max-width:50px;}
hr5.light{border-color:white;}
a{-webkit-transition:all 0.35s;-moz-transition:all 0.35s;transition:all 0.35s;color:#405FF0;}
a:hover,
a:focus{color:#1238eb;}
h1,
h2,
h3,//h4,
h5,
h6{font-weight:700;}
p{font-size:16px;line-height:1.5;margin-bottom:20px;}
.hint{font-size:14px;line-height:1.5;margin-bottom:10px;}
.smaller{font-size:12px;line-height:1.5;margin-bottom:10px;}
.bg-primary{padding:100px 0;background-color:#405FF0;}
.bg-dark{background-color:#222222;color:white;}
.text-faded{color:rgba(255, 255, 255, 0.7);}
bigsection{padding:100px 0;}
section{padding:10px 0;}
aside{padding:50px 0;}
.no-padding{padding:0;}
.small-padding{padding:20;margin:0;}
.navbar-custom{min-height:60px;background:rgba(50, 121, 224, 0.9);padding:10px 0;}
.navbar-custom .navbar-brand{font-weight:400;font-size:16px;color:white;font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active{color:#fec503;color:cyan;}
.navbar-custom .navbar-collapse{border-color:rgba(255, 255, 255, 0.02);}
.navbar-custom .navbar-toggle{border-color:#fed136;font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;color:white;font-size:12px;}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus{background-color:blue;}
.navbar-custom .nav li a{font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:400;letter-spacing:1px;color:white;}
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus{color:cyan;outline:none;}
.navbar-custom .navbar-nav > .download > a,
.navbar-custom .navbar-nav > .order > a,
.navbar-custom .navbar-nav > .active > a{border-radius:0;color:white;background-color:blue;}
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus,
.navbar-custom .navbar-nav > .download > a:hover ,
.navbar-custom .navbar-nav > .order > a:hover{color:white;background-color:blue;}
.navbar-custom .navbar-nav > .download > a{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;margin-right:5px;margin-left:5px;color:white;background-color:rgb(255, 126, 0);}
.navbar-custom .navbar-nav > .order > a{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;margin-right:5px;margin-left:5px;color:white;background-color:rgb(49, 230, 49);}
@media (min-width:768px){.navbar-custom{//background-color:transparent;padding:10px 0;-webkit-transition:padding 0.3s;-moz-transition:padding 0.3s;transition:padding 0.3s;border:none;}
.navbar-custom .navbar-brand{//font-size:2em;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.navbar-custom .navbar-nav > .active > a{border-radius:4px;}
}
@media (min-width:768px){//.navbar-custom.affix-top,
.navbar-custom.affix{//background:rgba(0, 0, 0, 0.75);background:rgba(50, 121, 224, 0.9);padding:10px 0;}
.navbar-custom.affix .navbar-brand{//font-size:1.5em;}
}
header{background-image:url('../img/top.png');//background-image:url('../img/header-bg.jpg');background-repeat:no-repeat;background-attachment:scroll;background-position:left top;//-webkit-background-size:cover;//-moz-background-size:cover;//background-size:cover;//-o-background-size:cover;text-align:center;//color:white;padding-top:70px;background-origin:content-box;}
header .intro-text{padding-top:160px;padding-bottom:10px;}
header .intro-text .intro-lead-in{font-family:"Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;font-style:italic;font-size:22px;line-height:22px;margin-bottom:25px;}
header .intro-text .intro-heading{font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;font-weight:700;font-size:50px;line-height:50px;margin-bottom:25px;}
@media (min-width:768px){header .intro-text{padding-top:160px;padding-bottom:10px;}
header .intro-text .intro-lead-in{font-family:"Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;font-style:italic;font-size:40px;line-height:40px;margin-bottom:25px;}
header .intro-text .intro-heading{font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;font-weight:700;font-size:75px;line-height:75px;margin-bottom:50px;}
}
.section-heading{margin-top:0;}
.service-box{max-width:400px;margin:50px auto 0;}
@media (min-width:992px){.service-box{margin:20px 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(64, 95, 240, 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:'Open Sans', 'Helvetica Neue', Arial, sans-serif;padding:0 15px;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{--text-transform:uppercase;font-weight:600;font-size:14px;}
.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;}
@media (min-width:768px){.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px;}
}
.call-to-action h2{margin:0 auto 20px;}
.text-primary{color:#405FF0;}
.no-gutter > [class*='col-']{padding-right:0;padding-left:0;}
.btn-default{color:#222222;background-color:white;border-color:white;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;transition:all 0.35s;}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default{color:#222222;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:#222222;}
.btn-primary{color:white;background-color:#405FF0;border-color:#405FF0;-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:#284bee;border-color:#1f43ed;}
.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:#405FF0;border-color:#405FF0;}
.btn-primary .badge{color:#405FF0;background-color:white;}
.btn{font-family:'Open Sans', 'Helvetica Neue', Arial, sans-serif;border:none;border-radius:300px;font-weight:700;--text-transform:uppercase;}
.btn-xl{padding:15px 30px;}
.btn-mw{min-width:200px;margin-bottom:20px;}
.list-mw{min-width:200px;//float:left;}
::-moz-selection{color:white;text-shadow:none;background:#222222;}
::selection{color:white;text-shadow:none;background:#222222;}
img::selection{color:white;background:transparent;}
img::-moz-selection{color:white;background:transparent;}
body{webkit-tap-highlight-color:#222222;}
.productimg{width:25%;float:left;margin:0 auto;text-align:center;}
.productimage3{margin:5px;float:left;text-align:center;}
.productimage{margin:20px;float:left;text-align:center;}
.vcenter{display:flex;align-items:center;}
.productcard{padding-top:30px;padding-bottom:30px;}
.shadow{background:white;box-shadow:0 0 10px rgba(0,0,0,0.5);margin:20px;}
.noheight{padding:0px;margin-bottom:0px;}
.list-group-horizontal .list-group-item{display:inline-block;}
.list-group-horizontal .list-group-item{margin-bottom:0;margin-left:-4px;margin-right:0;}
.list-group-horizontal .list-group-item:first-child{border-top-right-radius:0;border-bottom-left-radius:4px;}
.list-group-horizontal .list-group-item:last-child{border-top-right-radius:4px;border-bottom-left-radius:0;}
section#contact{}
section#contact .section-heading{}
section#contact .form-group{margin-bottom:25px;}
section#contact .form-group input,
section#contact .form-group select,
section#contact .form-group textarea{padding:10px;}
section#contact .form-group select.form-control,
section#contact .form-group input.form-control{height:auto;}
section#contact .form-group textarea.form-control{height:242px;}
section#contact .form-control:focus{border-color:rgba(50, 121, 224, 0.9);box-shadow:none;}
section#contact::-webkit-input-placeholder{font-weight:700;color:rgba(50, 121, 224, 0.5);}
section#contact:-moz-placeholder{font-weight:700;color:rgba(50, 121, 224, 0.5);}
section#contact::-moz-placeholder{font-weight:700;color:rgba(50, 121, 224, 0.5);}
section#contact:-ms-input-placeholder{font-weight:700;color:rgba(50, 121, 224, 0.5);}
section#contact .text-danger{color:#e74c3c;font-size:14px;}