/* --------------------------------------
@Author: ThemeMascot
@URL: http://themeforest.net/user/ThemeMascot

COLOR : Green
COLOR CODE: #72a230
----------------------------------------- */
.seoTopHead{width: 1060px;margin: 0 auto;}

/* text selection color */
.btn {
    display: inline-block;
    padding: 8px 30px;
    margin-bottom: 0px;
    font-size: 15px;
    /*font-weight: 400;*/
    font-weight: normal;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #000;
    text-decoration:none;
}

*::-moz-selection {
	background-color: #72a230;
} 
::selection {
	background-color: #72a230;
}
/* background-color */
.btn-colored.btn-theme-colored {
	/*background: #72a230!important;*/
	background: #fff !important;
}

.btn-colored.btn-theme-colored:hover {
	/*background: #58891d !important;*/
	background: #cbe8ef !important;
	border: 1px solid #127792 !important;
}

/* border-color */
.btn-colored.btn-theme-colored {
	/*border: 2px solid #72a230 !important;*/
	border: 1px solid #127792 !important;
	
}

/* Start readyEnd_design_contests.php css (12-6-19) */
.blueBackHead{
    background: url('../images/blueback.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}
.blueOpa{background: rgba(0, 128, 225, .3);width: 100%;height: 100%;padding: 60px 0px;}
.blueBackHead h1{font-size: 38px;line-height: 50px;color: #fff;text-align: left;}
.blueL{
    float: left;
    width: 49%;
}
.blueR{
    float: left;
    width: 49%;
    text-align: right;
}
.blueR img{width: 100%;height: 377px; object-fit: contain;}
.avgRateBlue a{color:#FFF;}
.avgRateBlue a:hover{color:#F0F0F0;}
.green-btn{background:#80ff80;}
.green-btn:hover{background:#b3ffb3;}
.white-btn{background:#FFF;color:#000;}
.white-btn:hover{background:#fafafa;color:#000;}
.blkOutline{border: 2px solid #8f8a8a;color: #8f8a8a;}
.hidenBg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .7);display: none;}
.lmwVideo{
    position: fixed;top: 119px;left: 27%;width: 43%;height: 50%;z-index: 9;display: none;padding: 20px;background: #F0F0F0;
}

.lmwVideo iframe{
    width: 100%;
    height: 100%;
}
.faqBox{width: 70%;margin: 0 auto;}
.faqList{padding: 10px 10px;border-top: 1px solid #ccc;}
.faqList.last{border-bottom: 1px solid #ccc;}
.faqHead{font-size: 22px;text-align: center;line-height: 30px;}
.faqQue{font-size: 18px;font-weight: normal;line-height: 33px;cursor: pointer;width: 100%;color: #535252;display: flex;
    align-items: center;
    justify-content: space-between;}
.faqQue::after{content: url('../images/Plus.svg');float: right;}
.faqAns{font-size: 16px;line-height: 28px;display: none;color: #868686;}
/* End readyEnd_design_contests.php css */
.vidIcon{position: relative;top: 1px;left: 3px;}
.homeStBtns{width: 425px;margin: 0 auto;}
.playFill{
    fill: #7b7373;
}
.white-btn:hover .playFill{fill:#66900d}
.androShow{display: none;}
.webHow{display: block;}

.roundAvtar img{border-radius: 50%;border: 2px solid #ccc;width: 48px;height: 48px;object-fit: contain;}
.btnIcon{object-fit: cover;width: 25px;height: 25px;position: relative;top: 3px;}
.designerL, .designerR{float: left;width: 49%;text-align: center;height: 480px;}
.disgnAvtar{width: 50%;margin: 0 auto;}
.designerL img, .designerR img{width: 100%;}
.disgPort{font-size: 16px; line-height: 22px;text-align: center;width: 85%;margin: 0 auto;}
.whBtnSize{width: 145px;}
.userImgGrid{float: left;width: 33%;}
.imgTxtGrid{padding: 0px 20px;text-align: center;font-size: 18px;line-height: 25px;}
.imgTxtGrid a{color: #737373;text-decoration: none;}
.imgTxtGrid img{width: 100%;border-radius: 10px;}
#midUsers{background: #fafafa;padding: 40px 0px;}
.infoTxtL{float: left;width: 60%;}
.infoTxtR{float: left;width: 40%;}
.infoTxtL div, .infoTxtR div{padding: 0px 20px;font-size: 16px;line-height: 25px;}
#midInfoTxt{padding: 40px 0px;}
.infoTxtR img{width:100%;}
.infoTxtL h1,.infoTxtL h2,.infoTxtL h3,.infoTxtL h4,.infoTxtL h5,.infoTxtL h6{
    font-size: 23px;line-height: 30px;
}
#seoSection{padding: 40px 0px;background: url('../images/blueback.jpg');background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.seoLink{float: left;width: 33%;}
.seoLink div{padding: 10px;margin:10px 20px;border-bottom: 1px solid #ccc;}
.seoLink a{color: #FFF;font-size: 16px;text-decoration: none;}
.seoLink a:hover{color:#dad3d3;}
.hedColor{color: #fff}
.imgDesc{font-size: 16px;color: #000;margin-top: 10px;}

.msgPopup{position: fixed;top: 20%;left: 34%;background: #fff;z-index: 2;width: 34%;border-radius: 5px;overflow: hidden;border: 1px solid #52B21A;}
.msgPopup .popupHeader{background: #dfeef7;text-align: center;padding: 20px;font-size: 22px;color: #000000;}
.msgPopup .popupBody{padding: 20px 10px 5px 10px;font-size: 16px;}
.msgPopup textarea{border:1px solid #969696; background-color:#FEFEFE; padding:2px;width: 98%;}
.popupFooter{background: #dfeef7;padding: 10px;}
.contestComment{font-size: 16px; line-height: 25px;}
.contBrif{word-wrap: break-word;}
.rankCnt div a img{width: 100%;border-radius: 6px;}

@media (max-width:800px){
    .msgPopup{top: 20%;left: 5%;width: 90%;}
    .seoTopHead{width: 100%;}
    .seoLink{width: 100%;}
    .userImgGrid, .infoTxtL, .infoTxtR{width: 100%;margin: 20px 0px;}
    .topBtnGrid a{font-weight: normal;width: 225px;font-size: 18px;}
    .blueL{float: none;width: 100%;}
    .blueR{display: none;}
    .lmwVideo{
        top: 20%;left: 4%;width: 84%;height: 40%;padding: 10px;
    }
    .blueOpa{padding: 40px 0px 40px 20px;width: 94%;}
    .faqBox{width: 100%;}
    .topBlueBtn{padding-left:20px; }
    .homeStBtns{width: 296px;}

    .webHow{display: none;}
    .androShow{display: block;}

    .mbLogo{width: 40%;float: left;margin-right: 3%;}
    .mbCntInfo{width: 55%;float: left;padding: 3px 0 10px 0px}
    .mbTitle a{color: #19b2da;line-height: 21px;font-size: 18px;}
    .mbprc{line-height: 18px;font-size: 15px;}
    .mbEndC{line-height: 20px;font-size: 15px;}
    .mbpVal{color: #b60900;font-size: 17px;}
    .mbLogo img{width:100%;}
    .designerL, .designerR{float: none;width: 100%;;height: 460px;}
    .loginGrid{width: 60%;}
    .disgnAvtar{width: 80%;}
    .designerL, .designerR{float: none;height: auto;margin-bottom: 40px;}
    .disgPort{width: 95%;font-size: 20px; line-height: 30px;}
    .tableHeadCol1{width: 67%;}
    .tableHeadCol3{width: 28%;}
    .commentRight,.commentLeft{width: 100%;}
    .contestComment{width: 92%; margin: 0 auto;}
    .cmtUsrImg{float: left;width: 20%;}
    .cmtUsrStat{float: left;width: 75%;}
    .linkSmall a{font-size: 10pt;}
}
@media (max-width:600px){
    .loginGrid{width: 90%;}
    .lgnInput{width: 82%;}
}