/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
	font-family: Raleway;
    height: 100%;
}

body {
    padding-top: 10px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 70%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
	header.carousel .carousel {
        height: 100%!important;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 100%!important;
    }
}
.bgcolortop{
	background-color: #ffffff;
	border-color:#ffffff;
}
.txtalignformenu{
	text-align:center;
}
.dispinline{
	display:inline-block!important;
}
.dispblock{
	display:block;
}
.midbutton{
	width:80%;
	text-align:center;

}
.fnone{
	float:none!important;
}
.mheightloho{
	max-width:100%;
	max-height:110px;
	margin-bottom:10px;
}
.mtopslider{
	margin-top:0px;
}
.colstylefor{
	background-color:#ffffff!important;
	border-color:#ffffff!important;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
	 background: url("../images/buttonbg.png") ;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:active {
  background: url("../img/buttonbg.png") no-repeat center center;
    color: #fff;
    background-color: transparent;
	 background-size: 100% 100%;
	 min-width:207px;
	max-width:207px;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
  background: url("../img/buttonbg.png") no-repeat center center;
    color: #fff;
    background-color: transparent;
	 background-size: 100% 100%;
	 min-width:207px;
	max-width:207px;
}
.breadbgcolor{
	    background-color: rgba(245, 245, 245, 0);
}
.upbread{
	    border-bottom: 1px solid rgba(238, 238, 238, 0);
}
a {
    color: #5D275C;
    text-decoration: none;
}
.text-align-forwords{
	text-align:justify;
}
.borderborder{
	border-right-style:  solid ;
	line-height: 12px;
	border-left-style: solid ;
	 border-width: 1px;
	 border-color:#5D275C;
	
}
.mwi{
	width:100%;
}



/*------------- Form ---------------*/

.nb-form {
    position: fixed;
    z-index: 9999;
    width: 300px;
    background: #FFF;
    right: 20px;
    bottom: -593px;
    transition: all .8s cubic-bezier(.22, .67, .43, 1.22) .2s;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
}


/*-- User Icon --*/

.nb-form .user-icon {
    position: absolute;
    top: -49px;
    right: 12px;
    display: block;
    width: 58px;
    margin: 20px auto 15px;
    border-radius: 100%;
}

/*-- Title --*/

.nb-form .title {
    background: #5D275C;
    font-size: 16px !important;
    padding: 10px 18px !important;
    color: #fff !important;
    border-radius: 10px 10px 0 0;
}

/*-- Text --*/

.nb-form p {
    font-size: 13px;
    margin: 0;
    padding: 15px;
    color: #666;
}

.nb-form p.message {
    margin-left: 7px;
}

/*-- Form Elements --*/

.nb-form form {
    padding: 0 15px 15px 15px;
}

.nb-form input,
.nb-form textarea {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    width: 254px;
    max-width: 254px;
    margin-bottom: 10px;
    margin-left: 7px;
    padding: 6px;
    border: none;
    border-radius: 4px;
    color: #999;
    border-bottom: 1px solid #f0f0f0;
}

.nb-form input:focus,
.nb-form textarea:focus {
    outline: none;
    box-shadow: none;
}

.nb-form input[type='submit'] {
    display: block;
    width: 120px;
    margin: 0 auto;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    cursor: pointer;
    transition: all .4s ease;
    color: #fff !important;
    border: none;
}

.nb-form input[type='submit']:hover {
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.07),0 1px 7px 0 rgba(0,0,0,0.02),0 3px 1px -1px rgba(0,0,0,0.1);
}

.nb-form textarea {
    min-height: 110px;
}


.nb-form ::-webkit-input-placeholder {
    color: #ccb0b0;
}

.nb-form ::-moz-placeholder{
    color: #ccb0b0;
}

.nb-form :-ms-input-placeholder {
    color: #ccb0b0;
}

.nb-form :-moz-placeholder {
    color: #ccb0b0;
}

.nb-form input[type='submit'] {
    background: #5D275C;
}

