/* --------------------------------------------------------------------------
*  Table of Content

1 - General
1.1 - Preloader
1.2 - Global properties (body, common classes, structure etc)
1.3 - Page section block
1.4 - Typography (section title, links, page dividers)
1.5 - Buttons
1.6 - Form / Input / Textarea
1.7 - Theme Colors
1.8 - Theme Fonts

2 - Header

3 - Home

4 - Components / Shortcodes / Widget
4.1 - Breadcrumbs
4.2 - Pagination
4.3 - Blog Post
4.4 - Comments
4.5 - Widgets
4.6 - Contacts form
4.7 - Google map

5 - Pages
5.1 - Error Page

6 - Footer




* -------------------------------------------------------------------------- */

/*******************************
1 - GENERAL CSS STARTS
********************************/

@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
/*----------------1.1 Preloader Starts------------------*/
#loading{
height: 100%;
width: 100%;
position: fixed;
z-index: 99999;
top: 0px;
background-color: #FFF;
}

#new-partners-section{
/*display: none !important;*/
}

.spinner {
width: 40px;
height: 40px;
position: absolute;
left: 50%;
top: 50%;
}

.double-bounce1, .double-bounce2{
left: 50%;
top: 100%;
width: 100%;
height: 100%;
border-radius: 50%;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;

-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/*----------------1.1 Preloader Ends------------------*/

/*----------------1.2 Global properties (body, common classes, structure etc) Starts----------------------*/

body {
font-family: 'Raleway', sans-serif;
font-weight: normal;
background: #ffffff;
color: #6e7882;
-webkit-font-kerning: auto;
-webkit-font-smoothing: antialiased;
-webkit-backface-visibility: visible !important;
overflow-x: hidden;
}
.theme-container{
padding-left: 0;
padding-right: 0;
}

.theme-container-flex{
position: relative;
display: flex;
}

.search-none, .search-rez{
margin-top: 40px;
}

.boxed .wrapper {
background-color: #ffffff;
margin: 0 auto;
max-width: 1200px;
}
.no-padding{
padding-left: 0;
padding-right: 0;
}
.no-margin{
margin: 0;
}
img{
max-width: 100%;
height: auto;
}
.light-bg{
background-color: #f5f5f5;
}
.white-bg{
background-color: #fff;
}
.relative-div{
position: relative;
}
.mask-overlay {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
.color-mask-overlay{
background: rgba(230, 40, 20, 0.8) none repeat scroll 0 0;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
.title-wrap{
display: inline-block;
width: 100%;
vertical-align: middle;
text-align: center;
}
.section-title{
color: #37414c;
font-size: 36px;
padding-bottom: 10px;
text-transform: capitalize;
}
.title-1{
color: #37414c;
font-size: 18px;
text-transform: capitalize;
}
.title-wrap p{
font-size: 18px;
}
.white-color{
color: #fff;
}

.black-color {
color: #1e1e1e;
}

.gray-color{
color: #37414c;
}

.grey-color{
color: #a9a9a9;
}

.block-inline{
display: inline-block;
width: 100%;
vertical-align: middle;
}
/*-------------------1.2 Global properties (body, common classes, structure etc) Ends-----------------*/

/*---------------------- 1.3 Page section block Starts----------------------------*/
.space-15{
padding-bottom: 15px;
padding-top: 15px;
}
.space-bottom-15{
padding-bottom: 15px;
}
.space-top-15{
padding-top: 15px;
}
.space-20{
padding-bottom: 20px;
padding-top: 20px;
}
.space-bottom-20{
padding-bottom: 20px;
}
.space-top-20{
padding-top: 20px;
}
.space-30{
padding-bottom: 30px;
padding-top: 30px;
}
.space-bottom-30{
padding-bottom: 30px;
}
.space-top-30{
padding-top: 30px;
}
.space-45{
padding-bottom: 45px;
padding-top: 45px;
}
.space-bottom-45{
padding-bottom: 45px;
}
.space-top-45{
padding-top: 45px;
}
.space-50{
padding-bottom: 50px;
padding-top: 50px;
}
.space-bottom-50{
padding-bottom: 50px;
}
.space-top-50{
padding-top: 50px;
}
.space-70{
padding-bottom: 70px;
padding-top: 70px;
}
.space-bottom-70{
padding-bottom: 70px;
}
.space-top-70{
padding-top: 70px;
}
.space-80{
padding-bottom: 80px;
padding-top: 80px;
}
.space-bottom-80{
padding-bottom: 80px;
}
.space-top-80{
padding-top: 80px;
}
.space-100{
padding-bottom: 100px;
padding-top: 100px;
}
.space-bottom-100{
padding-bottom: 100px;
}

.margin-top-90{
margin-top: 90px;
}

.space-top-100{
padding-top: 100px;
}

/*----------------------------1.3 Page section block Ends---------------------------*/

/*---------------------------1.4 Typography (section title, links, page dividers) Starts-------------------------- */
a:hover
a:active,
a:focus,
.btn:hover, .btn:focus,.btn:active{
text-decoration: none;
outline: 0;
}
a, .btn {
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #6e7882;
}
a:hover,
a:active,
a:focus {
text-decoration: none;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

p {
margin-bottom: 15px;
line-height: 1.7;
}
ul,
ol {
padding-left: 0;
list-style: none;
margin-bottom: 20px;
}
ul ul,
ol ul,
ul ol,
ol ol {
padding-left: 20px;
}
h2,h3,h4,h5,h6{
margin-top: 10px;
margin-bottom: 10px;
}

/*------------------------1.4 Typography (section title, links, page dividers) Ends---------------------- */

/*---------------------------1.5 Buttons Starts---------------------- */
.theme-btn,.theme-btn-1, .form-submit > input[type="submit"]{
border-radius: 0;
display: inline-block;
font-size: 14px;
line-height: normal;
text-transform: capitalize;
min-width: 170px;
height: 50px;
border-width: 1px;
border-style: solid;
padding: 15px 10px;
}
.theme-btn, .form-submit > input[type="submit"]{
color: #ffffff;
}
.theme-btn-1{
border: 1px solid #d2dce6 ;
color: #37414c;
}
.theme-btn-1:hover, .theme-btn-1:focus{
color: #fff;
}
label.btn input {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
text-transform: uppercase;
}

/*------------------------1.5 Buttons Ends---------------------------- */

/*-----------------------1.6 Form / Input / Textarea Starts--------------------------- */

.form-group {
margin-bottom: 20px;
}
.form-control, .input-group-addon {
background-color: rgba(0, 0, 0, 0);
border-color: #d2dce6;
border-radius: 0;
box-shadow: none;
color: #a7aaad;
height: auto;
line-height: normal;
padding: 15px 20px !important;
}
::-webkit-input-placeholder {
color: #a7aaad ;
}
:-moz-placeholder {
color: #a7aaad;
}
::-moz-placeholder {
color: #a7aaad;
}
:-ms-input-placeholder {
color: #a7aaad;
}

.form-control::-webkit-input-placeholder {
color: #a7aaad;
opacity: 1;
}
.form-control::-moz-placeholder {
color: #a7aaad;
opacity: 1;
}
.form-control::-ms-input-placeholder{
color: #a7aaad;
opacity: 1;
}
.form-control:focus {
background-color: transparent;
border-color: #d2dce6;
box-shadow: none;
outline: 0 none;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus{
outline: 0;
}
input:focus::-webkit-input-placeholder {
color: transparent !important;
}
input:focus:-moz-placeholder {
color: transparent !important;
}
input:focus::-moz-placeholder {
color: transparent !important;
}
input:focus:-ms-input-placeholder {
color: transparent !important;
}
textarea:focus::-webkit-input-placeholder {
color: transparent !important;
}
textarea:focus:-moz-placeholder {
color: transparent !important;
}
textarea:focus::-moz-placeholder {
color: transparent !important;
}
textarea:focus:-ms-input-placeholder {
color: transparent !important;
}
.submit-btn {
vertical-align: middle;
width: 100%;
}

/*----------------------------1.6 Form / Input / Textarea Ends------------------------------ */

/*----------------------------------1.7 Theme Colors Starts-------------------------------- */
a:hover,
a:active,
a:focus {
color: #007dd2;
}
.theme-color, .hover-color:hover, .hover-color:focus, .footer-social a:hover,.footer-social a:focus,.breadcrumb-menubar > li > a:hover,
.breadcrumb-menubar > li > a:focus{
color: #007dd2;
}
.theme-btn, .theme-intro li .fa,  .theme-btn-1:hover, .theme-btn-1:focus, .blog-tabs ul li.current a, .double-bounce1, .double-bounce2,.progress-bar,
.widget-wrap.tag-cloud a:hover,.widget-wrap.tag-cloud a:focus, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover,
.pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .to-top,
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover,
.post-next:hover, .post-previous:hover, .post-next:focus, .post-previous:focus, .form-submit > input[type="submit"]{
background-color: #007dd2;
}
.theme-btn:hover,.theme-btn:focus, .theme-btn-big:hover,.theme-btn-big:focus,
.donation-wrap .theme-btn:hover,.donation-wrap .theme-btn:focus,
.form-submit > input[type="submit"]:hover, .form-submit > input[type="submit"]:focus{
border-color: #007dd2;
color: #007dd2;
background-color: #fff;
}
.title-devider .line-1, .theme-btn-1:hover, .theme-btn-1:focus, .widget-wrap.tag-cloud a:hover,.widget-wrap.tag-cloud a:focus,
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span,
.pagination > .active > span:focus, .pagination > .active > span:hover, .pagination > li > a:focus, .pagination > li > a:hover,
.pagination > li > span:focus, .pagination > li > span:hover, .post-next:hover, .post-previous:hover, .post-next:focus, .post-previous:focus,.form-submit > input[type="submit"]{
border-color: #007dd2;
}

/*------------------------1.7 Theme Colors Ends------------------------ */


/*--------------------------1.8 Theme Fonts Starts------------------- */

.secondery-font{
font-family: 'Roboto', sans-serif;
}
.normal-font{
font-weight: normal;
}
.bold-font, .theme-btn, .theme-btn-1, .primary-navbar > li > a, .title-1, .form-submit > input[type="submit"]{
font-weight: bold;
}
.italic-font {
font-style: italic;
}
.extra-bold-font{
font-weight: 800;
}
.light-font{
font-weight: 300;
}
.upper-text{
text-transform: uppercase;
}
.normal-text{
text-transform: none;
}
.capital-text{
text-transform: capitalize;
}
/*-------------------------1.8 Theme Fonts Ends--------------------- */

/*******************************
1 - GENERAL CSS ENDS
********************************/

/*******************************
2 - HEADER CSS STARTS
********************************/
.header-wrap .row{
position: relative;
}

.boxed .header-wrap{
max-width: 1200px;
}
.header-icons{
position: initial;
}
#home .header-wrap{
padding-bottom: 15px;
padding-top: 15px;
border-bottom: 1px solid rgba(245, 245, 245, 0.3);
background-color: transparent;
/* position: absolute; */
top: 0;
width: 100%;
z-index: 1;
transition: all ease-out 0.4s;
-webkit-transition: all ease-out 0.4s;
}
.header-wrap{
padding-bottom: 15px;
padding-top: 15px;
background-color: #1d1e1f;
width: 100%;
z-index: 1;
transition: all ease-out 0.4s;
-webkit-transition: all ease-out 0.4s;
}

.header-wrap.slideDownScaleReversedIn{
padding-bottom: 10px;
padding-top: 10px;
/*background: rgba(0,0,0,0.8) !important;*/
background: rgba(0,0,0,0.8);
z-index: 999;
transition: all ease-out 0.4s;
-webkit-transition: all ease-out 0.4s;
/*    position: fixed !important;*/
}
/*.slideDownScaleReversedIn {
animation-play-state: running;
animation-name: slideDownScaleReversedIn;
animation-duration: 0.8s;
animation-iteration-count: 1;
animation-direction: normal;
animation-timing-function: ease;
animation-fill-mode: both;
animation-delay: 0s;

-webkit-animation-play-state: running;
-webkit-animation-name: slideDownScaleReversedIn;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: normal;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-webkit-animation-delay: 0s;
}*/
@keyframes slideDownScaleReversedIn {
0% {
opacity: 0;
transform: translateY(-170%) scale(1.5);
}
}
@-webkit-keyframes slideDownScaleReversedIn {
0% {
opacity: 0;
-webkit-transform: translateY(-170%) scale(1.5);
}
}
.slideDownScaleReversedOut {
transition: all ease-out 0.4s;
-webkit-transition: all ease-out 0.4s;
animation-play-state: paused;
animation-name: slideDownScaleReversedOut;
animation-duration: 0.8s;
animation-iteration-count: 1;
animation-direction: normal;
animation-timing-function: ease;
animation-fill-mode: both;
animation-delay: 4s;

-webkit-animation-play-state: paused;
-webkit-animation-name: slideDownScaleReversedOut;
-webkit-animation-duration: 0.8s;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: normal;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-webkit-animation-delay: 4s;

}
@keyframes slideDownScaleReversedOut {
100% {
opacity:1;
transform: translateY(-100%) scale(1);
}
}
@-webkit-keyframes slideDownScaleReversedOut {
100% {
opacity: 0;
-webkit-transform: translateY() scale(1.5);
}
}
.logo a{
color: #fff;
text-transform: none;
}
.logo .fa {
font-size: 24px;
}

.logo-title{
font-size: 30px;
margin: 7px 0;
}
.navbar-brand{
padding: 0;
}
.primary-navbar {
/* margin-left: 25px; */
}

.class-primary-navbar{
top: 35px;margin-left: 65px;
}

.social-wrap{
position: absolute;
right: 80px;
top: 20px;
}

.primary-navbar > li.dropdown > a.dropdown-toggle::before {
border: medium none;
content: "\f0d7";
font-family: fontawesome;
font-size: 12px;
position: absolute;
right: 0;
}
.primary-navbar > li > a::after {
background: rgb(255, 255, 255) none repeat scroll 0 0;
content: "";
height: 1px;
left: 0;
margin: auto;
opacity: 0;
position: absolute;
right: 0;
top: 90%;
transform: translateY(10px);
transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
width: 25px;
}
.primary-navbar > li > a:hover::after, .primary-navbar > li > a:focus::after, .primary-navbar > li.active > a::after{
opacity: 1;
transform: translateY(0px);
}
.primary-navbar > li > a {
color: #ffffff;
font-size: 12px;
position: relative;
}
.primary-navbar > li > a:hover,.primary-navbar > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
background-color: transparent;
}
.navbar-toggle .icon-bar{
background-color: #fff;
}
.navbar-toggle{
margin-right: 0;
}
.navigation .primary-navbar li .dropdown-menu {
background-color: rgba(0, 0, 0, 0.5);
color: #ffffff;
max-width: 120px;
}

.navigation .dropdown-menu li a{
color: #fff;
text-transform: capitalize;
padding: 10px;
white-space: normal;
}
.navigation .dropdown-menu li a:hover,.navigation .dropdown-menu li a:focus{
background-color: #ffffff;
color: #1e1e1e;
}
.navigation .dropdown-menu  li{
position: relative;
}
.navigation .dropdown-menu li ul{
right: 100%;
left: auto;
top: 0;
}


.header-icons{
padding-top: 14px;
/* padding-bottom: 12px; */
}
.header-icons ul{
margin: 0;
display: inline-block;
}
.header-icons ul li{
display: inline-block;
font-size: 16px;
padding: 0 5px;
}
.header-icons ul li:last-child{
padding-right: 0;
}
.search-form .screen-reader-text {
display: none;
}
.search-form .search-field {
border-style: solid;
border-width: 1px;
font-size: 12px;
font-weight: normal;
padding: 5px 10px;
width: 100%;
}
.header-search .search-form label {
opacity: 0;
position: absolute;
right: 15px;
top: 40px;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
width: 100px;
color: #a7aaad;
}
/*.header-search .search-form:hover label, .header-search .search-form:focus label {
opacity: 1;
width: 190px;
}*/
.header-search  .search-form{
cursor: pointer;
}
/* .header-search  .search-form:before{
content: "\f002";
font-family: FontAwesome;
color: #fff;
} */
.header-search .search-submit {
border: medium none;
padding: 0;
text-align: center;
text-indent: -500px;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}

/*******************************
2 - HEADER CSS ENDS
********************************/

/*******************************
3 - HOME CSS STARTS
********************************/

/*----------------------Main Slider Starts---------------------------- */
.caption-text, .owl-prev, .owl-next {
animation-delay: 2s;
animation-iteration-count: 1;
}
.carousel-inner .theme-container.container {
bottom: 0;
display: inline-block;
vertical-align: middle;
left: 0;
margin: auto;
max-width: 1170px;
position: absolute;
right: 0;
top: 35%;
color: #fff;
}
.caption-text p {
font-size: 18px;
}
.caption-text .light-font {
font-size: 48px;
}
.caption-text .extra-bold-font {
font-size: 48px;
text-transform: capitalize;
}
.caption-text .theme-btn-1 {
color: #ffffff;
margin-left: 15px;
}
.caption-text ul li {
display: inline-block;
font-size: 26px;
padding: 10px;
}
.caption-text ul li:first-child{
padding-left: 0;
}
.carousel-control.slider-btn {
background-image: none;
bottom: auto;
opacity: 1;
padding-top: 2px;
top: 43%;
}
.theme-slider.owl-theme .owl-pagination {
bottom: 20px;
left: 0;
margin-top: 0;
position: absolute;
right: 0;
text-align: center;
margin: auto;
}
.theme-slider.owl-theme .owl-controls{
margin: 0;
}
.gray-nav .slider-btn{
border-color: #bcbfc2;
color: #bcbfc2;
top: 12%;
}
.slider-btn, .theme-slider.owl-theme .owl-controls .owl-buttons .owl-prev, .theme-slider.owl-theme .owl-controls .owl-buttons .owl-next{
border: 3px solid #fff;
background: transparent;
border-radius: 3em;
color: #fff;
display: inline-block;
font-size: 36px;
height: 50px;
line-height: normal;
text-align: center;
width: 50px;
cursor: pointer;
position: absolute;
top: 50%;
opacity: 0.5;
}
.theme-slider.owl-theme .owl-controls .owl-buttons .owl-prev, .theme-slider.owl-theme .owl-controls .owl-buttons .owl-next{
line-height: 0;
}
.gray-nav .prev.slider-btn {
left: 5%;
}
.gray-nav .next.slider-btn {
right: 5%;
}
.prev.slider-btn, .theme-slider.owl-theme .owl-controls .owl-buttons .owl-prev{
left: 1%;
}
.next.slider-btn, .theme-slider.owl-theme .owl-controls .owl-buttons .owl-next{
right: 1%;
}
.slider-btn:hover,.slider-btn:focus{
opacity: 1;
}
.theme-slider.owl-theme .owl-controls .owl-page span{
margin: 5px;
background: #fff;
transition: all ease-in-out 0.3s;
-webkit-transition: all ease-in-out 0.3s;
}
.theme-slider.owl-theme .owl-controls .owl-page.active span, .theme-slider.owl-theme .owl-controls.clickable .owl-page:hover span {
background-color: rgba(0, 0, 0, 0);
border: 3px solid #ffffff;
height: 15px;
opacity: 0.9;
width: 15px;
}
.theme-slider.owl-theme .owl-controls .owl-page{
vertical-align: middle;
}
/*---------------------Main Slider Ends--------------------------- */

/*------------------My Work Starts----------------------- */
.my-work-icon{
border: 1px solid #d2dce6;
border-radius: 4em;
display: inline-block;
font-size: 34px;
height: 100px;
line-height: 100px;
position: relative;
text-align: center;
width: 100px;
margin-bottom: 30px;
}

.dot {
font-size: 14px;
margin: 0 auto;
position: relative;
text-align: center;
}
.dot .fa{
z-index: 1;
}
.dot::before, .dot::after {
border-top: 2px dashed #d2dce6;
content: "";
left: 0;
position: absolute;
top: 44%;
width: 48%;
}
.dot::after {
left: auto;
right: 0;
}
.my-work-wrap:nth-child(3n+1) .dot::before{
border-top: 0;
}
.my-work-wrap:nth-child(3n-3) .dot::after{
border-top: 0;
}
/*------------------My Work Ends-------------------------- */

/*---------------------Our Work  Starts--------------------- */
.caption-wrap img {
display: block;
margin: auto;
}
.caption-wrap:hover .caption-overlay{
opacity: 1;
visibility: visible;
bottom: 0;
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
}
.caption-overlay{
background-color: rgba(255, 255, 255, 0.5);
bottom: -100%;
color: #000;
height: 100%;
left: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
padding: 15px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 100%;
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
}
.caption-link {
background-color: #ffffff;
border-radius: 50%;
color: #37414c;
display: inline-block;
font-size: 18px;
height: 40px;
line-height: 40px;
margin: 15px 10px 0;
text-align: center;
vertical-align: middle;
width: 40px;
}
.div-table{
display: table;
height: 100%;
width: 100%;
}
.div-cell {
display: table-cell;
float: none;
vertical-align: middle;
}
/*--------------------Our Work  Ends----------------------- */

/*---------------------About Us Starts--------------------------- */
.about-us p{
font-size: 18px;
}
.about-us .progress{
margin-bottom: 30px;
}
.progress {
background-color: #fff;
border-radius: 0;
height: 3px;
}
.about-us-bg{
background-image:  url(../img/background/about-me-bg.jpg);
background-position: center top;
}
/*---------------------About Us Ends--------------------------- */

/*------------------Hire Me Starts----------------------- */
.hire-me-bg{
background-image: url(../img/background/hire-me-bg.jpg);
}
.hire-me-icon{
border: 1px solid #d2dce6;
border-radius: 4em;
display: inline-block;
font-size: 34px;
height: 100px;
line-height: 100px;
position: relative;
text-align: center;
width: 100px;
}
.hire-me-icon .number {
background-color: #000000;
border-radius: 3em;
color: #ffffff;
font-size: 14px;
font-weight: bold;
height: 30px;
left: 0;
line-height: 30px;
position: absolute;
top: 0;
width: 30px;
}
.border-after{
font-size: 14px;
margin: 0 auto;
position: relative;
text-align: center;
}
.border-after::before, .border-after::after {
border-top: 2px dashed #d2dce6;
content: "";
left: 0;
position: absolute;
top: 49%;
width: 30%;
}
.border-after::after {
left: auto;
right: 0;
}
.hire-me-wrap:nth-child(3n+1) .border-after::before{
border-top: 0;
}
.hire-me-wrap:nth-child(3n-3) .border-after::after{
border-top: 0;
}
/*------------------Hire Me Ends------------------------ */


/*--------------------------Blog Post Starts------------------- */
.post-img img{
display: block;
margin: auto;
}
.post-content .bold-font {
font-size: 10px;
}
.post-content .title-1 {
line-height: 1.7;
}
.post-content > p{
margin-top: 10px;
}
/*----------------------Blog Post Ends------------------------- */

/*-----------------Back to top button Starts----------------------- */
.to-top {
background-color: #7d0606!important;
opacity: 0.5;
border: 1px solid #ffffff;
border-radius: 0;
bottom: 10%;
color: #ffffff;
cursor: pointer;
display: none;
font-size: 22px;
height: 30px;
line-height: normal;
position: fixed;
right: 3%;
text-align: center;
width: 30px;
z-index: 999;
}
/*----------------Back to top button Ends------------------------- */

/*******************************
3 - HOME CSS ENDS
********************************/

/******************************************************
4 - Components / Shortcodes / Widget STARTS
*******************************************************/

/*-----------------------4.1 Breadcrumbs Starts------------------------ */
.breadcrumb-bg{
background-image: url("../img/slider/slider-1.jpg");
background-position: 50% 50%;
background-size: cover;
background-attachment: fixed;
position: relative;
padding: 40px 0;
}
.site-breadcumb {
position: relative;
text-align: center;
}
.breadcrumb-menubar {
background: transparent none repeat scroll 0 0;
margin: 0 0;
padding: 0;
}
.breadcrumb-menubar > li {
/*text-transform: capitalize;*/
}
.breadcrumb-menubar > li > a, .breadcrumb-menubar > li {
color: #fff;
font-size: 18px;
}
/*---------------------4.1 Breadcrumbs Ends------------------------- */


/*--------------------4.2 Pagination Starts------------------------ */
.pagination-wrapper {
border-top: 1px solid #d2dce6;
display: inline-block;
margin-top: 20px;
padding-top: 40px;
width: 100%;
}
.pagination {
margin: 0;
}
.pagination > li > a {
border: none;
color: #817b77;
font-size: 16px;
text-decoration: underline;
/* background-color: rgba(0, 0, 0, 0);
border-color: #d2dce6;
color: #37414c;
margin: 0 10px 0 0;
padding: 4px 13px 5px; */
}
.pagination > li > a:hover,.pagination > li > a:focus{
background-color: #fff!important;
color: #7e1a38;
}

.pagination>.active>a{
color: #7e1a38;
background-color: #fff!important;
text-decoration: none;
}

.pagination>.active>a:hover{
color: #7e1a38;
}

.post-previous {
float: left;
}
.post-next, .post-previous {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #d2dce6;
display: inline-block;
line-height: normal;
padding: 10px 15px;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.post-next > a, .post-previous > a{
text-transform: capitalize;
vertical-align: middle;
}
.post-next {
float: right;
}
.post-next:hover, .post-previous:hover, .post-next:focus, .post-previous:focus, .post-next:hover a, .post-previous:hover a, .post-next:focus a, .post-previous:focus a{
color: #fff;
}
/*---------------------4.2 Pagination Ends------------------------*/

/*--------------------------4.3 Blog Post Starts------------------- */
.blog-tabs ul {
border: 1px solid #d2dce6;
display: inline-block;
vertical-align: middle;
width: auto;
}
.blog-tabs ul li a {
display: inline-block;
color: #37414c;
border-right: 1px solid #d2dce6;
padding: 15px;
min-width: 170px;
text-transform: capitalize;
}
.blog-tabs ul li.current a{
color: #fff;
}
.blog-tabs ul li:last-child a{
border: none;
}
.blog-tabs ul li{
display: inline-block;
margin-right: -4px;
}
.post-img img{
display: block;
margin: auto;
}
.post-content .bold-font {
font-size: 10px;
}
.post-content .title-1 {
line-height: 1.7;
}
.post-readmore {
display: block;
text-align: right;
}
.post-readmore .title-1{
font-size: 14px;
vertical-align: middle;
}
.post-readmore .title-1 span{
vertical-align: middle;
}
.post-footer {
display: block;
margin-top: 25px;
}
.post-tags,.post-categories {
display: block;
}
.post-tags > a, .post-categories > a{
display: inline-block;
}
/*----------------------4.3 Blog Post Ends------------------------- */

/*---------------------4.4 Comments Starts------------------------ */
.comments-article{
margin-top: 40px;
overflow: hidden;
}
.article-title > h2, .comment-reply-title {
color: #37414c;
font-size: 26px;
padding-bottom: 20px;
text-transform: capitalize;
text-align: center;
}
.comments-box {
padding: 0;
}
.comments-box ol{
padding-left: 15px;
}
.comments-box li{
list-style: none;
display: inline-block;
width: 100%;
}
.comment-body {
display: inline-block;
margin-bottom: 20px;
overflow: hidden;
position: relative;
width: 100%;
}
.comment-author {
display: inline-block;
margin-bottom: 8px;
position: relative;
}
.comment-author, .comment-content {
padding-left: 80px;
}
.comment-author .says {
display: none;
}
.comment-author .avatar {
border-radius: 50%;
height: 60px;
left: 0;
padding: 2px;
position: absolute;
top: 25px;
width: 60px;
}
.comment-list {
list-style: outside none none;
padding: 0;
}
.comment-list .children {
list-style: outside none none;
margin-bottom: 10px;
padding-left: 20px;
}
.comment-metadata {
display: inline-block;
margin-bottom: 8px;
padding-left: 5px;
width: auto;
}

.comment-body .reply {
position: absolute;
right: 0;
top: 0;
}
.comment-author .fn {
font-weight: normal;
}
.comment-metadata .reply a {
display: inline-block;
float: right;
text-align: right;
}
.comment-content {
border: 1px solid #d2dce6;
border-radius: 0;
display: inline-block;
font-size: 15px;
margin-left: 80px;
padding: 10px;
white-space: normal;
width: 90%;
}
.reply-box {
display: inline-block;
margin-bottom: 30px;
width: 100%;
}
.comment-form p {
margin-bottom: 20px;
}
.comment-form .form-submit{
margin-bottom: 0;
}
.comment-form label {
display: none;
}
.comment-form-author, .comment-form-email, .comment-form-url {
float: left;
width: 32%;
}
.comment-form-comment {
clear: both;
}
.comment-form-email {
margin: auto 16px;
}
.comment-form .comment-form-author input, .comment-form .comment-form-email input, .comment-form-url input {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: #d2dce6;
border-style: solid;
border-width: 1px;
font-size: 13px;
outline: 0 none;
padding: 10px;
text-transform: capitalize;
width: 100%;
}
.comment-form .comment-form-comment > textarea {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: #d2dce6;
border-style: solid;
border-width: 1px;
font-size: 13px;
outline: 0 none;
padding: 10px;
resize: vertical;
text-transform: capitalize;
width: 100%;
}
.form-submit > input[type="submit"] {
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.comment-form-author {
padding-left: 0;
}
.comment-form-website {
padding-right: 0;
}
/*------------------------4.4 - Comments Ends------------------------ */

/*---------------------------4.5 - Widgets Starts-------------------- */
.widget-wrap {
display: inline-block;
width: 100%;
}
.widget-wrap .title-1{
font-size: 16px;
margin: 0 0 20px;
}
.sidebar .form-group{
margin-bottom: 5px;
}
.sidebar .form-control {
background-color: #f5f5f5;
border-color: #f5f6f7;
color: #404040;
height: 40px;
padding: 6px 12px;
}
.sidebar .form-control:focus {
box-shadow: none;
background-color: transparent;
}
.widget-wrap:last-child{
padding-bottom: 0;
}
.widget-wrap.categories li a{
padding: 6px 0;
}
.widget-wrap li a {
display: block;
text-transform: capitalize;
font-size: 14px;
}
.widget-wrap li a small {
float: right;
}
.widget-wrap.flickr-feed li {
float: left;
margin: 0 8px 10px 0;
}
.widget-wrap.flickr-feed li a {
border: 1px solid transparent;
display: block;
border-radius: 3px;
overflow: hidden;
}
.tag-cloud li {
float: left;
margin: 0 10px 10px 0;
}
.widget-wrap.tag-cloud a{
border: 1px solid #d2dce6;
display: inline-block;
line-height: normal;
padding: 10px 15px;
}
.widget-wrap.tag-cloud a:hover,.widget-wrap.tag-cloud a:focus{
color: #fff;
}

/*------------------4.5 Widgets Ends------------------- */

/*------------------------4.6 - Contact form Starts------------------ */
.contact-form .form-group {
margin: 0;
}
.contact-form .form-control {
border-color: transparent transparent #f5f5f5;
border-image: none;
border-style: none none solid;
border-width: medium medium 1px;
padding: 35px 20px;
}
.contact-form .form-control.name{
border-right: 1px solid #f5f5f5;
}
.contact-form .submit-btn{
height: 70px;
}
/*---------------------4.6 - Contact form Ends----------------------- */


/***********************************************
4 - Components / Shortcodes / Widget ENDS
************************************************/


/*******************************
5 - Pages STARTS
********************************/

/*---------------------5.1 - Error Page Starts----------------------*/
#error-page h2 {
color: #14181c;
font-size: 18px;
line-height: 20px;
margin: 0 0 30px;
text-align: center;
text-transform: uppercase;
}
#error-page h2 .fa {
color: #ea0000;
}
#error-page h3 {
color: #ea0000;
font-size: 160px;
font-weight: bold;
line-height: 160px;
margin: 0 0 15px;
}
#error-page .error-icon .fa {
background-color: #14181c;
border-radius: 50px;
color: #ffffff;
font-size: 50px;
height: 100px;
line-height: 100px;
margin-bottom: 30px;
text-align: center;
width: 100px;
}
/*--------------------------------------------------------------------
5.1 - Error Page Ends
---------------------------------------------------------------------- */

/*******************************
5 - Pages ENDS
********************************/


/*******************************
6 - FOOTER STARTS
********************************/
.footer-menu{
display: flex;
align-items:center;
margin-top: 30px;
}

.footer-brands{
margin-top: 10px;
display:flex;
align-items: flex-end;
flex-wrap: wrap;
justify-content: center;
}

.footer-brands-item{
margin:25px;
}

.footer-widget + .footer-widget{
border-left: 1px dotted #cccccc;
}
.footer-social > li {
display: inline-block;
margin: 15px 26px;
text-align: center;
}
.footer-social a {
font-size: 42px;
}
.copy-rights , .footer-social{
margin: 0;
text-align: center;
}

.footer-logo-top{
display: none;
}

.footer-logo-center{
margin-left: 15px;
margin-right: 15px;
}

.footer-logo-center img{
max-height: 80px;
}

.social-footer{
margin-top: 10px;
margin-left:-45px;
}
/*******************************
6 - FOOTER ENDS
********************************/


/*******************************
7 - CONTACT US STARTS
********************************/
.contact-1 .contact1-bg {
background-image: url("../img/background/footer-bg.jpg");
position: relative;
}
.overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.9);
z-index: 9999;
}
.overlay-contentscale {
visibility: hidden;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
transition: -webkit-transform 0.5s, visibility 0s 0.5s;
-o-transition: -o-transform 0.5s, visibility 0s 0.5s;
transition: transform 0.5s, visibility 0s 0.5s;
}
.overlay-contentscale.open {
visibility: visible;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
-o-transition: -o-transform 0.5s;
transition: transform 0.5s;
}
.overlay .overlay-close {
width: 40px;
height: 40px;
position: absolute;
right: 20px;
top: 20px;
overflow: hidden;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
outline: none;
z-index: 100;
background-color: transparent;
font-size: 25px;
line-height: 1;
}
.overlay nav {
text-align: center;
position: relative;
top: 50%;
height: 75%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
overflow: auto;
}
.typo-wrapper.overlay-open {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
-o-transition: -o-transform 0.5s;
transition: transform 0.5s;
}
.typo-container {

visibility:hidden;
-webkit-transition:all 250ms ease;
transition:all 250ms ease;
text-decoration:none;

}

