/*
Site Name: Obstetric Care
Description: Designed by Orantec

-------------------------------------------
	- HTML5 Boilerplate
===========================================*/

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
	font-size: 1em;
    line-height: 1.4;
min-width: 22em;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #fff;
	color:#0c3047;
    text-shadow: none;
}


::selection {
    background: #1941c4;
	color:#0c3047;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/*==========================================
	Core
============================================*/

body { padding:0; color:#fff; -webkit-font-smoothing:subpixel-antialiased; -webkit-backface-visibility:visible; }

/*==========================================
	General Styling
============================================*/

body { margin:0; padding:0;	font:16px/1.6em "Lato", Calibri, sans-serif; color:#0c3047; background:#fff; font-weight:300; min-width:350px; }

@media only screen and (max-width: 1200px) {
	body { padding:0; }
}

/* Mox remove button border */
:focus {outline:none !important;}
::-moz-focus-inner {border:0 !important;}

/* General */

a, input, select, textarea { outline:none; text-decoration:none; }
a, li { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a, a:visited { text-decoration: none !important; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
:focus {outline: 0;}
ul {list-style-type:none; }
a:hover, a:active, a:focus { outline:0!important; }
p { margin-bottom:18px; -webkit-font-smoothing:subpixel-antialiased; font-weight:300; }
span { font-weight:400; }
small { font-size:13px; }
.clear { height:0; clear: both; font-size:0; }
.normal { font-weight:400; }

.center { text-align:center; margin: 0 auto; }
hr { border-top:1px solid #ccc;border-bottom:0; }

blockquote { border-left:3px solid #00b5d6; }
blockquote p { font-size:16px; }
.media img { margin-top:5px; }

.media-body a { color:#888; }
.media-body a:hover { color:#777; }
.big {font-size:100px; }

.well { background-color:#D3CDC4; border:0px none; margin-top:10px; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow:none; -moz-box-shadow: none; box-shadow: none; }

.icons{ list-style-type:none; margin:0 }
.icons li [class^="icon-"],
.icons li [class*=" icon-"]{ width:1.2857142857142858em; display:inline-block; text-align:center; margin-left:-3px; margin-right:4px; }

/* Padding */

.pad5 { padding-top:5px; }
.pad10 { padding-top:10px; }
.pad15 { padding-top:15px; }
.pad20 { padding-top:20px; }
.pad25 { padding-top:25px; }
.pad30 { padding-top:30px; }
.pad35 { padding-top:35px; }
.pad40 { padding-top:40px; }
.pad45 { padding-top:45px; }
.pad50 { padding-top:50px; }
.pad60 { padding-top:60px; }
.pad-bot10 { padding-bottom:10px; }
.pad-bot20 { padding-bottom:20px; }
.pad-bot30 { padding-bottom:30px; }

/* Margin */

.marg20 { margin-top:20px; }
.marg30 { margin-top:30px; }
.marg-left5 { margin-left:5px; }
.marg-right5 { margin-right:5px; }

/* Links */

a {	color:#272e3a; text-decoration:none; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; outline:none; }
a:hover { color:#555; text-decoration:none; }

/* Images */

img { vertical-align:top; ms-interpolation-mode:bicubic; opacity:1.0; }

/* Buttons */

.big_btn { width:210px; height:61px; background-color:#693C5E; border-radius:10px; color:#fff; display:inline-block; font-size:18px; text-align:center; line-height:1; margin:20px 20px 30px 20px; padding:20px; text-shadow:none; font-weight:300; }
.big_btn:hover { background-color:#7A99AC; color:#fff; }

.big_btn:visited,
.big_btn:focus { color:#fff; }

.btn { width:180px; height:51px; background-color:#693c5e; border-radius:10px; color:#fff; display:inline-block; font-size:16px; line-height: 1; margin:15px 6px 0 0; padding:15px 20px; text-shadow:none; font-weight:300; }
.btn:hover { background-color:#7A99AC; color:#fff; }

.btn-default { border:none; }
.btn-group-justified > .btn-group .btn { width:99.6%;}
.btn-group-justified > .btn-group .btn a { width:100%; padding:10px 50px; color:#fff; z-index:100; }

.btn-group-justified > .btn-group .btn a:focus { color:#000; }

.btn-default:active:hover a,
.btn-default.active:hover a,
.btn-default:active:focus a,
.btn-default.active:focus a,
.btn-default.focus:active a,
.btn-default.active.focus a { color:#693c5e;}



@media screen and (max-width: 480px) {	
	.btn-group-justified > .btn-group .btn { width:99%;font-size:14px; padding:10px; }
}
	  
/* Typography */

h1,h2,h3,h4,h5,h6 {  letter-spacing:0; margin:20px 0; font-family:"Lato", Calibri, sans-serif; font-size-adjust:0.508; font-weight:300; font-style:normal; text-align:left; color:#272e3a; }

h1 { font-size:46px; line-height:1.2em;  color:#693c5e; }
h2 { font-size:32px; line-height:1.3em; }
h3 { font-size:24px; line-height:1.4em; font-weight:400; }
h4 { font-size:20px; line-height:1.5em; font-weight:400; }
p { font-size:18px; line-height:1.5em; }

.highlight > p { padding:25px; background-color:rgba(122, 153, 172, 0.2); border-radius:10px; }
strong { font-weight:400;}

.lead { font-size:18px; line-height:24px; }

ul li { list-style:outside; list-style:disc; font-size:18px; line-height:1.5em; }

@media screen and (max-width: 767px) {	
	h1 { font-size:46px; line-height:1.1em; padding-bottom:20px;  }
	h3 { font-size:20px; line-height:1.6em; }
}

@media screen and (max-width: 480px) {	
	h1 { font-size:34px; line-height:1.1em; padding-bottom:20px;  }
	h2 { font-size:22px; line-height:1.3em; }
	h3 { font-size:20px; line-height:1.3em; }
	h4 { font-size:18px; line-height:1.3em; margin-bottom:10px; }
	h5 { font-size:16px; line-height:1.3em; margin-bottom:10px; }
	h6 { font-size:14px; line-height:1.3em; margin-bottom:10px; }
	p { font-size:18px; line-height:1.3em; }
}

/* Header */

header { width:100%; height:140px; margin:0; padding:12px 0px 0px; background:rgba(105, 60, 94, 1) none repeat scroll 0 0; z-index:500; top:0; position:fixed; min-width:350px; }

/* Navigation */

.navbar { margin-top:50px; margin-bottom:0px; }

.navbar-default { background-color:#693c5e; border-color:#693c5e; }
.navbar-default .navbar-brand { color:#fff; margin-top:-54px;} 
/*.navbar-brand { display: block; height: 70px; margin: -2px 0 0 -15px; padding: 0; position: absolute; z-index: 10; }*/
.navbar-brand picture img { width: 440px; }

.navbar-default .navbar-nav > li > a { color:#fff; padding-right:5px;; }
.navbar-default .navbar-nav > li > a:hover { color:#b7b09c; }

.navbar-default .navbar-nav > li > a.disabled { color:#b7b09c; cursor:not-allowed; }

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color:#b7b09c; }

.navbar-default .navbar-toggle { border-color:#392533; }
.navbar-default .navbar-toggle .icon-bar { background-color:#fff; }

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color:#693c5e;}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color:#392533; }

.navbar-brand.logo-small { display:none; }

@media only screen and (max-width: 1200px) {
	header a.nav-brand { margin-left:0px; }
	header a.nav-website { margin:16px 0 0 0; }
	.navbar-brand picture img { width:250px; margin-top:20px;  }
}

@media screen and (max-width: 990px) {	
	.navbar-brand.logo-big { width:200px; margin-top:18px; display:none; }
	.navbar-brand.logo-small { width:226px; float:left; margin-top:-78px; display:block; }
	.navbar-brand picture img { width:130px; margin-top:35px;  }
  .navbar-nav>li { font-size: 14px; }
  ul.dropdown-menu li { font-size: 14px; }
}

@media screen and (max-width: 979px) {	
	header a.nav-website { margin:16px 0 0 0; }
}

@media only screen and (max-width: 767px) {
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form { background-color:#693c5e; margin-top:26px;}
  .navbar-nav>li { font-size: 18px; }
  ul.dropdown-menu li { font-size: 18px; }
}

@media only screen and (max-width: 480px) {
	header { margin:0; padding:3% 0px 0px; }
	header a.nav-website { margin:15px 0 0 0; }
	header a.nav-website h4 { font-size:20px; }
}

/*==========================================
	Navigation
============================================*/
#primary-nav { position: relative; text-align:right; top: 48px; }
#primary-nav ul { list-style: outside none none; margin: 0; padding: 0; }
#primary-nav ul li { display: inline-block; padding: 0; }
#primary-nav ul li a { color: #fff; font-size: 18px; padding: 15px 8px; }
#primary-nav ul li a:hover { color: #B7B09C; }
#primary-nav ul li a.disabled { color:#B7B09C; cursor:not-allowed; }

/*==========================================
	Sections
============================================*/
.section { margin-bottom:0px; background: #fff; overflow: hidden; }

.container.full-width { width: 100%; background: #d3d3d3; padding:150px 0; margin-bottom:90px; }
.container.full-width img { width:100%; max-width:1200px; margin:0 auto; }

.container.full-width .row { margin-left:0px; margin-right: 0px; }
.container.full-width .custom-col { padding-left: 0px; padding-right: 0px; }

@media only screen and (max-width: 979px) {
	.container.full-width { padding:80px 0; margin-bottom:60px; }
}

@media only screen and (max-width: 480px) {
	.container.full-width { padding:40px 0; margin-bottom:60px; }
}

/*==========================================
	Page Styling
============================================*/

/********** Pages **********/

#intro { width:100%; margin:120px 0 0; padding:3% 0 0; }

#intro.home-intro { min-height:310px; background-color:#edebe6; }

#intro h1 { color:rgba(105, 60, 94, 1); }
section#intro.home-intro div h3,
section#content div.container div.col-lg-12 h3,
section#content2 div.container div.col-lg-12 h3 { font-weight:100; }

#intro.home-intro h2,
#intro.home-intro h3,
#intro.home-intro h4 { margin:20px 0; color:#272e3a; }

#content,
#content2 { margin:40px 0 0;  }



ul.links { margin-bottom:25px; }
ul.links li a { border-bottom:1px solid #693c5e; }
ul.links li a:hover { border-bottom:1px solid #7a99ac; }

@media only screen and (max-width: 480px) {
#intro { background-position:25% center;  }

}


/********** Error 404 **********/
.error-page #error { background-color:#fff; padding:60px 0; }
.error-page #error h2 { margin:0 auto; color:#00b5d6; text-align:left; }
.error-page #error p { color:#00b5d6; }
.error-page #error .alert-info { background-color:#fff; padding:35px; border:1px dashed #ccc; border-radius:2px; }
.error-page #error .btn-primary { background-color:#00b5d6; color:#fff; }
.error-page #error .btn-primary:hover { background-color:#ccc; color:#fff; }

@media only screen and (max-width: 767px) {
	.error-page #error .alert-info { border:none; }
}

/*==========================================
	Carousel
============================================*/
 .carousel { margin-top:45px;}
/*==========================================
	Back To Top
============================================*/
.go-top { position:fixed; padding:6px 13px; bottom:18px; right:18px; text-decoration:none; color:#fff; background-color:#693C5E; border-radius:2px; font-size:17px; display:none; z-index:500; }
.go-top:hover { background-color:#56384d !important; color:#fff !important; }
.go-top:active, .go-top:focus { background-color:#56384d; color:#fff; }

@media only screen and (max-width: 480px) {
	.go-top { display:none; visibility:hidden; }
}

/*==========================================
	Menu Fixes
============================================*/

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: rgba(105, 60, 94, 1);
    color: #fff;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
  background-color: transparent;
  color: #b7b09c;
}

.caret {
    margin-left: 6px;
}

ul.dropdown-menu li { list-style: none; }

.dropdown-menu {
    background-clip: none;
    background-color: #693c5e;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 15px 0 20px; 
    top: 154%;
    left: 10px !important;
    color: #fff;
    min-width: 18em;
}

.dropdown-menu > li > a {

    color: #fff;
    font-weight: 100;

}


.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {

    background-color: #693c5e;
    color: #fff;
}

/*==========================================
	Footer
============================================*/
#footer { min-height:310px; background-color:#f1f1f1; margin:60px 0 0; padding:60px 0; text-align:center; background-image:url(/_resources/files/branding/olive.png); background-repeat:no-repeat; background-position:center -80px; }

#footer a.btn { background-color:#7A99AC; color:#fff; margin: 20px; width: auto; height: auto; }
#footer a.btn:hover { background-color:#693C5E; color:#fff }

#footer a.btn.icn:before { display: block; content: ""; width: 1.75em; height: 1.75em; }
#footer a.btn.icn.ig:before { background-image: url(/_resources/files/icons/ig.svg); }
#footer a.btn.icn.fb:before { background-image: url(/_resources/files/icons/fb.svg); }
#footer a.btn.icn.x:before { background-image: url(/_resources/files/icons/x.svg); }
#footer a.btn.icn.eml:before { background-image: url(/_resources/files/icons/email.svg); }
#footer a.btn.icn span { display: none; }

#footer h2 { color:#693C5E; text-align:center; }
#footer p { color:#7A99AC; }

#footer ul.footer { margin-left:-40px; }
#footer li { color:#1941c4; list-style:none; margin-bottom:0px }

#footer ul.footer > li > a { color:#0c3047; letter-spacing:-0.02em; }
#footer ul.footer > li > a:hover,
#footer ul.footer > li > a.active { color:#1941c4; }
#footer li.disabled { color:#fff; cursor:not-allowed; }

#footer ul li.build-info { color:#ccc; font-size:12px; line-height:3.2em; font-weight:400; }
#footer ul li.build-info a { color:#ccc; padding-bottom:1px; }
#footer ul li.build-info a:hover { color:#fdd652; border-bottom:1px solid #fdd652; padding-bottom:1px; }

#footer .social { margin:0 0 60px; padding:0; }
#footer .social li { display: inline; margin:0px 30px; list-style: none; }
#footer .social li .icon { display: inline; width: 64px; height: 64px; text-align: center; font-size: 60px; color:#d3d3d3; }
#footer .social li .icon:hover { color:#fdd652;}

#legal { background:rgba(0, 0, 0, 0) linear-gradient(to right, #734b67 0px, #7a99ac 100%) repeat scroll 0 0; box-shadow:0 3px 16px 0 rgba(0, 0, 0, 0.2) inset; color:#fff; font-size:13px; font-weight:400; margin:0; padding:40px 0; position:relative; text-align:center;  }

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

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

}

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

@media only screen and (max-width: 480px) {
	#footer .social li .icon { font-size: 40px; }
	#footer p { font-size:16px; }

}

/*==========================================
	Contact form
============================================*/
.contact-form { width: 100%; margin: 0 auto; }
.contact-form::after { clear: both; content: ""; display: table; }

.contact-form fieldset { margin: 24px 0; }

.contact-form legend { padding-bottom: 10px; margin-bottom: 20px; font-size: 2rem; border-bottom: 1px solid #ecf0f1; }

.contact-form div { /* form element wrapper */ position: relative; margin: 0; }

.contact-form h4,
.contact-form .contact-label { font-size: 1.3rem; color: #7a99ac;  margin-bottom: 10px; font-weight: 400; }
.contact-form .contact-label { display: block; }

.contact-form input,
.contact-form textarea,
.contact-form select,
.contact-form label { font-family: "Lato", Calibri, sans-serif; font-size: 1.6rem; color: #2b3e51; }

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea,
.contact-form select,
.contact-form legend { display: block; width: 100%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea,
.contact-form select {
  /* general style for input elements */
  padding: 12px;
  border: 1px solid #cfd9db;
  background-color: #ffffff;
  border-radius: .25em;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form textarea:focus,
.contact-form select:focus {
  outline: none;
  border-color: #2c97de;
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.2);
}
.contact-form .contact-select {
  /* select element wapper */
  position: relative;
}
.contact-form .contact-select::after {
  /* arrow icon for select element */
  content: '';
  position: absolute;
  z-index: 1;
  right: 16px;
  top: 50%;
  margin-top: -8px;
  display: block;
  width: 16px;
  height: 16px;
  background: url("/_resources/files/contact/contact-icon-arrow.svg") no-repeat center center;
  pointer-events: none;
}
.contact-form select {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.contact-form select::-ms-expand {
  display: none;
}
.contact-form .contact-form-list {
  margin-top: 16px;
}
.contact-form .contact-form-list::after {
  clear: both;
  content: "";
  display: table;
}
.contact-form .contact-form-list li {
  /* wrapper for radio and checkbox input types */
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 26px 16px 0;
  float: left;
}
.contact-form input[type=radio],
.contact-form input[type=checkbox] {
  /* hide original check and radio buttons */
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 2;
}
.contact-form input[type="radio"] + label,
.contact-form input[type="checkbox"] + label {
  padding-left: 24px;
}
.contact-form input[type="radio"] + label::before,
.contact-form input[type="radio"] + label::after,
.contact-form input[type="checkbox"] + label::before,
.contact-form input[type="checkbox"] + label::after {
  /* custom radio and check boxes */
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
}
.contact-form input[type="radio"] + label::before,
.contact-form input[type="checkbox"] + label::before {
  border: 1px solid #cfd9db;
  background: #ffffff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.contact-form input[type="radio"] + label::before,
.contact-form input[type="radio"] + label::after {
  border-radius: 50%;
}
.contact-form input[type="checkbox"] + label::before,
.contact-form input[type="checkbox"] + label::after {
  border-radius: .25em;
}
.contact-form input[type="radio"] + label::after,
.contact-form input[type="checkbox"] + label::after {
  background-color: #2c97de;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.4);
  display: none;
}
.contact-form input[type="radio"] + label::after {
  /* custom image for radio button */
  background-image: url("/_resources/files/contact/contact-icon-radio.svg");
}
.contact-form input[type="checkbox"] + label::after {
  /* custom image for checkbox */
  background-image: url("/_resources/files/contact/contact-icon-check.svg");
}
.contact-form input[type="radio"]:focus + label::before,
.contact-form input[type="checkbox"]:focus + label::before {
  /* add focus effect for radio and check buttons */
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.6);
}
.contact-form input[type="radio"]:checked + label::after,
.contact-form input[type="checkbox"]:checked + label::after {
  display: block;
}
.contact-form input[type="radio"]:checked + label::before,
.contact-form input[type="radio"]:checked + label::after,
.contact-form input[type="checkbox"]:checked + label::before,
.contact-form input[type="checkbox"]:checked + label::after {
  -webkit-animation: contact-bounce 0.3s;
  -moz-animation: contact-bounce 0.3s;
  animation: contact-bounce 0.3s;
}
.contact-form textarea {
  min-height: 200px;
  resize: vertical;
  overflow: auto;
}
.contact-form input[type="submit"] {
  /* button style */
  border: none;
  background: #693c5e;
  border-radius: .25em;
  padding: 16px 20px;
  color: #ffffff;
  font-weight: 400;
  float: right;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.no-touch .contact-form input[type="submit"]:hover {
  background: #42a2e1;
}
.contact-form input[type="submit"]:focus {
  outline: none;
  background: #2b3e51;
}
.contact-form input[type="submit"]:active {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.contact-form [required] {
  background: url("/_resources/files/contact/contact-required.svg") no-repeat top right;
}
.contact-form .error-message p:first-child { display: none; }
.contact-form .error-message span {
  background: #693c5e;
  color: #ffffff;
  font-size: 1.4rem;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: .25em;
  padding: 16px;
  display: block;
  margin-bottom: 0.5em;
}
.contact-form .error {
  border-color: #693c5e !important;
}
@media only screen and (min-width: 600px) {
  .contact-form legend + div {
    /* reduce margin-top for first form element after the legend */
    margin-top: 20px;
  }
  .contact-form h4, .contact-form .contact-label {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
  .contact-form input[type="text"],
  .contact-form input[type="email"],
  .contact-form textarea,
  .contact-form select {
    padding: 16px;
  }
}

/*==========================================
	Custom icons (Contact)
============================================*/

.contact-form .icon input,
.contact-form .icon select,
.contact-form .icon textarea { padding-left: 54px !important; }

.contact-form .user { background: url("/_resources/files/contact/contact-icon-user.svg") no-repeat 16px center; }
.contact-form div.icon.req input.user { background: url("/_resources/files/contact/contact-icon-user.svg") no-repeat 16px center, url("/_resources/files/contact/contact-required.svg") no-repeat top right; }

.contact-form .company { background: url("/_resources/files/contact/contact-icon-company.svg") no-repeat 16px center; }
.contact-form [required].company { background: url("/_resources/files/contact-icon-company.svg") no-repeat 16px center, url("/_resources/files/contact/contact-required.svg") no-repeat top right; }

.contact-form .email { background: url("/_resources/files/contact/contact-icon-email.svg") no-repeat 16px center; }
.contact-form div.icon.req input.email { background: url("/_resources/files/contact/contact-icon-email.svg") no-repeat 16px center, url("/_resources/files/contact/contact-required.svg") no-repeat top right; }

.contact-form .type { background: url("/_resources/files/contact/contact-icon-arrow.svg") no-repeat 16px center; }

.contact-form .budget { background: url("/_resources/files/contact/contact-icon-budget.svg") no-repeat 16px center; }

.contact-form .message { background: url("/_resources/files/contact/contact-icon-message.svg") no-repeat 16px 16px; }
.contact-form div.icon.req textarea.message { background: url("/_resources/files/contact/contact-icon-message.svg") no-repeat 16px 16px, url("/_resources/files/contact/contact-required.svg") no-repeat top right; }

/*==========================================
	CSS Animations
============================================*/

.animated { -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:1.0s; -moz-animation-duration:1.0s; -ms-animation-duration:1.0s; -o-animation-duration:1.0s; animation-duration:1.0s; }

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

.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn;  }

@-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
@-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
@-o-keyframes fadeIn { 0% {opacity: 0;}	100% {opacity: 1;} }
@keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }

.fadeInUp {	-webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } }
@-o-keyframes fadeInUp { 0% { opacity: 0;	-o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } }
@keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }

.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } }
@-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px);} 100% { opacity: 1; -o-transform: translateY(0); } }
@keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } }

/********** Header **********/

.slideDown,
.slideUp { -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:0.4s; animation-duration:0.4s; }

@-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-110px); } 100% { -webkit-transform: translateY(0); } }
@-moz-keyframes slideDown { 0% { -moz-transform: translateY(-110px); } 100% { -moz-transform: translateY(0); } }
@-o-keyframes slideDown { 0% { -o-transform: translateY(-110px);} 100% { -o-transform: translateY(0); } }
@keyframes slideDown { 0% { transform: translateY(-110px); } 100% { transform: translateY(0); } }

@-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(0px); } 100% { -webkit-transform: translateY(-112px); } }
@-moz-keyframes slideUp { 0% { -moz-transform: translateY(0px); } 100% { -moz-transform: translateY(-112px); } }
@-o-keyframes slideUp { 0% { -o-transform: translateY(0px);} 100% { -o-transform: translateY(-112px); } }
@keyframes slideUp { 0% { transform: translateY(0px); } 100% { transform: translateY(-112px); } }

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}