body {margin:0px; padding:0px; font-family: 'CenturyGothic'; font-size:14px; color:#414141; background:#fff;} /********************************************* FONTS ********************************************/ .CenturyGothic { font-family: CenturyGothic; font-weight: normal; font-style: normal; } .CenturyGothic-Italic { font-family: CenturyGothic-Italic; font-weight: normal; font-style: normal; } .CenturyGothic-Bold { font-family: CenturyGothic-Bold; font-weight: normal; font-style: normal; } .CenturyGothic-BoldItalic { font-family: CenturyGothic-BoldItalic; font-weight: normal; font-style: normal; } /********************************************* GENERAL CSS ********************************************/ img {border:none; outline:none;} .clear {clear:both; margin:0px; padding:0px;} a {outline:none; text-decoration:none; color:#333333; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} a:hover {text-decoration:none; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; color:#2e201b; outline:none} .bold {font-weight:700;} ul,li {list-style:none; margin:0px; padding:0px;} strong {font-weight:700;} input, button {font-family:"CenturyGothic", Arial; outline:none;} button {cursor:pointer; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} button:hover{ -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; color:#2e201b;} img {border:0 none; outline:none;} .padding_none{ padding:0px;} .margin_none { margin:0px;} .textupper{ text-transform:uppercase;} input[type="text"] { background:#fff; border:none; padding:0px 10px 0px; font-size:14px; color:#666666; font-family:"CenturyGothic", Arial; outline:none; border:#ded8d5 solid 1px; line-height:20px; margin:0px; outline:none; text-overflow: ellipsis;} textarea { background:#fff; border:none; padding:0px 10px 0px; font-size:14px; color:#666666; font-family:"CenturyGothic", Arial; outline:none; border:#ded8d5 solid 1px; margin:0px; outline:none; } select { background:#fff; border:none; padding:1px; font-size:12px; color:#666666; font-family:"CenturyGothic", Arial; outline:none; border:#ded8d5 solid 1px; line-height:30px; float:left; margin:0px; outline:none; } button{ background:#f1b41c; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;} button:hover, button span:hover button span:hover span{background:#4f4744; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;} button:hover{background:#4f4744; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;} .margin_borrom_none{ margin-bottom:0px !important;} /********************************************* HEADER ********************************************/ #header{background:#313131; } .home #header{height:50px} .header-top{background:#fff; min-height:50px; position:fixed; width:100%; z-index:9999; box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.2);top:0px;} .header-right{} .header-content{padding-top:50px;} .top-links li.post-link{ margin-top:7px; padding-right:8px;} .top-links li.post-link a{font-size:13px; color:#313131; line-height:16px; padding:7px 10px 7px 10px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; outline:none; text-transform:uppercase; border:#313131 solid 2px; text-decoration:none; font-family: CenturyGothic-Bold;} .top-links li.post-link a span{color:#313131;} .top-links li a em{display:none;} .top-links li.post-link a:hover{ background-color:#313131 !important; border:#313131 solid 2px; color:#fff; text-decoration:none; display:block; } @media screen and (-webkit-min-device-pixel-ratio:0) { .top-links li.post-link a:hover{ background-color:#313131 !important;} } .top-links li.post-link a:hover span{color:#fff} .top-links li a{font-size:13px; line-height:50px; color:#313131; border-left:1px solid #e6e6e6; padding:0px 20px 0px 16px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; outline:none; text-transform:uppercase; text-decoration:none; outline:none} .top-links li a.first-child{ border-left:0px;} .login-signup a:hover, .login-signup a:focus{background:none; color:#000; text-decoration:none; text-decoration:none; outline:none; } .top-links li a:focus, .login-signup a:focus{text-decoration:none} .nav-pills > li + li{margin:0} .top-links li a:hover, .top-links li a.active{background:#313131; color:#fff} .login-links li{ float:right;} .login-links li.weclome a{background:#dedede; color:#000; text-align:center; padding:17px 20px; font-size:11px; line-height:14px; text-transform:capitalize; display:block; text-decoration:none;border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; outline:none;} .login-links li.weclome a span{display:block; font-size:12px; line-height:16px;} #logo{margin-top:11px;} .post-content{padding-top:25px;} .post-content h2{font-size:24px; color:#ffffff; line-height:30px; margin:0; padding-bottom:2px;} .post-content p{font-size:14px; color:#9e9e9e; line-height:18px; padding:0} .post-content p a{color:#fff; text-decoration:underline; display:inline-block} .post-content p a:hover{text-decoration:none;} .top-links{ padding-right:0; float:right} .top-links .navbar-collapse{padding:0} .top-links .container-fluid{padding:0} .login-links{padding-left:0; float:right; padding-right:15px} /********************************************* CONTENT ********************************************/ .setup-middle{ background:#ececec;} .main-container{padding:50px 0 50px; position:relative} /*change my harsh*/ .main-container .container{position:relative;} .left-column{width:300px; position:absolute; left:0; top:0; z-index:99} .box-tabs{padding-top:20px;} .box-tabs li{background:#ffffff; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; box-shadow:0 0 6px #ccc; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; margin-bottom:20px; position:relative;} .box-tabs li .box-content{width:300px;padding:20px 10px 10px 20px; } .box-tabs li h3{font-size:18px; color:#bfbfbf;font-family: CenturyGothic-Bold; line-height:normal; margin:0; margin-left:44px} .box-tabs li em{border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; width:36px; height:37px; font-size:22px; line-height:37px; text-align:center; background:#cbcbcb; color:#e6e6e6; display:inline-block; font-style:normal; margin-right:8px; position:absolute; top:20px; font-family:CenturyGothic-Bold} .box-tabs li p{font-size:14px; color:#bebebe; line-height:18px;} .em-title{margin-bottom:20px; padding-top:9px} .box-tabs li .em-title-2 em {top:30px} .box-tabs li.completed h3{color:#313131;} .box-tabs li.completed em{background:#313131; color:#fff} .box-tabs li.completed p{color:#414042} .right-account-column{margin-left:330px; } .content-details{background:#ffffff; padding:25px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; box-shadow:0 0 6px #ccc; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc;} .content-details h3{font-size:18px; color:#313131; background:#f2f2f2; margin:0;font-family: CenturyGothic-Bold; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:15px; margin-bottom:40px;} .content-details .fileds-group{padding-bottom:40px;} .content-details .fileds-group h4{font-size:16px; color:#414141; border-bottom:1px solid #e1e1e1; line-height:18px; padding-bottom:10px; margin-bottom:20px; font-family: CenturyGothic-Bold;} .content-details .fileds-group .border{border-bottom:1px solid #e1e1e1;} .form-control{background:#fff;border:1px solid #d6d6d6; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:inset 1px 1px 5px #f6f6f6; -moz-box-shadow:inset 1px 1px 5px #f6f6f6; -webkit-box-shadow:inset 1px 1px 5px #f6f6f6; font-size:14px; color:#b2b2b2; height:40px; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; border: 1px solid #d8d8d8; color: #666666; font-family: inherit; font-size: 14px; padding: 8px 12px;} .form-control:focus{box-shadow:0 0 6px rgba(204, 204, 204, 0.8); -moz-box-shadow:0 0 6px rgba(204, 204, 204, 0.8); -webkit-box-shadow:0 0 6px rgba(204, 204, 204, 0.8); border:1px solid #ccc; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;} .content-details label{font-size:14px; color:#414141; line-height:18px; display:inline-block; width:160px; position:absolute; left:0; top:0; font-weight:normal; margin:0 0 7px; padding-top:0px;} .content-details .form-group{position:relative; margin-bottom:15px;} .content-details .input-wrap{padding-left:180px;} .content-details .small-input{width:10%; margin-right:10px; float:left;} .content-details .mid-input{width:40%; float:left; margin-right:10px;} .note-text{display:inline-block !important; font-size:13px !important; color:#bebebe !important; line-height:18px !important;padding-top:10px !important;} .btn-create{ width:100%; background:#313131; border:0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; height:46px; font-size:18px; color:#fff; } .btn-create:hover{background:#212121; color:#fff !important;} .file-uploader .form-control{float:left; width:40%;border-radius:3px 0px 0px 3px; -moz-border-radius:3px 0px 0px 3px; -webkit-border-radius:3px 0px 0px 3px; background:#fff} .btn-browse{background:#313131; height:40px; font-size:16px !important; line-height:40px; color:#fff; float:left; width:93px; position:relative; border-radius:0 5px 5px 0 !important; -moz-border-radius:0 5px 5px 0 !important; -webkit-border-radius:0 5px 5px 0 !important; cursor:pointer; padding:0; cursor:pointer; padding:8px 12px !important;} .btn-browse:hover{background:#212121; color:#fff} .content-details .fille-filed{width:93px; height:40px;opacity:0; position:absolute; left:0; top:0; z-index:9; cursor:pointer} .cover-div{position:absolute; width:70px; background:#fff; height:100%; right:-45px;top:0px;width:50px; display:none;} .cover-div span.bottom-shadow{background:url(../images/bottom-shadow.png) repeat-x; height:15px; display:block; position:absolute; bottom:-11px; left:-3px; width:100%;} .cover-div span.upper-shadow{background:url(../images/upper-shadow.png) repeat-x; height:15px; display:block; position:absolute; top:-14px; left:-3px; width:100%;} .box-tabs li.completed .cover-div{display:block} .content-details.first-step{border-radius:0 7px 7px 7px; -moz-border-radius:0 7px 7px 7px; -webkit-border-radius:0 7px 7px 7px;} .navbar-brand{display:none;} .top-links .navbar-toggle, .top-links .navbar-toggle:hover, .top-links .navbar-toggle:focus{border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background:#313131 ;} .top-links .navbar-toggle{float:right;} .navbar-toggle .icon-bar{background:#fff; padding:5x 10px;} .white-container{max-width:1350px; padding-left:345px;} /********************************************* FOOTER ********************************************/ #footer{background:#313131;} .footer-content{padding:25px 0 0;} .footer-content .footer-top{margin-bottom:10px;} .footer-content h3{ font-size:18px; color:#ffffff; line-height:22px;margin:0; padding:0;font-family: CenturyGothic-Bold; border-bottom:1px solid #3b3b3b; padding-bottom:6px; margin-bottom:11px} .footer-content .nav-pills > li{float:none; display:block; margin:0; padding:0} .footer-content .nav-pills > li a{font-size:14px; color:#999999; line-height:20px; padding:0 0 2px; display:inline-block; outline:0 none;} .footer-content .nav-pills > li a:hover, .footer-content .nav-pills > li a:focus{color:#fff; background:none;} .footer-content ul.social-icon{ margin:0px; padding:0px; list-style:none;} .footer-content ul.social-icon li{ display:inline-block; margin-right:7px; margin-top:3px;;} .footer-content ul.social-icon li a{ -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.9s ease-in-out; width:41px; height:41px;} .footer-content ul.social-icon li a:hover{ -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; opacity:0.7;} /*.footer-content ul.social-icon li a.f-icon{background:url(../images/fb-icon.png) no-repeat 0 0; } .footer-content ul.social-icon li a.t-icon{background:url(../images/twitter-icon.png) no-repeat 0 0; } .footer-content ul.social-icon li a.p-icon{background:url(../images/pinterest-icon.png) no-repeat 0 0; }*/ .footer-content ul.social-icon li a.f-icon{background:url(../images/home_new/facebook.svg) no-repeat 0 0; } .footer-content ul.social-icon li a.t-icon{background:url(../images/home_new/twitter.svg) no-repeat 0 0; } .footer-content ul.social-icon li a.p-icon{background:url(../images/home_new/pinterest.svg) no-repeat 0 0; } .footer-content ul.social-icon li a.weibo-icon{background:url(../images/pinterest-icon.png) no-repeat 0 0; } .footer-content ul.social-icon li a.wechat-icon{background:url(../images/pinterest-icon.png) no-repeat 0 0; } /*.footer-content ul.social-icon li a.insta-icon{background:url(../images/insta-icon.svg) no-repeat 0 0; } .footer-content ul.social-icon li a.m-icon{background:url(../images/email-icon.png) no-repeat 0 0; }*/ .footer-content ul.social-icon li a.insta-icon{background:url(../images/home_new/instagram.svg) no-repeat 0 0; } .footer-content ul.social-icon li a.m-icon{background:url(../images/home_new/email.svg) no-repeat 0 0; } .footer-content ul.social-icon li a.youtube_test-icon{background:url(../images/youtube-icon.png) no-repeat 0 0; } .footer-content ul.social-icon li a.ranking-icon{background:url(../images/ranking-icon.jpeg) no-repeat 0 0; } .footer-content address{word-wrap:break-word; margin-bottom:10px; } .footer-content address p{font-size:14px; color:#999999; line-height:17px; padding:0 0 2px; margin:0} .footer-content address p label{display:inline-block; color:#fff;font-size:14px; font-weight:normal; } .footer-content address p a{font-size:14px; color:#999999; line-height:17px;} .footer-content address p a:hover{color:#fff; text-decoration:none;} .copyright-column{ border-top:1px solid #3b3b3b; padding:15px 0} .copyright-column p{text-align:center; font-size:13px; color:#999999; margin:0px;} .common-block{ padding-top:50px;} .btn {-moz-user-select: none; background-image: none; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal; line-height: 1.42857; margin-bottom: 0; padding: 0 12px; text-align: center; vertical-align: middle; white-space: nowrap;} .file-upload input.upload {cursor: pointer; font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0;} .file-upload {margin: 10px; overflow: hidden; position: relative;} /********************************************* .Homepage ********************************************/ .main-content{} /********************************************* .left Category ********************************************/ .left-category{ background:rgba(0, 0, 0, 0.7); display: block; height: 100%; left:14.7%; top:0; width:315px; overflow-x: hidden; overflow-y: auto; position: fixed;z-index:9999; padding:20px 10px 20px 10px;} .left-category-inner{ width:295px;} .left-category .logo-column{ text-align:center; margin-bottom:27px;} .left-category .logo-column img{ border:0 none; outline:0 none; max-height:inherit; display:inline-block} .leftsidelink-column{ margin-bottom:13px; text-align:center;} .map-column{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background:#9e9e9e} .leftsidelink-column h3{ margin:0 0 9px 0; padding:0px; text-transform:uppercase; font-size:14px; color:#fff; text-align:left;} .leftsidelink-column ul.link-category{ margin:0px; padding:0px; list-style:none; display:inline-block; text-align:center;} .leftsidelink-column ul li + li{ border-left:1px solid #bfbfbf} .link-category li{ list-style:none; float:left; padding:0px; width:73px;} .link-category li a.first-child{border-radius:3px 0px 0px 3px !important; -webkit-border-radius:3px 0px 0px 3px !important; -moz-border-radius:3px 0px 0px 3px !important;} .link-category li a.last-child{border-radius:0px 3px 3px 0px !important; -webkit-border-radius:0px 3px 3px 0px !important; -moz-border-radius:0px 3px 3px 0px !important;} .link-category li a{ height:40px; line-height:40px; text-decoration:none; font-size:13px; color:#fff; background:#9e9e9e; padding:0 7px; display:inline-block; outline:0 none; width:100%; text-align:center;} .link-category li a.active, .link-category2 li a.active, .link-category3 li a.active{ background:#fcfcfc; color:#212121;} .leftsidelink-column ul.link-category2{ margin:0px; padding:0px; list-style:none; display:inline-block; text-align:center;} .link-category2 li{ list-style:none; float:left; padding:0px; width:98px;} .link-category2 li a.first-child{border-radius:3px 0px 0px 3px; -webkit-border-radius:3px 0px 0px 3px; -moz-border-radius:3px 0px 0px 3px;} .link-category2 li a.last-child{border-radius:0px 3px 3px 0px; -webkit-border-radius:0px 3px 3px 0px; -moz-border-radius:0px 3px 3px 0px;} .link-category2 li a{ height:40px; line-height:40px; text-decoration:none; font-size:13px; color:#fff; background:#9e9e9e; padding:0 12px; display:inline-block; outline:0 none; width:100%; text-align:center;} .leftsidelink-column ul.link-category3{ margin:0px; padding:0px; list-style:none; display:inline-block; text-align:center;} .link-category3 li{ list-style:none; float:left; padding:0px; width:147px;} .link-category3 li a.first-child{border-radius:3px 0px 0px 3px; -webkit-border-radius:3px 0px 0px 3px; -moz-border-radius:3px 0px 0px 3px;} .link-category3 li a.last-child{border-radius:0px 3px 3px 0px; -webkit-border-radius:0px 3px 3px 0px; -moz-border-radius:0px 3px 3px 0px;} .link-category3 li a{ height:40px; line-height:40px; text-decoration:none; font-size:13px; color:#fff; background:#9e9e9e; padding:0 12px; display:inline-block; outline:0 none; width:100%; text-align:center;} .find-button{ margin-top:10px;} .find-button button{ border:2px solid #fff; outline:0 none; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:100%; text-align:center; height:50px; line-height:48px; color:#333333; font-size:18px; font-family: 'CenturyGothic-Bold'; text-transform:uppercase; padding:0; background:#fff; } .find-button button:hover{background:#cbcbcb; color:#333333; border:2px solid #cbcbcb;} /********************************************* BANNER ********************************************/ .home-container{margin-top: 20px} .banner-outer{ position:relative;} .slider-outer{overflow: hidden;} .slider-outer img{width: 100%} .banner-column .banner-img{width:100%;} .banner-content{position:absolute; width:100%; left:0; top:0px; height:100%} .banner-text{padding-left:350px;} .banner-outer .bx-viewport{ text-align: center;} .banner-text h2{font-size:62px; line-height:60px;font-family: CenturyGothic-Bold; float:left; color:#fff;position:absolute; bottom:120px; z-index:999} .banner-text h2 span{display:block; font-weight:normal;font-family: CenturyGothic; text-transform:uppercase; font-size:34px} /*.banner-text h2 span { clear: both; display: block; font-family: CenturyGothic; font-weight: normal; position: relative; text-transform: uppercase; top: 70px; margin-left: 9px; }*/ .collabrotion-block{position:absolute; right:15px; bottom:0; text-align:center; z-index:999} .banner-content .container{position:relative; height:100%} .collabrotion-thumb, .collabrotion-thumb a{background:#fff; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; width:180px; height:180px; text-align:center; display:block } .collabrotion-thumb img{margin-top:42px;} .collabrotion-thumb .coll-text{font-size:24px; color:#414141; line-height:30px;font-family: CenturyGothic-Bold; display:block; padding-top:60px; display:inline-block} .collabrotion-block .btn-learnmore{background:url(../images/learn-more.png) no-repeat 0 0; height:65px; line-height:50px; padding:0 18px; position:relative; font-size:20px; color:#fff; text-transform:uppercase;font-family: CenturyGothic-Bold; margin:30px auto -12px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0} .banner-outer .bx-viewport{ min-height:691px; height: auto !important } @-moz-document url-prefix() { .banner-outer .bx-viewport{overflow: visible !important; } } /********************************************* WHAT WE DO ********************************************/ .whatwe-column{ background:url(../images/whatwe-background.jpg) repeat-x; padding-top:80px; padding-bottom:42px; } .whatdo-section{ float:right;} .what-title{ margin-bottom:50px; text-align:center;} .what-title h1{ margin:0px;display:inline-block; text-align:center; border:#fff solid 4px; font-size:30px; font-family: 'CenturyGothic-Bold'; font-weight:normal; text-transform:uppercase; color:#fff;} .what-title h1 a{color:#fff; padding:16px 23px; display:block} .what-title h1 a:hover{text-decoration:none} .whatwe-block{ text-align:center; } .whatwe-block ul{ margin:0px; padding:0px; list-style:none; display:inline-block; text-align:center;} .whatwe-block ul li{ list-style:none; width:33%; text-align:center; padding:0 15px; float:left} .whatwe-box{text-align:left;} .whatwe-box .icon-blog{ margin-bottom:25px;} .whatwe-box .icon-blog a{display:inline-block; width:182px; height:182px; border-radius:91px; -webkit-border-radius:91px; -moz-border-radius:91px; line-height:180px; text-align:center; background:#1d1d1d; border:#fff solid 5px; outline:none;} .whatwe-box .icon-blog a:hover{ background:#212121; border:#fff solid 5px;} .whatwe-box h4{ margin:0px; padding:0 0 14px 0; font-size:22px; color:#313131;font-family: 'CenturyGothic-Bold';} .whatwe-box p{ margin:0px; color:#414141; font-size:16px; line-height:22px; margin-bottom:15px} /********************************************* FEATURE BLOG ********************************************/ .feature-blog{background:#fff; border-bottom:#e0e0e0 solid 20px; padding-top:70px; padding-bottom:50px; } .feature-column{ float:right;} .feature-inner{padding:0; margin-left:6%;} .feature-inner .thumbnail{border:0; padding:0; margin:0px; width:90%;} .feature-inner .thumbnail .caption{ padding:13px 0px 0; margin-bottom:10px; } .feature-inner .thumbnail p{text-align:center; color:#7d7d7d; font-size:16px; margin:0px; padding:0px; line-height:28px; } .feature-inner .thumbnail p a{color:#7d7d7d; text-decoration:none;display:inline-block;} .feature-inner .thumbnail p a:hover{color:#000; text-decoration:none;} .featured-content{ text-align:center; width:347px; margin:0 auto;} .featured-content h2{ margin:0 0 24px 0px; padding:16px 19px; text-align:center; display:inline-block; border:4px solid #313131; color:#313131; font-family:'CenturyGothic-Bold'; font-size:28px; text-transform:uppercase; width:100%;} .featured-content p{ margin:0px; padding:0px; color:#414141; font-size:18px; line-height:25px; display:inline-block; text-align:justify;} .post-collaboration{ display:inline-block; margin-top:30px;} .post-collaboration a{ display:inline-block; background:#313131; width:152px; height:152px; border-radius:76px; -webkit-border-radius:76px; -moz-border-radius:76px; text-align:center; text-decoration:none; font-size:17px; color:#fff; font-family: 'CenturyGothic-Bold'; outline:none; border:0 none; padding-top:30px;} .post-collaboration a:hover{background:#212121;} .post-collaboration a .img-post{ display:block; margin-bottom:8px;} .feature-box .col-md-6{width:48%} .feature-box{float:right;} /********************************************* BLOG CONTENT ********************************************/ .blog-block{background:#fff; border-bottom:#e0e0e0 solid 20px; padding:80px 0; } .blog-column{ float:right;} .blog-inner-content, .footer-inner{margin-left:0%;} .blog-inner h2{font-size:30px; font-family: CenturyGothic-Bold; text-align:center; margin:0; padding-bottom:50px;} .blog-inner h2 span{display:inline-block;border:4px solid #302e31; padding:16px 25px; color: #313131; display: inline-block; font-family: 'CenturyGothic-Bold'; text-align: center; text-transform: uppercase; } .blog-inner h2 span a:hover{text-decoration:none} .blog-inner {padding:0px;} .blog-inner .thumbnail{border:0; padding:0; text-align: center; max-height:345px; position:relative; max-width:315px; margin:0 auto} .blog-inner .thumbnail img{ border:0 none; outline:0 none; } .blog-inner .thumbnail h3{font-size:18px; color:#414141; font-family: CenturyGothic-Bold; margin:0; padding-bottom:14px;} .blog-inner .thumbnail h3 a{ text-decoration:none; font-size:18px; color:#414141; font-family: CenturyGothic-Bold; outline:0 none;} .blog-inner .thumbnail h3 a:hover{ text-decoration:underline;} .blog-inner .thumbnail p{font-size:16px; color:#414141; line-height:20px; padding-bottom:20px; margin:0} .blog-inner .btn-readmore{background:#313131; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; font-size:16px; color:#fff; text-transform:uppercase;font-family: CenturyGothic-Bold; height:45px; line-height:45px; padding:0 16px; outline:0 none;} .blog-inner .btn-readmore:hover{background:#212121;} .blog-inner .thumbnail .caption{padding:20px 0 0; color:#414141;} .blog-inner .thumbnail .caption span{ display:block;} .blog-cont p img{max-width:100%; height:auto!important;} /********************************************* FEATURED BRAND ********************************************/ .featured-brand{background:#fff; border-bottom:#e0e0e0 solid 20px; padding-top:70px; padding-bottom:70px;} .brand-inner-column{ margin-left:7%;} .brand-column{ float:right;} .brand-inner{ text-align:center; padding-left:0px;} .brand-content{ width:324px; margin:0 auto; float:left;} .brand-content h2{border:4px solid #313131; color:#313131; display:inline-block; font-family:'CenturyGothic-Bold'; font-size:30px; margin:0 0 24px 0; padding:16px 19px; text-align:center; text-transform:uppercase; width:100%;} .brand-content p{color: #414141; display: inline-block; font-size: 18px; line-height: 25px; margin: 0; padding: 0; text-align: justify;} .brand-logo{ text-align:center; margin-bottom:30px; min-height:120px;} .brand-logo.last-child{ margin-bottom:0px;} /********************************************* CONTACT SOCIAL ********************************************/ .contact-column{background:#fff; padding:80px 0} .social-column{ float:right;} .social-column h2{font-size:30px; line-height:35px;font-family: CenturyGothic-Bold; text-align:center; margin:0; padding-bottom:50px;} .social-column h2 span{display:inline-block;border:4px solid #302e31; padding:16px 19px; color: #313131; display: inline-block; font-family: 'CenturyGothic-Bold'; text-align: center; text-transform: uppercase; } .social-box{ text-align:center;} .social-box ul.social-contact{ margin:0px; padding:0px; list-style:none; display:inline-block; text-align:center;} .social-box .social-contact li{ list-style:none; display:inline-block; margin-right:30px;} .social-box .social-contact li:last-child{ margin-right:0px;} .social-box .social-contact li a{opacity:0.9; width:111px; height:112px; display:inline-block; outline:0 none;} .social-box .social-contact li a:hover{opacity:1} .social-box .social-contact li a.f-icon{ background:url(../images/contact-social.svg) no-repeat left bottom;} .social-box .social-contact li a.t-icon{ background:url(../images/contact-social.svg) no-repeat -112px bottom; } .social-box .social-contact li a.p-icon{background:url(../images/contact-social.svg) no-repeat -224px bottom;} .social-box .social-contact li a.insta-icon{background:url(../images/contact-social.svg) no-repeat -336px bottom; } .social-box .social-contact li a.m-icon{ background:url(../images/contact-social.svg) no-repeat -448px bottom;} .weclome:hover .login-link { display:block; position:absolute; background:#fff; width:200px; box-shadow:0 0 3px #999; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; border-radius: 3px 0 3px 3px; padding:10px; right:0px; top:50px;} .login-link { display:none;} .login-link ul { list-style:none; margin:0px; padding:0px;} .login-link ul li {display:block; margin:0px; padding:0px; float:left !important;} .weclome { position:relative;} /***************************************************************account-setup-4-9-2014***********************************************************/ .box-tabs li .tick { background: url("../images/jobposttick.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: none; height: 75px; left: 50%; margin-left: -50px; position: absolute; top: 40px; width: 77px;} .box-tabs li.end-process .tick { display: block;} .content-details textarea.form-control{height:80px; resize:none} .brand{position:relative; margin-bottom:15px;} checkbox-class{float:left; margin-right:30px;} .checkbox-class input{margin-right:10px} .checkbox-class span{font-size:14px} .btn-create{ width:100%; background:#313131; border:0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; height:46px; font-size:18px; color:#fff; line-height:45px} .application-title .form-group label{padding-top:0} .application-title p{font-size:15px; line-height:18px; margin:10px 0 25px} .application-title h5{font-size:18px; font-family: CenturyGothic-Bold;} .content-details{min-height:670px} .form-setup{min-height:480px} .option-title h5{font-size:25px;font-family: CenturyGothic; float:left; margin:0} .option-amt{float:right} .option-amt p{float:left; font-size:18px; margin-right:10px; margin-bottom:0; line-height:normal; margin-top:5px} .option-amt span{float:left; font-size:25px; line-height:normal; font-family: CenturyGothic-Bold;} .option-tab .tab1{background:#f2f2f2; padding:15px 0; position:relative; margin-bottom:20px; border-radius:3px} .tab-amt{float:right; color:#313131; font-size:30px; text-align:right; margin-top:3px} .tab-text p{color:#313131; font-size:20px; font-family: CenturyGothic-Bold; margin-bottom:0; line-height:normal} .tab-text span{color:#313131; font-size:15px} .option-title{margin-bottom:20px} .tab1 .form-field{text-align:center; margin-top:6px} .tab1 .form-field .radio{float:none; margin-right:0} .login-links li.weclome .login-link .logout-btn{width:100%} .login-links li.weclome .login-link .logout-btn a{background: #313131; border: 0 none; border-radius: 3px; color: #ffffff; font-size: 14px; height: 30px; width: 100%; padding:0 12px; text-align: center; vertical-align: middle; white-space: nowrap; display:block; line-height:30px; margin-top:10px ; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;} .login-links li.weclome .login-link .logout-btn a:hover{text-decoration:none; background:#212121; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;} .login-links li .login-link ul li a { color:#414141 ; font-size:12px; text-decoration:none; background:none ; text-align:left ; padding:5px 5px 7px 5px ; line-height:14px;} .login-links li .login-link ul li a:hover{ color:#000; text-decoration:underline ;} .alert { color: #000; margin-bottom: 0px; padding: 8px 15px; position: relative; text-align:center; border-radius:0; font-size:13px} .alert .close { color: #313131; font-size:32px; position:relative; top:-10px; outline:none} .alert-error{background:#fdd3d4} .info-block{background:#cff4fd; } .success-block {background:#dbfaac} .user-img{margin-bottom:10px} /********************************************5/9************************************/ .input-btn{margin-top:7px; position:absolute; left:20px} .box-tabs li .tick-class{top:25px} .tab-text{margin-left:52px} .collaborate-table{background:#f2f2f2; padding:15px; border-radius:3px } .table-title h5{font-size:18px; font-family:'CenturyGothic-Bold'; float:left; margin:0} .table-title span{float:right; font-size:20px;font-family:'CenturyGothic-Bold';} .collaborate-table ul {margin-top:10px} .collaborate-table ul li{overflow:hidden; padding:10px; margin-bottom:10px} .collaborate-table ul li p{float:left; font-size:16px; line-height:normal; margin-bottom:0} .collaborate-table ul li span{float:right; text-align:right; font-size:16px} .collaborate-table ul li.charge-lt{ background:#e2e2e2; border-radius:3px} .table-btn{/*margin-top:20px*/margin:10px} .table-btn .btn-create{float:left; width:auto; margin-right:15px; padding:0 12px; line-height:35px; height:35px; font-size:15px} .btn:focus, .btn:active:focus, .btn.active:focus{color:#fff; outline:none} .blogger-lt{border:1px solid #2b2b2b; background:#fff; border-radius:3px; padding:15px 0 0; margin-bottom:25px; } .blogger-logo{float:left; width:130px; border:1px solid #dfdfdf; height:120px; line-height:110px; text-align:center; margin-right:25px} .blogger-logo img{ max-width:100%; max-height:100%} .blogger-title{float:left;} .blogger-title h2{font-size:16px; color:#404141; font-family:'CenturyGothic-Bold'; margin:7px 0 10px} .blogger-title h3{font-size:15px; color:#414141; text-transform:uppercase; background:none; font-weight:normal; padding:0; font-family: CenturyGothic; margin-bottom:17px} .blogger-title ul li{float:left;margin-right:10px} .blogger-title ul li a{ font-size:14px; color:#414141; padding:5px 10px; border:1px solid #d0d0d0; border-radius:3px; display:block; line-height:normal;} .blogger-title ul li a:hover, .blogger-title ul li a:focus, .blogger-title ul li.active a{background:#313131; color:#fff; text-decoration:none;border-radius:3px;border:1px solid #313131 } .about-tab{margin-top:30px; padding:0 15px} .about-tab ul.nav-tabs li.active a, .about-tab ul.nav-tabs li.active a:hover{background:#f6f6f6; font-size:15px; color:#414141; font-family:'CenturyGothic-Bold'; border:none !important; outline:none; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;} .about-tab ul.nav-tabs li a:hover, .about-tab ul.nav-tabs li a:focus{background:#f6f6f6 ; border:none; color:#414141; outline:none; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;} .about-tab ul.nav-tabs li a{font-size:15px; color:#8e8e8e; font-family:'CenturyGothic-Bold'; background:#dedede; border-radius:3px 3px 0 0; line-height:normal; margin-right:5px; border:none; outline:none; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;} .about-tab ul.nav-tabs li{margin-bottom:0} .about-tab .nav-tabs{border-bottom:none} .about-tab .tab-content{background:#f6f6f6; padding:22px 20px} .collaboration-text {padding:0 15px} .collaboration-text h2{margin:0 0 13px; font-size:15px; color:#414141; font-family:'CenturyGothic-Bold';} .collaboration-text p{font-size:13px; color:#2b2b2b; margin-bottom:17px} .blogger-top{padding:0 15px} .bloggerbankpopupDialog{ width:875px; } .collaboration-text + .collaboration-text{margin-top:32px} .ft-icon {font-size:13px; color:#7a7a7a; text-transform:uppercase; text-align:center; float:left; border-right:1px solid #e7e7e7; height:80px; padding:0 8px;} .ft-icon img{ text-align:center; margin:10px 0; } .inner-container .ft-icon p{margin:0} .tab-footer {border-top:1px solid #e7e7e7; margin-top:30px} .ft-icon ul li{display:inline-block} .ft-icon ul.ft-social-icon {margin-top:17px; margin-bottom:6px} .level-ul img{margin:0} .level-ul{margin-top:15px; margin-bottom:2px} .content-details .user-tab{padding-bottom:20px} .table-title-ft{padding:0 10px} .payment-mode-box{margin-top:30px} .payment-mode-box h2{ color:#333333; font-size:20px; font-family:'CenturyGothic-Bold'; margin:0 0 20px} .payment-mode-div input{float:left; margin-right:10px} .payment-mode-card{float:left; margin-right:20px} .payment-mode-card img{margin-right:5px; vertical-align:middle} .paypal{margin-top:-2px } .cardholder-detail .input-wrap input{width:350px} .cardholder-detail{margin-top:20px} .cardholder-detail .form-group-month input{width:110px; float:left; margin-right:20px; text-align:center} .add-collaboration .btn-create img{margin-right:10px} .left-btn-sm{padding-left:0} .left-btn-ms{padding-right:0} .add-collaboration{margin-top:30px} /*************************************************************setup-page2*********************************************/ .setup-form label{width:202px} .setup-form .input-wrap{padding-left:210px} .setup-form .other-info{padding-left:0; margin-top:10px} .target-class input{width:100px; float:left; margin-right:10px} .target-slider{float:left; margin-top:10px} .form-group select{padding-top:9px; width:52%} .select-group span{font-size:14px; display: inline-block; margin-left: 15px; margin-top: 10px;} .select-slide{margin-top:15px} .select-slide a{display:inline-block; margin-top:12px; margin-left:15px} .add-media{float:left; } .add-media-add-Links{float:left; margin-top:15px;} .add-media a, .add-media-add-Links a{ line-height:35px; padding:0 12px; font-size:14px; height:35px} .add-media a img{margin-right:10px} .login-signup{ border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-radius: 0; box-shadow: none; color: #313131; font-size: 13px; line-height: 50px; outline: medium none; padding: 0 16px 0; text-decoration: none; text-transform: uppercase;} .mobile-about{display:none} .other-info-text{margin-top:10px} .add-link input{width:52%; display:inline-block} .add-link-class{margin-top:8px} .add-link-class a { display: inline-block; margin-left: 15px; margin-top: 12px;} .add-link .add-media .btn-create img { margin-right: 7px;} /****************************************** **signup-popup* *******************************************/ .Loginbox .header {width:100%; background-repeat:repeat; background:#313131; padding:30px 50px} .Loginbox .headertop {width:100%; height:auto; float:left; text-align:right;} .close_btn{padding-right:10px; padding-top:10px; float:right; color: #ffffff; opacity: 1; position: absolute; right: 15px; top:15px; z-index: 9; font-family:Arial, Helvetica, sans-serif; font-size:12px} .login-page .modal-body{padding:0} .header h1, .header .h1 {font-family: 'CenturyGothic'; font-size:50px; color:#FFF; margin:0; font-weight:normal; line-height:normal} .headerbotamleft{float:left; margin-top:5px} .headerbotamright{float:right;margin-right:20px; text-align:center} .headerbotamright a.login_btn{background:#fff; color: #313131; display: block; font-family: CenturyGothic-Bold; font-size: 18px; font-weight: normal; margin: 0 auto; padding: 8px 0px; text-align: center; text-transform: uppercase; width:150px; line-height:normal; border-radius:3px; outline:none} .headerbotamright a.login_btn:hover, .headerbotamright a.login_btn:focus{background:#000; color:#fff; text-decoration:none; outline:none} .headerbotamright .linktext{font-size:13px; margin-bottom:10px; color:#fff} .middlebox{padding:0 50px} .input-blogger label{font-size:15px; font-weight:normal} .input-blogger label span{font-family: CenturyGothic-Bold;} .input-blogger input{margin-right:5px} .input-middle-box{margin-bottom:5px} .signup-btn{float:left; padding:0 22px; width:auto; line-height:44px; margin-top:20px} .signup-btn-right{float:right} .signup-btn-right.btn-connect{margin:0 0 15px!important;} .footertop{background:url(../images/or_btn.png) no-repeat center center; color: #ffffff; font-size: 25px; font-weight: normal; height: 52px; line-height: 50px; text-align: center; width: 100%;} .footerbox {padding:0 50px} .footer_leftbox a, .footer_leftbox p{float:left} .footer_leftbox p{font-size: 13px; margin-bottom: 0; margin-left: 40px; margin-top:7px} .footer_leftbox{margin-bottom:20px} .footerbottam{margin:0px 0 20px; text-align:center; } .footerbottam a {font-family: CenturyGothic-Bold;} .input-middle-box input{margin-bottom:8px} .middlebox h1, .middlebox .h2M{font-size:22px} .footertop{margin-bottom:20px} /****************************************** **login-popup* *******************************************/ .headerbotamleft p{font-size:14px; color:#fff} .login-link-btn{margin-top:10px; margin-bottom:15px} .login-link-btn .signup-btn{float:left; margin-top:0} .login-link-btn .pw-forgot{float:right; font-size:15px; margin-top:10px} /****************************************** **cms-page* *******************************************/ .banner-innercontent{background:#2b2b2b; min-height:100px} .banner-innercontent h2{font-size:30px; font-weight:normal; font-family: CenturyGothic; margin:30px 0 0 ; text-transform:uppercase; text-shadow:none; line-height: normal; color: #fff} .cms-page-inner{border-top:20px solid #e0e0e0} .banner-innercontent .banner-text-inner, .inner-container{ max-width: 1350px; padding-left: 345px;} .inner-container ul li{list-style:outside; font-size:14px; } .inner-container ul{margin-left:25px} .inner-container{margin-bottom:30px; padding-right:25px; margin-top:20px} .inner-container p{font-size:14px; line-height:20px; margin-bottom:20px } .banner-title{margin-bottom:0} .inner-container .popular-brand {margin:0; text-align:center;} .inner-container .popular-brand li{list-style:none; text-align:center;float:left;} .inner-container .popular-brand li .imgthumb {min-height:104px;line-height: 104px;} .inner-container .popular-brand li .imgthumb a{ border:none; display: block; /*line-height: 104px;*/ margin: 0; max-height: 104px; overflow: hidden; text-align: center;} .inner-container .popular-brand li{/* background-color: #f2f2f2; float: left; margin:0 14px 14px 0; overflow: hidden; padding: 8px 6px; width: 126px; min-height:233px; height:175px\9*/background-color: #fff; box-shadow: 1px 0 4px rgba(0, 0, 0, 0.1); height: 160px; margin: 0 0.5% 1em; overflow: hidden; padding: 5px 6px 0; width:12.9%; display:inline-block;} .inner-container .popular-brand li .imgthumb a img { max-width: 100%; vertical-align: middle;} .inner-container .popular-brand li a.imgthumb-link{display: inline-block; line-height:14px; margin-top: 8px; overflow: hidden; padding: 0 10px; width: 100%;} .brand-page h4{margin:25px 0; line-height:22px} .banner-innercontent .banner-text{padding-right:5px} .rt-btn{float:right} .rt-btn{margin-top:17px; margin-right:18px} .rt-btn a{ font-size:15px; text-transform:uppercase} .search-icon { float: left;} .search-icon .ft-icon{padding:0 23px} .blogger-title ul, .about-ui ul{margin:0} .blogger-title ul li{list-style:none} .inner-container .about-ui ul li {margin-bottom:0} .inner-container b{font-size:16px; font-weight:normal; font-family: CenturyGothic-Bold; margin-bottom:20px; display:block} .ft-icon ul{margin-left:0} .login-page{overflow:auto} .collab-detail .ft-icon{padding:0} /************************************11/9****************************************/ .coupon-code{margin:20px 0; text-align:right} .coupon-class{font-size:14px} .coupon-class input{margin-top:0; vertical-align:middle; margin-left:5px} .coupon-input{margin-top:10px; position:relative; float:right} .coupon-input label {position:relative; margin-right:10px; float:left; padding-top:5px} .coupon-input input{float:left; margin-right:10px; width: 160px} .coupon-input a{float:left; width:auto; font-size:14px; height:32px; line-height:32px; padding:0 12px} /****************************************** **blog* *******************************************/ .full-page{background:#fff; background: #ffffff; border-radius: 7px; box-shadow: 0 0 6px #cccccc; padding: 25px;} .blog-social-icon ul{ margin:0px; padding:0px; list-style:none;} .blog-social-icon ul li a{ padding:0 0 2px; display:inline-block; outline:0 none; width:23px; height:25px; opacity:0.8} .blog-social-icon ul li a:hover{opacity:1} .blog-social-icon ul li{ display:inline-block; margin-right:7px; margin-top:3px;} .blog-social-icon ul li a.f-icon{background:url(../images/blog-page-icon.svg) no-repeat 9px top; } .blog-social-icon ul li a.t-icon{background:url(../images/blog-page-icon.svg) no-repeat -37px 2px;} .blog-social-icon ul li a.p-icon{background:url(../images/blog-page-icon.svg) no-repeat -85px 2px; } .blog-social-icon ul li a.insta-icon{background:url(../images/blog-page-icon.svg) no-repeat -130px 2px; } .blog-social-icon ul li a.m-icon{background:url(../images/blog-page-icon.svg) no-repeat -176px 3px; } .blog{text-align:center} .blog h3{font-size:40px; line-height:normal; margin:15px 0 36px} .blog .blogger-title{float:none; margin-left:0; margin-bottom:50px; width:auto} .blog .blogger-title ul li{float:none; display:inline-block;} .blog .blogger-title ul li a{font-size:16px; padding:6px 23px; } .blog-social-icon{margin-bottom:35px; } .date-lt{background:url(../images/date.png) no-repeat left 0} .comment-lt{background:url(../images/comment.png) no-repeat left 5px} .fashion-lt{background:url(../images/fashion.png) no-repeat left 6px} .blog-tag div{float:left; padding-left:30px; margin-right:24px; font-size:14px; color:#939393; line-height:30px} .blog-tag .fashion-lt{margin-right:0} .blog-tag {margin-bottom:14px} .blog-detail p{text-align:left; font-size:14px; line-height:20px; margin-bottom:20px} .blog-detail h4{font-size:24px; color:#414141; text-align:left; font-weight:400; margin:-6px 0 20px; line-height:normal; } .blog-detail a.read-more{float:left; padding:0 12px; line-height:30px; width:auto; font-size:13px; height:30px; text-transform:uppercase} .blog-detail + .blog-detail{margin-top:50px} .blog-detail img{width:100%} .blog-tag .blogShareIcon{ float:left !important; margin: 0 0 0 -8px;/*border: 1px solid #ffffff;*/ line-height: 38px; padding: 5px 10px 0px 10px; border-radius: 3px; } .blog-tag .blogShareIcon .fa-share{ color: #C4C4C4;font-size: 15px;line-height: 23px;vertical-align: middle; } .blog-tag .blogShareIcon{-webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */ transition: width 2s; } /*.blog-tag .blogShareIcon:hover{border: 1px solid #C4C4C4; line-height: 23px; padding: 3px 10px 0px 10px; border-radius: 3px;cursor:pointer;}*/ .socialMainBlogDiv.socialBlogList:hover, .socialMainBlogDiv.socialBlogDetail:hover,.socialMainBlogDiv.socialBlogList:focus, .socialMainBlogDiv.socialBlogDetail:focus { border: 1px solid #ececec; border-radius: 5px; background-color: #f9f9f9; padding-left: 0; margin-left: 0; } .socialMainBlogDiv.socialBlogList:hover .share-lt.blogShareIcon, .socialMainBlogDiv.socialBlogDetail:hover .share-lt.blogShareIcon,.socialMainBlogDiv.socialBlogList:focus .share-lt.blogShareIcon, .socialMainBlogDiv.socialBlogDetail:focus .share-lt.blogShareIcon{ padding-top:2px; padding-left:12px; } .socialDetailBlog{ /*min-height: 45px;*/ min-height: 50px; } /* New */ .socialDetailBlogLi .socialMainBlogDiv.socialBlogDetail { float: none !important; text-align: left; margin-left: 0px; } li.socialDetailBlogLi { display: inline-block; vertical-align: middle; } .socialDetailBlogLi .socialDetailBlog .share-lt.blogShareIcon { display: inline-block; vertical-align: middle; float: left; line-height:40px; padding:0px; } .socialDetailBlogLi .socialDetailBlog .socialMainBlogDiv{ min-height:40px;} .socialDetailBlogLi .socialDetailBlog { min-width: 240px; } .socialDetailBlogLi .socialMainBlogDiv:hover .shareSocialIcons,.socialDetailBlogLi .socialMainBlogDiv:focus .shareSocialIcons{margin-left:10px;} .socialDetailBlogLi .socialMainBlogDiv.socialBlogList:hover .share-lt.blogShareIcon, .socialDetailBlogLi .socialMainBlogDiv.socialBlogDetail:hover .share-lt.blogShareIcon,.socialDetailBlogLi .socialMainBlogDiv.socialBlogList:focus .share-lt.blogShareIcon, .socialDetailBlogLi .socialMainBlogDiv.socialBlogDetail:focus .share-lt.blogShareIcon{padding-left:3px; padding-top:0px; line-height:39px;} .socialDetailBlogLi .socialBlogDetail .share-lt.blogShareIcon{padding-left:4px; color:#C4C4C4;} .socialDetailBlogLi .shareSocialIcons .st_facebook_custom,.socialDetailBlogLi .shareSocialIcons .st_twitter_custom, .socialDetailBlogLi .shareSocialIcons .st_linkedin_custom{ padding: 0px 42px 15px 0; } .socialDetailBlogLi .shareSocialIcons .st_pinterest_custom{padding:0px 30px 15px 0;} .socialDetailBlogLi .blogShareIcon .fa-share{color:#C4C4C4;} /* New */ /* New-add */ .socialDetailBlog.socialDetailBlogNewFinal { display: inline-block; vertical-align: middle; min-width:290px; } /* New-add */ .socialMainBlogDiv:hover .shareSocialIcons,.socialMainBlogDiv:focus .shareSocialIcons{display:block !important; float:left; text-align:left; padding-left:0px !important; margin-left:0px; position:relative; margin-right:0px;} .socialMainBlogDiv{/*float:left !important;*/ width:auto; margin:0 auto; max-width:365px; min-height:40px; margin: 0 0 0 -27px;} .socialDetailBlog {min-width: 365px;} .socialMainBlogDiv.socialBlogDetail {float: left !important;} .shareSocialIcons{ display:none !important; width:160px; /*background-color:#dededc; */height:35px; border-radius:5px;} .shareSocialIcons .st_facebook_custom{ background: url("../images/facebook_20x20.svg") no-repeat scroll left center transparent; padding:5px 42px 15px 0; cursor: pointer; } .shareSocialIcons .st_twitter_custom{ background: url("../images/twitter_20x20_1.svg") no-repeat scroll left center transparent; padding:5px 42px 15px 0; cursor: pointer; } .shareSocialIcons .st_linkedin_custom{ background: url("../images/linkedin_20x20.svg") no-repeat scroll left center transparent; padding:5px 42px 15px 0; cursor: pointer; } .shareSocialIcons .st_pinterest_custom{ background: url("../images/pinterest_20x20.svg") no-repeat scroll left center transparent; padding:5px 30px 15px 0; cursor: pointer; } .socialMainBlogDiv span.st_facebook_custom::after, .socialMainBlogDiv span.st_twitter_custom::after, .socialMainBlogDiv span.st_linkedin_custom::after, .socialMainBlogDiv span.st_pinterest_custom::after { content: ""; display: inline-block; background-color: #333; height: 20px; width: 1px; left: 30px; position: absolute; top: 10px; } .socialMainBlogDiv span.st_twitter_custom::after { left: 70px; } .socialMainBlogDiv span.st_linkedin_custom::after { left: 114px; } /*.socialMainBlogDiv span.st_pinterest_custom::after { left: 45px; }*/ /****************************************** **job-listing* *******************************************/ .job-listing h3{font-size:18px; color:#919191; background:#f2f2f2; margin:0;font-family: CenturyGothic-Bold; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:15px; margin-bottom:20px; text-transform:uppercase; overflow: hidden;} .linkgenerationui h3{font-size:18px; color:#919191; background:#f2f2f2; margin:0;font-family: CenturyGothic-Bold; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:10px; margin-bottom:20px; text-transform:uppercase; overflow: hidden;} .collab-display-main h3{font-size:18px; color:#919191; background:#f2f2f2; margin:0;font-family: CenturyGothic-Bold; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:10px; margin-bottom:20px; text-transform:uppercase; overflow: hidden;} .add-collab span{font-family: CenturyGothic;font-size:14px; color:#313131; float:left; margin-top:7px} .add-collab .btn-create{padding:0 12px; width:auto; float:right; font-size:13px; text-transform:uppercase; line-height:31px; height:30px } .add-collab .btn-create img{margin-right:10px} .search-input{float:right; position:relative; border:1px solid #dedede; padding:0px 10px; width:227px; margin-right:10px} .search-input input{ border:none; width:90%; font-size:13px; font-family: CenturyGothic;; line-height:15px; padding:6px 0 !important} .search-input button.search-btn{background:url(../images/search-icon.png) no-repeat 0 0; width:18px; height:19px; display:block; position:absolute; right:10px ; border:none; top:5px; padding:0} .listing-view .btn-default:hover, .listing-view .btn-default:focus, .listing-view .btn-default:active, .listing-view .btn-default.active, .listing-view .open .dropdown-toggle.btn-default{background:none; border:none} .listing-view table tr th{border-top:none; background:#f7f7f7; font-size:15px; color:#5d5d5d; font-family: CenturyGothic-Bold; text-transform:uppercase; font-weight:normal; padding:0px} .listing-view table tr th.radius-th-lt{border-radius:3px 0 0 3px; } .listing-view table tr th.radius-th-rt{border-radius:0px 3px 3px 0} .listing-view table tr td{border-top:none; border-bottom:1px solid #ececec; font-size:14px; color:#414042; padding:15px 9px} .add-collab{margin-bottom:25px} .job-link h3 a{font-size:14px; color:#414042; font-family: CenturyGothic-Bold; } .job-link p{ margin:0; white-space:pre-line; clear: both} .back-to-fb{float:right; font-size:13px; color:#414141;font-family: CenturyGothic; margin-top:4px} .left-view{border:1px solid #e0e0e0; padding:0px; border-radius:3px} .create-text{float:left; margin:15px 0 0 15px; } .view-detail{float:right; position:relative; cursor:pointer; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;} .view-detail .view-blk{float:left; text-align:center; border-left:1px solid #e0e0e0; padding:19px 10px 21px} .view-detail .view-blk span{font-size:24px; color:#414042; font-family: CenturyGothic-Bold; line-height:normal} .view-detail .view-blk p{font-size:14px; color:#414042; margin-bottom:0 ; line-height:normal} .create-text p{font-size:14px; margin:0 0 4px} .create-text p span{font-family: CenturyGothic-Bold;} .profile-btn{ border-radius:3px; background:#f7f7f7; padding:21px 0 } .create-page{margin-bottom:20px} .profile-btn .edit-class{display:inline-block; margin:0 8px} .profile-btn{text-align:center} .edit-class img{ margin-bottom:4px} .edit-class span{display:block; font-size:14px; color:#000; line-height:normal} .edit-class{cursor:pointer; opacity:0.5; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;} .edit-class:hover{ opacity:1; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;} .job-listing h3 a img{margin-right:5px; margin-top:-2px} .view-popup{position:absolute; top:100% ; left:0px; background:#fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.4); width:100%; padding:15px; display:none; z-index:9} .top-arrow-tip{ left: 30%; position: absolute; top: -9px;} .view-detail .view-popup{ text-align:left} .view-popup b{font-size:15px; font-weight:normal; font-family: CenturyGothic-Bold;} .view-popup p{font-size:13px; margin:0;text-transform: none; color: #414141; line-height: normal;} .view-popup .text-b + .text-b{border-top:1px solid #e0e0e0; padding-top:10px; margin-top:10px} .view-blk:hover .view-popup{display:block; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;} .view-detail .top-arrow-tip1{left:60px} .view-detail .top-arrow-tip2{left:50%} .view-detail .top-arrow-tip3{left:80%} .switch{float:left; margin-top:28px; margin-left:20px} .profile-tab .nav-tabs li a span{color:#0d8218; font-family: CenturyGothic;} .profile-tab .tab-content{padding:0} .profile-tab .add-collab {padding:22px 15px 25px; margin-bottom:0} .profile-tab .add-collab .search-input{background:#fff; margin-right:0} .profile-tab .listing-view table tr th{background:#ededed; border-radius:0; vertical-align: middle; line-height: normal; } .profile-tab .listing-view table tr td{ border-top:1px solid #ececec; padding:15px 8px 0px;word-wrap:break-word; background:#f9f9f9} .profile-tab .listing-view table tr td.status-left{text-align:center} .profile-tab .listing-view table tr.even td{background:#f9f9f9} .profile-tab .listing-view table tr.odd td{background:#fff} .profile-tab .listing-view table tr td.status-td {color:#0d8218;} .profile-tab .listing-view table {margin-bottom:0} .collab-status-td{text-align:center} .pagination{float:right; padding:5px 0} .pagination li a{border-radius:3px !important; margin-left:5px; border:1px solid #dcdcdc; color:#000; font-size:12px; padding:5px 10px; line-height:normal} .pagination li a:hover, .pagination li.active a{background:#000; color:#fff; border:1px solid #000} .job-listing-div .pagination{margin:15px 20px 10px} .job-listing-div .about-tab{padding:0} .profile-tab .level-ul{margin-top:16px; margin-bottom:5px} .profile-tab .job-link .level-ul{margin:0} .profile-tab .level-ul img{margin:0} .profile-tab .ft-icon ul.ft-social-icon{margin-top:22px} .profile-tab .left-icon .ft-icon{ border-top: 1px solid #e7e7e7;} .profile-tab .left-icon{border-left: 1px solid #e7e7e7; margin-top:10px} .tooltip-arrow-left{left: -9px; position: absolute; top:22px;} .job-link .email-div a{font-family: CenturyGothic;} .panel-lt img{margin-right:10px} .email-div {position: relative} .email-div img{position: absolute; left:0px; top: 4px} .email-div a{margin-left: 30px} .phone-div {margin-bottom:3px} .contact-panel{position:absolute; top:-20px ; left:100%; background:#fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.4); padding:10px 15px; z-index:9; font-size:14px; display:none; margin-left: 10px; text-align: left;} .blogger-name-tooltip-class:hover .contact-panel{display:block} .blogger-name-tooltip { float: left;} .match-profile-md .left-category-inner{background:#e1e1e1; border-radius:3px; width:300px; padding:8px 20px 20px} .match-profile-md .link-category li{width:65px } .match-profile-md h4{font-size:14px; color:#414141; text-align:left; text-transform:uppercase; margin-bottom:7px} .match-profile-md .link-category2 li{width:86px} .match-profile-md .link-category3 li{width:130px} .match-profile-box{border:1px solid #e0e0e0; border-radius:3px; background:#fff; margin-bottom:25px} .user-name-bg{background:#f8f8f8; } .user-name{padding:12px 15px} .user-img-sm{max-width:22px; float:left; margin-right:12px} .user-name p{float:left; font-size:16px; color:#414141; font-family: CenturyGothic-Bold; margin-bottom:0} .user-name span{float:right; font-size:13px; color:#414141; margin-top:3px} .user-name span b{font-weight:normal; float:left} .user-name span img{margin-right:5px; float:left; margin-top:4px} .blogger-detail{float:left; padding:0 15px 0 0; width:85%} .blogger-name{padding:15px 15px 0px 0} .blog-name{position:relative; margin-left:30px; padding-right:15px} .blogger-detail span{font-size:15px;width:150px; position:absolute; left:0} .blogger-detail .category-tab-sm p{color:#414141; font-family: CenturyGothic-Bold; font-size:15px; word-wrap: break-word;} .blogger-detail div{margin-bottom:5px} .blogger-detail .tab-footer, .blogger-detail .tab-footer .left-icon, .blogger-detail .tab-footer .left-icon .ft-icon{margin-bottom:0} .blogger-detail .tab-footer{border-top:none} .blogger-detail .tab-footer .ft-icon {border-top:1px solid #e7e7e7; padding:0} .blogger-detail .tab-footer {margin-top:15px} .blogger-invite{float:right; width:15%} .blogger-invite p{color:#fff; font-size:13px; text-transform:uppercase; margin:0} .blogger-invite img{margin-bottom:7px} .blogger-invite a{ border-radius:3px; background:#2b2b2b; text-align:center; width:112px; padding:10px 0; display:block; float:right} .blogger-invite a:hover{background:#000; text-decoration:none} .profile-info + .profile-info{border-top:10px solid #e0e0e0} .match-profile-tab .add-collab span{margin-top:0} .profile-tab .match-profile-tab .add-collab {padding:18px 15px} .about-profile-tab{background:#fff; border-radius:3px; padding:20px 0 0; border:1px solid #e0e0e0; margin-bottom:15px} .contact-panel-tab{background:#fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.4); padding:0 15px; width:335px; position:relative} .contact-panel-tab .panel-lt {float:left; padding:15px 0} .contact-panel-tab .panel-lt + .panel-lt{border-left:1px solid #ececec; margin-left:15px; padding-left:15px} .contact-panel-tab .panel-lt a{font-size:15px} .contact-panel-tab .panel-lt img{vertical-align:middle} .contact-panel-tab .tooltip-arrow-left{top:18px} .apply-for,.cancel{float:left; width:auto; padding:0 12px; height:35px; line-height:35px; font-size:14px ; text-transform:uppercase;margin:2px;} .applied a img{opacity:0.3} .applied a{background:#dedede; cursor: default;} .applied a:hover{text-decoration:none;background:#dedede} /******************************************************************18/9*********************************************************/ .about-company .input-wrap.blogger-title{margin-left:0} .rating-td ul li{display:inline-block; margin-right:1px} .brand-promotion b{font-family: CenturyGothic-Bold; font-weight:normal} .add-title{font-size:16px; margin:0 0 15px; display:block} .blog-sm-12 h4{font-size:32px; margin-bottom:5px} .blog-cont{margin:30px 0;} .blog-sm-12 p{line-height:23px; font-size:14px; text-align:left} .comments-area{margin-top:20px; text-align:left; } .comments-area h5{font-size:28px; margin:0; } .comments-area .note-text{padding-top:5px; margin-bottom:20px} .comments-blk label{font-size:14px; font-weight:normal; color:#414141; display:block} .comments-blk{margin-bottom:10px} .post-comment{float:right; width:auto; font-size:16px} .user-pic {width:50px; position:absolute;left:15px} .user-pic img{max-width:100%} .user-comment{position:relative; background:#f8f8f8; padding:15px; margin-bottom:20px} .user-detail-lt{margin-left:70px; text-align:left} .user-detail-lt b{font-family: CenturyGothic-Bold; font-weight:normal; font-size:16px} .user-detail-lt .time{font-size:14px; margin-bottom:12px} .user-use h5{ text-align:left; font-size:18px; font-family: CenturyGothic-Bold;} .reply-comment{ float: left; font-size: 16px; height: 35px; line-height: 35px; width: 80px;} .user-comment-reply{margin-left:55px; margin-top:30px} .blog-sm-12 .blog-img{text-align:center} .blog-sm-12 .blog-img img{margin-bottom:10px; max-width:100%;} .blog-sm-12 .blog-tag div{float:none; display:inline-block;} .socialDetailBlogRefParent .fashion-lt {margin-right: 24px;} .socialDetailBlogRefParent .socialDetailBlog {vertical-align: middle; min-width: 263px; margin-right: 0;padding-left: 5px;} .comments-blk textarea{min-height:190px} .label-sm-12 p{ color: #414141; display: inline-block; font-size: 14px; font-weight: normal; line-height: 18px; margin: 0 0 7px; } .label-sm-12{margin-bottom:25px; position:relative; z-index:0} .int-collab-12{z-index:99} .blogger-profile-2 .fileds-group{padding-bottom:10px} .add-icon{display:inline-block; margin-left:5px; } .social-media-link{position:relative; padding-left:110px; margin-bottom:12px} .social-media-link label{width:100px} .press{width:50%; float:left; margin-right:15px} .press input{margin-bottom:10px} .press button.btn-create{float:left; font-size:16px; padding:0 30px; width:auto; height:40px; line-height:40px} .seen-img img{max-width:100%} .media-lt label{padding:0} .seen-img{float:left; max-width:120px; text-align: center; width: 120px;} .add-more-media .seen-img{height:120px} .add-more-media .seen-img img{max-height: 100%} .add-more-media .add-icon {position:absolute; top:0px; right:-12px} .add-more-media{position:relative} .content-details-blogger label{width:200px} .content-details-blogger .input-wrap{padding-left:210px} .button-class-sm-4 .col-sm-3 {padding:0 5px} .upload-img{max-width:180px} .upload-img img{max-width:100%} .apply-btn a{width:auto; height:35px; line-height:34px; font-size:14px; padding:0 20px; display:inline-block} .brand .link-category li a, .collaboration-link li a{height:35px; line-height:35px; font-size:14px;background:#fff; border:1px solid #d0d0d0;} .brand .link-category li a.active, .collaboration-link li a.active{background:#505050; color:#fff; border:1px solid #505050} .category-brand label{padding-top:5px} .collaboration-link li a{ text-decoration:none; font-size:14px; color:#505050; padding:0 5px; display:inline-block; outline:0 none; width:100%; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .collaboration-link{margin-left:-5px; margin-right:-5px; position:relative; z-index:9} .collaboration-link li{margin-bottom:5px; width:50%; float:left; padding:0 5px} .level-brand{ margin-top:10px} .level-brand .link-category{margin-left:160px} .level-brand label{width:160px} .box-content a { background: #9e9e9e; border-radius: 0; font-family: CenturyGothic; font-size: 14px; height: 28px; line-height: 28px; margin-bottom: 5px; margin-left: -21px; padding: 0 13px; width: auto; border-radius:0 3px 3px 0} .box-content a:hover { background: #505050;} .blog-inner .thumbnail a.thumbnail-img{display:block; text-align:center; } .brand-logo a.thumbnail-img{max-height:110px; line-height:110px; display:block; text-align:center} .benefits-icon img{margin:10px 2px} .category-tab-sm{margin-left:150px} .post-collaboration-sm a{padding-top:40px} .target-class{margin-top:50px; margin-bottom:30px} .collaboration-text a{ word-wrap: break-word;} .profile-tab .listing-view table tr td.update{padding-right:15px;} table tr td.rating-td, table tr th.center-th{text-align:center;} /************************radio*********************************/ .radio-box-class{position:relative;} .switch label { cursor: pointer; position:relative; width:73px; height:30px; line-height:30px ; padding:0; margin:0; font-weight:normal; color:#fff; cursor:pointer; background:#fff} .switch input { /*display: none;*/ } .radio-box-class .switch{float:none; margin:0;} .switch label{ border-radius: 3px; margin-right:10px} .cb-enable, .cb-disable{ border:1px solid #d0d0d0; background:#fff} .cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background:none; color:#414141; display: block; float: left;cursor:pointer ; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;} .cb-enable span, .cb-disable span { line-height: 29px; display: block; background-repeat: no-repeat; width:100%; text-align:center; cursor:pointer;} .cb-disable.selected, .cb-enable.selected {background:#505050;cursor:pointer; border:none} .cb-disable.selected span, .cb-enable.selected span{color:#fff} /************************checkbox*********************************/ .collaboration-category{margin-bottom:0!important;} .collaboration-category input[type=checkbox], .radio-box-class input[type=radio], .collaboration-link input[type=checkbox] { /*display:none;*/position:absolute;left:6px; z-index: 0; top:0} .collaboration-category input[type=checkbox] + label {background:#fff; z-index: 9; display:inline-block;margin-right:8px; vertical-align: middle; cursor: pointer; position:relative;font-size:14px; color:#414141; border:1px solid #d0d0d0; border-radius:3px; line-height:normal; height:30px; line-height:27px; width:83px; padding:0; text-align:center; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; margin-bottom:8px; float:left; font-weight: normal;} .collaboration-category input[type=checkbox]:checked + label{ background:#505050; color:#fff; border:1px solid #505050 } .collaboration-link input[type=checkbox] + label { z-index:9; margin:0 5px 5px; vertical-align: middle; cursor: pointer; position:relative;font-size:14px; color:#414141; border-radius:3px; line-height:normal; background:#fff; border:1px solid #d0d0d0; height:35px; line-height:35px; width:48%; display:block; float:left; padding:0; text-align:center; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;} .collaboration-link input[type=checkbox]:checked + label{background:#505050; color:#fff; border:1px solid #505050 } .blogger-profile-left{text-align:center} .blogger-profile-left .blogger-img img{border-radius:100%; max-width:200px; max-height: 200px; width: 200px; height: 200px; margin-top: 20px;} /*.blogger-profile-left .blogger-img img{border-radius:100%; max-width:100%}*/ .blogger-profile-left .blogger-img{width:230px; height:230px; margin:0 auto; } .blogger-profile-left h4{font-size:20px; color:#414141; font-family: CenturyGothic-Bold; margin-top:20px; margin-bottom:3px} .blogger-profile-left p{font-size:14px; color:#414042; line-height:20px; margin-bottom:13px} .blogger-profile-left .checkboc-btn-style input[type="checkbox"]{display:none} .blogger-profile-left .checkboc-btn-style label{ font-family: CenturyGothic; font-weight:normal} .blogger-profile-left .collaboration-category{margin-bottom:20px} .blogger-post-img1 {float:right; margin:0; padding:0} .blogger-post-img1 img{display:block; max-width:200px;max-height: 200px;} /*.blogger-post-img1 img{display:block; max-width:100%;width: 100%;}*/ .blogger-post-blk1{width:200px} .blogger-post-blk2{width:315px} .bloggerProfileimg{width:202px} .website-block-bg{background:#f5f5f5; border-radius:3px; padding:20px 20px 15px; text-align:center; position:relative; margin-bottom:5px} .website-blk{display:inline-block; text-align:center} .website-block-bg img{display:inline-block; margin-bottom:15px; max-width:100%} .website-block-bg span{display:block; font-size:22px; color:#5b5b5b;font-family: CenturyGothic-Bold; line-height:normal} .website-block-bg p{font-size:14px; color:#5b5b5b; text-transform:uppercase; margin:0; line-height:normal} .website-blk + .website-blk {margin-left:80px} .website-class{margin-top:35px} .website-class h4{font-size:18px; color:#414141; font-family: CenturyGothic-Bold;} .media-blk{display:inline-block; text-align:center;} .media-blk + .media-blk {margin-left:28px} .social-media-blogger .website-block-bg{ padding:30px 20px 20px; } .social-media-blogger .website-block-bg img{margin-bottom:20px} .owl-theme .owl-controls .owl-prev{background:url(../images/left-arrow-img.png) no-repeat 0 0; width:17px; height:29px; left:0; font-size:0; margin-top:-14px; position:absolute; top:50%;} .owl-theme .owl-controls .owl-next{background:url(../images/right-arrow-img.png) no-repeat 0 0; width:17px; height:29px; right:0; font-size:0; margin-top:-14px; position:absolute; top:50%; } .press-blk-col .owl-item{text-align:center} .owl-controls {display:block !important} .owl-controls .owl-pagination{display:none} .brand-logo-slider .owl-buttons{display:none} .brand-logo-slider .owl-pagination{display:block; margin-left:-20px} .brand-logo-slider{margin-top:23px} .what-we-do-block .btn-learnmore{background:url(../images/what-we-do-btn.png) no-repeat 0 0; height:65px; line-height:75px; padding:0 18px; position:absolute; font-size:20px; color:#fff; text-transform:uppercase;font-family: CenturyGothic-Bold; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; z-index:9999; top:-14px} .post-link:hover .post-collapse-popup{display:block !important} .post-collapse-popup{ left:0; width:180px} .formError .formErrorContent{ box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2); background:#9b9b9b} .formError .formErrorArrow div{background:#9b9b9b} .inner-footer{padding:0 25px} .social-fans li{float:none; width:100%} .social-fans li .fans-link{width:50%; float:left} .social-fans .level-brand{float:left} .social-fans .level-brand ul li{float:left; padding:0; margin:0;} .social-fans .level-brand ul li a{ border-radius: 3px !important} .social-fans .level-brand ul li{margin-left:10px} .social-fans .level-brand .link-category {margin-left:0} .social-fans .level-brand{margin:0 0 0 30px;} .level-brand ul li{width:90px;} .top-push-menu-div{border:none; padding:40px 0 15px} .brand-logo-slider .owl-carousel .owl-item{text-align:center; position:relative} .close-icon{position:absolute; right:20px; top:20px; z-index:999} .setup-blogger-img{padding:0} .btn-browse-img .fille-filed{height:100%; width:100%; -webkit-user-select: none; -khtml-user-select: none;-moz-user-select: none; -o-user-select: none; user-select: none; } .img-upload-class{background:#ececec; width:100%; position:relative; display:table; } .blogger-setup-height{background:url(../images/cropping-area.png) no-repeat 0 0;} .table-upload{display:table-cell; vertical-align:middle; } .img-upload-class1{height:180px; margin-top:1px} .img-upload-class2{height:461px; } .img-upload-class3{height:200px} .img-upload-class4{height:260px; margin-top:1px} .img-upload-class5{ height:280px;} .setup-blogger-post-img1{float:left;} .blogger-setup-blk2{width:315px} .blogger-setup-blk1{width:200px} .featured-fashion-lt{font-style: italic;} .top-push-menu-div .what-title{margin-bottom:0px} /*******************12/11*****************************/ .img-upload-class4{height:260px; margin-top:1px } .blogger-setup-blk1{margin:0 1px} .btn-browse-img {background:url(../images/upload-img-icon.png) no-repeat 0 0; height:50px; width:50px; margin:0 auto; text-align:center; position:relative} .setup-blogger-post-img1 .table-upload .dropZone{position:absolute; top:0; width:100% ; height:100%} .setup-blogger-post-img1 .table-upload .cropFrame{height:100% !important; width:100% !important} .info-tool-tip h3{float:left} .info-class {float:left; margin-left:10px; margin-top:-2px; cursor:pointer} .info-class:hover .view-popup{display:block} .info-class .view-popup{left:-122px; top:25px; width:295px } .info-class .view-popup .top-arrow-tip{left:41%} .info-class .view-popup p{text-align:left} .blogger-column{background:#d1d1d3 url(../images/banner-img1.jpg) no-repeat center center; padding-top:80px; padding-bottom:75px; background-size:cover} .blogger-column .what-title h1{border-color:#1d1d1d; color:#1d1d1d; background:#fff} .blogger-column .what-title h1 a{color:#1d1d1d} .blogger-column .whatwe-block ul li{background:rgba(255,255,255,0.82); margin:0 15px; width:30%; min-height:395px} .blogger-column .whatwe-block ul li .icon-blog{font-size:120px;font-family: CenturyGothic-Bold; color:#1d1d1d; line-height:120px; margin-top:20px; margin-bottom:20px } .blog-text-bt{background:rgba(255,255,255,0.80); font-size:22px; font-family: CenturyGothic-Bold; color:#1d1d1d; position:absolute; bottom:0; width:100%; text-align:center; padding:10px 5px; left:0; text-decoration:none; cursor:pointer} .blog-text-bt:hover{text-decoration:none} .copyright-column select{width:120px; background:#fff; color:#000; padding:5px;font-size:13px; float:none} .what-we-do-top-column{background:#d1d1d3 url(../images/banner-img2.jpg) no-repeat center center; padding:40px 0; background-size:cover} .what-we-do-top-column .what-title h1{border-color:#1d1d1d; color:#1d1d1d; background:#fff; padding:16px 23px;} .what-we-do-top-column .whatwe-box {background:rgba(255,255,255,0.82); min-height:386px; padding:110px 15px 15px; text-align:center; margin-top:-90px} .what-we-do-top-column .icon-blog{width:192px;margin:-70px auto 0px; border:5px solid rgba(255, 255, 255, 0.5);border-radius:95px; -webkit-border-radius:95px; -moz-border-radius:95px;} .what-we-do-top-column .icon-blog a{display:inline-block; width:182px; height:182px; border-radius:91px; -webkit-border-radius:91px; -moz-border-radius:91px; line-height:180px; text-align:center; background:#1d1d1d; outline:none;} .what-we-do-top-column .whatwe-block{margin-top:110px} .login-popup-media{text-align:center; padding-top:10px } .login-popup-media ul.social-icon li a{background:url(../images/popup-media-icon.svg) no-repeat 0 0; height:43px; width:43px; padding:0} .login-popup-media ul.social-icon li a.f-icon{background-position:0 0 } .login-popup-media ul.social-icon li a.t-icon{background-position:-51px 0} .login-popup-media ul.social-icon li a.p-icon{background-position:-102px 0} .login-popup-media ul.social-icon li a.insta-icon{ background-position:-153px 0} .login-popup-media ul.social-icon li a.m-icon{background-position:-204px 0} .login-popup-media ul.social-icon li a.youtube-icon {background-position:-255px 0;} .login-popup-media ul.social-icon li.active a.f-icon{background:url(../images/fb-icon-h.png) no-repeat 0 0;} .login-popup-media ul.social-icon li.active a.t-icon{background:url(../images/twitter-icon-h.png) no-repeat 0 0; } .login-popup-media ul.social-icon li.active a.p-icon{background:url(../images/pinterest-icon-h.png) no-repeat 0 0; } .login-popup-media ul.social-icon li.active a.insta-icon{background:url(../images/insta-icon-h.png) no-repeat 0 0; } .login-popup-media ul.social-icon li.active a.m-icon{background:url(../images/email-icon-h.png) no-repeat 0 0;} .login-popup-media ul.social-icon li.active a.youtube-icon {background:url("../images/youtube-icon-h.png") no-repeat scroll 0 0;} .login-popup-media ul.social-icon li{float:none; display:inline-block;} .footerbox{margin-top:25px} .right-block-invite-btn{position:fixed; right:0; z-index:9} .right-block-invite-btn .invite-btn{font-size:14px; height:38px; line-height:38px; border-radius:3px 0 0px 3px; width:168px; float:right} .fix-media-icon{background:#2b2b2b; margin-top:10px; width:53px; float:right; clear:both ; text-align:center; padding-bottom:10px; border-radius:3px 0 0px 3px;;} .fix-media-icon ul.social-icon li{float:none} .fix-media-icon ul.social-icon li a{ -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.9s ease-in-out; width:32px; height:32px; padding:0; margin:10px auto 0; } .fix-media-icon ul.social-icon li a.f-icon{background:url(../images/fb-icon.png) no-repeat 0 0; background-size:32px} .fix-media-icon ul.social-icon li a.t-icon{background:url(../images/twitter-icon.png) no-repeat 0 0;background-size:32px } .fix-media-icon ul.social-icon li a.p-icon{background:url(../images/pinterest-icon.png) no-repeat 0 0; background-size:32px} .fix-media-icon ul.social-icon li a.insta-icon{background:url(../images/insta-icon.png) no-repeat 0 0;background-size:32px } .fix-media-icon ul.social-icon li a.m-icon{background:url(../images/email-icon.png) no-repeat 0 0;background-size:32px} .blogger-left-media ul.social-icon li{margin-right:5px; margin-bottom:5px} .blogger-left-media ul.social-icon li a{background:url(../images/big-media-icon.png) no-repeat 0 0; height:56px; width:54px; padding:0} .blogger-left-media ul.social-icon li a.f-icon, .blogger-left-media ul.social-icon li.active a.f-icon{background-position:0 0 } .blogger-left-media ul.social-icon li a.t-icon, .blogger-left-media ul.social-icon li.active a.t-icon{background-position:-64px 0} .blogger-left-media ul.social-icon li a.p-icon, .blogger-left-media ul.social-icon li.active a.p-icon{background-position:-128px 0} .blogger-left-media ul.social-icon li a.insta-icon, .blogger-left-media ul.social-icon li.active a.insta-icon{ background-position:-192px 0} .blogger-left-media ul.social-icon li a.m-icon, .blogger-left-media ul.social-icon li.active a.m-icon{background-position:-255px 0} .blogger-left-media ul.social-icon li a.youtube-icon, .blogger-left-media ul.social-icon li.active a.youtube-icon{background-position:-318px 0} .blogger-left-media ul.social-icon li a.weibo-icon, .blogger-left-media ul.social-icon li.active a.weibo-icon{background-position:-382px 0} .blogger-left-media ul.social-icon li a.wechat-icon, .blogger-left-media ul.social-icon li.active a.wechat-icon{background-position:-446px 0} .blogger-left-media ul.social-icon li.active a{background:url(../images/big-media-icon-h.png) no-repeat 0 0;} .tool-tip-view-popup{position:absolute; top:23px ; right:-132px; background:#fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.4); width:250px; padding:15px; display:none; z-index:9} .tool-tip-view-popup .top-arrow-tip{left:45%} .top-view-arrow-tip{ right: -9px; position: absolute; top:15px; display:none} .tool-tip-view-popup b{font-size:15px; font-weight:normal; font-family: CenturyGothic-Bold;} .tool-tip-view-popup p{font-size:13px; margin:0; line-height:normal; color:#000} .tool-tip-view-popup .text-b + .text-b{border-top:1px solid #e0e0e0; padding-top:10px; margin-top:10px} .step-2-tooltip:hover .tool-tip-view-popup{display:block; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;} .step-2-tooltip .tool-tip-view-popup{left:0; right:0; top:35px; margin:0 auto} .select-all-class{margin:0 0px 5px 5px !important} .link-category2{position:relative} .info-class-search:hover .view-popup{display:block} .info-class-low .top-arrow-tip{left:15%} .info-class-medium .top-arrow-tip{left:47%} .link-category2 .view-popup{top:42px; border-radius:3px; padding:15px 10px} .info-class-high .top-arrow-tip{left:82%} .whatdo-section p a{font-family: CenturyGothic-Bold;text-decoration:none} .custom-messages {min-height: 0px; position:absolute} .jvectormap-container{ border-radius: 3px;} .info-class-search-matched li:hover .view-popup{display:block; top:60px; width:290px; left:-80px} .info-class-search-matched {position:relative} .info-class-search-matched li:hover .info-class-low .top-arrow-tip{ top:-24px; left:114px} .info-class-search-matched li:hover .info-class-medium .top-arrow-tip{ top:-24px; left:125px} .info-class-search-matched li:hover .info-class-high .top-arrow-tip{ top:-24px; left:135px} .google-btn{background:#f1f1f1; color:#414141 !important; border:1px solid #d0d0d0;} .google-btn.active{background:##313131; border:none; color:#fff} .ft-icon .min-icon-ft ul.ft-social-icon, .min-icon-ft .level-ul{margin:0 2px} .min-icon-ft{min-height:55px; line-height:55px} .info-popup-tab{position:absolute; top:23px ; right:-132px; background:#fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.4); width:250px; padding:15px; display:none; z-index:99} .info-popup-tab .top-arrow-tip{left:39%} .info-popup-tab b{font-size:15px; font-weight:normal; font-family: CenturyGothic-Bold;} .info-popup-tab p{font-size:13px; margin:0} .info-popup-tab .text-b + .text-b{border-top:1px solid #e0e0e0; padding-top:10px; margin-top:10px} .info-tab:hover .info-popup-tab{display:block; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;} .info-tab{margin-top:5px; float:left} .step-2-tooltip:hover .tool-tip-view-popup{display:block !important} .btn-update{font-size: 14px; height: 35px; line-height: 34px; padding: 0 20px; width: auto;margin-top:10px; float:right} .your-detail-step.collaboration-link input[type="checkbox"] + label{float:none; display:block; width:40%; margin-bottom:10px} .your-detail-step.collaboration-link input[type="checkbox"] + label.select-all-class{width:50%; margin-bottom:10px !important} .edit-detailicon-step{position:absolute; right:-70px; top:-4px} .twitter-edit-icon a{background:url(../images/twitter-icon.png) no-repeat 0 0;width:41px; height:41px; display:block} .twitter-edit-icon a.active{background:url(../images/twitter-icon-h.png) no-repeat 0 0;} .facebook-edit-icon a{background:url(../images/fb-icon.png) no-repeat 0 0;width:41px; height:41px; display:block} .facebook-edit-icon a.active{background:url(../images/fb-icon-h.png) no-repeat 0 0;} .instagram-edit-icon a{background:url(../images/insta-icon.png) no-repeat 0px 0; width:41px; height:41px; display:block} .instagram-edit-icon a.active{background:url(../images/insta-icon-h.png) no-repeat 0 0;} .youtube-edit-icon a{background:url(../images/youtube-icon.png) no-repeat 0px 0; width:41px; height:41px; display:block} .youtube-edit-icon a.active{background:url(../images/youtube-icon-h.png) no-repeat 0 0;} .weibo-edit-icon a{background:url(../images/weibo-icon.png) no-repeat 0px 0; width:41px; height:41px; display:block} .weibo-edit-icon a.active{background:url(../images/weibo-icon-h.png) no-repeat 0 0;} .wechat-edit-icon a{background:url(../images/wechat-icon.png) no-repeat 0px 0; width:41px; height:41px; display:block} .wechat-edit-icon a.active{background:url(../images/wechat-icon-h.png) no-repeat 0 0;} .daysLeft{float: right} .status-top .daysLeft{ /*clear: both; float: none; text-align: left; width: 100%; */ } .status-top .daysLeft span{ text-align: left } .status-top .blogger-content{ /* width:555px; margin-bottom:10px;*/ } .daysLeft.blogger-title ul li{float: right; margin-right:0; margin-bottom:5px; text-align:center} .getAccessGA{ position: relative;} .getAccessGA img{position: absolute; right: -15px; top: 15px;} .getAccessGA input{ width:95%} .update-submit .btn-update{margin-right:12px} .daysLeft span{ display: block; text-align:right; font-size: 15px; font-family:'CenturyGothic-Bold'} .daysLeft span.days-remain{padding: 0 10px;} .collab-dec-int{margin-top:30px} .ul-n-col li{float:left; width:49%; margin-bottom:5px; text-align:left; margin-right:5px; font-size:12px} .dec-class-7{padding-left:45px} .job-listing-div h3 span{line-height:20px; font-size: 14px;float: right;text-transform: lowercase;font-weight: normal; font-family: CenturyGothic;} .collab-dec-int .website-block-bg p{font-size:12px; text-align:left; line-height:normal; text-transform:none; margin-bottom:10px} .blogger-profile-left .btn-create{font-size:13px; width:150px; height:29px; line-height:29px; margin-top:10px} .collab-dec-int .website-block-bg{min-height:155px} .dec-class-7{padding-left:45px} .add-media-input{float: left; font-size: 14px; height: 35px; line-height: 35px; padding: 0 12px;width:auto;position: relative;} .or-class{float: left; margin:10px 20px 0} .add-logo-class{ margin-top:15px} .map-text{position:absolute; z-index:99; width:100%; right:0; top:15px} .map-detail-left{float:left; text-align:left; margin-left:45px; width:50%; margin-right:15px} .map-detail-right{float:right; text-align:left; margin-right:10px; width:35%} .map-detail-left h2{margin:0; font-size:40px; color:#5b5b5b} .map-detail-left p{font-size:13px; color:#5b5b5b} .map-detail-left p b{ font-family: CenturyGothic-Bold; font-weight:normal} .map-detail-right p{font-size:12px; color:#5b5b5b; line-height:18px} .registeration-class {position:relative} .add-more-media {margin-bottom:10px;} .connect-top{float:left; margin-top:13px; margin-left:10px; position:relative} .connect-top:hover .view-popup{display:block; width:360px; left: -170px; top: 27px;} .collabalert {position:absolute !important; top:0; right:-25px; margin:0 !important;} .collabalert .view-popup {top:35px !important;} .edit-detailicon-steppin input{width:550px } .edit-detailicon-steppin{right:-566px !important} .blogger-login-collab .coll-text { padding-top: 40px;} .blogger-login-collab b { border-bottom: 1px solid #414141; border-top: 1px solid #414141; color: #414141; display: inline-block; font-family: CenturyGothic-Bold; font-size: 12px; font-weight: normal; line-height: normal; margin-top: 5px; padding: 4px 0 5px;} .cls-cms-container ol li{list-style:outside decimal; padding-left:5px} .press_media_div{position:relative; float:left} .linksAddButton{ margin-top: 5px} /**************CMS Privacy ********29/12**************************/ .cms-intro h3{position:relative; padding-left:35px} .cms-intro h3 b{font-size:24px; font-weight:normal; position:absolute; left:0; font-family: "CenturyGothic";} .cms-intro ul li{line-height:22px; margin-bottom:10px; list-style:none; padding-left:40px;position:relative} .cms-intro ul li b{ font-weight:normal; font-size:14px; position:absolute; left:0;font-family: "CenturyGothic";} .cms-intro ul {margin-left:40px; margin-top:10px} .cms-intro ul li ul{margin-left:30px} .cms-intro{margin-bottom:50px; padding-left:15px} .home-error{text-align: center;} .applied_btn:hover{background: #9e9e9e} .left-sm-8{width:61%} .icon-sm-3{width:28%; padding: 0} .share-sm-3{width: 11%; padding: 0 15px; float: left} .share-sm-3 .fb-share-button {margin-bottom: 10px;} .share-sm-3 .profile-btn{padding: 18px 15px} .target-region .info-tab{float: right; margin-top: 0px;} .press-blk-col .owl-dots{display:none !important} .collab-search-blk .min-icon-ft img {margin: 0 2px } .apply-for-class{margin-left: 10px; cursor: default;} .not_apply_collab_div {position: relative; float: left} .not_apply_collab_div .post-collapse-popup{/*margin-top: 10px;*/ width: 230px;left: -60px !important; } .not_apply_collab_div:hover .post-collapse-popup{display: block; left:-30px} .not_apply_collab_div:hover .post-collapse-popup img{left: 50%; margin-left: -10px} .not_apply_collab_link{ display: block; font-family: 'CenturyGothic-Bold'; font-size: 11px; margin-left: 10px; margin-top: 19px; padding-bottom: 10px;} .message-box{width: 100%; padding: 0; z-index: 9;} .sub-navbar-fixed-top{left: 0; position: fixed; top: 161px; z-index: 40; padding: 0;} .sub-navbar-fixed-top{top:50px} .info-tab-brand {display: inline-block; position: relative; float: none !important; top: -2px; margin-left: 5px;} .info-tab-gender {display: inline-block; position: relative; float: none !important; top: -2px;} .extend-header-class{width: 67%} .extend-button-class{width: 32%} .blogger-name-tooltip-class{position:relative; float:left} .blog-button{ border: 1px solid #D0D0D0; border-radius: 3px 3px 3px 3px; color: #414141; display: block; font-size: 14px; line-height: normal; padding: 5px 10px; margin-right:10px; float:left} .blog-button:hover{ background:#313131; color:#fff; boder:1px solid #505050 } .blogger-name-tooltip .candidate-name{margin-top:5px; display:block; float:left} .blogger-name-tooltip-class span{margin-top:5px; display:inline-block; margin-left:5px} .info-disable{ position: absolute; right: -25px; top: -8px;} .collaboration-link input[type="checkbox"] + label.info-coming-soon{ background: #DEDEDE; color: #999999; } .collaboration-link input[type="checkbox"] + label.info-coming-soon span{ cursor: default;} .match-profile h5{font-size:18px; text-align:center} .match-profile-md .link-category2-type li{width:49.6%; float:left;margin: 0} .match-profile-md .link-category2-type li a{ display: table-cell; line-height: normal; vertical-align: middle; font-size:12px; width:47.6%; } .floatleft .collaboration-link input[type="checkbox"] + label{float:none} .match-profile-md .find-button button{float:left; width:46%; margin-right:20px; height:40px; line-height:37px} .match-profile-md .find-button button.refine-btn{margin-right:0} #request_tracking {font-size:13px; height:30px; line-height:30px; width:150px;padding: 0 5px} .show-hide-applicants{float:right; margin-left:10px; width:auto; height:30px; line-height:32px; font-size:13px; text-transform:none !important} #application_table tr td, #application_table_mobile tr td{border-top:10px solid #ececec; vertical-align: middle; text-align: center;} .profile-tab .listing-view table tr th.center-th{text-align: center;} .show-hide-applicants-btn .show-hide-applicants{margin-bottom:20px; margin-right:15px} .error404{ text-align:center; padding-bottom:50px} .error404 h1{font-size:130px; line-height:normal} .error404 h4{font-size:26px; line-height:normal} .application_table .info-tab-brand{margin-top: 0} #application_table table tr th{padding-bottom: 0} .clsRequestedTracking, .clsRequestedTracking:hover{background:#9e9e9e } .clsRequestTracking, .clsRequestTracking:hover{background:#9e9e9e; cursor: default; } .match-profile-md .link-category li a.active, .match-profile-md .link-category2 li a.active, .match-profile-md .link-category3 li a.active{ background:#505050; color:#ffffff;} .match-profile-md .link-category li a, .match-profile-md .link-category2 li a, .match-profile-md .link-category3 li a{font-size:12px; background:#fff; border-left:1px solid #d0d0d0; border-top: 1px solid #d0d0d0; color: #414141} #profile_match_search_collaboration_13 {border-bottom: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0;} .match-profile-md .link-category li a.last-child, .match-profile-md .link-category2 li a.last-child, .match-profile-md .link-category3 li a.last-child{border-right:1px solid #d0d0d0;} .user-name-div {margin-left: 30px; margin-bottom: 10px !important} .user-name-div .blogger-name-tooltip-class{margin-top: 6px} .user-name-div .contact-panel{top: -10px} .user-name-div .tooltip-arrow-left{top: 12px} .match-profile-box .blogger-detail span{position: initial; float: left; width: auto; margin-top: 7px; text-transform: uppercase; color: #7a7a7a; font-size: 13px;} .match-profile-box .category-tab-sm{margin-left: 15px; margin-bottom: 0} .blogger-detail .user-name-div div{margin-bottom: 0} .tooltip-arrow-top-ph{display: none;} .blockPage h1 { font-size: 28px; line-height: 35px; margin: 0;} .collab-grid-status label{float: left; margin-right: 10px; margin-top: 4px} .collab-grid-status ul{float: left;} .collab-search{float: right;} .blogger-img-scroller-outer{position:relative; padding:480px 0 0;} .blogger-img-scroller{overflow-x: auto; overflow-y:hidden; max-width:100%; position:absolute; top:0; left:0; right:0;} .blogger-img-scroller .setup-blogger-img.setup-blogger-img-blk{width:720px;} .match-profile-box .blogger-title ul li a .active{ color: #ffffff; background-color: 505050;} .cls-brand-phone .formError{position: absolute !important; left: 305px !important; top: -30px !important} .social-media-link label{margin-top: 10px} .no-collab-result{width: 60%} .captchs-img{float: left;} .disable-content{position: relative;} .disable-content:after{position:absolute; content:""; width:100%; height:100%; left:0; top:0; background:#fff; z-index:9; opacity:0.5;} .disable-content-temp{position: relative;} .disable-content-temp:after{position:absolute; content:""; width:100%; height:100%; left:0; top:0; z-index:9; opacity:0.5;} /***********************************11-3-2015***********************/ .blogger-content{width: 320px} .search_result .blog-search-content{width: 55%} .tracking-note{padding: 15px; border-top:solid 2px #fff;} .tracking-note-heading{display:block; font-weight: bold; padding: 0 0 10px;} .tracking-note p span{display: block;} .middle-match-collab{ width: 65% } .blogger-title .collab-grid-status ul li a.collab-in-review, .blogger-title .collab-grid-status ul li a.collab-in-review:hover, .blogger-title .collab-grid-status ul li a.collab-in-review:focus{background: #FF7E00; border: none; color: #fff; padding: 4px 10px 6px} .blogger-title .collab-grid-status ul li a.collab-in-open, .blogger-title .collab-grid-status ul li a.collab-in-open:hover, .blogger-title .collab-grid-status ul li a.collab-in-open:focus{background: #0DBC00; border: none; color: #fff; padding: 4px 10px 6px} .tracking-note{padding: 0 15px} .open-collab-li {position: relative;} .open-collab-li:hover .view-popup{display: block; width: 200px; left: -130px; margin-top:1px} .open-collab-li .top-arrow-tip{left: 76%; } .collaboration-text-outer{margin-right: 270px;} .daysLeft-outer{width: 260px; position: absolute; right: 30px; top:20px;} .daysLeft-outer .daysLeft{width:auto;} .daysLeft-outer .collab-grid-status label{text-align: right;} .daysLeft-outer .collab-grid-status ul{float: right;} .daysLeft-outer .daysLeft span.days-remain{padding:0;} .add-collab{position:relative;} .appplicant-search{position:absolute; right:20px; top:20px; width:480px;} /* issue 2709, Parth, 2 June */ .applicant-tooltip{margin-right:470px;} /* issue 2709, Nirav, 29 May 2015 start*/ .profile-matches-search{position:absolute; right:20px; top:20px; width:450px;} .profile-matches-tooltip{margin-right:470px;} /* issue 2709, Nirav, 29 May 2015 end*/ .pinterestIdURLformError.parentFormsaveform.formError{margin-top:-50px!important;} .blogSubscriberOut{position:relative; float:left; width:50%;} .social-fans li .blogSubscriberOut .fans-link{width:100%;} .text-center{text-align: center;} .content-details .headingSelect{position:relative; padding-right:140px;} .headingSelect .currencyUpdate{position:absolute; right:10px; top: 10px;} .email-div.panel-lt > a{white-space: nowrap;} .phone-div.panel-lt > img, .email-div.panel-lt > img{width:17px; height:auto;} .other-category{width: 100%; margin: 5px 0 0!important; padding: 5px!important;} /*************************21-4-2015*********************/ .coming-soon-block p{font-size: 25px} .coming-soon-block{float: none; margin: 0 auto} .coming-soon-block .col-sm-6{float: none; display: inline-block; vertical-align: middle; width: 49%} /*************************07-05-2015*********************/ #messages_err{padding: 0 10px; position: static !important;} /*************************11-05-2015*********************/ .profilemain {text-align: right; margin-right: 20px; margin-bottom: 15px;} .profilemain span {font-family: CenturyGothic-Bold; font-size: 16px; margin-right: 5px;} /***********************************13/5/2015***************************************/ .fb-btn { margin-top: 2px; height: 32px; line-height: 33px; border: none; border-radius: 2px; background: #a6a6a6; color:#fff !important; padding: 0 12px; font-size: 12px; display: inline-block; text-transform:none;} .fb-btn:hover { background: #313131; color: #fff;} .refin-slider { display: block; /*margin:5px 0 8px;*/ } .refin-profile label { font-size: 13px; color: #414141; display: inline-block; font-weight: normal;} .refin-profile input { background:#fff; border:1px solid #cccccc; width:66px; height:30px; display:inline-block; border-radius: 0; text-align: center; font-size: 13px !important; color: #414141; line-height: 30px; padding:0 10px;} .refin-date { text-align: right;} .refin-row { border-bottom: 1px solid #fff; padding-bottom:43px; margin-bottom:5px;} .refin-row.last { border: none; margin-bottom: 0;} /***********************************20/5/2015***************************************/ .refin-row a.fb-btn{border:1px solid #d0d0d0!important; background: #fff!important; color:#414141!important; padding:11px 23px!important; height:inherit!important; line-height:inherit!important;} .refin-row a.fb-btn:hover{border:1px solid #d0d0d0; background: #fff; color:#212121!important;} .refin-row a.fb-btn.active{background:#505050!important; color:#fff!important; border:#505050 solid 1px;} .disable-refine-content{position: relative;} .disable-refine-content:after{position:absolute; content:""; width:100%; height:100%; left:0; top:0; background:#e1e1e1; z-index:9; opacity:0.5;} /***********************************27/05/2015****************************************/ .cb-enable-hidden, .cb-disable-hidden{ border:1px solid #d0d0d0; background:#fff} .cb-enable-hidden, .cb-disable-hidden, .cb-enable-hidden span, .cb-disable span { background:none; color:#414141; display: block; float: left;cursor:pointer ; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;} .cb-enable-hidden span, .cb-disable-hidden span { line-height: 29px; display: block; background-repeat: no-repeat; width:100%; text-align:center; cursor:pointer;} .cb-disable-hidden.selected, .cb-enable-hidden.selected {background:#505050;cursor:pointer; border:none} .cb-disable-hidden.selected span, .cb-enable-hidden.selected span{color:#fff} /* -----mobile-------*/ @media (min-width: 240px) and (max-width: 767px) and (orientation : portrait) { .socialMainBlogDiv.socialBlogList { float: left; width: 100%; } .blog .blog-listing .blog-tag .comment-lt { display: none; } } @media (min-width: 320px) and (max-width: 767px) and (orientation : landscape) { } .common-text-left{ text-align: left; } .common-width-auto{ width: auto; } .fileuploader-input-caption { border: 1px solid #d8d8d8 !important; } .fileuploader-input-button { padding: 10px 20px 4px 20px !important; } .login-page .comboTreeParentPlus{ top: 0px; } .login-page .comboTreeDropDownContainer .comboTreeItemTitle { padding: 4px 5px 7px 28px; font-size: 14px; }