/************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSSMain.css */ /************************************************************************/ * {box-sizing:border-box;} body, html {width:100%; height:100%;} body {background-color:#fff; color:#333; padding:0; margin:0; font-family: 'Raleway', sans-serif; font-size:16px; position:relative;} h1, h2, h3 {line-height:130%;} .leaf {line-height:150%;padding:0; margin:0; position:relative; display:inline-block; vertical-align:top;} .row, col100 {width:100%; display:block; margin:0;} p {margin:0;padding:1em 0;} h1, h2, h3 {margin:0;padding:.5em 0;} .col1 { width:1%; } .col2 { width:2%; } .col3 { width:3%; } .col4 { width:4%; } .col5 { width:5%; } .col6 { width:6%; } .col7 { width:7%; } .col8 { width:8%; } .col9 { width:9%; } .col10 { width:10%; } .col11 { width:11%; } .col12 { width:12%; } .col13 { width:13%; } .col14 { width:14%; } .col15 { width:15%; } .col16 { width:16%; } .col17 { width:17%; } .col18 { width:18%; } .col19 { width:19%; } .col20 { width:20%; } .col21 { width:21%; } .col22 { width:22%; } .col23 { width:23%; } .col24 { width:24%; } .col25 { width:25%; } .col26 { width:26%; } .col27 { width:27%; } .col28 { width:28%; } .col29 { width:29%; } .col30 { width:30%; } .col31 { width:31%; } .col32 { width:32%; } .col33 { width:33%; } .col34 { width:34%; } .col35 { width:35%; } .col36 { width:36%; } .col37 { width:37%; } .col38 { width:38%; } .col39 { width:39%; } .col40 { width:40%; } .col41 { width:41%; } .col42 { width:42%; } .col43 { width:43%; } .col44 { width:44%; } .col45 { width:45%; } .col46 { width:46%; } .col47 { width:47%; } .col48 { width:48%; } .col49 { width:49%; } .col50 { width:50%; } .col51 { width:51%; } .col52 { width:52%; } .col53 { width:53%; } .col54 { width:54%; } .col55 { width:55%; } .col56 { width:56%; } .col57 { width:57%; } .col58 { width:58%; } .col59 { width:59%; } .col60 { width:60%; } .col61 { width:61%; } .col62 { width:62%; } .col63 { width:63%; } .col64 { width:64%; } .col65 { width:65%; } .col66 { width:66%; } .col67 { width:67%; } .col68 { width:68%; } .col69 { width:69%; } .col70 { width:70%; } .col71 { width:71%; } .col72 { width:72%; } .col73 { width:73%; } .col74 { width:74%; } .col75 { width:75%; } .col76 { width:76%; } .col77 { width:77%; } .col78 { width:78%; } .col79 { width:79%; } .col80 { width:80%; } .col81 { width:81%; } .col82 { width:82%; } .col83 { width:83%; } .col84 { width:84%; } .col85 { width:85%; } .col86 { width:86%; } .col87 { width:87%; } .col88 { width:88%; } .col89 { width:89%; } .col90 { width:90%; } .col91 { width:91%; } .col92 { width:92%; } .col93 { width:93%; } .col94 { width:94%; } .col95 { width:95%; } .col96 { width:96%; } .col97 { width:97%; } .col98 { width:98%; } .col99 { width:99%; } .col100 { width:100%; } .column { display: inline-block; vertical-align: top; } .col-xs-1 { width: 1%;} .col-xs-2 { width: 2%;} .col-xs-3 { width: 3%;} .col-xs-4 { width: 4%;} .col-xs-5 { width: 5%;} .col-xs-6 { width: 6%;} .col-xs-7 { width: 7%;} .col-xs-8 { width: 8%;} .col-xs-9 { width: 9%;} .col-xs-10 { width: 10%;} .col-xs-11 { width: 11%;} .col-xs-12 { width: 12%;} .col-xs-13 { width: 13%;} .col-xs-14 { width: 14%;} .col-xs-15 { width: 15%;} .col-xs-16 { width: 16%;} .col-xs-17 { width: 17%;} .col-xs-18 { width: 18%;} .col-xs-19 { width: 19%;} .col-xs-20 { width: 20%;} .col-xs-21 { width: 21%;} .col-xs-22 { width: 22%;} .col-xs-23 { width: 23%;} .col-xs-24 { width: 24%;} .col-xs-25 { width: 25%;} .col-xs-26 { width: 26%;} .col-xs-27 { width: 27%;} .col-xs-28 { width: 28%;} .col-xs-29 { width: 29%;} .col-xs-30 { width: 30%;} .col-xs-31 { width: 31%;} .col-xs-32 { width: 32%;} .col-xs-33 { width: 33%;} .col-xs-34 { width: 34%;} .col-xs-35 { width: 35%;} .col-xs-36 { width: 36%;} .col-xs-37 { width: 37%;} .col-xs-38 { width: 38%;} .col-xs-39 { width: 39%;} .col-xs-40 { width: 40%;} .col-xs-41 { width: 41%;} .col-xs-42 { width: 42%;} .col-xs-43 { width: 43%;} .col-xs-44 { width: 44%;} .col-xs-45 { width: 45%;} .col-xs-46 { width: 46%;} .col-xs-47 { width: 47%;} .col-xs-48 { width: 48%;} .col-xs-49 { width: 49%;} .col-xs-50 { width: 50%;} .col-xs-51 { width: 51%;} .col-xs-52 { width: 52%;} .col-xs-53 { width: 53%;} .col-xs-54 { width: 54%;} .col-xs-55 { width: 55%;} .col-xs-56 { width: 56%;} .col-xs-57 { width: 57%;} .col-xs-58 { width: 58%;} .col-xs-59 { width: 59%;} .col-xs-60 { width: 60%;} .col-xs-61 { width: 61%;} .col-xs-62 { width: 62%;} .col-xs-63 { width: 63%;} .col-xs-64 { width: 64%;} .col-xs-65 { width: 65%;} .col-xs-66 { width: 66%;} .col-xs-67 { width: 67%;} .col-xs-68 { width: 68%;} .col-xs-69 { width: 69%;} .col-xs-70 { width: 70%;} .col-xs-71 { width: 71%;} .col-xs-72 { width: 72%;} .col-xs-73 { width: 73%;} .col-xs-74 { width: 74%;} .col-xs-75 { width: 75%;} .col-xs-76 { width: 76%;} .col-xs-77 { width: 77%;} .col-xs-78 { width: 78%;} .col-xs-79 { width: 79%;} .col-xs-80 { width: 80%;} .col-xs-81 { width: 81%;} .col-xs-82 { width: 82%;} .col-xs-83 { width: 83%;} .col-xs-84 { width: 84%;} .col-xs-85 { width: 85%;} .col-xs-86 { width: 86%;} .col-xs-87 { width: 87%;} .col-xs-88 { width: 88%;} .col-xs-89 { width: 89%;} .col-xs-90 { width: 90%;} .col-xs-91 { width: 91%;} .col-xs-92 { width: 92%;} .col-xs-93 { width: 93%;} .col-xs-94 { width: 94%;} .col-xs-95 { width: 95%;} .col-xs-96 { width: 96%;} .col-xs-97 { width: 97%;} .col-xs-98 { width: 98%;} .col-xs-99 { width: 99%;} .col-xs-100 { width: 100%;} @media (min-width: 451px) { .col-sm-1 { width: 1%;} .col-sm-2 { width: 2%;} .col-sm-3 { width: 3%;} .col-sm-4 { width: 4%;} .col-sm-5 { width: 5%;} .col-sm-6 { width: 6%;} .col-sm-7 { width: 7%;} .col-sm-8 { width: 8%;} .col-sm-9 { width: 9%;} .col-sm-10 { width: 10%;} .col-sm-11 { width: 11%;} .col-sm-12 { width: 12%;} .col-sm-13 { width: 13%;} .col-sm-14 { width: 14%;} .col-sm-15 { width: 15%;} .col-sm-16 { width: 16%;} .col-sm-17 { width: 17%;} .col-sm-18 { width: 18%;} .col-sm-19 { width: 19%;} .col-sm-20 { width: 20%;} .col-sm-21 { width: 21%;} .col-sm-22 { width: 22%;} .col-sm-23 { width: 23%;} .col-sm-24 { width: 24%;} .col-sm-25 { width: 25%;} .col-sm-26 { width: 26%;} .col-sm-27 { width: 27%;} .col-sm-28 { width: 28%;} .col-sm-29 { width: 29%;} .col-sm-30 { width: 30%;} .col-sm-31 { width: 31%;} .col-sm-32 { width: 32%;} .col-sm-33 { width: 33%;} .col-sm-34 { width: 34%;} .col-sm-35 { width: 35%;} .col-sm-36 { width: 36%;} .col-sm-37 { width: 37%;} .col-sm-38 { width: 38%;} .col-sm-39 { width: 39%;} .col-sm-40 { width: 40%;} .col-sm-41 { width: 41%;} .col-sm-42 { width: 42%;} .col-sm-43 { width: 43%;} .col-sm-44 { width: 44%;} .col-sm-45 { width: 45%;} .col-sm-46 { width: 46%;} .col-sm-47 { width: 47%;} .col-sm-48 { width: 48%;} .col-sm-49 { width: 49%;} .col-sm-50 { width: 50%;} .col-sm-51 { width: 51%;} .col-sm-52 { width: 52%;} .col-sm-53 { width: 53%;} .col-sm-54 { width: 54%;} .col-sm-55 { width: 55%;} .col-sm-56 { width: 56%;} .col-sm-57 { width: 57%;} .col-sm-58 { width: 58%;} .col-sm-59 { width: 59%;} .col-sm-60 { width: 60%;} .col-sm-61 { width: 61%;} .col-sm-62 { width: 62%;} .col-sm-63 { width: 63%;} .col-sm-64 { width: 64%;} .col-sm-65 { width: 65%;} .col-sm-66 { width: 66%;} .col-sm-67 { width: 67%;} .col-sm-68 { width: 68%;} .col-sm-69 { width: 69%;} .col-sm-70 { width: 70%;} .col-sm-71 { width: 71%;} .col-sm-72 { width: 72%;} .col-sm-73 { width: 73%;} .col-sm-74 { width: 74%;} .col-sm-75 { width: 75%;} .col-sm-76 { width: 76%;} .col-sm-77 { width: 77%;} .col-sm-78 { width: 78%;} .col-sm-79 { width: 79%;} .col-sm-80 { width: 80%;} .col-sm-81 { width: 81%;} .col-sm-82 { width: 82%;} .col-sm-83 { width: 83%;} .col-sm-84 { width: 84%;} .col-sm-85 { width: 85%;} .col-sm-86 { width: 86%;} .col-sm-87 { width: 87%;} .col-sm-88 { width: 88%;} .col-sm-89 { width: 89%;} .col-sm-90 { width: 90%;} .col-sm-91 { width: 91%;} .col-sm-92 { width: 92%;} .col-sm-93 { width: 93%;} .col-sm-94 { width: 94%;} .col-sm-95 { width: 95%;} .col-sm-96 { width: 96%;} .col-sm-97 { width: 97%;} .col-sm-98 { width: 98%;} .col-sm-99 { width: 99%;} .col-sm-100 { width: 100%;} } @media (min-width: 769px) { .col-md-1 { width: 1%;} .col-md-2 { width: 2%;} .col-md-3 { width: 3%;} .col-md-4 { width: 4%;} .col-md-5 { width: 5%;} .col-md-6 { width: 6%;} .col-md-7 { width: 7%;} .col-md-8 { width: 8%;} .col-md-9 { width: 9%;} .col-md-10 { width: 10%;} .col-md-11 { width: 11%;} .col-md-12 { width: 12%;} .col-md-13 { width: 13%;} .col-md-14 { width: 14%;} .col-md-15 { width: 15%;} .col-md-16 { width: 16%;} .col-md-17 { width: 17%;} .col-md-18 { width: 18%;} .col-md-19 { width: 19%;} .col-md-20 { width: 20%;} .col-md-21 { width: 21%;} .col-md-22 { width: 22%;} .col-md-23 { width: 23%;} .col-md-24 { width: 24%;} .col-md-25 { width: 25%;} .col-md-26 { width: 26%;} .col-md-27 { width: 27%;} .col-md-28 { width: 28%;} .col-md-29 { width: 29%;} .col-md-30 { width: 30%;} .col-md-31 { width: 31%;} .col-md-32 { width: 32%;} .col-md-33 { width: 33%;} .col-md-34 { width: 34%;} .col-md-35 { width: 35%;} .col-md-36 { width: 36%;} .col-md-37 { width: 37%;} .col-md-38 { width: 38%;} .col-md-39 { width: 39%;} .col-md-40 { width: 40%;} .col-md-41 { width: 41%;} .col-md-42 { width: 42%;} .col-md-43 { width: 43%;} .col-md-44 { width: 44%;} .col-md-45 { width: 45%;} .col-md-46 { width: 46%;} .col-md-47 { width: 47%;} .col-md-48 { width: 48%;} .col-md-49 { width: 49%;} .col-md-50 { width: 50%;} .col-md-51 { width: 51%;} .col-md-52 { width: 52%;} .col-md-53 { width: 53%;} .col-md-54 { width: 54%;} .col-md-55 { width: 55%;} .col-md-56 { width: 56%;} .col-md-57 { width: 57%;} .col-md-58 { width: 58%;} .col-md-59 { width: 59%;} .col-md-60 { width: 60%;} .col-md-61 { width: 61%;} .col-md-62 { width: 62%;} .col-md-63 { width: 63%;} .col-md-64 { width: 64%;} .col-md-65 { width: 65%;} .col-md-66 { width: 66%;} .col-md-67 { width: 67%;} .col-md-68 { width: 68%;} .col-md-69 { width: 69%;} .col-md-70 { width: 70%;} .col-md-71 { width: 71%;} .col-md-72 { width: 72%;} .col-md-73 { width: 73%;} .col-md-74 { width: 74%;} .col-md-75 { width: 75%;} .col-md-76 { width: 76%;} .col-md-77 { width: 77%;} .col-md-78 { width: 78%;} .col-md-79 { width: 79%;} .col-md-80 { width: 80%;} .col-md-81 { width: 81%;} .col-md-82 { width: 82%;} .col-md-83 { width: 83%;} .col-md-84 { width: 84%;} .col-md-85 { width: 85%;} .col-md-86 { width: 86%;} .col-md-87 { width: 87%;} .col-md-88 { width: 88%;} .col-md-89 { width: 89%;} .col-md-90 { width: 90%;} .col-md-91 { width: 91%;} .col-md-92 { width: 92%;} .col-md-93 { width: 93%;} .col-md-94 { width: 94%;} .col-md-95 { width: 95%;} .col-md-96 { width: 96%;} .col-md-97 { width: 97%;} .col-md-98 { width: 98%;} .col-md-99 { width: 99%;} .col-md-100 { width: 100%;} } @media (min-width: 961px) { .col-lg-1 { width: 1%;} .col-lg-2 { width: 2%;} .col-lg-3 { width: 3%;} .col-lg-4 { width: 4%;} .col-lg-5 { width: 5%;} .col-lg-6 { width: 6%;} .col-lg-7 { width: 7%;} .col-lg-8 { width: 8%;} .col-lg-9 { width: 9%;} .col-lg-10 { width: 10%;} .col-lg-11 { width: 11%;} .col-lg-12 { width: 12%;} .col-lg-13 { width: 13%;} .col-lg-14 { width: 14%;} .col-lg-15 { width: 15%;} .col-lg-16 { width: 16%;} .col-lg-17 { width: 17%;} .col-lg-18 { width: 18%;} .col-lg-19 { width: 19%;} .col-lg-20 { width: 20%;} .col-lg-21 { width: 21%;} .col-lg-22 { width: 22%;} .col-lg-23 { width: 23%;} .col-lg-24 { width: 24%;} .col-lg-25 { width: 25%;} .col-lg-26 { width: 26%;} .col-lg-27 { width: 27%;} .col-lg-28 { width: 28%;} .col-lg-29 { width: 29%;} .col-lg-30 { width: 30%;} .col-lg-31 { width: 31%;} .col-lg-32 { width: 32%;} .col-lg-33 { width: 33%;} .col-lg-34 { width: 34%;} .col-lg-35 { width: 35%;} .col-lg-36 { width: 36%;} .col-lg-37 { width: 37%;} .col-lg-38 { width: 38%;} .col-lg-39 { width: 39%;} .col-lg-40 { width: 40%;} .col-lg-41 { width: 41%;} .col-lg-42 { width: 42%;} .col-lg-43 { width: 43%;} .col-lg-44 { width: 44%;} .col-lg-45 { width: 45%;} .col-lg-46 { width: 46%;} .col-lg-47 { width: 47%;} .col-lg-48 { width: 48%;} .col-lg-49 { width: 49%;} .col-lg-50 { width: 50%;} .col-lg-51 { width: 51%;} .col-lg-52 { width: 52%;} .col-lg-53 { width: 53%;} .col-lg-54 { width: 54%;} .col-lg-55 { width: 55%;} .col-lg-56 { width: 56%;} .col-lg-57 { width: 57%;} .col-lg-58 { width: 58%;} .col-lg-59 { width: 59%;} .col-lg-60 { width: 60%;} .col-lg-61 { width: 61%;} .col-lg-62 { width: 62%;} .col-lg-63 { width: 63%;} .col-lg-64 { width: 64%;} .col-lg-65 { width: 65%;} .col-lg-66 { width: 66%;} .col-lg-67 { width: 67%;} .col-lg-68 { width: 68%;} .col-lg-69 { width: 69%;} .col-lg-70 { width: 70%;} .col-lg-71 { width: 71%;} .col-lg-72 { width: 72%;} .col-lg-73 { width: 73%;} .col-lg-74 { width: 74%;} .col-lg-75 { width: 75%;} .col-lg-76 { width: 76%;} .col-lg-77 { width: 77%;} .col-lg-78 { width: 78%;} .col-lg-79 { width: 79%;} .col-lg-80 { width: 80%;} .col-lg-81 { width: 81%;} .col-lg-82 { width: 82%;} .col-lg-83 { width: 83%;} .col-lg-84 { width: 84%;} .col-lg-85 { width: 85%;} .col-lg-86 { width: 86%;} .col-lg-87 { width: 87%;} .col-lg-88 { width: 88%;} .col-lg-89 { width: 89%;} .col-lg-90 { width: 90%;} .col-lg-91 { width: 91%;} .col-lg-92 { width: 92%;} .col-lg-93 { width: 93%;} .col-lg-94 { width: 94%;} .col-lg-95 { width: 95%;} .col-lg-96 { width: 96%;} .col-lg-97 { width: 97%;} .col-lg-98 { width: 98%;} .col-lg-99 { width: 99%;} .col-lg-100 { width: 100%;} } @media (min-width: 1201px) { .col-xl-1 { width: 1%;} .col-xl-2 { width: 2%;} .col-xl-3 { width: 3%;} .col-xl-4 { width: 4%;} .col-xl-5 { width: 5%;} .col-xl-6 { width: 6%;} .col-xl-7 { width: 7%;} .col-xl-8 { width: 8%;} .col-xl-9 { width: 9%;} .col-xl-10 { width: 10%;} .col-xl-11 { width: 11%;} .col-xl-12 { width: 12%;} .col-xl-13 { width: 13%;} .col-xl-14 { width: 14%;} .col-xl-15 { width: 15%;} .col-xl-16 { width: 16%;} .col-xl-17 { width: 17%;} .col-xl-18 { width: 18%;} .col-xl-19 { width: 19%;} .col-xl-20 { width: 20%;} .col-xl-21 { width: 21%;} .col-xl-22 { width: 22%;} .col-xl-23 { width: 23%;} .col-xl-24 { width: 24%;} .col-xl-25 { width: 25%;} .col-xl-26 { width: 26%;} .col-xl-27 { width: 27%;} .col-xl-28 { width: 28%;} .col-xl-29 { width: 29%;} .col-xl-30 { width: 30%;} .col-xl-31 { width: 31%;} .col-xl-32 { width: 32%;} .col-xl-33 { width: 33%;} .col-xl-34 { width: 34%;} .col-xl-35 { width: 35%;} .col-xl-36 { width: 36%;} .col-xl-37 { width: 37%;} .col-xl-38 { width: 38%;} .col-xl-39 { width: 39%;} .col-xl-40 { width: 40%;} .col-xl-41 { width: 41%;} .col-xl-42 { width: 42%;} .col-xl-43 { width: 43%;} .col-xl-44 { width: 44%;} .col-xl-45 { width: 45%;} .col-xl-46 { width: 46%;} .col-xl-47 { width: 47%;} .col-xl-48 { width: 48%;} .col-xl-49 { width: 49%;} .col-xl-50 { width: 50%;} .col-xl-51 { width: 51%;} .col-xl-52 { width: 52%;} .col-xl-53 { width: 53%;} .col-xl-54 { width: 54%;} .col-xl-55 { width: 55%;} .col-xl-56 { width: 56%;} .col-xl-57 { width: 57%;} .col-xl-58 { width: 58%;} .col-xl-59 { width: 59%;} .col-xl-60 { width: 60%;} .col-xl-61 { width: 61%;} .col-xl-62 { width: 62%;} .col-xl-63 { width: 63%;} .col-xl-64 { width: 64%;} .col-xl-65 { width: 65%;} .col-xl-66 { width: 66%;} .col-xl-67 { width: 67%;} .col-xl-68 { width: 68%;} .col-xl-69 { width: 69%;} .col-xl-70 { width: 70%;} .col-xl-71 { width: 71%;} .col-xl-72 { width: 72%;} .col-xl-73 { width: 73%;} .col-xl-74 { width: 74%;} .col-xl-75 { width: 75%;} .col-xl-76 { width: 76%;} .col-xl-77 { width: 77%;} .col-xl-78 { width: 78%;} .col-xl-79 { width: 79%;} .col-xl-80 { width: 80%;} .col-xl-81 { width: 81%;} .col-xl-82 { width: 82%;} .col-xl-83 { width: 83%;} .col-xl-84 { width: 84%;} .col-xl-85 { width: 85%;} .col-xl-86 { width: 86%;} .col-xl-87 { width: 87%;} .col-xl-88 { width: 88%;} .col-xl-89 { width: 89%;} .col-xl-90 { width: 90%;} .col-xl-91 { width: 91%;} .col-xl-92 { width: 92%;} .col-xl-93 { width: 93%;} .col-xl-94 { width: 94%;} .col-xl-95 { width: 95%;} .col-xl-96 { width: 96%;} .col-xl-97 { width: 97%;} .col-xl-98 { width: 98%;} .col-xl-99 { width: 99%;} .col-xl-100 { width: 100%;} }.row {width:100%;} .left {margin-left:0; margin-right:auto;} .right {margin-left:auto; margin-right:0;} .center {margin-left:auto; margin-right:auto;} #qmbWrap { max-width:100%; width:100%; margin-left:auto; margin-right:auto;} .leaf > .innerZone {} /*** CONTAINER ZONES ***/ .node { /* all zones who contains final zones */ } #mobile-nav { } #header-top-wrap { } #header-wrap { } #header-bottom-wrap { } #content-wrap { } #content-bottom-wrap { } #footer-top-wrap { } #footer-wrap { } #bottom-footer-wrap { } #header-top { } #content { } /*** LEAF ZONES ***/ .leaf { /* all final zones */ } #mobile-nav { } #logo { } #menu { } #header { } #header-bottom { } #main { } #side { } #content-bottom { } #footer-top { } #footer { } #bottom-footer { } /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_MediaQueries.css */ /************************************************************************/ #mobile-nav { display:inline-block; } #mobile-nav > .innerZone { background: none; /** reset bgColor **/} #mobile-nav { max-width:100%; } #header-top-wrap { display:inline-block; } #header-top-wrap > .innerZone { background: none; /** reset bgColor **/} #header-top-wrap { max-width:100%; } #header-wrap { display:inline-block; } #header-wrap > .innerZone { background: none; /** reset bgColor **/} #header-wrap { max-width:100%; } #header-bottom-wrap { display:inline-block; } #header-bottom-wrap > .innerZone { background: none; /** reset bgColor **/} #header-bottom-wrap { max-width:100%; } #content-wrap { display:inline-block; } #content-wrap > .innerZone { background: none; /** reset bgColor **/} #content-wrap { max-width:100%; } #content-bottom-wrap { display:inline-block; } #content-bottom-wrap > .innerZone { background: none; /** reset bgColor **/} #content-bottom-wrap { max-width:100%; } #footer-top-wrap { display:inline-block; } #footer-top-wrap > .innerZone { background: none; /** reset bgColor **/} #footer-top-wrap { max-width:100%; } #footer-wrap { display:inline-block; } #footer-wrap > .innerZone { background: none; /** reset bgColor **/} #footer-wrap { max-width:100%; } #bottom-footer-wrap { display:inline-block; } #bottom-footer-wrap > .innerZone { background: none; /** reset bgColor **/} #bottom-footer-wrap { max-width:100%; } #header-top { display:inline-block; } #header-top > .innerZone { background: none; /** reset bgColor **/} #header-top { max-width:100%; } #logo { display:inline-block; } #logo > .innerZone { background: none; /** reset bgColor **/} #logo { max-width:100%; } #menu { display:inline-block; } #menu > .innerZone { background: none; /** reset bgColor **/} #menu { max-width:100%; } #header { display:inline-block; } #header > .innerZone { background: none; /** reset bgColor **/} #header { max-width:100%; } #header-bottom { display:inline-block; } #header-bottom > .innerZone { background: none; /** reset bgColor **/} #header-bottom { max-width:100%; } #content { display:inline-block; } #content > .innerZone { background: none; /** reset bgColor **/} #content { max-width:100%; } #main { display:inline-block; } #main > .innerZone { background: none; /** reset bgColor **/} #main { max-width:100%; } #side { display:inline-block; } #side > .innerZone { background: none; /** reset bgColor **/} #side { max-width:100%; } #content-bottom { display:inline-block; } #content-bottom > .innerZone { background: none; /** reset bgColor **/} #content-bottom { max-width:100%; } #footer-top { display:inline-block; } #footer-top > .innerZone { background: none; /** reset bgColor **/} #footer-top { max-width:100%; } #footer { display:inline-block; } #footer > .innerZone { background: none; /** reset bgColor **/} #footer { max-width:100%; } #bottom-footer { display:inline-block; } #bottom-footer > .innerZone { background: none; /** reset bgColor **/} #bottom-footer { max-width:100%; } @media all and (max-width:1200px) { #qmbWrap { width:100%; margin-left:auto; margin-right:auto;} .leaf > .innerZone{ padding-left: .5em; padding-right: .5em; } #header-top-wrap { max-width:100%; } #header-top-wrap { width: 100%; display:inline-block; } #header-top-wrap > .innerZone { background: none; /** reset bgColor **/} #mobile-nav { max-width:100%; } #mobile-nav { width: 100%; display:inline-block; } #mobile-nav > .innerZone { background: none; /** reset bgColor **/} #header-wrap { max-width:100%; } #header-wrap { width: 100%; display:inline-block; } #header-wrap > .innerZone { background: none; /** reset bgColor **/} #header-bottom-wrap { max-width:100%; } #header-bottom-wrap { width: 100%; display:inline-block; } #header-bottom-wrap > .innerZone { background: none; /** reset bgColor **/} #content-wrap { max-width:100%; } #content-wrap { width: 100%; display:inline-block; } #content-wrap > .innerZone { background: none; /** reset bgColor **/} #content-bottom-wrap { max-width:100%; } #content-bottom-wrap { width: 100%; display:inline-block; } #content-bottom-wrap > .innerZone { background: none; /** reset bgColor **/} #footer-top-wrap { max-width:100%; } #footer-top-wrap { width: 100%; display:inline-block; } #footer-top-wrap > .innerZone { background: none; /** reset bgColor **/} #footer-wrap { max-width:100%; } #footer-wrap { width: 100%; display:inline-block; } #footer-wrap > .innerZone { background: none; /** reset bgColor **/} #bottom-footer-wrap { max-width:100%; } #bottom-footer-wrap { width: 100%; display:inline-block; } #bottom-footer-wrap > .innerZone { background: none; /** reset bgColor **/} #header-top { max-width:100%; } #header-top { width: 100%; display:inline-block; } #header-top > .innerZone { background: none; /** reset bgColor **/} #logo { max-width:100%; } #logo { width: 23%; display:inline-block; } #logo > .innerZone { background: none; /** reset bgColor **/} #menu { max-width:100%; } #menu { width: 67%; display:inline-block; } #menu > .innerZone { background: none; /** reset bgColor **/} #header { max-width:100%; } #header { width: 100%; display:inline-block; } #header > .innerZone { background: none; /** reset bgColor **/} #header-bottom { max-width:100%; } #header-bottom { width: 100%; display:inline-block; } #header-bottom > .innerZone { background: none; /** reset bgColor **/} #content { max-width:100%; } #content { width: 100%; display:inline-block; } #content > .innerZone { background: none; /** reset bgColor **/} #main { max-width:100%; } #main { width: 70%; display:inline-block; } #main > .innerZone { background: none; /** reset bgColor **/} #side { max-width:100%; } #side { width: 30%; display:inline-block; } #side > .innerZone { background: none; /** reset bgColor **/} #content-bottom { max-width:100%; } #content-bottom { width: 100%; display:inline-block; } #content-bottom > .innerZone { background: none; /** reset bgColor **/} #footer-top { max-width:100%; } #footer-top { width: 100%; display:inline-block; } #footer-top > .innerZone { background: none; /** reset bgColor **/} #footer { max-width:100%; } #footer { width: 100%; display:inline-block; } #footer > .innerZone { background: none; /** reset bgColor **/} #bottom-footer { max-width:100%; } #bottom-footer { width: 100%; display:inline-block; } #bottom-footer > .innerZone { background: none; /** reset bgColor **/} } @media all and (max-width:960px) { #qmbWrap { width:100%; margin-left:auto; margin-right:auto;} .leaf > .innerZone{ padding-left: .5em; padding-right: .5em; } #header-top-wrap { max-width:100%; } #header-top-wrap { width: 100%; display:inline-block; } #header-top-wrap > .innerZone { background: none; /** reset bgColor **/} #mobile-nav { max-width:100%; } #mobile-nav { width: 100%; display:inline-block; } #mobile-nav > .innerZone { background: none; /** reset bgColor **/} #header-wrap { max-width:100%; } #header-wrap { width: 100%; display:inline-block; } #header-wrap > .innerZone { background: none; /** reset bgColor **/} #header-bottom-wrap { max-width:100%; } #header-bottom-wrap { width: 100%; display:inline-block; } #header-bottom-wrap > .innerZone { background: none; /** reset bgColor **/} #content-wrap { max-width:100%; } #content-wrap { width: 100%; display:inline-block; } #content-wrap > .innerZone { background: none; /** reset bgColor **/} #content-bottom-wrap { max-width:100%; } #content-bottom-wrap { width: 100%; display:inline-block; } #content-bottom-wrap > .innerZone { background: none; /** reset bgColor **/} #footer-top-wrap { max-width:100%; } #footer-top-wrap { width: 100%; display:inline-block; } #footer-top-wrap > .innerZone { background: none; /** reset bgColor **/} #footer-wrap { max-width:100%; } #footer-wrap { width: 100%; display:inline-block; } #footer-wrap > .innerZone { background: none; /** reset bgColor **/} #bottom-footer-wrap { max-width:100%; } #bottom-footer-wrap { width: 100%; display:inline-block; } #bottom-footer-wrap > .innerZone { background: none; /** reset bgColor **/} #header-top { max-width:100%; } #header-top { width: 100%; display:inline-block; } #header-top > .innerZone { background: none; /** reset bgColor **/} #logo { max-width:100%; } #logo { width: 23%; display:inline-block; } #logo > .innerZone { background: none; /** reset bgColor **/} #menu { max-width:100%; } #menu { width: 67%; display:inline-block; } #menu > .innerZone { background: none; /** reset bgColor **/} #header { max-width:100%; } #header { width: 100%; display:inline-block; } #header > .innerZone { background: none; /** reset bgColor **/} #header-bottom { max-width:100%; } #header-bottom { width: 100%; display:inline-block; } #header-bottom > .innerZone { background: none; /** reset bgColor **/} #content { max-width:100%; } #content { width: 100%; display:inline-block; } #content > .innerZone { background: none; /** reset bgColor **/} #main { max-width:100%; } #main { width: 70%; display:inline-block; } #main > .innerZone { background: none; /** reset bgColor **/} #side { max-width:100%; } #side { width: 30%; display:inline-block; } #side > .innerZone { background: none; /** reset bgColor **/} #content-bottom { max-width:100%; } #content-bottom { width: 100%; display:inline-block; } #content-bottom > .innerZone { background: none; /** reset bgColor **/} #footer-top { max-width:100%; } #footer-top { width: 100%; display:inline-block; } #footer-top > .innerZone { background: none; /** reset bgColor **/} #footer { max-width:100%; } #footer { width: 100%; display:inline-block; } #footer > .innerZone { background: none; /** reset bgColor **/} #bottom-footer { max-width:100%; } #bottom-footer { width: 100%; display:inline-block; } #bottom-footer > .innerZone { background: none; /** reset bgColor **/} } @media all and (max-width:768px) { #qmbWrap { width:100%; margin-left:auto; margin-right:auto;} .leaf > .innerZone{ padding-left: .5em; padding-right: .5em; } #header-top-wrap { max-width:100%; } #header-top-wrap { width: 100%; display:inline-block; } #header-top-wrap > .innerZone { background: none; /** reset bgColor **/} #mobile-nav { max-width:100%; } #mobile-nav { width: 100%; display:inline-block; } #mobile-nav > .innerZone { background: none; /** reset bgColor **/} #header-wrap { max-width:100%; } #header-wrap { width: 100%; display:inline-block; } #header-wrap > .innerZone { background: none; /** reset bgColor **/} #header-bottom-wrap { max-width:100%; } #header-bottom-wrap { width: 100%; display:inline-block; } #header-bottom-wrap > .innerZone { background: none; /** reset bgColor **/} #content-wrap { max-width:100%; } #content-wrap { width: 100%; display:inline-block; } #content-wrap > .innerZone { background: none; /** reset bgColor **/} #content-bottom-wrap { max-width:100%; } #content-bottom-wrap { width: 100%; display:inline-block; } #content-bottom-wrap > .innerZone { background: none; /** reset bgColor **/} #footer-top-wrap { max-width:100%; } #footer-top-wrap { width: 100%; display:inline-block; } #footer-top-wrap > .innerZone { background: none; /** reset bgColor **/} #footer-wrap { max-width:100%; } #footer-wrap { width: 100%; display:inline-block; } #footer-wrap > .innerZone { background: none; /** reset bgColor **/} #bottom-footer-wrap { max-width:100%; } #bottom-footer-wrap { width: 100%; display:inline-block; } #bottom-footer-wrap > .innerZone { background: none; /** reset bgColor **/} #header-top { max-width:100%; } #header-top { width: 100%; display:inline-block; } #header-top > .innerZone { background: none; /** reset bgColor **/} #logo { max-width:100%; } #logo { width: 23%; display:inline-block; } #logo > .innerZone { background: none; /** reset bgColor **/} #menu { max-width:100%; } #menu { width: 67%; display:inline-block; } #menu > .innerZone { background: none; /** reset bgColor **/} #header { max-width:100%; } #header { width: 100%; display:inline-block; } #header > .innerZone { background: none; /** reset bgColor **/} #header-bottom { max-width:100%; } #header-bottom { width: 100%; display:inline-block; } #header-bottom > .innerZone { background: none; /** reset bgColor **/} #content { max-width:100%; } #content { width: 100%; display:inline-block; } #content > .innerZone { background: none; /** reset bgColor **/} #main { max-width:100%; } #main { width: 70%; display:inline-block; } #main > .innerZone { background: none; /** reset bgColor **/} #side { max-width:100%; } #side { width: 30%; display:inline-block; } #side > .innerZone { background: none; /** reset bgColor **/} #content-bottom { max-width:100%; } #content-bottom { width: 100%; display:inline-block; } #content-bottom > .innerZone { background: none; /** reset bgColor **/} #footer-top { max-width:100%; } #footer-top { width: 100%; display:inline-block; } #footer-top > .innerZone { background: none; /** reset bgColor **/} #footer { max-width:100%; } #footer { width: 100%; display:inline-block; } #footer > .innerZone { background: none; /** reset bgColor **/} #bottom-footer { max-width:100%; } #bottom-footer { width: 100%; display:inline-block; } #bottom-footer > .innerZone { background: none; /** reset bgColor **/} } @media all and (max-width:450px) { #qmbWrap { width:100%; margin-left:auto; margin-right:auto;} .leaf > .innerZone{ padding-left: .5em; padding-right: .5em; } #header-top-wrap { max-width:100%; } #header-top-wrap { width: 100%; display:inline-block; } #header-top-wrap > .innerZone { background: none; /** reset bgColor **/} #mobile-nav { max-width:100%; } #mobile-nav { width: 100%; display:inline-block; } #mobile-nav > .innerZone { background: none; /** reset bgColor **/} #header-wrap { max-width:100%; } #header-wrap { width: 100%; display:inline-block; } #header-wrap > .innerZone { background: none; /** reset bgColor **/} #header-bottom-wrap { max-width:100%; } #header-bottom-wrap { width: 100%; display:inline-block; } #header-bottom-wrap > .innerZone { background: none; /** reset bgColor **/} #content-wrap { max-width:100%; } #content-wrap { width: 100%; display:inline-block; } #content-wrap > .innerZone { background: none; /** reset bgColor **/} #content-bottom-wrap { max-width:100%; } #content-bottom-wrap { width: 100%; display:inline-block; } #content-bottom-wrap > .innerZone { background: none; /** reset bgColor **/} #footer-top-wrap { max-width:100%; } #footer-top-wrap { width: 100%; display:inline-block; } #footer-top-wrap > .innerZone { background: none; /** reset bgColor **/} #footer-wrap { max-width:100%; } #footer-wrap { width: 100%; display:inline-block; } #footer-wrap > .innerZone { background: none; /** reset bgColor **/} #bottom-footer-wrap { max-width:100%; } #bottom-footer-wrap { width: 100%; display:inline-block; } #bottom-footer-wrap > .innerZone { background: none; /** reset bgColor **/} #header-top { max-width:100%; } #header-top { width: 100%; display:inline-block; } #header-top > .innerZone { background: none; /** reset bgColor **/} #logo { max-width:100%; } #logo { width: 23%; display:inline-block; } #logo > .innerZone { background: none; /** reset bgColor **/} #menu { max-width:100%; } #menu { width: 67%; display:inline-block; } #menu > .innerZone { background: none; /** reset bgColor **/} #header { max-width:100%; } #header { width: 100%; display:inline-block; } #header > .innerZone { background: none; /** reset bgColor **/} #header-bottom { max-width:100%; } #header-bottom { width: 100%; display:inline-block; } #header-bottom > .innerZone { background: none; /** reset bgColor **/} #content { max-width:100%; } #content { width: 100%; display:inline-block; } #content > .innerZone { background: none; /** reset bgColor **/} #main { max-width:100%; } #main { width: 70%; display:inline-block; } #main > .innerZone { background: none; /** reset bgColor **/} #side { max-width:100%; } #side { width: 30%; display:inline-block; } #side > .innerZone { background: none; /** reset bgColor **/} #content-bottom { max-width:100%; } #content-bottom { width: 100%; display:inline-block; } #content-bottom > .innerZone { background: none; /** reset bgColor **/} #footer-top { max-width:100%; } #footer-top { width: 100%; display:inline-block; } #footer-top > .innerZone { background: none; /** reset bgColor **/} #footer { max-width:100%; } #footer { width: 100%; display:inline-block; } #footer > .innerZone { background: none; /** reset bgColor **/} #bottom-footer { max-width:100%; } #bottom-footer { width: 100%; display:inline-block; } #bottom-footer > .innerZone { background: none; /** reset bgColor **/} } @media all and (max-width:1200px) { } @media all and (max-width:960px) { } @media all and (max-width:768px) { } @media all and (max-width:450px) { } /** TEMPLATE RULES **/ /* @media all and (max-width:1200px) { } @media all and (max-width:960px) { } @media all and (max-width:768px) { } @media all and (max-width:450px) { } */ /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_Zones.css */ /************************************************************************/ .pinned { /* Used for fixed .innerZone */ } .innerZone {/* Overrinde just for tests */ display:inline-block; position:relative; vertical-align:top; width:100%;} .leaf {/* Overrinde just for tests */ min-height:50px; display:inline-block;vertical-align:top;} /*** CONTAINER ZONES ***/ .node { /* all zones who contains final zones */ } /*** LEAF ZONES ***/ .leaf { /* all final zones */ } #header-top-wrap { min-height: 80px; background: #fff; } @media all and (min-width:961px) { .fixed #header-top-wrap { position: fixed; top: 0; left: 0; width: 100%; box-shadow: 0 2px 6px rgba(0,0,0,.2); opacity: 1; z-index: 1000; background: #ffffff; } .fixed #header-wrap { margin-top: 80px; } } #header-top { max-width: 1200px; display: block; margin: 0 auto; } #header-top > .innerZone { display: flex; } #header-bottom { max-width: 1200px; display: block; margin: 0 auto; } #logo { width: auto; display: inline-block; align-content:flex-start; padding: 4px 15px; } #logo img { vertical-align: top; } @media all and (max-width: 960px) { #logo { width: calc(100%); text-align: center; } } #menu { width: auto; display: inline-block; align-content:flex-end; flex: 1; } @media all and (max-width: 960px) { #menu { max-width: 70px; } } #header-wrap { background: url("/files_/20180417142420_894_background-law.jpg") no-repeat 50% 50%; position: relative; } #header-wrap:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); } #header-wrap { /*background: #1D1C1C;*/ min-height: 120px; border-bottom: 2px solid; } @media all and (max-width:768px) { #header-wrap { min-height: 120px; } #header-wrap img { min-height: 120px; } } #header { margin-top: 2px; } #header > .innerZone { padding: 0; } #header .pagesTitle { display: block; margin: 0 auto; max-width: 1200px; /* position: absolute; left: calc((100% - 1200px) / 2 + 50px); top: 45px; z-index: 15; */ } #header .pagesTitle h1 { color: #b73939 /*** {base_theme} color schema ***/; font-size: 32px; padding: 40px 10px; text-align: center; line-height: 30px; color: #FFFFFF /*** {base_white} color schema ***/; } .Pagehome #header .pagesTitle { display: none; } .inverseTitle { display: none; } @media all and (max-width:1200px) { #header .pagesTitle { left: 30px; top: 30px; } } @media all and (max-width:960px) { #header .pagesTitle h1 { font-size: 28px; } } @media all and (max-width:768px) { #header .pagesTitle h1 { font-size: 24px; } } #content-wrap { } #content { max-width: 1200px; display: block; margin: 0 auto; padding-top: 50px; } #content > .innerZone { display: flex; flex-direction: row-reverse; } #content #side { display: none; } #content #side h3 { color: #b73939 /*** {base_theme} color schema ***/; font-size: 1.7rem; border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-top: 0; } #content #main { max-width: 100%; width: 100%; } #content #main > .innerZone { padding: 0; } .withSidebar #content #side { display: inline-block; } .withSidebar #content #main { max-width: inherit; width: inherit; } @media all and (max-width:1200px) { #content-wrap { padding-left: 20px; padding-right: 20px; } } @media all and (max-width:960px) { #content { padding: 20px; } #content > .innerZone { flex-direction: column-reverse; } #content #side { width: 100%!important; text-align: center; } #content #side .heading h4:after{ left: 50%; transform: translateX(-50%); } #content #main { width: 100%!important; } } #content-bottom { max-width: 1200px; display: block; margin: 0 auto; } #footer { display: block; margin: 0 auto; max-width: 1200px; text-align: center; padding-bottom: 50px; } #footer-top { display: block; margin: 0 auto; max-width: 1200px; } @media all and (max-width:1200px) { #footer-wrap { padding-left: 20px; padding-right: 20px; } } #bottom-footer-wrap { background: #1D1C1C; } #bottom-footer { display: block; margin: 0 auto; max-width: 1200px; padding: 60px 0; color: #FFFFFF /*** {base_white} color schema ***/; } #bottom-footer .footer-bottom-left, #bottom-footer .footer-bottom-middle, #bottom-footer .footer-bottom-right { padding: 0 10px; } #bottom-footer .footer-bottom-right .quick-contact ul { list-style: none; padding: 0; margin: 0; } #bottom-footer .footer-bottom-right .quick-contact ul li { margin-bottom: 5px; } #bottom-footer .footer-bottom-right .quick-contact ul i.fa { margin-right: 20px; font-size: 16px; } #bottom-footer .footer-bottom-right .quick-contact ul i.fa-mobile { font-size: 25px; } @media all and (max-width:768px) { #bottom-footer .footer-bottom-left, #bottom-footer .footer-bottom-middle, #bottom-footer .footer-bottom-right { width:calc(100%); text-align: center; margin-bottom: 30px; } #bottom-footer .heading h4:after{ left: 50%; transform: translateX(-50%); } } /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_AuthAndUsers.css */ /************************************************************************/ /* AuthAndUsers */ /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_Modules.css */ /************************************************************************/ /* Shadow ========================================= */ .shadow-tp2 { min-height: 150px; } .shadow-tp2:after, .shadow-tp2:before { z-index: -2; position: absolute; content: ""; bottom: 10px; left: 10px; width: 50%; top: 85%; max-width: 300px; background: 0 0; box-shadow: 0 15px 10px rgba(0,0,0,.8); transform: rotate(-3deg); } .shadow-tp2:after { transform: rotate(3deg); right: 10px; left: auto; } @media all and (max-width:768px) { .shadow-tp2 { min-height: 120px; } } /* H heading ========================================= */ .heading-container { padding: 30px 10px 40px 10px; text-align: center; max-width: 80%; display: block; margin: 0 auto; } .heading h3 { text-transform: uppercase; font-family: 'Raleway', sans-serif; font-size: 30px; font-weight: bold; margin: 0; margin-bottom: 20px; padding-bottom: 15px; position: relative; display: inline-block; border-bottom: 1px solid; border-bottom-style: dashed; line-height: 35px; } .heading h3:after { content: ""; width: 10px; height: 10px; position: absolute; top: 100%; display: inline-block; background-color: #b73939 /*** {base_theme} color schema ***/; left: 50%; margin-left: -5px; margin-top: -5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .heading h4 { font-size: 20px; margin: 0; font-weight: 500; padding-bottom: 10px; position: relative; margin-bottom: 25px; letter-spacing: 3px; } .heading h4:after { content: ""; position: absolute; top: 100%; left: 0; width: 70px; height: 2px; background-color: #b73939 /*** {base_theme} color schema ***/; } .heading a.button { padding: 15px 30px; color: #FFF; background: #5e2802; transition: all .3s; font-size: 18px; } .heading a.button:hover { background: #FFF; color: #5e2802; transition: all .3s; } #bottom-footer .heading { color: #FFFFFF /*** {base_white} color schema ***/; } #footer .heading { padding-bottom: 5px; } /* GoTop ========================================= */ .goTop { position: fixed; right: 20px; bottom: 20px; border-radius: 5px; width: 50px; height: 50px; background: #b73939 /*** {base_theme} color schema ***/; display: none; z-index: 500; } .fixed .goTop { display: block; } .goTop a { display: block; width: 50px; height: 50px; position: relative; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA5klEQVRIie2SO2rDQBQAtUKFj5AqqNLpQgpjVAVDMO5ytZDCmOBTuFAVFGZSZAWKoo0cW6UGHizLvt+wWbawcCvh0odqnmXZo7oKIbyEED5nm0LNgbX6obbqk1rM2aArLmBssp2jcK6uY1GBYTxfvUnUsukmT9ACu6uajGgxcW6B3b8mVzdDLZETcBjex/N+cpOopU5oOaqVWqpvCV1/N1FTzk9q1XtXqoeErv1Y4UKtU1rU+5Gcu4t0qUVKC/AOVL8m+rlJStf371If1LPaAI3axbGvJQVQAq/9XKABzkA9lb+wMM0XZTEwpiiWt2sAAAAASUVORK5CYII=') no-repeat 50% 50%; } .goTop a i { position: absolute; left: 15px; top: 3px; font-style: normal; font-size: 25px; } /* Mobile sandwitch nav ======================================= */ .sandwitch-wrap { position: relative; display: block; width: 24px; height: 24px; } .sandwitch-wrap span { position: absolute; left:0; width: 100%; height: 5px; background-color: #fff; } .sandwitch-wrap span:nth-child(1) { top: 0px; } .sandwitch-wrap span:nth-child(2) { top: 8px; } .sandwitch-wrap span:nth-child(3) { top: 16px; } @media all and (max-width:960px) { .mobile-menu-nav { display: block; } } /* bannerSlogan ============================================= */ .bannerSlogan { position: absolute; left:38%; top: 50%; text-align: left; color: #fff; max-width: 500px; transform: translate(-50%, -50%); } .bannerSlogan.heading-container { padding: 0; } @media all and (max-width:960px) { .bannerSlogan { display: none; } } /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_Forms.css */ /************************************************************************/ input[type=search], input[type=text], input[type=email], input[type=password]{ border: 1px solid #e5e5e5 /*** {base_gray} color schema ***/; } .button:hover:after, input[type="submit"]:hover:after{ height: 100%; width: 100%; transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } .button:hover, input[type="submit"]:hover, .button:focus, input[type="submit"]:focus, input,button{ outline: none; } textarea, select, input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="url"], input[type="search"] { display: inline-block; height: 35px; padding: 4px 6px; margin-top: 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 95%; color: #444444 /*** {base_text} color schema ***/; background: #f7f7f7 /*** {base_light_gray} color schema ***/; } input[type="text"], input[type="email"], textarea, input[type="password"],input[type="tel"]{ border: 1px solid #e5e5e5 /*** {base_gray} color schema ***/; padding: 6px 15px; color: #444444 /*** {base_text} color schema ***/; } input[type="text"]:focus, input[type="email"]:focus, textarea:focus, input[type="password"]:focus{ outline: none; } .button, input[type="submit"], input[type="button"]{ color: #FFFFFF /*** {base_white} color schema ***/; display: inline-block; padding: 9px 25px; text-align: center; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background: transparent; position: relative; background-color: #444444 /*** {base_text} color schema ***/; font-size: 12px; border: none; } .button:hover, input[type="submit"]:hover{ background-color: #777777 /*** {base_light_text} color schema ***/; color: #FFFFFF /*** {base_white} color schema ***/; } input[type="submit"]:before { background-color: rgba(255, 255, 255, 0.1); content: ""; height: 0; left: 0; margin: auto; position: absolute; top: 0; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; width: 0; } textarea { min-height: 80px; } /* FormBuilderForm ============================================ */ .eobErrors, .eobError { color: base_error; float: right; font-size: .7rem; } .FormBuilderForm .eobFrmBuilderInputItemContainer:after { float: none; clear: both; display: table; content: ""; } .FormBuilderForm label { width: 100%; } .FormBuilderForm input[type=text], .FormBuilderForm input[type=email], .FormBuilderForm textarea { width: 100%!important; display: block; } .FormBuilderForm .eobFrmBuilderActionsContainer { } /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_Colors.css */ /************************************************************************/ /* base_color #b1284f base_gray #f0f0f0 */ /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_Images.css */ /************************************************************************/ /* ImageShow ======================================= */ .ImageShow img { vertical-align: top; min-width: 100%; width: 100%; } /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_ShoppingCart.css */ /************************************************************************/ /* ShoppingCart */ /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_RichText.css */ /************************************************************************/ /* RichText */ /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_Categories.css */ /************************************************************************/ /* Categories */ /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_Pages.css */ /************************************************************************/ /* Pagehome =========================================== */ .Pagehome .homeBanner { /*border-bottom: 2px solid;*/ } .Pagehome #content-wrap, .Pagehome #footer-top-wrap { background-size: cover !important; position: relative; width: 100%; background-attachment: fixed !important; display: block; } .Pagehome #content-wrap > .innerZone , .Pagehome #footer-top-wrap > .innerZone { background-color: rgba(0, 0, 0, 0.82); } .Pagehome #footer-top-wrap { background: url(../files_/background.jpg); } .Pagehome #content-wrap { background: url(../files_/background-3.jpg); } .Pagehome #main { width: 100%; } .Pagehome #side { display: none; } .Pagehome #main h3 { color: #fff; max-width: 70%; display: block; font-weight: 300; font-size: 20px; } .Pagehome #main p { position: absolute; top: 48%; right: 10px; transform: translateY(-50%); padding: 0; margin: 0; } .Pagehome #main p a { padding: 10px 20px; display: block; color: #fff; position: relative; text-align: center; } /* .Pagehome #main p a:before { content:""; width: 0; height: 0; background: #696464; transition: all .3s; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .Pagehome #main p a:hover:before { width: 100%; height: 100%; transition: all .3s; } */ .Pagehome #main p a { padding: 10px 20px; background: #6b4444; font-size: 18px; transition: all .3s; } .Pagehome .serviciiList { margin-bottom: 80px; } .Pagehome .our-process { text-align: center; max-width: 80%; display: block; margin: 0 auto } .Pagehome.defaultGallery .GalleryList { margin-bottom: 60px; } .Pagehome #content-wrap, .Pagehome #content-bottom-wrap { display: none; } @media all and (max-width:960px) { .Pagehome #main h3 { max-width: 90%; } } /* Pagegalerie =========================================== */ .Pagegalerie #content-bottom-wrap { display: none; } .Pagegalerie #footer-top-wrap { display: none; } .Pagegalerie #header-bottom-wrap { display: none; } /* Pagenoutati =========================================== */ .Pagenoutati #content-bottom-wrap { display: none; } .Pagenoutati #footer-top-wrap { display: none; } .Pagenoutati #header-bottom-wrap { display: none; } .Pagenoutati #content .ArticlesList ul li .ArticleImgA img { width: 100%; height: inherit; } @media all and (max-width: 960px) { .Pagenoutati #content-wrap { margin-top: 0px; } } .Pagenoutati #footer { display: none; } /* Pagearticol =========================================== */ .Pagearticol #content-bottom-wrap { display: none; } .Pagearticol #footer-top-wrap { display: none; } .Pagearticol #header-bottom-wrap { display: none; } .Pagearticol #content > .innerZone { flex-direction: row; } .Pagearticol #content #side { margin: 0px 0 0 20px; } .Pagearticol #content #side .ArticlesList ul li { margin-bottom: 30px; } .Pagearticol #content .ArticlesList ul li .ArticleImgA img { width: 100%; height: inherit; } .Pagearticol #content .ArticlesDetail { margin-top: 0; } @media all and (max-width: 960px) { .Pagearticol #content > .innerZone { flex-direction: column; } .Pagearticol #content #side { margin: 0; margin-top: 30px; } .Pagearticol #content #side .ArticlesList ul li { width: calc(50% - 10px); margin: 5px; margin-bottom: 20px; } } @media all and (max-width: 768px) { .Pagearticol #content #side .ArticlesList ul li { width: calc(100% - 10px); } } .Pagearticol #footer { display: none; } /* Pagegalerii ================================================== */ .Pagegalerii #content-bottom-wrap { display: none; } .Pagegalerii #footer-top-wrap { display: none; } .Pagegalerii #header-bottom-wrap { display: none; } .Pagegalerii.defaultGallery .GalleryItem { width: calc(33.33% - 20px); max-height: 250px; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; } @media all and (max-width:960px) { .Pagegalerii.defaultGallery .GalleryItem { width: calc(50% - 20px); } } @media all and (max-width:450px) { .Pagegalerii.defaultGallery .GalleryItem { width: calc(100%); margin-left: 0; margin-right: 0; } } /* Pageclientisiparteneri =================================================== */ .Pageclientisiparteneri #content-bottom-wrap { display: none; } .Pageclientisiparteneri #footer-top-wrap { display: none; } .Pageclientisiparteneri #header-bottom-wrap { display: none; } .Pageclientisiparteneri #footer-wrap { display: none; } /* Pagecontact =================================================== */ .Pagecontact #content-bottom-wrap { display: none; } .Pagecontact #footer-top-wrap { display: none; } .Pagecontact #header-bottom-wrap { display: none; } .Pagecontact #content #main { width: 60%; } .Pagecontact #content #side { width: 40%; } /* Pageservicii =================================================== */ .Pageservicii #content > .innerZone { flex-direction: row; } .Pageservicii #content #side { margin: 0px 0 0 20px; } .Pageservicii #header-bottom-wrap, .Pageservicii #content-bottom-wrap, .Pageservicii #footer-top-wrap { display: none; } .Pageservicii #content .ArticlesDetail { display: none; } @media all and (max-width: 960px) { .Pageservicii #content > .innerZone { flex-direction: column; } .Pageservicii #content #side { margin-left: 0; text-align: left; } } /* Pagearticole =================================================== */ .Pagearticole #header-bottom-wrap { display: none; } .Pagearticole #main .ArticlesDetail { display: none; } .Pagearticole #main, .Pagearticole #side { width: 100%; } .Pagearticole #content > .innerZone { display: inherit; flex-direction: inherit; } /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_Articles.css */ /************************************************************************/ /* Articles ========================================== */ .ArticlesList { } .ArticlesList ul { list-style: none; padding: 0; margin: 0; } .ArticlesList ul li { display: inline-block; vertical-align: top; position: relative; } #side .ArticlesList ul li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ccc; width: 100%; } .ArticlesList ul li .ArticleTitle { display: block; font-weight: 900; font-size: 1.2rem; color: #444444 /*** {base_text} color schema ***/; transition: all .3s; font-family: 'Raleway', sans-serif; } .ArticlesList ul li:hover .ArticleTitle { color: #b73939 /*** {base_theme} color schema ***/; transition: all .3s; } .ArticlesList ul li.eobSelected .ArticleTitle { color: #b73939 /*** {base_theme} color schema ***/; } .ArticlesList ul li .ArticleImgA { } .ArticlesList ul li .ArticleImgA img { vertical-align: top; height: 100%; margin-bottom: 10px; } .ArticlesList ul li .shortDesc { line-height: 25px; } /* shinkArticles ================================================ */ .shinkArticles #main .ArticlesList ul { text-align: center; max-width: 100%; /* display: block; */ display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 10px; margin: 0 auto; } .shinkArticles #main .ArticlesList ul li { margin-bottom: 50px; /* width: calc(33.33% - 40px); */ margin: 20px; } .shinkArticles #main .ArticlesList .ArticleTitle { margin-bottom: 20px; display: block; } .shinkArticles #main .ArticlesList .ArticleImage { margin-bottom: 20px; } .shinkArticles #main .ArticlesList .shortDesc { margin-bottom: 20px; } .shinkArticles #main .ArticlesList .readMoreLink { background: #FFFFFF /*** {base_white} color schema ***/; display: inline-block; transition: all .3s; } .shinkArticles #main .ArticlesList .readMoreLink:hover { background: #444; transition: all .3s; } .shinkArticles #main .ArticlesList .readMoreLink a { padding: 10px 20px; color: #b73939 /*** {base_theme} color schema ***/; display: block; line-height: 30px; transition: all .3s; font-size: 1rem; } .shinkArticles #main .ArticlesList .readMoreLink:hover a { color: #fff; transition: all .3s; } @media all and (max-width:960px) { .shinkArticles #main .ArticlesList ul { max-width: 100%; } } .ArticlesDetail { margin-top: 40px; } .ArticlesDetail h1 { display: none; } .ArticlesContent img { width: 100%; vertical-align: top; } .ArticlesContent .artImage { margin-bottom: 30px; } @media all and (max-width:960px) { .ArticlesDetail { margin-top: 0px; } } /* footer-horiz-articles ========================================== */ .footer-horiz-articles ul { margin-left: -20px; } .footer-horiz-articles li { display: inline-block; vertical-align: top; width: calc(33.33% - 40px); margin: 20px; padding-bottom: 20px; } .footer-horiz-articles li img { width: 100%; height: inherit; margin-bottom: 30px; } @media all and (max-width:960px) { .footer-horiz-articles { width: 100%; } .footer-horiz-articles ul { margin-left:inherit; } .footer-horiz-articles li { width: calc(50% - 40px); } } @media all and (max-width:768px) { .footer-horiz-articles li { width: calc(100% - 40px); } } /* footer-vert-articles ========================================== */ .footer-vert-articles ul { margin-top: 20px; } .footer-vert-articles li { display: inline-block; vertical-align: top; width: calc(100% - 40px); margin: 20px 20px; margin-right: 0; text-align: left; border-bottom: 1px solid #acacac; padding-bottom: 20px; margin-top: 0px; } .footer-vert-articles li a { font-size: 1rem!important; } @media all and (max-width:960px) { .footer-vert-articles { width: 100%; } .footer-vert-articles li { margin-right: 20px; } } @media all and (max-width:768px) { } /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_Services.css */ /************************************************************************/ .serviciiList ul li { width: calc(25% - 10px); margin: 0 5px; padding: 10px; text-align: center; } .serviciiList ul li .ArticleTitle { margin-top: 130px; } .serviciiList ul li .ArticleImgA { position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 12; overflow: hidden; border: 1px solid #cccbcb; height: 115px; width: 115px; border-radius: 50%; background: #f5f5f5; } .serviciiList ul li .ArticleImgA img { padding: 2px; margin: 3px; width: 75px; height: 75px; margin-top: 16px; } @media all and (max-width:960px) { .serviciiList ul li { width: calc(50% - 10px); margin-bottom: 30px; } } /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_Parteneri.css */ /************************************************************************/ /* sponsorList =========================================== */ .sponsorList { padding-top: 30px; padding-bottom: 30px; margin-top: 40px; } .sponsorList ul { padding: 0; margin: 0; list-style: none; width: 100%; text-align: center; } .sponsorList ul li { display: inline-block; padding: 15px; width: calc(100% / 6); } .sponsorList ul li img { width: inherit; max-width: inherit; filter: grayscale(1); max-height: 60px; transition: all .5s; opacity: .8; } .sponsorList ul li:hover img { filter: grayscale(0); opacity: 1; transition: all .5s; } .sponsorList ul li .ArticleTitle { display: none; } @media all and (max-width:768px) { .sponsorList ul li { width: calc(100% / 3); } } /* parteneriList ====================================== */ .parteneriList { margin-bottom: 30px; } .parteneriList ul { max-width: 70%; display: block; margin: 0 auto; text-align: center; } .parteneriList ul li { width: calc(100%); padding-bottom: 40px; position: relative; } .parteneriList ul li:before { content: ""; width: 200px; height: 1px; position: absolute; top: calc(100% - 21px); display: inline-block; left: 50%; transform: translateX(-50%); border-bottom:1px dashed; } .parteneriList ul li:after { content: ""; width: 10px; height: 10px; position: absolute; top: calc(100% - 20px); display: inline-block; background-color: #b73939 /*** {base_theme} color schema ***/; left: 50%; margin-left: -5px; margin-top: -5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .parteneriList ul li:after { content: ""; clear: both; float: none; display: table; } .parteneriList ul li .ArticleImgA { margin-bottom: 20px; display: block; } .parteneriList ul li .ArticleImgA img { max-height: 100%; width: 100px; } @media all and (max-width:768px) { .parteneriList ul { max-width: calc(100%); text-align: center; } .parteneriList ul li .ArticleImgA { float: none; } } /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_Gallery.css */ /************************************************************************/ /* GalleryItem =========================================== */ .GalleryList h1 { display: none; } .defaultGallery .GalleryList { /*margin-bottom: 60px;*/ } .defaultGallery .GalleryItem { display: inline-block; vertical-align: top; position: relative; width: calc(25% - 20px); margin-left: 10px; margin-right: 10px; overflow: hidden; margin-bottom: 20px; max-height: 175px; } .defaultGallery .GalleryItem .Image { overflow: hidden; } .defaultGallery .GalleryItem .Image img { vertical-align: top; min-width: 100%; width: auto; transition: all .3s; min-height: 175px; max-width: inherit; } .defaultGallery .GalleryItem .Title a { transition: all .3s; } .defaultGallery .GalleryItem .Title { position: absolute; z-index: 10; bottom: 0; text-align: center; pointer-events: none; background: rgba(0,0,0,.5); transform: scale(1); transition: all .3s; } .defaultGallery .GalleryItem .Title a { color: #FFFFFF /*** {base_white} color schema ***/; font-size: 20px; background: rgba(0,0,0,0); padding: 3px; } .defaultGallery .GalleryItem:hover .Title { background: rgba(0,0,0,0); transition: all .3s; } .defaultGallery .GalleryItem:hover .Title a { color: #b73939 /*** {base_theme} color schema ***/; transition: all .3s; background: rgba(255,255,255,.8); } .defaultGallery .GalleryItem:hover .Image img { transform: scale(1.2); transition: all .3s; } @media all and (max-width: 960px) { .defaultGallery .GalleryItem { width: calc(50% - 20px); max-height: 175px; } } /* .masonryGallery ============================================== */ .masonryGallery .GalleryDetails { position: relative; } .masonryGallery .GalleryItems { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; padding: 0; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em; } .masonryGallery .GalleryItems:after { clear: both; float: none; display: table; content: ""; } .masonryGallery .GalleryItems .GalleryItem { vertical-align: top; overflow: hidden; position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,.5); padding: 5px; display: inline-block; background: #fff; margin: 0 0 1.5em; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .masonryGallery .GalleryItems .GalleryItem:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background: #fff; } .masonryGallery .GalleryItems .GalleryItem img { height: auto; vertical-align: top; display: block; width: 100%; margin: 0 auto; } .masonryGallery .GalleryItems .GalleryItem .Descriere { display: none; } @media all and (max-width:960px) { .masonryGallery .GalleryItems { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media all and (max-width:768px) { .masonryGallery .GalleryItems { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media all and (max-width:450px) { .masonryGallery .GalleryItems { column-gap: .5em; -moz-column-gap: .5em; -webkit-column-gap: .5em; } .masonryGallery .GalleryItems .GalleryItem { margin: 0 0 .5em; } } /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_Products.css */ /************************************************************************/ .Product {width:25%; display:inline-block; text-align:center; vertical-align:top; margin:0; border:1px solid #ddd;} .Product .ShortDescription {padding: .5em;} .Product .Title {font-size:1.25em; padding:.5em; font-weight:bold;} .Product .Prices {width:60%; display:inline-block; text-align:right;} .Product .BuyBtn {width:40%; display:inline-block;} .Product .Image a {display:block; margin:0; padding:0; line-height:250px; height:250px; margin:0 auto; width:95%; overflow:hidden;} .Product .Image a img {vertical-align:middle; line-height:250px; transform:scale(1.0); max-width:66.67%;} /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_NAV.css */ /************************************************************************/ /* Site Nav */ nav a {padding:.5em; display:inline-block; /*color:#fff;*/} /* Mobile menu nav ======================================= */ .mobile-menu-nav { display: none; position: absolute; z-index: 1000; right: 20px; top: 15px; } /* Main navigation ========================================= */ .menu-nav { text-align: right; } .menu-nav li { display: inline-block; } .menu-nav ul li a { color: #444444 /*** {base_text} color schema ***/; display:inline-block; text-decoration: none; transition: all 0.3s; line-height: 16px; padding: 30px 15px; font-size: 1rem; min-height: 80px; } .fixed #logo img { height: 50px; } .fixed .menu-nav ul li a { color: #444; padding: 20px 15px; min-height: inherit; } .fixed .menu-nav ul li a:hover { color: #b73939; } .fixed #header-top-wrap { min-height: 60px; } .menu-nav ul li a:hover { color: #b73939 /*** {base_theme} color schema ***/; transition: all 0.3s; } .menu-nav ul li a.eobSelected { font-weight: 600; } @media all and (max-width: 1200px) { .menu-nav ul li a { } } @media all and (max-width: 960px) { .menu-nav { display: none; } } #logo svg path { fill: #b73939 /*** {base_theme} color schema ***/; } .fixed #logo svg path { fill: #FFFFFF /*** {base_white} color schema ***/; } /* menu-nav-mobile ====================================== */ .menu-nav-mobile { display: none; position: absolute; right: 20px; top: -20px; width: 32px; height: 32px; /*border: 1px solid #eee;*/ z-index: 1001; overflow: hidden; cursor: pointer; transition: all .3s; } .menu-nav-mobile span { position: absolute; left: 0; width: 100%; height: 6px; z-index: 1002; background: #b73939 /*** {base_theme} color schema ***/; transition: all .3s; transform: rotate(0); } .menu-nav-mobile strong { position: absolute; left: 0; top: 0; width: 32px; height: 32px; opacity: 0; z-index: 1003; color: #FFF; text-align: center; line-height: 32px; font-size: 20px; font-weight: 300; font-family: Helvetica; } .open .menu-nav-mobile { transition: all .3s; border-radius:50%; } .open .menu-nav-mobile strong { transition: all .3s; opacity: 1; } .open .menu-nav-mobile { transition: all .3s; transform: rotate(-90deg); } .open .menu-nav-mobile span:nth-child(2) { transition: all .3s; height: 40px; top: 0; } .menu-nav-mobile span:nth-child(1) { transition: all .3s; top: 0px; } .menu-nav-mobile span:nth-child(2) { transition: all .3s; top: 13px; } .menu-nav-mobile span:nth-child(3) { transition: all .3s; top: 26px; } #mobile-nav { transition: all .3s; position: fixed; top: 0; height: 100%; width: 75%!important; background: #b73939 /*** {base_theme} color schema ***/; color: #fff; left: -80%; z-index: 10003; box-shadow: 4px 0px 15px rgba(0,0,0,.4); opacity: .95; padding: 20px; text-align: center; } #mobile-nav > .innerZone { padding: 0; } #mobile-nav nav { padding: 10px; margin-top: 120px; } #mobile-nav nav a { color: #2b7b96; font-size: 27px; display: block; text-align: center; font-weight: 300; text-transform: uppercase; } #mobile-nav svg { margin: 30px 0; } #mobile-nav svg path { fill: #FFFFFF /*** {base_white} color schema ***/; } #mobile-nav img { margin-top: 20px; margin-bottom: 20px; padding: 5px; background: #fff; border: 1px solid #ddd; border-radius: 4px; max-height: 100px; display: block; margin: 30px auto; width: inherit; min-width: inherit; } #mobile-nav .MenuList ul { list-style: none; padding: 0; margin: 0; } #mobile-nav .MenuList ul li { margin: 0 auto; display: block; margin-bottom: 5px; border-bottom: 1px solid #ffffff4a; } #mobile-nav .MenuList ul li .eobSelected a { background: rgba(255,255,255,.3); } #mobile-nav .MenuList ul li a { color: #fff; display: block; padding: 20px 0px; font-size: 1.4rem; font-weight: 300; } #mobile-nav .social ul { background: #fff; margin-left: -20px; margin-right: -20px; margin-top: -20px; padding: 10px; } .open #mobile-nav { transition: all .3s; left: 0; } .logoContainer{ text-align: center; } .logoContainer h2{ padding-bottom: 0; font-size: 1.5rem; } .logoContainer div{ padding-top: 5px; font-size: 1rem; color: #888; } @media all and (max-width:960px) { .menu-nav-mobile { display: block; } } @media all and (max-width:450px) { #mobile-nav nav a { font-size: 22px; } #mobile-nav .MenuList ul li a { font-size: 1.2rem; padding: 10px; } } /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_Icons.css */ /************************************************************************/ /* FontAwesome =================================== */ [class^="fa-"], [class*=" fa-"] { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-family: FontAwesome !important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_Social.css */ /************************************************************************/ /* SocialDisplay ========================================== */ .SocialDisplay { margin-bottom:30px; } @media all and (max-width:960px) { .SocialDisplay { position: relative; right: auto; top: auto; width: 100%; text-align: center; display: block; } } .SocialDisplay .social__label { display: inline-block; vertical-align: top; line-height: 30px; } .SocialDisplay .small__social { display: inline-block; vertical-align: top; line-height: 30px; } .SocialDisplay ul { padding: 0; margin: 0; list-style: none; } .SocialDisplay ul li { display: inline-block; margin: 0 2px; vertical-align: top; } .SocialDisplay ul li a { display: block; line-height: 30px; color: transparent; width: 30px; overflow: hidden; cursor: pointer; height: 30px; border-radius: 50%; } .SocialDisplay ul li a[class*=facebook]:before { background: #3b5998!important; color: #fff!important; } .SocialDisplay ul li a[class*=twitter]:before { background: #55acee!important; color: #fff!important; } .SocialDisplay ul li a[class*=google]:before { background: #dd4b39!important; color: #fff!important; } .SocialDisplay ul li a[class*=linkedin]:before { background: #007bb5!important; color: #fff!important; } .SocialDisplay ul li a[class*=pinterest]:before { background: #cb2027!important; color: #fff!important; } .SocialDisplay ul li a:before { font-size: 26px!important; margin: 0!important; padding: 2px; } .SocialDisplay ul li a:hover:before { color: #F8AA04!important; background: #FFFFFF!important; } /* social ========================================== */ .social ul { list-style: none; padding: 0; } .social ul li { display: inline-block; margin: 3px; display: inline-block; } .social li a { font-size: 16px; width: 40px; height: 40px; display: block; line-height: 38px; color: #fff; text-align: center; border-width: 2px !important; border-radius: 100%; transition: all 0.3s ease; color: #FFFFFF /*** {base_white} color schema ***/; } .social .facebook { color: #3b5998; border: 2px solid #3b5998; } .social .facebook:hover, .social .facebook:focus { background-color: #3b5998; color: #fff; opacity: 1; } .social .twitter { color: #00aced; border: 2px solid #00aced; } .social .twitter:hover, .social .twitter:focus { background-color: #00aced; color: #fff; opacity: 1; } .social .linkedin { color: #007bb6; border: 2px solid #007bb6; } .social .linkedin:hover, .social .linkedin:focus { background-color: #007bb6; color: #fff; opacity: 1; } .social .flickr { color: #0063dc; border: 2px solid #0063dc; } .social .flickr:hover, .social .flickr:focus { background-color: #0063dc; color: #fff; opacity: 1; } .social .youtube { color: #bb0000; border: 2px solid #bb0000; } .social .youtube:hover, .social .youtube:focus { background-color: #bb0000; color: #fff; opacity: 1; } .social .dribbble { color: #ea4c89; border: 2px solid #ea4c89; } .social .dribbble:hover, .social .dribbble:focus { background-color: #ea4c89; color: #fff; opacity: 1; } .social .gplus { color: #dd4b39; border: 2px solid #dd4b39; } .social .gplus:hover, .social .gplus:focus { background-color: #dd4b39; color: #fff; opacity: 1; } .social .pinterest { color: #cb2027; border: 2px solid #dd4b39; } .social .pinterest:hover, .social .pinterest:focus { background-color: #cb2027; color: #fff; opacity: 1; } .social .skype { color: #00aff0; border: 2px solid #00aff0; } .social .skype:hover, .social .skype:focus { background-color: #00aff0; color: #fff; opacity: 1; } .social .vimeo { color: #aad450; border: 2px solid #aad450; } .social .vimeo:hover, .social .vimeo:focus { background-color: #aad450; color: #fff; opacity: 1; } .social .instagram { color: #c13584; border: 2px solid #c13584; } .social .instagram:hover, .social .instagram:focus { background-color: #c13584; color: #fff; opacity: 1; } /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_Videos.css */ /************************************************************************/ /* YoutubePopup ======================================== */ .YoutubePopup { display: block; margin: 0 auto; text-align: center; width: 100px; } .YoutubePopup button { width: 100px; height: 100px; border:0; cursor: pointer; outline: none; display: inline-block; transition: all .3s; background-image: url('data:image/png;base64,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'); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 80px; color: #FFFFFF /*** {base_white} color schema ***/; text-indent: -9999px; } .YoutubePopup button:hover { transition: all .3s; opacity: 1; } /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_Paginations.css */ /************************************************************************/ .PaginationShow { text-align: center; } .PaginationShow .resultsPages span { display: inline-block; margin: 0 .2em; padding: .6em; font-size: 1.2rem; border-radius: 50%; border: 2px solid #b73939 /*** {base_theme} color schema ***/; display: inline-block; width: 48px; height: 48px; line-height: 18px; } .PaginationShow .resultsPages span.eobSelected { background: #b73939 /*** {base_theme} color schema ***/; color: #FFFFFF /*** {base_white} color schema ***/; } .PaginationShow .resultsPages span a { font-size: 1.2rem; display: block; line-height: 18px; } .PaginationShow .resultsInfo { margin-bottom:10px; padding-bottom:10px; border-bottom: 1px solid; } /************************************************************************/ /* FROM CSS FILE: ParadoxWebTmpl_183_CSS_Generals.css */ /************************************************************************/ body { font-size: 14px; color: #444444 /*** {base_text} color schema ***/; font-weight: 300; overflow-x: hidden; -webkit-font-smoothing: antialiased; padding:0; margin:0; } img{ max-width: 100%; } h1,h2,h3,h4,h5,h6{ line-height: 1.3em; margin-top: 0; line-height: 25px; } a{ color: #b73939 /*** {base_theme} color schema ***/; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-decoration: none; line-height: 25px; } a:hover, a:focus{ text-decoration: none; color: inherit; outline: none; } p{ margin: 0; padding: 0; margin-bottom: 22px; line-height: 25px; } ul, ol{ margin: 0; padding: 0; } #main ul, #main ol { padding-left: 30px; margin-bottom: 22px; } ul ul, ol ol, ul ol, ol ul{ padding-left: 30px } ::-webkit-input-placeholder { color: inherit; opacity: 1; filter: alpha(opacity=100); } :-moz-placeholder { /* Firefox 18- */ color: inherit; opacity: 1; filter: alpha(opacity=100); } ::-moz-placeholder { /* Firefox 19+ */ color: inherit; opacity: 1; filter: alpha(opacity=100); } :-ms-input-placeholder { color: inherit; opacity: 1; filter: alpha(opacity=100); } .flex-flow{ flex-flow: row wrap; display: flex; } blockquote { font-style: italic; font-size: 14px; margin: 20px 0; position: relative; border-left: 2px solid #c99947; padding: 0; padding: 0 50px; } .container { display: block; max-width: 1200px; margin: 0 auto; } .clearfix:after { float: none; clear: both; content: ""; display: table; } .highlited { padding: 40px 0; margin: 40px 0; border: 1px dashed #ddd; text-align: center; font-size: 1.2rem; font-weight: normal; font-family: 'Montserrat Light'; } .col { vertical-align: top; display: inline-block; } .productCols { padding: 0 15px; } .designed h3 { text-align: center; text-transform: uppercase; margin-top: 40px; } .designed h3:after { content: ''; width: 23px; height: 6px; display: block; background: url('../files_/driver.png') no-repeat center center; display: block; margin: 0 auto; margin-top: 10px; } .padding-30 { padding: 30px 0; } .padding-80 { padding: 80px 0; } .padding-right { padding-right: 20px; } .padding-top-right { padding-right: 20px; padding-top: 20px; } .zoom-2 { font-size: 200%; } .margin-top-minus-30 { display: block; margin-top: -30px; } .no-margin { margin: 0; } .white { color: #FFFFFF /*** {base_white} color schema ***/; } .inline { display: inline-block; vertical-align: top; } .text-center { text-align: center; } table { margin: 1.4rem 0; border: 1px solid #ddd; } table tr { text-align: center; } table th:first-child { text-align: center; } table th { padding: 10px 5px; border-top: 1px solid #fafafa; border-bottom: 1px solid #e0e0e0; background: #eee; } table td:first-child { text-align: center; border-left: 0; } table td { padding: 10px 5px; border-top: 1px solid #ffffff; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; } table a { font-weight: bold; text-decoration: none; } table td:nth-child(4) input { width: 50px; } @media all and (max-width: 768px) { .highlited { padding: 10px; } .highlited h3 { font-size: 1.2rem; } table { margin-top: 0; } } /* 404 ========================================== */ .text-404 h2 { font-size: 60px; } /************************************************************************/ /* FROM CSS FILE: default.css */ /************************************************************************/