/*.content_line:nth-child(odd) {
background-color: rgba(0,0,0,0.4);
color: #fff;
}
.content_line:nth-child(odd) > .author_name i {
color: #fff;
}*/
.typo-container.loaded {
opacity:1;
visibility:visible;
}
.typo-wrapper {
display: flex;
flex-direction: column;
height: 100vh;

/* height: 100%; */
left: 0;
position: relative;
transition: transform 0.5s ease 0s;
z-index: 99;
}
.banner-1 .color-mask-overlay, .video-bg-1 .color-mask-overlay {
background: rgba(230, 40, 20, 0.4) none repeat scroll 0 0;
}
#bgvid {
background: rgba(0, 0, 0, 0) url("http://video-js.zencoder.com/oceans-clip.png") repeat scroll 0 0 / cover ;
height: auto;
left: 0;
min-height: 100%;
min-width: 100%;
position: absolute;
right: 0;
top: 0;
transition: opacity 1s ease 0s;
width: auto;
}
/*******************************
7 - CONTACT US ENDS
********************************/

.top-block-inner{
max-width:1170px;
margin: 0 auto;
color:#b0b0b0;
min-height:40px;
display:flex;
align-items:center;
}

.primary-navbar2{
height: 48px;
width: 100px;
margin-left:100px;
}

