body {
    margin: 0;
    padding: 0;
    font-family: 'BenchNine', sans-serif;
}

li {
    list-style: none;
	display: inline;
	padding: 5px;
}

.text{
Color: #DEDEDE;
padding: 0px;
margin: 0px;
display: inline;
}


a:hover,
a:visited,
a {
    text-decoration: none;
	color: #FFFFFF;
	display: inline;
}

h1,
h2 {
    text-transform: uppercase;
    font-weight: bold;
}




.serviceimage{
float: left;
padding-top: 0px;
margin-right: 80px;
padding-top: 3px;
}

.servicetable {
margin: 0px;
padding: 0px;
border-top: 5px;
border-color: #003c8e;;
border-style: solid;
}

.stext {
margin: 0px;
color: #000000;
font-size: 25px;
padding: 0px;
width: 550px;
display: inline;
}


.servicetabletext {
background-color: #FFFFFF;
margin: 0px;
padding-top: 10px;
}



.serviceimage2{
float: right;
padding-top: 0px;
margin-left: 80px;
padding-top: 3px;
}

.servicetable2 {
margin: 0px;
padding-left: 40px;
border-top: 5px;
border-color:  #003c8e;
border-style: solid;
}

.stext2 {
margin: 0px;
color: #000000;
font-size: 25px;
padding: 0px;
width: 550px;
}


.servicetabletext2 {
background-color: #FFFFFF;
margin: 0px;
padding-top: 10px;
}




h3 {
    text-transform: uppercase;
    font-weight: bold;
	font-size: 40px;
	color: #FF6633;
	padding-top: 50px;

}


h4 {
 text-transform: uppercase;
    font-weight: bold;
	font-size: 45px;
	color: #FF6633;
	padding-top: 50px;
	padding-left: 180px;
	}










.top-header {
    background: #000000 !important;
    position: fixed;
    width: 100%;
    z-index: 99999;
}
.header-backup {
    width: 20px;
    height: 120px;
    background: transparent;
    margin: auto;
}

.top-header img.logo {
    margin-bottom: 15px;
    margin-top: 0px;
	margin-left: -100px;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 0;
    margin-top: 18px;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
}
.nav-bar {
    margin-top: 45px;
	width: 790px;
}



.navbar-toggle span {
    color: #fff;
}
ul.nav {
    margin: 0;
    padding: 0;
}
.navbar-default .navbar-nav>li>a {
    font-size: 22px;
    color: #FFFFFF;
    text-transform: uppercase;
    transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s;
    -moz-transition: all .7s ease 0s;
    -o-transition: all .7s ease 0s;
    -ms-transition: all .7s ease 0s;
    padding: 10px 10px;
    font-weight: bold;
	}

.navbar-default .navbar-nav>li>a:hover {
    color: #FF6633;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #000000;
}
li a.active {
    color: #C0C0C0 !important;
}
.navbar-default .navbar-toggle {
    border-color: #ffffff;
    margin-top: 4px;
	
}

/*slider area*/




