@import "videoslider.css";
/*----------------------------------------------------------------------------

      Theme: Dustar


/*----------------------------------------------------------------------------
      0. Editiert von Roman
      1.  Document Setup
          1.1  Basic Elements
          1.2  Floats
          1.3  Font Colors
          1.4  Parallax Bacgrounds
      2.  Into
          2.1  Intro General
          2.2  Intro Txt Left
          2.3  Intro Subscribe Form
          2.4  Intro Text Rotator
          2.5  Picture Screen Slider
      3.  Main Menu
          3.1  Navbar When Scroll
          3.2  Navbar Responsive
      4.  Wrappers
      5.  Icons
      6.  Buttons
      7.  Photos
      8.  Contet Boxes
          8.1  About Boxes
          8.2  Services Boxes
          8.3  Features Boxes
          8.4  Single Contnet
          8.5  Skills  Charts
      9. Tabs
      10. Accordion
          10.1 Accordion - Panel Title
          10.2 Blog Accordion
          10.3 Blog Accordion - Panel Title
      11. Time Line
          11.1 Time Line - Left Elements
          11.2 Time Line - Right Elements
          11.3 Time Line - General Item
      12. Fun Facts
      13. Our Team
      14. Pricing Tables
      15. Download
      16. Portfolio
          16.1 Portfolio - Filter List
          16.2 Portfolio - Items
      17. Contact Info
      18. Contact Form
      19. Footer
      20. Sliders
         20.1  Flexslider - Controls
          20.3  Intro Picture Slider
          20.2  OWL Slider - Controls
          20.4  Feedback Slider
          20.5  Clients Slider
      21. Preload

/*BEGINN EDITIERT VON ROMAN*/
#infobox {
	text-align: center;
}

.features_heading, .contact-form-heading {
	font-size: 18px;
	font-weight: 700;
	color: #1c1c1c;
	line-height: 1.2;
	margin-bottom: 20px;
	margin-top: 0;
	padding: 0;
	text-transform: capitalize;
}

.contact-heading {
	font-size: 18px;
	font-weight: 700;
	color: #1c1c1c;
	line-height: 1.2;
	margin-bottom: 5px;
	margin-top: 0;
	padding: 0;
	text-transform: capitalize;
}

.chart-txt div {
	font-size: 40px;
	height: 48px;
	letter-spacing: 0;
	font-weight: 700;
	line-height: 1.2;
	text-transform: capitalize;
}

section#contact-info .section-title {
	color: #1c1c1c;
	font-weight: 300;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 1.2;
	text-transform: capitalize;
	font-size: 40px;
}

.seo_partner_heading {
	color: #b1b1b1;
	font-size: 22px;
	font-style: italic;
	margin-bottom: 40px;

}

.seo_beratung_heading {
	position: absolute;
	right: 0;
	font-size: 12px;
	font-weight: 600;
	margin-top: 45px;
	margin-right: 7px;
	z-index:9;
	max-width:320px;
}

.verlieben_heading{
	 color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom:20px;
}

#form-contact input {
	border: 1px solid #fff;
	color: #1c1d27;
	float: left;
	font-family: "Roboto", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2px;
	margin-bottom: 2px;
	outline: medium none;
	padding: 20px;
	text-transform: uppercase;
	transition: all 0.2s linear 0s;
	width: 100%;
}

#contact22 {
 color: #fff
}

.dropdown-toggle {
	background-color: transparent;
	color: #e4e4e4;
	display: block;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 46px;
	padding: 0 10px;
	text-transform: uppercase;
}

.dropdown-menu {
	left: 0px !important;
	background-color: transparent;
	margin-top: 7px;
	padding: 0px !important;
}

.dropdown-menu>li>a {
	color: #e4e4e4 !important;
	display: block;
	font-size: 11px !important;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px;
}

.dropdown-menu>li>a:hover {
	background-color: #0166cc;
}

.dropdown-menu>li {
	padding-bottom: 0px !important;
}
/*ENDE EDITIERT VON ROMAN PRYTKOV*/

/*----------------------------------------------------------------------------*/
/*  1.  Document Setup
/*----------------------------------------------------------------------------*/
html {
	font-size: 100%;
}

