.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-family: 'Ubuntu', sans-serif !important;
    font-weight: 500;
    line-height: 1.5;
    color: #555 !important;
}



ol, ul {
padding: 0px !important;
}

.tt-header{
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    height: 80px;
}

.caret{
display: none !important;
}

.navbar-fixed-top {
    background-color: none !important;
    border-color: none !important;
    max-width: 1350px !important;
    margin: 0 auto !important;
    border: none !important;
}

.logo-brand{
    float: left;
    height: 50px;
    padding: 0 15px;
    font-size: 18px;
    line-height: 20px;;
}
.logo-brand img{
    width: 77px;
    float: left;
}

.navbar-right .bold {
    background-color: orangered;
    color: white !important;
    padding: 0px;
    height: 46px;
    line-height: 46px;
    font-size: 19px;
    border-radius: 8px;
    width: 46px;
    text-align: center;
}


.new-header-right .dropdown {
    width: 77px;
}

.headerAvatar-new {
    width: 100%;
    border: 2px solid #555;
    border-radius: 10px;
    text-align: right;
    display: block;
    float: left;
    width: 46px;
    }



.navbar-nav {
    float: right !important;
    margin: 0;
    padding: 15px !important;
    font-size: 15px;
}

.navbar-nav li a {
    width: 100%;

}

.new-header-right
{
    margin-right: 30px !important;
}
.dropdown-toggle-img{
    padding: 5px 15px !important;
}

