/*

[Main Stylesheet]

Project     :   CVIT - Multipurpose Personal vCard / CV / Resume Template
Version     :   1.2
Author      :   themelooks
Author URL  :   https://themeforest.net/user/themelooks


NOTE:
------
PLEASE DO NOT EDIT THIS CSS, YOU MAY NEED TO USE "custom-style.css" FILE FOR WRITING YOUR CUSTOM CSS.
WE MAY RELEASE FUTURE UPDATES SO IT WILL OVERWRITE THIS FILE. IT'S BETTER AND SAFER TO USE "custom-style.css".


[TABLE OF CONTENTS]

1. GENERAL STYLES
    1.1. LOGO
    1.2. SECTION TITLE
    1.3. BACKGROUND IMAGE
    1.4. BACKGROUND OVERLAY
    1.5. BUTTONS
    1.6. DATEPICKER
    1.7. SELECTMENU
    1.8. MODAL
    1.9. PRELOADER
    
2. HEADER AREA
    2.1. HEADER NAVBAR
    2.2. HEADER NAVBAR TOGGLE BUTTON
    2.3. HEADER NAVBAR BRAND
    2.4. HEADER NAV
    2.5. HEADER CUSTOM BUTTON
    
3. BANNER AREA
    3.1. BANNER CONTENT

4. ABOUT AREA
    4.1. ABOUT PROGRESS BARS
    4.2. ABOUT INFO
    4.3. ABOUT INFO ITEM

5. SERVICES AREA
    5.1. SERVICE ITEM
    
6. GALLERY AREA
    6.1. GALLERY FILTER MENU
    6.2. GALLERY ITEM

7. FEEDBACK AREA
    7.1. FEEDBACK TITLE
    7.2. FEEDBACK FAQ
    7.3. FEEDBACK SLIDER
    7.4. FEEDBACK ITEMS

8. BLOG AREA
    8.1. BLOG QUICK NAV
    8.2. POSTS FILTER MENU
    8.3. POST ITEMS
    8.4. BLOG DETAILS MODAL

9. BRANDS AREA

10. COUNTER AREA
    10.1. COUNTER ITEM

11. CONTACT AREA
    11.1. CONTACT ADDRESS
    11.2. CONTACT SOCIAL
    11.3. CONTACT SOCIAL

12. MAP AREA

X. SUBSCRIBE AREA
    X.X. SUBSCRIBE FORM

13. FOOTER AREA
    13.1. FOOTER COPYRIGHT

14. BACK TO TOP AREA

15. HIRE ME CONTACT MODAL

16. 404 PAGE

17. MEDIA QUERIES
    17.1. DESKTOP
    17.2. TABLET
    17.3. MOBILE
    
18. HELPER CLASSES
    18.1. RESET GUTTER
    18.2. RESET MARGIN
    18.3. RESET PADDING
    18.4. VERTICAL CENTERING
    18.5. ROW EQUAL HEIGHT

*/

/*------------------------------------*\
    1. GENERAL STYLES
\*------------------------------------*/
html,
body {
    height: 100%; 
}

body {
    background: #f9f9f9;
    font-family: 'Raleway', sans-serif;
}

p:last-child {
    margin-bottom: 0;
}

.wrapper {
    height: 100%;
}




/* 1.1. LOGO */
.logo {
    display: inline-block;
    color: #303030;
}

.logo:hover,
.logo:focus {
    color: #303030;
    text-decoration: none;
    outline: 0;
}

.logo--img,
.logo--content {
    display: table-cell;
    vertical-align: middle;
}

.logo--img {
    padding-right: 8px;
}

.logo--img img {
    width: 50px;
    border-radius: 50%;
}


.siegel--img,
.siegel--content {
     display: flex;
    justify-content: center;
   align-items: center;
	
	
	
}



.siegel1--img img {
    width: 200px;
	padding: 0px;

}

.siegel1--img:hover, .siegel1--img:hover,
.siegel1--img:focus, .siegel1--img:focus {
    
    box-shadow: none;
    text-decoration: none;
    outline: 0;
	filter:brightness(35%);
	
}



.siegel2--img img {
    width: 200px;
	padding: 0px;

}