.header{
position: relative;
}

.main-logo{
position:absolute;
width: 7%;
top:3%;
left:20%;
z-index:10000;
}

.main-slider-date{
/* padding-left: 25px; */
opacity: 0.8;
display: flex;
align-items: center;
font-family: 'Open Sans';
font-size: 16px;
position:absolute;
top:20%;
left:20%;
color:#fff;
/* width:420px; */
width: 22%;
height:60px;
/* background-color:#851616; */
}

.main-slider-description{
font-family: 'Open Sans';
z-index: 10000000;
position: absolute;
top:30%;
left:20%;
width: 22%;
/* width:420px; */
height:170px;
/* background-color:#251a1e; */
opacity:0.8;
color:#fff;
}

.main-slider-description-h1{
font-family: 'Open Sans';
margin-bottom: 5px;
font-size: 36px;
}

.main-slider-description-h2{
font-family: 'Open Sans';
font-size: 48px;
margin-bottom: 5px;
font-weight: 500;
}

.main-slider-description-show-more{
font-family: 'Open Sans';
z-index: 10000;
font-weight: 100;
color: #fff;
left: 0;
top: 160%;
position: absolute;
padding: 10px 20px 10px 20px;
border: 1px solid #fff;
}

.main-slider-description-show-more:hover{
color: #fff;
background: #000;
/* opacity: 0.5; */
}

