/*
Template Name: HTML Education Template
Author: yaminncco

Colors:
        Body 		: #798696
        Headers 	: #374050
        Primary 	: #FF6700
        Grey 		: #EBEBEB

Fonts: Lato & Montserrat

Table OF Contents
------------------------------------
1 > General
2 > Logo
3 > Navigation
------------------------------------*/

/*------------------------------------*\
        General
\*------------------------------------*/
@font-face {
    font-family: 'SegoeUI';
    src: url('/silveroaks/fonts/SegoeUI/SegoeUI.eot?#iefix') format('embedded-opentype'),  url('/silveroaks/fonts/SegoeUI/SegoeUI.woff') format('woff'), url('/silveroaks/fonts/SegoeUI/SegoeUI.ttf')  format('truetype'), url('/silveroaks/fonts/SegoeUI/SegoeUI.svg#SegoeUI') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SegoeUI-Bold';
    src: url('/silveroaks/fonts/SegoeUI-Bold/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'),  url('/silveroaks/fonts/SegoeUI-Bold/SegoeUI-Bold.woff') format('woff'), url('/silveroaks/fonts/SegoeUI-Bold/SegoeUI-Bold.ttf')  format('truetype'), url('/silveroaks/fonts/SegoeUI-Bold/SegoeUI-Bold.svg#SegoeUI-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SegoeUI-Semibold';
    src: url('/silveroaks/fonts/SegoeUI-Semibold/SegoeUI-Semibold.eot?#iefix') format('embedded-opentype'),  url('/silveroaks/fonts/SegoeUI-Semibold/SegoeUI-Semibold.woff') format('woff'), url('/silveroaks/fonts/SegoeUI-Semibold/SegoeUI-Semibold.ttf')  format('truetype'), url('/silveroaks/fonts/SegoeUI-Semibold/SegoeUI-Semibold.svg#SegoeUI-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'SegoeUI-Italic';
    src: url('/silveroaks/fonts/SegoeUI-Italic/SegoeUI-Italic.eot?#iefix') format('embedded-opentype'),  url('/silveroaks/fonts/SegoeUI-Italic/SegoeUI-Italic.woff') format('woff'), url('/silveroaks/fonts/SegoeUI-Italic/SegoeUI-Italic.ttf')  format('truetype'), url('/silveroaks/fonts/SegoeUI-Italic/SegoeUI-Italic.svg#SegoeUI-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SegoeUI-SemiboldItalic';
    src: url('/silveroaks/fonts/SegoeUI-SemiboldItalic/SegoeUI-SemiboldItalic.eot?#iefix') format('embedded-opentype'),  url('/silveroaks/fonts/SegoeUI-SemiboldItalic/SegoeUI-SemiboldItalic.woff') format('woff'), url('/silveroaks/fonts/SegoeUI-SemiboldItalic/SegoeUI-SemiboldItalic.ttf')  format('truetype'), url('/silveroaks/fonts/SegoeUI-SemiboldItalic/SegoeUI-SemiboldItalic.svg#SegoeUI-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}





/* --- typography --- */
body {
    font-family: 'SegoeUI';
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #222;
    overflow-x:hidden;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4{
    margin-top: 12px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #374050;
    font-family: 'SegoeUI-Semibold';
}

h1,.h1 {
    font-family: 'SegoeUI-Semibold';
    font-size:50px;
    line-height: 48px;
}

h2, .h2 {
    font-family: 'SegoeUI-Semibold';
    font-size:35px;
    line-height: 56px;
}

h3, .h3 {
    font-family: 'SegoeUI-Semibold';
    font-size:30px;
    line-height: 40px;
}

h4, .h4 {
    font-size:26px;
    line-height: 30px;
    font-family: 'SegoeUI-Semibold';
    margin: 0;
}

@media(max-width: 767px){
    h3, .h3 {
        font-size:2.5rem;
        line-height: 1.3;
    }
    h1,.h1 {
        font-size:5rem;
    }

}
a {
    /*font-family: 'Lato', sans-serif;*/
    color: #374050;
    font-weight: 400;
}

a:hover,
a:focus{
    text-decoration: none;
    outline: none;
    color: #374050;
    opacity: 0.9;
}
ul.list-none,ol.list-none{
    list-style: none;
    padding:0;
}

.white-text {
    color: #FFF;
}
.float-none{
    float: none !important;
}

/* --  Input  -- */
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], input[type="url"], input[type="tel"], textarea {
    height: 40px;
    width: 100%;
    border: 1px solid #AEAEAE;
    border-radius:4px;
    background: transparent;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-transition:0.2s border-color;
    transition:0.2s border-color;
    box-shadow: 0 3px 6px 0 rgba(155,152,152,.25);

}
select {
   
    background: 0 0;
   
    border: 1px solid #AEAEAE;
    border-radius: 4px;
    margin-right: 0;
    padding: 1rem;
    padding-right: 2rem;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgba(155,152,152,.25);

}
textarea {
    padding: 10px 15px;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="url"]:focus, input[type="tel"]:focus, textarea:focus {
    border-color:#FF6700;
}
/*------------------------------------*\
        Logo
\*------------------------------------*/
.navbar-brand {
    padding: 10px 15px 15px 0px;
    height: auto;
}

.navbar-brand .logo {
    margin-top: 10px;
    display: inline-block;
}

/*.navbar-brand .logo > img {
        max-height:30px;
}*/

@media only screen and (max-width: 767px) {
    .navbar-brand {
        margin-left:15px;
    }
} 

/*------------------------------------*\
        Navigation
\*------------------------------------*/
#header {
    position:relative;
    left:0;
    right:0;
    top:0;
    z-index:99;
    background-color:transparent;
    -webkit-transition:0.2s all;
    transition:0.2s all;
}
.banner-image{
    background: url(/silveroaks/images/right-side.png) no-repeat right 62px;

}
.section{
    padding: 50px 0;
}
.heading{
    font-size: 60px;
    color: #292929;
    font-family: 'SegoeUI';
    line-height: 80px;
}
.heading span{
    font-family: 'SegoeUI-Bold';
}
.height-main{
   min-height: 573px; 
}
.para{
    font-size: 30px;
    line-height: 40px;
    color:#000;
    font-family: 'SegoeUI-Semibold';
}
.data{
    font-size: 26px;
    font-family: 'SegoeUI-Bold';
    color: #000;
    line-height: 35px;

}
.para-1{
    font-size: 18px;
    font-family: 'SegoeUI-Semibold';
    line-height: 24px;

}
.register{
    border-radius: 6px;
    background:#CD151D;
    padding: 10px 32px;
    border:0 none;
    font-size: 18px;
    font-family: 'SegoeUI-Semibold';
    color: #fff;
    text-transform:uppercase;
}
.section-1{
    background:url(/silveroaks/images/section-01.png) no-repeat top left;
    min-height: 250px;
    background-size: 100% 100%;
}
.section-1 .para-2{
    font-size: 22px;
    line-height: 30px;
}
.section-1 .para-3{
    font-size: 22px;
    line-height: 30px;
    font-family: 'SegoeUI-SemiboldItalic';
}

@media (min-width: 992px){
    .key-section .col-md-4{
        width:30%;
        margin-right: 2%;
    }
}


.section-2 h3{
    font-family: 'SegoeUI-Bold';
}
.section-2 p{
    font-size: 18px;
    line-height: 28px;
}
.list-block{
    font-size: 16px;
    
}
.list-block p{
      font-family: 'SegoeUI-SemiboldItalic';
}
.btn-green{
    background: #8BB923;
    border-radius: 6px;
    font-size: 18px;
    color: #fff;
    padding: 10px 30px;
    line-height: 24px;
    border:0 none;
    text-transform: uppercase;
    font-family: 'SegoeUI-Semibold';
    
}
.section-3{
     background:url(/silveroaks/images/section-02.png) no-repeat top left;
    min-height: 250px;
    background-size: cover;
}
.circle-block{
    background: #CD151D;
    width: 200px;
    height: 200px;
    border-radius: 100px;
    line-height: 200px;
    text-align: center;
    margin: 0 auto;
    position: relative;
}
.circle-block span{
    background: #242E42;
    width:43px;
    height: 43px;
    font-size: 26px;
    position: absolute;
    top: -1px;
    right: 25px;
    border-radius: 50%;
    color: #fff;
    line-height: 40px;
}
.circle-block img{
    vertical-align: middle;
    text-align: center;
}
.event-speaker h6{
    font-size: 18px;
    line-height: 21px;
     font-family: 'SegoeUI-Bold';
}
.event-speaker p{
    font-size: 16px;
    line-height: 21px;
}
.event-speaker .para{
      font-family: 'SegoeUI-Italic';
}
.strip{
    background: #006CB6;
    border-radius: 6px;
    padding: 18px 0;
    position: relative;
    top: 45px;
}
hr {
    
    border-top: 1px solid #ccc0c0;
}
#footer{
   background: #242E42;
}
#footer h4{
     font-family: 'SegoeUI';
     font-weight: normal;
}
#footer h4 span{
     font-family: 'SegoeUI-Bold';
}
#footer .para{
    font-size: 22px;
     font-family: 'SegoeUI-Semibold';
     color:#fff;
     line-height: 30px;
}
#footer h6{
    font-family: 'SegoeUI-Bold';
    font-size: 18px;
}
#footer .para-ft{
    font-family: 'SegoeUI-Semibold';
    font-size: 18px;
    line-height: 24px;
}
#footer .para-ft .fa{
  transform: rotate(90deg);  
}
.copy p{
    font-size: 12px;
}
@media (max-width: 600px){
    body{
        font-size: 14px;
    }
    .banner-image {
        background: 0 none;
    }
    .section-1{
      background:#006cb6;
     
      background-size: cover;
  }
  .section-3{
      background:#f9f9f9;
  }
  .navbar-header{
    width: 197px;
    float: left;
    margin: 0 10px 0 0;
  }
  .navbar-brand{
     width: 100%;
  }
  .navbar-brand img{
       width: 100%;
  }
  #nav{
      float: right;
      width: 58px;
  }
  .navbar-right{
      width:100%;
  }
  .navbar-right img{
       width:100%;
  }
  .key-section{
      text-align: center;
  }
  .key-section img{
    margin: 0 auto;
  }
  .height-main{
      min-height: 396px;
  }
  .strip{
      top:0px;
  } 
     
}
.modal h4{
    font-size: 26px;
    font-family: 'SegoeUI-Semibold';
}