body{width:100%;height:100%;font-family:'Open Sans';color:#000;}html{width:100%;height:100%;}h1,h2,h3,h4,h5,h6{margin:10px 0 5px;text-transform:uppercase;font-family:'Open Sans';font-weight:700;letter-spacing:1px;}p{margin:0 0 5px;font-size:18px;line-height:1.5;}#gifit{background-image:url('flexible.png');}#gifit:hover{background-image:url('bending.gif');}buy-button-wrapper{text-align:center;}@media(min-width:768px){p{margin:0 0 5px;font-size:20px;line-height:1.6;}
}
a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
a:hover,
a:focus{text-decoration:none;color:#5ea8d7;}
/*
.prod:hover,
.prod:focus{border:1px solid #5ea8d7;}
*/
.introsection{color:white;}
.introsection:hover,
.introsection:focus{color:#5ea8d7;}

.shopifybtn{
	color: #fff;
	margin-top: 0;
	margin: 20px auto 0;
	background-color: #5ea8d7;
	font-size: 18px;
	padding-top: 17px;
    padding-bottom: 17px;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: normal;
	display: inline-block;
	border-radius: 3px;
	letter-spacing: .3px;
	line-height: 1.2;
	cursor: pointer;
	transition: background 200ms ease;
	max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.2;
    border: 0;
    -webkit-appearance: none;
}
.shopifybtn:hover{
	background-color: #5597c2;
}
.link:hover{background-color:#5ea8d7;color:#FFF;}
bluehover:hover{color:#5ea8d7;}
.light{font-weight:400;}
.navbar-custom{margin-bottom:0;border-bottom:1px solid rgba(255,255,255,.3);text-transform:none;font-family:'Open Sans';background-color:#000;}
.navbar-custom .navbar-brand{font-weight:700;}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus{outline:0;text-decoration:none;color:#5ea8d7;}
.navbar-custom .navbar-brand .navbar-toggle{padding:4px 6px;font-size:16px;color:#fff;}
.navbar-custom .navbar-brand .navbar-toggle:hover,
.navbar-custom .navbar-brand .navbar-toggle:focus{text-decoration:none;color:#5ea8d7;}
.navbar-custom .navbar-brand .navbar-toggle:active{outline:0;}
.navbar-custom a{color:#565656;}
.navbar-custom .nav li a{-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out;}
.navbar-custom .nav li a:hover{outline:0;color:#5ea8d7;}
.navbar-custom .nav li a:focus{text-decoration:none;color:#5ea8d7;}
.navbar-custom .nav li a:active{outline:0;}
.navbar-custom .nav li.active{outline:0;}
.navbar-custom .nav li.active a{background-color:rgba(255,255,255,.3);}
.navbar-custom .nav li.active a:hover{text-decoration:none;color:#5ea8d7;}
.navbar-fixed-top{background:transparent;}
.navbar-custom.top-nav-collapse{background:#FFF;border-bottom:1px solid #CCC;}
.rowsize{padding-left:-200px;padding-right:-200px;}
@media(min-width:768px){.navbar-custom{padding:20px 0;border-bottom:0;letter-spacing:1px;background:0 0;-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;-moz-transition:background .5s ease-in-out,padding .5s ease-in-out;transition:background .5s ease-in-out,padding .5s ease-in-out;}
.navbar-custom.top-nav-collapse{padding:0;}
}
.intro-b2b {background:url(../img/intro-bg_b2b.jpg) no-repeat bottom center scroll;}
.intro-front {background:url(../img/intro-bg.jpg) no-repeat bottom center scroll;}
.intro{display:table;width:100%;height:auto;padding:100px 0;text-align:center;color:#FFFFFF;background-color:#FFFFFF;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.intro .intro-body{display:table-cell;vertical-align:middle;}
.intro .intro-body .brand-heading{font-size:40px;}
.intro .intro-body .intro-text{font-size:24px;font-family:'Open Sans';}
#projects .portfolio-item{margin:0 0 15px;right:0;}
#projects .portfolio-item .portfolio-link{display:block;position:relative;max-width:400px;margin:0 auto;}
#projects .portfolio-item .portfolio-link .portfolio-hover{background:#5ea8d7;position:absolute;width:100%;height:100%;opacity:0;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;-moz-transition:all ease 0.5s;}
#projects .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1;}
#projects .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{position:absolute;width:100%;height:20px;font-size:20px;text-align:center;top:50%;margin-top:-12px;color:white;}
#projects .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{margin-top:-12px;}
#projects .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#projects .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{margin:0;}
#projects .portfolio-item .portfolio-caption{max-width:400px;margin:0 auto;background-color:white;text-align:center;padding:25px;}
#projects .portfolio-item .portfolio-caption h4{text-transform:none;margin:0;}
#projects .portfolio-item .portfolio-caption p{font-family:"Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;font-style:italic;font-size:16px;margin:0;}
#projects *{z-index:2;}
@media(min-width:768px){.intro {height:100%;padding:0;}
.intro .intro-body .brand-heading{font-size:100px;}
.intro .intro-body .intro-text{font-size:40px;font-family:'Open Sans';}
.belowpage{position:absolute;bottom:20px;width:100%;}
}
.btn-circle{width:70px;height:70px;margin-top:40px;padding:7px 16px;border:2px solid #fff;border-radius:100%!important;font-size:40px;color:#fff;background:0 0;-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out;}
.btn-circle:hover,
.btn-circle:focus{outline:0;color:#fff;background:rgba(255,255,255,.1);}
.btn-circle i.animated{-webkit-transition-property:-webkit-transform;-webkit-transition-duration:1s;-moz-transition-property:-moz-transform;-moz-transition-duration:1s;}
.btn-circle:hover i.animated{-webkit-animation-name:pulse;-moz-animation-name:pulse;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);}
50%{-webkit-transform:scale(1.2);transform:scale(1.2);}
100%{-webkit-transform:scale(1);transform:scale(1);}
}
@-moz-keyframes pulse{0%{-moz-transform:scale(1);transform:scale(1);}
50%{-moz-transform:scale(1.2);transform:scale(1.2);}
100%{-moz-transform:scale(1);transform:scale(1);}
}
.content-section{padding-top:50px;padding-bottom:100px;}
.download-section{width:100%;padding:50px 0;color:#fff;background:url(../img/hk.jpg) no-repeat center center scroll;background-color:#000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
#map{width:100%;height:200px;margin-top:100px;}
@media(min-width:767px){#portfolio .portfolio-item{margin:0 0 30px;}
.content-section{padding-top:50px;}
.download-section{padding:100px 0;}
#map{height:400px;margin-top:250px;}
#portfolio .portfolio-item{margin:0 0 30px}
}
.btn{border-radius:0;text-transform:uppercase;font-family:'Open Sans';font-weight:400;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.btn-contact{border:1px solid #000000;color:#000000;background-color:transparent;}
.btn-contact:hover,
.btn-contact:focus{border:1px solid #5ea8d7;outline:0;color:#FFF;background-color:#5ea8d7;}
.btn-default{border:1px solid #FFFFFF;color:#FFFFFF;background-color:transparent;}
.btn-default:hover,
.btn-default:focus{border:1px solid #5ea8d7;outline:0;color:#FFF;background-color:#5ea8d7;}
ul.banner-social-buttons{margin-top:0px;}
@media(max-width:1199px){ul.banner-social-buttons{margin-top:15px;}
}
@media(max-width:767px){ul.banner-social-buttons li{display:block;margin-bottom:20px;padding:0;}
ul.banner-social-buttons li:last-child{margin-bottom:0;}
.imagesize{width:100px;height:100px;}
}
footer{padding:10px 0;}
footer p{margin:0;}
.signup{background-color:#373737;margin:350px 30% 0px 30%;border-radius:25px;background-clip:border-box;text-align:center;position:relative;box-sizing:border-box;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}
@media(max-width:885px){.signup{margin:50px 10% 30% 10%;}
}
.portfolio-modal .modal-content{border-radius:0;background-clip:border-box;-webkit-box-shadow:none;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);border:none;text-align:center;margin:10% 10%;}
.glyphicon:hover{color:#5ea8d7;}
.portfolio-modal .modal-content h2{margin-bottom:15px;font-size:3em;}
@media(max-width:454px){.portfolio-modal .modal-content h2{font-size:20px;}
}
.portfolio-modal .modal-content p{margin-bottom:30px;}
.portfolio-modal .modal-content p.item-intro{margin:20px 0 30px;font-family:"Open Sans";font-style:italic;font-size:16px;}
.portfolio-modal .modal-content ul.list-inline{margin-bottom:30px;margin-top:0;}
.portfolio-modal .modal-content img{margin-bottom:30px;}
.portfolio-modal .close-modal{position:absolute;width:25px;height:25px;background-color:transparent;top:25px;right:25px;cursor:pointer;}
.portfolio-modal .close-modal:hover{opacity:0.3;}
.portfolio-modal .close-modal .lr{height:25px;width:1px;margin-left:35px;background-color:#222222;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);z-index:1051;}
.portfolio-modal .close-modal .lr .rl{height:75px;width:1px;background-color:#222222;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);z-index:1052;}
.portfolio-modal .modal-backdrop{opacity:0;display:none;}
.img-centered{margin:0 auto;}
.form-control{display:inline-block;width:auto;vertical-align:middle;}
::-moz-selection{text-shadow:none;background:#fcfcfc;background:rgba(255,255,255,.2);}
::selection{text-shadow:none;background:#fcfcfc;background:rgba(255,255,255,.2);}
img::selection{background:0 0;}
img::-moz-selection{background:0 0;}
body{webkit-tap-highlight-color:rgba(255,255,255,.2);}