body {
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #5c5c5c;
	line-height: 1.5;
	margin: auto !important;
}
/*  1.1  Basic Elements
/*----------------------------------------------------------------------------*/
a {
	font-weight: 400;
	color: #1c1c1c;
	text-decoration: none;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

a:hover {
	color: #5c5c5c;
	text-decoration: none;
}

a img {
	border: none;
}

img {
	max-width: 100%;
	height: auto;
}

ul {
	padding-left: 0px !important;
}

li {
	list-style: none;
	line-height: 1.5;
	padding-bottom: 20px;
}

li i {
	padding-right: 8px;
}

p, ul {
	margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6 {
	color: #1c1c1c;
	font-weight: 300;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 1.2;
	text-transform: none;
}

h1 {
	font-size: 46px;
}

h2 {
	font-size: 40px;
}

h3 {
	font-size: 18px;
	font-weight: 700;
}

h4, h5, h6 {
	font-size: 11px;
}

.meta {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 11px;
	color: #b1b1b1;
	letter-spacing: 2px;
	text-decoration: none;
}

.meta:hover {
	color: #1c1c1c;
}
/*  1.2  Floats
/*----------------------------------------------------------------------------*/
.float-left {
	float: left;
	text-align: left;
}

.float-right {
	float: right;
	text-align: right;
}
/*  1.3  Font Colors
/*----------------------------------------------------------------------------*/
.txt-red {
	color: #ff2a1e;
}

.txt-green {
	color: #90bf34;
}

.txt-blue {
	color: #008fd5;
}

.txt-yellow {
	color: #ffbb42;
}

.txt-teal {
	color: #4bb4ba;
}

.txt-pink {
	color: #f54785;
}

.txt-black {
	color: #1c1c1c;
}

.txt-grey {
	color: #b1b1b1;
}
/*  1.4 Parallax Bacgrounds
/*----------------------------------------------------------------------------*/
.bg-image {
	background-attachment: fixed !important;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.bg-01 {
	background: url('../img/background/bg-01.jpg');
}

.bg-02 {
	background: url('../img/background/bg-02.jpg');
}

.bg-03 {
	background: url('../img/background/bg-03.jpg');
}

.bg-04 {
	background: #606060;
}

.bg-05 {
	background: #606060;
}

.bg-06 {
	background: url('../img/background/bg-06.jpg');
}

.bg-07 {
	background: #708090;
}

.bg-08 {
	background: url('../img/background/bg-08.jpg');
}
/*----------------------------------------------------------------------------*/
/*  2.  Into
/*----------------------------------------------------------------------------*/
/*  2.1  Intro General
/*----------------------------------------------------------------------------*/
.intro-container {
	padding-top: 40px;
}

.intro-container h1 {
	font-size: 36px;
	margin-bottom: 40px;
}

.intro-container p {
	font-size: 22px;
	font-style: italic;
	margin-bottom: 40px;
	color: #b1b1b1;
}

.intro-container .btn, .intro-container .btn:last-of-type {
	margin-bottom: 40px;
}

.intro-form-box {
	background-color: rgba(0, 0, 0, 0.40);
	padding: 40px;
	padding-bottom: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.intro-form-box

input
:not

(
[
type
=
submit
]

)
{
width
:

100%;
font-family
:

'
Roboto
'
,
sans-serif
;


font-weight
:

700;
font-size
:

11
px
;


text-transform
:

none
;


letter-spacing
:

2
px
;


margin-bottom
:

23
px
;


padding
:

9
px

20
px
;


border
:

1
px

solid

#1c1d27
;


-webkit-border-radius
:

4
px
;


-moz-border-radius
:

4
px
;


border-radius
:

4
px
;


color
:

#1c1d27
;


outline
:

none
;


-webkit-transition
:

all

.2s

linear
;


-moz-transition
:

all

.2s

linear
;


-o-transition
:

all

.2s

linear
;


-ms-transition
:

all

.2s

linear
;


transition
:

all

.2s

linear
;


}
.intro-form-box input:not ([type=submit] ):hover, .intro-form-box input:not
	 ([type=submit] ):focus {
	border: 1px solid #fff;
}

.intro-form-box input[type="submit"][disabled] {
	background-color: #b1b1b1;
	border: 1px solid #b1b1b1;
	color: #fff;
}
/*  Intro Color Wrapper */
.wrapper-color .intro-container h1, .wrapper-color .intro-container p {
	color: #fff;
}

.wrapper-color

.intro-form-box

textarea
,
.wrapper-color

.intro-form-box

input
:not


(
[
type
=
submit
]

)
{
border
:

1
px

solid

#b1b1b1
;


}
.wrapper-color .intro-form-box input:not ([type=submit] ):hover,
	.wrapper-color .intro-form-box input:not ([type=submit] ):focus,
	.wrapper-color .intro-form-box textarea:hover, .wrapper-color .intro-form-box textarea:focus
	{
	border: 1px solid #fff;
}
/*  2.2  Intro Txt Left
/*----------------------------------------------------------------------------*/
#intro-txt-left .gradient-overlay, #intro-txt-left .color-overlay-red,
	#intro-txt-left .color-overlay-green, #intro-txt-left .color-overlay-blue,
	#intro-txt-left .color-overlay-yellow, #intro-txt-left .color-overlay-teal,
	#intro-txt-left .color-overlay-pink {
	min-height: 600px;
	padding: 140px 0px 100px 0px;
}

#intro-txt-left .absolute-photo {
	top: -80px;
}
/*  2.3  Intro Subscribe Form
/*----------------------------------------------------------------------------*/
#intro-subscribe-form .intro-content {
	min-height: 700px;
	position: relative;
	padding: 0px;
	margin: 0px;
}

#intro-subscribe-form .intro-container {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#subscribe-form

input
:not

(
[
type
=
submit
]

)
{
width
:

100%;
margin-bottom
:

20
px
;


}
#subscribe-form input[type="submit"] {
	width: 100%;
	margin-bottom: 20px;
}

.subscribe-info {
	font-size: 16px;
	font-style: normal;
	margin-bottom: 20px;
}

#subscribe-message {
	margin-top: 20px;
	width: 100%;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#subscribe-message span {
	padding-right: 5px;
}
/*  2.4  Intro Text Rotator
/*----------------------------------------------------------------------------*/
#intro-text-rotator .gradient-overlay, #intro-text-rotator .color-overlay-red,
	#intro-text-rotator .color-overlay-green, #intro-text-rotator .color-overlay-blue,
	#intro-text-rotator .color-overlay-yellow, #intro-text-rotator .color-overlay-teal,
	#intro-text-rotator .color-overlay-pink {
	min-height: 600px;
	padding: 0px;
}

#intro-text-rotator .intro-container {
	padding-top: 140px;
	position: relative;
}

#intro-text-rotator .intro-container p {
	color: #fff;
}

#intro-text-rotator .absolute-photo {
	top: 0px;
	left: 0px;
}

#intro-text-rotator #text-slider {
	height: 500px;
}

