@charset "utf-8";
/* CSS Document */


.bgtop {background-image:url(../images/profile_users.jpg);}

.btn-group {margin-top:5px !important;}


.text01 {color:#E5E4E2;
margin-top:52px;
text-align:right;
font-style:italic;
 }



.text02 {color: rgba(0,0,0,0.6);
    text-shadow: 2px 2px 3px rgba(255,255,255,0.1); }

.head {border-bottom:2px #99041A solid;
-webkit-box-shadow: 0 10px 6px -6px #7d0011;
       -moz-box-shadow: 0 10px 6px -6px #7d0011;
            box-shadow: 0 10px 6px -6px #7d0011;}

.box {
background: rgba(76,76,76,0.74);
background: -moz-linear-gradient(left, rgba(76,76,76,0.74) 0%, rgba(89,89,89,0.64) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(76,76,76,0.74)), color-stop(100%, rgba(89,89,89,0.64)));
background: -webkit-linear-gradient(left, rgba(76,76,76,0.74) 0%, rgba(89,89,89,0.64) 100%);
background: -o-linear-gradient(left, rgba(76,76,76,0.74) 0%, rgba(89,89,89,0.64) 100%);
background: -ms-linear-gradient(left, rgba(76,76,76,0.74) 0%, rgba(89,89,89,0.64) 100%);
background: linear-gradient(to right, rgba(76,76,76,0.74) 0%, rgba(89,89,89,0.64) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#595959', GradientType=1 );
padding:15px;
border:8px #333 solid;}

.box02 {background-color:#E5E4E2;
padding:15px;
border:8px #9A051B solid;}


.text1 {color:#FFF;}

.text2 {
margin-top:5px;}

.box2 {padding-bottom:35px;}

.text3 {text-align:justify;}

.one {background-image:url(../images/gray_pattern.gif);}

.text5 {color:#A0081D;}



/* CLIENT CAROUSEL STYLES */
.clients-carousel {
    margin-top: 50px; /*SMALL TOP MARGIN FOR SPACE */
    padding: 0 30px 30px 30px;
}

    .clients-carousel .thumbnail {
        border: 1px solid #FF4D98;
    }

    .clients-carousel .carousel-control.left {
        height: 30px;
        width: 25px;
        margin-top: 58px;
        background: #F00;
        left: -15px;
    }

    .clients-carousel .carousel-control.right {
        height: 30px;
        width: 25px;
        margin-top: 58px;
        background: #F00;
        right: -15px;
    }

    .clients-carousel img {
        width: 100%;
        height: 120px;
    }



.two {background-image: url(../images/gray_pattern.gif);
border-top:5px #CCCCCC double;
}




.footer {background-color:#333;
border-top:8px #9A051B solid;}

.text6 {color:#FFF;}

.text7 {text-align:justify;
color:#FFF;}

.text7 a {color:#000;}

.text7 a:hover {text-decoration:none;}

.text8 a {color:#fff;}

.text8 a:hover {text-decoration:none;
color:#fff;}

.text9 {color:#000;}

.box3 {border:2px #A0081D solid;
padding:5px;
border-radius:4px 4px 0 0;}



@media (max-width: 600px) {
  .text01 {margin-top:0px !important;}
   
   .btn-group {margin-top:8px !important;}
   
   .box2 {padding-bottom:0px !important;}
   
   
}

.text11 {text-shadow: -1px -1px white, 1px 1px #333;
color:#980015;

    
}




/*--user css--*/


.top {background-color:#F6F6F6;
padding-top:5px;}

.text12 a {color:#333;}

.text12 a:hover {color:#980319;
text-decoration:none;}

.text13 {color:#980319;}

.text14 a  {background-image:url(../images/img00.png);
width:100%;}

.usertwo {background-color:#CCCCCC;}

.box4 {background-color:#E6E7E8;
padding:8px;
border-radius:5px;
border:1px #980116 solid;}

.text15 {font-size:18px;
color:#960117;}

.left {float:left;}


.text16 {color:#999;}

.media {border-top:1px #999 solid;
padding-top:5px;}

.box5 {  background: #ebebeb none repeat scroll 0 0;
  border-radius: 3px;
  color: #646464;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px 5px 12px;
  width: 100%;
   float: left;
  padding: 30px 15px 0 25px;
  width: 60%;
   display: inline-block;
  width: 6%;
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: top;
  width: 92%;
  color: #747474;
  display: block;
  font-size: 12px;
  margin: 8px 0 0;
  
 
}
.type{
    
    width:380px;
height:40px;
border-radius: 10px;
border-color:#05728F;

}



.box101 {
   
   background: #05728f none repeat scroll 0 0;
  border-radius: 3px;
  font-size: 14px;
  margin: 0; color:#fff;
  padding: 5px 10px 5px 12px;
  width:100%;
  float: right;
  width: 46%;
  color: #747474;
  display: block;
  font-size: 12px;
  margin: 8px 0 0;
  display: inline-block;
  width: 6%;
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: top;
  width: 92%;
  
  
}


.box100 {padding:8px;
border-radius:15px;
border:1px #980116 solid;
  
}
.box102 {padding:8px;
border-radius:15px;
border:1px #980116 solid;
  
}

.thumbnail1 {background-color: #fff;
    border: 1px solid #9d051a;
    border-radius: 4px;
      display: block;
  
    line-height: 1.42857;
    margin-bottom:0;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;}
    
    .text23 {background-color:#F5F5F5;
position: relative;
padding:4px;

border:1px #999999 solid;
 text-align:center;

    
}
.text23 a:hover {text-decoration:none;}

.text17 {color:#980015;
    
    font-size:10px;
}
.text101{color:#ffffff;}

.text18 a {color:#980319;}

.text18 a:hover {text-decoration:none;
color:#980319;}

.text19 {font-size:16px;
color:#999;
font-style:italic;
margin-top:8px;}

.text20 {color:#930419; font-size:15px;}

.text21 {color:#333; font-size:18px;}

.text22 {color:#999; font-size:16px;}





.box6 {border:1px #CCCCCC solid;
padding:5px;
margin-bottom:5px;
margin-top:10px;
    height:200px;
}

.box7 {background-color:#713C44;
padding:10px;}

.text24 {background-color:#FFF;
padding:5px;
text-align:center;
margin-top:8px;
font-size:20px;}


.text25 {color:#FFF;
font-size:20px;
margin-top:-50px;}


.friendbox {background-color:#980421;}

.text26 {color:#FFF;
margin-top:8px;
text-align:center;}


.box8 {border:1px #CCCCCC solid;
padding:5px;
margin-bottom:5px;
margin-top:10px;
background-color:#c4b2b4;}



.box9 {border:1px #CCCCCC solid;
padding:5px;
margin-bottom:5px;
margin-top:10px;
background-color:#e8d8da;}



.text27 {text-shadow: -1px -1px white, 1px 1px #333;
color:#980015;
border-bottom:1px #CCCCCC solid;
padding-bottom:5px;}

.text28 {color:#9E071C;}

.text29 {color:#999;}

.text30 {color:#9A051B;
border-bottom:1px #999999 dotted;
padding-bottom:5px;
font-size:18px;}

.text31 {
border-bottom:1px #999999 dotted;
padding-bottom:5px;}
.demo_changer{ 
    z-index: 900; 
    position: fixed;
    left: -750px;
    top: 80px; 
}

.demo_changer .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background:#fff;
}

.demo_changer select:active,
.demo_changer select:focus,
.demo_changer select:hover,
.demo_changer .button:active,
.demo_changer .button:focus,
.demo_changer .button:hover,
.demo_changer .btn:active,
.demo_changer .btn:focus,
.demo_changer .btn:hover,
.demo_changer .button:active,
.demo_changer .button:focus,
.demo_changer .button:hover {
	box-shadow:none !important;
}
.demo_changer .button {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
	background:#fff;
    line-height: 1.42857;
    margin-bottom: 0;
	width:160px !important;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.demo_changer .img-thumbnail {
    height: 35px;
    margin-bottom: 5px;
    width: 48.5% !important;
    padding: 3px;
}
.demo_changer img {
    margin: 2.4px !important;
    width:100% !important;
    
}

.demo_changer h4 {
	padding-bottom:0;
}
.demo_changer i {color:#fff;font-size:21px;}

.demo_changer .btn{ 
	margin-top:10px;
}
.demo_changer .demo-icon{
    cursor: pointer;
	text-align:center;
    float: right;
    height: 37px;
	line-height:40px;
	-webkit-border-radius:0 16px 16px 0;
	-moz-border-radius:0 16px 16px 0;
	border-radius:0 16px 16px 0;
    width: 40px;
}

#demo-icon{
    cursor: pointer;
    text-align:center;
    float: right;
    height: 37px;
	line-height:40px;
	-webkit-border-radius:0 16px 16px 0;
	-moz-border-radius:0 16px 16px 0;
	border-radius:0 16px 16px 0;
    width: 40px;
}
.demo_changer .demo-icon:after {
	
	}
.demo_changer .form_holder {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
    float: right;
	padding:5px;
    width: 750px;
	border:1px solid #024618;
}

.demo_changer .form_holder p{
    font-size: 12px;
}

.demo_changer .form_holder input{
    width: 55px;
	border-radius: 0 10px 10px 0;
	box-shadow: none;
}
.color_display_2 {
   clear: both;
   color: #FFFFFF;
   display: inline-block;
   font-size: 12px;
   width:31px !important;
    height:31px;
    margin-bottom: 7px;
    padding: 4px 10px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);
}

.color_display_2 a{
    color: #fff;
    text-decoration: none;
}

.color_display_2 a:focus,
.color_display_2 a:hover {
    color: #ededed !important;
    text-decoration: none;
}


.predefined_styles{
    padding:0 5px;
}


.demo_changer .btn {
	width:165px !important;
}


@media only screen and (max-width: 1024px) {
.demo_changer{
   /* display: none;*/
}
}