.siegel2--img:hover, .siegel2--img:hover,
.siegel2--img:focus, .siegel2--img:focus {
    
    box-shadow: none;
    text-decoration: none;
    outline: 0;
	filter:brightness(35%);
	
}



.siegel3--img img {
    width: 200px;
	padding: 0px;

}

.siegel3--img:hover, .siegel3--img:hover,
.siegel3--img:focus, .siegel3--img:focus {
    
    box-shadow: none;
    text-decoration: none;
    outline: 0;
	filter:brightness(35%);
	
}




.logo--content h1 {
    margin: 0;
    font-size: 18px;
    line-height: 22px;
}

.logo--content p {
    font-size: 15px;
    line-height: 18px;
}

/* 1.2. SECTION TITLE */
.section--title {
    margin-bottom: 60px;
    text-align: center;
	font-weight: 300;
}

.section--title h2 {
    position: relative;
    display: inline-block;
    margin-top: -7px;
    margin-bottom: 0;
    padding-bottom: 0px;
    font-size: 32px;
	font-weight:300;
    line-height: 41px;
}

.section--title h2:before,
.section--title h2:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.section--title h2:before {
    bottom: 0;
    width: 100px;
    padding: 4px 0 5px;
    
}

.section--title h2:after {
    bottom: 5px;
    width: 200px;
    height: 1px;
}

.bg--img .section--title h2:before {
    
}

.bg--img .section--title h2:after {
    
}

/* 1.3. BACKGROUND IMAGE */
.bg--img {
    background-size: cover;
    background-repeat: no-repeat;
}

/* 1.4. BACKGROUND OVERLAY */
.bg--overlay {
    position: relative;
    z-index: 0;
}

.bg--overlay:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #303030;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    z-index: -1;
}

/* 1.5. BUTTONS */
.btn--default, .btn--primary {
    display: inline-block;
    padding: 16px 30px 15px 29px;
    color: #fff;
	background-color: #303030;
    border: 2px solid transparent;
    border-radius: 50px;
    font-size: 18px;
    line-height: 10px;
    font-weight: 700;
}

.btn--default:hover, .btn--primary:hover,
.btn--default:focus, .btn--primary:focus {
    
    box-shadow: none;
    text-decoration: none;
    outline: 0;
	  color: #303030;
	background-color: transparent;
	
}

	
	


.fa-angle-up {
	color: #303030;
    border-color: #303030;
}

.fa-angle-up:hover,
.fa-angle-up:focus {
    
    color: #303030;
    border-color: #303030;
	
	
}

.btn--default {
    color: #fff;
    border-color: #303030;
    background-color: #303030;
}

.btn--default:hover,
.btn--default:focus {
    color: #303030;
	background-color: transparent;
}

.btn--primary {
   color: #fff;
	border-color: #303030;
    background-color: #303030;
}

.btn--primary:hover,
.btn--primary:focus {
    border-color: #303030;
    background-color: transparent;
	color: #303030;
}

/* 1.6. DATEPICKER */
.ui-datepicker {
    min-width: 253px;
    padding: 0;
    border: none;
    border-radius: 0;
}

.ui-datepicker-header {
    color: #fff;
    background-color: #303030;
    border: none;
    border-radius: 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    display: block;
    top: 0;
    width: auto;
    height: auto;
    margin-top: 15px;
    font-size: 18px;
    line-height: 0;
    font-weight: 300;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
    left: 0;
    margin-left: 11px;
}

.ui-datepicker .ui-datepicker-next {
    right: 0;
    margin-right: 11px;
}

.ui-datepicker-header .ui-state-hover {
    background-color: transparent;
    border: 0;
}

.ui-datepicker-prev:before,
.ui-datepicker-next:before {
    color: #fff;
    font-family: "FontAwesome";
    font-style: normal;
}

.ui-datepicker-prev:before {
    content: "\f0d9";
}

.ui-datepicker-next:before {
    content: "\f0da";
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none;
}

.ui-datepicker table {
    margin-bottom: 0;
	
}

.ui-datepicker td {
    padding: 0;
}

.ui-datepicker td span,
.ui-datepicker td a {
    margin: 1px;
    text-align: center;
}

