/* Minification failed. Returning unminified contents. (275,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (276,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (277,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (278,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (279,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (280,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (281,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (282,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (283,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (284,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (285,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (286,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (287,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (288,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (289,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (290,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (291,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (293,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (294,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (295,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (296,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (297,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (298,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (299,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (300,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (312,17): run-time error CSS1039: Token not allowed after unary operator: '-b50' (313,28): run-time error CSS1039: Token not allowed after unary operator: '-w100' (319,16): run-time error CSS1039: Token not allowed after unary operator: '-b100' (323,17): run-time error CSS1039: Token not allowed after unary operator: '-b100' (327,22): run-time error CSS1039: Token not allowed after unary operator: '-b100' (328,17): run-time error CSS1039: Token not allowed after unary operator: '-w100' (332,17): run-time error CSS1039: Token not allowed after unary operator: '-b100' (333,15): run-time error CSS1039: Token not allowed after unary operator: '-w100' (455,17): run-time error CSS1039: Token not allowed after unary operator: '-b100' (460,28): run-time error CSS1039: Token not allowed after unary operator: '-b100' (475,18): run-time error CSS1039: Token not allowed after unary operator: '-b100' (478,21): run-time error CSS1039: Token not allowed after unary operator: '-w60' (479,32): run-time error CSS1039: Token not allowed after unary operator: '-b40' (481,28): run-time error CSS1039: Token not allowed after unary operator: '-b40' (485,17): run-time error CSS1039: Token not allowed after unary operator: '-w100' (486,24): run-time error CSS1039: Token not allowed after unary operator: '-w100' (490,18): run-time error CSS1039: Token not allowed after unary operator: '-w100' (493,17): run-time error CSS1039: Token not allowed after unary operator: '-w100' (494,24): run-time error CSS1039: Token not allowed after unary operator: '-b100' (495,23): run-time error CSS1039: Token not allowed after unary operator: '-b100' (499,18): run-time error CSS1039: Token not allowed after unary operator: '-w100' (502,17): run-time error CSS1039: Token not allowed after unary operator: '-w100' (503,24): run-time error CSS1039: Token not allowed after unary operator: '-w50' (504,23): run-time error CSS1039: Token not allowed after unary operator: '-w50' (508,18): run-time error CSS1039: Token not allowed after unary operator: '-w100' (511,17): run-time error CSS1039: Token not allowed after unary operator: '-b100' (512,24): run-time error CSS1039: Token not allowed after unary operator: '-w100' (513,23): run-time error CSS1039: Token not allowed after unary operator: '-w100' (517,18): run-time error CSS1039: Token not allowed after unary operator: '-b100' (539,17): run-time error CSS1039: Token not allowed after unary operator: '-b100' (551,34): run-time error CSS1039: Token not allowed after unary operator: '-b100' (557,34): run-time error CSS1039: Token not allowed after unary operator: '-b100' (566,17): run-time error CSS1039: Token not allowed after unary operator: '-b100' (567,24): run-time error CSS1039: Token not allowed after unary operator: '-b100' (570,17): run-time error CSS1039: Token not allowed after unary operator: '-w100' (571,34): run-time error CSS1039: Token not allowed after unary operator: '-w100' (574,17): run-time error CSS1039: Token not allowed after unary operator: '-w100' (575,24): run-time error CSS1039: Token not allowed after unary operator: '-w100' (684,32): run-time error CSS1039: Token not allowed after unary operator: '-w100' (685,32): run-time error CSS1039: Token not allowed after unary operator: '-c1' (691,38): run-time error CSS1039: Token not allowed after unary operator: '-w70' (707,25): run-time error CSS1039: Token not allowed after unary operator: '-b100' (728,37): run-time error CSS1039: Token not allowed after unary operator: '-w70' (734,12): run-time error CSS1039: Token not allowed after unary operator: '-b100' (761,14): run-time error CSS1039: Token not allowed after unary operator: '-w50' (769,25): run-time error CSS1039: Token not allowed after unary operator: '-w50' (770,27): run-time error CSS1039: Token not allowed after unary operator: '-w100' (771,16): run-time error CSS1039: Token not allowed after unary operator: '-b100' (780,25): run-time error CSS1039: Token not allowed after unary operator: '-b100' (783,14): run-time error CSS1039: Token not allowed after unary operator: '-w40' (786,25): run-time error CSS1039: Token not allowed after unary operator: '-b40' (787,27): run-time error CSS1039: Token not allowed after unary operator: '-b70' (788,16): run-time error CSS1039: Token not allowed after unary operator: '-w100' (791,25): run-time error CSS1039: Token not allowed after unary operator: '-w60' (799,15): run-time error CSS1039: Token not allowed after unary operator: '-b100' (860,28): run-time error CSS1039: Token not allowed after unary operator: '-w100' (871,38): run-time error CSS1039: Token not allowed after unary operator: '-c8' (872,27): run-time error CSS1039: Token not allowed after unary operator: '-b100' (875,38): run-time error CSS1039: Token not allowed after unary operator: '-c7' (878,38): run-time error CSS1039: Token not allowed after unary operator: '-c5' (885,36): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1077,27): run-time error CSS1039: Token not allowed after unary operator: '-w100' (1151,16): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1156,16): run-time error CSS1039: Token not allowed after unary operator: '-w100' (1166,16): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1172,29): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1177,29): run-time error CSS1039: Token not allowed after unary operator: '-w100' (1178,17): run-time error CSS1039: Token not allowed after unary operator: '-w100' (1184,29): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1185,19): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1192,19): run-time error CSS1039: Token not allowed after unary operator: '-c5' (1210,17): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1215,17): run-time error CSS1039: Token not allowed after unary operator: '-w100' (1221,17): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1231,26): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1233,15): run-time error CSS1039: Token not allowed after unary operator: '-w100' (1272,35): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1280,35): run-time error CSS1039: Token not allowed after unary operator: '-w100' (1286,35): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1319,25): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1322,25): run-time error CSS1039: Token not allowed after unary operator: '-w100' (1328,25): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1333,44): run-time error CSS1039: Token not allowed after unary operator: '-c1' (1352,31): run-time error CSS1039: Token not allowed after unary operator: '-c1' (1355,21): run-time error CSS1039: Token not allowed after unary operator: '-w100' (1358,21): run-time error CSS1039: Token not allowed after unary operator: '-w100' (1361,21): run-time error CSS1039: Token not allowed after unary operator: '-w100' (1428,36): run-time error CSS1039: Token not allowed after unary operator: '-w100' (1454,40): run-time error CSS1039: Token not allowed after unary operator: '-w80' (1497,32): run-time error CSS1039: Token not allowed after unary operator: '-w100' (1532,32): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1535,21): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1587,28): run-time error CSS1039: Token not allowed after unary operator: '-w100' (1617,28): run-time error CSS1039: Token not allowed after unary operator: '-c1' (1636,25): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1639,18): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1678,32): run-time error CSS1039: Token not allowed after unary operator: '-w100' (1699,15): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1705,15): run-time error CSS1039: Token not allowed after unary operator: '-w50' (1715,16): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1752,12): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1822,27): run-time error CSS1039: Token not allowed after unary operator: '-w100' (1841,27): run-time error CSS1039: Token not allowed after unary operator: '-w80' (1874,17): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1886,26): run-time error CSS1039: Token not allowed after unary operator: '-b100' (1888,15): run-time error CSS1039: Token not allowed after unary operator: '-w100' (1934,26): run-time error CSS1039: Token not allowed after unary operator: '-w90' (1940,26): run-time error CSS1039: Token not allowed after unary operator: '-w100' (1947,26): run-time error CSS1039: Token not allowed after unary operator: '-c1' (2000,13): run-time error CSS1039: Token not allowed after unary operator: '-b100' (2008,13): run-time error CSS1039: Token not allowed after unary operator: '-w50' (2018,14): run-time error CSS1039: Token not allowed after unary operator: '-b100' (2021,14): run-time error CSS1039: Token not allowed after unary operator: '-c5' (2030,14): run-time error CSS1039: Token not allowed after unary operator: '-b50' (2041,25): run-time error CSS1039: Token not allowed after unary operator: '-b100' (2053,14): run-time error CSS1039: Token not allowed after unary operator: '-w50' (2057,14): run-time error CSS1039: Token not allowed after unary operator: '-b100' (2091,25): run-time error CSS1039: Token not allowed after unary operator: '-w70' (2103,25): run-time error CSS1039: Token not allowed after unary operator: '-w80' (2105,14): run-time error CSS1039: Token not allowed after unary operator: '-c5' (2109,14): run-time error CSS1039: Token not allowed after unary operator: '-b50' (2148,12): run-time error CSS1039: Token not allowed after unary operator: '-b100' (2165,12): run-time error CSS1039: Token not allowed after unary operator: '-b50' (2169,12): run-time error CSS1039: Token not allowed after unary operator: '-b50' (2177,14): run-time error CSS1039: Token not allowed after unary operator: '-b50' (2178,32): run-time error CSS1039: Token not allowed after unary operator: '-w80' (2333,14): run-time error CSS1039: Token not allowed after unary operator: '-b50' (2334,32): run-time error CSS1039: Token not allowed after unary operator: '-w80' (2367,34): run-time error CSS1039: Token not allowed after unary operator: '-b100' (2423,18): run-time error CSS1039: Token not allowed after unary operator: '-w50' (2432,17): run-time error CSS1039: Token not allowed after unary operator: '-b100' (2436,17): run-time error CSS1039: Token not allowed after unary operator: '-w50' (2440,35): run-time error CSS1039: Token not allowed after unary operator: '-w80' (2469,25): run-time error CSS1039: Token not allowed after unary operator: '-w40' (2478,29): run-time error CSS1039: Token not allowed after unary operator: '-w40' (2643,20): run-time error CSS1039: Token not allowed after unary operator: '-b100' (2651,25): run-time error CSS1039: Token not allowed after unary operator: '-b100' (2704,17): run-time error CSS1039: Token not allowed after unary operator: '-b100' (2728,12): run-time error CSS1039: Token not allowed after unary operator: '-b100' (2735,12): run-time error CSS1039: Token not allowed after unary operator: '-b40' (2743,14): run-time error CSS1039: Token not allowed after unary operator: '-b100' (2746,14): run-time error CSS1039: Token not allowed after unary operator: '-c5' (2755,14): run-time error CSS1039: Token not allowed after unary operator: '-b50' (2765,25): run-time error CSS1039: Token not allowed after unary operator: '-b100' (2782,24): run-time error CSS1039: Token not allowed after unary operator: '-b30' (2783,13): run-time error CSS1039: Token not allowed after unary operator: '-w100' (2803,36): run-time error CSS1039: Token not allowed after unary operator: '-w100' (2813,28): run-time error CSS1039: Token not allowed after unary operator: '-b100' (2821,35): run-time error CSS1039: Token not allowed after unary operator: '-b100' (2847,44): run-time error CSS1039: Token not allowed after unary operator: '-w70' */ /*! * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/) *//*! * Bootstrap v3.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height, visibility;-o-transition-property:height, visibility;transition-property:height, visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid \9;border-right:4px solid transparent;border-left:4px solid transparent}.dropup,.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid \9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption{padding-right:15px;padding-left:15px}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.clearfix:before,.clearfix:after,.panel-body:before,.panel-body:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after{display:table;content:" "}.clearfix:after,.panel-body:after,.modal-header:after,.modal-footer:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed} @font-face { font-family: 'icomoon'; src: url('/assets/Icomoon/fonts/icomoon.eot?mv90dm'); src: url('/assets/Icomoon/fonts/icomoon.eot?mv90dm#iefix') format('embedded-opentype'), url('/assets/Icomoon/fonts/icomoon.ttf?mv90dm') format('truetype'), url('/assets/Icomoon/fonts/icomoon.woff?mv90dm') format('woff'), url('/assets/Icomoon/fonts/icomoon.svg?mv90dm#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-alert-line:before { content: "\e9bf"; } .icon-check-fill:before { content: "\e9f8"; } .icon-check-circle:before { content: "\e9f9"; } .icon-check-line:before { content: "\ea05"; } .icon-close-fill:before { content: "\ea06"; } .icon-close-circle-line:before { content: "\ea07"; } .icon-close-line:before { content: "\ea09"; } .icon-info-line:before { content: "\ea49"; } .icon-warning-line:before { content: "\eab5"; } .icon-comment-2:before { content: "\e94f"; } .icon-left:before { content: "\e908"; } .icon-right:before { content: "\e90a"; } .icon-club-2:before { content: "\e912"; } .icon-close-circle:before { content: "\e94d"; } .icon-link:before { content: "\e90e"; } .icon-check:before { content: "\e90f"; } .icon-delivery:before { content: "\e910"; } .icon-settings:before { content: "\e911"; } .icon-club:before { content: "\e913"; } .icon-view:before { content: "\e914"; } .icon-calendar:before { content: "\e915"; } .icon-close:before { content: "\e916"; } .icon-delete:before { content: "\e917"; } .icon-like-off:before { content: "\e918"; } .icon-like-fill:before { content: "\e919"; } .icon-like:before { content: "\e91a"; } .icon-comment:before { content: "\e91c"; } .icon-user-round:before { content: "\e91d"; } .icon-user:before { content: "\e928"; } .icon-off:before { content: "\e929"; } .icon-shopping-bag:before { content: "\e92a"; } .icon-ticket:before { content: "\e92b"; } .icon-shopping-basket:before { content: "\e92c"; } .icon-share:before { content: "\e92d"; } .icon-wallet:before { content: "\e92e"; } .icon-headset:before { content: "\e92f"; } .icon-star-fill:before { content: "\e930"; } .icon-star:before { content: "\e931"; } .icon-ring:before { content: "\e932"; } .icon-info:before { content: "\e933"; } .icon-alert:before { content: "\e934"; } .icon-flask:before { content: "\e935"; } .icon-map:before { content: "\e936"; } .icon-map-plus:before { content: "\e937"; } .icon-user-setting:before { content: "\e938"; } .icon-plus-1:before { content: "\e939"; } .icon-plus:before { content: "\e93a"; } .icon-minus-1:before { content: "\e93b"; } .icon-minus:before { content: "\e93c"; } .icon-leaf:before { content: "\e93d"; } .icon-rabbit:before { content: "\e93e"; } .icon-receipt:before { content: "\e93f"; } .icon-download:before { content: "\e940"; } .icon-package:before { content: "\e941"; } .icon-log-out:before { content: "\e942"; } .icon-filter:before { content: "\e943"; } .icon-filter-off:before { content: "\e944"; } .icon-sort:before { content: "\e945"; } .icon-arrow-left:before { content: "\e946"; } .icon-search:before { content: "\e947"; } .icon-arrow-right:before { content: "\e948"; } .icon-history:before { content: "\e949"; } .icon-flame:before { content: "\e94a"; } .icon-drop-coin:before { content: "\e94b"; } .icon-drop:before { content: "\e94c"; } .icon-instagram-1:before { content: "\e90c"; } .icon-telegram-1:before { content: "\e91b"; } .icon-whatsapp-1:before { content: "\e91e"; } .icon-maze:before { content: "\e94e"; } .icon-email:before { content: "\e91f"; } .icon-facebook:before { content: "\e920"; } .icon-instagram:before { content: "\e921"; } .icon-linkedin:before { content: "\e922"; } .icon-phone:before { content: "\e923"; } .icon-pinterest:before { content: "\e924"; } .icon-telegram:before { content: "\e925"; } .icon-twitter:before { content: "\e926"; } .icon-whatsapp:before { content: "\e927"; } .icon-home:before { content: "\f1c9"; } :root { /*---gray colors----*/ --b100: #000; --b90: #111; --b80: #222; --b70: #333; --b60: #444; --b50: #555; --b40: #666; --b30: #777; --b20: #888; --w100: #fff; --w95: #f3f3f3; --w90: #eee; --w80: #ddd; --w70: #ccc; --w60: #bbb; --w50: #aaa; --w40: #999; /*---main colors----*/ --c1:#f1eee4;/*-light kerem-*/ --c2:#e1dbc8; /*-kerem-*/ --c3:#8ea173;/*-green-*/ --c4:#f0efeb; /*-light gray-*/ --c5:#bb1111; /*-red-*/ --c6:#34c300; /*-green sharp-*/ --c7:#118312; /*-success-*/ --c8:#d5c318; /*-warning-*/ } html { scroll-behavior: smooth; } * { } body { font-family: dana, sans-serif; font-weight: normal; margin: 0; direction: rtl; color: var(--b50); background-color: var(--w100); } body.oh{ overflow:hidden; } a { color:var(--b100); cursor:pointer; } a:hover,a:focus { color:var(--b100); text-decoration:none; } ::selection { background: var(--b100); color: var(--w100); text-shadow: none; } ::-webkit-selection{ background:var(--b100); color: var(--w100); text-shadow: none; } ::-webkit-input-placeholder { /* Edge */ color: #aaa; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #aaa; } ::placeholder { color: #aaa; } ::-webkit-scrollbar { background-color: transparent; width: 3px; } ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.15); } ::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.5); } ::-webkit-scrollbar-thumb:active { background-color: rgba(0, 0, 0, .7); } /* Chrome, Safari, Edge, Opera */ input.noarrow::-webkit-outer-spin-button, input.noarrow::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .row { margin: 0; padding: 0; } .m-container { margin:0 auto; width:100%; padding:0 210px; } .c-container { margin:0 auto; width:100%; padding:0 40px; max-width:1140px; } .f-container { margin:0 auto; width:100%; padding:0 40px; } .f2-container { margin:0 auto; width:100%; padding:0 105px; } .h-container { margin:0 auto; width:100%; padding:0 210px 0 40px; } .h-container.side { padding:0 40px 0 210px; } .m-container:before, .m-container:after, .c-container:before, .c-container:after, .f-container:before, .f-container:after, .f2-container:before, .f2-container:after, .h-container:before, .h-container:after, .row:before, .row:after{ content: " "; display: table; clear:both; } .main-inner-row.bar-added{ margin-top:40px; } .inner-row{ margin-top:114px; } @media (max-width: 2499px) { } @media (max-width: 1479px) { .m-container, .f2-container, .h-container, .h-container.side { padding: 0 40px; } } @media (max-width: 767px) { .m-container, .c-container, .f-container, .f2-container, .h-container, .h-container.side { padding: 0 15px; } .main-inner-row { margin-top: 52px; } .main-inner-row.bar-added { margin-top: 82px; } .inner-row { margin-top: 0; } } /*_____________Inner________________*/ .button { display: inline-flex; align-items: center; justify-content: center; padding: 7px 15px; background-color:transparent; color: var(--b100); font-size: 15px; font-weight: 400; transition: all 0.3s; cursor: pointer; border:1px solid var(--b100); border-radius:0; white-space:nowrap; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space:nowrap; } .button:hover, .button:focus{ text-decoration:none; outline:0; color: var(--b100); } .button.disabled { color: var(--w60); background-color: var(--b40); cursor: not-allowed; border-color: var(--b40); border-radius: 0px; } .button.light { color: var(--w100); border:1px solid var(--w100); } .button.light:hover, .button.light:focus{ color: var(--w100); } .button.darkbg { color: var(--w100); border:1px solid var(--b100); background-color:var(--b100); } .button.darkbg:hover, .button.darkbg:focus{ color: var(--w100); } .button.graybg { color: var(--w100); border:1px solid var(--w50); background-color:var(--w50); } .button.graybg:hover, .button.graybg:focus{ color: var(--w100); } .button.lightbg { color: var(--b100); border:1px solid var(--w100); background-color:var(--w100); } .button.lightbg:hover, .button.lightbg:focus{ color: var(--b100); } .button .icon { margin: 0 5px 0 15px; font-size:24px; transition: all 0.3s; } .button:hover .icon{ margin: 0 20px 0 0; } .button.lg { padding: 8px 45px; font-size: 17px; font-weight: 400; } .button.sm { padding: 6px 15px; font-size: 13px; } .line-btn { color: var(--b100); display: inline-flex; white-space:nowrap; align-items:center; transition: all .3s; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom:2px solid var(--b100); padding-bottom:2px; font-size:15px; font-weight:500; } .line-btn.sm { border-bottom:1px solid var(--b100); padding-bottom:0px; font-size:13px; } .line-btn .icon{ font-size:20px; margin-left:5px; } .line-btn:hover { color: var(--b100); border-color:var(--b100); } .line-btn.light { color: var(--w100); border-bottom:2px solid var(--w100); } .line-btn.light:hover { color: var(--w100); border-color:var(--w100); } .page-sections{ display:flex; flex-direction:column; } .page-sections>*{ min-width:100%; } .page-sections .first-sec{ order:1; } .page-sections .second-sec{ order:2; } .page-sections .third-sec{ order:3; } .page-sections .forth-sec{ order:4; } .page-sections .fifth-sec{ order:5; } .page-sections .sixth-sec{ order:6; } @media (max-width: 1199px) { } @media (max-width: 991px) { } @media (max-width: 767px) { .button { padding: 5px 15px; font-size: 13px; } .button .icon { font-size: 22px; } .button.lg { padding: 7px 30px; font-size: 15px; } .button.sm { padding: 4px 15px; font-size: 11px; } .line-btn { font-size: 13px; } .line-btn.sm { font-size: 11px; } .line-btn .icon { font-size: 18px; margin-left: 5px; } .sec-row { margin: 50px 0; } .sec-row.sec-bm-row { margin-bottom: 0; } .sec-row .sec-head { margin-bottom: 15px; } .sec-row .sec-head .head { font-size: 15px; } .sec-row .sec-head .head-en { font-size: 24px; } } /*_______________MODAL / FORM______________*/ .modal { text-align: center; background-color: rgba(0, 0, 0, 0.10); } .modal-open { /*overflow: scroll;*/ } @media screen and (min-width: 768px) { .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; } .modal-dialog.md-dialog { width: 720px; } } @media screen and (min-width: 991px) { .modal-dialog.md-dialog { width:850px } } .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; } .modal-dialog { display: inline-block; vertical-align: middle; } .modal-content { background-color: var(--w100); border: 1px solid var(--c1); border-radius:0; } .modal-header { padding:15px; border: none; border-bottom:1px solid var(--w70); display:flex; align-items:center; } .modal-header.nb { border-bottom:none } .modal-header .head-con { flex-grow:1; display:flex; align-items:center; font-weight:500; font-size:18px; margin-left:15px; } .modal-header .close { color: var(--b100); } .modal-header .close .icon { display:block; font-size: 24px; cursor: pointer } .modal-body { text-align: right; padding: 30px; } .modal-body .modal-desc { font-size: 14px; font-weight:300; margin-bottom:20px; } .modal-body .modal-desc.desc-lg { font-size: 18px; font-weight:700; } .modal-bottom-row { border-top:1px solid var(--w70); padding:15px; text-align:right; } .modal-bottom-row .inf{ display:inline-block; color:var(--b100); font-size:14px; font-weight:300; text-decoration:underline; } .my-form-row { margin-bottom:15px; display:flex; width:100%; } .my-form-row .form-col { flex:1 0 0; overflow:hidden; margin-left:15px; display:flex; align-items:center; position:relative; } .my-form-row .form-col:last-child { margin-left:0; } .my-form-row .form-col .form-label { position:absolute; top:5px; right:10px; font-size:12px; font-weight:300; color:var(--w50); text-align: left; padding-left: 15px; } .my-form-row .form-col .form-input { flex-grow:1; font-size:14px; font-weight:400; border:1px solid var(--w50); background-color:var(--w100); color:var(--b100); border-radius:0; padding:25px 10px 3px 10px; text-align:right; outline: none; width:100%; resize:none; } .my-form-row .form-col .form-input:focus { border:1px solid var(--b100); } .my-form-row.light .form-col .form-label { color:var(--w40); } .my-form-row.light .form-col .form-input { border:1px solid var(--b40); background-color:var(--b70); color:var(--w100); } .my-form-row.light .form-col .form-input:focus { border:1px solid var(--w60); } .my-form-row .form-col .form-val{ padding: 25px 10px 3px 10px; font-size: 14px; flex-grow:1; background-color:#f2f2f2; width:100%; color:var(--b100); } .my-form-row .form-col .form-items{ flex-grow:1; display:flex; } .my-form-row .form-col .form-items .form-item{ align-items:center; display:flex; margin-left:15px; font-size: 16px; } .my-form-row .form-col .form-items .form-item input{ margin-left:5px; } .my-form-row .form-col .form-con{ flex-grow:1; } .my-form-row.btn-form-row { justify-content:flex-end; margin-top:20px; margin-bottom:0; } .my-form-row.btn-form-row.btn-right { justify-content:flex-start; } .my-form-row.btn-form-row .button { padding: 7px 15px; } .my-form-row .main-btn { min-width:120px; max-width:200px; flex-grow:3; } .my-form-row .cancel-btn { margin-left:15px; min-width:90px; } .tab-content>.tab-pane { display: none; visibility: hidden; } .tab-content>.active { display: block; visibility: visible; } .msg-box{ position:fixed; z-index:2000; top:90px; right:50%; width:360px; margin-right:-180px; transition:all 0.3s; } .msg-box.in{ } .msg-box .msg-con{ width:100%; padding:30px 15px; background-color:#ddd; color:var(--w100); margin-bottom:10px; paint-order:markers; position:relative; display:flex; align-items:center; -webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.47); -moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.47); box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.47); } .msg-box .msg-con.warning{ background-color:var(--c8); color:var(--b100); } .msg-box .msg-con.success{ background-color:var(--c7); } .msg-box .msg-con.alert{ background-color:var(--c5); } .msg-box .msg-con:after{ content:''; position:absolute; right:0; bottom:0; background-color:var(--b100); height:5px; opacity:0.6; animation:slide 4s; z-index:2; } .msg-box .msg-con:before{ content:'\ea49'; display:block; font-family: 'icomoon'; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size:28px; margin-left:10px; } .msg-box .msg-con.warning:before{ content:'\eab5'; } .msg-box .msg-con.success:before{ content:'\e9f9'; } .msg-box .msg-con.alert:before{ content:'\e9bf'; } .msg-box .msg-con .txt{ font-size:15px; font-weight:300; } @keyframes slide { 0% { width: 0%; } 100% { width: 100%; } } @media (max-width:991px) { .sm-full{ padding:0 !important } } @media (max-width:767px) { .modal-dialog { width: 90%; } .modal-header { padding: 10px; } .modal-header .head-con { font-size: 14px; margin-left: 10px; } .modal-header .close .icon { font-size: 20px; } .modal-body { padding: 15px 10px; } .modal-body .modal-desc { font-size: 12px; margin-bottom: 15px; } .modal-body .modal-desc.desc-lg { font-size: 15px; } .modal-bottom-row { padding: 10px; } .modal-bottom-row .inf { font-size: 10px; } .ship-map-row { height: 280px; } .my-form-row { margin-bottom: 10px; } .my-form-row .form-col { margin-left: 10px; flex-direction: column; align-items: flex-start; } .my-form-row .form-col:last-child { margin-left: 0; } .my-form-row .form-col .form-label { font-size: 10px; } .my-form-row .form-col .form-input { font-size: 12px; padding: 20px 10px 3px 10px; } .my-form-row .form-col .form-val { font-size: 12px; padding: 23px 10px 3px 10px; } .my-form-row .form-col .form-items .form-item { margin-left: 10px; font-size: 12px; } .my-form-row .form-col .form-items .form-item input { margin-left: 3px; } .my-form-row.btn-form-row { margin-top: 15px; } .my-form-row.btn-form-row .button { padding: 6px 11px; } .my-form-row .main-btn { min-width: 90px; max-width: 150px; flex-grow: 3; } .my-form-row .cancel-btn { margin-left: 10px; min-width: 90px; } .msg-box { top: 75px; right: 50%; width: 80%; margin-right: -40%; } .msg-box.in { } .msg-box .msg-con { padding: 15px 15px; margin-bottom: 10px; } .msg-box .msg-con:before { font-size: 24px; margin-left: 10px; } .msg-box .msg-con .txt { font-size: 12px; } } /*_____________HEADER________________*/ .header-row { top: 0px; right: 0; width: 100%; position: fixed; z-index: 120; padding: 0; transition:all 0.5s; } .header-row:after{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background: #000000; background: linear-gradient(180deg, rgba(255, 255, 255, 0.29) 0%, rgba(255, 255, 255, 0) 90%); } .header-row.light:after{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background: #000000; background: linear-gradient(180deg, rgba(0, 0, 0, 0.29) 0%, rgba(0, 0, 0, 0) 90%); } .header-row .header-top-bar{ display:none; } .header-row.bar-added.scrolled { margin-top:-40px; } .header-row .header-con{ display:flex; justify-content:space-between; padding:40px 40px; align-items:center; position:relative; transition: all .5s; z-index:110; } .header-row:hover .header-con, .header-row.w-bg .header-con, .header-row.scrolled .header-con, .header-row.search-open .header-con, .header-row.menu-open .header-con{ background-color:var(--w100); } .header-row.scrolled .header-con { padding: 20px 40px; } /*.header-row.bar-added .header-con{ margin-top:45px; } .header-row.bar-added.scrolled .header-con{ margin-top:0; }*/ .header-row .header-con .logo-col { } .header-row .header-con .logo-col a{ display:flex; } .header-row .header-con .logo-col img { height:32px; overflow:visible; } .header-row .header-con .logo-col img { transition: all 0.5s; } .header-row .header-con .logo-col img.w-logo { opacity: 0; width: 0; } .header-row .header-con .logo-col img.b-logo { opacity: 1; width: auto; } .header-row.light .header-con .logo-col img.w-logo { opacity: 1; width: auto; } .header-row.light .header-con .logo-col img.b-logo { opacity: 0; width: 0; } .header-row.light:hover .header-con .logo-col img.b-logo, .header-row.scrolled .header-con .logo-col img.b-logo, .header-row.search-open .header-con .logo-col img.b-logo, .header-row.menu-open .header-con .logo-col img.b-logo { opacity: 1; width: auto; } .header-row.light:hover .header-con .logo-col img.w-logo, .header-row.scrolled .header-con .logo-col img.w-logo, .header-row.search-open .header-con .logo-col img.w-logo, .header-row.menu-open .header-con .logo-col img.w-logo { opacity: 0; width: 0; } .header-row .header-con .menu-col { flex-grow:1; } .header-row .header-con .menu-col .menu-con { margin:0 40px; } .header-row .header-con .menu-col .menu-con ul { list-style:none; display:flex; align-items:center; padding:0; margin:0; } .header-row .header-con .menu-col .menu-con ul li { margin-left:30px; } .header-row .header-con .menu-col .menu-con ul li a{ display:block; color:var(--b100); font-size:14px; transition:all 0.5s; } .header-row.light .header-con .menu-col .menu-con ul li a{ color:var(--w100); } .header-row .header-con .menu-col .menu-con ul li a .icon{ display:none } .header-row.light:hover .header-con .menu-col .menu-con ul li a, .header-row.w-bg .header-con .menu-col .menu-con ul li a, .header-row.scrolled .header-con .menu-col .menu-con ul li a, .header-row.search-open .header-con .menu-col .menu-con ul li a, .header-row.menu-open .header-con .menu-col .menu-con ul li a{ color:var(--b100); } .header-row .header-con .menu-col .menu-con ul li.club-item { margin-left:0; } .header-row .header-con .menu-col .menu-con ul li.club-item a { border:1px solid var(--b100); padding:4px 15px 2px 15px; border-radius:90px; } .header-row.light .header-con .menu-col .menu-con ul li.club-item a { border:1px solid var(--w100); color:var(--w100); } .header-row.light:hover .header-con .menu-col .menu-con ul li.club-item a, .header-row.w-bg .header-con .menu-col .menu-con ul li.club-item a, .header-row.scrolled .header-con .menu-col .menu-con ul li.club-item a, .header-row.search-open .header-con .menu-col .menu-con ul li.club-item a { border:1px solid var(--b100); color:var(--b100); } .header-row.light:hover .header-con .menu-col .menu-con ul li.off-item a, .header-row.w-bg .header-con .menu-col .menu-con ul li.off-item a, .header-row.scrolled .header-con .menu-col .menu-con ul li.off-item a, .header-row.search-open .header-con .menu-col .menu-con ul li.off-item a { color:var(--c5); } .header-row .header-con .side-col{ display:flex; align-items:center; } .header-row .header-con .side-icon { margin: 0 15px; } @media(max-width:1479px) { .header-row .header-con .side-icon { margin: 0 10px; } } .header-row .header-con .side-icon .ico-con { display: flex; position: relative; align-items: center; color: var(--b100); transition:all 0.5s; cursor: pointer; } .header-row.light .header-con .side-icon .ico-con { color: var(--w100); } .header-row.light:hover .header-con .side-icon .ico-con, .header-row.light.scrolled .header-con .side-icon .ico-con, .header-row.search-open .header-con .side-icon .ico-con, .header-row.menu-open .header-con .side-icon .ico-con { color: var(--b100); } .header-row .header-con .side-icon .ico-con .icon{ font-size:24px; } .header-row .header-con .side-icon .ico-con .number{ position:absolute; top:-5px; left:-5px; font-family:Arial; background-color:var(--b100); font-size:11px; color:var(--w100); display:flex; border: none; outline: none; align-items: center; justify-content: center; text-align:center; user-select: none; min-width:17px; height:17px; padding:1px 4px 0 4px; border-radius:10px; } .header-row .header-con .side-icon.search { display:none; } .header-row.menu-open .header-con .side-icon { position:relative; z-index:60; } .header-row .header-con .hamburger-con { min-width:24px; margin-right:15px; display:none; position:relative; } .header-row .header-con .hamburger-con .hamburger { width:100%; position:relative; z-index:140; cursor:pointer; padding:0; display:flex; flex-direction:column; padding:3px 0; } .header-row .header-con .hamburger-con .hamburger span{ width: 100%; height: 1px; background-color:var(--b100); transition: all 0.5s; display: block; position: relative; margin: 3px 0; z-index: 100 } .header-row.light .header-con .hamburger-con .hamburger span{ background-color:var(--w100); } .header-row.light:hover .header-con .hamburger-con .hamburger span, .header-row.light.scrolled .header-con .hamburger-con .hamburger span, .header-row.search-open .header-con .hamburger-con .hamburger span, .header-row.menu-open .header-con .hamburger-con .hamburger span{ background-color:var(--b100); } .header-row .header-con .hamburger-con .hamburger.open span:first-child { transform: translateY(4px) rotate(135deg); } .header-row .header-con .hamburger-con .hamburger.open span:last-child { transform: translateY(-3px) rotate(-135deg); } .header-row .search-col { min-width:230px; max-width:230px; margin:0 10px; position:relative; z-index: 60; } .header-row .search-col .search-input-con { position: relative; z-index: 25; display: flex; align-items: center; justify-content:center; transition: all 0.3s; width: 100%; } .header-row .search-col .search-input-con .search-icon { position: absolute; top: 50%; margin-top: -12px; left: 10px; } .header-row .search-col .search-input-con .search-icon .icon { display: block; font-size: 24px; color: var(--b100); } .header-row.light .search-col .search-input-con .search-icon .icon { color: var(--w100); } .header-row.light:hover .search-col .search-input-con .search-icon .icon , .header-row.light.scrolled .search-col .search-input-con .search-icon .icon, .header-row.search-open .search-col .search-input-con .search-icon .icon, .header-row.menu-open .search-col .search-input-con .search-icon .icon { color: var(--b100); } .header-row .search-col .search-input-con input { border: none; border: none; background-color: var(--c1); outline: 0; font-size: 14px; font-weight:300; text-align: right; padding: 7px 10px; padding-left:45px; width: 100%; transition: all 0.5s; border-radius:90px; color:#000 } .header-row.light .search-col .search-input-con input { background-color: rgba(247, 242, 236, 0.15); } .header-row.light:hover .search-col .search-input-con input, .header-row.light.scrolled .search-col .search-input-con input, .header-row.search-open .search-col .search-input-con input, .header-row.menu-open .search-col .search-input-con input { background-color: var(--c1); } .header-row.light .search-col .search-input-con input::-webkit-input-placeholder{ color: var(--w100); } .header-row.light .search-col .search-input-con input:-ms-input-placeholder{ color: var(--w100); } .header-row.light .search-col .search-input-con input::placeholder { color: var(--w100); } .header-row.light:hover .search-col .search-input-con input::-webkit-input-placeholder, .header-row.light.scrolled .search-col .search-input-con input::-webkit-input-placeholder, .header-row.search-icon .search-col .search-input-con input::-webkit-input-placeholder, .header-row.menu-icon .search-col .search-input-con input::-webkit-input-placeholder{ color: #aaa; } .header-row.light:hover .search-col .search-input-con input:-ms-input-placeholder, .header-row.light.scrolled .search-col .search-input-con input:-ms-input-placeholder, .header-row.search-open .search-col .search-input-con input:-ms-input-placeholder, .header-row.menu-open .search-col .search-input-con input:-ms-input-placeholder{ color: #aaa; } .header-row.light:hover .search-col .search-input-con input::placeholder, .header-row.light.scrolled .search-col .search-input-con input::placeholder, .header-row.search-open .search-col .search-input-con input::placeholder, .header-row.menu-open .search-col .search-input-con input::placeholder { color: #aaa; } @media (max-width: 1479px) { .header-row .header-con .menu-col .menu-con ul li { margin-left: 20px; } } @media (max-width: 1299px) { .header-row .header-con .menu-col { position: fixed; top: 0; left: -110%; width: 100%; height: 100%; display: flex; flex-direction: row-reverse; z-index: 50; transition-delay: 1s; } .header-row .header-con .menu-col.in { left: 0; transition-delay: 0s; } .header-row .header-con .menu-col .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.0); transition: all 0.3s; z-index: 5; } .header-row .header-con .menu-col.in .bg { background: rgba(0, 0, 0, 0.69); } .header-row .header-con .menu-col .menu-con { display: flex; flex-direction: column; width: 490px; min-width: 490px; height: 100%; background-color: var(--w100); position: relative; transform: translateX(-490px); transition: all 0.5s; transition-delay: 0.1s; z-index: 10; margin: 0; padding:60px 40px; padding-top:114px; } .header-row.bar-added .header-con .menu-col .menu-con { padding-top:154px; } .header-row.scrolled .header-con .menu-col .menu-con, .header-row.bar-added.scrolled .header-con .menu-col .menu-con { padding-top:74px; } .header-row .header-con .menu-col.in .menu-con { transform: translateX(0); transition-delay: 0s; } .header-row .header-con .menu-col .menu-con ul { flex-direction: column; align-items: initial; } .header-row .header-con .menu-col .menu-con ul li { border: 1px solid var(--w80); border-width:1px 0; margin:0; margin-bottom:-1px; padding:5px 0; } .header-row .header-con .menu-col .menu-con ul li a{ display:flex; justify-content:space-between; padding:5px 0; font-size:18px; font-weight:300; } .header-row .header-con .menu-col .menu-con ul li a .icon{ display:block; font-size:24px } .header-row .header-con .menu-col .menu-con ul li.club-item { border:none; display:flex; padding-top:10px; } .header-row .header-con .menu-col .menu-con ul li.club-item a { padding: 5px 25px 3px 25px; } .header-row .header-con .hamburger-con { display:block; } } @media (max-width: 1199px) { } @media (max-width: 991px) { } @media (max-width: 767px) { .header-row.bar-added.scrolled { margin-top:-30px; } .header-row .header-con { background-color: var(--w100); padding: 15px 15px; } .header-row.scrolled .header-con { padding: 15px 15px; } .header-row .header-con .logo-col { position:relative; z-index:60 } .header-row .header-con .logo-col img { height: 22px; } .header-row .search-col { display: none; } .header-row .header-con .side-icon.search { display: block; } .header-row .header-con .side-icon { margin: 0 6px; } .header-row .header-con .side-icon .ico-con .icon { font-size: 20px; } .header-row .header-con .side-icon .ico-con .number { top: -5px; left: -6px; font-size: 9px; min-width: 14px; height: 14px; padding: 1px 4px 0 4px; border-radius: 9px; } .header-row.light .header-con .hamburger-con .hamburger span { background-color: var(--b100); } .header-row.light .header-con .side-icon .ico-con { color: var(--b100); } .header-row.light .header-con .logo-col img.b-logo { opacity: 1; width:auto; } .header-row.light .header-con .logo-col img.w-logo { opacity: 0;width:0; } .header-row.light:after { background: transparent; } .header-row .header-con .menu-col .menu-con { width: 100%; min-width: 100%; transform: translateX(-100%); padding:30px 15px; padding-top:52px; } .header-row.bar-added .header-con .menu-col .menu-con { padding-top:82px; } .header-row.scrolled .header-con .menu-col .menu-con, .header-row.bar-added.scrolled .header-con .menu-col .menu-con { padding-top:52px; } .header-row .header-con .menu-col .menu-con ul li { padding:5px 0; } .header-row .header-con .menu-col .menu-con ul li a{ font-size:16px; padding:5px 15px; } .header-row .header-con .menu-col .menu-con ul li a .icon{ font-size:22px } .header-row .header-con .menu-col .menu-con ul li.club-item { padding-top:10px; } .header-row .header-con .menu-col .menu-con ul li.club-item a { padding: 4px 25px 2px 25px; } } /*____________SEARCH result________________*/ .header-row .search-result-con { position: fixed; left: 0; width: 100%; z-index: 90; top: -100%; height:100%; max-height:100vh; background-color: var(--w100); overflow:hidden; transition: all 0.5s; padding-top:114px; display:flex; flex-direction:column; } .header-row.bar-added .search-result-con { padding-top:154px; } .header-row.scrolled .search-result-con, .header-row.bar-added.scrolled .search-result-con { padding-top:74px; } .header-row .search-result-con.open { top:0; } .header-row .search-result-con .input-con { display:none; margin:20px 0; } .header-row .search-result-con .input-con .input-row { display:flex; align-items:center; position:relative; } .header-row .search-result-con .input-con .input-row input { flex-grow:1; margin-left:15px; border: none; background-color: var(--c1); outline: 0; font-size: 14px; font-weight: 300; text-align: right; padding: 5px 45px; width: 100%; transition: all 0.5s; border-radius: 50px; } .header-row .search-result-con .input-con .input-row .search-icon { position: absolute; top: 50%; margin-top: -10px; right: 10px; } .header-row .search-result-con .input-con .input-row .search-icon .icon { display: block; font-size: 20px; color: var(--b100) } .header-row .search-result-con .input-con .input-row .btn-close{ color: var(--b100); cursor:pointer; display:flex; } .header-row .search-result-con .input-con .input-row .btn-close .icon{ font-size:22px; } .header-row .search-result-con .result-con { flex-grow:1; position:relative; overflow-y:hidden; padding-bottom:40px; } .header-row .search-result-con .result-con>* { position:relative; width:100%; height:100%; overflow-y:scroll; } .header-row .search-result-con .result-con .loading { text-align:center; padding:30px 0; } .header-row .search-result-con .result-con .loading img { width:32px; } .header-row .search-result-con .result-con .loading .txt { margin-top:15px; font-size:18px; font-weight:300 } .header-row .search-result-con .result-con .noproduct { text-align: center; padding: 45px; font-size: 18px; font-weight: 300; width:100%; } .header-row .search-result-con .result-con .noproduct.main { background-color: var(--w100); } .header-row .search-result-con .result-con .sug-row { display:flex; } .header-row .search-result-con .result-con .sug-row .sug-item{ display:flex; flex-direction:column; align-items:flex-start; margin-left:80px; } .header-row .search-result-con .result-con .sug-row .sug-item .ttl{ font-weight:500; font-size:16px; } .header-row .search-result-con .result-con .sug-row .sug-item .val{ display:flex; flex-direction:column; } .header-row .search-result-con .result-con .sug-row .sug-item .val a{ margin-top:15px; color: var(--b100); font-size:16px; font-weight:300; transition:all 0.5s; } .header-row .search-result-con .result-con .sug-row .sug-item .val a:hover{ color: var(--w50); text-decoration:underline; } .header-row .search-result-con .close-con { text-align:left; } .header-row .search-result-con .close-con .btn-close{ display:inline-flex; justify-content:center; align-items:center; color:var(--b100); cursor:pointer; transition:all 0.3s; } .header-row .search-result-con .close-con .btn-close .icon{ font-size:24px; } .header-row .search-result-con .close-con .btn-close:hover{ transform:rotate(90deg); } .header-row .search-result-con .result-row { display:flex; flex-direction:column; align-items:flex-start; } .header-row .search-result-con .result-item { margin-bottom:20px; display:flex; align-items:flex-end; } .header-row .search-result-con .result-item .img { width:60px; height:60px; overflow:hidden; background-color:#eee; margin-left:20px; } .header-row .search-result-con .result-item .img img { width:100%; height:100%; object-fit:cover; transition:all 1s; } .header-row .search-result-con .result-item .head { font-size:14px; font-weight:400; margin:0; color:var(--b100); } @media(max-width:1399px) { } @media(max-width:1199px) { } @media(max-width:767px) { .header-row .search-result-con { z-index: 150; padding-top: 0; } .header-row.scrolled .search-result-con, .header-row.bar-added.scrolled .search-result-con, .header-row.bar-added .search-result-con { padding-top: 0; } .header-row .search-result-con .input-con { display: block; } .header-row .search-result-con .close-con { display: none; } .header-row .search-result-con .result-con { padding-bottom: 30px; } .header-row .search-result-con .result-con .sug-row .sug-item { margin-left: 0; flex:1 0 0; } .header-row .search-result-con .result-con .sug-row .sug-item .ttl { font-size: 12px; } .header-row .search-result-con .result-con .sug-row .sug-item .val a { margin-top: 10px; font-size: 12px; } .header-row .search-result-con .result-item { margin-bottom:15px; } .header-row .search-result-con .result-item .img { width:45px; height:45px; margin-left:15px; } .header-row .search-result-con .result-item .head { font-size:12px; } } /*_____________NAV________________*/ /*________________BASKET_____________*/ .basket-container{ position:fixed; top:0; left:-110%; width:100%; height:100%; display:flex; flex-direction:row-reverse; z-index:200; transition-delay:1s; } .basket-container.in{ left:0; transition-delay:0s; } .basket-container .basket-col{ display:flex; flex-direction:column; min-width:490px; height:100%; background-color:var(--w100); position:relative; transform:translateX(-490px); transition:all 0.5s; transition-delay:0.1s; z-index:10; } .basket-container.in .basket-col{ transform:translateX(0); transition-delay:0s; display:flex; flex-direction:column; } .basket-container .sug-col{ display:flex; flex-direction:column; min-width:230px; width:230px; height:100%; background-color:var(--w80); position:relative; z-index:9; transform:translateX(-720px); transition:all 0.5s; transition-delay:0s; } .basket-container.in .sug-col{ transform:translateX(0); transition-delay:0.1s; } .basket-container .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.0); transition:all 0.3s; z-index:5 } .basket-container.in .bg{ background: rgba(0, 0, 0, 0.68); } .basket-container .basket-col .top-con{ display:flex; padding:25px 30px; align-items:center; } .basket-container .basket-col .top-con .ico-con{ display: flex; position: relative; align-items: center; color: var(--b100); transition:all 0.5s; cursor: pointer; } .basket-container .basket-col .top-con .ico-con .icon{ font-size:24px; } .basket-container .basket-col .top-con .ico-con .number{ position:absolute; top:-5px; left:-5px; font-family:Arial; background-color:var(--b100); font-size:11px; color:var(--w100); display:flex; border: none; outline: none; align-items: center; justify-content: center; text-align:center; user-select: none; min-width:17px; height:17px; padding:1px 4px 0 4px; border-radius:10px; } .basket-container .basket-col .top-con .ttl-con{ flex-grow:1; text-align:center; } .basket-container .basket-col .top-con .ttl-con .ttl{ font-size:16px; font-weight:500; } .basket-container .basket-col .top-con .close-con { cursor:pointer; } .basket-container .basket-col .top-con .close-con .icon{ display:block; font-size:24px; } .basket-container .basket-col .main-con{ flex-grow:1; overflow-y:hidden; position:relative; z-index:10; padding:0 20px; } .basket-container .basket-col .main-con .scroll-con{ overflow-y:scroll; position:relative; width:100%; height:100%; padding:0 10px; } .basket-container .basket-col .basket-list{ padding-bottom:60px; } .basket-container .basket-list .basket-item{ border:1px solid var(--w90); border-width:1px 0; margin-bottom:-1px; position:relative; } .basket-container .basket-list .basket-item .item-con{ background-color:var(--w100); display:flex; position:relative; padding:15px 0; z-index:5; } .basket-container .basket-list .basket-item .item-rmv{ background-color:var(--c1); display:flex; position:absolute; align-items:center; justify-content:center; text-align:center; top:0; left:0; width:100%; height:100%; z-index:1; } .basket-container .basket-list .basket-item.rmv .item-rmv{ z-index:6; } .basket-container .basket-list .basket-item .item-rmv .ttl{ font-size:15px; font-weight:500; margin-bottom:10px; } .basket-container .basket-list .basket-item .item-rmv .btns{ display:flex; justify-content:center; } .basket-container .basket-list .basket-item .item-rmv .btns .button{ margin:0 5px; } .basket-container .basket-list .basket-item .img-con{ min-width:90px; width:90px; height:90px; margin-left:15px; } .basket-container .basket-list .basket-item .img-con img{ width:100%; height:100%; object-fit:cover } .basket-container .basket-list .basket-item .txt-con{ display:flex; flex-direction:column; justify-content:space-between; flex-grow:1; } .basket-container .basket-list .basket-item .txt-con .top{ display:flex; justify-content:space-between; } .basket-container .basket-list .basket-item .txt-con .ttl-con{ } .basket-container .basket-list .basket-item .txt-con .ttl-con .ttl{ font-size:14px; font-weight:500; color:var(--b100); } .basket-container .basket-list .basket-item .txt-con .ttl-con .ttl:hover{ text-decoration:underline; } .basket-container .basket-list .basket-item .txt-con .ttl-con .opt{ font-size:12px; font-weight:300; color:var(--w50); margin-top:5px; } .basket-container .basket-list .basket-item .txt-con .prc-con{ display:flex; align-items:center; } .basket-container .basket-list .basket-item .txt-con .prc-con .prc{ font-size:15px; font-weight:600; color:var(--b100); } .basket-container .basket-list .basket-item .txt-con .prc-con.off .prc{ color:var(--c5); } .basket-container .basket-list .basket-item .txt-con .prc-con .prc .ccy{ font-size:11px; font-weight:300; } .basket-container .basket-list .basket-item .txt-con .prc-con .prc-before{ font-size:15px; font-weight:400; color:var(--b50); padding:0 3px; position:relative; margin-left:10px; } .basket-container .basket-list .basket-item .txt-con .prc-con .prc-before:after{ position:absolute; top:50%; left:0; width:100%; height:1px; background-color:var(--b100); content:''; margin-top:-2px; opacity:0.5; z-index:2; } .basket-container .basket-list .basket-item .txt-con .prc-con .prc-before .ccy{ font-size:11px; font-weight:300; } .basket-container .basket-list .basket-item .txt-con .rmv-con{ cursor:pointer; color:var(--w50); margin-left:10px; } .basket-container .basket-list .basket-item .txt-con .rmv-con:hover{ color:var(--b100) } .basket-container .basket-list .basket-item .txt-con .rmv-con .icon{ display:block; font-size:18px } .basket-container .basket-col .btm-con{ position:relative; z-index:11; padding:0 30px; } .basket-container .basket-col .btm-con:before{ content:''; height:45px; width:100%; position:absolute; bottom:100%; left:0; background: #000000; background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 1%, rgba(0, 0, 0, 0) 100%); } .basket-container .bon-row{ margin:20px 0; } .basket-container .bon-row .bon-form{ display:flex; } .basket-container .bon-row .bon-form .input-con{ flex-grow:1; display:flex; margin-left:-1px; } .basket-container .bon-row .bon-form .input-con input{ width:100%; border:1px solid var(--w70); padding:10px; outline:0; font-size:12px; } .basket-container .bon-row .bon-form .btn-con{ display:flex; } .basket-container .bon-row .bon-res{ padding:10px 0; display:flex; align-items:center; border:1px solid var(--w80); border-width:1px 0; color:var(--c5) } .basket-container .bon-row .bon-res .del{ margin-left:10px; color:var(--b50); cursor:pointer; } .basket-container .bon-row .bon-res .del .icon{ display:block; font-size:16px; } .basket-container .bon-row .bon-res .txt{ display:flex; align-items:center; flex-grow:1; font-size:12px; } .basket-container .bon-row .bon-res .txt .ttl{ font-size:15px; font-weight:600; margin-left:5px; } .basket-container .bon-row .bon-res .prc{ font-size:15px; font-weight:600; } .basket-container .bon-row .bon-res .prc .ccy{ font-size:11px; font-weight:300; } .basket-container .prc-row{ display:flex; justify-content:space-between; align-items:center; margin:30px 0 10px 0; } .basket-container .prc-row .ttl{ font-size:15px; font-weight:600; } .basket-container .prc-row .prc{ font-size:18px; font-weight:600; color:var(--b100); } .basket-container .prc-row .prc .ccy{ font-size:13px; font-weight:300; } .basket-container .btn-row{ display:flex; margin:10px 0 20px 0; } .basket-container .btn-row .button{ flex-grow:1; } .basket-container .desc-row{ margin:20px 0 20px 0; font-size:12px; font-weight:300; color:var(--b50); } .basket-container .desc-row a{ text-decoration:underline; color:var(--b50); } .basket-container .sug-col .top-con{ text-align:center; padding:0 30px; } .basket-container .sug-col .top-con .ttl{ font-size:16px; color:var(--b50); border-bottom:1px solid var(--w80); padding:25px 0; } .basket-container .sug-col .main-con{ flex-grow:1; overflow-y:hidden; padding:0 20px; } .basket-container .sug-col .main-con .sug-list{ overflow-y:scroll; position:relative; width:100%; height:100%; padding:0 10px; padding-bottom:60px; display:flex; flex-direction:column; } .basket-container .sug-col .main-con .sug-list .sug-item { margin-top:20px; } .basket-container .sug-col .main-con .sug-list .sug-item .img{ aspect-ratio:1/1; } .basket-container .sug-col .main-con .sug-list .sug-item .img img{ width: 100%; height: 100%; object-fit: cover; } @media(max-width:767px){ .basket-container .basket-col{ min-width:100%; transform:translateX(-100%); } .basket-container .sug-col{ display:none; } .basket-container .basket-col .top-con{ padding:20px 15px; } .basket-container .basket-col .top-con .ico-con .icon{ font-size:20px; } .basket-container .basket-col .top-con .ico-con .number{ top: -5px; left: -6px; font-size: 9px; min-width: 14px; height: 14px; padding: 1px 4px 0 4px; border-radius: 9px; } .basket-container .basket-col .top-con .ttl-con .ttl{ font-size:14px; } .basket-container .basket-col .top-con .close-con .icon{ font-size:22px; } .basket-container .basket-col .main-con{ padding:0 10px; } .basket-container .basket-col .main-con .scroll-con{ padding:0 5px; } .basket-container .basket-col .basket-list{ padding-bottom:50px; } .basket-container .basket-list .basket-item .item-con{ padding:10px 0; } .basket-container .basket-list .basket-item .item-rmv .ttl{ font-size:13px; margin-bottom:10px; } .basket-container .basket-list .basket-item .img-con{ min-width:60px; width:60px; height:60px; margin-left:10px; } .basket-container .basket-list .basket-item .txt-con .ttl-con .ttl{ font-size:12px; } .basket-container .basket-list .basket-item .txt-con .ttl-con .opt{ font-size:10px; margin-top:3px; } .basket-container .basket-list .basket-item .txt-con .prc-con .prc{ font-size:13px; } .basket-container .basket-list .basket-item .txt-con .prc-con .prc .ccy{ font-size:9px; } .basket-container .basket-list .basket-item .txt-con .prc-con .prc-before{ font-size:13px; margin-left:7px; } .basket-container .basket-list .basket-item .txt-con .prc-con .prc-before:after{ margin-top:-1px; } .basket-container .basket-list .basket-item .txt-con .rmv-con { margin-left: 5px; } .basket-container .basket-list .basket-item .txt-con .prc-con .prc-before .ccy{ font-size:9px; } .basket-container .basket-col .btm-con{ padding:0 15px; } .basket-container .basket-col .btm-con:before{ height:40px; } .basket-container .bon-row{ margin:15px 0; } .basket-container .bon-row .bon-form .input-con input{ font-size:10px; } .basket-container .bon-row .bon-res .txt{ font-size:10px; } .basket-container .bon-row .bon-res .txt .ttl{ font-size:16px; } .basket-container .bon-row .bon-res .prc{ font-size:16px; } .basket-container .bon-row .bon-res .prc .ccy{ font-size:9px; } .basket-container .prc-row{ margin:20px 0 10px 0; } .basket-container .prc-row .ttl{ font-size:13px; } .basket-container .prc-row .prc{ font-size:16px; } .basket-container .prc-row .prc .ccy{ font-size:11px; } .basket-container .btn-row{ margin:10px 0 15px 0; } .basket-container .desc-row{ margin:10px 0 15px 0; font-size:10px; } .basket-container .sug-col .top-con{ text-align:center; padding:0 30px; } .basket-container .sug-col .top-con .ttl{ font-size:16px; color:var(--b50); border-bottom:1px solid var(--w80); padding:25px 0; } .basket-container .sug-col .main-con{ flex-grow:1; overflow-y:hidden; padding:0 20px; } .basket-container .sug-col .main-con .sug-list{ overflow-y:scroll; position:relative; width:100%; height:100%; padding:0 10px; padding-bottom:60px; display:flex; flex-direction:column; } .basket-container .sug-col .main-con .sug-list .sug-item { margin-top:20px; } .basket-container .sug-col .main-con .sug-list .sug-item .img{ aspect-ratio:1/1; } .basket-container .sug-col .main-con .sug-list .sug-item .img img{ width: 100%; height: 100%; object-fit: cover; } } /*__________NEWSLETTER_____________*/ .newsletter-row{ background-color:#f1eee5; border-top:2px solid var(--b100); padding:90px 0; text-align:center; } .newsletter-row .head-con{ margin-bottom:30px; } .newsletter-row .head-con .head{ font-size:18px; font-weight:500; margin-bottom:10px; } .newsletter-row .head-con .desc{ font-size:14px; font-weight:300; } .newsletter-row .form-con{ display:inline-flex; width:100%; max-width:720px; } .newsletter-row .form-con input{ flex:1 0 0; border:none; text-align:center; padding:5px; outline:0; direction:ltr; } .newsletter-row .form-con input:nth-child(2){ margin:0 10px; } /*__________FOTER_____________*/ .footer-row { padding:45px 0; } .footer-row .footer-con{ display:flex; } .footer-row .footer-con .f-col{ flex:2 0 0; min-width:180px; } .footer-row .footer-con .f-logo{ flex:5 0 0; display:flex; justify-content:center; align-items:center; } .footer-row .footer-con .f-logo img{ width:45px; } .footer-row .footer-con .f-menu{ list-style:none; padding:0; margin:0; color:var(--w50) } .footer-row .footer-con .f-menu li{ margin-bottom:10px; } .footer-row .footer-con .f-menu li a{ display:inline-block; font-size:14px; font-weight:300; color:var(--b100); transition:all 0.3s; } .footer-row .footer-con .f-menu li a:hover{ color:var(--w50); text-decoration:underline } .footer-cert-row { border-top:1px solid var(--w80); text-align: center; padding:45px 0; } .footer-cert-row .cert-con { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; } .footer-cert-row img { width: 100px; height:100px; object-fit:contain; margin:15px; } .cr-row { background-color:#f0efeb; } .cr-row .cr-con { padding: 15px 0; font-size: 11px; font-weight: 300; position: relative; display:flex; justify-content:space-between; } .cr-row .cr-col { text-align: right; color: var(--w40) } .cr-row .maze-col { text-align: left; } .cr-row .maze-col a { display: inline-block; position: relative; padding-left: 32px; color: var(--w40) } .cr-row .maze-col a span { position: absolute; left: 0; top: 50%; margin-top: -12px; font-size: 24px; } .cr-row .maze-col a:hover span { color: #ff6900 } @media(max-width:1199px) { .footer-row .footer-con{ flex-wrap:wrap; } .footer-row .footer-con .f-col{ order:1; } .footer-row .footer-con .f-logo{ order:2; min-width:100%; margin-top:45px; } } @media(max-width:991px) { .footer-row .footer-con .f-col { min-width: 150px; } } @media(max-width:767px) { /*__________NEWSLETTER_____________*/ .newsletter-row{ padding:45px 0; } .newsletter-row .head-con{ margin-bottom:20px; } .newsletter-row .head-con .head{ font-size:14px; margin-bottom:7px; } .newsletter-row .head-con .desc{ font-size:10px; } .newsletter-row .form-con{ flex-wrap:wrap; justify-content:center; } .newsletter-row .form-con input{ font-size:12px; } .newsletter-row .form-con input:nth-child(2){ margin:0 10px 0 0; } .newsletter-row .form-con .button { margin-right: 10px; } /*__________FOTER_____________*/ .footer-row { padding:45px 0; } .footer-row .footer-con .f-col{ margin-bottom:20px; min-width:50%; max-width:50%; } .footer-row .footer-con .f-logo{ margin-top:20px; } .footer-row .footer-con .f-logo img{ width:30px; } .footer-row .footer-con .f-menu li{ font-size:12px; } .footer-row .footer-con .f-menu li a{ font-size:12px; } .footer-cert-row { padding:30px 0; } .footer-cert-row img { width:70px; height:70px; margin:10px; } .cr-row { background-color:#f0efeb; } .cr-row .cr-con { padding: 15px 0; font-size: 9px; flex-direction:column; align-items:center; } .cr-row .cr-col { margin-bottom:10px; } .cr-row .maze-col { text-align: left; } .cr-row .maze-col a { padding-left: 28px; } .cr-row .maze-col a span { margin-top: -10px; font-size: 20px; } } /*_____________Inner________________*/ .page-sections{ display:flex; flex-direction:column; } .page-sections>*{ min-width:100%; } .page-sections .first-sec{ order:1; } .page-sections .second-sec{ order:2; } .page-sections .third-sec { order: 3; } .page-sections .third-sec .sec-row { margin-top:0; } .page-sections .forth-sec{ order:4; } .page-sections .fifth-sec{ order:5; } .page-sections .sixth-sec{ order:6; } .sec-row { margin: 90px 0; } .sec-row.sec-bm-row { margin-bottom:0 } .sec-row .sec-head { margin-bottom: 30px; } .sec-row .sec-head.center-head { text-align:center; } .sec-row .sec-head .sec-head-con { position:relative; display:inline-flex; flex-direction:column-reverse; z-index:2 } .sec-row .sec-head .sec-head-con .head-con { display:flex; } .sec-row .sec-head .head{ font-size: 19px; font-weight:300; margin:0; color:var(--b100); } .sec-row .sec-head .head-en{ font-size: 36px; font-weight:500; letter-spacing:1px; margin:0; color:var(--b100); } .product-item{ width:100%; position:relative; } .product-item .img-con{ position:relative; aspect-ratio:1/1; overflow:hidden; } .product-item .img-con img{ position:absolute; width:100%; height:100%; object-fit:cover; transition:all 0.7s !important; } .product-item .img-con img.img-1{ z-index:2 } .product-item:hover .img-con img.img-1{ transform:scale(1.1) } .product-item .img-con img.img-2{ z-index:3; opacity:0 !important; } .product-item:hover .img-con img.img-2{ opacity:1 !important; } .product-item.na .img-con img.img-1{ opacity:0.5 } .product-item.na:hover .img-con img.img-1{ opacity:1 } .product-item .img-con .like-con { position: absolute; left: 0; bottom: 0; z-index: 20; } a.wait, div.wait,div.wait div.like-btn{ cursor: wait !important; } a.noPointer { cursor:default !important; } .product-item .img-con .like-con .like-btn { padding: 10px; display: flex; color: var(--b100); cursor: pointer } .product-item .img-con .like-con .like-btn .icon{ font-size:24px; } .product-item .img-con .like-con .like-btn.btn-2{ display:none; } .product-item.liked .img-con .like-con .like-btn.btn-1{ display:none; } .product-item.liked .img-con .like-con .like-btn.btn-2{ display:flex; } .product-item .txt-con{ display:flex; flex-direction:column; align-items:flex-start; padding:15px 0 } .product-item .txt-con .ttl{ font-size:16px; font-weight:300; color:var(--b100); margin-bottom:5px; } .product-item .txt-con .opt{ margin:5px 0; font-size:12px; font-weight:300; color:var(--b40); } .product-item .txt-con .prc{ margin-top:10px; } .product-item .txt-con .prc .price{ font-size:15px; font-weight:600; color:var(--b100); } .product-item.off .txt-con .prc .price{ color:var(--c5) } .product-item .txt-con .prc .price .ccy{ font-size:11px; font-weight:300; } .product-item .txt-con .prc .price-b{ font-size:15px; font-weight:300; color:var(--b50); padding:0 3px; position:relative; } .product-item .txt-con .prc .price-b:after{ position:absolute; top:50%; left:0; width:100%; height:1px; background-color:var(--b100); content:''; margin-top:-2px; opacity:0.5; z-index:2; } .product-item .txt-con .prc .price-b .ccy{ font-size:11px; font-weight:300; } .product-item .tag{ position:absolute; z-index:4; direction:ltr; top:0; left:0; padding:6px 15px 5px 15px; background-color:var(--b30); color:var(--w100); font-size:11px; letter-spacing:1px; font-weight:200; font-family:Arial; } .product-item.na .tag{ font-size:11px; letter-spacing:0; font-weight:300; font-family:dana, sans-serif; } .product-item.na a div.txt-con div.opt:not(.show) { display:none } .faq-con { } .faq-con .faq-item { border: none; margin-bottom: 2px; background-color: var(--w100); border: none; border-radius: 0; -webkit-box-shadow: 0; box-shadow: 0; } .faq-con .faq-item .faq-ttl { padding: 15px 15px 15px 50px; font-size: 15px; font-weight:500; color:var(--b100); cursor: pointer; position:relative; } .faq-con .faq-item .faq-ttl:after, .faq-con .faq-item .faq-ttl:before { content:''; position:absolute; background-color:var(--b100); transition:all 0.5s; transform:rotate(135deg) } .faq-con .faq-item .faq-ttl:after{ left:15px; top:50%; width:25px; height:1px; } .faq-con .faq-item .faq-ttl:before { left:27px; top:50%; margin-top:-12px; width:1px; height:25px; } .faq-con .faq-item .faq-ttl.collapsed:after, .faq-con .faq-item .faq-ttl.collapsed:before { transform:rotate(0) } .faq-con .faq-item .faq-answer { padding: 30px; font-weight: 300; font-size: 16px; line-height:1.7em; border-top:1px solid var(--w70) } @media (max-width: 1199px) { } @media (max-width: 991px) { } @media (max-width: 767px) { .sec-row { margin: 50px 0; } .sec-row.sec-bm-row { margin-bottom:0 } .sec-row .sec-head { margin-bottom: 15px; } .sec-row .sec-head .head{ font-size: 15px; } .sec-row .sec-head .head-en{ font-size: 24px; } .product-item .img-con .like-con .like-btn .icon{ font-size:20px; } .product-item .txt-con{ padding:10px 0 } .product-item .txt-con .ttl{ font-size:14px; margin-bottom:5px; } .product-item .txt-con .opt{ margin:5px 0; font-size:10px; } .product-item .txt-con .prc{ margin-top:10px; } .product-item .txt-con .prc .price{ font-size:12px; } .product-item .txt-con .prc .price .ccy{ font-size:10px; } .product-item .txt-con .prc .price-b{ font-size:12px; padding:0 2px; } .product-item .txt-con .prc .price-b .ccy{ font-size:10px; } .product-item .tag{ padding:6px 15px 5px 15px; font-size:9px; } .faq-con .faq-item .faq-ttl { padding: 10px 10px 10px 30px; font-size: 13px; } .faq-con .faq-item .faq-ttl:after { left: 10px; width: 19px; height: 1px; } .faq-con .faq-item .faq-ttl:before { left: 19px; top: 50%; margin-top: -9px; width: 1px; height: 19px; } .faq-con .faq-item .faq-answer { padding: 10px; font-size: 13px; } } /** * * Name: DANA Fonts * Version: 3.0 * Author: Moslem Ebrahimi (moslemebrahimi.com) * Created on: nov 12, 2021 * Updated on: nov 12, 2021 * Website: http://fontiran.com * Copyright: Commercial/Proprietary Software -------------------------------------------------------------------------------------- فونت دانا یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید -------------------------------------------------------------------------------------- DANA fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com -------------------------------------------------------------------------------------- This set of fonts are used in this project under the license: (ZHC9E8W1) ------------------------------------------------------------------------------------- fonts/- * **/ @font-face { font-family: dana; font-style: normal; font-weight: 200; src: url('/assets/fonts/eot/dana-fanum-extralight.eot'); src: url('/assets/fonts/eot/dana-fanum-extralight.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/woff2/dana-fanum-extralight.woff2') format('woff2'), url('/assets/fonts/woff/dana-fanum-extralight.woff') format('woff'); } @font-face { font-family: dana; font-style: normal; font-weight: 300; src: url('/assets/fonts/eot/dana-fanum-light.eot'); src: url('/assets/fonts/eot/dana-fanum-light.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/woff2/dana-fanum-light.woff2') format('woff2'), url('/assets/fonts/woff/dana-fanum-light.woff') format('woff'); } @font-face { font-family: dana; font-style: normal; font-weight: 500; src: url('/assets/fonts/eot/dana-fanum-medium.eot'); src: url('/assets/fonts/eot/dana-fanum-medium.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/woff2/dana-fanum-medium.woff2') format('woff2'), url('/assets/fonts/woff/dana-fanum-medium.woff') format('woff'); } @font-face { font-family: dana; font-style: normal; font-weight: 600; src: url('/assets/fonts/eot/dana-fanum-demibold.eot'); src: url('/assets/fonts/eot/dana-fanum-demibold.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/woff2/dana-fanum-demibold.woff2') format('woff2'), url('/assets/fonts/woff/dana-fanum-demibold.woff') format('woff'); } @font-face { font-family: dana; font-style: normal; font-weight: bold; src: url('/assets/fonts/eot/dana-fanum-bold.eot'); src: url('/assets/fonts/eot/dana-fanum-bold.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/woff2/dana-fanum-bold.woff2') format('woff2'), url('/assets/fonts/woff/dana-fanum-bold.woff') format('woff'); } @font-face { font-family: dana; font-style: normal; font-weight: normal; src: url('/assets/fonts/eot/dana-fanum-regular.eot'); src: url('/assets/fonts/eot/dana-fanum-regular.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/woff2/dana-fanum-regular.woff2') format('woff2'), url('/assets/fonts/woff/dana-fanum-regular.woff') format('woff'); }