/********************************************
   HTML ELEMENTS
********************************************/ 
.top_ad{
    margin-top:5px;
    margin-left:175px;
}
.top_ad img{
    border:none;
}.up_image{
    margin:0 auto;
    position: absolute;
    z-index: 1;
}
.cover_image{
    margin:0 auto;
    position: absolute;
    z-index: 3;
}
.cover_item .rateit{
    float: left;
    margin-bottom: 20px;    
}
.rate_box{
    min-width: 425px;	
    max-width: 425px;
    min-height:55px;
    max-height:55px;
    border-right: 1px solid #CCC;
}
.rate_box_text{
    font-weight:bold;

}
.upload_button_h{ width:300px; height:64px; background:url(../img/upload.png) top no-repeat; border:none;}

.upload_button_h:hover{ background:url(../img/upload.png) bottom no-repeat;border:none;}
.publish_button{background:url(../img/publish_button.png) no-repeat; border:none; width:155px; height:43px;}
.zoom_in_button{background:url(../img/zoomin.png) no-repeat; border:none; width:55px; height:55px; margin-top:0px;    background-size: 33px;
}
.zoom_out_button{background:url(../img/zoomout.png) no-repeat; border:none; width:55px; height:55px;margin-top:0px;    background-size: 36px;
}
.fb_share{
    margin-left:350px;
    vertical-align:middle;
}
.fb_share img{border:none;}
/* main column */

.fb_share_button{
    width:122px;
    height:42px;
    background:url(../img/facebook_share_button.png) no-repeat;
    border:none;
    margin-top:25px;
    margin-bottom:25px;	
}
.download_button{
    width:274px;
    height:74px;
    background:url(../img/download_button.png) no-repeat;
    border:none;
    margin-top:25px;
    margin-bottom:25px;	
}

ul.pagination {
    padding:10px 0px 10px 0px;
}
ul.pagination li {
    display: inline;
}
ul.pagination li a {
    background-color:white;
    border:#efefef solid 1px;
    color: #414550;
    font-weight:bold;
    width:80px;
    height:80px;
    padding:9px 13px;
    margin-right:5px;
    /* CSS3 Transition */
    transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -webkit-transition: background-color 0.5s ease-in-out;
    cursor:pointer;
}
ul.pagination li a:hover, ul.pagination li a#currentPage {
    text-decoration: none;
    background-color: #003366;
    color: white;
}


.bread_crumb{ float:right; margin-right:10px; line-height:29px; font-size:11px; color:#7e909b;}
.bread_crumb a, .page_head .bread_crumb span{ padding-left:5px; color:#7e909b;}
.bread_crumb a{ padding:0 10px 0 5px; background:url(../img/tiny-arrow.png) right center no-repeat;}
.bread_crumb a:hover{ color:#283139;}
.check_box_on{background: url("../img/radio-on.png") no-repeat scroll 0 0 transparent;}
.check_box_off{background: url("../img/radio-off.png") no-repeat scroll 0 0 transparent;}

.publish_button_2{background:url(../img/publish_button_2.png) no-repeat; border:none; width:82px; height:33px; float:right; margin-top:5px; margin-right:25px;}


.fb_share_button_2{
    width:100px;
    height:34px;
    background:url(../img/facebook_share_button_2.png) no-repeat;
    border:none;
    margin-top:25px;
    margin-bottom:25px;	
}

.download_button_2{
    width:175px;
    height:47px;
    border:none;
    margin-top:25px;
    margin-bottom:25px;	
}

.rate_box_1{
    min-width: 609px;	
    max-width: 609px;
    min-height:55px;
    max-height:55px;
    border-right: 1px solid #CCC;
}	
#uploaded_image img{
    top: 101px;
    position: absolute;
    left: 30px;
}	
#choosecover{
    float:right;
}	
.home_page_upload_cover{
    float:left;position:absolute;width:100%;top:0px;overflow:hidden;margin-lef:-15px;margin-top:0px;
}	
.create_page_upload_frame{
    float:left;position:absolute;width:100%;overflow:hidden;margin-lef:-15px;margin-top:0px;
}	
@media (min-width: 320px) and (max-width: 370px) {
    /*.home_page_upload_cover{
      height:84.5%;
      width: 90.4%;
    }
    .cover_image{
      height:84.5%;
      width: 90%;
    }*/
    /*.create_page_upload_frame{
    width:92.6%;height:62.7%;
    }	*/
}
@media (min-width: 371px) and (max-width: 430px) {
    /*.home_page_upload_cover{
      height:84.5%;
      width: 92%;
    }
    .cover_image{
      height:84.5%;
      width: 91%;
    }*/
    /*.create_page_upload_frame{
    width:92.6%;height:62.7%;
    }	*/
}
@media (max-width: 319px) {
    /*.home_page_upload_cover{
      height:84.5%;
      width: 86%;
    }
    .cover_image{
      height:84.5%;
      width: 85%;
    }*/
}
@media (min-width: 660px) and (max-width: 765px) {
    /*.home_page_upload_cover{
      height:84%;
      width: 95.6%;
    }
    .cover_image{
      height:84.5%;
      width: 95%;
    }*/
    /*.create_page_upload_frame{
    width:92.6%;height:62.7%;
    }	*/
}
@media (min-width: 431px) and (max-width: 500px) {
    /*.home_page_upload_cover{
      height:84%;
      width: 93.2%;
    }
    .cover_image{
      height:84%;
      width: 93%;
    }*/
    /*.create_page_upload_frame{
    width:92.6%;height:62.7%;
    }	*/
}
@media (min-width: 501px) and (max-width: 659px) {
    /*.home_page_upload_cover{
      height:calc(100% - 69px);84%
      width: 94.3%;
    }
    .cover_image{
      height:84%;
      width: 93.8%;
    }*/
    /*.create_page_upload_frame{
    width:92.6%;height:62.7%;
    }	*/
}
@media screen and (max-width: 767px) {
    .home_page_upload_cover{
        height:calc(100% - 69px);/*84%*/

    }
    .cover_image{
        width: 100%;
        height: 100%;
    }
    .create_page_upload_frame{
        height:calc(100% - 269px) ;/*84%*/
        width: 100%;
    }
    #choosecover{
        float: none;
    }

    #created_frame_ad{
        float:none !important;
        text-align: center;
        margin-bottom: 10px;
    }


}
@media screen and (max-width: 991px) {
    .loginhere img{
        max-width: 150px;
    }
    #header-bottom .col-sm-6{
        padding: 0;
    }
    #header-bottom .btn-default{
        padding-left: 18px;
        padding-right: 18px;
        margin-left: 0;
    }
}
.coverupload,.frameupload{
    position: relative;
}
.frameupload{
    padding-bottom: 0;
}
.frameupload #uploaded_image{
    margin-bottom: 65px;
}
.cover_image{
    width: 100%;
}
.cover_image img{
    width: 100%;

}

