body{
	/*font-family: "Open Sans", Helvetica Neue, Helvetica, Arial, sans-serif;*/

	font-family: 'Bai Jamjuree', sans-serif;
    font-size: 15px;
    /*font-family: "Open Sans", Helvetica Neue, Helvetica, Arial, sans-serif;*/


}
.since{
    font-size: 11px;
    font-family: 'Bai Jamjuree', sans-serif;
    margin-left: 69%;
}

.text {
    background-color: #9b0c05e6;
    color: #fff;
    display: inline-block;
    padding-left: 10px;
    position: absolute;
    top: 30%;
    font-family: 'Courgette', cursive;
    font-size: 20px;
    font-weight: bold;
    height: 65px;
    padding-top: 14px;
    z-index: 1000;
}

.triangle-right {
   width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-left: 50px solid #9b0c05e6;
    border-bottom: 32px solid transparent;
    margin-left: 100%;
    margin-top: -26%;
}
.web_title {
    border: 1px solid;
    width: 30%;
    position: absolute;
    top: 52%;
    color: #fff;
    background-color: #000;
    padding: 4px;
   /* position: fixed;
    z-index: 1000;*/
}
.middel_slider{
	margin-top: 4%;
}
.carousel-control {
    position: absolute;
    top: 85%;
    bottom: 0;
    left: 0;
    width: 12%;
    font-size: 26px;
    color: #fff;
    text-align: center;
    text-shadow: 0; 
    background-color: none; 
    /*filter: alpha(opacity=50);*/
    /* opacity: .5; */
}
.carousel-control.right ,.carousel-control.left {
	background: none;
}
.content {
    /*margin-top: 20%;*/
    width: 86%;
    text-align: justify;
    margin-left: 6%;
}
.sunder_btn {
    margin: 1%;
    margin-left: 26%;
    border: 1px dashed;
    font-size: 11px;
    /* word-spacing: inherit; */
    letter-spacing: 2px;
    font-weight: bold;
}
#bckgrnd
{
	background-image: url("image/sun_ban.jpg");
    background-repeat: no-repeat;
    background-color: #cccccc;
    height: 650px; /* You must set a specified height */
	background-position: center; /* Center the image */
	background-size: cover;

}
.collection_l{
	margin-top: 2%;
	margin-bottom: 4%;

}
.main_contents{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: .04em;
    color: #969696;
    text-align: left;
}

.details {
    width: 100%;
    height: auto;
    padding: 0px 20px;
    top: 0;
    margin-top: 0;
    border: 1px solid #f0f0f0;
}

.details h2 {
    top: 0;
    text-align: left;
    color: #8b8b8b;
    font-size: 18px;
    font-weight: 300;
}
.details p{
bottom: 0;
    text-align: left;
    color: #a8a8a8;
    font-size: 13px;
    margin-top: 3px;
}
/*.sec-heading .sec-divider {
    height: 50px;
}*/
.sec-heading .sec-divider {
    display: inline-block;
    height: 80px;
    width: 1px;
    background: #fff;
}


.contact-form {
    width: 540px;
    margin: 50px auto;
    background: #292929;
    padding: 40px;
    text-align: center;
}


.form label input, .form label textarea {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #4A4A4A;
    font-size: 10px;
    outline: 0;
    padding: 8px 0px;
    transition: all 0.3s;
    width: 100%;
    max-width: 100%;
}


.form label .label-text {
    cursor: text;
    font-size: 10px;
    line-height: 50px;
    text-align: left;
    text-transform: uppercase;
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    transition: all 0.3s;
    position: absolute;
    color: #fff;
}

.contact-form label .label-text {
    color: #fff;
}

.contact-form label input:focus  {
    color: #fff;
}
.contact-form label input{
    color: #fff;
}
.contact-form label {
  display: block;
  padding-top: 29px;
}
button, input {
    overflow: visible;
}


/*Form*/
.form label input:valid + .label-text {
    font-size: 9px;
    -moz-transform: translateY(-74px);
    -ms-transform: translateY(-74px);
    -webkit- transform: translateY(-74px);
    transform: translateY(-74px);
}

.form label input, .form label textarea {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #4A4A4A;
    font-size: 12px;
    outline: 0;
    padding: 8px 0px;
    transition: all 0.3s;
    width: 100%;
    max-width: 100%;
}


.form label input:focus + .label-text {
    font-size: 9px;
    -moz-transform: translateY(-74px);
    -ms-transform: translateY(-74px);
    -webkit-transform: translateY(-74px);
    transform: translateY(-74px);

}
.form label .label-text {
    cursor: text;
    font-size: 10px;
    line-height: 50px;
    text-align: left;
    text-transform: uppercase;
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    transition: all 0.3s;
    position: absolute;
}
/*joinUS*/
.form-heading {
    font-size: 19px;
    font-family: "MyriadPro-Regular";
}
#footer{
	background-color: #000;
}
.foot_para{
	color: #fff;
	padding: 3%;
	padding-top: 6%;
	font-size: 10px;
}
.foot_ul{
	text-align: right;
	padding-top: 2%;
}
.foot_ul>li {
	display: inline-block;
}
.foot_ul>li>a {
	color: #fff;
}
/*.fa {
    padding: 6px;
    font-size: 11px;
    width: 26px;
    text-align: center;
    text-decoration: none;
    margin: 8px 2px;
    border-radius: 50%;
}*/

.fafa {
    padding: 6px;
    font-size: 11px;
    width: 26px;
    text-align: center;
    text-decoration: none;
    margin: 8px 2px;
    border-radius: 50%;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
    background: #212121;
    color: white;
    border: 1px solid #fff;
}

.fa-twitter {
  background: #212121;
  color: white;
  border: 1px solid #fff;

}