.tt-landing-grad {
    background: -webkit-linear-gradient(white, #f9f9f9);
    background: -o-linear-gradient(white, #f9f9f9);
    background: -moz-linear-gradient(white, #f9f9f9);
    background: linear-gradient(white, #f9f9f9);
}

.heading-block {
    margin-bottom: 50px;
    margin-top: 50px;
}

.heading-block h1 {
    font-size: 70px;
}

.heading-block h1:after {
    font-size: 70px;
    content: '';
    display: block;
    margin-top: 30px;
    width: 40px;
    border-top:2px solid #444;
    margin-bottom: 30px;
}

.heading-block h2:after {
    font-size: 70px;
    content: '';
    display: block;
    margin-top: 30px;
    width: 40px;
    border-top:2px solid #444;
    margin-bottom: 30px;
}

.heading-block h1 + span {
    font-size: 24px;
}

.heading-block > span:not(.before-heading) {
    display: block;
    margin-top: 10px;
    font-weight: 300;
    color: #777;
    font-size: 25px;
}

.general_form .tt_multiadmin{
display:none;
}


.tt-landing-hiw {
    color: black;
    font-size: 14px;
    display: inline-block;
    margin-top: 10px;
    margin-left: 5px;
    width: 100%;
}

.col_two_fifth {
    width: 37.6%;
    display: block;
    position: relative;
    margin-right: 4%;
    margin-bottom: 50px;
    float: left;
}

.col_three_fifth {
    width: 54.4%;
    display: block;
    position: relative;
    margin-right: 4%;
    margin-bottom: 50px;
    float: left;
}

:active, :focus {
    outline: none !important;
}

a:focus, a:hover{
    color: #23527c;
    text-decoration:none !important;
}

.button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    padding: 0 22px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background-color: #E7533C;
    color: #FFF;
    font-weight: 600;

    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button.button-xlarge {
    padding: 0 32px;
    font-size: 18px;
    letter-spacing: 2px;
    height: 52px;
    line-height: 52px;
}

.button.button-dark:hover {
    background-color: #1ABC9C;
    text-decoration: none;
}

.button:hover {
    background-color: #444;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button.button-rounded {
    border-radius: 3px;
}

body:not(.device-touch) .button {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

.animated {
    opacity: 1;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

img {
    max-width: 100%;
}

.tt-landing-shadow {
    box-shadow: -20px 25px 50px 0 rgba(0,0,0,.2);
    -moz-box-shadow: -20px 25px 50px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: -20px 25px 50px 0 rgba(0,0,0,.2);
    box-shadow: -20px 25px 50px 0 rgba(0,0,0,.2);
}

.navbar-default {
 background-color: none !important; 
    border-color: none !important; 
}

.tt-form-contact-button{
    margin-top: 20px;
}

.tt-form-contact-sent{
    background-color: lightgoldenrodyellow;
    padding: 20px;
    margin: 10px;
    color: black;
    font-size: 20px;
    text-align: center;
    border-radius: 10px;
}

.tt-landing-hiw:hover {
    color: #E7533C;
    display: inline-block;
    margin-top: 10px;
    margin-left: 5px;
    text-decoration: underline;
}

.tt-options-designer {
    font-style: italic;
    color: gray;
    font-size: 14px;
    text-align: left;
    display: block;
    margin-left: 20px;
    padding: 10px;
}

.col_three_fifth_mobile{
    display: none;
}

.feature-box.fbox-outline .fbox-icon {
    border: 1px solid darkgray;
    border-radius: 50%;
    padding: 3px;
}

.tt-home-icon{
    cursor: pointer;
    height: 100px;
}

.col-md-6 .tt-home-icon{
    height: 200px;
}



.tt-home-icon:hover{
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-shadow: -20px 25px 50px 0 rgba(0,0,0,.2);
    -moz-box-shadow: -20px 25px 50px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: -20px 25px 50px 0 rgba(0,0,0,.2);
    box-shadow: -20px 25px 50px 0 rgba(0,0,0,.2);
    border: none;
}

a {
    color: #ffffff;
    text-decoration: none;
}


a:focus, a:hover {

    text-decoration:none;
}

.register_div a{
    padding-top: 11px !important;
}

.signin_div a{
    padding-top: 11px !important;
}


.feature-box h3 {

    letter-spacing: 1px;
    margin-bottom: 0;
    color: #333;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    margin: 0px;
    padding: 10%;
}

.tt-border-right{
    border-right:2px solid lightgray;
}

.tt-border-left{
    border-left:2px solid lightgray;
}

.tt-border-bottom{
    border-bottom:2px solid lightgray;
}


.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.topmargin-lg {
    margin-top: 80px !important;
}


.button.button-border {
    border: 2px solid #444;
    background-color: transparent;
    color: #333;
    line-height: 36px;
    font-weight: 600;
    text-shadow: none;
}

.topmargin-sm {
    margin-top: 30px !important;
}

.tt-mobilelanding-textcenter {
    text-align: center;
}

.col_last {
    margin-right: 0 !important;
    clear: right;
}

.feature-box h3 span.subtitle {
    display: block;
    margin-top: 5px;
    color: #444;
    font-weight: 300;
    text-transform: none;
    font-size: 12px;
}

.section {
    position: relative;
    margin: 60px 0;
    padding: 60px 0;
    background-color: #F9F9F9;
    overflow: hidden;
}

.tt-user-count h2{
    display: block;
    text-align: center;
}

.tt-user-count h2{
    font-size: 50px;
}

.tt-user-count h2:after{
    font-size: 70px;
    content: '';
    display: block;
    margin-top: 30px;
    width: 40px;
    border-top: 2px solid #444;
    margin-bottom: 30px;
    margin: 14px auto;
}

.tt-user-count span{
    font-size: 10px;
    text-align: center;
}

.iportfolio{
    float: left;
    width: 100%;
}

.tt-more-designer .tt-user-count{

}

.col_last {
    margin-right: 0 !important;
    clear: right;
}

.button.button-full {
    display: block !important;
    white-space: normal;
    margin: 0;
    height: auto;
    line-height: 1.6;
    padding: 30px 0;
    font-size: 30px;
    font-weight: 300;
    text-transform: none;
    border-radius: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    text-align: center;
    background-color: #E7533C;
}

.button.button-full.button-light {
    border-bottom: 1px solid rgba(0,0,0,0.15);
    border-top: 1px solid rgba(0,0,0,0.15);
}

.button-light {
    background-color: #EEE;
    color: white;
    text-shadow: none !important;
}

.button-white {
    background-color: #F9F9F9;
}

/*Footer Starts*/

.tt-page-footer {
    background: #f3f2f0;
    width: 100%;
}

.tt-page-footer .section{
    background-color: #f3f2f0;
}

.tt-page-footer ul{
    padding: 0px;
    margin-top: 20px;
}

.tt-page-footer ul li{
    list-style: none;
    margin-bottom: 5px;
    font-size: 18px;
    padding-bottom: 10px;
}

.tt-page-footer ul li a{
    text-decoration: none;
    color: #555;
}
.tt-page-footer ul li a:hover{
    text-decoration:underline;
}


.tt-page-footer ul li a img{
    padding-right: 10px;
}

.footer_whole_up{
    margin-top: 60px;
}

.tt-page-footer .container{
    padding-bottom: 60px;
}

.logincountmsg{

}

/*Footer Ends*/



.cky-revisit-bottom-left {
    display: none !important;
  }

  .design-report-new{
    margin-top: 130px;
  }

.menu-wrap a {
    color: white;
}

.menu-wrap a:hover,
.menu-wrap a:focus {
    color: #c94e50;
}
.portfolio-overlay{
    height:auto;
}

/* Menu Button */

#login-cache-mobile{
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 20px;
    line-height: 35px;
}


#login-cache-mobile ul {
    border-top: 2px solid white;
}

#login-cache-mobile li {
    list-style: none;
}

.tt-menu-mobile{
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 999999; /* Stay on top */
    top: 0;
    left: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

.sidenav ul{
    list-style-type: none;
}

.menu-button{
    float: right;
    margin-right: 20px;
    padding: 9px;
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #ffffff !important;
    display: block;
    transition: 0.3s
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.tt-menu-line{
    width: 30px;
    height: 2px;
    background-color: black;
    display: block;
    margin-bottom: 5px;
}
.tt-brief-error{
    margin-top: 20px;
}
.tt-brief-error p{
    background-color: lightcoral;
    padding: 10px;
    font-size: 15px;
    text-align: left;
    width: 100%;
    color:white;
}

.report_message textarea{
    width: 50%;
    min-height: 200px;
    padding: 10px;
    text-indent: 5px;
    border: 2px solid lightgray;
}

.tt-account-select select {
    width: 50%;
}
.designreport_info{ 
    margin: 10px 0px 30px 0px;
    width: 50%;
    
}

.designreport_button{
    margin-bottom: 100px;
}

.report-design-img img{
    width: 100%;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}


.mullti-winners-select li{
 
    padding: 10px;
    width: 100%;
    margin-right: 40px;
    margin-bottom: 100px;
    border-radius: 10px;
}

.mullti-winners-select li img{
padding: 10px;
border: 1px solid lightgray;
}
.mullti-winners-select li a{
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
    color: black;
    }
    
.Report-Accepted{
   
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

.designreport_button .button{
    width: 100%;
}

.report_message textarea{
    width: 100%;
    
}

.tt-account-select select {
    width: 100%;
}
.designreport_info{
  
    width: 100%;
    
}

.logo-brand-call {
    margin-left: 0px;
}

.designreport_button{
    margin-bottom: 100px;
}

.tt-header{
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    height: 80px;
    top: 0px;
    border-bottom: 2px solid #eaeaea;
}
.logo-brand{
    float: left;
    height: 50px;
    padding: 0 15px;
    font-size: 18px;
    line-height: 20px;;
}

.logo-brand-call {
    float: left;
    margin-left:0px;
}

.logo-brand-call a {
    text-align: center;
    padding: 30px 0px 0px 0px;
    display: inline-block;
    font-size: 15px;
}

.logo-brand img{
    width: 71px;
    margin-left: 10px;
}
.new-header-right
{
    margin-right: 30px !important;
}
.dropdown-toggle-img{
    padding: 0px 15px !important;
}

.tt-landing-grad {
    background: -webkit-linear-gradient(white, #f9f9f9);
    background: -o-linear-gradient(white, #f9f9f9);
    background: -moz-linear-gradient(white, #f9f9f9);
    background: linear-gradient(white, #f9f9f9);
}

.heading-block {
    margin-bottom: 10px;
}

.heading-block h1 {
    font-size: 50px;
}

.heading-block h1:after {
    font-size: 70px;
    content: '';
    display: block;
    margin-top: 30px;
    width: 40px;
    border-top:2px solid #444;
    margin-bottom: 30px;
}

.heading-block h2:after {
    font-size: 70px;
    content: '';
    display: block;
    margin-top: 30px;
    width: 40px;
    border-top:2px solid #444;
    margin-bottom: 30px;
}

.heading-block h1 + span {
    font-size: 24px;
}

.heading-block > span:not(.before-heading) {
    display: block;
    margin-top: 10px;
    font-weight: 300;
    font-size: 25px;
    margin-bottom: 20px;
    color: black;
}


.tt-landing-hiw {
    color: black;
    font-size: 20px;
    display: inline-block;
    margin-top: 10px;
    margin-left: 5px;
    width: 137px;
}

.col_two_fifth {
    width: 37.6%;
    display: block;
    position: relative;
    margin-right: 4%;
    margin-bottom: 50px;
    float: left;
}

.col_three_fifth {
    width: 54.4%;
    display: block;
    position: relative;
    margin-right: 4%;
    margin-bottom: 50px;
    float: left;
}

:active, :focus {
    outline: none !important;
}

a:focus, a:hover{
    color: #23527c;
    text-decoration:none !important;
}

.button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    padding: 0 22px;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    background-color: #E7533C;
    color: #FFF !important;
    font-weight: 600;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border-radius: 10px;
}

.button.button-xlarge {
    padding: 0 32px;
    font-size: 18px;
    letter-spacing: 2px;
    height: 52px;
    line-height: 52px;
}

.button.button-dark:hover {
    background-color: #1ABC9C;
    text-decoration: none;
}

.button:hover {
    background-color: #444;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button.button-rounded {
    border-radius: 3px;
}

body:not(.device-touch) .button {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

.animated {
    opacity: 1;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

img {
    max-width: 100%;
}

.tt-landing-shadow {
    box-shadow: -20px 25px 50px 0 rgba(0,0,0,.2);
    -moz-box-shadow: -20px 25px 50px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: -20px 25px 50px 0 rgba(0,0,0,.2);
    box-shadow: -20px 25px 50px 0 rgba(0,0,0,.2);
}



.tt-landing-hiw:hover {
    color: #E7533C;
    display: inline-block;
    margin-top: 10px;
    margin-left: 5px;
    text-decoration: underline;
}

.tt-options-designer {
    font-style: italic;
    color: gray;
    font-size: 14px;
    text-align: left;
    display: block;
    margin-left: 20px;
    padding: 10px;
}

.col_three_fifth_mobile{
    display: none;
}

.feature-box.fbox-outline .fbox-icon {
    border: 1px solid darkgray;
    border-radius: 50%;
    padding: 3px;
}



.tt-home-icon{
    cursor: pointer;
    height: 100px;
}

.col-md-6 .tt-home-icon{
    height: 200px;
}

.tt-home-icon h2{
    text-transform: capitalize !important;
    letter-spacing: 1px;
    margin-bottom: 0;
    color: #333;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    margin: 0px;
    padding: 10%;
}
.tt-home-icon .subtitle{
    display: block;
    margin-top: 5px;
    color: #444;
    font-weight: 300;
    text-transform: none;
    font-size: 12px;
}


.tt-home-icon:hover{
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-shadow: -20px 25px 50px 0 rgba(0,0,0,.2);
    -moz-box-shadow: -20px 25px 50px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: -20px 25px 50px 0 rgba(0,0,0,.2);
    box-shadow: -20px 25px 50px 0 rgba(0,0,0,.2);
    border: none;
}

a {
    color: #ffffff;
    text-decoration: none;
}


a:focus, a:hover {

    text-decoration:none;
}


.feature-box h3 {

    letter-spacing: 1px;
    margin-bottom: 0;
    color: #333;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    margin: 0px;
    padding: 10%;
}

.tt-border-right{
    border-right:2px solid lightgray;
}

.tt-border-left{
    border-left:2px solid lightgray;
}

.tt-border-bottom{
    border-bottom:2px solid lightgray;
}


.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.topmargin-lg {
    margin-top: 80px !important;
}


.button.button-border {
    border: 2px solid #444;
    background-color: transparent;
    color: #333 !important;
    line-height: 36px;
    font-weight: 600;
    text-shadow: none;
    background-color: white;
}

.topmargin-sm {
    margin-top: 30px !important;
}

.tt-mobilelanding-textcenter {
    text-align: center;
}

.col_last {
    margin-right: 0 !important;
    clear: right;
}

.feature-box h3 span.subtitle {
    display: block;
    margin-top: 5px;
    color: #444;
    font-weight: 300;
    text-transform: none;
    font-size: 12px;
}

.section {
    position: relative;
    margin: 60px 0;
    padding: 60px 0;
    background-color: #F9F9F9;
    overflow: hidden;
}

.tt-user-count h2{
    display: block;
    text-align: center;
}

.tt-user-count h2{
    font-size: 50px;
}

.tt-user-count h2:after{
    font-size: 70px;
    content: '';
    display: block;
    margin-top: 30px;
    width: 40px;
    border-top: 2px solid #444;
    margin-bottom: 30px;
    margin: 14px auto;
}

.tt-user-count span{
    font-size: 10px;
    text-align: center;
}

.iportfolio{
    float: left;
    width: 100%;
}

.tt-more-designer .tt-user-count{

}

.col_last {
    margin-right: 0 !important;
    clear: right;
}

.button.button-full {
    display: block !important;
    white-space: normal;
    margin: 0;
    height: auto;
    line-height: 1.6;
    padding: 30px 0;
    font-size: 30px;
    font-weight: 300;
    text-transform: none;
    border-radius: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    text-align: center;
    background-color: #E7533C;
}

.button.button-full.button-light {
    border-bottom: 1px solid rgba(0,0,0,0.15);
    border-top: 1px solid rgba(0,0,0,0.15);
}

.button-light {
    background-color: #EEE;
    color: white;
    text-shadow: none !important;
}

.button-white {
    background-color: #F9F9F9;
}

/*Footer Starts*/

.tt-page-footer {
    background: #f3f2f0;
    width: 100%;
}

.tt-page-footer .section{
    background-color: #f3f2f0;
}

.tt-page-footer ul{
    padding: 0px;
    margin-top: 20px;
}

.tt-page-footer ul li{
    list-style: none;
    margin-bottom: 5px;
    font-size: 18px;
    padding-bottom: 10px;
}

.tt-page-footer ul li a{
    text-decoration: none;
    color: #555;
}
.tt-page-footer ul li a:hover{
    text-decoration:underline;
}


.tt-page-footer ul li a img{
    padding-right: 10px;
}

.footer_whole_up{
    margin-top: 60px;
}

.tt-page-footer .container{
    padding-bottom: 60px;
}

.logincountmsg{
  
}

.navbar-right .bold:hover {
    background-color: rgb(1, 161, 193) !important;
}

.navbar-right {
    margin-top: 0px !important;
    padding: 17px 0px !important;
}


.logo-brand img

/*Footer Ends*/



.menu-wrap a {
    color: white;
}

.menu-wrap a:hover,
.menu-wrap a:focus {
    color: #c94e50;
}
.portfolio-overlay{
    height: auto;
}

/* Menu Button */

#login-cache-mobile{
    margin-top: 20px;
    font-size: 20px;
    margin-bottom: 60px;
    border-bottom: 3px solid white;
    padding-bottom: 30px;
}


#login-cache-mobile ul {
    border-top: 2px solid white;
}

#login-cache-mobile li {
    list-style: none;
    margin-top: 30px !important;
    text-decoration: underline;
}

.tt-menu-mobile{
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 999999; /* Stay on top */
    top: 0;
    left: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

.sidenav ul{
    list-style-type: none;
}

.menu-button{
    float: right;
    margin-right: 20px;
    padding: 9px;
    margin-top: 8px;
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    font-size: 25px;
    color: #ffffff !important;
    display: block;
    transition: 0.3s;
    text-decoration: underline;
    margin-top: 10px;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: -10px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.tt-menu-line{
    width: 30px;
    height: 2px;
    background-color: black;
    display: block;
    margin-bottom: 5px;
}

/* Launch Contest */

.content-wrap {

    margin-top: 60px;
}

.tt-new-type{
    margin-top: 60px;
}

.tt-contest-steps{
    margin-top: 60px;
    height: 50px;
}

.tt-contest-steps ul{
    text-align: center;
    position: absolute;
    border: 1px dashed lightgray;
    height: 0px;
    max-width: 1140px;
    width: 100%;
}

.tt-contest-steps ul li{
    width: 20%;
    cursor: help;
    display: inline-block;
}


.tt-contest-steps ul li .tt-on-step{
    background-color: #E7533C;
    color: white;
}

.tt-contest-steps ul li span{
    padding: 8px;
    background-color: #d3d3d3;
    position: absolute;
    border-radius: 50%;
    width: 50px;
    color: white;
    top: -25px;
    font-size: 25px;
}

.tt-contest-steps ul li a span {
    background-color: lightslategrey !important;
}

.tt-contest-steps ul li a span {

    background-color: lightslategrey !important;
}

.tt-contest-steps ul li a span:hover {

    background-color: lightblue !important;
}

.tt-new-type-border-none{
    border-right: 0px;
}

.tt-new-type h3, .tt-new-sections h3{
    color: black;
}
.tt-new-type li {
    padding: 20px !important;
    border-bottom: 2px solid #eaeaea;
    cursor: pointer;
    border-right: 2px solid #eaeaea;
    min-height: 200px;
    list-style: none;
    background-color: white;
    max-height: 200px;
}

.tt-new-type li:hover {
    background-color: lightyellow;
    cursor:pointer;
}

.tt-new-type .catSelected {
    background-color: lightgoldenrodyellow;

}

.tt-new-type .tt-new-desc{
color: #444;
}

.tt-new-type .tt-new-cost{
    color: #444;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}

.tt-new-type .tt-new-cost span{
    font-size: 14px;
    color: #E7533C;
    font-weight: normal;
    letter-spacing:0px;
}

.tt-new-sections{


}


.tt-new-sections .tt-new-section{
    border-bottom: 2px solid lightgray;
    padding-bottom: 60px;
    padding-top: 30px;
}
.tt-new-sections .tt-new-section-prize ul {
    padding: 0px;
}

.tt-new-sections .tt-new-section-prize ul li {
    width: 33%;
    display: -webkit-inline-box;
    margin-top: 30px;
    margin-bottom: 30px;
    vertical-align: top;
}

.tt-new-sections .tt-new-section-prize label {
    position: relative;
    border: 1px solid rgba(0,0,0,0.075);
    border-radius: 3px;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    padding: 20px;
    width: 100%;
    background-color: white;
    border-radius: 20px;
}



.tt-new-sections .tt-new-section-prize .tt-prize-prize{
    font-size: 40px;
    margin-top: 40px;
    font-family: sans-serif;
    font-weight: 100;
}

.tt-new-sections .tt-new-section-prize .tt-prize-details{
    font-weight: 100;
    font-size: 30px;
    padding: 20px;
}

.tt-new-sections .tt-new-section-options{

 }

.tt-new-sections .tt-new-section-options li{
    list-style: none;
}
.field--addon[data-field-selected]{
    border-color: #2f9780 !important;
    box-shadow: 0 0 0 2px #2f9780 !important;
}
.field--addon[data-selected] {
    border-color: #2f9780 !important;
    box-shadow: 0 0 0 2px #2f9780 !important;
}

.field--addon[data-is-selectable] {
    cursor: pointer;
}


.tt-new-sections .tt-new-section-options li label{
    display: table;
    width: 100%;
    position: relative;
    padding: 15px;
    margin-bottom: 15px;
    border: 2px solid #ccc;
    border-radius: 5px;
    background: #fff;
}

.tt-new-section-options{

}

.start-contest-same-confirm-winner{
    text-align: center;
    margin: 50px;
    padding: 30px;
}

.start-contest-same-confirm-winner .button{
height:40px !important;
}


.tt-confirm-winner-container{
    text-align: left;
    display: -ms-flexbox;
    display: flex
    ;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    box-shadow: 0 14px 42px 0 rgba(0, 0, 0, .2);
    border-radius: 8px;
    font-size: 16px;
    margin: 10px;
   
}


.tt-new-section-options .tt-options-checkbox{
    display: -webkit-inline-box;
    margin-right: 20px;
    width: 100%;
}

.tt-new-section-options .tt-options-right{
    margin-left: 20px;
}

.tt-new-section-buttons{
    height: 100px;
    margin-top: 70px;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.tt-new-section-buttons-inner{
    bottom: 0;
    margin-bottom: 23px;
    left: 33%;
    padding-bottom: 60px;
}

.tt-new-section-buttons a{
    text-align: center !important;
    margin-right: 0px !important;
    padding: 6px 30px !important;
}

.tt-new-section-buttons input{

}

.nicEdit-main {
    width: 100% !important;
    margin: 4px;
    min-height: 200px;
    overflow: hidden;
}

.desc-new-title{
    margin-top: 50px;
    margin-bottom: 20px;
}
.tt-newdesc .inputs{
    font-size: 17px;
}

.tt-newdesc .inputs textarea{
    width: 100%;
    min-height: 200px;
    padding: 10px;
    text-indent: 5px;
    border: 2px solid lightgray;

}



.tt-descnewform{

}

.mrg-top-20{
    margin-top: 20px
}

.tt-descnewform input{
    width: 100% !important;
    border: 2px solid lightgray;
    height: 40px;
    padding: 10px;
    font-size: 17px;
}

.tt-newdesc .small-text {
    font-size: 15px;
}


element.style {
    width: 100%;
    text-align: center;
}
.tt-new-warning{
    color: #E7533C;
}

#tt-start-contest{
    background-color: #f8f8f8;

}

#tt-start-contest .ui-widget-content {
    border:0px;
    background:none;
    color: #333333;
}

#tt-start-contest .ui-widget-header {
    border: none;
    background: none;
    color: #ffffff;
    font-weight: bold;
}

#tt-start-contest .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 0px;
}

#tt-start-contest .ui-state-active a,
#tt-start-contest .ui-state-active a:link,
#tt-start-contest .ui-state-active a:visited {
    color: #E7533C;
    text-decoration: none;
    background-color: white !important;
}

#tt-start-contest .ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0px;
    margin: 0 0.2em 0px 0;
    border-bottom: 0 !important;
    padding: 0px;
    white-space: nowrap;
    font-size: 16px;
    font-weight: normal;
    border-top-left-radius: 0px;
}

#tt-start-contest .ui-state-default,
#tt-start-contest .ui-widget-content .ui-state-default,
#tt-start-contest .ui-widget-header .ui-state-default {
    border:none;
    background:none;
    font-weight: bold;
    color: black;
}

#tt-start-contest .ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0px;
    margin: 0 0.2em 0px 0;
    border-bottom: 0 !important;
    padding: 0px;
    white-space: nowrap;
    font-size: 16px;
    font-weight: normal;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#tt-start-contest .ui-state-default,
#tt-start-contest .ui-widget-content .ui-state-default,
#tt-start-contest .ui-widget-header .ui-state-default {
    border: none;
    font-weight: normal;
    color: black;
    background-color: #eaeaea;
}

#tt-start-contest .ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
    background-color: #eaeaea;
}

#tt-start-contest .ui-state-default a,
#tt-start-contest .ui-state-default a:link
{
    color:#1c94c4;
    text-decoration:none;
    background-color:#eaeaea;
}

.tt-new-section select {
    display: block;
    width: 41%;
    height: 54px;
    font-size: 17px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    text-indent: 10px;
}

.tt-prize-costom{
    text-align: center;
    border-top: 2px solid lightgray;
    padding-top: 50px;
}
.tt-prize-costom .tt-custom-prize{
    display: block;
    height: 54px;
    font-size: 17px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    text-indent: 10px;
    margin-right: 10px;
}

.tt-prize-csotom-input{
     width: 100%;
     display: -webkit-inline-box;
 }

.tt-prize-csotom-input span{
    font-size: 40px;
    font-weight: 400;
}

.tt-prize-costom h4{
    text-align: left;
    margin-bottom: 10px;
    display: block;
    padding-bottom: 10px;
}

.type_Eco h4{

}

.type_bronze h4
{
    color: cadetblue;
    font-size: 40px;
}

.type_silver h4{
    color: indianred;
    font-size: 40px;
}

.type_gold h4{
    color:goldenrod;
    font-size: 40px;
}

.type_gold{
    padding: 0px !important;
}

.tt-new-section ul{
    padding: 0px;
}

.tt-launch-ground{
    background-color: white;
}

.desc-new-handle{
    margin-top: 50px;
    border-bottom: 2px solid lightgray;
    padding-bottom: 70px;
}


.desc-new-section{
    width: 100%;
    text-align: center;
    margin-top: 15px;
    display: -webkit-inline-box;
}

.desc-new-section .reflect-right{
    width: 15%;
    display: block;
    margin-left: 30px;
    text-align: left;
}

.desc-new-section .reflect-center{
    width: 50%;
    display: block;
    padding-top: 20px;
    background: white;

}

.desc-new-section .reflect-left{
    width: 15%;
    display: block;
    text-align: right;
    margin-right: 30px;
}
.ui-slider-horizontal{
    background-color: #ffffff !important;
    border: 1px solid #eaeaea !important;
}
.ui-slider-horizontal .ui-slider-handle {

    padding: 13px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
    background-color: darkgray !important;
}

.tt-new-payment{
    font-size: 20px;
    border-bottom: 1px solid lightgray;
    padding: 10px;
    background-color: white;
}
.tt-new-payment span{

}

.tt-new-payment p{
    color: #E7533C;
    display: -webkit-inline-box;
}

.tt-new-currency{

}

.tt-new-currency-normal{
    float: right;
    font-weight: bold;
}

.tt-new-payment-total{

}
.tt-new-payment-total span{

}

.tt-newuserregister{

 }

.tt-newuserregister .new-register{
    margin-top: 20px;
}

.tt-newuserregister .new-register span{
    display: block;
    font-size: 20px;
    color: #555;
 }

.tt-newuserregister .new-register textarea{
    margin-top: 5px;
    margin-bottom: 10px;
    display: block;
    width: 40%;
    min-height:200px;
    font-size: 17px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    text-indent: 10px;
}

.tt-newuserregister .new-register select{
    margin-top: 5px;
    margin-bottom: 10px;
    display: block;
    width: 40%;
    height: 54px;
    font-size: 17px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    text-indent: 10px;
}

.tt-newuserregister .new-register input
{
    margin-top: 5px;
    margin-bottom: 10px;
    display: block;
    width: 40%;
    height: 54px;
    font-size: 17px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    text-indent: 10px;
}
.tt-newuserregister .new-register .tt-newcard-button{
    font-weight: bold;
    background-color: #E7533C;
    color: white;
    width: 30%;
    font-weight: bold;
    text-indent: 0px;
}
.tt-newuserregister .new-register .tt-newcard-button:hover{
    background-color: #555;
}

.tt-newuserregister .new-register img{
    background-color: white;
    padding: 30px;
    width: 40%;
    margin-top: 20px;
    border-radius: 10px;
}
.tt-newuserregister .new-register .cvc2 input {
    width: 10%;
    display: -webkit-inline-box;
    vertical-align: top;
}

.tt-newuserregister .new-register .cvc2 img{
    width: 25%;
    margin-left: 20px;
    vertical-align: top;
    margin-top: 5px;
    padding: 0px;
}

.tt-newuserregister .new-register .cvc2 {
    margin-bottom: 30px;
}

.tt-new-transfer{
    margin-bottom: 100px;
}
.tt-new-section-payment{
    border-bottom: 2px solid lightgray;
    padding-bottom: 60px;
}
.new-sent-faster span{
    margin-bottom: 20px;
    display: block;
}

.tt-need-money {
    font-size: 40px !important;
}

.tt-need-money b {
color: #E7533C !important;
}

/* Launch Contest Ends */


/* Style page content - use this if you want to push the page content to the right when you open the side navigation */

#main {
    transition: margin-left .5s;
    padding: 20px;
}

/* Finished Contest Start*/

.tt-finished-contest{

}

.tt-finished-buttons{

}

.tt-finished-buttons a{
    padding: 10px;
    text-decoration: none;
    color: black;
    text-align: center;
    width: 100%;
    display: block;
    background-color: white;
    font-size: 20px;
    border-radius: 10px 0px 0px 10px;
}
.tt-finished-buttons a:hover{
    color: white !important;
    background-color: darkslateblue;

}

.tt-discount{
text-decoration: line-through;

}
.tt-discount-new {
    font-size: 30px !important;
    color: orangered !important;
    font-weight: 600 !important;
}

.tt-eft-panding-new{
    margin-top: 130px;
}
.tt-eft-panding-new .tt-start-contest{
    padding: 10px;
}


.tt-finished-buttons .tt-finish-step{
    color: white !important;
    background-color: darkslateblue;
}

.tt-finished-buttons .tt-finish-radius{
    border-radius: 0px 10px 10px 0px !important;
    margin-left: 3px;
}
.tt-finished-contest-container{
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    box-shadow: 0 14px 42px 0 rgba(0, 0, 0, .2);
    border-radius: 8px;
    font-size: 16px;
    margin: 10px;
    height: 660px !important;
 
}

.whatsapp-float {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background-color: #25D366;
    border-radius: 50%;
    padding: 12px;
    z-index: 1060;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    transition: transform 0.2s ease;
  }
  
  .whatsapp-float:hover {
    transform: scale(1.1);
  }
  
  .whatsapp-icon {
    width: 32px;
    height: 32px;
    display: block;
  }

.tt-tasarimcilar{
    height: 340px !important;
}


.tt-finished-contest-container .contest__image{

}
.tt-finished-contest-container .contest__image img{
    width: 100%;
    border: 1px solid #eaeaea;
    padding: 20px;
}

.tt-finished-contest-container .contest-heading-finished li{
    list-style: none;
    padding-bottom: 20px;
    position: relative;
}


.tt-finished-contest-container .contest-heading-finished li:hover {
    box-shadow: 0 14px 42px 0 rgba(255, 66, 0, 0.2);
    border-radius: 8px;
}

.tt-finished-contest-container .start-contest-same{
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}

.tt-finished-contest-container .contest__title{
    margin-bottom: 10px;
    text-align: center;
    padding: 0px 10px;
}

.tt-finished-contest-container .contest__title__in{
padding:0px;
}

.tt-finished-contest-container .contest__title__in h2 a{
    font-size: 17px;
    font-weight: bold;
    line-height: 26px;
    color: #337ab7 !important;
    text-decoration: underline !important;
    }


.tt-finished-contest-container .contest__prize{
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 100;
    text-align: center;
    padding: 10px;
}

.tt-finished-contest-container .contest__description{
    margin-bottom: 30px;
    text-align: center;
    padding: 10px;
    height: 100px;
    border-bottom: 1px solid lightgray;
}

.tt-finished-contest-container .contest__image{

}

.contest-fix-finished {
    margin-top: 30px !important;
    padding-bottom: 60px !important;

}

.contest-entries-done{
    margin-top: 40px;
    text-align: center;
    margin-bottom: 40px;
    border-top: 1px solid lightgray;
    padding-top: 40px;
}

/* Finished Contest End*/

/* Contest Listing*/
.new-contest-listing{
    border-bottom: 2px solid #eaeaea;
    padding: 20px;
    background-color: white;
    float: left;
    margin-bottom: 2px;
    min-height: 150px;
    width: 100%;
}
.highlighted{
    background-color:#fffacd;
}


.tt-list-contest{
    margin-top: 30px;
    padding-bottom: 100px;
}

.new-contest-listing  .title{
    font-size: 20px;
    font-weight: 200;
}
.new-contest-listing  .tt-new-options span,
.tt-start-account .tt-new-options span {
    display: inline-block;
    text-align: center;
    width: auto;
    font-family: "Atlas Grotesk Web",sans-serif;
    opacity: 1;
    border: 2px solid;
    line-height: 1.6;
    padding-top: 0;
    padding-bottom: 2px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: #555;
    border-radius: 3px;
    font-size: 14px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 10px;
    background-color: white;
}

.new-contest-listing  .tt-new-options .tt-new-guaranteed{
    border-color: #ff7e65;
    color: #ff7e65;
}

.new-contest-listing .tt-new-stats{
    margin-left: 20px;
    float: right;
}

.new-contest-listing .title-row{
    margin-left: 20px;
}
.new-contest-listing .image-row{
    box-shadow: 0 3px 9px 0 rgba(0,0,0,.1);
    background: #fff;
}


.bold {
    font-weight: 400 !important;
}
.tt-new-filiters{
    margin-top: 30px;
    width: 100%;
    float: left;
}
.tt-new-filiter{
    text-align: right;
}
.tt-new-filiter label{
    height: 54px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 5px;
}



.tt-new-filiter input{
    margin-right: 5px !important;
}


/* Contest Listing Ends*/
/* Contest Listing*/
.new-contest-listing{
    border-bottom: 2px solid #eaeaea;
    padding: 20px;
    background-color: white;
    float: left;
    margin-bottom: 2px;
    min-height: 150px;
    width: 100%;
}
.highlighted{
    background-color:#fffacd;
}


.tt-list-contest{
    margin-top: 30px;
    padding-bottom: 60px;
}

.new-contest-listing  .title{
    font-size: 20px;
    font-weight: 200;
}
.new-contest-listing  .tt-new-options span{
    display: inline-block;
    text-align: center;
    width: auto;
    font-family: "Atlas Grotesk Web",sans-serif;
    opacity: 1;
    border: 2px solid;
    line-height: 1.6;
    padding-top: 0;
    padding-bottom: 2px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: #555;
    border-radius: 3px;
    font-size: 14px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 10px;
    background-color: white;
}

.new-contest-listing  .tt-new-options .tt-new-guaranteed{
    border-color: #ff7e65;
    color: #ff7e65;
}

.new-contest-listing .tt-new-stats{
    margin-left: 20px;
    float: right;
}

.new-contest-listing .title-row{
    margin-left: 20px;
}
.new-contest-listing .image-row{
    box-shadow: 0 3px 9px 0 rgba(0,0,0,.1);
    background: #fff;
}

.tt-new-filiters{
    margin-top: 30px;
    width: 100%;
    float: left;
}
.tt-new-filiter{
    text-align: right;
}
.tt-new-filiter label{
    height: 54px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 5px;
}

.tt-new-filiters select {
    height: 54px;
    font-size: 17px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    text-indent: 10px;
    width: 50%;
}

.tt-new-filiter input{
    margin-right: 5px !important;
}

.tt-new-waiting{
    color: purple !important;
}

.tt-new-waiting-background{
    background-color: initial !important;
}

/* Contest Listing Ends*/

/* Contest Account*/

.tt-start-account {
    background-color: #f8f8f8;
}

.tt-start-account ul {

}

.tt-start-account h2 {
    margin-top: 40px;
}

.tt-start-account ul li {
    background-color: white;
    border-bottom: 1px solid lightgray;
    margin: 2px !important;
}
.tt-start-account .tt-account-date {
    font-size: 15px;
}


.tt-start-account ul li a {
    padding: 20px;
    text-decoration: none;
    font-size: 30px;
    display: block;
    width: 100%;
}

.tt-start-account ul li a:hover {
    background-color: lightyellow;
}

.tt-start-account ul li a span{

}

.tt-start-account .tt-account-button{
    float: right;
    font-size: 20px;
    text-decoration: underline !important;
    font-weight: 400;
}

.tt-start-account .tt-new-upload span{
    color: #E7533C;
    font-weight: 300;
    border-color: #E7533C;
}

.tt-start-account .tt-new-done span{
    color: forestgreen;
    font-weight: 300;
    border-color: forestgreen;
}

/* Contest Account Ends*/

/* Submit Contests */

#tt-submit-contest .tt-submit-important{
    margin-top: 20px;
}

#tt-submit-contest .tt-submit-important label{
    display: block;
}