#intro-text-rotator .slides {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10;
}

#intro-text-rotator .slides li {
	display: none;
	padding: 100px 40px 0px 40px;
}

#intro-text-rotator .flex-control-nav {
	z-index: 11;
	left: 0px;
	bottom: -20px;
}

#intro-text-rotator .intro-container-bottom {
	padding-top: 160px;
	padding-bottom: 0px;
}

.intro-container-bottom .section-title {
	padding-bottom: 0px;
}

.intro-container-bottom .section-title p {
	padding-top: 20px;
	margin-bottom: 0px;
}
/*  2.5  Picture Screen Slider
/*----------------------------------------------------------------------------*/
#picture-slider .gradient-overlay, #picture-slider .color-overlay-red,
	#picture-slider .color-overlay-green, #picture-slider .color-overlay-blue,
	#picture-slider .color-overlay-yellow, #picture-slider .color-overlay-teal,
	#picture-slider .color-overlay-pink {
	position: relative;
	min-height: 800px;
	padding: 0px;
	margin: 0px;
}

#picture-slider .picture-slide-container {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.slider-bg-image {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
/*  Picture Screen Slider Color Wrapper */
#picture-slider .owl-controls .owl-page span {
	background-color: #b1b1b1;
}

#picture-slider .owl-controls .owl-page.active span, .wrapper-color .owl-controls .clickable .owl-page:hover span
	{
	background-color: #fff;
	border: 1px solid #fff;
}
/*----------------------------------------------------------------------------*/
/*  3.  Main Menu
/*----------------------------------------------------------------------------*/
.navbar #logo {
	float: left;
}

.navbar #logo img {
	height: 46px;
	width: auto;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.navbar {
	margin-bottom: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 40px 0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.navbar-fixed-top {
	background-color: transparent;
	border-bottom: none;
}

.navbar-nav>li {
	background-color: transparent;
	padding-bottom: 0px;
}

.navbar-nav>li>a {
	color: #e4e4e4;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
	display: block;
	line-height: 46px;
	padding: 0 10px;
	background-color: transparent;
}

.navbar-nav>li>a:active, .navbar-nav>li>a:focus, .navbar-nav>li>a:hover,
	.navbar-nav>.current a {
	color: #fff;
	font-weight: 700;
	background-color: transparent;
}
/*  3.1  Navbar When Scroll
/*----------------------------------------------------------------------------*/
.navbar-fixed-scroll {
	background-color: #1c1c1c;
	border-bottom: 1px solid #797979;
	padding: 10px 0px 8px 0px;
	margin: 0px;
}

.navbar-fixed-scroll #logo img {
	height: 40px;
	width: auto;
}
/*  3.2  Navbar Responsive
/*----------------------------------------------------------------------------*/
.navbar-toggle {
	position: relative;
	float: right;
	background-color: transparent;
	padding: 0px;
	border: none;
	margin-top: 0px;
}

.navbar-toggle .icon {
	margin-bottom: 0px;
}

.container>.navbar-header {
	margin-left: 0px;
	margin-right: 0px;
}
/*----------------------------------------------------------------------------*/
/*  4  Wrappers
/*----------------------------------------------------------------------------*/
.wrapper-white, .wrapper-grey, .wrapper-black, .gradient-overlay,
	.color-overlay-red, .color-overlay-green, .color-overlay-blue,
	.color-overlay-yellow, .color-overlay-teal, .color-overlay-pink {
	width: 100%;
	padding: 80px 0px;
}

.gradient-overlay h1, .gradient-overlay h2, .wrapper-color h1,
	.wrapper-color h2 {
	color: #f3f3f3;
}

.wrapper-white {
	background-color: #fff;
}

.wrapper-grey {
	background-color: #fff;
}

.gradient-overlay {
	background: -moz-linear-gradient(top, rgba(92, 92, 92, 0.75) 0%,
		rgba(0, 0, 0, 0.85) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(92,
		92, 92, 0.75)), color-stop(100%, rgba(0, 0, 0, 0.85)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(92, 92, 92, 0.75) 0%,
		rgba(0, 0, 0, 0.85) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(92, 92, 92, 0.75) 0%,
		rgba(0, 0, 0, 0.85) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(92, 92, 92, 0.75) 0%,
		rgba(0, 0, 0, 0.85) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(92, 92, 92, 0.75) 0%,
		rgba(0, 0, 0, 0.85) 100%);
	/* W3C */
}

.color-overlay-red {
	background-color: rgba(255, 42, 30, 0.90);
}

.color-overlay-green {
	background-color: rgba(144, 191, 52, 0.90);
}

.color-overlay-blue {
	background-color: rgba(0, 143, 213, 0.90);
}

.color-overlay-yellow {
	background-color: rgba(255, 187, 66, 0.90);
}

.color-overlay-teal {
	background-color: rgba(75, 180, 186, 0.90);
}

.color-overlay-pink {
	background-color: rgba(245, 71, 133, 0.90);
}
/*----------------------------------------------------------------------------*/
/*  5.  Icons
/*----------------------------------------------------------------------------*/
.icon-box {
	text-align: center;
	float: left;
}

.icon {
	text-align: center;
	font-size: 20px;
	color: #fff;
	margin-bottom: 20px;
	padding-top: 10px;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float: left;
}

.icon:hover {
	color: #fff;
}

.icon-clean {
	text-align: center;
	font-size: 40px;
	width: 40px;
	height: 40px;
	margin-bottom: 20px;
}

.icon-red {
	background-color: #ff2a1e;
}

.icon-green {
	background-color: #90bf34;
}

.icon-blue {
	background-color: #008fd5;
}

