/* ===== RESET ================================================== */
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote,big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var { background:transparent; border:0 none; font-size:100%; margin:0; padding:0; line-height:normal; vertical-align:baseline; outline:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
blockquote,q{quotes:none}
blockquote:before,q:before{content:'';content:none}
blockquote:after,q:after{content:'';content:none}
ins { text-decoration: none;}
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help;}
table { border-collapse: collapse; border-spacing: 0;}
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input, select { vertical-align: middle; margin: 0;}
ol, ul, li { list-style: none;}

@font-face {
    font-family: 'ostrich_sansbold';
    src: url('../font/ostrich-bold-webfont.eot');
    src: url('../font/ostrich-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ostrich-bold-webfont.woff2') format('woff2'),
         url('../font/ostrich-bold-webfont.woff') format('woff'),
         url('../font/ostrich-bold-webfont.ttf') format('truetype'),
         url('../font/ostrich-bold-webfont.svg#ostrich_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ostrich_sanscondensed_light';
    src: url('../font/ostrich-light-webfont.eot');
    src: url('../font/ostrich-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ostrich-light-webfont.woff2') format('woff2'),
         url('../font/ostrich-light-webfont.woff') format('woff'),
         url('../font/ostrich-light-webfont.ttf') format('truetype'),
         url('../font/ostrich-light-webfont.svg#ostrich_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ===== GLOBAL ================================================== */
body{ font-family: 'Roboto', sans-serif; font-size:14px; color:#999; font-weight:lighter;}
:focus{ outline:0 none;}
:focus,
a{ text-decoration:none; color:#757575;}
a:hover{ text-decoration:none; color:#000;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
p {font-weight:lighter;}
::-webkit-input-placeholder { color:#888;}
:-moz-placeholder { color:#888;}
::-moz-placeholder { color:#888; line-height:69px;}
:-ms-input-placeholder { color:#888;}
*{ -webkit-tap-highlight-color:rgba(255,255,255,0);}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:after,
:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.clear{clear:both;}
.floatL{float:left;}
.floatR{float:right;}
.full-width{float:left; width:100%;}
span.sprite { background:url(../images/icons-sprite.png); float:left;}
img{max-width:100%;}
.hide{ display:none !important;}

h2{font-size:30px; color:#000; font-family:'ostrich_sanscondensed_light'; letter-spacing:2px; font-weight:bold; display:block; line-height:24px; padding-left:1px;}
h2 span{ background:#1679ba; width:70px; height:1px; display:block; margin-top:6px;}

h3{font-size:20px; color:#000; font-family:'ostrich_sanscondensed_light'; letter-spacing:2px; font-weight:bold; display:block; line-height:20px; padding-left:1px;}
h3 span{ background:#1679ba; width:70px; height:1px; display:block; margin-top:5px;}

.container{margin:0 auto; width:1200px; display:table;}

@media (max-width:1200px){.container{width:100%; padding:0 15px;}}


/* === CAROUSEL COMMON ================================================== */
.owl-carousel{position:relative;  width:100%; -ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper-outer{ position:relative; overflow:hidden; width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
.owl-carousel .owl-wrapper{ position:relative; display:none;-webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item{ float:left; text-align:center;}

.owl-carousel .owl-controls{ text-align:center;}
.owl-carousel .owl-pagination{ margin:0 0 10px; position:absolute; bottom:0; width:100%;}
.owl-carousel .owl-pagination .owl-page { display:inline-block; width:14px; height:14px; margin:0 4px; border:3px solid #fff; cursor:pointer; -webkit-border-radius:90px;-moz-border-radius:90px; border-radius:90px;}
.owl-carousel .owl-pagination .owl-page:hover,
.owl-carousel .owl-pagination .owl-page.active {background-color:#fff;}

.owl-carousel .owl-buttons .owl-next,
.owl-carousel .owl-buttons .owl-prev{ position:absolute; top:50%; cursor:pointer; width:43px; height:83px; margin-top:-22px; background:url(../images/icons-sprite.png) -280px 0 no-repeat; font-size:0; line-height:0; text-indent:-9999px;}
.owl-carousel .owl-buttons .owl-next{ right:3%; background-position:-320px 0;}
.owl-carousel .owl-buttons .owl-prev{ left:3%;}
.banner .owl-carousel .owl-pagination {display:none;}


/* === HEADER ================================================== */
.logo-container {width:30%; float:left; margin-top:-5px;}
.top-bar {font-size:14px; margin-top:11px; float:right;}
.top-bar a {color:#757575; float:left; padding-top:2px;}
.top-bar span .sprite { width:18px ; height:16px; float:left; margin:10px 10px 5px 0;}
.top-bar .email {float:left; padding-top:2px;}
.top-bar .email span {width:25px; height:16px; margin-right:10px; margin-top:4px ; float:left; padding-top:5px;}
.top-bar .login {float:left; position:relative;}
.top-bar .login span {width:18px; height:22px; background-position:-25px 0px; float:left; margin-right:10px; margin-left:16px; padding-right:10px;}
.top-bar .login {border-left:1px solid #b7b7b7; margin-left:16px; float:left; padding:2px 0;}

.social-media {margin-top:38px; float:right;}
.social-media  ul li { float:left; margin-left:10px; }
.social-media ul li span { width:32px; height:32px;}
.social-media ul li span:hover{ opacity:0.7}
.social-media .facebook span { background-position:-43px 0;}
.social-media .twitter span { background-position:-75px 0;}
.social-media .blog span { background-position:-107px 0;}
.social-media .youtube span { background-position:-139px 0;}
.social-media .mysapce span { background-position:-171px 0;}
.social-media .recording span { background-position:-203px 0;}
.social-media .bpmusic span { background-position:-235px 0;}

/* === NAVBAR CONTAINER ================================================== */
.nav-container {margin:0 auto; width:1200px; }
.navigation-main { background-color: rgba(65, 122, 185, 0.8);  float:left; clear:both; width:100%; position:relative; z-index:1; margin-top:18px}
.navigation {float:left; position:relative; z-index:1;}
.navigation ul {margin:0; padding:0;}
.navigation ul li { display:block; float:left;}  
.navigation ul li a {color:#fff; padding:14.5px 17px; display:block; font-size:16px; font-weight:lighter;}
.navigation ul a:hover {background-color:#2d51b4;}
.navigation ul .active {background-color:#2d51b4;}
.search-bar { margin-right:10px; color:#fff; float:right; }
.search-bar input[type="text"] {margin-top:10px; border:1px solid #fff; background-color: transparent; padding:7px 23px 7px 5px; 
color:#fff;}
.search-bar input[type="text"]::-webkit-input-placeholder { color:#fff;}
.search-bar input[type="text"]:-moz-placeholder { color:#fff;}
.search-bar input[type="text"]::-moz-placeholder { color:#fff;}
.search-bar input[type="text"]:-ms-input-placeholder { color:#fff;}

.search-bar .search-icon { height:15px; width:15px; margin-top:17px; background-position:0px -17px; float:right; margin-left:-25px; padding-right:10px; 
margin-right:10px;}
@media (max-width:1200px){
.nav-container{width:100%;}
.navigation ul li a {color:#fff; padding:16px 6px; display:block; font-size:16px; font-weight:lighter;}
}
@media (max-width:767px){
.logo-container {width:100%; text-align:center; padding-bottom:0px; margin-top:10px; display:block; max-width:100%;}
.logo-container img {max-width:325px; width:100%;}
.navigation-main {margin-top:0;}
.top-bar {width:100%;}
.top-bar .email {float:left;}
.top-bar .login {float:right; border:none;}
.social-media {margin:20px 0; float:right;}
.navigation{ width:100%; display:none;}
.navigation-main{ position:relative;}
.navbar-toggle{ float:left; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; border:1px solid #fff; padding:1px 5px 5px; margin:5px; cursor:pointer;}
.navbar-toggle .icon-bar{ background:#1f1f1f; height:3px; width:25px; display:block; margin-top:4px;}
.navigation {margin-bottom:5px;}
.navigation ul li {width:100%; display:list-item; display:block;}
.navigation ul li a {display:block; padding:5px 5px 5px 20px; font-size:15px;}
.search-bar {position:absolute; right:0; top:0;}
.search-bar input[type="text"] {padding:4px 5px; margin-top:7px;}
.search-bar .search-icon {margin-top:13px;}
}

@media (min-width:768px){
.navigation{ display:block!important;}
.navbar-toggle { display:none;}

}
/* === BANNER ================================================== */
.flexslider .slides > li:first-child{display:block;}
.banner {width:100%; margin-top:0; float:left; margin-top:-50px}
.banner img {width:100%; display:block;}
.banner .owl-carousel .owl-buttons .owl-next, .owl-carousel .owl-buttons .owl-prev { width:39px; height:77px;}
@media (max-width:768px){
.banner {margin-top:0;}
}
@media (min-width:768px)and (max-width:1200px){
.banner {margin-top:-54px;}
}

/* === FOOTER-SUBSCRIBE ================================================== */
.footer-subscribe {background-color:#0072bc; float:left; width:100%; padding:25px 0;}
.footer-subscribe p {color:#fff; float:left; font-size:15px; width:45%;}
.subscribr-right {float:left; width:52%; margin-left:3%;}
.footer-subscribe span input[type="text"] {width:70%; float:left; border:1px solid #a1a1a1; padding:14px 14px; background-color:#ebebeb; color:#454545;}
.footer-subscribe .btn a {float:left; background-color:#161e22; color:#fff; padding-top:12.2px; padding-bottom:12.2px; font-size:16px; text-transform:uppercase; width:30%; text-align:center;}
.footer-subscribe .btn a:hover{ background:#e46962;}
.subscribe-btn {display: table; margin: 0 auto;}
span .subscribe-icon { width: 18px; height: 13px; float: right;background-position: -358px 0; margin: 5px 0 0 10px;}

@media (max-width:768px){
.footer-subscribe p {width:100%; text-align:center; padding-bottom:15px;}	
.subscribr-right {width:100%; margin-left:0;}	
.footer-subscribe span input[type="text"] {width:100%; color:#000 !important;}
.footer-subscribe .btn a{ width:100%; text-align:center}
}

/* === FOOTER-CONTAINER ================================================== */
.footer-container {background-color:#161e22; color:#8c8c8c; }
.footer-bg  { background:url(../images/footer-map-bg.png) no-repeat center bottom; }
.footer-left {width:50%; float:left;}
.footer-left .menu {width:33.33%; float:left; padding:34px 0;}
.footer-left h3{ text-transform:uppercase; font-size:15px; color:#fff;  padding:0 0 10px;  font-family: 'Roboto', sans-serif; font-weight:normal; letter-spacing:1px;}
.footer-left h3 span{ background:#fff; width:30px; height:1px; display:block; margin-top:5px;}
.footer-left .links ul {margin:0; padding:0; float:left;}
.footer-left .links li {padding-top:7px;}
.footer-left .links a {font-size:12px; font-weight:normal; padding:7px 0 0 25px; transition: all 0.3s ease 0s; color:#8c8c8c;  background:url(../images/footer-arrow.png) no-repeat left 14px;}
.footer-left .links a:hover {color:#fff; background:url(../images/footer-arrow.png) no-repeat 6px 14px;}

/* === FOOTER-BOTTOM ================================================== */
.footer-bottom {background-color:#0b1012; padding:5px 0 ; font-size:12px;}
.footer-bottom ul li {color:#8c8c8c; font-weight:normal; text-align:center; padding-top:8px;}

@media (max-width:768px){
.footer-left {width:100%;}
.footer-left .menu {width:33.33%; padding:20px 0;}
.footer-bg {background:url(../images/footer-map-bg.png) repeat-y center center;}

}
@media (max-width:480px){
.footer-bg {background:url(../images/footer-map-bg.png) repeat-y center center;}
.footer-left {width:100%;}
.footer-left .menu {width:100%; padding:20px 0;}
}
/* === MAIN CONTENT ================================================== */
.content-wrapper {width:100%; float:left; font-family:'ostrich_sanscondensed_light'; margin:54px 0;}
.welcome-left {width:75%; float:left;}
.welcome-left p {font-size:16px; color:#6d6d6d;  font-family:'Roboto', sans-serif; font-weight:300; padding-top:14px; padding-right:10px;}
.welcome-img {width:25%; float:right; border-left:1px solid #959595; text-align:center;}
@media (max-width:768px){
.welcome-left {width:100%;}
.welcome-img {width:100%; border:none; padding-top:15px;}
}

/* === ARTIST SLIDE ================================================== */
.artist-slider ul{ margin:0; padding:0;}
.artist-slider .container{ display:block; width:1224px;}
.artist-slider ul li{ float:left; width:100%; padding:0 12px; /*border:2px solid #959595; margin-left:25px;*/}
.artist-slider ul li a{ display:block;}
.artist-slider ul li img { display:block; max-width:100%; border:2px solid #959595;}
/*.artist-slider ul li:first-child {margin-left:0px;}
.artist-slider ul li:lest-child {margin-left:0px;}*/
.artist-slider .owl-carousel .owl-buttons .owl-next, 
.artist-slider .owl-carousel .owl-buttons .owl-prev{ width:27px; height:34px;}
.artist-slider .owl-carousel .owl-buttons .owl-prev{ left:-32px; background-position:-376px 0;}
.artist-slider .owl-carousel .owl-buttons .owl-next { right:-32px; background-position:-403px 0;}
@media (max-width:1280px){.artist-slider .container{ width:1130px;}}
@media (max-width:1200px){.artist-slider .container{ width:90%; padding:0;}}
@media (max-width:767px){.artist-slider .container{ width:85%;}}
@media (max-width:480px){.artist-slider .container{ width:75%;}}



.sound-cloud-main {width:100%; float:left; background-color:#f5f5f5; margin:35px  0 0 0; padding:29px 0;}
.sound-cloud-player {margin-top:15px; border:1px solid #d9d8d8;}


.news-main {margin:24px 0; font-family: 'Roboto', sans-serif; float:left;}

.news-left {width:45%; float:left;}

.news-left .title {margin-bottom:15px;}
.news-left .releases-news {margin-bottom:6px; margin-top:15px;}
.news-left .releases-news > img {border:1px solid #555; float:left; margin-right:10px;}
.releases-news {width:100%; float:left; margin:0 0;}
.releases-news .title {font-family: 'Roboto', sans-serif; font-size:18px; color:#5b5b5b; font-weight:700; float:left; width:82%; margin-bottom:100px;}
.releases-news p {float:left; float:left; font-family: 'Roboto', sans-serif; font-size:15px; font-weight:300; color:#6d6d6d; width:82%;}

.releases-news span  {width:17px; height:21px; float:right; background-position:-430px 0;}
.news-right .releases-news { margin-top:15px;}
.news-right .releases-news .title { width:100%;}
.news-right .releases-news p { width:100%;}
.view-btn a {width:86px; float:right; background-color:#1679ba; color:#fff; padding:3.5px 0; margin-top:20px; text-align:center; font-family: 'Roboto', sans-serif; font-size:13px; border-radius:3px;
 -moz-box-shadow:30 3px 0 0 #3c5a9a;
  -webkit-box-shadow: 0 3px 0 0 #3c5a9a;
  box-shadow:0 3px 0 0 #3c5a9a;}
.view-btn a:hover{background-color:#e46962; box-shadow:0 3px 0 0 #df483f;}
.news-saprator {width:94%; float:left; background-color:#acacac; height:1px; margin-top:10px;}
.news-right {width:45%; float:right;}
.news-right .title {margin-bottom:10px;}
.releases-news .title {margin-bottom:0;}
.releases-news .sprite {margin-top:0px;}
@media (max-width:768px){
.releases-news .title {width:73%}
.releases-news p {width:73%;}
.releases-news span { clear:both;}
.news-right .releases-news span { clear:none;}
.news-saprator{ width:90%;}
}
@media (min-width:768px) and (max-width:1178px){
.releases-news .title {width:73%;}
.releases-news p {width:73%;}
}

@media (max-width:768px){
.news-left  {width:100%;}
.news-right  {width:100%; margin-top:10px;}
}
.videos-bg {width:100%; float:left; background:url(../images/video-bg.jpg) no-repeat top center; padding:40px 0 10px; margin:10px 0; color:#fff;}

.video-title {width:auto; margin:0 auto; display:table; color:#fff;}
.video-title  h2{font-size:30px; color:#000; font-weight:700; color:#fff;}
.video-title h2 span{ background:#fff; width:70px; height:1px; display:block; margin-top:10px;}
.video-player-left {width:46%; float:left;}
.video-player-right {width:46%; float:right;}
.video-player iframe {width:100%; float:left; border:1px solid #e1e1e1; margin:30px 0;}
@media (max-width:768px){
.video-player-left {width:100%;}	
.video-player-right {width:100%;}	
.video-player iframe {width:100%;}
}
.sidebar-bg .date-main { margin-top:15px;}
.tours-details {margin-top:10px; float:left;}
.date-main {width:100%; float:left; margin-top:5px; }
.date-box {width:16%; background-color:#ebebeb; border-top:5px solid #0072bc; float:left; margin-right:15px;}
.date-box .date-title {text-align:center; font-size:33px; font-weight:bold; padding:5px 0;font-family: 'Roboto', sans-serif; }
.date-box .date-title .month {font-size:15px; padding:4px 0 0 0; text-align:center; display:block; font-weight:normal;}
.date-main .title {font-family: 'Roboto', sans-serif; font-size:18px; color:#5b5b5b; font-weight:700; float:left; width:79%;}
.date-main p {float:left; float:left; font-family: 'Roboto', sans-serif; font-size:15px; font-weight:300; color:#6d6d6d; width:79%;}
.live-shows-fm-logo { margin-top:40px;}
.date-left {width:45%; float:left;}
.date-main span {width:17px; height:21px; float:right; background-position:-430px 0;}
.advertise-main-right > h2 { text-align:left;}
.advertise-right {float:right; width:45%;}
.advertise-main, .advertise-main-right {width:50%; float:left; border:1px solid #3c5a9a; text-align:center;   }
.advertise-main-right.fm{min-height:355px;}
.advertise-main .advertise-img {width:228px; margin:26px auto;}
.advertise-main .saprator {background-color:#d7d7d7; height:1px; margin:auto; padding:0 15px; width:90%;}
.advertise-main-right  {width:45%; float:right; border:1px solid #3c5a9a; padding:10px; }
.advertise-main-right .title {text-align:left; margin:5px 5px 5px 5px; padding-bottom:15px;}
.advertise-main-right img {text-align:center;}
.advertise-main-right > a { display:block; padding-top:15px;}
.advertise-main-right p {font-size:15px; text-align:center; padding-bottom:10px;}
@media (max-width:991px){
.advertise-main .advertise-img {max-width:100%; padding:0 10px;}
.advertise-main-right img { padding:0 10px;}
}

@media (max-width:768px){
.date-left {width:100%}
.advertise-right {width:100%; margin-top:25px;}
.advertise-main {width:48%;}
.advertise-main-right {width:48%}
.date-main .title {width:79%;}
.date-main p {width:79%;}
.advertise-main .advertise-img {max-width:100%; padding:0 10px;}
.advertise-main-right img {width:auto; padding:0 10px;}
}
@media (max-width:480px){
.advertise-main {width:100%;}
.advertise-main img{ width:auto;}
.advertise-main-right {width:100%}
.date-main .title {width:78%;}
.date-main p {width:78%;}
.advertise-main, .advertise-main-right{ min-height:310px;}
}

/* === TESTIMONIALS ================================================== */
.testimonials{ background:url(../images/twitter-bg.jpg) top center repeat; color:#fff; margin:50px 0; padding:31px 0;}
.testimonials .container{ display:block;}
.testimonials .sprite{display:table; margin:0  auto; text-align:center; padding:10px; width:78px; position:relative; height:77px; margin-top:8px;
background:url(../images/twitter-icon.png) no-repeat center center;}
.testimonials .title{display:table; text-align:center; padding:10px; background:url(../images/twitter-icon.png) no-repeat; position:relative; height:128px; width:128px;}
.testimonials .title span{ width:12px; height:12px; display:block; background:#f7a800; position:absolute; top:0; left:50%;}
.owl-item li p { padding:18px 100px 0 100px; font-size:22px; font-weight:normal;}
.owl-item li p a {color:#98bbff; word-break:break-all; font-weight:normal; }
.testimonials .owl-buttons{ display:none;}
.testimonials .owl-carousel .owl-pagination{ position:static; margin:22px 0 0; border-radius:0;}
.owl-carousel .owl-pagination .owl-page {display: inline-block; border:0; width: 24px; height: 7px; margin: 0 4px; cursor: pointer; background-color: #1679ba;}	
.testimonials .owl-carousel .owl-pagination .owl-page{ border-radius:0;}
@media (max-width:768px){
.testimonials .owl-carousel .owl-pagination {margin:18px 0 0;}
.testimonials ul li {padding: 0 0px;}
.owl-item li p {padding:0px;}
/* start live show*/
}
/* ===== CLIENT ================================================== */
.client-detail{width:100%; float:left; margin-bottom:40px;}
.three-of-tweel:last-child {margin-right:0;}
.three-of-tweel { width:25%; float:left; margin-right:12.5%}
.three-of-tweel:last-child {margin-right:0;}
.three-of-tweel-last{margin-right:0;}
.three-of-tweel ul { margin-top:18px; padding:0;}
.three-of-tweel ul li{ border:1px solid #e1e1e1; padding:7px 0; text-align: center;  margin-bottom:15px; width:100%;}
.three-of-tweel img {max-width:100%;}
.three-of-tweel .view-btn a {margin-top:0;}

@media (min-width: 768px) and (max-width:1000px){
.three-of-tweel img {padding:0 10px; height:100%; max-height:100%;}
}

@media (max-width:768px){
.three-of-tweel {margin-right:5%; width:30%;}
.three-of-tweel ul li {width:100%;}
.three-of-tweel img {max-width:100%; padding:0 10px; height:100%; max-height:100%;}
}
@media (max-width:567px){
.three-of-tweel {margin-right:0; width:100%;}
}

/* ===== INNER PAGE ================================================== */
.inner-content {float:left; margin:40px 0;}
.inner-content .container{ position:relative;}

/* ===== LEFT-BAR ================================================== */
.left-sidebar {width:25%; float:left; position:absolute; top:0; width:25%;}
.sidebar-bg, .sidebar-main {background-color:#f8f8f8; padding:20px; float:left; margin-bottom:20px; width:100%;}
.sidebar-bg .releases-news {width:100%; float:left; margin:20px 0 0 0;}
.sidebar-bg .releases-news-img {float:left; border:1px solid #555555; margin-right:10px;  width
20%;}

.sidebar-bg .releases-news .title {font-family: 'Roboto', sans-serif; font-size:16px; color:#5b5b5b; font-weight:700; float:left; width:67%;}
.sidebar-bg .releases-news p { float:left; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; color:#6d6d6d; width:67%;}
.sidebar-bg .advertise-main, 
.advertise-main-right { min-height:auto;}
.advertise-main-right.inner-fm > a{ float:left;}
.advertise-main-right.inner-fm > p{ clear:both;}
.advertise-main-right.inner-fm > h3 { float:left;}
.sidebar-bg .title h2 {font-size:20px; color:#000; font-weight:700; font-family:'ostrich_sanscondensed_light';}
.sidebar-bg .title span{ background:#1679ba; width:70px; height:1px; display:block; margin-top:5px;}
.sidebar-bg .releases-news span  {width:17px; height:21px; float:right; background-position:-430px 0; margin-top:7px;}
.sidebar-bg  .advertise-main-right {border:none; width:100%; padding:0}
.sidebar-bg  .advertise-main-right img {padding:0;}
.news-btm-saprator {width:90%; float:left; border-top:1px dashed #d7d7d7; margin-top:18px;}
.sidebar-bg .blue-pie-news .text-title {width:100%; float:left;}
.sidebar-bg p.text  {width:100%;}
.sidebar-bg  .news-right {width:100%}

.sidebar-bg  .advertise-main {border:0; width:100%; float:left;}
.sidebar-bg .advertise-main1 img {width:32%; float:left;}
.sidebar-bg .advertise-main2 img {width:60%; float:right; margin-bottom:10px;}
.sidebar-bg .advertise-main2 p {text-align:center; font-size:15px;}
.sidebar-main {background:none; padding:0;}
.sidebar-main .three-of-tweel {width:100%;}
.sidebar-main .three-of-tweel li {margin-bottom:20px;}
.sidebar-main .three-of-tweel {margin-bottom:0px !important;}
.sidebar-main .view-btn a {margin-top:0}

@media (max-width:768px){
.left-sidebar {width:58%; float:left;}	
}

@media (max-width:480px){
.left-sidebar {width:100%;}	
}

/* ===== RIGHT-BAR ================================================== */
.sidebar-right {float:right; width:25%;}
.sidebar-right .twiiter-icon-bg {background:url(../images/twitter-icon-bg.png)#f8f8f8 no-repeat center center;}
.sidebar-right .releases-news  a{color:#448ab9;}
.sidebar-right .news-btm-saprator2 {width:70%; float:left; border-top:1px dashed #d7d7d7; margin-top:18px;}
.sidebar-bg .twitter-date {width:30%; text-align:right; font-size:12px; padding-top:5px; float:left; padding-top:10px;}
.sidebar-bg .date-left {width:100%; float:left;}
.sidebar-bg .date-box {width:26%; background-color:#ebebeb; border-top:5px solid #0072bc; float:left; margin-right:15px;}
.sidebar-bg .date-box .date-title {text-align:center; font-size:20px; font-weight:bold; padding:5px 0;font-family: 'Roboto', sans-serif; }
.sidebar-bg .date-box .date-title .month {font-size:15px; padding:5px 0 0 0; text-align:center; display:block; font-weight:normal;}
.sidebar-bg .date-main .title {font-family: 'Roboto', sans-serif; font-size:16px; color:#5b5b5b; font-weight:700; float:left; width:68%;}
.sidebar-bg .date-main p {float:left; float:left; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; color:#6d6d6d; width:68%;}
.date-main span {margin-top:10px}
.sidebar-right .twiiter-icon-bg .releases-news p { width:98%;}

/* ===== MIDEL CONTENT ================================================== */
.midel-content {width:50%; float:left; padding:0 2%; margin-left:25%;}
.midel-content p {font-size:15px; padding:15px 0; float:left;}
.content-box {width:31.7%; float:left; border:1px solid #d7d7d7; padding:5px; color:#5b5b5b; margin-right:9px;}
.content-box-title {font-size:15px;  font-weight:bold; text-align:center;}
.content-box-logo {text-align:center; margin:0 auto; padding:10px 0;}
.content-box p {text-align:center; font-size:12px; padding-top:0}
.content-box a {font-size:12px; color:#1679ba; padding:0;}
.sub-content {float:left; margin-top:20px;}
.sub-content .title { font-size:20px; color:#5b5b5b; font-weight:700; float:left; width:100%;}
.website-link {float:left; width:100%; padding-top:15px; }
.website-link > img{ float:left;}
.website-link span  {font-size:15px; padding:0 0 0 15px;}
.website-link a {color:#1679ba; font-size:15px; }
.country-title {width:100%; float:left; font-size:18px; font-weight:normal;}
.sub-content .flag {width:18%; float:left; margin-right:6%; padding:20px 0 5px 0; text-align:center;}
.sub-content .flag span {font-size:18px; font-weight:bold; text-align:center; float:left; width:100%;}
.country-detail-map {width:100%; float:left; margin:30px  0 15px 0; text-align:center;}

@media (max-width:1200px){
.sidebar-bg .releases-news .title { width:100%;}
.sidebar-bg .releases-news p { width:100%;}
.content-box > a { word-wrap: break-word;}
.sidebar-right .news-btm-saprator2 { width:64%;}
.sidebar-bg .twitter-date { width:36%;}
.sidebar-bg .date-main .title { width:60%;}
.sidebar-bg .date-main p { width:60%;}
.content-box {width:30%;}
}
@media (max-width:999px){
.midel-content{ width:100%; padding:0; margin:0;}	
.left-sidebar, .sidebar-right {position:inherit; width:48%;}
.country-detail-map > img { width:80%;}
.advertise-main-right.inner-fm > a { clear:both;}
.advertise-main-right.inner-fm > p { text-align:left;}
.sidebar-bg .releases-news span { clear:none;}
.sidebar-bg .releases-news .title { width:70%;}
.sidebar-bg .releases-news p { width:70%;}

.sidebar-right .news-btm-saprator2 { width:66%;}
.sidebar-bg .twitter-date { width:34%;}
}
@media (max-width:600px){
.left-sidebar, .sidebar-right {position:inherit; width:100%;}
.country-detail-map > img { width:90%;}
.sub-content .flag span { font-size:13px;}

}

/* ===== Login pages Header ================================================== */
.login-banner{margin-top:5px; position:relative; margin-bottom:40px;}
.login-banner .container { position: relative; margin: 0 auto; width: 1200px; display: table; z-index: 999;}
.blue-logo{ background:#fff; border-radius:0px 0px 10px 10px; width:370px; height:105px; text-align:center; padding:14px 0 0 0;}
.login-banner h1{font-size:35px; color:#ffffff; margin-top:176px; text-align:center; width:50%; margin-bottom:152px; float:left;}
.blue-logo img{ width:100%; padding:0px 20px; display:block;}
.ststem-login{ background:rgba(2,97,158,0.9);  font-size:31px; color:#fff; font-weight:600; padding:17px 0px 17px 20px;; width:100%; max-width:1200px; z-index:99; margin-top: 20px; margin:0 auto; text-transform: uppercase;}

@media (max-width:768px){
.login-banner .container {width: 100%;}
.blue-logo { width: 240px; height: 70px; padding: 10px 5px;}
.blue-logo img{width:auto; padding:0; display:block;}
.login-banner .flexslider {margin: -70px 0 0 0;}
.ststem-login { font-size: 18px; font-weight: 200; padding: 5px 0px 5px 20px;}
}
@media (max-width:480px){
.login-banner .container {width: 100%;}
.login-banner .blue-logo { width: 100%; height: auto; padding: 10px 0px;}
.login-banner .blue-logo img{max-width:60%; margin:0 auto;}
.login-banner .flexslider {margin:0;}
.ststem-login { font-size: 18px; font-weight: 200; padding: 5px 0px;}

}
@media (max-width:360px){
.login-banner .container {width: 100%;}
.login-banner .blue-logo { width: 100%; height: auto; padding: 10px 0px;}
.login-banner .blue-logo img{max-width:60%; margin:0 auto;}
.ststem-login { font-size: 12px; text-align: center;}
}

/* === Slider Text ================================================== */
.flexslider ul li div.artist-contact {position: relative; margin-top: -44px; background: rgba(0,0,0,0.5); color: #fff; padding:10px 0; text-align:center;}
.flexslider ul li .artist-contact p {font-size: 18px; font-weight: 300;}
.flexslider ul li .artist-contact p a{color:#fff;}

@media (max-width:480px){
.flexslider ul li div.artist-contact {margin-top: -29px;padding: 5px;}
.flexslider ul li .artist-contact p {font-size: 14px; text-align:center;}
}

/* ===== Login Conter================================================== */
.report-system{ margin-top:0px;}
.report-system-left{ width:55.75%; margin-right:4%; float:left;}
.report-system-left ul li{ background:#f5f5f5; float:left; width:100%; margin-bottom:13px; position:relative; min-height:209px;}
.report-system-right{ width:40.166666666666664%; float:left;}
.label-report{ float:right; width:100%; position:absolute; right:0px; top:0px;background:linear-gradient(230deg, #02619e 65%, transparent 0); text-align:center; color:#fff; min-height:209px;}
.label-report1{ float:right; width:100%; position:absolute; right:0px; top:0px;background:linear-gradient(230deg, #02619e 44%, transparent 0); text-align:center; color:#fff; min-height:209px;}
.report-system-left span{ font-size:23px; line-height:22px;}
.report-system-left Strong{ font-size:27px; font-weight:600; line-height:32px;}
.report-system-left i{ font-size:23px; font-style:normal;}
.report-img{ width:30%;}
.report-img1{ width:46%;}
.report-system-left img{ width:100%; display:block;}
.label-report div{ width:65%; text-align:center; float:right; padding-top:60px;}
.label-report1 div{ width:43%; text-align:center; float:right; padding-top:60px;}
.godaddy-logo{width:100%;float:left;}
.godaddy-logo .content { width: 55%; float: left;}
.godaddy-logo .content p{text-align:left; font-size:18px; color:#000; clear:both; padding:25px 0px;}
.godaddy-logo .image{width:45%;float:left; text-align:right;}
.godaddy-logo .image img{padding: 25px 15px 0 0; max-width:100%;}

@media (max-width:980px){
.report-system-left, report-system-right, .report-system-right{ width:100%;}
.login-banner .container {width: 100%;}
.label-report { background: rgba(0, 0, 0, 0) linear-gradient(230deg, #02619e 60%, transparent 0px) repeat scroll 0 0;}
.label-report1 { background: rgba(0, 0, 0, 0) linear-gradient(230deg, #02619e 50%, transparent 0px) repeat scroll 0 0;}
.label-report1 div{padding-top:20px;}
}
@media (max-width:768px){
.godaddy-logo .content { width: 100%;}
.godaddy-logo .content p{text-align:center;padding: 10px 0px;}
.godaddy-logo .image{width:100%; text-align:center;}
.godaddy-logo .image img{padding:0;max-width:100%; display:initial;}
}
@media (max-width:480px){
.report-img, .report-img1 {width: 100%; float:left;}
.label-report, .label-report1 { background: rgba(0, 0, 0, 0) linear-gradient(230deg, #02619e 100%, transparent 0px) repeat scroll 0 0; float: none; min-height: auto;position: static;text-align: center;width:100%;float:left;}
.label-report div, .label-report1 div {text-align: center; float:none; padding:10px 0; width:100%;}
	
}

/* ===== Login Form================================================== */
.report-system-right label{ width:100%; float:left; font-size:20px; color:#6c6c6c;}
.report-system-right .username{padding-top:20px; width:100%; float:left;}
.report-system-right .input-group-addon {font-size: 14px; font-weight: 400; float:left;line-height: 1; border-radius:0px;  color: #555; width:17%; height:62px;  text-align:left; padding-left:16px; padding-top:10px;  background-color: #ffffff;   border: 1px solid #ccc; background-image:url(../images/arrow1.png); background-repeat:no-repeat; background-position:68px 0px; border-right:0px;}
.report-system-right input{ height:62px; width:83%; float:left; padding-left:20px; font-size:20px; color:#999999; border:1px solid #ccc; border-left:0px;}
.user-main{ margin-bottom:20px; width:100%; float:left;}
.user-main1{ margin-top:26px; float:left; width:100%; margin-bottom:15px;}
.report-system-right .remember{ width:20px; height:20px; background:#fff; border:solid 1px #222; margin-right:10px;}
.report-system-right .user-main a{ float:right; color:#2585c3; font-size:16px;}
.report-system-right button{ background:#2585c3; font-size:26px; color:#fff; border:0px; width:100%; text-align:center; padding:13px 0px; border-bottom:#0072bc solid 4px; cursor:pointer; margin-top:51px;}

.user-main1 input{ font-size:28px;}

/* ===== Login footer================================================== */
.login-footer{ background:#ebebeb;}
.footer-main{ padding:25px 0px; float:left; width:100%;}
.footer-main .copyright{ width:50%; float:left; font-size:15px; color:#0b1012;}
.footer-main .copyright a{color:red;}
.footer-main .copyright a:hover{color:#b50000;}

.footer-main .Powered{ width:50%; float:left; font-size:15px; color:#0b1012; text-align:right;}
.footer-main .Powered img{ margin-left:5px;}

span.error {color: red;}