@font-face {
    font-family: star;
    src: url(../fonts/starfont/star.eot);
    src: url(../fonts/starfont/star.eot?#iefix) format("embedded-opentype"), url(../fonts/starfont/star.woff) format("woff"), url(../fonts/starfont/star.ttf) format("truetype"), url(../fonts/starfont/star.svg#star) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Canterbury';
    src: url('../fonts/Canterbury/hinted-Canterbury-Regular.eot');
    src: url('../fonts/Canterbury/hinted-Canterbury-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Canterbury/hinted-Canterbury-Regular.woff2') format('woff2'),
        url('../fonts/Canterbury/hinted-Canterbury-Regular.woff') format('woff'),
        url('../fonts/Canterbury/hinted-Canterbury-Regular.ttf') format('truetype'),
        url('../fonts/Canterbury/hinted-Canterbury-Regular.svg#Canterbury-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Cambria';
	src: url('../fonts/Cambria/Cambria.eot');
	src: url('../fonts/Cambria/Cambria.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Cambria/Cambria.woff2') format('woff2'),
		url('../fonts/Cambria/Cambria.woff') format('woff'),
		url('../fonts/Cambria/Cambria.ttf') format('truetype'),
		url('../fonts/Cambria/Cambria.svg#Cambria') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro';
	src: url('../fonts/MyriadPro/hinted-MyriadPro-Regular.eot');
	src: url('../fonts/MyriadPro/hinted-MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MyriadPro/hinted-MyriadPro-Regular.woff2') format('woff2'),
		url('../fonts/MyriadPro/hinted-MyriadPro-Regular.woff') format('woff'),
		url('../fonts/MyriadPro/hinted-MyriadPro-Regular.ttf') format('truetype'),
		url('../fonts/MyriadPro/hinted-MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

html,
body
{
    overflow: auto;
}

body:before
{
    content: " ";
    width: 100%;
    height: 600px;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background: url('../../images/bgradient1.png') 50% 100% repeat-x;
}


#wrapper
{
    /*
    padding: 0;
    width: 100%;
    */
    max-width: 1050px;
}

.loginform #wrapper
{
    width: 440px;
    margin-top: 25px;
}

.wrapper-content
{
    box-shadow: -9px 0 6px -5px #333, 9px 0 6px -5px #333;
    padding: 10px 20px;
    background: #e0e0e0;
}

.sitename
{
    font-family: Cambria;
    font-size: 3.5em;
    text-align: center;
    line-height: normal;
    word-spacing: 10px;
}

.sitename .text1
{
    font-family: Canterbury;
    font-size: 1.5em;
}

header
{
    margin-bottom: 5px;
}

body
{
    background-image: url('../../images/carton-small-piece.jpg');
    background-repeat: repeat;
}

input[type="checkbox"]{
    -webkit-appearance: checkbox;
}

a {
    color: #C08801;
}

a:hover{
    color: #ad6069;
    text-decoration: none;
    transition: color 0.5s ease;
}

#main h1{
    text-align: center;
}
h1{
    font-family: "QlassikMediumRegular",Arial,sans-serif;
    font-size: 28px;
    line-height: 31px;
    color: #747474;
}
a.logo{
    font-family: "QlassikMediumRegular",Arial,sans-serif;
    font-weight: normal;
    color: #3A3A3A;
    font-size: 3.3em;
}

#site-title{
    position: relative;
}

a.logo .logo_img{

}

.logo_img1{
    position: absolute;
    width: 80px;
    right: -15px;
    bottom: -30px;
}



.sign-up-container{
    width: 60%;
    margin: 0 auto;
}

.forms fieldset .text-input, .comment-form input {
    text-indent: 120px;
}

.forgot-container .forms fieldset .text-input, .forgot-container .comment-form input {
    text-indent: 145px;
}

.error_message{
    color:red;
    font-size:17px;
    font-weight:bold;
    padding:10px;
    text-align: center;
}

.error_message p.error
{
    margin-bottom: 0
}

.order-form .text-input-row-1 label{
    position: relative;
    float: left;
}

.order-form .text-input-row-2 label{
    position: relative;
}

.order-form .text-input-row-2 .toggle{
    width: auto;
}

.order-form .text-input-row-3 label{
    position: relative;
    padding-left: 0;
}


.order-form .text-input-row-1 select{
    float: left;
    margin: 5px 10px;
}

.order-form .btn-submit{
    margin-bottom: 0;
}


.order_image_step{
    width: 100%;
}

.box, .container{
    max-width: 960px;
}

.hero-box img{
    display: inline;
}

#access .menu ul li{
    line-height: 35px;
}

.hero-box ul.nav li, .hero-box ul.thumbnails li{
    background: none;
    padding-left: 0;
}

.viewExampleBtn > img {
    width:60px;
    height:60px;
}

a.fancyexample {
    display: block;
}

#access .menu{
    background: none;
    border-radius: 0;
    box-shadow: none;
    float: none;
    margin-top: 20px;
    border: 2px solid #000;
    height: auto;
    
}

