/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#page_content {
	position: relative;
	/*width:30%;*/
	width:550px;
	background-color:#fff;
	margin-top:50px;
	margin-bottom:30px;
	
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}

#page_content h1.page_title {
    padding:14px 30px 17px 30px;
    margin: 0px;
    background-image:url('../images/curly_bg.png');
    background-repeat:repeat-x;
    background-position:bottom;
    background-color:#fff;    
    
    -moz-border-top-left-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -khtml-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    -moz-border-top-right-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -khtml-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
}

#page_content.doll_request,
#page_content.home {
   background:none; 
   padding:0px;
   color:#9a939e;
}
#page_content.home {
    font-size: 1.3em;
    line-height: 1.2em;
}
#page_content.home h1.page_title {
   background:none; 
   padding:0px;
}
#page_content.home #main_text {
    padding:0px;
    padding-top:10px; 
}

.home_mobile_img {
	display:none;
}

a.myBtn.view_btn {
    float:left;    
    background-position: right 5px top 2px;
    background-image:url('../images/next_btn.png');
    padding: 0px 30px 4px 0px;
    margin-right:1em;
    margin-left:0em;
}
a.myBtn.view_btn:hover {
    background-position: right 0px top 2px;
}

#page_content.home a.myBtn.view_btn {
    margin: 0;
    margin-right:2em;
}

#page_content #intro_text {
	color:#9a939e;
	padding:15px 30px 0px 30px;
	margin-bottom: -15px;
	/*font-size: 1.15em;
    line-height: 1.2em;*/
}
#page_content #main_text {
    padding:15px 30px;
    font-size: 1em;
   /* line-height: 1.2em;*/
}

#page_content #main_text img {
    float: left;
    margin-bottom: 0.5em;
    margin:0.9em 0.9em 0.2em 0;
}


#page_content #main_text p strong {
	font-family:"Maven Pro", Arial, sans-serif;font-weight:700;
	font-weight:normal;
	color:#9a939e;
}





/*
#page_content .text_holder.contact_page {
    background-image:url('../images/notepad.jpg');
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}
*/




.circle_msg {
    width:177px;
    height:177px;
    display:block;
    position:absolute;
    left: 650px;
    cursor:pointer;
}

.circle_msg.home {
    left: 50px;
    margin-top: 200px;
}



