/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900');

/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i');*/


body{
	font-family:Raleway;
	font-size:13px;
	font-weight:400;
}
.wrapper{margin:35px 0;}
.fixed-height{min-height:66px;float:left;width:100%;background-color:#fff;}
.top-links{width:100%;float:left;line-height:40px;background-color:#a349a3;}
.top-links a{color:#fff;letter-spacing:1px;text-decoration:none;}
.top-links a > i{margin-right:8px;}
.right-links a{margin-right:20px;}

.logo{position:relative;width:100%;float:left;height:65px;display:flex;align-items:center;}
.logo h3{font-weight:900;color:#fff;text-transform:uppercase;font-size:23px;margin-top:10px;}
.logo > img{width:13%;float:left;margin-right:10px;}
.logo h3 > span {color:#d7e2e6;} 
header{border-bottom:1px solid #ddd;background-color:#35515d;width:100%;float:left;position:relative;z-index:1;}
#head{box-shadow:0 0 14px rgba(0,0,0,0.14);}
.dropdown:hover .dropdown-menu{display:block;}
.navbar{margin-bottom:0;}
.nav.navbar-nav{width:100%;}
.nav.navbar-nav > li{text-align:center;position:relative;}
.nav.navbar-nav > li:nth-child(3) a, .nav.navbar-nav > li:nth-child(4) a{cursor:pointer;}
#sub-items{width:100%;box-shadow:0 8px 20px rgba(0,0,0,0.2);}
.nav.navbar-nav > li > ul {box-shadow:15px 15px 20px rgba(0,0,0,0.6);list-style:none;padding:0;margin:0;position:absolute;left:0;z-index:9;display:none;min-width:250px;}
.nav.navbar-nav > li:hover > ul {display:block;}
.nav.navbar-nav > li > ul > li > a {display:block;text-decoration:none;text-transform:capitalize;color:#fff;letter-spacing:0.8px;padding:5px 15px;background-color:#35515d;border-top:1px solid #ddd;text-align:left;}
.nav.navbar-nav > li > ul > li > a:hover{background-color:#456a79;font-weight:700;}
.navbar-collapse, .container-fluid{padding-left:0;padding-right:0;}
.navbar-default{background-color:transparent;border:none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{border-bottom:4px solid #d7e2e6;color:#d7e2e6;font-weight:700;background-color:#35515d;}
.navbar-default .navbar-nav > li > a {color:#fff;font-weight:700;letter-spacing:1px;padding:21px;text-transform:uppercase;border-bottom:4px solid transparent;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{border-bottom:4px solid #d7e2e6;color:#d7e2e6;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{border-bottom:4px solid #d7e2e6;color:#d7e2e6;transition:all 0.2s ease;}
.container-fluid, .navbar-collapse{padding-right:0;}

.slider{width:100%;float:left;position:relative;}
.slider::before{content:"";position:absolute;bottom:0;left:0;right:0;width:70;height:20%;background-color:rgba(0,0,0,0.4);border-radius:50%;filter:blur(6px);}
.slider .item{max-height:500px;}
//.slider .item::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.2);z-index:1;}
.slider .item > img{width:100%;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{color:#35515d;}
.carousel-control{width:12%;}
.carousel-control.left,.carousel-control.right{background:none;}
.carousel-indicators > li{border:1px solid #35515d;}
.carousel-indicators > li.active{background-color:#35515d;}
.bnt-txt{position:absolute;top:0;left:0;width:100%;height:100%;}
.triangle{position:absolute;bottom:0;left:0;height:150px;width:150px;background-color:#35515d;border-radius:0 100% 0 0;}
.triangle-mirror{position:absolute;top:0;right:0;height:150px;width:150px;background-color:#35515d;border-radius:0 0 0 100%;}
.banner-txt{text-align:center;background-color:rgba(53,81,93,0.8);width:150px;position:absolute;height:150px;padding:25px;z-index:1;border-radius:50%;margin:auto;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;box-shadow:7px 7px 10px 0 rgba(0,0,0,0.4);border:1px solid #d7e2e6;}/*top:0;left:0;right:0;margin:auto;text-align:center;background-color:rgba(8,160,160,0.8)*/
.banner-txt h2{color:#fff;font-weight:600;margin:0 0 20px 0;font-size:26px;text-transform:capitalize;}
.banner-txt p{color:#fff;font-weight:600;font-size:16px;margin-bottom:20px;text-transform:capitalize;}
.banner-txt a{color:#fff;background-color:#35515d;border:1px solid #fff;border-radius:2px;padding:4px 8px;text-transform:uppercase;font-weight:700;font-size:13px;text-decoration:none;display:inline-block;transition:0.1s;letter-spacing:1px;}
.banner-txt a:hover{padding:10px;transition:0.1s;}

.welcome{text-align:center;background-color:#f8f8f8;padding:22px 0;border-bottom:1px solid #ddd;width:100%;float:left;}

p#para{font-weight:700;color:#a1a194;text-transform:capitalize;letter-spacing:0.6px;}
h3#heading{text-shadow:1px 1px 1px #999;font-size:30px;text-transform:uppercase;color:#35515d;font-weight:800;text-align:center;position:relative;display:inline-block;margin:0 0 10px 0;letter-spacing:2px;}
h3#heading > span{color:#a1a194;}
h3#heading-big{font-size:24px;text-transform:uppercase;color:#35515d;font-weight:900;text-align:center;padding-bottom:8px;position:relative;display:inline-block;margin:0 0 15px 0;letter-spacing:1px;}
h3#heading-big::after{content:"";position:absolute;bottom:0;left:5%;right:5%;width:90%;height:3px;background-color:#35515d;border-radius:10px;z-index:-2;}
h3#heading-big > span{color:#aaa;font-weight:500;}

.groups{float:left;width:100%;text-align:center;}
.item-container{width:100%;float:left;margin-top:20px;}
.item-img{overflow:hidden;position:relative;transition:all 0.2s ease 0s;background-color:Transparent;height:100px;width:100px;border-radius:50%;margin:auto;line-height:110px;}
.item-img:hover{transition:all 0.2s ease 0s;transform:scale(1.5);cursor:pointer;}
.item-img > span{letter-spacing:1px;font-weight:500;text-transform:capitalize;color:#fff;background-color:#a349a3;padding:6px;position:absolute;left:4px;right:4px;bottom:4px;font-size:14px;}
.item-img > span > abbr{font-weight:300;text-transform:none;margin:0 5px;}
.item-img > i{color:#e75136;font-size:60px;}
.item-container > a {text-decoration:none;}
.groups .col-md-3:nth-child(2) .item-img > i{color:#3bb29c;}
.groups .col-md-3:nth-child(3) .item-img > i{color:#ffc029;}
.groups .col-md-3:last-child .item-img > i{color:#6eb9e3;}
.item-desc h4{font-weight:800;color:#35515d;text-transform:uppercase;letter-spacing:3px;}
.item-desc::after{content:"";background-color:rgba(0,0,0,0.6);position:absolute;height:0;width:100%;bottom:0;left:0;z-index:-1;}
.item-desc:hover::after{height:100%;transition:all 0.2s ease;}
.item-desc:hover h4,.item-desc:hover p{color:#EEE;}
.item-desc p{font-weight:500;color:#888;}

.services-heading{float:left;width:100%;text-align:center;}
.services{float:left;width:100%;text-align:center;background-color:#35515d;position:relative;}
.service-container{padding:40px 15px;}
.service-container h3{color:#ffc029;text-transform:uppercase;font-weight:700;letter-spacing:1.5px;}
.service-container h3:first-child{font-size:70px;background-color:transparent;border:8px solid #ffc029;height:100px;width:100px;border-radius:50%;margin:auto;}
.service-container p{color:#ccc;font-weight:700;letter-spacing:.8px;font-size:14px;}
.vline{position:absolute;top:0;bottom:0;left:0;right:0;height:90%;width:3px;border-radius:10px;background-color:#ddd;margin:auto;box-shadow:0 5px 25px 0.5px #222;}

.map{width:100%;float:left;margin-top:35px;}
iframe{width:100%;height:302px;float:left;}
.map .row{margin-right:0;margin-left:0;}
.map .col-md-12{padding-right:0;padding-left:0;}

.gallery{float:left;width:100%;text-align:center;}
.gallery .row{margin-right:0;margin-left:0;}

.col-md-12 > .items-container{max-height:none;}
.items-container{width:100%;float:left;margin-top:20px;min-height:465px;max-height:465px;overflow:hidden;}
.items-img{border:1px solid #ddd;padding:4px;border-radius:2px;position:relative;transition:all 0.2s ease 0s;background-color:#fff;overflow:hidden;}
.items-img::before {background: #fff none repeat scroll 0 0;content: "";height: 4px;left: 0;position: absolute;top: 0;width: 100%;z-index: 1;}
.items-img:hover{transition:all 0.2s ease 0s;box-shadow:0 12px 4px -10px rgba(0,0,0,0.15);}
.items-img:hover > img{transform:translateY(-5px);transition:all 0.2s ease 0s;}
.items-img > span{letter-spacing:1px;font-weight:700;text-transform:uppercase;color:#fff;background-color:#35515d;padding:6px;position:absolute;left:4px;right:4px;bottom:4px;font-size:13px;border-radius:2px;}
.items-img > span > abbr{font-weight:300;text-transform:none;margin:0 5px;}
.items-img > img{max-width:100%;}
.items-container p{font-weight:500;color:#888;text-align:justify;margin:10px 0 0 0;max-height:165px;overflow:hidden;text-transform:capitalize;}
.items-container p#five > span {width:20%;}
.items-container p#three > span {width:33.33%;}
.items-container p#one > span {width:100%;}
/*.items-container p > span {display: inline-block;text-align: center;text-transform: uppercase;width: 50%;border: 1px solid #ddd;height:22px;overflow:hidden;}
.items-container p > span:nth-child(n) {border-bottom: 0 none;}
.items-container p > span#last-row{border-bottom:1px solid #ddd;}*/
.items-container a{text-align:left;display:block;text-transform:capitalize;color:#35515d;font-weight:800;font-size:14px;margin:5px 0 0 0;}
.items-container table{border:1px solid #ccc;width:100%;}
.items-container table tr:nth-child(even){background-color:#f2f2f2;}
.items-container table th{text-transform:capitalize;color:#888;border:1px solid #ccc;text-align:center;}
.items-container table td{text-transform:uppercase;border:1px solid #ccc;color:#888;}
.items-container > ul{padding:5px;}
.morecontent span {
    display: none;
}
.morelink {
    display: block;
}

.side-menu{width:100%;position:relative;list-style:none;margin:0;padding:0;}
.side-menu > li{float:none;text-align:left;margin:0 0 4px 0;}
.side-menu > li > a{font-weight:700;color:rgba(53,81,93,0.8);text-transform:capitalize;font-size:14px;text-decoration:none;letter-spacing:1px;border:1px solid rgba(53,81,93,0.6);padding:5px 10px;display:block;transition:all 0.3s ease 0s;border-radius:3px;}
.side-menu > li > a:hover {background-color:#35515d;color:#fff;}

.navigation{float:left;width:100%;}
.breadcrum{width:100%;float:left;margin-top:1px;padding:8px 0;border-bottom:2px solid #999;}
.breadcrum ul{padding:0;list-style:none;}
.breadcrum ul li{float:left;}
.breadcrum ul li:last-child a{color:#999;}
.breadcrum ul li a{color:#35515d;text-decoration:none;text-transform:capitalize;font-weight:800;margin-right:10px;font-size:14px;letter-spacing:0.5px;}
.breadcrum ul li a:hover{color:#000;}
.breadcrum ul li:nth-child(2) a,.breadcrum ul li:nth-child(3) a,.breadcrum ul li:last-child a{pointer-events:none;}

.pro-details{float:left;width:100%;text-align:center;margin:0 0 10px 0;}
.pro-container{width:100%;float:left;margin-top:20px;}
.pro-img{border:1px solid #ddd;padding:4px;border-radius:2px;position:relative;background-color:#fff;overflow:hidden;box-shadow:0 7px 13px -12px #999;}
.pro-img:hover > img{transform:scale(1.5);transition:all 0.2s ease 0s;}
.pro-img::before {
  background: #35515d none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 60px;
}
.pro-img::after { 
  color: #fff;
  content: "Deal with us is a great experience";
  font-size: 20px;
  font-weight: 700;
  left: 34px;
  letter-spacing: 2px;
  position: absolute;
  top: 50px;
  transform: rotate(90deg);
  transform-origin: left 12px 0;
  text-transform:capitalize;
}
.pro-img > img{max-width:100%;transition:all 0.2s ease 0s;}
.pro-container h2{font-weight:800;color:#35515d;text-transform:uppercase;margin:0 0 10px 0;}
.pro-container p{font-weight:500;color:#888;text-align:justify;margin:10px 0 0 0;}
.pro-container a{text-align:left;display:block;text-transform:capitalize;color:#35515d;font-weight:800;font-size:14px;margin:5px 0 0 0;}

footer{background-color:#35515d;width:100%;float:left;}
.rights{padding:15px 0;}
.rights p{text-align:center;color:#fff;text-transform:capitalize;margin-bottom:0;font-weight:600;letter-spacing:1px;text-shadow:1px 1px 3px #000;}

.contact{text-align:center;padding-top:20px;background-color:#f8f8f8;width:100%;float:left;border-top:1px solid #ddd;}
.contact .row:last-child{margin-left:0;margin-right:0;}
.contact .row:last-child .col-md-12 {padding-left:0;padding-right:0;}
.contact p{font-weight:800;color:#555;}
.contact-form{width:100%;padding:25px;border:1px solid #8a3161;float:left;z-index:1;position:relative;background-color:#a349a3;}
.contact-form > img {top:-65px;left:-65px;position:absolute;width:20%;z-index:-1;}
.contact-form table{width:100%;text-align:left;}
.contact-form table th{font-weight:400;color:#fff;}
.contact-form input{width:96%;float:left;padding:5px;border:none;margin:0 0 11px 0;}
.contact-form input:nth-child(2){margin-right:0;}
.contact-form input:focus{border:1px solid #aaa;transition:all 0.3s ease;}
.contact-form textarea{width:98%;border:none;padding:5px;resize:none;margin:11px 0;}
.contact-form textarea:focus{border:1px solid #aaa;transition:all 0.3s ease;}
.contact-form button{border:none;text-transform:uppercase;font-size:14px;font-weight:300;background-color:#a349a3;color:#fff;padding:4px 8px;border:1px solid #fff;}
.contact-form button:hover{color:#a349a3;background-color:#fff;transition:all 0.1s ease;font-weight:600;}
.contact ul{padding:0;list-style:none;margin-top:10px}
.contact h4{display:inline-block;background-color:#a349a3;color:#fff;font-weight:700;text-transform:capitalize;font-size:20px;position:relative;padding:6px 15px;margin:0;box-shadow:0 7px 2px -4px rgba(0,0,0,0.23);}
.contact ul li{font-size:15px;float:none;color:#a349a3;text-transform:capitalize;font-weight:700;padding:5px 0;margin-left:23px;border-bottom:1px solid #ddd;}
.contact ul li:last-child{border:0;}
.contact ul li:nth-child(3), .contact ul li:nth-child(4), .contact ul li:nth-child(5){text-transform:none;}
.contact ul li i{margin-right:10px;}
.contact ul li a{color:#a349a3;font-weight:700;font-size:15px;margin:0;padding:0;border:none;text-transform:none;text-decoration:none;text-align:left;}
.contact ul li a:hover{color:#a1a194;}
.contact ul li:nth-child(5), .contact ul li:nth-child(4), .contact ul li:nth-child(2){padding-left:23px;}

.products-details{width:100%;float:left;text-align:center;margin:25px 0 35px;}

a#scroll{background-color:#999;color:#fff;padding:10px;position:fixed;bottom:10%;right:3%;text-decoration:none;z-index:1;transition:all 0.3s ease 0s;}
a#scroll:hover{box-shadow:0 5px 2px -2px rgba(0,0,0,0.4);transition:all 0.2s ease 0s;}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

@media(max-width:1199px){
	.panel a{font-size:13px;letter-spacing:0;}
	.panel td > a{font-size:12px;}
	.product .glyphicon{display:none;}
	.math-container{min-height:150px;}
	.math-container h5{font-size:12px;}
	iframe{height:296px;}
	.lb-album li{width:18%;}
}
@media(max-width:991px){
	//.logo {margin-top:15px;}
	.logo > img{padding-top:4px;}
	.logo h3{font-size:16px;}
	.navbar-default .navbar-nav > li > a {padding:23px 14px;}
	.events .col-sm-2{width:20%;}
	.col-sm-2 .item-img > span{padding:2px 0;font-size:13px;}
	.lb-overlay > div{width:50%;}
	.items-container{min-height:420px;}
}
@media(max-width:767px){
	.top-links .col-md-6:last-child{padding-left:0;padding-right:0;}
	.fixed-height{min-height:36px;}	
	.fixed-height .container {padding-left:0;padding-right:0;}
	.row{margin-left:0;margin-right:0;}
	.logo{text-align:center;margin-top:6px;}
	.logo > img{width:5%;float:none;}
	.logo h3{width:100%;display:block;text-align:center;font-size:23px;}
	.search{text-align:center;padding:0;}
	.navbar{float:none;}
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header{margin-right:0;margin-left:0;}
	.nav.navbar-nav > li{width:100%;}
	.navbar-nav{margin:0;}
	header .col-md-8{border-top:1px solid #ddd;}
	.navbar-nav .open .dropdown-menu{background-color:#fff;}
	.navbar-collapse{padding-left:0;padding-right:0;}
	.navbar-default .navbar-nav > li > a{padding:10px;font-weight:700;border-top:1px solid #CCC;position:relative;text-align:center;}	
	.navbar-default .navbar-nav > li:first-child a{border-top:0;}
	.nav.navbar-nav > li > ul > li > a {text-align:center;}
	.foot-list2 ul li{margin-left:23px;}
	.right-list ul{padding-right:25px;}
	header .container,header .col-xs-12,.allrights .container,.allrights .col-xs-12{padding-left:0;padding-right:0;}
	header .row{margin-left:0;margin-right:0;}
	.navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
	.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar{background-color:#fff;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:#456a79;}
	.navbar-collapse.in{overflow-y:visible;}
	//.item-img{margin-bottom:20px;}	
	.col-xs-6:last-child .item-img,.col-xs-6:nth-child(4) .item-img{margin-bottom:0;}
	.services-block{margin-bottom:20px;}
	.col-xs-12:last-child .services-block{margin-bottom:0;}
	img#big,.col-md-6 > .col-md-6 > img{height:auto;width:100%;}
	.panel a{font-size:14px;letter-spacing:1px;}
	.product .glyphicon{display:inherit;}
	.events h5{font-size:20px;}
	.events h5 > span {font-size:14px;}
	.contact-form > img {width:10%;left:-5%;top:-12%;}
	.contact h4{font-size:18px;letter-spacing:1px;}
	.triangle, .triangle-mirror{height:75px;width:75px;}
	.lb-overlay > div{display:none;}
	.items-container{min-height:539px;}
	.side-menu{margin:0 0 25px 0;}
	.side-menu > li {text-align:inherit;}
}
@media(max-width:609px){
	.events .col-xs-6{width:100%;}
	.col-sm-2 .item-img > span{padding:inherit;font-size:14px;}
}
@media(max-width:620px){
	footer .col-xs-6{width:100%;}	
}
@media(max-width:559px){
	.lb-album{padding:0 2.5%;}
	.lb-album li{width:29%;}
	.lb-album li:last-child{display:none;}
}
@media(max-width:555px){
	.products h3,.welcome h3,.services h3,.workshop h3{font-size:18px;}
	.company .col-xs-6{width:100%;}
	.company ul{text-align:center;}
}
@media(max-width:530px){
	.banner-txt a{font-size:10px;}
	h3#heading{font-size:21px;letter-spacing:1px;}
	.groups .col-xs-6, .services .col-xs-6{width:100%;}
	.item-img:hover{transform:scale(1.2);}
	.item-img{border:1px solid #ddd;border-radius:50%;line-height:0;}
	.item-img > i{line-height:98px;}
	.vline{transform:rotate(90deg);height:25%;}
}
@media(max-width:489px){
	.top-links{text-align:center;}
	.top-links > .container{padding-left:0;padding-right:0;}
	.right-links{text-align:center;border-top:1px solid #fcfad0;}
	.top-links .col-xs-6{width:100%;}
	.logo h3{margin-top:10px;}
}
@media(max-width:480px){
	.logo h3{font-size:18px;}
	.product .col-xs-6{width:100%;}
	.contact-form > img {top:-8%;}
	.animated.fadeInLeft{animation-name: fadeInUp;}
	.triangle, .triangle-mirror{height:45px;width:45px;}
}
@media(max-width:464px){	
	.banner-txt a{padding:6px;font-size:12px;letter-spacing:0.5px;background-color:rgba(53,81,93,0.8);}
	.banner-txt a:hover{box-shadow:0 8px 8px -6px #000;}
	.products-details .col-xs-6{width:100%;}
}
@media(max-width:438px){
	.navbar-collapse.in{overflow-y:visible;}
	.dropdown-menu li ul li a{padding:4px;font-size:11px;}
	.dropdown-menu > li > a{padding:4px;font-size:11px;}
	.dropdown-menu li:hover ul{left:120px;}
	.foot-list ul li,.foot-list2 ul li,.aboutus .heading h4,.heading h4{font-weight:400;font-size:13px;}	
	.item-img > span:last-child{padding:3%;}	
}
@media(max-width:390px){
	.rights p{font-size:11px;}
	.item-img > span:last-child{font-weight:300;}
	p#para, .item-desc p{font-size:13px;}
}