@charset "utf-8";

a, body { color: #fff; font-family: 'Open Sans', serif; }
a, a:focus, a:hover { text-decoration: none }
blockquote, body { font-weight: 400; }
.course-button i, .film-social a, .pagination, a.backtotop { text-align: center }
input[type=password] {font-size: 12px;}
[class*=" ns-"], [class^=ns-] { font-family: 'Open Sans', serif; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.ns-d-glasses:before { content: "\e900" }
.ns-award:before { content: "\e901" }
.ns-cinema-screen:before { content: "\e902" }
.ns-film-strip:before { content: "\e903" }
.ns-film:before { content: "\e904" }
.ns-illumination:before { content: "\e905" }
.ns-picture:before { content: "\e906" }
.ns-popcorn:before { content: "\e907" }
.ns-projector-screen:before { content: "\e908" }
.ns-seats:before { content: "\e909" }
.ns-television:before { content: "\e90a" }
.ns-theater:before { content: "\e90b" }
.ns-tickets:before { content: "\e90c" }
.ns-tripod:before { content: "\e90d" }
.ns-video-camera:before { content: "\e90e" }
* { padding: 0; margin: 0 }
*, :active, :focus, :hover { outline: 0!important }
body { font-family: 'Open Sans', serif; font-style: normal; line-height: 1.8; letter-spacing: 0; font-size: 15px }
.bg-body { background: url(../images/background/bg_body.jpg) }
ol, ul { list-style: none }
a { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s }
a:hover { color: #f2552c }
blockquote { font-size: 20px; font-style: italic; color: #ababab; padding: 20px 60px; margin: 0; border: none }
blockquote:after, blockquote:before, q:after, q:before { content: "" }
img { max-width: 100%; height: auto; vertical-align: top }
.course-button a, .course-button i { vertical-align: middle; display: inline-block }
iframe { border: none; width: 100%; }
.film-list-item iframe{width: 100vw; }
.v-hideup iframe{width: 100%;}
button, input, select, textarea { font-size: 15px; color: #404040; background-color: #f4f4f4; line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
textarea.form-control, select.form-control, input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], input[type="file"], textarea {box-shadow: none; background-image: none;background: #21232a; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 0px; color: #fff; padding: 7px 15px; outline: 0; width: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.popup-video img, .site { -webkit-transition: all .5s }
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], input[type="file"] { height: 40px }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 700; font-style: normal; line-height: 1.3; letter-spacing: 0; color: #333; margin-top: 0 }
.h1, h1 { font-size: 56px }
.h2, h2 { font-size: 40px }
.h3, h3 { font-size: 34px }
.h4, h4 { font-size: 24px }
.h5, h5 { font-size: 18px }
.h6, h6 { font-size: 14px }
.site { overflow: hidden; position: relative; z-index: 1; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.course-button i, .popup-video img { -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s }
.site.open { transform: translateX(256px) }
.site.open:before { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000; opacity: .5; z-index: 9999 }
.button, .button-2 { display: inline-block; font-size: 14px; font-weight: 400; line-height: 46px; height: 48px; border: 1px solid #f2552c; text-transform: uppercase; letter-spacing: .05em }
.button { background-color: #f2552c; color: #fff; padding: 0 20px }
.button-2, .button:hover { background-color: transparent; color: #f2552c }
.button-2 { padding: 0 40px }
.button-2:hover { background-color: #f2552c; color: #fff }
.button-2:focus { color: #fff; }
.top-search { width: 100%; background-color: #f2552c; color: #fff; display: none }
.top-search form { padding-left: 30px; position: relative }
.top-search form:before { content: '\f4a5'; font-family: Ionicons; font-size: 18px; font-weight: 700; position: absolute; left: 0; height: 40px; line-height: 40px }
.top-search form input[type=search] { border: none; background: 0 0; color: #fff; font-size: 16px; height: 40px; line-height: 40px; padding: 0 }
 .top-search form input[type=search]::-webkit-input-placeholder {
 color: #fff
}
 .top-search form input[type=search]::-moz-placeholder {
 color: #fff
}
 .top-search form input[type=search]:-ms-input-placeholder {
 color: #fff
}
 .top-search form input[type=search]:-moz-placeholder {
 color: #fff
}
.popup-video { overflow: hidden; margin-top: -80px; margin-bottom: 80px; position: relative }
.popup-video img { display: block; width: 100%; height: auto; transition: all .5s; z-index: 96 }
.popup-video:hover img { transform: scale(1.1) }
.popup-video a:after, .popup-video a:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #f2552c }
.popup-video a:before { content: ''; width: 100px; height: 100px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; opacity: .3; z-index: 97 }
.popup-video a:after { content: '\f215'; font-family: Ionicons; color: #fff; font-size: 24px; width: 80px; height: 80px; line-height: 80px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; text-align: center; display: block; z-index: 98 }
.popup-video.style-2 { margin-top: -110px; margin-bottom: 50px; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5); box-shadow: 0 0 20px rgba(0, 0, 0, .5) }
.course-button { margin: 20px 0; padding: 10px 0; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; }
.course-button .ion-arrow-right-c { width: 30px; height: 30px; line-height: 30px; background-color: #f2552c; color: #fff; margin-right: 12px; font-size: 18px; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2); box-shadow: 0 0 20px rgba(0, 0, 0, .2); -webkit-transition: all .5s; transition: all .5s }
.film-hire-box .link, a.backtotop:before { -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s }
.course-button:hover i { background-color: #333 }
.course-button a { color: #fff; font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: .05em; line-height: 1; padding-bottom: 5px }
#backtotopnew { width: 46px; height: 46px; line-height: 46px; font-size: 24px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #f2552c; position: fixed; right: 10px; cursor: pointer; text-align: center; bottom: 20px; z-index: 10 }
body.open-right .site:before { content: ''; position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #fff; opacity: .5; z-index: 1000 }
.featured-number { font-size: 150px; color: rgba(204, 204, 204, .02); line-height: 1; font-weight: 700; text-transform: none; margin-left: -20px }
.featured-title { font-size: 40px; color: #fff; font-weight: 400; text-transform: none; margin-top: -100px; margin-left: 110px }
.text-center .featured-title { margin-left: 240px }
.film-links-cloud { margin-top: 40px; margin-bottom: 70px; max-width: 530px }
.image-shadow, .image-shadow img { max-width: 100%; vertical-align: top }
.film-links-cloud ul { padding: 0 }
.film-links-cloud ul li { display: inline }
.film-links-cloud ul li a { font-size: 24px; line-height: 48px; font-weight: 400; color: #ababab }
.film-links-cloud.dark ul li a { color: #696969 }
.film-links-cloud ul li a:hover { color: #333 }
.film-links-cloud.dark ul li a:hover { color: #fff }
.film-links-cloud ul li a:before { content: "\f111"; font-family: FontAwesome; font-size: 6px; display: inline-block; line-height: 1; margin-left: 20px; margin-right: 20px; padding-top: 10px; transform: translateY(-50%); color: #e2e2e2 }
.film-links-cloud ul li:first-child a:before { content: ""; margin-left: 0; margin-right: 0 }
.film-links-cloud.dark ul li a:before { color: #696969 }
.film-hire-box { color: #fff; background-color: #333; width: 100%; padding: 90px 90px 60px; margin: 0; position: relative; overflow: hidden }
.film-hire-box .link a, .film-hire-box .title { font-weight: 400; color: #f2552c; text-transform: uppercase }
.film-hire-box .title { font-size: 14px }
.film-hire-box .text { margin-top: 30px; font-size: 34px; font-weight: 400; line-height: 1.4 }
.film-hire-box .link { margin-top: 80px; -webkit-transition: all .5s; transition: all .5s }
.film-hire-box .link a { display: inline-block; font-size: 14px; height: 48px; line-height: 46px; padding: 0 24px; border: 1px solid #f2552c }
.film-hire-box .link a:hover { border-color: #fff; color: #fff }
.film-hire-box.style-2 { background: 0 0; padding: 0 }
.film-hire-box.style-2:before { content: ' '; width: 2000px; height: 100%; background-color: #333; display: block; position: absolute; top: -70px; left: 50% }
.film-social .tooltip-inner, .film-social li:hover>a { background-color: #f2552c }
.film-hire-box.style-2 .film-hire-box-right { color: #fff; width: 100%; padding: 70px 130px; margin: 0; position: relative; overflow: hidden }
.open-right-content, .slideout-menu { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; bottom: 0 }
.pagination { margin-top: 60px; text-transform: uppercase; width: 100% }
.pagination a, .pagination span { width: 40px; padding: 0; height: 40px; line-height: 40px; margin: 0; font-weight: 700; display: inline-block }
.pagination .page-numbers.current { border-radius: 50%; height: 40px; color: #f2552c }
.pagination a { font-size: 14px; border: 0 }
.pagination a.prev, .pagination span.prev { border: 0; margin-right: 10px; width: auto }
.pagination a.prev:before, .pagination span.prev:before { content: '\f3d2'; font-family: Ionicons; margin-right: 10px }
.pagination a.next, .pagination span.next { border: 0; margin-left: 10px; width: auto }
.pagination a.next:after, .pagination span.next:after { content: '\f3d3'; font-family: Ionicons; margin-left: 10px }
.film-social li { margin-right: 10px; position: relative; display: inline-block }
.film-social a { display: inline-block; width: 40px; height: 40px; line-height: 38px; border: 1px solid #f4f4f4; border-radius: 20px; font-size: 14px; color: #696969 }
.image-box-shadow, .image-shadow img { height: auto; -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1) }
.film-social li:hover>a { color: #fff }
.film-social .tooltip.top .tooltip-arrow { border-top-color: #f2552c }
.image-shadow { display: inline-block; background-color: #f0f0f0 }
.image-shadow img { box-shadow: 0 10px 20px rgba(0, 0, 0, .1); transform: translate(40px, 60px) }
.hashtag { font-size: 80px; font-weight: 700; color: #333; line-height: 1; position: absolute; top: -40px; left: 100px }
.image-box-shadow { width: 100%; box-shadow: 0 10px 20px rgba(0, 0, 0, .1) }
#googleMap { min-height: 480px }
.box-shadow { -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1); box-shadow: 0 10px 20px rgba(0, 0, 0, .1) }
.floating { -webkit-animation-name: floating; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: floating; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; text-align: center; }
.floating img { max-width: 220px; }
 @-webkit-keyframes floating {
 from,  to {
 -webkit-transform: translate(0, 0)
}
 65% {
 -webkit-transform: translate(0, 15px)
}
}
 @-moz-keyframes floating {
 from,  to {
 -moz-transform: translate(0, 0)
}
 65% {
 -moz-transform: translate(0, 15px)
}
}
.header { width: 100%; margin-top: 0; margin-bottom: 0; position: relative; z-index: 99; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.logo { position: absolute; z-index: 9; width: 330px; top: 20px; left: 80px; }
.logo-carousel { margin-bottom: 30px }
.logo-carousel .logo-item img { display: block; margin: 0 auto; opacity: .2; transition: all .5s }
.film-project-featured .image img, .film-project-featured .image:before { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s }
.logo-carousel .logo-item:hover img, .logo-carousel.no-opacity .logo-item img { opacity: 1 }
.logo-carousel.no-opacity .logo-item:hover img { transform: scale(1.1) }
.section.border-bottom { border-bottom: 1px solid #eee }
.section.border-top { border-top: 1px solid #eee }
.section-title.small { font-size: 15px; line-height: 1.8; }
.section { position: relative; width: 100%; z-index: 1; padding: 60px 0; }
.home-page .section { min-height: 100vh; }
.inner-page .section { background: url('../images/movie-banner.jpg'); background-size: cover; }
.bg-shades { background: url('../images/bg-shades.png'); background-size: cover; }
.bg-shades-fold { color: #fff; background: #000; }
.flex-box { display: flex; justify-content: center; align-items: flex-start; }
.section-fixed { background-attachment: fixed; background-position: 50% 50% }
.section-bg-3, .section-bg-4, .section-bg-5 { background-position: center }
.section-bg-3 { background-image: url(../images/bg-shades.png) }
.page-title, .section-bg-6 { background-repeat: no-repeat; background-position: center bottom }
.section-bg-6 { background-image: url(../images/background/bg_6.png) }
.section-404, .section-bg-10, .section-bg-11, .section-bg-12, .section-bg-13, .section-bg-7, .section-bg-8, .section-bg-9 { background-position: center }
.section-bg-7 { background-image: url(../images/background/bg_7.png) }
.section-bg-8 { background-image: url(../images/background/bg_8.jpg) }
.section-bg-9 { background-image: url(../images/background/bg_9.jpg) }
.section-bg-10 { background-image: url(../images/background/bg_13.png); background-repeat: no-repeat }
.section-bg-11 { background-image: url(../images/background/bg_14.jpg) }
.section-bg-12 { background-image: url(../images/background/bg_15.jpg) }
.section-bg-13 { background-image: url(../images/background/bg_18.jpg) }
.section-404 { background-image: url(../images/background/bg_16.jpg) }
.film-project-featured { display: block; width: 100%; padding: 0; margin: 0; position: relative }
.film-project-featured .image { position: relative; overflow: hidden; z-index: 7 }
.film-project-featured .image:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, .5); z-index: 7; opacity: 0; transition: all .5s }
.film-project-featured:hover .image:before { opacity: 1 }
.film-project-featured .image img { width: 100%; height: auto; transition: all .5s }
.film-project-featured .info, .icon-boxes .icon-boxes-icon i { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s }
.film-project-featured .info { position: absolute; top: 60%; left: 0; display: block; width: 100%; text-align: center; transform: translateY(-50%); z-index: 8; opacity: 0; transition: all .5s }
.film-project-featured:hover .info { top: 50%; opacity: 1 }
.film-project-featured .info .category { color: #fff }
.film-project-featured .info .category a { font-size: 14px; font-style: italic; color: #fff; font-weight: 400 }
.film-project-featured .info .category a:hover { color: #f2552c }
.film-project-featured .info .title { font-size: 24px; color: #fff; font-weight: 400; margin-bottom: 90px }
.film-project-featured .info .more a { font-size: 12px; font-weight: 400; color: #f2552c; text-transform: uppercase; display: inline-block; padding: 15px 20px; border-width: 1px; border-style: solid; border-color: transparent; line-height: 1 }
.film-gallery-carousel .film-gallery-carousel-item .info .title, .icon-boxes .icon-boxes-title, .icon-boxes-small .icon-boxes-title { }
.film-project-featured .info .more a:hover { border-color: #f2552c }
.icon-boxes .icon-boxes-icon { color: #f2552c; font-size: 105px; padding-top: 50px; background-position: center center; background-size: contain; background-repeat: no-repeat }
.icon-boxes-icon svg { width: 90px; height: 100%; }
.icon-boxes-icon svg * { fill: #f2552c; }
.course-box:hover .icon-boxes-icon svg * { fill: #fff; }
.icon-boxes .icon-boxes-icon i { padding: 8px; border-radius: 50%; transition: all .5s }
.icon-boxes .icon-boxes-link a, .icon-boxes-shadow .icon-boxes-icon { -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s }
.icon-boxes .icon-boxes-title { font-weight: 700; margin-top: 20px; margin-bottom: 20px; position: relative; text-transform: uppercase; letter-spacing: .05em; font-size: 14px; color: #fff }
.icon-boxes .icon-boxes-content { color: #fff;font-size: 15px; }
.icon-boxes .icon-boxes-link { margin-top: 20px; display: flex; justify-content: flex-end; align-items: center; }
.icon-boxes .icon-boxes-link a { display: flex; justify-content: center; align-items: center; font-size: 1.5rem; font-weight: 700; color: #f2552c; font-style: italic; padding-left: 4px; letter-spacing: .1em; line-height: 34px; border: 2px solid #f4f4f4; -webkit-transition: all .5s; transition: all .5s; padding: 0 16px; border-radius: 0; }
.icon-boxes:hover .icon-boxes-link a { border-color: #ffffff; background-color: #d64924fc; color: #fff; }
.icon-boxes-shadow .icon-boxes-icon { width: 170px; height: 170px; line-height: 170px; text-align: center; display: inline-block; color: #f2552c; font-size: 60px; margin-bottom: 30px; padding-top: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, .1); -webkit-transition: all .5s; transition: all .5s }
.course-box .icon-boxes-icon { width: 150px; height: 150px; display: flex; justify-content: center; align-items: center; border-radius: 40px 0; background: #fff; }
.icon-boxes-shadow:hover .icon-boxes-icon { background-color: #f2552c; color: #fff; border: 2px solid #fff; transition: ease .5s; }
.icon-boxes-small .icon-boxes-icon { font-size: 14px; color: #f2552c; display: inline-block; padding-top: 0 }
.icon-boxes-small .icon-boxes-title { margin-top: 10px; margin-bottom: 10px; letter-spacing: .05em; font-size: 14px; font-weight: 700; display: inline-block; text-transform: uppercase }
.film-gallery-carousel .film-gallery-carousel-item { outline: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.film-gallery-carousel .film-gallery-carousel-item.slick-slide { width: 840px }
.film-gallery-carousel .film-gallery-carousel-item .film-gallery-carousel-item-inner { display: block; width: 100%; background-color: #696969; transform: scale(.5); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.blog-item .blog-item-inner, .film-gallery-carousel .film-gallery-carousel-item .info { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s }
.film-gallery-carousel .film-gallery-carousel-item.slick-slide.slick-center .film-gallery-carousel-item-inner { transform: scale(1); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5); box-shadow: 0 0 20px rgba(0, 0, 0, .5) }
.blog-item.style-1 .blog-item-inner:hover .blog-thumbnail img, .film-home-blog .blog-wrap:hover .col-image .image img { transform: scale(1.1) }
.film-gallery-carousel .film-gallery-carousel-item.slick-slide img { width: 100%; opacity: .5 }
.film-gallery-carousel .film-gallery-carousel-item.slick-slide.slick-center .film-gallery-carousel-item-inner img { opacity: 1 }
.film-gallery-carousel .film-gallery-carousel-item .info { text-align: center; margin-top: 50px; opacity: 0; transition: all .5s }
.film-gallery-carousel .film-gallery-carousel-item.slick-slide.slick-center .info { opacity: 1 }
.film-gallery-carousel .film-gallery-carousel-item .info .title a { font-size: 18px; line-height: 36px; font-weight: 400; text-transform: uppercase; color: #fff; letter-spacing: .2em }
.film-gallery-carousel .film-gallery-carousel-item .info .title a:hover { color: #f2552c }
.film-gallery-carousel .film-gallery-carousel-item .info .category { font-size: 14px; color: #696969; line-height: 36px; font-style: italic }
.film-gallery-carousel .film-gallery-carousel-item .info .category a { margin-left: 5px; margin-right: 5px }
/**/

.vdo_ctrl { position: absolute; bottom: 15px; right: 10px; left: 0; max-width: 240px; margin: auto;justify-content: center;align-items: center;flex-wrap: wrap; }
.play_video { background: rgb(242, 85, 44); font-size: 20px; padding: 10px 20px; display: inline-flex;cursor: pointer;margin: 0 2px; }
.play_video:hover { color: #fff; }
.play_video:hover { color: #fff; }
/**/
input[type=range] { -webkit-appearance: none; margin: 18px 0; width: 100%; background: #fff; display: block; } 
input[type=range]:focus { outline: none; }
input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 8.4px; cursor: pointer; animate: 0.2s; background: rgb(242, 85, 44); border-radius: 1.3px;  } 
input[type=range]::-webkit-slider-thumb { border: 1px solid #000000; height: 16px; width: 16px; border-radius: 100%; background: #ffffff; cursor: pointer; -webkit-appearance: none; margin-top: -5px; } 
input[type=range]:focus::-webkit-slider-runnable-track { background: #367ebd; } 
input[type=range]::-moz-range-track { width: 100%; height: 8.4px; cursor: pointer; animate: 0.2s;  background: rgb(242, 85, 44); border-radius: 1.3px;  } 
input[type=range]::-moz-range-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; border: 1px solid #000000; height: 16px; width: 16px; border-radius: 100%; background: #ffffff; cursor: pointer; } 
input[type=range]::-ms-track { width: 100%; height: 8.4px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; border-width: 16px 0; color: transparent; } 
input[type=range]::-ms-fill-lower { background: #2a6495; border: 0.2px solid #010101; border-radius: 2.6px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; } 
input[type=range]::-ms-fill-upper { background: #3071a9; border: 0.2px solid #010101; border-radius: 2.6px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; } 
input[type=range]::-ms-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; border: 1px solid #000000; height: 16px; width: 16px; border-radius: 100%; background: #ffffff; cursor: pointer; } 
input[type=range]:focus::-ms-fill-lower { background: #3071a9; } 
input[type=range]:focus::-ms-fill-upper { background: #367ebd; }
.testimonial-carousel.style-1 .item { width: 100%; text-align: center; outline: 0; z-index: 98 }
.testimonial-carousel.style-1 .item .photo { height: 80px; display: inline-block; margin: 0 10px 30px }
.testimonial-carousel.style-1 .item .photo img { width: 80px; height: 80px; border-radius: 40px; display: block }
.testimonial-carousel.style-1 .item .title { text-transform: uppercase; letter-spacing: .4em; font-weight: 700; font-size: 18px; margin-bottom: 35px; color: #333 }
.testimonial-carousel.style-1 .item .text { width: 80%; max-width: 750px; margin: 0 auto; font-size: 18px; font-style: italic; letter-spacing: 0; line-height: 2; color: #696969 }
.testimonial-carousel.style-1 .item .info { margin-top: 30px; display: inline-block }
.testimonial-carousel.style-1 .item .info .author { display: inline-block; margin: 0 10px; text-align: left; }
.testimonial-carousel.style-1 .item .info .author .name, .testimonial-carousel.style-1 .item .info .author .tagline { display: inline-block; letter-spacing: .05em }
.testimonial-carousel.style-1 .item .info .author .name { font-size: 14px; text-transform: uppercase; color: #696969; font-weight: 700 }
.testimonial-carousel.style-1 .item .info .author .tagline { font-size: 14px; color: #ccc }
.testimonial-carousel.style-1 .item .info .author .tagline:before { content: '/'; margin-left: 8px; margin-right: 8px }
.film-single-testimonial { margin-bottom: 0; width: 100%; outline: 0 }
.film-single-testimonial .item { width: 100%; text-align: center; outline: 0; z-index: 98 }
.film-single-testimonial .item .photo { height: auto; display: inline-block; margin: 0 0 55px }
.film-single-testimonial .item .photo img { max-width: 100%; height: auto }
.film-single-testimonial .item .text { width: 80%; max-width: 750px; margin: 0 auto; font-size: 24px; font-style: italic; letter-spacing: 0; line-height: 2; color: #333 }
.film-single-testimonial .item .sign { margin-top: 55px }
.film-single-testimonial .item .info { margin-top: 30px; display: inline-block }
.film-single-testimonial .item .info .author { display: inline-block; margin: 0 10px; text-align: left; }
.film-single-testimonial .item .info .author .name, .film-single-testimonial .item .info .author .tagline { display: inline-block; letter-spacing: .05em }
.film-single-testimonial .item .info .author .name { font-size: 14px; text-transform: uppercase; color: #696969; font-weight: 700 }
.film-single-testimonial .item .info .author .tagline { font-size: 14px; color: #ccc }
.film-single-testimonial .item .info .author .tagline:before { content: '/'; margin-left: 8px; margin-right: 8px }
.film-single-testimonial.small .item .photo { height: auto; margin-bottom: 40px }
.film-single-testimonial.small .item .text { font-size: 16px; color: #696969 }
.blog-item .blog-item-inner { padding: 30px; min-height: 205px; /*background-color: #fff;*/
position: relative; transition: all .5s }
.blog-item-inner * { color: #fff !important; }
.blog-item.style-1 .blog-item-inner, .blog-item.style-1 .blog-item-inner .blog-thumbnail img { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s }
.blog-item .blog-item-inner .meta { margin-top: 40px; color: #696969 }
.blog-item .blog-item-inner .meta>span { display: inline-block; margin-right: 20px }
.blog-item .blog-item-inner .meta>span.view:before { content: '\f133'; font-family: Ionicons; font-size: 16px; color: #f2552c; margin-right: 10px }
.blog-item .blog-item-inner .meta>span a { color: #696969 }
.blog-item .blog-item-inner .blog-info .blog-info-meta .meta>span.like a:before { content: '\f387'; font-family: Ionicons; font-size: 16px; color: #f2552c; margin-right: 10px; display: inline-block }
.blog-item.style-1 { margin-bottom: 30px }
.blog-item.style-1 .blog-item-inner { padding: 0; transition: all .5s }
.blog-item.style-1 .blog-item-inner:hover { -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .05); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .05); box-shadow: 0 10px 20px rgba(0, 0, 0, .05) }
.blog-item.style-1 .blog-item-inner .blog-thumbnail { overflow: hidden }
.blog-item.style-1 .blog-item-inner .blog-thumbnail img { transition: all .5s }
.film-home-blog .blog-wrap .col-image .image img, .film-home-blog .blog-wrap .title { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s }
.blog-item.style-1 .blog-item-inner .blog-info { padding: 30px; background-color: #fff }
.blog-item.style-1 .blog-item-inner .blog-info .blog-info-date, .blog-item.style-1 .blog-item-inner .blog-info .blog-info-meta, .blog-item.style-1 .blog-item-inner .blog-info .blog-info-title { display: block }
.blog-item.style-1 .blog-item-inner .blog-info .blog-info-date { font-size: 14px; color: #ccc; text-transform: uppercase; line-height: 1; margin-bottom: 30px }
.blog-item.style-1 .blog-item-inner .blog-info .blog-info-title { font-size: 1.5rem; font-weight: 400; color: #333; margin-bottom: 70px }
.blog-item.style-1 .blog-item-inner .blog-info .blog-info-title:hover { color: #f2552c }
.blog-item.style-1 .blog-item-inner .blog-info .blog-info-meta .meta { font-size: 14px }
.blog-item.style-1 .blog-item-inner .blog-info .blog-info-meta .meta>span { display: inline-block; margin-right: 20px }
.film-home-blog .blog-wrap { background-color: #f6f7f7; overflow: hidden }
.film-home-blog .blog-wrap .col-image { position: relative }
.film-home-blog .blog-wrap .col-image .image { z-index: 96; overflow: hidden }
.film-home-blog .blog-wrap .col-image .image img { width: 100%; height: auto; transition: all .5s }
.film-home-blog .blog-wrap .col-text { padding-top: 30px; padding-bottom: 30px }
.film-home-blog .blog-wrap .time { font-size: 12px; font-weight: 400; color: #ccc; text-transform: uppercase }
.film-home-blog .blog-wrap .title { font-size: 18px; font-weight: 400; color: #333; line-height: 28px; margin-top: 20px; transition: all .5s }
.film-home-blog .blog-wrap:hover .col-text .title { color: #f2552c }
.film-home-blog .blog-wrap .meta { margin-top: 20px; color: #696969; font-size: 14px }
.film-home-blog .blog-wrap .meta>span { display: inline-block; margin-right: 20px }
.film-home-blog .blog-wrap .meta>span:last-child { margin-right: 0 }
.film-home-blog .blog-wrap .meta>span.view:before { content: '\f133'; font-family: Ionicons; font-size: 16px; color: #f2552c; margin-right: 10px }
.film-home-blog .blog-wrap .meta>span.comment:before { content: '\f11a'; font-family: Ionicons; font-size: 16px; color: #f2552c; margin-right: 10px }
.film-home-blog .blog-wrap .col-quote { position: relative; background-image: url(../images/quote_bg_1.png); background-repeat: no-repeat; background-position: 100% 110% }
.film-home-blog .blog-wrap .col-quote img { z-index: 96; opacity: 0 }
.film-home-blog .blog-wrap .col-quote .text { padding: 30px; position: absolute; z-index: 97; top: 0 }
.film-home-blog .blog-wrap:hover .col-quote .text .title { color: #f2552c }
.film-home-blog .blog-wrap .col-quote .text .title:before { content: '«'; display: inline-block; margin-right: 10px }
.film-home-blog .blog-wrap .col-quote .text .title:after { content: '»'; display: inline-block; margin-left: 10px }
.film-home-blog .blog-wrap .col-image .video-play { z-index: 97; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.film-home-blog .blog-wrap .col-image .video-play:before { content: ''; width: 70px; height: 70px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background-color: #f2552c; opacity: .3; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 97 }
.film-home-blog .blog-wrap .col-image .video-play:after { content: '\f215'; font-family: Ionicons; color: #fff; font-size: 18px; width: 56px; height: 56px; line-height: 56px; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; background-color: #f2552c; text-align: center; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 98 }
.film-home-blog .blog-wrap.blog-1 { margin-bottom: 30px }
.film-home-blog .blog-wrap.blog-1 .col-image .image { position: relative }
.film-home-blog .blog-wrap.blog-1 .col-image .image:before, .film-home-blog .blog-wrap.blog-2 .col-image .image:before { width: 0; border-left: 15px solid transparent; border-right: 15px solid #f6f7f7; position: absolute; right: 0; z-index: 8; content: '' }
.film-home-blog .blog-wrap.blog-1 .col-image .image:before { height: 0; border-bottom: 15px solid transparent; border-top: 15px solid #f6f7f7; top: 0 }
.film-home-blog .blog-wrap.blog-1 .col-text { padding-right: 30px }
.film-home-blog .blog-wrap.blog-2 { height: 100% }
.film-home-blog .blog-wrap.blog-2 .col-image .image:before { height: 0; border-top: 15px solid transparent; border-bottom: 15px solid #f6f7f7; bottom: 0 }
.film-home-blog .blog-wrap.blog-2 .col-text { padding: 30px 45px }
.film-home-blog .blog-wrap.blog-4 .col-image img { -webkit-filter: grayscale(100%); filter: grayscale(100%) }
.blog-carousel .blog-item { padding-left: 30px; padding-right: 30px }
.blog-item.style-2 { margin-top: 50px }
.blog-item.style-2 .blog-item-inner { box-shadow: 5px 5px 20px #eee; padding: 0 }
.blog-item.style-2 .blog-thumbnail { position: relative; margin-bottom: 20px; overflow: hidden }
.blog-item.style-2 .blog-thumbnail:after, .blog-item.style-2 .blog-thumbnail:before { content: ''; width: 100%; height: 100%; position: absolute; display: block; z-index: 97; top: 0; background-color: rgba(0, 0, 0, .2); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity: 0 }
.blog-item.style-2 .blog-thumbnail:before { left: -100% }
.blog-item.style-2 .blog-thumbnail:after { right: -100% }
.blog-item.style-2:hover .blog-thumbnail:before { left: 0; opacity: 1 }
.blog-item.style-2:hover .blog-thumbnail:after { right: 0; opacity: 1 }
.blog-item.style-2 .blog-thumbnail>a:before { z-index: 98; content: '\f489'; font-family: Ionicons; font-size: 40px; width: 40px; height: 40px; text-align: center; line-height: 40px; color: #fff; position: absolute; top: 50%; left: 50%; margin-top: 0; margin-left: -20px; opacity: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.blog-detail .entry-nav .left i, .blog-detail .entry-nav .right i, .blog-list-item .entry-title { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s }
.blog-item.style-2:hover .blog-thumbnail>a:before { opacity: 1; margin-top: -20px }
.blog-item.style-2 .blog-thumbnail img { width: 100% }
.blog-item.style-2 .film-list-categories { position: absolute; right: 20px; bottom: 20px }
.blog-item.style-2 .quote .film-list-categories { position: static; text-align: right }
.blog-item.style-2 .film-list-categories a { font-size: 12px; color: #fff; letter-spacing: .1em; background-color: #f2552c; display: inline-block; width: auto; padding: 5px 10px; text-transform: uppercase; font-weight: 700; line-height: 1; }
.blog-item.style-2 .blog-info { padding: 0 30px 25px }
.blog-item.style-2 .blog-info-date { margin-bottom: 10px; display: block; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; position: relative }
.blog-item.style-2 .blog-info-date .posted-on { margin-right: 20px; color: #ccc }
.blog-item.style-2 .blog-info-title { font-size: 18px; line-height: 28px; margin-bottom: 0; color: #333; position: relative; font-weight: 400 }
.blog-item.style-2 .blog-item-inner .meta { margin-top: 20px }
.blog-list-item { margin-bottom: 50px; border-bottom: 1px solid #f4f4f4; padding-bottom: 50px }
.blog-list-item .post-thumbnail a { display: block }
.blog-list-item .post-thumbnail a img { width: 100% }
.blog-detail .single-post-thumbnail .list-categories a, .blog-list-item .list-categories a { letter-spacing: .1em; background-color: #f2552c; width: auto; text-transform: uppercase; display: inline-block }
.blog-list-item .list-categories a { font-size: 12px; color: #fff; padding: 5px 10px; font-weight: 700; line-height: 1 }
.blog-list-item .entry-desc { padding-top: 28px }
.blog-list-item .entry-meta { margin-bottom: 5px; font-size: 12px; text-transform: uppercase; letter-spacing: .1em }
.blog-list-item .entry-meta span { margin-right: 20px; color: #ccc }
.blog-list-item .entry-title { margin-bottom: 10px; color: #333; position: relative; font-weight: 400; transition: all .5s }
.blog-list-item .entry-title:hover { color: #f2552c }
.blog-list-item .meta>span { display: inline-block; margin-right: 20px }
.blog-list-item .meta>span.comment:before, .blog-list-item .meta>span.like a:before, .blog-list-item .meta>span.view:before { font-family: Ionicons; font-size: 16px; color: #f2552c; margin-right: 10px }
.blog-list-item .meta>span.view:before { content: '\f133' }
.blog-list-item .meta>span.like a:before { content: '\f387'; display: inline-block }
.blog-list-item .meta>span.comment:before { content: '\f11a' }
.blog-list-item .entry-content { font-size: 15px; color: #696969; line-height: 1.6 }
.blog-list-item .entry-share { align-self: center; text-align: right }
.blog-list-item.style-1 .post-thumbnail { position: relative }
.blog-list-item.style-1 .post-thumbnail .list-categories { position: absolute; right: 20px; bottom: 20px; }
.blog-list-item.style-1 .entry-desc { padding-left: 50px }
.blog-list-item.style-1 .entry-title { margin-top: 15px }
.blog-list-item.style-1 .meta { margin-top: 90px }
.blog-list-item.style-2 .meta { margin-top: 10px; margin-bottom: 15px }
.blog-list-item.style-2 .entry-desc { padding-top: 0 }
.blog-list-item.style-2 .list-categories { margin-top: -4px; margin-bottom: 10px }
.blog-list-item.style-3 .post-thumbnail { position: relative }
.blog-list-item.style-3 .post-thumbnail .list-categories { position: absolute; right: 20px; bottom: 20px; }
.blog-list-item.style-3 .entry-content { margin-top: 25px; margin-bottom: 25px }
.blog-detail .single-post-thumbnail { margin-bottom: 35px; position: relative }
.blog-detail .single-post-thumbnail .list-categories { position: absolute; right: 20px; bottom: 20px; }
.blog-detail .single-post-thumbnail .list-categories a { font-size: 12px; color: #fff; padding: 5px 10px; font-weight: 700; line-height: 1 }
.blog-detail .entry-title { margin-bottom: 15px; color: #333; letter-spacing: 0; font-weight: 400; font-size: 24px; }
.blog-detail .meta { margin-bottom: 15px; margin-top: 20px }
.blog-detail .meta>span { display: inline-block; margin-right: 20px }
.blog-detail .meta>span.comment:before, .blog-detail .meta>span.like a:before, .blog-detail .meta>span.view:before { font-family: Ionicons; color: #f2552c; margin-right: 10px; font-size: 16px }
.blog-detail .meta>span.view:before { content: '\f133' }
.blog-detail .meta>span.like a:before { content: '\f387'; display: inline-block }
.blog-detail .meta>span.comment:before { content: '\f11a' }
.blog-detail .entry-nav, .blog-detail .tags { }
.blog-detail .entry-footer { margin-bottom: 20px }
.blog-detail .tags .tag-icon { color: #ababab; font-size: 16px; margin-right: 15px }
.blog-detail .entry-footer .tags a { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 14px; color: #ababab; margin-right: 5px; margin-bottom: 8px; display: inline-block }
.blog-detail .entry-footer .tags a:hover { color: #f2552c }
.blog-detail .entry-footer .entry-share { text-align: right }
.blog-detail .entry-author { padding: 40px 0; border-top: 1px solid #f4f4f4 }
.blog-detail .entry-author img { border-radius: 50%; border: 5px solid #f2f2f2 }
.blog-detail .entry-author .name { font-size: 14px; color: #333; letter-spacing: .05em; margin-bottom: 10px }
.blog-detail .entry-author .desc { font-size: 15px; line-height: 1.6em; color: #696969 }
.blog-detail .entry-nav { padding: 40px 30px; background: #f8f7f7; border: 1px solid #f4f4f4; font-size: 18px; font-weight: 700 }
.blog-detail .entry-nav .left i, .blog-detail .entry-nav .right i { transition: all .5s; color: #ababab }
.blog-detail .entry-nav .left:hover i, .blog-detail .entry-nav .right:hover i { color: #f2552c }
.blog-detail .entry-nav a { text-transform: none; color: #ababab; outline: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 90%; display: inline-block; vertical-align: middle }
.blog-detail .entry-nav .left:hover a, .blog-detail .entry-nav .right:hover a { color: #332b28 }
.blog-detail .entry-nav .left a { padding-left: 10px }
.blog-detail .entry-nav .right a { padding-right: 10px }
.footer-newsletter.style-1 .footer-newsletter-left { font-size: 34px; font-weight: 400; color: #333; line-height: 46px; text-transform: capitalize; margin-bottom: 30px }
.footer-newsletter.style-1 .footer-newsletter-right { margin-bottom: 30px }
.footer-newsletter-right input[type="email"] { background-color: white !important; }
.footer-newsletter.style-1 .footer-newsletter-right .form { position: relative; height: 48px; line-height: 48px; background-color: #f7f7f7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.footer-newsletter.style-1 .footer-newsletter-right .form input[type=text], .footer-newsletter.style-1 .footer-newsletter-right .form input[type=email] { display: inline-block; background-color: transparent; color: #333; font-size: 14px; border: 0 }
.footer-newsletter.style-1 .footer-newsletter-right .form input[type=submit] { display: inline-block; height: 40px; line-height: 40px; text-align: center; padding: 0 25px; background-color: #f2552c; font-size: 14px; font-weight: 400; text-transform: uppercase; color: #fff; border: 0; position: absolute; top: 4px; right: 4px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.footer-newsletter.style-1 .footer-newsletter-right .form input[type=submit]:hover { background-color: #333; color: #fff }
.footer, .footer a { color: #ababab }
.footer-newsletter.style-1 .footer-newsletter-right p { color: #ababab; font-size: 14px; font-style: italic; margin-bottom: 0 }
.footer { display: block; width: 100%; padding-top: 40px; padding-bottom: 30px; margin-top: 0; margin-bottom: 0; font-size: 15px; background-color: #0e1019 }
.footer a:hover { color: #f2552c }
.footer .footer-social { margin-top: 30px; }
.footer .footer-social a { position: relative; display: inline-block; width: 34px; height: 32px; line-height: 27px; text-align: center; border: 2px solid #585858; border-radius: 24px; margin-right: 6px; font-size: 16px; color: #ababab }
.footer .footer-social a:hover { background-color: #f2552c; border-color: #f2552c; color: #fff }
.footer .footer-social .tooltip.top .tooltip-arrow { border-top-color: #f2552c }
.footer .footer-social .tooltip-inner { background-color: #f2552c }
.footer .widget .widget-title { margin-bottom: 30px; padding-bottom: 10px; color: #fff; font-weight: 400; font-size: 18px; letter-spacing: 0; position: relative }
.footer .widget .widget-title:after { content: ''; width: 30px; height: 1px; background-color: #f2552c; display: block; position: absolute; bottom: 0; left: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.copyright, .film-our-services-list .big-title a { position: relative }
.footer .widget ul { list-style: none; padding: 0 }
.footer .widget ul li { margin-bottom: 15px; line-height: 1.6 }
.footer .widget ul li a { position: relative; color: #ababab }
.footer .widget ul li a:hover { padding-left: 6px; color: #f2552c }
.footer .widget ul li a:hover:before { left: 0; top: 0; color: #f2552c; line-height: 18px }
.footer .textwidget p { padding: 0; margin: 0 0 15px }
.footer .footer-gmap { margin-top: 35px }
.footer .footer-gmap a { height: 40px; line-height: 40px; font-size: 14px; font-weight: 400 }
.footer .footer-gmap a:before { content: '\f041'; font-family: FontAwesome; display: inline-block; width: 40px; height: 40px; line-height: 36px; text-align: center; color: #ababab; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 2px solid #595959; margin-right: 10px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.copyright { display: block; width: 100%; background: #333 }
.copyright .copyright-container { padding-top: 40px; padding-bottom: 40px; border-top: 2px solid #2d2d2d; float: left; width: 100% }
.copyright .copyright-left { font-size: 14px; color: #696969; font-style: italic; line-height: 25px }
.copyright .copyright-left a { color: #fff }
.copyright .copyright-left a:hover { color: #f2552c }
.copyright .copyright-right { text-align: right }
.copyright .copyright-right ul { margin: 0; padding: 0; list-style: none }
.copyright .copyright-right ul li { display: inline-block; margin-left: 20px }
.copyright .copyright-right ul li a { text-transform: uppercase; color: #696969; font-size: 12px; font-weight: 400; line-height: 1 }
.copyright .copyright-right ul li a:hover { color: #f2552c }
.copyright.style-2 .copyright-container { border-top: 0 }
.copyright.style-2 .copyright-left, .copyright.style-2 .copyright-right ul li a { line-height: 55px }
/* gallery page start */

.img-c {width: 265px;height: 177px;float: left; position: relative; overflow: hidden;border: 1px solid #ffffff7a; margin: 10px;}
.img-c { transition: width ease 400ms, height ease 350ms, left cubic-bezier(0.4, 0, 0.2, 1) 420ms, top cubic-bezier(0.4, 0, 0.2, 1) 420ms; }
.img-c:hover .img-w { transform: scale(1.08); transition: transform cubic-bezier(0.4, 0, 0.2, 1) 450ms; }
.img-c.active { width: 100% !important; height: 100% !important; position: absolute; z-index: 2; }
.img-c.postactive { position: absolute; z-index: 2; pointer-events: none; }
.img-c.active.positioned { left: 0 !important; top: 0 !important; transition-delay: 50ms; }

/* gallery page end*/
.service-item .icon { font-size: 36px }
.service-item .title { display: block; font-size: 14px; font-weight: 700; text-transform: uppercase }
.service-item .links { margin-top: 15px }
.service-item .links a { display: block; color: #ababab; font-size: 14px; line-height: 1; margin-top: 15px }
.service-item .links a:hover { color: #f2552c }
.course p { color: #fff; }
.film-our-services-list .big-title, .film-our-services-list .big-title a { font-size: 40px; color: #333; font-weight: 400 }
.film-our-services-list .big-title a:hover { color: #f2552c }
.film-our-services-list .big-title a:after { position: absolute; right: -130px; top: 50%; content: '\f30f'; font-family: Ionicons; width: 40px; height: 40px; text-align: center; line-height: 36px; font-size: 18px; font-weight: 400; color: #f2552c; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display: inline-block; border: 2px solid #f0f0f0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; transform: translateY(-50%) }
.film-our-services.type-icon .col-text .text .title, .film-our-services.type-image { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s }
.film-our-services-list .big-title a:hover:after { border-color: #f2552c; background-color: #f2552c; color: #fff }
.film-our-services-list .items .item { display: block; width: 100%; margin-top: 40px; padding-left: 50px; position: relative }
.film-our-services-list .items .item .number { position: absolute; top: 0; left: 0; font-size: 24px; font-weight: 700; color: #f2552c; opacity: .5; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg) }
.film-our-services-list .items .item .title { display: block; font-size: 14px; font-weight: 400; text-transform: uppercase; color: #333 }
.film-our-services-list .items .item .content { margin-top: 10px; display: block }
.film-our-services { display: block }
.film-our-services.type-icon .col-icon { z-index: 97 }
.film-our-services.type-icon .col-icon .icon { width: 100%; min-height: 255px; background-color: #fff; color: #f2552c; font-size: 100px; text-align: center; -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1); box-shadow: 0 5px 20px rgba(0, 0, 0, .1); margin-top: -50px; position: relative }
.film-list-item:nth-child(even) .col-info .info, .film-our-services.type-image.right .col-text { text-align: right }
.film-our-services.type-icon .col-icon .icon i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.film-our-services.type-icon .col-text { z-index: 96 }
.film-our-services.type-icon .col-text .text { background-color: #f6f7f7; padding: 40px 70px; min-height: 270px; position: relative }
.film-our-services.type-icon .col-text .text:before { content: ''; display: block; width: 100px; height: 100%; position: absolute; top: 0; left: -100px; background-color: #f6f7f7 }
.film-our-services.type-icon .col-text .text .title { font-weight: 400; font-size: 24px; color: #333; transition: all .5s }
.film-our-services.type-icon:hover .col-text .text .title { color: #f2552c }
.film-our-services.type-icon .col-text .text .content { font-size: 15px; color: #696969; line-height: 1.7; display: block; margin-top: 20px; width: 100% }
.film-our-services.type-icon.right .col-icon { float: right }
.film-our-services.type-icon.right .col-icon .icon { margin-top: 50px }
.film-our-services.type-icon.right .col-text .text { padding: 40px 70px 40px 100px }
.film-our-services.right .col-text .text:before { left: auto; right: -100px }
.film-our-services.type-icon .col-icon .icon.primary-color { background-color: #f2552c; color: #fff }
.film-our-services.type-icon .col-icon .icon.black-color { background-color: #333; color: #f2552c }
.film-our-services.type-image { transition: all .5s }
.film-our-services.type-image:hover { -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1); box-shadow: 0 5px 20px rgba(0, 0, 0, .1) }
.film-our-services.type-image .col-image { z-index: 96; padding-right: 0 }
.film-our-services.type-image .col-image img { width: 100%; height: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%) }
.film-our-services.type-image:hover .col-image img { -webkit-filter: grayscale(0); filter: grayscale(0) }
.film-our-services.type-image .col-text { z-index: 97 }
.film-our-services.type-image .col-text .text { background-color: #fff; padding: 40px }
.film-our-services.type-image .col-text .text .title { font-weight: 400; font-size: 24px; color: #333; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.film-our-services.type-image:hover .col-text .text .title { color: #f2552c }
.film-our-services.type-image .col-text .text .title:before { content: ''; width: 60px; height: 1px; background-color: #f2552c; display: block; position: absolute; top: 50%; left: -85px }
.film-list-item .col-thumb .thumb img, .film-masonry-item .film-masonry-item-inner .thumb img { width: 100%; height: auto; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s }
.film-our-services.type-image .col-text .text .content { font-size: 15px; color: #696969; line-height: 1.7; display: block; margin-top: 20px; width: 100% }
.film-our-services.type-image.right .col-image { float: right; padding-right: 15px; padding-left: 0 }
.film-our-services.type-image.right .col-text .title:before { left: auto; right: -85px }
.film-filter { display: block; position: absolute; top: 80px; left: 0; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0 }
.film-filter ul { margin: 0; padding: 0; transform: translate(-100%, -140px) }
.film-filter ul li { display: inline }
.film-filter ul li a { text-transform: uppercase; font-size: 13.5px; letter-spacing: .05em; padding: 7px 20px; font-weight: 700; border-radius: 4px; border: 1px solid transparent; cursor: pointer }
.film-filter ul li a.active, .film-filter ul li a:hover { color: #f2552c; border-color: #f2552c }
.film-masonry-item { margin-bottom: 30px }
.film-masonry-item .film-masonry-item-inner { display: block; width: 100%; background-color: #fff; -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .05); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .05); box-shadow: 0 10px 20px rgba(0, 0, 0, .05) }
.film-masonry-item .film-masonry-item-inner .thumb { overflow: hidden }
.film-masonry-item .film-masonry-item-inner .thumb img { display: block; margin: 0; padding: 0; -webkit-filter: grayscale(100%); filter: grayscale(100%); -o-transition: all .5s; transition: all .5s }
.film-masonry-item .film-masonry-item-inner:hover .thumb img { -webkit-filter: grayscale(0); filter: grayscale(0); transform: scale(1.1) }
.film-masonry-item .film-masonry-item-inner .info { padding: 20px 30px }
.film-masonry-item .film-masonry-item-inner .info .title a { font-size: 18px; font-weight: 400; color: #333 }
.film-masonry-item .film-masonry-item-inner .info .title a:hover { color: #f2552c }
.film-masonry-item .film-masonry-item-inner .info .category a { font-size: 12px; font-weight: 400; text-transform: uppercase; color: #ccc; display: inline-block; margin-right: 20px }
.film-masonry-item .film-masonry-item-inner .info .category a:hover { color: #f2552c }
.film-masonry-item .film-masonry-item-inner .info .meta { margin-top: 20px; font-size: 14px; color: #696969 }
.film-masonry-item .film-masonry-item-inner .info .meta>span { display: inline-block; margin-right: 20px }
.film-masonry-item .film-masonry-item-inner .info .meta>span:last-child { margin-right: 0 }
.film-masonry-item .film-masonry-item-inner .info .meta>span.view:before { content: '\f133'; font-family: Ionicons; font-size: 16px; color: #f2552c; margin-right: 10px }
.film-masonry-item .film-masonry-item-inner .info .meta>span.comment:before { content: '\f11a'; font-family: Ionicons; font-size: 16px; color: #f2552c; margin-right: 10px }
.film-list-item { display: block; clear: both }
.film-list-item .col-md-6 { padding: 0 }
.film-list-item:nth-child(odd) .col-thumb { padding-right: 0 }
.film-list-item .col-thumb .thumb { width: 100%; overflow: hidden }
.film-list-item .col-thumb .thumb img { -o-transition: all .5s; transition: all .5s }
.film-list-item:hover .col-thumb .thumb img { transform: scale(1.1) }
.film-list-item .col-info .info { padding: 50px 30px }
.film-list-item .course_read_more {margin: 14px 0;}
.film-list-item .col-info .info .title { font-size: 24px; font-weight: 400; display: block; position: relative }
.film-list-item:nth-child(even) .col-info .info .title:after, .film-list-item:nth-child(odd) .col-info .info .title:before { content: ''; width: 60px; height: 1px; display: block; position: absolute; top: 50%; background-color: #fff; }
.film-list-item .col-info .info .title a { color: #fff }
.film-list-item .col-info .info .title a:hover { color: #f2552c }
.film-list-item:nth-child(odd) .col-info .info .title:before { left: -80px }
.film-list-item:nth-child(even) .col-info .info .title:after { right: -80px }
.film-list-item .col-info .info .category a { font-size: 12px; font-weight: 400; text-transform: uppercase; color: #ccc; display: inline-block; margin-right: 20px }
.film-list-item .col-info .info .category a:hover { color: #f2552c }
.film-list-item .col-info .info .excerpt { display: block; margin-top: 20px; color: #fff; }
.film-list-item .col-info .info .meta { margin-top: 20px; font-size: 14px; color: #696969 }
.film-list-item .col-info .info .meta>span a { color: #696969 }
.film-list-item .col-info .info .meta>span { display: inline-block; margin-right: 20px }
.film-list-item .col-info .info .meta>span:last-child { margin-right: 0 }
.film-list-item .col-info .info .meta>span.view:before { content: '\f133'; font-family: Ionicons; font-size: 16px; color: #f2552c; margin-right: 10px }
.film-list-item .col-info .info .meta>span.like a:before { content: '\f387'; font-family: Ionicons; font-size: 16px; color: #f2552c; margin-right: 10px; display: inline-block }
.film-list-item .col-info .info .meta>span.comment:before { content: '\f11a'; font-family: Ionicons; font-size: 16px; color: #f2552c; margin-right: 10px }
.film-post-slider .item { height: 700px; background-size: cover; background-position: center }
.film-post-slider .item .container, .film-post-slider .item .row { height: 100% }
.film-post-slider .item .row { align-items: flex-end; align-content: flex-end; align-self: flex-end; display: flex; flex-wrap: wrap; margin-left: -.9375rem; margin-right: -.9375rem }
.film-post-slider .item .row .blog-classic-style { margin-bottom: 50px; padding-bottom: 50px; color: #fff }
.film-post-slider .item .row .blog-classic-style .film-list-categories { }
.film-post-slider .film-list-categories a { font-size: 12px; color: #fff; letter-spacing: .1em; background-color: #f2552c; display: inline-block; width: auto; padding: 5px 10px; text-transform: uppercase; font-weight: 700; line-height: 1 }
.film-post-slider .blog-classic-style .entry-desc { padding-top: 28px }
.film-post-slider .blog-classic-style .entry-title { margin-bottom: 10px; position: relative; color: #fff; font-weight: 400; font-family: Merriweather }
.film-post-slider .blog-classic-style .meta { margin-top: 20px }
.film-post-slider .blog-classic-style .meta>span { display: inline-block; margin-right: 20px }
.film-post-slider .blog-classic-style .meta>span.view:before { content: '\f133'; font-family: Ionicons; font-size: 16px; color: #f2552c; margin-right: 10px }
.film-post-slider .blog-classic-style .meta>span.like a { color: #FFF }
.film-post-slider .blog-classic-style .meta>span.like a:before { content: '\f387'; font-family: Ionicons; font-size: 16px; color: #f2552c; margin-right: 10px; display: inline-block }
.film-post-slider .blog-classic-style .meta>span.comment:before { content: '\f11a'; font-family: Ionicons; font-size: 16px; color: #f2552c; margin-right: 10px }
.film-post-slider .blog-classic-style .entry-content { font-size: 15px; color: #fff; line-height: 1.6 }
.film-post-slider .slider-nav-container { position: absolute; bottom: 100px; right: 100px; list-style-type: none; padding: 0; margin: 0 }
.film-post-slider .slider-nav-container li { padding: 30px 0; border-bottom: 1px solid rgba(255, 255, 255, .3); cursor: pointer }
.film-post-slider .slider-nav-container li:first-child { display: none }
.film-post-slider .slider-nav-container li * { color: #fff }
.film-post-slider .slider-nav-container li .desc, .film-post-slider .slider-nav-container li .thumb { display: inline-block; vertical-align: middle }
.film-post-slider .slider-nav-container li .thumb { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; margin-right: 25px; max-width: 120px }
.film-post-slider .slider-nav-container li:hover .thumb { transform: scale(1.2) }
.film-post-slider .slider-nav-container li .desc { width: 220px }
.film-post-slider .slider-nav-container li .desc .slider-nav-cats { font-size: 12px; text-transform: uppercase; letter-spacing: .1em }
.film-post-slider .slider-nav-container li .desc h6 { font-size: 14px; line-height: 24px }
.film-detail-video { overflow: hidden; -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1); box-shadow: 0 10px 20px rgba(0, 0, 0, .1) }
.film-detail-video.full { margin-right: 100px; margin-left: 100px }
.film-detail-video a { display: block; width: 100%; padding: 0; margin: 0; position: relative }
.course-detail-title .category a, .course-detail-title .meta>span { margin-right: 20px; display: inline-block }
.film-detail-video a:after, .film-detail-video a:before { background-color: #f2552c; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.film-detail-video a:before { content: ''; width: 100px; height: 100px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; opacity: .3; z-index: 97 }
.film-detail-video a:after { content: '\f215'; font-family: Ionicons; color: #fff; font-size: 24px; width: 80px; height: 80px; line-height: 80px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; text-align: center; display: block; z-index: 98 }
.film-detail-video:hover img, .relate-film-carousel .item .item-inner:hover .thumb img, .team-item:hover .thumb img { transform: scale(1.1) }
.film-detail-video a img { display: block; width: 100%; height: auto; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; z-index: 96 }
.relate-film-carousel .item .item-inner .thumb img, .team-item { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s }
.course-detail-title .category a { font-size: 12px; font-weight: 400; text-transform: uppercase; color: #ccc }
.course-detail-title .meta { margin-top: 20px; margin-bottom: 15px; color: #696969 }
.course-detail-title .meta>span a { color: #696969 }
.course-detail-title .meta>span.comment:before, .course-detail-title .meta>span.like a:before, .course-detail-title .meta>span.view:before { font-family: Ionicons; font-size: 16px; color: #f2552c; margin-right: 10px }
.course-detail-title .meta>span.view:before { content: '\f133' }
.course-detail-title .meta>span.like a:before { content: '\f387'; display: inline-block }
.course-detail-title .meta>span.comment:before { content: '\f11a' }
.course-detail-content { margin-bottom: 35px }
.course-detail-info { display: block; width: 100%; padding: 30px; background-color: #f2552c }
.course-detail-info .info-item { display: block; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #fff; }
.course-detail-info .info-item:last-child { border: none; }
.course-detail-info .info-item .title { font-size: 14px; font-weight: 700; color: #fff; text-transform: uppercase; margin-bottom: 10px; }
.course-detail-info .info-item .title a{ animation:blinkingText 1.5s infinite;    background: #000; padding: 12px; }
@keyframes blinkingText{
    0%{    color: #fff;    }
    49%{    color: transparent; }
    100%{   color: #fff;    }
}
.course-detail-info .info-item .content { font-size: 14px; color: #fff; width: 100% }
.course-detail-info.course-detail-info-carousel { background: 0 0 }
.course-detail-info.course-detail-info-carousel .info-item { display: block; padding: 0 15px; outline: 0 }
.course-detail-info.course-detail-info-carousel .info-item .info-item-inner { padding: 30px; background-color: #f6f7f7 }
.relate-film-carousel .item { padding: 0 15px 20px; outline: 0 }
.relate-film-carousel .item .item-inner { display: block; width: 100%; background-color: #fff; -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .05); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .05); box-shadow: 0 10px 20px rgba(0, 0, 0, .05) }
.relate-film-carousel .item .item-inner .thumb { overflow: hidden }
.relate-film-carousel .item .item-inner .thumb img { display: block; margin: 0; padding: 0; width: 100%; height: auto; -o-transition: all .5s; transition: all .5s }
.relate-film-carousel .item .item-inner .info { padding: 15px 30px }
.relate-film-carousel .item .item-inner .info .title a { font-size: 18px; font-weight: 400; color: #333 }
.relate-film-carousel .item .item-inner .info .title a:hover { color: #f2552c }
.relate-film-carousel .item .item-inner .info .category a { font-size: 12px; font-weight: 400; text-transform: uppercase; color: #ccc; display: inline-block; margin-right: 20px }
.counter-digit, .counter-title { line-height: 1; font-weight: 700; margin-bottom: 20px; text-align: left; font-style: normal }
.relate-film-carousel .item .item-inner .info .category a:hover { color: #f2552c }
.counter-digit { font-size: 40px; color: #f2552c; text-transform: none }
.counter-title { font-size: 14px; color: #333; text-transform: uppercase }
.counter-desc { font-size: 15px; color: #696969; line-height: 26px; text-align: left; font-weight: 400; text-transform: none }
.team-carousel-wrap { padding: 50px 100px }
.team-item { -o-transition: all .5s; transition: all .5s; outline: 0; padding: 30px 15px }
.team-item .thumb { overflow: hidden }
.team-item .thumb img { width: 100%; height: auto; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.team-item .info { background-color: #fff; text-align: center; padding: 25px 10px }
.team-item .info .name, .team-item .info .name a { font-size: 18px; font-weight: 700; color: #333 }
.team-item .info .name a:hover { color: #f2552c }
.team-item .info .socials, .team-item .info .tagline { color: #ccc; height: 28px; line-height: 28px; overflow: hidden }
.team-item .info .tagline { font-size: 12px; font-weight: 700; text-transform: uppercase; font-family: Montserrat }
.team-item:hover .info .tagline { display: none }
.team-item .info .socials { font-size: 14px; font-weight: 400; display: none }
.team-item:hover .info .socials { display: block }
.film-list-member { margin-bottom: 30px }
.film-list-member .item { display: inline-block; vertical-align: top; margin-left: 15px; margin-right: 15px; position: relative }
.film-list-member .item .info { margin-top: 35px; margin-bottom: 20px }
.film-list-member .item .name { text-transform: uppercase; font-size: 18px; font-weight: 700; color: #333; position: relative; display: inline-block }
.film-list-member .item .tagline { font-size: 12px; color: #ccc; letter-spacing: .1em; display: block; }
.team-filter-scroll { overflow: hidden }
.team-filter ul { margin: 0; padding: 0; white-space: nowrap }
.team-filter ul li { list-style: none; display: inline-block; padding-right: 50px }
.team-filter ul li a { cursor: pointer; text-transform: lowercase; color: #333; font-weight: 700; font-size: 56px; opacity: .2 }
.team-filter ul li a.active { opacity: 1 }
.film-member-info .member-info { display: table }
.film-member-info .member-info .line { display: table-row }
.film-member-info .member-info .line .name { font-weight: 700; color: #333; display: table-cell; padding: 10px 0 }
.film-member-info .member-info .line .value { display: table-cell; padding: 10px 0 10px 40px }
.film-member-info .member-info .line .value.socials a { width: 30px; height: 30px; display: inline-block; border: 1px solid #cdcdcd; color: #cdcdcd; text-align: center; line-height: 28px; font-size: 12px; margin-right: 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px }
.film-member-info .member-info .line .value.socials a:hover { background-color: #f2552c; border-color: #f2552c; color: #fff }
.film-member-skill .title { font-size: 40px; font-weight: 700; color: #333; line-height: 1.2em; margin-bottom: 40px; position: relative }
.film-member-skill .title:before { content: ''; width: 10px; height: 20px; background-color: #f2552c; position: absolute; left: -40px; top: -20px; -ms-transform: matrix(1, .45, 0, 1, 0, 0); -webkit-transform: matrix(1, .45, 0, 1, 0, 0); transform: matrix(1, .45, 0, 1, 0, 0) }

.film-menu-add-param ul { margin: 0 auto; padding: 0; display: block }
.film-menu-add-param ul li { list-style: none; display: inline-block; position: relative; padding: 0; float: left; width: 100% }
.film-menu-add-param ul li a { padding-top: 25px; text-align: center; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .4em; color: #050505; box-sizing: border-box; height: 110px; display: block; position: relative; z-index: 2; border-top: 2px solid #252525 }
.film-menu-add-param ul li a i { font-size: 30px; color: #050505 }
.film-menu-add-param ul li a span { margin-top: 2px; display: block }
.film-menu-add-param ul li a:hover { background: #f2552c; border-color: #f2552c }
.film-menu-add-param ul li a:hover, .film-menu-add-param ul li a:hover i { color: #fff }
.film-menu-add-param ul li:after { content: ''; display: block; width: 1px; height: 60px; background: rgba(105, 105, 105, .3); position: absolute; left: -1px; top: 25px; z-index: 1 }
.film-menu-add-param ul li:first-child:after { display: none }
.blogger-template .main { padding: 100px }
.blogger-template .sidebar { background-color: #f8f8f8; padding: 0 40px 100px; overflow: hidden }
.blogger-template .sidebar .widget .film-social li a { border: 2px solid #f0f0f0 }
.blogger-template .sidebar .widget .film-social li a:hover { color: #fff; background-color: #f2552c; border-color: #f2552c }
.blogger-template .sidebar .widget .widget-title, .blogger-template .sidebar a { color: #333; font-weight: 400; font-family: Merriweather }
.blogger-template .sidebar .widget .widget-title { letter-spacing: .05em; position: relative; padding-top: 15px; display: inline-block; clear: both; font-size: 24px; margin-top: 20px }
.blogger-template .sidebar .widget .widget-title:before { content: ''; display: block; position: absolute; height: 1px; background-color: #e0e0e0; left: -40px; right: -1000px; top: 0 }
.blogger-template .sidebar .widget .widget-title:after { content: ''; display: block; position: absolute; height: 1px; background-color: #f2552c; top: 0; left: 0; right: 0; width: auto }
.blogger-template .sidebar .widget.widget-tag-cloud a { background: rgba(51, 51, 51, .1); border-color: rgba(51, 51, 51, .1); color: #ababab }
.blogger-template .sidebar .widget.widget-tag-cloud a:hover { border-color: #333; color: #333 }
.widget { margin: 0 0 0px }
.widget .widget-title { font-size: 18px; font-weight: 700; color: #333; margin-bottom: 30px; }
.widget-area .widget .widget-title:after { content: ''; display: block; width: 30px; height: 1px; background-color: #f2552c; margin-top: 5px }
.widget ul { margin: 0; padding: 0 }
.sidebar .widget ul li { margin: 0 10px 0 0; list-style: none; padding: 15px 0; display: inline-block; border-bottom: 1px solid #f4f4f4 }
.sidebar .widget ul li:first-child { padding-top: 0 }
.widget .film-aboutme .avatar img { width: 100% }
.widget .film-aboutme .about-title { font-size: 56px; color: #f2552c; text-transform: uppercase; letter-spacing: .1em; line-height: .8; margin-top: -150px }
.widget .film-aboutme .desc { margin-bottom: 10px }
.widget .film-aboutme .desc, .widget .film-aboutme .desc * { color: #696969 }
.widget .film-aboutme .desc h6 { text-transform: uppercase; letter-spacing: .1em; margin-top: 20px; margin-bottom: 20px }
.widget.widget-film-post .item { margin-bottom: 20px; display: inline-block; width: 100% }
.widget.widget-film-post .item .thumb { max-width: 120px; float: left; margin-right: 20px }
.widget.widget-film-post .item .info { line-height: 1.6em; margin-top: -7px }
.widget.widget-film-post .item .info .date { display: block; font-size: 12px; color: #ccc; text-transform: uppercase; letter-spacing: .1em; }
.widget.widget-film-post .item .info .title { display: block; color: #333; font-size: 14px; font-weight: 700; letter-spacing: 0; }
.widget.widget-tag-cloud a { padding: 8px 15px; background: #f6f7f7; border: 1px solid #f6f7f7; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 14px; display: inline-block; color: #ababab; margin-right: 5px; margin-bottom: 7px; line-height: 1; font-family: Montserrat }
.widget.widget-tag-cloud a:hover { border-color: #f2552c; background-color: #f2552c; color: #fff }
.widget-area .widget.widget-search { position: relative }
.widget-area .widget.widget-search .search-form input[type=text], .widget-area .widget.widget-search .search-form input[type=search] { width: 100%; height: 40px; line-height: 38px; border: 1px solid #f4f4f4; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: 0; padding: 0 15px; font-size: 15px; font-weight: 400; box-sizing: border-box; background-color: #f4f4f4 }
.widget-area .widget.widget-search .search-form input[type=text]:focus, .widget-area .widget.widget-search .search-form input[type=search]:focus { border: 1px solid #f2552c }
.widget-area .widget.widget-search .search-form input[type=submit] { position: absolute; height: 40px; width: 40px; background-image: url(../images/search.png); background-repeat: no-repeat; background-color: transparent; box-shadow: none; font-size: 0; border: 0; line-height: 40px; padding: 0; top: 0; right: 0 }
.widget-area .widget.widget-film-categories .item { margin-bottom: 25px; position: relative; width: 100% }
.widget-area .widget.widget-film-categories .item a { display: block; position: relative; width: 100%; overflow: hidden; padding-left: 20px; z-index: 98; font-size: 14px }
.widget-area .widget.widget-film-categories .item a:before { content: "\f111"; font-family: FontAwesome; font-size: 6px; display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #e2e2e2 }
.widget-area .widget.widget-film-categories .item a:after { content: ""; display: inline-block; height: .5em; vertical-align: bottom; width: 100%; margin-right: -100%; margin-left: 10px; border-top: 1px solid #f4f4f4; z-index: 98 }
.widget-area .widget.widget-film-categories .item span { position: absolute; right: 0; top: -4px; height: 22px; background-color: #fff; z-index: 99; display: block; color: #696969; border-radius: 50%; min-width: 32px; min-height: 32px; line-height: 32px; text-align: center; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.widget-area .widget.widget-film-posts .item { margin-bottom: 20px; display: inline-block; width: 100% }
.widget-area .widget.widget-film-posts .item .thumb { max-width: 120px; float: left; margin-right: 20px }
.widget-area .widget.widget-film-posts .item .info { line-height: 1.6em; margin-top: -7px }
.widget-area .widget.widget-film-posts .item .info .date { display: block; font-size: 12px; color: #ccc; text-transform: uppercase; letter-spacing: .1em; }
.widget-area .widget.widget-film-posts .item .info .title { display: block; color: #333; font-size: 14px; font-weight: 700; letter-spacing: 0; }
.film-one-page { width: 100%; height: 100%; display: block; position: relative; padding: 0; -webkit-transform-style: preserve-3d; transform: translate3d(0, 0, 0); transition: all 1s ease }
.film-one-page .film-one-page-item { padding: 0 50px 80px; width: 100%; height: 100%; overflow: hidden }
.film-one-page .film-one-page-item:first-child { padding-top: 100px }
.film-one-page .film-one-page-item .film-one-page-item-inner { width: 100%; height: 100%; background-size: cover; position: relative; background-image: url(../images/background/bg_10.jpg) }
.film-one-page .film-one-page-item .film-one-page-item-inner .text { position: absolute; top: 50%; left: 45%; transform: translate(-50%, -50%); z-index: 97 }
.film-one-page .film-one-page-item .film-one-page-item-inner .text .time { font-size: 14px; font-weight: 400; color: #696969; text-transform: uppercase }
.film-one-page .film-one-page-item .film-one-page-item-inner .text .title { font-size: 80px; font-weight: 700; color: #fff; line-height: 90px; margin-top: 20px }
.film-one-page .film-one-page-item .film-one-page-item-inner .text .meta { margin-top: 20px; font-size: 14px; color: #ababab }
.film-one-page .film-one-page-item .film-one-page-item-inner .text .meta>span { display: inline-block; margin-right: 20px }
.film-one-page .film-one-page-item .film-one-page-item-inner .text .meta>span:last-child { margin-right: 0 }
.film-one-page .film-one-page-item .film-one-page-item-inner .text .meta>span.view:before { content: '\f133'; font-family: Ionicons; font-size: 16px; color: #f2552c; margin-right: 10px }
.film-one-page .film-one-page-item .film-one-page-item-inner .text .meta>span.comment:before { content: '\f11a'; font-family: Ionicons; font-size: 16px; color: #f2552c; margin-right: 10px }
.film-one-page .film-one-page-item .film-one-page-item-inner .video { display: inline-block; position: absolute; top: 50%; z-index: 96; transform: translate(0, -50%); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1); box-shadow: 0 10px 20px rgba(0, 0, 0, .1) }
.film-one-page .film-one-page-item .film-one-page-item-inner .video .video-inner { position: relative; overflow: hidden }
.film-one-page .film-one-page-item .film-one-page-item-inner .video .video-inner .video-play { z-index: 97; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.film-one-page .film-one-page-item .film-one-page-item-inner .video .video-inner .video-play:before { content: ''; width: 70px; height: 70px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background-color: #f2552c; opacity: .3; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 97 }
.film-one-page .film-one-page-item .film-one-page-item-inner .video .video-inner .video-play:after { content: '\f215'; font-family: Ionicons; color: #fff; font-size: 18px; width: 56px; height: 56px; line-height: 56px; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; background-color: #f2552c; text-align: center; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 98 }
.film-one-page .film-one-page-item .film-one-page-item-inner .video .video-inner img { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.film-one-page .film-one-page-item .film-one-page-item-inner .video:hover .video-inner img { transform: scale(1.1) }
.onepage-pagination { position: fixed; left: 15px; top: 50%; z-index: 5; list-style: none; margin: 0; padding: 0 }
.onepage-pagination li { padding: 0; text-align: center }
.onepage-pagination li a { display: block; height: 40px; line-height: 40px; position: relative }
.onepage-pagination li a:before { content: "0" attr(data-index); font-family: Montserrat, Tahoma, Verdana; font-size: 12px; font-weight: 700; color: #ababab; -webkit-transition: all linear .5s; -moz-transition: all linear .5s; -ms-transition: all linear .5s; -o-transition: all linear .5s; transition: all linear .5s }
.onepage-pagination li a:after { content: ''; width: 0; height: 1px; display: block; background-color: #f2552c; position: absolute; top: 50%; left: 0; -webkit-transition: width linear .5s; -moz-transition: width linear .5s; -ms-transition: width linear .5s; -o-transition: width linear .5s; transition: width linear .5s }
.onepage-pagination li a.current:before { font-size: 18px; color: #333 }
.onepage-pagination li a.current:after { width: 80px }
.page-title { padding-top: 145px; padding-bottom: 125px; background-color: #f6f7f7; background-image: url(../images/background/bg_11.jpg); color: #333; text-align: left; background-size: cover; display: block }
.page-title.big-style {   background: url('../images/banner-bg-2.jpg');     background-position: center center;height: 300px; min-height: initial; position: relative; background-size: cover;     display: flex;
    align-items: center;
    justify-content: center;}
.page-title.big-style::after { position: absolute; left: 0; right: 0; top: 0;background: linear-gradient(to top, rgb(16, 18, 20) 5%, rgb(255, 255, 255) 70%); height: 100%; width: 100%; content: ""; opacity: 0.7; z-index: -9; }
.page-title.big-style-bg-2 { background-image: url(../images/background/bg_17.jpg) }
.page-title .title { font-weight: 400; font-style: normal; font-size: 3rem; line-height: 1; letter-spacing: 0; color: #fff; display: block; position: relative; z-index: 97; margin-top: 0 }
.page-title .title span { color: #f2552c }
.breadcrumbs { padding: 0; margin-top: 16px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .2em; line-height: 1 }
.page-title .breadcrumbs { display: block; z-index: 98 }
.breadcrumbs ul { padding: 0; margin: 0; list-style: none }
.breadcrumbs ul li { display: inline-block; max-width: 700px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.breadcrumbs ul li:last-child { color: #fff; margin-right: 0 }
.breadcrumbs ul li a { color: #fff }
.breadcrumbs ul li:after { content: '/'; color: #fff; margin-left: 10px }
.breadcrumbs ul li:last-child:after { content: ''; margin-left: 0 }
.gallery-filter {; margin-top: 32px; margin-bottom: 57px; text-align: left }
.gallery-filter ul li { display: inline }
.gallery-filter ul li a { text-transform: uppercase; font-size: 13.5px; letter-spacing: .05em; padding: 7px 20px; font-weight: 700; border: 1px solid transparent }
.gallery-filter ul li a.active, .gallery-filter ul li a:hover { color: #f2552c; border-color: #f2552c }
.gallery-filter ul li:before { content: ''; display: inline-block; vertical-align: middle; height: 1px; width: 10px }
.gallery-filter ul li:first-child:before { width: 0 }
.gallery-masonry-item { margin-bottom: 10px; padding-left: 5px; padding-right: 5px }
.gallery-masonry-item .gallery-image { position: relative; max-height: 100% }
.gallery-masonry-item .gallery-image img { width: 100% }
.gallery-masonry-item .gallery-image .desc-wrap { -webkit-transition: opacity .25s; -moz-transition: opacity .25s; -ms-transition: opacity .25s; -o-transition: opacity .25s; transition: opacity .25s; opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #f2552c; display: flex; align-items: flex-end }
.gallery-masonry-item .gallery-image a:hover .desc-wrap { opacity: 1 }
.gallery-masonry-item .gallery-image .desc-wrap:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #262626; opacity: .8 }
.gallery-masonry-item .gallery-image .desc-wrap .desc { width: 100%; padding-bottom: 60px; padding-left: 25px; padding-right: 25px }
.gallery-masonry-item .gallery-image .desc-wrap .title { font-size: 24px; font-weight: 700; color: #fff; margin-bottom: 8px; display: block; font-family: Merriweather, Georgia, serif }
.gallery-masonry-item .gallery-image .desc-wrap .title:after { content: "\f30f"; font-family: Ionicons; font-size: 18px; font-weight: 400; height: 40px; width: 40px; display: inline-block; border: 2px solid rgba(255, 255, 255, .7); border-radius: 50%; text-align: center; line-height: 35px; float: right; margin-top: 4px; color: #f2552c }
.gallery-masonry-item .gallery-image .desc-wrap .cates { font-size: 12px; color: #fff; letter-spacing: .1em; text-transform: uppercase; }
.gallery-masonry-item .gallery-image .desc-wrap .cates, .gallery-masonry-item .gallery-image .desc-wrap .icon, .gallery-masonry-item .gallery-image .desc-wrap .title { position: relative; z-index: 2 }
.content-404 { text-align: center; padding: 60px 0; z-index: 97; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.content-404 h3 { font-size: 24px; color: #333; font-weight: 700; text-transform: uppercase; letter-spacing: .4em; text-align: center }
.content-404 img { margin: 30px 0 }
.content-404 span { font-size: 14px; color: #696969; font-weight: 400; text-transform: uppercase; letter-spacing: .1em; display: block }
.content-404 span a { font-weight: 700; padding-bottom: 2px; border-bottom: 1px solid #333 }
.content-404 span a:hover { border-color: #f2552c; color: #f2552c }
.contact-404 { width: 360px; height: 189px; display: block; font-size: 24px; font-weight: 700; padding-top: 120px; padding-left: 40px; line-height: 1; color: #f2552c; background-image: url(../images/background/404_contact_bg.png); overflow: hidden; position: fixed; left: 0; bottom: 0; z-index: 98 }
.follow-404 { height: 24px; line-height: 24px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); position: fixed; top: 50%; right: -120px }
.follow-404 .follow-404-socials { display: inline-block; float: left }
.follow-404 .follow-404-socials a { display: inline-block; font-size: 20px; color: #ababab; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); margin-right: 30px }
.follow-404 .follow-404-socials a:hover { color: #f2552c }
.follow-404 .follow-404-text { line-height: 24px; white-space: normal; text-transform: uppercase; font-size: 14px; font-weight: 700; color: #333; display: inline-block; margin-left: 30px }
.follow-404 .follow-404-text:before { content: ''; width: 60px; height: 1px; display: inline-block; background-color: #d0d1d1; margin-right: 20px; vertical-align: middle }
.contact-info .icon-boxes { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #f4f4f4 }
.contact-info .icon-boxes .icon-boxes-inner { display: table-cell; vertical-align: top }
.contact-info .icon-boxes .icon-boxes-title { margin-top: 0; margin-bottom: 10px; letter-spacing: .05em; font-size: 14px; font-weight: 700; color: #fff; text-transform: uppercase; }
.contact-info .icon-boxes .icon-boxes-content a { color: #fff }
.comments-area .comments-title { font-size: 24px; color: #333; margin-bottom: 30px; font-weight: 700 }
.comments-area .comments-title:after { content: ''; display: block; width: 30px; height: 1px; background-color: #f2552c; margin-top: 5px }
.comments-area .comment-list { padding-left: 0; list-style: none; margin: 40px 0 }
.comments-area .comment-list li { padding: 20px 0; list-style-type: none }
.comments-area .comment-list li:last-child { border-bottom: 0 }
.comments-area .comment-list li article { padding: 16px; padding-left: 90px; position: relative; border: 1px solid #e2e2e2; }
.comments-area .comment-list li article footer { display: block }
.comments-area .comment-list li article .comment-author { display: inline-block; color: #333 }
.comments-area .comment-list li article .comment-author img { position: absolute; top: 16px; left: 16px; border-radius: 50%; }
.comments-area .comment-list li article .comment-author .fn { letter-spacing: .05em; font-size: 16px; text-transform: capitalize }
.comments-area .comment-list li article .comment-metadata { display: inline-block; margin-left: 20px; font-size: 14px; color: #ababab }
.comments-area .comment-list li article .comment-metadata:before { content: '\f21b'; font-family: Ionicons; color: #e0e0e0; font-style: normal; font-size: 5px; margin-right: 20px }
.comments-area .comment-list li article .comment-metadata a { color: #8e8b87 }
.comments-area .comment-list li article .comment-content { font-size: 15px; line-height: 1.6; color: #696969 }
.comments-area .comment-list li article .reply { margin-top: -8px }
.comments-area .comment-list li article .reply a { color: #f2542c; text-transform: uppercase; font-weight: 400; letter-spacing: .05em; font-size: 12px }
.comments-area .comment-list li article .reply a:before { content: '\f21e'; font-family: Ionicons; margin-right: 5px; font-size: 16px }
.comments-area .comment-list li .children { margin-top: 40px; padding-left: 0 }
.comments-area .comment-list li .children li { margin-top: 30px; padding-top: 0; padding-bottom: 0; padding-left: 16px; border-bottom: 0; border-left: 1px solid #f1542c }
.comments-area .comment-list li .children li:last-child { padding-bottom: 0 }

.progress-wraper .progress-title { display: block; font-size: 12px; color: #ababab; text-transform: uppercase; font-weight: 400 }
.progress-wraper .progress-value { color: #878787; padding-right: 15px }
.progress-wraper .block-progressbar { position: relative; width: 100%; margin-bottom: 35px }
.progress-wraper .block-progressbar:last-child { margin-bottom: 0 }
.block-progressbar .progressbar-back-text { position: absolute; background-color: #e0e0e0; width: 100%; height: 8px; font-size: 0; text-indent: -9999px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.block-progressbar .progresswrap { height: 8px }
.block-progressbar .progressbar { position: absolute; background-color: #f2552c; height: 8px; width: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; transition: all 1s linear; -moz-transition: all 1s linear; -webkit-transition: all 1s linear; -o-transition: all 1s linear }
.block-progressbar .progressbar-front-text { position: absolute; right: 0; top: -30px; width: 35px!important; height: 20px; line-height: 20px; color: #FFF; background: #222; text-align: center; font-size: 12px; margin-bottom: 6px; -webkit-transition: all 2s ease-in-out; transition: all 2s ease-in-out }
.block-progressbar .progressbar-front-text:after { content: ""; position: absolute; border-top: 5px solid #222; border-left: 12px solid transparent; bottom: -4px; right: 0 }
/* forgot passowrd*/

#login h3 { color: #fff; }
.btn-warning { color: #fff; background: rgb(242, 85, 44); margin-top: 20px; }
#show-next-image,#show-previous-image {
    background: #f2552c;
    color: #fff;
}
.modal-header .close {
    margin: 0;
    background: #f2552c;
    opacity: 1;
    color: #fff;
  height: 34px;
    width: 39px;
    border-radius: 5px;
    position: absolute;
    right: 0px;
    bottom: 10px;
    text-align: center;
    margin: 0 auto;
    left: 140px;
}
.modal-footer {padding: 10px 0px;margin-top: 0;}
.modal-body{padding: 0px;}
.v-gallery #image-gallery-image {border: none;border-radius: 0;}
/* end */
.noo-spinner { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, .985); z-index: 999999; -webkit-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; transition: all .8s ease 0s }
.spinner { display: flex; justify-content: center; align-items: center; position: absolute;  margin: -20px 0 left: 50%;
top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; }
.spinner span { font-size: 5rem; }
.spinner .record-icon { width: 60px; height: 60px; }
.page-framed .spinner { margin-left: -50px }
.page-presentation .spinner { margin-left: -50px; margin-top: -50px }
.spinner .child { width: 100%; height: 100%; border-radius: 50%; background-color: #f2552c; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: sk-doubleBounce 2s infinite ease-in-out; animation: sk-doubleBounce 2s infinite ease-in-out }
.spinner .double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s }
 @-webkit-keyframes sk-doubleBounce {
 0%,  100% {
 -webkit-transform: scale(0);
 transform: scale(0)
}
 50% {
 -webkit-transform: scale(1);
 transform: scale(1)
}
}
 @keyframes sk-doubleBounce {
 0%,  100% {
 -webkit-transform: scale(0);
 transform: scale(0)
}
 50% {
 -webkit-transform: scale(1);
 transform: scale(1)
}
}
/*Custom css*/

.d-name { font-size: 75px !important }
/*Course Offer css*/

.course-box { display: flex; flex-flow: row wrap; padding-bottom: 50px; background: #33333382; padding: 30px; border: 1px solid #3a3a3a; margin-bottom: 20px; }

.icon-boxes-inner { width: calc(100% - 150px); text-align: left; padding: 0 12px; }
/** workshop page start */

.workshop .course-box { border: none; background: transparent; padding: 0; flex-flow: column; min-height: 270px;}
.workshop .course-box .icon-boxes-icon { border-radius: 100%; display: block; align-items: initial; justify-content: initial; margin: auto; border: double; }
.workshop .icon-boxes .icon-boxes-link { justify-content: center; }
/* end*/

.about-area:hover #about-box:before { transform: rotate(0deg); transition: ease 0.6s; }
.about-img { transform: rotate(0deg); transition: ease 0.6s; border: 7px double #fff; }
.about-area:hover .about-img { /*transform: rotate(10deg);*/
transition: ease 0.6s; }
.director-flotting { width: 85%; }


/*About Page Css Start*/
.best-row { display: flex; justify-content: center; align-items: center; }
.best-img { max-width: 414px; margin: 60px 0 25px; border: 16px solid #e2e2e2; transform: rotate(-2deg); }
/*Section Head Css Start*/

.section-head { display: flex; flex-direction: column; border: 0; padding: 7px; position: relative; max-width: 560px; justify-content: center; align-items: center; margin: 0 auto; margin-bottom: 32px;/* box-shadow: 0 4px 4px 0px #ccc; */
    /* background: #fff; */
}
.section-head .sub-title { position: absolute; margin: 0; padding: 0; top: -28px; left: 0; right: 0; font-weight: bold; }
.section-head .sub-title span { background: #f2552c; color: #fff; font-size: 2rem; padding: 6px 25px; }
.section-head .section-title { font-size: 4rem; margin: 0 !important; padding: 0 !important; color: #f2552c; text-transform: uppercase; }

a.blog-info-title { font-size: 2rem; display: flex; line-height: 1.5; margin-bottom: 8px; }
span.blog-info-date { font-size: 1em; }
.blog-item { position: relative; }
.blog-item:before { content: ''; position: absolute; top: 8px; bottom: 8px; right: 8px; left: 8px; border: 2px solid #ccc; z-index: -1; }
p.blog-content { margin-top: 8px; font-size: 1.4rem; }
.banner-section { background-repeat: no-repeat; background: black url("../images/slider-bg.png"); /*background-size: cover;*/
background-size: 100% 100%; background-position: center center; width: 100%; height: 100%; min-height: 100vh; opacity: 1; visibility: inherit; z-index: 20; position: relative; }
.lens { position: absolute; left: 50%; top: 50%; width: 320px; height: 320px; animation: lensfocus 2s infinite; transform: translate(-50%, -50%) rotate(20deg); }
 @keyframes lensfocus {
 0% {
 transform: translate(-50%, -50%) rotate(20deg);
}
 25% {
 transform: translate(-50%, -50%) rotate(20deg);
}
 50% {
 transform: translate(-50%, -50%) rotate(20deg);
}
 100% {
 transform: translate(-50%, -50%) rotate(20deg);
}
}
/*Menu Css Start*/

.site-content { max-width: 1100px; height: 100vh; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.site-content__headline { font-weight: 200; color: #ffffff; font-size: calc(2vw + 10px); }
.menu-icon { height: 62px; width: 78px; position: fixed; z-index: 9999; right: 50px; top: 34px; cursor: pointer; display: block; align-items: center; color: #fff; background: rgb(242, 85, 44); padding: 17px 9px; }
.menu-bars { margin-left: 16px; }
.menu-icon__line { height: 2px; width: 30px; display: block; background-color: #ffffff; margin-bottom: 4px; -webkit-transition: background-color .5s ease, -webkit-transform .2s ease; transition: background-color .5s ease, -webkit-transform .2s ease; transition: transform .2s ease, background-color .5s ease; transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease; }
.menu-icon__line-left { width: 15px; }
.menu-icon__line-right { width: 15px; float: right; }
.nav { position: fixed; z-index: 1; }
.nav:before, .nav:after { content: ""; position: fixed; width: 100vw; height: 100vh; background: rgba(234, 234, 234, 0.2); z-index: -1; -webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s; transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s; transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s; transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s; -webkit-transform: translateX(0%) translateY(-100%); transform: translateX(0%) translateY(-100%); }
.nav:after { background: rgba(0, 0, 0, 0.9); -webkit-transition-delay: 0s; transition-delay: 0s; }
.nav:before { -webkit-transition-delay: .1s; transition-delay: .1s; }
.nav__content { position: fixed; top: 50%; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); width: 100%; text-align: center; font-size: calc(2vw + 10px); font-weight: 400; cursor: pointer; display: none; }
.nav__list-item { position: relative; display: inline-block; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; opacity: 0; -webkit-transform: translate(0%, 100%); transform: translate(0%, 100%); -webkit-transition: opacity .2s ease, -webkit-transform .3s ease; transition: opacity .2s ease, -webkit-transform .3s ease; transition: opacity .2s ease, transform .3s ease; transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease; margin-right: 25px; }
.nav__list-item:before { content: ""; position: absolute; background: #fff; width: 20px; height: 1.4px; top: 100%; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); -webkit-transition: all .3s ease; transition: all .3s ease; z-index: -1; }
.nav__list-item:hover:before { width: 100%; }
body.nav-active .menu-icon__line { background-color: #fff; -webkit-transform: translateX(0px) rotate(-45deg); transform: translateX(0px) rotate(-45deg); }
body.nav-active .menu-icon__line-left { -webkit-transform: translateX(1px) rotate(45deg); transform: translateX(1px) rotate(45deg); }
body.nav-active .menu-icon__line-right { -webkit-transform: translateX(-2px) rotate(45deg); transform: translateX(-2px) rotate(45deg); }
body.nav-active .nav, body.nav-active .nav__content { display: block; z-index: 999; }
ul.nav__list a { color: #fff; }
body.nav-active .nav:before, body.nav-active .nav:after { -webkit-transform: translateX(0%) translateY(0%); transform: translateX(0%) translateY(0%); }
body.nav-active .nav:after { -webkit-transition-delay: .1s; transition-delay: .1s; }
body.nav-active .nav:before { -webkit-transition-delay: 0s; transition-delay: 0s; }
body.nav-active .nav__list-item { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, transform .3s ease, color .3s ease; transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease; }
body.nav-active .nav__list-item:nth-child(0) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
body.nav-active .nav__list-item:nth-child(1) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
body.nav-active .nav__list-item:nth-child(2) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }
body.nav-active .nav__list-item:nth-child(3) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
body.nav-active .nav__list-item:nth-child(4) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }
#film-slider { position: relative; width: 100%; height: 100%; min-height: 100vh; }
#film-slider img { width: 160px; position: absolute; }
#film-slider img:nth-child(1) { left: 19px; top: 16px; }
#film-slider img:nth-child(2) { right: 16px; top: 16px; }
#film-slider img:nth-child(3) { bottom: 16px; left: 19px; }
#film-slider img:nth-child(4) { bottom: 16px; right: 16px; }
#film-slider img:nth-child(5) { width: 90px; top: 25px; left: 20px; }
#bar-level { position: absolute; width: 35px; right: 20px; top: 50%; transform: translate(-50%, -50%); }
#bar-level rect { fill: #fff !important; transform-origin: center bottom; stroke: rgb(255, 244, 16); fill: rgb(216, 62, 62); transform: scaleY(1); stroke-width: 2px; }
#bar-level rect:nth-child(even) { animation: draw 4s linear forwards infinite; }
 @keyframes draw {
 0% {
 transform: scaleY(.8);
}
 15% {
 transform: scaleY(0.9);
}
 40% {
 transform: scaleY(0.85);
}
 60% {
 transform: scaleY(0.75);
}
 80% {
 transform: scaleY(0.85);
}
 100% {
 transform: scaleY(0.8);
}
}
#film-slider .cam-heading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); color: transparent; animation: blurfocus 1.5s infinite; letter-spacing: 0.9rem; text-shadow: 0px 0px 50px #fff; transition: ease 1s; -webkit-animation-direction: alternate; -o-animation-direction: alternate; animation-direction: alternate; text-align: center; }
 @keyframes blurfocus {
 0% {
 color: transparent;
 text-shadow: 0px 0px 6px #fff;
 transform: translate(-50%, -50%) scale(0.98);
}
 25% {
 color: transparent;
 transform: translate(-50%, -50%) scale(0.96);
 text-shadow: 0px 0px 16px #fff;
}
 
75% {
 color: transparent;
 text-shadow: 0px 0px 4px #fff;
 transform: translate(-50%, -50%) scale(0.98);
}
 100% {
 color: #fff;
 text-shadow: none;
 transform: translate(-50%, -50%) scale(1);
}
}
#film-slider .cam-heading:before { content: ''; width: 170px; height: 170px; border: 1px solid rgb(244, 0, 0); position: absolute; left: 50%; z-index: -999; top: 50%; border-radius: 100%; margin: 0 auto; transform: translate(-50%, -50%) scale(0.96); transition: ease 1.5s; animation: lensfocus 2s infinite; }
 @keyframes lensfocus {
 0% {
 color: transparent;
 text-shadow: 0px 0px 6px #fff;
 transform: translate(-50%, -50%) scale(0.98);
}
 50% {
 color: transparent;
 text-shadow: 0px 0px 4px #fff;
 transform: translate(-50%, -50%) scale(0.96);
}
 100% {
 color: #fff;
 text-shadow: none;
 transform: translate(-50%, -50%) scale(0.97);
}
}
#film-slider .cam-heading:hover { top: 49.5%; left: 49.5%; transition: ease 1.5s; animation-play-state: paused; }
#film-slider .cam-heading:hover .cam-heading:before { top: 52.5%; left: 52.5%; transition: ease 1.5s; }
.cam-heading.second-d{ display: none; }

/*Recorder ViewFinder css*/
.recoder { position: absolute; top: 40px; left: 30px; display: flex; justify-content: center; align-items: center; }
.record-lbl { color: #fff; margin-left: 6px; text-transform: uppercase; font-size: 2rem; font-weight: bold; }
.record-icon { width: 30px; height: 30px; background-color: red; border-radius: 100%; opacity: 1; animation: blinkicon 0.8s infinite; }
 @keyframes blinkicon {
 0% {
 opacity: 0;
}
 50% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
#timer-count { position: absolute; left: 30px; top: 75px; color: #fff; }
/*Single Course Page css Start*/
.sem-row { justify-content: flex-start; }
.flex-flow { flex-flow: row wrap; }
.semester-block { width: 33.33%; padding: 10px 25px 0 0; }
.block-100 { width: 100%; }
.semester-block strong { font-size: 1.6rem; }
.semester-block ul { list-style: inside; color: #fff; display: flex; justify-content: space-between; align-items: center; }
.semester-block .main_divv {text-transform: uppercase;}
.semester-block .pay_sem_ccavenue {padding: 10px 0;}
.semester-block  .course-button .pay_sem_ccavenue a{ background: #fff;color: #000;padding: 10px;border-radius: 0;}
.semester-block .sem_fee {color: #f2552c;font-weight: bold;}
.semester-block .sem_fee_num {font-weight: bold;}
.semester-block .sem_fee_num i {padding-right: 7px;}
/*single Semester end*/

.video-block { background: #fff; }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed {pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-list { width: 100%; display: flex; flex-flow: row wrap; padding: 16px; }
.video-list li { width: 50%; padding: 6px; }
.video-list li:first-child { width: 100%; padding: 6px; }
.video-list li video { width: 100%; object-fit: cover; }
.Video-box { padding: 8px; box-shadow: 1px 1px 2px #333; }
.video-title { font-size: 18px; font-weight: normal; color: #f2552c; padding: 8px 0; margin: 0; text-transform: capitalize; }
.video-sub-title { text-transform: uppercase; font-size: 12px; }
/*Video In slides*/

.thumb video { width: 100%; object-fit: contain; }
#course-video .item-inner { padding: 16px; box-shadow: 2px 2px 2px #333; }
.course-list-gfy a {border: 1px solid #f2552c;color: #f2552c;padding: 6px;display: block; width: 70px;text-align: center;}
.relate-film-carousel .item .item-inner .info { padding: 0; }
/* faq start */
.faq-sw .language-block { position: relative; }
.faq-sw .faq-main { background: #fff; margin: 20px 0px; padding: 10px;border-radius: 3px; }
.faq-sw .faq-main .quesion h2 { font-size: 20px;  margin: 0; color: rgb(242, 85, 44); }
.faq-sw .faq-main .anwer p { color: #000; }
.faq-sw .faq-main a {color: #000;}
/* faq end */

/*Login-page css*/
.login-form, .signup-form {padding: 15px; }
.big-gap { margin: 10px 0; display: block; clear: both; overflow: hidden; }
.reg_fd{position: relative;display: flex;flex-wrap: wrap;}
.min_width_lo {max-width: 960px;margin: auto;position: relative;display: flex;flex-wrap: wrap;}
.login_image {text-align: center;}
.login_image img {animation: 5s ease-in-out 0s normal none infinite running key;position: relative;transition: all 0.2s ease-in-out 0s;}
@keyframes key{50%{transform:translate(0px, 20px);}
}
.min_width_lo:after,.reg_fd:after {
    position: absolute;
    left: 0;border-color: rgba(255, 255, 255, 0.24);
    border-style: solid;
    width: 10px;
    height: 100%;
    /* background: #fff; */
    content: "";
   transition: all ease 1s;
    border-width: 1px 0px 1px 1px;
}
.min_width_lo:before,.reg_fd:before {
    position: absolute;
    right: 0;border-color: rgba(255, 255, 255, 0.24);
    border-style: solid;
    width: 10px;
    height: 100%;
    transition: all ease 1s;
    content: "";
    border-width: 1px 1px 1px 0px;
}
.min_width_lo:hover:after,.min_width_lo:hover:before,.reg_fd:hover:after,.reg_fd:hover:before{ width:30px;}
/* end */

.head-action { position: absolute; z-index: 99; right: 155px; height: 60px; top: 35px; display: flex; justify-content: center; align-items: center; }
.head-action a { color: #fff; padding: 20px; margin: 0 5px; background: #f2552c; }
a#slide-about { display: flex; justify-content: center; align-items: center; left: 0; right: 0; margin: 0 auto; border-radius: 100%; position: absolute; background: transparent; bottom: 5px; }
.language-block { position: absolute; width: 130px; z-index: 99; }
.language-block ul { display: flex; justify-content: center; align-items: center; width: 100%; text-align: center; margin: 0; }
.language-block ul li { width: 100%; justify-content: center; align-items: center; }
.language-block ul li a { color: #fff; padding: 8px; background: #404040; border: 2px solid #fff; cursor: pointer;font-size: 15px; }
a.activeLn { background: #f2552c !important; border-color: #f2552c !important; }
h2.section-title.small.mb-3 { color: #fff; font-weight: normal; }
div#workshop, div#clients-section { background: #efefef; }
.workshop-item { padding: 25px; }
.workshop-item iframe { object-fit: cover; width: 100%; height: 300px; border: 10px solid #eee; }
li.lec { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 16px; background: #f3f3f3; }
.Exams { margin-top: 50px; }
li.chap-title { list-style: none; background: rgb(242, 85, 44); padding: 4px 16px; color: #fff; }
.lec-left, .lec-right { width: 50%; padding: 4px 16px; display: inline; align-items: center; justify-content: space-around; }
.lec-right span {margin-top: 6px;background: rgb(242, 85, 44);padding: 8px;}
.well.well-sm.black-text { color: #000; }
/*bg setup css*/

#home-page { background: url(../images/bg1.jpg); background-repeat: repeat; background-size: 400px; background-position: 0 112px; }
div#aboutSection, div#workshop, div#clients-section { /*background: rgba(255, 255, 255, 0.2);*/
/* background: url('../images/bg-section.jpg'); */ background-position: 0 0; background-size: cover; background-color: #0e1019;}
.section.black-bg { background: #14161e; z-index: 99;}
.courserpopup{z-index: 9999;}
.courserpopup .modal-dialog {
    width: 100%;
    height: 100%;    margin: 0;
}
.courserpopup .modal-content ,.courserpopup .modal-body{
    width: 100%;
    height: 100%; 
}
.courserpopup  iframe {
    border: none;
    width: 100%;
    height: 100% !important;
}
iframe body{ margin:0px !important;}
.shrinkToFit {height: 100%;width: 100%;}
.course-list-gfy iframe {height: 110px;}
.section-title { color: #fff;font-size: 24px; }
.footer-newsletter { min-height: initial; }
div#aboutSection p, div#workshop p, div#clients-section p, div#course-offers p, div#aboutSection span, div#workshop span, div#clients-section span, div#course-offers span { color: #fff;font-size: 15px; }
.table-striped>tbody>tr:nth-child(2n+1)>td, .table-striped>tbody>tr:nth-child(2n+1)>th { background-color: #f9f9f9; color: #000; }

/*Exam Css*/
.shrinkToFit {width: 100%;}
 .table-striped > tbody > tr td:last-child {min-width: 130px;}
section#exam_summery { clear: both; }
.panel-info { border-color: #f2552c; }
.panel-info>.panel-heading { color: #ffffff; background-color: #f2552c; border-color: #f2552c; }
#exam_summery .table>tbody>tr>td, #exam_summery .table>tbody>tr>th, #exam_summery .table>tfoot>tr>td, #exam_summery .table>tfoot>tr>th, #exam_summery .table>thead>tr>td, #exam_summery .table>thead>tr>th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: none; color: #000; }
.text-muted { color: #fff; }
#exam_summery h3 { color: #fff; }
.breadcrumb.hidden-print li a { color: #f2552c; }
section#exam_summery { clear: both; }
header#mobile-nav { position: relative; clear: both; }
h3.text-muted+h3+p { display: block; clear: both; }
p.result-note { display: block; width: 100%; clear: both; margin-top: 16px; }
.btn-success { color: #fff; background-color: #f2552c; border-color: #f2552c;width: auto;    padding: 10px 16px;
    border: none; }
.btn-success:hover { color: #fff; background-color: #f2552c; border-color: #f2552c; }
.panel-group .panel { border-radius: 0; box-shadow: none; border-color: #EEEEEE; }
.panel-default>.panel-heading { padding: 0; border-radius: 0; color: #212121; background-color: #FAFAFA; border-color: #EEEEEE; }
.panel-title { font-size: 14px; }
.panel-title>a { display: block; padding: 15px; text-decoration: none; }
.more-less { float: right; color: #212121; }
.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #EEEEEE; }
.info-item a.btn.btn-cc { border: 1px solid #fff !important; color: #fff !important; transition: ease 0.5s; }
.info-item a.btn.btn-cc:hover { background: #000 !important; transition: ease 0.5s; }
/* about us */
.about-us-content p { color: #fff; }
/* end */


/* course list*/
.table>thead:first-child>tr:first-child>th { border-top: 0; color: #f2552c; }
.table-striped>tbody>tr:nth-of-type(2n+2) { color: #fff;     background: #f2552c;}
 .table-striped.course-list-gfy>tbody>tr:nth-of-type(2n+2) a{ border: 1px solid; color: #fff;background: #000; }
/* end */
.sidenav { height: 100%; width: 0; position: fixed; z-index: 999999; top: 0; right: 0; background-color: rgb(242, 85, 44); overflow-x: hidden; transition: 0.5s; padding-top: 60px; }
.sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #fff; display: block; transition: 0.3s; }
.sidenav a:hover { color: #f1f1f1; }
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; }
/* demo button */

/* live workship inner page*/
/*.demo-class-fixed { position: fixed; top: 50%; background: rgb(242, 85, 44); z-index: 99; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); writing-mode: lr-tb; left: -33px; padding: 9px; }*/
/*.demo-class-fixed a { color: #fff; }*/
.image-workshop-right { margin: 12px 0px; }
.participate-list h4 {  color: #fff; padding: 20px 0 0;}
/* end */
/*==youtube hit ==*/
.youtube-hit img {max-width: 100%;cursor: pointer;}
/* end */

/* == youtube popup == */
.targetvideos .modal-body iframe {width: 100%;height: 100%;}
.targetvideos .modal-dialog {width: 100%;height: 100%;margin: 0;}
.targetvideos .modal{width: 100%;height: 100%;overflow-y: hidden;}
.targetvideos .modal-content {width: 100%;height: 100%;}
.targetvideos .modal-body  {width: 100%;height: 100%;padding: 0;pointer-events: none;}
.targetvideos .Video-box {padding: 0;width: 100%;height: 100%;}
.targetvideos .close {position: absolute;top: 50px;right: 10px;background: #000 !important;color: #fff;opacity: 1;height: 30px;width: 30px;border-radius: 100%;}
.targetvideos .video-container{padding-top: 0;}
/* end */
/*passwod eye*/
.view_password {position: absolute; top: 0px;right: 0px;background: #f2552c;height: 40px;width: 40px;display: flex;align-items: center;justify-content: center;}
.input-top {position: relative;}
/* == gallery == */
#image-gallery .modal-footer{display: block;}
.thumb{margin-top: 15px;margin-bottom: 15px;}
.thumb img {width: 100%;object-fit: cover;height: 140px;}
.modal-header,.modal-footer{border:  none;}
.v-gallery #image-gallery-image{border-radius: 10px;margin: auto;}
.v-gallery button{margin-top: 10px;}
.modal-footer{text-align: center;}
.v-gallery{max-width: 800px;margin:10px auto; height: auto; width:100%;}
.carousel-inner .active.left { left: -33%; }
.carousel-inner .next        { left:  33%; }
.carousel-inner .prev        { left: -33%; }
.carousel-control.left,.carousel-control.right {background-image:none;}
.item:not(.prev) {visibility: visible;}
.item.right:not(.prev) {visibility: hidden;}
.rightest{ visibility: visible;}
.prev_btn,.nxt_btn{  top:auto;  bottom: -30px;}
/*.v_videos img{  box-shadow:0px 0px 10px 3px #fff; transition: transform .5s;    }*/
 .v_videos img:hover {    transform: scale(1.1); }
.v_videos iframe{    height: 183px;}
/*== == */
#start_exam {background: #f3f3f3;}
h3.course_sic{    font-size: 26px;}
#start_exam .box {padding: 30px; background: #fff;margin: 40px 0px;border-radius: 5px;position: relative; z-index:9;box-shadow: 0 0 34px 6px rgba(121, 121, 121, 0.1)}
#start_exam .box:after {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    background: #f2552c;
    height: 30px;
    width: 30px;
    content: "";
    z-index: -9;
    margin: 9px;
}
#start_exam .box:before {
    position: absolute;
    right: 0;
    left: 0;
    top: 14px;
    background: #f2552c;
    height: 4px;
    width: 70px;
    content: "";
    z-index: -9;
    margin: 9px;
}
span.time_rem {color: #f2552c;font-size: 17px;}
span.time-duration strong { font-size: 22px; display: inline-block; vertical-align: middle; }
.question_content h3 { font-size: 24px; margin: 14px 0px;line-height: 40px; }
p.q_qw {font-size: 19px;margin-bottom: 0;}
.image_exam_d { position: relative; transform: translatey(29px); }
#start_exam .pagination {margin-top: 20px;}
#start_exam .me-control-btn a {background: rgb(242, 85, 44);border: none;    width: auto;margin-right: 10px;}
#start_exam .me-control-btn a.btn-info[disabled]{background: rgb(242, 85, 44);border: none; width:auto;    }
#start_exam .pagination a {color: #333;    line-height: 30px;}
#start_exam .pagination > .active > a, #start_exam .pagination > .active > span, #start_exam .pagination > .active > a:hover,#start_exam .pagination > .active > span:hover,#start_exam .pagination > .active > a:focus,#start_exam .pagination > .active > span:focus{background: rgb(242, 85, 44);border: none; color:#fff;}
#start_exam .pos_as {background: #cacbcb;height: 30px;width: 30px;border-radius: 100%;position: absolute;right: 80px;top: 60px;-webkit-animation: mymove 1s infinite; /* Safari 4.0 - 8.0 */
  animation: mymove 1s infinite;}
  #start_exam .blub_image.pos_as {
    top: -10px;
    right: 30px;animation: mymove 3s infinite;-webkit-animation: mymove 3s infinite;
}
#start_exam .round_ion_2.pos_as {animation: mymove 2s infinite;-webkit-animation: mymove 2s infinite; top: 55px; right: 53px; width: 21px; height: 21px; }
/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* Standard syntax */
@keyframes mymove {
   from {opacity: 0;}
  to {opacity: 1;}
}
/*#start_exam .radio {background-color: #fff;display: block;margin: 10px 0;position: relative;padding-left: 0;}
#start_exam .radio label {padding: 12px 40px;width: 100%;display: block;text-align: left;color: #3C454C;cursor: pointer;position: relative;z-index: 2; transition: color 200ms ease-in;overflow: hidden;}
#start_exam .radio label:before { width: 100%; height: 10px; border-radius: 50%; content: ''; background-color: #ececec; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1); transform: translate(-50%, -50%) scale3d(1, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; z-index: -1; }
#start_exam .radio label:after { width: 25px; height: 25px; content: ''; border: 2px solid #D1D7DC; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E "); background-repeat: no-repeat; background-position: 2px 3px; border-radius: 50%; z-index: 2; position: absolute; left: 7px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; transition: all 200ms ease-in; } 
#start_exam .radio input:checked ~ label:before { -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1); transform: translate(-50%, -50%) scale3d(56, 56, 1); opacity: 1; }
#start_exam .radio input:checked ~ label:after { background-color: #f2552c; border-color: #f2552c; }
#start_exam .radio input { width: 32px; height: 32px; order: 1; z-index: 2; position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; visibility: hidden; } */
/* Hide the browser's default radio button */
/* ==*/
.Exams {color: #000;}
a.black {color: #000;}
.lec-right span a:hover {color: #fff;opacity: 0.8;}
#paymentDue .modal-header,#login .modal-header {background: #f2552c;}
#paymentDue .modal-header .modal-title,#login .modal-header .modal-title{color: #fff;}
#paymentDue .modal-body,#login .modal-body {padding: 20px;}
#paymentDue .modal-body p,#login .modal-body p{color:#333;}
#paymentDue .modal-header .close ,#login .modal-header .close{top: 0;right: 0;left: auto;}
@media (min-width: 768px) and (max-width: 1024px) {
.banner-section { min-height: 60vh !important; }
.page-title.big-style { padding-top: 119px;  }
.nav__list { display: initial; margin: 0 auto; position: relative; }
.footer .widget .widget-title{margin-top: 19px;}
.logo{width: 220px;}
.head-action a{padding: 12px;}
.menu-icon {height: 46px;width: 78px;top: 41px;padding: 8px 9px;}
}
@media (min-width:769px) {
.film-list-member .item .info { position: absolute; top: 0; left: 100%; white-space: nowrap; margin-left: 50px }
.film-list-member .item .name:after { position: absolute; content: ''; display: block; width: 60px; height: 2px; background-color: #f2552c; top: 50%; margin-top: -2px; left: -80px }
.film-list-member .item:nth-child(even) { margin-top: 110px }
.film-list-member .item:nth-child(even) .info { text-align: right; position: absolute; bottom: 0; right: 100%; white-space: nowrap; margin-right: 50px; left: auto; top: auto }
.film-list-member .item:nth-child(even) .name:after { left: auto; right: -80px }
.film-menu-add-param ul li { flex: 0 0 16.66667%; max-width: 16.66667% }
.copyright.style-2 .copyright-container { padding: 120px 100px }
.comments-area .comment-list li .children { padding-left: 100px }
}

@media (max-width:768px) {
.v-gallery{ margin:130px auto;padding: 20px;}
.film-our-services.type-icon .col-icon .icon,  .film-our-services.type-icon.right .col-icon .icon,  .popup-video { margin-top: 0 }
.film-our-services.type-icon .col-text .text:before,  .film-post-slider .slider-nav-container { display: none }
.film-our-services.type-icon.right .col-icon,  .film-our-services.type-image.right .col-image { float: none }
.header.header-mobile .container { padding-left: 45px; padding-right: 45px; max-width: 576px }
.text-center-sm { text-align: center }
.copyright .copyright-right,  .text-left-sm { text-align: left }
.popup-video { width: 100% }
.copyright .copyright-right.text-center-sm,  .film-filter,  .film-list-member,  .gallery-filter { text-align: center }
.copyright .copyright-right ul li:first-child,  .featured-title,  .text-center .featured-title { margin-left: 0 }
.film-filter { position: static; -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0) }
.film-filter ul { transform: translate(0, 0); margin-bottom: 50px }
.film-one-page .film-one-page-item:first-child { padding-top: 0 }

.team-filter ul li a { font-size: 16px }
.team-filter ul li { padding-right: 20px }
.film-hire-box { margin-bottom: 80px }
.film-hire-box.style-2:before { background: 0 0 }
.film-hire-box.style-2 .film-hire-box-right { background-color: #333; padding: 60px; text-align: center }
.gallery-filter ul li a { padding: 7px }
.blog-list-item.style-2 .list-categories { margin-top: 4px }
.sidebar { margin-top: 50px }
/*Menu Css Start*/
.nav__list { display: flex; flex-direction: column; max-width: 320px; margin: 0 auto; position: relative; }
.nav__list li { margin: 0; padding: 8px; }
.nav__list li:before { display: none; }
.header-left { display: none; }
.header.scrolling-menu { position: initial; background: transparent; box-shadow: none; }
#header { display: none; }

    
}
@media screen and (max-width:767px) {
#start_exam .box {padding: 10px;}
#start_exam .me-control-btn a,.btn-success{    margin-bottom: 13px;    font-size: 13px;}
.image_exam_d,#start_exam .box:before,#start_exam .box:after{ display:none;}
h3.course_sic {font-size: 17px;}
span.time_rem {font-size: 13px;}
.question_content h3 {
    font-size: 18px;
    margin: 8px 0px;
    line-height:28px;
}
span.time-duration strong{ font-size:13px;}
.min_width_lo:before, .reg_fd:before{display:none;}
.min_width_lo:after, .reg_fd:after{display:none;}
.login_image img{ display:none;}
.page-title.big-style::after{    background: linear-gradient(to top, rgb(16, 18, 20) 5%, rgb(117, 107, 107) 70%);}
.table>thead tr th:nth-child(2), .table>tbody tr td:nth-child(2), .table>thead tr th:nth-child(3), .table>tbody tr td:nth-child(3) {display: none;}
.v-gallery #image-gallery-image {margin: auto;}
.left.pull-left {float: none !important;text-align: center;}
.pull-right {float: none !important;text-align: center;}
.video-list{padding: 20px 0;}
.table > tbody > tr > td,.table > thead > tr > th{font-size:10px;}
.vdo_ctrl{    bottom: 7px;display: flex;justify-content: center;align-items: flex-start;max-width:100%;}
.Video-box{ padding:0px}
.video-title{    top: -35px;    position: absolute;}
.video-list li{    position: relative;    margin: 16px 0;padding: 3px;}
input[type=range] {width: 100%;height: 25px;        margin: 4px auto;display: inline-flex;}
.vdo_ctrl{ text-align:center;}
footer.footer .mb-4,.footer .widget ul { }
div#aboutSection p, div#workshop p, div#clients-section p, div#course-offers p, div#aboutSection span, div#workshop span, div#clients-section span {   display: none; }
 div#course-offers span{font-size: 10px;padding: 3px;}
 #course-offers .col-xs-6 {padding: 4px;}
 .icon-boxes .icon-boxes-link a{line-height: normal;}
.about-img{ display: none; }
#blogs {  display: none;  }
.youtube-player img {width: 100%;}
.innere_dad p{ display: block !important;}
.d-name { font-size: initial !important; }
iframe { width: 100%; height: 100%; }
.film-list-item:nth-child(odd) .col-info .info .title:before {display:none; }
.film-list-item:nth-child(even) .col-info .info .title:after { display:none;}
.faq-sw .faq-main .quesion h2 {font-size: 16px; }
.sem-topics { align-items: flex-start; flex-direction: column; }
.video-list li { width: 100%; }
.page-title.big-style { padding-top: 89px; padding-bottom: 27px; height: auto; }
/*About Page*/
.best-row:last-child { flex-direction: column-reverse; }
.best-row { flex-direction: column; }
.container,  .container-fluid { width: 100%; }    
.head-action { display: none!important; }
.section-head { margin-bottom: 0; }
.section-head .section-title { font-size: 2rem; }
.semester-block ul { flex-direction: column; }
.course-box { flex-direction: column; padding: 6px;min-height: 151px; }
.icon-boxes-inner { width: 100%; }
#english-area,  #hindi-area { margin-top: 20px; }
.floating { margin-bottom: 30px; }
.language-block { position: initial; }
.logo { width: 125px; top: 32px; left: 17px; background: #fff;padding: 7px;border-radius: 4px;}
.sem-row .semester-block { width: 100%; }
.breadcrumbs ul li { line-height: 1.5; text-overflow: initial;white-space: normal; }
.section.black-bg { padding: 10px; }
.img-c { width: 100%; height: 165px; margin-bottom: 10px; }
.play_video { font-size: 11px;     padding: 7px 13px; }
.footer .footer-social a {  width: 35px; height: 35px;    line-height: 35px;  margin-bottom: 11px; }
.footer .footer-social { margin-top: 0; }
.footer {  padding-top: 20px; padding-bottom: 20px;  }
.section{    padding: 28px 0;}
.page-title .title {  font-size: 2rem; }
.film-list-item .col-info .info { padding: 10px; }
.breadcrumbs { margin-top: 10px; font-size: 12px;  text-transform: capitalize; letter-spacing: normal;  }
.section-title { font-size: 14px; }
.video-sub-title{ display: none; }
.film-list-item:nth-child(even) .col-info .info, .film-our-services.type-image.right .col-text { text-align: left; }
.fz-40 { font-size: 20px !important; }
.film-list-item .col-info .info .title {font-size: 17px;}
.footer .widget .widget-title {    padding-top: 30px; }
.youtube-hit-list iframe {height: 315px;}
.youtube-hit img{ width:100%;}
.course-list-gfy iframe {    width: 120px;}
#film-slider .cam-heading{ font-size:28px;}
.menu-icon{ font-size:15px;height: 42px; width: 76px;right: 12px;    padding: 9px 9px;}
.youtube-video { margin-bottom: 20px; }
.film-list-item iframe { width: 100%; }
.thumb img { width: 100%;  }
.course-box .icon-boxes-icon { width: 50px; height: 50px;border-radius: 0; }
.icon-boxes-shadow .icon-boxes-icon{ margin-bottom: 0; }
#course-offers .icon-boxes .icon-boxes-content {      overflow: hidden;font-size: 11px;height: 100px;text-overflow: ellipsis; }
.icon-boxes .icon-boxes-link{    justify-content: flex-start;    margin-top: 10px; }
.icon-boxes-inner { padding: 0; }
.icon-boxes-icon svg {  width: 30px; height: 30px;  }
#course-offers .col-xs-4 {padding: 0 3px;}
.icon-boxes-shadow .icon-boxes-icon{ line-height: 0px; }
.workshop .course-box{ min-height: 144px; display: block; }
.icon-boxes .icon-boxes-title { font-weight: normal;margin-top: 14px; margin-bottom: 10px;  text-transform: capitalize; font-size: 11px;  }
.owl-controls{display: none;}
#video-youtube .owl-controls{display: block;}
.thumb {margin-top: 0;margin-bottom: 0;}
.contact-info .icon-boxes .icon-boxes-title{margin-top: 14px;}
.contact-info .icon-boxes{margin-bottom: 10px;padding-bottom: 10px;} 
.course-detail-info{margin-top: 11px;}
}
@media screen and (max-height: 480px) {
.sidenav { padding-top: 15px; }
.sidenav a { font-size: 18px; }
.video-list li { width: 100%; }


}
@media (max-width:639px) {
#film-slider img { width: 140px; position: absolute; }
#film-slider img:nth-child(1) { left: 2px; top: 6px; }
#film-slider img:nth-child(2) { right: 2px; top: 6px; }
#film-slider img:nth-child(3) { bottom: 7%; left: 2px; }
#film-slider img:nth-child(4) { bottom: 7%; right: 2px; }
#film-slider img:nth-child(5) { top: 20px; left: -6px; }
#bar-level { display: none; }
.recoder { top: 16px; left: 9px;}
#timer-count { left: 0; top: 50px; }
.section-head .sub-title span{font-size: 1.4rem;}

}

@media (max-width:414px) {
	input[type=range] {width: 80%;}
.page-framed .spinner { margin-left: -20px }
.spinner { left: 45% }
.modal-header .close{     right: 10px;}
.text-center-xs { text-align: center!important }
a.backtotop { right: 15px }
a.backtotop.show { bottom: 15px }
.team-carousel-wrap { padding: 50px 15px }
.icon-boxes { margin-bottom: 10px }
.blogger-template .main { padding: 0 }
.film-one-page .film-one-page-item { padding-left: 0; padding-right: 0 }
.film-one-page .film-one-page-item .film-one-page-item-inner .text .title { font-size: 60px }
.onepage-pagination { display: none }
.film-our-services-list .big-title a:after { right: -90px }
.section-bg-11 { background: 0 0 }
.section-bg-11 .icon-boxes-title.white,  .section-bg-11 .section-title.white { color: #333!important }
.hashtag { font-size: 35px; left: 15px }
.sidenav a{padding: 8px 8px 7px 44px;}
}
@media (max-width:320px) {
    .icon-boxes .icon-boxes-title { min-height: 42px;}
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background: #222;
}
.color-black p { color: #000; }
#buyCourse .modal-header,#login .modal-header {background: #f2552c;}
#buyCourse .modal-header .modal-title,#login .modal-header .modal-title{color: #fff;}
#buyCourse .modal-body,#login .modal-body {padding: 20px;}
#buyCourse .modal-body p,#login .modal-body p{color:#333;}
#buyCourse .modal-header .close ,#login .modal-header .close{top: 0;right: 0;left: auto;}
.v_videos img {width: 100%;transition: all ease 1s;}
span.whatsapps {font-size: 17px;border: 1px dashed;padding: 3px 10px;border-radius: 2px;margin: 0 4px;}

.video-container.openfull {position: fixed;padding-bottom: 0;padding-top: 0;height: 100%;overflow: hidden;width: 100%;top: 0;left: 0;right: 0;z-index: 99;}
.course.textcut .video-container iframe {height: 602px;}
.abcd .col-md-3.col-xs-6:first-child {background-color: #f2552c;box-shadow: 0 0 10px rgba(0,0,0,.3);border-radius: 11px;}
.workshop .course-box{padding:20px 0 0 0;}
@media print {html, body {display: none;}}