/* 
	*	Graphist & web Development = Mohsen Mohammad
	*	WebSite 	= www.mohssen.ir
	*	date		= 12 sep 2020 
*/
section.pagation ul, .custmod .moduletable .custom p, .logo-nav .navPage .moduletable ul { padding: 0; margin: 0; }

section.pagation ul, .custmod .moduletable .custom p, .logo-nav .navPage .moduletable ul { padding: 0; margin: 0; }

@keyframes animated-text { from { width: 0; }
  to { width: 100%; } }

/* cursor animations */
@keyframes animated-cursor { from { border-right-color: #ffffff; }
  to { border-right-color: transparent; } }

#loading { position: fixed; z-index: 5000; top: 0px; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s; -webkit-transition: all 3s; }

#loadingBox { width: 200px; height: 200px; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; border-top: 10px solid #dcbb37; position: absolute; top: 40%; left: 40%; animation: border1 2s linear infinite; background: rgba(41, 116, 126, 0.7); }

#loading:before, #loading:after { content: ''; width: 200px; height: 200px; position: absolute; top: 40%; left: 40%; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; }

#loading:before { border-top: 10px solid #b78063; transform: rotate(120deg); }

#loading:after { border-top: 10px solid #b78063; transform: rotate(240deg); }

#loading span { position: absolute; width: 200px; height: 200px; color: #ffffff; text-align: center; line-height: 200px; animation: border2 2s linear infinite; }

@keyframes border1 { to { transform: rotate(360deg); } }

@keyframes border2 { to { transform: rotate(-360deg); } }

.textBox { width: 50%; position: absolute; bottom: 5vh; left: 50px; line-height: 2em; }

.textBox h3 { font-family: "mer"; font-size: 22px; font-weight: normal; text-align: justify; color: #e5b196; border-right: solid 3px #ffffff; white-space: nowrap; overflow: hidden; animation: animated-text 4s steps(29, end) 1s 1 normal both, animated-cursor 600ms steps(29, end) infinite; }

.textBox p { text-align: justify; font-size: 18px; }

.textBox div#divTextBox { display: flex; justify-content: space-between; flex-direction: row; }

.textBox div#divTextBox a { display: block; background: #b78063; color: #ffffff; flex-basis: 100%; transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; -webkit-transition: all 0.6s; text-align: center; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; padding: 7px; text-shadow: 0 1px 1px #b78063; -moz-text-shadow: 0 1px 1px #b78063; -ms-text-shadow: 0 1px 1px #b78063; -o-text-shadow: 0 1px 1px #b78063; -webkit-text-shadow: 0 1px 1px #b78063; box-shadow: 0 0 25px #b78063, #b78063 0 0 15px inset; -o-box-shadow: 0 0 25px #b78063, #b78063 0 0 15px inset; -moz-box-shadow: 0 0 25px #b78063, #b78063 0 0 15px inset; -webkit-box-shadow: 0 0 25px #b78063, #b78063 0 0 15px inset; -ms-box-shadow: 0 0 25px #b78063, #b78063 0 0 15px inset; }

.textBox div#divTextBox a:hover { background: #144248 !important; text-shadow: 0 1px 1px #144248; -moz-text-shadow: 0 1px 1px #144248; -ms-text-shadow: 0 1px 1px #144248; -o-text-shadow: 0 1px 1px #144248; -webkit-text-shadow: 0 1px 1px #144248; box-shadow: 0 0 25px #144248, #144248 0 0 15px inset; -o-box-shadow: 0 0 25px #144248, #144248 0 0 15px inset; -moz-box-shadow: 0 0 25px #144248, #144248 0 0 15px inset; -webkit-box-shadow: 0 0 25px #144248, #144248 0 0 15px inset; -ms-box-shadow: 0 0 25px #144248, #144248 0 0 15px inset; }

.two .textBox h3 { color: #dcbb37; }

.two .textBox div#divTextBox a { background: #dcbb37; text-shadow: 0 1px 1px #dcbb37; -moz-text-shadow: 0 1px 1px #dcbb37; -ms-text-shadow: 0 1px 1px #dcbb37; -o-text-shadow: 0 1px 1px #dcbb37; -webkit-text-shadow: 0 1px 1px #dcbb37; box-shadow: 0 0 25px #dcbb37, #dcbb37 0 0 15px inset; -o-box-shadow: 0 0 25px #dcbb37, #dcbb37 0 0 15px inset; -moz-box-shadow: 0 0 25px #dcbb37, #dcbb37 0 0 15px inset; -webkit-box-shadow: 0 0 25px #dcbb37, #dcbb37 0 0 15px inset; -ms-box-shadow: 0 0 25px #dcbb37, #dcbb37 0 0 15px inset; }

.two .textBox div#divTextBox a:hover { background: #b78063 !important; text-shadow: 0 1px 1px #b78063; -moz-text-shadow: 0 1px 1px #b78063; -ms-text-shadow: 0 1px 1px #b78063; -o-text-shadow: 0 1px 1px #b78063; -webkit-text-shadow: 0 1px 1px #b78063; box-shadow: 0 0 25px #b78063, #b78063 0 0 15px inset; -o-box-shadow: 0 0 25px #b78063, #b78063 0 0 15px inset; -moz-box-shadow: 0 0 25px #b78063, #b78063 0 0 15px inset; -webkit-box-shadow: 0 0 25px #b78063, #b78063 0 0 15px inset; -ms-box-shadow: 0 0 25px #b78063, #b78063 0 0 15px inset; }

.three .textBox h3 { color: #144248; }

.three .textBox div#divTextBox a { background: #144248; text-shadow: 0 1px 1px #144248; -moz-text-shadow: 0 1px 1px #144248; -ms-text-shadow: 0 1px 1px #144248; -o-text-shadow: 0 1px 1px #144248; -webkit-text-shadow: 0 1px 1px #144248; box-shadow: 0 0 25px #144248, #144248 0 0 15px inset; -o-box-shadow: 0 0 25px #144248, #144248 0 0 15px inset; -moz-box-shadow: 0 0 25px #144248, #144248 0 0 15px inset; -webkit-box-shadow: 0 0 25px #144248, #144248 0 0 15px inset; -ms-box-shadow: 0 0 25px #144248, #144248 0 0 15px inset; }

.three .textBox div#divTextBox a:hover { background: #b78063 !important; text-shadow: 0 1px 1px #b78063; -moz-text-shadow: 0 1px 1px #b78063; -ms-text-shadow: 0 1px 1px #b78063; -o-text-shadow: 0 1px 1px #b78063; -webkit-text-shadow: 0 1px 1px #b78063; box-shadow: 0 0 25px #b78063, #b78063 0 0 15px inset; -o-box-shadow: 0 0 25px #b78063, #b78063 0 0 15px inset; -moz-box-shadow: 0 0 25px #b78063, #b78063 0 0 15px inset; -webkit-box-shadow: 0 0 25px #b78063, #b78063 0 0 15px inset; -ms-box-shadow: 0 0 25px #b78063, #b78063 0 0 15px inset; }

section.pagation { position: fixed; bottom: 5vh; right: 50px; z-index: 2000; width: 40%; height: auto; transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; -webkit-transition: all 0.6s; }

section.pagation ul { list-style: none; }

section.pagation ul li { display: flex; flex-direction: row; justify-content: space-between; }

section.pagation ul li a { width: 33%; height: auto; margin: 0 1%; display: flex; flex-direction: column; justify-content: flex-end; align-content: flex-end; background-color: transparent; }

section.pagation ul li a img { width: 100%; height: auto; max-width: 294px; text-shadow: 0 1px 1px #000000; -moz-text-shadow: 0 1px 1px #000000; -ms-text-shadow: 0 1px 1px #000000; -o-text-shadow: 0 1px 1px #000000; -webkit-text-shadow: 0 1px 1px #000000; box-shadow: 0 0 35px #000000, #000000 0 0 15px inset; -o-box-shadow: 0 0 35px #000000, #000000 0 0 15px inset; -moz-box-shadow: 0 0 35px #000000, #000000 0 0 15px inset; -webkit-box-shadow: 0 0 35px #000000, #000000 0 0 15px inset; -ms-box-shadow: 0 0 35px #000000, #000000 0 0 15px inset; border-radius: 15px; -o-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -webkit-border-radius: 15px; }

section.pagation ul li a:hover, section.pagation ul li a:active { background-color: transparent; }

.custmod .moduletable { width: 100%; position: absolute; bottom: 5%; }

.custmod .moduletable h3 { font-size: 36px; padding: 5px 0 5px 17px; border-left: 3px solid #fe451e; margin-bottom: 50px; }

.custmod .moduletable .custom p { width: 25%; height: 101px; float: left; margin-bottom: 50px; display: flex; justify-content: center; align-items: center; }

.custmod .moduletable .custom img { width: auto; height: auto; max-width: 217px; }

.custmod .moduletable .dj-simple-contact-form { width: 60%; }

.custmod .moduletable .dj-simple-contact-form form .dj-simple-contact-form { width: 100%; }

.custmod .moduletable .dj-simple-contact-form form .dj-simple-contact-form input, .custmod .moduletable .dj-simple-contact-form form .dj-simple-contact-form textarea { padding: 8px 10px; color: #7e7e7e; background: rgba(73, 73, 73, 0.8); color: #979797; width: 100%; border: 0 none; margin-bottom: 10px; height: 42px; transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; -webkit-transition: all 0.7s; }

.custmod .moduletable .dj-simple-contact-form form .dj-simple-contact-form input:focus, .custmod .moduletable .dj-simple-contact-form form .dj-simple-contact-form textarea:focus { border: 0 none; color: #ffffff; background: rgba(20, 66, 72, 0.8); }

.custmod .moduletable .dj-simple-contact-form form .dj-simple-contact-form textarea { height: 170px; }

.custmod .moduletable .dj-simple-contact-form form .dj-simple-contact-form input.button { width: auto; padding: 5px 25px; background: #c25742; border: 1px solid #e39f95; text-shadow: 0 1px 1px #bd2607; -moz-text-shadow: 0 1px 1px #bd2607; -ms-text-shadow: 0 1px 1px #bd2607; -o-text-shadow: 0 1px 1px #bd2607; -webkit-text-shadow: 0 1px 1px #bd2607; box-shadow: 0 1px 2px #bd2607, #bd2607 0 1px 3px inset; -o-box-shadow: 0 1px 2px #bd2607, #bd2607 0 1px 3px inset; -moz-box-shadow: 0 1px 2px #bd2607, #bd2607 0 1px 3px inset; -webkit-box-shadow: 0 1px 2px #bd2607, #bd2607 0 1px 3px inset; -ms-box-shadow: 0 1px 2px #bd2607, #bd2607 0 1px 3px inset; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; color: #ffffff; }

.custmod .moduletable .dj-simple-contact-form form .dj-simple-contact-form input.button:hover { background: #144248; border: 1px solid #48887d; text-shadow: 0 1px 1px #48887d; -moz-text-shadow: 0 1px 1px #48887d; -ms-text-shadow: 0 1px 1px #48887d; -o-text-shadow: 0 1px 1px #48887d; -webkit-text-shadow: 0 1px 1px #48887d; box-shadow: 0 1px 2px #48887d, #48887d 0 1px 3px inset; -o-box-shadow: 0 1px 2px #48887d, #48887d 0 1px 3px inset; -moz-box-shadow: 0 1px 2px #48887d, #48887d 0 1px 3px inset; -webkit-box-shadow: 0 1px 2px #48887d, #48887d 0 1px 3px inset; -ms-box-shadow: 0 1px 2px #48887d, #48887d 0 1px 3px inset; }

.custmod.cotact-text .moduletable { width: 40%; left: 63%; bottom: 20%; }

.custmod.cotact-text .moduletable .custom p { width: auto; display: block; clear: both; height: auto; margin-bottom: 5px; }

.custmod.cotact-text .moduletable .custom p a { color: #ffffff; }

.container-fluid.one .nav222, .container-fluid.two .nav222, .container-fluid.three .nav222 { display: none; }

.logo-nav { display: flex; flex-direction: row; justify-content: space-between; }

.logo-nav .navPage { flex-basis: 60%; padding: 14px 15px 15px 15px; margin-top: 80px; background: rgba(16, 54, 59, 0.6); border-radius: 7px; -o-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -webkit-border-radius: 7px; text-shadow: 0 1px 1px #10363b; -moz-text-shadow: 0 1px 1px #10363b; -ms-text-shadow: 0 1px 1px #10363b; -o-text-shadow: 0 1px 1px #10363b; -webkit-text-shadow: 0 1px 1px #10363b; box-shadow: 0 0 25px #10363b, #10363b 0 0 13px inset; -o-box-shadow: 0 0 25px #10363b, #10363b 0 0 13px inset; -moz-box-shadow: 0 0 25px #10363b, #10363b 0 0 13px inset; -webkit-box-shadow: 0 0 25px #10363b, #10363b 0 0 13px inset; -ms-box-shadow: 0 0 25px #10363b, #10363b 0 0 13px inset; }

.logo-nav .navPage .moduletable ul { list-style: none; display: flex; flex-basis: 100%; flex-direction: row; justify-content: space-between; flex-shrink: 1; }

.logo-nav .navPage .moduletable ul li a { color: #99c8c3; font-size: 16px; padding: 7px 0px; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; }

.logo-nav .navPage .moduletable ul li a:hover { background: linear-gradient(to right, transparent, rgba(73, 109, 100, 0.8) 50%, transparent); -moz-background: linear-gradient(to right, transparent, rgba(73, 109, 100, 0.8) 50%, transparent); -ms-background: linear-gradient(to right, transparent, rgba(73, 109, 100, 0.8) 50%, transparent); -webkit-background: linear-gradient(to right, transparent, rgba(73, 109, 100, 0.8) 50%, transparent); -o-background: linear-gradient(to right, transparent, rgba(73, 109, 100, 0.8) 50%, transparent); }

.logo-nav .navPage .moduletable ul li a img { display: none; }

.logo-nav .navPage .moduletable ul li.active a { color: #ffffff; border-bottom: 1px solid #99c8c3; }

.two .logo-nav .navPage { background: rgba(148, 100, 76, 0.6); text-shadow: 0 1px 1px #94644c; -moz-text-shadow: 0 1px 1px #94644c; -ms-text-shadow: 0 1px 1px #94644c; -o-text-shadow: 0 1px 1px #94644c; -webkit-text-shadow: 0 1px 1px #94644c; box-shadow: 0 0 25px #94644c, #94644c 0 0 13px inset; -o-box-shadow: 0 0 25px #94644c, #94644c 0 0 13px inset; -moz-box-shadow: 0 0 25px #94644c, #94644c 0 0 13px inset; -webkit-box-shadow: 0 0 25px #94644c, #94644c 0 0 13px inset; -ms-box-shadow: 0 0 25px #94644c, #94644c 0 0 13px inset; }

.two .logo-nav .navPage .moduletable ul li a { color: #e5b196; }

.two .logo-nav .navPage .moduletable ul li a:hover { background: linear-gradient(to right, transparent, rgba(141, 104, 84, 0.8) 50%, transparent); -moz-background: linear-gradient(to right, transparent, rgba(141, 104, 84, 0.8) 50%, transparent); -ms-background: linear-gradient(to right, transparent, rgba(141, 104, 84, 0.8) 50%, transparent); -webkit-background: linear-gradient(to right, transparent, rgba(141, 104, 84, 0.8) 50%, transparent); -o-background: linear-gradient(to right, transparent, rgba(141, 104, 84, 0.8) 50%, transparent); }

.three .logo-nav .navPage { background: rgba(159, 137, 21, 0.6); text-shadow: 0 1px 1px #9f8915; -moz-text-shadow: 0 1px 1px #9f8915; -ms-text-shadow: 0 1px 1px #9f8915; -o-text-shadow: 0 1px 1px #9f8915; -webkit-text-shadow: 0 1px 1px #9f8915; box-shadow: 0 0 25px #9f8915, #9f8915 0 0 13px inset; -o-box-shadow: 0 0 25px #9f8915, #9f8915 0 0 13px inset; -moz-box-shadow: 0 0 25px #9f8915, #9f8915 0 0 13px inset; -webkit-box-shadow: 0 0 25px #9f8915, #9f8915 0 0 13px inset; -ms-box-shadow: 0 0 25px #9f8915, #9f8915 0 0 13px inset; }

.three .logo-nav .navPage .moduletable ul li a { color: #e1d69e; }

.three .logo-nav .navPage .moduletable ul li a:hover { background: linear-gradient(to right, transparent, rgba(111, 112, 44, 0.8) 50%, transparent); -moz-background: linear-gradient(to right, transparent, rgba(111, 112, 44, 0.8) 50%, transparent); -ms-background: linear-gradient(to right, transparent, rgba(111, 112, 44, 0.8) 50%, transparent); -webkit-background: linear-gradient(to right, transparent, rgba(111, 112, 44, 0.8) 50%, transparent); -o-background: linear-gradient(to right, transparent, rgba(111, 112, 44, 0.8) 50%, transparent); }

.catalogBox { position: fixed; top: 0; z-index: 9000; left: -70vw; width: 60vw; height: 100vh; background: #144248; transition: all 1.5s cubic-bezier(1, 0, 0, 1); -moz-transition: all 1.5s cubic-bezier(1, 0, 0, 1); -ms-transition: all 1.5s cubic-bezier(1, 0, 0, 1); -o-transition: all 1.5s cubic-bezier(1, 0, 0, 1); -webkit-transition: all 1.5s cubic-bezier(1, 0, 0, 1); padding: 5%; }

.catalogBox-close { padding: 5px 17px; background: #dcbb37; color: #ffffff; cursor: pointer; }

.catalogBox-content { display: flex; width: 100%; height: 100%; justify-content: center; flex-direction: column; align-items: center; }

.catalogBox-content h3 { font-size: 30px; padding: 10px; border-bottom: 1px solid #29747e; text-align: center; }

.catalogBox-content a { color: #e5b196; padding: 5px 7px; border: 1px solid #e5b196; transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; background: #144248; }

.catalogBox-content a:hover { border: 1px solid #dcbb37; background: #9f8915; color: #ffffff; }

.navbar1-icons1 { width: 46px; height: 46px; }

.navbar1-icons1 label { display: flex; flex-direction: column; align-content: space-between; justify-content: space-between; width: 100%; height: 100%; cursor: pointer; }

.navbar1-icons1-item1 { height: 6px; background: #ffffff; width: 100%; transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; text-shadow: 0 1px 1px #494949; -moz-text-shadow: 0 1px 1px #494949; -ms-text-shadow: 0 1px 1px #494949; -o-text-shadow: 0 1px 1px #494949; -webkit-text-shadow: 0 1px 1px #494949; box-shadow: 0 -30px 15px #494949, #494949 0 0 0 inset; -o-box-shadow: 0 -30px 15px #494949, #494949 0 0 0 inset; -moz-box-shadow: 0 -30px 15px #494949, #494949 0 0 0 inset; -webkit-box-shadow: 0 -30px 15px #494949, #494949 0 0 0 inset; -ms-box-shadow: 0 -30px 15px #494949, #494949 0 0 0 inset; }

.navbar1-content1 { position: fixed; z-index: 2000; top: -100%; right: 10%; width: 80vw; height: auto; padding: 5%; background: #144248; text-shadow: 0 1px 1px #10363b; -moz-text-shadow: 0 1px 1px #10363b; -ms-text-shadow: 0 1px 1px #10363b; -o-text-shadow: 0 1px 1px #10363b; -webkit-text-shadow: 0 1px 1px #10363b; box-shadow: 0 0 70px #10363b, #10363b 0 0 25px inset; -o-box-shadow: 0 0 70px #10363b, #10363b 0 0 25px inset; -moz-box-shadow: 0 0 70px #10363b, #10363b 0 0 25px inset; -webkit-box-shadow: 0 0 70px #10363b, #10363b 0 0 25px inset; -ms-box-shadow: 0 0 70px #10363b, #10363b 0 0 25px inset; transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; border-radius: 13px; -o-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -webkit-border-radius: 13px; }

.navbar1-content1 ul { display: flex; flex-direction: row; justify-content: space-between; list-style: none; }

.navbar1-content1 ul li a { color: #ffffff; text-align: center; display: inline-block; padding: 10px; background: transparent; transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; -webkit-transition: all 0.6s; }

.navbar1-content1 ul li a img { width: 38px; height: auto; display: block; text-align: center; margin: 10px auto; }

.navbar1-content1 ul li a span { display: block; }

.navbar1-content1 ul li a:hover { background: #dcbb37; }

.navbar1 .checkbox1:checked ~ .navbar1-content1 { top: 10%; }

.navbar1 .checkbox1:checked ~ .navbar1-icons1 label { transform: rotateZ(90deg); }

.navbar1 .checkbox1:checked ~ .navbar1-icons1 label .navbar1-icons1-item1 { transform-origin: right; }

.navbar1 .checkbox1:checked ~ .navbar1-icons1 label .itemOne1 { transform: rotateZ(-40deg); }

.navbar1 .checkbox1:checked ~ .navbar1-icons1 label .itemTwo1 { opacity: 0; }

.navbar1 .checkbox1:checked ~ .navbar1-icons1 label .itemThree1 { transform: rotateZ(40deg); }

.navbar1 .checkbox2:checked ~ .navbar1-content1 { top: 10%; }

.navbar1 .checkbox2:checked ~ .navbar1-icons1 label { transform: rotateZ(90deg); }

.navbar1 .checkbox2:checked ~ .navbar1-icons1 label .navbar1-icons1-item1 { transform-origin: right; }

.navbar1 .checkbox2:checked ~ .navbar1-icons1 label .itemOne1 { transform: rotateZ(-40deg); }

.navbar1 .checkbox2:checked ~ .navbar1-icons1 label .itemTwo1 { opacity: 0; }

.navbar1 .checkbox2:checked ~ .navbar1-icons1 label .itemThree1 { transform: rotateZ(40deg); }

.navbar1 .checkbox3:checked ~ .navbar1-content1 { top: 10%; }

.navbar1 .checkbox3:checked ~ .navbar1-icons1 label { transform: rotateZ(90deg); }

.navbar1 .checkbox3:checked ~ .navbar1-icons1 label .navbar1-icons1-item1 { transform-origin: right; }

.navbar1 .checkbox3:checked ~ .navbar1-icons1 label .itemOne1 { transform: rotateZ(-40deg); }

.navbar1 .checkbox3:checked ~ .navbar1-icons1 label .itemTwo1 { opacity: 0; }

.navbar1 .checkbox3:checked ~ .navbar1-icons1 label .itemThree1 { transform: rotateZ(40deg); }

@media screen and (max-width: 1200px) { section.pagation ul, .custmod .moduletable .custom p, .logo-nav .navPage .moduletable ul { padding: 0; margin: 0; }
  section.pagation ul, .custmod .moduletable .custom p, .logo-nav .navPage .moduletable ul { padding: 0; margin: 0; }
  .textBox { left: 20px; line-height: 1.4em; }
  .textBox p { font-size: 16px; }
  section.pagation { right: 20px; }
  .logo-nav .navPage { flex-basis: 80%; } }

@media screen and (max-width: 992px) { section.pagation ul, .custmod .moduletable .custom p, .logo-nav .navPage .moduletable ul { padding: 0; margin: 0; }
  section.pagation ul, .custmod .moduletable .custom p, .logo-nav .navPage .moduletable ul { padding: 0; margin: 0; }
  .logo-nav .navPage { display: none; }
  .container-fluid.one .nav222, .container-fluid.two .nav222, .container-fluid.three .nav222 { display: flex; justify-content: space-between; flex-direction: row; width: auto; align-content: center; align-items: center; }
  .navbar1-icons1 { position: absolute; right: 40px; top: 30px; }
  .logo-nav .catalogLink { margin-top: 0px; margin-left: 7px; }
  .custmod .moduletable .custom p { width: 50%; }
  .navbar-content ul, .navbar2-content2 ul, .navbar1-content1 ul { flex-wrap: wrap; padding: 0; margin: 0; }
  .navbar-content ul li, .navbar2-content2 ul li, .navbar1-content1 ul li { flex-basis: 33%; width: 33%; display: flex; justify-content: center; }
  .navbar-icons, .navbar1-icons1, .navbar2-icons2 { width: 34px; height: 34px; } }

@media screen and (max-width: 768px) { .custmod .moduletable h3 { font-size: 18px; margin-bottom: 10px; }
  .textBox { width: 94%; bottom: 160px; }
  .paraTextBox { max-height: 100px; }
  body section.pagation { top: unset !important; left: 0%; height: auto !important; bottom: 0; width: 100%; display: flex; justify-content: center; align-content: center; background: rgba(16, 54, 59, 0.6); padding: 10px 0 10px 0; text-shadow: 0 1px 1px #10363b; -moz-text-shadow: 0 1px 1px #10363b; -ms-text-shadow: 0 1px 1px #10363b; -o-text-shadow: 0 1px 1px #10363b; -webkit-text-shadow: 0 1px 1px #10363b; box-shadow: 0 0 30px #10363b, #10363b 0 0 15px inset; -o-box-shadow: 0 0 30px #10363b, #10363b 0 0 15px inset; -moz-box-shadow: 0 0 30px #10363b, #10363b 0 0 15px inset; -webkit-box-shadow: 0 0 30px #10363b, #10363b 0 0 15px inset; -ms-box-shadow: 0 0 30px #10363b, #10363b 0 0 15px inset; }
  body section.pagation ul { flex-direction: row; justify-content: flex-start; width: auto; align-content: start; }
  body section.pagation ul li a { background: transparent; }
  body section.pagation ul li a img { max-width: 102px; }
  .navbar-content ul, .navbar2-content2 ul, .navbar1-content1 ul { flex-wrap: wrap; }
  .navbar-content ul li, .navbar2-content2 ul li, .navbar1-content1 ul li { flex-basis: 50%; width: 50%; display: flex; justify-content: center; }
  .custmod .moduletable .custom p { width: 33%; }
  .custmod .moduletable .custom img { width: 70%; max-width: 70%; display: block; margin: 0 auto; } }

@media screen and (max-width: 576px) { .container.one .nav222 { margin: 0 20px; }
  .logo-nav .catalogLink { margin-right: 20px; }
  .logo-nav .catalogLink { margin-left: 0; }
  .custmod.cotact-text { display: none; }
  .textBox { width: 90%; }
  #pageTwo { padding: 20px; }
  #pageThree { padding: 20px; }
  .custmod .moduletable .dj-simple-contact-form, .custmod .moduletable { width: 100%; bottom: 8%; }
  .custmod.cotact-text .moduletable { width: 100%; left: 0; bottom: 10%; } }

@media screen and (max-width: 410px) { .catalogBox { width: 80vw; left: -80vw; height: 100%; } }

@media screen and (max-width: 390px) { .sp-page-builder ul.sppb-gallery li { width: 98%; }
  .catalogBox { display: none !important; }
  .logo-nav .catalogLink { display: none; }
  .listNav { max-height: 56vh; }
  .textBox { width: 84%; }
  .logo img { max-width: 70%; width: 70%; } }

@media screen and (max-width: 280px) { .logo img { max-width: 63%; width: 63%; }
  .navbar1-content1 ul li { flex-basis: 100%; width: 100%; }
  .navbar1-content1 ul li a img { width: 20px; height: 20px; }
  #loading { left: -150% !important; } }

@font-face { font-family: 'bl'; src: url("../fonts/Space_Mono.eot"); /* IE9*/ src: url("../fonts/Space_Mono.eot?#iefix") format("embedded-opentype"), url("../fonts/Space_Mono.woff2") format("woff2"), url("../fonts/Space_Mono.woff") format("woff"), url("../fonts/Space_Mono.ttf") format("truetype"), url("../fonts/Space_Mono.svg#Bordeaux Light") format("svg"); /* iOS 4.1- */ }

@font-face { font-family: 'mer'; src: url("../fonts/Mermaid Bold.eot"); /* IE9*/ src: url("../fonts/Mermaid Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Mermaid Bold.woff2") format("woff2"), url("../fonts/Mermaid Bold.woff") format("woff"), url("../fonts/Mermaid Bold.ttf") format("truetype"); }

body { background: #494949; font-size: 16px; color: #ffffff; font-family: 'bl', Arial, Helvetica, sans-serif; }

a { text-decoration: none; }

a:hover { text-decoration: none; }

main.allpage { position: relative; width: 100vw; height: 100vh; overflow: hidden; }

.container-fluid { padding: 0 50px; }

section.basePage { width: 100vw; height: 100vh; position: absolute; transition: all 1.3s; -moz-transition: all 1.3s; -ms-transition: all 1.3s; -o-transition: all 1.3s; -webkit-transition: all 1.3s; overflow: hidden; }

.active { z-index: 1000; top: 0 !important; right: 0 !important; }

.activeBTN { background: #ffffff !important; color: #494949 !important; }

.container { position: relative; z-index: 2; padding: 70px 0 40px 0; height: 100%; }

.logo { width: 199px; max-width: 199px; height: auto; max-height: 162px; }

.logo img { max-width: 80%; width: 80%; height: auto; }

.catalogLink { margin: 20px 0; display: inline-block; height: 42px; padding: 8px 13px 4px 13px; background: #b78063; border: 1px solid #f29d6f; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; text-shadow: 0 1px 1px #144248; -moz-text-shadow: 0 1px 1px #144248; -ms-text-shadow: 0 1px 1px #144248; -o-text-shadow: 0 1px 1px #144248; -webkit-text-shadow: 0 1px 1px #144248; box-shadow: 0 1px 2px #144248, #144248 0 1px 3px inset; -o-box-shadow: 0 1px 2px #144248, #144248 0 1px 3px inset; -moz-box-shadow: 0 1px 2px #144248, #144248 0 1px 3px inset; -webkit-box-shadow: 0 1px 2px #144248, #144248 0 1px 3px inset; -ms-box-shadow: 0 1px 2px #144248, #144248 0 1px 3px inset; color: #ffffff; }

.catalogLink:hover { background: #144248; border: 1px solid #29747e; text-shadow: 0 1px 1px #144248; -moz-text-shadow: 0 1px 1px #144248; -ms-text-shadow: 0 1px 1px #144248; -o-text-shadow: 0 1px 1px #144248; -webkit-text-shadow: 0 1px 1px #144248; box-shadow: 0 1px 2px #144248, #144248 0 1px 3px inset; -o-box-shadow: 0 1px 2px #144248, #144248 0 1px 3px inset; -moz-box-shadow: 0 1px 2px #144248, #144248 0 1px 3px inset; -webkit-box-shadow: 0 1px 2px #144248, #144248 0 1px 3px inset; -ms-box-shadow: 0 1px 2px #144248, #144248 0 1px 3px inset; color: #ffffff; }

.two .catalogLink { background: #dcbb37; border: 1px solid #dcbc39; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; text-shadow: 0 1px 1px #dcbb37; -moz-text-shadow: 0 1px 1px #dcbb37; -ms-text-shadow: 0 1px 1px #dcbb37; -o-text-shadow: 0 1px 1px #dcbb37; -webkit-text-shadow: 0 1px 1px #dcbb37; box-shadow: 0 1px 2px #dcbb37, #dcbb37 0 1px 3px inset; -o-box-shadow: 0 1px 2px #dcbb37, #dcbb37 0 1px 3px inset; -moz-box-shadow: 0 1px 2px #dcbb37, #dcbb37 0 1px 3px inset; -webkit-box-shadow: 0 1px 2px #dcbb37, #dcbb37 0 1px 3px inset; -ms-box-shadow: 0 1px 2px #dcbb37, #dcbb37 0 1px 3px inset; }

.two .catalogLink:hover { background: #b78063; border: 1px solid #e5b196; text-shadow: 0 1px 1px #b78063; -moz-text-shadow: 0 1px 1px #b78063; -ms-text-shadow: 0 1px 1px #b78063; -o-text-shadow: 0 1px 1px #b78063; -webkit-text-shadow: 0 1px 1px #b78063; box-shadow: 0 1px 2px #b78063, #b78063 0 1px 3px inset; -o-box-shadow: 0 1px 2px #b78063, #b78063 0 1px 3px inset; -moz-box-shadow: 0 1px 2px #b78063, #b78063 0 1px 3px inset; -webkit-box-shadow: 0 1px 2px #b78063, #b78063 0 1px 3px inset; -ms-box-shadow: 0 1px 2px #b78063, #b78063 0 1px 3px inset; color: #ffffff; }

.three .catalogLink { background: #144248; border: 1px solid #15444a; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; text-shadow: 0 1px 1px #144248; -moz-text-shadow: 0 1px 1px #144248; -ms-text-shadow: 0 1px 1px #144248; -o-text-shadow: 0 1px 1px #144248; -webkit-text-shadow: 0 1px 1px #144248; box-shadow: 0 1px 2px #144248, #144248 0 1px 3px inset; -o-box-shadow: 0 1px 2px #144248, #144248 0 1px 3px inset; -moz-box-shadow: 0 1px 2px #144248, #144248 0 1px 3px inset; -webkit-box-shadow: 0 1px 2px #144248, #144248 0 1px 3px inset; -ms-box-shadow: 0 1px 2px #144248, #144248 0 1px 3px inset; }

.three .catalogLink:hover { background: #dcbb37; border: 1px solid #dcbc3a; text-shadow: 0 1px 1px #dcbb37; -moz-text-shadow: 0 1px 1px #dcbb37; -ms-text-shadow: 0 1px 1px #dcbb37; -o-text-shadow: 0 1px 1px #dcbb37; -webkit-text-shadow: 0 1px 1px #dcbb37; box-shadow: 0 1px 2px #dcbb37, #dcbb37 0 1px 3px inset; -o-box-shadow: 0 1px 2px #dcbb37, #dcbb37 0 1px 3px inset; -moz-box-shadow: 0 1px 2px #dcbb37, #dcbb37 0 1px 3px inset; -webkit-box-shadow: 0 1px 2px #dcbb37, #dcbb37 0 1px 3px inset; -ms-box-shadow: 0 1px 2px #dcbb37, #dcbb37 0 1px 3px inset; color: #ffffff; }

#pageOne { top: -100vh; background-size: cover; }

#pageTwo { background-size: cover; right: -100vw; }

#pageThree { background-size: cover; left: -100vw; }

.three.active { left: 0 !important; }
/*# sourceMappingURL=base.min.css.map */