.html {scroll-behavior: smooth;}
.clear {width:100%; float: left; height: 1px;}
.topmenu a {color: #ffffff;}
.topmenu a:hover {color: #ffffff; text-decoration: none;}
.mainmenu {text-transform: uppercase; overflow: hidden;}
.mainmenu a{color: #ffffff;}
.mainmenu a:hover {color: #ffffff; text-decoration: none;}
.active {color: #999 !important;}




@media (max-width: 767px) { 
body {font-family: 'Oswald', sans-serif; letter-spacing: 2px; color: #ffffff; background: #231f20;}
.maincont {max-width: 2000px; margin: auto; background: url("../img/crystal.png") fixed no-repeat right bottom; background-size: auto 30%; background-position: 100% 100%; height: 100vh;}
.maincont1 {max-width: 2000px; background: #231f20 url("../img/saltsbgrmobile.jpg") top left no-repeat; margin: auto; height: 100vh;}
.aboutftrbgr {background: linear-gradient(to top, #070608 20%, transparent 40%); overflow: hidden;}
.maincont2 {max-width: 2000px; margin: auto;  background: url("../img/contactusbgr3mobile.jpg") no-repeat; background-size: 100% 100%; background-position: 100% 100%; overflow: hidden;}
.maincont3 {max-width: 2000px; margin: auto;}
.producthdrelemtn {background: url("../img/prodycthdr.png") top left no-repeat; background-size: 40%;}
.productsbgr1 {background: url("../img/productheaderbgrmobile.jpg") no-repeat; background-size: 100% 100%; background-position: 100% 100%;}
.productsbgr2 {background: url("../img/productheaderbgr2mobilenoo.jpg") no-repeat; background-size: 100%;}
.prd2prelivka {background: linear-gradient(to top, #231f20 15%, transparent 40%);}
.index {background: #05090f url("../img/mainbgr.png");}
.mainspoon {width: 65%; bottom: 0px; position: fixed;}
.maintitle {width: 80%; padding: 20px 0 10px 10px;  margin-top: 15%; text-transform: uppercase; background: linear-gradient(to right, #3880a9 80%, transparent 60%); opacity: 85%;}
.mt1 {text-align: right; font-size: 20px; font-weight: 500; color: #fff; opacity: 1;}
.mt2 {text-align: right; font-size: 18px; font-weight: 450; color: #fff; opacity: 100%;}
.mmenubox {max-width:100%; text-align: center; margin: 0 auto; padding: 5px 0px; display: inherit !important;}
.mainmenu {font-size: 14px;}
.mainmenu a{margin-left: 0px;}
.topmenu {float: center; text-align: center; margin: 0 auto; padding: 5px 0px;}
.clogo img{width:25%; margin: 2%;}
.mainimg {max-width: 48%; z-index: 1;}
.footersalt{width: 100%; bottom: 0; float: left;  color: #999; padding: 30px 50px;}
.ftrlogo {width: 20%; margin-bottom: 25px;}
.ftrrght {text-align: right;}
.aboutimg {max-width: 50%; float: right; overflow: hidden !important;}
.aboutsalt {}
.abouttext {max-width: 100%; float: left; padding: 30px 15px; font-size: 15px; letter-spacing: 1.0px;}
.contactform {width: 100%; float: left; padding: 40px; padding-top: 50px; font-size: 15px; overflow: hidden;}
.contactform input, .contactform textarea {font-size: 15px; background: #b4b4b4; opacity: 80%;}
.btn-contact {background: #fff; color: #565656; padding: 10px 40px !important; border: 0px;}
.contactaddress {padding: 40px 10px; text-align: center;}
.contactaddressmap {margin-top: 50px; padding: 0px; border-radius: 8px; background: #070608;}
.contactusimg img {float: right; margin-right: -200px;}
.productsleft {width: 100%; float: left; padding: 30px; font-size: 17px; overflow: hidden; text-align: center;}
.productsleft ul{list-style: none; text-transform:uppercase; color: #fff; font-size: 22px; margin-left: 0; padding-left: 0;}
.productsleft a{color: #fff; text-decoration: none;}
.productsleft a:hover{color: #fff;}
.productsleft ul a:hover{background: -webkit-linear-gradient(#40549e, #74bcab); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.productsleft1 {width: 100%; float: left; padding: 30px; padding-top: 50px; font-size: 18px; overflow: hidden;}
.productsleft1 ul{list-style: none; text-transform:uppercase; color: #fff; font-size: 25px;}
.productsleft1 a{color: #fff; text-decoration: none;}
.productsleft1 a:hover{color: #fff;}
.productsleft1 ul a:hover{background: -webkit-linear-gradient(#40549e, #74bcab); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold;}
.slide1 {background: url("../img/products1.png") no-repeat; background-position: bottom;}
.minh1 {min-height: 700px; padding-top: 00px; margin-left: 0px !important; margin-right: 0px !important;}
.minh {min-height: 700px; padding-top: 35px;}
.productpadding {padding-top: 40px; width:100%; float: left; overflow: hidden;}
.prelivkafon {background: linear-gradient(to left, #40549e 0%, #5c8da5 30%, #69a8a8 70%, #74bcab 1000%); opacity: 0.8;}
.prelivkatext {background: -webkit-linear-gradient(#40549e, #74bcab); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold;}
.columntxtright h2 {text-transform: uppercase; padding: 20px 0; padding-bottom: 0px; font-size: 110%;}
.slide1rigth {width: 50%; float: right; padding: 50px 200px 0 50px; font-size: 18px;}
.columntxtright {width: 100%; float: right; padding: 10px 50px 0 50px; font-size: 15px;}
.fon1 {background: url("../img/about1.png") no-repeat; background-size: 70% auto; background-position: 65% 40%;}
.fon2 {background: url("../img/salt2.png") no-repeat; background-size: 70% auto; background-position: 65% 25%; }
.fon3 {background: url("../img/washed.png") no-repeat; background-size: 70% auto; background-position: 65% 23%; }
.fon4 {background: url("../img/tablets.png") no-repeat; background-size: 60% auto; background-position: 65% 30%; }
.fon5 {background: url("../img/spoon.png") no-repeat; background-size: 60% auto; background-position: 65% 25%; }
.fon6 {background: url("../img/rock.png") no-repeat; background-size: 100% 100%; background-position: 110% 25%; }
.prttl {width: 55%; color: #fff; opacity: 1 !important; margin-top: 35px;}
.prttlbox {width: 100%; height: 60px; color: #fff;  z-index: 1 !important;}
.ttlvert {writing-mode: vertical-rl; text-orientation: mixed; font-size: 25px; padding: 10px; margin-top: -45px; z-index: 1000 !important; position: relative; text-transform: uppercase;}
.slide2 {background: url("../img/products2.png") no-repeat;  background-position: top; margin-top: -3px;}
.specification {float: left; width: 100% !important; text-align: center !important;}
.specification h3 {float: left; width: 100% !important; text-align: center !important; padding: 20px 0; text-transform: uppercase; font-size: 18px; margin-top: 30px;}
.tablebox {float: left; width: 100%;  margin: 10px 50px;}
.specification table {width: 100%; text-transform: uppercase;}
.specification th {padding: 15px 0px; font-size: 16px;}
.specification td {border: 1px solid #fff; padding: 10px 0px; font-size: 16px;}
.footersalt a {color: #fff; font-weight: 100;}
.footersalt a:hover {color: #fff; text-decoration: none;}
.factive {color: #fff !important;}
.footersalt ul {list-style:none; margin: 0; padding: 0;}
.footersalt {font-size: 13px; text-align: center !important;}
.ftrrght {text-align: center !important; margin-top:25px; font-weight: 100;}
.ftrrght b {color: #fff;}
.ftrprod {margin-top: 80px;}
.contacslgbg {}
.productslgbg {background: url("../img/productsbgr.png");  overflow: hidden;}
.prbodybgr {background: #231F20;}
.ftrc {text-align: center !important;}
}


@media (min-width: 768px) and (max-width: 991px) { 
body {font-family: 'Oswald', sans-serif; letter-spacing: 2px; color: #ffffff; background: #231f20;}
.maincont {max-width: 2000px; margin: auto; background: url("../img/crystal.png") fixed no-repeat right bottom; background-size: auto 40%; background-position: 100% 100%; height: 100vh;}
.maincont1 {max-width: 2000px; background: #231f20 url("../img/abgbg.jpg") no-repeat; background-size: 100% 100%; background-position: 100% 100%; margin: auto; height: 100vh;}
.aboutftrbgr {background: none; overflow: hidden;}
.maincont2 {max-width: 2000px; margin: auto;  background: url("../img/contactusbgr3.jpg") no-repeat; background-size: 100% 100%; background-position: 100% 100%; overflow: hidden;}
.maincont3 {max-width: 2000px; margin: auto;}
.producthdrelemtn {background: url("../img/prodycthdr.png") top center no-repeat; background-size: 30%;}
.productsbgr1 {background: url("../img/productheaderbgr.jpg") no-repeat; background-size: 100% 100%; background-position: 100% 100%;}
.productsbgr2 {background: url("../img/productheaderbgr2.jpg") no-repeat; background-size: 100%;}
.prd2prelivka {background: linear-gradient(to top, #231f20 15%, transparent 40%);}
.index {background: #05090f url("../img/mainbgr.png");}
.mainspoon {width: 65%; bottom: 0px; position: fixed;}
.maintitle {width: 60%; padding: 20px 0 10px 10px;  margin-top: 15%; text-transform: uppercase; background: linear-gradient(to right, #3880a9 80%, transparent 60%); opacity: 85%;}
.mt1 {text-align: right; font-size: 24px; font-weight: 500; color: #fff; opacity: 1;}
.mt2 {text-align: right; font-size: 30px; font-weight: 450; color: #fff; opacity: 100%;}
.mainmenu {font-size: 16px;}
.mainmenu a{margin-left: 0px;}
.topmenu {float: right; padding: 5px 30px 0 30px;}
.clogo img{width:60%; margin: 2%;}
.mainimg {max-width: 48%; z-index: 1;}
.footersalt{width: 100%; bottom: 0; float: left;  color: #999; padding: 30px 50px; padding-top: 40px;}
.ftrlogo {width: 20%; margin-bottom: 25px;}
.ftrrght {text-align: right;}
.aboutimg {max-width: 50%; float: right; overflow: hidden !important;}
.aboutsalt {}
.abouttext {max-width: 60%; float: left; padding: 30px 40px; font-size: 15px; letter-spacing: 1.0px;}
.contactform {width: 60%; float: left; padding: 50px; padding-top: 50px; font-size: 15px; overflow: hidden;}
.contactform input, .contactform textarea {font-size: 15px; background: #b4b4b4; opacity: 80%;}
.btn-contact {background: #fff; color: #565656; padding: 10px 40px !important; border: 0px;}
.contactaddress {padding: 40px 10px;}
.contactaddressmap {margin-top: 50px; padding: 0px; border-radius: 8px; background: #070608;}
.contactusimg img {float: right; margin-right: -200px;}
.productsleft {width: 50%; float: left; padding: 30px; padding-top: 50px; font-size: 17px; overflow: hidden;}
.productsleft ul{list-style: none; text-transform:uppercase; color: #fff; font-size: 22px;}
.productsleft a{color: #fff; text-decoration: none;}
.productsleft a:hover{color: #fff;}
.productsleft ul a:hover{background: -webkit-linear-gradient(#40549e, #74bcab); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.productsleft1 {width: 50%; float: left; padding: 30px; padding-top: 50px; font-size: 18px; overflow: hidden;}
.productsleft1 ul{list-style: none; text-transform:uppercase; color: #fff; font-size: 25px;}
.productsleft1 a{color: #fff; text-decoration: none;}
.productsleft1 a:hover{color: #fff;}
.productsleft1 ul a:hover{background: -webkit-linear-gradient(#40549e, #74bcab); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold;}
.slide1 {background: url("../img/products1.png") no-repeat; background-position: bottom;}
.minh1 {min-height: 700px; padding-top: 50px; margin-left: 0px !important; margin-right: 0px !important;}
.minh {min-height: 700px; padding-top: 50px;}
.productpadding {padding-top: 340px; width:100%; float: left; overflow: hidden;}
.prelivkafon {background: linear-gradient(to left, #40549e 0%, #5c8da5 30%, #69a8a8 70%, #74bcab 1000%); opacity: 0.8;}
.prelivkatext {background: -webkit-linear-gradient(#40549e, #74bcab); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold;}
.columntxtright h2 {text-transform: uppercase; padding: 20px 0; padding-bottom: 0px; font-size: 110%;}
.slide1rigth {width: 50%; float: right; padding: 50px 200px 0 50px; font-size: 18px;}
.columntxtright {width: 50%; float: right; padding: 50px 50px 0 50px; font-size: 15px;}
.fon1 {background: url("../img/about1.png") no-repeat; background-size: 80% auto; background-position: 65% 30%;}
.fon2 {background: url("../img/salt2.png") no-repeat; background-size: 80% auto; background-position: 65% 15%; }
.fon3 {background: url("../img/washed.png") no-repeat; background-size: 80% auto; background-position: 65% 13%; }
.fon4 {background: url("../img/tablets.png") no-repeat; background-size: 70% auto; background-position: 65% 20%; }
.fon5 {background: url("../img/spoon.png") no-repeat; background-size: 70% auto; background-position: 65% 15%; }
.fon6 {background: url("../img/rock.png") no-repeat; background-size: 70% auto; background-position: 65% 15%; }
.prttl {width: 55%; color: #fff; opacity: 1 !important; margin-top: 250px;}
.prttlbox {width: 100%; height: 110px; color: #fff;  z-index: 1 !important;}
.ttlvert {writing-mode: vertical-rl; text-orientation: mixed; font-size: 40px; padding: 10px; margin-top: -75px; z-index: 1000 !important; position: relative; text-transform: uppercase;}
.slide2 {background: url("../img/products2.png") no-repeat;  background-position: top; margin-top: -3px;}
.specification {float: left; width: 100% !important; text-align: center !important;}
.specification h3 {float: left; width: 100% !important; text-align: center !important; padding: 20px 0; text-transform: uppercase; font-size: 22px; margin-top: 30px;}
.tablebox {float: left; width: 100%;  margin: 10px 50px;}
.specification table {width: 100%; text-transform: uppercase;}
.specification th {padding: 15px 0px; font-size: 20px;}
.specification td {border: 1px solid #fff; padding: 10px 0px; font-size: 20px;}
.footersalt a {color: #fff; font-weight: 100;}
.footersalt a:hover {color: #fff; text-decoration: none;}
.factive {color: #fff !important;}
.footersalt ul {list-style:none;}
.footersalt {font-size: 13px; text-transform: uppercase;}
.ftrrght {color: #fff; font-weight: 100;}
.ftrprod {margin-top: 80px;}
.contacslgbg {}
.productslgbg {background: url("../img/productsbgr.png");  overflow: hidden;}
.prbodybgr {background: #231F20;}
.ftrc {text-align: left !important;}
}


@media (min-width: 992px) and (max-width: 1199px) {
body {font-family: 'Oswald', sans-serif; letter-spacing: 2px; color: #ffffff; background: #070608;}
.maincont {max-width: 2000px; margin: auto; background: url("../img/crystal.png") fixed no-repeat right bottom; background-size: auto 75%; background-position: 100% 100%; height: 100vh;}
.maincont1 {max-width: 2000px; background: #070608 url("../img/abgbg.jpg") no-repeat; background-size: 100% 100%; background-position: 100% 100%; margin: auto; height: 100vh;}
.aboutftrbgr {background: linear-gradient(to top, #070608 20%, transparent 40%); overflow: hidden;}
.maincont2 {max-width: 2000px; margin: auto;  background: url("../img/contactusbgr3.jpg") no-repeat; background-size: 100% 100%; background-position: 100% 100%; overflow: hidden;}
.maincont3 {max-width: 2000px; margin: auto;}
.producthdrelemtn {background: url("../img/prodycthdr.png") top center no-repeat; background-size: 30%;}
.productsbgr1 {background: url("../img/productheaderbgr.jpg") no-repeat; background-size: 100% 100%; background-position: 100% 100%;}
.productsbgr2 {background: url("../img/productheaderbgr2.jpg") no-repeat; background-size: 100%;}
.prd2prelivka {background: linear-gradient(to top, #231f20 15%, transparent 40%);}
.index {background: #05090f url("../img/mainbgr.png");}
.mainspoon {width: 65%; bottom: 0px; position: fixed;}
.maintitle {width: 60%; padding: 20px 0 10px 10px;  margin-top: 15%; text-transform: uppercase; background: linear-gradient(to right, #3880a9 80%, transparent 60%); opacity: 85%;}
.mt1 {text-align: right; font-size: 24px; font-weight: 500; color: #fff; opacity: 1;}
.mt2 {text-align: right; font-size: 30px; font-weight: 450; color: #fff; opacity: 100%;}
.mainmenu {font-size: 17px;}
.mainmenu a{margin-left: 18px;}
.topmenu {float: right; padding: 5px 30px 0 30px;}
.clogo img{width:75%; margin: 2%;}
.mainimg {max-width: 48%; z-index: 1;}
.footersalt{width: 100%; bottom: 0; float: left;  color: #999; padding: 30px 50px;}
.ftrlogo {width: 20%; margin-bottom: 25px;}
.ftrrght {text-align: right;}
.aboutimg {max-width: 50%; float: right; overflow: hidden !important;}
.aboutsalt {}
.abouttext {max-width: 60%; float: left; padding: 30px 40px; font-size: 15px; letter-spacing: 1.0px;}
.contactform {width: 60%; float: left; padding: 50px; padding-top: 50px; font-size: 15px; overflow: hidden;}
.contactform input, .contactform textarea {font-size: 15px; background: #b4b4b4; opacity: 80%;}
.btn-contact {background: #fff; color: #565656; padding: 10px 40px !important; border: 0px;}
.contactaddress {padding: 40px 10px;}
.contactaddressmap {margin-top: 70px; padding: 10px; border-radius: 8px; background: #070608;}
.contactusimg img {float: right; margin-right: -200px;}
.productsleft {width: 50%; float: left; padding: 30px; padding-top: 50px; font-size: 17px; overflow: hidden;}
.productsleft ul{list-style: none; text-transform:uppercase; color: #fff; font-size: 22px;}
.productsleft a{color: #fff; text-decoration: none;}
.productsleft a:hover{color: #fff;}
.productsleft ul a:hover{background: -webkit-linear-gradient(#40549e, #74bcab); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.productsleft1 {width: 50%; float: left; padding: 30px; padding-top: 50px; font-size: 18px; overflow: hidden;}
.productsleft1 ul{list-style: none; text-transform:uppercase; color: #fff; font-size: 25px;}
.productsleft1 a{color: #fff; text-decoration: none;}
.productsleft1 a:hover{color: #fff;}
.productsleft1 ul a:hover{background: -webkit-linear-gradient(#40549e, #74bcab); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold;}
.slide1 {background: url("../img/products1.png") no-repeat; background-position: bottom;}
.minh1 {min-height: 700px; padding-top: 50px; margin-left: 0px !important; margin-right: 0px !important;}
.minh {min-height: 700px; padding-top: 50px;}
.productpadding {padding-top: 340px; width:100%; float: left; overflow: hidden;}
.prelivkafon {background: linear-gradient(to left, #40549e 0%, #5c8da5 30%, #69a8a8 70%, #74bcab 1000%); opacity: 0.8;}
.prelivkatext {background: -webkit-linear-gradient(#40549e, #74bcab); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold;}
.columntxtright h2 {text-transform: uppercase; padding: 20px 0; padding-bottom: 0px; font-size: 110%;}
.slide1rigth {width: 50%; float: right; padding: 50px 200px 0 50px; font-size: 18px;}
.columntxtright {width: 50%; float: right; padding: 50px 50px 0 50px; font-size: 15px;}
.fon1 {background: url("../img/about1.png") no-repeat; background-size: 80% auto; background-position: 65% 30%;}
.fon2 {background: url("../img/salt2.png") no-repeat; background-size: 80% auto; background-position: 65% 15%; }
.fon3 {background: url("../img/washed.png") no-repeat; background-size: 80% auto; background-position: 65% 13%; }
.fon4 {background: url("../img/tablets.png") no-repeat; background-size: 70% auto; background-position: 65% 20%; }
.fon5 {background: url("../img/spoon.png") no-repeat; background-size: 70% auto; background-position: 65% 15%; }
.fon6 {background: url("../img/rock.png") no-repeat; background-size: 70% auto; background-position: 65% 15%; }
.prttl {width: 55%; color: #fff; opacity: 1 !important; margin-top: 250px;}
.prttlbox {width: 100%; height: 110px; color: #fff;  z-index: 1 !important;}
.ttlvert {writing-mode: vertical-rl; text-orientation: mixed; font-size: 40px; padding: 10px; margin-top: -75px; z-index: 1000 !important; position: relative; text-transform: uppercase;}
.slide2 {background: url("../img/products2.png") no-repeat;  background-position: top; margin-top: -3px;}
.specification {float: left; width: 100% !important; text-align: center !important;}
.specification h3 {float: left; width: 100% !important; text-align: center !important; padding: 20px 0; text-transform: uppercase; font-size: 22px; margin-top: 30px;}
.tablebox {float: left; width: 100%;  margin: 10px 50px;}
.specification table {width: 100%; text-transform: uppercase;}
.specification th {padding: 15px 0px; font-size: 20px;}
.specification td {border: 1px solid #fff; padding: 10px 0px; font-size: 20px;}
.footersalt a {color: #fff; font-weight: 100;}
.footersalt a:hover {color: #fff; text-decoration: none;}
.factive {color: #fff !important;}
.footersalt ul {list-style:none;}
.footersalt {font-size: 13px; text-transform: uppercase;}
.ftrrght {color: #fff; font-weight: 100;}
.ftrprod {margin-top: 80px;}
.contacslgbg {}
.productslgbg {background: url("../img/productsbgr.png");  overflow: hidden;}
.prbodybgr {background: #231F20;}
.ftrc {text-align: left !important;}
}


@media (min-width: 1200px) and (max-width: 1366px) { 
body {font-family: 'Oswald', sans-serif; letter-spacing: 2px; color: #ffffff; background: #070608;}
.maincont {max-width: 2000px; margin: auto; background: url("../img/crystal.png") fixed no-repeat right bottom; background-size: auto 75%; background-position: 100% 100%; height: 100vh;}
.maincont1 {max-width: 2000px; background: #070608 url("../img/abgbg.jpg") no-repeat; background-size: 100% 100%; background-position: 100% 100%; margin: auto; height: 100vh;}
.aboutftrbgr {background: linear-gradient(to top, #070608 20%, transparent 40%); overflow: hidden;}
.maincont2 {max-width: 2000px; margin: auto;  background: url("../img/contactusbgr3.jpg") no-repeat; background-size: 100% 100%; background-position: 100% 100%; overflow: hidden;}
.maincont3 {max-width: 2000px; margin: auto;}
.producthdrelemtn {background: url("../img/prodycthdr.png") top center no-repeat; background-size: 40%;}
.productsbgr1 {background: url("../img/productheaderbgr.jpg") no-repeat; background-size: 100% 100%; background-position: 100% 100%;}
.productsbgr2 {background: url("../img/productheaderbgr2.jpg") no-repeat; background-size: 100%;}
.prd2prelivka {background: linear-gradient(to top, #231f20 15%, transparent 40%);}
.index {background: #05090f url("../img/mainbgr.png");}
.mainspoon {width: 60%; bottom: 0px; position: fixed;}
.maintitle {width: 60%; padding: 30px 0 35px 10px;  margin-top: 14%; text-transform: uppercase; background: linear-gradient(to right, #3880a9 80%, transparent 60%); opacity: 85%;}
.mt1 {text-align: right; font-size: 28px; font-weight: 500; color: #fff; opacity: 1;}
.mt2 {text-align: right; font-size: 38px; font-weight: 450; color: #fff; opacity: 100%;}
.mainmenu {font-size: 19px;}
.mainmenu a{margin-left: 20px;}
.topmenu {float: right; padding: 5px 25px 0 25px;}
.clogo img{width:75%; margin: 2%;}
.mainimg {max-width: 48%; z-index: 1;}
.footersalt{width: 100%; bottom: 0; float: left;  color: #999; padding: 30px 50px;}
.ftrlogo {width: 20%; margin-bottom: 25px;}
.ftrrght {text-align: right;}
.aboutimg {max-width: 50%; float: right; overflow: hidden !important;}
.aboutsalt {}
.abouttext {max-width: 60%; float: left; padding: 30px 40px; font-size: 18px; letter-spacing: 1.0px;}
.contactform {width: 60%; float: left; padding: 50px; padding-top: 50px; font-size: 20px; overflow: hidden;}
.contactform input, .contactform textarea {font-size: 18px; background: #b4b4b4; opacity: 80%;}
.btn-contact {background: #fff; color: #565656; padding: 10px 40px !important; border: 0px;}
.contactaddress {padding: 40px 10px;}
.contactaddressmap {margin-top: 70px; padding: 10px; border-radius: 8px; background: #070608;}
.contactusimg img {float: right; margin-right: -200px;}
.productsleft {width: 50%; float: left; padding: 30px; padding-top: 50px; font-size: 18px; overflow: hidden;}
.productsleft ul{list-style: none; text-transform:uppercase; color: #fff; font-size: 24px;}
.productsleft a{color: #fff; text-decoration: none;}
.productsleft a:hover{color: #fff;}
.productsleft ul a:hover{background: -webkit-linear-gradient(#40549e, #74bcab); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.productsleft1 {width: 50%; float: left; padding: 30px; padding-top: 50px; font-size: 18px; overflow: hidden;}
.productsleft1 ul{list-style: none; text-transform:uppercase; color: #fff; font-size: 25px;}
.productsleft1 a{color: #fff; text-decoration: none;}
.productsleft1 a:hover{color: #fff;}
.productsleft1 ul a:hover{background: -webkit-linear-gradient(#40549e, #74bcab); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold;}
.slide1 {background: url("../img/products1.png") no-repeat; background-position: bottom;}
.minh1 {min-height: 700px; padding-top: 50px; margin-left: 0px !important; margin-right: 0px !important;}
.minh {min-height: 700px; padding-top: 70px;}
.productpadding {padding-top: 380px; width:100%; float: left; overflow: hidden;}
.prelivkafon {background: linear-gradient(to left, #40549e 0%, #5c8da5 30%, #69a8a8 70%, #74bcab 1000%); opacity: 0.8;}
.prelivkatext {background: -webkit-linear-gradient(#40549e, #74bcab); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold;}
.columntxtright h2 {text-transform: uppercase; padding: 20px 0; padding-bottom: 0px; font-size: 110%;}
.slide1rigth {width: 50%; float: right; padding: 50px 200px 0 50px; font-size: 18px;}
.columntxtright {width: 50%; float: right; padding: 50px 50px 0 50px; font-size: 16px;}
.fon1 {background: url("../img/about1.png") no-repeat; background-size: 80% auto; background-position: 65% 30%;}
.fon2 {background: url("../img/salt2.png") no-repeat; background-size: 80% auto; background-position: 65% 15%; }
.fon3 {background: url("../img/washed.png") no-repeat; background-size: 80% auto; background-position: 65% 13%; }
.fon4 {background: url("../img/tablets.png") no-repeat; background-size: 70% auto; background-position: 65% 20%; }
.fon5 {background: url("../img/spoon.png") no-repeat; background-size: 70% auto; background-position: 65% 15%; }
.fon6 {background: url("../img/rock.png") no-repeat; background-size: 70% auto; background-position: 65% 15%; }
.prttl {width: 55%; color: #fff; opacity: 1 !important; margin-top: 250px;}
.prttlbox {width: 100%; height: 110px; color: #fff;  z-index: 1 !important;}
.ttlvert {writing-mode: vertical-rl; text-orientation: mixed; font-size: 40px; padding: 10px; margin-top: -75px; z-index: 1000 !important; position: relative; text-transform: uppercase;}
.slide2 {background: url("../img/products2.png") no-repeat;  background-position: top; margin-top: -3px;}
.specification {float: left; width: 100% !important; text-align: center !important;}
.specification h3 {float: left; width: 100% !important; text-align: center !important; padding: 20px 0; text-transform: uppercase; font-size: 22px; margin-top: 30px;}
.tablebox {float: left; width: 100%;  margin: 10px 50px;}
.specification table {width: 100%; text-transform: uppercase;}
.specification th {padding: 15px 0px; font-size: 20px;}
.specification td {border: 1px solid #fff; padding: 10px 0px; font-size: 20px;}
.footersalt a {color: #fff; font-weight: 100;}
.footersalt a:hover {color: #fff; text-decoration: none;}
.factive {color: #fff !important;}
.footersalt ul {list-style:none;}
.footersalt {font-size: 13px; text-transform: uppercase;}
.ftrrght {color: #fff; font-weight: 100;}
.ftrprod {margin-top: 80px;}
.contacslgbg {}
.productslgbg {background: url("../img/productsbgr.png");  overflow: hidden;}
.prbodybgr {background: #231F20;}
.row {margin-left: 0px; margin-right: 0px;}
.ftrc {text-align: left !important;}
}


@media (min-width: 1367px) { 
body {font-family: 'Oswald', sans-serif; letter-spacing: 2px; color: #ffffff; background: #231f20;}
.maincont {max-width: 2000px; margin: auto; background: url("../img/crystal.png") fixed no-repeat right bottom; background-size: auto 80%; background-position: 100% 100%; height: 100vh;}
.maincont1 {max-width: 2000px; background: #231f20 url("../img/aboutbgbg.jpg") no-repeat; background-size: 100% 100%; background-position: 100% 100%; margin: auto; height: 100vh;}
.aboutftrbgr {background: linear-gradient(to top, #231f20 25%, transparent 40%); overflow: hidden;}
.maincont2 {max-width: 2000px; margin: auto;  background: url("../img/contactusbgr3.jpg") no-repeat; background-size: 100% 100%; background-position: 100% 100%; overflow: hidden;}
.maincont3 {max-width: 2000px; margin: auto;}
.producthdrelemtn {background: url("../img/prodycthdr.png") top center no-repeat; background-size: 40%;}
.productsbgr1 {background: url("../img/productheaderbgr.jpg") no-repeat; background-size: 100% 100%; background-position: 100% 100%;}
.productsbgr2 {background: url("../img/productheaderbgr2.jpg") no-repeat; background-size: 100%;}
.prd2prelivka {background: linear-gradient(to top, #231f20 15%, transparent 33%);}
.index {background: #05090f url("../img/mainbgr.png");}
.mainspoon {bottom: 0px; position: fixed;}
.maintitle {width: 54%; padding: 70px 0 35px 25px;  margin-top: 28%; text-transform: uppercase; background: linear-gradient(to right, #3880a9 80%, transparent 60%); opacity: 85%;}
.mt1 {text-align: right; font-size: 28px; font-weight: 500; color: #fff; opacity: 1;}
.mt2 {text-align: right; font-size: 38px; font-weight: 450; color: #fff; opacity: 100%;}
.mainmenu {font-size: 20px;}
.mainmenu a{margin-left: 25px;}
.topmenu {float: right; padding: 8px 33px 0 33px;}
.clogo img{width:100%; margin: 4%;}
.mainimg {max-width: 58%; z-index: 1;}
.footersalt{width: 100%; bottom: 0;  color: #999; padding: 30px 50px;}
.ftrlogo {width: 25%; margin-bottom: 25px;}
.ftrrght {text-align: right;}
.aboutimg {max-width: 50%; float: right; overflow: hidden !important;}
.aboutsalt {}
.abouttext {max-width: 60%; float: left; padding: 50px; font-size: 21px; letter-spacing: 1.5px; padding-bottom: 280px;}
.contactform {width: 50%; float: left; padding: 70px; padding-top: 50px; font-size: 21px; overflow: hidden;}
.contactform input, .contactform textarea {font-size: 20px; background: #b4b4b4; opacity: 80%;}
.btn-contact {background: #fff; color: #565656; padding: 10px 40px !important; border: 0px;}
.contactaddress {padding: 50px 20px;}
.contactaddressmap {margin-top: 80px; padding: 10px; border-radius: 8px; background: #070608;}
.contactusimg img {float: right; margin-right: -200px;}
.productsleft {width: 50%; float: left; padding: 30px; padding-top: 50px; font-size: 18px; overflow: hidden;}
.productsleft ul{list-style: none; text-transform:uppercase; color: #fff; font-size: 29px;}
.productsleft a{color: #fff; text-decoration: none;}
.productsleft a:hover{color: #fff;}
.productsleft ul a:hover{background: -webkit-linear-gradient(#40549e, #74bcab); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.productsleft1 {width: 50%; float: left; padding: 30px; padding-top: 50px; font-size: 18px; overflow: hidden;}
.productsleft1 ul{list-style: none; text-transform:uppercase; color: #fff; font-size: 25px;}
.productsleft1 a{color: #fff; text-decoration: none;}
.productsleft1 a:hover{color: #fff;}
.productsleft1 ul a:hover{background: -webkit-linear-gradient(#40549e, #74bcab); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold;}
.slide1 {background: url("../img/products1.png") no-repeat; background-position: bottom;}
.minh1 {min-height: 700px; padding-top: 50px; margin-left: 0px !important; margin-right: 0px !important;}
.minh {min-height: 700px; padding-top: 200px;}
.productpadding {padding-top: 630px; width:100%; float: left; overflow: hidden;}
.prelivkafon {background: linear-gradient(to left, #40549e 0%, #5c8da5 30%, #69a8a8 70%, #74bcab 1000%); opacity: 0.8;}
.prelivkatext {background: -webkit-linear-gradient(#40549e, #74bcab); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold;}
.columntxtright h2 {text-transform: uppercase; padding: 20px 0; padding-bottom: 0px; font-size: 140%;}
.slide1rigth {width: 50%; float: right; padding: 50px 200px 0 50px; font-size: 18px;}
.columntxtright {width: 50%; float: right; padding: 50px 50px 0 50px; font-size: 21px;}
.fon1 {background: url("../img/about1.png") no-repeat; background-size: 80% auto; background-position: 65% 30%;}
.fon2 {background: url("../img/salt2.png") no-repeat; background-size: 80% auto; background-position: 65% 15%; }
.fon3 {background: url("../img/washed.png") no-repeat; background-size: 80% auto; background-position: 65% 10%; }
.fon4 {background: url("../img/tablets.png") no-repeat; background-size: 70% auto; background-position: 65% 15%; }
.fon5 {background: url("../img/spoon.png") no-repeat; background-size: 70% auto; background-position: 65% 10%; }
.fon6 {background: url("../img/rock.png") no-repeat; background-size: 70% auto; background-position: 65% 10%; }
.prttl {width: 55%; color: #fff; opacity: 1 !important; margin-top: 250px;}
.prttlbox {width: 100%; height: 110px; color: #fff;  z-index: 1 !important;}
.ttlvert {writing-mode: vertical-rl; text-orientation: mixed; font-size: 56px; padding: 10px; margin-top: -75px; z-index: 1000 !important; position: relative; text-transform: uppercase;}
.slide2 {background: url("../img/products2.png") no-repeat;  background-position: top; margin-top: -3px;}
.specification {float: left; width: 100% !important; text-align: center !important;}
.specification h3 {float: left; width: 100% !important; text-align: center !important; padding: 20px 0; text-transform: uppercase; font-size: 32px; margin-top: 30px;}
.tablebox {float: left; width: 100%;  margin: 10px 50px;}
.specification table {width: 100%; text-transform: uppercase;}
.specification th {padding: 15px 0px; font-size: 24px;}
.specification td {border: 1px solid #fff; padding: 10px 0px; font-size: 24px;}
.footersalt a {color: #fff; font-weight: 100;}
.footersalt a:hover {color: #fff; text-decoration: none;}
.factive {color: #fff !important;}
.footersalt ul {list-style:none;}
.footersalt {font-size: 13px; text-transform: uppercase; max-width: 2000px; margin: 0 auto !important;}
.ftrrght {color: #fff; font-weight: 100;}
.ftrprod {margin-top: 80px;}
.contacslgbg {}
.productslgbg {background: url("../img/productsbgr.png");  overflow: hidden;}
.prbodybgr {background: #231F20;}
.row {margin-left: 0px; margin-right: 0px;}
.ftrc {text-align: left !important;}
}