body {	color:#666;	font:300 15px/15px Roboto,Arial,Helvetica;background-color:#fff;-webkit-font-smoothing:antialiased;}

.navbar-header {
    position: relative;
    z-index:1;
}
.custom-nav{
	background: #fdb455;
	
}
.viewd-pfl-pic{
    width: 100% !important;
    height: auto;
    display: block;
    margin:auto;
} 

#box .name {
    font-size: 16px;
    margin-top: 10px;
    font-weight: 600;
    display: block;
} 
.btn-login
{
	margin-top: 7px;
	display:inline-block;
	background: #c16f01;
	color: #fff;
	padding: 5px 10px;
	text-decoration: none;
	padding: 10px 22px;
}
.btn-login:hover{
	text-decoration: none;
	color: #fff;
}
.vertical-align {
    display: flex;
    align-items: center;
}

.Banner_side .order {
    position: absolute;
    top: 75px;
    right: 19px;
    width: 100%;
    z-index: 999;
}

.Banner_side .order .get-offer {
    padding: 0 20px 34px;
    border: 5px solid #fff;
    background: #fff;
    border-radius: 10px;
    width: 393px;
    float: right;
}

.Banner_side .order h2 {
    text-align: center;
    /*color: #fff;*/
    font-weight: 600;
    font-size: 30px;
    margin: 0 0 13px 0;
    position: relative;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 25px;
    text-align: left;
}

.Banner_side .order .form-control {
    height: 45px;
    border-radius: 0px !important;
    font-size: 15px;
    font-weight: 400;
}
.Banner_side .banner-box
{
	background: rgb(0,0,0,.2);
	padding: 10px;
	width: 60%;
	margin-top: 300px;
}

.btn-submit {
    width: 100%;
    background-color: #ff9000;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    color: #fff !important;
    height: 45px;
    border: 0;
    border-radius: 4px;
}
.btn-submit:hover{
    background: green;
}
#submit_login{
    background-color: #fdb455;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 15px;
    padding-bottom: 15px;
}
#submit_login:hover{
    background: green;
}
.first_name{   padding-right: 0px !important;}
    