.ui-datepicker .ui-state-default {
    color: #303030;
    background-color: transparent;
    border-color: #303030;
    -webkit-transition: color .25s ease, background-color .25s ease-in-out;
            transition: color .25s ease, background-color .25s ease-in-out;
}

.ui-datepicker .ui-state-default:hover,
.ui-datepicker .ui-state-highlight {
    color: #fff;
    background-color: #303030;
}

/* 1.7. SELECTMENU */
.ui-selectmenu-menu {
    z-index: 99999;
}

.ui-selectmenu-menu .ui-menu {
    border-radius: 0;
}

.ui-selectmenu-menu .ui-menu-item-wrapper {
    padding: 8px 15px;
}

/* 1.8. MODAL */
.modal {
    padding-top: 50px;
}

.modal label {
    font-weight: 300;
    font-style: italic;
}

.modal-content {
    border-radius: 0;
    box-shadow: none;
    border: none;
}

.modal-header {
    position: relative;
    padding: 18px 40px 20px;
    color: #fff;
    background-color: #303030;
}

.modal-header .close {
    position: absolute;
    top: 10px;
    right: -24px;
    float: none;
    color: #fff;
    font-size: 35px;
    line-height: 0;
    font-weight: 100;
    filter: alpha(opacity=100);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    text-shadow: none;
}

.modal-title {
    font-size: 22px;
    font-weight: 300;
}

.modal-title + p {
    margin-top: 3px;
}

.modal-body {
    padding: 40px;
    background-color: #f3f3f3;
}

/* 1.9. PRELOADER */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #303030;
    z-index: 999;
}

.preloader--bounce {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    width: 40px;
    height: 40px;
}

.preloader-bouncer--1,
.preloader-bouncer--2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity=60);
    -webkit-animation: preloaderBouncer 2s infinite ease-in-out;
            animation: preloaderBouncer 2s infinite ease-in-out;
}

.preloader-bouncer--2 {
    -webkit-animation-delay: -1s;
            animation-delay: -1s;
}

@-webkit-keyframes preloaderBouncer {
    0%, 100% {
        -webkit-transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
    }
}

@keyframes preloaderBouncer {
    0%, 100% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

/*------------------------------------*\
    2. HEADER AREA
\*------------------------------------*/
/* 2.1. HEADER NAVBAR */
.header--navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 20px;
    -webkit-transition: .25s;
    transition: .25s;
    z-index: 1;
}

body.scrolled .header--navbar {
    background-color: #fff;
    padding-top: 10px;
    box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}

.header--navbar .navbar {
    min-height: 0;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
}

.header--navbar .navbar-header {
    padding-bottom: 10px;
	
}

/* 2.2. HEADER NAVBAR TOGGLE BUTTON */
.header--navbar .navbar-toggle {
    border-color: #303030;
	margin-right: 5px;

}

.header--navbar .navbar-toggle .icon-bar {
    background-color: #303030;
}

/* 2.3. HEADER NAVBAR BRAND */
.header--navbar .navbar-brand {
    height: auto;
    padding: 0;
}

/* 2.4. HEADER NAV */
.header--nav {
    float: right;
}

.header--nav .nav li {
    padding: 0 15px;
}

.header--nav .nav li a {
    position: relative;
    padding: 15px 0 10px;
    color: #303030;
    outline: 0;
}

.header--nav .nav li a:hover,
.header--nav .nav li a:focus,
.header--nav .nav li.active a {
    background: transparent;
}

.header--nav .nav li a:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 0;
    height: 1px;
    background-color: #303030;
    -webkit-transition: width .25s ease-in-out;
            transition: width .25s ease-in-out;
}

.header--nav .nav li a:hover:before,
.header--nav .nav li.active a:before {
    width: 100%;
}

/* 2.5. HEADER CUSTOM BUTTON */
.header--custom-btn {
    float: right;
    margin-left: 15px;
}

.header--custom-btn .btn--default {
    margin-top: 2px;
    padding: 10px 15px;
}

/*------------------------------------*\
    3. BANNER AREA
\*------------------------------------*/
#banner {
    height: 100%;
}

#banner.bg--overlay:before {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