#tt-submit-contest textarea{
    width: 60%;
}
/* Submit Contests Ends*/

/* Edit Contest Starts*/
.tt-edit-contest{

}

.tt-edit-current-prize{
    font-size: 25px;
    font-weight: 100;
    margin-bottom: 10px;
}

.tt-edit-contest ul{

}

#prizesMsj{

}

.tt-edit-contest ul li{
    padding: 20px;
    background-color: white;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 5px;
}
.tt-edit-contest input {
    padding: 10px;
    margin-right: 5px;
    margin-left: 5px;
    width: 20%;
}

.tt-make-garantili{
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: white;
    padding: 20px;
    width: 100%;
    border: 2px solid #eaeaea;
}

.tt-new-add-odul {
width: 100%;
}

.tt-new-add-odul a{
    float: right;
}


/* Edit Contest Ends*/

/*Social*/

.fb-share-button {
    float: left;
    margin-right: 10px;
}

.tt-share-motto{
    margin-bottom: 10px;
}
.tt-new-fallow{
    margin-bottom: 50px;
}

/* Social Ends*/

/* Manage Over*/
.tt-manage-over{

}

.tt-manage-over h3{
    font-weight: 200 !important;
}

.tt-manage-over ul{
    margin-top: 50px;
    margin-bottom: 100px;
}

