*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin:0;padding:0;
    list-style-type: none;
}
:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
*,html{ margin:0;padding:0;outline:none;list-style:none; }

html{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
body{
   background: #f8f9fa;
   font-family: 'Roboto', sans-serif;
    line-height: 1.8;
    color: #303030;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
ul,ol,h1,h2,h3,h4,h5,h6{ margin:0;padding:0 }
iframe{ border:none;outline:none; }

button,input,select,textarea{ font-family:inherit;font-size:inherit;line-height:inherit;resize:none; }
a{ background-color:transparent;color:#1a191a;text-decoration:none; }
a:hover,a:focus,a:active{ outline:0;text-decoration:none;cursor:pointer;  }

img{ border:0;border:none;vertical-align:middle;max-width:100%; }
h1,h2,h3,h4,h5,h6{ color: #1c191a; font-weight: bold;}

h1 { font-size: 26px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6{ font-size: 10px; }

p + p { margin-top:15px; }
p + h1, 
p + h2, 
p + h3, 
p + h4, 
p + h5, 
p + h6, 
p + img, 
p + ul, 
p + ol { margin-top:30px; }

article ul, article ol { margin:25px 0px; }


article h1, article h2, article h3, article h4, article h5, article h6 { margin-bottom:15px; }


p{ display:block;color:#6b7177;margin:0; }
button{ overflow:visibl;  }
button,[type=button],[type=reset],[type=submit]{ -webkit-appearance:button;cursor:pointer }
button::-moz-focus-inner,input::-moz-focus-inner{ padding:0;border:0 }

label{ display:inline-block; font-weight:500;max-width:100% }
input[type=file]{ display:block }
select[multiple],select[size]{ height:auto }
textarea{  overflow:auto }

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}



.row { margin-left: -15px;margin-right: -15px; }


[class*=col-] { position: relative;min-height: 1px;padding-left: 15px; padding-right: 15px; }

[class*=col-md] { float: left; }

.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }


@media (min-width: 992px) {
      [class*=col-md] { float: left; } 
      .col-md-12 { width: 100%;  }
      .col-md-11 { width: 91.66666667%; }
      .col-md-10 { width: 83.33333333%; }
      .col-md-9 { width: 75%; }
      .col-md-8 { width: 66.66666667%; }
      .col-md-7 { width: 58.33333333%; }
      .col-md-6 { width: 50%; }
      .col-md-5 { width: 41.66666667%; }
      .col-md-4 { width: 33.33333333%; }
      .col-md-3 { width: 25%; }
      .col-md-2 { width: 16.66666667%; }
      .col-md-1 { width: 8.33333333%; }
}



.container{  padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto }
@media (min-width:768px){
    .container{ width:750px }
}
@media (min-width:992px){
    .container{ width:90% }
}
@media (min-width:1200px){
    .container{ width:1280px  }
}

.ad { margin:30px 0px;text-align: center; }


.container:after,.container:before,.nav:after,.nav:before,.row:after,.row:before{ display:table;content:" "; }
.container:after,.row:after{ clear:both; }



.breadcrumb{ display:block;color:#FFFFFF;font-size: 13px; }
.breadcrumb > li{ display:inline-block; }
.breadcrumb > li + li {padding-left:10px;}
.breadcrumb > li + li:before{ content: "/";display: inline-block; padding-right: 10px;color: #FFFFFF; }
.breadcrumb > li > a{ color:#FFFFFF;  }
.breadcrumb > li:last-child > a , .breadcrumb > li:last-child {color: #EEE; }




.wrapper{  position:fixed;top:0;left:0;bottom:0;right:0; display:flex;align-items:center;justify-content:center;flex-direction: column;padding:0px 100px; text-align: center;}
.wrapper .fal{ font-size:3rem;margin-bottom:30px; }
.wrapper h1{font-size:2.5rem;font-weight:900; line-height:1.1;margin-bottom:10px;}
.wrapper p{font-size:1.5rem; }
.wrapper .actions{ margin-top:15px; }
.wrapper .actions a{ display:inline-block;padding:5px;color:#6b7177; }

.wrapper .looking { margin-top:30px; }



.form-group{ margin-bottom:15px }
.form-group > label{ display: inline-block;font-weight: 600; font-size: .875rem; margin-bottom:2px;color: #1c191a; }
.form-control{ display: block; width: 100%;padding: .65rem .75rem;font-size: .875rem;font-weight: 400;line-height: 21px;color: #646162;background: #FFFFFF;border: 1px solid #DDDDDD;border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.form-control:focus, .form-control:active {color: #646162;background-color: #fff; border-color: #BBBBBB;outline: 0;box-shadow: 0 0 0 0 rgb(137 23 230 / 25%); }

.form-control[disabled],.form-control[readonly]{  background-color:#eee; opacity:1 }
.form-control[disabled]{ cursor:not-allowed }

[class*=btn][disabled]{ opacity:.4;cursor:not-allowed; }
[class*=btn]{
    display: inline-block;
    font-weight: 600;
    color: #1c191a;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .75rem 1.5rem;
    font-size: .875rem;
    line-height: 1;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-primary{ background:#f18818;color:#FFF;}

.btn-danger{ background:#e4091a;color:#FFF;}



.form-control::-moz-placeholder{ color:#999999;opacity:1 }
.form-control:-ms-input-placeholder{ color:#999999; }
.form-control::-webkit-input-placeholder{ color:#999999; }





.header {background:#FFF;border-bottom:1px solid #EEE;padding:30px 0px;}

.header .container {  display: flex;align-items: center;  }

.header .logo { display: block;min-width: 150px; }

.header .right{display:flex;align-items:center;justify-content:center;margin-left:auto;}

.header .right a { display:block;padding:0px 0px 0px 20px;font-weight:bold; }

.header .right .menu-toggle{ display:none;font-size:20px;margin-left:0px;}





.result { display: flex;align-items: center;justify-content: flex-start;padding:15px 0px 10px 10px; }

.result.success {   color:#2fbe16;  }
.result.error { color:#d82310;   }



.result .fal { display:inline-block;height:15px;line-height:15px;font-size:14px;width:15px;text-align: center;color: #FFF;margin-right: 5px;border-radius: 100%;}
.result > span { font-weight: bold; }


.result.success .fal { background: #2fbe16;}
.result.error .fal { background: #d82310; }




.result .actions a { display:block;font-weight: 500;font-size:14px;padding: 5px 10px;background: #EEE;border-radius: 3px;color:#666666;margin-left:5px;color:#222;font-weight: bold; }

.result .actions { display: flex;align-items: center;justify-content: center;margin-left: auto; }




.section{ position: relative; padding:30px;background: #FFFFFF; border-radius: 4px;box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px;   }



.collapse {  position: relative;}
.collapse:last-child { border-bottom:0px; }


.collapse .title { display: flex;align-items: center;justify-content: flex-start;font-weight: bold;margin:0px !important;font-size:18px;cursor: pointer; }
.collapse .title .fal { display:inline-block;width:25px;height:25px;line-height:25px;font-size:20px;margin-left:auto; border-radius: 100%;background:#EEE;text-align:center; }



.collapse .content { display: none;padding-top:20px;margin-top:20px;margin-bottom:30px;border-top:1px solid #EEE;}
.collapse.open .content{ display: block; }
.collapse.open .title .fal{ background:#f18719;color:#FFF;transform: rotate(180deg); }

.collapse + .collapse { margin-top:20px; }


.menu-overlay{display: none;}

.open .menu-overlay{display:block;position: fixed;top:0;left:0;background:rgba(0,0,0,.4);width:100%;height:100%;transition: .2s all ease;z-index: 999999999;}

.open .menu { right: 0; z-index: 9998; }

.menu {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: fixed;
    top: 0;
    bottom: 0;
    right: -350px;
    width: 350px;
    background: #FFF;
    box-shadow: 0 1px 0.75rem 0.125rem rgb(0 0 0 / 10%);
    transition: .2s all ease;
    z-index:1;
    padding:3rem 2rem;
    text-align: center;
}

.menu .nav > li > a { display: block;color: #141414;font-weight: 600;padding: 10px 0px; }
.menu .nav > li.seperator{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #EDEDED;}

.menu .menu-close{display:block;padding:5px;font-size:20px;color:#000;margin-bottom:20px;}
.menu .logo {display:block;margin-bottom:10px;}
.menu p{display: block;color: #777777;font-size: 14px;}

.menu .socials{border-top:1px solid #EDEDED;padding-top:15px;margin-top:15px;}


.hero{ display:flex;align-items:center;justify-content:center;flex-direction:column;height:30vh;margin-bottom:40px;background: #323448;text-align: center; }

.hero h1{ font-size: 26px;font-weight: bold; color:#FFF; }








.search{ display:flex;align-items:center;justify-content:center;flex-direction:column;height:45vh;margin-bottom:40px;background: #FFF;background:#323448;border-bottom:1px solid #EEEEEE;text-align: center; }

.search h1{ font-size: 26px;font-weight: bold;max-width:700px;color:#FFFFFF;  }
.search p {  margin-bottom:30px;max-width:700px;color:#EEE; }


.looking {  display: flex; align-items: center; justify-content: center;min-width:700px;max-width:700px; }

.looking .form-control{ display: block; width: 100%; padding:0 10px; height: 50px; line-height: 50px;  background: #FFFFFF; font-size: 15px; font-weight: 400; color: #212326; border-radius:4px; margin-right: 15px; }


.looking .btn-primary { display: inline-block; color: #FFFFFF; font-size: 1rem; padding: 0px 35px; height: 50px; line-height: 50px; border-radius: 4px; cursor: pointer; border: none; font-weight: bold; }






.widget{ position: relative; background: #ffffff; border-radius: 4px; margin-bottom: 30px;box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px;overflow:hidden; }


.widget .item{display:flex;align-items:center;justify-content:flex-start;padding:10px 20px;border-bottom:1px solid #EEE;font-size:14px;}

.widget .item:last-child{border-bottom:none}

.widget .heading{ font-weight:bold;padding:11px 20px;border-bottom:1px solid #EEE;background-color:#f8f9fa;}

.widget .item .left{width:140px;color:#757575;margin-right:15px;}
.widget .item .right{color:#303030}

 

.widget .item .fa-check { display:inline-block;height:15px;line-height:15px;font-size:12px;width:15px;border-radius: 2px;text-align: center;background: #2fbe16; color: #FFF;margin-right: 10px;}







      



.sidebar .title { padding:15px 20px;font-weight: bold; background:#f8f9fa;}
.sidebar .item a { display: block;padding:10px 20px; }
.sidebar .item:nth-child(even) a { background:#f8f9fa; } 
.sidebar .item:last-child a { border-bottom:1px solid #f8f9fa;  }



.footer { background:#FFFFFF;color: #aeaeaf;font-size:13px;border-top:1px solid #EEE;margin-top:50px; }


.footer .container { display: flex;align-items: center; }
.footer .logo { padding:30px 30px 30px 0px;}
.footer .logo img { width:90px; }
.footer .links { display: flex;align-items: center; }
.footer .links li a{ display: flex;align-items: center;color: #666; padding-right:10px; }
.footer .copyright{ margin-left: auto;color:#666; }
.footer .copyright a {color:#666;}




@media (max-width:768px){


    body.open .menu-toggle .fal:before { content:"\f00d"; }
    body.open .header { position:fixed;top:0;left:0;width:100%;z-index:9999; }

    .header { display: flex;align-items: center;justify-content: center;height: 70px;padding: 0;width:100%; }
    .header .container { width:100%; }
    .header .right a { display: none; }
    .header .right a:last-child{ display: block;margin-right:0px; }
    .open .menu{width:100%;}

    .menu {top: 70px;padding:2rem;}
    .menu p{display: none;}

    .menu .nav li a{padding:5px 0px;}

    .page404 .inset{padding: 0px 30px;max-width: 100%;}
    .page404 .btn-danger{padding: 5px;}

    .search{ padding:50px 15px;margin-bottom:50px;height:auto; }
    .search h1{ font-size:20px; }
    .search p { font-size:14px; }
    .search .looking { min-width: 100% !important; width:100% !important; }


    .search .btn-primary { padding:0 15px; }

    .article { margin-top:0px;color: #6a6a6a;}
    .article, .sidebar { padding:0px 15px; }

    .sidebar { padding-top:50px; }


    .result { display: block;padding:20px 0px 0px 0px; }
    
    .widget .item{ display:block; }

    .wrapper  { padding:0 30px; }
    .wrapper .fal { font-size:3rem; }
    .wrapper h1 { font-size:1.5rem; }
    .wrapper p { font-size:1rem; }
    .wrapper .looking { display:block; max-width:100%;min-width:100%;width:100%; }
    .wrapper .looking .btn-primary { height:auto;line-height:21px;padding:10px 15px;font-size:14px;margin-top:25px; }
    .share { margin:30px; }
    .footer-ad { margin-top: 30px; }
    .header-ad { margin-bottom:30px; }

    .footer { text-align: center;padding-bottom:20px;margin-top:30px; }
    .footer .container{display: block; } 
    .footer .logo{ border-right:0px;margin-right: 0px;padding:20px 0px 10px 0px;  }
    .footer .links{ display: block; }
    .footer .links li { display: inline-block; }
    .footer .links li a { display: block;padding:10px; }
    .footer .copyright, .footer .copyright a { color:#AAA; }



}