#access .menu ul{
    background-image: none;
    padding: 0;
}

#access .menu ul li{
    background: none;
    background-color: transparent;
    margin-right: 0px;
    padding: 0;
}

#access .menu ul li:last-child{
    margin-right: 0;
}

#access .menu ul li a{
    border-bottom: 3px solid #c3c3c1;
    background-color: #ededeb;
    font-family: 'Myriad Pro';
    padding: 0 26px;
    font-size: 1.8em;
    border-bottom: 0;
    background: transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
}



#access .menu ul li a:link{
    color: #010100;
}

#access .menu ul li a:hover, #access .menu ul li a.selected, #access .menu ul li a.current
{
    background-color: #f3bb34;
    border-radius: 0px;
    background-image: none;
    border-bottom-color: #010100;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    background-image: url('../../images/menubg.png');
    color: #fff;
    text-shadow: 2px 2px #000000;
}

#access .menu ul li:first-child a,
#access .menu ul li:first-child a:hover,
#access .menu ul li:first-child a.selected
{
    border-left: 0;
}

/*
#access .menu ul li:last-child a,
#access .menu ul li:last-child a:hover,
#access .menu ul li:last-child a.selected
{
    border-right: 0;
}
*/

#access .menu ul li ul li a{
    border-bottom: none;
    background-color: transparent;
}

.order_area{
    position: relative;
    font-family:'QlassikMediumRegular', Arial, sans-serif;
}

.order_area .row{

}

.order-form .radio{
    -webkit-appearance: radio;
    margin-top: 0;
}

.order-form ul li{
    background-image: none;
}

.downloadrelease{
    display: inline;
    float: left;
    margin-bottom: 0;
}

.downloadrelease li > a, .acceptresult li > .btn-submit{
    background-color: green;
    color: #fff;
}

.downloadrelease li > a.view_order{
    background-color: #0B4881;
}

.downloadrelease li > a:hover, .acceptresult li > .btn-submit:hover{
    color: #fff;
}

.order_date{
    color: #878787;
    margin-left: 10px;
}

.order_time, .last_comment_dt{
    color: #B6B6B6;
    margin-left: 10px;
    font-size: 18px;
}

.cont .last_comment_dt{
    margin-left: 0;
    color: green;
}

.cont .addedadmin:before{
    content: "Admin:";
    display: block;
    color: red;
}

.forms fieldset textarea.instructions{
    height: 100px;
}

.forms fieldset ul.selectlevel label{
    line-height: 1em;
}

.forms fieldset ul.selectlevel label::after, .discount-row label::after{
    content: "";
}

.user_line{
    font-size: 15px;
    right: 0;
    bottom: 0;
    float: right;
    padding: 0 0 10px;
    padding-right: 15px;
}

.user_line .udivider:before{
    content: "::";
    margin: 0 5px;
}

.creditname{
    margin: 15px 0;
}

.alert-whiteborder{
    padding-bottom: 0;
}

.thumbnailssmall > li{
    margin-bottom: 0;
}

.thumbnailssmall > li:nth-child(2n+1){
    margin-left: 0;
}

.fancybox-nav{
    width: 5%;
}

.packageBoxinfo{
    padding-top: 0;
}

.packageBoxinfo > .packageTitle > h1{
    font-size: 1.3em;
}

.packageBoxinfo > .packageTitle > h3{
    margin-bottom: 26px;
    font-family: Canterbury;
}

.fancyexample .inner_msg, .fancyexample1 .inner_msg{
    bottom: 0%;
    margin-bottom: 5px;
}

a.moresamples{
    background-color: #F3BB34 !important;
}

a.moresamples:hover{
    color: #000 !important;
}

.bai{
    width: 100%;
}

.ba{
    position: relative;
}

.ba1, .ba2{
    width: 50%;
    float: left;
    /*
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    */
}

.ttl{
    width: 100%;
    float: left;
    text-align: center;
    font-weight: bold;
}

.filter1{
    margin-top: 13px;
}

.zoomContainer{
    z-index: 8031;
}

.example_price{
    margin-left: 15px;
    color: #5a8653;
}

.trc textarea{
    width: 100%;
}

.filter-rating img{
    display: inline;
}

.discount_area{
    color: green;
}

.opit{
    float: left;
    margin-right: 5px;
}

.opinion{
    float: left;
}

.orderstatus{
    display: block;
    float: left;
    font-size: 32px;
    margin-right: 5px;
    text-transform: uppercase;
}

.orderstatusready{
    color: #008000;
}

.orderstatusworkinprogress{
    color: #B50917;
}

.orderstatusclosed{
    color: #1B22A4
}