#banner > .container {
    height: 100%;
}

/* 3.1. BANNER CONTENT */
.banner--content {
    width:40%;
    color: #303030;
	margin-left:10px; 
}

.banner--content h2 {
    margin-top: 0;
    font-weight: 800;
    font-size: 32px;
    text-transform: uppercase;
	
	width: 100%;
}

.banner--content h4 {
    margin-top: 0;
    font-weight: 300;
    font-size: 29px;
    text-transform: uppercase;
	
	width: 100%;
}

.banner--content h5 {
    margin-top: 0;
    font-weight: 300;
    font-size: 16px;
	line-height: 150%;
font-family: "raleway";
    font-style:normal;

	width: 100%;
}

.banner--content .thick {
    font-weight: 300;
}

.banner--content p {
    margin-top: 30px;
    font-size: 24px;
    font-weight: 300;
}

.banner--content p a {
    color: #303030;
    text-decoration: none;
    outline: 0;
}

.banner--content .btn--default {
    margin-top: 22px;
	
}

summary::-webkit-details-marker {

  display: none

}



summary:after {

 
	float: left;
margin-left:10px;
  margin-right: 5px; 

}


summary:hover {

	color: #FFFFFF;


}


details[open] summary:after {

	
	color:#303030;

}



/*------------------------------------*\
    4. ABOUT AREA
\*------------------------------------*/
#about {
    padding: 80px 0;margin-left:20px; margin-right:20px; margin-bottom:35px; 
}

#about h3 {
    font-weight: 300;
    margin-top: 0;
}

#about p {
    margin: 25px auto;
	font-size: 16px;
}

#about a.btn {
    margin-top: 10px;
	
}



/*------------------------------------*\
    5. SERVICES AREA
\*------------------------------------*/
#services {
    position: relative;
    padding: 80px 0 20px;
    color: #fff;
	
}

/* 5.1. SERVICE ITEM */
.service--item {
    margin-bottom: 60px;
	align-items: center;
	justify-content: center;
	float: center;
	line-height: 1px;
}

.service--icon {
   
	float: center;
    font-size: 38px;
    line-height: ;
    text-align: center;
	
	 display: block;
           float: center; 
}

.service--content {
   display: block;
           float: center;
	margin-top: 10px;
	justify-content: center;
	margin-left:20px; margin-right:20px; 
	font-size: 16px;
}

.service--content h2 {
margin-top: 0;
    font-weight: 300;
    font-size: 20px;
    line-height: 39px;
}

/*------------------------------------*\
    7. FEEDBACK AREA
\*------------------------------------*/
#feedback {
    padding: 80px 0;
    color: #fff;
	height: auto;
	min-height: inherit;
}

/* 7.1. FEEDBACK TITLE */
.feedback--title {
    position: relative;
    margin: -4px 0 30px;
    font-weight: 700;
    padding-bottom: 21px;
    font-size: 26px;
}

.feedback--title:before,
.feedback--title:after {
    content: " ";
    position: absolute;
    left: 0;
}

.feedback--title:before {
    bottom: 0;
    width: 100px;
    padding: 4px 0 5px;
    border-style: solid;
    border-width: 1px 0;
    border-color: #737373;
}

.feedback--title:after {
    bottom: 5px;
    width: 200px;
    height: 1px;
    background-color: #303030;
}

.bg--img .feedback--title:before {
    border-color: #fff;
}

.bg--img .feedback--title:after {
    background-color: #fff;
}

/* 7.2. FEEDBACK FAQ */
.feedback--faq .panel-group {
    margin-bottom: 0;
}

.feedback--faq .panel-default {
    border: none;
    border-radius: 0;
}

.feedback--faq .panel + .panel {
    margin-top: 10px;
}

.feedback--faq .panel-heading {
    padding: 0;
}

.feedback--faq .panel-heading a {
    display: block;
    padding: 10px 15px;
    color: #303030;
    background-color: #fff;
    text-decoration: none;
	
}

.feedback--faq .panel-heading a.collapsed i.fa:before {
    content: "\f067";
}

.feedback--faq .panel-title i.fa {
    float: right;
}

.feedback--faq .panel-body {
    color: #303030;
}