.tt-manage-over ul li{
    margin-bottom: 3px;
}

.tt-manage-over ul li a{
    background-color: white;
    padding: 10px;
    width: 100%;
    display: block;
    border-bottom: 1px solid #eaeaea;
}

.tt-manage-over ul li a:hover{
    background-color:lightgoldenrodyellow;
}

.tt-manage-over .info{
    margin-top: 50px;
    background-color: darkseagreen;
    color: white;
    padding: 10px;
    border-radius: 10px;
    text-indent: 10px;
}
.tt-manage-over .manage-over-form{
    margin-bottom: 100px;
    margin-top: 50px;
}

.tt-manage-over .manage-over-form textarea{
    width: 100%;
    border: 1px solid #eaeaea;
    margin-bottom: 20px;
}

.tt-edit-contest .tt-new-add-prize a {
    background-color: white;
    padding: 20px;
    font-size: 20px;
    text-align: center;
    width: 100%;
    display: block;
    border: 1px solid #eaeaea;
    border-radius: 10px;
}

.tt-edit-contest .tt-new-add-prize a:hover {
    background-color:lightgoldenrodyellow;
}

#prizesMsj{
    text-align: center;
    padding: 10px;
    color:crimson;
}

.tt-textarea-fix textarea{
    width: 100%;
    min-height: 100px;
    border: 2px solid #ccc;
    padding: 10px;
}