.orderstatusarea{
    line-height: 28px;
    margin-bottom: 5px;
}
ul.latest-posts li .item_image{
    float: left;
}

ul.latest-posts li .item_image .pictures_cnt{
    text-align: center;
    padding-right: 16px;
}

.lastcomments{
    color: #2E4D6C;
    font-size: 18px;
}

.lastcomments .comment_you{
    color: #008000;
}

ul.latest-posts li .rate1 > img, .cont img{
    width: auto;
    height: auto;
    display: inline-block;
}

#large_photos{
    margin-top: 0;
    margin-right: 5px;
    -webkit-appearance: checkbox;
}

.forms .inlinelabel{
    display: inline-block;
    margin-right: 5px;
}

.orderlabel1{
    width: 100px;
}

.order-form .total_line{
    font-size: 18px;

}

.photo_gallery_img{
    width: auto;
    max-height: 280px;
}

.ttcontainer-custom1,
.ttcontainer-custom-left,
.flipcontainer-custom1
{
    float: left;
    width: 100%;
    margin-right: 15px;
    margin-bottom: 15px;
}

.ttcontainer-custom2,
.ttcontainer-custom-right,
.flipcontainer-custom2
{
    float: right;
    width: 100%;
    margin-left: 15px;
    margin-bottom: 15px;
}
.flipcontainer-custom1,
.flipcontainer-custom2
{
    margin-bottom: 0;
}
.flipcontainer-custom3
{
    margin-left: auto;
    margin-right: auto;
}

.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth
{
    margin-right: 3%;
}

/* Back To Top */
.damagedbupa {
	position: fixed;
	bottom: 35px;
	right: 30px;
}
.damagedbupa a {
	width: 40px;
	height: 40px;
	display: block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	line-height: 40px;
	font-family: 'Genericons';
	background-color: #e0e0e0;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.damagedbupa a:hover {
	opacity: 10;
	-moz-opacity: 10;
	filter:alpha(opacity=100);
	background-color: transparent;
        background-image: url('../../images/menubg.png');
}
.damagedbupa a:before {
	content: '';
        background: url('../../images/arrow-up.png') 50% 0 no-repeat;
        display: block;
        width: 100%;
        height: 100%;
}

.damagedbupa a:hover:before {
    background-position-y: -40px;
}







.show_info1
{
    width: 35%;
    float: right;
    font-size: 14px;
    margin-top: -70px;
    text-align: justify;
    padding: 5px;
    background-color: #ededeb;
    border-right: 3px solid #010100;
    font-family: 'QlassikMediumRegular', Arial, sans-serif;
}

@media only screen and (max-width: 767px) {
    .show_info1
    {
        float: none;
        width: auto;
        margin: 5px 0;
    }
}

































.social1 {
    margin-top: -15px;
}

.group_title > div{
    color: #fff;
    background: #9C9C9C;
    text-align: center;
    font-size: 18px;
}

.group_title .cont{
    padding: 5px;
}

.group_title .col1{
    border-radius: 5px 0 0 5px;
}

.group_title .col3{
    border-radius: 0 5px 5px 0;
}

.group ul.latest-posts li .post-image {
    margin-right: 0;
}

/*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
    max-width: 750px;
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float:left;
    margin: 1% 0 1% 1%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.33%; }
.span_1_of_3 { width: 32.66%; }


.col1, .col3 {
    width: 20%;
}

.col2 {
    width: 40%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
    .col {  margin: 1% 0 1% 0%; }
    .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}













.span2a .btn-large {
    padding: 11px 11px;
    font-size: 15.5px;
}

.row-fluid [class*="span2a"] {
    margin-left: 1%;
    *margin-left: 1%;
}

.row-fluid .span2a{
    width: 18.299%;
    *width: 18.299%;

    width: 19.2%;
    *width: 19.2%;
}

/* ----------------------------------------- */
@media(min-width:1200px) {
    .row-fluid .span2a {
        width: 17.9499999%;
        *width: 17.9499999%;

        width: 19.2%;
        *width: 19.2%;
    }
}

@media(min-width:768px) and (max-width:979px) {
    .row-fluid .span2a{
        width: 17.79%;
        *width: 17.79%;

        width: 19.2%;
        *width: 19.2%;
    }

    .span2a .btn-large {
        padding: 11px 7px;
        font-size: 13.5px;
    }
}

@media(max-width:767px) {
    .row-fluid .span2a{
        width: 100%;
        *width: 100%;
    }
}

div.lang{
    text-align:right;
    font-size:13px;
    padding: 5px 15px 0 0;
    font-weight:bold;
}

div.lang a,div.lang b{
    margin:0 5px;
}
div.lang a{
    color:#3366ff;
    text-decoration:none;
}
div.lang a:hover{
    color:#3399ff;
    text-decoration:underline;
}