@import "rinjani-stylesheet.css";
@import "tt-firs-stylesheet.css";

body{font-family: 'TT Firs Neue', sans-serif; background-color:#fffef6; color: #212529; font-size: 19px; font-weight: 300;}
.cl{clear:both;}

a { color: #212529; transition: all 0.3s; -webkit-transition: all 0.3s; }
a:hover {
    color: #3b6676;
    text-decoration: none;
}

.container {
    max-width: 1280px;
}

#header { position: absolute; top: 0; left: 0; width: 100%; z-index: 9; }

.navbar-expand-lg .navbar-nav .nav-link{padding:2px 18px; margin:0px;}
.edit1{max-width:1500px; position:relative; /* margin-top: 25px; */ }
.navbar{padding:0px 15px;}
.file{ z-index: 9; /* padding:20px 24px; box-shadow: 0 0.05rem 2.1rem rgba(0,0,0,.5); position:absolute; */ width:160px; top:0px;}
.file img { max-width: 100%; }
.navbar-nav { transition: all 0.4s; box-shadow: none;}
.navbar-nav .nav-link{color:#fff; font-size: 16px; font-weight:300; position:relative; transition:all 0.5s; letter-spacing: 0.25px; }
.navbar-nav .nav-link:hover { color:#fff; }
.file2 i{color:#fff; padding-right:10px;}
.section{padding:0px 0px; line-height: 21px;}
.section2{border-color:#fff; padding-bottom:10px; border-radius:0px; background-color:#fff;  }
.navbar-nav .active>.nav-link::after{width:100%;position:absolute; height:100%; content: ""; left:0px; background-color:#3b6676; top:0px;}
.navbar-nav .active>.nav-link{position:relative;color:#212529;}
.navbar-nav .nav-link:after{position:absolute; height:100%; content: ""; left:0px; background: rgb(187,49,40);
background: linear-gradient(90deg, #c38824 15%, #c38824 70%); width:0%; transition:all 0.5s; top:0px; z-index: -1;}
.navbar-nav .nav-link:hover:after, .navbar-nav li:hover .nav-link:after{width:100%;}
 
.dropdown-toggle::after { border:none; }
.dropdown>.dropdown-menu { margin:-10px 0 0 0; border:none; border-radius:0px; box-shadow:6px 6px 10px rgba(0,0,0,0.3); padding:0px; display:block; height:0px; overflow: hidden; opacity:0; transition: all 0.4s; -webkit-transition: all 0.4s; }
.dropdown:hover>.dropdown-menu { opacity:1; display:inline-block; height:auto;margin:0; }
.dropdown .dropdown-menu li { line-height:normal; }
.dropdown .dropdown-menu li a { white-space: nowrap; font-size: 15px; font-weight: 400; color:#212529; padding:12px 15px; width:100%; display:inline-block; transition: all 0.4s; -webkit-transition: all 0.4s; }
.dropdown .dropdown-menu li a:hover { text-decoration:none; background-color: rgba(0,15,21,0.85); color:#fff; } 
.dropdown .dropdown-menu li:hover { background-color: rgba(0,15,21,0.85); color:#fff; }
.dropdown .dropdown-menu li:hover a { color:#fff; }
.dropdown .dropdown-menu li:hover li a	{ color:#212529; }
.dropdown .dropdown-menu li li a:hover { color:#fff; }
.dropdown .dropdown-menu li .dropdown-menu.ddSubMenu { left: 100%; top: 0px; }


.hoverOpen.show .catelogMenu .ddSubMenu { overflow: hidden !important; z-index: 5; }

.hoverOpen.show.dropdown:hover>.dropdown-menu { overflow: inherit; } 

.edit{ /* background: url('../images/logo1.png') no-repeat center center; background-size:cover;*/ height:100vh; width:100%; text-align:center; display:table;}
.editimg{background: url('../images/logo1.png') no-repeat center center; background-size:cover !important; height:402px; width:100%; text-align:center; display:table;}
.editright{vertical-align:middle; display:table-cell;}
.editup{background-color:pink; }

.editright .macro { color:#fff; }

nav { transition: 0.5s; }
nav.shrink { background:#fff;  /* position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030; */ }

.grediantBg { max-width: 100%; /* background: rgb(234,234,234); background: linear-gradient(180deg, rgba(234,234,234,1) 0%, rgba(245,245,245,1) 20%); */ }
.exploreProducts.grediantBg .view2 { background: none; max-width: 1280px; }

.productsList .item.aboutContent { padding-right: 30px; padding-left: 30px; }
.productsList .item.aboutContent .macro, .productsList .item.aboutContent .macro2 { text-align:left; }

.view2{background-color:#fff; /* box-shadow:25px 25px 40px rgba(0,0,0,.3); */ padding:70px 80px; position:relative; max-width:800px; margin:0 auto; }
.viewup{padding:50px 0px;}
.viewup2{padding-bottom:50px;}
.exploreProducts .view2 { margin-top:-52px; max-width: 100%; background-color: #fff; box-shadow: none; }
.macro{ text-transform: uppercase; font-size:26px; letter-spacing:1px; font-weight:500; margin-bottom: 0; text-align:center; background: linear-gradient(90deg, #153e1e 15%, #10371a 70%); color:#eed7b1; display: inline-block; font-weight: 600; font-family: 'Rinjani', Sans sarif; padding: 0 20px; line-height: 22px; }
.macro2{color:#c38824; font-size:48px; line-height: 50px; font-family: 'Rinjani', Sans sarif; text-transform: uppercase; margin-bottom:25px; text-align:center; }
.macro2.whiteText { color:#c38824; }
.macroup{color:#4b5459; font-size:17px; font-weight:450; margin-bottom:30px; max-width:100%;}
.macroup2{color:#4b5459; font-size:19px; font-weight: 300;}
.macrotop{color:#4b5459; font-size:12px; margin-top: 20px; font-weight:700; letter-spacing:5px; position:relative; float:left;}
.viewup img{position:absolute; right:-100px;}
.macrotop:hover{text-decoration:none; color:#4b5459;}
.alt{background-color:#3b6676; width:34px; height:1px; margin:20px 0px;}


.run{background: url('../images/mapbg.jpg') no-repeat center center; background-size:cover; height:700px; width:100%; margin-top:340px; }
.run .view2 { display: inline-block; background-color:rgba(255,255,255,0.93); }
.runtext{background: url('../images/logo1.png') no-repeat center center; background-size:cover; height:700px; width:100%;}
.runup{background-color: rgba(255,255,255,0.93); padding:80px; margin-top:-20px; display:inline-block;  position:relative; width:100%; max-width:800px; box-shadow: 30px 30px 40px rgba(0,0,0,.6);}
.runup .right, .runup .right2  { text-align:left; }
.right{color:#4b5459; font-size:14px; letter-spacing:8px;}
.right2{color:#4b5459; font-size:38px; font-weight:300; line-height:36px; margin:0px;}
.rightup{font-size:15px; font-weight:300; text-align:left; }
.righttop{font-size:13px; font-weight:600;  letter-spacing:5px; color:#fdffff; position:relative;}
.div{text-align:center;}
.righttop:hover{text-decoration:none; color:#fdffff;}
.alt2{background-color:#44ad95; width:34px; height:1px; margin:30px 0px; float:left; display:inline-block;}

.box{background-color:#fff; position:relative; max-width:800px; min-height:500px; margin:0 auto; padding:80px; box-shadow: 30px 30px 40px rgba(0,0,0,.06); -webkit-box-shadow:30px 30px 40px rgba(0,0,0,.06); margin-top:-85px;}
.boxleft{color:#fff; background-color:#44ad95; box-shadow: 9px 10px 20px rgba(0,0,0,.06); padding:20px 66px; display:inline-block; font-size:14px; font-weight:700; margin:0px 0px 0px 0px;}
.aboutus{font-size:65px; color:#fff; font-family: 'Rinjani', Sans sarif; text-transform: uppercase; line-height: 45px; }
.aboutus:hover{text-decoration:none; color:#fff;}
.boxright{color:#fff; background-color:#435765; padding:12px 40px; display:inline-block; font-size:16px; margin:25px 0px 50px 0px; transition: all 0.5s; margin: 0 auto; font-family: 'Rinjani', Sans sarif; text-transform: uppercase; letter-spacing: 1px;}
.tab{padding-bottom:70px;}
.home{padding:0px 0px;}
.boxright:hover{text-decoration:none; color:#fff; background: #2e3c46; }
.boxleft:hover{text-decoration:none; color:#fff; background: #2e3c46;}

.footer{ box-shadow:9px 10px 20px rgba(0,0,0,.06);}
.aboutleft i{background-color:#fff; border:1px solid #e8e8e8; color:#4b5459; width:39px; height:39px; border-radius:30px; padding:10px; float:left; margin-right:10px; text-align:center;}
.aboutleft2 i{background-color:#fff; border:1px solid #e8e8e8; color:#4b5459; width:39px; height:39px; border-radius:30px; padding:10px; float:left; margin-right:10px; text-align:center;}
.aboutright{float:left; padding-top:5px; color:#838688;}
.aboutleft{float:left; padding-right:20px;}
.aboutleft2{float:left; padding-right:0px;}
.about a:nth-child(2) i{ font-family: 'poppins', sans-sarif; font-weight: 700; font-size:15px; }
.about i{background-color:#fff; border:1px solid #e8e8e8; color:#4b5459; width:39px; line-height: 39px; height:39px; border-radius:30px; padding:0px; margin-right:5px; text-align:center;  transition:all 0.5s;}
.about{float:right;}
.about2{padding:50px 15px; background-color:#f5f5f5; box-shadow: 9px 10px 20px rgba(0,0,0,.06);}
.top{text-align:center; color:#4b5459; font-size:13px; padding:20px 0px; margin:0px; font-weight: 500;}
.bottomtop{float:right; display:inline-block;}
.about i:last-child{margin:0px;}
.about a i:hover{background-color:#4b5459; color:#fff; text-decoration:none !important;}

.promoteDiv { padding: 30px 0; background: url('../images/promote-bg.jpg') no-repeat bottom center; background-size:cover; min-height: 550px; display: flex; align-items:center; position: relative; }
.promoteDiv:before { position:absolute; background: background: rgb(230,230,230);
background: linear-gradient(180deg, rgba(230,230,230,1) 15%, rgba(220,97,37,0) 70%); top: 0px; left: 0px; width: 100%; height: 90%; content: ''; opacity: 0.90; }  
.promoteDiv .macro2 { margin-bottom: 10px; }
.promoteDiv .promoteLine { font-size: 20px; }
.promoteDiv .container { z-index: 1; }

.macrotop::before{height:1px; width:34px; content: ""; position:absolute; background-color:#4b5459; left:105%; top:7px; transition:all 0.5s;}
.righttop::before{height:1px; width:34px; content: ""; position:absolute; background-color:#fff;  right:105%; bottom:7px; transition:all 0.5s;}
.macrotop:hover::before{ width:60px;}
.righttop:hover::before{ width:60px;}


.tableft{width:38%; float:right; position:relative; right:100px;}
.tableft2{width:38%; float:left; position:relative; left:100px; padding-top:130px;}
.tabup{width:100%; position:relative; margin-top:-238px}
.box:after{position:absolute; content: ""; left:100%; background-color:#44ad95; top:85px; width:8px; height:103px;}
.runup:after{position:absolute; content: ""; left:100%; background-color:#44ad95; top:85px; width:8px; height:103px;}
/* .view2:after{position:absolute; content: ""; right:100%; background-color:#44ad95; 	top:85px; width:5px; height:103px;} */

.inquiryBtn {  bottom:10px; position:fixed; left:10px; z-index:9; }
.inquiryBtn a { font-size:15px; color:#fff; background-color:#14c656; padding: 12px; display:inline-block; text-transform:uppercase; font-weight:600; transition: all 0.4s; border-radius: 75px; box-shadow: 0px 3px 10px rgba(0,0,0,0.1); }
.inquiryBtn a:hover { background-color:#2e3c46; text-decoration:none; }
.inquiryBtn a img { max-width:35px; }

/* .inquiryBtn {transform: translate(41%,-50%); top:50%; position:fixed; right:0%; z-index:9;} */
/* .inquiryBtn a { font-size:15px; color:#fff; transform: rotate(90deg); background-color:#435765; padding: 12px 70px; display:inline-block; text-transform:uppercase; font-weight:600; transition: all 0.4s; } */
/* .inquiryBtn a:hover { background-color:#2e3c46; text-decoration:none; } */


.text{background-color:#fff; color:#000;padding: 80px; display: inline-block;position: relative;width: 100%; max-width: 800px; /* box-shadow: 30px 30px 40px rgba(0,0,0,.06); */ display: table; margin: 0 auto; margin-bottom: 85px;}
.text2{color:#435765; font-size:19px; font-weight: 300;}
/* .text:after{position:absolute; content: ""; left:100%; background-color:#44ad95; top:85px; width:8px; height:103px;} */
.tab2 img {float: left; padding-right: 10px; position:absolute; left:0px; max-width:40px; }
.textleft{float:left; font-size:19px; color:#435765;}

.tab2 .textleft { margin: 0px; font-weight: 300;}

.runright{max-width: 700px; margin: 0 auto;}
.pageright{width: 100%;border-bottom: 1px solid #d6d6d6; padding: 25px 0px;float: left;}
.pageright2 { padding: 0px;margin: 0px;float: left; font-size: 18px; font-weight: 500; text-transform: uppercase; color: #435765;}
.open {float: right;}
.open p { margin: 0px; font-size: 16px; text-transform: uppercase; }

.contacttop {margin-bottom: 20px; padding-left:0px; border: none; border-bottom: 2px solid #dbdbde; font-size: 18px; border-radius: 0px; }
.contacttop:focus{ border-color:#435765;}
.top2{background: url('../images/logo1.png') no-repeat center center; background-size:cover; height:480px; width:100%;}
.design{margin: -25px 0px;}
.boxbottom{display: table; text-align: center;width: 100%;}
.textright{background-color:#fff; color:#000;padding: 70px 80px; margin-top: 0px;display: inline-block;position: relative;width: 100%; max-width: 800px;     box-shadow: 30px 30px 40px rgba(0,0,0,.06); margin: -25px 0px 99px 0px;}
.tab2{float:left; position:relative; padding: 8px 0 8px 40px; text-align:left; display: flex; align-items: center; }

.btn-primary { background-color:#435765; border-color:#435765; border-radius:0px; -webkit-border-radius:0px; transition: all 0.3s; -webkit-transition: all 0.3s; padding: 8px 18px; }
.btn-primary:hover { background-color: #2e3c46; border-color:#2e3c46;}
.btn-primary.active { background-color: #2e3c46; border-color:#2e3c46; }

.projectsView img { width:100%; }

.projectColumn { position:relative; margin-bottom:30px; overflow:hidden; }
.projectColumn a { outline: none; }
.projectColumn a i { text-align:center; outline: none; position:absolute; border-right:solid 15px #fff; border-left:solid 15px #fff; background-color:#44ad95eb; left:0px; top:100%; height:100%; width:100%; transition: all 0.3s; -webkit-transition: all 0.3s; }
	
.projectColumn a:hover i { top:0px;  }
.projectColumn a i { padding-top: 32%; color: #fff; font-size:20px;}

.formSubmit { text-transform: uppercase; font-size: 16px; padding: 14px 45px; margin-top: 20px; background: #09191e; }


.productsList .item { margin-bottom: 50px; padding: 0px; }
.project_logo p {  }
.project_logo p {
    font-size: 22px;
    padding: 10px 0px 7px 0px;
    width: 100%;
    text-align: center;
    margin: 0px;
    /* min-height: 66px; */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4b5459;
	font-weight: 500;
    /* text-transform: uppercase; */
}

.project_logo {
    text-align: center; margin: 0 25px; padding: 1px 1px 3px 1px; position: relative; /* box-shadow: 5px 5px 10px #e6e6e6; */ transition: all 0.3s; /* background: #fff; */ }

.project_logo:hover { box-shadow: 0px 20px 30px -10px #555; transform: translateY(-5px); }
.project_logo img { margin-bottom: 0px; width: 100%; position: relative; right: auto; }
.item { position:relative; }
.edit { position:relative; }
.edit:after { position:absolute; content:""; height: 100%; width:100%; left: 0px; top:0px; opacity: 0.7; z-index:0; background: rgb(23,27,30);
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(75,89,98,0) 80%); }

.editright { position: relative; padding-top: 50px; }
.editright:after { position:absolute; content:""; height: 100%; width:100%; left: 0px; top:0px; opacity: 0.8; z-index:0; background: rgb(23,27,30);
background: linear-gradient(180deg, rgba(23,27,30,1) 0%, rgba(75,89,98,0) 80%); }

.editright * { position: relative; z-index:1; }

.item .container { height: 100%; color:#fff; display: flex; min-height: 400px; align-items: center; justify-content: center; max-width: 80%; z-index: 1; position: relative; }
.item .container h1 { font-family: 'Rinjani', Sans sarif; font-size: 60px; font-weight: bold; margin-bottom: 20px; text-transform:uppercase; }
.item .container span { font-family: 'Rinjani', Sans sarif; font-size: 32px; margin-bottom: 10px; text-transform:uppercase; background-color: rgb(67 87 101 / 75%); padding: 0 40px; display: inline-block; line-height: 30px; letter-spacing: 8px; }
.bannerContainer { text-align: left; max-width: 1000px; text-align: center; }
.bannerContainer p { color:#eee; font-size: 19px; }
.bannerContainer .boxleft { margin-top: 20px;  }
		
.inMobileShow { margin-left: auto; margin-right: 50px; display: none; }
.inMobileShow .nav-link { padding-right:5px; }

.catalogInner .project_logo a { cursor: pointer; display: inline-block; height: 100%; position: relative; z-index: 1; }
/* .catalogInner .project_logo { box-shadow: 3px 5px 3px #f5f5f5; } */
.catalogInner .project_logo:hover { box-shadow: 0px 20px 30px -10px #000; }
.catalogInner .project_logo:hover img { transform: scale(1.02) translateY(-5px); }
.catalogInner .project_logo img { max-width: 95%; transition: all 0.4s; border: solid 1px #d7d7d7; }
.catalogInner.different1600 .project_logo img { width: auto; }
.catalogInner.smallImgCatalog .project_logo img { max-width: 150px; max-height: 550px; }
.catalogInner .project_logo p { font-size: 16px; padding: 10px ; font-weight: 400; letter-spacing: 0.5px; line-height: 20px; margin: 5px 0; }
.catalogInner .project_logo span { font-family: 'Rinjani', Sans sarif; text-transform: uppercase; padding-bottom: 7px; font-size:11px; color:#b0b0b0; display: block; letter-spacing: 2.5px; }

.item:hover a { text-decoration:none; }
.item:hover a .project_logo p { color:#710901; }

.banner { min-height: 100vh; }
.banner .editright:after { display:none; }

.banner .owl-controls { position: absolute; z-index: 99; margin-top: -65px !important; width: 100%; }

.banner .owl-theme .owl-controls .owl-page.active span, .banner .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #fff; border: solid 2px #fff; }

.item .projectColumn a i { border: none; }
.item .projectColumn { margin-bottom: 0px; overflow: hidden; border-radius: 7px; }

.productsList.projectsView h1 { font-family: 'Georgia', sans-sarif; font-size: 28px; font-weight: bold; margin-bottom: 1.2rem; margin-top: 20px; }
.productsList.projectsView ul { padding-left: 20px; }
.productsList.projectsView hr { margin-bottom: 2rem; opacity: 0.5; }

.productsMainDiv .alt { width: 100%; height: 2px; }
.productsMainDiv .macro2 { font-weight: bold; }

.exploreProducts.cataloguesDiv .view2 { margin-top: 0px; }
.exploreProducts.cataloguesDiv .viewup { padding: 0px; }

.certifications .project_logo { box-shadow: 5px 5px 10px #e6e6e6; margin: 0 15px; }
.certifications .productsList .item { margin-bottom: 30px; }

.yourStyle { margin-top:0px;  }
.yourStyle.run { display: flex; align-items: center; justify-content: center; height: auto; padding: 25px 10px; }
.yourStyle.run .view2 { padding: 10px 15px; box-shadow: none; border: solid 3px #fff; background: rgb(23,27,30);
background: linear-gradient(180deg, rgba(23,27,30,0.9) 37%, rgba(75,89,98,0.85) 100%); }
.yourStyle.run .macro2 { margin-bottom: 0px; line-height: 36px; color:#b3b2b2; }
.yourStyle.run .macro { color:#b3b2b2; }

.exploreProducts.promoteDiv { background: #fff; margin-top: -25px; position: relative; }
.exploreProducts.promoteDiv .view2 { margin-top: 0px; }

.promoteDiv .productsList .item { margin-bottom: 15px; }


/** Footer **/

#footer { background: #051409; }
.footer { padding:30px 0px 60px 0px; }
.footer_box h3 { color:#fff; font-size:17px; font-weight: 400; margin:0px; margin-bottom: 10px; margin-top: 30px; border-bottom: solid 1px #333; padding-bottom: 15px; }
.footer_box.footerLogo h3 { border-bottom: none; padding-bottom: 0px; }
.footer { color: #7f7d7d; }
.menu {}
.menu ul { list-style: none; padding: 0; margin: 0;}
.menu ul li {padding:4px 0px; font-size: 17px; flex-wrap: nowrap; }
.menu ul li a { display: block; color: #7f7d7d; font-size: 17px; font-weight:400; }
.menu ul li a:hover { color: #c9c7c7; text-decoration: none; }
.footer_box p { color:#dddddd; font-size:14px; /* line-height:30px; */ letter-spacing: -0.5px; }
p.addressOfficehead {  font-size:15px; color:#fff; }
.footer_icon { color:#44ad95; font-size:14px; margin-right:5px;}
.footer_box a { color:#fff; font-size:14px;}
.footer_box a:hover { color:#44ad95;}

.footer_box { padding-right: 30px; padding-left: 30px; }

.footer_box p { color:#dddddd; font-size:14px; /* line-height:30px; */ letter-spacing: -0.5px; }
p.addressOfficehead {  font-size:15px; color:#7f7d7d; font-weight:400; text-transform: uppercase; }
.footer_icon { color:#44ad95; font-size:14px; margin-right:5px;}
.footer_box a { color:#fff; font-size:14px;}
.footer_box a:hover { color:#44ad95;}
.brdr_bttm { border-top:1px solid #434343; padding-top:30px; margin-top:10px;}
.padd { padding-bottom:52px; }

.footerLogo img { max-width: 200px; }
.footerLogo { text-align:right; }

.menu .shareWith li { display: inline-block; margin-right: 5px; }
.menu .shareWith li span { padding-left: 5px; color: #7f7d7d; font-weight: 400;}
.menu .shareWith li a { width: 32px; min-width: 32px; height: 32px; border-radius: 32px; background: #153e1e; display: flex; align-items:center; justify-content:center; }
.menu .shareWith.getInTouch li a { float: left; line-height: 32px; text-align: center; display: inline-block; }
.menu .shareWith.getInTouch li span	{line-height: 32px;}
.menu .shareWith li a i { color:#fff; margin-right: 0px; }
.menu .shareWith li a:hover { background-color:#3b6676; }
.menu .shareWith li a:hover i {  }

.copyrightMainDiv { border-top: solid 1px #1a272d; padding: 0px; }

.shopLicences { padding-top: 20px; }
	.shopLicences span { margin-right: 20px; font-size:16px; }
	.shopLicences span b { color:#fff; font-weight:600; }


a.animated-button.thar-one {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	border: 1px solid #ffffff7d;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	z-index:2;
	font-weight: 500;
	background:#1e3944;
}
a.animated-button.thar-one:hover {
	color: #fff !important;
	background-color: transparent;
	text-shadow: none;
}
a.animated-button.thar-one:hover:before {
	bottom: 0%;
	top: auto;
	height: 100%;
}
a.animated-button.thar-one:before {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #fff !important;
	background: #c38824;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

a.animated-button:link, a.animated-button:visited {
	position: relative;
	display: block;
	/* margin: 30px auto 0; */
	padding: 20px 25px;
	color: #fff;
	font-size:17px;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	border-radius: 0;
	letter-spacing: 0.3px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
a.animated-button:link:after, a.animated-button:visited:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
	color: #FFF;
	text-shadow: none;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
	/* height: 450%; */
}

a.compact.animated-button:link, a.compact.animated-button:visited { padding: 12px 20px; min-width: 290px;  } 

.btn.orangeBtn {  transition: all 0.5s; padding: 6px 18px 5px 18px; text-transform: uppercase; font-weight: bold; font-size: 13px; } 
.btn.orangeBtn:hover { background:#0d3a57; border-color:#0d3a57; } 

a.animated-button.thar-one.blueBtn { background-color:#09191e; color:#fff; box-shadow: 0 2px 4px #3b227d0a; letter-spacing: 0.5px; font-weight: 400; }
a.animated-button.thar-one.blueBtn span { display: inline-block; }
a.animated-button.thar-one.blueBtn:before { background-color:#c38824; }
a.animated-button.thar-one.grayBtn { background-color:#fff; box-shadow: 0 2px 4px #3b227d0a; color:#0d3a57; }
a.animated-button.thar-one.grayBtn:before { background-color:#0d3a57; }

.BtnCenter .animated-button.btn {
    margin: 0 5px;
    margin-top: 20px;
    display: inline-block;
}

.circlePath {
	fill: #096EB6;
	stroke-width: 2px;
	stroke:#096EB6;
	animation: circleZoom 3s linear;
	animation-iteration-count: infinite;
}

@keyframes circleZoom {
   0% {
    stroke-width: 2px;
  }
  50% {
    stroke-width: 5px;
	fill: #0977c6;
	stroke:#0977c6;
  }
  100% {
    stroke-width: 2px;
	fill: #096EB6;
  }
  
  
}


.path {
  stroke-dasharray: 10 5;
  animation: dash 25s linear;
  animation-iteration-count: infinite;
}

@keyframes dash {
  to {
    stroke-dashoffset: -1000;
  }
}

.path2 {
  stroke-dasharray: 10 5;
  animation: dash2 25s linear;
  animation-iteration-count: infinite;
}

@keyframes dash2 {
  to {
    stroke-dashoffset: 1000;
  }
}


.globalImg { max-width: 100%; width: 100%; height: auto; }  

#global svg { max-width: 1000px; width: 100%; height: auto; }


.imgAboutDiv { margin: 50px auto; padding: 0 150px; max-width: 1500px; }
.aboutUsHome { background: #051409; padding: 50px 15px; }
.imgAboutDiv .aboutContent { background: #051409; padding: 0 80px; }
.imgAboutDiv .aboutContent .macro2 { text-align:left; }

.imgAboutDiv p { color:#c1c5c8; }

.catalogSlider .edit { /* max-height: 450px; min-height: 600px; */ height: auto; position: relative; color:#fff; display: flex; align-items: end;      justify-content: center; transition: all 0.5s; background-size: auto 100% !important; }
.catalogSlider .edit:hover { background-size: auto 105% !important; }
.catalogSlider .edit:after { opacity: 0.8; background: linear-gradient(360deg, rgba(0,16,22,1) 15%, rgba(0,0,0,0) 80%); bottom: 0px; height: 40%; top: auto; }
.catalogSlider.owl-carousel .owl-item { padding: 0 5px; }

.catalogSlider .edit p { font-size: 25px; color:#fff; position: relative; z-index: 1; }
.owl-carousel.owl-theme .owl-controls .owl-page span { width: 35px; height: 5px; margin: 5px 4px; border-radius: 0px; }

.catalogSlider.owl-carousel .owl-item:nth-of-type(odd) { margin-top: 0px; }
.catalogMainDiv { /* margin: 5px; */ width: auto; padding: 50px 15px; }
/* .catalogMainDiv.grediantBg { background: linear-gradient(180deg, #12391a 50%, rgba(245,245,245,1) 100%); } */

.catalogSlider .owl-item .item .catalogCategory { position:absolute; bottom: 0px; left: 0px; width: 100%; overflow: hidden; transition: all 0.4s; transform: translateY(calc(100% - 50px)); z-index: 5; }
.catalogSlider .owl-item .item .catalogCategory p { margin-bottom: 10px; }
.catalogSlider .owl-item .item .catalogCategory p { margin-bottom: 10px;  }
.catalogSlider .owl-item .item:hover .catalogCategory { bottom: 25px; z-index: 5; transform: translateY(0%); }
.catalogSlider .owl-item .item .catalogCategory .sizeProduct { color:#fff; text-transform: uppercase; opacity: 0.7; font-size: 14px; font-weight: 400; padding: 2px 5px; position: relative; margin: 3px; background: #09191e; display: inline-block; }
.catalogSlider .owl-item .item .catalogCategory a:before { position: absolute; width: 100%; height: 0%; left: 0px; bottom: 0px; background: linear-gradient(90deg, #c38824 15%, #c38824 70%); content: ''; transition: all 0.4s; z-index: -1; }
.catalogSlider .owl-item .item .catalogCategory a:hover { opacity: 1; background: transparent; }
.catalogSlider .owl-item .item .catalogCategory a:hover:before { height: 100%; }

.catalogSlider.testimonialsDiv .item { background: #fff; border: solid 1px #ddd; padding: 35px; text-align:left; }
.catalogSlider.testimonialsDiv .item p { font-size:20px; }
.catalogSlider.testimonialsDiv .item h5 { font-size:17px; margin-top: 25px; margin-bottom: 0px; }
.catalogSlider.testimonialsDiv .item span { font-size:15px; }
.clientReviewsStar { color: #c38824; margin-bottom: 15px; }  
.clientReviewsStar i { margin-right: 3px; font-size:22px; }

.testimonialsMainDiv { position: relative; } 
.testimonialsMainDiv:before { content:''; position: absolute; width: 100%; height: 100%; /* background: url('../images/testimonials-bg.jpg'); background-size: cover; */ opacity:0.6; filter: grayscale(1); top: 0px; left: 0px; z-index: -1; }

.applicationDiv { margin: 5px; }
.appInnerDiv { background: url('../images/app-areas-bg.jpg'); background-size: cover; position: relative; z-index: 1; }
.appInnerDiv.featuresDiv { background: url('../images/features-bg.jpg') bottom center; }
.appInnerDiv .appHead { padding: 0px 15px 0px 15px; min-width: 300px; max-width: 400px; background: rgba(0,15,21,0.85); display: flex; margin: 0 auto; font-size:42px; line-height: 40px; justify-content:center; }

.applicationDiv { position: relative; }
.appInnerDiv:after { position: absolute; top: 0px; left: 0px; content:''; width: 100%; height: 100%; background: rgba(255,255,255,0.6); z-index: -1; }
.appAreasDiv { padding: 50px 0; display: flex; }
.appAreas { max-width: 680px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content:center; } 
.iconDiv { display: inline-block; width: 25%; text-align: center; font-size: 16px; font-weight: 500; padding: 20px 8px; color:#09191e; }
.iconDiv img { max-width:85px; }
.iconDiv span { display: block; }

.testimonialsDiv { max-width: 900px; margin: 0 auto; }

.video-container{ width: 100vw; height: 100vh; }

video#homeVideo { position: absolute; width: 100%; height: 104%; z-index:0; background-position: center center; background-size: contain;
object-fit: cover; left: 0; top: -10px; }

#homeVideo { /* position: absolute; */ width: 100%; height: 100%; z-index:0; background-position: center center; background-size: contain;
object-fit: cover; background-position: 0 40px; left: 0; top: 0px; }

.productBuyLink { font-weight: 500; background:#000; color:#fff; padding: 9px 20px; display: inline-block; margin-right: 5px; font-size: 16px; }
.productBuyLink:hover { background:#c38824; color:#fff; }