/* reset */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;

}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section 
{
display: block;

}
ol,ul
{
list-style:none;
margin:0px;
padding:0px;

}
blockquote,q
{
quotes:none;

}
blockquote:before,blockquote:after,q:before,q:after
{
content:'';
content:none;

}
table
{
border-collapse:collapse;
border-spacing:0;

}
/* start editing from here */a
{
text-decoration:none;

}
.txt-rt
{
text-align:right;

}
/* text align right */.txt-lt
{
text-align:left;

}
/* text align left */.txt-center
{
text-align:center;

}
/* text align center */.float-rt
{
float:right;

}
/* float right */.float-lt
{
float:left;

}
/* float left */.clearfix
{
clear:both;

}
/* clear float */.pos-relative
{
position:relative;

}
/* Position Relative */.pos-absolute
{
position:absolute;

}
/* Position Absolute */.vertical-base
{
vertical-align:baseline;

}
/* vertical align baseline */.vertical-top
{
vertical-align:top;

}
/* vertical align top */.underline
{
padding-bottom:5px;
border-bottom: 1px solid #eee;
 margin:0 0 20px 0;

}
/* Add 5px bottom padding and a underline */nav.vertical ul li
{
display:block;

}
/* vertical menu */nav.horizontal ul li
{
display: inline-block;

}
/* horizontal menu */img
{
max-width:100%;

}
html
{
  font-family: 'Open Sans', sans-serif;
    font-size: 100%;
    background: url('bg.jpg');
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    width: 100%;
min-height: 100%;

}
body a
{
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;

}
p 
{
    color: #fff;
    font-family: 'open sans', sans-serif;
    line-height: 1.5em;
    
}
address 
{
 margin-bottom: 1.5em;
   
}
h1 
{
    font-family: 'Lato', sans-serif;
color: #ffd800;
font-size:2em;
text-align:left;
font-weight: 300;
margin:0.5em 0 0.1em 0;
text-transform: uppercase;

}
h2 
{
color: #ffd800;
font-size:1.3em;
text-align:left;
font-weight: 300;
margin:0.5em 0 0.1em 0;
    font-family: 'Lato', sans-serif;
text-transform: uppercase;

}
h3 
{
    font-family: 'open sans', sans-serif;
color: #fff;
font-size:0.8em;
    font-style:italic;
text-align:left;
font-weight: 400;
margin:0 0 1em 0;
    font-kerning: 2pt;

}
h4 
{
color: #ffd800;
font-size:1em;
text-align:left;
font-weight: 300;
margin:0.5em 0 0.1em 0;
    font-family: 'Lato', sans-serif;
text-transform: none;

}
/*-- header --*/.container
{
width:90%;
margin: 0 auto;

}
.container-subtitle
{
width:100%;
margin: 0 auto;
    background: rgba(88,89,91,0.5);

}
.subtitle 
{
    width: 90%;
    margin: 0 auto;

}
/*-- header --*/.header 
{
border-bottom: 1px solid #EEE;
    background-color: #f65339;

}
.logo 
{
float: left;
height: 60px;
    width: auto;

}
.lorem-logo
{
    font-family: 'open sans', sans-serif;
color: #fff;
font-size:1.5em;
    font-style:normal;
text-align:left;
font-weight: 400;
    position:relative;
    top:25px;

}
.lorem-logo a 
{
    color: #fff;

}
span.menu
{
display:none;

}
.top-nav
{
float:none;
position: relative;
padding-top: 10px;
    background-color: #f65339;

}
.top-nav ul
{
margin:0;
padding:0;
display:none;

}
.top-nav ul li
{
display:block;
    position: relative;
    top: 1px;

}
.top-nav ul li a
{
padding: 5px 0 5px 0;
display: inline-block;
font-weight:400;
text-decoration: none;
color: #fff;
width:100%;
border-bottom: 1px solid #fff;
font-family: 'Lato', sans-serif;
font-size: 0.875em;
text-transform:uppercase;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
border-radius: 0em;
-moz-border-radius: 0em;
-o-border-radius: 0em;
-webkit-border-radius: 0em;

}
.top-nav ul li:last-child 
{
padding: 0 0 0 0;
display: inline-block;
font-weight:400;
text-decoration: none;
color: #fff;
width:100%;
font-family: 'Lato', sans-serif;
font-size: 0.875em;
text-transform:uppercase;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-moz-border-radius: 0em;
-o-border-radius: 0em;
-webkit-border-radius: 0em;

}
.top-nav ul li a:hover,.top-nav ul li.active a
{
color: #ffd800;

}
span.menu
{
display: block;
position: absolute;
right: 1px;
top: -41px;

}
span.menu:before
{
content: url(bars.png) no-repeat 0 0;
    zoom: 0.4;
cursor:pointer;
    position: absolute;
    top: 35px;
    right: 10px;

}
/*--banner-sub-head--*//*----slider----*/.slider 
{
    position: relative;
    overflow: hidden;
    height: auto;

}
.slider li 
{
    list-style: none;

}
.slider ul li 
{
    float: left;

}
.banner-sub-head 
{
background: none;
padding:1em 0;

}
.banner-sub-head h1 
{
text-align: center;
font-size: 14px;
margin:5% auto 0;
text-transform: uppercase;
line-height: 1.5em;
font-weight: 600;
color: #AEADAD;
width: 100%;

}
/*--- Counter --*/.counter 
{
    width: 90%;
margin: 0 auto;

}
.counter-numbers 
{
    font-family: 'open sans', sans-serif;
color: #ffd800;
font-size:1.7em;
    font-style:normal;
text-align: center;
font-weight: 400;
    line-height: 2em;
    height: 55px;
    width: 17.5%;
margin:0.5em 0 0 0;
    background: #f65339;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    float: left;

}
.counter-dots 
{
    font-family: 'open sans', sans-serif;
color: #fff;
font-size:1.4em;
    font-style:normal;
text-align: center;
font-weight: 400;
    line-height: 2.5em;
    height: 45px;
    width: 10%;
margin:0.5em 0 0 0;
    float: left;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);

}
.counter-label 
{
    font-family: 'open sans', sans-serif;
color: #fff;
font-size:0.6em;
    font-style:normal;
text-align: center;
font-weight: 400;
    line-height: 2em;
    text-transform:uppercase;
    height: 20px;
    width: 17.5%;
margin:0.5em 0 1em 0;
    background: #a7a7a7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    float: left;

}
.counter-spacer 
{
font-size:1.4em;
    line-height: 2.5em;
    width: 10%;
margin:0.5em 0 0 0;
    float: left;

}
/*-- End Counter --*//*----*/.browse-button 
{
text-align: center;

}
.slide-btn
{
padding: 0.6em 1em;
text-decoration: none;
font-family: 'Lato', sans-serif;
border: 1px solid#2ECC71;
margin-top: 1em;
display: inline-block;
color: #FFF;
font-size: 0.8em;
font-weight: 600;
text-align: center;
text-transform: uppercase;
-webkit-appearance: none;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
width:49%;
background: #2ECC71;

}
.slide-btn:hover
{
text-decoration:none;
color:#fff;
background: #31BD6C;

}
/*--learn--*/.learn-button 
{
text-align:center;
    margin-bottom: 5%;

}
.learn-button a
{
text-decoration: none;

}
.learn-btn
{
padding: 0.6em 1em;
text-decoration: none;
font-family: 'Lato', sans-serif;
    margin: 0 0 0.5em 0;
display: block;
color: #FFF;
font-size:0.9em;
font-weight: 600;
text-align: center;
text-transform: uppercase;
    border-radius: 5px;
-webkit-appearance: none;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
background: #f65339;

}
.learn-btn:hover
{
text-decoration:none;
color:#fff;
background:#dd3f39;

}
.spacer 
{
    width: 100%;
    margin-bottom: 10px;

}
/*-----about-section----*/.about-div 
{
    width:100%;
    margin: 0 auto;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    background: rgba(88,89,91,0.3);
    padding: 10px 0 10px 0;

}
.about-text 
{
    width: 90%;
    margin: 0 auto;
color: #ffd800;
font-size:0.8em;
text-align:left;
font-weight: 400;
    font-family: 'open sans', sans-serif;
text-transform: none;

}
/* Image Box Style *//* start photo-grid */.photo 
{
    position: relative;
    overflow: hidden;
    background: none;
    float: left;
width: 31.9999%;
margin-left: 1.6666%;
    margin-bottom: 0.5%;
    margin-top: 1.6666%;
    display: flex;
    justify-content:center;
    align-items:center;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);

}
.photo:first-child 
{
    margin-left: 0;

}
.photo:before
{
    content: "";
    display: block;
    padding-top:10px;
    padding-bottom: 10px;

}
/** Photos :hover Behaviour **/.photo:hover 
{
    cursor: pointer;

}
/*-- End Photo's Section--*//*-- News Section --*/.news-div 
{
    width:100%;
    margin: 0 auto;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    background: rgba(255,255,255,0.9);
    padding: 0 0 10px 0;
    margin-top: 10px;
    margin-bottom: 20px;

}
.news-hour-div 
{
    position: relative;
    width:100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
    padding:5px 0 5px 0;

}
.news-hour 
{
    position:relative;
    width: 90%;
    margin: 0 auto;
color: #fff;
font-size:0.8em;
text-align:left;
font-weight: 400;
    font-family: 'Open sans', sans-serif;
text-transform: none;
    font-style: italic;
    padding: 0 0 5px 0;
    z-index:3;

}
.news-photo 
{
    position: relative;
    overflow: hidden;
    background: none;
    float: left;
width: 100%;
    height: 130px;
    justify-content:center;
    align-items:center;
    z-index: 1;
    margin-bottom: 10px;

}
.news-photo-big 
{
    position: relative;
    overflow: hidden;
    background: none;
    float: left;
width: 100%;
    height: auto;
    z-index: 1;
    margin-bottom: 10px;

}
.news-title 
{
    width: 90%;
    margin: 0 auto;
color: #f65339;
font-size:1.8em;
    line-height: 1.2em;
text-align:left;
font-weight: 300;
    font-family: 'open sans', sans-serif;
text-transform: none;
    margin-bottom: 10px;

}
.news-text 
{
    width: 90%;
    margin: 0 auto;
color: #58595b;
font-size:1em;
text-align:left;
font-weight: 400;
    font-family: 'Open sans', sans-serif;
text-transform: none;
    margin-bottom: 10px;
    overflow: hidden;

}
.news-text-long 
{
    width: 90%;
    margin: 0 auto;
color: #58595b;
font-size:1em;
text-align:left;
font-weight: 400;
    font-family: 'Open sans', sans-serif;
text-transform: none;
    margin-bottom: 10px;
    overflow: hidden;

}
.news-replies 
{
    width: 90%;
    margin: 0 auto;
color: #58595b;
font-size:1em;
font-weight: 400;
    font-family: 'Open sans', sans-serif;
text-transform: none;
    text-align: right;
    margin-top: 10px;

}
.read-more 
{
    position:relative;
    top:-20px;
    margin-left: 5%;
color: #f65339;
font-size:1em;
    float: left;
text-align:left;
font-weight: 400;
    font-family: 'Open sans', sans-serif;
text-transform: none;
    font-style: italic;

}
.read-more a 
{
color: #f65339;
font-size:1em;
    float: left;
text-align:left;
font-weight: 400;
    font-family: 'Open sans', sans-serif;
text-transform: none;
    font-style: italic;

}
/*-- Social --*/.social 
{
    list-style: none;
    padding: 0;
    margin: 15px 0 0 0;
    overflow: hidden;

}
.social li 
{
    float: left;
    margin-left: 5px;

}
.social li:nth-child(1) 
{
    margin-left: 0;

}
.social li a 
{
    width:44px;
    height: 44px;
    display: block;
    background:url('social-media.png') no-repeat;
    text-indent: -9999px;

}
li.facebook a 
{
    background-position: 0 0
}
li.facebook a:hover 
{
    background-position: 0 -44px
}
li.twitter a 
{
    background-position: -44px 0
}
li.twitter a:hover 
{
    background-position: -44px -44px
}
li.linkedin a 
{
    background-position: -132px 0
}
li.linkedin a:hover 
{
    background-position: -132px -44px
}
/*-- End Social --*/.more-button 
{
text-align:center;

}
.more-button a 
{
text-decoration: none;

}
.more-btn 
{
padding: 0.6em 1em;
text-decoration: none;
font-family: 'Lato', sans-serif;
    margin: 1em 0 0.5em 0;
display: block;
color: #FFF;
font-size:0.9em;
font-weight: 600;
text-align: center;
text-transform: uppercase;
    border-radius: 5px;
-webkit-appearance: none;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
background: #f65339;

}
.more-btn:hover
{
text-decoration:none;
color:#fff;
background:#dd3f39;

}
/*-- End News Section --*//*-- Contact --*/.contact-map iframe 
{
min-height:180px;
width: 100%;
border: none;
    margin-bottom: 1.2em;

}
.contact-div 
{
    width: 90%;
    border: none;
    margin: 0 auto;

}
.contact-form 
{
width:100%;
margin: 0 auto;
    background: rgba(88,89,91,0.5);
    padding: 0.3em 0 0.3em 0;

}
label 
{
    font-size: 1em;
    line-height: 1.2em;
    font-family: 'Open Sans', sans-serif;
    font-size: 400;
    color: #fff;
    margin-left: 2px;

}
.fa-yellow 
{
    color: #ffd800;

}
.fa-red 
{
    color: #f65339;

}
.form_details input[type="text"], .form_details textarea 
{
padding: 7px;
width: 93%;
font-size: 15px;
margin:3px 0px;
border: 2px solid #ffd800;
color: #58595b;
background: rgba(255, 255, 255, 1);
    border-radius: 5px;
-webkit-appearance: none;
float: left;
outline: none;
font-family: 'Open Sans', sans-serif;
font-weight: 400;

}
.form_details textarea 
{
height: 87px;
resize: none;
width: 93%;

}
.form_details input[type="submit"] 
{
margin-top: 0.5em;
color: #fff;
font-size: 15px;
padding: 0.6em 1em;
-webkit-appearance: none;
text-transform: uppercase;
display: inline-block;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font-weight: 600;
border: none;
text-transform: uppercase;
outline: none;
cursor: pointer;
font-family: 'Lato', sans-serif;
background: #f65339;
width: 100%;

}
.form_details input[type="submit"]:hover 
{
 text-decoration: none;
color: #fff;
background: #dd3f39;

}
.sub-button 
{
text-align:center;
    width: 60%;

}
.sub-button a
{
text-decoration: none;

}
.sub-btn
{
padding: 0.6em 1em;
text-decoration: none;
font-family: 'Lato', sans-serif;
    margin: 0.5em 0 0.5em 0;
display: block;
color: #FFF;
font-size:0.9em;
font-weight: 600;
text-align: center;
text-transform: uppercase;
    border-radius: 5px;
-webkit-appearance: none;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
background: #f65339;

}
.sub-btn:hover
{
text-decoration:none;
color:#fff;
background:#dd3f39;

}
/*------*//*-- Media screens --*/@media (min-width: 700px), handheld and (orientation: landscape) 
{
    /*--- Counter --*/.counter-numbers 
{
    font-family: 'open sans', sans-serif;
color: #ffd800;
font-size:4em;
    font-style:normal;
text-align: center;
font-weight: 600;
    line-height: 1.2em;
    height: 80px;
    width: 17.5%;
margin:0.2em 0 0 0;

}
.counter-dots 
{
    font-family: 'open sans', sans-serif;
color: #fff;
font-size:3em;
    font-style:normal;
text-align: center;
font-weight: 400;
    line-height: 1.9em;
    height: 45px;
    width: 10%;
margin:0.5em 0 0 0;
    float: left;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);

}
.counter-label 
{
    font-family: 'open sans', sans-serif;
color: #fff;
font-size:1.2em;
    font-style:normal;
text-align: center;
font-weight: 400;
    line-height: 1.7em;
    text-transform:uppercase;
    height: 30px;
    width: 17.5%;
margin:0.5em 0 1em 0;
    background: #a7a7a7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    float: left;

}
/*-- End Counter --*//*-- h1, h2, h3 --*/h1 
{
font-size:3.5em;
margin:em 0 0.1em 0;

}
h2 
{
font-size:2.5em;
margin:0.5em 0 0 0;
    font-family: 'Lato', sans-serif;
text-transform: uppercase;

}
h3 
{
font-size:1.2em;
font-weight: 400;

}
/*-- end h1, h2, h3 --*/
}
@media all and (max-width: 568px) and (min-width: 320px) 
{
/*--slider --*/.slider 
{
    height: 180px !important;

}

}
@media all and (max-width: 765px) and (min-width: 570px) 
{
/*--slider --*/.slider 
{
    height: 350px !important;

}

}
@media all and (max-width: 1024px) and (min-width: 768px) 
{
/*--slider --*/.slider 
{
    height: 500px !important;

}

}