.icon-yellow {
	background-color: #ffbb42;
}

.icon-teal {
	background-color: #4bb4ba;
}

.icon-pink {
	background-color: #f54785;
}

.icon-white {
	background-color: #fff;
	color: #1c1c1c;
}

.icon-grey {
	background-color: #f3f3f3;
	color: #1c1c1c;
}

.icon-white:hover, .icon-grey:hover {
	color: #1c1c1c;
}

a:hover>.icon, div:hover>.icon, a:hover>.icon-clean, div:hover>.icon-clean
	{
	-webkit-animation: pulse .3s;
	animation: pulse .3s;
}
/*----------------------------------------------------------------------------*/
/*  6.  Buttons
/*----------------------------------------------------------------------------*/
.btn {
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
	color: #fff;
	margin: 0px 20px 20px 0px;
	padding: 10px 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.btn:last-of-type {
	margin: 0px 0px 20px 0px;
}

.btn-red {
	background-color: #ff2a1e;
}

.btn-red:hover {
	background-color: transparent;
	border: 1px solid #ff2a1e;
	color: #ff2a1e;
}

.btn-green {
	background-color: #90bf34;
}

.btn-green:hover {
	background-color: transparent;
	border: 1px solid #90bf34;
	color: #90bf34;
}

.btn-blue {
	background-color: #008fd5;
}

.btn-blue:hover {
	background-color: transparent;
	border: 1px solid #008fd5;
	color: #008fd5;
}

.btn-yellow {
	background-color: #06C;
}

.btn-yellow:hover {
	background-color: transparent;
	border: 1px solid #ffbb42;
	color: #ffbb42;
}

.btn-teal {
	background-color: #4bb4ba;
}

.btn-teal:hover {
	background-color: transparent;
	border: 1px solid #4bb4ba;
	color: #4bb4ba;
}

.btn-pink {
	background-color: #06C;
}

.btn-pink:hover {
	background-color: transparent;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}

.btn-white {
	background-color: #fff;
	color: #1c1c1c;
}

.btn-white:hover {
	background-color: transparent;
	border: 1px solid #1c1c1c;
	color: #1c1c1c;
}

.btn-grey {
	background-color: #f3f3f3;
	color: #1c1c1c;
}

.btn-grey:hover {
	background-color: transparent;
	border: 1px solid #1c1c1c;
	color: #1c1c1c;
}
/*----------------------------------------------------------------------------*/
/*  7.  Photos
/*----------------------------------------------------------------------------*/
.absolute-photo {
	position: absolute;
	z-index: 4;
	width: 100%;
}

.content-photo {
	overflow: hidden;
	margin: 0 auto;
}

.content-photo img {
	width: 100%;
}
/*----------------------------------------------------------------------------*/
/*  8.  Contet Boxes
/*----------------------------------------------------------------------------*/
.section-title {
	padding-bottom: 40px;
}

.section-title h2 {
	margin-bottom: 20px;
}

.section-title p {
	font-style: italic;
}

.box-txt {
	float: left;
}

.box-icon-left .box-txt {
	/*  margin-left: 60px; */
	float: none;
}
/*  8.1  About Boxes
/*----------------------------------------------------------------------------*/
.about-box {
	padding: 40px;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	overflow: hidden;
}

.about-box:first-of-type {
	border-left: 1px solid #e4e4e4;
}

.about-txt {
	float: left;
}

#about .absolute-photo {
	top: -140px;
}
/*  8.2  Services Boxes
/*----------------------------------------------------------------------------*/
#services {
	padding-bottom: 60px;
}

.services-box {
	padding-bottom: 40px;
}

.services-box p {
	margin-bottom: 10px;
}

.services-txt {
	overflow: hidden;
	padding-left: 20px;
}

.services-img {
	margin-bottom: 80px;
}

#services .services-form-box {
	z-index: 222;
	position: absolute;
	width: 100%;
}
/*  8.3  Features Boxes
/*----------------------------------------------------------------------------*/
#features .content-photo {
	padding-top: 40px;
}

.features-box {
	padding: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e4e4e4;
	overflow: hidden;
}

.features-box:last-of-type {
	border-bottom: none;
}

.features-col-left .features-box {
	border-right: 1px solid #e4e4e4;
}

.features-col-left .features-txt {
	float: right;
	text-align: right;
}

.features-col-left .icon {
	float: right;
}

.features-col-right .features-box {
	border-left: 1px solid #e4e4e4;
}

.features-col-right .features-txt {
	float: left;
	text-align: left;
}
/*  8.4  Single Content
/*----------------------------------------------------------------------------*/
.content-box {
	background-color: #fff;
	padding: 40px;
}

#single-content .absolute-photo {
	bottom: -80px;
}
/*  8.5  Skills  Charts
/*----------------------------------------------------------------------------*/
#skills .absolute-photo {
	top: -80px;
}

.chart {
	text-align: center;
	position: relative;
	width: 160px;
	height: 160px;
	margin: 0 auto;
}

.chart canvas {
	position: absolute;
	top: 0;
	left: 0;
}

.chart-txt {
	position: absolute;
	left: 50%;
	width: 160px;
	top: 50%;
	margin-top: -30px;
	margin-left: -80px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 11px;
	color: #b1b1b1;
	letter-spacing: 2px;
}

.chart-txt h3 {
	font-size: 40px;
	letter-spacing: 0px;
	margin-bottom: 0px;
}
/*----------------------------------------------------------------------------*/
/*  9. Tabs
/*----------------------------------------------------------------------------*/
.nav-tabs {
	border-bottom: none;
	display: inline-block;
	margin-bottom: 60px;
}