.tt-back-to-contest{

}

.tt-goldenrod{
    border: 2px solid wheat !important;
    border-radius: 5px !important;
    background: goldenrod !important;
    color: antiquewhite !important;
    font-size: 16px !important;
}

.badge {
    padding: 6px 7px !important;
    background-color: white !important;
    color: black !important;
}

.tt-tasarimcilar{
    min-height: 22%;
}

.tt-tasarimcilar li{
    width: 100%;
    padding-bottom: 20px;
    list-style: none;
}

.tt-tasarimcilar li:hover{
    box-shadow: 0 14px 42px 0 rgba(255, 66, 0, 0.2);
    border-radius: 8px;

}

.tt-start-contest{

}

.tt-tasarimci-info{
    padding-left: 20px;
}

.tt-tasarimcilar-avatar{

}

.tt-tasarimcilar-avatar img{
    width: 100%;
    padding: 20px;
}

.tt-attachments{
    padding: 50px 0px 100px 0px;
}

.tt-attachment-section{
    border-bottom: 2px solid lightgray;
    width: 100%;
    display: inline-block;
    padding-bottom: 30px;
    padding-top: 40px;
}

.tt-attachments .tt-attachment-section label{
    text-align: center;
    margin-bottom: 10px;
    font-weight: 300;
    cursor: pointer;
    padding-left: 0px;
    margin-top: 10px;
}