.radio_cat{
    display: none;
}
.cats_container label{
    cursor: pointer;
    margin: 0 10px;
}
.cats_container .radio_cat:checked+label {
    color: #6600c6;
    font-weight: bold;
    font-size: 1.1;
}
.arrow{
    width: 70px;
}
.arrow .fa-chevron-left:before,.arrow .fa-chevron-right:before{
    content: "";
}
.arrow .fa-chevron-left,.arrow .fa-chevron-right{
    background:url(../img/arrow_left.png) no-repeat;
    width: 55px;
    height: 55px;
}
.arrow .fa-chevron-right{
    background:url(../img/arrow_right.png)  no-repeat;
}

.frame_side_box_ad, #right_ad_box{
    text-align: center;
}

#cover_list .col-sm-10 .row,#frame_list  .col-sm-10 .row{
    background: #aaccaa none repeat scroll 0 0;
    margin-bottom: 5px;
}
#pagination{
    text-align: center;
}
#pagination a{
    display: inline-block;
    margin-left: 5px;
}
#pagination a.active{
    font-weight: bold;
    font-weight: bold;
    color: #d01f1f;
    font-size: 16px;
}
.coverupload, .frameupload {height: auto;padding-top: 25px; padding-bottom: 25px;}
.coverupload {overflow: hidden;}.start-title {padding-bottom: 0;}.upload-title {padding-bottom: 25px;}#uploadimg {display: none;
    }
       @media screen and (max-width: 767px){
        .upload-title h2 {font-size: 25px;
            
        }
        .upload-title p, .start-title h3 {font-size: 12px;}	
    #uploaded_image {font-size: 10px;}}
    @media screen and (min-width: 768px) and
    (max-width: 1199px){	.coverupload {position: relative; width: 73%; left: 27%;}}
    .coverupload {overflow: hidden; max-height: 100%;}
    .cover_image img {width: 100%; height: 100%;}
    .magazine img {width: 100%; height: 141px;}
    @media screen and (max-width: 767px){	#frame_upload_image .start-title {padding-top: 25px;}	.frameupload #uploaded_image {margin-bottom: 25px;}}
    
    #header-top{ padding-bottom: 15px;} #title, #bottom-banner {padding-top: 0;} header {border-bottom: 0;} #wrap {margin-top: 0;} #featured_slide {margin-bottom: 25px;} #recentcovers {margin-top: 30px; padding-bottom: 25px; padding-top: 0;}