.nav-tabs>li {
	padding: 0px;
	text-align: center;
	border-right: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.nav-tabs>li:first-child {
	border-left: 1px solid #e4e4e4;
}

.nav-tabs>li>a {
	font-size: 11px;
	margin: 0px;
	border: none;
	padding: 20px 60px;
	border-radius: 0px;
	display: inline-block;
}

.nav-tabs>li>a:hover {
	background: #f3f3f3;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
	{
	color: #1c1c1c;
	border: none;
	background: #f3f3f3;
}

.tab-content .tab-box {
	padding-top: 40px;
}
/*----------------------------------------------------------------------------*/
/*  10. Accordion
/*----------------------------------------------------------------------------*/
#accordion {
	padding-top: 40px;
}

.panel-group .panel {
	padding: 20px 20px 20px 30px;
	background-color: #fff;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.panel-group .panel+.panel {
	margin-top: 2px;
}

.panel-default>.panel-heading+.panel-collapse .panel-body {
	border: 0;
}

.panel-default>.panel-heading {
	background-color: transparent;
}

.panel-default>.panel-heading+.panel-collapse {
	border: none;
	border-top: none;
}

.panel-body {
	padding: 20px 0px;
}

#accordion .btn {
	margin-bottom: 0px;
}
/*  10.1 Accordion - Panel Title
/*----------------------------------------------------------------------------*/
.panel-heading {
	padding: 0;
	background-color: transparent !important;
	border: 0 !important;
	position: relative;
}

.panel-title>a {
	display: block;
	padding: 10px 40px 10px 0px;
}

.panel-title>a:hover {
	color: #5c5c5c;
}

.panel-expand {
	position: absolute;
	right: 0px;
	top: 0px;
}
/*  10.2 Blog Accordion
/*----------------------------------------------------------------------------*/
#blog-accordion {
	border: 1px solid #e4e4e4;
}

#blog-accordion .panel-group .panel+.panel {
	margin-top: 0px;
}

#blog-accordion .panel {
	padding: 40px;
	border-bottom: 1px solid #e4e4e4;
}

#blog-accordion .panel:first-of-type {
	border-top: none;
}

#blog-accordion .panel:last-of-type {
	border-bottom: none;
}

#blog-accordion .panel-body {
	padding-left: 80px;
	border: none;
}

#blog-accordion .btn {
	margin-bottom: 0px;
}
/*  10.3 Blog Accordion - Panel Title
/*----------------------------------------------------------------------------*/
#blog-accordion .panel-title {
	color: #1c1c1c;
}

#blog-accordion .panel-title>a {
	display: block;
	font-weight: 300;
	font-size: 32px;
	color: #1c1c1c;
	padding-top: 0px;
}

#blog-accordion .panel-date {
	float: left;
	text-align: right;
	margin-right: 20px;
	border-right: 1px solid #e4e4e4;
	padding-right: 20px;
}

#blog-accordion .panel-date h4 {
	display: block;
	font-weight: 700;
	font-size: 32px;
	margin: 0px;
	padding-bottom: 10px;
}

#blog-accordion .panel-date span {
	color: #b1b1b1;
}

#blog-accordion .meta:hover {
	color: #b1b1b1;
}
/*----------------------------------------------------------------------------*/
/*  11. Time Line
/*----------------------------------------------------------------------------*/
#timeline {
	padding-bottom: 60px;
}