.top-block-inner .social{
display:flex;
align-items: center;
margin-left: 50px;
}

.social a{
margin-left: 5px;
margin-right: 5px;
color:#666666;
}

.social a i{
font-size: 20px;
}

.search-submint2 {
background-color: #2f3030;
width: 20px; /* Ширина кнопки */
height: 20px; /* Высота кнопки */
border: none; /* Убираем рамку */
top: 5px;
right: -30px;
position: relative;
}

.search-form2{
margin-left: 120px;
}

/* -------------------------------- Events ---------------------------------- */

.afisha-desktop,
.news-desktop,
.concerts-desktop,
.about-desktop
{
display: block;
}

.img-desktop{
display: block;
}

.afisha-mobile,
.news-mobile,
.concerts-mobile,
.about-mobile
{
display: none;
}

.img-mobile{
display: none!important;
}

.afisha{
height: 600px;
background-size: cover;
}

.afisha-block{
float: right;
width: 15%;
position: relative;
top: 15%;
right: 10%;
}

.afisha-h2{
float: right;
font-size: 48px;
font-weight: 100;
color: #fff;
position: relative;
/* top: 60px;
left: 70%; */
}

.afisha-show-more{
background-color: rgb(2, 2, 2, 0.6);
font-family: 'Open Sans';
float: right;
margin-top: 60px;
font-weight: 100;
color: #fff;
width: 210px;
/* left: 70%;
top: 100px; */
padding: 10px 20px 10px 20px;
border: 1px solid #fff;
position: relative;
}

