@charset "utf-8";
/* CSS Document */
/*-----------------------top_bar start-------------*/
body{    overflow-x: hidden;}
.top_bar{ background:#000000}
.top_bar p{ color:#FFF; font-family: 'Raleway', sans-serif; padding-top: 20px;}
.top_bar a{ color:#FFF}
.top_bar a:hover{ color:#F00; text-decoration:none}
.top_bar p .fa{ margin-right:5px}
.top_bar ul {    margin-top: 7px; float: right;}
.top_bar ul li{list-style: none;
    display: inline-block;
    float: left;
    margin: 5px;
    padding-top: 10px;}
.top_bar ul li a{padding-left: 14px; color:#FFF }
.top_bar ul li a:hover {color: #337ab7;}

.top_bar ul li:nth-child(2) a:hover {
   color: #dc4a38;
}
.top_bar ul li:nth-child(3) a:hover {
   color: #1da1f2;
}
.top_bar ul li:nth-child(4) a:hover {
  color:#ff0000;
}
/*-----------------------top_bar ends-------------*/
/*-----------------------header start-------------*/
.logo{    margin-top: 11px;}

.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
	margin-bottom: 0;
}
header { background:#FFF; border-bottom:1px solid #bdbdbd; }
.nav>li>a {font-family: 'Raleway', sans-serif; font-size: 18px; color:#000 !important; padding: 0;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {color: #f00 !important;
    background-color: transparent;
    border-bottom: 3px solid #f00;
	transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    padding-bottom: 4px;
    }
	.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {color: #f00 !important;
    background-color: transparent;
    border-bottom: 3px solid;
    padding-bottom: 4px;
	-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    }
	.navbar-nav>li {
    margin: 15px;
}
.navbar-nav {
    margin: 0;
    margin-top: 21px;
}
.Book_appoint {    margin-top: 36px;}
.Book_appoint a{    color: #FFF;
    background: #e70a12;
    padding: 13px;
    text-decoration: none;
    border-radius: 5px; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;}

.Book_appoint a:hover {
    opacity: 1;
    width: 100%;
	color:#FFF;
	background: #000;
}


/*-----------------------header ends-------------*/
/*-----------------------banner Start-------------*/
.carousel-control.right{ background-image:none;}
.carousel-control.left{ background-image:none;}
/*-----------------------banner ends-------------*/
/*-----------------------Service_box Start-------------*/
.Service_box{ background:url(../images/full-bloom.png) repeat; padding-bottom: 50px;}
.service_img img{ max-width: 130% !important;}
.titel_div{ text-align:center;     padding: 20px;}
.titel_div h2{font-family: 'Raleway', sans-serif; font-weight:bold; text-transform:uppercase; text-align:center;     font-size: 40px; /*border-bottom:6px solid #eeeded;*/ display:inline-block; position:relative; padding: 0px 0px 22px 0px;}
 .titel_div h2:after{ background:#F00; width:80px; height:6px; content:""; position:absolute; bottom: 0px;
z-index:2; left:0px;
	right:0px;
	margin:0 auto;}
  
.titel_div h2:before{
	content:"";
	width:245px;
	height:6px;
	background-color:#eeeded;
	position:absolute;
	left:0px;
	right:0px;
	margin:0 auto;
	bottom:0px;
	}
  
  


.panel-default>.panel-heading {
    color: #333;
    background-color: #ffffff;
    border-color: #ddd;
}
.panel-title a{ text-decoration:none; font-family: 'Raleway', sans-serif; text-transform:uppercase; display: block;}
.panel-heading {
    padding: 14px 15px;
}

.panel-heading .fa { float:right}

.active  .panel-title a { color: #ff0000 !important}

.more_link { text-align:right; margin-top:60px;}
.more_link a{ text-decoration:none; color:#F00; font-family: 'Raleway', sans-serif;
    font-weight: bold;
    font-size: 20px;}
/*-----------------------Service_box end-------------*/
/*-----------------------why_choose_box Start-------------*/
.why_choose_box{ background:url(../images/whychoose.png);     position: relative;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover; position: relative; padding:50px 0px 100px 0px}

/*-----------------------Service_box end-------------*/
.Service_div{
	background: rgba(199,199,199,1);
	position:relative;
	background: -ms-linear-gradient(top, rgba(199,199,199,1) 0%, rgba(255,255,255,1) 52%, rgba(199,199,199,1) 100%);
	background: linear-gradient(to bottom, rgba(199,199,199,1) 0%, rgba(255,255,255,1) 52%, rgba(199,199,199,1) 100%);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08);
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
	margin-top:30px;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    transition: all 0.3s;
	padding: 8px;
	border-radius:10px;
	text-align:center;
	min-height: 517px;
}
.Service_div:hover{ transition: all 0.3s;    background: linear-gradient(to bottom, rgba(199,199,199,1) 0%, rgba(255,255,255,1) 52%, rgb(255, 241, 241) 100%);}
.Service_img{ overflow:hidden;}
.Service_div h2{    background: #ff0808;
    padding: 6px;
    color: #ffffff;
	border-radius: 9px;}
.Service_div_border {
    border: 1px solid #616161;
    padding: 8px;
	border-radius:10px;
	min-height: 517px;
}
.Service_div:hover:before {
     content: "";
    width: 106%;
    height: 30px;
    background-image: url(../images/newsletterbox.png);
    background-position: top right;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -30px;
    left: 10%;
    left: 2%;

}
.Service_div:hover .Service_div_border {
    border: 1px solid #F00;
}
.Service_div img{transition: all 0.3s;}
.Service_div:hover img{ transform: scale(1.5) rotate(10deg);}

.why_choose_counter { font-family: 'Roboto', sans-serif;    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: #000000;
    text-align: center;
    border: 4px solid #ffffff;
    color: #ffffff;     padding-top: 72px;     text-transform: uppercase; display:block; margin:0 auto; margin-top:20px;}
	.why_choose_counter h2:before{     background: #F00;
    width: 140px;
    height: 2px;
    content: "";
    position: absolute;
    bottom: -6px;
    z-index: 2;
    left: 50%;
    margin-left: -70px;
	
	}
	.why_choose_counter h2{ font-weight:normal; font-size:24px; position:relative}
	.why_choose_counter h3{ font-size:50px}
	.why_choose_box .titel_div h2{ color:#FFF;     margin-bottom: 50px;}
	.why_choose_box:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .75);
    position: absolute;
    top: 0;
    left: 0;
}
.Testimonia_div { background: url(../images/Testimonial.jpg) no-repeat; background-size: cover;     padding-bottom: 50px; }
.Testimonial_box {    background: #efeeee;
    text-align: center;
    position: relative;
    padding: 8px;
	font-size:18px;
	 font-family: 'Raleway', sans-serif;
	 margin: 0px 15px;
	 cursor:pointer;
	 transition: all 0.3s;
    }
.Testimonial_box:hover	{-webkit-box-shadow: -4px 4px 7px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: -4px 4px 7px 0px rgba(0,0,0,0.55);
    box-shadow: -4px 4px 7px 0px rgba(0,0,0,0.55); background: #F00; color:#FFF ; }
	.Testimonial_box:hover .Testimonial_box_border{ border:1px solid #FFF; }
	
.clint_img { width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: -20%;
    left: 50%;
    margin-left: -70px;
    border: 4px solid #ffffff;}
	.Testimonial_box_border{ border:1px solid #333; padding:8px; padding-top: 70px;}
	.Testimonial_box p{ padding-bottom:20px;}
	.Testimonial_box h4 span{ color:#F00; transition: all 0.3s;}
	.Testimonial_box:hover  span{ color:#000 !important; font-weight: bold;}
	.owl-carousel.owl-drag .owl-item {     padding-top: 100px;
	padding-bottom:20px
    }
	.Gallery_img { border-radius:15px ; overflow:hidden; position:relative;     margin: 15px 0px; max-height: 260px;}
	.Gallery_img:after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 0%;
    display: block;
	background:#000000a8;
	visibility:hidden;
	transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}
.Gallery_img:hover:after {
    visibility: visible;
    opacity: .9;
	 height: 100%;
}
	.zoom {
    transition: .9s ease;
    position: absolute;
    opacity: 0;
    top: 40%;
    left: 40%;
    z-index: 2;
    border-radius: 50%;
    
}
.zoom a .fa{transform: rotate(45deg);}
.zoom a{color:#F00; font-size:40px;}
.Gallery_img:hover .zoom{ opacity:1}
.owl-theme .owl-nav {
    margin-top: 10px;
    display: none;
}
.media_box_div h2{  font-family: 'Raleway', sans-serif; color:#FFF; margin-left:20px;}
.media_box_div h2 img{ margin-right:20px;}
.media_box_img{ width:30%; height:200px; overflow:hidden; display:inline-block; float:left;     margin-right: 20px;}
.media_box_content{  color:#FFF; font-size: 20px; font-family: 'Roboto', sans-serif;}
.media_box_content span a{ color:#F00; text-decoration:none}
.media_box{ margin-top:20px; border-top:2px solid #F00; padding-top:20px;}
.media_box_div {
    background:url(../images/media_box.jpg);
    position: relative;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 50px 0px 100px 0px;
	background-position:center
}
.media_box_div:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .75);
    position: absolute;
    top: 0;
    left: 0;
}
footer{ background:#101010; color:#FFF;  font-family: 'Roboto', sans-serif; padding: 50px 0; }
footer p span{ font-family: 'Roboto', sans-serif; text-transform:uppercase; font-size:30px; border-bottom:1px #CCCCCC solid; padding-bottom:5px;     display: block;}
footer a{ color:#FFF; text-decoration:none;}
footer a:hover{color:#F00; text-decoration:none}
footer p{ font-size:21px;}
.footer_link ul { padding-left:0}
footer p .fa{ margin-right:10px;}
.footer_link ul li { list-style:none; font-size:21px; margin-bottom:10px;}
.footer_link ul li a{ color: #FFF; text-decoration:none; position:relative}
.footer_link ul li a:hover{ color:#f00 ; transition: all 0.3s;}
.footer_link ul li a:before {
   font-family: FontAwesome;
   content: "\f192";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;
   }
    .Follow_Us ul{ padding-left:0}
   .Follow_Us li{ list-style:none; display:inline-block; float:left; width:85px; height:85px; margin:8px;      text-align: center; padding-top: 14px;}
   .Follow_Us li:nth-child(1){background:#3b5998;}
   .Follow_Us li:nth-child(2){background:#0077b5;}
   .Follow_Us li:nth-child(3){background:#ea4335;}
   .Follow_Us li a{ color:#FFF; font-size:40px; display:block}
   .Copyright_div{ background:#3e3e3e; font-family: 'Raleway', sans-serif; padding:16px 0px;     color: #abaaaa;}
   .Copyright_div p{ margin-bottom:0; font-family: 'Roboto', sans-serif;}
   
   
   /*--------------------------------About Us--------------------------------------------------*/
   .about_box {background: url(../images/what-the-hex.png);}
   .about_box h2{    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    text-transform: uppercase; padding-top:40px}
	.about_box p { padding-bottom:40px}
   .About_div{font-family: 'Raleway', sans-serif; background: url(../images/serviceBg.jpg); background-size:cover; background-position: center; padding:150px 0px;     background-attachment: fixed; position:relative; z-index:1   }
      .About_div2{font-family: 'Raleway', sans-serif; background: url(../images/serviceBg3.jpg); background-size:cover; background-position: center; padding:150px 0px;     background-attachment: fixed; position:relative; z-index:1   }
   .About_div:before {
   content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 55, 255, 0.39);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.About_div2:before {
   content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 55, 255, 0.39);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.About_div3 {font-family: 'Raleway', sans-serif; background: url(../images/serviceBg4.jpg); background-size:cover; background-position: center; padding:150px 0px;     background-attachment: fixed; position:relative; z-index:1   }
.About_div3:before {
   content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 55, 255, 0.39);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.About_div4 {font-family: 'Raleway', sans-serif; background: url(../images/serviceBg2.jpg); background-size:cover; background-position: center; padding:150px 0px;     background-attachment: fixed; position:relative; z-index:1   }
.About_div4:before {
   content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 55, 255, 0.39);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.About_div5 {font-family: 'Raleway', sans-serif; background: url(../images/serviceBg5.jpg); background-size:cover; background-position: center; padding:150px 0px;     background-attachment: fixed; position:relative; z-index:1   }
.About_div5:before {
   content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 55, 255, 0.39);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
  .About_div h1{
	    margin: 0 auto;
    display: table;
    padding-bottom: 10px;
    border-bottom: 8px solid;
    text-align: center;
    font-size: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 0px 3px 3px rgba(62, 62, 62, 0.18), 1px 5px 13px rgba(0,0,0,0.1), 0px 5px 20px rgba(0,0,0,0.1);
}
	.About_div h1 span{ color:#F00}
.About_div p	{     color: #ffffff;
    text-align: center;
    font-size: 24px;
    margin-top: 20px;
    font-family: 'Roboto', sans-serif;}
.About_div p a{ text-decoration:none; color: #ff0202;
    font-weight: bold;}
.About_div p a:hover{ color:#F00}
.About_content { background: url(../images/full-bloom.png) repeat; padding:50px 0px; overflow-x: hidden;} 
.About_content p{ font-size:20px; font-family: 'Roboto', sans-serif;  font-size:16px; text-align:justify}
.About_content p strong{ font-size: 20px;}
.About_content h3{font-family: 'Roboto', sans-serif; font-size: 20px;
    color: #ff0000;
	
}
.About_slider{ border:10px solid #FFF;    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12),
            0 2px 4px 0 rgba(0,0,0,0.08);}
.priceview{
    width: 100%;
    height: 900px;
    border: none;
}
.Priceing_div { background:url(../images/Testimonial.jpg); padding:50px 0px}
.Gallery_div { padding-top:50px;
padding-bottom:50px;}
.Collection{ background: url(../images/full-bloom.png);}

.panel-body img{ cursor:pointer; width:40%; float:left; margin-right:20px; border:5px solid #eeeded; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08); -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s; overflow:hidden}
.panel-body img:hover{ border:5px solid #F00;}
.contact-area h2{font-family: 'Roboto', sans-serif;     text-transform: uppercase; margin-top:0 ; margin-bottom: 20px;}
.bg-gray {
    background-color: #f5f6f6;
	padding: 40px 15px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08);
}
.bg-white { background-color: #FFF;
	    padding: 14px;
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08);}
.bg-gray input {
    height: 50px;
	width: 100%;
}
.bg-white:before {
    content: "";
    width: 100%;
    height: 30px;
    background-image: url(../images/newsletterbox.png);
    background-position: top right;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -30px;
}
.bg-gray:before {
    content: "";
    width: 100%;
    height: 45px;
    background-image: url(../images/sliShado.png);
    background-position: top center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -45px;
	left: 0px;
    right: 0px;
    margin: 0 auto;
}

.input-group {
    display: block;
}
 input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 100%;
	padding-left: 5px;
}
.no-margin {
    margin: 0!important;
    list-style: none;
	padding-left:0
}
 .icon-bx-wraper.left .icon-bx-xs {
    float: left;
    margin-right: 20px;
	text-align:center;
	    margin-top: 10px;
}
.icon-bx-xs i {
    font-size: 20px;
    color: #fffcfc;
}
.icon-content {
    overflow: hidden;
}
 .border-1 {
    border: 1px solid #F00;
	    padding: 20px;
}
.bg-primary{     background-color: #F00;}
.icon-bx-xs {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.site-button {
        height: 50px;
    width: 25%;
    background-color: #F00;
    display: table !important;
    margin: 0 auto;
}
.site-button, .site-button-secondry {
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    outline: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    line-height: 1.42857;
    border-radius: 3px;
    font-weight: 400;
}
.icon-bx-lg i, .icon-bx-md i, .icon-bx-sm i, .icon-bx-xl i, .icon-bx-xs i {
    vertical-align: middle;
}
.dez-social-icon-lg.dez-social-icon li {
    display: inline-block;
    font-size: 12px;
    padding: 0;
	list-style:none
}
.dez-social-icon-lg li a {
    color: #ffffff;
    font-size: 14px;
    height: 35px;
    line-height: 34px;
    padding: 0;
    width: 35px;
	text-decoration:none;
	padding-left:10px
}
.dez-social-icon-lg {
    border-top: 1px solid #eeeeee;
    padding-top: 20px;
    text-align: left;
    width: 100%;
    margin: 0;
}
.map {border: 10px solid #FFF;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08);
	margin:50px 0px
}
.scrolling {    left: 0;
    padding: 15px 0px;
    position: fixed;
    top: -15px;
    width: 100%;
    z-index: 100;
    background: #ffffffc2;
}


.dez-social-icon a.bg-primary:focus,.dez-social-icon a.bg-primary:hover {
    background-color: #212121 !important;;
}
.carousel-control.right{ background-image:none;}
.carousel-control.left{ background-image:none;}
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}

.carousel-inner .item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}