/* ==== --- ==== --- ==== --- ==== || Habitat child theme style || Body style start here || font-family: 'Lato', sans-serif; || font-family: 'Roboto', sans-serif; || font-family: 'Roboto Condensed', sans-serif; || font-family: 'Open Sans', sans-serif; || font-family: 'Raleway', sans-serif; ==== --- ==== --- ==== --- ==== */ body{ font-size:22px; font-weight:400; padding:65px 0 0; margin:0;} .all{ font-size:22px; width:100%; height:auto; overflow:hidden} .container{ width:100%; max-width:1260px;} .blog-page-layout-main .container{ max-width:1180px;} body > section, #boxed > section{ padding:0;} /* ==== --- ==== --- ==== --- ==== || Habitat child theme style || Header style start here || font-family: 'Lato', sans-serif; || font-family: 'Roboto', sans-serif; || font-family: 'Roboto Condensed', sans-serif; || font-family: 'Open Sans', sans-serif; || font-family: 'Raleway', sans-serif; ==== --- ==== --- ==== --- ==== */ .habitat-custom-page-donate #header{ min-height:830px;} #header{background-color: #282828; height: 65px; width: 100%; top: 0; border-radius: 0; border: none; margin-bottom: 0; box-shadow: 0 0 20px 0 rgba(18, 18, 18, 0.5); position: fixed; z-index: 10000; } body.logged-in #header{top: 32px;} #header .navbar-brand{ padding:0; } body.logged-in{ padding-top:65px;} #header .text_right { height: 36px; width: 330px; padding-left: 10px; border-left-width: 1px; border-left-style: solid; border-left-color: #FFF; position: absolute; top: 15px; right: 15px;} #header .text_right .tr_text { font-size: 12px; color: #E7E7E7; display: block; float: left; padding-left: 5px; font-family: Arial, Helvetica, sans-serif; font-weight: 700; padding-top: 2px;} #header .text_right .tr_btn { font-size: 12px; line-height: 36px; color: #FFF; text-align: center; display: block; height: 36px; background: linear-gradient(45deg,#3399ff 0%,#00caf0 100%); float: right; padding-right: 10px; padding-left: 10px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; border-radius: 3px; -moz-border-radius: 3px;} .navbar .navbar-main { margin-top: 10px; float: right; } .navbar .navbar-main > li { margin-left: 0; } .navbar .navbar-main > li > a{font-size: 16px;} .navbar .navbar-main > li:focus > a, .navbar .navbar-main > li:active > a, .navbar .navbar-main > li:hover > a, .navbar .navbar-main > li.active > a, .navbar .navbar-main > li.active:hover > a, .navbar .navbar-main > li.open > a, .navbar .navbar-main > li.open:hover > a { background-color: transparent; color: #fff; text-transform: uppercase; } #banner-home-page{ margin-top:5px;} .ppt_left{ width:74%; float:left; background-color:#000; height: 360px; overflow: hidden;} .ppt_right { float: right; width: 26%;} .ppt_right .pr_title { font-size: 16px; margin: 0; line-height: 45px; font-weight: bold; color: #FFF; width: 100%; padding-left: 10px; background-image: url(../images/222.png); background-repeat: no-repeat; background-position: right center; background-color: #000;} .ppt_right .ppt_mov { width: 100%; padding-left: 10px; padding-top: 7px; padding-bottom: 7px; float: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; position: relative; padding-right: 10px; text-decoration: none; } .ppt_right .ppt_mov .pm_img { width: 60px; height: 90px; position: absolute; left: 10px; top: 7px; } .ppt_right .ppt_mov .pm_img img { width: 100%; } .ppt_right .ppt_mov .pm_ri { width: 100%; height: 90px; padding-left: 70px;} .ppt_right .ppt_mov .pm_ri .pmr_name { width: 100%; font-size: 16px; font-weight: bold; color: #FFF; display: block; overflow: hidden; margin-bottom: 10px; height: 18px; } .ppt_right .ppt_mov .pm_ri .pmr_time { width: 100%; font-size: 12px; color: #ccc; display: block; overflow: hidden; margin-bottom: 10px; height: 15px; } .ppt_right .ppt_mov .pm_ri .pmr_watch { font-size: 14px; color: #FFFFFF; background-color: #3399ff; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; border-radius: 3px; -moz-border-radius: 3px; display: table; } .items img{ width:100%;} #ourclient_reviews { position: relative; height: auto; overflow: hidden; max-height: 360px;} .owl-dots{ position:absolute; bottom: 20px; left: 20px; z-index: 999;} .owl-dots .owl-dot { width: 25px; cursor:pointer; height: 7px; background: #fff; float: left; border-radius: 500px; margin-left: 10px;} .owl-dots .owl-dot.active{ background:#3399ff;} /* ==== --- ==== --- ==== --- ==== || Habitat child theme style || Content style start for woocommerce || font-family: 'Lato', sans-serif; || font-family: 'Roboto', sans-serif; || font-family: 'Roboto Condensed', sans-serif; || font-family: 'Open Sans', sans-serif; || font-family: 'Raleway', sans-serif; ==== --- ==== --- ==== --- ==== */ select { -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none; appearance: none !important; background: url(../images/vector_1.png) no-repeat; background-color: rgba(0, 0, 0, 0); background-position-x: 0%; background-position-y: 0%; background-position: right center;} #page{ min-height:350px;} .ads{ text-align:center; padding-top: 20px;} .left_right_box_link{ margin:20px 0;} .left_right_box_link img{ width:100%;} .left-side-widget { background-color: #1b1b1b; box-shadow: 0 7px 18px -9px #000; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; width: 100%; margin-top: 20px;} .left-side-widget h2 { font-size: 22px; line-height: 50px; font-weight: bold; color: #FFF; width: 100%; border-bottom: 1px solid #555;} .movie_box { margin-right: -5px; margin-left: -5px; overflow: hidden; display: block; margin-top: 20px;} .movie_box .movie_list { float: left; margin-bottom: 20px; padding-left: 5px; padding-right: 5px; width: 20%; position: relative;} .movie_details_box .details_box { width: 100%; clear: both;} .movie_details_box .movie_title { font-size: 32px; line-height: 32px; color: #ffffff; width: 100%; padding-bottom: 20px; margin: 0;} .movie_details_box .details_item { font-size: 20px; line-height: 30px; font-weight: 500; color: #FFF; float: left; height: 30px; margin-right: 50px;} .movie_details_box .details_item i { color: #ffcc66; line-height: 30px; font-size: 24px; margin-right: 10px;} .movie_details_box .details_item { font-size: 20px; line-height: 30px; font-weight: 500; color: #FFF; float: left; height: 30px; margin-right: 50px;} .movie_details_box .details_box .details_box_left .overview { height: 100px; width: 100%; overflow: hidden; position: relative; margin-top: 15px;} #mobile_btn_show { display: none;} .warning_text { font-size: 12px; color: #999; width: 100%; background-size: 15px; margin-top: 10px; height: 15px;} .movie_details_box .details_box .details_box_left .details_watch { font-size: 20px; line-height: 60px; font-weight: bold; color: #FFF; text-align: center; width: 70%; border-radius: 5px; -moz-border-radius: 5px; margin-top: 45px; background: linear-gradient(45deg,#3399ff 0%,#00caf0 100%); vertical-align: middle;} .movie_details_box .details_box .details_box_left .details_watch .details_watch_image { background-image: url(../images/amazon_btn.png); background-repeat: no-repeat; background-size: 95px auto; width: 95px; height: 40px; background-position: center center; vertical-align: middle; display: inline-block;} .movie_details_box .details_box .details_box_left .details_hd { font-size: 20px; line-height: 60px; font-weight: bold; color: #FFF; text-align: center; width: 70%; border-radius: 5px; -moz-border-radius: 5px; margin-top: 30px; border: 1px solid #FFF; cursor: pointer;} .movie_details_box .details_box .details_box_left .details_hd i { font-size: 18px; color: #FFF; margin-right: 10px;} .movie_details_box .details_box .details_box_left .overview { height: 100px; width: 100%; overflow: hidden; position: relative; margin-top: 15px;} .movie_details_box .details_box .details_box_left .overview p { font-size: 16px; line-height: 25px; color: #CCC; font-style: oblique; width: 100%;} .movie_details_box .details_box .details_box_left { float: left; width: 515px;} .movie_details_box .details_box .details_box_right { float: right; width: 365px;} .movie_details_box .details_box .details_box_right .video_list { width: 100%; overflow: hidden; background-color: #333; height: 317px; position: relative; border: 15px solid #555; display: block;} a { text-decoration: none; font-family: "Source Sans Pro", sans-serif; color: #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block;} .movie_details_box .details_box .details_box_left .details_watch { font-size: 20px !important; line-height: 60px; font-weight: bold; color: #FFF; text-align: center; width: 70%; border-radius: 5px; -moz-border-radius: 5px; margin-top: 45px; background: linear-gradient(45deg,#3399ff 0%,#00caf0 100%); vertical-align: middle;} .movie_details_box .details_box .details_box_left .details_watch .details_watch_image { background-image: url(../images/amazon_btn.png); background-repeat: no-repeat; background-size: 95px auto; width: 95px; height: 40px; background-position: center center; vertical-align: middle; display: inline-block; margin-right: 10px;} .movie_details_box .details_box .details_box_right .video_list .vl_title { font-size: 22px; line-height: 54px; font-weight: bold; color: #FFF; width: 100%; padding-left: 10px; border-bottom: 1px solid #555; position: relative;} h1, h2, h3, dl, dt, dd, ol, textarea, img, table, th, td, article, aside, ul, li, form, label, p, span, applet, object, iframe, input, button, select { padding: 0; padding-left: 0px; margin: 0; border: 0 none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: 0px; color: #FFF; font-family: "Source Sans Pro", sans-serif; list-style: none; font-weight: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block;} .movie_details_box .details_box .details_box_right .video_list .vl_title .vt_ad { width: 35px; position: absolute; right: 0px; top: 0px; color: #CCC; font-size: 13px; height: 20px; line-height: 20px;} .movie_details_box .details_box .details_box_right .video_list .vl_line { color: #ccc; transition: all 0.178s ease 0s; width: 100%; font-size: 22px; line-height: 40px; padding-top: 13.5px; padding-right: 20px; padding-bottom: 13.5px; background-repeat: no-repeat; background-position: 10px center; text-indent: -10000px;} .movie_details_box .details_box .details_box_right .video_list .vl_line:hover { background-color: #444;} .movie_details_box .details_box .details_box_right .video_list .vl_line span { color: #FFF; display: block; font-size: 18px; line-height: 40px; background: linear-gradient(45deg,#BD1429 0%,#E71D36 100%); padding-left: 15px; float: right; border-radius: 3px; -moz-border-radius: 3px; text-indent: 0px;} .movie_details_box .details_box .details_box_right .video_list .vl_line span i { border-left-width: 1px; border-left-style: solid; border-left-color: #FFF; font-size: 18px; line-height: 20px; padding-left: 15px; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px;} .movie_details_box .details_box .details_box_right .video_list .more_list { font-size: 16px; line-height: 30px; color: #CCC; text-decoration: underline; height: 30px; width: 100%; position: absolute; left: 0px; bottom: 0px; text-align: center; font-weight: bold; background-color: #333; cursor: pointer;} .movie_details_box .genres_box { width: 100%; padding-top: 20px;} .movie_details_box .genres_box a { display: block; margin-right: 8px; color: #9a9a9a; font-size: 16px; border-radius: 3px; -moz-border-radius: 3px; background-color: #282828; margin-bottom: 10px; float: left; padding-right: 15px; padding-left: 15px; line-height: 25px;} .sources_roll { background-color: rgba(0,0,0,0.6); height: 100%; width: 100%; position: fixed; z-index: 1000; left: 0px; top: 0px; display: none; transition: opacity 0.15s linear 0s;} .sources_roll .sources_box { width: 600px; display: block; border: 15px solid #555; background-color: #333; margin-top: 100px; transition: transform 0.3s ease-out 0s; margin-right: auto; margin-left: auto; position: relative;} .sources_roll .sources_box .tvb_close { height: 20px; width: 20px; position: absolute; top: -15px; right: -15px; color: #FFF; line-height: 20px; text-align: center; cursor: pointer; z-index: 12; font-size: 18px;} .sources_roll .sources_box .sources_list { width: 100%; overflow: hidden;} .sources_roll .sources_box .sources_list .vl_title { font-size: 22px; line-height: 60px; font-weight: bold; color: #FFF; width: 100%; padding-left: 10px; border-bottom: 1px solid #555; position: relative;} .sources_roll .sources_box .sources_list .vl_line { color: #ccc; transition: all 0.178s ease 0s; width: 100%; font-size: 22px; line-height: 40px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 135px; background-repeat: no-repeat; background-position: 10px center;} .sources_roll .sources_box .sources_list .vl_line span { color: #FFF; display: block; font-size: 18px; line-height: 40px; background: linear-gradient(45deg,#BD1429 0%,#E71D36 100%); padding-right: 15px; padding-left: 15px; float: right; border-radius: 3px; -moz-border-radius: 3px;} .sources_roll .sources_box .sources_list .vl_title .vl_title_ad { width: 40px; position: absolute; right: 0px; top: 0px; color: #CCC; font-size: 13px; height: 20px; line-height: 20px;} .sources_roll .sources_box .sources_list .vl_title .vl_title_ad i { color: #CCC; margin-right: 5px;}.path { width: 100%; padding-top: 4px; font-size: 14px; line-height: 20px; color: #CCC; margin-bottom: 30px; } .path a { font-size: 14px; line-height: 20px; color: #CCC;} .height20 { height: 20px; display: block; clear: both;} .main_title { width: 100%; height: 30px; margin-bottom: 10px; clear: both;} .movie_details_box .video_box { width: 100%;} .movie_details_box .video_box .video_item { position: relative; float: left; width: 515px; height: 346.75px;} .movie_details_box .video_box .vb_pop { background-color: rgba(0, 0, 0, 0.6); bottom: 0; color: #fff; font-size: 14px; padding: 15px; position: absolute; width: 100%; display: block;} #mobile_show { display: none;} .movie_details_box .video_box .vb_pop .vbp_text { font-size: 14px; line-height: 40px; color: #FFF; float: left; display: block;} .movie_details_box .video_box .vb_pop .vbp_btn { background: linear-gradient(45deg,#3399ff 0%,#00caf0 100%); border-radius: 5px; color: #FFF; font-size: 18px; font-weight: bold; height: 40px; padding-right: 15px; padding-left: 15px; text-align: center; line-height: 40px; margin: auto; float: right;} .movie_details_box .video_box .vb_pop .vbp_close { background-image: url(../images/video_close.png); height: 30px; width: 30px; position: absolute; top: -30px; right: 0px;} .movie_details_box .video_box .video_banner { float: right; width: 365px;}.image_100 { display: block; width: 100%;} .image_100 img { width: 100%;} .movie_star { display: block; margin-right: -5px; margin-left: -5px;} .movie_star .movie_star_box { width: 33.3333%; float: left; padding-right: 5px; padding-left: 5px; margin-bottom:10px;} .movie_star .movie_star_box .movie_star_box_list { border: 1px solid #555; padding: 10px; width: 100%;} .movie_star .movie_star_box .movie_star_box_list .movie_star_box_details { width: 100%; position: relative; height: 78px; padding-bottom: 10px;} .movie_star .movie_star_box .movie_star_box_list .movie_star_box_details .movie_star_image { width: 45px; position: absolute; left: 0px; top: 0px; height: 68px;} .movie_star .movie_star_box .movie_star_box_list .movie_star_box_details .movie_star_image img { width: 100%;} .movie_star .movie_star_box .movie_star_box_list .movie_star_box_details .movie_star_name_as { width: 100%; padding-left: 70px;} .movie_star .movie_star_box .movie_star_box_list .movie_star_box_details .movie_star_name_as .movie_star_name { font-size: 18px; color: #FFF; width: 100%; overflow: hidden; overflow-wrap: normal; text-overflow: ellipsis; white-space: nowrap; width: 100%; margin-bottom: 5px; line-height: 25px;} .movie_star .movie_star_box .movie_star_box_list .movie_star_box_details .movie_star_name_as .movie_star_as { font-size: 14px; color: #CCC; width: 100%; overflow: hidden; overflow-wrap: normal; text-overflow: ellipsis; white-space: nowrap; width: 100%; line-height: 15px;} .reviews_box { width: 100%;} .reviews_box .reviews_list { width: 100%; background-color: #333; padding: 10px; position: relative; margin-bottom: 15px; border: 10px solid #555;} .reviews_box .reviews_list .reviews_list_author { width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; margin-bottom: 10px; overflow: hidden;} .reviews_box .reviews_list .reviews_list_author .rld_author { font-size: 18px; line-height: 25px; color: #FFF; font-weight: bold; float: left;} .reviews_box .reviews_list .reviews_list_content { width: 100%; display: block; overflow: hidden; position: relative;} .reviews_box .reviews_list .reviews_list_content .rlc_p { width: 100%; font-size: 16px; line-height: 20px; color: #CCC; display: block;} .movie_details_box .movie_logo { width: 100%; box-shadow: 0 2px 17px 0 #000000; position: relative;} .movie_details_box .movie_logo img { width: 100%;} .movie_details_box .movie_logo .movie_logo_play { height: 70px; width: 70px; position: absolute; z-index: 10; left: 0px; top: 50%; left: 50%; text-align: center; margin-top: -35px; margin-left: -35px;} .movie_details_box .movie_logo .movie_logo_play i { font-size: 70px; color: #E71D36; height: 70px; width: 70px;} .hidden-xs{ float:left;} .pagination { display: inline-block; padding-left: 0; margin: 0px 0 20px; border-radius: 4px;} .image_content_box{width: 100%; box-shadow: 0 2px 17px 0 #000000; position: relative;} /* ==== --- ==== --- ==== --- ==== || Habitat child theme style || Content style start here || font-family: 'Lato', sans-serif; || font-family: 'Roboto', sans-serif; || font-family: 'Roboto Condensed', sans-serif; || font-family: 'Open Sans', sans-serif; || font-family: 'Raleway', sans-serif; ==== --- ==== --- ==== --- ==== */ .owl-nav.disabled{ display:none; } /* ==== --- ==== --- ==== --- ==== || Habitat child theme style || Sidebar style start here || font-family: 'Lato', sans-serif; || font-family: 'Roboto', sans-serif; || font-family: 'Roboto Condensed', sans-serif; || font-family: 'Open Sans', sans-serif; || font-family: 'Raleway', sans-serif; ==== --- ==== --- ==== --- ==== */ /* ==== --- ==== --- ==== --- ==== || Habitat child theme style || Footer style start here || font-family: 'Lato', sans-serif; || font-family: 'Roboto', sans-serif; || font-family: 'Roboto Condensed', sans-serif; || font-family: 'Open Sans', sans-serif; || font-family: 'Raleway', sans-serif; ==== --- ==== --- ==== --- ==== */ #bottom{ min-height:250px; background-color:#212121; background-position:top center; padding-top: 40px;} #footer{ background-color:#121212; min-height:50px; padding:0; color:#ddd;} .copyright-section{ text-align:center; padding-top: 15px;} .copyright-section p{ margin-bottom:0; font-size:14px; } .copyright-section p a{color:#ddd;} .f_subscribe_box { float: left; width: 100%; } .fn_title { font-size: 20px; font-weight: bold; color: #FFF; display: block; line-height: 35px; width: 100%; } .fn_p { font-size: 16px; color: #FFF; line-height: 18px; } .f_sear { height: 32px; width: 100%; background-color: #FFF; margin-top: 4px; position: relative; } form { display: block; } .f_sear input[type="text"] { font-size: 12px; line-height: 32px; color: #999999; float: left; height: 32px; width: 80%; border: 0px none #FFF; outline: none; padding-right: 10px; padding-left: 10px; } .f_sear input[type="button"] { font-size: 12px; color: #FFF; background-color: #212121; text-align: center; margin: 2px; height: 28px; width: 19%; border: 0px none #FFF; outline: none; float: right; } .f_u_right { float: right; padding-top: 10px; width: 100%; } .f_u_right a { float: left; height: 46px; width: 46px; margin-right: 16px; } .f_u_right .facebook { background-image: url(../images/facebook.png); } .f_u_right .twitter { background-image: url(../images/twitter.png); } .f_u_right .google_plus { background-image: url(../images/google_plus.png); } .f_u_right .instagram { background-image: url(../images/instagram.png); } #bottom ul{ padding:0; margin:0;} #bottom ul li{ display:block; width:100%; } #bottom ul li a{ color:#FFF; font-size: 16px;} /* ==== --- ==== --- ==== --- ==== || Habitat child theme style || Responsive style start here || font-family: 'Lato', sans-serif; || font-family: 'Roboto', sans-serif; || font-family: 'Roboto Condensed', sans-serif; || font-family: 'Open Sans', sans-serif; || font-family: 'Raleway', sans-serif; ==== --- ==== --- ==== --- ==== */ @media(min-width:20000px){ .banner-section{} } @media(min-width:1900px){ .banner-section{} } @media(min-width:1800px){ .banner-section{} } @media(min-width:1700px){ .banner-section{} .section-banner-area{margin-right: 315px;} } @media(min-width:991px) and (max-width:1259px){ .movie_details_box .details_box .details_box_left{ max-width:60%;} .movie_details_box .details_box .details_box_right{ max-width:40%;} } @media(max-width:991px){ .ppt_left { width: 100%; height:auto;} .ppt_right { float: right; width: 100%;} .movie_box .movie_list{width: 33.333333334%;} #header{ height:auto; position: relative;} body.logged-in, body{ padding:0;} body.logged-in #header { top: 0;} #header .navbar-brand {padding: 0; display: inline-block; float: inherit;} .pagination{ width:100%;} .image_content_box{ display:none !important;} #mobile_show { display: block;} #pc_btn_show { display: none;} .movie_details_box #pc_show{ display:none !important;} .movie_details_box .details_box .details_box_left{ max-width:100%;} .movie_details_box_right{ padding-top:20px;} .movie_details_box .movie_title{ font-size:24px;} #mobile_btn_show { display: block;} .movie_details_box .video_box .video_item{ width:100%;} .movie_star .movie_star_box{ width:50%;} .f_sear input[type="button"]{ position:absolute;} .movie_details_box .details_box .details_box_left .details_hd, .movie_details_box .details_box .details_box_left .details_watch{ width:100%; margin-top: 10px;} } @media(max-width:767px){ .header-menu .col-xs-12{ clear:both; text-align: center;} #header .text_right { height: auto; width: auto; padding-left: 0; border-left-width: 1px; border-left-style: solid; border-left-color: transparent; position: relative; top: 0; right: 0; display: block; margin-bottom: 15px; width: 100%; clear: both; overflow: hidden;} #header .text_right .tr_text{ text-align:center; width:100%;} #header .text_right .tr_btn{text-align:center; width:100%;} #bottom{ display:none;} #pc_show{ display:none;} #mobile_show{display:block;} } @media(max-width:414px){ .movie_box .movie_list{width: 50%;} .movie_star .movie_star_box{ width:100%;} .sources_roll .sources_box .sources_list .vl_line { text-indent: -10000px; } .sources_roll .sources_box .sources_list .vl_line span { text-indent: 0px; font-size: 14px; } .sources_roll .sources_box { width: 96%; } }