.circle_msg .card { 
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s; 
}
/*.circle_msg .card:hover,  */
.circle_msg .card.flipped {    
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.circle_msg .circle_1 {
    width:177px;
    height:177px;
    display:block;
    position:absolute;
    z-index:1;
    background-image:url('../images/circle_1.png');
    margin:auto;
    top:0;bottom:0;left:0;right:0;
    
       
    -webkit-animation: spin 25s infinite 0.5s linear;
    -moz-animation: spin 25s infinite 0.5s linear;
    -o-animation: spin 25s infinite 0.5s linear;
    animation: spin 25s infinite 0.5s linear;
}
.circle_msg .circle_2 {
    width:148px;
    height:148px;
    display:block;
    position:absolute;
    z-index:2;
    background-image:url('../images/circle_2.png');
    margin:auto;
    top:0;bottom:0;left:0;right:0;
    
    
    -webkit-animation: spin2 25s infinite 0.5s linear;
    -moz-animation: spin2 25s infinite 0.5s linear;
    -o-animation: spin2 25s infinite 0.5s linear;
    animation: spin2 25s infinite 0.5s linear;
}
/*.circle_msg:hover .circle_1,
.circle_msg:hover .circle_2,
.circle_msg .card:hover .circle_1,*/
.circle_msg .card.flipped .circle_1,
/*.circle_msg .card:hover .circle_2,*/
.circle_msg .card.flipped .circle_2 {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
}

.circle_msg .front {
    width:177px;
    height:177px;
    display:block;
    position:absolute;
    z-index:4;
    -webkit-backface-visibility: hidden ;
    -moz-backface-visibility: hidden ;
    -o-backface-visibility: hidden ;
    backface-visibility: hidden ;
    
}
.circle_msg .back {
    width:177px;
    height:177px;
    display:block;
    position:absolute;
    z-index:3;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-backface-visibility: hidden ;
    -moz-backface-visibility: hidden ;
    -o-backface-visibility: hidden ;
    backface-visibility: hidden ;
    
}
/*
.circle_msg .card:hover .front,
.circle_msg .card.flipped .front {
    z-index:3;
}
.circle_msg .card:hover .back,
.circle_msg .card.flipped .back {
    z-index:4;
}

.circle_msg .card:hover .circle_2,
.circle_msg .card.flipped .circle_2 {
    display:none;
}
*/

.circle_msg .msg {
    width:116px;
    height:116px;
    display:block;
    position:absolute;
    
    z-index:3;
    margin:auto;
    top:0;bottom:0;left:0;right:0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    background-color:#FBEFD5;
    color:#9E005D;
    text-align:center;
    padding:25px 0px;
    box-sizing:border-box;
    font-size: 1.1em;
    font-family:"Maven Pro", Arial, sans-serif;font-weight:700;
}

.circle_msg .msg h1 {
    color:#9E005D;
    font-family:"Maven Pro", Arial, sans-serif;font-weight:700;
    font-size: 1.6em;
    margin-bottom: 5px;
}

.circle_msg .back .msg {
    width:148px;
    height:163px;
    background-color:#fff;
    /*border:1px solid #ddd;*/
    padding:38px 5px;
    font-size:1.2em;
    line-height: 1.2em;
    font-family:"Maven Pro", Arial, sans-serif;font-weight:400;
}


@-webkit-keyframes spin {
    0%   {-webkit-transform: rotate(0deg)}
    100% {-webkit-transform: rotate(360deg)}
}
@-moz-keyframes spin {
    0%   {-moz-transform: rotate(0deg)}
    100% {-moz-transform: rotate(360deg)}
}
@-o-keyframes spin {
    0%   {-o-transform: rotate(0deg)}
    100% {-o-transform: rotate(360deg)}
}
@-keyframes spin {
    0%   {transform: rotate(0deg)}
    100% {transform: rotate(360deg)}
}

@-webkit-keyframes spin2 {
    100%   {-webkit-transform: rotate(0deg)}
    0% {-webkit-transform: rotate(360deg)}
}
@-moz-keyframes spin2 {
    100%   {-moz-transform: rotate(0deg)}
    0% {-moz-transform: rotate(360deg)}
}
@-o-keyframes spin2 {
    100%   {-o-transform: rotate(0deg)}
    0% {-o-transform: rotate(360deg)}
}
@-keyframes spin2 {
    100%   {transform: rotate(0deg)}
    0% {transform: rotate(360deg)}
}






.text_holder #contact_info {
    margin-top: 43px;
    margin-bottom: 1em;
}

.text_holder #contact_info ul {
    margin:0px;
}
.text_holder #contact_info li {
    margin-top:0.2em;
    list-style-type:none;
}


.text_holder #contact_info a {
    color:#9a939e;
}
.text_holder #contact_info a:hover {
    color:#b7154b;
}




.item_holder {
    width: 100%;
    padding: 20px 0px;
}
.item_holder .item {
    float: left;
    margin: 9px;
    display: block;
}

.item_holder .ch-item:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position:absolute;
    z-index: 1;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
     -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.45);
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.45);
}
 


.item_holder .ch-item {
    width:145px;
    height:145px;
    box-sizing:border-box;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    cursor: pointer;
    box-shadow: 
        inset 0 0 0 0 rgba(200,95,66, 0.4),
        inset 0 0 0 5px rgba(255,255,255,1),
        0 1px 2px rgba(0,0,0,0.1);
    transition: all 0.4s ease-in-out;
}

.item_holder .ch-info {
    position: absolute;
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    transform: scale(0);
    backface-visibility: hidden;
    
    /*font-family:"Maven Pro", Arial, sans-serif;font-weight:700;*/
    color: #fff;
    text-align: center;
    line-height: 145px;
    font-size:1.2em;
}

.item_holder .ch-item:hover {
    box-shadow: 
        inset 0 0 0 65px rgba(200,95,66, 0.4),
        inset 0 0 0 12px rgba(255,255,255,0.8),
        0 1px 2px rgba(0,0,0,0.1);
}

.item_holder .ch-item:hover .ch-info {
    opacity: 1;
    transform: scale(1);    
}



.item_holder .ch-item.group_1 {
    box-shadow: 
        inset 0 0 0 0 rgba(158,0,93, 0.5),
        inset 0 0 0 5px rgba(255,255,255,1),
        0 1px 2px rgba(0,0,0,0.1);
}
.item_holder .ch-item.group_1:hover {
    box-shadow: 
        inset 0 0 0 65px rgba(158,0,93, 0.5),
        inset 0 0 0 12px rgba(255,255,255,0.5),
        0 1px 2px rgba(0,0,0,0.1);
}