@media screen and (max-width: 676px) {
    .nb-form:hover .user-icon {
        display: none;
    }

    .nb-form .message {
        display: none;
    }

    .nb-form form {
        padding-top: 15px;
    }
    .nb-form{
        right: 50%;
        bottom: -505px;
        left: 50%;
        transform: translateX(-50%);
    }
}
.gallery
{
    display: inline-block;
    margin-top: 20px;
}
..nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{
    border: 2px solid #5c265a;
    background-color: #E4E4E4;
    border-bottom: none;
	
	}
	.nav-tabs.nav-justified>li:focus{
	 border: 2px solid #5c265a;
    background-color: #E4E4E4;
    border-bottom: none;
	
	}
	.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #000;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #fff;
}





@media screen and (max-width: 676px) {
  .mtopmm{
	margin-top:-50px;
  }
  .mheightloho {
    max-width: 70%;
    max-height: 110px;
    margin-bottom: 0px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
     border-color: rgba(16, 16, 16, 0);
}
.borderborder {
 border-right-style:none;
	border-left-style:none;
	
	
    
}
.newborder:before{

  content : "";
  position: absolute;
  left    : 10%;
  bottom  : 0;
  height  : 1px;
  width   : 80%;  /* or 100px */
  border-bottom:1px solid #5D275C;

}

}
















/* custom inclusion of right, left and below tabs */

.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
      background-color: #ebebeb;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}


.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;

}
.shadowreset{
	    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}
.mtopbotpannel{
	    margin-top: 20px;
}
.contactmbottom{
	margin-bottom:20px;
}
.ftextcolor{
    color: rgb(169, 169, 169);
}
.fallcolor{
	color: #333333!important;
}
.ficonstyle{
		background: url("../img/facebook.png") no-repeat center center;
	    margin-right: 5px;
    margin-bottom: 7px;
}
.ficonstyle:hover{
		background: url("../img/facebook-over.png") no-repeat center center;
	    margin-right: 5px;
    margin-bottom: 7px;
}
.facebookdiv {
    background: url("../img/facebook3.png") no-repeat center center;
	width:8px;
	height:14px;
	    display: inline-block;
		 margin-right: 5px;
    
}
.facebookdiv :hover,.facebookdiv :active {
    background: url("../img/facebook-over.png") no-repeat center center;
	width:8px;
	height:14px;
	    display: inline-block;
	 
		 margin-right: 5px;
}
.instagramdiv {
    background: url("../img/instagram3.png") no-repeat center center;
	width:13px;
	height:14px;
	    display: inline-block;
		 margin-right: 5px;
    
}
.instagramdiv :hover,.instagramdiv :active {
    background: url("../img/instagram-over.png") no-repeat center center;
	width:13px;
	height:14px;
	    display: inline-block;
	 
		 margin-right: 5px;
}
.youtubediv {
    background: url("../img/youtube.png") no-repeat center center;
	width:17px;
	height:14px;
	    display: inline-block;
		 margin-right: 5px;
    
}
.youtubediv :hover,.youtubediv :active {
    background: url("../img/youtube-over.png") no-repeat center center;
	width:17px;
	height:14px;
	    display: inline-block;
	 
		 margin-right: 5px;
}
.whatsapp {
    background: url("../img/whatsapp.png") no-repeat center center;
	width:15px;
	height:15px;
	    display: inline-block;
		 margin-right: 5px;
    
}
.whatsapp :hover,.whatsapp :active {
    background: url("../img/whatsapp-over.png") no-repeat center center;
	width:15px;
	height:15px;
	    display: inline-block;
	 
		 margin-right: 5px;
}
.overlayfmm{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
    background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
}
.slidercssreset,.slidercssreset:hover{
    background-image: none!important;
}
.sliderleftandrightbackground{

	background-color:#ebebeb;
}
.slidericoncolor{

	color: #5d275c;
}