.afisha-show-more:hover{
color: #fff;
background: #000;
/* opacity: 0.5; */
}

.event-content p{
line-height: 1.3;
}
/*--------------------------------------------News----------------------------------------------*/

.news{
height: 600px;
background-size: cover;
}

.news-block{
width: 80%;
position: relative;
top: 15%;
left: 20%;
}

.news-h2{
font-family: 'Open Sans';
font-weight: 100;
font-size: 48px;
position: relative;
/* top: 10%;
left: 20%; */
}

.news-buttons{
font-family: 'Open Sans';
position: relative;
margin-top: 100px;
/* top: 15%;
left: 20%; */
}

.news-buttons a{
background-color: rgb(255, 255, 255, 0.6);
font-family: 'Open Sans';
font-weight: 100;
color: #000;
padding: 10px 20px 10px 20px;
border: 1px solid #000;
position: relative;
margin-right: 10px;
}

.news-reportages{
width: 125px;
}

.news-blog{
width: 80px;
}

/* ----------------------------------------- Concerts ------------------------------------------------ */

.concerts{
height: 600px;
background-size: cover;
}

.concerts-block{
float: right;
position: relative;
top: 15%;
right: 10%;
width: 390px;
}

.concerts-h2{
font-family: 'Open Sans';
text-align: right;
font-size: 48px;
font-weight: 100;
color: #fff;
position: relative;
/* top: 60px;
left: 70%; */
}

