@charset "utf-8";
/* CSS Document */

/*====================Classes====================*/
@font-face { font-family: DK Crayon Crumble; src: url(../fonts/DK Crayon Crumble.ttf); }
.capital { text-transform:uppercase !important; }
.bold { font-weight: bold; }
.carousel { position:relative; top:-68px; }
.carousel-content h3 { font-family: DK Crayon Crumble; font-size:36px; text-align:center; text-transform:uppercase; }
.carousel-content h3 span { color:#11b6d8; }
.nav-tabs { border:none; }
.padb100 { padding-bottom:70px; padding-top:25px; }
.padb25 { padding-bottom:25px; padding-top:25px; }
.grey { color:#aeadaa; }
.some_black { color:#5c5b58; }
.padb-50 { padding-bottom:50px; }
.text-left { text-align:left !important; font-weight:normal; }
.margin-top-15 { margin-top:20px; }
.form-control { height:50px; border:solid 1px #959491; border-radius:0px; background-color:#f5f5f5; }
.btn-block { height:50px; background-color:#000000; border-radius:0px; color:#fff; }
.btn-block:hover { color:#fff; background-color:#333; }
.padl0 { padding-left:0px; }
.form-horizontal .control-label { font-weight:normal; }
#about { background:url(../images/about-1.jpg) no-repeat center center; }
#services { background:url(../images/hands.jpg) no-repeat center center; }
#stamp { background-color:#f6f6f7; font-size:17px; }
.bg-info-w { background-color:#fff; }
#full { background-color:#56afd6; position: relative; top: -145px; }
#extra { background-color:#fff; height:300px; }
#sextra { background-color:#f6f6f7; height:300px; }
span { color:#56afd6; }
#border h1 { border-bottom:1px solid #000; width:540px; margin:0 auto 15px; padding-bottom:15px; }
.relative { position:relative; }
.relative .col-md-6 { position: relative; height: 500px; top: -40px; }
.srelative { position:relative; }
.srelative .col-md-6 { position: relative; height: 500px; top: -48px; }
.srelative2 { position:relative; }
.srelative2 .col-md-6 { position: relative; height: 500px; top: -57px; }
#floor { position: relative; top: -39px; right: -89px; }
#sfloor { position: relative; top: -47px; right: 15px; z-index:2; width:599px; }
#sfloor2 { position: relative; top: -46px; right: 0px; z-index:2; width:599px; }
#info { position: relative; top: -39px; height:465px; width:541px; z-index:222222; }
#sinfo {   position: relative; top: -47px; height: 295px; width: 541px; z-index: 222222; left: -31px; }
#sinfo2 { position: relative; top: -46px; height: 332px; width: 541px; z-index: 222222; left: -15px; }
#stamp-inner { position: relative; left: -14px; bottom: -9px; }
#sstamp-inner { position: relative; left: -14px; bottom: 0px; }
#sstamp-inner2 { position: relative; left: -15px; bottom: 57px; }
#full-inner { position:relative; top:155px; }
.trans { background-color:rgba(255,255,255,0.9); }
.carousel-indicators { z-index:0; }
#sborder h1 { border-bottom: 1px solid #000; width: 670px; margin: 0 auto 15px; padding-bottom: 15px; }
.web { background:url(../images/web-icon.jpg) no-repeat top left; padding:18px 0 18px 85px; }
.mobile { background:url(../images/mobile-icon.jpg) no-repeat center center; }
.internet { background:url(../images/internet-icon.jpg) no-repeat center center; }
.digital { background:url(../images/digital-icon.jpg) no-repeat center center; }
#header { z-index:222; }
#mhome { letter-spacing:84px; }
#mservices { letter-spacing:32px; }
#mabout { letter-spacing:63px; }
#mteam { letter-spacing:86px; }
#mportfolio { letter-spacing:28px; }
#mcontact { letter-spacing:39px; }
.nav-logo { margin:0 auto; width:60px; margin-top:-60px; margin-bottom:80px; }

/*====================Body====================*/
body { /*background-color:#f5f4ef;*/ }
.bg { background-color:#f5f4ef; }
.background { background:url(../images/background.jpg) no-repeat 100% 100%; /*-webkit-background-size: 100% 100%; -moz-background-size: 100% 100%;*/
    /*background-size:100% 100%; -o-background-size: 100% 100%;*/ }
/*====================Header====================*/
.logo { float:left; width:15%; margin-top:30px; }
.logo img { width:100%; }
/*====================Navs====================*/
.menu { float:right; cursor:pointer; }
.menu img { margin-top:30px; }
/*====================Slider====================*/
.carousel-content { color:black; display:flex; align-items:center; }
.carousel-indicators { z-index:22222; }
.carousel-indicators .active { background-color:#19a0c0; border:solid 1px #19a0c0; }
.carousel-indicators li { background-color:#6e6e6e; border:solid 1px #6e6e6e; }

html{height:100%; }
.body{height:100%; overflow:hidden; }
.carousel,.item,.active{height:99.5%;}
.carousel-inner .item .active {height:100%;}
.carousel-inner .item {height:100%;}
.carousel-inner{height:100%;}


.banner-1 { background:url('../images/banner1.jpg') no-repeat center center fixed;-webkit-background-size: cover;
                      moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100% !important; }
.banner-2 { background:url('../images/banner2.jpg') no-repeat center center fixed;-webkit-background-size: cover;
                      moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100% !important; }
.banner-3 { background:url('../images/banner3.jpg') no-repeat center center fixed;-webkit-background-size: cover;
                      moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100% !important; }
.banner-4 { background:url('../images/banner4.jpg') no-repeat center center fixed;-webkit-background-size: cover;
                      moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100% !important; }					  					  					  					  
.banner-5 { background:url('../images/banner5.jpg') no-repeat center center fixed;-webkit-background-size: cover;
                      moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100% !important; }					  					  					  					  
					  
/*====================Content====================*/

/*====================Footer====================*/












/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
.logo { width:50%; }
.carousel { top:-62px; }
.pad0 { padding:0 15px; }
.overlay ul { width:200px; } 
#mhome { letter-spacing:43px; }
#mservices { letter-spacing:19px; }
#mabout { letter-spacing:32px; }
#mteam { letter-spacing:44px; }
#mportfolio { letter-spacing:13px; }
#mcontact { letter-spacing:18px; } 
#sstamp-inner { left:0; padding:0; margin-bottom:15px; margin-top:15px; }
.srelative .col-md-6 { top:0; padding:15px; height:auto; }
#sfloor { top:0; width:109%; margin-bottom:15px; }
#sinfo { top:0; left:0; height:auto; width:auto; padding:15px; }   
#full { top:0; }
#full-inner { top:0; }
.srelative2 .col-md-6 { top:0; height:auto; padding:15px; margin-top:15px; }
#sstamp-inner2 { left:0; bottom:0; width:100%; padding:0; margin-bottom:15px; margin-top:15px; }
#sfloor2 { top:0; width:auto; }
#sinfo2 { top:0; left:0; height:auto; width:100%; padding:15px; margin-top:15px; }
.padb100 { padding:20px 15px; }
.padb25 { padding:20px 15px; }
#sborder h1 { width:auto; }
#border h1 { width:auto; }
.relative .col-md-6 { top:0; height:auto; padding:15px; margin-top:15px; }
#stamp-inner { left:0; bottom:0; margin-top:15px; }
#floor { top:0; right:0; margin-top:15px; }
#info { width:auto; height:auto; top:0; padding:15px; margin-top:15px; }
.bg-info-w { padding:15px; margin-top:15px; }

.banner-1 { background:url('../images/banner1.jpg') no-repeat center center fixed;-webkit-background-size: cover;
                      moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100% !important; }
.banner-2 { background:url('../images/banner2.jpg') no-repeat center center fixed;-webkit-background-size: cover;
                      moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100% !important; }
.banner-3 { background:url('../images/bannerr3.jpg') no-repeat center center fixed;-webkit-background-size: cover;
                      moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100% !important; }
.banner-4 { background:url('../images/banner4.jpg') no-repeat center center fixed;-webkit-background-size: cover;
                      moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100% !important; }
.banner-5 { background:url('../images/banner5.jpg') no-repeat center center fixed;-webkit-background-size: cover;
                      moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100% !important; }

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
.logo { width:50%; }
.pad0 { padding:0 15px; } 
.overlay ul { width:200px; } 
#mhome { letter-spacing:43px; }
#mservices { letter-spacing:19px; }
#mabout { letter-spacing:32px; }
#mteam { letter-spacing:44px; }
#mportfolio { letter-spacing:13px; }
#mcontact { letter-spacing:18px; }
#sstamp-inner { left:0; padding:0; margin-bottom:15px; margin-top:15px; }
.srelative .col-md-6 { top:0; padding:15px; height:auto; }
#sfloor { top:0; width:109%; margin-bottom:15px; }
#sinfo { top:0; left:0; height:auto; width:auto; padding:15px; }   
#full { top:0; }
#full-inner { top:0; }
.srelative2 .col-md-6 { top:0; height:auto; padding:15px; margin-top:15px; }
#sstamp-inner2 { left:0; bottom:0; width:100%; padding:0; margin-bottom:15px; margin-top:15px; }
#sfloor2 { top:0; width:109%; left:-15px; }
#sinfo2 { top:0; left:0; height:auto; width:100%; padding:15px; margin-top:15px; }
.padb25 { padding:20px 15px; }
#sborder h1 { width:auto; } 
#border h1 { width:auto; }
.relative .col-md-6 { top:0; height:auto; padding:15px; margin-top:15px; }
#stamp-inner { left:0; bottom:0; margin-top:15px; }
#floor { top:0; right:0; margin-top:15px; }
#info { width:auto; height:auto; top:0; padding:15px; margin-top:15px; }
.bg-info-w { padding:15px; margin-top:15px; }

.banner-1 { background:url('../images/bannerr1.jpg') no-repeat center center fixed;-webkit-background-size: cover;
                      moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100% !important; }
.banner-2 { background:url('../images/bannerr2.jpg') no-repeat center center fixed;-webkit-background-size: cover;
                      moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100% !important; }
.banner-3 { background:url('../images/bannerr3.jpg') no-repeat center center fixed;-webkit-background-size: cover;
                      moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100% !important; }
.banner-4 { background:url('../images/bannerr4.jpg') no-repeat center center fixed;-webkit-background-size: cover;
                      moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100% !important; }
.banner-5 { background:url('../images/bannerr5.jpg') no-repeat center center fixed;-webkit-background-size: cover;
                      moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100% !important; }

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.logo { width:50%; }
.pad0 { padding:0 15px; } 
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}