.tt-attachments .tt-attachment-section img{
    padding: 10px;
}

.tt-attachments .tt-attachment-section-in{
    height: 200px;
}

.tt-attachments .tt-attachment-section-in span{

}

.tt-attachments .tt-attachment-section input[type=file]{
    cursor: pointer;
 }

.tt-attachments .tt-attachment-section input[type=submit]{
     display: none;
}

.tt-attachments .tt-attachment-section input[name=caption]{
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 40px;
    text-indent: 10px;
}
.tt-attachments .tt-attachment-section input[name=attachment]{
    cursor: pointer;
    font-weight: 100;
    line-height: 0px;
    border: 1px dashed #ccc;
    padding-bottom: 60px;
    padding-top: 40px;
    width: 100%;
}


.tt-attachments .tt-attachment-section span{
    display: -webkit-inline-box;
    margin-left: 10px;
}

.confirm-winner-finished{
text-align: center;

}

.confirm-winner-finished span{
    margin-left: 10px;
}

.confirm-winner-finished img{
    width:100%;
    padding: 20px 0px;
}

.tt-file-transfer{

}

.tt-file-transfer .file-transfer-steps{
    font-size: 16px;
    color: firebrick;
    margin-right: 5px;
}

.tt-file-transfer .step-green,
.won-info .step-green{
    color: green !important;
}