/* 7.3. FEEDBACK SLIDER */
.feedback--slider .owl-pagination {
    font-size: 0;
    line-height: 0;
	margin-bottom: 0px;
	padding-bottom: 0px;

}

.feedback--slider .owl-controls .owl-page {
    display: inline-block;
    margin: 0 5px;
    border: 1px solid transparent;
    margin-left: 0;
    -webkit-transition: border-color .25s ease;
            transition: border-color .25s ease;
	filter: opacity(20%);
	
}

.feedback--slider .owl-controls .owl-page.active {
    filter: opacity(100%);
	
}

.feedback--slider .owl-controls .owl-page span {
    display: block;
    width: 20px;
    margin: 4px;
    padding: 2px;
}

.feedback--slider .owl-controls .owl-page img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* 7.4. FEEDBACK ITEMS */
.feedback--item {
    padding-left: 2px;

	margin-left:20px; 
	margin-right:20px; 
	font-size: 16px;
}

.feedback--item i.fa {
    float: left;
    margin-right: 15px;
    font-size: 40px;
}

.feedback--item p {
    margin-bottom: 15px;
}

.feedback--item .cite {
    margin-bottom: 15px;
    display: block;
    font-weight: 800;
    font-style: italic;
}



/*------------------------------------*\
    9. BRANDS AREA
\*------------------------------------*/
#brands {
    padding: 50px 0;
}

#brands:before {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.brands--slider .owl-item {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

/*------------------------------------*\
    10. COUNTER AREA
\*------------------------------------*/
#counter {
    padding: 80px 0 30px;
}

/* 10.1. COUNTER ITEM */
.counter--item {
    margin-bottom: 50px;
    color: #fff;
}

.counter--num {
    margin-bottom: 7px;
    font-size: 32px;
    line-height: 36px;
    font-weight: 300;
}

.counter--num i.fa {
    margin-right: 7px;
}

.counter--text {
    font-size: 16px;
}

/*------------------------------------*\
    11. CONTACT AREA
\*------------------------------------*/
#contact {
    position: relative;
    padding: 80px 0;
    background-color: #fff;
    border-style: solid;
    border-width: 1px 0;
    border-color: #e9e9e9;
	border-radius: ;
}

#contact:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-color: #f8f8f8;
    border-left: 1px solid #e9e9e9;
}

/* 11.1. CONTACT ADDRESS */
.contact--address h2 {
    position: relative;
    margin: 0 0 30px;
    font-weight: 300;
    padding-bottom: 21px;
    font-size: 26px;
}

.contact--address h2:before,
.contact--address h2:after {
    content: " ";
    position: absolute;
    left: 0;
}

.contact--address h2:before {
    bottom: 0;
    width: 100px;
    padding: 4px 0 5px;
    border-style: solid;
    border-width: 1px 0;
    border-color: #737373;
}

.contact--address h2:after {
    bottom: 5px;
    width: 200px;
    height: 1px;
    background-color: #303030;
}

.contact--address address {
    margin-bottom: 0;
}

.contact--address address p {
    margin-bottom: 30px;
}

.contact--address address p:last-child {
    margin-bottom: 0;
}

.contact--address address p i.fa {
    font-size: 20px;
    border: 1px solid #303030;
    width: 35px;
    padding: 5px 0;
    margin-right: 10px;
    text-align: center;
}

/* 11.2. CONTACT SOCIAL */
.contact--social {
    margin-top: 12px;
	margin-left:12px; 
}

.contact--social ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}

.contact--social li {
    display: inline-block;
    margin-right: 5px;
}

.contact--social li a {
    display: block;
    width: 35px;
    margin: 18px 0;
    padding: 6px 0;
    color: #303030;
    border: 1px solid #303030;
    font-size: 14px;
	border-radius: 100px;
    text-align: center;
    -webkit-transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
            transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
}

.contact--social li a:hover,
.contact--social li a:focus {
    color: #fff;
    border: 1px solid #303030;
    background: #303030;
}

/* 11.3. CONTACT SOCIAL */
.contact--form {
    padding-left: 50px;
}

.contact-form-status .alert {
    border-radius: ;
}