.concerts-buttons{
/* left: 70%;
top: 100px; */
margin-top: 100px;
position: relative;
}

.concerts-buttons a{

font-family: 'Open Sans';
float: right;
font-weight: 100;
color: #fff;
padding: 10px 20px 10px 20px;
border: 1px solid #fff;
position: relative;
margin-left: 10px;
}

.concerts-buttons a:hover{
background-color: rgb(0, 0, 0, 0.6);
color: #fff;
}

.concerts-buttons a:hover img{

/* color: #fff; */
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
/* color: #607d8b; */
/* opacity: 0.5; */
}



.concerts-buttons img{
margin-right: 5px;
}

/* ------------------------------------ About ----------------------------------- */

.about{
height: 600px;
background-size: cover;
}

.about-block{
width: 80%;
position: relative;
top: 15%;
left: 20%;
}

.about-h2{
width: 330px;
font-weight: 100;
font-size: 48px;
position: relative;
/* top: 10%;
left: 20%; */
}

.about-buttons{
position: relative;
margin-top: 100px;
/* top: 15%;
left: 20%; */
}

.about-buttons a{
background-color: rgb(255, 255, 255, 0.6);
font-family: 'Open Sans';
font-weight: 100;
color: #000;
padding: 10px 20px 10px 20px;
border: 1px solid #000;
position: relative;
margin-right: 10px;
}