.item_holder .ch-item.group_2 {
    box-shadow: 
        inset 0 0 0 0 rgba(140,155,0, 0.5),
        inset 0 0 0 5px rgba(255,255,255,1),
        0 1px 2px rgba(0,0,0,0.1);
}
.item_holder .ch-item.group_2:hover {
    box-shadow: 
        inset 0 0 0 65px rgba(140,155,0, 0.5),
        inset 0 0 0 12px rgba(255,255,255,0.5),
        0 1px 2px rgba(0,0,0,0.1);
}

.item_holder .ch-item.group_3 {
    box-shadow: 
        inset 0 0 0 0 rgba(0,135,153, 0.5),
        inset 0 0 0 5px rgba(255,255,255,1),
        0 1px 2px rgba(0,0,0,0.1);
}
.item_holder .ch-item.group_3:hover {
    box-shadow: 
        inset 0 0 0 65px rgba(0,135,153, 0.5),
        inset 0 0 0 12px rgba(255,255,255,0.5),
        0 1px 2px rgba(0,0,0,0.1);
}


.ch-item a {
    display:block;
    width:145px
    height:145px;
}


div.img_caption {
    border-top: 1px solid #ddd;
    padding-top: 3px;
    margin-bottom: 10px;
}

.img_text {
    min-height:16px;
    width:80%;
    float:left;
}

a.etsy_link {
	display: block;
	float: right;
	padding: 5px 10px;
	color: #fff;
	background-color: #b7154b;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	margin-right: 8px;
}

a.etsy_link:hover {
	background-color: #9a939e;
}

a#mag_glass {
    display:block;
    float:right;
    background-image:url('../images/mag_glass.png');
    width:26px;
    height:26px;
}

a#mag_glass:hover {
    background-image:url('../images/mag_glass_2.png');
}


.overlay .gallery {
    width:800px;
    height:870px;
    text-align:left;
    position:absolute;
    margin:auto;
    top:0;bottom:0;left:0;right:0;
    
    margin-top: 50px;
}

.overlay .gallery #images_holder_mask {    
    width:800px;
    height:800px;
    position:relative;
    overflow:hidden;
    left:0px;
    top:0px;
}

.overlay .slick-list {
    
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}

.overlay .gallery #images_holder_mask #all_images {
    position:absolute;
    z-index:9;
    width:800px;
    height:800px;
    left:0px;
}

.overlay .gallery #images_holder_mask #all_images img {
    position:relative;
    width:800px;
    height:800px;
    left: 0px;
    top: 0px;
    float: left;
}

.overlay #project_desc {
    width:800px;
    position:relative;
    margin-top: 10px;    
}
.overlay #project_desc .desc {
    float: left;
    color:#fff;
    margin-top: -5px;
}
.overlay #project_desc .desc p {
    margin:0;
    margin-top:2px;
}
.overlay .gallery h1 {
    color:#fff;
    float: left;
    margin-bottom: 5px;
    height:21px;
}

.overlay #proj_nav {
    float:right;
    margin-right: 15px;
    margin-top: 5px;
}
.overlay #proj_nav a {
    display:inline-block;
    margin:0px 5px;
    color:#fff;
}
.overlay #proj_nav a:hover {
    color:#999;
}

.overlay #project_desc div.fb-like,
.overlay #project_desc a.pin_btn {
    float:right;
}

.overlay .gallery_arrows {
    top: 50%;
    width:100%;
    height:46px;
    margin-top:-23px;
}    
.overlay .gallery_arrows div.arrow_left {
    
    height:100%;
}
.overlay .gallery_arrows div.arrow_right {
    
    height:100%;
}

.slick-track { background-color: rgb(255, 255, 255); }


.overlay #close_btn {
    position: absolute;
    top: 7px;
    right: -18px;
    z-index: 999;
    width:37px;
    height:37px;
    cursor:pointer;
    background-image:url('../images/close_btn.png');
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.overlay #close_btn:hover {
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); /* IE 9 */
    -webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */
}



.back_btn.back_to_cats {
    margin-top:-20px;
    margin-bottom:30px;
}


a.myBtn.send_btn {
    padding-right:35px;
    background-position: right 5px top 2px;
    background-image:url('../images/send_icon.png');    
}

a.myBtn.send_btn:hover {
    background-position: right 0px top -2px;
}