﻿

/*site fonts*/
@font-face {
font-family: 'Open Sans';
src: url('../fonts/OpenSans.eot');
src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
	url('../fonts/OpenSans.woff') format('woff'),
	url('../fonts/OpenSans.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Open Sans';
src: url('../fonts/OpenSans-Italic.eot');
src: url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
	url('../fonts/OpenSans-Italic.woff') format('woff'),
	url('../fonts/OpenSans-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}


@font-face {
  font-family: 'Max-SemiBold';
  src: url('../fonts/Max-SemiBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Max-SemiBold.otf')  format('opentype'),
	     url('../fonts/Max-SemiBold.woff') format('woff'), url('../fonts/Max-SemiBold.ttf')  format('truetype'), url('../fonts/Max-SemiBold.svg#Max-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
font-family: 'Open Sans';
src: url('../fonts/OpenSans-Light.eot');
src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/OpenSans-Light.woff') format('woff'),
	url('../fonts/OpenSans-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
.font23{font-size:0.958em}
.font35{font-size:1.458em}
.all-max *{font-family:Max-SemiBold !important}

/*font icons*/
@font-face {
  font-family: 'ico';
  src:  url('fonts/linkdev-icons.eot?ewwnvy');
  src:  url('fonts/linkdev-icons.eot?ewwnvy#iefix') format('embedded-opentype'),
    url('fonts/linkdev-icons.ttf?ewwnvy') format('truetype'),
    url('fonts/linkdev-icons.woff?ewwnvy') format('woff'),
    url('fonts/linkdev-icons.svg?ewwnvy#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* css reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline;border-collapse:separate;font-family: 'Open Sans';}
h1,h2,h3,h4,h5,h6{font-family: 'Max-SemiBold' !important;text-transform:lowercase !important}
h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{font-family: 'Max-SemiBold' !important;text-transform:lowercase !important}
article, aside, dialog, figure, footer, header, hgroup, nav, section{display:block}
body{line-height:1.3;font-size: 24px}
table{border-collapse:separate;border-spacing:0}
caption, th, td{text-align:left;font-weight:normal}
table, td, th{vertical-align:top}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
a img{border:none}
div,header{box-sizing:border-box}
.clearfix{clear:both;display:block}

body{background:url("Images/Error/ErrorBg.jpg") top center no-repeat;background-size:cover}
.body-content{margin-top:16%;color:#fff;text-align:center}

.error-page .not-found{font-weight:300}
.error-page .error-num{display:block;font-size:7em;font-family:"Max-SemiBold";line-height:0.5em;margin-bottom:110px}
.inner-error-container{background:rgba(0,0,0,0.3);border-radius:10px;padding:35px 100px 50px;width:55%;margin:auto}
.inner-error-container p{margin-bottom:50px;/*font-family:"Myriad Pro"*/}
.link-logo{width:120px;margin:45px 0px 35px}
/*buttons*/
.primary-btn{background-color:#ef15b4;font-size:0.665em;color:#fff;text-decoration:none!important;border-radius:5px;padding:15px 42px;text-decoration:capitalize;display:inline-block;transition:.3s;cursor:pointer;margin-right:40px;width:40%}
.primary-btn:hover, .primary-btn:focus, .primary-btn:active{background-color: #ff42cc;color:#fff}
.secondary-btn{background-color:transparent;font-size:0.665em;color:#fff;text-decoration:none!important;border-radius:5px;padding:15px 42px;text-decoration:capitalize;display:inline-block;transition:.3s;cursor:pointer;border:1px solid #fff;width:40%}
.secondary-btn:hover, .secondary-btn:focus, .secondary-btn:active{background-color: #fff;color:#000}
.primary-btn.wide-btn{padding:15px 0px!important}

/*.staticSocialMedia{margin-bottom:220px}*/
.staticSocialMedia a{margin:0px 15px;color:#fff}

@media screen and (max-width: 1600px) {
    .primary-btn , .secondary-btn{margin:10px 0px;width:100%}
    .error-page .error-num{margin-bottom:80px}
    .link-logo{margin:25px 0px 30px}
    .inner-error-container{padding:35px 70px 50px}
    .inner-error-container p{margin-bottom:25px}
}
@media screen and (max-width: 980px) {
body{font-size: 20px}
 .error-page .error-num{font-size:5em;margin-bottom:50px}
}
@media screen and (max-width: 768px) {
    body{font-size: 16px}
    .staticSocialMedia{margin-bottom:0}
    .inner-error-container{width:85%}
     .error-page .error-num{font-size:3em;margin-bottom:30px}
}
@media screen and (max-width: 480px) {
    .inner-error-container{width:95%;padding:35px}
    .primary-btn , .secondary-btn{padding:15px 10px}
}