.won-comment-area{
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.won-comment-area h3,
.won-contest-transfer h3{
    padding: 15px;
    background-color: white;
    border-bottom: 1px solid lightgray;
    text-align: center;
    width: 100%;
    margin-top: 0px;
}


.won-comment-roller{
    overflow-x: hidden;
    max-height: 550px;
    overflow-y: scroll;
    border: 1px solid #eaeaea;
    border-right: none;
    padding: 10px;

}

.won-comment-area img{
    width: 60px;
    padding: 10px;
    border-radius: 50%;
}

.won-comment-area input{

}

.won-comment-area textarea{
    width: 100%;
    margin: 10px 0px;
    min-height: 130px;
    border: 1px solid lightgray;
    padding: 10px;
}
.won-comment-section{
    background-color: white;
    float: left;
    width: 100%;
}

.won-comment-area span{

}

.won-comment-area p{
    background-color: white;
    border-bottom: 1px solid lightgray;
    float: left;
    width: 100%;
    word-break: break-all;
    padding-left: 65px;
    padding-bottom: 20px;
    padding-right: 20px;
    margin-bottom: 5px;
}

.won-contest {
    width: 100%;
    padding: 20px 0px;
    float: left;


}

.won-contest-transfer {
    padding-right: 40px !important;
}

.won-contract-confirm{
    display: -webkit-inline-box;
    padding: 20px 10px;
    border-bottom: 1px solid lightgray;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid lightgray;
    background-color: #eaeaea;
}

.won-process{
    display: -webkit-inline-box;
    background-color: lightgoldenrodyellow;
    padding: 10px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid lightgray;
    font-size: 25px;
}

.won-process form{
    margin: 0 auto;
    width: 100%;
}

.won-process form input{
    margin: 0 auto;
}

.won-info .file-transfer-steps  {
    font-size: 24px;
    color: burlywood;
    margin-right: 5px;
}

.tt-won-report{

}
.qq-upload-button{
    border: 2px solid #444;
    background-color: white;
    color: #333;
    line-height: 36px;
    font-weight: 600;
    text-shadow: none;
    text-align: center;
    font-size: 14px;
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.qq-upload-button-hover{

}

.qq-upload-cancel{
    border: 2px solid #444;
    background-color: white;
    color: #333;
    line-height: 36px;
    font-weight: 600;
    text-shadow: none;
    text-align: center;
    font-size: 14px;
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 10px;
    margin-left: 10px;
}

.qq-upload-list{
    width: 100%;
    display: inline-block;
}

.qq-upload-list li span{
margin-left: 5px;
    font-size: 20px;
}

.qq-upload-drop-area{
    display: block !important;
    border: 2px dashed lightgray;
    text-align: center;
    padding: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    font-size: 24px;
    color: darkgray;
}

.uploaded-files{
    width: 100%;
    float: left;
}

.uploaded-files li{

    width: 100%;
    background-color: #ffffff;
    margin-bottom: 2px;
    border-bottom: 1px solid #d3d3d3;
    float: left;
    text-align: left;
}

.uploaded-files li a {
    line-height: 37px;
    float: left;
    padding: 10px;
}

.uploaded-files .file-delete{
    float: right;
    border: 1px solid;
    border-radius: 5px;
    text-align: center;
    padding: 0px 20px;
    margin: 10px;
}

.uploaded-files .file-delete:hover{
background-color: lightgoldenrodyellow;
}

.uploaded-files span {
    display: -webkit-box;

}

.contest-holder{
    color: lightcoral;
}


.comment-time{
    margin-left: 2px;
    font-size: 12px;
}

.file-delete{
    text-align: center;
}

.file-confirm{

}

.file-confirm input {
    width: 100%;
    margin-bottom: 20px;
    border-color: lightcoral !important;
    color: lightcoral !important;
}

.file-confirm input:hover {

    border-color: lightcoral;
    color: #ffffff;
    background-color: lightcoral;
    color: #ffffff !important;
}

.sozlesme {
    text-align: left !important;
    width: 550px !important;
    padding: 0px 60px !important;
    margin: 0 auto !important;
    padding-top: 60px !important;
}

.sozlesme p {
width: 100% !important;
}

.won-designer{
    display: -webkit-box;
    font-size: 20px;
    padding: 15px;
    background-color: white;
    border-bottom: 1px solid lightgray;
    text-align: center;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;

}
.won-designer a{

}

.won-contest-transfer img{
    background-color: #ffffff;
    padding: 10px;
    border: 1px solid #eaeaea;
    margin-bottom: 10px;
}

.tt-account-pms ul li {
    background-color: white;
    border-bottom: 1px solid lightgray;
    margin: 2px !important;
    display: -webkit-box;

}

.tt-account-pms ul li a {
    padding: 0px 20px;
    text-decoration: none;
    font-size: 30px;
    display: block;
    width: 100%;
    background-color: #eaeaea;
    color: darkgray;
}
.tt-account-pms ul li a:hover {
background-color: #ffffe0;
}

.tt-who-send{
    font-size: 14px;
}

.tt-pms-date{
    font-size: 14px;
}

.tt-read-pm{
color: #337ab7 !important;
 background-color: #ffffff !important;
}

.tt-check-box input{
    display: none;
}

.tt-check-box span{
    width: 20px;
    height: 20px;
    background: #ffffff;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    display: -webkit-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px;
    position: relative;
    top: 2px;
    border: 1px solid;
}

.finished-contest-bigbutton{
    top: 0px;
    width: 100%;
    cursor: pointer;
    height: 90px;
    display: block;
}

.tt-check-box{
    margin: 30px 0px;
    display: -webkit-inline-box;
    line-height: 25px;

}

.tt-pm-menu{
     margin: 20px 0px;
 }

.tt-pm-menu span{
    margin-bottom: 10px;
    display: -webkit-inline-box;
}

.tt-no-pms{
    font-size: 20px;
    padding: 40px;
}

.tt-check-box input[type=checkbox]:checked + span:before {
    content: '\2714';
    position: absolute;
    top: -8px;
    left: 7px;
    font-size: 20px;
}


.tt-account-pms-in{
    padding: 30px;
}

.tt-pms-delete{
    float: right;
    padding: 20px 10px;
}


.tt-how{
padding-top: 50px;

    padding-bottom: 20px;
}

.tt-how-in{
font-size: 20px;
}

.tt-how-in p{
    width: 90%;
}

.tt-how-in a{
margin-bottom: 50px;
text-align: center;
    margin-top: 20px;
}


.tt-how-in img{

}

.tt-how-yazi{

}

.youtube-iframe{
    margin-bottom: 40px;
    max-width: 100%;
    text-align: center;
}
/* Manage Over Ends*/

/* submit design starts*/
.msg-error-submit {
    border-radius: 6px;
    border: 1px solid #eaeaea;
    padding: 10px 10px 0px 20px;
    background-color: lightgoldenrodyellow;
    margin-top: 10px;
    margin-bottom: 10px;
}

.tt-submit-contest{

}

.tt-submit-contest-in input[type=file]{
    display: -webkit-inline-box;
    line-height: 0px;
    font-size: 16px;
    width: 100%;
    padding: 20px;
    background-color: lightgoldenrodyellow;
    border: 1px solid #eaeaea;
    border-radius: 5px;
}

.tt-submit-contest-in{
    width: 100%;
}

.tt-submit-contest-in label{
    width: 100%;
}



.tt-submit-contest-in textarea{
    width: 100%;
    height: 150px;
    margin-bottom: 10px;
}

.submit-conditions{

}
.submit-design-button{
    margin-bottom: 40px;
    margin-top: 10px;
}

.marka-sunumu{

}

.marka-sunumu-in{
    margin-top: 30px;
}

.marka-sunumu-in label{

}

.marka-sunumu-in input{
    width: 100%;
    height: 50px;
    border: 2px solid lightgray;
    text-indent:10px;
}

.submit-info{
    margin-top: 40px;
    border-top: 2px solid lightgray;
    padding-top: 10px;
}

.submit-design-sent{
    margin-top: 20px;
    margin-bottom: 40px;
}


.submit-info label{
    width: 100%;
    font-weight: normal;
    margin-top: 10px;
    border: 1px solid;
    border-radius: 5px;
    padding: 10px;
    background-color: white;
    font-size: 16px;
}

.submit-choose {
    border-bottom: 2px solid lightgray;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

/* submit design Ends*/

/* Balance*/
.tt-balance-info{
float: right;
}

.tt-balance-list{
    padding: 10px;
    display: inline-block;
    width: 100%;
}

.tt-balance-talep{
    margin-top: 20px;
    border-bottom: 2px solid lightgray;
    background-color: #ffffe0;
}

.tt-balance-talep form{
    padding: 10px;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-top: 20px;
}

.tt-balance-talep label{
    width: 100%;
    text-align: left;
}

.tt-balance-talep select{
    height: 40px;
    border: 1px solid lightgray;
    text-indent: 10px;
    width: 100%;
    text-align: center;
}

.tt-balance-talep input{
    height: 40px;
    border: 1px solid lightgray;
    border-radius: 5px;
    min-width: 190px;
    text-align: center;
    font-weight: normal;
}

.tt-balance-amount{

}

.tt-balance-amount li{
    font-size: 24px;
    padding: 10px;
}

/* Balance Ends*/

.tt-contact-us{
    margin-top: 40px;
    margin-bottom: 40px;
}

.tt-contact-us-input{
    margin-top: 10px;
    margin-bottom: 10px;
}

.tt-contact-us-input input{
    width: 100%;
    border: 1px solid lightgray;
    height: 40px;
    border-radius: 5px;
}

#tabs {
    margin-top: 60px;
    margin-bottom: 60px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}

}

@media (max-width:767px){

    #tt-start-contest .ui-tabs .ui-tabs-nav li {
        width: 100%;
        margin-top: 2px;
        text-align: center;
        font-size: 19px;
    }


    .tt-new-type h3, 
    .tt-new-sections h3 {
        color: black;
        font-size: 18px;
    }

    .tt-new-sections p {
   
        font-size: 18px;
    }

    .tt-new-sections .tt-new-section-options li label {
        display: table;
        width: 100%;
        position: relative;
        padding: 5px;
        margin-bottom: 15px;
        border: 2px solid #ccc;
        border-radius: 5px;
        background: #fff;
    }

    #tt-start-contest .ui-tabs .ui-tabs-nav li a {

        width: 100%;
    }

    #tt-start-contest .ui-state-active a, #tt-start-contest .ui-state-active a:link, #tt-start-contest .ui-state-active a:visited {

        width: 100%;
    }
    .tt-balance-talep select {

        margin-bottom: 10px;
        margin-top: 10px;
    }

    .tt-balance-talep label {
        width: 100%;
        text-align: left;
    }

    .tt-balance-talep input {

        width: 100%;
    }

    .uploaded-files .file-delete {
        padding: 0px 12px;
        margin: 10px 10px 0px 0px;
        font-size: 12px;
    }

    .won-process form{
        margin: 0 auto;
    }

    .won-process form input{
        margin: 0 auto;
    }

    .tt-file-transfer .file-transfer-steps,
    .won-info .file-transfer-steps{
        width: 100%;
        display: -webkit-inline-box;
    }

    .tt-won-report {
        float:none;
        width: 100%;
    }

    .won-contest-transfer {
        padding-right: 0px !important;
    }


    .container {
        width: 100% !important;
        margin: 0 auto;
    }


    .tt-page-body{
        width: 100%;
        margin:0 auto;

    }

    .col_two_fifth {
        width:100%;
        margin-right: 0;
        float: none;
        margin-bottom: 50px !important;

    }

    .col_three_fifth {
        display: none;
    }

    .heading-block h1 {
        font-size: 40px;
    }

    .tt-mobilelanding {
        text-align: center;
    }

    .col_three_fifth_mobile{
        display:block;
        width:100%;
        margin-right: 0;
        float: none;
        margin-bottom: 50px !important;
    }

    .heading-block > span:not(.before-heading) {
        font-size: 20px;
    }

    .col-xs-6 .tt-home-icon{
        height: 100px;
        border-bottom:2px solid lightgray;
    }

    .tt-border-right{
        border-right:none;
    }

    .tt-border-left{
        border-left:2px solid lightgray;
    }

    .tt-border-bottom{
        border-bottom:none;
    }

    .tt-page-footer{
        text-align: center;
    }

    .portfolio-overlay{
        height:auto;
    }

    .tt-new-type li {
        border-right: none;
        max-height: 100%;
    }


    .tt-new-sections .tt-new-section-prize ul li {
        width: 32%;
        display: inline-block;
    }
    
  
    .tt-new-section-prize .type_bronze h4 {
        color: cadetblue !important;
        font-size: 18px !important;
    }

    .tt-new-section-prize .type_silver h4 {
        color: indianred;
        font-size: 18px;
    }

    .tt-new-section-prize .type_gold h4 {
        color: goldenrod;
        font-size: 18px;
    }


    .tt-new-payment {
        font-size: 12px;
        border-bottom: 1px solid lightgray;
        background-color: white;
        padding: 0px;
        padding-bottom: 10px;
    }

    .tt-new-sections .tt-new-section {
        border-bottom: 2px solid lightgray;
        padding-top: 30px;
        padding-bottom: 0px;
    }

