/* Global Styles */

html,
body {width: 100%;height: 100%;}
body {font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;}

.text-black{color: black;}
.text-grey{color: #727171;}

.text-vertical-center {text-align: center;margin-top: 7%;}
.text-vertical-center h1 {font-size: 4.5em;font-weight: 700;margin: 0;padding: 0;}

/* Custom Button Styles */
.btn-dark {color: #fff;border: none;border-radius: 0;background-color: rgba(0, 0, 0, .4);}
.btn-dark:hover,.btn-dark:focus,.btn-dark:active {color: #fff;background-color: rgba(0, 0, 0, .7);}
.btn-light {color: #333;border: none;border-radius: 0;background-color: rgb(255, 255, 255);}.btn-light:hover,.btn-light:focus,.btn-light:active {color: #333;background-color: rgba(255, 255, 255, .8);}


/* Custom Horizontal Rule */
hr.small {max-width: 100px;}

/* Side Menu */
#sidebar-wrapper { position: fixed;z-index: 1000;right: 0;overflow-y: auto;width: 250px;height: 100%;-webkit-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;-ms-transition: all .4s ease 0s;-o-transition: all .4s ease 0s;transition: all .4s ease 0s;transform: translateX(250px);background: #222;}

.sidebar-nav {position: absolute;top: 0;width: 250px;margin: 0;padding: 0;list-style: none;}

.sidebar-nav li {line-height: 40px;text-indent: 20px;}
.sidebar-nav li a {display: block;text-decoration: none;color: #999;}
.sidebar-nav li a:hover {text-decoration: none;color: #fff;background: rgba(255, 255, 255, .2);}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {text-decoration: none;}

.sidebar-nav > .sidebar-brand {font-size: 18px;line-height: 55px;height: 55px;}
.sidebar-nav > .sidebar-brand a {color: #999;}
.sidebar-nav > .sidebar-brand a:hover {color: #fff;background: none;}

#menu-toggle {position: fixed;z-index: 1;top: 0;right: 0;}
#sidebar-wrapper.active {right: 250px;width: 250px;-webkit-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;-ms-transition: all .4s ease 0s;-o-transition: all .4s ease 0s;transition: all .4s ease 0s;}
.toggle {font-size: 1em;margin: 8px 8px 0 0;padding: 10px 20px;}


/* Header */
.header {position: relative;display: table;width: 100%;height: 100%;background: url(../img/bg.jpg) ;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}

/* About */
.about {padding: 50px 0;}

/* Services */
.services {padding: 50px 0;}
.service-item {margin-bottom: 30px;}


/* Portfolio */
.portfolio {padding: 50px 0;}
.portfolio-item {margin-bottom: 30px;}
.img-fluid {max-width: 80% !important;}
.img-portfolio {margin: 0 auto;}
.img-portfolio:hover {opacity: .8;}


/* Call to Action */
.call-to-action {padding: 50px 0;}
.call-to-action .btn {margin: 10px;}


/* Footer */
footer { padding: 140px 0; }
#to-top { font-size: 1em; position: fixed; right: 5px; bottom: 5px; display: none; padding: 15px 20px; }

/* Contact-form */
.modal-content{ padding: 0 15px 5px 15px; }
.contact-form{ margin-top:15px;}
.contact-form .textarea{ min-height:220px; resize:none;}
.form-control{ box-shadow:none; border-color:#eee; height:49px;}
.form-control:focus{ box-shadow:none; border-color:#2d8aed;}.form-control-feedback{ line-height:50px;}
.main-btn{ background:#2d8aed; border-color:#2d8aed; color:#fff;}
.main-btn:hover{ background:#005bbc;color:#fff;}
.form-control-feedback { line-height: 50px; top: 0px; }