@media (min-width: 768px) {

}
@media(max-width:767px){
 header.carousel {
    height: 84%;
}
.nb-form form {
    padding-top: 0px;
}
.sbulletmbot{
	margin-bottom:90px;
}
.upbread {
  margin-top:5px;
   margin-bottom:5px;
}
.socialdivstyle{
    float: none!important;
    display: inline-block!important;
    overflow: hidden!important;
    margin-top: 0px!important;
	margin-right: 0px!important;
}
}
@media(min-width:768px){ 
header.carousel {
    height: 84%;
}
.nb-form form {
    padding-top: 0px;
}
.sbulletmbot{
	margin-bottom:40px;
}

}
@media(min-width:992px){ 

header.carousel {
    height: 80%;
}
.nb-form form {
    padding-top: 0px;
}
.sbulletmbot{
	margin-bottom:40px;
}
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 40px;
    height: 48px;
    margin-top: -10px;
    font-size: 40px;
	}
	.carousel-caption {
	    padding-bottom: 100px;
	
	}
	
	.minilogofooter{
	 background-image: url('../img/imylogo.png') ;
	  background-repeat: no-repeat;
    
    background-position: center; 
	background-size:70px 80px;
	width:70px;
    max-height: 80px;
	min-height: 80px;
    margin-bottom: 10px;
	margin-right:auto;
	margin-left:auto;
	}
	.minilogofooter:hover{
	background-image: url('../img/imylogo2.png') ;
	
	}
	.pb{
	padding-bottom:20px;
	}
	.mainpanelimg1{
	 background-image: url('../img/katplani.png') ;
	  background-repeat: no-repeat;
    
    background-position: center; 
	background-size:51px 51px;
	width:70px;
    max-height: 80px;
	min-height: 80px;
    margin-bottom: 10px;
	margin-right:auto;
	margin-left:auto;
	
	}
	.mainpanelimg1:hover{
	 background-image: url('../img/katplani2.png') ;
	}
	.mainpanelimg2{
	 background-image: url('../img/ornekdaire.png') ;
	  background-repeat: no-repeat;
    
    background-position: center; 
	background-size:51px 51px;
	width:70px;
    max-height: 80px;
	min-height: 80px;
    margin-bottom: 10px;
	margin-right:auto;
	margin-left:auto;
	
	}
	.mainpanelimg2:hover{
	 background-image: url('../img/ornekdaire2.png') ;
	}
	.mainpanelimg3{
	 background-image: url('../img/katalog2.png') ;
	  background-repeat: no-repeat;
    
    background-position: center; 
	background-size:50px 50px;
	width:70px;
    max-height: 80px;
	min-height: 80px;
    margin-bottom: 10px;
	margin-right:auto;
	margin-left:auto;
	
	}
	.mainpanelimg3:hover{
	 background-image: url('../img/katalog.png') ;
	}
	.socialimage {
	

    position: absolute;
    top: 0px;
    right: 20%;
	}
	.socialimage1  {
	

    position: absolute;
    top: 0px;
    right: 22%;
	}
	.socialimage2 {
	

    position: absolute;
    top: 0px;
    right: 24%;
	}
	.socialimage3 {
	

    position: absolute;
    top: 0px;
    right: 26%;
	}
	.mrfsi{
	
	margin-top:10px;
	margin-right:20px;
	}
	.wfkp{
	width:100%
	}
	.newclassforcheck{
	position:relative!important;
	width:50px!important;
	
	}
	.hmarginh{
		margin-top:10px;
	}
	.hmarginhh{
		margin-top:-7px;
	}
	.secondbgformenu{
	    background: white!important;
		color:#9d9d9d!important;
		   min-width: 100%!important; 
     max-width: 100%!important;
    }
	.navbar-inverse .navbar-nav>li>secondbgformenu:active,.secondbgformenu:active{
	    background: white!important;
 
    color: #5d275c!important;
	      min-width: 100%!important; 
     max-width: 100%!important;
	}
	.navbar-inverse .navbar-nav>li>secondbgformenu:hover,.secondbgformenu:hover{
	    background: white!important;
   
    color: #5d275c!important;
	     min-width: 100%!important; 
     max-width: 100%!important;
	}
	
	.navbar-inverse .navbar-nav>li>.secondbgformenu:focus, .navbar-inverse .navbar-nav>li>.secondbgformenu:hover {
	 background: white!important;
   
    color: #5d275c!important;
	     min-width: 100%!important; 
     max-width: 100%!important;
}
.navbar-inverse .navbar-nav>li>.secondbgformenu:focus, .navbar-inverse .navbar-nav>li>.secondbgformenu:hover, .navbar-inverse .navbar-nav>li>.secondbgformenu:active {
   background: white!important;
   
    color: #5d275c!important;
	     min-width: 100%!important; 
     max-width: 100%!important;
}
.navbar-inverse .navbar-nav>.active>.secondbgformenu, .navbar-inverse .navbar-nav>.active>.secondbgformenu:focus, .navbar-inverse .navbar-nav>.active>.secondbgformenu:hover{
   background: white!important;
   
    color: #5d275c!important;
	     min-width: 100%!important; 
     max-width: 100%!important;
}
.socialdivstyle{
    float: right;
    display: inline-block;
    overflow: hidden;
    margin-top: -130px;
	margin-right: 130px;
}
.sliderfloat{

	float:left;
}
.txtlftfloat{

	display:inline-block;
	float:left;
}
.txtrghtfloat{

	display:inline-block;
	float:right;
}
.divcss{
	    width: 100%;
    display: block;
    overflow: auto;

}
.mbotforasd{
	margin-bottom:20px;
}
.slidercaptionst{
	    background-color: rgba(93, 39, 92, 0.54);
		padding:20px;
		

}
.widthforpp{
	width:64%;

}
.widthforpp2{
	width:99%;

}
.notextdec{
	    text-decoration: none;
}
.mright{
	margin-right:0px;
}
.phoneicon{
    width: 7%;
	margin-right:20px;

}
.mtop1{
	margin-top:11px;
}
.mtop2{
	margin-top:13px;
}