.timeline-holder {
	margin: 0 auto;
	padding: 0px;
	padding-top: 20px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.timeline-holder:before {
	background: #e4e4e4;
	content: "";
	left: 50%;
	top: 20px;
	bottom: 0px;
	position: absolute;
	width: 1px;
	margin-left: -1px;
	height: 9999px;
}

ul .timeline-holder>li {
	width: 100%;
	float: left;
	display: inline-block;
}

.timeline-item-content {
	width: 50%;
}

.timeline-item-txt {
	position: relative;
	padding: 20px;
	padding-bottom: 0px;
	background: #fff;
	border: 1px solid #e4e4e4;
	margin-top: -20px;
}

.timeline-item-left .timeline-item-content:hover .date-icon,
	.timeline-item-right .timeline-item-content:hover .date-icon {
	-webkit-animation: pulse .3s;
	animation: pulse .3s;
}
/*  11.1 Time Line - Left Elements
/*----------------------------------------------------------------------------*/
.timeline-item-left {
	float: left;
	position: relative;
}

.timeline-item-left .timeline-item-content {
	float: left;
}

.timeline-item-left .timeline-item-txt {
	margin-right: 60px;
}

.timeline-item-left .date-icon {
	margin-right: -20px;
	float: right;
}
/*  11.2 Time Line - Right Elements
/*----------------------------------------------------------------------------*/
.timeline-item-right {
	float: right;
	position: relative;
}

.timeline-item-right .timeline-item-content {
	float: right;
}

.timeline-item-right .timeline-item-txt {
	margin-left: 60px;
}

.timeline-item-right .date-icon {
	margin-left: -20px;
	float: left;
}
/*  11.3 Time Line - General Item
/*----------------------------------------------------------------------------*/
.timeline-item-txt:before, .timeline-item-txt:after {
	content: " ";
	position: absolute;
	top: 24px;
	display: block;
	width: 0;
	height: 0;
	border-top: solid 15px transparent;
	border-bottom: solid 15px transparent;
}

.timeline-item-left .timeline-item-txt:before, .timeline-item-left .timeline-item-txt:after
	{
	right: -18px;
	border-left: solid 20px #fff;
}

.timeline-item-left .timeline-item-txt:before {
	right: -20px;
	border-left-color: #e4e4e4;
}

.timeline-item-right .timeline-item-txt:before, .timeline-item-right .timeline-item-txt:after
	{
	left: -18px;
	border-right: solid 20px #fff;
}

.timeline-item-right .timeline-item-txt:before {
	left: -20px;
	border-right-color: #e4e4e4;
}

.timeline-holder .meta:hover {
	color: #b1b1b1;
}

.date-icon {
	text-align: center;
	padding-top: 10px;
	width: 40px;
	height: 40px;
	background: #fff;
	border: 1px solid #e4e4e4;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}

.timeline-start {
	width: 100%;
	float: left;
	padding: 0px;
	position: relative;
}

.timeline-start-content {
	text-align: center;
	background: #f3f3f3;
	padding-bottom: 20px;
}

.timeline-start .timeline-start-icon {
	margin: 0 auto;
	margin-bottom: 20px;
	width: 12px;
	height: 12px;
	background: #e4e4e4;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}
/*----------------------------------------------------------------------------*/
/*  12. Fun Facts
/*----------------------------------------------------------------------------*/
.fun-fact-wrapper .wrapper-white, .fun-fact-wrapper .wrapper-grey,
	.fun-fact-wrapper .wrapper-black, .fun-fact-wrapper .gradient-overlay,
	.fun-fact-wrapper .color-overlay-red, .fun-fact-wrapper .color-overlay-green,
	.fun-fact-wrapper .color-overlay-blue, .fun-fact-wrapper .color-overlay-yellow,
	.fun-fact-wrapper .color-overlay-teal, .fun-fact-wrapper .color-overlay-pink
	{
	padding: 0px;
}

.fun-fact-box {
	padding: 80px 30px;
	border-right: 1px solid #fff;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	font-size: 11px;
	letter-spacing: 2px;
}

.fun-fact-box:last-of-type {
	border-right: none;
}

.fun-fact-box .icon-clean {
	text-align: center;
	margin: auto;
	margin-bottom: 10px;
}

.fun-fact-txt .fun-fact-number {
	letter-spacing: 2px;
	font-size: 40px;
	margin-bottom: 0px;
}

.fun-fact-txt p {
	margin-bottom: 0px;
}
/*  10. Fun Facts Color Wrapper */
.wrapper-color .fun-fact-box {
	border-color: #fff;
}
/*----------------------------------------------------------------------------*/
/*  13. Our Team
/*----------------------------------------------------------------------------*/
#our-team .wrapper-grey {
	padding-bottom: 0px;
}

.team-wrapper {
	background-color: #fff;
}

.team-member {
	padding: 60px 20px;
	padding-bottom: 40px;
	border-right: 1px solid #f3f3f3;
}

.team-member:last-of-type {
	border-right: none;
}

.team-member img {
	max-width: 160px;
	height: auto;
	margin-bottom: 20px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}

.team-member .position {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 11px;
	color: #b1b1b1;
	letter-spacing: 2px;
	margin-bottom: 20px;
}

.team-member h3 {
	margin-bottom: 5px;
}

.team-member ul li {
	display: inline-block;
}

.team-member li {
	padding: 0px 5px;
}

.team-member li:hover a {
	-webkit-animation: pulse .3s;
	animation: pulse .3s;
}

.team-member li a:hover .social_facebook {
	color: #3b5998;
}

.team-member li a:hover .social_twitter {
	color: #00aced;
}

.team-member li a:hover .social_googleplus {
	color: #dd4b39;
}

.team-member li a:hover .social_linkedin {
	color: #007bb6;
}
/*----------------------------------------------------------------------------*/
/*  14. Pricing Tables
/*----------------------------------------------------------------------------*/
.package {
	padding: 0px;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
}

.package:first-of-type {
	border-left: 1px solid #e4e4e4;
}

.package-featured h3, .package h3 {
	font-size: 11px;
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 40px 0px 30px 0px;
	margin: 0px;
	text-align: center;
}

.package-price {
	font-size: 48px;
	font-weight: 700;
	text-align: center;
	padding: 20px 0px;
	color: #1c1d27;
	position: relative;
	background-color: #f3f3f3;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.package:hover .package-price {
	background-color: #e4e4e4;
}

.package-featured .package-price {
	color: #fff;
	background-color: #1c1d27;
	border-top: 1px solid #1c1d27;
	border-bottom: 1px solid #1c1d27;
}

.package-featured:hover .package-price {
	background-color: #008fd5;
	border-top: 1px solid #008fd5;
	border-bottom: 1px solid #008fd5;
	color: #fff;
}

.package-currency {
	position: absolute;
	font-size: 16px;
	margin: 12px -10px;
}

.period {
	display: block;
	font-size: 16px;
	font-weight: 300;
}

.package-features {
	border-top: none;
	padding: 20px 20px;
}

.package-features ul li {
	text-align: center;
}

.package-features ul .inactive {
	color: #b1b1b1;
}

.package-features ul .inactive i {
	color: #b1b1b1;
}
/*----------------------------------------------------------------------------*/
/*  15. Download
/*----------------------------------------------------------------------------*/
#download .section-title {
	padding-left: 0px;
}

.download-item {
	margin: 0px;
	padding: 0px 1px;
}

.download-btn {
	width: 100%;
	padding: 40px;
	background-color: #fff;
	letter-spacing: 2px;
	display: inline-block;
	text-transform: uppercase;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.download-btn .icon-clean {
	float: left;
	padding-top: 10px;
	margin-right: 20px;
}

.download-item-txt {
	text-align: left;
	float: left;
}

.download-item-txt p {
	margin-bottom: 0px;
}

.download-item-txt h3 {
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-size: 40px;
	margin-bottom: 0px;
}

.download-btn:hover h3, .download-btn:hover p, .btn-apple:hover .icon-clean,
	.btn-androind:hover .icon-clean, .btn-windows:hover .icon-clean {
	color: #fff;
}

.btn-apple:hover {
	background-color: #b1b1b1;
}

.btn-androind:hover {
	background-color: #90bf34;
}

.btn-windows:hover {
	background-color: #008fd5;
}
/*----------------------------------------------------------------------------*/
/*  16. Portfolio
/*----------------------------------------------------------------------------*/
/*  16.1 Portfolio - Filter List
/*----------------------------------------------------------------------------*/
ul#portfolio-filter {
	margin-bottom: 60px;
}

#portfolio-filter>li {
	padding: 0px;
	margin-left: -4px;
	text-align: center;
	border-right: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	display: inline-block;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

#portfolio-filter>li:first-child {
	border-left: 1px solid #e4e4e4;
}

