/* Theme Name: cmetnyi39 Description: cmetnyi39 Version: 1.0 Tags: responsive, Theme URI: solla.site Author: solla.site Author URI: solla.site */ html { -moz-user-select: -moz-none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } * { font-family: 'Century Gothic'; } } body { box-sizing: border-box; min-width:340px; background-color:#fff !important; margin: 0; padding: 0; } a:hover,a:focus { text-decoration: none !important; outline: none; } .container-fluid { position: relative; top:0px; margin-left: auto; margin-right: auto; max-width: 1920px; } .container { position: relative; max-width:1200px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right:10px; } /***************header*******************/ .header { background: url("img/header_bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 30px 0; } .container_header { position: relative; max-width:600px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right:10px; } .logo { display: inline-block; } .logo img{ width:200px; height:auto; } .header_link { float: right; display: inline-block; margin-top:40px; } .header_link a{ display:block; text-align: center; } #calc, #quest_link { padding:10px 12px; font-size:17px; font-weight: bold; border-radius:10px; color:#fff; margin:20px; } #calc { background-color:#4e5e7d; } #quest_link { background-color:#6688ae; } #header_phone { font-size:34px; font-weight: bold; color:#4e5e7d; margin:10px; } #menu-general { margin-top:40px; margin-bottom:10px; padding-left:0px; text-align: left; min-height:210px; vertical-align: top; } .header_menu .menu>li { display: inline-block; vertical-align: top; width:190px; margin:3px 2px; } .header_menu .menu>li>a{ display: inline-block; vertical-align: middle; width:190px; height:60px; text-align: center; background-color:#aaa9a9; color:#fff; line-height: 60px; transition: .2s ease-in-out; } .header_menu .menu>li>a:hover { color:#fff; background-color:#4e5e7c; } .header_menu .menu>li>a:hover span { font-size:14px; } .header_menu .menu>li>a>span{ display: inline-block; vertical-align: middle; line-height: 1.25; padding: 5px 10px; font-size:13px; box-sizing: border-box; font-weight:bold; text-transform: uppercase; } .header_menu .menu>li>a:hover span { font-size:14px; } .header_menu .sub { height:60px; display: none; } .header_menu .sub_menu { padding-left:0px; display: inline-block; height:60px; position:absolute; width:100%; } .header_menu .sub_menu li{ display: inline-block; width:190px; text-align: center; margin:3px 2px; } .header_menu .sub_menu li:first-child { margin-left:0px; } .header_menu .sub_menu>li>a{ display: inline-block; vertical-align: middle; width:190px; height:60px; text-align: center; color:#fff; background-color:#4e5e7c; line-height: 60px; transition: .2s ease-in-out; } .header_menu .sub_menu>li>a:hover { color:#fff; background-color:#aaa9a9; } .header_menu .menu-item-has-children:hover .sub { display: block !important; } .header_menu .menu-item-has-children:hover a { color:#fff; background-color:#4e5e7c; } .header_menu .sub_menu>li>a>span{ display: inline-block; vertical-align: middle; line-height: 1.25; padding: 5px 10px; font-size:14px; box-sizing: border-box; text-transform: lowercase; font-weight: bold; } /***************!header*******************/ /*main*/ .main { font-size:17px; color:#515050; text-align: left; } .alignleft { float:left; border:2px solid #818181; margin-right:30px; } .main p:first-child { text-indent: 30px; } .main h4 { font-size:16px; color: #515050; margin-top:0px; } .main h2 { font-size:20px; } /*!main*/ /*calc*/ .calc_inner { border: 1px solid #fff margin-top: -2px; background-color:#9fc8e7; min-height:160px; } .l2 { display: inline-block; width:49%; min-width:350px; text-align: center; vertical-align: top; } .tabs > div, .tabs > input { display: none; } .tabs label { display: inline-block; cursor: pointer; background: #6688ae; font-weight: bold; font-size: 16px; padding:10px 20px; color:#fff; border:1px solid #fff; margin-right:-5px; Width:33%; min-width:350px; box-sizing:border-box; text-align:center; } .tabs input[type="radio"]:checked + label { background-color: #9fc8e7; border-bottom:none; } .tabs > input:nth-of-type(1):checked ~ div:nth-of-type(1), .tabs > input:nth-of-type(2):checked ~ div:nth-of-type(2), .tabs > input:nth-of-type(3):checked ~ div:nth-of-type(3) { display: block; padding: 5px; } .calc_inner { width:99%; box-sizing:border-box; } .calc_result { text-align:center; background-color: #4e5e7d; color:#fff; width:99%; box-sizing:border-box; padding:15px 20px; } .m_open { display: none; } .calc_inner div { cursor: pointer; } /*!calc*/ /***********footer**********/ .form_bg { background: url("img/form_bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 80px 0; margin-top:60px; } .container_form { position: relative; max-width:940px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right:10px; } .container_form h4 { font-size:48px; font-family: Impact; color:#4e5e7d; margin:10px 0; } .container_form h5 { font-size:36px; font-family: Impact; color:#4e5e7d; margin:10px 0; position: relative; } .container_form h5>span { font-size:48px; font-family: Impact; } .wpcf7-form { padding-top:40px; } .wpcf7-text { height:70px; width:465px; background-color: #6688ae; border:none; padding:10px 20px; box-sizing: border-box; color:#fff; font-size:18px; font-weight: bold; } .wpcf7-email { background-color: #4e5e7d; margin-left:-5px; } .wpcf7-textarea { width:930px; height:150px; resize: none; color:#fff; font-size:18px; font-weight: bold; background-color: #9fc8e7; border:none; padding:10px 20px; box-sizing: border-box; } .wpcf7-submit { border:none; height:70px; width:465px; box-sizing: border-box; margin-top:-4px; font-size:18px; font-weight: bold; color:#4e5e7d; } .wpcf7-text::-webkit-input-placeholder {color:#fff; font-size:18px; font-weight: bold;} .wpcf7-text::-moz-placeholder {color:#fff; font-size:18px; font-weight: bold;}/* Firefox 19+ */ .wpcf7-text:-moz-placeholder {color:#fff; font-size:18px; font-weight: bold;}/* Firefox 18- */ .wpcf7-text:-ms-input-placeholder {color:#fff; font-size:18px; font-weight: bold;} .wpcf7-textarea::-webkit-input-placeholder {color:#fff; font-size:18px; font-weight: bold;} .wpcf7-textarea::-moz-placeholder {color:#fff; font-size:18px; font-weight: bold;}/* Firefox 19+ */ .wpcf7-textarea:-moz-placeholder {color:#fff; font-size:18px; font-weight: bold;}/* Firefox 18- */ .wpcf7-textarea:-ms-input-placeholder {color:#fff; font-size:18px; font-weight: bold;} .treug { display: inline-block; border: 15px solid transparent; border-top: 20px solid #4e5e7d; margin-top:10px; } .container_form .treug { position:absolute; top:45px; margin-left:-55px; } .calc_form { text-align: center; padding-top:100px; border-bottom: 1px solid #aaa9a9; padding-bottom:80px; } .calc_form h5 { font-size:30px; margin:0px; color:#4e5e7d; } .calc_form .treug { margin:20px 0px; } .calc_form h4 a{ display: inline-block; width:930px; box-sizing: border-box; padding:20px; border:1px solid #aaa9a9; color:#aaa9a9; font-size: 55px; } .footer_menu .sub-menu { display: none; } .container_footer { padding-top:80px; position: relative; max-width:840px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right:10px; padding-bottom:100px; } .footer_menu { display: inline-block; vertical-align: top; } .footer_logo { display:inline-block; vertical-align: top; text-align: center; float:right; } .footer_logo img { width:100px; } #menu-general-1 { padding-left: 0px; } .footer_menu li { color:#aaa9a9; } .footer_menu li>a { color:#4e5e7c; font-weight: bold; font-size:18px; } .copyright, .copyright a { color:#4e5e7c; font-weight: bold; } .add_menu { margin-top:-15px; padding-left:0px; } /***********!footer*********/ @media screen and (max-width:965px) { .wpcf7-textarea { width:100%; } .wpcf7-text { width:100%; } .wpcf7-email { margin:0px; width:100%; } .form_bg { text-align: center; } .wpcf7-form { display: inline-block; text-align: center; } .container_form h5>span { display: block; } .calc_form h4>a { font-size:40px; width:auto; } } @media screen and (max-width:915px) { .header_menu .sub { height:auto; } .header_menu .sub_menu { height:auto; } } @media screen and (max-width:685px) { .header { padding:50px 0; } .logo { display: block; text-align: center; } .header_link { display: block; text-align: center; float: none; } } @media screen and (max-width:492px) { .wpcf7-submit { width:100%; } .alignleft { margin-right:0px; width:100%; height:auto; } #header_phone { font-size:34px; } }