/*// Montserrat //*/ @import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900"); @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800'); /*------------------------------------- [Master Stylesheet] Project: Smmart HTML [Table of contents] 01. Typography; 02. Header style; 03. Common content styles; 04. Custom plugins styles; 05. Pages: 05.01. Home page type 1; 05.02. Home page type 2; 05.03. Home page type 3; 05.04. Blog listing; 05.05. Blog single post; 05.06. Team; 05.07. Single team; 05.08. Courses; 05.09. Single course; 05.10. About; 05.11. Services; 05.12. Coming soon; 05.13. Page 404; 05.14. Process; 05.15. Become a Teacher; 05.16. Events; 05.17. Single Events; 05.18. Events calendar; 05.19. Our Mission; 05.20. For business; 05.21. Gallery; 05.22. Contact; 06. Footer style; 07. Indents; 08. Responsive style; */ /*============================================ // Typography: */ html { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; } *, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } body { font-family: 'Montserrat', 'Arial', sans-serif; font-weight: 400; overflow-x: hidden; background-color: #fff; height: 100%; } h1 { font-family: 'Montserrat', 'Arial', sans-serif; font-size: 48px; font-weight: 600; color: #303638; margin-top: 10px; margin-bottom: 22px; } h2 { font-family: 'Montserrat', 'Arial', sans-serif; font-size: 34px; line-height: 48px; font-weight: 600; color: #ec1b28; margin-top: 10px; margin-bottom: 14px; text-transform: uppercase; } h3 { font-family: 'Montserrat', 'Arial', sans-serif; font-size: 30px; line-height: 48px; font-weight: 600; color: #303638; margin-top: 10px; margin-bottom: 12px; } h4 { font-family: 'Montserrat', 'Arial', sans-serif; font-size: 24px; line-height: 48px; font-weight: 600; color: #303638; margin-top: 10px; margin-bottom: 10px; } h5 { font-family: 'Montserrat', 'Arial', sans-serif; font-size: 18px; line-height: 45px; font-weight: 600; color: #303638; margin-top: 10px; margin-bottom: 10px; } h6 { font-family: 'Montserrat', 'Arial', sans-serif; font-size: 16px; line-height: 43px; font-weight: 600; color: #303638; margin-top: 10px; margin-bottom: 10px; } p { font-family: 'Montserrat', 'Arial', sans-serif; font-size: 16px; line-height: 30px; color: #222; font-weight: 200; } a { color: #de3333; text-decoration: none; -webkit-transition: 0.5s all; transition: 0.5s all; text-decoration: none; } a:hover { -webkit-transition: 0.5s all; transition: 0.5s all; text-decoration: none; color: #ccc; } a:active, a:hover, a:focus { outline: none; text-decoration: none; } a:focus { color: #de3333; } button { cursor: pointer; padding: 0; } button:active, button:focus { outline: none; } strong { font-weight: 500; } .browserupgrade { font-size: 20px; line-height: 22px; text-align: center; padding: 20px; } input[type="text"]:active, input[type="search"]:active, input[type="url"]:active, input[type="email"]:active, input[type="password"]:active, textarea:active, select:focus { outline: none; } input[type="text"]:focus, input[type="search"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, select:focus { outline: none; } ::-moz-selection { color: #fff; background-color: #de3333; } ::selection { color: #fff; background-color: #de3333; } srtong { font-weight: 500; } .select-text { background-color: #de3333; color: #fff; } .dropcap { font-size: 80px; line-height: 80px; font-weight: 600; color: #de3333; float: left; display: block; margin-right: 36px; margin-bottom: 10px; margin-top: -5px; } blockquote { border: none; padding: 0; } blockquote p { font-size: 29px; line-height: 38px; color: #727e85; font-weight: 300; margin: 0 0 28px; } blockquote p::before { font-family: 'FontAwesome'; content: '\f10d'; font-size: 30px; color: #de3333; display: inline-block; vertical-align: middle; margin-right: 14px; } blockquote .blockquote-author { font-size: 20px; line-height: 22px; color: #303638; font-weight: 500; } ol { margin: 0 0 40px; padding: 0; } ol li { font-size: 16px; line-height: 18px; font-weight: 300; color: #727e85; display: block; padding-left: 19px; position: relative; margin-bottom: 17px; counter-increment: li; } ol li::before { content: "." counter(li); font-size: inherit; display: inline-block; text-align: right; direction: rtl; position: absolute; color: #de3333; top: 0; left: 0; } .ol-list-01 { margin: 0; padding: 0; } .ol-list-01 li { display: block; counter-increment: li; position: relative; z-index: 5; padding: 0; margin-bottom: 63px; } .ol-list-01 li::before { font-size: 72px; line-height: 70px; font-weight: 700; content: "0." counter(li); display: inline-block; text-align: right; color: #ececec; position: absolute; letter-spacing: -7px; top: -40px; left: 0; z-index: -1; } .ol-list-01 li:last-child { margin-bottom: 0; } .ul-list-01 { margin: 0 20px 40px 0; padding: 0; display: inline-block; vertical-align: middle; } .ul-list-01 li { font-size: 16px; line-height: 18px; font-weight: 300; color: #727e85; display: block; margin-bottom: 17px; position: relative; padding-left: 15px; } .ul-list-01 li::before { content: ''; width: 5px; height: 5px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #de3333; display: inline-block; vertical-align: middle; position: absolute; top: 7px; left: 0; } .ul-list-02 { margin: 0 0 40px; padding: 0; } .ul-list-02 li { font-size: 16px; line-height: 18px; font-weight: 300; color: #727e85; display: block; margin-bottom: 17px; position: relative; padding-left: 22px; } .ul-list-02 li::before { font-family: 'FontAwesome'; content: '\f107'; color: #de3333; display: inline-block; vertical-align: middle; position: absolute; top: 0; left: 0; } .hr-01 { margin-top: 30px; margin-bottom: 45px; } /*// Align style //*/ .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } @media only screen and (max-width: 1199px) { .text-md-center { text-align: center; } .text-md-left { text-align: left; } .text-md-right { text-align: right; } } @media only screen and (max-width: 991px) { .text-sm-center { text-align: center; } .text-sm-left { text-align: left; } .text-sm-right { text-align: right; } } @media only screen and (max-width: 767px) { .text-xs-center { text-align: center; } .text-xs-left { text-align: left; } .text-xs-right { text-align: right; } } /*============================================ // Header: */ /*/ Info box type 1 /*/ .info-box-01 { background-color: #f8f8f8; } .info-box-02 .main-nav__list { display: inline-block; vertical-align: middle; margin-right: -97px; } .info-box-03 .btn-03 { margin-left: 15px; } .info-box-04 { padding: 220px 0 320px; background: url("../img/slider.jpg") no-repeat center center; background-size: cover; } .info-box-04 .btn-01:focus { color: #fff; } .info-box-04 .btn-01:hover { border: 1px solid #fff; color: #fff; } /* Social list */ .social-list-01 { margin: 0; padding: 12px 0; text-align: left; } .social-list-01 li { list-style: none; display: inline-block; vertical-align: middle; margin-right: 19px; } .social-list-01 li:last-child { margin-right: 0; } .social-list-01 li a { display: block; } #top-nav .top-menu { margin-bottom: 0; } .social-list-01 li a i { font-size: 20px; color: #727e85; display: inline-block; vertical-align: middle; opacity: 1; -webkit-transition: 0.5s all; transition: 0.5s all; } .social-list-01 li a:hover i { color: #303638; opacity: 1; -webkit-transition: 0.5s all; transition: 0.5s all; } /* Contact block */ .contact-block-01 { float: right; padding: 0px 0; } .contact-block-01__phone { font-size: 14px; line-height: 16px; color: #9aa2a7; font-weight: 300; display: inline-block; vertical-align: middle; position: relative; padding-left: 20px; letter-spacing: 0.6px; margin: 0 0 0 37px; } .contact-block-01__phone::before { font-family: 'FontAwesome'; content: '\f095'; display: inline-block; vertical-align: middle; position: absolute; top: 50%; left: 0; margin-top: -8px; } .contact-block-01__email { font-size: 14px; line-height: 16px; color: #9aa2a7; font-weight: 300; display: inline-block; vertical-align: middle; position: relative; padding-left: 26px; } .contact-block-01__email::before { font-family: 'FontAwesome'; content: '\f0e0'; display: inline-block; vertical-align: middle; position: absolute; top: 50%; left: 0; margin-top: -8px; } .contact-block-01__email:hover { color: #de3333; } .contact-block-01__lang { font-size: 14px; line-height: 16px; color: #9aa2a7; display: inline-block; vertical-align: middle; padding-right: 15px; padding-left: 16px; margin-left: 36px; position: relative; font-weight: 300; } .contact-block-01__lang::after { font-family: 'FontAwesome'; content: '\f107'; display: inline-block; vertical-align: middle; position: absolute; margin-top: -8px; top: 50%; right: 0; } .contact-block-01__lang::before { font-family: 'FontAwesome'; content: '\f0ac'; display: inline-block; vertical-align: middle; position: absolute; margin-top: -8px; top: 50%; left: 0; } .contact-block-01__lang:hover { color: #de3333; } /*/ Logo /*/ .logo { display: block; float: left; } .logo:hover { color: transparent; } .logo img { display: block; } /*/ Main navigation /*/ .main-nav { width: 100%; text-align: right; background-color: #fff; -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05); padding: 10px 0; } .main-nav::after { content: ''; display: table; clear: both; } .main-nav__btn { vertical-align: middle; cursor: pointer; width: 50px; height: 50px; display: none; padding: 0; color: #000; position: relative; } .main-nav__btn:hover .icon-left { background-color: #a7ce4e; } .main-nav__btn:hover .icon-left::before { background-color: #a7ce4e; } .main-nav__btn:hover .icon-left::after { background-color: #a7ce4e; } .main-nav__btn:hover .icon-right { background-color: #a7ce4e; } .main-nav__btn:hover .icon-right::before { background-color: #a7ce4e; } .main-nav__btn:hover .icon-right::after { background-color: #a7ce4e; } .main-nav__btn .icon-left { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; height: 4px; top: 23px; width: 15px; left: 11px; background-color: #303638; } .main-nav__btn .icon-left::before { content: ""; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 15px; height: 4px; background-color: #303638; top: -10px; left: 0; } .main-nav__btn .icon-left::after { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 15px; height: 4px; background-color: #303638; content: ""; top: 10px; left: 0; } .main-nav__btn .icon-right { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; height: 4px; top: 23px; width: 15px; background-color: #303638; left: 15px; left: 25px; } .main-nav__btn .icon-right::before { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 15px; height: 4px; background-color: #303638; content: ""; top: -10px; left: 0; } .main-nav__btn .icon-right::after { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 15px; height: 4px; background-color: #303638; content: ""; top: 10px; left: 0; } .main-nav__btn.open .icon-left { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; background: transparent; } .main-nav__btn.open .icon-left::before { -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); -ms-transform: rotate(45deg) scaleX(1.4) translate(2px, 2px); transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); } .main-nav__btn.open .icon-left::after { -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); -ms-transform: rotate(-45deg) scaleX(1.4) translate(2px, -2px); transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); } .main-nav__btn.open .icon-right { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; background-color: transparent; } .main-nav__btn.open .icon-right::before { -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); -ms-transform: rotate(-45deg) scaleX(1.4) translate(-2px, 2px); transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); } .main-nav__btn.open .icon-right::after { -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); -ms-transform: rotate(45deg) scaleX(1.4) translate(-2px, -2px); transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); } .main-nav__list { margin: 0; padding: 5px 0 0; display: block; vertical-align: middle; } .main-nav__list li.active > a { color: #de3333; } .main-nav__list > li { display: inline-block; vertical-align: middle; margin-left: 23px; } .main-nav__list > li > a { padding: 10px; display: inline-block; vertical-align: middle; } .main-nav__list > li > a:hover { color: #b1ce4e; } .main-nav__list > li > .sf-with-ul { position: relative; padding: 10px 19px 10px 10px; } .main-nav__list > li > .sf-with-ul::before { font-family: 'FontAwesome'; content: '\f107'; font-size: 16px; display: inline-block; vertical-align: middle; position: absolute; top: 50%; right: 0; margin-top: -12px; -webkit-transition: 0.5s all; transition: 0.5s all; } .main-nav__list > li > .sf-with-ul:hover::before { -webkit-transition: 0.5s all; transition: 0.5s all; } .main-nav__list li { position: relative; text-align: left; } .main-nav__list li:first-child { margin-left: 0; } .main-nav__list li a { font-size: 17px; line-height: 24px; color: #303638; font-weight: 300; display: block; padding-left: 5px; padding-right: 5px; font-weight: 600; } .main-nav__list li a:hover { color: #de3333; } .main-nav__list li ul { position: absolute; top: 124%; left: 0; background-color: #fff; margin: 0; padding: 25px 30px; width: 237px; z-index: 100; border: 1px solid #eeeeee; -webkit-border-radius: 10px; border-radius: 10px; display: none; } .main-nav__list li ul::before { content: ''; border: 10px solid #f1f1f1; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; display: inline-block; vertical-align: middle; position: absolute; top: -20px; left: 50%; margin-left: -93px; } .main-nav__list li ul::after { content: ''; border: 10px solid #fff; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; display: inline-block; vertical-align: middle; position: absolute; top: -19px; left: 50%; margin-left: -93px; } .main-nav__list li ul li { list-style: none; margin-bottom: 20px; } .main-nav__list li ul li:last-child { margin-bottom: 0; } .main-nav__list li ul li a { font-size: 14px; line-height: 16px; color: #303638; } .main-nav__list li ul li a:hover { color: #de3333; } .main-nav__list li ul li > .sf-with-ul { position: relative; } .main-nav__list li ul li > .sf-with-ul::before { font-family: 'FontAwesome'; content: '\f105'; font-size: 16px; line-height: 18px; color: #303638; -webkit-transition: 0.5s all; transition: 0.5s all; position: absolute; top: 50%; margin-top: -8px; right: 0; } .main-nav__list li ul li > .sf-with-ul:hover { color: #de3333; } .main-nav__list li ul li > .sf-with-ul:hover::before { color: #de3333; -webkit-transition: 0.5s all; transition: 0.5s all; } .main-nav__list li ul li ul { top: -27px; left: 124%; } .main-nav__list li ul li ul::before { display: none; } .main-nav__list li ul li ul::after { display: none; } /*/ Header search /*/ .search-btn { font-size: 0; width: 15px; height: 15px; border: none; background-color: transparent; position: relative; display: inline-block; vertical-align: middle; } .search-btn::before { content: ''; display: inline-block; vertical-align: middle; position: absolute; background: url("../img/search_img.png") no-repeat center center; top: 0; left: 0; width: 15px; height: 15px; -webkit-transition: 0.5s all; transition: 0.5s all; color: #303638; font-weight: 200; } .search-btn:hover::before { opacity: 0.5; -webkit-transition: 0.5s all; transition: 0.5s all; } .search-block { float: right; margin-top: 15px; margin-left: 51px; position: relative; } .search-block__form { position: absolute; top: 213%; right: -30px; visibility: collapse; opacity: 0; -webkit-transition: 0.5s all; transition: 0.5s all; z-index: -100; } .search-block__form::before { content: ''; display: inline-block; vertical-align: middle; position: absolute; top: -20px; right: 25px; border: 10px solid #f0f0f0; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; } .search-block__form::after { content: ''; display: inline-block; vertical-align: middle; position: absolute; top: -19px; right: 25px; border: 10px solid #fff; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; } .search-block__form.active { visibility: visible; opacity: 1; -webkit-transition: 0.5s all; transition: 0.5s all; z-index: 20; } .search-block__form-text { border: 1px solid #eeeeee; height: 38px; width: 233px; padding: 5px 19px; -webkit-border-radius: 10px; border-radius: 10px; } /*============================================ // Common content styles: */ /*/ Breadcrumbs /*/ .page-title-01 { font-size: 48px; line-height: 48px; color: #303638; margin: 76px 0 18px; text-align: center; } .breadcrumbs { margin: 0 0 40px; padding: 0; text-align: center; } .breadcrumbs li { display: inline-block; vertical-align: middle; margin-right: 6px; } .breadcrumbs li a { font-size: 14px; line-height: 16px; color: #303638; display: inline-block; vertical-align: middle; letter-spacing: 0.4px; } .breadcrumbs li a:hover { color: #de3333; } .breadcrumbs li.active a { color: #727e85; font-weight: 200; position: relative; padding-right: 11px; } .breadcrumbs li.active a::after { font-family: 'FontAwesome'; content: '\f105'; color: #de3333; display: inline-block; vertical-align: middle; position: absolute; right: 0; top: 50%; margin-top: -8px; } .breadcrumbs li.active a:hover { color: #de3333; } /*/ Content box /*/ .content-box-01 { background-color: #fff; overflow-x: hidden; } .content-box-01::after { content: ''; display: table; clear: both; } .content-box-01__title { font-size: 36px; line-height: 38px; margin: 10px 0 37px; padding: 0; } .content-box-01__text { max-width: 450px; margin-bottom: 37px; text-align: left; } .content-box-01__text p { font-size: 18px; line-height: 30px; color: #727e85; } .content-box-02 { background-color: #f5f5f5; overflow-x: hidden; } .content-box-02::after { content: ''; display: table; clear: both; } .content-box-02--ak { overflow: visible; height: auto; } .content-box-03 { padding: 66px 0 70px; background: url("../img/process/process_bg_01.jpg") no-repeat center center; background-size: cover; } .content-box-04 { background-color: #fff; } .table-01 { display: table; table-layout: fixed; width: 100%; border-collapse: collapse; } .table-01__row { display: table-row; } .table-01__box-01 { display: table-cell; text-align: right; } .table-01__box-02 { display: table-cell; background: url("../img/img_01.jpg") no-repeat center center; background-size: cover; } .table-01__content { max-width: 590px; width: 100%; display: inline-block; vertical-align: middle; padding-top: 84px; padding-bottom: 65px; padding-right: 40px; } .table-01__content .title-01 { text-align: left; } .table-01__img { display: none; } .table-02 { display: table; table-layout: fixed; width: 100%; border-collapse: collapse; height: 625px; } .table-02__row { display: table-row; } .table-02__box-01 { display: table-cell; background: url("../img/img_02.jpg") no-repeat center center; background-size: cover; } .table-02__box-02 { display: table-cell; } .table-02--height-01 { height: auto; } .table-02__box-02 { vertical-align: top; } .table-02__content { max-width: 590px; width: 100%; display: inline-block; vertical-align: middle; padding-top: 96px; padding-bottom: 65px; padding-left: 42px; } .table-02__content .title-01 { text-align: left; } .table-02__img { display: none; } .table-03 { display: table; table-layout: fixed; width: 100%; border-collapse: collapse; } .table-03__row { display: table-row; } .table-03__box-01 { display: table-cell; background: url("../img/our_mission/our_mission_04.jpg") no-repeat center center; background-size: cover; } .table-03__box-02 { display: table-cell; vertical-align: top; } .table-03__content { max-width: 100%; width: 100%; display: inline-block; vertical-align: middle; padding-top: 96px; padding-bottom: 65px; padding-left: 0px; } .table-responsive.custom-table tr th { padding: 15px 0; } .table-03__content .title-01 { text-align: left; } .table-03__img { display: none; } .author-img { text-align: left; } .author-info { font-size: 14px; line-height: 16px; color: #303638; margin-bottom: 30px; text-align: left; } .author-info span { color: #de3333; } .wrapp-content { display:table; height: 100%; width: 100%; padding-top: 100px; } .content-row { display: table-row; height: 100%; overflow-x: hidden; } .title-01 { font-size: 34px; line-height: 36px; font-weight: 100; color: #303638; margin: 0; letter-spacing: -0.7px; margin-bottom: 24px; } .title-01 span { font-weight: 500; } .title-02 { font-size: 30px; line-height: 32px; font-weight: 200; color: #303638; margin: 0 0 28px; } .title-02 span { font-weight:500; color: #ec1b28; } .title-03 { font-size: 34px; line-height: 44px; color: #303638; margin: 0 0 45px; font-weight: 100; } .title-03 span { font-weight: 500; } .title-04 { font-size: 34px; line-height: 36px; color: #303638; font-weight: 100; margin: 0; text-align: center; } .title-04 span { font-weight: 500; } .title-05 { font-size: 34px; line-height: 36px; color: #303638; font-weight: 100; margin: 0 0 18px; text-align: center; } .title-05 span { font-weight: 500; } .title-02--mr-01 { margin-bottom: 18px; } .title-02--mr-02 { margin-bottom: 37px; } .subtitle-01 { font-size: 16px; line-height: 30px; color: #727e85; text-align: center; font-weight: 200; max-width: 790px; display: inline-block; vertical-align: middle; margin: 0 0 40px; } .subtitle-01--mr-01 { margin-bottom: 50px; } .subtitle-02 { font-size: 22px; line-height: 36px; font-weight: 200; color: #727e85; } .subtitle-02--mr-01 { margin-bottom: 29px; } .btn-01 { font-size: 14px; line-height: 16px; color: #fff; text-transform: uppercase; background-color: #de3333; padding: 16px 37px; -webkit-border-radius: 25px; border-radius: 25px; -webkit-transition: 0.5s all; transition: 0.5s all; letter-spacing: 1px; display: inline-block; vertical-align: top; border: 1px solid #de3333; } .btn-01:focus { color: #fff; } .btn-01:hover { background-color: transparent; -webkit-transition: 0.5s all; transition: 0.5s all; color: #de3333; } .btn-02 { font-size: 16px; line-height: 18px; color: #de3333; position: relative; display: inline-block; vertical-align: middle; margin-top: 17px; font-weight: 300; } .btn-02:focus { color: #fff; } .btn-02::after { font-family: 'FontAwesome'; content: '\f105'; font-size: 16px; line-height: 18px; color: #de3333; margin-left: 10px; -webkit-transition: 0.5s all; transition: 0.5s all; } .btn-03 { font-size: 14px; line-height: 16px; color: #fff; text-transform: uppercase; background-color: transparent; border: 1px solid #fff; padding: 17px 38px; -webkit-border-radius: 25px; border-radius: 25px; -webkit-transition: 0.5s all; transition: 0.5s all; letter-spacing: 1px; display: inline-block; vertical-align: top; } .btn-03:focus { color: #fff; } .btn-03:hover { border: 1px solid #fff; background-color: #fff; -webkit-transition: 0.5s all; transition: 0.5s all; color: #de3333; } .btn-02.more-info:hover::after { color: #ccc; -webkit-transition: 0.5s all; transition: 0.5s all; } .btn-02.more-info:focus { color: #ccc; } #loader { background-color: #fff; bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 9999; } /* Form Valid Style */ .notification_error, .notification_ok { margin: 0 0 20px 0; padding: 13px 20px 15px 42px; position: relative; text-align: left; background-color: transparent; border-width: 1px; border-style: solid; line-height: 20px; font-size: 14px; } .notification_ok { color: #06955a; border-color: #06955a; } .notification_error { color: #db5031; border-color: #db5031; } .notification_error:before, .notification_ok:before { position: absolute; left: 18px; top: 13px; font-family: 'FontAwesome'; font-weight: normal; } .notification_error:before { content: "\f071"; color: #db5031; } .notification_ok:before { content: "\f087"; color: #06955a; } /*============================================ // Custom plugins styles: */ /*/ Parallax /*/ .parallax { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax_01 { background-image: url("../img/parallax_01.jpg"); background-size: cover; padding: 188px 0 192px; position: relative; } .parallax_01::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(14, 21, 30, 0.6); z-index: 5; } .parallax_02 { background-image: url("../img/parallax_02.jpg"); background-size: cover; padding: 185px 0 190px; } .parallax_03 { background-image: url("../img/parallax_03.jpg"); background-size: cover; padding: 127px 0 126px; } .parallax_04 { background-image: url("../img/parallax_04.jpg"); background-size: cover; padding: 89px 0 49px; } .parallax_04 .progress-circle__value { background-color: rgba(255, 255, 255, 0.3); color: #fff; } .parallax_04 .progress-circle__text { color: #fff; } .parallax_04 .progress-circle-item { margin-bottom: 40px; } .parallax_05 { background-image: url("../img/parallax_05.jpg"); background-size: cover; padding: 186px 0 190px; } .parallax-title { font-size: 38px; line-height: 50px; color: #fff; font-weight: 400; margin: 0 0 23px; text-align: center; } .parallax-title span { font-weight: 600; } .parallax-text { margin-bottom: 32px; } .parallax-text p { font-size: 24px; line-height: 36px; display: inline-block; vertical-align: middle; color: #fff; font-weight: 200; max-width: 980px; } .parallax-btn { font-size: 14px; line-height: 24px; color: #fff; text-transform: uppercase; font-weight: 400; padding: 13px 42px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #ff4444; display: inline-block; vertical-align: middle; letter-spacing: 0.7px; -webkit-transition: 0.5s all; transition: 0.5s all; } .parallax-btn:focus { color: #fff; } .parallax-btn:hover { color: #ff4444; background-color: #fff; -webkit-transition: 0.5s all; transition: 0.5s all; } .parallax-content-01 { text-align: center; padding: 0 20px; position: relative; z-index: 10; } .img-position-01 { margin-left: -50%; } .img-position-02 { margin-left: -76%; } /*/ Accordion /*/ .accordion-wrapp { padding: 115px 0 0 83px; max-width: 600px; display: inline-block; } .accordion-01__title { font-size: 18px; line-height: 20px; color: #303638; font-weight: 300; margin: 0; padding-left: 51px; position: relative; cursor: pointer; margin-bottom: 34px; } .accordion-01__title::before { font-family: 'FontAwesome'; content: '\f107'; line-height: 31px; display: inline-block; height: 31px; width: 31px; color: #c2c3c3; background: #eeeeee; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: -6px; left: 0; -webkit-transition: 0.5s all; transition: 0.5s all; text-align: center; } .accordion-01__title.state-active { margin-bottom: 0; } .accordion-01__title.state-active::before { font-family: 'FontAwesome'; content: '\f106'; color: #fff; background-color: #ff4444; -webkit-transition: 0.5s all; transition: 0.5s all; } .accordion-01__body { display: none; padding-top: 17px; padding-bottom: 27px; } .accordion-01__text p { font-size: 18px; line-height: 30px; font-weight: 200; color: #727e85; } /*/ Owl carousel /*/ .owl-theme-01 { padding: 0 45px; } .owl-theme-01 .owl-item { padding: 35px; } .owl-theme-01 .owl-prev { font-size: 0; width: 40px; height: 40px; margin-top: -20px; position: absolute; color: #b5bbbe; border: 1px solid #b5bbbe; -webkit-border-radius: 50%; border-radius: 50%; top: 50%; left: 0; text-align: center; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-theme-01 .owl-prev::before { font-family: 'FontAwesome'; font-size: 22px; line-height: 38px; display: inline-block; vertical-align: middle; content: '\f104'; color: #b6bcc0; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-theme-01 .owl-prev:hover { background-color: #fff; -webkit-transition: 0.5s all; transition: 0.5s all; border: 1px solid #fff; -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.09); } .owl-theme-01 .owl-prev:hover::before { color: #303638; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-theme-01 .owl-next { font-size: 0; width: 40px; height: 40px; margin-top: -20px; position: absolute; color: #b5bbbe; border: 1px solid #b5bbbe; -webkit-border-radius: 50%; border-radius: 50%; top: 50%; right: 0; text-align: center; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-theme-01 .owl-next::before { font-family: 'FontAwesome'; font-size: 22px; line-height: 38px; display: inline-block; vertical-align: middle; content: '\f105'; color: #b6bcc0; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-theme-01 .owl-next:hover { background-color: #fff; -webkit-transition: 0.5s all; transition: 0.5s all; border: 1px solid #fff; -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.09); transition: 0.5s all; } .owl-theme-01 .owl-next:hover::before { color: #303638; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-theme-01__item { background-color: #fff; min-height: 50px; -webkit-border-radius: 18px; border-radius: 18px; -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.09); padding: 29px 38px 21px; position: relative; } .owl-theme-01__item-img { overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; max-width: 80px; position: absolute; top: -30px; left: -30px; } .owl-theme-01__item-img img { display: block; width: 100%; } .owl-theme-01__item-header { border-bottom: 1px solid #e9ecef; padding-left: 34px; padding-bottom: 13px; padding-right: 45px; position: relative; } .owl-theme-01__item-header::before { content: ''; display: inline-block; vertical-align: middle; background: url("../img/icon_01.png") no-repeat center center; width: 38px; height: 38px; position: absolute; top: 2px; right: 4px; } .owl-theme-01__item-title { font-size: 16px; line-height: 18px; font-weight: 600; margin: 0 0 6px; } .owl-theme-01__item-subtitle { font-size: 14px; line-height: 16px; font-weight: 200; margin: 0; } .owl-theme-01__item-content { padding-top: 21px; } .owl-theme-01__item-content p { font-size: 16px; line-height: 30px; font-weight: 200; } .owl-theme-01__item-content p:last-child { margin-bottom: 0; } .owl-carousel.owl-option-02 { max-width: 100%; max-height: 99px; overflow: hidden; display: inline-block; vertical-align: middle; float: none; padding: 0 80px; position: relative; } .owl-carousel.owl-option-02.owl-loaded { max-height: none; overflow: visible; } .owl-carousel.owl-option-02 .item { display: inline-block; vertical-align: middle; } .owl-carousel.owl-option-02 .owl-prev { position: absolute; top: 50%; left: 0; -webkit-border-radius: 50%; border-radius: 50%; font-size: 0; margin-top: -22px; width: 40px; height: 40px; border: 1px solid #fff; cursor: pointer; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-carousel.owl-option-02 .owl-prev::before { font-family: 'FontAwesome'; content: '\f104'; font-size: 20px; line-height: 36px; color: #fff; display: inline-block; vertical-align: middle; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-carousel.owl-option-02 .owl-prev:hover { background-color: #fff; } .owl-carousel.owl-option-02 .owl-prev:hover::before { color: #303638; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-carousel.owl-option-02 .owl-prev.disabled { background-color: #fff; } .owl-carousel.owl-option-02 .owl-prev.disabled::before { color: #303638; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-carousel.owl-option-02 .owl-next { position: absolute; top: 50%; right: 0; -webkit-border-radius: 50%; border-radius: 50%; font-size: 0; width: 40px; height: 40px; margin-top: -22px; border: 1px solid #fff; cursor: pointer; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-carousel.owl-option-02 .owl-next::before { font-family: 'FontAwesome'; content: '\f105'; font-size: 20px; line-height: 36px; color: #fff; display: inline-block; vertical-align: middle; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-carousel.owl-option-02 .owl-next:hover { background-color: #fff; } .owl-carousel.owl-option-02 .owl-next:hover::before { color: #303638; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-carousel.owl-option-02 .owl-next.disabled { background-color: #fff; } .owl-carousel.owl-option-02 .owl-next.disabled::before { color: #303638; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-option-02__box-01 { background-color: #fff; width: 119px; height: auto; -webkit-border-radius: 12px; border-radius: 12px; display: inline-block; vertical-align: middle; padding: 6px; min-height: 122px; } .owl-option-02__box-01:hover { background-color: #fff; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-option-02__box-01:hover .owl-option-02__title { color: #f0260b; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-option-02__box-01:hover .hov-img-01 { -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-option-02__box-01:hover .hov-img-02 { -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-option-02__box-01:hover .hov-img-03 { -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-option-02__box-01:hover .hov-img-04 { -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-option-02__box-01:hover .hov-img-05 { -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-option-02__img-wrapp { display: inline-block; vertical-align: top; } .owl-option-02__title { text-align: center; font-size: 14px; line-height: 18px; color: #303638; font-weight: 400; margin: 0; -webkit-transition: 0.5s all; transition: 0.5s all; } .hov-img-01 { width: 35px; height: 28px; margin-top: 14px; margin-bottom: 5px; -webkit-transition: 0.5s all; transition: 0.5s all; } .hov-img-02 { width: 35px; height: 28px; margin-top: 14px; margin-bottom: 5px; -webkit-transition: 0.5s all; transition: 0.5s all; } .hov-img-03 { width: 35px; height: 28px; margin-top: 14px; margin-bottom: 5px; -webkit-transition: 0.5s all; transition: 0.5s all; } .hov-img-04 { width: 35px; height: 28px; margin-top: 14px; margin-bottom: 5px; -webkit-transition: 0.5s all; transition: 0.5s all; } .hov-img-05 { width: 35px; height: 28px; margin-top: 14px; margin-bottom: 5px; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-option-03 { padding: 0 28px; overflow: hidden; } .owl-option-03 .owl-stage-outer { overflow: visible; } .owl-option-03 .owl-prev { font-size: 0; width: 40px; height: 40px; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; left: 10px; z-index: 20; margin-top: -101px; cursor: pointer; text-align: center; background-color: #fff; -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.09); } .owl-option-03 .owl-prev::before { font-family: 'FontAwesome'; content: '\f104'; font-size: 22px; line-height: 38px; color: #303638; display: inline-block; vertical-align: middle; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-option-03 .owl-prev:hover { background-color: #de3333; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-option-03 .owl-prev:hover::before { color: #fff; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-option-03 .owl-next { font-size: 0; width: 40px; height: 40px; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; right: 10px; z-index: 20; margin-top: -101px; cursor: pointer; text-align: center; background-color: #fff; -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.09); } .owl-option-03 .owl-next::before { font-family: 'FontAwesome'; content: '\f105'; font-size: 22px; line-height: 38px; color: #303638; display: inline-block; vertical-align: middle; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-option-03 .owl-next:hover { background-color: #de3333; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-option-03 .owl-next:hover::before { color: #fff; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-option-04 { padding: 0 28px; overflow: hidden; } .owl-option-04 .owl-stage-outer { overflow: visible; } .owl-option-04 .owl-prev { font-size: 0; width: 40px; height: 40px; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; left: 10px; z-index: 20; margin-top: -101px; cursor: pointer; text-align: center; background-color: #fff; -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.09); } .owl-option-04 .owl-prev::before { font-family: 'FontAwesome'; content: '\f104'; font-size: 22px; line-height: 38px; color: #303638; display: inline-block; vertical-align: middle; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-option-04 .owl-prev:hover { background-color: #de3333; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-option-04 .owl-prev:hover::before { color: #fff; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-option-04 .owl-next { font-size: 0; width: 40px; height: 40px; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; right: 10px; z-index: 20; margin-top: -101px; cursor: pointer; text-align: center; background-color: #fff; -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.09); } .owl-option-04 .owl-next::before { font-family: 'FontAwesome'; content: '\f105'; font-size: 22px; line-height: 38px; color: #303638; display: inline-block; vertical-align: middle; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-option-04 .owl-next:hover { background-color: #de3333; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-option-04 .owl-next:hover::before { color: #fff; -webkit-transition: 0.5s all; transition: 0.5s all; } .owl-option-04 .item .product-list__item { width: 100%; } /*/ Counter /*/ .counter-01 { margin-bottom: 50px; } .counter-01::after { content: ''; display: table; clear: both; } .counter-01 .shortcode_counter { float: left; width: 33%; padding-right: 20px; padding-left: 20px; text-align: center; margin-top: 0px; } .counter-01 .stat_count { font-size: 48px; line-height: 48px; font-weight: 500; margin-bottom: 20px; color: #de3333; } .counter-01 .counter_title { font-size: 16px; line-height: 27px; color: #de3333; font-weight: 300; text-transform: uppercase; text-align: center; } .stat_count { text-align: center !important; } .counter-02::after { content: ''; display: table; clear: both; } .stat_count { margin-bottom: 0px !important; } .counter-02 .shortcode_counter { float: left; text-align: left; width: 25%; padding-right: 20px; } .counter-02 .shortcode_counter:last-of-type { padding-right: 0; } .counter-02 .stat_count { font-size: 60px; line-height: 60px; font-weight: 500; margin-bottom: 20px; text-align: center; color: #fff; } .counter-02 .counter_title { font-size: 24px; line-height: 28px; color: #fff; font-weight: 200; text-align: center; } .stat_temp { width: 0 !important; display: none !important; } /*/ Skills /*/ .module_skills { padding-top: 20px; } .skills_list { padding: 0; margin: 0; } .skills_list li { display: block; list-style: none; position: relative; margin-bottom: 17px; } .counter_title.title-counter { color: #222; font-weight: 600; } .counter_title.title-counter span { font-weight: 600; color: #de3333; } .skills_list li::before { display: none; } .skills_list li::after { display: none; } .skill_div-style { position: absolute; z-index: 5; left: 0; top: 0; height: 5px; background: -webkit-gradient(linear, left top, right top, from(#94c860), to(#4da7cc)); background: -webkit-linear-gradient(left, #94c860 0%, #4da7cc 100%); background: linear-gradient(to right, #94c860 0%, #4da7cc 100%); -webkit-border-radius: 5px; border-radius: 5px; } .skill-title { font-size: 14px; line-height: 16px; color: #727e85; font-weight: 200; margin: 0 0 12px; } .skill_percent { font-size: 14px; line-height: 16px; color: #303638; font-weight: 400; text-align: right; width: 0; position: absolute; padding-left: 120px; margin: 0; z-index: 5; left: 0; top: 0; } .diagram_bar { background: #eaeaea; height: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; } /*/ Circle progress bar /*/ .progress-circle-wrapp { padding-top: 30px; padding-left: 36px; } .progress-circle-wrapp .progress-circle-item { margin-right: 97px; } .progress-circle-wrapp .progress-circle-item:last-child { margin-right: 0; } .progress-circle-wrapp .progress-circle-item { margin-bottom: 30px; } .progress-circle-item { display: inline-block; vertical-align: middle; text-align: center; } .progress-circle { display: inline-block; vertical-align: middle; position: relative; width: 155px; height: 155px; margin-bottom: 17px; } .progress-circle__value { font-size: 22px; line-height: 90px; color: #303638; font-weight: 600; text-align: center; position: absolute; width: 90px; height: 90px; margin-left: -45px; margin-top: -45px; left: 50%; top: 50%; background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; } .progress-circle__text { font-size: 18px; line-height: 20px; font-weight: 500; color: #303638; margin-bottom: 0; } /*/ Pretty Photo /*/ .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_close { position: absolute; top: 0; right: -5px; font-size: 0; line-height: 0; } .pp_close::before { content: ''; display: inline-block; vertical-align: middle; background: url("../img/process/close_icon.png") no-repeat center center; width: 30px; height: 30px; -webkit-transition: 0.5s all; transition: 0.5s all; } .pp_close:hover::before { opacity: 0.5; -webkit-transition: 0.5s all; transition: 0.5s all; } .pp_expand { position: absolute; top: 0; right: 30px; text-align: center; width: 40px; height: 40px; background: rgba(48, 54, 56, 0.5); font-size: 0; line-height: 0; -webkit-transition: 0.5s all; transition: 0.5s all; } .pp_expand::before { font-family: 'FontAwesome'; content: '\f065'; font-size: 20px; line-height: 40px; color: #fff; width: 40px; height: 40px; } .pp_expand:hover { background: #303638; -webkit-transition: 0.5s all; transition: 0.5s all; } .pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; cursor: pointer; } .pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { display: none; } .pp_social .twitter { display: none; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_arrow_previous, .pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; position: relative; white-space: nowrap; margin: 0 0 0 5px; padding: 0; } .pp_fade, .pp_gallery li.default a img { display: none; } .pp_loaderIcon { display: block; height: 50px; left: 50%; margin: -25px 0 0 -25px; position: absolute; top: 50%; width: 50px; background: url("../img/circles_loader.svg") center center no-repeat; background-size: cover; } /*/ Back to Top /*/ .back2top { position: fixed; z-index: 999; width: 45px; height: 45px; background:#de3333; -webkit-border-radius: 0; border-radius: 0; display: none; bottom: 30px; right: 30px; text-indent: -9999px; -webkit-transition: background-color 300ms, bottom 400ms; transition: background-color 300ms, bottom 400ms; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; } .back2top::after { content: ''; position: absolute; left: 16px; top: 20px; width: 12px; height: 7px; background: url("../img/back2top__img.png") no-repeat center center; } .back2top:hover { background-color: #ccc; } /*// Swipebox //*/ #swipebox-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #swipebox-container { position: relative; width: 100%; height: 100%; cursor: pointer; } #swipebox-slider { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; cursor: pointer; } #swipebox-slider .slide { height: 100%; width: 100%; padding: 70px; line-height: 1px; text-align: center; display: inline-block; } #swipebox-slider .slide::before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } #swipebox-slider img { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle; } #swipebox-title { display: block; width: 100%; text-align: center; } #swipebox-overlay { background: rgba(0, 0, 0, 0.8); } #swipebox-close { position: absolute; top: 10px; right: 30px; width: 30px; height: 30px; } #swipebox-close::before { content: ''; display: inline-block; vertical-align: middle; background: url("../img/process/close_icon.png") no-repeat center center; width: 30px; height: 30px; -webkit-transition: 0.5s all; transition: 0.5s all; } #swipebox-close:hover::before { opacity: 0.5; -webkit-transition: 0.5s all; transition: 0.5s all; } #swipebox-prev { position: absolute; top: 50%; left: 10px; margin-top: -25px; width: 20px; height: 50px; z-index: 1000; } #swipebox-prev::before { font-family: 'FontAwesome'; content: '\f104'; font-size: 50px; line-height: 50px; color: #fff; -webkit-transition: 0.5s all; transition: 0.5s all; opacity: 0.5; } #swipebox-prev:hover::before { opacity: 1; -webkit-transition: 0.5s all; transition: 0.5s all; } #swipebox-next { position: absolute; top: 50%; right: 0; margin-top: -25px; width: 20px; height: 50px; z-index: 1000; } #swipebox-next::before { font-family: 'FontAwesome'; content: '\f105'; font-size: 50px; line-height: 50px; color: #fff; opacity: 0.5; -webkit-transition: 0.5s all; transition: 0.5s all; } #swipebox-next:hover::before { opacity: 1; -webkit-transition: 0.5s all; transition: 0.5s all; } #swipebox-prev.disabled, #swipebox-next.disabled { opacity: 1; } .swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider { -webkit-animation: rightSpring 0.3s; animation: rightSpring 0.3s; } .swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider { -webkit-animation: leftSpring 0.3s; animation: leftSpring 0.3s; } .slide-loading { background: url(../img/loader.svg) no-repeat center center; } #swipebox-bottom-bar, #swipebox-top-bar { background: none; width: 98%; height: 100%; position: fixed; left: 0; display: block; text-align: right; } @-webkit-keyframes rightSpring { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes rightSpring { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes leftSpring { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes leftSpring { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } /*/ Typed plugin /*/ .typed-cursor { opacity: 1; font-weight: 200; display: inline-block; vertical-align: middle; -webkit-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } /*============================================ // Pages: */ /*/=== Home page type 1 ===/*/ .home-01 .wrapp-header { background: url("../img/slide.jpg") #4ea2b4 no-repeat center top; padding-bottom: 80px; background-size: cover; min-height:100vh; } .info-box-01 { background-color: #ec1b28; border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #fff; } .social-list-01 li a i { color: #fff; } .home-01 .contact-block-01__email { color: #fff; opacity: 0.7; } .home-01 .contact-block-01__email:hover { color: #de3333; opacity: 1; } .home-01 .contact-block-01__phone { color: #fff; opacity: 0.7; } .home-01 .contact-block-01__lang { color: #fff; opacity: 0.7; } .home-01 .contact-block-01__lang:hover { color: #de3333; } .home-01 .main-nav { padding-top: 20px; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .home-01 .main-nav__list { padding-top: 0; } .home-01 .main-nav__list > li > a { color: #fff; } .home-01 .main-nav__list > li > a:hover { color:#de3333; } .home-01 .main-nav__list > li.active > a { color: #b1ce4e; } .home-01 .search-block { margin-top: 11px; } .home-01 .search-btn::before { background: url("../img/search_img_02.png") no-repeat center center; } .home-01 .product-list__item { width: 262px; margin-right: 30px; } .home-01 .product-list__item:last-child { margin-right: 0; } .home-01 .product-list__item:nth-child(4n) { margin-right: 0; } .home-01 .product-list { margin-bottom: 20px; } /*/ Header select /*/ .search-bg { width: 100%; padding-top: 98px; text-align: center; font-size: 0; margin-bottom: 100px; } .search-bg__title { width: 100%; text-align: center; font-size: 36px; color: #fff; font-weight: 100; margin-bottom: 19px; } .search-bg__title span { font-weight: 400; } .search-bg__text { display: inline-block; vertical-align: middle; background-color: #fff; -webkit-border-radius: 22px 0 0 22px; border-radius: 22px 0 0 22px; border: none; width: 100%; max-width: 630px; height: 50px; padding: 10px 20px 10px 30px; font-size: 16px; color: #000; font-weight: 300; } .search-bg__text::-webkit-input-placeholder { font-size: 16px; font-weight: 300; color: #727e85; opacity: 1; } .search-bg__text::-moz-placeholder { font-size: 16px; font-weight: 300; color: #727e85; opacity: 1; } .search-bg__text:-ms-input-placeholder { font-size: 16px; font-weight: 300; color: #727e85; opacity: 1; } .search-bg__text:-ms-input-placeholder { font-size: 16px; font-weight: 300; color: #727e85; opacity: 1; } .search-bg__btn { display: inline-block; vertical-align: middle; font-size: 14px; border: none; background: #ff4444; color: #fff; padding: 15px 45px 15px 34px; -webkit-border-radius: 0 25px 25px 0; border-radius: 0 25px 25px 0; text-transform: uppercase; -webkit-transition: 0.5s all; transition: 0.5s all; min-height: 50px; } .search-bg__btn:hover { background-color: #de3333; -webkit-transition: 0.5s all; transition: 0.5s all; } .no-js .owl-carousel { display: block; background-color: red; } /*/=== Home page type 2 ===/*/ .home-02 .wrapp-header { background: url("../img/bg_header_02.jpg") #4ea2b4 no-repeat center top; padding-bottom: 80px; background-size: cover; } .home-02 .wrapp-header .btn-01:focus { border-color: #de3333; } .home-02 .wrapp-header .btn-01:hover { border: 1px solid #fff; color: #fff; } .home-02 .info-box-01 { background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .home-02 .social-list-01 li a i { color: #fff; } .home-02 .contact-block-01__email { color: #fff; opacity: 0.7; } .home-02 .contact-block-01__email:hover { color: #de3333; } .home-02 .contact-block-01__phone { color: #fff; opacity: 0.7; } .home-02 .contact-block-01__lang { color: #fff; } .home-02 .contact-block-01__lang:hover { color: #de3333; } .home-02 .logo { display: inline-block; vertical-align: middle; float: none; margin-top: 28px; margin-bottom: 25px; } .home-02 .search-block { margin-left: 0; } .home-02 .contact-block-01__lang { margin-left: 0; margin-right: 20px; } .home-02 .main-nav__list { padding-top: 0; } .home-02 .main-nav__list > li > a { color: #fff; } .home-02 .main-nav__list > li > a:hover { color: #b1ce4e; } .home-02 .main-nav__list > li.active > a { color: #b1ce4e; } .home-02 .product-list__item { width: 262px; margin-right: 30px; } .home-02 .product-list__item:last-child { margin-right: 0; } .home-02 .product-list__item:nth-child(4n) { margin-right: 0; } .home-02 .info-box-03 { padding-top: 140px; padding-bottom: 130px; } .home-02 .info-box-subtitle { font-size: 24px; line-height: 26px; color: #fff; text-transform: uppercase; font-weight: 200; margin: 0; padding: 0; letter-spacing: 2.6px; margin-bottom: 14px; } .home-02 .info-box-title { font-size: 60px; line-height: 60px; color: #fff; font-weight: 700; margin: 0 0 30px; letter-spacing: 0.6px; } .home-02 .info-box-text { margin-bottom: 40px; } .home-02 .info-box-text p { font-size: 18px; line-height: 30px; color: #fff; } .home-02 .btn-01:focus { border-color: #de3333; } .home-02 .btn-01:hover { border: 1px solid #de3333; color: #de3333; } .home-02 .btn-03:focus { border-color: #de3333; } .info-box-title__text { display: inline-block; vertical-align: top; position: relative; } .info-box-title__text::before { content: ''; position: absolute; bottom: -2px; left: 0; right: 0; height: 2px; background-color: #fff; } .info-box-02__box-01 { float: right; padding-top: 10px; } .info-box-02__box-01 .search-block { margin-top: 0; } .info-box-02__box-01 .search-btn::before { background: url("../img/search_img_02.png") no-repeat center center; } /*/=== Home page type 3 ===/*/ .home-03 .product-list__item { width: 262px; margin-right: 30px; } .home-03 .product-list__item:last-child { margin-right: 0; } .home-03 .product-list__item:nth-child(4n) { margin-right: 0; } .home-03 .logo { float: left; width: 20%; } .home-03 .main-nav__list { float: right; width: 80%; text-align: center; } .home-03 .info-box-02__box-02 { float: right; width: 20%; } .home-03 .btn-01:focus { border-color: #de3333; } .home-03 .btn-03:focus { border-color: #de3333; } .intro-01 { text-align: center; } .intro-01 .btn-01 { margin: 10px 11px 10px; } .intro-01 .btn-03 { margin: 10px 11px 10px; } .intro-01-subtitle { font-size: 24px; line-height: 28px; color: #fff; font-weight: 200; text-transform: uppercase; letter-spacing: 2.2px; margin: 0 0 16px; } .intro-01-title { font-size: 60px; line-height: 60px; font-weight: 700; color: #fff; margin: 0 0 32px; } .intro-01-text { max-width: 830px; display: inline-block; vertical-align: middle; width: 100%; margin-bottom: 22px; } .intro-01-text p { font-size: 18px; line-height: 30px; font-weight: 200; color: #fff; } .info-box-02__box-02 { float: right; } .info-box-02__box-02 .contact-block-01__lang { font-size: 16px; line-height: 18px; font-weight: 400; color: #303638; margin-top: 17px; padding-right: 19px; margin-left: 0; } .info-box-02__box-02 .contact-block-01__lang::before { color: #de3333; margin-right: 11px; } .info-box-02__box-02 .search-block { margin-left: 33px; } .home-service-01 { -webkit-border-radius: 9px; border-radius: 9px; -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05); background-color: #fff; margin-top: -107px; padding: 40px 40px 22px; } .home-service-01::after { content: ''; display: table; clear: both; } .home-service-01__box-01, .home-service-01__box-02, .home-service-01__box-03 { float: left; width: 33.33%; } .home-service-01__icon { margin-bottom: 34px; } .home-service-01__title { font-size: 18px; line-height: 20px; color: #303638; margin: 0 0 18px; } .home-service-01__box-01 { padding-right: 40px; position: relative; } .home-service-01__box-01::before { content: ''; position: absolute; top: 50%; right: 20px; width: 1px; background-color: #eeeeee; height: 136px; margin-top: -76px; } .home-service-01__box-02 { padding-right: 54px; padding-left: 10px; position: relative; } .home-service-01__box-02::before { content: ''; position: absolute; top: 50%; right: 35px; width: 1px; background-color: #eeeeee; height: 136px; margin-top: -76px; } .home-service-01__box-03 { padding-right: 10px; } /*/=== Blog listing ===/*/ .blog-listing.right { max-width: 800px; float: left; } .blog-listing.left { max-width: 800px; float: right; } .blog-listing.fullwidth { width: 100%; } .blog-listing.fullwidth .blog-post__img-02 { margin-right: 30px; } .blog-listing.fullwidth .single-related-posts__list { text-align: center; width: 100%; } .blog-listing.fullwidth .single-related-posts__list li { display: inline-block; vertical-align: top; text-align: left; max-width: 260px; } .blog-listing.fullwidth .custom-img { margin-bottom: 10px; } .blog-post { margin-bottom: 62px; border-bottom: 1px solid #e9ecef; padding-bottom: 62px; width: 100%; } .blog-post:last-of-type { margin-bottom: 50px; } .blog-post.single { padding-bottom: 28px; } .blog-post.single .blog-post__text { margin-bottom: 50px; } .blog-post__img { display: block; width: 100%; margin-bottom: 23px; } .blog-post__img a { display: block; } .blog-post__img img { display: block; width: 100%; -webkit-border-radius: 7px; border-radius: 7px; } .blog-post__meta { margin-bottom: 16px; } .blog-post__meta-list { padding: 0; margin: 0; } .blog-post__meta-list li { list-style: none; display: inline-block; vertical-align: middle; padding-right: 19px; position: relative; } .blog-post__meta-list li::before { content: ''; display: inline-block; vertical-align: middle; position: absolute; top: 50%; right: 5px; width: 4px; height: 4px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #de3333; } .blog-post__meta-list li:last-child { padding-right: 0; } .blog-post__meta-list li:last-child::before { display: none; } .blog-post__meta-list li p { font-size: 14px; line-height: 16px; color: #727e85; display: inline-block; vertical-align: middle; margin: 0; } .blog-post__meta-author a { color: #727e85; } .blog-post__meta-author a:hover { color: #de3333; } .blog-post__title { font-size: 34px; line-height: 36px; color: #303638; font-weight: 600; margin: 0 0 24px; } .blog-post__title a { color: #303638; font-weight: 600; } .blog-post__title a:hover { color: #de3333; } .blog-post__btn-wrapp::after { content: ''; display: table; clear: both; } .blog-post__text { margin-bottom: 27px; } .blog-post__text img { display: block; float: left; -webkit-border-radius: 7px; border-radius: 7px; } .blog-post__img-01 { max-width: 100%; width: 385px; margin-right: 29px; margin-top: 23px; margin-bottom: 22px; } .blog-post__img-02 { max-width: 100%; width: 385px; margin-top: 23px; margin-bottom: 22px; } .blog-post__btn { font-size: 16px; line-height: 23px; position: relative; float: left; } .blog-post__btn::after { font-family: 'FontAwesome'; content: '\f105'; display: inline-block; vertical-align: middle; margin-left: 10px; } .blog-post__likes { font-size: 14px; line-height: 21px; color: #727e85; font-weight: 200; float: right; } .blog-post__likes::before { font-family: 'FontAwesome'; content: '\f08a'; font-size: 18px; display: inline-block; vertical-align: top; color: #fe3f4c; margin-right: 9px; -webkit-transition: 0.5s all; transition: 0.5s all; } .blog-post__likes:hover { color: #ccc; } .blog-post__likes:hover::before { color: #ccc; -webkit-transition: 0.5s all; transition: 0.5s all; } .post-tag-list { margin: 0; padding: 0; float: left; } .post-tag-list li { list-style: none; display: inline-block; vertical-align: middle; margin-right: 15px; } .post-tag-list li:last-child { margin-right: 0; } .post-tag-list li a { font-size: 13px; color: #727e85; padding: 5px 10px; font-weight: 200; display: inline-block; vertical-align: middle; background-color: #f8f8f8; -webkit-border-radius: 7px; border-radius: 7px; } .post-tag-list li a:hover { background-color: #de3333; color: #fff; } .preview_share_wrapper { display: block; float: right; position: relative; width: 45px; -webkit-transition: width 400ms; transition: width 400ms; text-align: right; display: inline-block; vertical-align: middle; padding: 0 24px 0 0; } .preview_share_wrapper:hover .preview_share_block { visibility: visible; width: 200px; opacity: 1; } .preview_share_wrapper:hover .share_facebook { left: 0; opacity: 1; } .preview_share_wrapper:hover .share_twitter { left: 47px; opacity: 1; } .preview_share_wrapper:hover .share_gplus { left: 93px; opacity: 1; } .preview_share_wrapper:hover .share_pinterest { left: 140px; opacity: 1; } .preview_share_wrapper:hover a { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .preview_share_block { width: 200px; height: 35px; font-size: 0; line-height: 0; position: absolute; top: -5px; right: 50px; -webkit-transition: all 400ms; transition: all 400ms; visibility: hidden; } .preview_share_block a { font-size: 14px; line-height: 45px; color: #fff; width: 35px; height: 35px; line-height: 35px; -webkit-border-radius: 100%; border-radius: 100%; display: block; position: absolute; left: 165px; top: 0; text-align: center; margin-left: 10px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); opacity: 0; -webkit-transition: background 400ms, left 400ms, opacity 400ms, -webkit-transform 400ms; transition: background 400ms, left 400ms, opacity 400ms, -webkit-transform 400ms; transition: background 400ms, transform 400ms, left 400ms, opacity 400ms; transition: background 400ms, transform 400ms, left 400ms, opacity 400ms, -webkit-transform 400ms; } .preview_share_toggler { display: inline-block; vertical-align: middle; font-size: 16px; } .share_facebook { background: #234fb1; } .share_facebook:hover { -webkit-box-shadow: 0 5px 7px 0 rgba(35, 79, 177, 0.35); box-shadow: 0 5px 7px 0 rgba(35, 79, 177, 0.35); -webkit-transition: 0.5s all; transition: 0.5s all; } .share_twitter { background: #4ea1ee; } .share_twitter:hover { -webkit-box-shadow: 0 5px 7px 0 rgba(78, 161, 238, 0.35); box-shadow: 0 5px 7px 0 rgba(78, 161, 238, 0.35); -webkit-transition: 0.5s all; transition: 0.5s all; } .share_gplus { background: #c7452d; } .share_gplus:hover { -webkit-box-shadow: 0 5px 7px 0 rgba(199, 69, 45, 0.35); box-shadow: 0 5px 7px 0 rgba(199, 69, 45, 0.35); -webkit-transition: 0.5s all; transition: 0.5s all; } .share_pinterest { background: #fd4851; } .share_pinterest:hover { -webkit-box-shadow: 0 5px 7px 0 rgba(253, 72, 81, 0.35); box-shadow: 0 5px 7px 0 rgba(253, 72, 81, 0.35); -webkit-transition: 0.5s all; transition: 0.5s all; } /*/ Blog post format - slider /*/ .nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; -webkit-border-radius: 7px; border-radius: 7px; margin-bottom: 22px; } .nivoSlider img { position: absolute; top: 0; left: 0; width: 100%; vertical-align: top; display: block; } .nivoSlider .nivo-imageLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; } .nivo-prevNav { font-size: 0; width: 40px; height: 40px; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #fff; position: absolute; top: 50%; left: 20px; z-index: 20; margin-top: -20px; cursor: pointer; text-align: center; } .nivo-prevNav::before { font-family: 'FontAwesome'; content: '\f104'; font-size: 22px; line-height: 38px; color: #fff; display: inline-block; vertical-align: middle; -webkit-transition: 0.5s all; transition: 0.5s all; } .nivo-prevNav:hover { background-color: #fff; } .nivo-prevNav:hover::before { color: #303638; -webkit-transition: 0.5s all; transition: 0.5s all; } .nivo-nextNav { font-size: 0; width: 40px; height: 40px; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #fff; position: absolute; top: 50%; right: 20px; z-index: 20; margin-top: -20px; cursor: pointer; text-align: center; } .nivo-nextNav::before { font-family: 'FontAwesome'; content: '\f105'; font-size: 22px; line-height: 38px; color: #fff; display: inline-block; vertical-align: middle; -webkit-transition: 0.5s all; transition: 0.5s all; } .nivo-nextNav:hover { background-color: #fff; } .nivo-nextNav:hover::before { color: #303638; -webkit-transition: 0.5s all; transition: 0.5s all; } .nivo-main-image { display: block; position: relative !important; width: 100% !important; } .nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; } .nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; } .nivo-box img { display: block; } .nivo-caption { position: absolute; overflow: hidden; display: none; } .nivo-html-caption { display: none; } /*/ Blog post format - video /*/ .video_frame { width: 100%; border: none; display: block; } .service-video .video_bg { -webkit-border-radius: 0; border-radius: 0; margin: 0; } .video_bg { position: relative; -webkit-border-radius: 7px; border-radius: 7px; overflow: hidden; margin-bottom: 23px; background-size: cover; background-repeat: no-repeat; background-position: center center; } .video_bg iframe { opacity: 0; -webkit-transition: opacity 500ms; transition: opacity 500ms; position: relative; z-index: 9; } .video_img-01 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: opacity 500ms; transition: opacity 500ms; z-index: 11; background-image: url("../img/blog_post/blog_post_05.jpg"); } .video_img-02 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: opacity 500ms; transition: opacity 500ms; z-index: 11; background-image: url("../img/service_img.jpg"); } .video_img-03 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: opacity 500ms; transition: opacity 500ms; z-index: 11; background-image: url("../img/img_05.jpg"); } .play-video { position: absolute; z-index: 100; left: 50%; top: 50%; width: 65px; height: 65px; margin: -33px 0 0 -33px; background: none; -webkit-border-radius: 50%; border-radius: 50%; background: white; text-indent: -9999px; } .play-video::after { content: ''; position: absolute; left: 27px; top: 23px; width: 20px; height: 20px; background: url("../img/video_play_img.png"); } .play-video:hover { background: rgba(255, 255, 255, 0.8); } .play-video:hover::after { opacity: 0.8; } .show_video_now .video_img-01, .show_video_now .video_img-02, .show_video_now .video_img-03 { opacity: 0; z-index: 9; } .show_video_now .play-video { opacity: 0; z-index: -1; } .show_video_now.video_bg iframe { opacity: 1; z-index: 11; } .custom-img { width: 100%; } /*/ Blog post format - link format /*/ .link-format { margin-bottom: 26px; } .link-format__title { font-size: 30px; line-height: 32px; color: #727e85; font-weight: 200; position: relative; padding-left: 42px; margin-bottom: 32px; } .link-format__title::before { font-family: 'FontAwesome'; content: '\f0c1'; font-size: 30px; color: #de3333; display: inline-block; vertical-align: middle; position: absolute; top: 4px; left: 0; } .link-format__subtitle { font-size: 20px; color: #303638; font-weight: 600; margin: 0; } /*/ Blog post format - link format /*/ .music-format { width: 100%; margin-bottom: 30px; } .music-format iframe { border: none; width: 100%; } /*/ Blog pagination /*/ .blog-pagination { margin: 0 0 42px; } .pagination-list { text-align: center; font-size: 0; margin: 0; padding: 0; } .pagination-list li { list-style: none; display: inline-block; vertical-align: middle; margin: 0 3px; } .pagination-list li a { font-size: 14px; line-height: 22px; text-align: center; display: inline-block; vertical-align: middle; color: #727e85; min-width: 30px; min-height: 22px; -webkit-border-radius: 50%; border-radius: 50%; width: 100%; background-color: #f8f8f8; padding: 4px; } .pagination-list li a:hover { background-color: #de3333; color: #f8f8f8; } .pagination-list li.active a { background-color: #de3333; color: #f8f8f8; } .pagination-list li:last-child a { font-size: 0; line-height: 0; position: relative; background-color: transparent; text-align: left; } .pagination-list li:last-child a::before { font-family: 'FontAwesome'; content: '\f105'; font-size: 16px; line-height: 26px; display: inline-block; vertical-align: middle; position: absolute; color: #727e85; -webkit-transition: 0.5s all; transition: 0.5s all; top: 0; left: 0; } .pagination-list li:last-child a:hover::before { color: #de3333; -webkit-transition: 0.5s all; transition: 0.5s all; } /*/ Sidebar //*/ .blog-listing-sidebar { width: 100%; max-width: 340px; } .blog-listing-sidebar.right { float: right; padding-left: 30px; } .blog-listing-sidebar.left { float: left; padding-right: 30px; } .blog-listing-sidebar .widget-title { font-size: 30px; line-height: 32px; color: #303638; font-weight: 600; margin: 0 0 32px; } .blog-listing-sidebar .widget { margin-bottom: 36px; } .blog-listing-sidebar .categories { margin-bottom: 62px; } .blog-listing-sidebar .related-posts { margin-bottom: 64px; } .blog-listing-sidebar .instagram { margin-bottom: 59px; } .blog-listing-sidebar .text-widget .widget-title { margin-bottom: 7px; } /*/ Search /*/ .search-form { width: 100%; } .sidebar-search-block { max-width: 400px; } .sidebar-search { width: 100%; } .sidebar-search__label { border: 1px solid #d4d8da; -webkit-border-radius: 25px; border-radius: 25px; width: 100%; display: block; margin: 0; padding: 6px 18px; position: relative; } .sidebar-search__inp-text { display: inline-block; vertical-align: middle; border: none; -webkit-border-radius: 25px; border-radius: 25px; width: 100%; height: 36px; padding: 5px 10px; } .sidebar-search__inp-text::-webkit-input-placeholder { font-size: 14px; font-weight: 200; color: #727e85; opacity: 1; } .sidebar-search__inp-text::-moz-placeholder { font-size: 14px; font-weight: 200; color: #727e85; opacity: 1; } .sidebar-search__inp-text:-ms-input-placeholder { font-size: 14px; font-weight: 200; color: #727e85; opacity: 1; } .sidebar-search__inp-text:-ms-input-placeholder { font-size: 14px; font-weight: 200; color: #727e85; opacity: 1; } .sidebar-search__inp-btn { display: inline-block; vertical-align: middle; position: absolute; top: 16px; right: 30px; font-size: 0; line-height: 0; border: none; background-color: transparent; color: #727e85; font-weight: 400; } .sidebar-search__inp-btn::before { font-family: 'FontAwesome'; content: '\f002'; font-size: 16px; line-height: 16px; color: #727e85; display: inline-block; vertical-align: middle; -webkit-transition: 0.5s all; transition: 0.5s all; } .sidebar-search__inp-btn:hover::before { color: #de3333; -webkit-transition: 0.5s all; transition: 0.5s all; } /*/ Categories /*/ .categories-list { padding: 0; margin: 0; } .categories-list li { display: block; list-style: none; padding-left: 33px; position: relative; margin-bottom: 13px; } .categories-list li::before { font-family: 'FontAwesome'; content: '\f07b'; font-size: 14px; line-height: 16px; color: #727e85; display: inline-block; vertical-align: middle; position: absolute; top: 4px; left: 0; } .categories-list li a { font-size: 16px; line-height: 18px; color: #727e85; font-weight: 200; display: inline-block; vertical-align: middle; } .categories-list li a:hover { color: #7eaa2f; } .categories-list li ul { padding: 12px 0 0; } .categories-list li ul li { padding-left: 15px; } .categories-list li ul li::before { left: -17px; color: #de3333; } .categories-list li ul li a { display: inline-block; vertical-align: middle; color: #de3333; } /*/ Related posts /*/ .related-posts__list { margin: 0; padding: 0; } .related-posts__list li { list-style: none; margin-bottom: 20px; } .related-posts__list li::after { content: ''; display: table; clear: both; } .related-posts__img { float: left; -webkit-border-radius: 7px; border-radius: 7px; margin-right: 20px; } .related-posts__img a { display: inline-block; vertical-align: middle; } .related-posts__img a img { -webkit-border-radius: 7px; border-radius: 7px; } .related-posts__data { padding-top: 10px; color: #727e85; font-weight: 200; margin-bottom: 6px; } .related-posts__title { font-size: 18px; line-height: 20px; color: #303638; font-weight: 600; margin: 0; } .related-posts__title a { color: #303638; } .related-posts__title a:hover { color: #de3333; } /*/ Tags cloud /*/ .tags-cloud__list { margin: 0; padding: 0; font-size: 0; } .tags-cloud__list li { display: inline-block; vertical-align: middle; margin: 0 10px 10px 0; } .tags-cloud__list li a { font-size: 13px; line-height: 17px; color: #727e85; font-weight: 200; background-color: #f8f8f8; display: inline-block; vertical-align: middle; padding: 9px 14px; -webkit-border-radius: 12px; border-radius: 12px; } .tags-cloud__list li a:hover { color: #fff; background-color: #de3333; } /*/ Instagram /*/ .instagram__list { padding: 0; font-size: 0; } .instagram__list li { list-style: none; display: inline-block; vertical-align: middle; margin-right: 7px; margin-bottom: 7px; } .instagram__list li a { display: inline-block; vertical-align: middle; } .instagram__list li a img { display: block; -webkit-border-radius: 7px; border-radius: 7px; } .text-widget img { width: 100%; max-width: 300px; -webkit-border-radius: 7px; border-radius: 7px; display: block; } /*/ Comments /*/ .comments { margin-bottom: 35px; } .comments::after { content: ''; display: table; clear: both; } .comments-title { font-size: 30px; line-height: 32px; color: #303638; margin-top: 0; margin-bottom: 46px; } .comments__list { padding: 0; margin: 0; } .comments__list li { display: block; list-style: none; } .comments__list li::after { content: ''; display: table; clear: both; } .comments__list > li { margin-bottom: 20px; } .comments__user-wrapp { float: left; width: 13%; } .comments__user-img { -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; display: inline-block; vertical-align: middle; } .comments__content { float: left; width: 85%; } .comments__user-name { font-size: 18px; line-height: 15px; color: #303638; margin: 0 0 8px; } .comments__data { font-size: 14px; line-height: 16px; font-weight: 200; color: #727e85; margin: 0 0 11px; } .comments__content { position: relative; } .comments__reply { position: absolute; top: -4px; right: 0; color: #727e85; font-size: 13px; } .comments__reply::before { font-family: 'FontAwesome'; content: '\f122'; margin-right: 5px; } .comments__reply:hover { color: #de3333; } .comments__child-list { float: left; width: 100%; padding-top: 20px; padding-left: 111px; } .comments__child-list .comments__user-wrapp { width: 15%; } .comments__child-list .comments__content { width: 85%; } .comments__child-list > li:last-child { margin-bottom: 0; } /*/ Reply form /*/ .reply-form { padding-bottom: 44px; } .reply-form::after { content: ''; display: table; clear: both; } .reply-form__title { font-size: 30px; line-height: 32px; font-weight: 600; margin: 0 0 46px; } .reply-form__form::after { content: ''; display: table; clear: both; } .reply-form__box-01 { width: 50%; float: left; padding-right: 12px; margin-bottom: 22px; } .reply-form__box-02 { width: 50%; float: left; padding-left: 12px; margin-bottom: 22px; } .reply-form__box-03 { float: left; width: 100%; padding-bottom: 22px; } .reply-form__box-04 { float: left; width: 100%; margin-bottom: 18px; } .reply-form__name, .gfield_select { width: 100%; border: 1px solid #d4d8da; height: 48px; padding: 5px 29px; -webkit-border-radius: 24px; border-radius: 24px; } .medium.gfield_select { color: #222; font-weight: 300; font-size: 13px; background: #fff; } .reply-form__name::-webkit-input-placeholder { font-weight: 200; color: #727e85; opacity: 1; } .reply-form__name::-moz-placeholder { font-weight: 200; color: #727e85; opacity: 1; } .reply-form__name:-ms-input-placeholder { font-weight: 200; color: #727e85; opacity: 1; } .reply-form__name:-ms-input-placeholder { font-weight: 200; color: #727e85; opacity: 1; } .reply-form__email { width: 100%; border: 1px solid #d4d8da; height: 48px; -webkit-border-radius: 24px; border-radius: 24px; padding: 5px 29px; } .reply-form__email::-webkit-input-placeholder { font-weight: 200; color: #727e85; opacity: 1; } .reply-form__email::-moz-placeholder { font-weight: 200; color: #727e85; opacity: 1; } .reply-form__email:-ms-input-placeholder { font-weight: 200; color: #727e85; opacity: 1; } .reply-form__email:-ms-input-placeholder { font-weight: 200; color: #727e85; opacity: 1; } .reply-form__url { width: 100%; border: 1px solid #d4d8da; height: 48px; -webkit-border-radius: 24px; border-radius: 24px; padding: 5px 29px; } .reply-form__url::-webkit-input-placeholder { font-weight: 200; color: #727e85; opacity: 1; } .reply-form__url::-moz-placeholder { font-weight: 200; color: #727e85; opacity: 1; } .reply-form__url:-ms-input-placeholder { font-weight: 200; color: #727e85; opacity: 1; } .reply-form__url:-ms-input-placeholder { font-weight: 200; color: #727e85; opacity: 1; } .reply-form__message { width: 100%; border: 1px solid #d4d8da; -webkit-border-radius: 24px; border-radius: 24px; padding: 14px 29px; resize: none; height: 120px; } .reply-form__message::-webkit-input-placeholder { font-weight: 200; color: #727e85; opacity: 1; } .reply-form__message::-moz-placeholder { font-weight: 200; color: #727e85; opacity: 1; } .reply-form__message:-ms-input-placeholder { font-weight: 200; color: #727e85; opacity: 1; } .reply-form__message:-ms-input-placeholder { font-weight: 200; color: #727e85; opacity: 1; } /*/=== Blog single post ===/*/ .single-post { margin-top: 79px; padding-bottom: 36px; } .single-post-nav { margin-bottom: 68px; } .single-post-nav::after { content: ''; display: inline-block; } .single-post-nav__prew { float: left; font-size: 14px; line-height: 16px; color: #727e85; text-transform: uppercase; } .single-post-nav__prew::before { font-family: 'FontAwesome'; content: '\f104'; font-size: 16px; color: #727e85; margin-right: 10px; -webkit-transition: 0.5s all; transition: 0.5s all; } .single-post-nav__prew:hover { color: #de3333; } .single-post-nav__prew:hover::before { color: #de3333; -webkit-transition: 0.5s all; transition: 0.5s all; } .single-post-nav__next { float: right; font-size: 14px; line-height: 16px; color: #727e85; text-transform: uppercase; } .single-post-nav__next::after { font-family: 'FontAwesome'; content: '\f105'; font-size: 16px; color: #727e85; margin-left: 10px; -webkit-transition: 0.5s all; transition: 0.5s all; } .single-post-nav__next:hover { color: #de3333; } .single-post-nav__next:hover::after { color: #de3333; -webkit-transition: 0.5s all; transition: 0.5s all; } .single-related__title { font-size: 30px; line-height: 32px; color: #303638; margin: 0 0 45px; } .single-related-posts { margin-bottom: 69px; } .single-related-posts__list { padding-left: 0; margin: 0; display: inline-block; vertical-align: middle; font-size: 0; } .single-related-posts__list li { list-style: none; display: inline-block; vertical-align: top; max-width: 245px; margin-right: 31px; } .single-related-posts__list li:last-child { margin-right: 0; } .single-related-posts__img { display: inline-block; vertical-align: middle; margin-bottom: 18px; } .single-related-posts__img a { display: inline-block; vertical-align: middle; position: relative; } .single-related-posts__img a img { display: block; -webkit-border-radius: 7px; border-radius: 7px; width: 100%; } .single-related-posts__img a::before { content: ''; display: inline-block; vertical-align: middle; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(14, 21, 30, 0.5); -webkit-transition: 0.5s all; transition: 0.5s all; visibility: collapse; opacity: 0; -webkit-border-radius: 7px; border-radius: 7px; } .single-related-posts__img a:hover::before { -webkit-transition: 0.5s all; transition: 0.5s all; visibility: visible; opacity: 1; } .single-related-posts__data { font-size: 14px; line-height: 16px; color: #727e85; margin-bottom: 10px; } .single-related-posts__title { font-size: 18px; line-height: 20px; color: #303638; margin-top: 0; margin-bottom: 14px; } .single-related-posts__title a { color: #303638; } .single-related-posts__title a:hover { color: #de3333; } .single-related-posts__btn { font-size: 14px; line-height: 16px; color: #de3333; } .single-related-posts__btn::after { font-family: 'FontAwesome'; content: '\f105'; font-size: 16px; line-height: 18px; margin-left: 10px; } /*/=== Team ===/*/ .sort-group { text-align: center; padding-top: 7px; margin-bottom: 40px; } .sort-group a { display: inline-block; vertical-align: middle; } .sort-group--mr-01 { margin-bottom: 26px; } .sort-item { font-size: 16px; line-height: 18px; font-weight: 200; color: #727e85; margin: 5px 10px; } .sort-item.is-checked { color: #de3333; } .sort-item:hover { color: #de3333; } .team-block { margin-bottom: 50px; text-align: center; } .team-img { -webkit-border-radius: 11px; border-radius: 11px; overflow: hidden; margin-bottom: 27px; position: relative; max-width: 210px; display: inline-block; vertical-align: middle; float: none; } .team-img img { display: block; width: 100%; max-width: 370px; width: 100%; } .team-img::before { content: ''; display: inline-block; vertical-align: middle; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(14, 21, 30, 0); -webkit-transition: 0.5s all; transition: 0.5s all; z-index: 10; } .team-img:hover .team-soc-list { visibility: visible; opacity: 1; -webkit-transition: 0.5s all; transition: 0.5s all; } .team-img:hover::before { background: rgba(14, 21, 30, 0.5); -webkit-transition: 0.5s all; transition: 0.5s all; } .team-title { text-align: center; margin: 0; font-size: 24px; line-height: 26px; font-weight: 600; color: #303638; } .team-title a { color: #303638; } .team-title a:hover { color: #de3333; } .team-subtitle { font-size: 14px; line-height: 30px; color: #de3333; text-align: center; } .team-soc-list { margin: -5px 0 0 0; position: absolute; top: 50%; left: 0; z-index: 15; text-align: center; padding: 0; width: 100%; visibility: collapse; opacity: 0; -webkit-transition: 0.5s all; transition: 0.5s all; } .team-soc-list li { display: inline-block; vertical-align: middle; list-style: none; margin: 0 12px; } .team-soc-list li a { display: inline-block; vertical-align: middle; font-size: 16px; color: #fff; } .team-soc-list li a:hover { color: #de3333; } /*/=== Single team ===/*/ .single-team { margin-top: 60px; padding-bottom: 36px; padding-top: 20px; } .single-team p { margin-bottom: 14px; } .single-team .ul-list-01 { padding-top: 8px; padding-left: 20px; margin-bottom: 7px; } .single-team__img { margin-bottom: 30px; max-width: 330px; } .single-team__img img { display: block; width: 100%; -webkit-border-radius: 10px; border-radius: 10px; } .single-team__info { -webkit-box-shadow: 0 0 24px 0 rgba(25, 35, 40, 0.09); box-shadow: 0 0 24px 0 rgba(25, 35, 40, 0.09); -webkit-border-radius: 10px; border-radius: 10px; padding: 36px 39px 67px; margin-bottom: 30px; } .single-team__info-title { font-weight: 600; font-size: 33px; line-height: 36px; color: #303638; margin: 0 0 26px; } .single-team__info-list { padding: 0; margin: 0 0 40px; } .single-team__info-list li { font-size: 16px; line-height: 30px; font-weight: 200; color: #727e85; list-style: none; margin-bottom: 8px; } .single-team__info-list li span { color: #303638; font-weight: 600; } .single-team__info-list li a { color: #727e85; } .single-team__info-list li a:hover { color: #de3333; } .single-team__info-list li:last-child { margin-bottom: 0; } .soc-list-01 { margin: 0; padding: 0; } .soc-list-01 li { list-style: none; display: inline-block; vertical-align: middle; margin-right: 7px; } .soc-list-01 li:last-child { margin-right: 0; } .soc-list-01 li a { display: inline-block; vertical-align: middle; width: 35px; height: 35px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; } .soc-list-01 li a i { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 35px; color: #fff; } .facebook-style { background-color: #234fb1; -webkit-transition: 0.5s all; transition: 0.5s all; } .facebook-style:hover { -webkit-box-shadow: 0 5px 7px 0 rgba(35, 79, 177, 0.35); box-shadow: 0 5px 7px 0 rgba(35, 79, 177, 0.35); -webkit-transition: 0.5s all; transition: 0.5s all; } .twitter-style { background-color: #4ea1ee; -webkit-transition: 0.5s all; transition: 0.5s all; } .twitter-style:hover { -webkit-box-shadow: 0 5px 7px 0 rgba(78, 161, 238, 0.35); box-shadow: 0 5px 7px 0 rgba(78, 161, 238, 0.35); -webkit-transition: 0.5s all; transition: 0.5s all; } .google-style { background-color: #c7452d; -webkit-transition: 0.5s all; transition: 0.5s all; } .google-style:hover { -webkit-box-shadow: 0 5px 7px 0 rgba(199, 69, 45, 0.35); box-shadow: 0 5px 7px 0 rgba(199, 69, 45, 0.35); -webkit-transition: 0.5s all; transition: 0.5s all; } .pinterest-style { background-color: #fd4851; -webkit-transition: 0.5s all; transition: 0.5s all; } .pinterest-style:hover { -webkit-box-shadow: 0 5px 7px 0 rgba(253, 72, 81, 0.35); box-shadow: 0 5px 7px 0 rgba(253, 72, 81, 0.35); -webkit-transition: 0.5s all; transition: 0.5s all; } /*/=== Courses ===/*/ .product-list { margin: 0; padding: 0; font-size: 0; } .product-list__item { list-style: none; display: inline-block; vertical-align: top; width: 100%; -webkit-transition: 0.5s all; transition: 0.5s all; -webkit-border-radius: 10px; border-radius: 10px; background-color: #fff; margin-bottom: 30px; } .product-list__item:hover { -webkit-box-shadow: 0 10px 24px 0 rgba(25, 35, 40, 0.1); box-shadow: 0 10px 24px 0 rgba(25, 35, 40, 0.1); -webkit-transition: 0.5s all; transition: 0.5s all; } .product-list__img a { display: block; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } .product-list__img img { width: 100%; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; display: block; } .product-list__content { border: 1px solid #eeeeee; padding: 12px 18px 26px; } .product-list__content::after { content: ''; display: table; clear: both; } .product-list__category { font-weight: 200; font-size: 12px; line-height: 14px; color: #de3333; margin-bottom: 5px; display: inline-block; vertical-align: middle; } .product-list__category:hover { color: #000; } .product-list__title { font-size: 18px; line-height: 20px; margin: 0 0 15px; letter-spacing: 0.3px; } .product-list__title a { color: #303638; } .product-list__title a:hover { color: #727e85; } .product-list__star-list { margin: 0; padding: 0; float: left; font-size: 0; } .product-list__star-list li { display: inline-block; vertical-align: middle; margin: 0; } .product-list__star-list li a { font-size: 14px; line-height: 16px; display: inline-block; vertical-align: middle; color: #ffcb3e; } .product-list__star-list li a:hover { color: #de3333; } .product-list__price { font-size: 12px; line-height: 16px; color: #fe3f4c; border: 1px solid #fe3f4c; padding: 3px 14px 3px; float: right; -webkit-border-radius: 30px; border-radius: 30px; margin: -5px 0 0; } .product-list__item-info { border: 1px solid #eeeeee; border-top: none; float: left; width: 100%; padding: 12px 18px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; } .product-list__item-info::after { content: ''; display: table; clear: both; } .item-info__text-01 { font-size: 14px; line-height: 18px; color: #727e85; margin: 0; float: left; opacity: 0.5; position: relative; padding-left: 24px; } .item-info__text-01::before { font-family: 'FontAwesome'; content: '\f02d'; font-size: 14px; line-height: 16px; position: absolute; top: 1px; left: 0; } .item-info__text-02 { font-size: 14px; line-height: 18px; color: #727e85; margin: 0; float: right; opacity: 0.5; position: relative; padding-left: 24px; } .item-info__text-02::before { font-family: 'FontAwesome'; content: '\f0c0'; font-size: 14px; line-height: 16px; position: absolute; top: 1px; left: 0; } .courses-pagination { padding-top: 28px; margin-bottom: 31px; } /*/=== Single course ===/*/ .single-course { padding: 30px 0 36px; margin: 50px 0 0; } .single-course-img { margin-bottom: 27px; } .single-course-img img { display: block; width: 100%; -webkit-border-radius: 9px; border-radius: 9px; } .single-course__star-list { margin: 0 0 14px; padding: 0; font-size: 0; } .single-course__star-list li { list-style: none; display: inline-block; vertical-align: middle; } .single-course__star-list li a { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 18px; color: #ffcb3e; } .single-course__info-list { margin: 0; padding: 0; font-size: 0; } .single-course__info-list li { display: inline-block; vertical-align: middle; padding-right: 16px; position: relative; } .single-course__info-list li::before { content: ''; display: inline-block; vertical-align: middle; width: 4px; height: 4px; position: absolute; top: 50%; margin-top: -2px; right: 4px; background-color: #de3333; -webkit-border-radius: 50%; border-radius: 50%; } .single-course__info-list li:last-child { padding-right: 0; } .single-course__info-list li:last-child::before { display: none; } .single-course__info-list li .category { font-size: 14px; line-height: 16px; color: #727e85; margin: 0; } .single-course__info-list li .lessons { font-size: 12px; line-height: 16px; color: #727e85; margin: 0 0 0 6px; } .single-course__info-list li .lessons::before { font-family: 'FontAwesome'; content: '\f02d'; font-size: 14px; line-height: 16px; color: #c0c5c8; margin-right: 10px; } .single-course__info-list li .seats { font-size: 12px; line-height: 16px; color: #727e85; margin: 0 0 0 6px; } .single-course__info-list li .seats::before { font-family: 'FontAwesome'; content: '\f0c0'; font-size: 14px; line-height: 16px; color: #c0c5c8; margin-right: 10px; } .single-course__wrapp { padding-right: 40px; position: relative; margin-bottom: 26px; } .single-course__price-info { font-size: 16px; line-height: 18px; color: #fe3f4c; display: inline-block; border: 1px solid #fe3f4c; -webkit-border-radius: 24px; border-radius: 24px; padding: 10px; max-width: 120px; width: 100%; position: absolute; top: 6px; right: 0; text-align: center; } .single-course-tabs { margin-bottom: 40px; } .single-course-tabs .tabs__caption { padding: 0; margin: 0 0 5px; font-size: 0; } .single-course-tabs .tabs__caption li { font-size: 14px; line-height: 21px; color: #303638; display: inline-block; vertical-align: middle; text-transform: uppercase; cursor: pointer; padding: 0px 19px; background-color: transparent; margin-right: 15px; margin-bottom: 15px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #eeeeee; letter-spacing: 1px; width: auto; max-width: 200px; text-align: center; -webkit-transition: 0.5s all; transition: 0.5s all; } .single-course-tabs .tabs__caption li.active { color: #fff; background-color:#de3333; border: 1px solid #de3333; } .single-course-tabs .tabs__caption li:last-child { margin-right: 0; } .single-course-tabs .tabs__caption li:hover { color: #fff; background-color:#de3333; border: 1px solid #de3333; -webkit-transition: 0.5s all; transition: 0.5s all; } .tabs__content { display: none; } .tabs__content.active { display: block; } .single-course__btn-wrapp { text-align: left; margin-bottom: 76px; } .curriculum-list { padding: 8px 0 0; } .curriculum-list li { list-style: none; } .curriculum-list li ul { margin-bottom: 27px; padding-left: 0; } .curriculum-list li ul li { font-size: 16px; line-height: 18px; color: #727e85; font-weight: 300; border-bottom: 1px solid #e9ecef; padding: 17px 0 17px 35px; position: relative; } .curriculum-list li ul li::after { content: ''; display: table; clear: both; } .curriculum-list li ul li::before { content: ''; width: 5px; height: 5px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #de3333; display: inline-block; vertical-align: middle; position: absolute; top: 50%; margin-top: -2px; left: 20px; } .curriculum-list li ul li:last-child { border-bottom: none; } .curriculum-list__title-01 { font-size: 18px; line-height: 20px; color: #303638; margin-top: 0; margin-bottom: 17px; } .curriculum-list__title-02 { font-weight: 400; display: inline-block; vertical-align: middle; position: relative; color: #727e85; } .curriculum-list__box { float: left; } .curriculum-list__time { font-size: 14px; line-height: 16px; color: #fe6d76; float: right; display: inline-block; vertical-align: middle; margin-left: 30px; } .teachers-wrapp { margin-top: 14px; } .teachers__img { display: inline-block; vertical-align: middle; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; } .teachers__img img { display: block; max-width: 100%; } .teachers__title { font-size: 24px; line-height: 26px; color: #303638; display: inline-block; vertical-align: middle; margin: 0; } .teachers__list { padding: 0; margin: 0; float: right; } .teachers__list li { display: inline-block; vertical-align: middle; list-style: none; margin-left: 20px; } .teachers__list li:first-child { margin-left: 0; } .teachers__list li a { display: inline-block; vertical-align: middle; font-size: 16px; color: #bcc1c4; } .teachers__list li a:hover { color: #de3333; } .teachers__box-01 { padding-top: 35px; margin-bottom: 9px; } .teachers__subtitle { font-size: 14px; line-height: 16px; color: #de3333; margin: 0 0 10px; } .teachers__btn { font-size: 14px; line-height: 16px; color: #de3333; display: inline-block; vertical-align: middle; position: relative; padding-right: 14px; margin-top: 10px; } .teachers__btn::before { font-family: 'FontAwesome'; content: '\f105'; display: inline-block; vertical-align: middle; position: absolute; top: 0; right: 0; } /*/=== About ===/*/ .about-us { padding-bottom: 78px; } .about-us h2 span { font-weight: 100; } .about-slider { overflow: visible; } .about-slider img { -webkit-border-radius: 7px; border-radius: 7px; } .about-slider .nivo-prevNav { background-color: #ffffff; left: -20px; -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.09); } .about-slider .nivo-prevNav::before { color: #303638; } .about-slider .nivo-prevNav:hover { background-color: #de3333; border-color: #de3333; } .about-slider .nivo-prevNav:hover::before { color: #fff; } .about-slider .nivo-nextNav { background-color: #ffffff; right: -20px; -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.09); } .about-slider .nivo-nextNav::before { color: #303638; } .about-slider .nivo-nextNav:hover { background-color: #de3333; border-color: #de3333; } .about-slider .nivo-nextNav:hover::before { color: #fff; } .about-img { margin-left: 29px; margin-top: -75px; display: block; } /*/ Content servises /*/ .servise-box-01 { padding-left: 30px; } .servises-item { padding-left: 81px; margin-bottom: 89px; } .servises-item__title { font-size: 18px; line-height: 20px; font-weight: 600; color: #303638; margin: 0 0 10px; } .servises-item__text p { font-size: 14px; line-height: 24px; color: #727e85; font-weight: 200; } .serv-item-01 { position: relative; } .serv-item-01::before { content: ''; display: inline-block; vertical-align: middle; position: absolute; top: 3px; left: 0; background: url("../img/graduation-cap.png") no-repeat center top; width: 50px; height: 50px; position: absolute; background-size: 100% auto; } .serv-item-02 { position: relative; } .serv-item-02::before { content: ''; display: inline-block; vertical-align: middle; position: absolute; top: 3px; left: 0; background: url("../img/icon2/servises-item_02.png") no-repeat center top; width: 50px; height: 50px; position: absolute; } .serv-item-03 { position: relative; } .serv-item-03::before { content: ''; display: inline-block; vertical-align: middle; position: absolute; top: 3px; left: 0; background: url("../img/icon2/servises-item_03.png") no-repeat center top; width: 50px; height: 50px; position: absolute; } .serv-item-04 { position: relative; } .serv-item-04::before { content: ''; display: inline-block; vertical-align: middle; position: absolute; top: 3px; left: 6px; background: url("../img/icon2/servises-item_04.png") no-repeat center top; width: 50px; height: 50px; position: absolute; } .serv-item-05 { position: relative; } .serv-item-05::before { content: ''; display: inline-block; vertical-align: middle; position: absolute; top: 3px; left: 1px; background: url("../img/icon2/servises-item_05.png") no-repeat center top; width: 50px; height: 50px; position: absolute; } .serv-item-06 { position: relative; } .serv-item-06::before { content: ''; display: inline-block; vertical-align: middle; position: absolute; top: 3px; left: 1px; background: url("../img/icon2/servises-item_06.png") no-repeat center top; width: 53px; height: 50px; position: absolute; } .partners_01 { display: inline-block; vertical-align: middle; float: none; max-width: 100%; } .hr-01 { margin-top: 0; } /*/=== Services ===/*/ .services-wrapp::after { content: ''; display: table; clear: both; } .services-img-01 { float: left; margin-right: 28px; } .services-img-01 img { -webkit-border-radius: 7px; border-radius: 7px; display: block; width: 100%; } .services-img-02 { float: right; margin-left: 28px; } .services-img-02 img { -webkit-border-radius: 7px; border-radius: 7px; display: block; width: 100%; } .services-icon { margin-top: 28px; margin-bottom: 26px; } .services-content_title { font-size: 24px; line-height: 26px; margin: 0 0 16px; font-weight: 600; } .services-content_title span { font-weight: 200; } .services-text { font-size: 16px; line-height: 30px; } .services-box-01 { padding-left: 43px; padding-right: 20px; padding-top: 103px; } .services-box-01 .ol-list-01 { max-width: 450px; } .services-box-01__title { margin-bottom: 70px; } .ol-list-01__title { font-size: 18px; line-height: 24px; font-weight: 600; margin-top: 0; margin-bottom: 17px; } .service_img_01 { margin-left: -405px; display: block; } .wrapp-box-01 { width: 50%; float: left; } .wrapp-box-02 { width: 50%; float: left; } /*/ Price block /*/ .price-box-01 { text-align: center; border: 1px solid #eeeeee; -webkit-border-radius: 7px; border-radius: 7px; padding-bottom: 50px; max-width: 360px; margin-bottom: 40px; width: 100%; display: inline-block; vertical-align: middle; } .price-box-01::after { content: ''; display: table; clear: both; } .price-box-01__header { padding-top: 37px; background: url("../img/services/price_01.jpg") repeat center center; padding-bottom: 15px; padding-left: 20px; padding-right: 20px; margin-bottom: 23px; } .price-box-01__header-title { font-size: 14px; line-height: 16px; font-weight: 600; text-transform: uppercase; color: #303638; margin: 0 0 14px; letter-spacing: 0.8px; } .price-box-01__header-price { font-size: 48px; line-height: 46px; color: #de3333; font-weight: 400; } .price-box-01__in { font-size: 24px; display: inline-block; vertical-align: text-top; margin-right: 10px; } .price-box-01__date { font-size: 15px; display: inline-block; vertical-align: text-bottom; } .price-box-02 { text-align: center; border: 1px solid #eeeeee; -webkit-border-radius: 7px; border-radius: 7px; padding-bottom: 50px; -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.09); max-width: 360px; display: inline-block; vertical-align: middle; overflow: hidden; width: 100%; margin-bottom: 40px; } .price-box-02::after { content: ''; display: table; clear: both; } .price-box-02__header { padding-top: 37px; background: -webkit-gradient(linear, left top, right top, from(#94c860), to(#4da7cc)); background: -webkit-linear-gradient(left, #94c860 0%, #4da7cc 100%); background: linear-gradient(to right, #94c860 0%, #4da7cc 100%); padding-bottom: 15px; margin-bottom: 23px; padding-left: 20px; padding-right: 20px; } .price-box-02__header-title { font-size: 14px; line-height: 16px; font-weight: 600; text-transform: uppercase; color: #fff; margin: 0 0 14px; letter-spacing: 0.8px; } .price-box-02__header-price { font-size: 48px; line-height: 46px; color: #fff; font-weight: 400; } .price-btn { font-size: 14px; line-height: 16px; color: #fff; letter-spacing: 1px; text-transform: uppercase; display: inline-block; vertical-align: middle; border: 1px solid #de3333; background-color: #de3333; color: #fff; -webkit-border-radius: 27px; border-radius: 27px; padding: 17px 39px; -webkit-transition: 0.5s all; transition: 0.5s all; } .price-btn:hover { background: transparent; color: #de3333; -webkit-transition: 0.5s all; transition: 0.5s all; } .price-list { padding: 15px; text-align: center; margin-bottom: 14px; } .price-list li { list-style: none; margin-bottom: 9px; } .price-list li span { font-size: 16px; line-height: 36px; color: #727e85; display: inline-block; vertical-align: middle; font-weight: 200; } .price-list li span::before { font-family: 'FontAwesome'; font-size: 14px; color: #de3333; content: '\f107'; margin-right: 9px; } .price-list .diactive span::before { content: ''; background: url("../img/price_icon_img.png") no-repeat center center; width: 9px; height: 9px; display: inline-block; vertical-align: middle; margin-right: 9px; } /*/ News block /*/ .news-block { padding: 0; font-size: 0; } .news-item { display: inline-block; vertical-align: top; width: 206px; margin-right: 20px; margin-bottom: 30px; } .news-item:last-child { margin-right: 0; } .news-item__img { margin-bottom: 20px; } .news-item__img a { display: block; position: relative; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; } .news-item__img a::before { content: ''; display: inline-block; vertical-align: middle; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(14, 21, 30, 0.5); -webkit-transition: 0.5s all; transition: 0.5s all; visibility: collapse; opacity: 0; } .news-item__img a:hover::before { -webkit-transition: 0.5s all; transition: 0.5s all; visibility: visible; opacity: 1; } .news-item__img img { width: 100%; -webkit-border-radius: 10px; border-radius: 10px; } .news-item__date { font-size: 14px; line-height: 15px; color: #727e85; font-weight: 200; opacity: 0.7; } .news-item__title { font-size: 18px; line-height: 20px; margin: 0 0 13px; } .news-item__title a { color: #303638; font-weight: 500; } .news-item__title a:hover { color: #727e85; } .news-item__btn { font-size: 14px; line-height: 16px; color: #de3333; display: inline-block; vertical-align: middle; position: relative; padding-right: 10px; } .news-item__btn::before { font-family: 'FontAwesome'; content: '\f105'; font-size: 14px; display: inline-block; vertical-align: middle; position: absolute; top: 50%; margin-top: -8px; right: 0; } .news-item__btn:hover { color: #de3333; } .news-info { padding-left: 18px; margin-top: -7px; } .news-info__post { position: relative; margin-bottom: 15px; padding: 5px 15px 15px 95px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-transition: 0.5s all; transition: 0.5s all; } .news-info__post:hover { -webkit-box-shadow: 0 10px 24px 0 rgba(25, 35, 40, 0.1); box-shadow: 0 10px 24px 0 rgba(25, 35, 40, 0.1); -webkit-transition: 0.5s all; transition: 0.5s all; } .news-info__title { font-size: 18px; line-height: 20px; margin: 5px 0 3px; } .news-info__title a { display: inline-block; vertical-align: middle; color: #303638; font-weight: 500; } .news-info__title a:hover { color: #de3333; } .news-info__date-block { position: absolute; top: 8px; left: 20px; text-align: center; } .news-info__date-block p { font-size: 48px; line-height: 46px; color: #de3333; margin: 0 0 4px; font-weight: 400; } .news-info__date-block span { font-size: 14px; line-height: #727e85; font-weight: 200; } .news-info__text p { font-size: 14px; line-height: 24px; color: #727e85; margin-bottom: 10px; } .news-info__btn { color: #de3333; position: relative; padding-right: 10px; } .news-info__btn::after { font-family: 'FontAwesome'; content: '\f105'; display: inline-block; vertical-align: middle; margin-top: -4px; margin-left: 11px; } .news-info__btn:hover { color: #de3333; } /*/=== Coming soon ===/*/ .coming-soon { background: url("../img/coming_soon_bg.jpg") #4d96b9 no-repeat center center; background-size: cover; overflow: hidden; position: relative; } .coming-soon__logo { display: inline-block; vertical-align: middle; margin-top: 50px; margin-bottom: 100px; } .coming-soon__subtitle { font-size: 48px; line-height: 50px; color: #fff; font-weight: 100; text-align: center; margin-bottom: 80px; } .coming-soon__subtitle span { font-weight: 600; } .coming-soon__text { font-size: 16px; line-height: 30px; color: #fff; font-weight: 200; text-align: center; margin-bottom: 70px; } .coming-soon__search { text-align: center; margin-bottom: 60px; } .coming-soon__inp-text { background-color: transparent; border: 1px solid #fff; -webkit-border-radius: 25px; border-radius: 25px; width: 100%; max-width: 408px; height: 48px; padding: 10px 20px; color: #fff; margin-right: 18px; } .coming-soon__inp-text::-webkit-input-placeholder { font-size: 14px; opacity: 1; color: #fff; } .coming-soon__inp-text::-moz-placeholder { font-size: 14px; opacity: 1; color: #fff; } .coming-soon__inp-text:-ms-input-placeholder { font-size: 14px; opacity: 1; color: #fff; } .coming-soon__inp-text:-ms-input-placeholder { font-size: 14px; opacity: 1; color: #fff; } .coming-soon__btn { background-color: #de3333; display: inline-block; vertical-align: middle; border: 1px solid #de3333; -webkit-border-radius: 25px; border-radius: 25px; padding: 15px 42px; color: #fff; text-transform: uppercase; -webkit-transition: 0.5s all; transition: 0.5s all; } .coming-soon__btn:hover { color: #fff; background-color: transparent; border: 1px solid #fff; -webkit-transition: 0.5s all; transition: 0.5s all; } .coming-soon__list { margin: 0; padding: 0; position: absolute; left: 0; right: 0; bottom: 60px; text-align: center; } .coming-soon__list li { display: inline-block; vertical-align: middle; list-style: none; margin: 0 8px; } .coming-soon__list li a { display: inline-block; vertical-align: middle; font-size: 15px; line-height: 17px; color: rgba(255, 255, 255, 0.5); } .coming-soon__list li a:hover { color: white; } .is-countdown { text-align: center; } .countdown_wrapper { margin-bottom: 90px; text-align: center; } .countdown-row { display: inline-block; vertical-align: middle; width: 100%; } .countdown-section { display: inline-block; vertical-align: middle; margin: 0 20px; width: 20%; text-align: center; } #countdown { max-width: 1170px; width: 100%; display: inline-block; vertical-align: middle; } .countdown-amount { font-size: 100px; line-height: 100px; color: #fff; font-weight: 200; display: inline-block; vertical-align: middle; margin-bottom: 23px; } .countdown-period { font-size: 24px; line-height: 26px; color: #fff; display: inline-block; vertical-align: middle; width: 100%; font-weight: 600; } .coming-soon__box-01 { text-align: center; padding: 0 15px; } .coming-soon__box-02 { padding: 0 15px; position: absolute; top: 50%; left: 0; right: 0; margin-top: -250px; } /*/=== Page 404 ===/*/ .page404 { margin-top: 98px; padding-bottom: 120px; text-align: center; } .page404-title { font-size: 200px; line-height: 180px; font-weight: 200; margin-top: 0; margin-bottom: 23px; color: #de3333; } .page404-subtitle { margin-top: 0; margin-bottom: 19px; font-size: 36px; line-height: 40px; color: #303638; font-weight: 600; } .page404-text { margin-bottom: 49px; } .page404-form { margin-bottom: 30px; } .page404-form__box { display: inline-block; vertical-align: middle; border: 1px solid #d4d8da; position: relative; max-width: 410px; width: 100%; -webkit-border-radius: 25px; border-radius: 25px; } .page404-form__inp-text { width: 100%; padding: 10px 55px 10px 27px; border: none; height: 48px; -webkit-border-radius: 25px; border-radius: 25px; } .page404-form__inp-btn { font-size: 0; line-height: 0; position: absolute; top: 15px; right: 31px; border: none; background-color: transparent; } .page404-form__inp-btn::before { font-family: 'FontAwesome'; content: '\f002'; font-size: 14px; line-height: 18px; color: #aab2b6; -webkit-transition: 0.5s all; transition: 0.5s all; } .page404-form__inp-btn:hover::before { color: #de3333; -webkit-transition: 0.5s all; transition: 0.5s all; } /*/=== Process ===/*/ .process-img { display: inline-block; vertical-align: middle; margin-top: 30px; } .process-img img { display: block; width: 100%; } .process-info { margin-top: -35px; } .process-info::after { content: ''; display: table; clear: both; } .process-info__box-01, .process-info__box-02, .process-info__box-03 { width: 33.33%; float: left; text-align: center; padding: 0 15px; } .process-info__box-03 .process-info__icon-wrapp::before { display: none; } .process-info__icon { display: inline-block; vertical-align: middle; background-color: #f8f8f8; width: 120px; height: 120px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; position: relative; margin-bottom: 25px; position: relative; cursor: pointer; } .process-info__icon img { display: inline-block; vertical-align: middle; margin: 33px 0; -webkit-transition: 0.5s all; transition: 0.5s all; } .process-info__icon:hover img { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transition: 0.5s all; transition: 0.5s all; } .process-info__icon-wrapp { position: relative; } .process-info__icon-wrapp::before { content: ''; display: inline-block; vertical-align: middle; position: absolute; top: 50%; left: 100%; width: 170px; height: 1px; background-color: #e1e5ea; margin-top: -62px; margin-left: -73px; } .process-info__step { font-size: 18px; line-height: 44px; color: #fff; background: #de3333; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; width: 50px; height: 50px; border: 3px solid #fff; position: absolute; top: -19px; left: -19px; } .process-info__title { font-size: 24px; line-height: 26px; font-weight: 100; margin-top: 0; margin-bottom: 20px; } .process-info__title span { font-weight: 600; } .process-info__text { font-size: 14px; line-height: 24px; color: #727e85; } .process-gallary { margin-bottom: 30px; } .process-gallary img { display: block; width: 100%; -webkit-border-radius: 10px; border-radius: 10px; } .process-banner-title { font-size: 36px; line-height: 38px; font-weight: 100; color: #fff; margin: 0 0 12px; } .process-banner-title span { font-weight: 500; } .process-banner-text { font-size: 14px; line-height: 20px; color: #fff; margin-bottom: 0; } .process-banner-btn { font-size: 14px; line-height: 16px; float: right; padding: 16px 40px; background-color: #fff; color: #303638; text-transform: uppercase; -webkit-border-radius: 28px; border-radius: 28px; margin-top: 11px; letter-spacing: 1px; } .process-banner-btn:active { color: #fff; } .process-banner-btn:focus { color: #303638; } .process-banner-btn:hover { background-color: #de3333; color: #fff; } .process-list { padding-top: 8px; } .process-list li { margin-bottom: 25px; padding-left: 30px; } .process-title-01 { font-size: 24px; line-height: 26px; font-weight: 100; margin: 0 0 27px; } .process-title-01 span { font-weight: 600; } .process-text-01 { max-width: 780px; width: 100%; display: inline-block; vertical-align: middle; } .module_skills-process { padding-top: 0; } /*/ Process gallary /*/ .gallary-01 { margin-bottom: 20px; } .grid-sizer, .gallary-01__item { width: 23.1%; } .gallary-01__item { float: left; margin-bottom: 30px; overflow: hidden; -webkit-border-radius: 9px; border-radius: 9px; } .gallary-01__item img { width: 100%; } .gallary-01__width-01 { width: 48.7%; } .gutter-sizer { width: 2.5%; } .pretty-photo { display: block; position: relative; } .pretty-photo::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(14, 21, 30, 0.5); visibility: collapse; opacity: 0; -webkit-transition: 0.5s all; transition: 0.5s all; } .pretty-photo::after { content: ''; position: absolute; top: 50%; left: 50%; background: url("../img/process/gallary_icon.png"); width: 30px; height: 30px; margin-left: -15px; margin-top: -15px; visibility: collapse; opacity: 0; -webkit-transition: 0.5s all; transition: 0.5s all; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .pretty-photo:hover::before { visibility: visible; opacity: 1; -webkit-transition: 0.5s all; transition: 0.5s all; } .pretty-photo:hover::after { visibility: visible; opacity: 1; -webkit-transition: 0.5s all; transition: 0.5s all; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .pretty-photo img { max-width: 100%; } .gallary-btn-wrapp { padding: 33px 0 44px; text-align: center; } /*/=== Become a Teacher ===/*/ .offer-img-01 { display: block; margin-top: 35px; } .offer-box__img { -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; margin-bottom: 20px; } .offer-box__img a { display: block; position: relative; } .offer-box__img a::before { content: ''; display: inline-block; vertical-align: middle; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(14, 21, 30, 0.5); -webkit-transition: 0.5s all; transition: 0.5s all; visibility: collapse; opacity: 0; } .offer-box__img a:hover::before { -webkit-transition: 0.5s all; transition: 0.5s all; visibility: visible; opacity: 1; } .offer-box__img img { display: block; } .offer-box__category { font-size: 12px; line-height: 14px; margin-bottom: 5px; } .offer-box__category a { color: #727e85; } .offer-box__category a:hover { color: #303638; } .offer-box__title { font-size: 18px; line-height: 20px; color: #303638; margin-top: 0; margin-bottom: 10px; } .offer-box__title a { color: #303638; } .offer-box__title a:hover { color: #de3333; } .offer-box__text { margin-bottom: 20px; } .offer-box__text p { font-size: 14px; line-height: 24px; font-weight: 200; color: #727e85; } .offer-box__btn { font-size: 14px; line-height: 16px; color: #de3333; position: relative; padding-right: 14px; } .offer-box__btn::after { font-family: 'FontAwesome'; content: '\f105'; position: absolute; top: 1px; right: 0; } .offer-box__btn:hover { color: #ccc; } .offer-tabs .tabs__caption { padding: 0; margin: 0 0 5px; font-size: 0; } .offer-tabs .tabs__caption li { font-size: 14px; line-height: 16px; color: #303638; display: inline-block; vertical-align: middle; text-transform: uppercase; cursor: pointer; padding: 21px 10px; background-color: transparent; margin-right: 15px; margin-bottom: 15px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #eeeeee; letter-spacing: 1px; width: 100%; max-width: 175px; text-align: center; -webkit-transition: 0.5s all; transition: 0.5s all; } .offer-tabs .tabs__caption li.active { color: #fff; background-color: #de3333; border: 1px solid #de3333; } .offer-tabs .tabs__caption li:last-child { margin-right: 0; } .offer-tabs .tabs__caption li:hover { color: #fff; background-color: #de3333; border: 1px solid #de3333; -webkit-transition: 0.5s all; transition: 0.5s all; } .offer-tabs .tabs__content p { font-weight: 18px; line-height: 30px; font-weight: 200; } .offer-list { margin-left: 19px; margin-top: 18px; margin-bottom: 23px; } .offer-list li { margin-bottom: 25px; padding-left: 23px; } /*/=== Events ===/*/ .events { padding-bottom: 80px; padding-top: 30px; } .events-form { text-align: center; font-size: 0; margin-bottom: 40px; } .events-form__text-01 { font-size: 14px; line-height: 16px; color: #000; display: inline-block; vertical-align: middle; border: 1px solid #d4d8da; height: 50px; width: 100%; max-width: 300px; padding: 10px 38px; -webkit-border-radius: 25px; border-radius: 25px; margin: 0 10px 10px; } .events-form__text-02 { font-size: 14px; line-height: 16px; color: #000; border: 1px solid #d4d8da; display: inline-block; vertical-align: middle; height: 50px; width: 100%; max-width: 300px; padding: 10px 38px; -webkit-border-radius: 25px; border-radius: 25px; margin: 0 10px 10px; } .events-list { border-top: 1px solid #e9ecef; width: 100%; padding-top: 40px; padding-bottom: 40px; } .events-list::after { content: ''; display: table; clear: both; } .events-list:last-of-type { border-bottom: 1px solid #e9ecef; } .events-list__img { float: left; width: 23.7%; } .events-list__img a { display: inline-block; vertical-align: middle; } .events-list__img a img { display: block; -webkit-border-radius: 8px; border-radius: 8px; width: 100%; } .events-list__info { float: left; width: 20%; padding: 10px 10px 0; text-align: center; } .events-list__info-date { font-size: 72px; line-height: 69px; font-weight: 400; color: #de3333; } .events-list__info-month { font-size: 14px; line-height: 16px; color: #727e85; margin-bottom: 28px; } .events-list__info-time { font-size: 13px; line-height: 15px; color: #727e85; font-style: italic; text-align: left; padding-left: 30px; position: relative; margin-bottom: 10px; } .events-list__info-time::before { font-family: 'FontAwesome'; content: '\f017'; display: inline-block; vertical-align: middle; position: absolute; font-style: normal; top: 0; left: 13px; color: #de3333; } .events-list__info-location { font-size: 13px; line-height: 15px; color: #727e85; font-style: italic; text-align: left; padding-left: 30px; position: relative; } .events-list__info-location::before { font-family: 'FontAwesome'; content: '\f041'; display: inline-block; vertical-align: middle; position: absolute; font-style: normal; top: 0; left: 13px; color: #de3333; } .events-list__content { float: left; width: 56.3%; position: relative; } .events-list__content-title { font-size: 18px; line-height: 20px; color: #303638; margin-top: 17px; margin-bottom: 18px; padding-right: 75px; } .events-list__content-title a { color: #303638; } .events-list__content-title a:hover { color: #ccc; } .events-list__status { font-size: 12px; line-height: 14px; border: 1px solid #fe3f4c; color: #fe3f4c; display: inline-block; vertical-align: middle; padding: 4px 17px; -webkit-border-radius: 25px; border-radius: 25px; position: absolute; top: 16px; right: 0; } .events-list__btn { font-size: 14px; line-height: 16px; color: #de3333; position: relative; padding-right: 16px; } .events-list__btn:hover { color: #ccc; } .events-list__btn:hover:after { color: #ccc; -webkit-transition: 0.5s all; transition: 0.5s all; } .events-list__btn::after { font-family: 'FontAwesome'; content: '\f105'; font-size: 16px; line-height: 16px; color: #de3333; display: inline-block; vertical-align: middle; position: absolute; top: 1px; -webkit-transition: 0.5s all; transition: 0.5s all; right: 0; } .events-pagination { padding-top: 44px; } /*/=== Single Events ===/*/ .single-event { margin: 50px 0; padding: 30px 0; } .single-event .contacts_map { margin-bottom: 0; } .single-event #map-canvas { height: 425px; } .single-event-img { margin-bottom: 19px; } .single-event-img img { display: block; width: 100%; -webkit-border-radius: 9px; border-radius: 9px; } .single-event__date { font-size: 72px; line-height: 60px; font-weight: 400; color: #de3333; text-align: center; margin-bottom: 13px; } .single-event__month { font-size: 14px; line-height: 16px; color: #727e85; text-align: center; margin-bottom: 30px; } .single-event__time { font-size: 13px; line-height: 15px; font-style: italic; font-weight: 400; color: #727e85; padding-left: 20px; position: relative; } .single-event__time::before { font-family: 'FontAwesome'; content: '\f017'; font-size: 14px; line-height: 16px; color: #de3333; position: absolute; top: 0; left: 0; } .single-event__location { font-size: 13px; line-height: 15px; font-style: italic; font-weight: 400; color: #727e85; padding-left: 15px; position: relative; } .single-event__location::before { font-family: 'FontAwesome'; content: '\f041'; font-size: 14px; line-height: 16px; color: #de3333; position: absolute; top: 0; left: 0; } .single-event__share { padding-top: 30px; margin-bottom: 50px; } .single-event__share-text { font-size: 16px; line-height: 35px; font-weight: 600; color: #303638; display: inline-block; vertical-align: top; margin: 0 27px 0 0; padding: 0; } .single-event__list { margin: 17px 0; } .single-event__share-list { margin: 0; padding: 0; display: inline-block; vertical-align: top; font-size: 0; } .single-event__share-list li { display: inline-block; vertical-align: middle; list-style: none; margin-right: 10px; } .single-event__share-list li:last-child { margin-right: 0; } .single-event__share-list li a { display: inline-block; vertical-align: middle; width: 35px; height: 35px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; } .single-event__share-list li a i { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 35px; color: #fff; } .single-event__share-list .facebook-icon { background-color: #234fb1; -webkit-transition: 0.5s all; transition: 0.5s all; } .single-event__share-list .facebook-icon:hover { -webkit-box-shadow: 0 5px 7px 0 rgba(35, 79, 177, 0.35); box-shadow: 0 5px 7px 0 rgba(35, 79, 177, 0.35); -webkit-transition: 0.5s all; transition: 0.5s all; } .single-event__share-list .twitter-icon { background-color: #4ea1ee; -webkit-transition: 0.5s all; transition: 0.5s all; } .single-event__share-list .twitter-icon:hover { -webkit-box-shadow: 0 5px 7px 0 rgba(78, 161, 238, 0.35); box-shadow: 0 5px 7px 0 rgba(78, 161, 238, 0.35); -webkit-transition: 0.5s all; transition: 0.5s all; } .single-event__share-list .google-plus-icon { background-color: #c7452d; -webkit-transition: 0.5s all; transition: 0.5s all; } .single-event__share-list .google-plus-icon:hover { -webkit-box-shadow: 0 5px 7px 0 rgba(199, 69, 45, 0.35); box-shadow: 0 5px 7px 0 rgba(199, 69, 45, 0.35); -webkit-transition: 0.5s all; transition: 0.5s all; } .single-event__share-list .pinterest-icon { background-color: #fd4851; -webkit-transition: 0.5s all; transition: 0.5s all; } .single-event__share-list .pinterest-icon:hover { -webkit-box-shadow: 0 5px 7px 0 rgba(253, 72, 81, 0.35); box-shadow: 0 5px 7px 0 rgba(253, 72, 81, 0.35); -webkit-transition: 0.5s all; transition: 0.5s all; } .single-event__title-wrapp { position: relative; padding-right: 130px; } .single-event__price { font-size: 16px; line-height: 18px; color: #fe3f4c; padding: 10px 20px; border: 1px solid #fe3f4c; display: inline-block; vertical-align: middle; -webkit-border-radius: 24px; border-radius: 24px; font-weight: 400; width: 100%; max-width: 120px; position: absolute; text-align: center; top: 4px; right: 0; } .contacts-map-btn-wrapp { margin: 50px 0 0; } /*/=== Events calendar ===/*/ .events-calendar { width: 100%; display: inline-block; vertical-align: middle; } .events-calendar__header { background: -webkit-gradient(linear, left top, right top, from(#50ccd3), to(#1f74b5)); background: -webkit-linear-gradient(left, #50ccd3 0%, #1f74b5 100%); background: linear-gradient(to right, #50ccd3 0%, #1f74b5 100%); -webkit-border-radius: 9px 9px 0 0; border-radius: 9px 9px 0 0; padding: 30px 0; margin: 0 2px; } .events-calendar__header::after { content: ''; display: table; clear: both; } .events-calendar__box-01 { width: 33.33%; float: left; text-align: center; } .events-calendar__box-02 { width: 33.33%; float: left; } .events-calendar__box-02 p { font-size: 30px; line-height: 32px; color: #fff; margin: 0; text-align: center; font-weight: 600; } .events-calendar__box-03 { width: 33.33%; float: left; text-align: center; } .events-calendar__btn-prev, .events-calendar__btn-nexn { display: inline-block; vertical-align: middle; width: 40px; height: 40px; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #fff; font-size: 0; } .events-calendar__btn-prev::before, .events-calendar__btn-nexn::before { font-family: 'FontAwesome'; font-size: 20px; line-height: 38px; color: #fff; -webkit-transition: 0.5s all; transition: 0.5s all; } .events-calendar__btn-prev:hover, .events-calendar__btn-nexn:hover { background-color: #fff; } .events-calendar__btn-prev:hover::before, .events-calendar__btn-nexn:hover::before { color: #303638; -webkit-transition: 0.5s all; transition: 0.5s all; } .events-calendar__btn-prev { margin-right: -51px; } .events-calendar__btn-prev::before { content: '\f104'; } .events-calendar__btn-nexn { margin-left: -51px; } .events-calendar__btn-nexn::before { content: '\f105'; } .events-calendar__body { width: 100%; border-collapse: separate; border-spacing: 2px; table-layout: fixed; } .events-calendar__body th { font-size: 16px; line-height: 18px; font-weight: 400; background-color: #f2f2f2; text-align: center; padding: 10px; border: 1px solid #f2f2f2; } .events-calendar__body td { border: 1px solid #e4e4e4; padding: 10px 22px; text-align: left; font-size: 36px; line-height: 38px; font-weight: 100; color: #727e85; height: 163px; vertical-align: top; } .events-calendar__body td.no-active span { opacity: 0.4; } .events-calendar__body td.active { color: #de3333; font-weight: 400; } .events-calendar__text { display: inline-block; vertical-align: top; font-weight: 600; color: #303638; font-size: 12px; line-height: 18px; padding-top: 10px; } .events-calendar-wrapp { text-align: center; } /*/=== Our Mission ===/*/ .news-box-01 { text-align: center; max-width: 335px; width: 100%; display: inline-block; vertical-align: middle; } .news-box-01__img { -webkit-border-radius: 9px; border-radius: 9px; overflow: hidden; margin-bottom: 36px; } .news-box-01__img a { display: block; } .news-box-01__img img { display: block; width: 100%; } .news-box-01__title { font-size: 24px; line-height: 26px; font-weight: 200; margin-bottom: 15px; } .news-box-01__title span { font-weight: 600; } .news-box-01__title a { color: #303638; } .news-box-01__title a:hover { color: #de3333; } .news-box-01__text { margin-bottom: 17px; } .news-box-01__btn::after { font-family: 'FontAwesome'; content: '\f105'; font-size: 16px; line-height: 16px; margin-left: 10px; } .our-mission-box { text-align: center; margin-bottom: 72px; } .our-mission-title { margin: 0 0 17px; font-size: 18px; line-height: 20px; color: #303638; } .our-mission-icon { margin-bottom: 10px; } .our-mission-title-text { font-size: 16px; line-height: 30px; color: #727e85; font-weight: 200; } /*/=== For business ===/*/ .for_business_img { max-width: 100%; } /*/=== Gallery ===/*/ .gallary-02__item, .grid-sizer-02 { width: 25%; } .gallary-02__item { width: 25%; float: left; } .gallary-02__item a { display: block; margin: 15px; overflow: hidden; -webkit-border-radius: 9px; border-radius: 9px; } .gallary-02__item img { max-width: 100%; width: 100%; } .grid-item--width1 { width: 50%; height: auto; } .gallary-02__link { position: relative; display: block; } .gallary-02__link::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(14, 21, 30, 0.5); visibility: collapse; opacity: 0; -webkit-transition: 0.5s all; transition: 0.5s all; } .gallary-02__link::after { content: ''; position: absolute; top: 50%; left: 50%; background: url("../img/process/gallary_icon.png"); width: 30px; height: 30px; margin-left: -15px; margin-top: -15px; visibility: collapse; opacity: 0; -webkit-transition: 0.5s all; transition: 0.5s all; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .gallary-02__link:hover::before { visibility: visible; opacity: 1; -webkit-transition: 0.5s all; transition: 0.5s all; } .gallary-02__link:hover::after { visibility: visible; opacity: 1; -webkit-transition: 0.5s all; transition: 0.5s all; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .gallary-02__link img { max-width: 100%; } /*/=== Contact ===/*/ #map-canvas { height: 514px; border: 1px solid #eeeeee; -webkit-border-radius: 10px; border-radius: 10px; } .contacts_map { margin-bottom: 75px; } .contact-box__list { padding: 27px 0 0; margin: 0; } .contact-box__list li { font-size: 16px; line-height: 18px; color: #727e85; list-style: none; margin-bottom: 26px; font-weight: 200; } .contact-box__list li span { font-weight: 600; color: #303638; display: inline-block; vertical-align: top; } .contact-box__list li a { display: inline-block; vertical-align: top; } .contact-box__list .soc-list-01 { display: inline-block; vertical-align: middle; margin-left: 28px; } .contact-box__list .soc-list-01 li { margin-bottom: 0; } .contact-box__phones-box { display: inline-block; vertical-align: top; padding-top: 3px; padding-left: 4px; } .contact-box__phones-box p { font-size: 16px; line-height: 18px; margin-bottom: 6px; } .contact-box__item { padding-top: 10px; } /*============================================ // Footer: */ .wrapp-footer { background-color: #444; } .wrapp-footer .social-list-01 { padding: 0; } .wrapp-footer .social-list-01 a i { color: #a8acaf; } .wrapp-footer .social-list-01 a:hover i { color: #fff; } .footer-box-01 { padding-top: 0; padding-bottom: 25px; } .footer-box-02 { border-top: 1px solid #32424d; padding: 17px 0; } .footer-logo { display: inline-block; vertical-align: middle; margin-bottom: 10px; } .social-list-01 li a i { color: #fff !important; } /*// Footer widget //*/ .widget-contact { padding: 0; margin: 0; } .widget-contact li { list-style: none; margin-bottom: 26px; } .widget-contact__title { font-size: 14px; line-height: 16px; color: #fff; margin: 0 0 5px; font-weight: 400; } .widget-contact__text { font-size: 14px; line-height: 16px; color: #bdbdbd; margin: 0; } .widget-contact__text-email { color: #bdbdbd; } .widget-contact__text-email:hover { color: #de3333; } .widget-title { font-size: 18px; line-height: 20px; color: #fff; font-weight: 600; margin: 0 0 17px; } .widget-link { padding-top: 33px; } .widget-list { padding: 0; } .widget-list li { list-style: none; display: block; font-weight: 200; } .widget-list li a { font-size: 14px; line-height: 30px; color: #bdbdbd; display: inline-block; vertical-align: middle; } .widget-list li a:hover { color: #ff4444; } .copy-info { font-size: 14px; line-height: 21px; color: #bdbdbd; margin: 0; } .footer-info { text-align: right; } .footer-info a { font-size: 14px; line-height: 16px; color: #bdbdbd; text-transform: uppercase; display: inline-block; vertical-align: middle; opacity: 0.5; } .footer-info a:hover { color: #de3333; } .footer-info__02 { position: relative; padding-left: 20px; margin-left: 18px; } .footer-info__02::before { content: ''; display: inline-block; vertical-align: middle; width: 2px; height: 14px; background: #bdbdbd; position: absolute; top: 50%; margin-top: -7px; left: 0; } /*// Margin style //*/ .margin-top-10 { margin-top: 10px; } .margin-top-20 { margin-top: 20px; } .margin-top-30 { margin-top: 30px; } .margin-top-32 { margin-top: 32px; } .margin-top-40 { margin-top: 40px; } .margin-top-48 { margin-top: 48px; } .margin-top-54 { margin-top: 54px; } .margin-top-80 { margin-top: 80px; } .margin-top-95 { margin-top: 95px; } .margin-top-115 { margin-top: 115px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-17 { margin-bottom: 17px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-22 { margin-bottom: 22px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-34 { margin-bottom: 34px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-bottom-58 { margin-bottom: 58px; } .margin-bottom-60 { margin-bottom: 60px; } .margin-bottom-68 { margin-bottom: 68px; } .margin-bottom-97 { margin-bottom: 97px; } /*// Padding style //*/ .padding-top-10 { padding-top: 10px; } .padding-top-20 { padding-top: 20px; } .padding-top-25 { padding-top: 25px; } .padding-top-33 { padding-top: 33px; } .padding-top-37 { padding-top: 37px; } .padding-top-44 { padding-top: 44px; } .padding-top-40 { padding-top: 40px; } .padding-top-50 { padding-top: 50px; } .padding-top-75 { padding-top: 75px; } .padding-top-85 { padding-top: 85px; } .padding-top-93 { padding-top: 93px; } .padding-top-96 { padding-top: 96px; } .padding-top-100 { padding-top: 100px; } .padding-top-175 { padding-top: 175px; } .padding-bottom-10 { padding-bottom: 10px; } .padding-bottom-15 { padding-bottom: 15px; } .padding-bottom-25 { padding-bottom: 25px; } .padding-bottom-20 { padding-bottom: 20px; } .padding-bottom-30 { padding-bottom: 30px; } .padding-bottom-36 { padding-bottom: 36px; } .padding-bottom-40 { padding-bottom: 40px; } .padding-bottom-50 { padding-bottom: 50px; } .padding-bottom-55 { padding-bottom: 55px; } .padding-bottom-60 { padding-bottom: 60px; } .padding-bottom-63 { padding-bottom: 63px; } .padding-bottom-67 { padding-bottom: 67px; } .padding-bottom-70 { padding-bottom: 70px; } .padding-bottom-74 { padding-bottom: 74px; } .padding-bottom-78 { padding-bottom: 78px; } .padding-bottom-80 { padding-bottom: 80px; } .padding-bottom-90 { padding-bottom: 90px; } .padding-bottom-93 { padding-bottom: 93px; } .padding-bottom-100 { padding-bottom: 100px; } /*============================================ // Responsive: */ @media only screen and (max-width: 1480px) { .services-box-01 { padding-top: 40px; } } @media only screen and (max-width: 1199px) { .home-01 .product-list__item { margin-right: 20px; margin-bottom: 20px; width: 220px; } .home-02 .info-box-03 { padding: 100px 0 60px; } .search-block { margin-left: 30px; } .search-block__form { right: 0; } .search-block__form::before { right: 0; } .search-block__form::after { right: 0; } .search-block__form-text { -webkit-border-radius: 0; border-radius: 0; } .main-nav__list > li { margin-left: 15px; } .main-nav__list li ul { width: 210px; } .main-nav__list li ul::before { margin-left: -80px; } .main-nav__list li ul::after { margin-left: -80px; } .main-nav__list li ul li ul { width: 210px; } .product-list__item-info { padding: 12px 10px; } .related-posts__data { padding-top: 0; } .single-related-posts__list li { margin-right: 20px; max-width: 200px; } .comments__user-wrapp { width: 20%; } .comments__content { width: 80%; } .comments__child-list { padding-left: 50px; } .comments__child-list .comments__user-wrapp { width: 20%; } .comments__child-list .comments__content { width: 80%; } .about-img { margin-top: 0; } .parallax_02 { padding: 110px 0 100px; } .services-content_title { font-size: 20px; line-height: 22px; margin-bottom: 10px; } .services-img-01 { max-width: 220px; margin-right: 20px; } .services-img-02 { max-width: 220px; margin-left: 20px; } .services-icon { margin-top: 5px; margin-bottom: 20px; } .services-text { font-size: 14px; line-height: 26px; } .news-item { margin-right: 25px; width: 210px; } .item-info__text-01 { padding-left: 18px; font-size: 12px; } .item-info__text-02 { padding-left: 20px; font-size: 12px; } .service_img_01 { margin-left: -490px; display: block; } .select-01 { padding-top: 80px; } .contact-block__lang { margin-left: 20px; } .accordion-list__content p { font-size: 14px; line-height: 20px; } .img-position-01 { margin-left: -87%; } .margin-lg-top-50 { margin-top: 50px; } .padding-lg-top-100 { padding-top: 100px; } .owl-option-03 .owl-prev { margin-top: -110px; } .owl-option-03 .owl-next { margin-top: -110px; } .countdown-amount { font-size: 70px; line-height: 70px; } .gallary-01__item { margin-bottom: 25px; } .offer-img-01 { margin-top: 160px; } .margin-lg-top-50 { margin-top: 50px; } .offer-tabs .tabs__caption li { max-width: 140px; font-size: 13px; padding: 15px 10px; } .img-position-02 { margin-left: -111%; } .progress-circle-wrapp .progress-circle-item { margin-right: 50px; } .info-box-04 { padding: 150px 0 250px; } .content-box-02-table__content { max-width: 460px; } .accordion-wrapp { max-width: 460px; padding: 65px 0 0 60px; max-width: 460px; } .services-box-01 { padding-top: 60px; } .ol-list-01 li { margin-bottom: 35px; } .ol-list-01 li::before { font-size: 58px; line-height: 60px; top: -36px; } .ol-list-01__title { margin-bottom: 5px; } .services-box-01__title { margin-bottom: 40px; } .table-01__content { max-width: 460px; } .blog-listing-sidebar { max-width: 300px; } .blog-listing.left { max-width: 640px; } .blog-listing.right { max-width: 640px; } .blog-listing.fullwidth .single-related-posts li { max-width: 220px; } .blog-post__img-01 { width: 305px; } .blog-post__img-02 { width: 305px; } } @media only screen and (max-width: 1024px) { .coming-soon__logo { margin-bottom: 50px; } .coming-soon__subtitle { margin-bottom: 50px; } .countdown_wrapper { margin-bottom: 50px; } .services-box-01 { padding: 45px 30px 0 20px; } .ol-list-01 li::before { font-size: 44px; line-height: 46px; top: -20px; } .ol-list-01 li p { font-size: 14px; line-height: 20px; } } @media only screen and (max-width: 991px) { .home-01 .product-list__item { width: 226px; } .home-01 .product-list__item:nth-child(3n) { margin-right: 0; } .home-01 .product-list__item:nth-child(4n) { margin-right: 20px; } .home-03 .logo { width: 15%; } .home-03 .main-nav__list { width: 70%; } .home-03 .info-box-02__box-02 { width: 15%; } .home-03 .search-block { margin-left: 17px; margin-top: 22px; } .home-03 .contact-block-01__lang { margin-top: 22px; } .main-nav__list { padding-top: 10px; } .main-nav__list > li { margin-left: 8px; } .main-nav__list li a { font-size: 14px; } .main-nav__list li ul { padding: 20px; width: 180px; } .main-nav__list li ul::before { margin-left: -70px; } .main-nav__list li ul::after { margin-left: -70px; } .main-nav__list li ul li ul { top: -22px; width: 180px; left: -160%; } .search-block { margin-top: 21px; margin-left: 30px; } .single-related-posts__list li { max-width: 225px; } .comments__user-wrapp { width: 25%; } .comments__content { width: 75%; } .comments__child-list { padding-left: 30px; } .comments__child-list .comments__user-wrapp { width: 25%; } .comments__child-list .comments__content { width: 75%; } .about-img { margin-top: 62px; } .counter-01 .stat_count { font-size: 36px; line-height: 38px; margin-bottom: 10px; } .counter-01 .counter_title { font-size: 14px; line-height: 16px; } .services-img-01 { max-width: none; width: 100%; margin-right: 0; margin-bottom: 30px; } .services-img-02 { max-width: none; width: 100%; margin-left: 0; margin-bottom: 30px; } .price-list { margin-bottom: 20px; } .price-list li span { font-size: 14px; line-height: 20px; } .price-box-01 { padding-bottom: 30px; } .price-box-01__header { margin-bottom: 20px; } .price-box-01__header-price { font-size: 40px; } .price-box-02 { padding-bottom: 30px; } .price-box-02__header { margin-bottom: 20px; } .price-box-02__header-price { font-size: 40px; } .news-item { margin-right: 25px; width: 160px; } .subtitle-01 br { display: none; } .search-bg__title { font-size: 33px; } .search-bg__text { max-width: 550px; } .owl-carousel.owl-option-02 { padding: 0 70px; } .title-01 { font-size: 30px; } .content-box-01__text p { font-size: 16px; } .parallax_01 { padding: 70px 0; } .service_img_01 { margin-left: -600px; } .img-position-01 { margin-left: -146%; } .accordion-wrapp { max-width: 360px; padding-left: 40px; } .table-02 { height: 700px; } .footer-info a { font-size: 12px; } .footer-info__02 { padding-left: 10px; margin-left: 10px; } .copy-info { font-size: 12px; } .events-list__img { width: 25%; } .events-list__info { width: 25%; } .events-list__content { width: 50%; } .countdown-section { margin: 0; } .process-info__icon-wrapp::before { margin-top: -72px; width: 90px; margin-left: -30px; } .process-banner-title { font-size: 30px; line-height: 32px; } .content-box-03 { padding: 50px 0; } .blog-post__img-01 { width: 305px; } .blog-post__img-02 { width: 305px; } .process-banner-btn { margin-top: 15px; } .gallary-01__item { margin-bottom: 20px; } .padding-md-top-40 { padding-top: 40px; } .padding-md-top-100 { padding-top: 100px; } .margin-md-top-30 { margin-top: 30px; } .margin-md-bottom-30 { margin-bottom: 30px; } .owl-option-03 .owl-prev { margin-top: -130px; } .owl-option-03 .owl-next { margin-top: -130px; } .offer-tabs .tabs__caption li { max-width: none; margin-bottom: 10px; } .parallax_03 { padding: 80px 0 60px; } .counter-02 .stat_count { font-size: 40px; line-height: 40px; } .counter-02 .counter_title { font-size: 18px; line-height: 20px; } .events-calendar__body th { font-size: 12px; padding: 10px 5px; } .events-calendar__body td { padding: 10px; height: 130px; } .events-calendar__box-01 { width: 20%; } .events-calendar__box-02 { width: 60%; } .events-calendar__box-03 { width: 20%; } .events-calendar__btn-prev { margin: 0; } .events-calendar__btn-nexn { margin: 0; } .events-calendar__text { font-size: 11px; } .img-position-02 { margin-left: 0; width: 100%; margin-top: 40px; } .progress-circle-wrapp { padding-bottom: 60px; padding-left: 0; } .table-01__content { max-width: 360px; } .info-box-02 .main-nav__list { margin-right: 0; } .content-box-02-table__content { max-width: 360px; } .table-02__content { padding-bottom: 0; } .table-03__box-01 { display: block; background: transparent; } .table-03__box-02 { display: block; } .table-03__img { display: block; } .table-03__content { max-width: none; padding-bottom: 0; padding-left: 15px; padding-right: 15px; } .wrapp-box-01, .wrapp-box-02 { width: 100%; } .wrapp-box-02 { padding: 30px 15px 60px; } .services-box-01__title { margin-bottom: 70px; } .services-box-01 .ol-list-01 { max-width: none; } .services-box-01 .ol-list-01 li:last-child { margin-bottom: 0; } .ol-list-01 li { margin-bottom: 60px; } .ol-list-01 li p { font-size: 14px; line-height: 22px; } .ol-list-01 li::before { font-size: 58px; line-height: 60px; top: -36px; } .ol-list-01__title { font-size: 18px; line-height: 24px; } .single-event__title-wrapp { padding-right: 0; } .single-event__price { position: static; margin-bottom: 20px; } .blog-listing-sidebar { max-width: none; } .blog-listing-sidebar.right { padding-left: 0; } .blog-listing { margin-bottom: 50px; } .blog-listing.left { max-width: none; } .blog-listing.right { max-width: none; } .blog-listing.fullwidth .blog-post__img-02 { margin-top: 0; } .blog-listing.fullwidth .single-related-posts li { max-width: 165px; } .blog-post__img-01 { width: 345px; } .blog-post__img-02 { width: 345px; } } @media only screen and (max-width: 767px) { .home-01 .wrapp-header { background-size: auto; } .home-01 .search-block { margin-top: 3px; } .home-01 .main-nav__btn .icon-left { background-color: #fff; } .home-01 .main-nav__btn .icon-left::after { background-color: #fff; } .home-01 .main-nav__btn .icon-left::before { background-color: #fff; } .home-01 .main-nav__btn .icon-right { background-color: #fff; } .home-01 .main-nav__btn .icon-right::after { background-color: #fff; } .home-01 .main-nav__btn .icon-right::before { background-color: #fff; } .home-01 .main-nav__btn:hover .icon-left { background-color: #ec1b28; } .home-01 .main-nav__btn:hover .icon-left::after { background-color: #ec1b28; } .home-01 .main-nav__btn:hover .icon-left::before { background-color: #ec1b28; } .home-01 .main-nav__btn:hover .icon-right { background-color: #ec1b28; } .home-01 .main-nav__btn:hover .icon-right::after { background-color: #ec1b28; } .home-01 .main-nav__btn:hover .icon-right::before { background-color: #ec1b28; } .home-01 .main-nav__btn.open .icon-left { background-color: transparent; } .home-01 .main-nav__btn.open .icon-right { background-color: transparent; } .home-01 .main-nav__list { background-color: #fff; padding: 0 10px; } .home-01 .main-nav__list li a { color: #303638; } .home-01 .product-list__item { width: 31%; text-align: left; } .home-01 .product-list__item-info { padding: 12px 6px; } .home-02 .wrapp-header { background-size: auto; } .home-02 .main-nav__btn .icon-left { background-color: #fff; } .home-02 .main-nav__btn .icon-left::after { background-color: #fff; } .home-02 .main-nav__btn .icon-left::before { background-color: #fff; } .home-02 .main-nav__btn .icon-right { background-color: #fff; } .home-02 .main-nav__btn .icon-right::after { background-color: #fff; } .home-02 .main-nav__btn .icon-right::before { background-color: #fff; } .home-02 .main-nav__btn:hover .icon-left { background-color: #de3333; } .home-02 .main-nav__btn:hover .icon-left::after { background-color: #de3333; } .home-02 .main-nav__btn:hover .icon-left::before { background-color: #de3333; } .home-02 .main-nav__btn:hover .icon-right { background-color: #de3333; } .home-02 .main-nav__btn:hover .icon-right::after { background-color: #de3333; } .home-02 .main-nav__btn:hover .icon-right::before { background-color: #de3333; } .home-02 .main-nav__btn.open .icon-left { background-color: transparent; } .home-02 .main-nav__btn.open .icon-right { background-color: transparent; } .home-02 .main-nav__list { background-color: #fff; padding: 0 10px; } .home-02 .main-nav__list li a { color: #303638; } .home-02 .info-box-03 { padding: 40px 0 20px; } .home-03 .main-nav { text-align: center; } .home-03 .info-box-02__box-02 { text-align: right; width: 33.33%; } .home-03 .logo { width: 33.33%; } .home-03 .main-nav__list { width: 100%; } .home-03 .contact-block-01__lang { margin-right: 0; } .home-03 .search-block { margin-right: 0; margin-left: 10px; } .home-03 .info-box-04 { background-size: auto; } img { max-width: 100%; } .home-news { text-align: center; } .page-title-01 { font-size: 38px; line-height: 38px; margin: 45px 0 27px; } blockquote p { font-size: 25px; line-height: 35px; } .social-list-01 { padding-bottom: 0; text-align: center; } .contact-block-01 { display: inline-block; vertical-align: middle; float: none; padding-bottom: 20px; } .wrapp-content { display: block; height: auto; } .content-row { display: block; height: auto; } /*// Main navigation //*/ .main-nav { padding-bottom: 10px; } .main-nav__btn { display: inline-block; vertical-align: middle; margin-top: 5px; } .main-nav__list { display: block; overflow: hidden; display: inline-block; padding: 0; width: 100%; -webkit-transition: 0.5s all; transition: 0.5s all; margin-top: 20px; } .main-nav__list li { width: 100%; display: inline-block; vertical-align: middle; text-align: left; margin: 0; padding: 5px 0; border-bottom: 1px solid #ccc; } .main-nav__list li:last-child { border-bottom: none; } .main-nav__list li ul { position: static; width: 100%; padding-top: 10px; padding-bottom: 10px; -webkit-border-radius: 0; border-radius: 0; padding-right: 0; border: transparent; } .main-nav__list li ul::before { display: none; } .main-nav__list li ul::after { display: none; } .main-nav__list li ul li { padding-bottom: 15px; margin-bottom: 13px; } .main-nav__list li ul li:last-child { padding-bottom: 4px; } .main-nav__list li ul li > .sf-with-ul { padding-left: 0; padding-top: 0; } .main-nav__list li ul li > .sf-with-ul::before { content: '\f107'; } .main-nav__list li ul li ul { width: 100%; padding-bottom: 10px; padding-top: 23px; } .main-nav__list li ul li ul li:last-child { padding-bottom: 0; } .main-nav__list.open { max-height: 7000px; margin-bottom: 25px; } .search-block { float: none; display: inline-block; vertical-align: middle; margin-top: 0; margin-right: 10px; } .sidebar { margin-top: 100px; margin-bottom: 80px; } .single-related-posts__list { text-align: center; } .single-related-posts__list li { max-width: none; display: inline-block; vertical-align: top; text-align: left; width: 31%; } .comments__user-wrapp { width: 20%; } .comments__content { width: 80%; } .comments__child-list { padding-left: 30px; } .comments__child-list .comments__user-wrapp { width: 20%; } .comments__child-list .comments__content { width: 80%; } .single-team__info { padding-bottom: 40px; } .contact-box__list { margin-bottom: 60px; } .about-slider .nivo-prevNav { left: 20px; } .about-slider .nivo-nextNav { right: 20px; } .parallax-content-01 { padding: 0; } .parallax-title { font-size: 35px; margin-bottom: 30px; line-height: 38px; } .parallax-text p { font-size: 18px; line-height: 30px; } .services-wrapp { margin-bottom: 50px; } .partners_01 { margin: 20px 0; } .owl-theme-01 .owl-prev { left: 20px; } .owl-theme-01 .owl-next { right: 20px; } .news-item { margin-right: 25px; width: 47.5%; text-align: left; } .news-block { margin-bottom: 40px; } .product-list__item-info { padding: 12px 18px; } .service_img_01 { margin-left: 0; width: 100%; } .search-bg { padding-top: 30px; margin-bottom: 60px; } .search-bg__title { font-size: 28px; } .search-bg__text { width: 430px; } .search-bg__btn { padding: 12px 45px; } .owl-carousel.owl-option-02 { padding: 0 40px; } .content-box-01__text { width: 100%; max-width: none; } .author-img { margin-bottom: 30px; } .content-box-02 img { width: 100%; } .product-list { text-align: center; } .img-position-01 { margin-left: 0; } .title-03 { text-align: center; } .accordion-wrapp { padding-bottom: 60px; padding-left: 0; } .parallax_05 { padding: 80px 15px; } .page404 { margin-top: 80px; padding-bottom: 80px; } .events-list__img { width: 38%; } .events-list__info { width: 62%; } .events-list__content { width: 100%; } .events-list__info-time { display: inline-block; vertical-align: middle; } .events-list__info-location { display: inline-block; vertical-align: middle; } .events-list__content { padding-top: 30px; } .events-list__status { top: 45px; } .events-form__text-01 { max-width: none; margin-left: 0; margin-right: 0; } .events-form__text-02 { max-width: none; margin-left: 0; margin-right: 0; } .single-event__list { text-align: center; width: 100%; margin-bottom: 40px; } .single-event__time { display: inline-block; vertical-align: middle; margin: 0 10px; } .single-event__month { margin-bottom: 10px; } .single-event__location { display: inline-block; vertical-align: middle; margin: 0 10px; } .single-event__list { margin-bottom: 30px; } .single-course__wrapp { padding-right: 0; } .single-course__price-info { position: static; } .coming-soon__box-01 { position: static; } .coming-soon__box-02 { position: static; margin: 0; } .coming-soon__list { position: static; } .height_100percent { min-height: none !important; } .coming-soon__subtitle { font-size: 38px; line-height: 42px; } .countdown-amount { font-size: 50px; line-height: 50px; } .coming-soon__text br { display: none; } .coming-soon__list { margin-bottom: 30px; } .process-info__icon-wrapp::before { display: none; } .process-info { margin-top: 0; } .process-banner-text { margin-bottom: 30px; } .process-banner-btn { padding: 15px 30px; font-size: 12px; float: none; display: inline-block; vertical-align: middle; margin-top: 0; } .process-text-02 { margin-bottom: 60px; } .process-list { margin-bottom: 60px; } .module_skills-process { margin-bottom: 20px; } .offer-img-01 { margin-top: 80px; max-width: 100%; display: inline-block; vertical-align: bottom; } .owl-option-03 { padding: 0; } .owl-option-03 .owl-nav { text-align: center; padding-top: 40px; } .owl-option-03 .owl-prev { position: static; margin: 0 20px; display: inline-block; vertical-align: middle; } .owl-option-03 .owl-next { position: static; margin: 0 20px; display: inline-block; vertical-align: middle; } .owl-option-04 { padding: 0; } .owl-option-04 .owl-prev { position: static; margin: 0 20px; display: inline-block; vertical-align: middle; } .owl-option-04 .owl-next { position: static; margin: 0 20px; display: inline-block; vertical-align: middle; } .owl-option-04 .owl-nav { text-align: center; padding-top: 40px; } .offer-tabs .tabs__caption li { max-width: 140px; } .counter-02 .stat_count { font-size: 30px; line-height: 30px; } .counter-02 .counter_title { font-size: 16px; line-height: 18px; } .margin-sm-bottom-70 { margin-bottom: 70px; } .gallary-02__item a { margin: 10px; } .events-calendar__body th { font-size: 10px; } .news-box-01 { margin-bottom: 60px; } .home-service-01 { margin-top: 30px; } .home-service-01__box-01 { width: 100%; padding: 0; margin-bottom: 30px; } .home-service-01__box-01::before { display: none; } .home-service-01__box-02 { width: 100%; padding: 0; margin-bottom: 30px; } .home-service-01__box-02::before { display: none; } .home-service-01__box-03 { width: 100%; padding: 0; } .info-box-04 { padding: 100px 0 100px; } .intro-01-title { font-size: 40px; line-height: 43px; } .news-info { padding-left: 0; } .padding-sm-top-50 { padding-top: 50px; } .blog-post__img-01 { width: 335px; } .blog-post__img-02 { width: 335px; margin-right: 30px; margin-top: 30px; } .blog-listing.fullwidth .single-related-posts li { max-width: 22%; } /*// Footer //*/ .copy-info { text-align: center; margin-bottom: 10px; } .footer-info { text-align: center; } .wrapp-footer .social-list-01 { margin-bottom: 10px; } .author-img img { display: inline-block; vertical-align: middle; width: auto; } .info-box-02__box-01 { display: inline-block; vertical-align: middle; float: none; padding-top: 5px; padding-left: 40px; } .single-team__info-title { font-size: 26px; line-height: 28px; } .table-01 { display: block; height: auto; } .table-02 { height: auto; display: block; } .table-03 { height: auto; display: block; } .table-01__box-01, .table-02__box-01, .table-03__box-01 { display: block; } .table-01__box-02, .table-02__box-02, .table-03__box-01 { display: block; } .table-01__img, .table-02__img { display: block; } .table-01__content { max-width: none; padding: 50px 15px 20px; } .accordion-wrapp { max-width: none; padding-left: 15px; padding-right: 15px; } .curriculum-list__box { display: block; width: 100%; } .curriculum-list__time { float: left; margin-left: 0; margin-top: 5px; } .table-02__box-01--img { background: transparent; } .table-01__box-02 { background: transparent; } .owl-option-04 { margin-bottom: 40px; } .padding-sm-bottom-80 { padding-bottom: 80px; } .padding-sm-bottom-40 { padding-bottom: 40px; } .padding-sm-bottom-20 { padding-bottom: 20px; } .servise-box-01 { padding-left: 0; } } @media only screen and (max-width: 640px) { .home-01 .wrapp-header { padding-bottom: 20px; } .home-01 .product-list__item { width: 47.5%; } .home-01 .product-list__item:nth-child(3n) { margin-right: 20px; } .home-01 .product-list__item:nth-child(2n) { margin-right: 0; } .home-02 .info-box-title { font-size: 40px; line-height: 40px; margin-bottom: 15px; } .home-02 .info-box-text br { display: none; } .home-news-info { padding-left: 0; } .single-related-posts__list li { width: 30%; } .comments__user-wrapp { width: 25%; } .comments__content { width: 75%; } .comments__child-list { padding-left: 30px; } .comments__child-list .comments__user-wrapp { width: 25%; } .comments__child-list .comments__content { width: 75%; } .news-item { margin-right: 0; width: 100%; text-align: left; margin-bottom: 30px; } .blog-post__img-01 { width: 100%; margin-right: 0; } .blog-post__img-02 { width: 100%; margin-right: 0; } .search-bg__text { width: 100%; margin-bottom: 20px; -webkit-border-radius: 22px; border-radius: 22px; padding-left: 25px; padding-right: 25px; } .search-bg__btn { -webkit-border-radius: 25px; border-radius: 25px; } .owl-carousel.owl-option-02 { padding: 0; } .owl-carousel.owl-option-02 .owl-nav { padding-top: 30px; } .owl-carousel.owl-option-02 .owl-prev { position: static; margin: 0; display: inline-block; vertical-align: middle; float: none; margin: 0 10px; } .owl-carousel.owl-option-02 .owl-next { position: static; margin: 0; display: inline-block; vertical-align: middle; float: none; margin: 0 10px; } .subtitle-01 { margin-bottom: 40px; } .contact-block__phone, .contact-block__email, .contact-block__lang { margin: 0 10px; display: inline-block; vertical-align: middle; float: none; margin-bottom: 10px; } .servises-item { margin-bottom: 40px; } .events-list__img { width: 50%; } .events-list__info { width: 50%; } .single-course-tabs .tabs__caption li { max-width: 130px; padding: 15px 10px; font-size: 12px; } .coming-soon__logo { margin-top: 30px; margin-bottom: 40px; } .coming-soon__subtitle { font-size: 25px; } .countdown-amount { font-size: 45px; line-height: 45px; margin-bottom: 10px; } .countdown-period { font-size: 14px; line-height: 14px; margin-bottom: 20px; } .countdown_wrapper { margin-bottom: 40px; } .coming-soon__text { margin-bottom: 50px; } .coming-soon__inp-text { max-width: 285px; } .process-info__box-01, .process-info__box-02 { width: 100%; margin-bottom: 80px; } .process-info__box-03 { width: 100%; } .events-calendar__body td { font-size: 30px; padding: 10px; } .events-calendar__text { font-size: 10px; } .events-calendar-wrapp { max-width: 630px; width: 100%; overflow: auto; padding-bottom: 20px; } .events-calendar { width: 600px; } .blog-listing.fullwidth .single-related-posts { text-align: center; } .blog-listing.fullwidth .single-related-posts li { max-width: none; width: 43%; display: inline-block; vertical-align: top; margin-bottom: 40px; } .blog-listing.fullwidth .single-related-posts li:nth-child(2) { margin-right: 0; } #swipebox-slider .slide { padding: 60px 40px; } } @media only screen and (max-width: 480px) { .home-01 .product-list__item { margin-right: 0; width: 98%; } .home-01 .product-list__item-info { padding: 12px 18px; } .home-02 .info-box-subtitle { font-size: 20px; line-height: 22px; margin-bottom: 10px; } .home-02 .info-box-title { font-size: 20px; line-height: 25px; } .home-02 .info-box-text p { font-size: 14px; line-height: 20px; } .home-02 .btn-01 { padding: 13px 25px; font-size: 11px; } .home-02 .btn-03 { padding: 13px 25px; margin-left: 10px; font-size: 11px; } .home-03 .search-block { margin-top: 12px; } .contact-block-01__email, .contact-block-01__phone, .contact-block-01__lang { margin: 10px; } .search-block { margin-left: 15px; } .single-related-posts__list li { width: 100%; margin-bottom: 30px; margin-right: 0; max-width: none; } .single-related-posts__list li a { display: block; } .single-related-posts__list li a img { width: 100%; } .single-related-posts__img { width: 100%; } .comments__reply { position: static; margin-bottom: 20px; display: inline-block; vertical-align: middle; } .reply-form__box-01, .reply-form__box-02 { padding: 0; width: 100%; } .team-title { font-size: 20px; line-height: 22px; margin-bottom: 10px; } .team-subtitle { line-height: 16px; } .team-soc-list li { margin: 15px; } .single-team__info-list { margin: 0 0 20px; } .single-team__info { padding: 20px 20px 30px; } .counter-01 .stat_count { font-size: 30px; line-height: 32px; } .owl-theme-01 { padding: 0; } .owl-theme-01 .owl-nav { text-align: center; } .owl-theme-01 .owl-prev { position: static; display: inline-block; vertical-align: middle; margin: 0 10px; } .owl-theme-01 .owl-next { position: static; display: inline-block; vertical-align: middle; margin: 0 10px; } .owl-theme-01__item-img { left: -20px; top: -20px; } .social-list-01 { margin-bottom: 10px; margin-top: 10px; } .contact-block { text-align: center; } .page404-title { font-size: 150px; line-height: 150px; } .page404-subtitle { font-size: 30px; line-height: 32px; } .page404-text { margin-bottom: 20px; } .events-list__img { text-align: center; margin-bottom: 30px; } .events-list__img { width: 100%; } .events-list__info { width: 100%; } .events-list__status { position: static; } .events-list__content-title { padding-right: 0; } .events-list__info { padding: 0; } .single-course-tabs .tabs__caption li { max-width: none; margin: 5px 0; } .offer-tabs .tabs__caption li { max-width: none; } .coming-soon__subtitle { font-size: 22px; } .coming-soon__inp-text { max-width: none; margin-bottom: 20px; margin-right: 0; } .countdown_wrapper { margin-bottom: 30px; } .coming-soon__subtitle { margin-bottom: 30px; } .coming-soon__text { margin-bottom: 30px; } .coming-soon__text { font-size: 14px; line-height: 25px; } .gallary-01__item { width: 100%; } .counter-02 .shortcode_counter { width: 50%; padding: 0 10px; } .counter-02 .counter_title { font-size: 12px; margin-bottom: 30px; } .gallary-02__item { width: 100%; } .gallary-02__item a { margin: 10px 15px; } .progress-circle-wrapp .progress-circle-item { width: 100%; text-align: center; margin-right: 0; margin-bottom: 40px; } .teachers__list { width: 100%; text-align: left; margin: 15px 0; } .blog-listing.fullwidth .single-related-posts li { max-width: none; width: 100%; } .post-tag-list { display: block; float: none; margin-bottom: 25px; } .preview_share_wrapper { float: none; display: block; width: 100%; padding: 0; } .blog-post__likes { float: none; display: inline-block; vertical-align: middle; margin-bottom: 20px; } .preview_share_toggler { display: none; } .preview_share_block { visibility: visible; opacity: 1; position: static; text-align: left; } .preview_share_block a { display: inline-block; vertical-align: middle; position: static; visibility: visible; opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .preview_share_block a:first-child { margin-left: 0; } .search-bg__text { padding-left: 20px; padding-right: 20px; font-size: 13px; } .search-bg__text::-webkit-input-placeholder { font-size: 11px; } .search-bg__text::-moz-placeholder { font-size: 11px; } .search-bg__text:-ms-input-placeholder { font-size: 11px; } .search-bg__text:-ms-input-placeholder { font-size: 11px; } } @media only screen and (max-width: 420px) { .comments__user-wrapp { width: 35%; } .comments__content { width: 65%; } .comments__child-list { padding-left: 20px; } .comments__child-list .comments__user-wrapp { width: 35%; } .comments__child-list .comments__content { width: 65%; } .contact-box__item { display: block; width: 100%; margin-bottom: 10px; } .contact-box__list .soc-list-01 { margin: 0; } .coming-soon__subtitle { font-size: 18px; } .coming-soon__logo { margin-bottom: 30px; } .countdown-amount { font-size: 30px; line-height: 30px; } .countdown-period { font-size: 12px; line-height: 12px; margin-bottom: 10px; } .coming-soon__text { font-size: 12px; line-height: 18px; } .countdown_wrapper { margin-bottom: 15px; } .coming-soon__inp-text { height: 45px; } .coming-soon__search { margin-bottom: 40px; } .coming-soon__btn { font-size: 13px; padding: 10px 30px; } } .content-box-02.content-box-02--ak.dark-bg { background: #222; color: #fff; } .dark-bg .title-03 { color: #fff; } .dark-bg .accordion-01__title { color: #fff; } .accordion-01__text table td, .accordion-01__text table th { padding: 10px; border: 1px solid #eee; } .table-02__box-01.bg-diff { background: url("../img/event.jpg") no-repeat center center; background-size: cover; } footer li { color: #bdbdbd; line-height: 25px; } .our-mission-icon i { background: #de3333; font-size: 32px; color: #fff; padding: 0; width: 60px; height: 60px; display: table-cell; vertical-align: middle; text-align: center; } .i-inline{display:inline-block;} .table-responsive.custom-table th, .table-responsive.custom-table td { padding: 5px 5px; } .text-center.i-boxes span { display: block; margin-top: 14px; color: #222; } .top-menu li a { color: #fff; display: block; padding: 13px 0; } .top-menu li { list-style: none; float: left; margin-left: 10px; margin-right: 10px; } .sub-drop{position:relative;} .sub-drop ul { position: absolute; left: 0; background:#ff4444; width: 270px; padding-left: 0px; z-index: 12; display:none; } .sub-drop:hover ul,.sub-drop ul:hover{display:block;} .sub-drop ul li { float:left; width:100%; text-align:left; } .sub-drop ul li a { padding: 10px 5px; display: block; } .home-01 .logo img { display: block; max-width: 200px; } ..adv-box-1 { background: #edeae3; } .text-box h2 { color: #ec1b28; text-transform: uppercase; float: left; margin-right: 25px; line-height: 28px; margin-top: 11px; margin-left: 50px; } .text-box .arrow-w { float: left; margin-right: 25px; color: #222; font-size: 23px; margin-top: 42px; margin-left: 50px; } .text-box h5 { font-size: 15px; font-weight: 300; line-height: 23px; float: left; margin-top: 31px; } .text-box h2 span { color: #161b1e; font-size: 13px; font-weight: 700; } .text-box a { color: #222; float: right; margin-top: 50px; } ..adv-box-1 { background: #edeae3; padding-bottom: 9px; } .home-01 .wrapp-header { background: none; padding-bottom: 0; background-size: cover; min-height: auto; position: absolute; top: 0; left: 0; width: 100%; } .single-item img{width:100%; height:auto;} .slider-main{width:100%;} .slider-main img { width: 100%; } .text-box a { color: #222; float: right; margin-top: 20px; font-weight: 700; font-size: 14px; color: #222; text-align: center; text-transform: uppercase; line-height: 15px; } .text-box a span { color: #ec1b28; font-size: 30px; font-weight: 700; line-height: 41px; } .title-03.custom-heading{margin-bottom:20px;} .title-03.custom-heading span { color: #ec1b28; text-transform: uppercase; font-weight: 700; } .p-policy { color: #222; font-size: 14px; line-height: 24px; margin-top: 15px; } .p-policy a{color:#222;} .content-box-02.content-box-02--ak.dark-bg { background: #edeae3; color: #222; } .dark-bg.foot-last .title-03 { color: #222; } .content-box-02.content-box-02--ak.dark-bg.foot-last .accordion-01__title { color: #222; } .content-box-02.content-box-02--ak.dark-bg.foot-last .accordion-01__title::before { color: #eee; background: #222; } .footer-logo img { max-width: 210px; } .nav-btn span { width: 100%; height: 2px; background: #fff; display: block; margin: 5px 0px 5px 0; } .nav-btn { float: right; width: 30px; display:none; height: 24px; margin-top: 10px; cursor: pointer; } .main-nav__list { z-index: 11; position: relative; float: right; margin-top: 12px; } @media only screen and (max-width:991px){ #top-nav { float: left; width: 100%; display:none; } .top-menu li { width: 100%; text-align: left; } .top-menu { padding: 0; } .sub-drop ul { position: relative; } .nav-btn {display:block;} .text-box a { float: left; margin-top: 15px; text-align: left; width: 100%; margin-bottom: 15px; } } @media only screen and (max-width:767px){ .home-01 .info-box-01 { padding-bottom: 10px; } } .wid-tol{display:none;} .wid-tol .widget-contact__title { cursor: pointer; } .wid-tol .widget-contact__text { display: none; } .wid-tool{cursor:pointer;} .widget-title.wid-tool span { background: #fff; color: #6f7277; width: 25px; display: inline-block; height: 25px; border-radius: 50%; text-align: center; padding-top: 2px; } .arrow-r i { transition: 0.3s; transform: rotate(180deg); } .wid-tool i { transition: 0.3s; } .side-bar { padding: 0; margin-top: 80px; background: #f2f2f2; } .side-bar ul{ list-style:none; padding:0; } .side-bar ul li a { display: block; padding: 20px; border-bottom: 1px solid rgba(0,0,0,0.06); text-transform: uppercase; } .side-bar ul li.active a { background:#222; color:#fff; } .contact-pad { padding: 10px 10px 50px 10px; } .table-responsive.custom-table { border: none; } .tool-tip { position: relative; } .tool-tip:hover .tooltiptext,.tool-tip:focus .tooltiptext {display:block;} .tooltiptext { position: absolute; background: #fff; padding: 15px 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); width: 320px; right: -270px; top: 0; display: none; z-index: 111; } .clr-red{color:#de3333;} .program-box { padding: 30px 10px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 30px; } .our-mission-box { text-align: center; margin-bottom: 72px; padding-left: 15px; padding-right: 15px; } .content-row.contact-bottom .content-box-01 { background: #f2f2f2; padding-top: 60px; } .wrapp-header { position: fixed; left:0; top:0; z-index: 11111; width: 100%; } .wrapp-header.darkHeader { transition: 0.3s; } .wrapp-header.darkHeader .info-box-01 { transition: 0.3s; display: block; } .side-bar .title-02.text-center { margin-left: 10px; margin-right: 10px; } .our-mission-title { margin-bottom: 10px; } .our-mission-title-text { text-align: justify; } .our-mission-box { margin-bottom: 30px; } .modal { background: rgba(0,0,0,0.6); z-index: 11111111; } .modal-title { font-size: 20px; font-weight: 300; line-height: 30px; } .btn.btn-info.btn-lg { width: 100%; box-sizing: border-box; max-width: 250px; margin: 20px auto; display: block; background: #de3333; border: none; padding: 20px 10px; border-bottom: 2px solid rgba(0,0,0,0.3); } aside .btn.btn-info.btn-lg{font-size:14px;} .modal-body p small { color: #222; font-size: 12px; line-height: 19px; } .modal-body input[type="text"], .modal-body input[type="email"], .modal-body input[type="tel"], .modal-body select { height: 53px; box-shadow: none; border-radius: 50px; } .widget-title.link-tog-title { margin-bottom: 0px; cursor:pointer; } .link-tog { margin-bottom: 10px; } .widget-list.link-tog-link { display: none; } .widget-title.link-tog-title { font-size: 14px; font-weight: 300; color: #bdbdbd; border-bottom: none; display: inline-block; padding-bottom: 5px; font-weight: 600; } .widget-link.wid-l2 li a { border-bottom: 1px solid; line-height: 25px; margin-bottom: 10px; font-weight: 600; } ul.widget-list.wid-line li a { padding-bottom: 0; border-bottom: 1px solid; font-weight: 600; margin-bottom: 12px; line-height: 23px; } .widget-list li a { font-weight: 600; } .vision-box { text-align: center; } .vision-box img { width: 150px; border-radius: 50%; margin-bottom: 20px; border: 5px solid #fff; } .vision-box .p1 { color: #222; font-size: 20px; } .logo-moves div img { width: 100%; } .logo-moves div { float: left; width: 11%; height: 150px; padding: 15px; } .lbox { display: table-cell; vertical-align: middle; height: 120px; } .vision-box p { color: #222; font-size: 20px; text-align: left; } .parallax_02.acr { background-image: none; background-size: cover; padding: 60px 0 60px; background: #eee; } .owl-item { float: left; } .item img { max-width: 100%; height: 62px; width: auto; margin: 0 auto; display: block; } .owl-1.owl-theme{ overflow: hidden; } .owl-nav { display: none; } .owl-dots { margin-top: 80px; } .logo img { max-width: 180px; } .main-img img { width: 100%; height: auto; } .img-row img { width: 100%; height: auto; } .tilt-img { transform: rotate(-4deg) translateX(31px); z-index: 1; position: relative; box-shadow: 0px 0px 17px rgba(0,0,0,0.4); } .til-2 img { width: 100%; margin-left: 0; transform: rotate(-3deg); z-index: 2; position: relative; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); } .til-2 img { width: 100%; margin-left: 0; } .content-box-01.custom-content-b { overflow: visible; margin-top: 50px; margin-bottom:60px; } .til-2 img { transform: rotate(-4deg); box-shadow: 0px 0px 10px rgba(0,0,0,0.3); } .logo-a{text-align:center;} .logo-a a img { height: 80px; margin: 10px 15px; } #awcc1532618004327 { width: 260px; } .news-text { color: #414141; font-size: 13px; line-height: 26px; } .vision-box { background: #f2f2f2; padding: 60px 40px; border-radius: 20px; } .main-nav .sub-mega { position: absolute; left: 0; width: 100%; padding: 30px; display:none; background: #fff; } .main-nav li:hover .sub-mega{ display:block; } .main-nav ul, .main-nav li{position:unset;} .main-nav * { position: unset; } .main-nav .sub-mega ul li{ position:relative; } .main-nav .sub-mega ul::before{ display:none; } .main-nav .sub-mega ul { display: block; position: relative; padding: 10px 10px; width: 100%; border: none; } .testi-b { margin-bottom: 40px; border: 1px solid rgba(0,0,0,0.1); padding: 30px; border-radius: 20px; } .owl-dots { margin-top: 10px; height: 40px; text-align:center; } .owl-dot.active { background: #ff4444; } .owl-dot { width: 20px; height: 20px; background: #ccc; display: inline-block; margin-left: 10px; margin-right: 10px; border-radius: 50%; margin-top: 10px; } .sub-mega .title-02 { font-size: 21px; font-weight: 600; text-transform: uppercase; color: #ec1b28; } .mar-20 { margin-top: 20px; } .img-responsive.img-cards { max-width: 201px; display: inline-block; } .btn-01.ft-mar { margin-top: 15px; } .tabs__caption li span { height: 56px; display: table-cell; vertical-align: middle; text-align: center; width: 100%; } .Acalendar.table { box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius: 20px; overflow: hidden; margin-top: 20px; } .Acalendar.table th, .Acalendar.table td { padding: 15px; } .Acalendar.table th { border: none; color: #de3333; font-weight: 400; letter-spacing: 1px; } .mar-30 { margin-top: 30px; } .flag-ico img { height: 24px; } .widget-list.wid-dark.wid-line a { color: #222; text-decoration: none; border: none; font-size: 16px !important; } .widget-list.wid-dark.wid-line .widget-contact__title { color: #222; } .social-list-01.social-dark li a i { color: #222 !important; } .social-list-01.social-dark li { display: inline-block; } .social-list-01.social-dark { padding: 0; } .title-02 a { font-size: 21px !important; line-height: 30px !important; margin-top: 0; padding-left: 0 !important; } .main-bo .title-02 { color: #de3333; font-weight: 500; text-transform:uppercase !important; font-size: 20px; } .table-responsive.custom-table tr th { padding: 15px 10px 10px 0; font-weight: bold !important; min-width: 155px; font-size: 15px; } .table-responsive.custom-table tr th strong { font-weight: bold !important; } .main-bo .title-02.clr-red { text-transform: uppercase; font-size: 20px; font-weight: 500; /* color: #222; */ } .acr a.logo-ac { background: #fff; display: inline-block; padding: 20px; border-radius: 20px; margin: 15px; max-width: 110px; } .acr a.logo-ac img { width: 100%; } .main-bo p { font-size: 14px; font-weight: 400; text-align:justify; } .ul-list-01 li { font-size: 14px; line-height: 18px; font-weight: 300; color: #333; display: block; margin-bottom: 17px; position: relative; padding-left: 15px; font-weight: 400; } .clr-red { color: #de3333 !important; font-weight: normal !important; } .custom-table tr td:first-child { color: #de3333; font-weight: 600; } .tooltiptext h4 { font-size: 14px; line-height: 22px; } .main-bo .tooltiptext p { font-size: 11px !important; line-height: 19px !important; text-align: left !important; color: rgba(0,0,0,0.5) !important; font-weight: 400 !important; } .main-bo .tooltiptext::after { content: ""; display: block; background: url('../img/arrow.png'); position: absolute; left: -16px; top: 16px; width: 16px; height: 25px; background-size: 100% auto; background-repeat: no-repeat; } .tool-tip:hover a{color:#222;} .tool-tip a:hover { color: #222; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; display:inline-block; animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; } .tool-tip.l1 .tooltiptext::after { top: 6px; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } .table-responsive.custom-table { overflow: visible; } .slider-main{position:relative;} .slider-main video{ width: 100%; } .text-container { position: absolute; z-index: 999; bottom: 0; left: 0; width: 100%; padding: 50px 0; max-height: 290px; overflow: hidden; } .area-hide{overflow:hidden;} .owl-2 h3 { color: #fff; text-shadow: 0px 0px 10px rgba(0,0,0,0.8); -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #ec1b28; text-transform: uppercase; font-weight: 800; font-size: 43px; } .owl-2 .item { padding-left: 20px; padding-right: 20px; } .owl-2 .item a { display: inline-block; color: #fff; border: 2px solid #ec1b28; padding: 10px 30px; border-radius: 30px; text-transform: uppercase; font-weight: 600; background: #ec1b28; } .slider-main { height: calc(100vh - 100px); overflow: hidden; } .main-nav__btn { position: absolute; right: 0; top: 60px; } .full-main { width: 100%; float: left; margin-bottom: 15px; } .form-group.capt { margin-top: 15px; } .main-inline { width: 200px; padding: 0; margin-left: 5px; margin-right: 5px; } .main-inline-2 { width: 305px; padding: 0; margin-left: 5px; margin-right: 5px; } @media only screen and (max-width:991px){ .owl-2 h3 { -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #ec1b28; font-size: 29px; line-height: 30px; } .text-container { max-height: auto; overflow: visible; } } @media only screen and (max-width:767px){ .logo-moves div { width: 25%; } .owl-2 h3 { font-size: 20px; line-height: 30px; } .text-container { padding: 20px 0; } .slider-main { margin-top: 35px; } .main-nav__list { height: calc(100vh - 50px); overflow-y: scroll; display: none; } .main-nav .sub-mega { position: relative; } } .col-lg-12.calend-main iframe { width: 100% !important; height: 600px !important; } .text-box h2.reg-text { font-weight: 700; margin: 45px 20px 15px 0; } .text-box a:hover{text-decoration:none; color:#222;} .countdown-area { padding: 135px 0 145px; position:relative; } .countdown-area::before { content: ""; height: 100%; width: 100%; top: 0; left: 0; right: 0; margin: 0 auto; position: absolute; background-color: rgba(0, 33, 71, 0.9); } .countdown-area .countdown-content h1 a{ color: #ffffff; font-size: 40px; margin-bottom: 0; line-height: 1.2; } .countdown-area .countdown-content .countdown-date { color: #ffffff; font-size: 20px; margin-bottom: 40px; } .countdown-area #countdown { margin-top: 40px; text-align: right; } /*======================================================================= [11] Countdown Area =========================================================================*/ .countdown-area { padding: 135px 0 145px; } @media (min-width: 992px) and (max-width: 1199px) { .countdown-area { padding: 125px 0 135px; } } @media (min-width: 768px) and (max-width: 991px) { .countdown-area { padding: 115px 0 125px; } } @media (min-width: 480px) and (max-width: 767px) { .countdown-area { padding: 105px 0 115px; } } @media (min-width: 321px) and (max-width: 479px) { .countdown-area { padding: 95px 0 105px; } } @media only screen and (max-width: 320px) { .countdown-area { padding: 85px 0 95px; } } @media only screen and (max-width: 1199px) { .countdown-area .countdown-content { text-align: center; margin-bottom: 20px; } } .countdown-area .countdown-content h1 { color: #ffffff; font-size: 40px; margin-bottom: 0; line-height: 1.2; } @media (min-width: 992px) and (max-width: 1199px) { .countdown-area .countdown-content h1 { font-size: 54px; } } @media (min-width: 768px) and (max-width: 991px) { .countdown-area .countdown-content h1 { font-size: 48px; } } @media (min-width: 480px) and (max-width: 767px) { .countdown-area .countdown-content h1 { font-size: 42px; } } @media (min-width: 321px) and (max-width: 479px) { .countdown-area .countdown-content h1 { font-size: 36px; } } @media only screen and (max-width: 320px) { .countdown-area .countdown-content h1 { font-size: 32px; } } .countdown-area .countdown-content .countdown-date { color: #ffffff; font-size: 20px; margin-bottom: 40px; } .countdown-area #countdown { margin-top: 40px; text-align: right; } @media only screen and (max-width: 1199px) { .countdown-area #countdown { text-align: center; } } .countdown-area #countdown .countdown-section { position: relative; padding-top: 7px; display: inline-block; text-align: center; margin-right: 80px; } @media only screen and (max-width: 479px) { .countdown-area #countdown .countdown-section { margin-right: 15px; } } .countdown-area #countdown .countdown-section:before { content: url("img/countdown.png"); position: absolute; top: 15px; right: -45px; z-index: 2; } @media only screen and (max-width: 479px) { .countdown-area #countdown .countdown-section:before { display: none; } } .countdown-area #countdown .countdown-section:last-child { margin-right: 0; } .countdown-area #countdown .countdown-section:last-child:before { display: none; } .countdown-area #countdown .countdown-section h3 { font-size: 72px; color: #ffcf01; margin-bottom: 0; font-weight: 700; line-height: 1; } @media only screen and (max-width: 479px) { .countdown-area #countdown .countdown-section h3 { font-size: 42px; } } .countdown-area #countdown .countdown-section h3 span { color: #ffffff; font-size: 80px; margin-left: 10px; } @media only screen and (max-width: 479px) { .countdown-area #countdown .countdown-section h3 span { font-size: 20px; } } .countdown-area #countdown .countdown-section p { color: #e6e6e6; text-transform: uppercase; } #countdown .countdown-section { width: 50px; padding: 0 20px; margin: 0; text-align: center !important; } #countdown .countdown-section { width: 50px; padding: 0 20px; margin: 0; text-align: center !important; } .wrapp-footer a { border: none !important; } .main-img.img-bg { padding: 160px 0 100px; background-size: cover !important; background-position: center center !important; position: relative; } .main-img.img-bg::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.3); } .main-img.img-bg h2 { position: relative; z-index: 99; color: #fff; } .progImg { width: 100%; height: 240px; background-size: cover !important; background-position: center center !important; } .prog-main h1 { font-size: 20px; margin-bottom: 5px; } .prog-main { margin-top: 30px; } .prog-main p { font-size: 15px; line-height: 26px; text-align: justify; } .servise-box-01.servTit { padding: 0; } .servise-box-01.servTit h2 { color: #de3333; border-bottom: 1px solid #eee; padding-bottom: 20px; } .row.mar-b-t { margin-bottom: 50px; } ..adv-box-1 { display: block !important; } .text-box h2.beginText { text-transform: capitalize; font-weight: 700; } .sub-mega .title-02 a { color: #ec1b28; } .logo-a a { margin: 0 20px; } .content-box-01.single-course.custom-pad { padding: 100px 0; margin: 0; } .widget-link.wid-l-1 .footer-logo { margin-top: 30px; } .about-us h2 span { font-weight: 100; color: #222; } h2 span { font-weight: 100; color: #222; } .tabs__content p { text-align: justify; } .countdown-area .countdown-content h1 a { max-height: 190px; overflow: hidden; display: block; } .about-img { margin-left: 29px; margin-top: 90px; display: block; } .widget-side { padding: 15px; background: #fff; border: 1px solid #eee; margin-bottom: 30px; } .widget-side #fields * { width: 100%; padding-left: 0; padding-right: 0; } .widget-side #fields input, .widget-side #fields textarea { padding: 10px; } .widget-side h4 { color: #ec1b28; } .main-img.img-bg h2 { color: #fff; font-weight: 700; } .main-img.img-bg h2 span{ color: #fff; font-weight: 700; } .parallax-btn.pl-red { background: #de3333; margin-top: 20px; } .widget-list li a:hover{text-decoration:none;} .adv-box-1 { background: #eee; padding-bottom: 7px; } header.wrapp-header.darkHeader .head-ad { display: none; } .head-ad{background:#fff;} section.t-mar { width: 100%; display: table; padding-top: 60px; } .full-wid-red { background: #ec1b28; padding: 70px 0; text-align: center; } .full-wid-red h1 { color: #fff; } .full-wid-red a { display: inline-block; background: #fff; padding: 15px 30px; } .full-wid-red h1 { color: #fff; font-weight: 500; font-size: 37px; margin-top: 30px; } .full-wid-red h4 { font-weight: 400; font-size: 16px; color: #fff; } .col-sm-8.main-bo .content-row { display: block; } .clrCstm { color: #333 !important; font-weight: normal !important; } .table-integrate table *{width:auto !important; color:#333 !important;} .table-integrate table {width:100% !important;} .table-integrate table td{ border:1px solid #eee !important; } .soc-ico { list-style: none; padding: 0; float: left; margin-right: 20px; } .soc-ico li { float: left; } .soc-ico li img { max-width: 30px; margin: 9px 0px 0; } .program-box.freeCourse .requireBtn { display: none; } .top-menu li.courseBtn a { text-transform: uppercase; color: #ec1b28; background: #fff; padding: 11px 18px; margin: 4px 0; display: block; border-radius: 40px; } .modal-body .main-inline-2 { width: 100%; } .modal-body .main-inline { width: 178px; } @media only screen and (max-width:767px){ .modal-body .main-inline { width: 100%; } } .text-box h2.reText { margin-top: 40px; } .adv-box { padding: 10px 0 25px; background: #eee; margin-bottom:50px; }