.tt-new-sections .tt-new-section-prize .tt-prize-prize {
  
    margin-top: 14px;
}

    .tt-new-sections .tt-new-section-prize .tt-prize-details {
        font-weight: 440;
        font-size: 14px !important;
        padding: 3px;
    }

    .tt-new-sections .tt-new-section-prize .tt-prize-prize {
        font-size: 21px;
        margin-top: 10px;
        font-family: sans-serif;
        font-weight: 500;
        color: cadetblue;
    }
   
    .tt-new-payment span {
        margin-top: 10px;
        display: block;
        width: 100%;
        font-size: 14px;
    }

    .tt-new-sections .tt-new-section-prize label {
        padding: 10px;
    }

    .tt-new-section select {
        width: 100%;

    }

    .tt-new-section-buttons-inner a,
    .tt-new-section-buttons-inner input

    {
        width: 100%;
        margin-bottom: 10px;
    }
    .tt-new-section-buttons-inner input {
        width: 100%;
    }

    .tt-new-currency-normal{
        float:none;
        font-weight: bold;
    }

 

    .tt-newuserregister .new-register input,
    .tt-newuserregister .new-register textarea,
    .tt-newuserregister .new-register select{

        width: 100%;
    }

    .tt-newuserregister .new-register .tt-newcard-button{
        width: 100%;
    }

    .tt-newuserregister .new-register img{
        padding: 10px;
        width:100%;
    }
    .tt-newuserregister .new-register .cvc2 input {
        width: 50%;
    }

    .tt-newuserregister .new-register .cvc2 img {
        width: 40%;
    }

    .tt-finished-contest-container .start-contest-same {
        text-align: center;
    }
    .tt-finished-contest{
        min-height: auto !important;
    }

    /* Contest Listing*/
    .new-contest-listing .title-row {
        margin-left: 0px;
        margin-bottom: 20px;
    }

    .new-contest-listing .title {
        margin-top: 20px;
    }

    .tt-new-filiter label {
        width: 100%;
    }

    .tt-new-filiter  {
        text-align: left;
        margin-top: 5px;
        margin-bottom: 30px;
    }

    .new-contest-listing .title-row {
        margin-left: 0px;
        margin-bottom: 20px;
    }

    .new-contest-listing .title {
        margin-top: 20px;
    }

    .tt-new-filiter label {
        width: 100%;
    }

    .tt-new-filiter  {
        text-align: left;
        margin-top: 5px;
        margin-bottom: 30px;
    }

    .tt-new-filiters select {
        width:100%;
    }

    /* Contest Listing Ends*/

    /* Contest Account*/
    .tt-start-account .tt-account-button{
        float: none;
        display: block;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    /* Contest Account Ends*/

    /* Submit Contests */

    #tt-submit-contest textarea{
        width: 100%;
    }
    .tt-edit-current-prize{
        float: none;
        margin-top: 10px;
       width: 100%;
        background-color: white;
        padding: 10px;
        text-align: center;
    }

    /* Submit Contests Ends*/

    .tt-edit-contest input {
        width: 40%;
    }

    .tt-back-to-contest{
        text-align: center;
     }

    .tt-back-to-contest a{
        display: block;
        text-align: center;
        border: 1px solid;
        padding: 15px;
        margin-top: 10px;
    }

    .tt-attachments .tt-attachment-section label {
        width: 100%;
    }
}

#tt-start-contest .raporlar .well{ 

width: 100%;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
white-space: normal !important;
overflow: hidden !important;

}

#tt-start-contest .raporlar .panel-rapor{ 

    margin-bottom: 20px;
    float: left;
    display: block;
    width: 100%;
    
    }
    #tt-start-contest .raporlar .message-area{ 

        float: left;
        display: block;
        width: 100%;
        }

        #tt-start-contest .raporlar .tab-content .rapor-no {
            text-align: center;
            padding: 30px;
            font-size: 20px;
            color: darkseagreen;
        }