/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Muli:300,400,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:Muli;
	font-size:14px;
	font-weight:400;
}
.wrapper{margin:18px 0;}
.logo{position:relative;float:left;width:100%;display:flex;height:50px;align-items:center;}
.logo > img{float:left;}
.logo h3{font-weight:900;color:#fff;text-transform:uppercase;font-size:18px;text-shadow:1px 2px 4px #555;margin-top:7px;margin-left:7px;}
.fixed-height{min-height:50px;margin-bottom:5px;}
header{background-color:#09bac5;position:fixed;top:0;left:0;right:0;z-index:999;transition:all 0.6s ease;box-shadow:0 5px 0 #fc0;}
//.headers{background-color:#09bac5;position:relative;width:100%;transition:top 500ms ease;top:0;left:0;}
//.activeScroll .headers{position:fixed;z-index:2;box-shadow:0 0 5px #999;top:0;}
.dropdown:hover .dropdown-menu{display:block;}
.navbar{margin-bottom:0;float:right;}
.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{background-color:#08a0a9;color:#fff;font-weight:800;}
.navbar-default .navbar-nav > li > a {color:#fff;font-weight:800;margin-right:1px;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background-color:#08a0a9;color:#fff;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{background-color:#08a0a9;color:#fff;transition:0.3s;}
//.dropdown:hover .dropdown-menu{display:block;}
.dropdown-menu li{position:relative;}
.dropdown-menu li:nth-child(13){display:none;}
.dropdown-menu li > a{font-weight:600;text-transform:capitalize;}
.dropdown-menu li ul{display:none;list-style:none;border-right:1px solid #e7e7e7;z-index:1;}
.dropdown-menu li:hover > ul{display:block;position:absolute;top:0;left:175px;}
.subdrop li:hover ul{position:absolute;top:0;left:144px;}
.dropdown-menu li ul li a{white-space:nowrap;padding:8px 20px;font-size:13px;display:block;text-decoration:none;border-bottom:1px solid #ccc;background-color:#fff;color:#000;text-transform:capitalize;}
.dropdown-menu ul li a:hover{background-color:#f5f5f5;}
.dropdown-menu{padding-top:0;padding-bottom:0;}
.dropdown-menu > li > a{padding:8px 20px;border-bottom:1px solid #ccc;font-size:13px;}
.dropdown-menu > li:nth-child(2) > a, .dropdown-menu > li:last-child > a{cursor:context-menu;}

.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{width:12%;}
.carousel-indicators li{border:1px solid #08a0a9;}
.bnt-txt{position:absolute;top:0;left:0;width:100%;height:100%;}
.banner-txt{background-color:rgba(7,124,131,0.8);width:38%;position:absolute;bottom:0;height:290px;border-radius:4px;padding:25px;z-index:1;}/*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:700;margin:0 0 20px 0;font-size:26px;text-transform:capitalize;}
.banner-txt p{color:#fff;font-weight:700;font-size:16px;margin-bottom:20px;text-transform:capitalize;}
.banner-txt a{color:#fff;background-color:#08a0a9;border:1px solid #fff;border-radius:4px;padding:8px;text-transform:capitalize;font-weight:800;font-size:16px;text-decoration:none;display:inline-block;transition:0.1s;}
.banner-txt a:hover{padding:10px;transition:0.1s;}

.products{text-align:center;}
.products h3{font-size:20px;text-transform:uppercase;color:#08a0a9;font-weight:900;text-align:center;padding-bottom:10px;position:relative;display:inline-block;margin:0 0 20px 0;}
.products h3::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#08a0a9;width:30%;}
.products h3 > span{color:#555;}
.item-img{width:100%;text-align:center;border-left:1px solid #08a0a9;border-right:1px solid #08a0a9;border-bottom:1px solid #08a0a9;border-top:6px solid #08a0a9;border-radius:2px;position:relative;position:relative;}
.item-img::after{content:"";position:absolute;height:0;width:100%;top:0;left:0;right:0;background-color:rgba(0,0,0,0.8);transition:0.5s;}
.item-img:hover{transition:0.2s;box-shadow:0 0 10px #999;}
.item-img:hover::after{transition:0.6s;height:100%;}
.item-img:hover span:first-child{top:40%;transition:all 0.6s ease;color:#fff;z-index:1;}
//.item-img:hover > span{padding:15px;color:#fff;transition:0.2s;background-color:#08a0a9;}
.item-img > img{height:auto;max-width:80%;display:block;margin:auto;}
.item-img > span:first-child{position:absolute;top:0;left:0;right:0;color:Transparent;text-transform:capitalize;}
.item-img > span:last-child{z-index:1;position:absolute;bottom:0;left:0;right:0;color:transparent;font-weight:700;letter-spacing:1.2px;padding:3%;color:#fff;transition:0.2s;background-color:#08a0a9;text-transform:capitalize;}

.welcome{text-align:center;}
.welcome h3{font-size:20px;text-transform:uppercase;color:#08a0a9;font-weight:900;text-align:center;padding-bottom:10px;position:relative;display:inline-block;margin:0 0 20px 0;}
.welcome h3::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#08a0a9;width:45%;}
.welcome h3 > span{color:#555;}
.welcome p{font-weight:800;color:#555;}

.services{text-align:center;}
.services h3{font-size:20px;text-transform:uppercase;color:#08a0a9;font-weight:900;text-align:center;padding-bottom:10px;position:relative;display:inline-block;margin:10px 0 20px 0;}
.services h3::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#08a0a9;width:30%;}
.services h3 > span{color:#555;}
.services-block{width:100%;text-align:center;padding:16px;transition:0.2s;}
.services-block:hover{box-shadow:0 4px 0 0 rgba(0,0,0,0.2);transform:scale(0.98);background-color:#f7f7f7;}
.services-img{border:1px solid #ccc;border-radius:50%;height:85px;width:85px;margin:auto;overflow:hidden;padding:7px 0 0 0;background-color:#fff;}
.services-img img{max-width:100%;}
.services-block h5{border-bottom:4px solid #08a0a9;color:#555;text-transform:uppercase;font-weight:800;background-color:#f9f9f9;padding:8px;display:inline-block;margin:10px 0;border-radius:4px;}
.services-block p{color:#555;font-weight:800;}
.services-block a{border-radius:2px;display:inline-block;color:#fff;background-color:#08a0a9;font-weight:800;text-transform:capitalize;padding:8px;text-decoration:none}
.services-block a:hover{background-color:#19b1b9;transition:0.2s;}

.workshop{text-align:center;}
.workshop h3{font-size:20px;text-transform:uppercase;color:#08a0a9;font-weight:900;text-align:center;padding-bottom:10px;position:relative;display:inline-block;margin:0 0 20px 0;}
.workshop h3::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#08a0a9;width:30%;}
.workshop h3 > span{color:#555;}
img#big{height:394px;width:100%}
.col-md-6 > .col-md-6 > img{height:197px;width:100%;}
.workshop .col-md-6:last-child .col-md-6{padding:0;}

footer{padding:15px 0;margin-top:25px;background-color:#077c83;}
.foot-list ul{margin-top:10px;padding:0;list-style:none;}
.foot-list h4{display:inline-block;color:#ddd;font-weight:800;text-transform:capitalize;font-size:20px;position:relative;padding-bottom:6px;}
.foot-list h4::after{content:"";position:absolute;background-color:#00f1ff;height:2px;width:50%;bottom:0;left:0;box-shadow:1px 2px 3px #555;}
.foot-list h4 > span{color:#00f1ff;text-shadow:1px 2px 3px #444;}
.foot-list ul li{float:none;color:#ddd;text-transform:capitalize;font-weight:800;padding:5px 0;margin-left:23px;border-bottom:1px solid #aaa;}
.foot-list ul li:last-child{border:0;}
.foot-list ul li:nth-child(3),.foot-list ul li:nth-child(4),.foot-list ul li:nth-child(5){text-transform:none;}
.foot-list ul li i{margin-right:10px;}
.foot-list ul li a{color:#ccc;font-weight:800;font-size:15px;margin:0;padding:0;border:none;text-transform:none;display:inline;text-decoration:none;}
.foot-list ul li a:hover{color:#fff;}
.foot-list ul li:nth-child(5),.foot-list ul li:nth-child(4),.foot-list ul li:nth-child(2){padding-left:23px;}

.foot-list2 ul{margin-top:7px;padding:0;list-style:none;}
.foot-list2 h4 > span{color:#00f1ff;text-shadow:1px 2px 3px #444;}
.foot-list2 h4{display:inline-block;color:#ddd;font-weight:800;text-transform:capitalize;font-size:20px;position:relative;padding-bottom:6px;}
.foot-list2 h4::after{content:"";position:absolute;background-color:#00f1ff;height:2px;width:48%;bottom:0;left:0;box-shadow:1px 2px 3px #555;}
.foot-list2 ul li{float:none;color:#555;text-transform:capitalize;font-weight:500;padding:5px 0;border-bottom:1px solid #aaa;}
.foot-list2 ul li:nth-child(3){display:none;}
.foot-list2 ul li:last-child{border:0;}
.foot-list2 ul li a{color:#ccc;font-weight:800;font-size:15px;margin:0;padding:0;border:none;display:inline;text-decoration:none;}
.foot-list2 ul li a:hover{color:#fff;}

.social{display:none;}
.social ul{padding:0;list-style:none;}
.social ul li{float:left;margin:0 5px 5px 0;}
.social ul li i{background-color:#08a0a9;color:#f8f8f8;height:40px;width:40px;text-align:center;line-height:38px;border-radius:2px;font-size:17px;border-radius:50%;}
.social ul li i:hover{color:#08a0a9;background-color:#f8f8f8;transition:0.2s;border:1px solid #999;}

.allrights{background-color:#08a0a9;}
.rights{padding:15px 0;}
.rights p{text-align:center;color:#f8f8f8;text-transform:capitalize;margin-bottom:0;font-weight:800;letter-spacing:1px;text-shadow:1px 1px 3px #000;}

.breadcrum{width:100%;float:left;margin-top:1px;padding:8px 0;border-bottom:2px solid #08a0a9;}
.breadcrum ul{padding:0;list-style:none;}
.breadcrum ul li{float:left;}
.breadcrum ul li:last-child a{color:#000;}
.breadcrum ul li a{color:#08a0a9;text-decoration:none;text-transform:capitalize;font-weight:800;margin-right:10px;}
.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;}

.product{text-align:center;margin:0;}
.product h3{font-size:20px;text-transform:uppercase;color:#08a0a9;font-weight:900;margin-bottom:15px;}
.product h3 > span{color:#555;}
.product p{font-weight:800;color:#777;margin-bottom:25px;}

.p-desc{text-align:center;padding:10px;min-height:150px;max-height:150px;overflow:hidden;transition:all 0.3s ease;background-color:#fafaff;}
//.p-desc::after{content:"";position:absolute;bottom:0;left:0;right:0;width:100%;height:0;background-color:#08a0a9;transition:0.6s;z-index:-1}
//.p-desc:hover::after{transition:0.4s;height:100%;}
//.p-desc:hover{background-color:#fff;box-shadow:0 4px 0 0 #fc0;}
//.p-desc:hover h5,.p-desc:hover p,.p-desc:hover ul li{color:#fff;}
.p-desc:hover ul > a{background-color:#fff;color:#08a0a9;}
.p-container{border:1px solid #DDD;margin-bottom:20px;transition:all 0.2s ease 0s;position:relative;}
.p-container:hover .p-img{background-color:#FFF;}
.p-container::after{content:url("../images/watermark.png");position:absolute;top:25%;bottom:75%;left:0;right:0;z-index:1;opacity:0.7;}
//.p-container:hover::after{width:100%;transition:all 0.5s ease-out 0s;background-color:#f00;}
.p-container:hover{transform:scale(1.05);transition:all 0.2s ease 0s;box-shadow:0 2px 6px rgba(0,0,0,0.1);}
//.p-container:hover .p-img > img{transition:all 0.2s ease 0s;box-shadow:0 0 5px rgba(0,0,0,0.1);}
.p-container:hover .p-desc{background-color:#fff;}
.p-desc h5{font-weight:800;color:#08a0a9;text-transform:uppercase;overflow:hidden;}/*max-height:15px;*/
h5#max-none{max-height:none;text-transform:capitalize;}
.p-desc h6{font-weight:700;text-transform:uppercase;padding:8px;background-color:#f9f9f9;display:none;border-bottom:3px solid #08a0a9;border-radius:2px 2px 0 0;box-shadow:0 0 1px #999;}
.p-desc p{font-weight:800;text-transform:capitalize;color:#777;max-height:60px;max-width:85%;overflow:hidden;margin:auto;}/*max-height:80px*/
.p-desc ul{padding:0;list-style:none;display:none;}
.p-desc ul > a{font-weight:800;color:#fff;background-color:#08a0a9;border-radius:3px;margin-right:4px;padding:2px 3px;text-transform:capitalize;}
.p-desc ul li{font-weight:600;text-transform:none;}
.p-img{background:#fafaff;position:relative;z-index:1;transition:0.4s;padding:6px;}
.p-img > img{width:100%;border:1px solid #DDD;}
.p-desc ul li:first-child{margin:10px 0;text-decoration:underline;text-transform:capitalize;font-weight:800;}

.contact{text-align:center;margin:25px 0 0 0;}
.contact h3{font-size:20px;text-transform:uppercase;color:#08a0a9;font-weight:900;text-align:center;padding-bottom:10px;position:relative;display:inline-block;margin:0 0 20px 0;}
.contact h3::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#08a0a9;width:72%;}
.contact h3 > span{color:#555;}
.contact p{font-weight:800;color:#555;}
//.contact-container{width:100%;background-color:#f5f5f5;float:left;}
.contact-container ul{padding:0;list-style:none;text-align:left;}
.contact-container ul li:nth-child(odd){text-transform:uppercase;font-weight:800;color:#08a0a9;display:inline-block;}
.contact-container ul li:nth-child(even){text-transform:capitalize;font-weight:300;letter-spacing:0.5px;list-style:inside;margin:0 0 10px 0;}
.contact-form{width:100%;padding:25px;background-color:#eee;box-shadow:0 4px 0 0px #BBB;float:left;z-index:1;position:relative;}
.contact-form table{width:100%;text-align:left;}
.contact-form table th{font-weight:800;color:#08a0a9;}
.contact-form input{width:96%;float:left;padding:5px;border-width:0 0 2px 0;border-color:#08a0a9;border-style:solid;margin:0 0 11px 0;}
.contact-form input:nth-child(2){margin-right:0;}
.contact-form input:focus{border:1px solid #CCC;transition:0.3s;}
.contact-form textarea{width:98%;border-width:0 0 2px 2px;border-color:#08a0a9;border-style:solid;padding:5px;resize:none;margin:11px 0;}
.contact-form button{border:none;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:1.2px;background-color:#08a0a9;color:#fff;padding:4px 8px;}
.contact-form button:hover{box-shadow:0 4px 0 0 #fc0;transition:0.2s;}
iframe{width:100%;height:313px;}

.product .glyphicon { margin-right:10px;color:#888;}
.panel{text-align:left;}
.panel:nth-child(13){display:none;}
.panel-default{border-color:#CCC;}
.panel-group .panel{border-radius:2px;}
.panel-default > .panel-heading{background-color:#fff;padding:8px 15px;}
.panel a{text-decoration:none;color:#08a0a9;font-size:14px;font-weight:800;letter-spacing:1px;text-transform:capitalize;}
.panel-body { padding:0px; }
.panel-body a{font-weight:800;color:#999;font-size:13px;}
.panel-body a:hover{color:#666;}
.panel-body table tr td { padding-left: 15px }
.panel-body .table {margin-bottom: 0px; }
.panel-body .table td{background-color:#f9f9f9;}/*077c83*/
//.activeScroll #accordion{position:fixed;}

.math-container{width:100%;border:1px solid #CCC;overflow:hidden;margin-bottom:30px;min-height:180px;position:relative;}
.math-container:hover{box-shadow:0 3px #fc0;border-bottom-color:#fc0;}
.math-container:hover img{transform:scale(1.1);transition:0.2s;z-index:-1;}
.math-container img{max-width:100%;transition:0.2s;}
.math-container h5{font-weight:800;color:#FFF;text-transform:uppercase;background-color:#08a0a9;padding:8px 0;margin:0;position:absolute;left:0;right:0;bottom:0;}
.col-md-4:last-child .math-container,.col-md-4:nth-child(22) .math-container{margin-bottom:0;}

.company{text-align:center;}
.back-panel{background-color:#f5f5f5;padding:30px 0;border-bottom:2px solid #ddd;}
.company h3{font-size:20px;text-transform:uppercase;color:#08a0a9;font-weight:900;text-align:center;padding-bottom:10px;position:relative;display:inline-block;margin:0 0 10px 0;}
.company h3::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#08a0a9;width:52%;}
.company h3 > span{color:#555;}
.company p{font-weight:800;color:#555;}
.company ul{margin:30px 0 0 0;padding:0;list-style:none;text-align:left;font-weight:800;}
.company ul li:nth-child(even){color:#555;margin:10px 0 15px 0;}
.company ul li:nth-child(odd) a{color:#f9f9f9;text-transform:uppercase;padding:5px 10px;background-color:#077c83;text-decoration:none;transition:all 0.1s ease;}
.company ul li:nth-child(odd) a:hover{box-shadow:0 3px 6px #999;transition:all 0.1s ease;}

.profile{text-align:center;}
.profile > p{margin:0;font-style:italic;}
.profile > p:nth-child(2){margin:10px 0 0 0;font-style:normal;}
.profile-pic{height:150px;width:150px;margin:auto;border-radius:50%;border:2px solid #ddd;overflow:hidden;}
a#scroll{background-color:#08a0a9;color:#fff;padding:10px;position:fixed;bottom:10%;right:3%;text-decoration:none;z-index:1;}

@media(max-width:1199px){
	.banner-txt h2{font-size:20px;}
	.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;}
}
@media(max-width:991px){
	.logo h3{font-size:14px;font-weight:800;}
	.banner-txt h2{font-size:18px;}
	.banner-txt p{font-size:14px;margin-bottom:20px;}
	.banner-txt a{font-size:14px;}
}
@media(max-width:767px){
	.fixed-height{min-height:100px;}
	.logo{text-align:center;}
	.logo img{margin:0 auto;}
	.search{text-align:center;padding:0;}
	.navbar{float:none;border-top:1px solid #ccc}
	.navbar-nav{margin:0;}
	.navbar-nav .open .dropdown-menu{background-color:#fff;}
	.navbar-collapse{padding-left:0;padding-right:0;}
	.navbar-default .navbar-nav > li > a{padding-left:30px;font-weight:800;border-top:1px solid #CCC;position:relative;}
	.navbar-default .navbar-nav > li > a::after{content:"\f058";position:absolute;left:10px;top:25%;font-family:fontawesome;font-weight:100;}
	.navbar-default .navbar-nav > li:first-child a{border-top:0;}
	.navbar-default .container-fluid{padding-left:15px;padding-right:15px;}	
	.logo h3{width:100%;display:block;text-align:center;font-size:18px;}
	.logo h3::after{background-color:#fff;}
	.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, .navbar-default .navbar-toggle:hover{background-color:#08a0a9;}
	.navbar-collapse.in{overflow-y:visible;}
	.banner-txt h2{font-size:17px;}
	.banner-txt p{font-weight:800;font-size:13px;}
	.banner-txt{width:50%;height:60%;}
	.item-img{margin-bottom:20px;}
	.item-img > span{font-size:13px;}
	.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;}
	.p-container::after{top:30%;bottom:70%;}
	.workshop .col-md-6:nth-child(2), .workshop .col-md-6:nth-child(3) > .col-md-6 {margin-bottom:15px;}
	.workshop .col-md-6:nth-child(3) > .col-md-6:nth-child(4) {margin-bottom:0;}
}
@media(max-width:740px){
	.banner-txt{width:70%;height:auto}	
}
@media(max-width:620px){
	footer .col-xs-6{width:100%;}	
}
@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 h2{font-size:14px;}
	.banner-txt p{font-size:12px;}
	.banner-txt a{font-size:10px;}
}
@media(max-width:480px){	
	.banner-txt h2{font-size:12px;}	
	.banner-txt a{font-size:10px;}
	.product .col-xs-6{width:100%;}
}
@media(max-width:464px){	
	.banner-txt{padding:10px;height:53px;width:100px;left:0;right:0;margin:auto;top:0;bottom:0;background-color:transparent;}
	.banner-txt p{display:none;}
	.banner-txt h2{display:none;}
	.banner-txt a{padding:6px;font-size:13px;letter-spacing:0.5px;}
        .banner-txt a:hover{padding:6px;box-shadow:0 0 8px #666;}
}
@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;}
}
@media(max-width:330px){
	.logo h3{font-size:16px;margin-left:0;}
}