@font-face{
    font-family:'robotoblack';
    src:url(../roboto-black-webfont.html) format("woff2"),url(../roboto-black-webfont-2.html) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'robotoblack_italic';
    src:url(../roboto-blackitalic-webfont.html) format("woff2"),url(../roboto-blackitalic-webfont-2.html) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'robotobold';
    src:url(../roboto-bold-webfont.html) format("woff2"),url(../roboto-bold-webfont-2.html) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'robotobold_italic';
    src:url(../roboto-bolditalic-webfont.html) format("woff2"),url(../roboto-bolditalic-webfont-2.html) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'robotoitalic';
    src:url(../roboto-italic-webfont.html) format("woff2"),url(../roboto-italic-webfont-2.html) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'robotolight';
    src:url(../roboto-light-webfont.html) format("woff2"),url(../roboto-light-webfont-2.html) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'robotolight_italic';
    src:url(../roboto-lightitalic-webfont.html) format("woff2"),url(../roboto-lightitalic-webfont-2.html) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'robotomedium';
    src:url(../roboto-medium-webfont.html) format("woff2"),url(../roboto-medium-webfont-2.html) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'robotomedium_italic';
    src:url(../roboto-mediumitalic-webfont.html) format("woff2"),url(../roboto-mediumitalic-webfont-2.html) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'robotoregular';
    src:url(../roboto-regular-webfont.html) format("woff2"),url(../roboto-regular-webfont-2.html) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'robotothin';
    src:url(../roboto-thin-webfont.html) format("woff2"),url(../roboto-thin-webfont-2.html) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'robotothin_italic';
    src:url(../roboto-thinitalic-webfont.html) format("woff2"),url(../roboto-thinitalic-webfont-2.html) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'oswaldregular';
    src:url(../oswald-bold-webfont.html) format("woff2"),url(../oswald-bold-webfont-2.html) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'oswaldregular';
    src:url(../oswald-extralight-webfont.html) format("woff2"),url(../oswald-extralight-webfont-2.html) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'oswaldregular';
    src:url(../oswald-light-webfont.html) format("woff2"),url(../oswald-light-webfont-2.html) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'oswaldregular';
    src:url(../oswald-medium-webfont.html) format("woff2"),url(../oswald-medium-webfont-2.html) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'oswaldregular';
    src:url(../oswald-regular-webfont.html) format("woff2"),url(../oswald-regular-webfont-2.html) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'oswaldregular';
    src:url(../oswald-semibold-webfont.html) format("woff2"),url(../oswald-semibold-webfont-2.html) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'oswaldregular';
    src:url(../oswald-variablefont_wght-webfont.html) format("woff2"),url(../oswald-variablefont_wght-webfont-2.html) format("woff");
    font-weight:400;
    font-style:normal
}
body{
    margin:0;
    padding:0;
    font-family:'robotoregular',sans-serif;
    font-size:14px
}
.banner-section{
    position:relative;
    min-height:450px;
    height:auto;
    margin-top:0;
    padding-bottom:0;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center
}
.banner-section .cover{
    padding:75px 0;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,0.32);
    display:flex;
    align-items:center
}
.banner-section .main-text{
    position:absolute;
    top:8%;
    width:100%;
    left:0;
    padding-top:10%
}
.banner-section .main-text h1{
    text-align:center;
    font-size:45px;
    color:#fff;
    font-weight:600
}
.banner-section .main-text h3{
    font-size:28px;
    color:#fff;
    font-weight:600;
    margin-top:25px;
    line-height:32px;
    text-shadow:0 1px 2px rgba(0,0,0,0.6)
}
.banner-section .main-text h5{
    font-size:18px;
    color:#fff;
    font-weight:500;
    margin-top:35px;
    line-height:32px;
    text-shadow:0 1px 2px rgba(0,0,0,0.6)
}
.inner_content{
    padding:60px 0;
    background:#f4f8fb
}
.inner_content .data-box{
    background:#fff;
    border-radius:5px;
    transition:2s;
    cursor:pointer
}
.inner_content .data-box:hover{
    box-shadow:0 0 10px rgba(0,0,0,0.1)
}
.inner_content .data-box .img-sec img{
    width:100%;
    max-height:250px;
    border-radius:5px 5px 0 0
}
.inner_content .data-box .text-line{
    text-align:center;
    padding:10px 0 20px
}
.inner_content .data-box .text-line ul{
    margin:0;
    padding:12px 5px 5px;
    list-style:none;
    text-align:center;
    font-size:13px;
    line-height:1.2;
    text-transform:uppercase
}
.inner_content .data-box .text-line ul li{
    display:inline-block;
    margin:0 5px
}
.inner_content .data-box .text-line ul li a{
    color:#10529d
}
.inner_content .data-box .text-line p{
    font-size:15px;
    color:#858585;
    margin-top:20px;
    margin-bottom:5px
}
.inner_content .data-box .text-line h4{
    font-size:18px;
    color:#333
}
.design-banner-section{
    position:relative;
    min-height:450px;
    height:auto;
    margin-top:0;
    padding-bottom:0;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center
}
.inside-wrap-sec{
    padding:60px 0;
    background:#fff
}
.inside-wrap-sec .main-head{
    max-width:85%
}
.inside-wrap-sec .main-head h5{
    font-size:20px;
    font-family:'robotolight',sans-serif;
    color:#333;
    margin-bottom:15px
}
.inside-wrap-sec .main-head h2{
    font-size:55px;
    color:#222;
    font-family:'robotolight',sans-serif
}
.inside-wrap-sec .cmr-sec{
    margin-bottom:40px
}
.inside-wrap-sec .cmr-sec .main-text h2{
    font-size:40px;
    color:#222;
    font-family:'robotolight',sans-serif
}
.inside-wrap-sec .cmr-sec .main-text h5{
    font-size:18px;
    color:#acacac;
    margin-bottom:15px
}
.inside-wrap-sec .cmr-sec .main-text h3{
    color:#333;
    font-size:20px;
    margin-bottom:15px
}
.inside-wrap-sec .cmr-sec .sub-text p{
    color:#333;
    line-height:29px;
    font-weight:400;
    font-size:16px;
    text-align:justify;
    margin-bottom:20px
}
.inside-wrap-sec .cmr-sec .sub-text .img-part{
    margin-bottom:20px
}
.inside-wrap-sec .cmr-sec .sub-text .img-part img{
    margin:auto;
    display:block;
    max-height:380px
}
.inside-wrap-sec .main-bar a{
    font-weight:500;
    color:#333;
    text-decoration:none;
    transition:all 400ms
}
.inside-wrap-sec .main-bar a:hover,.inside-wrap-sec .main-bar a:focus{
    color:#000
}
.inside-wrap-sec .main-bar nav{
    width:100%;
    top:0;
    left:0
}
.inside-wrap-sec .main-bar nav a{
    display:inline-flex;
    padding:0 0 15px;
    color:#333;
    text-decoration:none
}
.inside-wrap-sec .main-bar nav a:hover,.inside-wrap-sec .main-bar nav a:focus{
    color:#10529d
}
.inside-wrap-sec .main-bar nav a.active{
    color:#10529d
}
.inside-wrap-sec .main-bar p{
    color:#333;
    line-height:29px;
    font-weight:400;
    font-size:16px;
    text-align:justify;
    margin-bottom:15px
}
.inside-wrap-sec .main-bar .sample-text ul{
    list-style:none;
    padding:0
}
.inside-wrap-sec .main-bar .sample-text ul li{
    padding-bottom:6px
}
.inside-wrap-sec .main-bar .sample-text ul li a{
    color:#333;
    text-decoration:none
}
.inside-wrap-sec .main-bar .sample-text ul li a.active{
    border-left-color:#00c0eb;
    color:#00c0eb
}
.inside-wrap-sec .main-bar .sample-text ul li a:hover{
    border-left-color:#00c0eb;
    color:#00c0eb
}
.subscribe-section{
    background:#6696ce;
    padding:2rem!important;
    margin-bottom:50px
}
.subscribe-section .alert_text h3{
    font-size:28px;
    color:#f3f3f3
}
.subscribe-section .alert_text h5{
    font-size:18px;
    color:#f3f3f3;
    margin-bottom:18px
}
.subscribe-section .input-group .form-control{
    height:60px;
    border:0;
    border-radius:4px 0 0 4px
}
.subscribe-section .input-group .input-button{
    width:30%
}
.subscribe-section .input-group .input-button .btn{
    height:60px;
    width:100%;
    display:flex;
    border-radius:0 4px 4px 0;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    background:#10529d;
    color:#fff;
    border:1px solid #10529d;
    transition:2s
}
input#lg_remember{
    box-sizing:border-box;
    padding:0;
    width:17px;
    height:17px;
    background:#f0f0f0;
    border-radius:3px;
    position:relative;
    top:4px;
    margin-top:10px
}
label#rememb{
    color:#e6e6e6;
    padding-left:4px
}
label.forgot-pass{
    color:#fff;
    cursor:pointer
}
.add-comment a{
    font-size:2em;
    font-weight:400;
    color:#10529d;
    text-decoration:none
}
.add-comment a:after{
    content:"\f178";
    font-family:FontAwesome;
    display:inline-block;
    margin-left:.6em;
    width:1.3em;
    color:#10529d;
    font-size:20px;
    vertical-align:middle;
    text-indent:-2px
}
.further-section{
    padding:60px 0;
    background:#f4f8fb
}
.further-section .main-head h2{
    font-size:38px;
    color:#10529d;
    text-align:center;
    font-family:'robotolight',sans-serif;
    padding-bottom:30px
}
.further-section .data-box{
    background:#fff;
    border-radius:5px;
    transition:2s;
    cursor:pointer
}
.further-section .data-box:hover{
    box-shadow:0 0 10px rgba(0,0,0,0.1)
}
.further-section .data-box .img-sec img{
    width:100%;
    max-height:250px;
    border-radius:5px 5px 0 0
}
.further-section .data-box .text-line{
    text-align:center;
    padding:20px
}
.further-section .data-box .text-line ul{
    margin:0;
    padding:12px 5px 5px;
    list-style:none;
    text-align:center;
    font-size:13px;
    line-height:1.2;
    text-transform:uppercase
}
.further-section .data-box .text-line ul li{
    display:inline-block;
    margin:0 5px
}
.further-section .data-box .text-line ul li a{
    color:#10529d
}
.further-section .data-box .text-line p{
    font-size:15px;
    color:#858585;
    margin-top:20px;
    margin-bottom:5px
}
.further-section .data-box .text-line h4{
    font-size:18px;
    color:#10529d;
    text-align:left
}
#social_side_links{
    position:fixed;
    top:70px;
    left:0;
    padding:0;
    list-style:none;
    z-index:99
}
#social_side_links li a{
    display:block
}
#social_side_links li a img{
    display:block;
    max-width:40px;
    padding:10px;
    -webkit-transition:background .2s ease-in-out;
    -moz-transition:background .2s ease-in-out;
    -o-transition:background .2s ease-in-out;
    transition:background .2s ease-in-out
}
#social_side_links li a:hover img{
    background:rgba(0,0,0,0.2)
}
.banner-qa-section{
    position:relative;
    min-height:450px;
    height:auto;
    margin-top:0;
    padding-bottom:0;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center
}
.banner-qa-section .cover{
    padding:75px 0;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,0.42);
    display:flex;
    align-items:center
}
.banner-qa-section .main-text{
    position:absolute;
    top:8%;
    width:100%;
    left:0;
    padding-top:10%
}
.banner-qa-section .main-text h1{
    text-align:center;
    font-size:58px;
    color:#fff;
    font-family:'robotolight',sans-serif
}
.banner-qa-section .main-text h3{
    font-size:28px;
    color:#fff;
    font-weight:600;
    margin-top:25px;
    line-height:32px;
    text-shadow:0 1px 2px rgba(0,0,0,0.6)
}
.banner-qa-section .main-text h5{
    font-size:18px;
    color:#fff;
    font-weight:500;
    margin-top:35px;
    line-height:32px;
    text-shadow:0 1px 2px rgba(0,0,0,0.6)
}
.filter-box-section{
    padding:60px 0;
    background:#fff
}
.filter-box-section ul.filter-link{
    display:flex;
    flex-flow:row nowrap;
    max-height:46px;
    width:100%;
    height:100%;
    margin:0 auto;
    padding:0;
    border:2px solid #10529d;
    border-radius:4px;
    box-sizing:border-box
}
.filter-box-section ul.filter-link li{
    display:flex;
    justify-content:center;
    flex-grow:1;
    width:100%;
    list-style:none;
    border-right:2px solid #10529d;
    box-sizing:border-box;
    padding:0;
    margin:0
}
.filter-box-section ul.filter-link li a{
    display:flex;
    flex-grow:1;
    align-items:center;
    text-transform:uppercase;
    line-height:18px;
    font-weight:600;
    max-height:46px;
    min-height:44px;
    text-align:center;
    flex-flow:column;
    justify-content:space-around;
    width:80%;
    color:#10529d;
    text-decoration:none;
    padding:0 5px;
    transition-duration:2s
}
.filter-box-section ul.filter-link li a:hover{
    background:#10529d;
    color:#fff
}
li.to-active{
    background:#10529d
}
li.to-active a{
    color:#fff!important
}
.search-form{
    margin-top:25px
}
.search-form .input-group{
    margin:auto;
    display:flex!important;
    flex-wrap:unset
}
.search-form .input-group .form-control{
    height:60px;
    border:0;
    border-radius:4px 0 0 4px;
    border:2px solid #ddd
}
.search-form .input-group .input-button{
    width:30%
}
.search-form .input-group .input-button .btn{
    height:60px;
    width:100%;
    display:flex;
    border-radius:0 4px 4px 0;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    background:#10529d;
    color:#fff;
    border:1px solid #10529d;
    transition:2s
}
.about-tech-section{
    padding:60px 0;
    background:#f7f8f9;
    width:100%
}
.about-tech-section .about-info{
    background:#fff;
    padding:30px;
    margin-top:0;
    box-shadow:0 0 3px rgba(0,0,0,0.17)
}
.about-tech-section .about-info h3{
    text-align:left;
    color:#333;
    font-size:28px;
    font-family:'robotolight',sans-serif;
    margin-bottom:20px
}
.about-tech-section .about-info p{
    color:#333;
    line-height:29px;
    font-weight:400;
    font-size:16px;
    text-align:justify;
    margin-bottom:15px
}
.about-tech-section .sort-by{
    margin:20px 0;
    display:flex
}
.about-tech-section .sort-by span.filter-gap{
    font-size:20px;
    line-height:32px;
    margin-right:30px;
    white-space:nowrap
}
.about-tech-section .sort-by .down-filter-link{
    flex:1 0 0;
    display:flex;
    flex-flow:row wrap
}
.about-tech-section .sort-by .down-filter-link a.active{
    background:#10529d;
    color:#fff!important
}
.about-tech-section .sort-by .down-filter-link a{
    padding:3px 12px;
    text-align:center;
    background-color:#fff;
    margin:3px 2px 3px 0!important;
    min-height:9px;
    border:1px solid #f4f8fb;
    line-height:22px;
    display:inline-flex;
    align-items:center;
    color:#333;
    text-decoration:none;
    transition-duration:2s
}
.about-tech-section .sort-by .down-filter-link a:hover{
    background:#10529d;
    color:#fff
}
.about-tech-section .questions-part{
    background:#fff;
    padding:30px;
    padding-bottom:40px;
    margin-bottom:30px;
    box-shadow:0 0 3px rgba(0,0,0,0.17)
}
.about-tech-section .questions-part h3{
    text-align:left;
    color:#333;
    font-size:28px;
    margin-bottom:20px;
    font-family:'robotolight',sans-serif
}
.about-tech-section .questions-part h3:before{
    content:"\f045";
    font-family:FontAwesome;
    display:inline-block;
    margin-left:0;
    width:1.3em;
    color:#10529d;
    font-size:30px;
    vertical-align:middle;
    text-indent:-2px
}
.about-tech-section .questions-part p{
    color:#333;
    line-height:29px;
    font-weight:400;
    font-size:16px;
    text-align:justify;
    margin-bottom:15px
}
.about-tech-section .questions-part .count-wrap{
    flex:1 0 0;
    margin:20px 0;
    display:inline-block;
    flex-flow:row wrap
}
.about-tech-section .questions-part .count-wrap p{
    padding:6px 12px;
    text-align:center;
    background-color:#fff;
    margin:3px 2px 3px 0!important;
    min-height:15px;
    border:1px solid #858585;
    line-height:22px;
    display:inline-flex;
    align-items:center;
    color:#333;
    text-decoration:none;
    transition-duration:2s
}
.about-tech-section .questions-part .count-wrap p span{
    color:#858585;
    font-weight:400;
    font-size:13px;
    text-align:justify;
    padding-left:6px
}
.about-tech-section .questions-part .user-file-sec .user-img{
    margin-right:20px;
    margin-top:2px;
    margin-bottom:25px
}
.about-tech-section .questions-part .user-file-sec .user-img img{
    max-height:40px;
    margin:auto;
    display:block
}
.about-tech-section .questions-part .user-file-sec .sub-text h5{
    color:#333;
    line-height:16px;
    font-weight:400;
    font-size:17px;
    text-align:justify;
    margin:0;
    padding:0
}
.about-tech-section .questions-part .user-file-sec .sub-text span{
    color:#777;
    line-height:29px;
    font-weight:400;
    font-size:14px;
    text-align:justify
}
.about-tech-section .questions-part .user-file-sec .sub-text p{
    padding:0;
    color:#333;
    line-height:29px;
    font-weight:400;
    font-size:16px;
    text-align:justify
}
.about-tech-section .questions-part .user-file-sec .sub-text a.see-more{
    padding-right:20px;
    color:#10529d;
    float:right;
    margin-top:10px;
    text-decoration:none;
    font-size:16px
}
.about-tech-section .questions-part .socio-ico{
    display:flex;
    float:right
}
.about-tech-section .questions-part .socio-ico .fa{
    color:#fff;
    padding:10px 20px
}
.about-tech-section .questions-part .socio-ico .ico-facebook{
    margin:5px;
    background:#3f5899;
    border-radius:4px
}
.about-tech-section .questions-part .socio-ico .ico-twitter{
    margin:5px;
    background:#00aced;
    border-radius:4px
}
.about-tech-section .questions-part .socio-ico .ico-linkdin{
    margin:5px;
    background:#00c0eb;
    border-radius:4px
}
.about-tech-section .questions-part .like-ico{
    display:flex;
    float:right
}
.about-tech-section .questions-part .like-ico .fa{
    color:#585858;
    padding:10px 20px;
    border:1px solid #ddd;
    cursor:pointer
}
.about-tech-section .questions-part .like-ico .ico-like .fa{
    font-size:17px
}
.about-tech-section .questions-part .like-ico .ico-like .fa:hover{
    border:1px solid green
}
.about-tech-section .questions-part .like-ico span{
    color:#555;
    font-size:17px;
    line-height:38px
}
.about-tech-section .questions-part .like-ico .ico-dislike .fa{
    font-size:17px
}
.about-tech-section .questions-part .like-ico .ico-dislike .fa:hover{
    border:1px solid red
}
.para-wraper{
    padding:50px 0 60px
}
.para-wraper:not(:last-child){
    border-bottom:1px solid #bfbfbf
}
.others-sec{
    background:#fff;
    padding:30px;
    box-shadow:0 0 3px rgba(0,0,0,0.17)
}
.others-sec h3{
    text-align:left;
    color:#333;
    margin-top:0;
    font-size:22px;
    margin-bottom:20px;
    font-family:'robotolight',sans-serif
}
.others-sec .sub-topics a.active{
    background:#10529d;
    padding:6px 10px;
    color:#fff;
    font-size:14px
}
.others-sec .sub-topics a{
    background:#7cd3f9;
    padding:6px 10px;
    line-height:38px;
    color:#fff;
    font-size:14px;
    text-decoration:none;
    transition-duration:2s
}
.others-sec .sub-topics a:hover{
    background:#10529d;
    color:#fff
}
.arround-notify{
    margin-top:25px;
    background:#fff;
    border-radius:6px
}
.arround-notify .main-head{
    background:#10529d;
    border-radius:6px 6px 0 0
}
.arround-notify .main-head h4{
    color:#fff;
    text-transform:capitalize;
    font-size:18px;
    text-align:center;
    padding:10px 0
}
.news-room{
    overflow:hidden
}
.news-room .article-wraper{
    display:flex;
    padding:15px 22px 15px 0
}
.news-room .article-wraper .img-part{
    margin:0 40px 0 10px;
    width:66px;
    min-width:66px
}
.news-room .article-wraper .img-part img{
    max-height:66px;
    max-width:86px;
    margin-top:8px
}
.news-room .article-wraper .text-part a{
    text-decoration:none;
    color:#333;
    line-height:25px;
    font-weight:400;
    font-size:15px;
    text-align:justify
}
.news-room .article-wraper .text-part a:hover{
    color:#10529d
}
.news-room .article-wraper:not(:last-child){
    border-bottom:1px dashed #bfbfbf
}
.questions-notify{
    margin-top:25px;
    background:#fff;
    border-radius:6px
}
.questions-notify .main-head{
    background:#10529d;
    border-radius:6px 6px 0 0
}
.questions-notify .main-head h4{
    color:#fff;
    text-transform:capitalize;
    font-size:18px;
    text-align:center;
    padding:10px 0
}
.questions-notify .questions-room{
    overflow:hidden
}
.questions-notify .questions-room .questions-wraper{
    padding:15px 22px
}
.questions-notify .questions-room .questions-wraper a{
    font-size:18px;
    color:#10529d;
    text-decoration:none
}
.questions-notify .questions-room .questions-wraper a:before{
    content:"\f29c";
    font-family:FontAwesome;
    display:inline-block;
    margin-left:0;
    width:1.3em;
    color:#10529d;
    font-size:20px;
    vertical-align:middle;
    text-indent:-2px
}
.questions-notify .questions-room .questions-wraper p{
    font-size:14px;
    color:#333;
    margin:0;
    padding-bottom:5px
}
.questions-notify .questions-room .questions-wraper span{
    font-size:14px;
    color:#777;
    margin:0;
    padding-bottom:5px
}
.questions-wraper:not(:last-child){
    border-bottom:1px dashed #bfbfbf
}
.pagination-wrapper{
    text-align:center;
    margin:60px 0 40px
}
.pagination-wrapper h5{
    font-size:22px;
    margin-bottom:15px
}
.pagination-wrapper .message{
    margin-bottom:25px
}
.pagination-wrapper .message textarea{
    width:100%;
    height:200px;
    max-width:650px;
    border:1px solid #666
}
.pagination-wrapper .message textarea:focus{
    outline:none
}
.pagination-wrapper a.btn-choose{
    background:#7cd3f7;
    font-size:16px;
    color:#fff;
    padding:15px 55px;
    border-radius:4px;
    text-decoration:none;
    transition-duration:2s
}
.pagination-wrapper a.btn-choose:hover{
    background:#10529d
}
.pagination{
    display:inline-block;
    height:40px;
    padding:0 25px;
    border-radius:35px;
    background-color:#c8e0f1
}
@media only screen and (max-width:1199px){
    .pagination{
        height:auto;
        margin-top:50px;
        padding:0 10px;
        border-radius:25px
    }
}
.page-numbers{
    display:block;
    padding:0 25px;
    float:left;
    transition:400ms ease;
    color:#595959;
    font-size:18px;
    letter-spacing:.1em;
    line-height:40px
}
.page-numbers:hover,.page-numbers.current{
    background-color:#10529d;
    color:#fff
}
.page-numbers.prev:hover,.page-numbers.next:hover{
    background-color:transparent;
    color:#10529d
}
@media only screen and (max-width:1199px){
    .page-numbers{
        padding:0 15px;
        font-size:16px;
        line-height:30px
    }
}
@media only screen and (min-width:120px) and (max-width:1024px){
    .page-numbers{
        padding:0 14px;
        display:none
    }
    .page-numbers:nth-of-type(2){
        position:relative;
        padding-right:50px
    }
    .page-numbers:nth-of-type(2)::after{
        position:absolute;
        font-size:25px;
        top:0;
        left:45px
    }
    .page-numbers:nth-child(-n+3),.page-numbers:nth-last-child(-n+3){
        display:block
    }
    .page-numbers:nth-last-child(-n+4){
        padding-right:14px
    }
    .page-numbers:nth-last-child(-n+4)::after{
        content:none
    }
}
@media only screen and (max-width:2000px) and (min-width:900px){
    .filter-box-section ul.filter-link{
        max-width:700px;
        margin:auto
    }
    .search-form .input-group{
        max-width:700px;
        margin:auto
    }
}
@media only screen and (max-width:400px) and (min-width:250px){
    .banner-qa-section .main-text h1{
        font-size:25px
    }
    .search-form .input-group .input-button .btn{
        font-size:10px
    }
    .about-tech-section .questions-part .count-wrap{
        margin:5px 0
    }
}
@media only screen and (max-width:600px) and (min-width:401px){
    .banner-qa-section .main-text h1{
        font-size:45px
    }
    .search-form .input-group .input-button .btn{
        font-size:13px
    }
    .about-tech-section .questions-part .count-wrap{
        margin:10px 0
    }
}
@media (min-width: 1360px){
    .container{
        max-width:1170px
    }
}
@media (min-width: 1400px){
    .container{
        max-width:1200px
    }
}