@import url('https://fonts.googleapis.com/css?family=Montserrat');
*{font-family: 'Montserrat', sans-serif;}
body{background:#f0f0f0;margin:0;}
h1{
    color: #262626;
    margin: 0 0 6px 10px;
    margin-bottom: 17px;
    font-weight: bold;
    font-size: 38px;
}
h3{font-size:25px;color:#555;margin-bottom:6px;}
#wrapper{
    padding: 2%;
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 7px 7px rgba(0,0,1,.05);
}
#header{
    margin-bottom: 20px;
    background: #ffffff;
    color: #fff;
    text-align: center;
    padding: 15px 0;
}
#header > div{
    max-width: 1276px;
    margin: auto;
    text-align: left;
}
#header a{
    margin: 0;
    display: inline-block;
    color: #666262;
    font-size: 18px;
    text-decoration: none;
    padding: 0 1%;
    font-weight: bold;
}
#header a:hover, .header_a_active{
    color: #489689 !important;
}

.searchFormContainer{
    background: #57585b !important;
}

#top_menu{width:800px;height:40px;float:left;}
#top_menu a{font-size:20px;text-decoration:none;color:#666;font-weight:bold;margin-left:20px;}
#services .element{background:#fff;border-bottom:1px solid #ccc;}
#services .element:hover{background:#e4e4e4;}
#services .razdel{font-size:16px;font-weight:bold;color:#fff;background:#5f77ab;margin:8px 0;cursor:default;text-align:center;text-transform:uppercase;}
#services a{text-decoration:none;color:#666;width:240px;display:block;padding:2px 0 2px 8px;font-size:14px;}
#right_content{width:728px;float:left;margin:0 18px;}
#right_content a{text-decoration:none;border-bottom:1px dashed #8db4e0;color:#8db4e0;}
#right_content a:hover{border:0;}
#footer{line-height:26px;clear:both;padding:1% 0;margin-top:50px;display:block;text-align:center;text-transform:uppercase;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
#footer a {
    color: #9c9c9c;
    margin: 0 10px;
    text-decoration: none;
    font-size: 14px;
    border: 0;
    text-transform: initial;
}
p{color: #4e4e4e; margin-left: 10px; font-size: 18px;}
p a{
    color: #4c9688;
    border-bottom: 1px dashed #4c9688;
    font-weight: 600;
    text-decoration: none;
}
p a:hover{
    border: 0;
}
#create_template{width:700px;}
#create_template img{cursor:pointer;margin-left:46px;opacity:0.3;}
#create_template textarea{width:700px;height:440px;margin:10px 0 0 20px;}
#calculator res{font-size:36px;font-weight:bold;color:#5C74A9;}
#calculator input{width:700px;height:40px;font-size:35px;line-height:40px;}
#quest_area,#test_area{font-size:36px;font-weight:bold;color:#5C74A9;}
#test_area{width:800px;}
#calculate_roots{width:700px;margin-left:60px;font-size:35px;line-height:40px;color:#666;}
#calculate_roots input{height:40px;font-size:35px;line-height:40px;color:#666;width:60px;}
tt{font-size:24px;font-weight:bold;color:#5C74A9;margin-left:60px;}
#html_atributs textarea{width:700px;height:40px;line-height:40px;padding:15px;font-size:16px;font-weight:bold;color:#666;}
#wrap_form_add{width:760px;display:flex;}
#wrap_left_form{width:460px;float:left;color:#666;font-size:16px;font-weight:bold;}
#wrap_left_form img{margin:7px 0 0 4px;position:absolute;cursor:pointer;}
#wrap_right_form{width:260px;float:left;color:#666;font-weight:bold;font-size:20px;}
#wrap_right_form input,select{width:100%;}
#result_code input{width:400px;height:24px;line-height:24px;}
#result_code textarea{width:400px;height:100px;}
#result_code_html{width:700px;height:400px;line-height:40px;padding:15px;font-size:16px;font-weight:bold;color:#666;display:none;}
.tool_cat_ads{max-width: 32%; max-height: 200px; margin: 7px; float: left; box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);}
.myButton{
    font-weight: 100;
    display: inline-block;
    background: #e67e17;
    color: #fff!important;
    border: 0;
    text-decoration: none;
    outline: 0;
    padding: 5px 10px;
    font-size: 14px;
    margin-top: 1%;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.myButton:hover{
    background: #ef8720;
}
.oganesyan{text-decoration:none !important;font-size:20px;color:#fff !important;background:#3C8FB7;padding:4px 8px;border:0;cursor:pointer;margin:0 auto;display:block;width:200px;text-align:center;margin-bottom:30px;}
.category a{
    text-decoration: none;
    font-family: "Roboto",arial,sans-serif;
    font-weight: 500;
    margin: 0;
    padding: 0;
    font-size: 18px !important;
    color: #404b56 !important;
    border: 0;
}
.category .cat_block{
    width: 32%;
    height: 200px;
    margin: 7px;
    float: left;
    padding: 0;
    transition: 0.3s;
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);
    border: 0 none;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
}
.category .cat_block a{
    text-decoration: none;
    color: #fff !important;
    background: rgba(1, 1, 1, 0.725);
    opacity: 0.85;
    padding: 2% 4%;
    height: 200px;
    transition: 0.3s;
    font-size: 1.5em !important;
    display: block;
    line-height: 1.5em;
}
.category .cat_block a:hover{
    opacity:1;
}
.btn_style{
    width: 96%;
    text-align: center;
    background-color: #e84545;
    border: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 5% 0;
    color: #fff;
    padding: 2%;
    cursor: pointer;
    text-decoration: none;
    outline: 4px solid #5d6174;
}
.btn_style:hover,.btn_style:focus{
    background-color: #e52e2e;
    color: #fff;
}
#comments{padding:0; margin: 0;}
#comments li{transition:0.3s;overflow-x: auto; outline: 1px solid #bdb5b5; padding: 1%;margin: 3% 0;background:#f9f9f9;}
#comments li:hover{background: #fbfbfb;}
#comments .author{margin:2% 0;}
#comments .admin{outline: 1px solid #e4e4e4; background: #f5fbe5;}
#comment_from{outline: 1px solid #ccc;padding: 8px 20px; clear: both;background:#f9f9f9;}
#comment_from textarea{width: 100%; height: 80px; margin-top: 1%;}
#comment_from input[type="text"],#comment_from input[type="number"],#comment_from input[type="email"],#comment_from textarea{line-height: 20px; padding: .5em .6em; border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; -moz-box-sizing: border-box; box-sizing: border-box;}
#reply_to_comment, #reset_reply_to_comment { display: none; }
.see_all_tools_button{margin:3% 0;text-align: center}

.article_page img{
    max-width: 100%;
    margin: auto;
    display: block;
}
.article_page pre{
    overflow-x: scroll;
    background: #f2f2f2;
    padding: 4%;
}

.mobile_app{
    background: #f7f7f7;
    padding: 10px 10px 5px 10px;
    margin: 30px 0 0 0;
    display: flex;
    align-items: center;
    border-left: 5px solid #57585b;
}
.mobile_app p{
    font-size: 16px;
    font-weight: bold;
}
.mobile_app a{
    border: 0;
    font-size: 16px;
    font-weight: 100;
}
.mobile_app img{
    margin: 4px 0 0 6px;
    opacity: 0.9;
    transition: 0.3s;
    vertical-align: bottom;
}
.mobile_app img:hover{
    opacity: 1;
}

.bg_feedback{
    display: none;
    opacity: 0.8;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 16px;
    background-color: rgba(1, 1, 1, 0.725);
    z-index: 99999;
    overflow: auto;
}

.form_feedback{
    display: none;
    width: 400px;
    height: 340px;
    margin: 50px auto;
    background: #fff;
    z-index: 99999;
    position: fixed;
    left: 0;
    right: 0;
    top: 30px;
    bottom: 0;
    padding: 30px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.form_feedback textarea{
    margin: 3% 2%;
    padding: 3%;
    width: 90%;
    height: 100px;
    resize: none;
    font-family: 'PT Serif',sans-serif;
    font-size: 18px;
}
.form_feedback p{
    margin: 0 0 0 10px;
    padding: 0;
    font-family: 'PT Serif',sans-serif;
}
.form_feedback input{
    margin: 1% 2%;
    padding: 3%;
    width: 90%;
    font-family: 'PT Serif',sans-serif;
    font-size: 18px;
}
.form_feedback button{
    width: 100%;
}
.form_feedback img{
    margin: 0 auto;
    display: block;
}

button{cursor:pointer;clear:both;display:block;margin:3% auto;color:#fff;text-decoration:none;user-select:none;background:#d44b38;padding:.7em 1.5em;border:0;outline:0}
button:hover{background:#e85f4c !important;}
button:active{background:#980f00 !important;}

.button_to_top{
    display: none;
    position: fixed;
    right: 60px;
    bottom: 40px;
}

/* 860 */
@media screen and (max-width:860px){
    #header{
        max-height: 260px;
    }
    #header a{
        display: block;
        line-height: 37px;
        padding-left: 20px;
    }
    .button_to_top {
        width: 40px;
        right: 10px;
        bottom: 10px;
    }
}

/* 800 */
@media screen and (max-width:800px){
    .category .cat_block{
        width: 48%;
    }
    .button_to_top{
        right: 10px;
        bottom: 10px;
    }
}

/* 520 */
@media screen and (max-width:520px){
    #header a{
        display: block;
    }
    .button_to_top {
        width: 40px;
        right: 10px;
        bottom: 10px;
    }
}

/* 460 */
@media screen and (max-width:460px){
    .form_feedback{
        width: 90%;
    }
}

/* 425 */
@media screen and (max-width:425px){
    .category .cat_block{
        width: 98%;
    }
    h1 {
        font-size: 21px;
    }
    table td {
        padding: 5px 7px 5px 13px !important;
        font-size: 16px;
    }
    #keeping ul {
        padding: 0 0 0 5% !important;
    }
}