.carousel-inner {
    background: -webkit-linear-gradient(left, #000, blue);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #000, blue);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #000, blue);
    /* For Firefox 3.6 to 15 */SCREEN PRINTING
Screenprinting is the oldest and most popular form of customizing apparel and here at Shirtmasters we offer our customers some of the highest quality screen printing in the region. We provide top-notch workmanship on every level, from our talented group of in-house graphic designers to our printing staff, and everybody who handles art or screens in between. High-end results are what you expect, and we deliver just that time and time again.
    background: linear-gradient(to left, #000, blue);
    /* Standard syntax */
}
.item {
    position: relative;
}




/*about area*/

.about h2 {
    font-size: 70px;
    color: #4d4d4d;
    margin-top: 25px;
}
.about h4 {
    font-size: 24px;
    color: #737373;
    margin-bottom: 25px;
}
.about-img img {
    width: 100%;
}
.single-about-detail {
    position: relative;
}
.pentagon-text h1 {
    font-size: 60px;
    color: #383838;
    margin-top: 0;
    transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s;
    -moz-transition: all .7s ease 0s;
    -o-transition: all .7s ease 0s;
    -ms-transition: all .7s ease 0s;
    position: absolute;
    left: 15%;
    width: 50px;
    top: -6%;
}

.services-details {
    background: transparent;
    border-top: 2px solid #fff;
    transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s;
    -moz-transition: all .7s ease 0s;
    -o-transition: all .7s ease 0s;
    -ms-transition: all .7s ease 0s;
}
.services-details h3 {
    font-size: 24px;
    color: #ffffff;
    margin-top: 0;
}
.services-details p {
	font-size: 24px;
    color: #737373;
     padding-bottom: 30px;
	text-align:left;
	background-color: transparent;
}
.single-services-detail:hover .services-details {
    background: #ffffff;
}









/*contact section*/

.contact-caption {
    background: #383838;
	width: 100%;
}
.contact-heading h2 {
    color: #FFFFFF;
    font-size: 80px;
}
.contact-info {
    padding-left: 30px;
}
.contact-info h3 {
    padding-top: 0px;
    font-size: 25px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #C0C0C0;
    padding-bottom: 5px;
    margin-bottom: 0;
}
.contact-form h3 {
    padding-top: 15px;
    font-size: 25px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #C0C0C0;
    padding-bottom: 12px;
    margin-bottom: 0px;
}
.contact-info ul {
    margin: 0px;
    padding: 0px;
}

.contact-info ul li {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #ffffff;
}

.contact-info i.fa {
    font-size: 16px;
    padding-right: 12px;
    width: 25px;
    height: 18px;
}

.contact-info ul li span {
    font-weight: bold;
}

.contact-form input {
    width: 100%;
    height: 40px;
    background: #fff;
    font-size: 13px;
    color: #084a5c;
    font-family: 'Open Sans', sans-serif;
    padding: 12px;
    border: 0px;
    margin-bottom: 12px;
}

.contact-form textarea {
    font-family: 'Open Sans', sans-serif;
    padding: 12px;
    width: 100%;
    height: 140px;
    border: 0;
    margin-bottom: 12px;
}

.info-detail {
    border-top: 1px solid #393939;
    padding-top: 15px;
}

.form {
    border-top: 1px solid #383838;
    padding-top: 15px;
    text-align: right;
}

.contact-form input.submit-btn {
    width: 180px;
    height: 50px;
    float: right;
    font-size: 24px;
    color: #fff;
    background: url(../img/btn-bg.jpg);
    background-repeat: no-repeat;
    padding: 0;
    font-family: 'BenchNine', sans-serif;
    font-weight: bold;
}

.contact-form {
    padding-right: 40px
}

.contact-info a {
    color: #5C8BF2;
	}

.contact-info a:hover {
    color: #FF6633;
}


/*footer*/
.footer{
background-color: #c0c0c0;
width: 100%;
}

.footer-para {
    margin: 0;
    padding-left: 30px;

	
}
.footer p {
    font-size: 12px;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    margin: 0px;
    padding: 25px 0;
}
.footer a i.fa {
    font-size: 24px;
    color: #b1b1b1;
    padding: 22px 10px;
	color: #000000;
}
.footer a i.fa:hover {
    color: #FF6633;
}
.carousel-inner {
    position: relative;
}

/*======================css for carousel=========================*/

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
    opacity: 1;
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, 0) 100%);
}
@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* just for demo purpose */

html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
    height: 100%;
}

/******************************
responsive area
********************************/


