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

body {
  font-family: 'Snippet', sans-serif;
  font-size:17px;
  color:#FFF;
  background-color:#961b4a;
  margin: 0;
  padding: 0;
  
}

p {margin:0; padding:0;}
.heading {font-family: 'Amaranth', sans-serif; font-size:53px; text-align:center; margin-bottom:10px;}
.subheading {font-size:34px; text-align:center;}

a {text-decoration:none; color:#fff;}

.container {
	width:1200px;
    margin-left:auto;
	margin-right:auto;
    
}

#header {
	background-color:white;
	height:95px;
	position: fixed !important;
  width: 100%;
  z-index: 8000;
  
}


#featured {
	background: #6e133c url(img/featured_bg.jpg);
	
	display:block;
	padding-top:95px;	
}

#content {
	background-color: #961b4a;	
	
	display:block;	
}

#footer {
	background-color:#c53766;
	height:125px;
	padding-top:30px;
}

.footer_text {
	font-size:13px; 
	text-align:center;
}

#logo h1, #logo small {
    margin:0px;
    display:block;
    text-indent:-9999px;
}

#logo {
	width:270px;
	height:95px;
	background-image:url(img/logo.png);
    background-repeat:no-repeat;
	float:left;
	display:block;
	margin-left:25px;
	background-size:100%;
}


img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.featured_content {
	width:820px; 
	 
	margin-left:auto;
	margin-right:auto;
}

.intro {width:460px; padding-top:60px; float:left;}
.splash-left {width:180px;  margin-top:120px; float:left;}
.splash-right {width:180px;  float:left;}

.about_container {
	width:460px; height:auto; margin-top:30px;
}

.portfolio_container {
	width:460px; height:auto; margin-top:60px;
}

.about_btn { 
	font-size:18px;
	text-align:center;
	border: 1px solid;
	padding:14px 0 14px 0;
	width:170px;
	margin-left:145px;
	float:left;
	display:block;
}

.portfolio_btn {
	width:275px;
	display:block;
	margin-left:90px;
	
}


.web_icon {
    float: left;
    width: 400px;
	height:400px;
    background-image:url(img/web_icon.png);
	background-repeat:no-repeat;
	background-size:100%;
} 

.web_icon:hover {
    background-color:#c53766;
	transition:all linear 0.15s;
}


.print_icon {
	float: left;
    width: 400px;
	height:400px;
	background-image:url(img/print_icon.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-color:#ad2157;
}

.print_icon:hover {
    background-color:#c53766;
	transition:all linear 0.15s;
}

.others_icon {
	float: left;
    width: 400px;
	height:400px;
	background-image:url(img/others_icon.png);
	background-repeat:no-repeat;
	background-size:100%;
}

.others_icon:hover {
    background-color:#c53766;
	transition:all linear 0.15s;
}

.icon_text {
	font-size:26px; text-align:center;
	margin-top:88%;
}

.social {
	width:150px;
    margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}

ul#social {
	}

ul#social li {
    display:inline;
	margin-right:11px;
}


.social_nav {
	width:235px;
	margin-top:30px;
    margin-left:40px;
}

ul#social_nav {
	}

ul#social_nav li {
    display:inline;
	margin-right:20px;
}


/* About */

.about_title {
	font-family: 'Amaranth', sans-serif; 
	font-size:88px; 
	text-align:center;
	padding-bottom:45px;
	padding-top:65px;
}

.about_text {
	max-width:960px;
	margin:0 auto;
	padding: 60px 10px 60px 10px;
	line-height:29px;
	text-align:center;
	}
	
#download {height:200px; background-color:#ae2958}

.download_container {margin: 0 auto; width:393px; padding-top:70px;}
.download_text {float:left; font-family: 'Amaranth', sans-serif; font-size:30px; text-transform:uppercase; color:#e05986;}
.download_icon {position:relative; left:20px; bottom:10px;}



/* Works */

/*----- Tabs -----*/

.tabcontainer {
	background-color:#601038;
	height:65px;
}

.tabs {
    width:960px;
	margin:0 auto;
	position:relative;
	top:-65px;
    
}
 
    /*----- Tab Links -----*/
    /* Clearfix */
	ul, menu, dir {
display: block;

-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0;
}

.tablinks {
	width:695px;
	padding-left:265px;
	background-color:#601038;
	}
	
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
 
    .tab-links li {
       
        float:left;
        list-style:none;
    }
 
        .tab-links a {
            padding:20.5px 40px;
            display:inline-block;
            text-decoration:none;
            background:#601038;
            font-size:20px;
			font-family: 'Amaranth', sans-serif;
            text-transform:uppercase;
            color:#fff;
            transition:all linear 0.15s;
        }
 
        .tab-links a:hover {
            background:#961b4a;
            text-decoration:none;
        }
 
    li.active a, li.active a:hover {
        background:#961b4a;
        color:#fff;
    }
 
    /*----- Content of Tabs -----*/
    .tab-content {
        
        
    }
 
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
        }

		

/* Contact Form */

.contact_content_text {
	padding-left:10px;
	padding-right:10px;
	margin:0 auto;
	width:940px;
	
}

.contact_text {
	max-width:940px;
	padding: 60px 15px 20px 15px;
	line-height:29px;
	text-align:center;
	}
	
input, textarea {
    -webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
	box-sizing: border-box; 
}

*::-webkit-input-placeholder {
    color: #c55781;
	padding-left:5px;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #c55781;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #c55781;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #c55781;
}


 #contact_form .clearfix{
        margin-bottom:20px;
    }


#contact_form .input_title{
        float:left;
        font-weight:bold;
        width:120px;
        padding-top:5px;
    }

 #contact_form input{
        width:300px;
        float:left;
        height:35px;
		background-color:#961b4a;
        margin-bottom:15px;
        margin-left:20px;
        border: 1px solid #c55781;
	    font-family: 'Snippet', sans-serif;
        font-size:15px;
        color:#c55781 !important;
    }
	
#contact_form input.left{
        width:300px;
        float:left;
        height:35px;
		background-color:#961b4a;
        margin-bottom:15px;
		margin-left:0px;
        border: 1px solid #c55781;
		font-family: 'Snippet', sans-serif;
        font-size:15px;
        color:#c55781 !important;
    }
	
#contact_form textarea{
        width:940px;
        height:139px;
		background-color:#961b4a;   
        border: 1px solid #c55781;
		font-family: 'Snippet', sans-serif;
        font-size:15px;
        color:#c55781 !important;
		padding-top:8px;
    }
	
 #contact_form input.captcha{
        width:835px;
        height:35px;
		margin-left:0px;
        background-color:#961b4a;   
        border: 1px solid #c55781;
		font-family: 'Snippet', sans-serif;
        font-size:15px;
        color:#c55781 !important;
		float:left;
    }

.refresh {
	float:right;
}
	
#contact_form input.sendmessage {
	    background: url(img/btn_sendmessage.jpg) no-repeat;
        width: 200px;
        height: 45px;
		margin-left:370px;
		margin-top:20px;
		margin-bottom: 30px;
		border: none;
        text-indent:-9999px;
       
	
}

.error {
	text-align:center;
	font-size:15px;
	font-style:italic;
	}

@media screen and (min-device-width : 300px) and (max-width: 480px) {

.error {
	font-size:13px;
	margin-bottom:10px;
	}

}