/* #####
  Theme Name: Erroite
  Theme Uri: https://pcmshaper.com/bootstrap-templates/erroite
  Author: PCMShaper
  Author Uri: https://pcmshaper.com
  Description: Erroite - Responsive 404 Error Page Bootstrap Template
  Version: 1.0.0
##### */

/* Google Fonts */

@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);

h1, h2, h3, h4, h5, h6 {font-family: 'Lato', sans-serif;font-weight: 300;}

/* Main CSS */

body {background: url('../images/erroite_bg.png') top;font-family: 'Lato', sans-serif;color: #fff;}
#wrapper .section-banner-wrapper {padding: 100px;}
#wrapper .section-banner-wrapper .logo {margin-bottom: 50px;}
#wrapper .section-banner-wrapper .left {height: 250px;border-radius: 100%;background: #e43518;}
#wrapper .section-banner-wrapper .left h2 {padding: 85px 0px;}
#wrapper .section-banner-wrapper .right {background: #f49e1a;height: 250px;border-radius: 100%;}
#wrapper .section-banner-wrapper .right h2 {padding: 105px 0px;}
#wrapper .section-banner-wrapper .bottom h1 {font-size: 151px;color: #f49e1a;font-weight: 700;line-height: 103px;border-bottom: 1px solid #e43518;border-top: 1px solid #f49e1a}
#wrapper .section-banner-wrapper .bottom strong span {color: #e43518;}
#wrapper .section-banner-wrapper .content {position: relative;top: 100px;color: #333;}
#wrapper .section-banner-wrapper .content h1 {font-size: 125px;font-weight: 700;margin: 0 0 40px;letter-spacing: .2em;}
#wrapper .section-banner-wrapper .content h1 strong {color: #e43518;text-shadow: 0px 2px 1px #fff;}
#wrapper .section-banner-wrapper .content h2 {margin: 0 0 30px;font-size: 32px;}
#wrapper .section-banner-wrapper .content p {font-size: 18px;font-weight: 300;}
#wrapper .section-banner-wrapper .content a.btn {font-size: 16px;border-radius: 50px;padding: 15px 45px;border: 3px solid #fff;}
#wrapper .section-banner-wrapper .content a.btn:hover {border: 3px solid #d6d6d6;background: rgba(255, 255, 255, 0);}

#wrapper .section-banner-wrapper .menu-social ul {margin: 0;padding: 0;margin-right: 5px;display: block;line-height: 80px;}
#wrapper .section-banner-wrapper .menu-social ul li {list-style: none;display: inline-block;margin-left: -4px;}
#wrapper .section-banner-wrapper .menu-social ul li a {background: rgba(0, 0, 0, 0.36);color: #fff;padding: 8px 13px;font-weight: 600;border-left: 2px double #f49e1a;border-right: 2px double #e43518;border-radius: 4px;margin: 0px 4px;}
#wrapper .section-banner-wrapper .menu-social ul li.add a:hover {background: #f49e1a;border-left: 5px double #f49e1a;border-right: 5px double #e43518;}
#wrapper .section-banner-wrapper .menu-social ul li.even a:hover {background: #e43518;border-left: 5px double #f49e1a;border-right: 5px double #e43518;}