#portfolio-filter>li>a {
	font-size: 11px;
	margin: 0px;
	border: none;
	padding: 20px 60px;
	display: inline-block;
}

#portfolio-filter>li>a:hover {
	background: #f3f3f3;
}

#portfolio-filter a.current {
	color: #1c1c1c;
	border: none;
	background: #f3f3f3;
}

.filter-item:hover, .filter-item:active, .filter-item .is-checked {
	color: #1c1c1c;
}
/*  16.2 Portfolio - Items
/*----------------------------------------------------------------------------*/
#portfolio-container {
	width: 100%;
}

.portfolio-item {
	float: left;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 2px solid #fff;
	margin: 0px;
	padding: 0px;
	width: 25%;
	height: auto;
}

.item-holder {
	position: relative;
	overflow: hidden;
}

.item-holder img {
	width: 100%;
	height: auto;
}

.item-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	background-color: rgba(0, 0, 0, 0);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.item-holder:hover .item-overlay {
	visibility: visible;
	background-color: rgba(0, 0, 0, 0.5);
}

.item-holder:hover .icon {
	opacity: 1;
	visibility: visible;
	bottom: 50%;
	margin-bottom: -20px;
}

.item-holder .icon {
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: -20px;
	opacity: 0;
	visibility: hidden;
	display: inline-block;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
/*----------------------------------------------------------------------------*/
/*  17. Contact Info
/*----------------------------------------------------------------------------*/
#contact-info .wrapper-grey {
	padding-bottom: 0px;
}

.contact-info-wrapper {
	background-color: #fff;
}

.contact-info {
	padding: 60px 20px;
	padding-bottom: 40px;
	border-right: 1px solid #f3f3f3;
}

.contact-info:last-of-type {
	border-right: none;
}

.contact-info .icon-clean {
	margin: auto;
	margin-bottom: 20px;
}

.contact-info h3 {
	margin-bottom: 5px;
}

.contact-info p {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 11px;
	color: #b1b1b1;
	letter-spacing: 2px;
}
/*----------------------------------------------------------------------------*/
/*  18. Contact Form
/*----------------------------------------------------------------------------*/
#contact-form {
	margin: 0 auto;
	position: relative;
}

#contact-form

input
:not

(
[
type
=
submit
]

)
{
float
:

left
;


width
:

100%;
font-family
:

'
Roboto
'
,
sans-serif
;


font-weight
:

700;
font-size
:

11
px
;


text-transform
:

uppercase
;


letter-spacing
:

2
px
;


margin-bottom
:

2
px
;


padding
:

20
px
;


border
:

1
px

solid

#fff
;


color
:

#1c1d27
;


outline
:

none
;


-webkit-transition
:

all

.2s

linear
;


-moz-transition
:

all

.2s

linear
;


-o-transition
:

all

.2s

linear
;


-ms-transition
:

all

.2s

linear
;


transition
:

all

.2s

linear
;


}
#contact-form textarea {
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 2px;
	padding: 19px 20px;
	border: 1px solid #fff;
	color: #1c1d27;
	outline: none;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}

#contact-form input:not ([type=submit] ):hover, #contact-form input:not
	 ([type=submit] ):focus, #contact-form textarea:hover, #contact-form textarea:focus
	{
	border: 1px solid #000;
}

#contact-form input[type="submit"][disabled] {
	background-color: #c8c8c8;
	border: 1px solid #c8c8c8;
	color: #fff;
}

#contact-form .btn {
	width: 100%;
	padding: 20px;
	text-align: left;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#contact-message, .error-message {
	width: 100%;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#contact-message span {
	padding-right: 5px;
}

.contact-box {
	background-color: #fff;
	padding: 40px;
	padding-bottom: 20px;
	margin-bottom: 2px;
	color: #5c5c5c;
}

.contact-box h3 {
	color: #1c1c1c;
}

.contact-box ul li {
	display: inline-block;
}

.contact-box .icon {
	margin-bottom: 0px;
}

.contact-box li {
	padding-right: 8px;
	padding-bottom: 0px;
}

.contact-box li:last-child {
	padding-right: 0px;
}
/*----------------------------------------------------------------------------*/
/*  19. Footer
/*----------------------------------------------------------------------------*/
.footer-info-wrapper {
	padding: 0px;
}

.footer-info-box {
	padding: 80px 40px;
	padding-bottom: 40px;
	border-left: 1px solid #f3f3f3;
	color: #b1b1b1;
	font-size: 14px;
}

.footer-info-box:first-of-type {
	border-left: none;
}

