/*
Theme Name: VP
Template: VP
Author: VP
*/
.btn { border-radius: 0px; text-decoration: none; padding: 12px 18px; font-size: 12px; line-height: 19px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 700; border: 2px solid transparent; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.btn:focus, .btn:active:focus, .btn.active:focus { color: #fff; }
.pagination { border-radius: 0; }
.pagination>li:first-child>a, .pagination>li:first-child>span { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background-color: #ff0000; border-color: #ff0000; }
.pagination>li:last-child>a, .pagination>li:last-child>span { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { color: #282828; }
.pagination>li>a, .pagination>li>span { color: #282828; }
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #ff0000; border-color: #ff0000; }
.form-control { height: 46px; padding: 12px 18px; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; transition: none; }
.form-control:focus { border-color: #999; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.progress { background-color: #fff; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #ff0000; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; }
.vc_progress_bar .vc_single_bar .vc_bar { background-color: #ff0000 !important; border-radius: 0 !important; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent; border: none; }
.nav>li>a { position: relative; display: block; padding: 25px 20px; }
.navbar-default .navbar-brand { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 22px; text-transform: uppercase; text-align: center; color: #333; }
.navbar-brand { float: left; height: 50px; padding: 25px 25px; font-size: 18px; line-height: 20px; }
.navbar { border: none; }
.navbar-default .navbar-nav>li>a { color: #000; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: 21px; font-weight: 500; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #fff; background-color: transparent; text-decoration: underline; }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #000; text-decoration: underline; }
.navbar-default .navbar-toggle .icon-bar { background-color: #ff0000; }
.navbar-default .navbar-toggle { border-color: transparent; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; }
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 100%; }
.modal-header { min-height: 16.43px; padding: 25px; border-bottom: none; }
.modal { top: 10%; }
.modal-body { padding: 10px 50px 50px 50px; }
.navbar-toggle { position: relative; float: right; padding: 17px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 0; background-color: transparent; background-image: none; border: none; border-radius: 4px; }
.navbar-collapse { border-top: none; -webkit-box-shadow: none; box-shadow: none; }
.modal-content { position: relative; background-color: #f2f2f2; -webkit-background-clip: padding-box; background-clip: padding-box; border: none; border-radius: 0; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.thumbnail { margin-bottom: 0; border: none; background: none; }
.close { float: right; font-size: 32px; font-weight: 700; line-height: 1; color: #ff0000; text-shadow: none; filter: none; opacity: 100; }
ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
.dropdown-menu { background-color: #f2f2f2; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.dropdown-menu>li>a { font-family: 'Roboto', sans-serif; text-transform: uppercase; display: block; padding: 7px 20px; clear: both; font-weight: 500; line-height: 1.42857143; color: #333; white-space: nowrap; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #fff; text-decoration: none; background-color: #333; -webkit-transition: background-color .2s linear, color .2s linear; -moz-transition: background-color .2s linear, color .2s linear; -o-transition: background-color .2s linear, color .2s linear; -ms-transition: background-color .2s linear, color .2s linear; transition: background-color .2s linear, color .2s linear; }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff; text-decoration: none; background-color: #333; outline: 0; }
.navbar-right .dropdown-menu { right: 0; left: auto; }
.panel-default>.panel-heading { color: #333; background-color: #f5f5f5; border-color: transparent; }
.panel-heading { padding: 25px 25px; border-bottom: none; border-top-left-radius: 0; border-top-right-radius: 0; }
.panel-group .panel { margin-bottom: 0; border-radius: 0; }
.panel-default { border-color: transparent; }
.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: transparent; }
.panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group { border-top: none; }
.panel { margin-bottom: 20px; background-color: #f5f5f5; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.panel-body { padding: 25px; }
.tab-content>.active { padding: 25px; background-color: #f5f5f5; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color: #555; cursor: default; background-color: #f5f5f5; border: none; border-bottom-color: transparent; }
.nav-tabs>li>a { margin-right: 2px; line-height: 1.42857143; border: none; border-radius: 0; }
.nav-tabs { border-bottom: none; }
/* ----------------------------------------------------
	2) GENERAL STYLE
------------------------------------------------------- */

html { height: 100%; min-height: 100%; }
body { height: 100%; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 300; line-height: 20px; color: #000; -webkit-font-smoothing: subpixel-antialiased; text-rendering: geometricPrecision; }
a { color: #000; padding: 0; margin: 0; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; color: #000; outline: none; outline-offset: none; }
p > img { max-width: 100% !important; height: auto; }
.bg-color { background-color: #f5f5f5; }
.general-title h2 { font-family: 'Roboto', sans-serif; font-size: 30px; line-height: 31px; font-weight: 300; color: #696969; text-transform: uppercase; -webkit-font-smoothing: antialiased; padding: 0; margin: 0; }
.service-title h3 { font-family: 'Roboto', sans-serif; font-size: 16px; color: #282828; text-transform: uppercase; font-weight: 500; }
.project-title h3 { font-family: 'Roboto', sans-serif; font-size: 16px; text-transform: uppercase; font-weight: 600; }
.title-devider { border-bottom: 2px solid #c0c0c0; display: block; width: 100px; margin: auto; margin-top: 5px; margin-bottom: 40px; }
.title-devider-left { border-bottom: 2px solid #c0c0c0; display: block; width: 100px; }
.space { margin-top: 20px; }
.space-bottom { padding-bottom: 20px; }
.space-bottom-2x { padding-bottom: 40px; }
.padding-top { padding-top: 40px; }
.padding-2x { padding: 40px 0; }
.padding-bottom { padding-bottom: 80px; }
.padding-top-x2 { /*padding-top: 80px;*/ }
.margin-top { margin-top: 25px; }
.margin-top-x2 { margin-top: 40px; }
.bg-color { background-color: #f2f2f2; }
.white-btn { color: #fff; background-color: transparent; border-color: #fff; }
.white-btn:hover { color: #000; background-color: #fff; border-color: #fff; }
.gold-btn { color: #fff; background-color: #ff0000; border-color: #ff0000; }
.gold-btn:hover { color: #fff; background-color: #D8BA6F; border-color: #D8BA6F; }
/*loader*/
.spinner { margin: 0 auto; width: 70px; text-align: center; }
.spinner > div { width: 18px; height: 18px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
 @-webkit-keyframes bouncedelay {
 0%, 80%, 100% {
-webkit-transform: scale(0.0)
}
 40% {
-webkit-transform: scale(1.0)
}
}
 @keyframes bouncedelay {
 0%, 80%, 100% {
 transform: scale(0.0);
 -webkit-transform: scale(0.0);
}
40% {
 transform: scale(1.0);
 -webkit-transform: scale(1.0);
}
}
#preloader { position: fixed; display: table; width: 100%; height: 100%; min-height: 100%; overflow-x: hidden; overflow-y: hidden; vertical-align: middle; background: #fff; z-index: 9999; }
.preloader-container { position: relative; display: table-cell; vertical-align: middle; z-index: 3; text-align: center; }
.vc_images_carousel ol.vc_carousel-indicators { margin: 0 0 -60px -30% !important; }
.vc_images_carousel .vc_carousel-indicators .vc_active { width: 12px !important; height: 12px !important; margin: 5px !important; }
.vc_images_carousel .vc_carousel-indicators li { width: 12px !important; height: 12px !important; margin: 5px !important; }
/*navbar*/
.header-nav { text-align: center; margin: 0; }
#header { width: 100%; z-index: 9999; }
/* ----------------------------------------------------
	3) HEADER PAGES PARALLAX BACKGROUND
------------------------------------------------------- */

#about_bg { background: url('../img/header_bg/image1.jpg') 50% 0 no-repeat fixed; padding-top: 200px; padding-bottom: 200px; background-size: cover; }
#service_bg { background: url('../img/header_bg/image2.jpg') 50% 0 no-repeat fixed; padding-top: 200px; padding-bottom: 200px; background-size: cover; }
#projects_bg { background: url('../img/header_bg/image3.jpg') 50% 0 no-repeat fixed; padding-top: 200px; padding-bottom: 200px; background-size: cover; }
#blog_bg { color: #fff; background: url('../img/header_bg/image4.jpg') 50% 0 no-repeat fixed; padding-top: 200px; padding-bottom: 200px; background-size: cover; }
#blog2_bg { color: #fff; background: url('../img/header_bg/image5.jpg') 50% 0 no-repeat fixed; padding-top: 80px; padding-bottom: 80px; background-size: cover; }
.parallax { width: 100%; display: block; position: relative; overflow: hidden; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
/*.parallax-overlay:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0, .4); }*/
.parallax-overlay h2, .parallax-overlay h3 { color: #fff !important; position: relative; }
.parallax-overlay { color: #fff !important; }
/* ----------------------------------------------------
	4) SERVICES STYLES
------------------------------------------------------- */

#service_inner { color: #fff; background: url('../img/header_bg/service_bg.jpg') 50% 0 no-repeat fixed; padding-top: 100px; padding-bottom: 100px; background-size: cover; }
.price-table { background-color: #f2f2f2; border: 3px solid #f2f2f2; border-radius: 0; padding-bottom: 20px; }
.price-table:hover { border: 3px solid #ff0000; }
.price-table h3 { text-transform: uppercase; font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 300; }
.price-table h1 { text-transform: uppercase; margin: 0; font-family: 'Roboto', sans-serif; font-weight: 700; }
.price-table small { text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 500; }
.price-table p { color: #999; line-height: 40px; }
/* Index Services Styles */
.service-box p { margin-left: 25px; margin-right: 25px; }
.service-box-none p { margin-left: 25px; margin-right: 25px; }
.service-box-none h3 { padding: 10px 0; }
.service-box-none i { color: #ff0000; }
.service-box-none { padding-top: 50px; padding-bottom: 50px; }
.service-box h3 { padding: 10px 0; }
.service-box i { color: #ff0000; }
.service-box { padding-top: 50px; padding-bottom: 50px;/*border-bottom: 1px solid #DEDEDE;*/ }
.service-box-l { border-left: 1px solid #DEDEDE; }
/* ----------------------------------------------------
	5) SITE WRAPPER STYLES
------------------------------------------------------- */

.site-wrapper { padding: 0; }
.about-caption p { margin: 0; }
.about-caption h3 { font-family: 'Roboto', sans-serif; color: #282828; vertical-align: middle; margin: 0; margin-bottom: 13px; line-height: 20px; font-size: 17px; text-transform: uppercase; font-weight: 500; }
.about-caption h5 { font-size: 18px; font-weight: 400; line-height: 29px; text-transform: none; color: #333; margin: 0; padding: 0; }
.about-caption .col-sm-10 { padding-left: 10px; }
.about-caption i { color: #ff0000; font-size: 36px; }
/* ----------------------------------------------------
	6) PROJECTS STYLES
------------------------------------------------------- */

/* Index Projects Styles */
.projects .col-md-4 { padding-right: 0; padding-left: 0; }
.project-inner { position: relative; padding: 0; overflow: hidden; }
.project-inner>img, .project-inner>a img, .project-caption>img { display: block; max-width: 100%; height: auto; }
.project-inner .project-caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(40,40,40,0.7); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; visibility: hidden; opacity: 0; }
.project-inner:hover .project-caption, .project-inner:focus .project-caption { visibility: visible; opacity: 1; }
.project-caption h3 { font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 400; }
.project-caption { color: #fff; text-align: center; }
.project-details { position: absolute; width: 100%; top: 50%; margin-top: -20px; }
.project-details p { color: #ff0000; }
.all-projects { background-color: transparent; padding: 50px 0; }
.projects-title { padding-top: 15px; padding-bottom: 5px; }
.projects-title h2 { text-transform: uppercase; color: #333; padding-top: 10px; font-family: 'Roboto', sans-serif; font-size: 1.3em; font-weight: 600; }
.project-title-devider { border-top: 1px solid #999; width: 65px; margin: 0 auto; }
/*cube portfolio*/
.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active { color: #FFF; background-color: #ff0000; border-color: #ff0000; }
.cbp-l-filters-alignRight .cbp-filter-counter { background: #ff0000; }
.cbp-l-filters-alignRight .cbp-filter-counter:before { border-top: 4px solid #ff0000; }
.cbp-l-filters-alignRight { text-align: center; }
.cbp-l-filters-alignRight .cbp-filter-item { background-color: #f2f2f2; border: none; font: 400 12px/35px "Source Sans Pro", sans-serif; margin: 0; margin-right: 10px; }
.cbp-l-filters-list { margin: 0 auto; padding-bottom: 40px; }
.cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active { color: #FFF; background-color: #ff0000; border-color: #ff0000; }
.cbp-l-filters-list .cbp-filter-item { background-color: transparent; color: #888888; cursor: pointer; font: 400 12px/35px "Source Sans Pro", sans-serif; text-transform: uppercase; padding: 0 18px; position: relative; overflow: visible; margin-top: 0; float: left; border: 1px solid #f2f2f2; border-right-width: 0; -webkit-transition: left .3s ease-in-out; transition: left .3s ease-in-out; }
.cbp-l-filters-list-last { border-radius: 0; }
.cbp-l-filters-list-first { border-radius: 0; }
.cbp-popup-singlePage .cbp-popup-navigation-wrap { background-color: #2a2a2a; }
.cbp-popup-singlePage .cbp-l-project-title { color: #454444; margin-bottom: 15px; text-align: center; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-size: 30px; line-height: 31px; font-weight: 300; -webkit-font-smoothing: antialiased; }
.cbp-popup-singlePage-counter { color: #ff0000; }
.cbp-l-grid-blog-desc { font: 300 14px "Source Sans Pro", sans-serif; line-height: 22px; color: #4c4c4c; margin-top: 9px; }
.cbp-popup-singlePage .cbp-l-project-subtitle { margin: 0 auto 40px; }
.about-caption p { line-height: 25px; }
.project-single-wrapper { padding: 47px 0 80px 0; }
.project-single-wrapper .wp-caption img { margin-bottom: 0px; }
.project-single-wrapper iframe { padding-bottom: 50px; }
.project-single-wrapper .col-md-3 { float: right; }
.new-project-title h1 { font-family: 'Roboto', sans-serif; font-size: 44px; font-weight: 600; text-transform: uppercase; color: #fff; position: relative; }
.owl-project .owl-controls { margin-top: 10px; margin-bottom: 30px; text-align: center; }
.project-single-wrapper #owl-project-single img { margin-bottom: 0; }
.project-single-wrapper #owl-project-single .owl-controls { margin-top: 15px; }
.new-project-info, .new-project-date, .new-project-category, .new-project-web { margin-bottom: 25px; }
.new-project-info h3, .new-project-date h3, .new-project-category h3, .new-project-social h3, .new-project-web h3 { font-family: 'Roboto', sans-serif; color: #ff0000; font-size: 13px; font-weight: 600; text-transform: uppercase; margin-top: 0; }
#project_single { background: url('assets/img/header_bg/image1.jpg') 50% 0 no-repeat fixed; padding-top: 216px; padding-bottom: 216px; background-size: cover; position: relative; }
#project_single .project-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, .6); }
/* ----------------------------------------------------
	7) TESTIMONIALS STYLES
------------------------------------------------------- */

#testimonials { background-color: #f2f2f2; }
.t-info b { font-family: 'Roboto', sans-serif; font-weight: 600; }
/* ----------------------------------------------------
	8) BLOG STYLES
------------------------------------------------------- */

.blog-inner { padding: 20px; border: 1px solid #f2f2f2; border-radius: 0; }
.blog-inner .caption { padding: 0; }
.blog-inner h3 { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 600; }
.blog-meta i { color: #ff0000; margin-bottom: 15px; }
.blog-meta span { color: #ff0000; font-size: 13px; margin-right: 7px; }
.blog-inner-title a { color: #333; }
.blog-inner-title a:hover { color: #ff0000; }
.blog-btn { color: #fff; background-color: #ff0000; border-color: #ff0000; width: 100%; }
.blog-btn:hover { border-color: #D8BA6F; background-color: #D8BA6F; color: #fff; }
.blog-title a { color: #444; }
.blog-title a:hover { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; color: #ff0000; }
.blog-title h3 { font: 300 18px/28px "Source Sans Pro", sans-serif; }
.blog-date { font-size: 12px; font-weight: 400; }
.blog-date span { }
.i-blog-inner { position: relative; padding: 0; overflow: hidden; }
.i-blog-inner>img, .i-blog-inner>a img, .i-blog-caption>img { display: block; max-width: 100%; height: auto; }
.i-blog-inner .i-blog-caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: table-cell; vertical-align: middle; background: rgba(0,0,0,0.8); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; visibility: hidden; opacity: 0; }
.i-blog-inner:hover .i-blog-caption, .i-blog-inner:focus .i-blog-caption { visibility: visible; opacity: 1; }
.i-blog-caption h3 { font-size: 14px; font-weight: 400; }
.i-blog-caption { color: #fff; text-align: center; }
.i-blog-holder { display: table; width: 100%; height: 100%; }
.i-blog-details { display: table-cell; vertical-align: middle; text-align: center; }
.i-blog-title h1 { color: #454444; font-family: 'Roboto', sans-serif; font-size: 30px; line-height: 31px; font-weight: 400; -webkit-font-smoothing: antialiased; }
.i-blog-title h2 { font-family: 'Roboto', sans-serif; font-size: 30px; text-transform: uppercase; line-height: 31px; font-weight: 700; -webkit-font-smoothing: antialiased; margin: 25px 0; }
.i-blog-comments p input { width: 100%; padding: 12.9px; color: #444; background: #fff; border: 1px solid #F0F0F0; margin: 7px 0px; font-weight: 100; }
.i-blog-btn { color: #fff !important; background-color: #ff0000 !important; border-color: #ff0000 !important; width: 100% !important; font-weight: 700 !important; padding: 12px 18px !important; margin: 0 !important; border: none !important; }
.i-blog-btn:hover { border-color: #D8BA6F !important; background-color: #D8BA6F !important; color: #fff !important; }
div.wpcf7-validation-errors { border: none; height: 100%; margin-left: auto; margin-right: auto; line-height: 22px; text-align: center; font-weight: bold; padding: 3px 10px 3px 10px; color: #fff; -webkit-border-radius: 5px; background-color: #ff0000; background-position: 10px center; background-repeat: no-repeat; }
span.wpcf7-not-valid-tip { color: #ff0000; font-size: 1em; display: block; }
div.wpcf7-mail-sent-ok { border: none; height: 100%; margin-left: auto; margin-right: auto; line-height: 22px; text-align: center; font-weight: bold; padding: 3px 10px 3px 10px; color: #fff; -webkit-border-radius: 5px; background-color: #ff0000; background-position: 10px center; background-repeat: no-repeat; }
.share-options h6 { font-family: 'Roboto', sans-serif; font-size: 16px; color: #282828; text-transform: uppercase; font-weight: 500; }
.share-options a i { margin-right: 10px; }
.post-tags { margin: 25px 0; }
.post-tags a { font-size: 14px !important; line-height: 3; margin-right: 5px; }
.post-tags span { font-family: 'Roboto', sans-serif; font-size: 16px; color: #282828; text-transform: uppercase; font-weight: 500; }
.i-blog-comments input:focus, textarea:focus, select:focus { border: 1px solid #ff0000; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; color: #444; }
.i-blog-pagination { margin-bottom: 40px; }
.i-blog-pagination span { color: #ff0000; font-family: 'Roboto', sans-serif; font-size: 24px; -webkit-font-smoothing: antialiased; }
.i-blog-pagination .page-numbers { padding: 10px; font-weight: 700; }
.i-blog-pagination .next, .i-blog-pagination .prev { display: none !important; }
.i-blog-section { padding-top: 100px; }
.i-blog-section-inner { padding: 100px 0; }
.i-blog-s-title h1 { color: #454444; margin-bottom: 50px; text-align: center; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-size: 30px; line-height: 31px; font-weight: 300; -webkit-font-smoothing: antialiased; }
.blog_sidebar { font-family: 'Roboto', sans-serif; color: #282828; vertical-align: middle; margin: 0; margin-bottom: 13px; line-height: 20px; font-size: 17px; text-transform: uppercase; font-weight: 500; padding-top: 30px; }
#sidebar ul { padding: 0; }
#sidebar li { list-style: none; padding: 7px 0; }
#sidebar .tagcloud a { font-size: 14px !important; background-color: #f2f2f2; padding: 5px; line-height: 3; margin-right: 10px; }
.input-group input, select { width: 100%; padding: 12.9px; color: #444; background: #fff; border: 1px solid #F0F0F0; font-weight: 100; }
.input-group input:focus, textarea:focus, select:focus { border: 1px solid #ff0000; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; color: #444; }
.comment-respond p.form-submit input.submit { color: #fff; background-color: #ff0000; border-color: #ff0000; width: 100%; border-radius: 0px; text-decoration: none; padding: 12px 18px; font-size: 12px; line-height: 19px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 700; border: 2px solid transparent; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.comment-respond p.form-submit input.submit:hover { border-color: #D8BA6F; background-color: #D8BA6F; color: #fff; }
.input-group-btn .btn { color: #fff; background-color: #ff0000; border-color: #ff0000; }
.input-group-btn .btn:hover { color: #fff; background-color: #D8BA6F; border-color: #D8BA6F; }
.search-form { padding-bottom: 20px; }
#calendar_wrap { padding-top: 10px; }
#wp-calendar { width: 100%; border-collapse: separate; border-spacing: 2px 2px; text-align: center; }
#wp-calendar td { background-color: #f8f8f8; line-height: 28px; }
#wp-calendar td a { color: #ff0000; }
#wp-calendar td.pad, #wp-calendar tfoot td { background: none; }
#wp-calendar #prev a { float: left; margin-top: 10px; display: block; }
#wp-calendar caption { margin-bottom: 10px; }
#respond h3 { font-family: 'Roboto', sans-serif; color: #282828; vertical-align: middle; margin: 20px 0; line-height: 20px; font-size: 17px; text-transform: uppercase; font-weight: 500; }
.comment-list { padding: 0; }
ol.comment-list:first-child { width: 100%; height: auto; }
ol.children li { padding: 10px 0 0 15px; }
.comment-list li { padding: 10px 0 0 110px; list-style: none; }
.comment-author img { margin-left: -110px; float: left; width: 80px; height: auto; }
.comment-name cite { text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 500; margin-right: 10px; }
.comment-text { background: #fdfdfd; padding: 25px; border-radius: 10px; position: relative; }
.reply { float: right; }
.media-left { margin-left: 100px; }
.left-comment input, textarea { margin-bottom: 25px; }
.blog-meta-inner span { font-weight: bold; color: #ff0000; }
.blog-post-details blockquote { color: #999; }
.textwidget img { padding: 10px 0 25px 0; height: auto !important; max-width: 100% !important; }
.i-blog-section .post a img, .i-blog-section-inner img.wp-post-image { width: 100%; height: auto; }
.alignleft { float: left; padding-right: 10px; padding-bottom: 10px; }
.alignright { float: right; padding-left: 10px; padding-bottom: 10px; }
.post p img.alignnone { max-width: 100% !important; height: auto; }
.post { margin-bottom: 50px; }
.i-blog-content { background-color: #f5f5f5; padding: 50px 50px 50px 50px; }
.i-blog-title a { color: #393939; }
.i-blog-title a:hover { color: #ff0000; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.i-blog-content span.i-blog-date { padding: 0 10px 0 0; margin: 0 10px 0 0; }
.i-blog-content span.i-blog-date:before { content: '/'; position: relative; left: -10px; }
.i-blog-content span.i-blog-author { padding: 0 10px 0 0; margin: 0 10px 0 0; }
.author-img img.avatar { float: left; margin-right: 25px; }
.i-blog-info { color: #393939; font-weight: 600; }
.i-blog-info a { color: #393939; }
.i-blog-info a:hover { color: #ff0000; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.sticky .i-blog-title h2 { font-weight: 700; text-transform: uppercase; }
.sticky .i-blog-title h2 a { color: #ff0000; }
.sticky .i-blog-title h2 a:hover { color: #111; }
.wp-caption { max-width: 100%; }
.wp-caption img { max-width: 100%; height: auto; }
.wp-caption-text { font-style: italic; opacity: 0.9; padding-top: 8px; }
.post table { width: 100%; margin-bottom: 30px; border-collapse: separate; border-spacing: 3px; }
.gallery-caption, .wp-caption { font-style: italic; }
.bypostauthor { background: rgba(0,0,0,0); }
.tag-wordpress-tv p embed { width: 100% !important; height: 600px !important; }
.bar ul li { display: block; width: 100%; padding: 0; border-bottom: 1px solid #f1f1f1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.bar ul li:last-child { border-bottom: 1px solid transparent; }
.bar ul li:hover { background: #fafafa; }
.bar ul.children { margin-left: 25px; }
.bar li.recentcomments { padding: 10px 0 !important; }
.bar li.recentcomments:before { padding-right: 10px; }
.bar ul li a { display: inline-block; font-size: 13px; padding: 10px 10px 10px 5px; color: #959494; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.bar ul li a:before { font-family: 'FontAwesome'; content: "\f105"; margin-right: 10px; font-weight: normal; font-style: normal; top: 0; margin-left: 0; color: #959494; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.bar ul li:hover:before { margin-left: 2px; }
/*rss*/
.widget_rss ul li:before { display: none; }
.widget_rss ul li:hover { background: transparent; }
.bar.widget_rss li { margin-bottom: 12px; }
.bar.widget_rss a.rsswidget { padding: 0 0 11px 0; color: #555; width: 100%; }
.bar .rss-date { font-size: 85%; padding-bottom: 10px; display: block; opacity: 0.6; }
.bar select { width: 100%; font-size: 11px; }
.bar cite { text-align: right; display: block; padding-bottom: 12px; padding-top: 10px; font-size: 12px; }
#sidebar ul.sub-menu { margin-left: 15px; }
.i-blog-section #sidebar { margin-bottom: 50px; }
/* ----------------------------------------------------
	9) ABOUT STYLES
------------------------------------------------------- */

.team-inner { position: relative; padding: 0; overflow: hidden; border: none; border-radius: 50%; margin: 0; }
.team-inner>img, .team-inner>a img, .team-caption>img { display: block; max-width: 100%; height: auto; }
.team-inner .team-caption { position: absolute; height: 100%; width: 100%; left: 0; top: 0; border-radius: 50%; display: table-cell; vertical-align: middle; background: rgba(40,40,40,0.9); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; visibility: hidden; opacity: 0; }
.team-inner:hover .team-caption, .team-inner:focus .team-caption { visibility: visible; opacity: 1; }
.team-details h5 { font-family: 'Roboto', sans-serif; font-weight: 300; color: #ff0000; margin-top: 20px; }
.team-details p { margin: 0; }
.team-details h3 { font-family: 'Roboto', sans-serif; font-size: 16px; color: #282828; text-transform: uppercase; font-weight: 500; margin-top: 0; margin-bottom: 15px; }
.t-social-holder { display: table; width: 100%; height: 100%; }
.team-social { display: table-cell; vertical-align: middle; text-align: center; }
.team-social a { font-size: 16px; }
.blog-img { overflow: hidden; border: none; border-radius: 0; padding: 0; margin: 0; }
.blog-img img { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.blog-img img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
#our-clients { background-color: #f2f2f2; }
/* ----------------------------------------------------
	10) CONTACT STYLES
------------------------------------------------------- */

.contact-icon i { font-size: 26px; color: #ff0000; margin-top: 5px; }
.contact-icon.col-sm-2 { padding-left: 0; padding-right: 0; }
.contact-icon.col-sm-10 { padding-left: 0; padding-right: 0; }
ul.contact-social { padding: 0; }
.contact-social li { display: inline-block; }
.btn-submit { text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 400; width: 185px; margin: 15px 0px; padding: 12.9px; border-color: #ff0000; background-color: #ff0000; border-radius: 0; color: #fff; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.btn-submit:hover { border-color: #D8BA6F; background-color: #D8BA6F; color: #fff; }
#map-canvas { height: 400px; width: auto; }
#contact input, select { width: 100%; padding: 12.9px; color: #444; background: #fff; border: 1px solid #F0F0F0; margin: 7px 0px; font-weight: 100; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { box-shadow: none; outline: 0 none; }
textarea { width: 100%; height: 175px; padding: 13px; color: #444; background: #fff; border: 1px solid #F2F2F2; margin-top: 7px; margin-right: 15px; font-weight: 100; }
#contact input:focus, textarea:focus, select:focus { border: 1px solid #ff0000; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; color: #444; }
#contact span.required { font-size: 13px; color: #ff0000; }
#message { margin: 10px 0; padding: 0; }
.error_message { height: 100%; margin-left: auto; margin-right: auto; line-height: 22px; text-align: center; font-weight: bold; padding: 3px 10px 3px 10px; color: #fff; -webkit-border-radius: 5px; background-color: #ff0000; background-position: 10px center; background-repeat: no-repeat; }
.loader { padding: 0 10px; }
acronym { border-bottom: 1px dotted #ccc; }
#success_page { text-align: center; }
#success_page strong { color: #ff0000; }
/* ----------------------------------------------------
	11) FOOTER STYLES
------------------------------------------------------- */
.footer-big { color: #aaaaaa; background-color: #2a2a2a; font-size: 15px; }
#footer { padding-top: 43px; padding-bottom: 5px; }
.f-inner { padding-top: 50px; padding-bottom: 50px; }
.f-inner:hover { background-color: #ff0000; color: #fff; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.f-inner .col-sm-10 { padding-left: 0; }
.f-logo { margin-top: 70px; }
.f-logo h2 { font-family: 'Roboto', sans-serif; font-size: 30px; line-height: 31px; font-weight: 300; color: #fff; -webkit-font-smoothing: antialiased; }
.f-space { padding: 8px 0; }
.f-inner strong { font-family: 'Roboto', sans-serif; color: #ffffff!important; font-weight: 400; font-size: 14px; text-transform: uppercase; }
.f-inner address { font-size: 0.8em; line-height: 1.8em; margin: 0; }
.f-inner i { color: #ff0000; }
ul.footer-social { padding: 0; margin: 0; }
.f-cta { width: 100%; padding: 30px 0; font-family: 'Roboto', sans-serif; font-weight: 500; background-color: #ff0000; font-size: 15px; line-height: 25px; color: #ffffff; text-align: center; display: block; position: relative; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.f-cta:hover { background-color: #222; }
.f-action a:focus { color: #fff; }
.cta-section h2 { margin-bottom: 30px; }
.cta-section { color: #fff; background: url('../img/header_bg/bg2.jpg') 50% 0 no-repeat fixed; background-size: cover; position: relative; }
.cta-title-2 h2 { font-family: 'Roboto', sans-serif; font-size: 30px; line-height: 31px; font-weight: 300; color: #333; text-transform: uppercase; -webkit-font-smoothing: antialiased; padding: 0; margin: 0; }
.cta-title h2 { font-family: 'Roboto', sans-serif; font-size: 30px; line-height: 31px; font-weight: 300; color: #fff; text-transform: uppercase; -webkit-font-smoothing: antialiased; padding: 0; margin: 0; }
#footer h4 a:hover { text-decoration: underline; }
.tgthr-footer { text-align: center; padding-bottom: 30px; }
/* ----------------------------------------------------
	12)	OFF-CANVAS MENU
------------------------------------------------------- */
.canvas-nav li { padding-top: 30px; font-weight: 400; font-size: 1em; line-height: 2.4em; text-align: center; text-transform: uppercase; list-style: none; }
.canvas-nav a { color: #999; }
.canvas-nav a:hover { color: #ff0000; background-color: #fff; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.canvas-nav-social li { float: right; list-style: none; display: inline; }
.nav-logo a { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 22px; text-transform: uppercase; color: #333; }
.offcanvas-nav { background: rgba(255, 255, 255, 0.9); border-color: transparent; border-radius: 0; margin: 0; padding-top: 15px; padding-bottom: 10px; width: 100%; color: #fff; }
.mm-menu { background: #2a2a2a; color: #aaaaaa; }
.mm-menu .mm-list > li:after { border-color: transparent!important; }
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: transparent; }
.topBar { margin-top: 6px; }
.mm-menu > .mm-panel.mm-opened { width: 100%; height: 650px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
nav#menu li.divider { display: none; }
.mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { margin-right: 0; }
.mm-menu .mm-list > li > a.mm-subopen:before { border-color: transparent; }
.mm-list a.mm-subopen:before { border-left-width: 0; border-left-style: none; }
.mm-list a.mm-subopen { top: 10px; }
.mm-list > li { padding-top: 30px; font-weight: 400; font-size: 1em; line-height: 2.4em; text-align: center; text-transform: uppercase; list-style: none; }
.mm-list > li a:hover { color: #ff0000; background-color: #fff; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.mm-list a.mm-subclose { text-indent: 0; padding-top: 10px; }
.mm-list a.mm-subclose:before { margin-bottom: -10px; }
.mm-list a.mm-subopen:hover { background-color: transparent; }
/* ----------------------------------------------------
	13)	SLIDER STYLES
------------------------------------------------------- */

.slider-text { font-family: 'Roboto', sans-serif; color: #fff; font-size: 52px; font-weight: 300; line-height: 56px; text-transform: none; }
.tp-loader.spinner0 { display: none; }
.tp-caption a { color: #fff; }
.tp-caption a:hover { color: #fff; }
/*owl carousel*/
.owl-theme .owl-controls .owl-page span { background: #999; }
.owl-theme .owl-controls { margin-top: 40px; text-align: center; }
#owl-demo a:hover { opacity: 0.4; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.owl-theme .owl-controls .owl-page span { padding-bottom: 0; margin-bottom: 0; }
#owl-office .item img { display: block; width: 100%; height: auto; }
/* ----------------------------------------------------
	13)	DARK VERSION STYLES
------------------------------------------------------- */

.black-btn { color: #fff; background-color: #222; border-color: #222; }
.black-btn:hover { color: #fff; background-color: #333; border-color: transparent; }
.header-nav-black { background-color: #222; }
.navbar-default .navbar-nav>li>a { color: #000; }
.header-nav-black .navbar-nav>.active>a, .header-nav-black .navbar-nav>.active>a:hover, .header-nav-black .navbar-nav>.active>a:focus { color: #000; }
.header-nav-black .navbar-nav>li>a:hover, .header-nav-black .navbar-nav>li>a:focus { color: #000; }
.header-nav-black .navbar-brand { color: #000; }
.about-caption-black i { color: #222; }
.cbp-l-filters-black .cbp-filter-item.cbp-filter-item-active { color: #FFF; background-color: #222; border-color: #222; }
.cbp-l-filters-black .cbp-filter-counter { background: #222; }
.cbp-l-filters-black .cbp-filter-counter:before { border-top: 4px solid #222; }
.service-box-black i { color: #222; }
.service-box-none-black i { color: #222; }
.general-title-black h2 { color: #fff; background-color: #222; padding: 5px; display: inline; }
.team-social-black a { color: #222; }
.team-details-black h5 { color: #999; }
.price-table-black:hover { border: 3px solid #222; }
a.cbp-l-grid-blog-comments-black:hover { color: #222; }
.f-inner-black i { color: #999; }
.f-inner-black:hover { background-color: #333; }
.f-cta-black { color: #aaaaaa; background-color: #222; }
.f-cta-black:hover { color: #aaaaaa; background-color: #333; }
.close-black { color: #222; }
.footer-social-black a { color: #444; padding: 0; margin: 0; text-decoration: none; -webkit-transition: background-color .2s linear, color .2s linear; -moz-transition: background-color .2s linear, color .2s linear; -o-transition: background-color .2s linear, color .2s linear; -ms-transition: background-color .2s linear, color .2s linear; transition: background-color .2s linear, color .2s linear; }
.footer-social-black a:hover, a:focus { text-decoration: none; color: #333; outline: none; outline-offset: none; }

/* ----------------------------------------------------
	14)	RESPONSIVE STYLES
------------------------------------------------------- */

@media(max-width:767px) {
#footer { text-align: center; }
ul.footer-social { float: none; margin: 20px 0 40px 0; }
.f-inner { padding-top: 20px; padding-bottom: 20px; text-align: center; }
.f-inner .col-sm-10 { padding-left: 15px; }
.f-logo h2 { text-align: center; }
.f-logo { margin-top: 0; }
.price-table { margin-bottom: 20px; }
.about-caption { margin-bottom: 20px; text-align: center; }
.bg-color { text-align: center; }
.team-details { margin-bottom: 30px; }
.header-nav { padding-bottom: 20px; }
.nav-logo { float: right; }
}

@media(max-width:991px) {
.nav-logo { float: right; }
.navbar-toggle { display: block; padding: 23px 10px; margin-top: 3px; }
.navbar-collapse.collapse { display: none!important; }
.navbar-nav { float: none!important; }
.navbar-nav>li { float: none; }
.navbar-collapse.collapse.in { display: block!important; }
.collapsing { overflow: hidden!important; }
.header-nav { padding: 0; }
.team-inner { width: 263px; margin: 0 auto; }
.price-table { margin-bottom: 20px; }
.team-details { margin-bottom: 30px; }
.navbar-fixed-top { position: static; }
.nav>li>a { padding: 13px 20px; }
ul.nav li.dropdown:hover > ul.dropdown-menu { display: none; position: static; }
.project-single-wrapper .col-md-3 { float: none; text-align: center; }
.new-project-title h1 { text-align: center; }
.kariera { text-align: center; margin-bottom: 30px !important; }
}
@media(min-width:992px) {
	#sMenuMobile { display: none !important; }
}
/* ----------------------------------------------------
	15)	404 PAGE STYLES
------------------------------------------------------- */
.main-title h1 { font-size: 210px; font-weight: 600; color: #ff0000; text-transform: uppercase; -webkit-font-smoothing: antialiased; padding: 0; margin: 0; }
.large-header { position: relative; width: 100%; background: #fff; overflow: hidden; background-size: cover; background-position: center center; z-index: 1; }
.main-title { position: absolute; margin: 0; padding: 0; text-align: center; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
/* ----------------------------------------------------
	16)	COMING SOON TIMER STYLES
------------------------------------------------------- */
#counter { color: #ff0000; overflow: hidden; }
.counter-container { display: table; margin: 0 auto; }
#counter .counter-box { display: block; width: 190px; text-align: center; overflow: hidden; padding: 10px 35px; float: left; margin: 25px 0; position: relative; }
#counter .last { border-right: 0px solid #fff; }
#counter .number { font-size: 80px; text-align: center; font-weight: 700; line-height: 1; }
#counter span { display: block; font-size: 21px; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 300; }
.c-soon h1 { font-family: 'Roboto', sans-serif; font-size: 36px; line-height: 31px; font-weight: 300; color: #ff0000; text-transform: uppercase; -webkit-font-smoothing: antialiased; padding: 0; margin: 0; }
/* ----------------------------------------------------
	17)	SHORTCODES
------------------------------------------------------- */
.s-title h1 { font-family: 'Roboto', sans-serif; font-size: 46px; line-height: 31px; font-weight: 300; color: #333; text-transform: uppercase; -webkit-font-smoothing: antialiased; padding: 100px 0; }
.s-heading h1, .s-heading h2, .s-heading h3, .s-heading h4, .s-heading h5, .s-heading h6 { font-family: 'Roboto', sans-serif; font-weight: 300; color: #333; -webkit-font-smoothing: antialiased; }
.s-heading-b h1, .s-heading-b h2, .s-heading-b h3, .s-heading-b h4, .s-heading-b h5, .s-heading-b h6 { font-family: 'Roboto', sans-serif; font-weight: 700; color: #333; -webkit-font-smoothing: antialiased; }
iframe { max-width: 100% !important; }
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a, .wpb_content_element .wpb_accordion_header a { padding: 25px 20px !important; }
/*--------------------------------------
    18) Screen reader text
---------------------------------------*/

.screen-reader-text, .screen-reader-text span, .screen-reader-shortcut { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; }
.screen-reader-text:focus, .screen-reader-shortcut:focus, .genesis-nav-menu .search input[type="submit"]:focus, .widget_search input[type="submit"]:focus { clip: auto !important; height: auto; width: auto; display: block; font-size: 1em; font-weight: bold; padding: 15px 23px 14px; color: #333; background: #fff; z-index: 100000; /* Above WP toolbar. */ text-decoration: none; box-shadow: 0 0 2px 2px rgba(0,0,0,.6); }
.more-link { position: relative; }
.alignright { tet-align: right }
.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.navbar-nav .open .dropdown-menu { display: block !important; }
/*Nav on mobile devices*/
.navbar-nav { text-align: center; }
ul.dropdown-menu { font-size: 12px; }
.dropdown-menu>li { min-width: 225px; }
.dropdown-menu>li>a { text-transform: none; }

@media (max-width: 991px) {
ul.dropdown-menu { position: relative; width: 100%; margin-left: 35px; background: none; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { width: 93%; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:hover { color: #333; background-color: transparent; }
}
#about_bg { position: relative; }
.vc_progress_bar .vc_single_bar .vc_label { height: 100%; }
.vc_progress_bar .vc_single_bar { background: transparent !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; margin-bottom: 20px !important; }
.cbp-popup-lightbox .cbp-popup-prev, .cbp-popup-lightbox .cbp-popup-next { width: 46px; height: 46px; }
.cbp-popup-lightbox .cbp-popup-close { height: 42px; width: 42px; }
.cta-line { background: #d0ad55; color: white; line-height: 75px; padding: 25px 0; }
.cta-line h2 { font-weight: 300; }
.cta_btn { width: 100%; }
.cta_line_btn { color: #fff !important; border: 2px solid #f8f8f8; background: transparent; }
a.cta_line_btn { padding: 12px 35px; }
.cta_line_btn i { margin-left: 1em; }
.cta_line_btn:hover { background-color: #f8f8f8; color: #4c4c4c !important; }
.blog_small_desc { padding: 30px 0; }
.blog-date-small { width: 40px; }
.blog_small_day { display: block; background-color: #f9f9f9; padding: 5px 0px; font-size: 15px; color: #727272; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; border-bottom: 1px solid white; }
.blog_small_month { display: block; background-color: #d0ad55; padding: 5px; color: white; font-size: 13px; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; border-bottom: 1px solid rgba(0,0,0,0.08); }
.small_content { padding: 0; text-align: left; }
.projects .col-md-3 { padding-right: 0; padding-left: 0; }
/*Features Box*/
.features-icon { color: white; }
.elements-features-item .features-icon span { background-color: #d0ad55; padding: 30px; border-radius: 50%; font-size: 40px; }
.elements-features-left-icon .features-icon span { font-size: 22px; }
.elements-features-item h3.features-title { font-family: 'Roboto', sans-serif; font-size: 19px; text-transform: uppercase; }
/*--------------------------------------
 PARALLAX HEADERS
---------------------------------------*/
.ws-simple-header { text-align: center; background-color: #f2f2f2; padding: 70px 0; }
.ws-parallax-header { position: relative; min-height: 300px; background: transparent; padding-top: 200px; padding-bottom: 200px; }
.ws-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.4); -ms-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.ws-parallax-caption { display: table; width: 100%; height: 100%; }
.ws-parallax-caption .ws-parallax-holder { display: table-cell; vertical-align: middle; }
.ws-parallax-holder { text-align: center; }
.ws-parallax-caption .ws-parallax-holder h1 { text-align: center; font-family: 'Roboto', sans-serif; font-size: 30px; line-height: 31px; font-weight: 300; color: #fff; text-transform: uppercase; -webkit-font-smoothing: antialiased; padding: 0; margin: 0; }
.flexslider { border: 0px !important; border: none !important; box-shadow: none !important; height: auto !important; }
.flexslider .slides img { height: auto !important; }
.wpb_wrapper ul { padding-left: 15px; }

.wpb_wrapper ul li { list-style-type: none; }
.page-id-299 .wpb_wrapper ul li { list-style-type:circle; }
.page-id-357 .wpb_wrapper ul li { list-style-type:circle; }
.page-id-200 .wpb_wrapper ul li { list-style-type:circle; }
.page-id-157 .wpb_wrapper ul li { list-style-type:circle; }
.page-id-285 .wpb_wrapper ul li { list-style-type:circle; }
.page-id-265 .wpb_wrapper ul li { list-style-type:circle; }
.page-id-459 .wpb_wrapper ul li { list-style-type:circle; }
.navbar-collapse.collapse.in .dropdown-menu { display: block !important; }
.navbar-collapse.collapse.in li { height: auto !important; clear: both; }
.navbar-collapse.collapse.in li::before { display: none !important; }
.navbar-collapse.collapse.in li::after { display: none !important; }
.nav > li > a { padding: 5px 5px; margin: 10px 10px 11px 10px; }
.navbar-toggle { padding: 17px 10px; }
.padding-top-x2 { /*padding-top: 50px;*/ }
.padding-bottom { padding-bottom: 50px; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 300; }
.ws-parallax-holder p { text-indent: -9999px; }
.ws-parallax-holder p strong { text-indent: -9999px; }
.lokace-nazev h4 { font-size: 24px; }
.lokace-nazev h4 a { padding-left: 0 !important; padding-right: 15px !important; color: #000 !important; }
.lokace-nazev .vc_tta-panel-heading, .lokace-nazev .vc_tta-panel-body { border: none !important; }
.lokace-nazev .vc_tta-panel-body { padding-left: 0 !important; padding-right: 0 !important; }
.lokace-nazev .vc_tta-panel-body a { position: relative; bottom: 53.5px; right: 35px; }
.lokace-nazev .vc_tta-panel-heading h4 i { right: 0 !important; }
.lokace-nazev .vc_tta-panel-heading h4 i::before, .lokace-nazev .vc_tta-panel-heading h4 i::after { border-color: #000 !important; }
.vc_tta-panel.vc_active .vc_tta-panel-body { overflow: visible !important; }
#harmonika .lokace-nazev>p { font-size: 14px; margin: 10px 45px -35px 0; z-index: 1; position: absolute; right: 0px; } 
.wpb-js-composer .vc_tta .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before { -webkit-transform: rotate(225deg) translate(-15%,-15%) !important; -ms-transform: rotate(225deg) translate(-15%,-15%) !important; transform: rotate(225deg) translate(-15%,-15%) !important;}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus, .wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover { background-color: #fff !important; }
.wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon { top:48% !important; }
@media(max-width:767px) {
	#harmonika .lokace-nazev>p { margin: -5px 45px 0 0 !important; right: inherit !important; } 
	.wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon { top: 63% !important; }
}
/*#footer { display:none; }*/
.col-sm-2.contact-icon { display: none; }
#kontakt small { text-align: left; }
#kontakt .col-sm-10 { padding-left: 0px; width: 100%; }
#kontakt a { color: #ff0000; }
textarea { height: 100px; font-weight: 300; border-color: #ccc; }
#contact input, select { font-weight: 300; border-color: #ccc; }
.wpcf7-mail-sent-ok { background: #00780A; }
.hidden { display: none; }

/* MENU A CONTAINER */
#th_onepage_wrapper { transition: 0.1s; }
#navbar { position: fixed; top: 0px; padding-top: 35px; transition: 0.1s; min-height: 0px; }
.navbar-default { background-color: none; border-color: #000; }
#navbar.small { padding-top: 0px; }
#navbar.small a { color: #000; }

/* SITEBAR MENU */
#sMenu { z-index: 100001; position: absolute; top: 20px; left: 13px; cursor: pointer; }
#sMenu #smm { background: url(images/smenushow.png); width: 10px; height: 10px; display: inline-block; margin-right: 10px; }
#sidenav { height: 100%; width: 0; position: fixed; z-index: 100000; top: 0; left: 0; background-color: #000; overflow: hidden; padding-top: 15px; transition: 0.1s }
#sidenav a { padding: 0px 8px 10px 20px; text-decoration: none; color: #fff; display: block; transition: 0.1s; }
#sidenav a:hover, .offcanvas a:focus { text-decoration: underline; }
#sidenav .closebtn { position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; font-size: 14px; z-index:100001; background: url(images/smenuclose.png); padding: 0px; cursor: pointer; }
#main { transition: margin-left .5s; padding: 20px; }
#sHMenu ul { -webkit-padding-start:0px; padding-left: 0px; padding-top: 0px; padding-bottom: 80px; }
.navbar-toggle { display: none !important; }

#sMenuMobile { z-index: 100001; position: absolute; left: 50%; top: 15px; margin-left: -14px; cursor: pointer; width: 28px; height: 28px; background: url(images/mmobile.png); }
#sidenavMobile { height: 100%; width: 0; position: fixed; z-index: 100000; top: 0; left: 0; background-color: #000; overflow: hidden; padding-top: 15px; transition: 0.1s }
#sidenavMobile a { padding: 0px 8px 10px 20px; text-decoration: none; color: #fff; display: block; transition: 0.1s; width: 1000px; }
#sidenavMobile a:hover, .offcanvas a:focus { text-decoration: underline; }
#sidenavMobile .closebtnMobile { position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; font-size: 14px; z-index:100001; background: url(images/smenuclose.png); padding: 0px; cursor: pointer; }
#mainMobile { transition: margin-left .5s; padding: 20px; }
#sHMenuMobile ul { -webkit-padding-start:0px; padding-left: 0px; padding-top: 0px; padding-bottom: 80px; }
.navbar-toggle { display: none !important; }

#lang { right: 19px; top: 17px; position: absolute; z-index: 100001; }
#lang a { float: right; }

.row {margin-right:0; margin-left:0; }

.mfp-title { padding-left: 40px !important; padding-right: 40px !important; }

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li { margin-bottom: 0px !important; }

.gallery img { top: 50%; position: relative; transform: translateY(-50%); }

#newDEForm p { clear: both; padding-top: 0px !important; }
#newDEForm p a:hover { text-decoration: underline; }
#feedback { padding-bottom: 8px; }

.gallery.youtube a div { position: absolute; z-index: 100; font-size: 20px; color: #fff; width: 204px; height: 136px; padding: 6px 5px 5px 8px; text-indent: -9999px; }
.gallery.youtube a div img { display: none; }
.gallery.youtube a:hover div { position: absolute; z-index: 100; text-indent: 0px; background-color:rgba(0, 0, 0, 0.4); }
.gallery.youtube a:hover div img { display: block; }
.gallery.youtube a img { top: -24px !important; transform: translateY(0) !important; width: 245px !important; }
.gallery.youtube a div img { width: 32px !important; height: 35px !important; top: 0px !important; transform: translateY(0) !important; }
/*.gallery.youtube a:visited div { background-color:rgba(254, 254, 254, 0.4); }*/

/* KARIÉRA SITE */
.kariera { color: #0039a6; padding-left: 15px !important; padding-right: 15px !important; }                     
.kariera p { font-size: 14px; }
.kariera p { line-height: 14px !important; }
.kariera p:first-of-type { margin-top: 26px; }
.kariera p:last-of-type { margin-bottom: 26px; }
#second-row { margin-top: -60px; }
/* KARIÉRA SITE formulář */
#kariera { width: 590px; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 0px; font-size: 38px; line-height: 52px; color: #0039a6; }
#kariera input { width: 590px; border: 2px solid #0039a6; margin-bottom: 30px; font-size: 20px; padding-left: 20px; }
#kariera ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #0039a6; }
#kariera :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #0039a6; opacity: 1; }
#kariera ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #0039a6; opacity: 1; }
#kariera :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #0039a6; }
#kariera ::-ms-input-placeholder { /* Microsoft Edge */ color: #0039a6; }
#kariera::placeholder { /* Most modern browsers support this now. */ color: #0039a6; }
#kariera input[type="submit"] { color: #fff; background-color: #0039a6; }
#kariera input[type="file"] { position: absolute; left: 0; opacity: 0; display: inline-block; }
#kariera span.soubor { position:relative; }
#kariera span.soubor:before { content: "CV - nahrajte soubor"; width: 590px; display: inline-block; font-size: 20px; border: 2px solid #0039a6; cursor: pointer; text-align: left; padding-left: 20px; margin-bottom: 30px; }
.wpcf7-not-valid-tip { font-size: 0.6em !important; line-height: 20px; margin-top: -10px; margin-bottom: -20px; }
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { border-color: #e94141; background-color: #e94141; text-align: left; color: #fff; width: 590px; margin: -40px auto 40px auto !important; }
.wpcf7 form.sent .wpcf7-response-output { border-color: #64c62a !important; background-color: #64c62a !important; text-align: left; color: #fff !important; width: 590px !important; margin: -40px auto 40px auto !important; }
.wpcf7 .ajax-loader { margin-top: -70px !important; }
@media (max-width: 651px) {
	#kariera { width: 95%; }
	#kariera input { width: 95%; }	
	#kariera span.soubor::before { width: 95%; }
	.wpcf7 form.sent .wpcf7-response-output { width: 90% !important }
	.wpcf7 form.sent .wpcf7-response-output { margin: 0px auto 40px auto !important; }
	.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { width: 90%; margin: 0px auto 40px auto !important; }
	div.wpcf7 .ajax-loader { display: none; }
}
@media (max-width: 400px) {
	.wpcf7-not-valid-tip { font-size: 0.5em !important; margin-top: -20px; }
}


/*.instagram_gallery, .youtube{display: inline-block;}*/
.inline-b .instagram{display:table;}
.page-id-255 .wpb_content_element{margin-bottom: 22px !important;}
.page-id-17 #sidebar{display:none;}
.page-id-17 #footer{background-color:white;}


/* RESTU MENU DISPLAY:NONE  */
.menubruxx .menu-item-32, .menubruxx .menu-item-138, .menuvinohradskyparlament .menu-item-264, .menuvinohradskyparlament .menu-item-25,
.menupotrefena-husa .menu-item-150, .menupotrefena-husa .menu-item-13,.menupotrefena-husa .menu-item-188, .menuhusa-pardubice .menu-item-14, .menusiarestaurant .menu-item-32, .menusiarestaurant .menu-item-138 { display: none !important; }

/*  MENU-EN, MENU,  DISPLAY:NONE */

.menubruxx .menu-item-30, .menubruxx .menu-item-137 { display:none !important; }
.menusiarestaurant .menu-item-137, .menusiarestaurant .menu-item-132 {display:none !important;}

/* MANUÁLNÍ NAÈTENÍ STYLÙ PRO OPEN-HOURS.PHP */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
@media (min-width: 768px){ .col-sm-6 {width: 50%;float:left;}}
@media (min-width: 992px){ .col-md-3 {width: 25%;float:left;}}