/* md */

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-default .navbar-nav>li>a {
        font-size: 20px;
        padding: 14px 12px;
    }
    .carousel-caption h1 {
        font-size: 120px;
    }
    .carousel-caption p {
        font-size: 32px;
    }
    .carousel-caption button {
        width: 215px;
        height: 55px;
        font-size: 26px;
    }
    h2 {
        font-size: 75px !important;
    }
    h4 {
        font-size: 22px !important;
    }
    .person-detail h3 {
        font-size: 26px;
    }
    .person-detail p {
        font-size: 12px;
    }
}

/* sm */

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-default .navbar-nav>li>a {
        font-size: 16px;
        padding: 10px 8px;
    }
    .carousel-caption h1 {
        font-size: 90px;
    }
    .carousel-caption p {
        font-size: 30px;
    }
    .carousel-caption button {
        width: 180px;
        height: 50px;
        background: #3a9ecb;
        color: #fff;
        font-size: 22px;
    }
    h2 {
        font-size: 70px !important;
    }
    h4 {
        font-size: 18px !important;
    }
    #map {
        height: 1050px;
    }
    .contact {
        margin-top: -1050px;
        height: 1050px;
    }
    .contact-caption {
        margin-top: 110px;
    }
}

/* xs */

@media (min-width: 480px) and (max-width: 767px) {
    .header-logo img {
        margin-top: 20px;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 20px;
    }
    .carousel-caption {
        margin-top: -110px;
    }
    .carousel-caption h1 {
        font-size: 75px;
    }
    .carousel-caption p {
        font-size: 25px;
    }
    .carousel-caption button {
        width: 160px;
        height: 40px;
        font-size: 20px;
    }
    #map {
        height: 1120px;
    }
    .contact {
        height: 1120px;
        margin-top: -1120px;
    }
    h2 {
        font-size: 70px !important;
    }
    h4 {
        font-size: 21px !important;
    }
    .contact-info ul {
        margin-left: 4px;
    }
    .contact-info i.fa {
        width: 25px;
    }
    .contact-caption {
        margin-top: 140px;
    }
}

/* XS Portrait */

@media (max-width: 479px) {
    .top-header img.logo {
        margin: 20px 10px;
    }
    .header-logo {
        margin-top: 20px !important;
    }
    .navbar-default .navbar-toggle {
        border-color: #fff;
        margin-top: -7px;
        right: 10%;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 16px;
        text-align: left;
    }
    .header-backup {
        height: 80px;
    }
    .carousel-caption {
        margin-top: -60px;
    }
    .carousel-caption h1 {
        font-size: 20px;
    }
    .carousel-caption p {
        font-size: 12px;
    }
    .carousel-caption button {
        width: 90px;
        height: 23px;
        font-size: 16px;
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-top: 30px;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-top: 30px;
    }
    .about h2 {
        font-size: 50px;
        color: #42b3e5;
        margin-top: 30px;
    }
    .service h2 {
        font-size: 50px;
        margin-top: 40px;
    }
    .team h2 {
        font-size: 50px;
        margin-top: 40px;
    }
    h4 {
        font-size: 18px !important;
    }
    .contact-caption {
        margin-top: 38%;
    }
    #map {
        height: 950px;
    }
    .contact {
        height: 950px;
        margin-top: -950px;
    }
    .contact-heading h2 {
        font-size: 50px;
        text-align: left;
        margin-left: 15px;
    }
    .contact-info h3 {
        margin-left: 8px;
        font-size: 25px;
        padding-bottom: 8px;
    }
    .info-detail {
        margin-left: 8px;
    }
    .contact-info ul li {
        font-size: 10px;
    }
    .contact-info i.fa {
        font-size: 13px;
        width: 20px;
        height: 18px;
    }
    .contact-info,
    .contact-form {
        padding: 10px;
    }
    .contact-form h3 {
        font-size: 25px;
        padding-bottom: 8px;
        margin-bottom: 0;
        margin-right: 0px;
    }
    .footer a i.fa {
        font-size: 18px;
        padding: 25px 7px;
    }
    .footer p {
        font-size: 10px;
    }









   /* End navigation bar styling. */