.contact--form form label {
    margin-top: 5px;
    margin-bottom: 0;
    font-style: italic;
    font-weight: 400;
	border-radius: 35px;
}

.contact--form form input.form-control {
    border-color: #e9e9e9;
    border-radius: 0;
    box-shadow: none;
	border-radius: 35px;
}

.contact--form form textarea.form-control {
    border-color: #e9e9e9;
    border-radius: 0;
    box-shadow: none;
    resize: none;
    margin-top: 15px;
	border-radius: 15px;
	
}




$color-primary: #458599;

body {
	padding: 2%;
	color: #444;
	max-width: 980px;
	margin: 0 auto;
	background-color: #eaeaea;
}




/*------------------------------------*\
    13. FOOTER AREA
\*------------------------------------*/

/* Impressum Pop Up */


.post--details .social-icons {
    float: right;
    margin-top: 10px;
}

.post--details .social-icons ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}

.post--details .social-icons li {
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
}

.post--details .social-icons li a {
    display: block;
    width: 35px;
    margin: 0;
    padding: 6px 0;
    color: #fff;
    border: 1px solid #fff;
    font-size: 14px;
	border-radius: 100px;
    text-align: center;
    -webkit-transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
            transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
}

.post--details .social-icons li a:hover,
.post--details .social-icons li a:focus {
    color: #303030;
    border: 1px solid #fff;
    background: #fff;
}


#footer {
    padding: 25px 0;
    color: #fff;
    background-color: #303030;
    text-align: center;
}

#footer2 {
    padding: 25px 0;
    color: #fff;
    background-color: #f8f8f8;
    text-align: center;
}


/* 13.1. BOOK BOX TEAM SPIRIT */
.bookbox {
	align:center;
	text-align: left;
    padding: 20px 20px 20px 30px;
    background-color: #E6E6E6;
	border-radius: 20px;
	text-align: center;
	align-items: center;
	align-self: center;
align-content: center;
	
}

.bookbox-content {
	text-align: center;
	
	
}

.bookbox-bild {
	
	text-align: center;

	width: 30%;
	
}


/* 13.1. FOOTER COPYRIGHT */
.footer--copyright a {
    color: #fff;
    font-weight: 400;
	font-size: 12;
    text-decoration-line: underline;
	border-top: 200px;
	
}

/*------------------------------------*\
    14. BACK TO TOP AREA
\*------------------------------------*/
#backToTop {
    position: fixed;
    right: 30px;
    bottom: 30px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out;
    z-index: 1;
}

body.scrolled #backToTop {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#backToTop a {
    min-width: 50px;
    padding: 6px 0 8px;
    background-color: #f9f9f9;
    font-size: 32px;
    line-height: 0;
    text-align: center;
}


/*------------------------------------*\
    16. 404 PAGE
\*------------------------------------*/
#f0f,
#f0f > .container {
    height: 100%;
}

.f0f--content {
    text-align: center;
}

.f0f--content h1 {
    font-size: 80px;
    font-weight: 300;
}

.f0f--content p {
    font-size: 22px;
}

/*------------------------------------*\
    17. MEDIA QUERIES
\*------------------------------------*/
/* 17.1. DESKTOP */
@media screen and (max-width: 1200px) {
    .gallery-overlay h2 {
        margin: 0;
    }
}

/* 17.2. TABLET */
@media screen and (max-width: 991px) {
    /* HIRE ME MODAL */
    .hire-me--modal .attachment {
        padding-right: 15px;
    }
    
    .hire-me--modal .form-controls .attachment-status {
        padding-left: 16px;
    }
    
    .hire-me--modal .estimate-container {
        margin-top: 30px;
    }
    
    /* HEADER */
    .header--navbar .navbar-header {
        float: none;
    }
    
    .header--navbar .navbar-toggle {
        display: block;
    }
    
    .header--custom-btn .btn--default {
        margin-top: 8px;
        padding: 5px 11px;
        border-width: 1px;
    }
    
    .header--nav {
        float: none;
        max-height: 320px;
        background-color: #fff;
        overflow: auto !important;
    }
    .header--nav.collapse {
        display: none !important;
        overflow: auto !important;
    }
    .header--nav.collapse.in {
        display: block !important;
    }
    
    .header--nav .nav {
        float: none !important;
        margin: 7.5px -15px;
    }
    
    .header--nav .nav > li {
        float: none;
    }
    
    .header--nav .nav > li > a {
        display: inline-block;
    }
    
    /* BANNER */
    #banner {
        height: auto;
    }
    
    #banner .banner--content {
        padding: 80px 0;
    }
    
    #header + #banner .banner--content {
        padding-top: 145px;
    }

    .banner--content {
        width: 50%;
        word-wrap: break-word;
    }
	
	
	
	 /*------------------------------------*\
    3.2 book AREA
\*------------------------------------*/
#book {
    height: 100%;
}