.last_name{
    padding-left: 0px !important;
}
.gender{  margin-right: 10px; }
a{color:#00a9c6; text-decoration:none;}
a:hover{color:#666;}
.btn,a,.btn:hover,a:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: none !important;
}

h1,h2,h3,h4{margin: 0;line-height: 1em;}
h1{font:700 5em Roboto,Arial,Helvetica;margin:0.25em 0;text-transform: uppercase;}
h2{font:300 2.5em Roboto,Arial,Helvetica;margin-bottom: 1.5em;}
h3{font:300 2em Roboto,Arial,Helvetica;margin:2em 0 1em 0;}
h4{font:300 1.5em Roboto,Arial,Helvetica;margin-bottom: 1em;}
h4 i{margin-right: 0.5em;}

p{font-size:1em;line-height: 1.7em;}

.spacer{padding: 6em 0;}

.btn{border:none;border-radius: 0;padding: 1em 4em;background: rgba(0,0,0,0.5);text-transform: uppercase;}
.btn:hover,.btn:active{color: #fff;}
.btn-default{color: #ccc;border: 1px solid #aaa;}
.btn-default:hover,.btn-default:active{background: rgba(0,0,0,0.8);}
.btn-primary{color: #fff;background:#00a9c6;width: 100%;outline: none;}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus{background:#1BC0DC;box-shadow: none;}

.topbar {background:url(../images/lines.png);	height:5px;position: fixed;top: 0;width: 100%;z-index: 1000;}
.navbar-nav > li > a{font-size: 1em;line-height: 3.6em;}
/*.navbar-fixed-top{top: 5px;}*/
.navbar-inverse{background: #111;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{background: none;color: #21abca;}

#head,.carousel{margin-top: 0;}

/*#home{padding-top: 6em;}*/
.carousel-caption{top:0;bottom: 0;left: 0; right: 0;padding: 0;}
.caption-wrapper{display: table;height: 100%;width: 100%;}
.caption-info{display: table-cell;vertical-align: middle;}
.caption-info p{font-size: 1.25em; text-align: left;}
.caption-info .btn i{margin-right:0.75em;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{width: 100%;}
.carousel-control{z-index:1000;}

/*about*/
.about.spacer{padding-left: 4em; padding-right: 4em;padding-bottom: 0;}
.process ul li{width: 10em;height: 10em;border: 1px solid #CEEBF0;padding: 0;border-radius: 50%;margin: 0 1.25em;line-height: 13.5em;color: #21ABCA;}
.process ul li span{line-height: 2em;display: inline-block;font-weight: 300;}
.process ul li span i{font-size: 3em;}
.process ul li span b{display: block;font-size: 1em;font-weight: 300;}


/*testimonials*/
.partners img{float: left;margin:0 75px 30px 0;}
.testimonails{min-height: 195px;}
.testimonails img{margin-top: 5px;}
.testimonails span{color: #888;}
.testimonails span b{font-weight: 400;}
.carousel-indicators li{border: 1px solid #2BB2E3;}
.carousel-indicators{bottom: 0;}

/*works*/
#works{padding-top:6em;}
#works figcaption a{border:1px solid #fff;margin-top: 1em;display: inline-block;color: #fff;padding: 0 2em;}
#works figcaption a:hover{text-decoration: none;padding: 0 3em;}
/*works*/

/*team*/
.team figure{width: 100%;}
.team img{width: 100%;}
.team b{font-size: 1.2em;display: block;}
.team a i.fa{color: #fff; font-size: 2em;}
.team a i.fa:hover{color: #21abca;}
#consultation{background: #fdb455;}
#consultation h4{color: #fff;}
#consultation span{text-align: center; color: #fff;}
#consultation .consult-title{ text-transform: uppercase; font-size: 25px; display: block; margin-bottom: 20px; font-weight: 500px; }
#consultation h2{color: #fff;text-align: center;}
#consultation p{color: #fff;}
#consultation .btn-continue{display: block;color: #fff; background: #c36f00; padding: 10px 30px; margin: 20px 0px;}
#card img{ width: 100%;  }
.card-box{ border-right: 1px solid #f1f1f1;  }
#card .read-more{ color: #c27000; margin: 0 0 20px 0;  }
.highlight-info{ background:url(../images/lab.jpg) center fixed; background-size: cover; color:#fff;}
.highlight-info .overlay{background: rgba(33,171,202,0.5);}
.highlight-info h4{color: #fff;margin:0.5em 0 0 0;}
/*about us*/









/*contact*/
.contactform textarea,.contactform input{width: 100%;padding:1em;border:1px solid #ccc;margin-bottom: 1em;border-radius: 0;outline: none;}
#contact{background: #f3f3f3;}
#contact h2{color: #fdb455; font-weight: 500;font-size: 31px;margin-top: 31px;}
/*contact*/

.footer{ padding: 10px; }
.footer{background-color: #fdb455; color: #fff; font-size: 1em;color: #aaa;}
.footer a{color: #fff;margin: 0 10px; }
.footer .footer-text{color: #fff;text-align: left;}
.footer span{color: #fff;font-size: 18px; font-weight: bold; display: block; margin: 5px;}
.footer-nav h4{ text-transform: uppercase;  font-size: 16px; color: #666; font-weight: 600;} 
.gototop{position: fixed;bottom: 20px; right: 20px;background: rgba(0,0,0,0.5);padding: 10px;color: #fff;}
.gototop i{line-height: 0.5em;}
/*.footer-nav { border-top: 1px solid #666; }*/
.footer-nav ul.quick-links {
    text-align: left;
    margin-top: 30px;
}

.footer-nav ul.quick-links li {
    padding: 5px 0;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}

.footer-nav ul.quick-links li a {
    color:  #666;
    
}


@media (max-width: 1200px) {
	body{font:300 13px/13px Roboto,Arial,Helvetica;}
	.navbar-brand{padding-top: 11px;}
	.process ul li{margin:0 0.5em; }
	
	.grid figure h2{font: 700 1.5em Roboto,Arial,Helvetica;}
	figure.effect-oscar figcaption{padding: 12%;}
	figure.effect-oscar figcaption::before,figure.effect-chico figcaption::before{top: 20px;right: 20px;bottom: 20px;left: 20px;}

	.partners img{margin: 0 25px 25px 0;}
}

@media (max-width: 900px) {
	h1{font: 700 3.5em Roboto,Arial,Helvetica;}
	h4 {font: 300 1.3em Roboto,Arial,Helvetica;}
	.btn{padding: 1em 2em;}
	.partners img{margin: 0 15px 25px 0;width: 157px;}
	.process ul li{width: 9em;height: 9em;}
	figure.effect-chico figcaption {padding: 2em;}	
	figure.effect-oscar figcaption {padding: 20%;}
	figure.effect-chico figcaption::before{top: 10px;right: 10px;bottom: 10px;left: 10px;}
	.grid figure.effect-chico p{font-size: 0.6em;line-height: 1.5em;}	
}


@media (max-width: 767px) {

	body{font:300 12px/12px Roboto,Arial,Helvetica;}
	.navbar-nav > li > a {line-height: 1em;}	
	.navbar-brand{padding: 7px;}
	.navbar-brand img{height: 37px;}
	.navbar-toggle{margin-top: 12px;}

	.carousel-caption,.carousel-control,.carousel-indicators{display: none;}

	h2.text-center{text-align: left;font-size: 1.7em;}
	h4 {font: 300 1.2em Roboto,Arial,Helvetica;}
	#partners h2{padding: 0 1em;} 
	#home {padding-top: 0px;}

	.partners{display: block;float: left;}
	.partners img{width: 120px;}

    .user-profile-image{height: 130px !important;}

	.about.spacer{padding-left: 2em;padding-right: 2em;}
	.about.space{padding-left: 2em;padding-right: 2em;}
	.spacer{padding:2em 0 0 0;}
	.space{padding:1em 0 0 0;}
	.process ul li{margin-bottom: 1em;}


	.highlight-info .overlay{padding-bottom: 2em;}

	.grid.team div{margin: 0;padding: 0;}
	figure.effect-chico figcaption {padding: 1.5em;}
	.footer{margin-top: 2em;padding-bottom: 2em;}
}

@media (max-width: 991.98px) { 

    .navbar-header {
        width: 20%;
    }    
    #consultation {
    background: #fdb455;
    margin-top: 43px;
}
    #consultation .consult-title {
    line-height: 1 !important;
    font-size: 22px;
    font-weight: 500;
}
#consultation h2 {
    font-size: 20px;
    font-weight: 500;
}
.navbar-nav > li > a {
    padding: 0 6px!important;
    font-size: 15px;
}    

    .navbar-nav li.call{
        font-size: 16px;
        padding: 4px 10px;
    }    
    
    .place_order h2 {
        width: 100%;
        font-size: 28px;
        margin-bottom: 20px;
    }    
    
    .place_order h2:before {
        display: none;
    }    
    
    .Banner_side {
        padding: 0px;
    }

    .Banner_side #home {

    background-position: 30% !important;
    /*height: 410px !important;*/
    background-size: cover !important;

    }

    
    .Banner_side .order {
        position: relative;
        top: 0;
        right: 0;
        margin: 0px 0;
    }    

    .Banner_side .order .get-offer {
        margin: auto;
        float: none;
        width: 94%;
    }

    #benefits li {
        font-size: 20px;
    }

    .block_a ul li {
        width: 31%; 
    }
    
    .block_b ul li {
        width: 20%;
    }    
    .place_order .text {
    position: absolute;
    top: 100px;
    left: 32px;
}
    .place_order .text h3 {
    font-size: 32px;
    margin: 0;
    color: #fff;
    font-weight: 700;
}
.place_order .text h4 {
    margin: 0;
    font-size: 30px;
    font-weight: 600;
    text-decoration: line-through;
}

}


@media (max-width: 767.98px) {

    .login li {
        padding-left: 0!important;
    }

    .login li span {
        padding-left: 0!important;
        
    }

.bx_hide {
    display: block !important;
}


    .navbar-brand img {
        width: 100%;
        height: auto;
    } 

    .jinfo-box {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.jinfo-box img{
    width: 100%;
}

    .viewd-pfl-pic{
        width: 70% !important;
        height: 130px !important;
        display: block;
        margin:auto;
        
    } 

    .view-profile h4 {
    font-size: 21px;
    font-weight: 600;
    text-align: center;
}  
       
    
    .container>.navbar-header {
        margin-left: 0;
    }
    
    .navbar-nav > li > a {
        line-height: normal !important;
        padding: 10px 15px!important;
    }
    
    .navbar-toggle {
        margin: 0;
    }
    
    .navbar-header {
        width: 100%;
        float: none;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #000 !important;
    }
   .first_name{   padding-right: 15px !important; }
    
    .last_name{
        padding-left: 15px !important;
        margin-top: 15px;
    }

    .Banner_side .order h2 {
        margin-bottom: 15px;
        font-size: 24px;
    }
    h2:before {
        display: none;
    }
    
    #benefits {
        text-align: center;
    }
    #benefits p{
        font-size: 34px;
    }
    
    #benefits li {
        font-size: 20px;
        line-height: 30px;
    }
    
    .steps h2 {
        padding: 0px 30px 11px 30px;
        margin: 0px 0 25px 0;
    }
    .steps .bg1 {
        padding: 10px;
    }
    .steps .bg1 ul li {
        font-size: 27px;
        line-height: 40px;
    }
    
    .ingredients h2 {
        padding: 0 50px;
        margin: 0 0 20px 0; 
    }
    
    .ingredients .bx {
        min-height: inherit;
        text-align: center;
    }
    
    .offer h2 {
        padding: 0px 30px 11px 30px;
        margin: 0px 0 25px 0;
    }
    
    .offer .bg2 {
        margin-bottom: 20px;
    }
    
    .offer .bg2 h4:before {
        width: 94%;
    }
    
    .reviews h2 {
        padding: 0px 30px 11px 30px;
        margin: 0px 0 25px 0;
    }
    
    .place_order h2 {
        font-size: 35px;
        width: 100%;
        margin: 0 0 20px 0; 
    }
    
    .why {
        text-align: center;
    }
    
    .why img {
        margin:  auto;
    }
    .why h2 {
        width: 100%;
        margin: 0 0 20px 0; 
    }

    .block_a ul li {
        width: 46%;
    }    

    .block_b ul li {
        width: 34%;
    }    

.place_order .text {
    position: absolute;
    top: 90px;
    left: 4px;
    background: #82bd00;
    padding: 30px;
    border-radius: 100%;
}
 

.place_order .text h3 {
    font-size: 32px;
    margin: 0;
    color: #fff;
    font-weight: 700;
}
.place_order .text h4 {
    margin: 0;
    font-size: 30px;
    font-weight: 600;
    text-decoration: line-through;
}
 
    
    
 }

@media (max-width: 575.98px) { 

    #box .name { 

        font-size: 15px !important;
    }

    .signin {
        width: 86% !important;
    }

.inbox_people {
    width: 100% !important;
    float: none !important;
}

.inbox_chat {
    height: auto !important;
}

.mesgs {
    width: 100% !important;
    float: none !important;
}

.msg_history {
    height: auto !important;
}

.input_msg_write textarea.form-control {

    width: 100% !important;
    height: 60px !important;
    resize: none !important;

}

.bx_hide {
    display: block;
}

    /*.navbar-brand img {
        width: 250px;
    } */


    .container>.navbar-header {
        margin-left: 0;
    }
    
    .navbar-nav > li > a {
        line-height: normal !important;
        padding: 10px 15px!important;
    }
    
    .navbar-toggle {
        margin: 13px 0;
    }
    
    .navbar-header {
        width: 100%;
        float: none;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #000 !important;
    }
    
    .Banner_side .order h2 {
        margin-bottom: 15px;
    }
    h2:before {
        display: none;
    }
    
    #benefits {
        text-align: center;
    }
    #benefits p{
        font-size: 20px;
    }
    
    #benefits li {
        font-size: 20px;
        line-height:20px;
        text-align: left;
    }
    
    .steps h2 {
        padding: 0px 30px 11px 30px;
        margin: 0px 0 25px 0;
    }
    .steps .bg1 {
        padding: 10px;
    }
    .steps .bg1 img {
    width: 60%;
}
.steps .bg1 p {
    font-size: 20px;
    text-align: justify;
    color: #020202;
    padding: 0;
    font-weight: 500;
    line-height: 35px;
    margin: 0;
}
    .steps .bg1 ul li {
        font-size: 27px;
        line-height: 40px;
    }
    
    .ingredients h2 {
        padding: 0 60px;
        margin: 0 0 20px 0; 
    }
    
    .ingredients .bx {
        min-height: inherit;
        text-align: center;
    }
    
    .offer h2 {
        padding: 0px 30px 11px 30px;
        margin: 0px 0 25px 0;
    }
    .place_order .text p {
   
    margin: 0;
     color: #000; 
    font-size: 25px;
    font-weight: 600;
}
    
    .offer .bg2 {
        margin-bottom: 20px;
    }
    
    .offer .bg2 h4:before {
        width: 94%;
    }
    
    .reviews h2 {
        padding: 0px 30px 11px 30px;
        margin: 0px 0 25px 0;
    }
    
    .place_order h2 {
        font-size: 35px;
        width: 100%;
        margin: 0 0 20px 0; 
    }
    
    .why h2 {
        width: 100%;
        margin: 0 0 20px 0; 
    }
    
    .block_a ul li {
        width: 100%;
        margin-right: 0;
    }
    .place_order .text p {
    margin-top: 62px;
    margin: 0;
    /* color: #fff; */
    font-size: 25px;
    font-weight: 600;
}
.footer span {
    display: block;
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    margin-top: 20px;
    text-align: left;
}
    .block_a ul li:nth-child(even)
    {
        background: #698715;
    }
    .block_a ul li:nth-child(odd)
    {
        background: #ff9000;
    }
    
.block_a .Img {
    width: 100px;
    height: 120px;
    line-height: 120px;
}

.block_a .text p {
    font-size: 20px;
    color: #fff;
    line-height: 25px;
    display: table-cell;
    vertical-align: middle;
}
.offer .bg2 img {
    margin: auto;
    width: 80%;
}
.why p {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    margin: 0;
    padding-bottom: 15px;
}

.place_order .text h3 {
    font-size: 32px;
    margin: 0;
    color: #fff;
    font-weight: 700;
}
.place_order .text h4 {
    margin: 0;
    font-size: 30px;
    font-weight: 600;
    text-decoration: line-through;
}

#consultation .consult-title {
    line-height: 1 !important;
    text-transform: uppercase;
    font-size: 25px;
    display: block;
    margin-bottom: 20px;
    font-weight: 500px;
}

.block_a .text {
    width: 61%;
}    

    .block_b ul li {
        
        width: 42%;    
        
    }    

    .why {
        text-align: center;
    }    

    .why img {
        margin:  auto;
    }    
    
.place_order .text {
    position: absolute;
    top: 96px;
    left: 7px;
    background: #82bd00;
    padding: 26px;
    border-radius: 100px;
}
} 

#footer ul.quick-links li a#facebook{
    background: #3B5998;
    padding: 5px;
    width: 95%;
    display: block;
    border-radius: 10px;
}
#footer ul.quick-links li a#insta{
    background: #f09433;
    padding: 5px;
    width: 95%;
    display: block;
    border-radius: 10px;
}
#footer ul.quick-links li a#youtube{
    background: #c4302b;
    padding: 5px;
    width: 95%;
    display: block;
    border-radius: 10px;
}

    
    
}

.middle {
    width: 1180px;
    vertical-align: middle;
    height: 500px;
    display: table-cell;
}
/* <<< Signin >>> */
.signin { width: 400px; margin: 0 auto; background-color: #edf0f3; overflow: hidden; text-align: center; border-radius: 4px; }
.signin form { padding: 0 15px; margin-top: 12px; border: 0;  }
.signin form p { margin: 0 0 15px 0; padding: 0;}
.signin form p label { padding-bottom: 4px; font-size: 15px; width: 100%; color: #1d1e1e; text-align: left; }
.signin form p input { padding: 0 10px; font-size: 14px; color: #1d1e1e; font-size: 14px; height: 45px; width: 100%; border: solid 1px #d9d9d9; }

.signin form p button { margin-top: 0; background-color: #fdb455; width: 100%; font-size: 20px; height: 45px; color: #fff; border: 0; }
.signin form .text { text-align: center; }
.signin form .text p { color: #96999c; font-size: 14px; line-height: 30px;}
.signin form .text p a { color: #fdb455; display: inline-block; }
.signin form .text p a.sin { font-size: 17px; }
.signin .bg { padding: 15px 15px 5px 15px; overflow: hidden; text-align: center; background-color: #fff; border-bottom: solid 1px #d1d3d5; }
.signin .bg img { margin: 0 auto; }
.signin .bg ul { list-style: none; padding: 0; margin: 0; overflow: hidden; }
.signin .bg ul > li { float: left; padding: 0; margin:  0 8px 10px 0; width: auto; border: 0; background-image: none; }
.signin .bg ul > li:hover { background: none !important; }
.signin .bg ul > li a { padding: 5px 0; font-size: 14px; color: #f6f7f9; background-color: #4267b2; border-radius: 50px; display: inline-block; width: 180px; text-align: left;}
.signin .bg ul > li a .fa { margin: 0 9px; font-size: 22px; float: left; }
.signin .bg ul > li a .fa-google-plus { font-size: 18px; margin-right: 8px;}
.signin .bg ul > li.bg a  { background-color: #1da1f2; }
.signin .bg ul > li a:hover { text-decoration:  none;}
.signin .bg ul > li:last-child { margin-right: 0; margin-bottom: 0; }
.signin span.invalid-feedback strong { font-size: 16px; font-weight: normal; }

.bg-image{

    width: 100%;
    overflow: hidden;
    padding: 80px 0px 41px 0px;
    /*background: url(../images/bg.png) top left;*/
    background: #ffc800;
    /*background-size: cover;
    background-attachment: fixed;*/
    
}

.profile {
  margin: 20px 0;
}

/* Profile sidebar */
.profile-sidebar {
  padding: 20px 0 10px 0;
  background: #fff;
  box-shadow: 0px 0px 13px 0px #000;
  
}

.profile-userpic img {
  float: none;
  margin: 0 auto;
  width: 50%;
  height: 50%;
  /*-webkit-border-radius: 50% !important;*/
  /*-moz-border-radius: 50% !important;*/
  /*border-radius: 50% !important;*/
}

.profile-usertitle {
  text-align: center;
  margin-top: 20px;
}

.profile-usertitle-name {
  color: #5a7391;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 7px;
}

.profile-usertitle-job {
  text-transform: uppercase;
  color: #5b9bd1;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 15px;
}

.profile-userbuttons {
  text-align: center;
  margin-top: 10px;
}

.profile-userbuttons .btn {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 15px;
  margin-right: 5px;
}

.profile-userbuttons .btn:last-child {
  margin-right: 0px;
}
    
.profile-usermenu {
  margin-top: 30px;
}

.profile-usermenu ul li {
  border-bottom: 1px solid #f0f4f7;
}

.profile-usermenu ul li:last-child {
  border-bottom: none;
}

.profile-usermenu ul li a {
  color: #93a3b5;
  font-size: 14px;
  font-weight: 400;
}

.profile-usermenu ul li a i {
  margin-right: 8px;
  font-size: 14px;
}

.profile-usermenu ul li a:hover {
  background-color: #fafcfd;
  color: #5b9bd1;
}

.profile-usermenu ul li.active {
  border-bottom: none;
}

.profile-usermenu ul li.active a {
  color: #5b9bd1;
  background-color: #f6f9fb;
  border-left: 2px solid #5b9bd1;
  margin-left: -2px;
}

/* Profile Content */
.profile-content {
  padding: 20px;
  background: #fff;
  min-height: 460px;
  box-shadow: 0px 0px 13px 0px #000
}

.register {
    width: 100% !important;
    margin: 0 auto;
    background-color: #fff;
    overflow: hidden;
    text-align: center;
    border-radius: 4px;
}
.register h4{
    /*margin-top: 20px;*/
    font-weight: bold;
}
.signin h4{
    margin-top: 0px;
    font-weight: bold;
}

/* <<< login >>> */

.login { position: relative;width: 100%; }
.login ul { list-style:  none; padding:  0; margin:  0; float:  right; }
.login li { float: left; color: #fff; font-size: 15px; padding-left: 15px; line-height: 42px; }
.login li span { float: right; padding-left: 8px  }
.login li a { display: block; font-size: 13px; color: #fff; }
.login li a:hover { text-decoration: none; color: #f6ff00; }
.login li .fa-search { color: #fff; margin-top: 16px; font-size: 20px; }
.login li img.user { float: left; width: 24px; height: 24px; margin-top: 10px; border-radius: 100px; }
.login li .dropdown-toggle { cursor: pointer;}
.login li .dropdown-menu {     position: absolute;
    top: 48px;
    right: 26px;
    left: auto;
    padding: 0;
    width: 220px;
    border-radius: 0;
    background-color: #fdb455; }
.login li .dropdown-menu.login { width: 160px;  }
.login li .dropdown-menu a { color: #fff; padding: 0 10px; border-bottom: solid 1px #f5f5f5; }
.login li .dropdown-menu a .fa { float: right;
    display: block;
    line-height: 40px;
 }
.login li .dropdown-menu a:hover { background-color: #000; }
.login li .dropdown-menu.login a .fa { padding-top: 0px; font-size: 16px; float: right;  }
.login li .dropdown-menu.login a:last-child { border-bottom: 0; }
.login .searchbardiv { right: 7.3%; width: 25%; border-radius: 50px; }
.login ul li .user_bg { padding: 2px 2px 2px 15px; width: 127px; overflow: hidden; background-color: #de4509; border-radius: 100px; }
.login ul li .user_bg h3 { font-size: 13px; color: #fff; font-family: 'robotobold'; float: left; line-height: 35px; }
.login ul li .user_bg img { width: 34px; height: 34px; border-radius: 100%; float: right; }


.login ul li .user_bg h3 { font-size: 13px; color: #fff; font-family: 'robotobold'; float: left; line-height: 35px; }
.login ul li .user_bg img { width: 34px; height: 34px; border-radius: 100%; float: right; }

/*Profile*/
.profile-pic {
    width: 100% !important;
    object-fit: cover;
    display: block;
    margin: auto;

}
.jinfo-box {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.wrap h5{ color: #000; font-weight: 600; }
.myBtn{
    width: 100%;
    float: left;
    background-color: #000;
    padding-top: 10px;
    padding-bottom: 10px;
    padding: 5;
    text-align: center;
    margin-top: 13px;
    text-decoration: none;
    text-decoration: none;
    border-radius: 8px;
    cursor: pointer;
}
.wrap a{ color:#fdb455; font-weight: 600; text-decoration: none; }
.wrap p{ color:#000; line-height: 1.5; margin:5px 0; font-size: 15px; }
.viewbtn{background-color:#fdb455!important; color:#fff !important;}
/*Profile End*/
.contact { width: 100%; position: relative; z-index: 1; margin-bottom: 0px; }
.contact .bg { background-color: #fdb455; width: 100%; -webkit-box-shadow: 0px 6px 29px 0px rgba(122,116,122,1);
-moz-box-shadow: 0px 6px 29px 0px rgba(122,116,122,1);
box-shadow: 0px 6px 29px 0px rgba(122,116,122,1); }
.contact .bg .box { padding-top: 80px; padding-bottom: 100px; background-color: #fff;}
.contact .bg .box h1 { padding-left: 20px; font-size: 35px; color: #2c3e50; font-family: 'robotobold'; }
.contact .bg .box h1 small:before { padding-top: 7px; content: "\f003"; float: right; font-size: 28px; font-family: fontawesome; }
.contact .bg .box h2 { padding-left: 20px; font-size: 30px; color: #2c3e50; font-family: 'robotobold'; }
.contact .bg form { padding: 20px; overflow: hidden; }
.contact .bg form p input.field-input { padding: 0 5px; color: #999; font-size: 14px; float: left; width: 48%; border: 0; height: 45px; border-bottom: solid 1px #d8d7d7; margin: 0 10px 20px 0; }
.contact .bg form textarea { padding: 10px 5px; color: #999; font-size: 14px; width: 98%; resize: none; border: 0; height: 80px; border-bottom: solid 1px #d8d7d7; margin-bottom: 20px; }
.contact .bg form button { padding: 11px 20px; font-size: 20px; color: #fff; float: left; background-color: #fdb455; width: 100%; border: 0; margin: 0 auto; font-family: 'robotobold'; text-transform: uppercase; width: 160px; display: block;}
.contact .bg form button:hover { background-color: #4dbb3e; }
.contact .bg form p input:focus { outline: none; box-shadow: 0 2px 0 0 #05ab0a; border-bottom: 0; }
.contact .bg form textarea:focus { outline: none; background: none; border-bottom: 0;}

.contact .bg .add { padding: 25px; }
.contact .bg .add h2 { font-size: 30px; color: #fff; font-family: 'robotobold'; }
.contact .bg .add ul { list-style: none; margin: 0; padding: 0 0 15px 0; overflow: hidden; }
.contact .bg .add li span { padding: 20px 0; display: block; }
.contact .bg .add li span a { font-size: 14px; color: #fff; display: block; }
.contact .bg .add li span a:hover { text-decoration: none; }
.contact .bg .add li p { padding-bottom: 20px; font-size: 14px; color: #fff; line-height: 30px; font-family: 'robotoregular';}
.contact .bg .add li { padding-bottom: 5px; font-size: 15px; color: #fff; }
.contact .bg .add li b { float: right; width: 230px; display: inline-block; font-family: 'robotobold'; }
.contact .bg .add li a { color: #fff; padding-right: 10px; display: inline-block; }
.contact .bg .add li a:hover { text-decoration: none; }
.contact .bg .add samp { padding: 0 0 10px 0; font-size: 22px; color: #fff; display: block; font-family: 'robotoregular'; }
.contact .bg .add samp em:before { font-style: normal;  padding-right: 4px; content: "\f2a0"; font-family: fontawesome; }
.contact .bg .add address { font-size: 15px; color: #fff; display: block;}
.contact .bg .add address h5 { font-size: 22px; }
#contact-form p{ margin: 0px !important; }

/*Thanks*/
#thanks h1{
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
    color: #51a54f;
}
#thanks p{text-align: center;color: #fff; font-size: 20px;}
#thanks a{ text-align: center;display: block; font-size: 18px; }
#profile .row:nth-child(even){background: #f8f8f8;}
#profile p{ line-height: 33px; margin: 0px; }
.modal-content{
    margin-top: 104px;
}

#box{
    border: 1px solid;
    padding: 13px;
    background:#f8f8f8;
    
}

#box span:not(:first-child){ line-height: 1.7  }
#box .name{ font-size: 16px; font-weight: 600;  }
#box a { color: #fff; background:#fdb455; margin-top: 10px; text-decoration: none; font-size: 16px; display: block; border: 1px solid; padding: 13px; text-align: center; }

#box a:hover { background: green; }
.view-profile h4{ font-size: 21px; font-weight: 600; }
.user-profile-image{height: 110px; object-fit: cover;}
.bg span{font-size: 24px; display: block;padding: 10px 0px;font-weight: 600; }
.signin > span{color: #F00;font-size: 15px;margin-top: 10px;display: block; font-weight: 600;}
#account_active > a{ width: 50%; display: block; margin: auto; text-align: center; }
.messageText h3{ margin: 0px; }
.profile-img{width: 48%; margin: auto; position: relative; }
.profile-img img {width: 100%; height: auto; border: 1px solid;}
#dropdown-message{margin-top: 12px;}

.avatar-edit input + label:after {
    font-size: 18px;
    content: "\f040";
    font-family: 'FontAwesome';
    color: #4285f4;
    position: absolute;
    top: 10px;
    left: 2px;
    right: 0;
    text-align: center;
    margin: auto;
}
.box_a
{
    height: 130px;
} 

#message-menu{width: 0% !important;padding: 0px 3px !important;position: absolute !important;top: 51px !important;right: -102px !important;background-color: #fdb455;}
#message-menu li { float: left; color: #fff; font-size: 15px; padding-left: 0px !important; line-height: 42px; padding-right: 0px;}
#message-menu:hover{display: block;}
.avatar-edit {
    position: absolute;
    right: -19px;
    z-index: 1;
    top: 43px;
}
.avatar-edit input {
    display: none;
}

.avatar-edit input + label {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #fff;
    border: 1px solid #dee0e3;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all .2s ease-in-out;
}

.message-mail{font-size: 16px; font-style: italic;}
.div-bdr{padding:30px 0px; background-color:#fff; border-radius:8px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#mail-message-success{color:green; font-weight:600; display:none;}
#mail-message-error{color:#f00; font-weight:600; display:none;}
#inv_email{color:#f00; font-weight:600; display:none;}
.required{    display: block; margin: 8px 3px; font-weight: 600; color: red;}
.loading-wait {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/loader/loader-128x/Preloader_3.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: 1;
}
form .error
{
    color: red !important;
    margin: 0px;
}

.bx_hide {
    display: none;
}