@import url(https://fonts.googleapis.com/css?family=Nunito:300,400,400i,600,700,800&display=swap);
html{
    color:#222;
    font-size:1em;
    line-height:1.4
}
::-moz-selection{
    background:#b3d4fc;
    text-shadow:none
}
::selection{
    background:#b3d4fc;
    text-shadow:none
}
hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0
}
audio,canvas,iframe,img,svg,video{
    vertical-align:middle
}
fieldset{
    border:0;
    margin:0;
    padding:0
}
textarea{
    resize:vertical
}
.browserupgrade{
    margin:.2em 0;
    background:#ccc;
    color:#000;
    padding:.2em 0
}
.hidden{
    display:none!important
}
.visuallyhidden{
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
    white-space:nowrap
}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    width:auto;
    white-space:inherit
}
.invisible{
    visibility:hidden
}
.clearfix:after,.clearfix:before{
    content:" ";
    display:table
}
.clearfix:after{
    clear:both
}
@media print{
    *,:after,:before{
        background:0 0!important;
        color:#000!important;
        -webkit-box-shadow:none!important;
        box-shadow:none!important;
        text-shadow:none!important
    }
    a,a:visited{
        text-decoration:underline
    }
    a[href]:after{
        content:" (" attr(href) ")"
    }
    abbr[title]:after{
        content:" (" attr(title) ")"
    }
    a[href^="#"]:after,a[href^="javascript:"]:after{
        content:""
    }
    pre{
        white-space:pre-wrap!important
    }
    blockquote,pre{
        border:1px solid #999;
        page-break-inside:avoid
    }
    thead{
        display:table-header-group
    }
    img,tr{
        page-break-inside:avoid
    }
    h2,h3,p{
        orphans:3;
        widows:3
    }
    h2,h3{
        page-break-after:avoid
    }
}
*,::after,::before{
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
::-webkit-scrollbar-track{
    border-radius:10px;
    background-color:#383838
}
::-webkit-scrollbar{
    width:8px;
    background-color:#383838
}
::-webkit-scrollbar-thumb{
    border-radius:10px;
    background-color:#6b6b6b
}
html{
    overflow:hidden;
    overflow-y:auto
}
body{
    overflow:hidden!important;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-size:18px;
    line-height:1.8rem;
    font-family:Nunito,sans-serif;
    color:#a4acc4;
    font-weight:400;
    background:#10121b
}
@media only screen and (min-width:768px) and (max-width:991px){
    body{
        font-size:16px
    }
}
@media only screen and (max-width:767px){
    body{
        font-size:15px
    }
}
img{
    max-width:100%
}
::-webkit-input-placeholder{
    color:#a4acc4
}
:-moz-placeholder{
    color:#a4acc4
}
::-moz-placeholder{
    color:#a4acc4
}
:-ms-input-placeholder{
    color:#a4acc4
}
h1,h2,h3,h4,h5,h6{
    font-family:Nunito,sans-serif;
    color:#fff
}
h1{
    font-size:3.2857rem;
    line-height:4rem
}
@media only screen and (min-width:768px) and (max-width:991px){
    h1{
        font-size:2.9857rem;
        line-height:3.4rem
    }
}
@media only screen and (max-width:767px){
    h1{
        font-size:2.6857rem;
        line-height:3.1rem
    }
}
h2{
    font-size:2.57rem;
    line-height:3.2857rem
}
@media only screen and (min-width:768px) and (max-width:991px){
    h2{
        font-size:2.37rem;
        line-height:3.0857rem
    }
}
@media only screen and (max-width:767px){
    h2{
        font-size:2.17rem;
        line-height:2.857rem
    }
}
h3{
    font-size:2rem;
    line-height:2.7rem
}
@media only screen and (min-width:768px) and (max-width:991px){
    h3{
        font-size:1.91rem;
        line-height:2.357rem
    }
}
@media only screen and (max-width:767px){
    h3{
        font-size:1.91rem;
        line-height:2.357rem
    }
}
h4{
    font-size:1.71rem;
    line-height:2.43rem
}
@media only screen and (min-width:768px) and (max-width:991px){
    h4{
        font-size:1.51rem;
        line-height:2.13rem
    }
}
@media only screen and (max-width:767px){
    h4{
        font-size:1.51rem;
        line-height:2.13rem
    }
}
h5{
    font-size:1.43rem;
    line-height:2.14rem
}
@media only screen and (max-width:767px){
    h5{
        font-size:1.23rem;
        line-height:2.04rem
    }
}
h6{
    font-size:1.15rem;
    line-height:1.757rem
}
@media only screen and (max-width:767px){
    h6{
        font-size:1.04rem;
        line-height:1.657rem
    }
}
::-moz-selection{
    background:#037ffd;
    color:#fff
}
::-ms-selection{
    background:#037ffd;
    color:#fff
}
::-o-selection{
    background:#037ffd;
    color:#fff
}
::selection{
    background:#037ffd;
    color:#fff
}
a:active,a:focus,a:hover{
    text-decoration:none;
    outline:0
}
a,button{
    cursor:pointer
}
button,input,select,textarea{
    background:0 0;
    border:1px solid #2e344e;
    font-family:Nunito,sans-serif;
    color:#a4acc4
}
button::-webkit-input-placeholder,input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#a4acc4
}
button:-moz-placeholder,input:-moz-placeholder,select:-moz-placeholder,textarea:-moz-placeholder{
    color:#a4acc4
}
button::-moz-placeholder,input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{
    color:#a4acc4
}
button:-ms-input-placeholder,input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{
    color:#a4acc4
}
button:active,button:focus,input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{
    outline:0;
    border-color:#037ffd
}
input,select,textarea{
    width:100%;
    font-size:14px;
    vertical-align:middle
}
button,input,select{
    height:50px;
    padding:0 15px
}
@media only screen and (max-width:767px){
    button,input,select{
        height:44px
    }
}
textarea{
    padding:10px 15px
}
blockquote{
    border-left:5px solid #037ffd;
    font-size:18px;
    line-height:27px;
    padding:30px;
    -webkit-box-shadow:0 0 10px rgba(255,255,255,.05);
    box-shadow:0 0 10px rgba(255,255,255,.05);
    position:relative;
    font-size:1.18rem;
    z-index:1;
    overflow:hidden;
    font-style:italic
}
blockquote::after{
    content:"\E989";
    font-family:Lineicons;
    font-weight:700;
    position:absolute;
    left:auto;
    top:auto;
    z-index:-1;
    -webkit-transform:translate(1%,20%);
    -ms-transform:translate(1%,20%);
    transform:translate(1%,20%);
    font-size:108px;
    color:#a4acc4;
    opacity:.05;
    right:0;
    bottom:0;
    line-height:1
}
blockquote p{
    margin-bottom:10px
}
blockquote footer{
    font-size:14px
}
blockquote footer a{
    color:#037ffd
}
blockquote footer a:hover{
    color:#037ffd
}
@media only screen and (max-width:767px){
    blockquote{
        font-size:16px;
        line-height:25px;
        padding:20px
    }
}
[class*=" flaticon-"],[class^=flaticon-]{
    line-height:1
}
[class*=" flaticon-"]::after,[class*=" flaticon-"]::before,[class^=flaticon-]::after,[class^=flaticon-]::before{
    margin-left:0;
    font-size:inherit;
    vertical-align:middle
}
.stylish-list{
    padding-left:0
}
.stylish-list li{
    list-style:none;
    line-height:30px;
    position:relative;
    padding-left:35px
}
.stylish-list i{
    position:absolute;
    left:0;
    top:7px;
    font-size:16px;
    color:#037ffd
}
input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:active,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:active,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{
    -webkit-transition:background-color 50000s ease-in-out 0s,color 50000s ease-in-out 0s;
    transition:background-color 50000s ease-in-out 0s,color 50000s ease-in-out 0s
}
input[type=checkbox],input[type=radio]{
    visibility:hidden;
    opacity:0;
    display:inline-block;
    vertical-align:middle;
    width:0;
    height:0;
    display:none
}
input[type=checkbox]~label,input[type=radio]~label{
    position:relative;
    padding-left:24px;
    cursor:pointer
}
input[type=checkbox]~label:before,input[type=radio]~label:before{
    content:"";
    font-family:'Font Awesome 5 free';
    font-weight:700;
    position:absolute;
    left:0;
    top:5px;
    border:1px solid #2e344e;
    height:15px;
    width:15px;
    line-height:1;
    font-size:13px
}
input[type=checkbox]:checked~label,input[type=radio]:checked~label{
    color:#037ffd
}
input[type=checkbox]:checked~label:before,input[type=radio]:checked~label:before{
    content:"\f00c";
    color:#037ffd;
    border-color:#037ffd
}
input[type=radio]~label::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    border:2px solid #2e344e;
    border-radius:100px;
    height:15px;
    width:15px;
    margin-top:-8px;
    line-height:.5;
    font-size:28px
}
input[type=radio]:checked~label::before{
    content:"";
    color:#037ffd;
    border-color:#037ffd
}
.animsition-overlay-slide{
    z-index:999;
    background-color:#10121b
}
.mi-wrapper{
    padding-left:300px;
    position:relative;
    min-height:100vh;
    z-index:1
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .mi-wrapper{
        padding-left:260px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .mi-wrapper{
        padding-left:0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mi-wrapper{
        padding-left:0
    }
}
@media only screen and (max-width:767px){
    .mi-wrapper{
        padding-left:0
    }
}
.color-theme{
    color:#037ffd
}
.mt-30-reverse{
    margin-top:-30px
}
.mt-30{
    margin-top:30px
}
.mt-50-reverse{
    margin-top:-50px
}
.mt-50{
    margin-top:50px
}
.mi-padding-top{
    padding-top:120px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mi-padding-top{
        padding-top:100px
    }
}
@media only screen and (max-width:767px){
    .mi-padding-top{
        padding-top:80px
    }
}
.mi-padding-bottom{
    padding-bottom:120px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mi-padding-bottom{
        padding-bottom:100px
    }
}
@media only screen and (max-width:767px){
    .mi-padding-bottom{
        padding-bottom:80px
    }
}
.mi-section{
    position:relative
}
.mi-bglines{
    position:absolute;
    left:300px;
    top:0;
    height:100%;
    min-height:100vh;
    width:calc(100% - 300px);
    z-index:-1
}
.mi-bglines span{
    width:1px;
    display:inline-block;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:1px;
    min-height:100vh;
    background:rgba(46,52,78,.2)
}
.mi-bglines span:nth-child(1){
    left:20%
}
.mi-bglines span:nth-child(2){
    left:40%
}
.mi-bglines span:nth-child(3){
    left:60%
}
.mi-bglines span:nth-child(4){
    left:80%
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .mi-bglines{
        left:260px;
        width:calc(100% - 260px)
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .mi-bglines{
        left:0;
        width:100%
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mi-bglines{
        left:0;
        width:100%
    }
}
@media only screen and (max-width:767px){
    .mi-bglines{
        left:0;
        width:100%
    }
}
.size-lg[class^=lni-],.size-md[class^=lni-],.size-sm[class^=lni-],.size-xs[class^=lni-]{
    font-size:inherit!important
}
.slick-slide:focus{
    outline:0
}
.form-message.alert-danger,.form-message.alert-success{
    margin-top:22px
}
.mi-button{
    position:relative;
    padding:0 30px;
    background:#037ffd;
    color:#fff;
    border:0;
    display:inline-block;
    z-index:1;
    text-transform:uppercase;
    font-size:.9rem;
    letter-spacing:2px;
    height:50px;
    line-height:50px;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.mi-button::before{
    content:"";
    position:absolute;
    left:0;
    top:auto;
    bottom:0;
    height:2px;
    width:100%;
    background:#fff;
    z-index:-1;
    -webkit-transform:scaleX(0);
    -ms-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.mi-button:hover{
    color:#fff
}
.mi-button:hover::before{
    -webkit-transform:scaleX(1);
    -ms-transform:scaleX(1);
    transform:scaleX(1)
}
.mi-button-block{
    width:100%;
    display:block
}
@media only screen and (max-width:767px){
    .mi-button{
        height:45px;
        line-height:45px
    }
}
.mi-readmore{
    position:relative;
    color:#037ffd;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.mi-readmore::after{
    content:"";
    position:absolute;
    left:0;
    top:auto;
    bottom:0;
    height:1px;
    width:0;
    background:#037ffd;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.mi-readmore:hover{
    color:#037ffd
}
.mi-readmore:hover::after{
    width:100%
}
.mi-pagination ul{
    margin-bottom:0;
    font-size:0
}
.mi-pagination ul li{
    list-style:none;
    display:inline-block;
    font-size:1rem
}
.mi-pagination ul li:not(:last-child){
    margin-right:10px
}
.mi-pagination ul li a{
    display:inline-block;
    height:35px;
    width:35px;
    color:#037ffd;
    text-align:center;
    border-radius:100px;
    line-height:33px;
    border:1px solid #037ffd;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out;
    font-size:.95rem
}
.mi-pagination ul li a i{
    vertical-align:middle
}
.mi-pagination ul li a.active,.mi-pagination ul li a:hover{
    background:#037ffd;
    color:#fff
}
.mi-form{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.mi-form-field,.mi-form-fieldhalf{
    margin-top:30px;
    position:relative
}
.mi-form-field label,.mi-form-fieldhalf label{
    position:absolute;
    left:15px;
    top:-13px;
    background:#10121b;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out;
    pointer-events:none;
    padding:0 10px;
    font-size:.94rem
}
.mi-form-field input,.mi-form-field textarea,.mi-form-fieldhalf input,.mi-form-fieldhalf textarea{
    border:1px solid #2e344e;
    font-size:1rem
}
.mi-form-field{
    -webkit-box-flex:0;
    -webkit-flex:0 0 100%;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
}
.mi-form-fieldhalf{
    -webkit-box-flex:0;
    -webkit-flex:0 0 calc(50% - 15px);
    -ms-flex:0 0 calc(50% - 15px);
    flex:0 0 calc(50% - 15px);
    max-width:calc(50% - 15px)
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mi-form-fieldhalf{
        -webkit-box-flex:0;
        -webkit-flex:0 0 100%;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
}
@media only screen and (max-width:767px){
    .mi-form-fieldhalf{
        -webkit-box-flex:0;
        -webkit-flex:0 0 100%;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
}
.mi-header{
    position:fixed;
    left:0;
    top:0;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
    height:100vh;
    width:300px;
    background:#191d2b;
    border-right:1px solid #2e344e;
    z-index:10;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.mi-header-inner{
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    overflow:hidden;
    overflow-y:auto
}
.mi-header-toggler{
    position:absolute;
    left:100%;
    top:20px;
    padding:0;
    height:50px;
    width:50px;
    text-align:center;
    font-size:1.6rem;
    background:#191d2b;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    display:none
}
.mi-header-toggler:focus{
    border-color:#2e344e
}
.mi-header-image{
    padding:20px 0;
    display:block;
    width:100%;
    text-align:center;
    border-bottom:1px solid #2e344e
}
.mi-header-image a{
    height:200px;
    width:200px;
    border-radius:1000px;
    border:7px solid #2e344e;
    overflow:hidden;
    display:inline-block;
    vertical-align:middle
}
.mi-header-menu{
    width:100%;
    padding:15px 5px
}
.mi-header-menu li{
    list-style:none;
    text-align:center;
    display:block
}
.mi-header-menu li:not(:last-child){
    margin-bottom:1px
}
.mi-header-menu li a{
    text-transform:uppercase;
    font-size:.94rem;
    letter-spacing:1px;
    display:block;
    padding:5px 0;
    color:#a4acc4;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out;
    font-weight:600;
    position:relative;
    overflow:hidden;
    z-index:1
}
.mi-header-menu li a::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:100%;
    height:100%;
    width:0;
    background:rgba(3,127,253,.2);
    visibility:hidden;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out;
    z-index:-1
}
.mi-header-menu li a:hover{
    color:#037ffd
}
.mi-header-menu li a:hover::before{
    width:100%;
    visibility:visible
}
.mi-header-menu li a.active{
    color:#fff
}
.mi-header-menu li a.active::before{
    background:#037ffd;
    width:100%;
    visibility:visible
}
.mi-header-copyright{
    display:block;
    width:100%;
    text-align:center;
    margin-bottom:0;
    font-size:1rem;
    padding:15px 0;
    border-top:1px solid #2e344e
}
.mi-header-copyright a{
    color:#a4acc4;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.mi-header-copyright a:hover{
    color:#037ffd
}
.mi-header.is-visible{
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .mi-header{
        width:260px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .mi-header{
        width:260px;
        -webkit-transform:translateX(-100%);
        -ms-transform:translateX(-100%);
        transform:translateX(-100%)
    }
    .mi-header-toggler{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex
    }
    .mi-header-image a{
        height:150px;
        width:150px
    }
    .mi-header-menu li a{
        padding:7px 0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mi-header{
        width:250px;
        -webkit-transform:translateX(-100%);
        -ms-transform:translateX(-100%);
        transform:translateX(-100%)
    }
    .mi-header-toggler{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex
    }
    .mi-header-image a{
        height:150px;
        width:150px
    }
    .mi-header-menu li a{
        padding:7px 0
    }
}
@media only screen and (max-width:767px){
    .mi-header{
        width:250px;
        -webkit-transform:translateX(-100%);
        -ms-transform:translateX(-100%);
        transform:translateX(-100%)
    }
    .mi-header-toggler{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex
    }
    .mi-header-image a{
        height:150px;
        width:150px
    }
    .mi-header-menu li a{
        padding:7px 0
    }
}
.mi-socialicons{
    padding-left:0;
    margin-bottom:0
}
.mi-socialicons li{
    list-style:none;
    display:inline-block;
    margin:0 8px
}
.mi-socialicons li a{
    display:inline-block;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out;
    color:#a4acc4;
    font-size:1.5rem
}
.mi-socialicons li a:hover{
    color:#037ffd
}
.mi-socialicons-bordered li a{
    height:45px;
    width:45px;
    line-height:1;
    text-align:center;
    border:2px solid #2e344e;
    border-radius:100px;
    line-height:45px;
    font-size:1.3rem
}
.mi-socialicons-bordered li a svg{
    max-height:100%
}
.mi-socialicons-bordered li a:hover{
    border-color:#037ffd
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mi-socialicons-bordered li a{
        height:42px;
        width:42px;
        line-height:42px;
        font-size:1.1rem
    }
}
@media only screen and (max-width:767px){
    .mi-socialicons li a{
        font-size:1.25rem
    }
    .mi-socialicons-bordered li a{
        height:38px;
        width:38px;
        line-height:38px;
        font-size:1rem
    }
}
.mi-sectiontitle{
    margin-bottom:60px;
    position:relative;
    z-index:1
}
.mi-sectiontitle span{
    position:absolute;
    left:0;
    top:100%;
    font-size:6rem;
    line-height:1;
    font-weight:900;
    color:rgba(25,29,43,.44);
    display:inline-block;
    text-transform:uppercase;
    z-index:-1;
    -webkit-transform:translateY(-40%);
    -ms-transform:translateY(-40%);
    transform:translateY(-40%);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    white-space:nowrap
}
.mi-sectiontitle h2{
    font-weight:700;
    position:relative;
    padding-bottom:15px;
    text-transform:uppercase
}
.mi-sectiontitle h2::before{
    content:"";
    position:absolute;
    left:0;
    top:auto;
    bottom:0;
    height:5px;
    width:100px;
    background:rgba(3,127,253,.3);
    border-radius:100px
}
.mi-sectiontitle h2::after{
    content:"";
    position:absolute;
    left:0;
    top:auto;
    bottom:0;
    height:5px;
    width:35px;
    background:#037ffd;
    border-radius:100px
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .mi-sectiontitle span{
        font-size:4.5rem
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .mi-sectiontitle span{
        font-size:4.5rem
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mi-sectiontitle{
        margin-bottom:50px
    }
    .mi-sectiontitle span{
        font-size:4.2rem
    }
}
@media only screen and (max-width:767px){
    .mi-sectiontitle{
        margin-bottom:40px
    }
    .mi-sectiontitle span{
        font-size:3.8rem
    }
}
@media only screen and (max-width:575px){
    .mi-sectiontitle span{
        font-size:3.2rem
    }
}
.mi-smalltitle{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.mi-smalltitle h4{
    font-weight:700
}
.mi-smalltitle-icon{
    vertical-align:middle;
    margin-right:10px;
    font-size:1.71rem;
    line-height:2.43rem;
    color:#a4acc4
}
@media only screen and (max-width:767px){
    .mi-smalltitle-icon{
        font-size:1.51rem;
        line-height:2.13rem
    }
}
.mi-progress-title{
    font-weight:600;
    margin-bottom:0
}
.mi-progress-inner{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.mi-progress-percentage{
    -webkit-box-flex:0;
    -webkit-flex:0 0 60px;
    -ms-flex:0 0 60px;
    flex:0 0 60px
}
.mi-progress-container{
    background:#2e344e;
    display:block;
    height:6px;
    width:100%;
    position:relative
}
.mi-progress-active{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    background:#037ffd;
    width:0;
    -webkit-transition:all 1s cubic-bezier(.01,.57,.68,1.05) 0s;
    -o-transition:all 1s cubic-bezier(.01,.57,.68,1.05) 0s;
    transition:all 1s cubic-bezier(.01,.57,.68,1.05) 0s
}
.mi-service{
    border:1px solid #2e344e;
    border-top:5px solid #2e344e;
    padding:30px;
    background:#191d2b;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.mi-service-icon{
    margin-bottom:20px;
    display:inline-block;
    color:#037ffd;
    font-size:2.5rem
}
.mi-service h5{
    font-weight:600;
    position:relative;
    padding-bottom:15px;
    margin-bottom:15px
}
.mi-service h5::before{
    content:"";
    position:absolute;
    left:0;
    top:auto;
    bottom:0;
    height:2px;
    width:50px;
    background:#2e344e
}
.mi-service p{
    margin-bottom:0
}
.mi-service:hover{
    border-top-color:#037ffd
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .mi-service{
        padding:20px
    }
}
@media only screen and (max-width:575px){
    .mi-service{
        padding:20px
    }
}
.mi-portfolio{
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out;
    visibility:hidden;
    opacity:0
}
.mi-portfolio-image{
    display:block;
    position:relative
}
.mi-portfolio-image::before{
    content:"";
    position:absolute;
    left:15px;
    top:15px;
    height:calc(100% - 30px);
    width:calc(100% - 30px);
    background:rgba(255,255,255,.9);
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out;
    -webkit-transform:scaleX(0);
    -ms-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:0;
    -ms-transform-origin:0;
    transform-origin:0
}
.mi-portfolio-image ul{
    margin-bottom:0;
    padding-left:0;
    position:absolute;
    left:0;
    top:50%;
    text-align:center;
    width:100%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    visibility:hidden;
    opacity:0;
    margin-top:30px;
    -webkit-transition:all .4s ease-in-out .2s;
    -o-transition:all .4s ease-in-out .2s;
    transition:all .4s ease-in-out .2s
}
.mi-portfolio-image ul li{
    list-style:none;
    display:inline-block;
    margin:0 7px
}
.mi-portfolio-image ul li a,.mi-portfolio-image ul li button{
    display:inline-block;
    height:45px;
    width:45px;
    padding:5px 0;
    vertical-align:middle;
    text-align:center;
    line-height:1;
    background:#a4acc4;
    color:#fff;
    border:1px solid #a4acc4;
    border-radius:100px;
    outline:0;
    font-size:1.25rem;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.mi-portfolio-image ul li a svg,.mi-portfolio-image ul li button svg{
    height:100%
}
.mi-portfolio-image ul li a:not(:first-child),.mi-portfolio-image ul li button:not(:first-child){
    display:none
}
.mi-portfolio-image ul li a:hover,.mi-portfolio-image ul li button:hover{
    background:#037ffd;
    border-color:#037ffd
}
.mi-portfolio h5{
    color:#fff;
    margin-top:15px;
    margin-bottom:0;
    font-weight:700
}
.mi-portfolio h5 a{
    color:#fff;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.mi-portfolio h5 a:hover{
    color:#037ffd
}
.mi-portfolio h6{
    color:#a4acc4;
    margin-bottom:0
}
.mi-portfolio:hover .mi-portfolio-image::before{
    -webkit-transform:scaleX(1);
    -ms-transform:scaleX(1);
    transform:scaleX(1)
}
.mi-portfolio:hover .mi-portfolio-image ul{
    visibility:visible;
    opacity:1;
    margin-top:0
}
.mi-portfolio.mi-portfolio-visible{
    visibility:visible;
    opacity:1
}
.mi-resume-wrapper{
    border-left:3px solid #2e344e
}
.mi-resume{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.mi-resume-summary{
    -webkit-align-self:flex-start;
    -ms-flex-item-align:start;
    align-self:flex-start;
    -webkit-box-flex:0;
    -webkit-flex:0 0 220px;
    -ms-flex:0 0 220px;
    flex:0 0 220px;
    max-width:220px;
    padding-left:20px;
    position:relative
}
.mi-resume-summary::before{
    content:"";
    position:absolute;
    left:-9px;
    top:6px;
    height:15px;
    width:15px;
    border-radius:100px;
    background:#10121b;
    border:3px solid #2e344e
}
.mi-resume-year{
    color:#a4acc4;
    margin-bottom:0
}
.mi-resume-company{
    color:#fff
}
.mi-resume-details{
    position:relative;
    padding-left:50px
}
.mi-resume-details::before{
    content:"";
    position:absolute;
    left:0;
    top:15px;
    height:1px;
    width:30px;
    background:#2e344e
}
.mi-resume-details h5{
    color:#037ffd;
    margin-bottom:0;
    font-weight:700
}
.mi-resume-details p{
    margin-bottom:0
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .mi-resume-summary{
        -webkit-box-flex:0;
        -webkit-flex:0 0 170px;
        -ms-flex:0 0 170px;
        flex:0 0 170px;
        max-width:170px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mi-resume-summary{
        -webkit-box-flex:0;
        -webkit-flex:0 0 170px;
        -ms-flex:0 0 170px;
        flex:0 0 170px;
        max-width:170px
    }
}
@media only screen and (max-width:767px){
    .mi-resume{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .mi-resume-details{
        padding-left:20px
    }
    .mi-resume-details::before{
        left:3px;
        top:-15px;
        width:12px
    }
}
.mi-testimonial-slider .slick-list{
    margin-left:-15px;
    margin-right:-15px
}
.mi-testimonial{
    margin:0 15px
}
.mi-testimonial-content{
    min-height:150px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    padding:30px;
    margin-bottom:35px;
    position:relative;
    border-left:5px solid #2e344e;
    background:#191d2b
}
.mi-testimonial-content::after{
    content:"";
    position:absolute;
    left:30px;
    top:100%;
    border-style:solid;
    border-width:12px;
    border-color:#191d2b transparent transparent #191d2b
}
.mi-testimonial-content p{
    margin-bottom:0;
    font-size:1.2rem
}
.mi-testimonial-author h5{
    margin-bottom:0
}
.mi-testimonial-author h6{
    margin-bottom:0;
    color:#a4acc4
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .mi-testimonial-content{
        padding:20px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mi-testimonial-content p{
        font-size:1.1rem
    }
}
@media only screen and (max-width:767px){
    .mi-testimonial-content p{
        font-size:1.1rem
    }
}
@media only screen and (max-width:575px){
    .mi-testimonial-content{
        padding:20px
    }
}
.mi-blog{
    background:#191d2b;
    padding:10px;
    border-radius:4px
}
.mi-blog-image{
    display:block;
    border-radius:5px;
    overflow:hidden;
    position:relative
}
.mi-blog-image::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    background:rgba(3,127,253,.75);
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out;
    visibility:hidden;
    opacity:0
}
.mi-blog-image img{
    width:100%
}
.mi-blog-image:hover::after{
    visibility:visible;
    opacity:1
}
.mi-blog-media{
    border-radius:5px;
    overflow:hidden
}
.mi-blog-meta{
    font-size:.95rem
}
.mi-blog-meta span{
    color:#fff
}
.mi-blog-meta span a{
    color:#fff;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.mi-blog-meta span a:hover{
    color:#037ffd
}
.mi-blog-content h4{
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden
}
.mi-blog-content h4 a{
    color:#fff;
    font-weight:600;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.mi-blog-content h4 a:hover{
    color:#037ffd
}
.mi-blog-content ul{
    margin-bottom:10px
}
.mi-blog-content ul li{
    list-style:none
}
.mi-blog-content p{
    margin-bottom:0
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mi-blog{
        padding:15px
    }
    .mi-blog-content{
        margin-top:20px
    }
}
@media only screen and (max-width:767px){
    .mi-blog{
        padding:10px
    }
    .mi-blog-content{
        margin-top:20px
    }
}
.mi-blogdetails{
    background:inherit;
    padding:0
}
.mi-blogdetails .mi-blog-image::after{
    display:none
}
.mi-blogdetails .mi-blog-content{
    margin-top:20px
}
.mi-blogdetails .mi-blog-content blockquote{
    margin-top:20px;
    margin-bottom:20px
}
.mi-blogdetails .mi-blog-content p{
    margin-bottom:15px
}
.mi-blogdetails-tags{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    border-top:1px solid #2e344e;
    padding-top:15px
}
.mi-blogdetails-tags h6{
    margin-bottom:0;
    margin-right:15px
}
.mi-blogdetails-tags ul{
    font-size:0;
    list-style:none;
    margin-left:-5px;
    margin-top:-5px;
    margin-bottom:0
}
.mi-blogdetails-tags ul li{
    margin-left:5px;
    margin-top:5px;
    list-style:none;
    font-size:18px;
    display:inline-block
}
.mi-blogdetails-tags ul li a{
    display:inline-block;
    padding:5px 10px;
    border:1px solid #2e344e;
    color:#a4acc4;
    border-radius:3px;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.mi-blogdetails-tags ul li a:hover{
    color:#037ffd;
    border-color:#037ffd;
    background:rgba(3,127,253,.1)
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mi-blogdetails-tags ul li{
        font-size:.95rem
    }
}
@media only screen and (max-width:767px){
    .mi-blogdetails-tags ul li{
        font-size:.95rem
    }
}
.mi-widget-title{
    position:relative;
    padding-bottom:5px;
    margin-bottom:15px
}
.mi-widget-title::after{
    content:"";
    position:absolute;
    left:0;
    top:auto;
    bottom:0;
    height:2px;
    width:70px;
    background:#037ffd
}
.mi-widget-search .mi-form-field{
    margin-top:10px
}
.mi-widget-categories ul{
    list-style:none
}
.mi-widget-categories ul li{
    list-style:none
}
.mi-widget-categories ul li:not(:last-child){
    margin-bottom:3px
}
.mi-widget-categories ul li a{
    color:#a4acc4;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.mi-widget-categories ul li a:hover{
    padding-left:5px;
    color:#037ffd
}
.mi-widget-posts ul{
    list-style:none
}
.mi-widget-posts ul li{
    list-style:none
}
.mi-widget-posts ul li:not(:last-child){
    margin-bottom:15px
}
.mi-widget-posts ul li h6{
    font-weight:600;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    margin-bottom:0
}
.mi-widget-posts ul li h6 a{
    color:#fff;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.mi-widget-posts ul li h6 a:hover{
    color:#037ffd
}
.mi-widget-posts ul li span{
    font-size:.95rem
}
.mi-widget-posts ul li span span{
    color:#fff;
    opacity:.8
}
.mi-widget-tags ul{
    font-size:0;
    list-style:none;
    margin-left:-5px;
    margin-top:-5px
}
.mi-widget-tags ul li{
    margin-left:5px;
    margin-top:5px;
    list-style:none;
    font-size:18px;
    display:inline-block
}
.mi-widget-tags ul li a{
    display:inline-block;
    padding:5px 10px;
    border:1px solid #2e344e;
    color:#a4acc4;
    border-radius:3px;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.mi-widget-tags ul li a:hover{
    color:#037ffd;
    border-color:#037ffd;
    background:rgba(3,127,253,.1)
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mi-widget-tags ul li{
        font-size:.95rem
    }
}
@media only screen and (max-width:767px){
    .mi-widget-tags ul li{
        font-size:.95rem
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mi-widget-wrapper{
        margin-top:50px
    }
}
@media only screen and (max-width:767px){
    .mi-widget-wrapper{
        margin-top:50px
    }
}
.mi-comment{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin-top:30px
}
.mi-comment-thumb{
    -webkit-box-flex:0;
    -webkit-flex:0 0 80px;
    -ms-flex:0 0 80px;
    flex:0 0 80px;
    margin-right:25px;
    overflow:hidden;
    -webkit-align-self:flex-start;
    -ms-flex-item-align:start;
    align-self:flex-start;
    border-radius:1000px;
    border:1px solid #2e344e;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.mi-comment-thumb img{
    max-width:100%
}
.mi-comment-thumb:hover{
    border-color:#037ffd
}
.mi-comment-content::after{
    content:"";
    clear:both;
    display:table
}
.mi-comment-content h6{
    margin-top:-5px;
    margin-bottom:0;
    font-weight:700;
    font-size:1.18rem
}
.mi-comment-content h6 a{
    color:#fff;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.mi-comment-content h6 a:hover{
    color:#037ffd
}
.mi-comment-content p{
    margin-top:10px;
    margin-bottom:0
}
.mi-comment-date{
    font-size:.95rem;
    color:#fff
}
.mi-comment-replybutton{
    color:#fff;
    display:inline-block;
    margin-top:10px;
    font-weight:500;
    font-size:1rem;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.mi-comment-replybutton i{
    font-size:.9rem
}
.mi-comment-replybutton:hover{
    color:#037ffd
}
.mi-comment-replypost{
    padding-left:105px
}
@media only screen and (max-width:767px){
    .mi-comment-replypost{
        padding-left:30px
    }
}
@media only screen and (max-width:575px){
    .mi-comment{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .mi-comment-thumb{
        -webkit-box-flex:0;
        -webkit-flex:0 0 60px;
        -ms-flex:0 0 60px;
        flex:0 0 60px;
        max-width:60px;
        margin-right:20px
    }
    .mi-comment-content{
        margin-top:20px
    }
    .mi-comment-date{
        display:block
    }
}
.mi-home-area{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    min-height:100vh;
    position:relative;
    z-index:1
}
.mi-home-particle{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    z-index:-1
}
.mi-home-content{
    text-align:center;
    padding:50px 80px
}
.mi-home-content h1{
    font-weight:700
}
.mi-home-content p{
    margin-top:15px;
    font-size:1.25rem;
    line-height:2rem
}
.mi-home-content .mi-socialicons{
    margin-top:20px
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .mi-home-content{
        padding:50px 0
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .mi-home-content{
        padding:50px 0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mi-home-content{
        padding:50px 0
    }
    .mi-home-content p{
        font-size:1.15rem;
        line-height:1.75rem
    }
}
@media only screen and (max-width:767px){
    .mi-home-content{
        padding:50px 0
    }
    .mi-home-content p{
        font-size:1.08rem;
        line-height:1.55rem
    }
}
@media only screen and (max-width:575px){
    .mi-home-content h1 span{
        display:block
    }
}
.mi-about-image{
    position:relative;
    width: 70%;
    margin-left: 0%;
}
.mi-about-image::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    height:65%;
    width:15px;
    background:rgba(3,127,253,.6)
}
.mi-about-image::after{
    content:"";
    position:absolute;
    left:auto;
    right:0;
    top:auto;
    bottom:0;
    height:65%;
    width:15px;
    background:rgba(3,127,253,.6)
}
.mi-about-image img{
    width:100%
}
.mi-about-image-icon{
    position:absolute;
    left:50%;
    top:50%;
    height:100px;
    width:100px;
    margin-left:-50px;
    margin-top:-50px;
    color:#fff;
    display:inline-block;
    visibility:hidden;
    opacity:0;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all .4s ease-out 0s;
    -o-transition:all .4s ease-out 0s;
    transition:all .4s ease-out 0s;
    pointer-events:none
}
.mi-about-image-icon svg{
    height:100%;
    width:100%
}
.mi-about-image:hover .mi-about-image-icon{
    visibility:visible;
    opacity:.5;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.mi-about-content h3{
    font-weight:600;
    margin-top:-8px
}
.mi-about-content ul li{
    list-style:none;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.mi-about-content ul li:not(:last-child){
    margin-bottom:3px
}
.mi-about-content ul li b{
    min-width:120px;
    display:inline-block;
    position:relative;
    margin-right:7px
}
.mi-about-content ul li b:after{
    content:":";
    position:absolute;
    top:0;
    left:auto;
    right:0
}
.mi-about-content .mi-button{
    margin-top:15px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mi-about-content{
        margin-top:30px
    }
}
@media only screen and (max-width:767px){
    .mi-about-image-icon{
        height:70px;
        width:70px;
        margin-left:-35px;
        margin-top:-35px
    }
    .mi-about-content{
        margin-top:30px
    }
    .mi-about-content ul li b{
        min-width:90px
    }
}
.mi-contact-info{
    margin-top:-30px
}
.mi-contact-infoblock{
    margin-top:30px;
    background:#191d2b;
    padding:30px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.mi-contact-infoblock-icon{
    display:inline-block;
    height:70px;
    width:70px;
    -webkit-box-flex:0;
    -webkit-flex:0 0 70px;
    -ms-flex:0 0 70px;
    flex:0 0 70px;
    max-width:70px;
    border:1px solid #2e344e;
    text-align:center;
    line-height:66px;
    margin-right:20px
}
.mi-contact-infoblock-icon svg{
    height:30px;
    width:30px
}
.mi-contact-infoblock-content h6{
    margin-top:-5px
}
.mi-contact-infoblock-content p{
    margin-bottom:0
}
.mi-contact-infoblock-content p a{
    color:#a4acc4;
    -webkit-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.mi-contact-infoblock-content p a:hover{
    color:#037ffd
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mi-contact-info{
        margin-top:50px
    }
}
@media only screen and (max-width:767px){
    .mi-contact-info{
        margin-top:50px
    }
}
@media only screen and (max-width:575px){
    .mi-contact-infoblock{
        padding:20px;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .mi-contact-infoblock-icon{
        height:55px;
        width:55px;
        -webkit-box-flex:0;
        -webkit-flex:0 0 55px;
        -ms-flex:0 0 55px;
        flex:0 0 55px;
        max-width:55px;
        line-height:51px
    }
    .mi-contact-infoblock-content{
        margin-top:20px;
        -webkit-box-flex:0;
        -webkit-flex:0 0 100%;
        -ms-flex:0 0 100%;
        flex:0 0 100%
    }
}