#book.bg--overlay:before {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

#book > .container {
    height: 100%;
}

/* 3.1. BOOK CONTENT */
.book--content {
    width:40%;
    color: #303030;
	margin-left:10px; 
}

.book--content h2 {
    margin-top: 0;
    font-weight: 800;
    font-size: 32px;
    text-transform: uppercase;
	
	width: 100%;
}

.book--content h4 {
    margin-top: 0;
    font-weight: 300;
    font-size: 29px;
    text-transform: uppercase;
	
	width: 100%;
}

.book--content h5 {
    margin-top: 0;
    font-weight: 300;
    font-size: 16px;
	line-height: 150%;
font-family: "raleway";
    font-style:normal;

	width: 100%;
}

.book--content .thick {
    font-weight: 300;
}

.book--content p {
    margin-top: 30px;
    font-size: 24px;
    font-weight: 300;
}

.book--content p a {
    color: #303030;
    text-decoration: none;
    outline: 0;
}

.book--content .btn--default {
    margin-top: 22px;
}

    
    /* ABOUT AREA */
    #about {
        padding-bottom: 20px;
		margin-bottom: 20px;
		
    }

    #about .col-md-6 {
        margin-bottom: 30px;
		padding-bottom: 20px;
    }
    
    .about--info {
        margin-top: 0;
    }
	


    /* FEEDBACK AREA */
    .feedback--faq + .feedback--items {
        margin-top: 60px; 
    }
}

/* 17.3. MOBILE */
@media screen and (max-width: 767px) {
    /* MODAL */
    .modal-dialog {
        margin-left: 30px;
        margin-right: 30px;
    }
    
    /* POST DETAILS */
    .post--details .author-meta {
        padding-left: 0;
        margin-left: -15px;
    }
    
    .post--details .social-icons {
        float: none;
    }

    /* COUNTER AREA */
    .counter--item {
        text-align: center;
    }
    
    .counter--num i.fa {
        display: block;
        margin-right: 0;
        margin-bottom: 5px;
    }
    
    /* CONTACT AREA */
    #contact:before {
        display: none;
    }
    
    .contact--form {
        padding-top: 30px;
        padding-left: 0;
    }
}

@media screen and (max-width: 480px) {
    /* HEADER */
    .header--custom-btn {
        margin-left: 0;
    }
    
    /* ABOUT AREA */
    .about--info-item h5 {
        word-wrap: break-word;
    }
    
    /* SUBSCRIBE AREA */
    .subscribe--form .input-box {
        width: 100%;
    }
}

/*------------------------------------*\
    18. HELPER CLASSES
\*------------------------------------*/
/* 18.1. RESET GUTTER */
.reset-gutter {
    margin-left: 0;
    margin-right: 0;
}
.reset-gutter > [class*='col-'] {
    padding-left: 0;
    padding-right: 0;
}

/* 18.2. RESET MARGIN */
.reset-margin {
    margin-right: 0;
    margin-left: 0;
}

/* 18.3. RESET PADDING */
.reset-padding {
    padding-right: 0;
    padding-left: 0;
}

/* 18.4. VERTICAL CENTERING */
.vc--parent {
    display: table;
    width: 100%;
    height: 100%;
}

.vc--child {
    display: table-cell;
    vertical-align: middle;

}

.vc--child-bottom {
    display: table-cell;
    vertical-align: bottom;
}

/* 18.5. ROW EQUAL HEIGHT */
.row-eq-height {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}