.footer-info-box h3 {
	font-weight: 700;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.footer-info-box li {
	padding-bottom: 0px;
}

.footer-info-box li a {
	padding-bottom: 0px;
	color: #b1b1b1;
	font-weight: 300;
}

.footer-info-box li a:hover {
	padding-left: 5px;
}

.footer-logo img {
	padding-right: 60px;
	margin-bottom: 20px;
}

footer .wrapper-grey {
	padding-top: 40px;
	padding-bottom: 20px;
}
/*----------------------------------------------------------------------------*/
/*  20.  Sliders
/*----------------------------------------------------------------------------*/
/*  20.1 Flexslider - Controls
/*----------------------------------------------------------------------------*/
.flex-control-nav {
	bottom: 24px;
}

.flex-control-paging li {
	margin: 0 4px;
}

.flex-control-paging li a {
	width: 12px;
	height: 12px;
	margin: 0;
	border: 1px solid #5c5c5c;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #5c5c5c;
}

.flex-control-paging li a:hover, .flex-control-paging li a.flex-active {
	background-color: #c8c8c8;
	border: 1px solid #c8c8c8;
}
/*  10. Flexslider Controls Color Wrapper */
.wrapper-color .flex-control-paging li a {
	background-color: #c8c8c8;
	border: 1px solid #c8c8c8;
}

.wrapper-color .flex-control-paging li a:hover, .wrapper-color .flex-control-paging li a.flex-active
	{
	background-color: #fff;
	border: 1px solid #fff;
}
/*  20.2 OWL Slider - Controls
/*----------------------------------------------------------------------------*/
.owl-pagination {
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center;
}

.owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
}

.owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 4px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #5c5c5c;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}

.owl-controls .owl-page.active span, .owl-controls .clickable .owl-page:hover span
	{
	background-color: #c8c8c8;
	border: 1px solid #c8c8c8;
}

.owl-controls .owl-buttons {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	width: 100%;
	display: block;
}

.owl-controls .owl-buttons .owl-prev {
	position: absolute;
	left: -60px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.owl-controls .owl-buttons .owl-next {
	position: absolute;
	right: -60px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in-out;
}
/*  OWL Slider Controls Color Wrapper */
.wrapper-color .owl-controls .owl-page span {
	background-color: #c8c8c8;
}

.wrapper-color .owl-controls .owl-page.active span, .wrapper-color .owl-controls .clickable .owl-page:hover span
	{
	background-color: #fff;
	border: 1px solid #fff;
}
/*  20.3 Intro Picture Slider
/*----------------------------------------------------------------------------*/
#picture-slider .owl-pagination {
	width: 100%;
	position: absolute;
	bottom: 40px;
	text-align: center;
}

#picture-slider .owl-controls .owl-buttons .owl-prev {
	left: 0px;
	opacity: 0;
}

#picture-slider .owl-controls .owl-buttons .owl-next {
	right: 0px;
	opacity: 0;
}

#picture-slider:hover .owl-controls .owl-buttons .owl-prev {
	left: 40px;
	opacity: 1;
}

#picture-slider:hover .owl-controls .owl-buttons .owl-next {
	right: 40px;
	opacity: 1;
}
/*  20.4 Feedback Slider
/*----------------------------------------------------------------------------*/
.feedback-slider-title h2 {
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
}

.feedback-messege {
	font-size: 24px;
	font-style: italic;
	color: #CCCCCC;
	font-weight: 100;
	margin-right: 80px;
}

.feedback-person {
	display: inline-block;
}

.feedback-photo {
	float: left;
	width: 40px;
	height: 40px;
}

.feedback-photo img {
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}

.feedback-name {
	color: #b1b1b1;
	text-align: left;
	margin-left: 60px;
}

.feedback-name p {
	color: #fff;
	font-size: 11px;
	margin-top: 12px;
	margin-bottom: 0px;
}

.feedback-name strong {
	text-transform: uppercase;
	letter-spacing: 2px;
}

#feedback-slider .owl-controls {
	top: 50%;
	right: 30px;
	position: absolute;
	margin-top: -32px;
	/* to center controls ajust this value for more or less items in slider */
}

#feedback-slider .owl-controls .owl-page {
	display: block;
	padding-bottom: 10px;
}

#feedback-slider .owl-controls .owl-page span {
	display: inherit;
}
/*  10. Feedback Slider Color Wrapper */
.wrapper-color .feedback-messege {
	color: #fff;
}
/*  20.5  Clients Slider
/*----------------------------------------------------------------------------*/
.client-logo {
	background-color: #fff;
	padding: 30px;
	margin: 0px 1px;
}

.client-logo img {
	width: auto !important;
	vertical-align: middle;
	filter: gray;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-webkit-transition: .3s -webkit-filter linear;
	transition: .3s -webkit-filter linear;
}

.client-logo:hover img {
	filter: none;
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-webkit-filter: grayscale(0);
}
/*----------------------------------------------------------------------------*/
/*  21. Preload
/*----------------------------------------------------------------------------*/
#preload {
	background: #fff;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	position: fixed;
	z-index: 1200;
}

#preload-content {
	text-align: center;
	height: 200px;
	width: 200px;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	position: absolute;
	top: 50%;
	z-index: 1201;
}

#preload-content .loader {
	width: 20%;
	height: auto;
}

.preload-text {
	margin-top: 20px;
	color: #1c1d27;
	font-size: 16px;
	text-align: center;
}

ul.dropdown {
	list-style: none;
	padding: 0 3px;
	margin: 0;
	float: left;
	background: #222;
	font-size: 0.9em;
}

li.dropdown2 {
	list-style: none;
	padding: 0 20px;
}