/****** Site Developed by Van Le ******/




p  { 
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 0;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Crimson Text', serif !important;
}



.logo { max-height: 160px;

}


/****** NAV  ******/



.menu li a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    color: #292929;
    opacity: 0.5;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    max-width: 100%;
    white-space: normal;
    
}




/* language */ 

.nav-for-desktop .menu li a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    color: #003d51 !important;
    opacity: 0.6;
    max-width: 100%;
    white-space: normal;
}

.nav-for-desktop .nav-bar {
    background: #FFF;
    height: 84px;
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    /* animation magic */

}


.nav-for-desktop .nav-bar {
  height: 84px;
  max-height: 84px;
  line-height: 110px;
  border-bottom: 1px solid #ccc;

}



/* lang */

.module.widget-handle {
    border-left: 0px solid #ccc;
 }

.module-group.right{ padding-right:60px;
}


/* small screen setup */

@media (max-width: 990px) {
#logo-mobile { margin-top:-190px !important;}
}


@media only screen and (max-width : 768px) {

	nav.nav-centered .logo { max-height: 100px; margin-top: 0px;  } /* remove margin-left: 20px if centered logo*/
	.nav-for-mobile  .nav-bar {  border-top: 1px solid #ccc;}
	
	#logo-mobile { margin-top:-90px !important;}

}

/* iPad setup */

@media (max-width: 640px) {
#logo-mobile { margin-top:-90px !important;}
}


/* mobile setup */

@media only screen and (max-width : 420px) {

.home br {
   display: none;
}

#logo-mobile { margin-top:-90px !important;}

}


/****** Home ******/


/****** home slider min height ******/


 @media screen and (orientation:portrait) {
 .slides li {min-height:500px}

 }
 @media screen and (orientation:landscape) { 
 .slides li {min-height:400px}
 }
 



/* Home overlay */
.overlay-20:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #292929;
  opacity: 0.2;
  z-index: 2;
}


/****** Home Headings ******/


h1.large {
    font-size: 62px;
    line-height: 70px;
    font-weight: 100;
    letter-spacing:10px;
    font-family: 'Crimson Text', serif;
    font-variant: small-caps;
}

h2.large {
    font-size: 28px;
    line-height: 70px;
    font-weight: 100;
    letter-spacing:10px;
    font-family: 'Crimson Text', serif;
    font-variant: small-caps;
   
}

/****** Heading Rule ******/

h2.large:after
{
    content:'';
    display:block;
    border:1px solid #fff;
    text-align: center;
    width:200px;
    margin: auto;
}




/****** small screens styles ******/

@media only screen and (max-width : 768px) {


h1.large {
    font-size: 22px;
    line-height: 35px;
    font-weight: 100;
    letter-spacing:10px;
    font-family: 'Crimson Text', serif;
    font-variant: small-caps;
}

h2.large {
    font-size: 19px;
    line-height: 60px;
    font-weight: 100;
    letter-spacing:10px;
    font-family: 'Crimson Text', serif;
    font-variant: small-caps;
   
}


h2.large:after
{
    content:'';
    display:block;
    border:1px solid #fff;
    text-align: center;
    width:130px;
    margin: auto;
}


}



/****** Mobile styles ******/

@media only screen and (max-width : 420px) {


h1.large {
    font-size: 22px;
    line-height: 35px;
    font-weight: 100;
    letter-spacing:10px;
    font-family: 'Crimson Text', serif;
    font-variant: small-caps;
}

h2.large {
    font-size: 19px;
    line-height: 60px;
    font-weight: 100;
    letter-spacing:10px;
    font-family: 'Crimson Text', serif;
    font-variant: small-caps;
   
}


h2.large:after
{
    content:'';
    display:block;
    border:1px solid #fff;
    text-align: center;
    width:130px;
    margin: auto;
}


}


/****** Profile Page ******/


/* Home overlay */
.overlay-10:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #292929;
  opacity: 0.1;
  z-index: 2;
}



