/********************************************************************
********************** Reset Css Start here *************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, 
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, 
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: 'Play', sans-serif;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {	line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/********************* Reset Css End here ***************************
*********************************************************************/
body{background: #262626; font-family: 'Play', sans-serif; color:#ffffff;}
#parallex { float:left; background: url("../images/full.jpg") center 0 no-repeat fixed;  min-height: 500px; width: 100%; position: relative; background-size: cover; }
.trans-bg{float: left; width: 100%; background: rgba(0, 0, 0, 0.86);}

/*----------------------------
      side-item Start here
-----------------------------*/

.side-item {position: fixed; top: 50%; right: -5px;}
.side-item span {display: block;width: 40px;height: 40px;padding-top: 10px; margin-bottom: 4px; text-align: center; background: #1a1a1a; border: 2px solid #0d0d0d; border-right: none; cursor: pointer; border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px;}


/*----------------------------
      Top header Start here
-----------------------------*/
.top-header{background: #151515; border-bottom: 1px solid #000000;}
.top-menu ul li{display: inline;}
.top-menu ul li a{float: left; padding: 14px 10px; color: #737373; text-decoration: none;}
.user-area a, .user-area span{float:right; padding: 10px; color: #737373;}


.top-header-home{background: none; border: none;}
.top-header-home ul li a, .top-header-home .user-area a, .top-header-home .user-area span{color: #fff; font-weight: bold;}

/*----------------------------
      Menu Start here
-----------------------------*/

.header{background: #181818; width: 100%; border-bottom:1px solid #111111; padding-top: 40px;padding-bottom: 35px; box-shadow: 0 2px 1px -1px black;-webkit-box-shadow: 0 2px 1px -1px black;-moz-box-shadow: 0 2px 1px -1px black;-ms-box-shadow: 0 2px 1px -1px black;-o-box-shadow: 0 2px 1px -1px black;}
.header-home.stick {margin-top: 0 !important; position: fixed; top: 0; z-index: 10000;}
.logo h1 a{ text-decoration: none; font-size: 40px; font-weight: bold;  color: #333; text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8); -webkit-text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8); -moz-text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8); -ms-text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8);-o-text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8);}

.main-menu{float: right;}
.main-menu ul li{display: inline;}
.main-menu ul li a{display:inline-block; padding: 15px 20px 40px 20px; font-size: 18px; color: #ffffff;}

#menu-area{background-color: #252525;border-bottom: #558486 1px solid;border-top: #558486 1px solid;}
.toggleMenu {position: absolute;z-index: 12;top: -35px;right: 15px;width: 27px;height: 24px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;cursor: pointer;border-radius: 4.32px;}
.main-menu ul {list-style: none;}
.main-menu ul:before,
.main-menu ul:after {content: " ";display: table;}
.main-menu ul:after {clear: both;}
.main-menu ul ul {list-style: none;width: 9em;}
.main-menu ul a {color:#fff;font-size: 14px;text-decoration: none;}
.main-menu ul li {float: left;position: relative;}
.main-menu ul > li > a {color: #fff;text-decoration: none;display: block;padding: 5px 10px;}
.main-menu ul li a:hover{color: #fff;}
.main-menu ul li li a {display: block;position: relative;padding: 10px 10px;}
.main-menu ul li li li a {z-index:200;}
.main-menu ul li  ul {position: absolute;left: -9999px;z-index: 1;}

@media screen and (min-width: 768px) {
.main-menu ul > li:hover > ul {top: 25px;left: -1px;width: 155px;background-color: #252525;}
.main-menu ul li li:hover ul {left: 100%; top: 0px;}
.main-menu ul li ul li{width: 100%;}
}
@media screen and (max-width: 767px) {
.toggleMenu .bot, .toggleMenu .mid, .toggleMenu .top {background-color: #ecf0f1;height: 5px;width: 27px;position: absolute;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-backface-visibility: hidden;backface-visibility: hidden;border-radius: 2px;}
.toggleMenu .top {top: 0px;}
.toggleMenu .mid {top: 9.5px;}
.toggleMenu .bot {top: 20px;}
.toggleMenu.active .top {top: 6px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.toggleMenu.active .mid {opacity: 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.toggleMenu.active .bot {top: 6px;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.active {display: block;}
.main-menu{width: 100%;}
.main-menu ul {padding-top: 20px;}
.main-menu ul > li {float: none;display: table;width: 100%;}
.main-menu ul li{border-right: none;}
.main-menu ul ul {display: block;width: 100%;padding-top: 0px;margin-left: 20px;}
.main-menu ul > li.active > ul , .main-menu ul li li.active ul {position: static;}
.main-menu span{display: inline-block;width: 40px;height: 25px;float: right;text-align: center;vertical-align: middle;position: relative;}
.main-menu span .fa {line-height: 18px;font-size: 20px;color: #558486;}
.main-menu li span .down:before{content: "\f107";}
.main-menu li.active span .down.up:before{content: "\f106";}
}


/*----------------------------
      Promo Start here
-----------------------------*/

.promo{text-align: center; padding: 50px 0px; min-height: 500px;}
.main-promo-title h1{padding-top: 80px; padding-bottom: 20px; font-size: 26px; font-weight: bold;}
.promo-description h2{padding-bottom: 80px; font-size: 20px;}
.promo .search-form{position: relative; width: 45%; margin: 0px auto;}
.promo .search-form input.search-field{display: block; width: 100%; height: 50px; margin: 0px auto; padding: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
border: 1px solid #000; outline: none; background: rgba(51, 51, 51, 0.45); box-shadow: inset 0px 0px 2px #000; -webkit-box-shadow: inset 0px 0px 2px #000; -moz-box-shadow: inset 0px 0px 2px #000; -ms-box-shadow: inset 0px 0px 2px #000; -o-box-shadow: inset 0px 0px 2px #000;
transition: box-shadow 1s; -webkit-transition: box-shadow 1s; -moz-transition: box-shadow 1s; -ms-transition: box-shadow 1s; -o-transition: box-shadow 1s; }
.promo .search-form input.search-field:focus{box-shadow: inset 0px 0px 10px #31353A; -webkit-box-shadow: inset 0px 0px 10px #31353A; -moz-box-shadow: inset 0px 0px 10px #31353A; -ms-box-shadow: inset 0px 0px 10px #31353A; -o-box-shadow: inset 0px 0px 10px #31353A;}
.promo .search-form input#search-button{background: url("../images/search.png") no-repeat; position: absolute; top: 10px; right: 10px; border: none; outline: none; width: 32px; height: 32px; text-indent: -9999px;}

.promo .search-form .loading{position: absolute; top: 10px; right: 15px;}
.promo .search-form .ajax-preview{position: absolute; top: 60px; left:0px; right: 0px; float:left; width: 100%; background: #1d1d1d; z-index: 10;}
.promo .search-form .ajax-preview ul{float:left; width: 100%; padding:10px; border: 1px solid #353535;}
.promo .search-form .ajax-preview ul li{float: left; width: 100%; margin-bottom: 5px; border-bottom: 1px solid #383838;}
.promo .search-form .ajax-preview ul li a{color: #ffffff;}
.promo .search-form .ajax-preview ul li a img{float:left; width: auto; height: 30px; margin-right: 10px;}
.promo .search-form .ajax-preview ul li a p{line-height: 30px;}

/*----------------------------
      Home Slider here
-----------------------------*/
.slider-header{background: rgba(26, 26, 26, 0.8); }
.main-slider{padding: 30px 0px;}
.main-slider .single-cover{margin: 2px; border: 5px solid #0e0e0e;}
.main-slider img{max-width: 100%; height: auto; margin-bottom: -3px;}


/*----------------------------
      recent Post Start here
-----------------------------*/

.recent-posts{float: left; width: 100%; background: rgba(26, 26, 26, 0.8); padding: 20px 0px;}
.recent-posts .r-post{text-align: center;}
.recent-posts .r-post h1{font-size: 20px; margin-bottom: 20px;}
.single-holder{ position: relative; z-index: 1; margin-bottom: 10px;}
.single-rec-post{border: 5px solid #262626; background: #1a1a1a;}
.single-rec-post:before, .single-rec-post:after{ z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #000; -webkit-box-shadow: 0 15px 10px #000; -moz-box-shadow: 0 15px 10px #000; box-shadow: 0 15px 10px #000; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg);}
.single-rec-post:after, .sb-slider:after{ -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto;}
.single-rec-post .cover-image img{max-width: 100%; height: auto; margin-bottom: -3px;}
.single-rec-post .post-info{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; right: 0px; padding: 10px; text-align: center;}
.single-rec-post .post-info p{line-height: 30px;}
.single-rec-post .fixed-info p.imdb-rating{position: absolute; bottom: 80px; left: 0; padding: 10px 10px 10px 70px; background: rgba(0,0,0,0.9) url("../images/imdb.png") no-repeat 10px center; background-size: 50px;}
.single-rec-post .fixed-info p.imdb-rating a{color: #08F78A;}
.single-rec-post .fixed-info a.read-more{position: absolute; color: #08F78A; font-weight: bold; bottom: 10px; left: 0; right: 0; text-align: center; padding: 15px; background: rgba(0,0,0,0.9); box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; -moz-box-shadow: inset 0 0 10px #000000; -ms-box-shadow: inset 0 0 10px #000000; -o-box-shadow: inset 0 0 10px #000000;}

.single-rec-post .post-info p.hidecat a, .single-rec-post .post-info p.hidecomm a{color: #08F78A;}

/* Make it move */
.single-rec-post .post-info h2{width: 100%; padding-bottom: 30px; margin: 0 auto; white-space: nowrap; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.single-rec-post .post-info h2 a{color: #08F78A; padding-top: 20px; font-size: 18px; display: inline-block; padding-left: 100%; animation: marquee 15s linear infinite; -webkit-animation: marquee 15s linear infinite; -moz-animation: marquee 15s linear infinite; -ms-animation: marquee 15s linear infinite; -o-animation: marquee 15s linear infinite;}
.single-rec-post .post-info h2 a:hover{animation-play-state: paused; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -ms-animation-play-state: paused; -o-animation-play-state: paused;}

@keyframes marquee {
    0%   { transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); }
}


/*--------------Flip----------------*/

.single-rec-post .cover-image{ transition: transform 0.5s; -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; -ms-transition: transform 0.5s; -o-transition: transform 0.5s; transform: rotateY(0); -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0);}
.single-rec-post:hover .cover-image{ transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg);}
.single-rec-post .post-info{ transition: transform 0.5s, background 0.5s; -webkit-transition: transform 0.5s, background 0.5s; -moz-transition: transform 0.5s, background 0.5s; -ms-transition: transform 0.5s, background 0.5s; -o-transition: transform 0.5s, background 0.5s; transform: rotateY(-180deg); visibility: hidden; }
.single-rec-post:hover .post-info{transform: rotateY(0); -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); background: #101010; visibility: visible; }



/*----------------------------
      Pagination css Start here
-----------------------------*/

.bottom-pagi{float: left; width: 100%; background: #1a1a1a; text-align: center; padding: 20px 0px;}
.bottom-pagi .wp-pagenavi{padding:10px 0px;}
.bottom-pagi a,.bottom-pagi span{text-decoration:none;display:inline-block;height:32px; border: 1px solid #1a1a1a; padding:0px 15px 0px 15px;background:#151515;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;box-shadow:inset 0px 0px 8px #000000;-webkit-box-shadow:inset 0px 0px 8px #000000;-moz-box-shadow:inset 0px 0px 8px #000000;-ms-box-shadow:inset 0px 0px 8px #000000;-o-box-shadow:inset 0px 0px 8px #000000;color:#08F78A;font-size:16px;line-height:32px;font-weight:normal;margin-right:5px;}
.bottom-pagi span.current{color:gray;}


/*----------------------------
      Footer css Start here
-----------------------------*/


.footer{float: left; width: 100%; background: #151515; text-align: center; padding: 40px 0px;}
.footer h2{padding: 10px 20px;}
.footer-menu ul{}
.footer-menu ul li{display: inline;}
.footer-menu ul li a{float: left; padding: 10px 20px;  color: #ffffff;}




/*---------------------------------------------------------------------
  ##################### Single page css Start here ####################
-----------------------------------------------------------------------*/

/*----------------------------
  cover-info css Start here
-----------------------------*/

.single-page-content{background: rgba(26, 26, 26, 0.78); padding-bottom: 30px;}
.cover-info{float:left; width: 100%; min-height: 300px; padding: 80px 0px 20px 0px;}
.left-cover{float: left; width: 320px; margin: 15px 0px;}
.left-cover img{max-width: 100%;height: auto; border: 5px solid #232222; box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; -moz-box-shadow: 0px 0px 3px #000; -ms-box-shadow: 0px 0px 3px #000;-o-box-shadow: 0px 0px 3px #000;}
.right-info{margin: 15px 0px;}
.right-info h2{font-size: 24px; line-height: 40px; color: #636565; font-weight: bold;}
.more-info{padding: 15px 0px;}
.more-info p{line-height: 20px;}

.summary h3, .other-seasons h3{line-height: 26px; margin-bottom: 5px; color: #fff;}
.summary p{line-height: 20px; text-align: justify;}
.other-seasons{margin-top: 20px;}

.download-button{margin-top: 20px;}
.download-button a{float:left; width: 100%; text-decoration: none; padding: 15px 5px; text-align: center; background: #262626; color: #525252; font-weight: bold;box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; -moz-box-shadow: 0px 0px 3px #000; -ms-box-shadow: 0px 0px 3px #000;-o-box-shadow: 0px 0px 3px #000; text-shadow: 1px 1px 1px #000; -webkit-text-shadow: 1px 1px 1px #000; -moz-text-shadow: 1px 1px 1px #000;-ms-text-shadow: 1px 1px 1px #000; -o-text-shadow: 1px 1px 1px #000; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;}
.download-button a:hover{color: #08F78A; box-shadow: 0px 0px 3px #08F78A; -webkit-box-shadow: 0px 0px 3px #08F78A; -moz-box-shadow: 0px 0px 3px #08F78A; -ms-box-shadow: 0px 0px 3px #08F78A;-o-box-shadow: 0px 0px 3px #08F78A; }

/*-------------------------------------------
  Screenshot and Trailer css Start here
--------------------------------------------*/

.screenshot-trailer{float:left; width: 100%; margin: 20px 0px;}
.screenshot-trailer h2{line-height: 40px; font-size:  20px; color: #fff;}
.tv-trailer iframe{max-width: 100%; border: 3px solid #232222; box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; -moz-box-shadow: 0px 0px 3px #000; -ms-box-shadow: 0px 0px 3px #000;-o-box-shadow: 0px 0px 3px #000;}
.screen-shot img{margin-bottom: 5px; max-width: 100%; height: auto; border: 3px solid #232222; box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; -moz-box-shadow: 0px 0px 3px #000; -ms-box-shadow: 0px 0px 3px #000;-o-box-shadow: 0px 0px 3px #000;}
.file-info{margin-top: 20px; background: #1a1a1a; padding: 10px; border: 3px solid #232222;}
.file-info p{line-height: 20px;}
.uploader-info{margin: 20px 0px; background: #1a1a1a; padding: 10px; border: 3px solid #232222;}
.uploader-info p{line-height: 20px;}


/*----------------------------
  Tag Effect css Start here
-----------------------------*/

.genre-years{float: left; width: 100%; background: #181818; padding: 40px 0px;}
.genre-years-title h2{line-height: 40px; font-size: 20px; margin-bottom: 10px; text-align: center;}
.by-genre{border-bottom: 3px solid #232222; margin-bottom: 20px;}
.by-year h2, .by-genre h2{padding-bottom: 20px;}
.years, .genre { overflow:hidden; list-style:none; padding:0; margin:0 0 20px -10px; }
.years li, .genre li { float:left; padding:0; margin:5px; font:16px/20px Arial, sans-serif; line-height: 30px;}
.years a, .genre a {float: left; text-decoration: none; font-weight:bold; text-align: center; padding: 10px 20px; background: #262626; color: #525252; box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000;-moz-box-shadow: 0px 0px 3px #000; -ms-box-shadow: 0px 0px 3px #000; -o-box-shadow: 0px 0px 3px #000;text-shadow: 1px 1px 1px #000; -webkit-text-shadow: 1px 1px 1px #000; -moz-text-shadow: 1px 1px 1px #000;-ms-text-shadow: 1px 1px 1px #000; -o-text-shadow: 1px 1px 1px #000; transition: .5s; -webkit-transition: .5s;-moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;}
.years a:hover, .genre a:hover{color: #08F78A; box-shadow: 0px 0px 3px #08F78A; -webkit-box-shadow: 0px 0px 3px #08F78A; -moz-box-shadow: 0px 0px 3px #08F78A; -ms-box-shadow: 0px 0px 3px #08F78A;-o-box-shadow: 0px 0px 3px #08F78A;}
.years a{width: 117px;}
.genre a{width: 154px;}


/*----------------------------
  Comments css Start here
-----------------------------*/

.comments{float:left; width: 100%; padding-bottom: 20px; padding-top: 20px; background: #1a1a1a; border-top: 1px solid #000;}
.rec_post_cover img{max-width: 100%; height: auto; margin-bottom: -3px;}
.post-you-may-like h2{line-height: 40px; font-size: 20px; margin-bottom: 10px;}
.post-you-may-like ul li{padding: 5px;}
.post-you-may-like ul li a{float: left; border: 3px solid white;}

.user-comments{margin: 50px 0px;}
.user-comments h2{margin: 40px 0px; font-size: 24px; font-weight: bold;}
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { margin: 1em 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;  box-shadow: 0 2px 2px -2px black; -webkit-box-shadow: 0 2px 2px -2px black; -moz-box-shadow: 0 2px 2px -2px black; -ms-box-shadow: 0 2px 2px -2px black; -o-box-shadow: 0 2px 2px -2px black; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px solid #000; padding:1em; }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.comment-body {padding-bottom: 10px;}
ol.commentlist li.comment div.vcard { font-size: 16px; line-height: 20px;}
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { float:right; width: 50px; height: 50px; border: 2px solid #1a1a1a; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:12px; padding-bottom: 20px;}
ol.commentlist li.comment div.comment-meta a { color:#ccc; }
ol.commentlist li.comment p { font-size:16px; line-height: 20px; color: #bfbfbf;}
ol.commentlist li.comment ul { font-size:14px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply { font-size:14px; padding-top: 10px;}
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 1em .25em; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 1em .25em; }
ol.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 1em .25em; }
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { background:#262626; }
ol.commentlist li.odd { background:#333333; }
ol.commentlist li.parent {}
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}




#respond { }
#respond h3{font-size: 20px; line-height: 40px;}
#respond p{font-size: 16px; padding: 10px 0px;}

#respond input[type=text], textarea, #cntctfrm_contact_form .text, .cntctfrm_contact_submit {
-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;
padding: 15px; background: #292929; border: 1px solid #000000; outline: none; color: #ffffff;
box-shadow:inset 0 0 5px #000000; -webkit-box-shadow:inset 0 0 5px #000000;-moz-box-shadow:inset 0 0 5px #000000;-ms-box-shadow:inset 0 0 5px #000000;-o-box-shadow:inset 0 0 5px #000000;
}
 
#respond label{clear: both; display: block; padding-bottom: 10px;}

#submit {
padding: 15px 30px; border: 1px solid #000000; outline: none; background: #292929; color: #ffffff;
box-shadow: 0 8px 6px -6px black; -webkit-box-shadow: 0 8px 6px -6px black;-moz-box-shadow: 0 8px 6px -6px black;-ms-box-shadow: 0 8px 6px -6px black;-o-box-shadow: 0 8px 6px -6px black;
} 

#cntctfrm_contact_form, .cntctfrm_column, .cntctfrm_field_message_wrap{max-width: 100%;}
#cntctfrm_contact_form label{margin-bottom: 5px;}
#cntctfrm_contact_message, .cntctfrm_input_message{width: 600px; max-width: 90%; height: 240px;}
.cntctfrm_contact_submit{box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000;-moz-box-shadow: 0 0 5px #000000;-ms-box-shadow: 0 0 5px #000000;-o-box-shadow: 0 0 5px #000000;}

.class-404{height: 450px;}
.class-404{height: 450px;}

/*----------------------------
    Page
-----------------------------*/
.full-width .page-title h2{font-size: 24px; line-height: 40px; margin-bottom: 20px;}
.full-width .page-content p{margin: 3% 0px;font-size: 16px; line-height: 20px;}


/*----------------------------
  Scroll bar css Start here
-----------------------------*/

::-webkit-scrollbar {
    width: 10px;
    height: 20px;
}
::-webkit-scrollbar-thumb {
    background-color: #666;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);
}


/*----------------------------
  Search Loading
-----------------------------*/

.circle {
 background-color: rgba(0,0,0,0);
 border:5px solid rgba(0,183,229,0.9);
 opacity:.9;
 border-right:5px solid rgba(0,0,0,0);
 border-left:5px solid rgba(0,0,0,0);
 border-radius:50px;
 box-shadow: 0 0 35px #2187e7;
 width:30px;
 height:30px;
 margin:0 auto;
 -moz-animation:spinPulse 1s infinite ease-in-out;
 -webkit-animation:spinPulse 1s infinite linear;
}
.circle1 {
 background-color: rgba(0,0,0,0);
 border:5px solid rgba(0,183,229,0.9);
 opacity:.9;
 border-left:5px solid rgba(0,0,0,0);
 border-right:5px solid rgba(0,0,0,0);
 border-radius:50px;
 box-shadow: 0 0 15px #2187e7; 
 width:20px;
 height:20px;
 margin:0 auto;
 position:relative;
 top:-30px;
 -moz-animation:spinoffPulse 1s infinite linear;
 -webkit-animation:spinoffPulse 1s infinite linear;
}
@-moz-keyframes spinPulse {
 0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;}
 50% { -moz-transform:rotate(145deg); opacity:1; }
 100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
 0% { -moz-transform:rotate(0deg); }
 100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes spinPulse {
 0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; }
 50% { -webkit-transform:rotate(145deg); opacity:1;}
 100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
 0% { -webkit-transform:rotate(0deg); }
 100% { -webkit-transform:rotate(360deg); }
}




/*----------------------------
    Media query Css
-----------------------------*/

@media only screen and (max-width: 992px) {
  .promo form.search-form{width: 80%;}
}