@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,700);

/*override bootstrap*/
.clearfix {clear: both;}
.navbar-brand {float: none; padding: 0;}
.nav > li > a:hover, .nav > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color: transparent;}
.form-inline .form-group {margin-bottom: 0px; display: inline-block;}
.form-control {box-shadow: none; height: 52px; margin-bottom:0px; padding: 4px 12px; vertical-align: middle; -webkit-border-radius: 0px; border-radius: 0px;  border:1px solid transparent; background-color: #ededed; background-color: rgba(100,100,100,0.08); font-size: 16px;}
.form-control:focus { border-color: transparent; outline: 0; -webkit-box-shadow: none; box-shadow: none; }

.panel-title {font-size: 20px; font-weight: 300;}
.panel-title > a {color:#b71717; font-size: 16px;}
.panel-title > a.collapsed {color:inherit;}
.panel {box-shadow: none;}
.panel-group .panel {border-radius: 0; border-left: 0; border-right: 0; border-bottom: 0; background-color: transparent;}
.panel-default > .panel-heading {background-color: transparent; color: inherit; position: relative; border: none; border-radius: 0; padding-top: 6px; padding-bottom: 6px;}
.panel-heading {padding: 16px 0px 14px 16px;}
.accordion-toggle:after {
font-family: "fontello";
display: block; 
content: '\e82a';
position: absolute;
left: 0px;
top:10px;
font-size: 14px;
width: 17px;
height: 17px;
color:#b71717;
-webkit-transition: background-color 0.2s linear 0s;
-moz-transition: background-color 0.2s linear 0s;
-o-transition: background-color 0.2s linear 0s;
-ms-transition: background-color 0.2s linear 0s;
transition: background-color 0.2s linear 0s;    
}
.accordion-toggle.collapsed:after{content: '\e82c'; color:inherit;}
.panel-default {border-color: transparent; }
.panel-group .panel + .panel {margin-top: 0;}
.panel-group .panel-heading + .panel-collapse .panel-body {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 16px;
    border-right: none;
    border-left: none;
    border-bottom: none;
    border-top: none;
}

.breadcrumb {background: transparent; padding: 0; margin-bottom: 0;}
.pagination {margin:88px 0 -20px;} 
.pagination > li >  a {
    font-size: 0.8em;
    font-weight: 700;
    padding: 15px 21px;
    color:#fff;
    border:4px solid #fff;
    margin-bottom: 10px;
    margin-right: 9px;
    display: inline-block;
    background-color: transparent;
    border-radius: 0px !important;
} 
.pagination > li.active > a, .pagination > li > a:hover, .pagination > li.active > a:hover {background-color: transparent; opacity: 0.9; color:#ff6f6f; border-color:#ff6f6f;} 
.pagination > li.active > a {color:#ff6f6f;}
.carousel-indicators {display: none;}
.carousel-control {width:30px; text-shadow:none; opacity: 1;}
.carousel-control:hover {width:30px; text-shadow:none; opacity: 0.5;}
.carousel-control.right, .carousel-control.left {background-image: none;}
.carousel-control > span { width: 39px !important; height: 39px !important;}
.carousel-control .icon-next {margin-left: -32px;}
.carousel-control .icon-prev {margin-left: -7px;}
.carousel-control .icon-prev:before, .carousel-control .icon-next:before {content:"\e833"; font-family: 'fontello'; text-shadow:none; position: absolute; top:10px; left:11px; color:#fff;}
.carousel-control > span.icon-next:before {content:"\e834"; left:13px;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {margin: auto;}
.progress {height: 50px; box-shadow: none; background-color: #343434; border-radius: 0; margin-bottom: 10px; border:4px solid #fff; position:relative;}
.progress span {display: inline-block; padding: 10px 19px; position: absolute; clip:auto; z-index: 2; font-size: 12px; font-weight: 700; text-transform: uppercase; text-align: left; color:#fff;}
.progress-bar { -webkit-box-shadow: none; box-shadow: none; padding: 5px 0; position: relative; visibility: hidden;}
.stretchRight {visibility: visible;}
.sr-only {position: static; width:auto; height: auto;}
.progress-bar-info {background-color: #a8d164;}
.progress-bar-success {background-color: #ff6f6f;}
.progress-bar-warning {background-color: #fbcf61;}
.progress-bar-danger {background-color: #ff6f6f;}
.thumbnail {padding: 0; border: none;}
.thumbnail .caption {text-align: center;}

.tab-content {border:1px solid #e1e1e1; padding: 30px 30px 24px; -webkit-border-radius: 2px; border-radius: 2px;}
.tab-content-cards {border:1px solid #e1e1e1; padding: 30px 30px 0px; -webkit-border-radius: 2px; border-radius: 2px;}
.nav-tabs {border-bottom-color: transparent;  font-size: 16px; margin-top: 20px; margin-bottom: -1px;}
.nav-tabs > li > a {padding: 13px 20px; background-color: #e1e1e1; color:#ff6f6f; margin-right: 0; margin-top: 20px; border-radius: 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color:#2D2D2D;
    border: 1px solid #e1e1e1; 
    border-bottom: 1px solid #fff;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: #fff;
}
.alert {border: none;border-radius: 0; padding: 30px 30px 30px 30px;}
.alert-dismissable .close {top:0;}
.btn {
    display: inline-block;
    padding: 6px 34px 6px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    background-image: none;
    text-shadow: none;
    border-radius: 0;
    line-height: 24px;
    border:none;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.btn:hover {
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
.btn-default {border:1px solid #ccc;}
.img-rounded {border-radius: 100%;}

blockquote h3 {margin-top: 0; font-style: normal;}

/*vertical*/
#features {padding: 90px 0 57px;}
#skills {padding: 88px 0 80px;}
#testimonials > div {padding-top: 106px; padding-bottom: 90px;}
#process {padding: 89px 0 0;}
#team {padding: 91px 0 102px;}
#progress > div {padding-top: 100px; padding-bottom: 68px;}
#portfolio {padding: 86px 0 78px;}
#belowcontent {padding: 89px 0 60px;}
#info > div {padding-top: 82px; padding-bottom: 88px;}
#middle > div {padding-top: 89px; padding-bottom: 89px;}
#middle .row + .row {margin-top: 40px;}
#footer > div{padding-top: 96px; padding-bottom: 94px; }
#map {height: 400px;}
#contact {padding: 105px 0 20px;}
#copyright {padding: 44px 0 44px;}
#abovecontent {padding: 30px 0;}
#mainslider .container { padding-top: 100px; padding-bottom: 50px; }
.row + .row {margin-top: 20px;}

@media screen and (max-width: 991px) {
    .col-md-4 {margin-top: 30px;}
	.col-sm-3 {margin-top: 30px;}
    .container {max-width: 750px;}
}

@media screen and (max-width: 767px) {
    #mainslider .container, #mainslider .row {display: block;}
    [class*="col-"] + [class*="col-"] {margin-top: 50px;}
    .container {max-width: 450px;}
    #header {text-align: center;}
    #header select {margin: 0 auto; }
    #header [class*="col-"] + [class*="col-"] {margin-top: 10px; margin-bottom: 10px;}
    #partners [class*="col-"] + [class*="col-"] {margin-top: 30px;}
    #portfolioContainer [class*="col-"] + [class*="col-"] {margin-top:20px; margin-bottom: 20px;}
    #mainslider .container { padding-top: 150px; padding-bottom: 80px;} 
    #mainslider [class*="col-"] + [class*="col-"] {margin-top:10px; margin-bottom: 10px;}
    #mainslider img {max-width: 100%; max-height: 350px; padding:20px 0 0;}
    #mainslider img.negative-margin-60 {margin-top: -20px !important;}
    #header-sticky-wrapper + #middle > div {padding-top: 110px;}
}
/*main*/
html, body {position: relative; width: 100%; height: 100%;}
::selection {
    background: #ff6f6f;
    color: #fff;
    }

::-moz-selection {
    background: #ff6f6f;
    color: #fff;
}
body {
font-family: 'Raleway', sans-serif;
font-weight: 300;
color: #989898;
font-size: 16px;
line-height: 24px;
background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6{
font-family: 'Raleway', sans-serif;
font-weight: 300;
color: #343434;
text-transform: none;
}
h3,
h4,
h5,
h6{font-weight: 700;}
p{
margin-bottom: 25px;
}

.p-skills {margin-bottom: 40px;}

.item-page p {margin-bottom: 25px;}

blockquote, .blockquote {
position: relative;    
border: none;
border-left: 10px solid #ff6f6f;
margin: 20px 0;
padding: 18px 10px 18px 26px;
font-size: 20px;
line-height: 1.4;
font-style: italic;
}
sup, .sup {
 position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
top: -0.5em;
}
sub, .sub {
 position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
bottom: -0.25em;
}

img {max-width: 100%;}
a {
    color: #242424;
    text-decoration: none;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

a:hover {
    color: #b71717;    
    text-decoration: none;
    -webkit-transition: all 0.15s linear 0s;
    -moz-transition: all 0.15s linear 0s;
    -o-transition: all 0.15s linear 0s;
    -ms-transition: all 0.15s linear 0s;
    transition: all 0.15s linear 0s;
}

a:focus {
    color: #b71717;
    outline: medium none;
    text-decoration: none;
}
iframe{border:none; max-width: 100%;}

.theme_btn {

    font-weight: 700;
    background-color: transparent; 
    text-transform: uppercase;
    font-size: 12px;
    padding: 16px 28px;
    color: #b71717;
    border:4px solid #b71717;
    border-radius: 0px;
    line-height: 1;

    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}


.theme_btn:active, .theme_btn:hover, .theme_btn:focus{
    background-color: #fff;
    color: #343434;
    border-color:#343434;
    opacity: 1;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; 
}
.theme_btn:active {

}

.theme_btn.inverse {
    background-color: transparent;
    border: 4px solid #343434;
    color: #343434;
}
.theme_btn.inverse:hover {
    border-color: #b71717;
    color:#b71717;
}

.theme_btn + .theme_btn {margin-left: 4px;}

.theme_btn.color1:hover {background-color: #b71717 !important; border-color: #b71717 !important;}
.theme_btn.color2 {border-color: #fbcf61 !important; color:#fbcf61 !important;}
.theme_btn.color2:hover {background-color: #fbcf61 !important; color:#343434 !important;}
.theme_btn.color3 {border-color: #a8d164 !important; color:#a8d164 !important;}
.theme_btn.color3:hover {background-color: #a8d164 !important; color:#343434 !important;}

.theme_btn.color1.inverse {background-color: #b71717 !important; border-color: #b71717 !important; color:#343434 !important;}
.theme_btn.color1.inverse:hover {background-color: transparent !important; border-color: #b71717 !important; color:#b71717 !important;}
.theme_btn.color2.inverse {background-color: #fbcf61 !important; color:#343434 !important;}
.theme_btn.color2.inverse:hover {background-color: transparent !important; color:#fbcf61 !important;}
.theme_btn.color3.inverse {background-color: #a8d164 !important; color:#343434 !important;}
.theme_btn.color3.inverse:hover {background-color: transparent !important; border-color: #a8d164 !important; color:#a8d164 !important;}

/*utilites*/
.not_found {color:#343434; font-weight: 700; font-size: 250px; line-height: 1;  margin:20px 0 -39px; font-family: Arial, sans-serif;}
.not_found + h1 {color:#fff !important; text-transform: uppercase; margin-bottom: 30px;}
.not_found + h1 + h5 {font-weight: 400; font-size: 20px;}
.highlight, #response {color: #ff6f6f;}
 #response {margin:10px 0;}
.grey {color: #343434;}
.big {font-size: 1.8em; font-weight: 700; line-height: 1.3em;}
.vertical-margin-20 {margin:20px 0 !important;}
.vertical-margin-40 {margin:40px 0 !important;}
.vertical-margin-60 {margin:60px 0 !important;}
.negative-margin-60 {margin-top: -60px !important;}
.block-header-contact {margin-bottom: 22px; margin-top: 0px;font-size: 60px; text-transform: uppercase;}
.block-header-impressum {margin-bottom: 22px; margin-top: 0px;font-size: 60px; text-transform: uppercase;}
.block-header {margin-bottom: 22px; margin-top: 0px;font-size: 60px; text-transform: uppercase;}
@media (max-width: 767px) {
    .block-header {font-size: 40px;}
	.block-header-contact {font-size: 40px;}
	.block-header-impressum {font-size: 40px;}
}
.block-header + p {font-size: 20px; position: relative; line-height: 30px; margin-bottom: 60px;}
.text-center .block-header + p:after {display: block; position: absolute; content: ''; width: 170px; height: 1px; background-color: rgba(100,100,100,0.4); bottom: -32px; left: 50%; margin-left: -85px;}
.block-header + p:after {display: block; position: absolute; content: ''; width: 170px; height: 1px; background-color: rgba(100,100,100,0.2); bottom: -28px; left: 0;}
.color_section .block-header + :after {background-color: #fff;}
.block > h3 {margin-top: 0; margin-bottom: 18px; }
.page-title{margin:0 0 32px 0;}
.entry-title {margin: 0 0 8px;}
.blog .entry-thumbnail {margin: 32px 0 34px;}
.dropcap {
    display: block;
    float: left;
    font-size: 48px;
    line-height: 1;
    padding: 0 10px 0 0;
    text-align: center;
}
ul.list1 {list-style:none; padding-left: 20px;}
ul.list1 li{position: relative; padding: 8px 0 8px;}
ul.list1 li + li {border-top: 1px solid rgba(100,100,100,0.2);}
ul.list1 li:before{font-family: 'fontello'; content: '\e82c'; display: block; position: absolute; color:#fcfcfc; left:-17px;}
ul.list2 {list-style:none; padding-left: 20px;}
ul.list2 li{position: relative; padding: 8px 0 8px;}
ul.list2 li + li {border-top: 1px solid rgba(100,100,100,0.2);}
ul.list2 li:before{ content: '\2022'; font-size: 30px; display: block; position: absolute; color:#fcfcfc; left:-20px;}
ol.list3 {

    counter-reset: li;
    list-style: none outside none;
    margin-bottom: 4em;
    padding: 0;
}
ol.list3 li{position: relative; padding: 8px 0 8px 30px;}
ol.list3 li:after{
    content: counter(li, decimal-leading-zero);
    counter-increment: li;
    position: absolute;
    left:0px;
    font-weight: 700;
    color:#fcfcfc;
}
ol.list3 li + li {border-top: 1px solid rgba(100,100,100,0.2);}

/*sections*/

#header {
    /*styles for sticky menu*/
    -webkit-box-shadow:  0px 1px 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:  0px 1px 1px 1px rgba(0, 0, 0, 0.05);
    padding: 0px; background-color: #fff; width: 100%; z-index: 12000; position: relative;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}
.is-sticky #header {top: 0;}
#header-sticky-wrapper { height: 100px !important; background-color: transparent;}
#header .row {position: relative;}
#header .navbar-brand{display: block; position: absolute; padding:5px 15px 0px; z-index: 10; background-color:#ffffff; top:0px;
font-size: 40px;
}
.is-sticky #header .navbar-brand{padding: 5px 15px 0px; max-width: 150px;}
#header .navbar-brand img{display: inline-block; height: 90px;}
#header .tv_logo {display: inline-block; top: 20px;}
.is-sticky #header .navbar-brand img{display: inline-block; height: 65px;}
.is-sticky #header .tv_logo {display: inline-block; top: 7px;}
@media screen and (max-width: 991px) {
    #header .navbar-brand {display: block; max-width: 150px; padding: 5px 15px 0px; }
	#header .navbar-brand img{display: inline-block; height: 80px;}
	.is-sticky #header .navbar-brand img{display: inline-block; height: 80px;}
	#header .tv_logo {display: none}
	.is-sticky #header .tv_logo {display: none;}
}
@media screen and (max-width: 767px) {
    #header .navbar-brand {display: block; max-width: 150px; padding: 5px 15px 0px;}
	#header .navbar-brand img{display: inline-block; height: 80px;}
	.is-sticky #header .navbar-brand img{display: inline-block; height: 80px;}
    .is-sticky #header .navbar-brand{padding: 5px 15px 0px; }
    #header .navbar-brand {}
}
.mainmenu_wrap:before, .mainmenu_wrap:after {display: table; content:""; clear:both;}

#map img {max-width: inherit;}

aside .block + .block {margin-top: 34px;}
.subscribe .form-control {max-width: 150px;}
.subscribe .form-control:focus {-webkit-box-shadow: none;box-shadow: none;}
.contact-phone {font-size: 30px; font-family: 'Arial', sans-serif; margin-bottom: 1px; margin-top: 20px; color:#101010;}
.contact-fax     {font-size: 30px; font-family: 'Arial', sans-serif; margin-bottom: 10px; margin-top: 5px; color:#101010;}
.contact-email {font-size: 30px; font-family: 'Arial', sans-serif; margin-bottom: 30x; margin-top: 5px; color:#101010;}
.contact-email span {font-size: 30px; font-family: 'Arial', sans-serif; margin-bottom: 30x; margin-top: 5px; color:#101010;}
/*.contact-email span {font-size: 30px; /*border: 4px solid #fff; font-weight: 300; color:#343434; padding: 11px 70px;}*/
.contact-address {color:#101010; font-size: 30px; margin-bottom: 1px; line-height: 1; font-family: Arial, sans-serif; font-weight: 300;}
.contact-email span a {color:#101010;}
.contact-email span a:hover {color:#fff; cursor: pointer;}
#map_wrap {position: relative;}
#map_wrap .widget_contact {position: absolute; z-index: 2; background-color: #ffffff; top:40px; padding: 20px 20px;
}
@media (max-width: 991px) {
    .contact-email span {font-size: 30px;padding: 0px 0px;}
    #map_wrap .widget_contact {position: static; margin: 40px 0;}
}
@media (max-width: 767px) {
    .contact-phone {font-size: 20px; margin-bottom: 0px; margin-top: 10px;}
	.contact-fax {font-size: 20px; margin-bottom: 0px; margin-top: 0px;}
	.contact-email {font-size: 20px; margin-bottom: 5px; margin-top: 0px;}
	.contact-email span {font-size: 20px;padding: 0px 0px;}
    .contact-address {font-size: 20px;}
    .subscribe .form-control {width:100%;}
    #footer .block > h3, #footer .widget_text, #footer .subscribe {text-align: center;}
}
#footer .social-icons{margin: 53px 0 50px;}

/*common sections*/
.title_section h2 {font-size: 65px; line-height: 1em;}
.title_section h3 { line-height: 1.4em;}
.color_section {background-color: #ff6f6f; color:#343434;}
.grey_section {background-color: #343434;}
.dark_section {background-color: #242424;}
.bg-color0,.bg-color1,.bg-color2,.bg-color3,.bg-color1>div,.bg-color2>div,.bg-color3>div,.bg-color1:after,.bg-color2:after,.bg-color3:after {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    position: relative;
}

.bg-color1:after,.bg-color2:after,.bg-color3:after {
    display: block; 
    content: ""; 
    position: absolute;
    width: 78px;
    height: 26px; 
    bottom:-26px;
    left: 50%;
    margin-left: -38px;
    border-top: 26px solid #fbcf61;
    border-left: 38px solid transparent;
    border-right: 38px solid transparent;
    border-bottom: none;

}
.bg-color2:after {border-top-color: #ff6f6f;}
.bg-color3:after {border-top-color: #a8d164;}
.bg-color0:before,.bg-color1:before,.bg-color2:before,.bg-color3:before {
    display: block;
    position: absolute;
    content: "";
    width: 50%;
    height: 100%;
    right: 0;
    /*background-color: rgba(0,0,0,0.02);*/
    z-index: 0;
}
.bg-color1>div:before,.bg-color2>div:before,.bg-color3>div:before{
    display: block;
    position: absolute;
    content: "";
    width: 39px;
    height: 26px;
    bottom: -26px;
    left: 50%;
    border-top: 26px solid rgba(0,0,0,0.02);;
    border-right: 36px solid transparent;
    border-left: none;
    border-bottom: none;

    z-index: 2;
}
.bg-color0 {background-color: #ffffff;}
.bg-color1 {background-color: #fbcf61;}
/*.bg-color2 {background-color: #ff6f6f;}*/
.bg-color2 {background-color: #b71717;}
.bg-color3 {background-color: #a8d164;}
.bg-color4 {background-color: #b7b7b7;}

.border-color1 {border-color: #fbcf61 !important;}
.border-color2 {border-color: #ff6f6f !important;}
.border-color3 {border-color: #a8d164 !important;}

.dark_section h1, .color_section h1, .grey_section h1,
.dark_section h2, .color_section h2, .grey_section h2,
.dark_section h3, .color_section h3, .grey_section h3,
.dark_section h4, .color_section h4, .grey_section h4,
.dark_section h5, .color_section h5, .grey_section h5,
.dark_section h6, .color_section h6, .grey_section h6 {color:#fff;}
.dark_section#portfolio h4, .dark_section#portfolio p {color:#2D2D2D;}

.dark_section a, .color_section a, .grey_section a {color:#fff;}
.dark_section a:hover, .color_section a:hover, .grey_section a:hover {color:#ff6f6f;}

.dark_section .block > h3 { color: #fff; font-size: 26px;}
.dark_section .form-control {border-color:transparent;}
.dark_section .widget_nav_menu a {color:#ff6f6f;}
.dark_section .widget_nav_menu a:hover {color:#ffffff;}

.dark_section .theme_btn, .grey_section .theme_btn {color:#b71717;}
.dark_section .theme_btn:hover, .grey_section .theme_btn:hover {color:#343434; background-color: #fff; border-color: #fff;}
.dark_section .theme_btn.inverse,.grey_section .theme_btn.inverse {color:#fff; background-color: transparent; border-color: #fff;}
.dark_section .theme_btn.inverse:hover, .grey_section .theme_btn.inverse:hover {color:#b71717; background-color: transparent; border-color: #b71717;}

.color_section .theme_btn {border-color: #ffffff; color:#343434; background-color: transparent;}
.color_section .theme_btn:hover {border-color: #ffffff; color:#343434; background-color: #ffffff;}
.color_section .theme_btn.inverse {border-color: #343434; color:#343434; background-color: transparent;}
.color_section .theme_btn.inverse:hover {border-color: #ffffff; color:#ffffff; background-color: transparent;}

#copyright {text-align: center; font-size: 14px;}
#copyright p { margin-bottom: 0; }
#copyright .navbar-brand {position: relative; top:-14px;}
#copyright .widget_nav_menu ul {float: right;}
#copyright .widget_nav_menu li {display: inline-block; margin-left: 20px; padding: 0;}
#copyright .widget_nav_menu li a:before{display: none;}
#copyright .widget_nav_menu li a:hover{left:auto;}

/* Menu */
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu li {
    position: relative;
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}
.sf-menu > li {
/*    float: left;*/
    display: inline-block;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    top: 0 !important;
    left: 100%;
}


/* Menu Skin */
.sf-menu {float: right;}
.sf-menu ul {
    min-width: 12em; /* allow long menu items to determine submenu width */
    *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu ul ul {
    margin-top: -17px;
}

.sf-menu a {
    font-size: 16px;
    padding: 0;
    text-decoration: none;
    zoom: 1; /* IE7 */
    color: #000000;
}

@media screen and (max-width: 1199px) {
.sf-menu a {
    font-size: 14px;}
}

.sf-menu a:hover {
    color:#FF0000;
}
.sf-menu > li {
    /*text-align: center;
    padding:28px 0 18px 36px;
    */
}
.sf-menu > li > a {
    padding:0px 36px 0px;
    margin:38px 0px 38px;
    border-left: 1px solid #e8e8e8;
    
}
.is-sticky .sf-menu > li > a {margin:25px 0 25px;}

.sf-menu > li:first-child > a {border-left: none;}
.sf-menu > li > a:hover, .sf-menu > li.active > a{
    color:#FF0000;
}
.sf-menu > li li.active > a {
    color: #fff;
    cursor: text;
}


.sf-menu li {
    /*white-space: nowrap;*/ /* no need for Supersubs plugin */
    *white-space: normal; /* ...unless you support IE7 (let it wrap) */
}
.sf-menu ul {
    display: none;
    background-color: #343434;
    padding: 17px 0 17px;
     -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.05);
     border:none;
     border-radius: 0;
}

.sf-menu ul li {
padding: 0 30px 0 30px;
}

.sf-menu ul li + li {
}

.sf-menu ul a {
    padding: 10px;
    color:#fff;
}
.sf-menu ul a {
    border-top: 1px solid rgba(100,100,100,0.2);
}
.sf-menu ul a:hover {
    color:#FF0000;
}
.sf-menu ul li:first-child > a {
    border-top: none;
}

.sf-menu ul li:last-child a {
/*    padding-bottom: 0;*/
}
.sf-menu ul ul{
    background-color: #fff;
}
.sf-menu ul ul a {
    color:#343434;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
}

/*** arrows (for all except IE7) **/
/*.sf-arrows .sf-with-ul*/
.sf-arrows ul .sf-with-ul {
    padding-right: 1.5em;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border: 3px solid transparent;
    border-top-color: #fff; /* edit this to suit design (no rgba in IE8) */
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
    display: block;
    margin-top: -3px;
    margin-right: -30px;
    border-color: transparent;
    border-left-color: #fff; /* edit this to suit design (no rgba in IE8) */
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: #fff;
    opacity: 0.6;
}

/*Menu Mobile Layout*/
@media (min-width: 992px){
    #mainmenu {display: block !important;}
    #mainmenu {width:auto !important; opacity: 1 !important; height: auto !important;}
}
@media (max-width: 991px){
     #mainmenu { float: none; text-align: center;}
    .sf-menu > li > a {
        text-align: center;
    }
    .sf-menu ul {text-align: left;}
}
@media (max-width: 991px) {
    #header {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100000;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.05);
    text-align: left;
    border-bottom: none;
    }

    #header-sticky-wrapper {height: auto !important;}
    
    #mainmenu { 
        display: none; margin:0 0 17px 0; padding-top: 100px; position: relative; height: 350px; overflow: auto;
    }
    .main-menu-icon {
        padding: 35px 0;
        display: block;
        cursor: pointer;
        width: 30px;
        float: right;
    }
    .main-menu-icon span {
        margin:0 0 3px 0;
        display: block;
        height: 3px;
        width: 30px;
        background-color: #343434;
    }
    .sf-menu > li {
        display: block;
        padding: 0;
        float:none;
    }
    .sf-menu > li + li{
        border-left: none;
    }
    .sf-menu > li > a, .is-sticky .sf-menu > li > a {
        padding: 4px 0;
        margin:10px ;
        text-align: left;
        border-left: none;
    }
    .sf-menu ul {
        text-align: left;
        position: static;
        display: block !important;
        opacity: 1 !important;
        padding: 0 0 0 20px;
        margin: 0 30px 0 0;
        float: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent !important;
        
    }
    .sf-menu ul li {
        padding: 0;
    }
    .sf-menu ul li + li {border: none;}
    .sf-menu ul ul {
        margin: 1px 0 3px;
    }
    .sf-menu > li > a:hover, .sf-menu > li.active > a {
        background: none;
        border-color: transparent;
        color:#FF0000;
    }
    .sf-menu > li li.active > a, .sf-menu > li li > a:hover {
        background: none;
        border-color: transparent;
        color:#FF0000 !important;
    }
    .sf-menu ul a {
        margin-top: 3px;
        margin-bottom: 3px;
        padding: 5px 0;
        border: none;
        color:#343434;
    }
    #copyright {text-align: center;}
    #copyright .widget_nav_menu ul {float:none;}
}

.menu-item-number,
.menu-item-desc {display: none; color:#FF0000;
    font-size: 12px; letter-spacing: 0px;}
.is-sticky .menu-item-number,
.is-sticky .menu-item-desc {display: none !important;}


/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; height: 100% !important; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display: block; margin: 0 auto;}
.flexslider .slides .slider_images img {width: auto; display: inline-block; background-color: #ff6f6f; margin: 0 5px;
-webkit-transition: all 0.2s ease-in-out ;
transition: all 0.2s ease-in-out ;
}
.flexslider .slides .slider_images img:hover {background-color: #ff6f6f;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0; position: relative; overflow: hidden; zoom: 1; height: 100%;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; height: 100% !important;}
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; height: 100% !important; }

@media screen and (max-width: 767px) {
    .flexslider .slides { zoom: 1; height: auto !important; }
}
.carousel li { /*margin-right: 5px;*/ }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
#mainslider .flex-direction-nav {display: none;}
.flex-direction-nav a {
    display: block;
    width: 50px;
    height: 50px;
    margin: -25px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    background-color: transparent;
    font-size: 0;
    color: transparent;

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.flex-direction-nav .flex-prev { left: 0; opacity: 1;}
.flex-direction-nav .flex-next { right: 0; opacity: 1;}
.flexslider:hover .flex-prev {opacity: 0.7;}
.flexslider:hover .flex-next {opacity: 0.7;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 0.5;}
.flex-direction-nav .flex-disabled { opacity: 0!important; 
    filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before {
    background-color: transparent;
    position: absolute;
    font-family: 'fontello';
    content: '\e833';
    color:#fff;
    line-height: 50px;
    font-size: 26px;
    width: 50px;
    height: 50px;
    text-align: center;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}

.flex-direction-nav a:hover:before {}
.flex-direction-nav a.flex-next:before  { content: '\e834';}
.flex-direction-nav a.flex-next:hover:before  { background-position: -49px 0px; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 46px; text-align: center; z-index: 2;}
#process .flex-control-nav {display: none;}
.flex-control-nav li {margin: 0 ; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {
    overflow: hidden;
    text-indent: -30px;
    cursor: pointer;
    display:inline-block;
    width:18px; 
    height:18px;
    margin:0 3px 0 5px;
    background-color: transparent;
    border:3px solid #fff;
    border-radius: 100%;
}

.flex-control-paging li a:hover {  border-color:#343434; }
.flex-control-paging li a.flex-active {  border-color:#343434; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/*slider common*/
#mainslider {position: relative;}

.slide_description {position: absolute; left: 0; right: 0;}
.slide_description a.theme_btn{ display: inline-block;}
.imagetitle {    
    color: #ffffff;
    display: block;
    font-size: 80px;
    line-height: 0.95em;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.imagetitle strong {
    color:#343434;
}
.imagedesc {font-size: 17px; margin-bottom: 30px; color:#000000;}
.fullwidthimage [class^="col-"] {
    position: static;
    height: 0px;
}
.fullwidthimage .slide_description  {
    max-width: 370px;
    left: 20%;
    max-width: 350px;
}
.fullwidthimage .imagetitle {
    display: inline-block;
    color:#343434;
    padding: 6px 14px 10px;
    background-color: #ff6f6f;
    background-color: rgba(51, 51, 51, 0.8);
}

.fullwidthimage .imagedesc {
    color:#343434;
    margin-bottom: 20px;
    padding: 26px 30px;
    background-color: #fff;
    background-color: rgba(51, 51, 51, 0.8);

}

.flexslider .slides img.leftcontent_image {width: auto;}
.leftcontent .slide_description {position: relative; left:auto; right: auto; padding: 50px 0;}

@media (max-width: 991px) {
.flexslider .slides img.leftcontent_image {margin-top: 150px;}
}

@media (max-width: 767px) {
.flexslider .slides img.leftcontent_image {margin-top: 0px;}
}


.fullwidthcontent {padding: 60px 0 60px;}
.regular_image {position: relative;}
.regular_image img, img.leftcontent_image {    
    display: block;
}
.regular_image .slide_description {
    background-color: #ff6f6f;
    background-color: rgba(51, 51, 51, 0.8);
    padding: 30px 40px 20px;
    top: auto !important;
    left: 65px;
    bottom:50px;
    max-width: 370px;
    }
.regular_image .imagetitle {
    color:#343434;
    font-weight: 400;
    display: block;
    font-size: 28px;
    margin-bottom: 14px;
}
.regular_image .imagedesc { color:#fff; }
@media screen and (min-width: 768px) {
    /*.flex-control-nav {display: none;}*/
}

@media screen and (max-width: 767px) {
    #mainslider {text-align: center;}
    .flex-direction-nav {}
    #big-logo{max-width: 80px; top:30px; margin-left: -40px;}
    .slides .slide_description {
        background-color: transparent !important;
        padding: 0 !important;
        left:0px !important;
        bottom:0px !important;
        right:auto !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .leftcontent .slide_description {position: relative; top:auto !important;}
    .imagetitle {font-size: 40px !important;}
    .imagedesc {font-size: 16px !important;}
}

/*totop*/
#toTop {
    background: #b71717;
    bottom: 14px;
    display: none;
    height: 50px;
    width: 50px;
    overflow: hidden;
    position: fixed;
    right: 10px;
    text-decoration: none;
    z-index: 9999;
    font-size: 0px;
    color:transparent;
    border-radius: 0px;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
#toTop:after {
    display: block;
    content: '\e831';
    color:#ffffff;
    font-size: 37px;
    font-family: 'fontello';
    position: absolute;
    left:16px;
    top:14px;
    
}

#toTopHover, #toTop:hover {
background: #2D2D2D;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
transition: all 0.1s linear;
}
#toTop:active, #toTop:focus {
outline: medium none;
}

/*horizontal slider*/
.horizontal_slider_list_wrapper {
    position: relative;
    margin-top: 37px;
}
.horizontal_slider_list_wrapper > div {
    overflow: hidden;
}
ul.horizontal_slider_list {
    padding: 0;
    margin: 0;
}
ul.horizontal_slider_list li {
    display: block;
    float: left;
    height: 100%;
}
.es-nav {
    position: absolute; right: 0; top: -65px;
}
.es-nav span {
cursor: pointer;     
display: inline-block;
width: 40px;
height: 40px;
font-size: 0;
color: transparent;
position: relative;

}

.es-nav span:before {
    font-size: 50px;
    font-family: 'fontello';
    content: '\e840';
    color: #fff;
    display: block;
    position: absolute;
    cursor: pointer;
    padding: 6px 12px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


.es-nav span.es-nav-prev{
background: transparent;
}
.es-nav span.es-nav-next{
background: transparent;
margin-left: 7px;
}
.es-nav span.es-nav-next:before{
content: '\e841';
}
.es-nav span.es-nav-next:hover:before, .es-nav span.es-nav-prev:hover:before {color:#ff6f6f;}
.related_posts_list {padding-left: 0; list-style: none;}

.horizontal_slider_item, .related_posts_item, .thumbnail {
    border-radius: 0;
} 
#portfolio .item_title {
    padding: 0 15px;
    background-color: #fff;
    position: relative;
    
}
#portfolio .item_title:before {
    display: block;
    position: absolute;
    content: '';
    width: 30px;
    height: 10px;
    top: -10px;
    left: 50%;
    margin-left: -15px;
    border-bottom: 10px solid #fff;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}


.related_posts_item > h4 {padding:18px 0; margin:0; font-size: 18px; }
.related_posts_item > h4 > a {color:#ff6f6f;}

.horizontal_slider_item > h4, 
#portfolio .item_title h4 {margin:0px; padding: 29px 0; font-size: 12px; text-transform: uppercase;} 

.horizontal_slider_item > h4 > span.heart, 
.related_posts_item > h4 > span.heart, 
#portfolio .item_title h4 > span.heart {float: right; padding:1px 0 1px 21px; font-size: 14px; position: relative;color:#fff;}

#portfolio .item_title h4 > a, 
.horizontal_slider_item > h4 > a {color:#242424;}

#portfolio .item_title h4 > a:hover,
.related_posts_item > h4 > a:hover,
.horizontal_slider_item > h4 > a:hover {color:#d71717;}

#portfolio .item_title a {font-size: 14px;}

.portfolio_item_image, .horizontal_slider_introimg {position: relative; overflow: hidden;}
.portfolio_item_image:hover, .horizontal_slider_introimg:hover {background-color: rgba(253, 112, 112, 0.9);}
.portfolio_item_image > div:first-child {position: absolute;display: block; height: 100%;top:0; bottom:0; left: 0; right: 0; background-color: #111; background-color: rgba(0, 0, 0,0.8);
}

.horizontal_slider_item .portfolio_item_image {
    left:0; right: 0; text-align: center; line-height: 1.9em;
}
.horizontal_slider_item_description {
padding: 20px 0px 20px;
text-align: center;
}
.horizontal_slider_item_description h3{ font-size: 19px; margin:0 0 10px 0; text-transform: uppercase;}
.horizontal_slider_item_description h3 a{color:#fff; opacity: 0.8;}
.horizontal_slider_item_description h3 a:hover{color:#fff; opacity: 0.8}

.p-view, .p-link, #portfolio .heart {
    display: block;
    height: 60px;
    width: 60px;
    margin-left: -120px;
    position: absolute;
    top: 20px;
    left: 50%;
}
 #portfolio .heart {
    margin-left: -15px;
    color:#fff;
 }
/*.portfolio_item_image:after {
position: absolute;
content: "";
display: block;
top:100%;
left:30px;
right: 30px;
height: 1px;
background: #fff;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out; 
-o-transition: 0.3s all ease-in-out; 
-ms-transition: 0.3s all ease-in-out; 
transition: 0.3s all ease-in-out;  
 }*/
.isotope-item:hover .portfolio_item_image:after {
top:100px;
} 
.p-link {
    margin-left: 70px;
}

#portfolio .heart:before{
    content: "\e6d6";
}
.p-link:before{
    content: "\e6df";   
}
.p-view:hover, .p-link:hover{
    color:#343434;
}
.p-view:hover:before, .p-link:hover:before, #portfolio .heart:hover:before{
    color:#343434;
}


.horizontal_slider_item img,.portfolio_item_image img { 
    -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out;
    display: block;
    width: 100%;
}

/*.horizontal_slider_item:hover img, .isotope-item:hover img {opacity: 0.2;
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}*/
.horizontal_slider_item:hover .p-view, .portfolio_item_image:hover .p-view {opacity: 1;}


@media screen and (max-width: 991px) { 
.modal-head-myvectron{
	color: #ffffff !important;
	font-weight: 200 !important;
	font-size:35px !important;
	margin-bottom:0px !important;
	margin-top:0px !important;
	}
	
.modal-head-myvectron-module{
	color: #ffffff !important;
	font-weight: 200 !important;
	font-size:35px !important;
	margin-bottom:20px !important;
	margin-top:30px !important;	
	}
}

@media screen and (max-width: 767px) { 
.modal-head-myvectron{
	color: #ffffff !important;
	font-weight: 200 !important;
	font-size:35px !important;
	margin-bottom:0px !important;
	margin-top:30px !important;
	}
	
.modal-head-myvectron-module{
	color: #ffffff !important;
	font-weight: 200 !important;
	font-size:35px !important;
	margin-bottom:20px !important;
	margin-top:30px !important;	
	}
}

@media screen and (min-width: 992px) { 
.modal-head-myvectron{
	color: #ffffff !important;
	font-weight: 200 !important;
	font-size:40px !important;
	margin-bottom:25px !important;
	}
	
.modal-head-myvectron-module{
	color: #ffffff !important;
	font-weight: 200 !important;
	font-size:40px !important;
	margin-bottom:25px !important;
	}
}

.myvectron-modal h3{
color: #ffffff;
font-weight: 600;
}

.myvectron-modal img{
margin-bottom: 0px !important;
}

.myvectron-modal p{
margin-top: 25px !important;
margin: 30px !important;
}

@media screen and (min-width: 768px) { 
.myvectron-modal {
	padding-bottom: 30px; 
	}
}

.portfolio-modal .modal-content ul {
    text-align: left;
	margin: 0 auto;
}

.portfolio-modal .modal-content {
    padding: 50px 0;
	padding-bottom: 15px;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-color: #0C0C0C;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
	list-style: none;
}

.portfolio-modal .modal-content h2 {
    margin: 10px 0 60px;
    color: #fff;
    font-size: 35px;
    font-weight: 200;
}

@media (min-width: 768px) {
.portfolio-modal .modal-content h2 {
    margin: 10px 0 60px;
    color: #fff;
    font-size: 60px;
    font-weight: 200;
	}
}


@media (max-width: 767px) {
h2.modal-head:after  {display: block; position: relative; content: ''; width: 200px; height: 1px; background-color: rgba(100,100,100,0.4); top: 20px; left: 50%; margin-left: -100px;}
}

@media (min-width: 768px) {
h2.modal-head:after  {display: block; position: relative; content: ''; width: 220px; height: 1px; background-color: rgba(100,100,100,0.4); top: 20px; left: 50%; margin-left: -110px;}
}

.portfolio-modal .portfolio_item_meta{
list-style: none;
}

.portfolio-modal .portfolio_item_meta li {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #B71717;
}

.portfolio-modal .portfolio_item_meta li p {
    text-transform: uppercase;
    margin: 5px 0 40px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    font-style: normal;
}

.portfolio-modal .modal-content p {
    margin: 40px;
    color: #B7B7B7;
    font-size: 16px;
    font-weight: 300;
}

.portfolio-modal .modal-content a {
    color: #B7B7B7;
    font-size: 16px;
    font-weight: 300;
}

.portfolio-modal .modal-content a:hover {
    color: #d71717;
    font-size: 16px;
    font-weight: 300;
}

.portfolio-modal .modal-content li {
    color: #B7B7B7;
}

.portfolio-modal .modal-content 
.portfolio-modal .modal-content a {
    font-size: 12px;
    color: #f1f1f1;
}

.portfolio-modal hr.style-one {
    width: 100%;
    left: 0;
}

.portfolio-modal .member-social {
	padding: 40px 0 50px;
}

.portfolio-modal .member-social li a {
    color: #464646;
    font-size: 15px;
	padding: 0px 15px;
}

.portfolio-modal .member-social li a:hover {
	color: #ae895d;
}

.portfolio-modal .modal-content .visit-link {
    padding-bottom: 50px;
}

.portfolio-modal .modal-content .visit-link a {
    font-size: 14px;
    margin: 30px;
}

.portfolio-modal .modal-content .visit-link a:hover {
    text-decoration: none;
    border: 2px solid #f1f1f1;
    color: #f1f1f1;
}

.portfolio-modal .modal-content .close-btn a {
    font-size: 80px;
    text-align: center;
    color: #fff;
}

.portfolio-modal .modal-content .close-btn a:hover {
    text-decoration: none;
    color: #B71717;
}

.portfolio-modal .modal-content img {
    margin-bottom: 31px;
    margin-left: auto;
    margin-right: auto;
}

.portfolio-modal .modal-content .text-press {
    font-size: 13px;
    color: #4d484a;
    margin-top: 6px;
    margin-bottom: 6px;
}

.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 55px;
    height: 55px;
    background-color: transparent;
    cursor: pointer;
}

.portfolio-modal .close-modal:hover {
    opacity: 0.3;
}

.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 35px;
    margin-left: 35px;
    background-color: #f1f1f1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 35px;
    background-color: #f1f1f1;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*gallery*/
ul#portfolioContainer {padding: 0; margin: 0; list-style: none; text-align: center; }
#portfolio h4 {margin-top: 0;}
#portfolio .isotope-item {max-width: 100%; overflow: hidden; float: left; width: 25%; margin-left: -1px;/* margin-bottom: 30px; */ list-style: none;}
@media screen and (max-width: 991px) {
    #portfolio .isotope-item {width:33.3333%;}
}
@media screen and (max-width: 800px) {
    #portfolio .isotope-item {width:50%;}
}
@media screen and (max-width: 600px) {
    #portfolio .isotope-item {width:100%;}
}


#filtrable {padding: 0;}
#filtrable li {
display: inline-block;
margin-right: 15px;
}
#filtrable a {
font-size: 22px;
font-weight: 700;
font-family: 'Raleway', sans-serif;
padding: 6px 4px;
margin: 10px 0 26px;
display: inline-block;
background-color: transparent;
color:#fff;
border-radius: 2px;
text-transform: uppercase;
}
#filtrable a:hover, 
#filtrable a.selected {
background-color: transparent;
color:#d71717;
}
#filtrable a:hover {
    opacity: #d71717;
}
.loadmore {
    margin: 56px 0 40px !important;
}
.hidden_item {display: none;}
#gallery_container {position: fixed; width:100%; height: 100%; background: #fff; z-index: 20000; top:0; bottom: 0; left: 0; right: 0; top:-100%; overflow: auto; display: none;}

/*gallery single item*/
#portfolio_nav {margin-top: 40px;}
#portfolio_nav + #middle {margin-top: 0px; padding-top: 0;}
#portfolio_nav a {color:#2D2D2D; font-size: 36px; margin:0 30px;}
#portfolio_nav a#portfolio_prev_project:before {
    font-family: "fontello";
    content: '\e823';
}
#portfolio_nav a#portfolio_next_project:before {
    font-family: "fontello";
    content: '\e824';
}
#portfolio_nav a:hover {color:#ff6f6f;}
.description {margin-bottom: 26px}
.skills, .client { border-bottom: 1px solid #e1e1e1; padding-bottom: 6px; margin-bottom: 10px;}
.location {margin-bottom: 37px;}
.skills > span, .client > span, .location > span {
   font-weight: 700;
}
.skills > a, .client > a, .location > a {
   color: #ffffff; 
}
.skills > a:hover, .client > a:hover, .location > a:hover {
   color: #ff6f6f; 
}
.service_img {width: 110px; margin-bottom: 10px;}


/* Isotope Filtering */
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item[style] {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/*Contact Form*/

.comments-area {margin: 43px 0 40px;}
.comments-title {font-size: 30px; margin-bottom: 20px; font-weight: 700;}
.comments-area ol {list-style: none; padding-left: 0; margin-bottom: 0;}
.comments-area li {padding: 26px 0 5px;}
.comments-area ol.children li{padding: 10px 0 0 70px;}
.comments-area ol.children ol ol li{padding-left: 0;}
.comment-meta {position: relative;}
.comment-metadata {border-top: 1px solid #444444; border-bottom: 1px solid #444444; margin: 8px 0 16px 100px; font-size: 20px; padding:15px 0;}
.comment-author a{font-size: 24px; position: relative; top:-5px; font-weight: 700;}
.comment-author img {max-width: 70px; margin-right: 28px; float: left;}
.reply {position: absolute; right: 0; top:49px; font-size: 20px;}
.comment-content {padding: 0 0 9px 100px;}
.comment-respond {margin-top: 0px;}
.comment-reply-title {margin: 0 0 22px; font-size: 30px;}
.comment-respond label, .contact-form label {display: none;}
form.contact-form {margin-top: 0px; margin-bottom: 20px; max-width: 620px; margin:0 auto;}
form.contact-form input, form.contact-form textarea {text-align: center;}
p.comment-form-author, p.comment-form-email, p.comment-form-url {
margin-bottom: 10px;
}
p.comment-form-author, p.comment-form-email {/*padding-right: 10px;*/}
p.comment-form-comment:before, p.contact-form-message:before {
    display: table; content: " ";
}
.comment-respond p.form-submit {text-align: center; margin-top: 40px;}
.comment-form input, .comment-form textarea {text-align: center;}
@media (max-width: 570px) {
    .comments-area ol.children li{padding: 30px 0 0 30px;}

    p.comment-form-author, p.comment-form-email, p.comment-form-url, p.contact-form-name, p.contact-form-email, p.contact-form-subject, p.contact-form-firma {
        float: none; padding: 0 8px 0 0; width: 100%;
    }
    p.contact-form-message {padding-right: 8px;}
}

/*widgets*/

.thumbnail > img {border-radius: 0;}
.thumbnail {
    position: relative;
    margin-bottom: 0;
    background-color: transparent;
    background-color: rgba(100, 100, 100, 0.08);
    border-bottom: 10px solid #b7b7b7;
}
.thumbnail:hover .caption {opacity: 1; filter: alpha(opacity=100);}
.thumbnail .caption {
    padding: 40px 20px 9px;
    line-height: 1.3em;
    position: absolute;
    top: 0;
    bottom: 90px;
    background-color: #ff6f6f;
    background-color: rgba(253, 112, 112, 0.9);
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.thumbnail .caption h4 {font-size: 24px; font-weight: 700; margin:6px 0 0px; }
.thumbnail .caption h4+p {color:#fff; text-transform: uppercase; font-size: 12px;}
.thumbnail p.team-social {padding: 35px 20px 25px; margin:0; text-align: center; }

/*contact form widget*/
.contact-form p {}
.contact-form p:first-child {padding-left: 0;}
p.contact-form-name,p.contact-form-email,p.contact-form-subject, p.contact-form-firma {
    margin-bottom: 10px;
}
.contact-form-50 p.contact-form-name, .contact-form-50 p.contact-form-email, .contact-form-50 p.contact-form-email, .contact-form-50 p.contact-form-firma {
 width:50%;   
}
p.contact-form-message, p.form-submit {
   padding:0;
}

@media (max-width: 570px) {

    p.contact-form-name, p.contact-form-email, p.contact-form-subject, p.contact-form-firma {
        float: none; width: 100% !important;
    }
}

/*page preloader*/
.preloader  {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: url(../example/logo.png) no-repeat 50% 50% #fff;*/
    background: #fff;
    z-index: 13000;
    height: 100%;
 }

.preloaderimg  {
     width: 80px;
     height: 80px;
     position: absolute;
     left: 50%;
     top: 50%;
     background: url(../img/preloader.gif) no-repeat 50% 50% transparent;
     margin:-40px 0 0 -40px;
}

/*fontello arrow icons*/
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?81703720');
  src: url('../fonts/fontello.eot?81703720#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff?81703720') format('woff'),
       url('../fonts/fontello.ttf?81703720') format('truetype'),
       url('../fonts/fontello.svg?81703720#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.svg?81703720#fontello') format('svg');
  }
}
*/
 
 [class^="arrow-icon-"]:before, [class*=" arrow-icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  text-shadow:none !important;
}
.arrow-icon-picture:before { content: '\e848'; }
.arrow-icon-up-micro:before { content: '\e853'; }
.arrow-icon-quote-right-1:before { content: '\e847'; }
.arrow-icon-location:before { content: '\e849'; }
.arrow-icon-down-dir:before { content: '\e84a'; }
.arrow-icon-up-dir:before { content: '\e84b'; }
.arrow-icon-left-dir:before { content: '\e83b'; }
.arrow-icon-right-dir:before { content: '\e83a'; }
.arrow-icon-down-open-3:before { content: '\e83c'; }
.arrow-icon-left-open-4:before { content: '\e83d'; }
.arrow-icon-right-open-4:before { content: '\e83e'; }
.arrow-icon-up-open-3:before { content: '\e83f'; }
.arrow-icon-angle-left:before { content: '\e840'; }
.arrow-icon-angle-right:before { content: '\e841'; }
.arrow-icon-angle-up:before { content: '\e842'; }
.arrow-icon-angle-down:before { content: '\e843'; }
.arrow-icon-angle-double-left:before { content: '\e844'; }
.arrow-icon-angle-double-right:before { content: '\e845'; }
.arrow-icon-angle-double-up:before { content: '\e84d'; }
.arrow-icon-angle-double-down:before { content: '\e84c'; }
.arrow-icon-plus-1:before { content: '\e838'; }
.arrow-icon-minus-1:before { content: '\e839'; }
.arrow-icon-down-open-2:before { content: '\e82a'; }
.arrow-icon-left-open-3:before { content: '\e82b'; }
.arrow-icon-right-open-3:before { content: '\e82c'; }
.arrow-icon-up-open-2:before { content: '\e82d'; }
.arrow-icon-down-open-mini:before { content: '\e82e'; }
.arrow-icon-left-open-mini:before { content: '\e82f'; }
.arrow-icon-right-open-mini:before { content: '\e830'; }
.arrow-icon-up-open-mini:before { content: '\e831'; }
.arrow-icon-down-open-big:before { content: '\e832'; }
.arrow-icon-left-open-big:before { content: '\e833'; }
.arrow-icon-right-open-big:before { content: '\e834'; }
.arrow-icon-up-open-big:before { content: '\e835'; }
.arrow-icon-left-thin:before { content: '\e837'; }
.arrow-icon-right-thin:before { content: '\e836'; }
.arrow-icon-left-open-outline:before { content: '\e81c'; }
.arrow-icon-left-open-2:before { content: '\e81a'; }
.arrow-icon-right-open-outline:before { content: '\e81d'; }
.arrow-icon-right-open-2:before { content: '\e81b'; }
.arrow-icon-down:before { content: '\e81e'; }
.arrow-icon-left:before { content: '\e81f'; }
.arrow-icon-quote-left-1:before { content: '\e846'; }
.arrow-icon-up:before { content: '\e821'; }
.arrow-icon-down-outline:before { content: '\e822'; }
.arrow-icon-left-outline:before { content: '\e823'; }
.arrow-icon-right-outline:before { content: '\e824'; }
.arrow-icon-up-outline:before { content: '\e825'; }
.arrow-icon-down-small:before { content: '\e826'; }
.arrow-icon-left-small:before { content: '\e827'; }
.arrow-icon-right-small:before { content: '\e828'; }
.arrow-icon-up-small:before { content: '\e829'; }
.arrow-icon-plus:before { content: '\e806'; }
.arrow-icon-minus:before { content: '\e807'; }
.arrow-icon-quote-left:before { content: '\e808'; }
.arrow-icon-quote-right:before { content: '\e809'; }
.arrow-icon-quote-left-alt:before { content: '\e818'; }
.arrow-icon-quote-right-alt:before { content: '\e819'; }
.arrow-icon-down-open-1:before { content: '\e800'; }
.arrow-icon-left-open:before { content: '\e801'; }
.arrow-icon-right-open:before { content: '\e80a'; }
.arrow-icon-up-open-1:before { content: '\e80b'; }
.arrow-icon-down-1:before { content: '\e80e'; }
.arrow-icon-left-1:before { content: '\e80c'; }
.arrow-icon-right-1:before { content: '\e80d'; }
.arrow-icon-up-1:before { content: '\e80f'; }
.arrow-icon-down-bold:before { content: '\e810'; }
.arrow-icon-left-bold:before { content: '\e811'; }
.arrow-icon-right-bold:before { content: '\e812'; }
.arrow-icon-up-bold:before { content: '\e813'; }
.arrow-icon-down-fat:before { content: '\e814'; }
.arrow-icon-left-fat:before { content: '\e815'; }
.arrow-icon-right-fat:before { content: '\e816'; }
.arrow-icon-up-fat:before { content: '\e817'; }
.arrow-icon-plus-2:before { content: '\e84e'; }
.arrow-icon-minus-2:before { content: '\e84f'; }
.arrow-icon-quote:before { content: '\e850'; }
.arrow-icon-quote-circled:before { content: '\e851'; }
.arrow-icon-down-open:before { content: '\e802'; }
.arrow-icon-left-open-1:before { content: '\e803'; }
.arrow-icon-right-open-1:before { content: '\e804'; }
.arrow-icon-up-open:before { content: '\e805'; }
.arrow-icon-down-micro:before { content: '\e852'; }
.arrow-icon-right:before { content: '\e820'; }