h2.uppercase {
    font-size: 30px;
    line-height: 70px;
    font-weight: 100;
    letter-spacing:10px;
    font-family: 'Crimson Text', serif;
   
}

h2.uppercase:after
{
    content:'';
    display:block;
    border:1px solid #fff;
    text-align: center;
    width:140px;
    margin: auto;
}



h5.uppercase {
   color: #e31d1a;
   font-weight: 500;
   
}


/****** Profile *****/


.contact h4.uppercase {
   color: #e31d1a;
   font-weight: 500;
   
}



/****** FOOTER *****/

.footer-2 { color:#b3b3b3;}

.footer-gradient .list-inline i {
 color: #b3b3b3;
 opacity: 1;
}

footer {
    padding: 72px 0;
    height: 310px;
}

.footer-gradient {
background: #316170; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #316170 0%, #003d51 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #316170 0%,#003d51 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #316170 0%,#003d51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#316170', endColorstr='#003d51',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


@media only screen and (max-width : 768px) {

footer {
    padding: 72px 0;
    height: 290px;
}

}




/****** END FOOTER ******/


/****** Animation css */

.delay-1 {
animation-delay: .25s;
-moz-animation-delay: .25s;     
-webkit-animation-delay: .25s;
-o-animation-delay: .25s;  
    
animation-duration: 1s;
-moz-animation-duration: 1s;
-webkit-animation-duration: 1s;
-o-animation-duration: 1s;    
}
.delay-2 {
animation-delay: .5s;
-moz-animation-delay: .5s;    
-webkit-animation-delay: .5s;
-o-animation-delay: .5s;  
        
animation-duration: 1s;
-moz-animation-duration: 1s;
-webkit-animation-duration: 1s;
-o-animation-duration: 1s;       
}
.delay-3 {
animation-delay: .75s;
-moz-animation-delay: .75s;    
-webkit-animation-delay: .75s;
-o-animation-delay: .75s;      
    
animation-duration: 1s;
-moz-animation-duration: 1s;
-webkit-animation-duration: 1s;
-o-animation-duration: 1s;       
}
.delay-4 {
animation-delay: 1s;
-moz-animation-delay: 1s;  
-webkit-animation-delay: 1s;
-o-animation-delay: 1s;       
    
animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
-o-animation-duration: 1.5s;  
}

.delay-5 {
animation-delay: 2s;
-moz-animation-delay: 2s; 
-webkit-animation-delay: 2s;
-o-animation-delay: 2s;        
    
animation-duration: 2.5s;
-moz-animation-duration: 2.5s;
-webkit-animation-duration:  2.5s;
-o-animation-duration:  2.5s; 
}

.delay-6 {
animation-delay: 3s;
-moz-animation-delay: 3s;
-webkit-animation-delay: 3s;
-o-animation-delay: 3s;     
    
animation-duration: 3.5s;
-moz-animation-duration: 3.5s;
-webkit-animation-duration:  3.5s;
-o-animation-duration:  3.5s;     
}

.duration-05 { -webkit-animation-duration: 1s; animation-duration: .5s;}
.duration-1 { -webkit-animation-duration: 1s; animation-duration: 1s;}
.duration-2 { -webkit-animation-duration: 2s; animation-duration: 2s}
.duration-3 { -webkit-animation-duration: 3s; animation-duration: 3s}






@page :first {
    margin-top: 0cm;
    margin-bottom: 0cm;
 }


.show-on-print {display:none}
@media print {

	body {margin-top: 5mm; margin-bottom: 5mm; 
        margin-left: 0mm; margin-right: 0mm}
           
           
  img {width:50%}         
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }

  
  .nav-bar  { display:none !important;}
  
  .form-email { display:none !important; }
  
  .page-title  { display:none !important; }
  
   p {font: 9pt !important;
}

.main-container:before { 
    content: url('../img/w-s-logo-print.png');
    max-width:1cm !important;
    margin-top: 0cm !important;
    margin-left: 7cm !important;
} 

.show-on-print {display:block}

}