.fa-google {
  background: #212121;
  color: white;
  border: 1px solid #fff;

}

.fa-linkedin {
  background: #212121;
  color: white;
  border: 1px solid #fff;

}




.vertical .carousel-inner {
  height: 100%;
}

.carousel.vertical .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
  top: 0;
}

.carousel.vertical .next {
  top: 400px;
}

.carousel.vertical .prev {
  top: -400px;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

.carousel.vertical .active.left {
  top: -400px;
}

.carousel.vertical .active.right {
  top: 400px;
}

.carousel.vertical .item {
    left: 0;
}
.down_icon{
	left: 44%;
}


/*###########################*/
.nav_content1
{
	width: 15%;
    position: absolute;
    margin-top: -41%;
    margin-left: 43%;
}
.nav_custom {
    
    background-color: #171716a6;
    color: #fff;
    border: none;
    border-top: 2px solid orange;
    height: 9%;
}

.car_slider{
	position: relative;
}
.nav_custom_li{
	margin-left: 20%;
	width: 100%;
	margin-top: -4%;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 0px; 
    font-size: 18px;
    line-height: 20px;
}
.nav_abt{
	margin-right: 10%;
}
.nav_col{
	margin-right: 5%;

}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    border-bottom: 2px solid orange;
    font-size: 11px;

}
.navbar-default .navbar-nav>li>a:active {
    color: #fff;
    border-bottom: 2px solid orange;
    font-size: 11px;

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: transparent; 
    border-bottom: 2px solid orange;

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>a:focus, .navbar-default .navbar-nav>a:hover {
    color: #fff;
    background-color: transparent; 
    border-bottom: 2px solid orange;
  


}
.nav_content{
	width: 100%;
	height: 60px;
	
	background-color: orange;

	position: relative;
	
}

.navbar-fixed-top.scrolled ul li a {
  color: #fff !important;
  transition: background-color 200ms linear;
  font-weight: bold;

}
.navbar-fixed-top.scrolled ul{
  margin-top: -1%;
}

.navbar-nav>li>a {
    
     line-height: 0px; 
    font-weight: bold;

}
.nav>li>a {
    position: relative;
    display: block;
    padding: 13px 22px;
    font-weight: bold;
}
.cust_menu_lable{
	margin-top: -15px;
}
.cust_menu_lable>a{
	padding-top: 0px;
}

.effect img{
	transition: transform 5s;
	-webkit-animation: mymove forwards 5s; /* Safari 4.0 - 8.0 */
    animation: mymove forwards 5s;
}
.cust_menu_lable{
	width: 21%;
}
.nav_li{
	margin-top: 1%;
}

@-webkit-keyframes mymove {
   /* 0%   {transform:scale(1.2);}
    25%  {transform:scale(1.3);}
    50%  {transform:scale(1.4);}
    75%  {transform:scale(1.5);}*/
    100% {transform:scale(1.2);}
}

.fabric_slider{
	margin-bottom: 2%;
	margin-top: 2%;

}

.header{
	text-align: center;
    /*text-transform: uppercase;*/
    font-size: 22px;
    padding: 1%;
    /*font-family:"Kameron",Georgia,serif;*/
}
.sec-devider{
	width: 5%;
    border-top: 2px solid #555151;
    /* text-align: center; */
    margin: auto;
    margin-bottom: 2%;
}
.bespoke_h4{
	font-family: "Oswald", Open Sans, Helvetica, Arial, sans-serif !important;
	text-align: center;
	color: #666666;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	margin-top: 20px;
	text-transform: uppercase;
	font-weight: bold;

}
.bespoke_p{
	text-align: center;
    color: rgb(66, 66, 66);
    /**/
   
}
.img_shadow{
	box-shadow: 5px 4px 8px 5px #888888;
    border: 4px solid #df9951;
}
.be_p{
	margin-top: 10%;
   
}
.contact_row{
	margin-top: 0.8%;
}
.cont_img_padd{
	padding-left: 0px;
	padding-right: 0.8%;
}
.cont_img_padd>img{
	border: 3px solid #000;
}
.form-horizontal .address{
	padding-top: 0px;
}
.collection{
	margin-top: 2%;
}
.abt_us{
	margin:2%;
}
/*#homeview-story {
    overflow: scroll;
    width: 72%;
    height: 800px;
}*/
/*#bckgrnd {
    overflow: scroll;
}*/
/*#log{
    height:1000px;
}*/


/*###########################responsive start################*/

/*============================================================
    For Small Desktop
==============================================================*/
@media screen and (max-width: 480px){

.contact-form {
    width: 340px;
    margin: 10px auto;
    background: #292929;
    padding: 10px;
    text-align: center;
}
.send_btn{
    font-size: 10px;
}
.collaps_background{
    background-color: #050404ba;
}
.nav_custom_li {
    margin-left: 35%;
     width: 50%; 
     margin-top: 0%; 
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}
.middel_slider {
    margin-top: 6%;
}
.down_icon {
    left: 44%;
    top: 76%;
}
.text {
    background-color: #9b0c05e6;
    color: #fff;
    display: inline-block;
    padding-left: 10px;
    position: absolute;
    top: 14%;
    font-family: 'Courgette', cursive;
    font-size: 12px;
    font-weight: bold;
    height: 45px;
    padding-top: 8px;
    z-index: 1000;
}
.triangle-right {
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-left: 50px solid #9b0c05e6;
    border-bottom: 32px solid transparent;
    margin-left: 100%;
    margin-top: -38%;
}
.since {
    font-size: 9px;
    font-family: 'Bai Jamjuree', sans-serif;
    margin-left: 61%;
}
.navbar-brand>img{
    width: 39%;
    }
}