body {
 font-family: 'Poppins', sans-serif!important;
 font-size:13px!important;
}
#loader-wrapper .loader {
 position: fixed;
 top: 0;
 width: 50%;
 height: 100%;
 background: #eee;
 z-index: 9999;
}
#loader-wrapper .loader.section-left {
 left: 0;
 /*background:url(pt-left.png) no-repeat bottom left;
 background-size: contain;*/
  background:transparent;
}

#loader-wrapper .loader.section-right {
 right: 0;
/* background:url(pt-right.png) no-repeat bottom right;
 background-size: contain;*/
 background:transparent;
}

#loader-wrapper .loader.section-left:before {
	content:'';
    background:url(pt-left.png) no-repeat bottom right ;
 	background-size: contain;
    position:absolute;
    width:100%;
    height:168px;
bottom:100px;
}
#loader-wrapper .loader.section-right:after {
	content:'';
    background:url(pt-right.png) no-repeat bottom left ;
 	background-size: contain;
    position:absolute;
    width:100%;
    height:168px;
bottom:100px;
}

#loader-wrapper .btn-more {
 width:220px;
 text-align:center;
 border:2px solid #bc1b13;
 border-radius:25px;
 color:#bc1b13;
 font-size:16px;
 font-weight:700;
 text-transform:uppercase;
 cursor:pointer;
 position:absolute;
 bottom:100px;
 left: 50%;
 margin-right: -50%;
 -webkit-transform: translateX( -50%);
 -moz-transform: translateX( -50%);
 transform: translateX(-50%);
 z-index:99999
}
#loader-wrapper .btn-more span {
    position: absolute;
    width: 75px;
    height: 90px;
    left: 50%;
    margin-left: -37px;
    top: calc(100% - 173px);
    background: url(sizer.png) no-repeat center center;
    background-size: cover;
}


#loader-wrapper .btn-more:hover {
 background:#bc1b13;
 color:#fff;
}
#loader-wrapper .btn-more:hover span{
 background:url(sizer-hover.png) no-repeat center center;
}
 


/* Loaded */
.loaded #loader-wrapper .loader.section-left {
 -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: translateX(-100%);  /* IE 9 */
 transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
 -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader-wrapper .loader.section-right {
 -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: translateX(100%);  /* IE 9 */
 transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
 -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader {
 opacity: 0;
 -webkit-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
 visibility: hidden;
 -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: translateY(-100%);  /* IE 9 */
 transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
 -webkit-transition: all 0.3s 1s ease-out;
 transition: all 0.3s 1s ease-out;
}
/**/
.inf-container {
 position: absolute;
 /*z-index: 9999;*/
 z-index: 0;
 width: 100%;
 top:0;
 bottom:0;
 background:url(back.jpg) no-repeat center center;
 background-size: cover;
}
.inf-container .inf-hover {
 background: url(back-hover.jpg) no-repeat center center;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-size: cover;
 z-index: -1;
}
.inf-container .logo {
 margin:30px auto;
 display:table;
 width:170px;
}
.inf-container h1 {
 text-align: center;
 margin: 0;
 color: #bc1b13;
 text-shadow: 0px 0px 2px #ffe271;
 font-size:35px;
}
.inf-container .inf-col {
width:95%;
 max-width:900px;
 margin:20px auto 0;
 text-align:center
}
.inf-container .inf-col {
 content:'';
 display:table;
 clear:both;
}
.inf-container .inf-col h3 {
 margin:0;
 color:#1081b5
}
.inf-container .inf-col img {
 width:100px;
 height:100px;
 border-radius:100%;
 margin:15px 0
}
.inf-container .inf-col p {
 margin:0;
 font-weight:600;
 font-size:15px;
}
.inf-container .inf-col p span {
 display:block;
 font-weight:400;
 font-size:12px;
}
.inf-container .inf-col-left {
 width:30%;
 padding:10px;
 float:left;
 box-sizing:border-box
}
.inf-container .inf-col-center {
 width:40%;
 padding:10px;
 float:left;
 box-sizing:border-box
}
.inf-container .inf-col-right {
 width:30%;
 padding:10px;
 float:left;
 box-sizing:border-box
}
.inf-container .dt-col {
 padding: 10px 15px;
 background: #ea6633;
 box-shadow: 0px 0px 2px 5px #ffe271;
 display: table;
 margin: 50px auto 0px;
 text-align: center;
 color: #fff;
}
.inf-container .dt-col p {
 font-size:22px!important;
 font-weight:700;
 line-height:30px;
 margin:5px 0;
 padding:0
}
@media only screen and (min-width:320px) and (max-width:767px) {
.inf-container .logo { 
    width: 120px;
}
#loader-wrapper .loader.section-left::before { 
	background-size: cover; 
	height: 50px;     bottom: 200px;
}
#loader-wrapper .loader.section-right::after { 
	background-size: cover; 
	height: 50px;     bottom: 200px;
}
.inf-container h1 {
 font-size:18px;
}
.inf-container .dt-col { padding: 5px 15px;
	margin: 0px auto 0px; 
}
.inf-container .dt-col p {
    font-size: 17px !important; 
    line-height: 22px; 
}
.inf-container .inf-col {
 
 margin:0 auto 0; 
}
.inf-container .inf-col-left {
 width:50%;
}
.inf-container .inf-col-center {
 width:100%;
}
.inf-container .inf-col-right {
 width:50%;
 }
 #loader-wrapper .btn-more { 
	 
	bottom: 120px;  
}
#loader-wrapper .btn-more span {
	 
	width: 45px;
	height: 50px; 
	margin-left: -22px;
	top: calc(100% - 139px); 
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
#loader-wrapper .btn-more {
	bottom: 35px;
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
#loader-wrapper .btn-more {
	bottom: 62px;
}
}