#gallery{
float: left;
width: 100%;
}
#gallery-header{
height: 100px;
width: 100%;
float: left;
}
#gallery-header-center{
	height: 100px;
	
	margin-right: auto;
	margin-left: auto;
}
#gallery-header-center-left{
	float: left;
	height: 35px;
	line-height: 35px;
	margin-top: 32px;
}
#gallery-header-center-left-icon{
	float: left;
	height: 35px;
	width: 35px;
	background-color: rgb(93, 39, 92);
	color: rgba(255,255,255,1);
	text-align: center;
	font-size: 20px;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
#gallery-header-center-left-icon:hover {
	background-color: rgba(93, 39, 92, 0.63);
	cursor: pointer;
}
#gallery-header-center-left-title{
	float: left;
	height: 35px;
	font-size: 25px;
	color: #77777b;
	
}
#gallery-header-center-right{
	float: right;
	height: 35px;
	margin-top: 32px;
	line-height: 35px;
}
.gallery-header-center-right-links {
	color: #333333;
	float: left;
	height: 35px;
	padding-right: 20px;
	padding-left: 20px;
	
	font-size: 16px;
	font-weight: 400;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.gallery-header-center-right-links:hover {
	background-color: rgb(93, 39, 92);
	color: rgba(255,255,255,1);
	cursor: pointer;
}
.gallery-header-center-right-links-current {
	color: #FFFFFF;
	background-color: rgb(93, 39, 92);
}
.gallery-header-center-right-links-current:hover {
	background-color: rgba(93, 39, 92, 0.63);
}
#gallery-content{
	float: left;
	width: 100%;
}
.gallery-content-center-normal {
	
	margin-right: auto;
	margin-left: auto;
}
.gallery-content-center-full {
	float: left;
	width: 100%;
}
#gallery-content-center img {
	
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin-bottom: 10px;
}
.mbotm{
	margin-bottom:10px;
}
.pbother{
	padding-left:0px;
	padding-right:0px;
}