body { 
/*	background:url(../images/bg.png);
	background-color:#000;*/
	font-family:Arial, Helvetica, sans-serif;
}

/*==*/
.info-tab23 {
	    width: 36px;
    height: 50px;
    float: left;
    margin-left: -21px;
    position: relative;
    top: 6px;
    background: url("../images/sprite.png") no-repeat;
}
.note-boxw {
    color: #144261;
    background: #d5e9f6;  padding: 10px 25px 25px 35px !important;
}
/*end ==*/
.footer__headings{font-weight: normal; color:#00305B; line-height: 1; font-size:16px !important; padding-bottom:20px; text-transform:uppercase; }
/*===*/

.s ul { padding-left:20px; list-style:none; }
.s li { margin-bottom:20px; }
.s li:before {    
    font-family: 'FontAwesome';
    content: '\f067';
    margin:0 10px 0 -15px;
	color:#41B7C4;
}    
/*end===*/

.navbar-default{
	background:#fff;
	border:1px #fff solid !important; 
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color:#487185;
}

.navbar-default .navbar-nav > li > a {
    color: #7095B6;
}


.blog-center-padding{
	background-color:#272727;
	padding:10px;
}

.blog-center-job{
	background-color:#fff;
	padding:10px;
}

.blog-right-padding{
	background-color:#F4F5F7;
	border:#666 solid 1px;
	padding:10px;
}

a{ color:#F60; text-decoration:none;}
p{ font-size:12px; color:#cccfda;}

/*=========================
  Icons
 ================= */

/* social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}


/* social icons */
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 20px;
	height: 20px;
	font-size:10px;
}
.social-circle li i {
	margin:0;
	line-height:20px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

.social-circle1 li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 40px;
	height: 40px;
	font-size:20px;
}
.social-circle1 li i {
	margin:0;
	line-height:40px;
	text-align: center;
}

.social-circle1 li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle1 i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

ul.social-network li a {
 background-color: #F60;   
}


/*=========================
  End Icons
 ================= */
 
 
/*make triangle center
================================================================*/

.uparrowdiv, .leftarrowdiv {
width:510px;
min-height:40px; /*min height of DIV should be set to at least 2x the width of the arrow*/
background: #272727;
color:#cccfda;
padding:5px;
position:relative;
word-wrap:break-word;
-moz-border-radius:5px; /*add some nice CSS3 round corners*/
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:2em;


}


.leftarrowdiv:after{ /*arrow added to leftarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:50px;
left:-20px; /*should be set to -border-width x 2 */
width:0;
height:0;
border-color: transparent #272727 transparent transparent; /*border color should be same as div div background color*/
border-style:solid;
border-width: 10px;

}

/*End make triangle center
================================================================*/



/*make triangle left and right
================================================================*/


.tri-down {

    /* Styling block element, not required #f3f3f3*/
    position: relative;
    margin-bottom: 2em;
    padding: 1em;
    border-bottom: 1px solid #999;
    background: #F4F5F7;
	color:#FFF;
  }

  /* Required for Down Triangle */
  .tri-down:before, .tri-down:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
  }

  /* Stroke */
  .tri-down:before {
    bottom: -16px;
    left: 21px;

    /* If 1px darken stroke slightly */
    border-top-color: #777;
    border-width: 16px;
  }

  /* Fill */
  .tri-down:after {
    bottom: -15px;
    left: 22px;
    border-top-color: #F4F5F7;
    border-width: 15px;
  }
  
/*End make triangle left and right
================================================================*/


/*HOME SLIDER*/

#main-slider .carousel-indicators li {
  width: 10px;
  height: 10px;
  background-color: #fff;
  margin: 0 15px 0 0;
  position: relative;
}
#main-slider .carousel-indicators li:after {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #FFF;
  left: -3px;
  top: -3px;
}

#main-slider .carousel-indicators .active{
  width: 10px;
  height: 10px;
  background-color: #EF2229;
   margin: 0 15px 0 0;
   border: 1px solid #EF2229;
   position: relative;
}

#main-slider .carousel-indicators .active:after {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background: #EF2229;
  border: 1px solid #EF2229;
  left: -3px;
  top: -3px;
}

#main-slider .prev,
#main-slider .next {

  margin-top: 0px;

}



.carousel-fade {
    .carousel-inner {
        .item {
            transition-property: opacity;
        }
        
        .item,
        .active.left,
        .active.right {
            opacity: 0;
        }

        .active,
        .next.left,
        .prev.right {
            opacity: 1;
        }

        .next,
        .prev,
        .active.left,
        .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
        }
    }


}


html, 
body, 
.carousel, 
.carousel-inner, 
.carousel-inner .item {
    height: 100% !important;
}

#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}


.clearAll{
	clear:both !important;
}


@media (max-width: 767px) {
  .hidebg{
	  background:url(../images/stylist767.jpg) no-repeat;
	  } 
  .hideslider{
	  display:none;
	  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidebg{
	  background:url(../images/stylist900.jpg) no-repeat;
	  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidebg{
	  background:url(../images/stylist1200.jpg) no-repeat;
	  }
}

@media (min-width: 1200px) {
  .hidebg{
	  background:url(../images/stylist.jpg) no-repeat;
	  } 
}

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