/* -------------------------------- Primary style -------------------------------- */ *, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; } body { font-size: 1.6em; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; color: #464646; background-color: #ffffff; } .wrapper { margin:0 auto; width:980px; padding:0; } .header_big_bg { margin:0; width: 100%; padding:0; background:url(../img/header_big_bg.jpg) center top no-repeat; height:500px; } .header_big_small { margin:0 0 10px 0; width: 100%; padding:0; background:url(../img/header_small_bg.jpg) center top no-repeat; height:130px; } .header_small_bg { margin:0; width: 100%; padding:0; background: url(../img/header_small_bg.png) repeat-x; height:125px; } .footer_bottom { margin:0; width: 100%; padding:0; background:#22272b; height:60px; } .footer_up_bg { padding:0; margin:0; width:100%; height: auto; background:#2e343a; float:left; } .footer_up { padding:40px 0; margin:0; width:100%; height: auto; float:left; background:#2e343a; } .second_menu { padding:0; margin:0; width:75%; float:left; } .second_menu p { padding:10px; margin:0; color: #fff; font-size:1em; font-family: "segoeuil_r", Arial, Helvetica, sans-serif; } .footer_up_1 { padding:0 1%; margin:0; width:23%; height:auto; float:left;} .footer_up_2 { padding:0 1%; margin:0; width:23%; height:auto; float:left;} .footer_up_3 { padding:0 1%; margin:0; width:23%; height:auto; float:left;} .footer_up_4 { padding:0 1%; margin:0; width:23%; height:auto; float:left;} .video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;} .video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .video_center {margin: 0 auto; max-width: 100%; padding: 5px 0 15px 0; width: 700px;} .filtr { width: 98%; padding:0 0 10px 0; margin:0 1% 5px 1%; border-bottom: #cccccc 1px solid; } .filtr_3_4 { padding:0 1% 0 0; margin:12px 0 0 0; width:72%; float:left; border-right: #cccccc dotted 1px; } .filtr_3_4 label { padding: 0 20px 5px 20px; margin:0; color:#09addc; font-size:1.4em; line-height:1.1; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; float:left; } .filtr_3_4_1 { padding:0; margin:0 0 0 2px; width:33%; float:left; } .filtr_1_4 { padding:0 0 0 1%; margin:12px 0 0 0; width:28%; float:left; } .filtr_1_4 label { padding: 0 20px 5px 20px; margin:0; color:#09addc; font-size:1.4em; line-height:1.1; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; float:left; } .filtr_1_4 input{color:#363636;height:46px;font-size:1.1em;float:left;width: 100%;border:#cccccc solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:0;padding:0 10px;margin:5px 0;font-family: "segoeuil_0", Arial, Helvetica, sans-serif; background:#ebebeb; } .filtr_3_4_2 { padding:0 3px; margin:0; width:50%; float:left; } .filtr_3_4_2 input{color:#363636;height:46px;font-size:1.1em;float:left;width: 100%;border:#cccccc solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:0;padding:0 10px;margin:5px 0;font-family: "segoeuil_0", Arial, Helvetica, sans-serif; background:#ebebeb; } .filtr_but input[type="submit"]{font-size:1.4em;height:40px;background:#09addc;border:0 none;cursor:pointer;width: 98%;padding:0;margin:5px 0 0 2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff; font-family: "segoeuil_sb", Arial, Helvetica, sans-serif; } .one_ad_text { width: 98%; padding:0; margin:20px 1% 5px 1%; } .one_ad_text_item { padding:0; margin:0 1% 0 0; float:left; width:72%;} .one_ad_text_item p { padding:5px 10px 12px 10px; margin:0; color:#09addc; font-size:1.3em; font-family: "segoeuil_0", Arial, Helvetica, sans-serif;} .one_ad_text_item span { padding:0; margin:0; color:#363636; float:none; } .one_ad_text_img { padding:0; margin:0 0 0 1%; float: right; width:24%; height: auto; background:#fff; } .one_ad_text_img img { padding:0; margin:0; float:right; } .seria_nomer { padding:15px 0; margin:10px 0; float:left; border-bottom: #ebebeb 1px solid; border-top:#ebebeb 1px solid; width:100%; } .seria_nomer p { padding:5px 10px 5px 10px; margin:0; color:#09addc; font-size:1.3em; font-family: "segoeuil_0", Arial, Helvetica, sans-serif;} .seria_nomer span { padding:0; margin:0; color:#363636; float:none; } .s_n_b1 { padding:0; margin:0; float:left; width:33%; } .one_ad_text_fotter { width: 98%; padding:0; margin:10px 1%; float:left; } .o_a_t_f_i1 { padding:0; margin:5px 1%; float:left; width:98%; } .o_a_t_f_i1 h3{ padding:0; margin:0; font-family: "segoeuil_r", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:2em; color:#363636; float:left; } .o_a_t_f_i1 span { color:#09addc; } .o_a_t_f_i2 { padding:0; margin:10px 1%; float: right; width: auto; } .o_a_soc { padding:0; margin:0; float: right; width: auto; } .one_ads { padding:10px 0 15px 0; margin:0; border-bottom: #ebebeb 1px solid; } .one_ads span { padding:8px 5px 7px 25px; margin:0; color:#898989; font-size:0.9em; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; float:left; } .one_ads h3 { padding:1px 10px 0 10px; margin:0; color:#09addc; font-size:1.4em; font-family: "segoeuil_sb", Arial, Helvetica, sans-serif; float:left;} .one_ads a { color:#09addc; } .one_ads a:hover { text-decoration:underline; } .one_ads p { padding: 0 10px; margin:0; color:#363636; font-size:1.2em; line-height:1.1; font-family: "segoeuil_0", Arial, Helvetica, sans-serif;} .one_articles { padding:0 0 10px 0; margin:0 0 10px 0; border-bottom: #ebebeb 1px solid; } .one_articles h4 { padding:1px 10px 5px 30px; margin:0; color:#09addc; font-size:1.4em; font-family: "segoeuil_sb", Arial, Helvetica, sans-serif; float:left;} .one_articles a { color:#09addc; } .one_articles a:hover { text-decoration:underline; } .one_articles p { text-indent:0px!important; padding: 0 10px; margin:0; color:#363636; font-size:1.2em; line-height:1.1; font-family: "segoeuil_0", Arial, Helvetica, sans-serif;} .second_menu ul{list-style: none; float: left; padding:0;} .second_menu ul li{ padding:0; margin:0; } .second_menu ul li a{ font-size: 1.1em; color: #fff; display: block; font-family: "segoeuil_sb", Arial, Helvetica, sans-serif; padding:7px 5px; text-decoration: none; } .second_menu ul li ul{ display: block; width: auto; } .second_menu ul li ul{ padding:0; margin:0; } .second_menu ul li ul li a{ float: none; font-family: "segoeuil_r", Arial, Helvetica, sans-serif; font-size: 1em;} .select_main{margin: 10px auto;width:98%; overflow:hidden;position:relative;border:1px solid #cccccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#ebebeb url(../img/select_arrow.png) no-repeat right;} select {width:100%; height:44px; position:reative; border:none; cursor:pointer;font-size:1.3em; font-family: "segoeuil_0", Arial, Helvetica, sans-serif;padding:5px;opacity:0; filter: alpha(opacity=0);} .select_main p { padding:0 10px; width:98%; height:44px; position:absolute; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; color:#363636; line-height:30px; font-size:1.1em; overflow:hidden; margin:6px 0 0 0;} .select_main_filtr{margin: 5px auto;width:98%; overflow:hidden;position:relative;border:1px solid #cccccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#ebebeb url(../img/select_arrow.png) no-repeat right;} .select_main_filtr p { padding:0 10px; width:98%; height:44px; position:absolute; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; color:#363636; line-height:30px; font-size:1.1em; overflow:hidden; margin:6px 0 0 0;} .footer_soc{float: right;width:25%; margin:0; padding:0;} .footer_soc ul{list-style: none; margin:0 0 20px 0; float:left;} .footer_soc ul li{float: left; margin: 0 5px 0 0 ;} .footer_soc ul li a{display: inline-block;background:url(../img/social-icon.png) no-repeat;width: 29px;height: 29px;} .footer_soc ul li a.fb{background-position: 0px 0px;} .footer_soc ul li a.tw{background-position: -29px 0px;} .footer_soc ul li a.inst{background-position: -58px 0px;} .footer_soc ul li a.od{background-position: -87px 0px;} .footer_soc ul li a.vk{background-position: -116px 0px;} .footer_soc ul li a.youtube{background-position: -145px 0px;} .footer_soc p { margin:0; padding:0; font-family: "segoeuil_r", Arial, Helvetica, sans-serif; } .footer_soc a { margin:0; padding:0; color:#fff; text-decoration:none; } .footer_soc a:hover { margin:0; padding:0; color:#fff; text-decoration: underline; } /*________________________________________________________________________________________________________________*/ .paginator { padding:0;margin: 15px 0; float:left; width:100%; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; } .pag-center{ text-align: center; padding:15px 0; } .paginator-cont{ display: inline-block; } .paginator ul{ list-style: none; } .paginator ul li{ float: left; margin:0 4px; } .paginator ul li:hover, .paginator ul li.active{ background:#959595; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; } .paginator ul li:hover a, .paginator ul li.active a{ text-decoration: none; background:#09addc; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; color:#fff; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .paginator ul li a{ display: block; height: 38px; color: #fff; font-size:1em; text-align: center; padding: 10px 15px 0 15px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; text-decoration: none; background:#fff; color:#363636; -moz-box-shadow:0 0 2px 2px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.3);box-shadow:0 0 2px 2px rgba(0,0,0,0.3); } .paginator li.prev a, .paginator li.next a{ display: block; background: #fff; width: 85px; height: 38px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; text-decoration: none; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; -moz-box-shadow:0 0 2px 2px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.3);box-shadow:0 0 2px 2px rgba(0,0,0,0.3); } .banner_bg { padding:0; margin:0; width:100%; height:126px; background:#2e343a; } .banner { padding:0 10px; margin:0; background:#2e343a; } .banner_text { float: left; padding:0; margin:8px 0 0 0; width:70%; } .banner_text img { float: left; padding:0; margin:0; } .banner_text p { color:#fff; font-size:1.1em; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; line-height:1.2; padding:20px 0 0 130px; text-align:left;} .banner_batton { margin:32px 0 0 0; width:220px; height:62px; background: none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; border: solid 3px #fff; font-family: Arial, Helvetica, sans-serif; font-size:1.6em; text-align:center; transition:all 0.3s ease; float:right; } .banner_batton a { width:220px; height:62px; text-decoration:none; float:left; color:#2e343a; font-family: "segoeuil_sb", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; padding:16px 0 0 3px; margin:-3px 0 0 -3px; } .banner_batton a:hover {color:#2e343a; } .banner_batton:hover { background:#fff; color:#2e343a; } .batton_space { padding:150px 0 0 0; margin:0 auto; width:809px; } .main_batton1 { margin:0 10px; width:207px; height:62px; background:#09addc; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; border: solid 3px #09addc; font-family: Arial, Helvetica, sans-serif; font-size:1.5em; text-align:center; transition:all 0.3s ease; float: left; -moz-box-shadow:0 0 2px 2px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.3);box-shadow:0 0 2px 2px rgba(0,0,0,0.3) } .main_batton1 a { width:207px; height:62px; text-decoration:none; float:left; color:#fff; font-family: "segoeuil_sb", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; padding:16px 0 0 3px; margin:-3px 0 0 -3px; } .main_batton1 a:hover {color:#2e343a; } .main_batton1:hover { background:#09addc; color:#2e343a; } .main_batton2 { margin:0 10px; width:335px; height:62px; background: none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; border: solid 3px #fff; font-family: Arial, Helvetica, sans-serif; font-size:1.4em; text-align:center; transition:all 0.3s ease; float: left; } .main_batton2 a { width:335px; height:62px; text-decoration:none; float:left; color:#2e343a; font-family: "segoeuil_sb", Arial, Helvetica, sans-serif; text-transform: none; color:#fff; padding:16px 0 0 3px; margin:-3px 0 0 -3px; text-shadow:#000000 0px 0px 3px; -moz-box-shadow:0 0 2px 2px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.3);box-shadow:0 0 2px 2px rgba(0,0,0,0.3); -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; } .main_batton2 a:hover {color:#2e343a; text-shadow: none; } .main_batton2:hover { background:#fff; color:#2e343a; } a { color: #920016; text-decoration: none; outline:none; } .latest_ads_main { margin:20px 0 10px 0; padding:0; float:left; width:100%; } .latest_ads_second { margin:20px 0 10px 0; padding:0; float:left; width:100%; } .about_project_main { margin:20px 0 10px 0; padding:0; float:left; width:100%; } .main_page { margin:5px 0 0 0; padding:0; float:left; width:100%; } .help_page { margin: 0; padding:0; float:left; width:100%; } .text { padding:0; margin:15px 0 0 0; } .text img { /* make images responsive */ width: auto; height:auto; border:none; padding:10px; float:left; } .text p { margin:0; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; padding:0 10px 10px 10px; text-indent:40px; text-align:left; color:#363636; font-size:1.1em; line-height:1.1; } .text h3 { margin:0; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; padding: 5px 10px 15px 10px; text-indent:20px; text-align:left; color:#09addc; font-size:1.4em; font-size:1.5em } .text a { margin:0; padding:0; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; line-height:1; color:#09addc; text-decoration: underline; } .text a:hover { margin:0; padding:0; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; line-height:1; color:#09addc; text-decoration: none; } .text ul { list-style: url(../img/disc.png); padding:7px 10px 7px 10px; margin:0 0 0 75px; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; } .text li { color:#363636; padding:0 10px 10px 5px; margin:0; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; font-size:1.1em!important; line-height:1.1; } .article_name { padding:0; margin:15px 1% 0 1%; background:#ebebeb; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; float:left; width:98%;} .article_name p { margin:0; font-family: "segoeuil_r", Arial, Helvetica, sans-serif; padding:10px 15px 15px 15px; text-align:left; color:#363636; font-size:1.3em; line-height:1.3; } .lost_find_text { padding:0; margin:15px 1% 0 1%; background:#ebebeb; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; float:left; width:98%;} .lost_find_text p { margin:0; font-family: "segoeuil_r", Arial, Helvetica, sans-serif; padding:10px 15px 15px 15px; text-align:left; color:#363636; font-size:1.3em; line-height:1.3; } /* -------------------------------- forma -------------------------------- */ .main_form { padding:0; margin:5px 0 0 0; width:100%; height:auto; background:#fff; float:left; } .main_form label { border: none; padding:10px 20px; margin:0; font-family: "segoeuil_sb", Arial, Helvetica, sans-serif; color: #09addc; font-size:1.3em; text-align: left; background:none; float:left; width:100%; } .main_form input{color:#363636;height:44px;font-size:1.1em;float:left;width:98%;border:#cccccc solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:0;padding:0 10px;margin:0 1%;font-family: "segoeuil_0", Arial, Helvetica, sans-serif; background:#ebebeb; } .main_form textarea{color:#363636;width:98%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;resize:vertical;border:#cccccc solid 1px;padding:0;margin:0;font-family: "segoeuil_0", Arial, Helvetica, sans-serif;font-size:1.1em; padding:10px;margin:0 1%; background:#ebebeb;} .k_c{float:left; margin:0;padding:0 10px 0 0} .main_form .cod input{color:#363636;height:44px;font-size:1.1em;float:left;width:110px;border:#cccccc solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:0;padding:0 10px;margin:0;font-family: "segoeuil_0", Arial, Helvetica, sans-serif; background:#ebebeb;} .k_n {margin:0;padding:0;width: auto; float:left; } .k_n p{font-size:1.05em;color:#363636;font-family: "segoeuil_0", Arial, Helvetica, sans-serif;padding:10px;margin:0; text-align:left; } .k_o_b input[type="submit"]{font-size:1.5em;height:44px;background:#09addc;border:0 none;cursor:pointer;width:180px;padding:0;margin:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff; font-family: "segoeuil_sb", Arial, Helvetica, sans-serif; padding: 0 0 2px 0; } .cod{float:left;width:50%;padding:0 1%;margin:0;} .m_f_i{padding:0 0 7px 0;margin:0;float:left;width:100%;} .m_f_i_f{padding:0;margin:0;float:left;width:100%;} .m_f_i3{padding:0 0 7px 0;margin:0;float:left;width:100%;} .m_f_i3 input{color:#363636;height:44px;font-size:1.1em;float:left;width:32%;border:#cccccc solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:0;padding:0 10px;margin:0 0 0 1%;font-family: "segoeuil_0", Arial, Helvetica, sans-serif; background:#ebebeb; } .other_page { padding:0;margin: 15px 1% 0px 1%; float:left; width:98%; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; } .other_page a { color:#363636; display: block; font-style:normal; margin:0; padding:12px 9px 6px 9px; font-size:1.6em; line-height:1.2; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; float:left; } .other_page h3 { float:left; } .other_page h3:hover { text-decoration:underline; } .other_page span { background: #fff url(../img/other_page.png) center right no-repeat; width:44px; height:44px; float:left; } .upload_page { padding:0;margin: 0 1%; float:left; width:98%; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; } .upload_item { padding:10px; margin:0; float:left; width:100%; } .upload_text { padding:0;margin:0; float:left; width:100%; } .upload_text p { font-size:1.1em;color:#363636;font-family: "segoeuil_0", Arial, Helvetica, sans-serif;padding:10px 0 15px 10px;margin:0; text-align:left; width: auto; } .upload_foto { padding:0; margin:0 15px 0 0; background:#ebebeb; width:140px; height:140px; float:left; } .fileform { cursor: pointer; height:44px; padding:0; margin:10px 0 30px 0; position: relative; text-align: left; vertical-align: middle; width: auto; float:left;} .fileform .selectbutton { font-size:1.5em;height:44px;background:#09addc;border:0 none;cursor: pointer;width:295px;margin:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff; font-family: "segoeuil_sb", Arial, Helvetica, sans-serif; padding: 8px 0 0 0; float: left; text-align:center;} .fileform #upload{ cursor:pointer; position:absolute; top:0; left:0; width:100%; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; font-size:1.5em; height:44px; z-index:20; float:left;} .fileform #fileformlabel { float: left;height: 44px;padding: 10px 0 0 10px;text-align: left;vertical-align: middle;width: auto;font-family: "segoeuil_0", Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; color:#363636; font-size:1em; cursor:pointer; } /* -------------------------------- Main components -------------------------------- */ .cd-main-content, .cd-main-header { /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); will-change: transform;} .cd-main-content, .cd-main-header { position: relative; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;} .cd-main-content { z-index: 2;} .cd-main-header { height: 65px; z-index: 3; margin: 0 0 5px 0;} .nav-is-fixed .cd-main-header { /* add .nav-is-fixed class to body if you want a fixed navigation on > 1024px */ position: fixed; top: 0; left: 0; width: 100%; } .cd-search-trigger, .cd-nav-trigger {position: relative; display: block; width: 44px; height: 44px; overflow: hidden; /* hide text */ color: transparent;z-index: 3;} .cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after { /* hamburger icon in CSS */ position: absolute; display: inline-block; height: 3px; width: 24px; background: #2e3233; } .cd-nav-trigger span { /* line in the center */ position: absolute; top: 50%; right: 10px; margin-top: -2px; -webkit-transition: background 0.3s 0.3s; -moz-transition: background 0.3s 0.3s; transition: background 0.3s 0.3s; } .cd-nav-trigger span::before, .cd-nav-trigger span::after { /* other 2 lines */ content: ''; right: 0; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s 0.3s; -moz-transition: -moz-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; } .cd-nav-trigger span::before { /* menu icon top line */ top: -6px; } .cd-nav-trigger span::after { /* menu icon bottom line */ top: 6px; } .cd-nav-trigger.nav-is-visible span { /* hide line in the center */ background: rgba(46, 50, 51, 0); } .cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after { /* keep visible other 2 lines */ background: #2e3233; } .cd-nav-trigger.nav-is-visible span::before { -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg); -moz-transform: translateX(4px) translateY(-3px) rotate(45deg); -ms-transform: translateX(4px) translateY(-3px) rotate(45deg); -o-transform: translateX(4px) translateY(-3px) rotate(45deg); transform: translateX(4px) translateY(-3px) rotate(45deg); } .cd-nav-trigger.nav-is-visible span::after { -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg); -moz-transform: translateX(4px) translateY(2px) rotate(-45deg); -ms-transform: translateX(4px) translateY(2px) rotate(-45deg); -o-transform: translateX(4px) translateY(2px) rotate(-45deg); transform: translateX(4px) translateY(2px) rotate(-45deg); } .cd-logo {position: absolute; top: 48px; left: 10px; } .cd-logo img { display: block; } .cd-header-buttons { position: absolute; display: inline-block;top: 54px; right: 10px;} .cd-header-buttons li { display: inline-block; } .cd-primary-nav, .cd-primary-nav ul { position: fixed; top: 0; right: 0; height: 100%; width: 260px; background: #2e3233; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 3; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cd-primary-nav a, .cd-primary-nav ul a { display: block; height: 50px; line-height: 50px; padding: 0 20px; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; border-bottom: 1px solid #3a3f40; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); will-change: transform, opacity; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden { /* secondary navigations hidden by default */ -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a { /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } .cd-primary-nav .see-all a { /* different style for the See all button on mobile and tablet */ color: #69aa6f; } .cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item { /* items with picture (or icon) and title */ height: 50px; line-height: 50px; } .cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 { overflow: hidden; } .cd-primary-nav .cd-nav-icons .cd-nav-item p { /* hide description on small devices */ display: none; } .cd-primary-nav .cd-nav-icons .cd-nav-item { padding: 0 0 0 20px; } .communications { padding:0; margin:0; width:980px; height:37px; } .mail{ float: left; width: 200px; margin:7px 0 0 10px; } .mail ul{list-style: none;} .mail ul li{ float: left; margin: 0; font-size:1em; color:#fff; font-family: "segoeuil_r", Arial, Helvetica, sans-serif; } .mail ul li a{color:#fff;} .lang{float: right;width: auto;margin:7px 10px 0 0;} .lang ul{list-style: none;} .lang ul li{float: left; margin: 0 0 0 5px; font-family: "segoeuil_r", Arial, Helvetica, sans-serif; color: #fff; font-weight: normal; } .lang ul li a{display: inline-block; color: #fff;} .lang ul li a:hover{text-decoration:underline;} .lang ul li a.active{text-decoration:underline;} .clear{clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0} .has-children > a, .go-back a { position: relative; } .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { /* arrow icon in CSS - for element with nested unordered lists */ content: ''; position: absolute; top: 50%; margin-top: -1px; display: inline-block; height: 2px; width: 10px; background: #464c4e; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .has-children > a::before, .go-back a::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .has-children > a::after, .go-back a::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .has-children > a { padding-right: 40px; } .has-children > a::before, .has-children > a::after { /* arrow goes on the right side - children navigation */ right: 20px; -webkit-transform-origin: 9px 50%; -moz-transform-origin: 9px 50%; -ms-transform-origin: 9px 50%; -o-transform-origin: 9px 50%; transform-origin: 9px 50%; } .cd-primary-nav .go-back a {padding-left: 40px;} .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {/* arrow goes on the left side - go back button */ left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50%; } .cd-overlay { /* shadow layer visible when navigation is active */ position: fixed; z-index: 2; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; background-color: rgba(255, 255, 255, 0); visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; } .cd-overlay.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; } .no-js .cd-primary-nav { position: relative; height: auto; width: 100%; overflow: visible; visibility: visible; z-index: 2; } .no-js .cd-search { position: relative; top: 0; opacity: 1; visibility: visible; } /*____________________________________________________________________________________*/ .faq { padding:10px 0 5px 0; margin:0 1% 0 1%; width: auto; } .accordion p { margin:0; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; padding:0 10px 10px 10px; text-indent:40px; text-align:left; color:#363636; font-size:1.1em; line-height:1.1; } .accordion ul { margin: 10px 0; padding: 0; float:left; } .accordion li a { list-style-type: none; margin: 0; padding: 7px 2%; width:100%; color: #363636; font-size:1em; text-decoration: none; float:left; } .accordion li a img { list-style-type: none; margin: 0; padding:0; width:100%; text-decoration: none; float:left; } .accordion li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; *zoom: 1; width:100%; } .accordion li li { list-style-type: none; margin:0; padding: 0; width:100%; float:left; } .accordion li li a:hover { color: inherit; text-decoration: inherit; width:100%; background:#FFFFFF; color: #a30018; } .accordion li li a.curent { color: inherit; text-decoration: inherit; width:100%; background:#FFFFFF; color: #a30018; } .accordion .loading { display: none;} .loading { display: none; } .accordion { width: auto; } .accordion li h3 a { background: #fff url(../img/arrow1.png) center right no-repeat; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; color:#363636; display: block; font-style:normal; margin: -1px 0 0 0; padding:8px 44px 13px 10px; font-size:1.4em; line-height:1.2; } .accordion li.active h3 a { background: #fff url(../img/arrow2.png) center right no-repeat;border-bottom: 1px solid #ebebeb; border-top:1px solid #ebebeb; } .accordion li.locked h3 a { background: #fff url(../img/arrow1.png) center right no-repeat; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; } .accordion li h3 { margin:0;padding:0;} .accordion .panel { padding:15px 10px 10px 10px; background:#ebebeb; width:100%; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; } .modul { padding:0; margin:0; width: auto; } .modul h2 { margin:0; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; padding:15px 30px 20px 30px; text-align: center; color:#363636; font-size:1.6em; line-height:1.2; } .g_c { color:#08b000!important; } .b_c { color:#f50000!important; } /*_______________________________________________________________________________________________________________________________________________________________________________*/ .main_row { padding:0; margin:0 0 10px 0; float:left; width:100%; } .main_page h1 { width: auto; padding:0px 5px 15px 10px; margin:0 1% 0 1%; font-family: "segoeuil_r", Arial, Helvetica, sans-serif; color: #363636; font-size:2em; text-align: left;background:url(../img/h1_bg.jpg) left bottom no-repeat; } .main_page h2 { width: auto; padding:5px 5px 20px 10px; margin:0 1% 5px 1%; font-family: "segoeuil_r", Arial, Helvetica, sans-serif; color: #363636; font-size:1.6em; text-align: left;background:url(../img/h1_bg.jpg) left bottom no-repeat; } .latest_ads_main h2 { width: auto; padding:7px 10px 20px 10px; margin:0 20% 10px 20%; font-family: "segoeuil_r", Arial, Helvetica, sans-serif; color: #363636; font-size:2em; text-align:center; background:url(../img/h2_bg.jpg) center bottom no-repeat; text-transform:uppercase; } .latest_ads_second h1 { width: auto; padding:0px 5px 15px 10px; margin:0 1% 0 1%; font-family: "segoeuil_r", Arial, Helvetica, sans-serif; color: #363636; font-size:2em; text-align: left;background:url(../img/h1_bg.jpg) left bottom no-repeat; } .about_project_main h2 { width: auto; padding:7px 10px 20px 10px; margin:0 20% 10px 20%; font-family: "segoeuil_r", Arial, Helvetica, sans-serif; color: #363636; font-size:2em; text-align:center; background:url(../img/h2_bg.jpg) center bottom no-repeat; text-transform:uppercase; } .footer { padding:10px 0; margin:0; width:100%; height: auto; float:left; background:#22272b; } .footer_adres { padding:0; margin:0; float:left; width:auto; } .footer_adres p { padding:10px; margin:0; color: #fff; font-size:1em; font-family: "segoeuil_r", Arial, Helvetica, sans-serif; } .development { padding:0; margin:0; float:right; width:auto; } .development p { padding:10px; margin:0; color: #fff; font-size:1em; font-family: "segoeuil_r", Arial, Helvetica, sans-serif; } .development a { text-decoration: none; color:#09afdf; } .development a:hover { text-decoration:underline; } .up p#back-top a { background: url(../img/up.png) no-repeat; width: 60px; height: 60px; position: fixed; bottom: 60px; right: 5%; margin-left:0px; display: block; z-index:10; } .up { z-index:10; } /*_______________________________________________________________________________________________________________________________________________________________________________*/ @media only screen and (max-width: 870px) { .filtr { width: 98%; padding:0 0 15px 0; margin:0 1% 0 1%; border-bottom: #cccccc 1px solid; } .filtr_3_4 { padding:0; margin:12px 0 0 0; width:100%; float:left; border-right: none; } .filtr_3_4_1 { padding:0; margin:0; width:100%; float:left; } .filtr_1_4 { padding:0; margin:12px 0 0 0; width:100%; float:left; } .filtr_3_4_2 { padding:0; margin:0 1% 0 1%; width:98%; float:left; } .filtr_but input[type="submit"]{font-size:1.4em;height:40px;background:#09addc;border:0 none;cursor:pointer;width: 98%;padding:0;margin:5px 1% 0 1%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff; font-family: "segoeuil_sb", Arial, Helvetica, sans-serif; } } @media only screen and (max-width: 820px) { .second_menu { padding:0; margin:0; width:100%; float:left; } .footer_soc{float: left;width:100%; margin:0; padding:30px 10px 10px 10px;} .footer_soc ul{ margin:0 0 10px 0; } .footer_up_1 { padding:0 1%; margin:0; width:23%; height:auto; float:left;} .footer_up_2 { padding:0 1%; margin:0; width:23%; height:auto; float:left;} .footer_up_3 { padding:0 1%; margin:0; width:23%; height:auto; float:left;} .footer_up_4 { padding:0 1%; margin:0; width:23%; height:auto; float:left;} .footer_up { padding:20px 0 10px 0; } .footer_soc p { margin:0; padding:5px 0 0 0; font-family: "segoeuil_r", Arial, Helvetica, sans-serif; } .footer_soc a { margin:0; padding:0 0 0 10px; color:#fff; text-decoration:none; } .footer_soc a:hover { margin:0; padding:0 0 0 10px; color:#fff; text-decoration: underline; } .o_a_soc { padding:0; margin:5px 0; float: left; width: 100%; } .batton_space { padding:60px 0 0 0; width:420px; } .main_batton1 { margin:10px; width:400px; } .main_batton1 a { width:400px; } .main_batton2 { margin:10px; width:400px; } .main_batton2 a { width:400px; } .k_n {margin:0;padding:10px 0 0 0;width: 100%; float:left; } .k_o_b input[type="submit"]{width:220px; } .cod{float:left;width:100%;padding:0 1%;margin:0;} .main_form .cod input{width:200px;} } @media only screen and (max-width: 600px) { .footer_adres { padding:0; margin:0; float: none; width:100%; text-align:center; } .development { padding:0; margin:0; float: none; width:100%; text-align:center; } .footer_up_1 { padding:0 1%; margin:0; width:48%; height:auto; float:left; min-height: 150px; } .footer_up_2 { padding:0 1%; margin:0; width:48%; height:auto; float:left; min-height: 150px;} .footer_up_3 { padding:0 1%; margin:0; width:48%; height:auto; float:left; min-height: 150px;} .footer_up_4 { padding:0 1%; margin:0; width:48%; height:auto; float:left; min-height: 150px;} .k_o_b input[type="submit"]{width:100%; margin:10px 0 0 0; } .one_ad_text_item { padding:0; margin:0; float:left; width:100%;} .one_ad_text_img { padding:0; margin:0; float: right; width:100%; height: auto; background:#fff; } .one_ad_text_img img { padding:0; margin:0; width:100%; height: auto; float: left; } .seria_nomer { padding:0; margin:10px 0; } .s_n_b1 { padding:5px 0; margin:0; float:left; width:100%; } .other_page a { color:#363636; display: block; font-style:normal; margin:0; padding:12px 9px 4px 9px; font-size:1.2em; line-height:1.6; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; } .other_page h3 { float: left; } .other_page span { background: #fff url(../img/other_page.png) center right no-repeat; width:44px; height:44px; float: left; } } @media only screen and (max-width: 480px) { .footer_soc a { margin:0; padding:0; color:#fff; text-decoration:none; } .footer_soc a:hover { margin:0; padding:0; color:#fff; text-decoration: underline; } .text p { text-align:justify; text-indent:20px; } .latest_ads_main h2 { width: auto; padding:7px 10px 20px 10px; margin:0 5% 15px 5%; font-family: "segoeuil_r", Arial, Helvetica, sans-serif; color: #363636; font-size:2em; text-align:center; background:url(../img/h1_bg.jpg) center bottom no-repeat; text-transform:uppercase; } .latest_ads_second h1 { width: auto; padding:0px 5px 15px 10px; margin:0 1% 0 1%; font-family: "segoeuil_r", Arial, Helvetica, sans-serif; color: #363636; font-size:2em; text-align: left;background:url(../img/h1_bg.jpg) left bottom no-repeat; } .about_project_main h2 { width: auto; padding:7px 10px 20px 10px; margin:0 5% 15px 5%; font-family: "segoeuil_r", Arial, Helvetica, sans-serif; color: #363636; font-size:2em; text-align:center; background:url(../img/h1_bg.jpg) center bottom no-repeat; text-transform:uppercase; } .other_page a { color:#09addc; display: block; font-style:normal; margin:0; padding:12px 9px 16px 9px; font-size:1.2em; line-height:1.2; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; } .other_page h3 { float: none; } .other_page span { display:none; } .batton_space { width:320px; } .main_batton1 { margin:10px; width:300px; } .main_batton1 a { width:300px; } .main_batton2 { margin:10px; width:300px; } .main_batton2 a { width:300px; } .m_f_i3{padding:0 0 7px 0;margin:0;float:left;width:100%;} .m_f_i3 input{color:#363636;height:44px;font-size:1.1em;float:left;width:98%;border:#cccccc solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:0;padding:0 10px;margin:0 1% 7px 1%;font-family: "segoeuil_0", Arial, Helvetica, sans-serif; background:#ebebeb; } .paginator { padding:0;margin: 15px 0; float:left; width:100%; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; } .pag-center{ text-align: center; padding:15px 0; } .paginator-cont{ display: inline-block; } .paginator ul{ list-style: none; } .paginator ul li{ float: left; margin:0 4px; } .paginator ul li:hover, .paginator ul li.active{ background:#959595; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; } .paginator ul li:hover a, .paginator ul li.active a{ text-decoration: none; background:#09addc; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; color:#fff; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .paginator ul li a{ display: block; height: 32px; color: #fff; font-size:0.8em; text-align: center; padding: 9px 13px 0 13px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; text-decoration: none; background:#fff; color:#363636; -moz-box-shadow:0 0 2px 2px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.3);box-shadow:0 0 2px 2px rgba(0,0,0,0.3); } .paginator li.prev a, .paginator li.next a{ display: block; background: #fff; width: 70px; height: 32px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; text-decoration: none; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; -moz-box-shadow:0 0 2px 2px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.3);box-shadow:0 0 2px 2px rgba(0,0,0,0.3); } .one_articles h3 { padding:1px 15px 5px 15px; margin:0; color:#09addc; font-size:1.4em; font-family: "segoeuil_sb", Arial, Helvetica, sans-serif; float:left;} .text h3 { margin:0; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; padding: 5px 10px 15px 10px; text-indent:15px; text-align:left; color:#09addc; font-size:1.4em; font-size:1.5em } .text ul { margin:0 0 0 35px; } .text img { /* make images responsive */ width: 100%; height:auto; border:none; padding:10px; float:left; } } @media only screen and (max-width: 1200px) { .up p#back-top a { display: none!important; } } @media only screen and (max-width: 979px) { .banner_bg { padding:0; margin:0; width:100%; height: auto; background:#2e343a; } .banner { padding:0 10px; margin:0; background:#2e343a; height: auto; float:left; width:100%; } .banner_text { float: none; padding:0; margin:10px 0 0 0; width:100%; width:98%; } .banner_text img { float: left; padding:0; margin:0; width: auto; } .banner_text p { float: none; padding: 0 0 0 120px; color:#fff; font-size:1.1em; font-family: "segoeuil_0", Arial, Helvetica, sans-serif; line-height:1.2;} .banner_batton { margin:20px auto; width:300px; height:62px; background: none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; border: solid 3px #fff; font-family: Arial, Helvetica, sans-serif; font-size:1.6em; text-align:center; transition:all 0.3s ease; float: none; } .banner_batton a { width:300px; height:62px; text-decoration:none; float: left; color:#2e343a; font-family: "segoeuil_sb", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; padding:16px 0 0 3px; margin:-3px 0 0 -3px; } .banner_batton a:hover {color:#2e343a; } .banner_batton:hover { background:#fff; color:#2e343a; } .half { padding:0; margin:0 1%; float:left; width:48%; background:#fff; } .communications { padding:0; margin:0; width:100%; } .cd-logo {top: 48px; left: 10px; background: url("../img/logo.png") no-repeat; height: 55px; margin: 0; padding: 0; width: 150px; } .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible { -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px); } .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible { -webkit-transform: translateX(260px); -moz-transform: translateX(260px); -ms-transform: translateX(260px); -o-transform: translateX(260px); transform: translateX(260px); } body.nav-on-left.overflow-hidden { overflow: hidden; } .wrapper { margin:0 auto; width: auto; padding:0; } .cd-overlay.is-visible { -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px); } .nav-on-left .cd-overlay.is-visible { -webkit-transform: translateX(260px); -moz-transform: translateX(260px); -ms-transform: translateX(260px); -o-transform: translateX(260px); transform: translateX(260px); } .cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .nav-on-left .cd-logo {left: auto; right: 5%; } .nav-on-left .cd-header-buttons { right: auto; left: 5%; } .nav-on-left .cd-header-buttons li { float: right;} .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul { right: auto; left: 0; } .cd-primary-nav { /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */ visibility: hidden; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0.3s; transition: visibility 0s 0s; } .cd-primary-nav.nav-is-visible { visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s; transition: visibility 0s 0s; } .cd-primary-nav .cd-secondary-nav .picture { display:none; } .cd-primary-nav .cd-secondary-nav span { display:none; } } @media only screen and (min-width: 980px) { .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { background: #c9cbc4; } .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after { background: #69aa6f; } .cd-primary-nav { position: static; padding: 18px 0 0 0; height: auto; width: auto; float: right; overflow: visible; background: transparent; } .cd-primary-nav:after {content: ""; display: table; clear: both; } .cd-primary-nav.moves-out > li > a { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1;} .cd-primary-nav ul { position: static; height: auto; width: auto; background: transparent; overflow: visible; z-index: 3; } .cd-primary-nav ul.is-hidden { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-primary-nav ul.moves-out > li > a {/* reset mobile style */ -webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0); opacity: 1;} .cd-primary-nav > li { float: left; margin-left: 5px; font-size:1.2em; font-family: "segoeuil_r", Arial, Helvetica, sans-serif!important; } .cd-primary-nav > li > a {/* main navigation buttons style */ position: relative;display: inline-block; height: 40px; line-height: 40px; padding: 0 5px; color: #2e3233;overflow: visible; border-bottom: none; -webkit-transition: color 0.3s, box-shadow 0.3s; -moz-transition: color 0.3s, box-shadow 0.3s;transition: color 0.3s, box-shadow 0.3s;} .cd-primary-nav > li > a:hover { color: #09addc; } .cd-primary-nav > li > a.selected { color: #09addc; } .cd-primary-nav > li > a.active { color: #09addc; } .cd-primary-nav .go-back, .cd-primary-nav .see-all { display: none; } .cd-primary-nav .cd-secondary-nav { /* dropdown menu style */ position: absolute; top: 65px; right:220px; width: 240px; background: #fff; min-height:50px; padding: 5px 0; -webkit-transform: translateX(0);-moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s;transition: opacity .3s 0s, visibility 0s 0s; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; -moz-box-shadow:0 0 2px 2px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.4);box-shadow:0 0 2px 2px rgba(0,0,0,0.4)} .cd-primary-nav .cd-nav-icons { /* dropdown menu style */ position: absolute; top: 65px; right:90px; width: 240px; background: #fff; min-height:50px; padding: 5px 0; -webkit-transform: translateX(0);-moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s;transition: opacity .3s 0s, visibility 0s 0s; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; -moz-box-shadow:0 0 2px 2px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.4);box-shadow:0 0 2px 2px rgba(0,0,0,0.4)} .cd-primary-nav .cd-secondary-nav:after, .cd-primary-nav .cd-nav-gallery:after, .cd-primary-nav .cd-nav-icons:after { content: ""; display: table; clear: both; } .cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden { opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all { /* this is the BIG See all button at the bottom of the dropdown menu */display:block;position:absolute;left:0;bottom:0;height:80px;width:100%;overflow: hidden; /* reset some inherited style */ margin: 0; padding: 0;} .cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; font-size: 2.2rem; font-weight: bold; text-align: center; line-height: 80px; border-top: 1px solid #e2e3df; /* reset some inherited style */ border-bottom: none; margin: 0; padding: 0; -webkit-transition: color 0.2s, background 0.2s, border 0.2s; -moz-transition: color 0.2s, background 0.2s, border 0.2s; transition: color 0.2s, background 0.2s, border 0.2s; } .cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover { background: #2e3233; border-color: #2e3233; color: #ffffff; } .cd-primary-nav .cd-secondary-nav > li { /* change the height according to your needs - you can even set height: auto */ /* here you set the number of columns - use width percentage */ width: 240px; float: none; padding: 0; border-right: none; overflow: hidden; overflow-x: hidden; overflow-y: auto;-webkit-overflow-scrolling: touch;} .cd-primary-nav .cd-secondary-nav > li > a {/*secondary nav title*/color: #111111;font-weight: normal;font-size:0.9em;margin:0; width: 240px; } .cd-primary-nav .cd-secondary-nav a { height: auto; line-height: normal; padding:4px 10px; border-bottom: none; float:left; } .cd-primary-nav .cd-secondary-nav a:hover { background:#09addc; color:#fff; text-decoration: none; } .cd-primary-nav .cd-secondary-nav ul { /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);} .cd-primary-nav .cd-secondary-nav ul ul { /* tertiary navigation */ position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .cd-primary-nav .cd-secondary-nav ul ul.is-hidden { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);} .cd-primary-nav .cd-secondary-nav ul ul .go-back { display: block; } .cd-primary-nav .cd-secondary-nav ul ul .go-back a { color: transparent; } .cd-primary-nav .cd-secondary-nav ul ul .see-all { display: block; } .cd-primary-nav .cd-secondary-nav .moves-out > li > a { /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);} .cd-primary-nav .cd-secondary-nav a:hover { background:#09addc; color:#fff; text-decoration: none; } .cd-primary-nav .cd-secondary-nav a.active { background:#09addc; color:#fff; text-decoration: none; } .cd-primary-nav .cd-nav-icons > li > a {/*secondary nav title*/color: #111111;font-weight: normal;font-size:0.9em;margin:0; width: 240px; } .cd-primary-nav .cd-nav-icons a { height: auto; line-height: normal; padding:4px 10px; border-bottom: none; float:left; } .cd-primary-nav .cd-nav-icons a:hover { background:#09addc; color:#fff; text-decoration: none; } .cd-primary-nav .cd-nav-icons a.active { background:#09addc; color:#fff; text-decoration: none; } .cd-main-header { height: 120px; margin: 0 0 7px 0; } .cd-main-header:after { content: ""; display: table; clear: both; } .cd-header-buttons {top: 18px;right: 10px;} .cd-logo {top: 48px; left: 10px; background: url("../img/logo.png") no-repeat; height: 55px; margin: 0; padding: 0; width: 150px; } .cd-nav-trigger { display: none; } .no-js .cd-primary-nav { position: absolute;z-index: 3; display: inline-block; width: auto; top: 0; right: 150px; padding: 0; } .no-js .nav-is-fixed .cd-primary-nav { position: fixed; } .has-children > a::before, .has-children > a::after { right: 15%; } .cd-primary-nav > .has-children > a { /* main navigation arrows on larger devices */ padding: 0 28px 0 0!important; } .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after { width: 9px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%;transform-origin: 50% 50%; background: #464646; -webkit-backface-visibility: hidden; backface-visibility: hidden;-webkit-transition: width 0.3s, -webkit-transform 0.3s; -moz-transition: width 0.3s, -moz-transform 0.3s; transition: width 0.3s, transform 0.3s; margin:0!important; } .cd-primary-nav > .has-children > a::before { right: 14px; margin:1px 0 0 0;} .cd-primary-nav > .has-children > a::after { right: 9px; margin:1px 0 0 0;} .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after { width: 13px; } .cd-primary-nav > .has-children > a.selected::before { -webkit-transform: translateX(5px) rotate(-45deg); -moz-transform: translateX(5px) rotate(-45deg); -ms-transform: translateX(5px) rotate(-45deg); -o-transform: translateX(5px) rotate(-45deg); transform: translateX(5px) rotate(-45deg); } .cd-primary-nav > .has-children > a.selected::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after { /* remove arrows on secondary nav titles */ display: none; } .cd-primary-nav .go-back a { padding-left: 20px; } .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after { left: 1px; } } @font-face { font-family: 'segoeuil_0'; src: url('../fonts/segoeuil_0.eot'); src: url('../fonts/segoeuil_0.eot') format('embedded-opentype'), url('../fonts/segoeuil_0.woff2') format('woff2'), url('../fonts/segoeuil_0.woff') format('woff'), url('../fonts/segoeuil_0.ttf') format('truetype'), url('../fonts/segoeuil_0.svg#segoeuil_0') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'segoeuil_r'; src: url('../fonts/segoeuil_r.eot'); src: url('../fonts/segoeuil_r.eot') format('embedded-opentype'), url('../fonts/segoeuil_r.woff2') format('woff2'), url('../fonts/segoeuil_r.woff') format('woff'), url('../fonts/segoeuil_r.ttf') format('truetype'), url('../fonts/segoeuil_r.svg#segoeuil_r') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'segoeuil_sb'; src: url('../fonts/segoeuil_sb.eot'); src: url('../fonts/segoeuil_sb.eot') format('embedded-opentype'), url('../fonts/segoeuil_sb.woff2') format('woff2'), url('../fonts/segoeuil_sb.woff') format('woff'), url('../fonts/segoeuil_sb.ttf') format('truetype'), url('../fonts/segoeuil_sb.svg#segoeuil_sb') format('svg'); font-weight: normal; font-style: normal;}