/* ------------------------------- Footer ---------------------------------------- */


#primary-menu-trigger {
opacity: 0;
pointer-events: none;
cursor: pointer;
font-size: 14px;
position: absolute;
/* top: 50%; */
margin-top: -25px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}

.new-style-search-mobile{
display: none!important;
}

.section-footer{
display: flex;
flex-direction: column;
align-items: center;
}

.footer-menu a{
padding: 10px 20px 10px 20px;
color: black;
font-size: 16px;
font-family: 'Open Sans';
position: relative;
}


/* ================= CATALOGUE ==================== */

.product-listing{
border-bottom:2px solid #cccccc;
}

.orchestra-header{
background: url(../orchestra-background.png);
background-position-y: center;
background-repeat: no-repeat;
font-family: Roboto;
display: flex;
flex-direction:column;
align-items: center;
margin-top: 40px;
margin-bottom:60px;
}

.orchestra-header img{
border: 4px solid #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-webkit-border-radius: 50%;
width:200px;
margin-bottom:20px;
}

.orchestra-header span{
text-align: center;
}

.orchestra-item{
margin-bottom: 80px;
display:flex;
flex-direction:column;
align-items:center;
}

.orchestra-item img{
width: 200px;
}

.orchestra-item-name{
font-family: Roboto;
cursor: pointer;
margin-top:25px;
border-bottom: 1px dashed #000;
}

.orcheatra-item-members{
display: none;
z-index: 100000;
opacity: 0.8;
position:absolute;
top:250px;
background-color:#4c4c4c;
color:#fff;
width:280px;
margin:0 auto;
text-align:left;
}

.orcheatra-item-members ol{
padding-left: 35px;
}

.orcheatra-item-members ol li{
margin-top: 10px;
padding-left: 15px;
}

.orcheatra-item-members-title{
margin-top: 10px;
margin-left: 50px;
margin-bottom: 20px;
}

.orcheatra-item-members-smalldesc{
/*margin-bottom: 20px;*/
}

.orcheatra-item-members ol{
list-style-type: decimal;
}

.product-footer{
padding-bottom: 20px;
/* border-bottom: 2px solid #cccccc; */
margin-top:60px;
}

.orchestra-brands-slider{
margin-top: 120px;
overflow:hidden;
}

/* ================================================ */

.container{
flex-grow: 1;
}

.min-height-calc-100vh-345px{
min-height: calc(100vh - 345px);
}

.news-show-more{
position: absolute;
top: 215px;
}
.news-img{
height: 250px;
}
.news-img img{
max-height: 250px;
min-width: 360px;
/*height: 100%;*/
object-fit: fill;
}

.news-main-img img{
float: right;
height: 355px;
padding: 15px;
}

.news-item{
margin-top:40px;
/* padding:0; */
}

.near-pages{
display:flex;
/* justify-content:  space-between; */
justify-content: start;
}

.near-pages a{
margin-right: 40px;
}


.main-news-content{
display:flex;
flex-direction:column;
}

.main-full-date{
display:flex;
justify-content:space-between;
margin-top:20px;
}

.main-news-name p{
font-family: 'PT Sans', sans-serif;
font-size: 30px;
line-height:1.2;
margin-top:10px;
overflow-y: unset;
}

.main-news-description p {
line-height:1.6;
overflow-y: unset;
}

.news-header h1{
font-family: Roboto;
font-size: 30px;
line-height: 1.2;
margin-top: 10px;
}
.news-pull {
max-width: 400px !important;
}
.news-pull img{
width: 100%;
float: left;
margin-right: 10px;
}

.news-content p{
font-family: 'PT Sans', sans-serif;
font-size: 16px;
}

.news-tags{
clear: both;
}

.news-name p{
font-family: 'PT Sans', sans-serif!important;
font-size: 24px!important;
line-height:1!important;
margin-top:10px!important;
overflow-y: unset!important;
}

.news-description p{
line-height:1.6;
overflow-y: unset;
}

.news-show-more span{
display: inline;
color:#7e1a38;
padding: 10px 20px 10px 20px;
border:1px solid #7e1a38;
}

.fancybox-opened{
z-index: 100000!important;
top: 15%!important;
}

.photo_gallery a{
color: #000!important;
}

.photo_gallery h3{
font-size: 22px!important;
}

/* =========================================================================  */
/* ============================== PROJECTS ==============================*/
.news-name p{
margin-top: 0px !important;
}
.news-name p a{
color: #000;
}
.news-name p:hover span{
border-bottom: 1px solid #000;
}
/* ============================== DISCOGRAPHY ==============================  */

.discography-item{
margin-top: 40px;
}

.discography-pull img{
width: 360px;
/* float: left; */
margin-right: 10px;
}

.discography-info{
background-color: #d8e3e8;
margin-top: 5px;
padding: 5px;
}

.discography-info-item
{
font-family: Roboto;
margin-top: 10px;
display: flex;
font-weight: 500;
}

.discography-info-left{
width: 30%;
}

.discography-info-right{
font-style: italic;
width: 70%;
}

.listen-in{
margin-top: 10px;
}

.listen-in-items{
display:flex;
justify-content: space-between;
flex-wrap:wrap;
margin-top: 20px;
}

.listen-in-items a{
margin-top: 10px;
}

.discography-buttons{
display:flex;
justify-content: start;
margin-top: 30px;
}

.discography-listen-album img{
margin-right: 7px;
}

.discography-listen-album,
.discography-buy-cd,
.discography-return{
margin-right: 10px;
}

.discography-listen-album span{
height: 40px;
display: flex;
align-items: center;
color: #fff;
padding: 10px 20px 10px 20px;
border: 1px solid #7d0606;
background: #7d0606;
}

.discography-buy-cd span{
height: 40px;
display: flex;
align-items: center;
color: #fff;
padding: 10px 20px 10px 20px;
border: 1px solid #455a64;
background: #455a64;
}

.discography-return span{
height: 40px;
display: flex;
align-items: center;
color: #90a4ae;
padding: 10px 20px 10px 20px;
border: 1px solid #90a4ae;
}

.track-cd{
margin-top: 20px;
border-bottom: 2px solid #90a4ae;
font-family: Roboto;
font-weight: 600;
color: #90a4ae;
}

.tracks{
width: 100%;
margin-top:20px;
}

.track{
border-bottom: 1px solid #90a4ae;
}

.track audio{
width: 100%;
}

.track img{
width: 60px;
height: 100%;
margin-right: 10px;
}

.track p{
word-break: break-all;
font-family: Roboto;
font-weight: 400;
margin: 0;
}

.audioplayer{
font-family: Roboto;
}

#main-page-brands .owl-item{
padding: 10px;
}

#photo_gallery_slider{
display: none;
}