@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900); /*======================================================================= Template Name: LawFirm | Responsive HTML5 Template Template URI: https://abctechweb.com Description: LawFirm | LawFirm Responsive HTML5 Template. Author: abctechweb Author URI: https://abctechweb.com Version: 1.0 /*======================================================================= [Table of content] ========================================================================= [01] Typography [02] General [03] Header Area [04] Slider Area [05] About Area [06] Appointment Area [07] Award Area [08] Case Result Area [09] Practice1 Area [10] Why Choose Area [11] Counter Area [12] Team Area [13] Testimonial Area [14] News Area [15] Brand Logo Area [16] Banner Area [17] Service Area [18] Blog Page Area [19] Faq Page Area [20] Error Page Area [21] Sidebar Area [22] Project Style [23] Process Style [24] Contact Page Area [25] Footer Area [26] Responsive Style ========================================================================= [ End table of content ] =========================================================================*/ /*======================================================================= [01] Typography =========================================================================*/ html, body { height: 100%; font-family: 'Roboto', sans-serif; line-height: 1.8; font-weight: 400; background: #ffffff; color: #222222; font-size: 16px; vertical-align: baseline; } h1, h2, h3, h4, h5, h6 { line-height: 1.5; font-weight: 400; margin: 0 0 20px 0; text-transform: none; font-family: 'Roboto', sans-serif; } h1 { line-height: 1.2; font-size: 35px; } @media only screen and (max-width: 1199px) { h1 { font-size: 38px; } } @media only screen and (max-width: 991px) { h1 { font-size: 36px; } } @media only screen and (max-width: 767px) { h1 { font-size: 34px; } } @media only screen and (max-width: 479px) { h1 { font-size: 32px; } } @media only screen and (max-width: 320px) { h1 { font-size: 30px; } } h2 { font-size: 36px; } @media only screen and (max-width: 1199px) { h2 { font-size: 32px; } } @media only screen and (max-width: 991px) { h2 { font-size: 28px; } } @media only screen and (max-width: 767px) { h2 { font-size: 24px; } } @media only screen and (max-width: 479px) { h2 { font-size: 22px; } } @media only screen and (max-width: 320px) { h2 { font-size: 20px; } } h3 { font-size: 18px; } h4 { font-size: 18px; } p { color: #222222; margin: 0 0 20px 0; } /*======================================================================= [02] General =========================================================================*/ #wrapper { overflow: hidden; width: 100%; height: auto; } a { text-decoration: none; } a:active, a:hover, a:focus { text-decoration: none; } a:active, a:hover, a:focus { outline: 0 none; } img { max-width: 100%; height: auto; } ul { list-style: outside none none; margin: 0; padding: 0; } h1.title-bold-dark { color: #333333; font-weight: 700; text-transform: uppercase; } h1.title-bold-dark span { color: #fcb000; } h2.title-light-light { color: #ffffff; font-weight: 300; } h2.title-light-light span { font-weight: 700; } h2.title-light-dark { color: #333333; font-weight: 300; } h2.title-regular-light { color: #ffffff; font-weight: 400; } h2.title-regular-dark { color: #333333; font-weight: 400; } h2.title-medium-light { color: #ffffff; font-weight: 500; } h2.title-medium-dark { color: #333333; font-weight: 500; } h2.title-bold-light { color: #ffffff; font-weight: 700; text-transform: uppercase; } h2.title-bold-dark { color: #333333; font-weight: 700; text-transform: uppercase; } h2.title-bold-dark span { color: #fcb000; } h2.title-black-light { color: #ffffff; font-weight: 900; } h2.title-black-dark { color: #333333; font-weight: 900; } h2.title-medium-primary { color: #fcb000; font-weight: 500; text-transform: capitalize; } h2.title-medium-primary a { color: #fcb000; } h3.title-medium-primary { color: #fcb000; font-weight: 500; text-transform: capitalize; } h3.title-medium-primary a { color: #fcb000; } h3.title-light-light { color: #ffffff; font-weight: 300; text-transform: capitalize; } h3.title-light-dark { color: #333333; font-weight: 300; } h3.title-regular-light { color: #ffffff; font-weight: 400; } h3.title-regular-light a { color: #ffffff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } h3.title-regular-light a:hover { color: #fcb000; } h3.title-regular-dark { color: #333333; font-weight: 400; } h3.title-regular-dark a { color: #333333; } h3.title-medium-light { color: #ffffff; font-weight: 500; text-transform: capitalize; } h3.title-medium-light a { color: #ffffff; } h3.title-medium-dark { color: #333333; font-weight: 500; } h3.title-medium-dark a { color: #333333; } h3.title-bold-light { color: #ffffff; font-weight: 700; } h3.title-bold-dark { color: #333333; font-weight: 700; } h3.title-black-light { color: #ffffff; font-weight: 900; } h3.title-black-dark { color: #333333; font-weight: 900; } h2.size-lg { font-size: 40px; } @media (min-width: 992px) and (max-width: 1199px) { h2.size-lg { font-size: 36px; } } @media only screen and (max-width: 991px) { h2.size-lg { font-size: 30px; } } @media only screen and (max-width: 767px) { h2.size-lg { font-size: 28px; } } @media only screen and (max-width: 479px) { h2.size-lg { font-size: 24px; } } @media only screen and (max-width: 320px) { h2.size-lg { font-size: 22px; } } h2.size-sm { font-size: 34px; } @media (min-width: 992px) and (max-width: 1199px) { h2.size-sm { font-size: 30px; } } @media only screen and (max-width: 991px) { h2.size-sm { font-size: 28px; } } @media only screen and (max-width: 767px) { h2.size-sm { font-size: 26px; } } @media only screen and (max-width: 479px) { h2.size-sm { font-size: 22px; } } @media only screen and (max-width: 320px) { h2.size-sm { font-size: 20px; } } h2.size-xs { font-size: 30px; } @media (min-width: 992px) and (max-width: 1199px) { h2.size-xs { font-size: 28px; } } @media only screen and (max-width: 991px) { h2.size-xs { font-size: 26px; } } @media only screen and (max-width: 767px) { h2.size-xs { font-size: 24px; } } @media only screen and (max-width: 479px) { h2.size-xs { font-size: 22px; } } @media only screen and (max-width: 320px) { h2.size-xs { font-size: 20px; } } h3.size-sm { font-size: 18px; } h3.size-lg { font-size: 22px; } @media only screen and (max-width: 991px) { h3.size-lg { font-size: 21px; } } @media only screen and (max-width: 767px) { h3.size-lg { font-size: 20px; } } h3.size-xl { font-size: 24px; } @media only screen and (max-width: 1199px) { h3.size-xl { font-size: 23px; } } @media only screen and (max-width: 991px) { h3.size-xl { font-size: 22px; } } @media only screen and (max-width: 767px) { h3.size-xl { font-size: 21px; } } @media only screen and (max-width: 479px) { h3.size-xl { font-size: 20px; } } @media only screen and (max-width: 320px) { h3.size-xl { font-size: 19px; } } .upercase { text-transform: uppercase!important; } .position-relative { position: relative; } .display-inline20 li { display: inline-block; width: 20%; float: left; } .top50 { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .full-width-section-layout1 { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; position: relative; } @media only screen and (max-width: 991px) { .full-width-section-layout1 { display: inherit!important; } } .full-width-section-layout1 .item-content-wrapper { width: 50%; } @media (min-width: 992px) and (max-width: 1199px) { .full-width-section-layout1 .item-content-wrapper { width: 40%; } } @media only screen and (max-width: 991px) { .full-width-section-layout1 .item-content-wrapper { width: 100%; padding: 86px 0 105px; } } @media only screen and (max-width: 767px) { .full-width-section-layout1 .item-content-wrapper { padding: 100px 0 70px; } } @media only screen and (max-width: 479px) { .full-width-section-layout1 .item-content-wrapper { padding: 80px 0 50px; } } @media only screen and (max-width: 320px) { .full-width-section-layout1 .item-content-wrapper { padding: 70px 0 40px; } } .full-width-section-layout1 .item-img-wrapper { position: relative; width: 50%; } @media (min-width: 992px) and (max-width: 1199px) { .full-width-section-layout1 .item-img-wrapper { width: 60%; } } @media only screen and (max-width: 991px) { .full-width-section-layout1 .item-img-wrapper { width: 100%; } } .full-width-section-layout1 .item-img-wrapper img { width: 100%; } .full-width-section-layout1 .container { position: absolute; margin: 0 auto; left: 0; right: 0; top: 0; bottom: 0; } @media only screen and (max-width: 991px) { .full-width-section-layout1 .container { position: inherit; } } .full-width-section-layout2 { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; position: relative; } @media only screen and (max-width: 1199px) { .full-width-section-layout2 { display: inherit!important; } } .full-width-section-layout2 .item-content-wrapper { width: 50%; } @media only screen and (max-width: 1199px) { .full-width-section-layout2 .item-content-wrapper { width: 100%; padding: 86px 0 105px; } } @media only screen and (max-width: 767px) { .full-width-section-layout2 .item-content-wrapper { padding: 95px 0 100px; } } @media only screen and (max-width: 479px) { .full-width-section-layout2 .item-content-wrapper { padding: 75px 0 80px; } } @media only screen and (max-width: 320px) { .full-width-section-layout2 .item-content-wrapper { padding: 65px 0 70px; } } .full-width-section-layout2 .item-img-wrapper { position: relative; width: 50%; } @media only screen and (max-width: 1199px) { .full-width-section-layout2 .item-img-wrapper { width: 100%; } } .full-width-section-layout2 .item-img-wrapper img { width: 100%; } .full-width-section-layout2 .container { position: absolute; margin: 0 auto; left: 0; right: 0; top: 0; bottom: 0; } @media only screen and (max-width: 1199px) { .full-width-section-layout2 .container { position: inherit; } } .full-width-section-layout3 { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; position: relative; } @media only screen and (max-width: 991px) { .full-width-section-layout3 { display: inherit!important; } } .full-width-section-layout3 .item-content-wrapper { width: 50%; } @media (min-width: 992px) and (max-width: 1199px) { .full-width-section-layout3 .item-content-wrapper { width: 50%; } } @media only screen and (max-width: 991px) { .full-width-section-layout3 .item-content-wrapper { width: 100%; padding: 86px 0 105px; } } @media only screen and (max-width: 767px) { .full-width-section-layout3 .item-content-wrapper { padding: 76px 0 95px; } } @media only screen and (max-width: 479px) { .full-width-section-layout3 .item-content-wrapper { padding: 66px 0 85px; } } @media only screen and (max-width: 320px) { .full-width-section-layout3 .item-content-wrapper { padding: 56px 0 75px; } } .full-width-section-layout3 .item-img-wrapper { position: relative; width: 50%; } @media (min-width: 992px) and (max-width: 1199px) { .full-width-section-layout3 .item-img-wrapper { width: 50%; } } @media only screen and (max-width: 991px) { .full-width-section-layout3 .item-img-wrapper { width: 100%; } } .full-width-section-layout3 .item-img-wrapper img { width: 100%; } .full-width-section-layout3 .container { position: absolute; margin: 0 auto; left: 0; right: 0; top: 0; bottom: 0; } @media only screen and (max-width: 991px) { .full-width-section-layout3 .container { position: inherit; } } .full-width-section-layout4 { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; position: relative; } @media only screen and (max-width: 991px) { .full-width-section-layout4 { display: inherit!important; } } .full-width-section-layout4 .item-content-wrapper { width: 50%; } @media (min-width: 992px) and (max-width: 1199px) { .full-width-section-layout4 .item-content-wrapper { width: 40%; } } @media only screen and (max-width: 991px) { .full-width-section-layout4 .item-content-wrapper { width: 100%; padding: 86px 0 20px; } } @media only screen and (max-width: 767px) { .full-width-section-layout4 .item-content-wrapper { padding: 76px 0 25px; } } @media only screen and (max-width: 479px) { .full-width-section-layout4 .item-content-wrapper { padding: 66px 0 5px; } } @media only screen and (max-width: 320px) { .full-width-section-layout4 .item-content-wrapper { padding: 56px 0 75px; } } .full-width-section-layout4 .item-img-wrapper { position: relative; width: 50%; } @media (min-width: 992px) and (max-width: 1199px) { .full-width-section-layout4 .item-img-wrapper { width: 60%; } } @media only screen and (max-width: 991px) { .full-width-section-layout4 .item-img-wrapper { width: 100%; } } .full-width-section-layout4 .item-img-wrapper img { width: 100%; } .full-width-section-layout4 .container { position: absolute; margin: 0 auto; left: 0; right: 0; top: 0; bottom: 0; } @media only screen and (max-width: 991px) { .full-width-section-layout4 .container { position: inherit; } } .carousel-v-center { -webkit-transform: translateY(-50%) !important; -moz-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; -o-transform: translateY(-50%) !important; transform: translateY(-50%) !important; top: 55%!important; bottom: inherit!important; z-index: 8; } @media only screen and (max-width: 991px) { .carousel-v-center { transform: inherit!important; } } .skew-slider { position: relative; } .skew-slider:after { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.6); position: absolute; z-index: 5; right: 40%; top: 0; transform: skew(-5deg); } @media only screen and (max-width: 767px) { .skew-slider:after { right: 0; left: 0; transform: skew(0deg); } } .skew-left-box-bg { position: relative; } .skew-left-box-bg:after { content: ""; height: 100.1%; width: 240px; background-color: #eeeeee; position: absolute; z-index: 5; left: -140px; top: 0; transform: skew(-5deg); } @media only screen and (max-width: 991px) { .skew-left-box-bg:after { display: none; } } .skew-left-accent-bg { position: relative; } .skew-left-accent-bg:after { content: ""; height: 100%; width: 240px; background-color: #282e3f; position: absolute; z-index: 5; left: -140px; top: 0; transform: skew(-5deg); } @media only screen and (max-width: 991px) { .skew-left-accent-bg:after { display: none; } } .skew-right-body-bg { position: relative; } .skew-right-body-bg:after { content: ""; height: 100%; width: 240px; background-color: #ffffff; position: absolute; z-index: 5; right: -140px; top: 0; transform: skew(-5deg); } @media only screen and (max-width: 991px) { .skew-right-body-bg:after { display: none; } } .skew-right-accent-bg { position: relative; } .skew-right-accent-bg:after { content: ""; height: 99.9%; width: 240px; background-color: #282e3f; position: absolute; z-index: 5; right: -140px; top: 0; transform: skew(-5deg); } @media only screen and (max-width: 991px) { .skew-right-accent-bg:after { display: none; } } .content-up { position: relative; z-index: 7; } .content-up2 { position: relative; z-index: 7; margin-top: 30px; } .section-title-dark { margin-bottom: 50px; text-align: center; } .section-title-dark .title-sm { font-size: 30px; text-transform: uppercase; font-weight: 300; color: #fcb000; margin-bottom: 10px; } .section-title-dark h2 { color: #333333; font-weight: 700; text-transform: uppercase; } .section-title-dark h2 span { color: #fcb000; } .section-title-dark h3 { color: #333333; font-size: 30px; font-weight: 300; text-transform: uppercase; } .section-title-dark h3 span { color: #fcb000; } .section-title-dark > span { position: relative; display: inline-block; margin-bottom: 15px; } .section-title-dark > span i { color: #fcb000; font-size: 16px; } .section-title-dark > span:before { content: ""; height: 2px; width: 50px; background-color: #fcb000; left: -60px; top: 12px; position: absolute; z-index: 8; } .section-title-dark > span:after { content: ""; height: 2px; width: 50px; background-color: #fcb000; right: -60px; top: 12px; position: absolute; z-index: 8; } .section-title-dark p { width: 80%; margin: 0 auto; } .section-title-light { margin-bottom: 50px; text-align: center; } .section-title-light h2 { color: #ffffff; font-weight: 700; text-transform: uppercase; } .section-title-light h2 span { color: #fcb000; } .section-title-light > span { position: relative; display: inline-block; margin-bottom: 15px; } .section-title-light > span i { color: #fcb000; font-size: 16px; } .section-title-light > span:before { content: ""; height: 2px; width: 50px; background-color: #fcb000; left: -60px; top: 9px; position: absolute; z-index: 8; } .section-title-light > span:after { content: ""; height: 2px; width: 50px; background-color: #fcb000; right: -60px; top: 9px; position: absolute; z-index: 8; } .section-title-light p { width: 80%; margin: 0 auto; color: #ffffff; } .section-title-inner-dark { margin-bottom: 50px; text-align: center; } .section-title-inner-dark .title-sm { font-size: 30px; text-transform: uppercase; font-weight: 300; color: #fcb000; margin-bottom: 10px; } .section-title-inner-dark h2 { color: #333333; font-weight: 700; text-transform: uppercase; } .section-title-inner-dark h2 span { color: #fcb000; } .section-title-inner-dark h3 { color: #333333; font-size: 30px; font-weight: 300; text-transform: uppercase; } .section-title-inner-dark h3 span { color: #fcb000; } .section-title-inner-dark > span { position: relative; display: inline-block; margin-bottom: 15px; } .section-title-inner-dark > span i { color: #fcb000; font-size: 16px; } .section-title-inner-dark > span:before { content: ""; height: 2px; width: 50px; background-color: #fcb000; left: -60px; top: 9px; position: absolute; z-index: 8; } .section-title-inner-dark > span:after { content: ""; height: 2px; width: 50px; background-color: #fcb000; right: -60px; top: 9px; position: absolute; z-index: 8; } .section-title-inner-dark p { width: 100%; color: #333333; margin: 0 auto; } p.text-dark, h1.text-dark, h2.text-dark, h3.text-dark, h4.text-dark { color: #333333; } p.text-primary, h1.text-primary, h2.text-primary, h3.text-primary, h4.text-primary { color: #fcb000 !important; } .bg-primary { background-color: #fcb000; } .bg-primary-c { background-color: #fcb000; } @media (min-width: 601px) and (max-width: 991px) { .bg-primary-c { background-color: #ae7203; } } .bg-primary2-c { background-color: #fcb000; } @media (min-width: 601px) and (max-width: 991px) { .bg-primary2-c { background-color: #c48000; } } .bg-body { background-color: #ffffff; } .bg-accent { background-color: #282e3f; } .bg-accent-c { background-color: #282e3f; } @media (min-width: 601px) and (max-width: 991px) { .bg-accent-c { background-color: #1f2535; } } .secondary-bg-accent { background-color: #1f2535; } .secondary-bg-accent-c { background-color: #1f2535; } @media (min-width: 601px) and (max-width: 991px) { .secondary-bg-accent-c { background-color: #282e3f; } } .bg-box { background-color: #eeeeee; } .secondary-bg-box { background-color: #3e4353; } .bg-dark-primary { background-color: #ae7203; } .bg-dark-primary2 { background-color: #c48000; } .bg-dark-primary2-c { background-color: #c48000; } @media (min-width: 601px) and (max-width: 991px) { .bg-dark-primary2-c { background-color: #fcb000; } } .bg-dark-primary-c { background-color: #ae7203; } @media (min-width: 601px) and (max-width: 991px) { .bg-dark-primary-c { background-color: #fcb000; } } .box-shadow { -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); } .clear:after { clear: both; content: ""; display: block; } .row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } .box-padding { padding: 30px; } .box-padding-r { padding: 30px; } @media only screen and (max-width: 1199px) { .box-padding-r { padding: 15px; } } .box-padding-r2 { padding: 30px; } @media only screen and (max-width: 991px) { .box-padding-r2 { padding: 30px 35px 15px; } } .sidebar-box-padding { padding: 20px 30px; } .m-auto { margin: 0 auto; } .item-mb { margin-bottom: 30px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .mt-150 { margin-top: 150px!important; } @media only screen and (max-width: 991px) { .mt-150 { margin-top: 50px!important; } } .mb-none { margin-bottom: 0!important; } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .mb-50 { margin-bottom: 50px; } .mb-70 { margin-bottom: 70px!important; } .mb-55 { margin-bottom: 55px; } .mb-100 { margin-bottom: 100px; } .pb-10 { padding-bottom: 10px; } .pb-20 { padding-bottom: 20px; } .pb-30 { padding-bottom: 30px; } .pr-15 { padding-right: 15px; } .pl-15 { padding-left: 15px; } .pt-20 { padding-top: 20px; } .pt-30 { padding-top: 30px; } .pr-30 { padding-right: 30px; } .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters.full-width { margin-right: -15px; margin-left: -15px; } .row.no-gutters.full-width > [class^="col-"], .row.no-gutters.full-width > [class*=" col-"] { padding-right: 0; padding-left: 0; } .txt-bx-p { padding: 15px; } .txt-bx-p2 { padding: 15px; } @media only screen and (max-width: 767px) { .txt-bx-p2 { padding: 50px; } } .width-100 { width: 100%; } @media (min-width: 991px) and (max-width: 1199px) { .width50-md { width: 50%; } } @media (min-width: 768px) and (max-width: 1199px) { .width50-md-c { width: 50%; } } .img-width-100 img { width: 100%!important; } .capitalize { text-transform: capitalize!important; } .border-bottom { border-bottom: 1px solid #e0e0e0; } .overlay-default { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; } .overlay-default:before { content: ""; background-color: rgba(0, 0, 0, 0.8); height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; } .overlay-default2 { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; } .overlay-default2:before { content: ""; background-color: rgba(40, 46, 63, 0.8); height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; } .overlay-light { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; } .overlay-light:before { content: ""; background-color: rgba(249, 245, 245, 0.9); height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; } .overlay-dark { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; } .overlay-dark:before { content: ""; background-color: rgba(40, 46, 63, 0.9); height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; } .overlay-accent { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; } .overlay-accent:before { content: ""; background-color: rgba(24, 29, 43, 0.9); height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; } .overlay-primary { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; } .overlay-primary:before { content: ""; background-color: rgba(204, 136, 9, 0.9); height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; } .slider-overlay { position: relative; } .slider-overlay:before { content: ""; background-color: rgba(0, 0, 0, 0.6); height: 100%; width: 100%; position: absolute; z-index: 6; top: 0; left: 0; right: 0; } .isotop-btn { text-align: center; margin-bottom: 60px; } .isotop-btn:after { display: none; } .isotop-btn a { border: 1px solid #e0e0e0; background: transparent; color: #222222; padding: 10px 30px; margin: 0 0 5px; font-size: 18px; display: inline-block; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .isotop-btn a:hover { background: #fcb000; color: #ffffff; } .isotop-btn .current { background: #fcb000; color: #ffffff; } .play-btn { position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 0; right: 0; margin: 0 auto; text-align: center; z-index: 2; border: 3px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: block; height: 70px; width: 70px; line-height: 70px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .play-btn i { color: #fcb000; font-size: 20px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .play-btn:hover { background: #ae7203; border: 3px solid #fcb000; } .play-btn:hover i { color: #ae7203; } .video-btn-area { text-align: center; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 0; right: 0; z-index: 6; } .video-btn-area span { font-size: 24px; font-weight: 500; color: #ffffff; display: block; margin-bottom: 30px; } .video-btn-area .child-play-btn { margin: 0 auto; z-index: 2; border: 3px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: block; height: 50px; width: 50px; line-height: 50px; background-color: #ffffff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .video-btn-area .child-play-btn i { padding-top: 12px; padding-left: 5px; color: #c7c9ce; font-size: 22px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .video-btn-area .child-play-btn:hover { background-color: #c7c9ce; } .video-btn-area .child-play-btn:hover i { color: #fcb000; } .btn-fill-primary { display: inline-block; border: 2px solid #ffffff; background: #ffffff; padding: 10px 30px; text-transform: uppercase; color: #fcb000; font-size: 14px; font-weight: 500; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .btn-fill-primary:hover, .btn-fill-primary:focus { background: transparent; color: #ffffff; } @media only screen and (max-width: 767px) { .btn-fill-primary { padding: 9px 20px; } } @media only screen and (max-width: 479px) { .btn-fill-primary { padding: 8px 20px; } } @media only screen and (max-width: 320px) { .btn-fill-primary { padding: 6px 15px; } } .btn-fill-primary2 { display: inline-block; border: 2px solid #fcb000; background: #fcb000; padding: 10px 30px; text-transform: uppercase; color: #ffffff; font-size: 14px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .btn-fill-primary2:hover, .btn-fill-primary2:focus { background: transparent; color: #333333; } @media only screen and (max-width: 767px) { .btn-fill-primary2 { padding: 9px 20px; } } @media only screen and (max-width: 479px) { .btn-fill-primary2 { padding: 8px 20px; } } @media only screen and (max-width: 320px) { .btn-fill-primary2 { padding: 6px 15px; } } .btn-fill-primary-sm { display: inline-block; border: 2px solid #fcb000; background: #fcb000; padding: 10px 45px; text-transform: uppercase; color: #ffffff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .btn-fill-primary-sm:hover { background: transparent; color: #fcb000; } .btn-fill-textprimary { display: inline-block; border: 2px solid #ffffff; background: #ffffff; padding: 10px 36px; text-transform: uppercase; color: #fcb000; font-weight: 700; font-size: 13px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .btn-fill-textprimary:hover { background: transparent; color: #ffffff; } .btn-fill-dark { display: inline-block; border: 2px solid #676767; background: #676767; padding: 10px 36px; text-transform: uppercase; color: #ffffff; font-weight: 500; font-size: 13px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .btn-fill-dark:hover { background: transparent; color: #333333; } .btn-fill-dark2 { display: inline-block; border: 2px solid #676767; background: #676767; padding: 10px 36px; text-transform: uppercase; color: #ffffff; font-weight: 500; font-size: 13px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .btn-fill-dark2:hover { background: #fcb000; color: #ffffff; border: 2px solid #fcb000; } .btn-ghost { display: inline-block; border: 2px solid #676767; background: #ffffff; padding: 8px 25px; text-transform: capitalize; color: #333333; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .btn-ghost:hover { border: 2px solid #fcb000; color: #fcb000; } .btn-ghost-to-fill { display: inline-block; border: 2px solid #676767; background: #ffffff; padding: 8px 25px; text-transform: capitalize; color: #333333; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .btn-ghost-to-fill:hover { border: 2px solid #fcb000; color: #ffffff; background: #fcb000; } .flat-btn { color: #fcb000; display: block; padding: 5px; font-weight: 500; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .flat-btn:hover { color: #333333; } .btn50-ptp-ftg { display: inline-block; border: 2px solid #fcb000; background: #fcb000; padding: 0 28px; height: 50px; line-height: 48px; text-transform: uppercase; font-size: 13px; color: #ffffff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .btn50-ptp-ftg:hover, .btn50-ptp-ftg:focus { background: transparent; color: #fcb000; } .bg-common { background-repeat: no-repeat; background-size: cover; background-position: center; } @media only screen and (max-width: 991px) { .bg-none--sm { background-image: none!important; } } .default-overlay { position: relative; } .default-overlay:before { content: ""; background-color: rgba(0, 0, 0, 0.9); height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; } .default-overlay > div { position: relative; z-index: 1; } .nav-control-top { position: relative; } .nav-control-top .owl-controls { position: absolute; top: -70px; right: 0; z-index: 5; } .nav-control-top .owl-controls i { color: #ffffff; display: block; line-height: 36px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-top .owl-controls .owl-nav { margin-top: 0; } .nav-control-top .owl-controls .owl-nav > div { background: #333333; opacity: 1; font-size: 18px; margin: 0 4px; height: 45px; width: 45px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-top .owl-controls .owl-prev:hover { background: #d9d9d9; } .nav-control-top .owl-controls .owl-prev:hover i { color: #fcb000; } .nav-control-top .owl-controls .owl-next:hover { background: #d9d9d9; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-top .owl-controls .owl-next:hover i { color: #fcb000; } .nav-control-middle .owl-controls i { color: #ffffff; display: block; line-height: 36px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-middle .owl-controls .owl-nav { margin-top: 0; } .nav-control-middle .owl-controls .owl-nav > div { background: transparent; border: 1px solid #e0e0e0; opacity: 1; font-size: 18px; margin: 0 4px; height: 45px; width: 45px; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-middle .owl-controls .owl-prev { left: -90px; } .nav-control-middle .owl-controls .owl-prev:hover { background: #d9d9d9; } .nav-control-middle .owl-controls .owl-prev:hover i { color: #fcb000; } .nav-control-middle .owl-controls .owl-next { right: -90px; } .nav-control-middle .owl-controls .owl-next:hover { background: #d9d9d9; } .nav-control-middle .owl-controls .owl-next:hover i { color: #fcb000; } .nav-control-middle2 .owl-controls i { color: #ffffff; display: block; line-height: 25px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-middle2 .owl-controls .owl-nav { margin-top: 0; } .nav-control-middle2 .owl-controls .owl-nav > div { background: transparent; border: 1px solid #e0e0e0; opacity: 1; font-size: 18px; margin: 0 4px; height: 35px; width: 35px; position: absolute; -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); transform: translateY(-65%); top: 65%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-middle2 .owl-controls .owl-prev { right: 50px; } .nav-control-middle2 .owl-controls .owl-prev:hover { background: #d9d9d9; } .nav-control-middle2 .owl-controls .owl-prev:hover i { color: #fcb000; } .nav-control-middle2 .owl-controls .owl-next { right: 0; } .nav-control-middle2 .owl-controls .owl-next:hover { background: #d9d9d9; } .nav-control-middle2 .owl-controls .owl-next:hover i { color: #fcb000; } .nav-control-middle3 .owl-controls i { color: #333333; display: block; line-height: 30px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-middle3 .owl-controls .owl-nav { margin-top: 0; } .nav-control-middle3 .owl-controls .owl-nav > div { border-radius: 0; background: #ffffff; border: 1px solid #e0e0e0; opacity: 1; font-size: 18px; margin: 0 4px; height: 40px; width: 40px; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-middle3 .owl-controls .owl-prev { left: -5px; } .nav-control-middle3 .owl-controls .owl-prev:hover { background: #d9d9d9; } .nav-control-middle3 .owl-controls .owl-prev:hover i { color: #fcb000; } .nav-control-middle3 .owl-controls .owl-next { right: -5px; } .nav-control-middle3 .owl-controls .owl-next:hover { background: #d9d9d9; } .nav-control-middle3 .owl-controls .owl-next:hover i { color: #fcb000; } .nav-control-middle4 .owl-controls i { color: #ffffff; display: block; line-height: 30px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-middle4 .owl-controls .owl-nav { margin-top: 0; } .nav-control-middle4 .owl-controls .owl-nav > div { border-radius: 0; background: #fcb000; border: 1px solid #fcb000; opacity: 1; font-size: 18px; margin: 0 4px; height: 40px; width: 40px; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-middle4 .owl-controls .owl-prev { left: -5px; } .nav-control-middle4 .owl-controls .owl-prev:hover { border: 1px solid #e0e0e0; background: #ffffff; } .nav-control-middle4 .owl-controls .owl-prev:hover i { color: #fcb000; } .nav-control-middle4 .owl-controls .owl-next { right: -5px; } .nav-control-middle4 .owl-controls .owl-next:hover { border: 1px solid #e0e0e0; background: #ffffff; } .nav-control-middle4 .owl-controls .owl-next:hover i { color: #fcb000; } .nav-control-middle5 .owl-controls i { color: #ffffff; display: block; line-height: 36px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-middle5 .owl-controls .owl-nav { margin-top: 0; } .nav-control-middle5 .owl-controls .owl-nav > div { background: transparent; border: 1px solid #e0e0e0; opacity: 1; font-size: 18px; margin: 0 4px; height: 45px; width: 45px; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-middle5 .owl-controls .owl-prev { left: -5px; } .nav-control-middle5 .owl-controls .owl-prev:hover { background: #d9d9d9; } .nav-control-middle5 .owl-controls .owl-prev:hover i { color: #fcb000; } .nav-control-middle5 .owl-controls .owl-next { right: -5px; } .nav-control-middle5 .owl-controls .owl-next:hover { background: #d9d9d9; } .nav-control-middle5 .owl-controls .owl-next:hover i { color: #fcb000; } .dot-control .owl-controls { margin-top: 15px; } .dot-control .owl-controls .owl-dots .owl-dot span { position: relative; height: 15px; width: 15px; background: transparent; border: 1px solid #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .dot-control .owl-controls .owl-dots .owl-dot span:before { color: #ffffff; position: absolute; top: -2px; left: 0; font-size: 10px; right: 0; bottom: 0; content: "\f111"; font-family: FontAwesome; } .dot-control .owl-controls .owl-dots .active span { border: 1px solid #fcb000; } .dot-control .owl-controls .owl-dots .active span:before { color: #fcb000; } .dot-control .owl-nav { margin-top: 0; } .dot-control2 .owl-controls { margin-top: 15px; } .dot-control2 .owl-controls .owl-dots .owl-dot span { position: relative; height: 15px; width: 15px; background: transparent; border: 1px solid #e0e0e0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .dot-control2 .owl-controls .owl-dots .owl-dot span:before { color: #e0e0e0; position: absolute; top: -2px; left: 0; font-size: 10px; right: 0; bottom: 0; content: "\f111"; font-family: FontAwesome; } .dot-control2 .owl-controls .owl-dots .active span { border: 1px solid #fcb000; } .dot-control2 .owl-controls .owl-dots .active span:before { color: #fcb000; } .dot-control2 .owl-nav { margin-top: 0; } .dot-control3 .owl-controls { margin-top: 50px; } .dot-control3 .owl-controls .owl-dots .owl-dot span { position: relative; height: 15px; width: 15px; background: transparent; border: 1px solid #e0e0e0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .dot-control3 .owl-controls .owl-dots .owl-dot span:before { color: #e0e0e0; position: absolute; top: -2px; left: 0; font-size: 10px; right: 0; bottom: 0; content: "\f111"; font-family: FontAwesome; } .dot-control3 .owl-controls .owl-dots .active span { border: 1px solid #fcb000; } .dot-control3 .owl-controls .owl-dots .active span:before { color: #fcb000; } .dot-control3 .owl-nav { margin-top: 0; } .dot-control4 .owl-controls { margin-top: 15px; } .dot-control4 .owl-controls .owl-dots .owl-dot span { position: relative; height: 15px; width: 15px; background: transparent; border: 1px solid #e8c88b; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .dot-control4 .owl-controls .owl-dots .owl-dot span:before { color: #e8c88b; position: absolute; top: -2px; left: 0; font-size: 10px; right: 0; bottom: 0; content: "\f111"; font-family: FontAwesome; } .dot-control4 .owl-controls .owl-dots .active span { border: 1px solid #ffffff; } .dot-control4 .owl-controls .owl-dots .active span:before { color: #ffffff; } .dot-control4 .owl-nav { margin-top: 0; } .pagination-center { text-align: center; margin-top: 20px; } .pagination-center li { display: inline-block; margin-right: 5px; } .pagination-center li a { border: 1px solid #d8d8d8; width: 42px; font-size: 14px; color: #969696; height: 40px; background: transparent; display: block; line-height: 40px; text-align: center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .pagination-center li a:hover { border: 1px solid #fcb000; color: #ffffff; background-color: #fcb000; } .pagination-center li:first-child { margin-right: 15px; } .pagination-center li:last-child { margin-right: 0; margin-left: 10px; } .pagination-center li i { margin-top: 12px; } .pagination-center .active a { border: 1px solid #fcb000; color: #ffffff; background-color: #fcb000; } .inner-page-banner-area { margin-top: 435px !important; text-align: left; background-size: cover; background-position: top; background-repeat: no-repeat; position: relative; display: block; padding: 120px 0 130px; } @media only screen and (max-width: 1199px) { .inner-page-banner-area { padding: 110px 0 120px; } } @media only screen and (max-width: 991px) { .inner-page-banner-area { padding: 100px 0 110px; } } @media only screen and (max-width: 767px) { .inner-page-banner-area { padding: 90px 0 100px; } } @media only screen and (max-width: 479px) { .inner-page-banner-area { padding: 80px 0 90px; } } @media only screen and (max-width: 320px) { .inner-page-banner-area { padding: 70px 0 80px; } } .inner-page-banner-area:after { position: absolute; content: ""; background: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; top: 0; left: 0; right: 0; margin: 0 auto; } .inner-page-banner-area .breadcrumbs-area { position: relative; z-index: 1; text-align: center; } .inner-page-banner-area .breadcrumbs-area h1 { text-transform: uppercase; font-weight: 700; color: #ffffff; } .inner-page-banner-area .breadcrumbs-area ul li { display: inline-block; color: #ffffff; } .inner-page-banner-area .breadcrumbs-area ul li a { color: #fcb000; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .inner-page-banner-area .breadcrumbs-area ul li a:hover { color: #ffffff; } .d-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .section-space-counter { padding: 58px 0 20px; } .section-space-banner-extra { padding: 70px 0 100px; } @media only screen and (max-width: 1199px) { .section-space-banner-extra { padding: 60px 0 90px; } } @media only screen and (max-width: 991px) { .section-space-banner-extra { padding: 50px 0 80px; } } @media only screen and (max-width: 767px) { .section-space-banner-extra { padding: 40px 0 70px; } } @media only screen and (max-width: 479px) { .section-space-banner-extra { padding: 20px 0 50px; } } @media only screen and (max-width: 320px) { .section-space-banner-extra { padding: 10px 0 40px; } } .section-space30 { padding: 116px 0 100px; } @media only screen and (max-width: 1199px) { .section-space30 { padding: 106px 0 90px; } } @media only screen and (max-width: 991px) { .section-space30 { padding: 96px 0 80px; } } @media only screen and (max-width: 767px) { .section-space30 { padding: 86px 0 70px; } } @media only screen and (max-width: 479px) { .section-space30 { padding: 66px 0 50px; } } @media only screen and (max-width: 320px) { .section-space30 { padding: 56px 0 40px; } } .section-space-equal { padding: 125px 0; } @media only screen and (max-width: 1199px) { .section-space-equal { padding: 115px 0; } } @media only screen and (max-width: 991px) { .section-space-equal { padding: 105px 0; } } @media only screen and (max-width: 767px) { .section-space-equal { padding: 95px 0; } } @media only screen and (max-width: 479px) { .section-space-equal { padding: 75px 0; } } @media only screen and (max-width: 320px) { .section-space-equal { padding: 65px 0; } } .section-space-top2 { padding: 114px 0 0 0; } @media only screen and (max-width: 1199px) { .section-space-top2 { padding: 104px 0 0; } } @media only screen and (max-width: 991px) { .section-space-top2 { padding: 94px 0 0; } } @media only screen and (max-width: 767px) { .section-space-top2 { padding: 84px 0 0; } } @media only screen and (max-width: 479px) { .section-space-top2 { padding: 64px 0 0; } } @media only screen and (max-width: 320px) { .section-space-top2 { padding: 54px 0 0; } } .section-space-banner { padding: 97px 0 76px; } @media only screen and (max-width: 1199px) { .section-space-banner { padding: 92px 0 71px; } } @media only screen and (max-width: 991px) { .section-space-banner { padding: 87px 0 66px; } } @media only screen and (max-width: 767px) { .section-space-banner { padding: 82px 0 61px; } } @media only screen and (max-width: 479px) { .section-space-banner { padding: 77px 0 56px; } } @media only screen and (max-width: 320px) { .section-space-banner { padding: 72px 0 51px; } } .section-space-top-half30 { padding: 65px 0 100px; } @media only screen and (max-width: 1199px) { .section-space-top-half30 { padding: 55px 0 90px; } } @media only screen and (max-width: 991px) { .section-space-top-half30 { padding: 45px 0 80px; } } @media only screen and (max-width: 767px) { .section-space-top-half30 { padding: 35px 0 70px; } } @media only screen and (max-width: 479px) { .section-space-top-half30 { padding: 15px 0 50px; } } @media only screen and (max-width: 320px) { .section-space-top-half30 { padding: 5px 0 40px; } } .section-space-top { padding: 125px 0 0 0; } @media only screen and (max-width: 1199px) { .section-space-top { padding: 115px 0 0; } } @media only screen and (max-width: 991px) { .section-space-top { padding: 105px 0 0; } } @media only screen and (max-width: 767px) { .section-space-top { padding: 95px 0 0; } } @media only screen and (max-width: 479px) { .section-space-top { padding: 75px 0 0; } } @media only screen and (max-width: 320px) { .section-space-top { padding: 65px 0 0; } } .section-space-bottom { padding: 0 0 125px; } @media only screen and (max-width: 1199px) { .section-space-bottom { padding: 0 0 115px; } } @media only screen and (max-width: 991px) { .section-space-bottom { padding: 0 0 105px; } } @media only screen and (max-width: 767px) { .section-space-bottom { padding: 0 0 95px; } } @media only screen and (max-width: 479px) { .section-space-bottom { padding: 0 0 85px; } } @media only screen and (max-width: 320px) { .section-space-bottom { padding: 0 0 75px; } } .section-space-all { padding: 70px 0; } @media only screen and (max-width: 1199px) { .section-space-all { padding: 120px 0 90px; } } @media only screen and (max-width: 991px) { .section-space-all { padding: 110px 0 80px; } } @media only screen and (max-width: 767px) { .section-space-all { padding: 100px 0 70px; } } @media only screen and (max-width: 479px) { .section-space-all { padding: 0px 0 50px; } } @media only screen and (max-width: 320px) { .section-space-all { padding: 70px 0 40px; } } .section-space-all-30 { padding: 130px 0 100px; } @media only screen and (max-width: 1199px) { .section-space-all-30 { padding: 120px 0 90px; } } @media only screen and (max-width: 991px) { .section-space-all-30 { padding: 110px 0 80px; } } @media only screen and (max-width: 767px) { .section-space-all-30 { padding: 100px 0 70px; } } @media only screen and (max-width: 479px) { .section-space-all-30 { padding: 0px 0 50px; } } @media only screen and (max-width: 320px) { .section-space-all-30 { padding: 70px 0 40px; } } .section-space-top-half2 { padding: 50px 0 130px; } @media only screen and (max-width: 1199px) { .section-space-top-half2 { padding: 40px 0 120px; } } @media only screen and (max-width: 991px) { .section-space-top-half2 { padding: 30px 0 110px; } } @media only screen and (max-width: 767px) { .section-space-top-half2 { padding: 70px 0 100px; } } @media only screen and (max-width: 479px) { .section-space-top-half2 { padding: 60px 0 90px; } } @media only screen and (max-width: 320px) { .section-space-top-half2 { padding: 50px 0 80px; } } .section-space55 { padding: 116px 0 75px; } @media only screen and (max-width: 1199px) { .section-space55 { padding: 107px 0 65px; } } @media only screen and (max-width: 991px) { .section-space55 { padding: 99px 0 55px; } } @media only screen and (max-width: 767px) { .section-space55 { padding: 92px 0 45px; } } @media only screen and (max-width: 479px) { .section-space55 { padding: 72px 0 25px; } } @media only screen and (max-width: 320px) { .section-space55 { padding: 61px 0 15px; } } .section-space-service { padding: 60px 0 130px; } @media only screen and (max-width: 1199px) { .section-space-service { padding: 50px 0 120px; } } @media only screen and (max-width: 991px) { .section-space-service { padding: 101px 0 110px; } } @media only screen and (max-width: 767px) { .section-space-service { padding: 92px 0 100px; } } @media only screen and (max-width: 479px) { .section-space-service { padding: 71px 0 80px; } } @media only screen and (max-width: 320px) { .section-space-service { padding: 60px 0 70px; } } .section-space { padding: 116px 0 70px; } @media only screen and (max-width: 1199px) { .section-space { padding: 107px 0 120px; } } @media only screen and (max-width: 991px) { .section-space { padding: 99px 0 110px; } } @media only screen and (max-width: 767px) { .section-space { padding: 92px 0 100px; } } @media only screen and (max-width: 479px) { .section-space { padding: 72px 0 80px; padding-top:0px !important; } .header-top-bar-bottom { border-bottom: 2px solid #fcb000 !important; } } @media only screen and (max-width: 320px) { .section-space { padding: 61px 0 70px; } } .section-space-contact { padding: 100px 0 130px; } @media only screen and (max-width: 1199px) { .section-space-contact { padding: 90px 0 120px; } } @media only screen and (max-width: 991px) { .section-space-contact { padding: 80px 0 110px; } } @media only screen and (max-width: 767px) { .section-space-contact { padding: 70px 0 100px; } } @media only screen and (max-width: 479px) { .section-space-contact { padding: 60px 0 80px; } } @media only screen and (max-width: 320px) { .section-space-contact { padding: 50px 0 70px; } } .section-space-top-half { padding: 66px 0 130px; } @media only screen and (max-width: 1199px) { .section-space-top-half { padding: 106px 0 120px; } } @media only screen and (max-width: 991px) { .section-space-top-half { padding: 99px 0 110px; } } @media only screen and (max-width: 767px) { .section-space-top-half { padding: 91px 0 100px; } } @media only screen and (max-width: 479px) { .section-space-top-half { padding: 72px 0 80px; } } @media only screen and (max-width: 320px) { .section-space-top-half { padding: 61px 0 70px; } } .section-space30 { padding: 116px 0 100px; } @media only screen and (max-width: 1199px) { .section-space30 { padding: 107px 0 90px; } } @media only screen and (max-width: 991px) { .section-space30 { padding: 99px 0 80px; } } @media only screen and (max-width: 767px) { .section-space30 { padding: 92px 0 70px; } } @media only screen and (max-width: 479px) { .section-space30 { padding: 72px 0 50px; } } @media only screen and (max-width: 320px) { .section-space30 { padding: 61px 0 40px; } } .section-space10 { padding: 116px 0 120px; } @media only screen and (max-width: 1199px) { .section-space10 { padding: 107px 0 110px; } } @media only screen and (max-width: 991px) { .section-space10 { padding: 99px 0 100px; } } @media only screen and (max-width: 767px) { .section-space10 { padding: 92px 0 90px; } } @media only screen and (max-width: 479px) { .section-space10 { padding: 72px 0 70px; } } @media only screen and (max-width: 320px) { .section-space10 { padding: 61px 0 60px; } } #preloader { background: #f1fafa url('img/preloader.gif') no-repeat scroll center center; height: 100%; left: 0; overflow: visible; position: fixed; top: 0; width: 100%; z-index: 9999999; } #scrollUp { background-color: rgba(199, 201, 206, 0.8); bottom: 5px; color: #ffffff; display: block; font-size: 30px; height: 60px; line-height: 60px; position: fixed; right: 20px; text-align: center; text-decoration: none; transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s; width: 60px; z-index: 99999; border-radius: 50%; } #scrollUp i { color: #ffffff; } #scrollUp:hover, #scrollUp:focus { background-color: rgba(255, 255, 255, 0.8); } #scrollUp:hover i, #scrollUp:focus i { color: #ffffff; } .search-layout1 { padding: 40px 0; } .search-layout1 .search-form input { height: 52px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; color: #333333; } @media only screen and (max-width: 600px) { .search-layout1 .search-form input { border-bottom-left-radius: 0; border-top-left-radius: 0; } } .search-layout1 .search-form input:focus { outline: 0; } .search-layout1 .search-form .select2-container--classic .select2-selection--single { height: 52px; border-radius: 0; } .search-layout1 .search-form .select2-container--classic .select2-selection--single .select2-selection__arrow { opacity: 0; } .search-layout1 .search-form .select2-container--classic .select2-selection--single .select2-selection__rendered { padding-top: 12px; color: #222222; } .search-layout1 .search-form .select2-container .select2-selection--single .select2-selection__rendered:focus { outline: none; border: 0; } .search-layout1 .search-form input.search-input:focus { outline-width: 0; outline: none; } .search-layout1 .search-form input::-webkit-input-placeholder, .search-layout1 .search-form textarea::-webkit-input-placeholder { color: #222222; } .search-layout1 .search-form input::-moz-placeholder, .search-layout1 .search-form textarea::-moz-placeholder { color: #222222; } .search-layout1 .search-form input:-moz-placeholder, .search-layout1 .search-form textarea:-moz-placeholder { color: #222222; } .search-layout1 .search-form input:-ms-input-placeholder, .search-layout1 .search-form textarea:-ms-input-placeholder { color: #222222; } .search-layout1 .search-form .custom-select { position: relative; } .search-layout1 .search-form .custom-select:before { line-height: 2; content: "\f041"; position: absolute; top: 6px; right: 20px; font-family: FontAwesome; color: red; z-index: 8; font-size: 20px; color: #333333; } .search-layout1 .search-form .btn-search { background-color: #fcb000; padding: 15px 30px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; color: #ffffff; } @media only screen and (max-width: 600px) { .search-layout1 .search-form .btn-search { border-bottom-right-radius: 0; border-top-right-radius: 0; } } .search-layout1 .search-form .btn-search:hover { background-color: #ae7203; } /*======================================================================= [03] Header Area =========================================================================*/ .header-fixed { left: 0; right: 0; margin: 0 auto; top: 0; z-index: 100; position: fixed; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .header-contact-info ul li { display: inline-block; color: #ffffff; margin-right: 15px; text-transform: capitalize; padding: 12px 0; } .header-contact-info ul li:first-child { background: #ffffff; color: #333333; padding: 12px; /* -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);*/ } .header-contact-info ul li:first-child span { color: #fcb000; } .header-contact-info ul li i { margin-right: 10px; } .header-contact-info ul:last-child { margin-right: 0; } .header-contact-info-two ul li { display: inline-block; color: #ffffff; margin-right: 15px; text-transform: capitalize; padding: 12px 0; } .header-contact-info-two ul li:first-child { color: #000000; padding: 15px; } .header-contact-info-two ul li:first-child span { color: #ffffff; } .header-contact-info-two ul li:first-child i { color: #ffffff; } .header-contact-info-two ul li i { margin-right: 10px; } .header-contact-info-two ul:last-child { margin-right: 0; } .header-social ul { float: right; } .header-social ul li { display: inline-block; color: white; float: left; margin-left: 1px; } .header-social ul li a { text-align: center; height: 52px; width: 40px; line-height: 52px; display: inline-block; color: #ffffff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .header-social ul li a:hover { color: #fcb000; background-color: #ffffff; } .header-top-bar-bottom { border-bottom: 1px solid #e0e0e0; margin: 0 auto; } .header-top-bar-bottom .logo-area img { margin: 0 auto; } .main-menu-area nav ul { text-align: right; } .main-menu-area nav ul li { display: inline-block; position: relative; } .main-menu-area nav ul li a { padding: 37px 15px; display: block; text-transform: uppercase; text-decoration: none; color: #333333; font-weight: 500; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } .main-menu-area nav ul li a:hover { color: #fcb000; } .main-menu-area nav ul li ul { margin-top: 0; text-align: left; opacity: 0; visibility: hidden; position: absolute; top: 100%; transform: scaleY(0); transform-origin: 0 0 0; width: 240px; z-index: 99999; background: #fcb000; padding: 0; left: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .main-menu-area nav ul li ul > li { padding: 0; display: block; border-bottom: 1px solid #ae7203; } .main-menu-area nav ul li ul > li > a { padding: 10px 10px 10px 15px; display: block; color: #ffffff; } .main-menu-area nav ul li ul > li:last-child { border-bottom: none; } .main-menu-area nav ul li ul > li:hover, .main-menu-area nav ul li ul > li .active { background: #ae7203; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .main-menu-area nav ul li ul > li:hover a, .main-menu-area nav ul li ul > li .active a { color: #ffffff; } .main-menu-area nav ul li ul > li:hover a:before, .main-menu-area nav ul li ul > li .active a:before { opacity: 0; } .main-menu-area nav ul li:hover ul { opacity: 1; transform: scaleY(1); visibility: visible; } .main-menu-area nav ul li ul.mega-dropdown-menu { padding: 10px 20px; width: 500px; left: -375px; } .main-menu-area nav ul li ul.mega-dropdown-menu > li { width: 141px; border-bottom: none; display: inline-block; margin-right: 14px; } .main-menu-area nav ul li ul.mega-dropdown-menu > li:hover { background: transparent!important; } .main-menu-area nav ul li ul.mega-dropdown-menu > li:hover > a { color: #ffffff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .main-menu-area nav ul li ul.mega-dropdown-menu > li:hover > a:hover { color: #ffffff; background: #ae7203; padding-left: 10px; } .main-menu-area nav ul li ul.mega-dropdown-menu > li a { padding: 8px 0; display: block; border-bottom: 1px solid #ae7203; } .main-menu-area nav ul li ul.mega-dropdown-menu > li a:last-child { border-bottom: none; } .main-menu-area nav ul li ul.mega-dropdown-menu > li:last-child { margin-right: 0; } .main-menu-area nav ul li.has-child-menu { position: relative; } .main-menu-area nav ul li.has-child-menu > a { color: #ffffff; } .main-menu-area nav ul li.has-child-menu > a:after { font-family: 'FontAwesome'; content: "\f105"; float: right; } .main-menu-area nav ul li.has-child-menu > ul.thired-level { position: absolute; left: 240px; top: 0; opacity: 0; transform: scaleY(0); transform-origin: 0 0 0; transition: all 0.5s ease 0s; } .main-menu-area nav ul li.has-child-menu > ul.thired-level > li a { color: #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .main-menu-area nav ul li.has-child-menu > ul.thired-level > li:hover a { color: #ffffff; } .main-menu-area nav ul li.has-child-menu:hover ul.thired-level { opacity: 1; transform: scaleY(1); visibility: visible; } .stick { border-bottom: 2px solid #fcb000; background: rgba(255, 255, 255, 0.9); } .stick nav ul li a { padding: 25px 15px; color: #333333; } .stick nav ul li ul li a { padding: 10px 10px 10px 15px; color: #ffffff; } .header-search { position: relative; } .header-search .search-input { position: absolute; top: 0; right: 41px; z-index: 10; height: 35px; width: 250px; background: #fcb000; border: 1px solid #fcb000; padding: 5px 30px 8px; color: #ffffff; -webkit-border-radius: 45px; -moz-border-radius: 45px; -ms-border-radius: 45px; -o-border-radius: 45px; border-radius: 45px; display: none; } .header-search input.search-input:focus { outline-width: 0; outline: none; } .header-search .search-button { color: #ffffff; height: 35px; width: 35px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #fcb000; display: block; text-align: center; line-height: 35px; float: right; border: 0; } .header-search .search-button:focus { outline: none; } .header-search input::-webkit-input-placeholder { color: #ffffff; } .header-search input::-moz-placeholder { color: #ffffff; } .header-search input:-moz-placeholder { color: #ffffff; } .header-search input:-ms-input-placeholder { color: #ffffff; } .header-search-two { position: relative; } .header-search-two .search-input { position: absolute; top: 5px; right: 0; z-index: 8; height: 40px; width: 250px; background-color: transparent; border: 1px solid #e0e0e0; padding: 5px 30px 8px; -webkit-border-radius: 45px; -moz-border-radius: 45px; -ms-border-radius: 45px; -o-border-radius: 45px; border-radius: 45px; } .header-search-two input.search-input:focus { outline-width: 0; outline: none; } .header-search-two .search-button { color: #fcb000; display: block; position: absolute; top: 12px; right: 10px; z-index: 9; float: right; } .header-search-two input::-webkit-input-placeholder { color: #aaaaaa; } .header-search-two input::-moz-placeholder { color: #aaaaaa; } .header-search-two input:-moz-placeholder { color: #aaaaaa; } .header-search-two input:-ms-input-placeholder { color: #aaaaaa; } .header-style-two .main-menu-area nav > ul { text-align: center; } .header-style-two .main-menu-area nav > ul > li > a { padding: 0px 23px; line-height: 35px; } .header-style-two .header-top-bar-bottom { padding: 35px 0; } .header-style-two .call-area i { -webkit-border-radius: 45px; -moz-border-radius: 45px; -ms-border-radius: 45px; -o-border-radius: 45px; border-radius: 45px; color: #ffffff; background-color: #fcb000; height: 40px; width: 40px; line-height: 40px; text-align: center; padding-right: 0; margin-right: 15px; margin-top: 7px; } .header-style-two .call-area p { margin-bottom: 0; } .header-style-two .call-area .call-number { line-height: 1; font-size: 24px; color: #333333; } @media only screen and (max-width: 991px) { header { display: none; } .mobildegizle { display:none; } .mobildegoster { display:block !important; } .idariliste { width:100%;} } @media only screen and (max-width: 1024px) { .header-style-two .main-menu-area nav > ul > li > a { padding: 0px 13px; line-height: 35px; } .inner-page-banner-area { margin-top: 375px !important; } } @media (min-width: 768px) { .mobile-menu-area { display: none; } } .mean-container .mean-bar { background: transparent !important; float: none; padding: 0 !important; position: fixed !important; } @media only screen and (max-width: 767px) { .mean-container .mean-bar a { padding: 10px 16px; display: inline-block; color:white; } } @media only screen and (max-width: 767px) { .mean-container .mean-bar .meanmenu-reveal { margin-top: 0px; } } .mean-container .mean-bar:after { content: ""; clear: both; display: block; } .mean-container .mean-nav { float: none !important; background: transparent !important; /* overflow: scroll;*/ position: relative; top: 1px; } .mean-container .mean-nav > ul { overflow-y: scroll; } .mean-container .mean-nav > ul li a { color: #333333; font-weight: 700; background: #fcb000; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .mean-container .mean-nav > ul li a:hover { color: #fcb000; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .mean-container .mean-nav > ul:after { content: ''; display: block; clear: both; } .mean-container .mean-bar a { padding: 10px 15px; display: inline-block; } .mean-container .mean-bar a.logo-mobile-menu { width: 100%; box-sizing: border-box; } .mean-container a.meanmenu-reveal { float: none !important; position: absolute; top: 9px; } .mean-bar + div #wrapper { padding-top: 52px; } .mean-container .mean-nav ul li li a { color: #333333; opacity: 1; } .mean-container .mean-nav ul li a.mean-expand { background-color: transparent; } .mean-container .mean-nav ul li a.mean-expand:hover { background-color: transparent; } .mobile-menu-back { position: relative; } .mobile-menu-back:before { background: #fcb000; content: ""; height: 55px; left: 0; position: absolute; top: -5px; width: 100%; z-index: -1; border-bottom: 1px solid #fcb000; } /*======================================================================= [04] Slider Area =========================================================================*/ .mt-148 { margin-top: 148px; } @media only screen and (max-width: 991px) { .mt-148 { margin-top: 50px; } } .mt-243 { margin-top: 243px; } @media only screen and (max-width: 991px) { .mt-243 { margin-top: 50px; } } .slider-area { position: relative; } .slider-area .nivo-controlNav { display: none; } .slider-area .nivo-directionNav a.nivo-prevNav { line-height: 1.7; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; left: 8px!important; width: 60px; height: 60px; border: 1px solid #e0e0e0; background-color: rgba(0, 0, 0, 0.1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .slider-area .nivo-directionNav a.nivo-prevNav:before { content: "\f104"; font-family: FontAwesome; color: #ffffff !important; cursor: pointer; font-size: 24px; margin: 0 auto; position: absolute; text-align: center; top: 8px; z-index: 9; left: 0; right: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .slider-area .nivo-directionNav a.nivo-prevNav:hover { background-color: #ffffff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .slider-area .nivo-directionNav a.nivo-prevNav:hover:before { color: #fcb000 !important; background: transparent!important; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .slider-area .nivo-directionNav a.nivo-nextNav { line-height: 1.7; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; right: 8px!important; width: 60px; height: 60px; border: 1px solid #e0e0e0; background-color: rgba(0, 0, 0, 0.1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .slider-area .nivo-directionNav a.nivo-nextNav:before { content: "\f105"; font-family: FontAwesome; color: #ffffff !important; cursor: pointer; font-size: 24px; margin: 0 auto; position: absolute; text-align: center; top: 8px; z-index: 9; left: 0; right: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .slider-area .nivo-directionNav a.nivo-nextNav:hover { background-color: #ffffff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .slider-area .nivo-directionNav a.nivo-nextNav:hover:before { color: #fcb000 !important; background: transparent!important; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .nivo-caption { opacity: 1; } .slider-layout-1 .slide-1 .top-title, .slider-layout-1 .slide-2 .top-title, .slider-layout-1 .slide-3 .top-title { font-size: 40px; font-weight: 500; text-transform: uppercase; color: #ffffff; margin-bottom: 0; line-height: 1; } .slider-layout-1 .slide-1 .top-title span, .slider-layout-1 .slide-2 .top-title span, .slider-layout-1 .slide-3 .top-title span { color: #fcb000; } @media only screen and (max-width: 1199px) { .slider-layout-1 .slide-1 .top-title, .slider-layout-1 .slide-2 .top-title, .slider-layout-1 .slide-3 .top-title { font-size: 36px; } } @media only screen and (max-width: 991px) { .slider-layout-1 .slide-1 .top-title, .slider-layout-1 .slide-2 .top-title, .slider-layout-1 .slide-3 .top-title { font-size: 32px; } } @media only screen and (max-width: 767px) { .slider-layout-1 .slide-1 .top-title, .slider-layout-1 .slide-2 .top-title, .slider-layout-1 .slide-3 .top-title { font-size: 30px; } } @media only screen and (max-width: 479px) { .slider-layout-1 .slide-1 .top-title, .slider-layout-1 .slide-2 .top-title, .slider-layout-1 .slide-3 .top-title { font-size: 24px; margin-bottom: 20px; } } @media only screen and (max-width: 320px) { .slider-layout-1 .slide-1 .top-title, .slider-layout-1 .slide-2 .top-title, .slider-layout-1 .slide-3 .top-title { font-size: 22px; } } .slider-layout-1 .slide-1 .slider-btn-left a, .slider-layout-1 .slide-2 .slider-btn-left a, .slider-layout-1 .slide-3 .slider-btn-left a { margin-right: 15px; } .slider-layout-1 .slide-1 .slider-btn-right a, .slider-layout-1 .slide-2 .slider-btn-right a, .slider-layout-1 .slide-3 .slider-btn-right a { margin-left: 15px; } .slider-layout-1 .slide-1 .mid-title, .slider-layout-1 .slide-2 .mid-title, .slider-layout-1 .slide-3 .mid-title { font-size: 30px; text-transform: uppercase; font-weight: 700; line-height: 1.5; margin-bottom: 50px; } .slider-layout-1 .slide-1 .mid-title span, .slider-layout-1 .slide-2 .mid-title span, .slider-layout-1 .slide-3 .mid-title span { color: #fcb000; } @media only screen and (max-width: 1199px) { .slider-layout-1 .slide-1 .mid-title, .slider-layout-1 .slide-2 .mid-title, .slider-layout-1 .slide-3 .mid-title { font-size: 42px; } } @media only screen and (max-width: 991px) { .slider-layout-1 .slide-1 .mid-title, .slider-layout-1 .slide-2 .mid-title, .slider-layout-1 .slide-3 .mid-title { font-size: 38px; } } @media only screen and (max-width: 767px) { .slider-layout-1 .slide-1 .mid-title, .slider-layout-1 .slide-2 .mid-title, .slider-layout-1 .slide-3 .mid-title { font-size: 34px; margin-bottom: 20px; } } @media only screen and (max-width: 479px) { .slider-layout-1 .slide-1 .mid-title, .slider-layout-1 .slide-2 .mid-title, .slider-layout-1 .slide-3 .mid-title { display: none; } } .slider-layout-1 .slide-1 p, .slider-layout-1 .slide-2 p, .slider-layout-1 .slide-3 p { letter-spacing: 1px; margin-bottom: 50px; line-height: 1.7; } .slider-layout-1 .nivo-caption { top: 40px; } @media only screen and (max-width: 767px) { .slider-layout-1 .nivo-caption { top: 0; } } @media only screen and (max-width: 479px) { .slider-layout-1 .nivo-caption { top: 0; } } @media only screen and (max-width: 320px) { .slider-layout-1 .nivo-caption { top: -10px; } } .slider-layout-2 .slide-1 .title-container, .slider-layout-2 .slide-2 .title-container, .slider-layout-2 .slide-3 .title-container { padding-left: 50px; } @media only screen and (max-width: 767px) { .slider-layout-2 .slide-1 .title-container, .slider-layout-2 .slide-2 .title-container, .slider-layout-2 .slide-3 .title-container { padding-left: 0; display: block; } } .slider-layout-2 .slide-1 .top-title, .slider-layout-2 .slide-2 .top-title, .slider-layout-2 .slide-3 .top-title { font-size: 64px; text-transform: uppercase; font-weight: 700; line-height: 80px; } .slider-layout-2 .slide-1 .top-title span, .slider-layout-2 .slide-2 .top-title span, .slider-layout-2 .slide-3 .top-title span { color: #fcb000; } @media only screen and (max-width: 1199px) { .slider-layout-2 .slide-1 .top-title, .slider-layout-2 .slide-2 .top-title, .slider-layout-2 .slide-3 .top-title { font-size: 36px; } } @media only screen and (max-width: 991px) { .slider-layout-2 .slide-1 .top-title, .slider-layout-2 .slide-2 .top-title, .slider-layout-2 .slide-3 .top-title { font-size: 30px; line-height: 60px; } } @media only screen and (max-width: 767px) { .slider-layout-2 .slide-1 .top-title, .slider-layout-2 .slide-2 .top-title, .slider-layout-2 .slide-3 .top-title { font-size: 26px; line-height: 50px; } } .slider-layout-2 .slide-1 .mid-title, .slider-layout-2 .slide-2 .mid-title, .slider-layout-2 .slide-3 .mid-title { font-size: 64px; text-transform: uppercase; margin-bottom: 50px; font-weight: 700; line-height: 80px; text-align: left; } .slider-layout-2 .slide-1 .mid-title span, .slider-layout-2 .slide-2 .mid-title span, .slider-layout-2 .slide-3 .mid-title span { padding: 0 5px; display: inline-block; color: #fcb000; background-color: #ffffff; } @media only screen and (max-width: 767px) { .slider-layout-2 .slide-1 .mid-title span, .slider-layout-2 .slide-2 .mid-title span, .slider-layout-2 .slide-3 .mid-title span { background-color: transparent; } } @media only screen and (max-width: 1199px) { .slider-layout-2 .slide-1 .mid-title, .slider-layout-2 .slide-2 .mid-title, .slider-layout-2 .slide-3 .mid-title { font-size: 42px; } } @media only screen and (max-width: 991px) { .slider-layout-2 .slide-1 .mid-title, .slider-layout-2 .slide-2 .mid-title, .slider-layout-2 .slide-3 .mid-title { font-size: 38px; line-height: 60px; margin-bottom: 35px; } } @media only screen and (max-width: 767px) { .slider-layout-2 .slide-1 .mid-title, .slider-layout-2 .slide-2 .mid-title, .slider-layout-2 .slide-3 .mid-title { font-size: 30px; line-height: 30px; margin-bottom: 30px; text-align: center!important; } } @media only screen and (max-width: 767px) { .slider-layout-2 .slide-1 .slider-btn-area, .slider-layout-2 .slide-2 .slider-btn-area, .slider-layout-2 .slide-3 .slider-btn-area { text-align: center!important; } } @media only screen and (max-width: 479px) { .slider-layout-2 .slide-1 .slider-btn-area, .slider-layout-2 .slide-2 .slider-btn-area, .slider-layout-2 .slide-3 .slider-btn-area { display: none; } } .slider-layout-2 .slide-1 p, .slider-layout-2 .slide-2 p, .slider-layout-2 .slide-3 p { letter-spacing: 1px; margin-bottom: 50px; line-height: 1.7; } .slider-layout-2 .nivo-caption { opacity: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 80%; } @media only screen and (max-width: 1199px) { .slider-layout-2 .nivo-caption { top: 70%; } } @media only screen and (max-width: 767px) { .slider-layout-2 .nivo-caption { top: 65%; } } .slider-layout-3 .slide-1 .top-title, .slider-layout-3 .slide-2 .top-title, .slider-layout-3 .slide-3 .top-title { font-size: 64px; font-weight: 500; text-transform: uppercase; color: #ffffff; margin-bottom: 20px; line-height: 64px; } .slider-layout-3 .slide-1 .top-title span, .slider-layout-3 .slide-2 .top-title span, .slider-layout-3 .slide-3 .top-title span { color: #fcb000; } @media only screen and (max-width: 1199px) { .slider-layout-3 .slide-1 .top-title, .slider-layout-3 .slide-2 .top-title, .slider-layout-3 .slide-3 .top-title { font-size: 36px; line-height: 54px; } } @media only screen and (max-width: 991px) { .slider-layout-3 .slide-1 .top-title, .slider-layout-3 .slide-2 .top-title, .slider-layout-3 .slide-3 .top-title { font-size: 32px; line-height: 50px; } } @media only screen and (max-width: 767px) { .slider-layout-3 .slide-1 .top-title, .slider-layout-3 .slide-2 .top-title, .slider-layout-3 .slide-3 .top-title { font-size: 30px; line-height: 40px; margin-bottom: 10px; } } @media only screen and (max-width: 479px) { .slider-layout-3 .slide-1 .top-title, .slider-layout-3 .slide-2 .top-title, .slider-layout-3 .slide-3 .top-title { font-size: 24px; line-height: 20px; } } @media only screen and (max-width: 320px) { .slider-layout-3 .slide-1 .top-title, .slider-layout-3 .slide-2 .top-title, .slider-layout-3 .slide-3 .top-title { font-size: 22px; line-height: 24px; } } .slider-layout-3 .slide-1 .mid-title, .slider-layout-3 .slide-2 .mid-title, .slider-layout-3 .slide-3 .mid-title { font-size: 56px; text-transform: uppercase; margin-bottom: 40px; font-weight: 700; line-height: 80px; } .slider-layout-3 .slide-1 .mid-title span, .slider-layout-3 .slide-2 .mid-title span, .slider-layout-3 .slide-3 .mid-title span { padding: 0 5px; display: inline-block; color: #fcb000; background-color: #ffffff; } @media only screen and (max-width: 1199px) { .slider-layout-3 .slide-1 .mid-title, .slider-layout-3 .slide-2 .mid-title, .slider-layout-3 .slide-3 .mid-title { font-size: 42px; line-height: 70px; } } @media only screen and (max-width: 991px) { .slider-layout-3 .slide-1 .mid-title, .slider-layout-3 .slide-2 .mid-title, .slider-layout-3 .slide-3 .mid-title { font-size: 38px; line-height: 60px; margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .slider-layout-3 .slide-1 .mid-title, .slider-layout-3 .slide-2 .mid-title, .slider-layout-3 .slide-3 .mid-title { font-size: 32px; line-height: 50px; margin-bottom: 20px; } } @media only screen and (max-width: 479px) { .slider-layout-3 .slide-1 .mid-title, .slider-layout-3 .slide-2 .mid-title, .slider-layout-3 .slide-3 .mid-title { font-size: 24px; line-height: 40px; margin-bottom: 15px; } } @media only screen and (max-width: 320px) { .slider-layout-3 .slide-1 .mid-title, .slider-layout-3 .slide-2 .mid-title, .slider-layout-3 .slide-3 .mid-title { font-size: 22px; line-height: 30px; } } @media only screen and (max-width: 479px) { .slider-layout-3 .slide-1 .slider-btn-area, .slider-layout-3 .slide-2 .slider-btn-area, .slider-layout-3 .slide-3 .slider-btn-area { display: none; } } .slider-layout-3 .nivo-caption { top: 40px; } @media only screen and (max-width: 1199px) { .slider-layout-3 .nivo-caption { top: 20px; } } @media only screen and (max-width: 991px) { .slider-layout-3 .nivo-caption { top: 10px; } } @media only screen and (max-width: 767px) { .slider-layout-3 .nivo-caption { top: 0px; } } @media only screen and (max-width: 479px) { .slider-layout-3 .nivo-caption { top: -5px; } } @media only screen and (max-width: 320px) { .slider-layout-3 .nivo-caption { top: -10px; } } .slider-layout-4 .slide-1 .top-title, .slider-layout-4 .slide-2 .top-title, .slider-layout-4 .slide-3 .top-title { font-size: 30px; font-weight: 700; text-transform: uppercase; color: #ffffff; margin-bottom: 5px; line-height: 64px; } .slider-layout-4 .slide-1 .top-title span, .slider-layout-4 .slide-2 .top-title span, .slider-layout-4 .slide-3 .top-title span { color: #fcb000; } @media only screen and (max-width: 1199px) { .slider-layout-4 .slide-1 .top-title, .slider-layout-4 .slide-2 .top-title, .slider-layout-4 .slide-3 .top-title { font-size: 36px; line-height: 54px; } } @media only screen and (max-width: 991px) { .slider-layout-4 .slide-1 .top-title, .slider-layout-4 .slide-2 .top-title, .slider-layout-4 .slide-3 .top-title { font-size: 32px; line-height: 50px; } } @media only screen and (max-width: 767px) { .slider-layout-4 .slide-1 .top-title, .slider-layout-4 .slide-2 .top-title, .slider-layout-4 .slide-3 .top-title { font-size: 30px; line-height: 40px; margin-bottom: 10px; } } @media only screen and (max-width: 479px) { .slider-layout-4 .slide-1 .top-title, .slider-layout-4 .slide-2 .top-title, .slider-layout-4 .slide-3 .top-title { font-size: 24px; line-height: 20px; } } @media only screen and (max-width: 320px) { .slider-layout-4 .slide-1 .top-title, .slider-layout-4 .slide-2 .top-title, .slider-layout-4 .slide-3 .top-title { font-size: 22px; line-height: 24px; } } .slider-layout-4 .slide-1 .mid-title, .slider-layout-4 .slide-2 .mid-title, .slider-layout-4 .slide-3 .mid-title { font-size: 30px; color: #ffffff !important; text-transform: uppercase; width: 60%; margin: 0 auto 40px; font-weight: 700; line-height: 1.4; } .slider-layout-4 .slide-1 .mid-title span, .slider-layout-4 .slide-2 .mid-title span, .slider-layout-4 .slide-3 .mid-title span { color: #fcb000; } @media only screen and (max-width: 1199px) { .slider-layout-4 .slide-1 .mid-title, .slider-layout-4 .slide-2 .mid-title, .slider-layout-4 .slide-3 .mid-title { font-size: 42px; } } @media only screen and (max-width: 991px) { .slider-layout-4 .slide-1 .mid-title, .slider-layout-4 .slide-2 .mid-title, .slider-layout-4 .slide-3 .mid-title { font-size: 38px; width: 80%; } } @media only screen and (max-width: 767px) { .slider-layout-4 .slide-1 .mid-title, .slider-layout-4 .slide-2 .mid-title, .slider-layout-4 .slide-3 .mid-title { font-size: 32px; width: 90%; margin: 0 auto 10px; } } @media only screen and (max-width: 479px) { .slider-layout-4 .slide-1 .mid-title, .slider-layout-4 .slide-2 .mid-title, .slider-layout-4 .slide-3 .mid-title { font-size: 24px; margin: 0 auto; } } @media only screen and (max-width: 320px) { .slider-layout-4 .slide-1 .mid-title, .slider-layout-4 .slide-2 .mid-title, .slider-layout-4 .slide-3 .mid-title { font-size: 22px; } } @media only screen and (max-width: 600px) { .slider-layout-4 .slide-1 .slider-btn-area, .slider-layout-4 .slide-2 .slider-btn-area, .slider-layout-4 .slide-3 .slider-btn-area { display: none; } } .slider-layout-4 .nivo-caption { top: 40px; } @media only screen and (max-width: 991px) { .slider-layout-4 .nivo-caption { top: 0px; } } @media only screen and (max-width: 479px) { .slider-layout-4 .nivo-caption { top: -10px; } } .slider-area .slide-1 .top-title-slide { -webkit-animation: fadeInLeft 500ms ease-in-out; -moz-animation: fadeInLeft 500ms ease-in-out; -ms-animation: fadeInLeft 500ms ease-in-out; animation: fadeInLeft 500ms ease-in-out; } .slider-area .slide-1 .mid-title-slide { -webkit-animation: fadeInLeft 1000ms ease-in-out; -moz-animation: fadeInLeft 1000ms ease-in-out; -ms-animation: fadeInLeft 1000ms ease-in-out; animation: fadeInLeft 1000ms ease-in-out; } .slider-area .slide-1 .slider-btn-area { -webkit-animation: fadeInLeft 2000ms ease-in-out; -moz-animation: fadeInLeft 2000ms ease-in-out; -ms-animation: fadeInLeft 2000ms ease-in-out; animation: fadeInLeft 2000ms ease-in-out; } .slider-area .slide-2 .top-title-slide { -webkit-animation: fadeInRight 500ms ease-in-out; -moz-animation: fadeInRight 500ms ease-in-out; -ms-animation: fadeInRight 500ms ease-in-out; animation: fadeInRight 500ms ease-in-out; } .slider-area .slide-2 .mid-title-slide { -webkit-animation: fadeInRight 1000ms ease-in-out; -moz-animation: fadeInRight 1000ms ease-in-out; -ms-animation: fadeInRight 1000ms ease-in-out; animation: fadeInRight 1000ms ease-in-out; } .slider-area .slide-2 .slider-btn-area { -webkit-animation: fadeInRight 2000ms ease-in-out; -moz-animation: fadeInRight 2000ms ease-in-out; -ms-animation: fadeInRight 2000ms ease-in-out; animation: fadeInRight 2000ms ease-in-out; } .slider-area .slide-3 .top-title-slide { -webkit-animation: bounceInDown 500ms ease-in-out; -moz-animation: bounceInDown 500ms ease-in-out; -ms-animation: bounceInDown 500ms ease-in-out; animation: bounceInDown 500ms ease-in-out; } .slider-area .slide-3 .mid-title-slide { -webkit-animation: bounceInDown 2000ms ease-in-out; -moz-animation: bounceInDown 2000ms ease-in-out; -ms-animation: bounceInDown 2000ms ease-in-out; animation: bounceInDown 2000ms ease-in-out; } .slider-area .slide-3 .slider-btn-area { -webkit-animation: bounceInUp 2000ms ease-in-out; -moz-animation: bounceInUp 2000ms ease-in-out; -ms-animation: bounceInUp 2000ms ease-in-out; animation: bounceInUp 2000ms ease-in-out; } /*======================================================================= [05] About Area =========================================================================*/ .about-sub-title { margin-bottom: 10px; display: block; color: #333333; font-size: 22px; } .about-sub-title span { font-weight: 500; } .about-layout1 { padding-left: 50px; } @media only screen and (max-width: 991px) { .about-layout1 { padding-left: 0; } } .about-layout1 span { color: #fcb000; font-size: 30px; font-weight: 300; text-transform: uppercase; } .about-layout1 h2 { font-size: 40px; color: #333333; text-transform: uppercase; font-weight: 700; } @media only screen and (max-width: 1199px) { .about-layout1 h2 { font-size: 36px; } } @media only screen and (max-width: 991px) { .about-layout1 h2 { font-size: 34px; } } @media only screen and (max-width: 767px) { .about-layout1 h2 { font-size: 32px; } } @media only screen and (max-width: 479px) { .about-layout1 h2 { font-size: 28px; } } @media only screen and (max-width: 320px) { .about-layout1 h2 { font-size: 24px; } } .about-layout1 ul li { text-transform: capitalize; margin-bottom: 8px; } .about-layout1 ul li:last-child { margin-bottom: 0; } .about-layout1 ul li i { color: #fcb000; margin-right: 10px; } .about-layout2 .item-content { padding: 123px 30px 130px; position: relative; z-index: 5; text-align: center; } @media only screen and (max-width: 1199px) { .about-layout2 .item-content { padding: 113px 30px 120px; } } @media only screen and (max-width: 991px) { .about-layout2 .item-content { padding: 103px 30px 110px; } } @media only screen and (max-width: 767px) { .about-layout2 .item-content { padding: 93px 20px 100px; } } @media only screen and (max-width: 479px) { .about-layout2 .item-content { padding: 73px 15px 80px; } } @media only screen and (max-width: 320px) { .about-layout2 .item-content { padding: 63px 10px 70px; } } .about-layout2 .item-content h2 { font-size: 36px; color: #ffffff; text-transform: uppercase; font-weight: 700; margin-bottom: 35px; } @media only screen and (max-width: 1199px) { .about-layout2 .item-content h2 { font-size: 29px; } } @media only screen and (max-width: 991px) { .about-layout2 .item-content h2 { font-size: 34px; } } @media only screen and (max-width: 767px) { .about-layout2 .item-content h2 { font-size: 30px; } } @media only screen and (max-width: 479px) { .about-layout2 .item-content h2 { font-size: 28px; } } @media only screen and (max-width: 320px) { .about-layout2 .item-content h2 { font-size: 26px; } } .about-layout2 .item-content p { color: #ffffff; margin-bottom: 50px; } ul.about-info-list li { margin-bottom: 10px; position: relative; padding-left: 30px; } ul.about-info-list li:last-child { margin-bottom: 0; } ul.about-info-list li i { position: absolute; top: 5px; left: 0; color: #fcb000; } .about-layout3 li { margin-bottom: 20px; } .about-layout3 li:last-child { margin-bottom: 0; } .about-layout3 li:last-child p { margin-bottom: 0; } .about-layout3 i { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 1px solid #ffffff; height: 60px; width: 60px; color: #ffffff; text-align: center; line-height: 1.9; font-size: 30px; padding-left: 3px; padding-right: 0!important; margin-right: 20px!important; } .about-layout3 p { color: #ffffff; } .about-layout3 h3 a { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .about-layout3 h3 a:hover { color: #333333; } .history-year .item { margin-bottom: 20px; text-align: center; font-size: 20px; font-weight: 500; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); } .history-year .item a { height: 60px; line-height: 60px; color: #222222; display: block; background-color: #ffffff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .history-year .item a:hover { background-color: #fcb000; color: #ffffff; } .history-year .item p { margin-bottom: 0; } /*======================================================================= [06] Appointment Area =========================================================================*/ .appointment-layout1 h2 { font-size: 30px; margin-bottom: 40px; text-transform: uppercase; line-height: 1.2; font-weight: 500; color: #333333; } .appointment-layout1 h2 span { color: #fcb000; } .appointment-layout1 input { color: #333333; height: 50px; border: 1px solid #ffffff; box-shadow: none; } .appointment-layout1 input:focus { border-color: #ffffff; border: 0; outline: 0; } .appointment-layout1 textarea { color: #333333; padding: 15px 0 0 15px; height: 130px; border: 0; -webkit-box-shadow: 0px -1px 0px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -1px 0px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 0px 1px rgba(0, 0, 0, 0.15); } .appointment-layout1 .form-control:focus { box-shadow: none; } .appointment-layout1 input.form-control::-webkit-input-placeholder { color: #676767; } .appointment-layout1 input.form-control::-moz-placeholder { color: #676767; } .appointment-layout1 input.form-control:-moz-placeholder { color: #676767; } .appointment-layout1 input.form-control:-ms-input-placeholder { color: #676767; } .appointment-layout1 textarea.form-control::-webkit-input-placeholder { color: #676767; } .appointment-layout1 textarea.form-control::-moz-placeholder { color: #676767; } .appointment-layout1 textarea.form-control:-moz-placeholder { color: #676767; } .appointment-layout1 textarea.form-control:-ms-input-placeholder { color: #676767; } .appointment-layout2 { padding: 70px 30px; } .appointment-layout2 h2 { font-size: 36px; text-transform: uppercase; line-height: 1.2; font-weight: 700; color: #ffffff; } @media only screen and (max-width: 1199px) { .appointment-layout2 h2 { font-size: 32px; } } @media only screen and (max-width: 991px) { .appointment-layout2 h2 { font-size: 30px; } } @media only screen and (max-width: 767px) { .appointment-layout2 h2 { font-size: 28px; } } @media only screen and (max-width: 479px) { .appointment-layout2 h2 { font-size: 26px; } } @media only screen and (max-width: 320px) { .appointment-layout2 h2 { font-size: 24px; } } .appointment-layout2 h3 { margin-bottom: 30px; font-size: 24px; font-weight: 300; color: #ffffff; } @media only screen and (max-width: 767px) { .appointment-layout2 h3 { font-size: 22px; } } @media only screen and (max-width: 479px) { .appointment-layout2 h3 { font-size: 20px; } } .appointment-layout2 input { color: #333333; height: 50px; border: 1px solid #ffffff; box-shadow: none; } .appointment-layout2 input:focus { border-color: #ffffff; } .appointment-layout2 textarea { color: #333333; padding: 15px 0 0 15px; height: 130px; border: 0; -webkit-box-shadow: 0px -1px 0px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -1px 0px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 0px 1px rgba(0, 0, 0, 0.15); } .appointment-layout2 input.form-control::-webkit-input-placeholder { color: #676767; } .appointment-layout2 input.form-control::-moz-placeholder { color: #676767; } .appointment-layout2 input.form-control:-moz-placeholder { color: #676767; } .appointment-layout2 input.form-control:-ms-input-placeholder { color: #676767; } .appointment-layout2 textarea.form-control::-webkit-input-placeholder { color: #676767; } .appointment-layout2 textarea.form-control::-moz-placeholder { color: #676767; } .appointment-layout2 textarea.form-control:-moz-placeholder { color: #676767; } .appointment-layout2 textarea.form-control:-ms-input-placeholder { color: #676767; } .appointment-layout3 { padding: 70px 30px; position: relative; } @media only screen and (max-width: 991px) { .appointment-layout3 { margin-bottom: 80px; } } .appointment-layout3:after { content: ""; height: 25px; width: 100%; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background-color: #fcb000; z-index: 1; position: absolute; top: -25px; left: 0; right: 0; } .appointment-layout3:before { content: ""; height: 25px; width: 100%; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; background-color: #fcb000; z-index: 1; position: absolute; bottom: -25px; left: 0; right: 0; } .appointment-layout3 h2 { font-size: 36px; text-transform: uppercase; line-height: 1.2; font-weight: 700; color: #ffffff; } @media only screen and (max-width: 1199px) { .appointment-layout3 h2 { font-size: 32px; } } @media only screen and (max-width: 991px) { .appointment-layout3 h2 { font-size: 30px; } } @media only screen and (max-width: 767px) { .appointment-layout3 h2 { font-size: 28px; } } @media only screen and (max-width: 479px) { .appointment-layout3 h2 { font-size: 26px; } } @media only screen and (max-width: 320px) { .appointment-layout3 h2 { font-size: 24px; } } .appointment-layout3 h3 { margin-bottom: 30px; font-size: 24px; font-weight: 300; color: #ffffff; } @media only screen and (max-width: 767px) { .appointment-layout3 h3 { font-size: 22px; } } @media only screen and (max-width: 479px) { .appointment-layout3 h3 { font-size: 20px; } } .appointment-layout3 input { color: #333333; height: 50px; border: 1px solid #ffffff; box-shadow: none; } .appointment-layout3 input:focus { border-color: #ffffff; } .appointment-layout3 textarea { color: #333333; padding: 15px 0 0 15px; height: 130px; border: 0; -webkit-box-shadow: 0px -1px 0px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -1px 0px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 0px 1px rgba(0, 0, 0, 0.15); } .appointment-layout3 input.form-control::-webkit-input-placeholder { color: #676767; } .appointment-layout3 input.form-control::-moz-placeholder { color: #676767; } .appointment-layout3 input.form-control:-moz-placeholder { color: #676767; } .appointment-layout3 input.form-control:-ms-input-placeholder { color: #676767; } .appointment-layout3 textarea.form-control::-webkit-input-placeholder { color: #676767; } .appointment-layout3 textarea.form-control::-moz-placeholder { color: #676767; } .appointment-layout3 textarea.form-control:-moz-placeholder { color: #676767; } .appointment-layout3 textarea.form-control:-ms-input-placeholder { color: #676767; } .appointment-carousel { position: relative; } .appointment-carousel img { width: 100%; } .appointment-carousel .law-carousel { position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 0; right: 0; z-index: 1; } .appointment-carousel-box { text-align: center; padding: 0 60px; } .appointment-carousel-box .amount { line-height: 1.4; font-size: 60px; color: #ffffff; display: block; } @media only screen and (max-width: 1199px) { .appointment-carousel-box .amount { font-size: 52px; } } @media only screen and (max-width: 991px) { .appointment-carousel-box .amount { font-size: 46px; } } @media only screen and (max-width: 767px) { .appointment-carousel-box .amount { font-size: 40px; } } @media only screen and (max-width: 479px) { .appointment-carousel-box .amount { font-size: 36px; } } @media only screen and (max-width: 320px) { .appointment-carousel-box .amount { font-size: 30px; } } .appointment-carousel-box p { color: #ffffff; } @media only screen and (max-width: 991px) { .appointment-carousel-box h3 { margin-bottom: 40px; } } @media only screen and (max-width: 767px) { .appointment-carousel-box h3 { margin-bottom: 30px; } } @media only screen and (max-width: 479px) { .appointment-carousel-box h3 { margin-bottom: 20px; } } .appointment-area { position: relative; z-index: 1; top: -52px; } /*======================================================================= [07] Award Area =========================================================================*/ .award-area { position: relative; top: -60px; z-index: 8; } .award-area .tab-title li { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; display: inline-block; background-color: #fcb000; font-size: 20px; } .award-area .tab-title li a { display: inline-block; padding: 12px 35px; color: #ffffff; } .award-area .tab-title .active { background-color: #ffffff; } .award-area .tab-title .active a { color: #fcb000; } .award-area .tab-content { height: 230px; padding: 55px; } .award-area .tab-content .item-img { padding: 15px 45px; background-color: #ffffff; } .award-area .tab-content .owl-theme .owl-nav { margin-top: 0; } /*======================================================================= [08] Case Result Area =========================================================================*/ .case-result-layout1 { background-image: url("img/case/case1.jpg"); } .case-result-box1 { text-align: center; } .case-result-box1 .item-img { position: relative; } .case-result-box1 .item-img:before { content: ""; background-color: rgba(204, 136, 9, 0.9); height: 100%; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; right: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .case-result-box1 .item-img .item-content { position: absolute; top: 50%; z-index: 2; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .case-result-box1 .item-img .item-content span { font-size: 18px; text-transform: capitalize; margin-bottom: 0; display: block; color: #ffffff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .case-result-box1 .item-img .item-content .price { margin-bottom: 15px; font-size: 24px; font-weight: 700; color: #ffffff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .case-result-box1 .item-img .item-content p { color: #ffffff; width: 90%; margin: 0 auto; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .case-result-box1:hover .item-img:before { background-color: rgba(255, 255, 255, 0.9); } .case-result-box1:hover .item-content span { color: #333333; } .case-result-box1:hover .item-content .price { color: #333333; } .case-result-box1:hover .item-content p { color: #333333; } .case-result-box1:hover h3 a { background: #fcb000; color: #ffffff; } .case-result-box1 h3 { margin-bottom: 0; } .case-result-box1 h3 a { background-color: #ffffff; padding: 15px 0; display: block; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } /*======================================================================= [09] Practice1 Area =========================================================================*/ .practice-layout1-area li { display: inline-block; position: relative; text-align: center; font-size: 18px; font-weight: 500; border-left: 1px solid #e0e0e0; width: 19.7%; } @media only screen and (max-width: 1199px) { .practice-layout1-area li { width: 19.6%; } } @media only screen and (max-width: 991px) { .practice-layout1-area li { width: 19.5%; padding: 0 15px; } } .practice-layout1-area li:last-child { border-right: 1px solid #e0e0e0; } .practice-layout1-area li a { width: 100%; display: block; color: #333333; padding: 50px 0 45px 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .practice-layout1-area li a i { margin-bottom: 30px; font-size: 48px; display: block; } .practice-layout1-area li a i:before { font-size: 48px; } .practice-layout1-area li a span { display: block; } .practice-layout1-area li a:hover { color: #fcb000; } .practice-layout1-area .active a { color: #fcb000; } .practice-layout2-area { margin-bottom: 70px; } .practice-layout2-area:after { clear: both; display: block; content: ""; } .practice-layout2-area li { display: inline-block; position: relative; text-align: center; font-size: 18px; font-weight: 500; border-left: 1px solid #e0e0e0; width: 16.66666%; float: left; } .practice-layout2-area li:last-child { border-right: 1px solid #e0e0e0; } .practice-layout2-area li a { width: 100%; display: block; color: #333333; padding: 30px 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media only screen and (max-width: 991px) { .practice-layout2-area li a i { margin-bottom: 0!important; } } @media only screen and (max-width: 479px) { .practice-layout2-area li a { padding: 10px 0; } } .practice-layout2-area li a i { margin-bottom: 15px; font-size: 48px; } @media only screen and (max-width: 767px) { .practice-layout2-area li a i { font-size: 36px; } } @media only screen and (max-width: 479px) { .practice-layout2-area li a i { font-size: 24px; } } .practice-layout2-area li a i:before { font-size: 48px; } @media only screen and (max-width: 767px) { .practice-layout2-area li a i:before { font-size: 36px; } } @media only screen and (max-width: 479px) { .practice-layout2-area li a i:before { font-size: 24px; } } .practice-layout2-area li a span { display: block; } @media only screen and (max-width: 991px) { .practice-layout2-area li a span { display: none; } } .practice-layout2-area li a:hover { color: #fcb000; } .practice-layout2-area .active a { color: #fcb000; } .practice-layout3-area li { display: inline-block; position: relative; text-align: center; font-size: 18px; font-weight: 500; border-left: 1px solid #e0e0e0; width: 20%; float: left; } .practice-layout3-area li:last-child { border-right: 1px solid #e0e0e0; } .practice-layout3-area li a { width: 100%; display: block; color: #333333; padding: 50px 0 45px 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media only screen and (max-width: 991px) { .practice-layout3-area li a { padding: 30px 0; } .practice-layout3-area li a i { margin-bottom: 0!important; } } @media only screen and (max-width: 479px) { .practice-layout3-area li a { padding: 10px 0; } } .practice-layout3-area li a i { margin-bottom: 30px; font-size: 48px; display: block; } @media only screen and (max-width: 479px) { .practice-layout3-area li a i { font-size: 24px; } } .practice-layout3-area li a i:before { font-size: 48px; } @media only screen and (max-width: 479px) { .practice-layout3-area li a i:before { font-size: 24px; } } .practice-layout3-area li a span { display: block; } @media only screen and (max-width: 991px) { .practice-layout3-area li a span { display: none; } } .practice-layout3-area li a:hover { background-color: #fcb000; color: #ffffff; } .practice-layout3-area .active a { background-color: #fcb000; color: #ffffff; } .practice-box-layout1 { margin-bottom: 30px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .practice-box-layout1 h3 { font-size: 22px; font-weight: 500; } .practice-box-layout1 h3 a { color: #333333; padding: 20px 0 20px 70px; display: block; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .practice-box-layout1 h3 a i { position: absolute; top: 12px; left: 25px; margin-right: 20px; background: #fcb000; height: 50px; width: 50px; border-radius: 50%; text-align: center; line-height: 50px; color: #ffffff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .practice-box-layout1:hover { background: #fcb000; } .practice-box-layout1:hover a { color: #ffffff; } .practice-box-layout1:hover a i { background: #ffffff; color: #fcb000; } .practice-box-layout2 { position: relative; margin-bottom: 30px; } .practice-box-layout2:before { content: ""; background: #ffffff; height: 100%; position: absolute; top: 0; left: 0; right: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .practice-box-layout2 .item-content { padding: 0 30px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 0; right: 0; position: absolute; text-align: center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .practice-box-layout2 .item-content h3 { font-size: 24px; text-transform: capitalize; margin-bottom: 20px; } .practice-box-layout2 .item-content h3 a { color: #333333; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .practice-box-layout2 .item-content i { height: 60px; width: 60px; background: #fcb000; color: #ffffff; border-radius: 50%; line-height: 60px; font-size: 22px; margin-bottom: 30px; border: 1px solid #ffffff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .practice-box-layout2 .item-content p { margin-bottom: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .practice-box-layout2:hover:before { background-color: rgba(204, 136, 9, 0.9); color: #ffffff; } .practice-box-layout2:hover .item-content h3 a { color: #ffffff; } .practice-box-layout2:hover .item-content h3 a:hover { opacity: 0.7; } .practice-box-layout2:hover i { background: transparent; } .practice-box-layout2:hover p { color: #ffffff; } .practice-box-layout3 { text-align: center; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); } .practice-box-layout3 .item-img { position: relative; } .practice-box-layout3 .item-img img { width: 100%; } .practice-box-layout3 .item-img:before { opacity: 0; visibility: hidden; content: ""; background-color: rgba(40, 46, 63, 0.5); position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; z-index: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .practice-box-layout3 .item-img a i { left: 0; right: 0; opacity: 0; visibility: hidden; color: #ffffff; font-size: 24px; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; z-index: 2; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .practice-box-layout3 .item-img a i:before { width: 40px; margin: 0 auto; left: 0; right: 0; opacity: 0; visibility: hidden; color: #ffffff; font-size: 30px; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; z-index: 2; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .practice-box-layout3 .item-content { padding: 30px 30px 15px; } .practice-box-layout3 .item-content h3 a { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .practice-box-layout3 .item-content h3 a:hover { color: #fcb000; } .practice-box-layout3:hover .item-img:before { opacity: 1; visibility: visible; } .practice-box-layout3:hover .item-img a i { opacity: 1; visibility: visible; } .practice-box-layout3:hover .item-img a i:before { opacity: 1; visibility: visible; } .practice-box-layout3:hover .item-img a:hover i:before { opacity: 0.8; } .practice-box-layout4 { margin-bottom: 30px; } .practice-box-layout4 .item-content { padding: 28px 30px; } .practice-box-layout4 .item-content h3 a { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .practice-box-layout4 .item-content h3 a:hover { color: #ae7203; } .practice-box-layout4 .item-content ul li { margin-bottom: 8px; padding-left: 30px; position: relative; } .practice-box-layout4 .item-content ul li:last-child { margin-bottom: 0; } .practice-box-layout4 .item-content ul li:before { position: absolute; content: "\f10c"; font-family: FontAwesome; left: 0; top: 0; z-index: 1; } .practice-box-layout4 .item-content ul li a { color: #222222; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .practice-box-layout4 .item-content ul li a:hover { color: #fcb000; } ul.tab-nav-vertical { background-color: #ffffff; } ul.tab-nav-vertical li { border-left: 3px solid #fcb000; border-bottom: 1px solid #e0e0e0; } ul.tab-nav-vertical li a { font-size: 16px; display: block; padding: 10px 15px 11px; color: #333333; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } ul.tab-nav-vertical li a:hover { color: #ffffff; background-color: #fcb000; } ul.tab-nav-vertical li:last-child { border-bottom: none; } ul.tab-nav-vertical .active a { color: #ffffff; background-color: #fcb000; } .practice-box-layout5 img { width: 100%; } .practice-box-layout5 ul { margin-bottom: 50px; } .practice-box-layout5 ul li { margin-bottom: 10px; padding-left: 30px; position: relative; } .practice-box-layout5 ul li:before { content: "\f051"; color: #fcb000; position: absolute; top: 0; left: 0; z-index: 1; font-family: FontAwesome; } .practice-box-layout5 ul li:last-child { margin-bottom: 0; } .practice-details-wrapper h2 { font-size: 30px; background-color: #fcb000; height: 90px; line-height: 90px; padding: 0 30px; text-transform: uppercase; color: #ffffff; margin-bottom: 0; display: block; } .practice-details-wrapper h3 { display: inline-block; } .practice-details-wrapper .news-social { padding: 20px 30px; } .practice-details-wrapper .news-social li { margin-right: 15px; display: inline-block; } .practice-details-wrapper .news-social li:last-child { margin-right: 0; } .practice-details-wrapper .news-social li a i { opacity: 0.8; height: 42px; width: 42px; text-align: center; line-height: 42px; background: #ffffff; color: #9e9e9e; border-radius: 50%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .practice-details-wrapper .news-social li a:hover i { opacity: 1; } .practice-details-wrapper .news-social li.facebook i { background-color: #3b579d; color: #ffffff; } .practice-details-wrapper .news-social li.twitter i { background-color: #1da1f2; color: #ffffff; } .practice-details-wrapper .news-social li.google i { background-color: #ea4335; color: #ffffff; } .practice-details-wrapper .news-social li.linkedin i { background-color: #0177b5; color: #ffffff; } .education-from { margin-bottom: 30px; } .education-from:last-child { margin-bottom: 0; } .education-from span { font-size: 16px; font-weight: 500; color: #333333; } .education-from .year { color: #7d7d7d; } ul.practice-list2 li { margin-bottom: 10px; position: relative; padding-left: 25px; display: inline-block; width: 49%; } @media (min-width: 768px) and (max-width: 991px) { ul.practice-list2 li { width: 100%; } } @media only screen and (max-width: 480px) { ul.practice-list2 li { width: 100%; } } ul.practice-list2 li:last-child { margin-bottom: 0; } ul.practice-list2 li:before { content: "\f1db"; font-family: FontAwesome; position: absolute; left: 0; top: 0; z-index: 1; } ul.practice-list2 li a { color: #222222; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } ul.practice-list2 li a:hover { color: #fcb000; } ul.honors-list li { position: relative; padding-left: 100px; margin-bottom: 50px; } ul.honors-list li:last-child { margin-bottom: 0; } ul.honors-list li i { text-align: center; font-size: 36px; position: absolute; z-index: 1; top: 0; left: 0; background-color: #fcb000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; height: 70px; width: 70px; line-height: 70px; color: #ffffff; } /*======================================================================= [10] Why Choose Area =========================================================================*/ .choose-box-layout1 { margin-bottom: 50px; } .choose-box-layout1 h3 span { color: #c48000; font-size: 30px; font-weight: 500; } .choose-box-layout1 p { color: #c7c9ce; } .choose-box-layout2 { text-align: center; background-color: #2e3549; padding: 30px 20px 15px; border: 1px solid #4a526a; margin-bottom: 30px; } .choose-box-layout2 p { color: #ffffff; font-weight: 300; } /*======================================================================= [11] Counter Area =========================================================================*/ .counter-box-layout1 { text-align: center; margin-bottom: 45px; } .counter-box-layout1 i { font-size: 36px; color: #333333; display: block; } .counter-box-layout1 i:before { font-size: 36px; color: #333333; } .counter-box-layout1 h3 { color: #fcb000; font-size: 36px; font-weight: 500; margin-bottom: 5px; } .counter-box-layout1 p { text-transform: capitalize; font-size: 18px; font-weight: 400; } .counter-box-layout2 { margin-bottom: 50px; text-align: center; } .counter-box-layout2 i { font-size: 36px; color: #ffffff; margin-bottom: 10px; display: block; } .counter-box-layout2 i:before { font-size: 36px; color: #ffffff; } .counter-box-layout2 h3 { color: #ffffff; font-size: 36px; margin-bottom: 15px; font-weight: 500; } .counter-box-layout2 p { text-transform: capitalize; font-size: 18px; font-weight: 300; color: #ffffff; } .counter-box-layout3 { color: #ffffff; } .counter-box-layout3 span { font-weight: 300; font-size: 30px; text-transform: uppercase; max-width: 460px; line-height: 36px; display: block; margin-bottom: 15px; margin-left: 32px; } @media only screen and (max-width: 1199px) { .counter-box-layout3 span { font-size: 28px; } } @media only screen and (max-width: 991px) { .counter-box-layout3 span { font-size: 26px; } } @media only screen and (max-width: 767px) { .counter-box-layout3 span { font-size: 24px; } } @media only screen and (max-width: 479px) { .counter-box-layout3 span { font-size: 22px; } } @media only screen and (max-width: 320px) { .counter-box-layout3 span { font-size: 20px; } } .counter-box-layout3 h1 { margin-left: 32px; font-size: 60px; text-transform: uppercase; font-weight: 700; margin-bottom: 50px; } @media only screen and (max-width: 1199px) { .counter-box-layout3 h1 { font-size: 52px; } } @media only screen and (max-width: 991px) { .counter-box-layout3 h1 { font-size: 42px; } } @media only screen and (max-width: 767px) { .counter-box-layout3 h1 { font-size: 36px; } } @media only screen and (max-width: 479px) { .counter-box-layout3 h1 { font-size: 32px; } } @media only screen and (max-width: 320px) { .counter-box-layout3 h1 { font-size: 28px; } } .counter-box-layout3 ul li { width: 190px; text-align: center; display: inline-block; position: relative; } @media only screen and (max-width: 768px) { .counter-box-layout3 ul li { width: 150px; } } @media only screen and (max-width: 600px) { .counter-box-layout3 ul li { display: block; margin-bottom: 60px; width: 190px; } .counter-box-layout3 ul li:last-child { margin-bottom: 0; } } .counter-box-layout3 ul li h3 { font-size: 48px; font-weight: 700; } @media only screen and (max-width: 1199px) { .counter-box-layout3 ul li h3 { font-size: 42px; } } @media only screen and (max-width: 991px) { .counter-box-layout3 ul li h3 { font-size: 40px; } } @media only screen and (max-width: 767px) { .counter-box-layout3 ul li h3 { font-size: 36px; } } @media only screen and (max-width: 479px) { .counter-box-layout3 ul li h3 { font-size: 32px; } } @media only screen and (max-width: 320px) { .counter-box-layout3 ul li h3 { font-size: 28px; } } .counter-box-layout3 ul li span { color: #ffffff; font-size: 48px; font-weight: 700; position: absolute; right: 15px; top: 10px; } @media only screen and (max-width: 479px) { .counter-box-layout3 ul li span { top: 3px; right: 20px; } } .counter-box-layout3 ul li p { position: absolute; left: 20px; right: 0; bottom: -48px; color: #ffffff; text-transform: uppercase; font-weight: 300; } @media (min-width: 601px) and (max-width: 768px) { .counter-box-layout3 ul li p { bottom: -70px; } } .counter-layout1 .single-item { text-align: center; } .counter-layout1 .single-item i { font-size: 35px; margin-bottom: 20px; } .counter-layout1 .single-item h3 { color: #fcb000; } .counter-layout1 .single-item p { text-transform: capitalize; font-size: 20px; } /*======================================================================= [12] Team Area =========================================================================*/ .team-box-layout1 { margin-bottom: 30px; overflow: hidden; text-align: center; border: 1px solid #e0e0e0; } .team-box-layout1 .item-img-wrapper img { width: 100%; } .team-box-layout1 .item-content-wrapper { height: 100px; width: 100%; position: relative; } .team-box-layout1 .item-content-wrapper .item-content { position: absolute; top: 0; z-index: 1; padding: 20px; left: 0; right: 0; margin: 0 auto; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .team-box-layout1 .item-content-wrapper .item-content h3 a { margin-bottom: 5px; color: #333333; text-transform: capitalize; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .team-box-layout1 .item-content-wrapper .item-content h3 a:hover { color: #fcb000; } .team-box-layout1 .item-content-wrapper .item-content span { display: block; margin-bottom: 15px; font-size: 14px; text-transform: capitalize; } .team-box-layout1 .item-content-wrapper .item-content ul.social-default { opacity: 0; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .team-box-layout1 .item-content-wrapper .item-content ul.social-default li { display: inline-block; margin-right: 10px; } .team-box-layout1 .item-content-wrapper .item-content ul.social-default li:last-child { margin-right: 0; } .team-box-layout1 .item-content-wrapper .item-content ul.social-default li a { padding: 5px; } .team-box-layout1 .item-content-wrapper .item-content ul.social-default li a i { color: #fcb000; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .team-box-layout1 .item-content-wrapper .item-content ul.social-default li a:hover i { color: #ae7203; } .team-box-layout1:hover .item-content-wrapper .item-content { top: -32px; } .team-box-layout1:hover .item-content-wrapper .item-content ul.social-default { opacity: 1; } .team-box-layout2 { text-align: center; margin-bottom: 30px; } .team-box-layout2 .item-img { margin-bottom: 25px; position: relative; } .team-box-layout2 .item-img:before { opacity: 0; visibility: hidden; content: ""; background-color: rgba(204, 136, 9, 0.8); position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; z-index: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .team-box-layout2 .item-img i { left: 0; right: 0; opacity: 0; visibility: hidden; color: #ffffff; font-size: 24px; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; z-index: 2; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .team-box-layout2 .item-img i:before { left: 0; right: 0; opacity: 0; visibility: hidden; color: #ffffff; font-size: 30px; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; z-index: 2; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .team-box-layout2 .item-content h3 { margin-bottom: 5px; } .team-box-layout2 .item-content h3 a { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .team-box-layout2 .item-content h3 a:hover { color: #fcb000; } .team-box-layout2 .item-content span { margin-bottom: 20px; display: block; } .team-box-layout2 .item-content .team-social li { margin: 0 5px; display: inline-block; } .team-box-layout2 .item-content .team-social li a { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; color: #a2a2a2; padding: 5px; display: inline-block; } .team-box-layout2 .item-content .team-social li a:hover { color: #fcb000; } .team-box-layout2:hover .item-img:before { opacity: 1; visibility: visible; } .team-box-layout2:hover .item-img i { opacity: 1; visibility: visible; } .team-box-layout2:hover .item-img i:before { opacity: 1; visibility: visible; } .attorneys-team-layout2 { padding: 100px 0px; } .attorneys-team-layout2 .single-item { overflow: hidden; text-align: center; } .attorneys-team-layout2 .single-item .item-content-wrapper { height: 80px; background: #d6d6d6; width: 100%; position: relative; } .attorneys-team-layout2 .single-item .item-content-wrapper .item-content { position: absolute; background: #d6d6d6; top: 0; z-index: 1; padding: 20px; left: 0; right: 0; margin: 0 auto; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .attorneys-team-layout2 .single-item .item-content-wrapper .item-content h3 a { font-size: 18px; margin-bottom: 5px; color: #333333; text-transform: capitalize; } .attorneys-team-layout2 .single-item .item-content-wrapper .item-content span { display: block; margin-bottom: 15px; font-size: 14px; text-transform: capitalize; } .attorneys-team-layout2 .single-item .item-content-wrapper .item-content ul.social-default { opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .attorneys-team-layout2 .single-item .item-content-wrapper .item-content ul.social-default li { display: inline-block; margin-right: 10px; } .attorneys-team-layout2 .single-item .item-content-wrapper .item-content ul.social-default li:last-child { margin-right: 0; } .attorneys-team-layout2 .single-item .item-content-wrapper .item-content ul.social-default li a { padding: 5px; } .attorneys-team-layout2 .single-item .item-content-wrapper .item-content ul.social-default li a i { color: #fcb000; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .attorneys-team-layout2 .single-item .item-content-wrapper .item-content ul.social-default li a:hover i { color: #ae7203; } .attorneys-team-layout2 .single-item:hover .item-content-wrapper .item-content { top: -50px; } .attorneys-team-layout2 .single-item:hover .item-content-wrapper .item-content ul.social-default { opacity: 1; } .attorney-name { padding: 18px 0 14px; } @media only screen and (max-width: 600px) { .attorney-name { text-align: center; } } .attorney-name h2 { margin-bottom: 0; } .attorney-social { text-align: right; padding: 45px 0; } @media only screen and (max-width: 600px) { .attorney-social { text-align: center; padding: 0 0 45px 0; } } .attorney-social li { margin-right: 10px; display: inline-block; } .attorney-social li:last-child { margin-right: 0; } .attorney-social li a i { opacity: 0.8; height: 42px; width: 42px; text-align: center; line-height: 42px; background: #ffffff; color: #9e9e9e; border-radius: 50%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .attorney-social li a:hover i { opacity: 1; } .attorney-social li.facebook i { background-color: #3b579d; color: #ffffff; } .attorney-social li.twitter i { background-color: #1da1f2; color: #ffffff; } .attorney-social li.google i { background-color: #ea4335; color: #ffffff; } .attorney-social li.linkedin i { background-color: #0177b5; color: #ffffff; } .attorney-social li.eye i { background-color: #bd081c; color: #ffffff; } .attorney-contact-info li { margin-bottom: 20px; position: relative; padding-left: 50px; } .attorney-contact-info li i { text-align: center; color: #ffffff; position: absolute; left: 0; top: 12px; z-index: 1; font-size: 14px; height: 28px; width: 28px; line-height: 28px; background: #fcb000; } .attorney-contact-info li p { margin-bottom: 0; } .attorney-contact-info li:last-child { margin-bottom: 0; } /*======================================================================= [13] Testimonial Area =========================================================================*/ .testimonial-box-layout1 { text-align: center; } .testimonial-box-layout1 a { display: inline-block; } .testimonial-box-layout1 a img { border-radius: 50%; margin: 0 auto 10px; } .testimonial-box-layout1 p { color: #ffffff; width: 60%; margin: 0 auto 45px; } .testimonial-box-layout1 .designation { color: #ffffff; } .testimonial-box-layout2 i { margin-bottom: 20px; color: #fcb000; font-size: 42px; } .testimonial-box-layout2 a { display: inline-block; } .testimonial-box-layout2 a img { border-radius: 50%; margin: 0 auto 10px; } .testimonial-box-layout2 p { color: #ebebeb; margin: 0 auto 40px; } .testimonial-box-layout2 .designation { color: #ebebeb; } .testimonial-box-layout2 .media-body { padding: 10px; } .testimonial-box-layout4 { padding: 50px; text-align: center; } @media only screen and (max-width: 1199px) { .testimonial-box-layout4 { padding: 40px; } } @media only screen and (max-width: 991px) { .testimonial-box-layout4 { padding: 25px; } } @media only screen and (max-width: 767px) { .testimonial-box-layout4 { padding: 70px 30px; } } @media only screen and (max-width: 479px) { .testimonial-box-layout4 { padding: 50px 25px; } } @media only screen and (max-width: 320px) { .testimonial-box-layout4 { padding: 30px 20px; } } .testimonial-box-layout4 p { margin-bottom: 30px; color: #ffffff; } .testimonial-box-layout4 .single-item { padding: 10px; } .testimonial-box-layout5 { padding: 50px 30px 40px; text-align: center; } .testimonial-box-layout5 p { color: #ffffff; margin: 0 auto 30px; } .testimonial-box-layout5 .media { margin: 0 auto; width: 250px; text-align: center; } .testimonial-box-layout5 .media a img { display: inline-block; border-radius: 50%; margin: 0 auto; } .testimonial-box-layout5 .media .media-body { padding-top: 15px; } .testimonial-box-layout5 .media .media-body .designation { color: #ffffff; } .testimonial-box-layout6 { padding: 40px 30px 70px; text-align: center; margin-bottom: 40px; } .testimonial-box-layout6 span { display: block; } .testimonial-box-layout6 .item-img { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; height: 84px; width: 84px; margin: 0 auto; } .testimonial-box-layout6 .item-img img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } /*======================================================================= [14] News Area =========================================================================*/ .news-box-layout1 { margin-bottom: 30px; text-align: center; background: #eeeeee; } .news-box-layout1 .item-img { overflow: hidden; } .news-box-layout1 .item-img img { width: 100%; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .news-box-layout1 .item-content { padding: 30px; } .news-box-layout1 .item-content span { font-weight: 300; margin-bottom: 15px; display: block; } .news-box-layout1 .item-content h3 a { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .news-box-layout1 .item-content h3 a:hover { color: #fcb000; } .news-box-layout1 .item-content p { margin-bottom: 25px; } .news-box-layout1:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .news-box-layout2 { margin-bottom: 30px; } .news-box-layout2 .item-img { overflow: hidden; } .news-box-layout2 .item-img img { -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .news-box-layout2 .item-content { padding: 30px; } @media (min-width: 768px) and (max-width: 991px) { .news-box-layout2 .item-content { padding: 25px; } } .news-box-layout2 .item-content .news-date { margin-bottom: 20px; } .news-box-layout2 .item-content .news-date span { color: #fcb000; } .news-box-layout2 .item-content .news-date span a { color: #fcb000; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .news-box-layout2 .item-content .news-date span a:hover { color: #333333; } .news-box-layout2 .item-content h3 { line-height: 26px; margin-bottom: 10px; } .news-box-layout2 .item-content h3 a { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .news-box-layout2 .item-content h3 a:hover { color: #fcb000; } .news-box-layout2:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .news-box-layout3 { margin-bottom: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 767px) { .news-box-layout3 { margin-bottom: 15px; } } .news-box-layout3 .item-img img { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .news-box-layout3 .item-content { display: inline-block; padding: 20px 30px; } @media (min-width: 768px) and (max-width: 991px) { .news-box-layout3 .item-content { padding: 10px 15px; } } .news-box-layout3 .item-content h3 { line-height: 28px; } .news-box-layout3 .item-content h3 a { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .news-box-layout3 .item-content h3 a:hover { color: #fcb000; } .news-box-layout3 .item-content .post-date { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; } .news-box-layout3 .item-content .post-date i { margin-right: 5px; color: #fcb000; } .news-box-layout3 .item-content .post-info li { font-size: 14px; color: #8b8b8b; font-weight: 300; display: inline-block; } .news-box-layout3 .item-content .post-info li a { color: #8b8b8b; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .news-box-layout3 .item-content .post-info li a i:before { padding-right: 10px; } .news-box-layout3 .item-content .post-info li a:hover { color: #fcb000; } .news-box-layout3 .item-content .post-info li:first-child { float: left; } .news-box-layout3 .item-content .post-info li:last-child { float: right; } .news-box-layout4 .item-img { overflow: hidden; } .news-box-layout4 .item-img img { -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .news-box-layout4 .item-content { padding: 30px 0; } .news-box-layout4 .item-content ul { margin-bottom: 15px; } .news-box-layout4 .item-content ul li { margin-right: 15px; display: inline-block; } .news-box-layout4 .item-content ul li:last-child { margin-right: 0; } .news-box-layout4 .item-content .post-date a { color: #222222; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .news-box-layout4 .item-content .post-date a:hover { color: #fcb000; } .news-box-layout4 .item-content .post-date i { margin-right: 5px; } .news-box-layout4 .item-content h3 a { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .news-box-layout4 .item-content h3 a:hover { color: #fcb000; } .news-box-layout4:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .news-layout2 .single-item .item-img { overflow: hidden; } .news-layout2 .single-item .item-img img { -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .news-layout2 .single-item .item-content { text-align: center; background-color: #c7c9ce; padding: 40px 30px; } .news-layout2 .single-item .item-content span { margin-bottom: 15px; display: block; } .news-layout2 .single-item .item-content h3 { font-size: 20px; font-weight: 500; } .news-layout2 .single-item .item-content h3 a { color: #333333; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .news-layout2 .single-item .item-content h3 a:hover { color: #fcb000; } .news-layout2 .single-item:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } /*======================================================================= [15] Brand Logo Area =========================================================================*/ .s-space-brand { padding: 93px 0 91px; } @media only screen and (max-width: 1199px) { .s-space-brand { padding: 88px 0 86px; } } @media only screen and (max-width: 991px) { .s-space-brand { padding: 83px 0 81px; } } @media only screen and (max-width: 767px) { .s-space-brand { padding: 78px 0 76px; } } @media only screen and (max-width: 479px) { .s-space-brand { padding: 73px 0 71px; } } .brand-box { text-align: center; } .brand-box a { display: inline-block; } .brand-box a img { display: inline-block; width: 100%; margin: 0 auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .brand-box a:hover img { -webkit-filter: grayscale(0); cursor: move; } .brand-box2 { text-align: center; } .brand-box2 a { padding: 15px 50px; background-color: #ffffff; display: inline-block; } .brand-box2 a img { display: inline-block; width: 100%; margin: 0 auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .brand-box2 a:hover img { -webkit-filter: grayscale(0); cursor: move; } /*======================================================================= [16] Banner Area =========================================================================*/ .banner-layout1 { padding: 0 15px; text-align: center; color: #ffffff; } .banner-layout1 p { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 300; } .banner-layout1 p span { font-weight: 700; } .banner-layout1 h1 { text-transform: uppercase; font-size: 60px; font-weight: 700; margin-bottom: 30px; } @media only screen and (max-width: 1199px) { .banner-layout1 h1 { font-size: 52px; } } @media only screen and (max-width: 991px) { .banner-layout1 h1 { font-size: 42px; } } @media only screen and (max-width: 767px) { .banner-layout1 h1 { font-size: 36px; } } @media only screen and (max-width: 479px) { .banner-layout1 h1 { font-size: 32px; } } @media only screen and (max-width: 320px) { .banner-layout1 h1 { font-size: 28px; } } .banner-layout1 h2 { font-size: 48px; color: #ffffff; } .banner-layout1 h2 span { color: #fcb000; } @media only screen and (max-width: 1199px) { .banner-layout1 h2 { font-size: 42px; } } @media only screen and (max-width: 991px) { .banner-layout1 h2 { font-size: 36px; } } @media only screen and (max-width: 767px) { .banner-layout1 h2 { font-size: 32px; } } @media only screen and (max-width: 479px) { .banner-layout1 h2 { font-size: 28px; } } @media only screen and (max-width: 320px) { .banner-layout1 h2 { font-size: 24px; } } .banner-layout1 .banner-top-title { font-size: 30px; font-weight: 700; text-transform: uppercase; display: block; margin-bottom: 15px; } @media only screen and (max-width: 1199px) { .banner-layout1 .banner-top-title { font-size: 28px; } } @media only screen and (max-width: 991px) { .banner-layout1 .banner-top-title { font-size: 26px; } } @media only screen and (max-width: 767px) { .banner-layout1 .banner-top-title { font-size: 24px; } } @media only screen and (max-width: 479px) { .banner-layout1 .banner-top-title { font-size: 22px; } } @media only screen and (max-width: 320px) { .banner-layout1 .banner-top-title { font-size: 20px; } } .banner-layout2 { padding: 75px 0 55px; } @media only screen and (max-width: 991px) { .banner-layout2 { padding: 70px 0 50px; } } @media only screen and (max-width: 767px) { .banner-layout2 { padding: 65px 0 72px; } } @media only screen and (max-width: 479px) { .banner-layout2 { padding: 60px 0 62px; } } .banner-layout2 .banner-layout2-content { text-align: right; } .banner-layout2 .banner-layout2-content h2 { text-transform: uppercase; font-weight: 700; color: #333333; } @media only screen and (max-width: 767px) { .banner-layout2 .banner-layout2-content h2 { margin-bottom: 0; } } .banner-layout2 .banner-layout2-content p { font-size: 24px; font-weight: 300; text-transform: uppercase; } .banner-layout2 .banner-layout2-content p span { color: #fcb000; font-size: 36px; font-weight: 700; } .banner-layout3 { text-align: center; } .banner-layout3 h2 { font-weight: 700; font-size: 48px; color: #ffffff; } @media only screen and (max-width: 1199px) { .banner-layout3 h2 { font-size: 42px; } } @media only screen and (max-width: 991px) { .banner-layout3 h2 { font-size: 36px; } } @media only screen and (max-width: 767px) { .banner-layout3 h2 { font-size: 32px; } } @media only screen and (max-width: 479px) { .banner-layout3 h2 { font-size: 28px; } } @media only screen and (max-width: 320px) { .banner-layout3 h2 { font-size: 24px; } } .banner-layout3 h2 span { color: #fcb000; } .contact-banner-layout1 { padding-left: 30px; } .contact-banner-layout1 h2 { font-size: 40px; color: #ffffff; line-height: 44px; font-weight: 700; text-transform: uppercase; margin-bottom: 30px; } @media only screen and (max-width: 1199px) { .contact-banner-layout1 h2 { font-size: 30px; margin-bottom: 25px; } } @media only screen and (max-width: 991px) { .contact-banner-layout1 h2 { font-size: 28px; } } @media only screen and (max-width: 767px) { .contact-banner-layout1 h2 { font-size: 26px; } } @media only screen and (max-width: 479px) { .contact-banner-layout1 h2 { font-size: 24px; } } @media only screen and (max-width: 320px) { .contact-banner-layout1 h2 { font-size: 22px; } } .contact-banner-layout1 p { font-size: 18px; color: #ffffff; } @media only screen and (max-width: 1199px) { .contact-banner-layout1 p { margin-bottom: 5px; } } .contact-banner-layout1 p span { font-size: 30px; color: #fcb000; } /*======================================================================= [17] Service Area =========================================================================*/ .service-box-layout1 { padding: 0 45px; text-align: center; min-height: 480px; } @media (min-width: 992px) and (max-width: 1199px) { .service-box-layout1 { padding: 0 40px; min-height: 570px; } } @media (min-width: 768px) and (max-width: 991px) { .service-box-layout1 { padding: 0 35px; min-height: 400px; } } @media (min-width: 601px) and (max-width: 767px) { .service-box-layout1 { padding: 0 30px; min-height: 420px; } } @media (min-width: 321px) and (max-width: 600px) { .service-box-layout1 { padding: 0 25px; } } @media only screen and (max-width: 320px) { .service-box-layout1 { padding: 0 20px; } } .service-box-layout1 .item-content { transform: translateY(10%); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .service-box-layout1 .item-content i { color: #ffffff; font-size: 50px; margin-bottom: 10px; display: block; opacity: 1; margin-top: 10px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .service-box-layout1 .item-content i:before { display: block; color: #ffffff; font-size: 50px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .service-box-layout1 .item-content h3 a { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .service-box-layout1 .item-content h3 a:hover { color: #333333; } .service-box-layout1 .item-content p { color: #ffffff; } .service-box-layout1 .btn-on-off { opacity: 0; margin-bottom: 25px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .service-box-layout1:hover .item-content { transform: translateY(-10%); } .service-box-layout1:hover .item-content i { opacity: 0; } .service-box-layout1:hover .item-content .btn-on-off { opacity: 1; } .service-box-layout2 { text-align: center; color: #ffffff; padding: 50px 45px; } .service-box-layout2 i { font-size: 48px; margin-bottom: 35px; } .service-box-layout2 h3 { margin-bottom: 30px; } .service-box-layout2 h3 a { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .service-box-layout2 h3 a:hover { color: #333333; } .service-box-layout2 p { color: #ffffff; } .service-box-layout3 { text-align: center; color: #ffffff; padding: 50px 45px; } @media only screen and (max-width: 991px) { .service-box-layout3 { padding: 30px 15px; } } .service-box-layout3 i { font-size: 48px; margin-bottom: 35px; } .service-box-layout3 h3 { margin-bottom: 30px; } .service-box-layout3 li { color: #f6dee0; } .service-layout1-area { position: relative; bottom: 50px; z-index: 8; left: 0; right: 0; margin: 0 auto; z-index: 6; } @media only screen and (max-width: 767px) { .service-layout1-area { position: inherit; } } .service-layout2-area { position: relative; bottom: 50px; z-index: 8; left: 0; right: 0; margin: 0 auto; z-index: 6; } @media only screen and (max-width: 1199px) { .service-layout2-area { position: inherit; } } /*======================================================================= [18] Blog Page Area ========================================================================*/ .blog-comments { margin-bottom: 15px; padding-bottom: 10px; } .blog-comments li { display: inline-block; margin-right: 20px; } .blog-comments li a { color: #222222; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .blog-comments li a:hover { color: #fcb000; } .blog-comments li a i { color: #fcb000; margin-right: 8px; } blockquote { margin-bottom: 40px; position: relative; background: #f3f3f3; padding: 70px 30px 30px; border-left: 4px solid #fcb000; display: block; } blockquote:before { content: "\f10d"; font-family: FontAwesome; font-size: 24px; top: 30px; left: 30px; color: #222222; position: absolute; z-index: 1; } ul.blog-info-list { margin-left: 30px; margin-bottom: 30px; } ul.blog-info-list li { margin-bottom: 5px; position: relative; padding-left: 30px; } ul.blog-info-list li:last-child { margin-bottom: 0; } ul.blog-info-list li i { position: absolute; top: 5px; left: 0; color: #fcb000; } .news-tag-social { padding: 15px 30px; border-top: 1px solid #e0e0e0; display: flex; background-color: #eeeeee; } @media only screen and (max-width: 1199px) { .news-tag-social { display: inherit; } } .news-tag-social .news-social li { margin-right: 15px; display: inline-block; } .news-tag-social .news-social li:last-child { margin-right: 0; } .news-tag-social .news-social li a i { opacity: 0.8; height: 42px; width: 42px; text-align: center; line-height: 42px; background: #ffffff; color: #9e9e9e; border-radius: 50%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .news-tag-social .news-social li a:hover i { opacity: 1; } .news-tag-social .news-social li.facebook i { background-color: #3b579d; color: #ffffff; } .news-tag-social .news-social li.twitter i { background-color: #1da1f2; color: #ffffff; } .news-tag-social .news-social li.google i { background-color: #ea4335; color: #ffffff; } .news-tag-social .news-social li.linkedin i { background-color: #0177b5; color: #ffffff; } .news-tag-social .news-tag { text-align: right; margin-top: 10px; flex: 1; } @media only screen and (max-width: 1199px) { .news-tag-social .news-tag { text-align: left; margin-top: 20px; } } .news-tag-social .news-tag li { color: #9e9e9e; display: inline-block; margin-right: 10px; } .news-tag-social .news-tag li a { color: #9e9e9e; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .news-tag-social .news-tag li a:hover { color: #fcb000; } .news-tag-social .news-tag li:first-child { text-transform: uppercase; font-weight: 500; } .news-tag-social .news-tag li:first-child a { color: #333333; } .news-tag-social .news-tag li:last-child { margin-right: 0; } .post-pagination-wrapper { text-align: center; display: flex; } .post-pagination-wrapper > a { height: 50px; line-height: 50px; padding: 0 15px; background: #333333; margin-right: 15px; flex: 1; font-weight: 500; color: #ffffff; } .post-pagination-wrapper > a:last-child { margin-right: 0; } .post-pagination-wrapper > a:hover { opacity: 0.8; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); color: #ffffff; } .post-pagination-wrapper .post-pagination-prev { background: #333333; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .post-pagination-wrapper .post-pagination-next { background: #fcb000; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .single-post-wrapper { margin-bottom: 60px; border-radius: 3px; background: #ffffff; padding: 35px 20px 30px; } .single-post-wrapper .single-post-img { margin-top: 5px; } @media only screen and (max-width: 479px) { .single-post-wrapper .single-post-img { margin-bottom: 15px; } } .single-post-wrapper .single-post-img img { border-radius: 50%; } @media only screen and (max-width: 479px) { .single-post-wrapper .single-post-img img { margin: 0 auto; } } @media (min-width: 480px) and (max-width: 991px) { .single-post-wrapper .single-post-content { margin-left: 15px; } } .single-post-wrapper .single-post-content h3 { font-size: 18px; font-weight: 500; margin-bottom: 10px; color: #333333; } .single-post-wrapper .single-post-content .single-post-social li { margin-right: 15px; display: inline-block; } .single-post-wrapper .single-post-content .single-post-social li a { color: #c7c9ce; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .single-post-wrapper .single-post-content .single-post-social li a:hover { color: #fcb000; } .single-post-wrapper .single-post-content .single-post-social li:last-child { margin-right: 0; } .blog-leave-comments { padding: 30px; } .blog-leave-comments p { margin-bottom: 50px; } .blog-leave-comments input { border-radius: 0; height: 50px; box-shadow: none; border-bottom: 1px solid #e0e0e0; } .blog-leave-comments textarea { padding: 10px; border-radius: 0; box-shadow: none; } .blog-leave-comments .form-control:focus { border-color: #e0e0e0; box-shadow: none; } .blog-leave-comments .form-group { margin-bottom: 30px; } .blog-comments-list { margin-bottom: 50px; padding: 30px; } .blog-comments-list .media { border-bottom: 1px solid #e0e0e0; margin-bottom: 30px; } .blog-comments-list .media a img { border-radius: 50%; margin-right: 15px; } .blog-comments-list .media .media-body { position: relative; } .blog-comments-list .media .media-body h3 { font-size: 16px; margin-bottom: 10px; font-weight: 500; } .blog-comments-list .media .media-body h3 a { color: #333333; } .blog-comments-list .media .media-body span { display: block; margin-bottom: 25px; } .blog-comments-list .media .media-body .replay { position: absolute; right: 0; top: 0; color: #fcb000; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .blog-comments-list .media .media-body .replay:hover { color: #333333; } .blog-comments-list .media:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } /*======================================================================= [19] Faq Page Area ========================================================================*/ .faq-page { width: 100%; } @media only screen and (max-width: 991px) { .faq-page { padding: 0 0 110px; } } @media only screen and (max-width: 767px) { .faq-page { padding: 0 0 100px; } } @media only screen and (max-width: 479px) { .faq-page { padding: 0 0 80px; } } @media only screen and (max-width: 320px) { .faq-page { padding: 0 0 70px; } } .faq-page .panel-default { margin-top: 0!important; border-radius: 0!important; border: none; box-shadow: none; margin-bottom: 3px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .faq-page .panel-default:last-child { border-bottom: 0; } .faq-page .panel-default .panel-heading { border-top-left-radius: 0; border-top-right-radius: 0; background-color: #eeeeee !important; padding: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .faq-page .panel-default .panel-heading .panel-title { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .faq-page .panel-default .panel-heading .panel-title a { color: #333333; font-size: 16px; padding: 15px; display: block; font-weight: 500; font-family: 'Roboto', sans-serif; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; margin-bottom: 15px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .faq-page .panel-default .panel-heading .accordion-toggle { position: relative; } .faq-page .panel-default .panel-heading .accordion-toggle:after { font-family: FontAwesome; content: "\f107"; right: 15px; position: absolute; top: 15px; color: #ffffff; font-size: 18px; z-index: 1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .faq-page .panel-default .panel-heading .accordion-toggle.collapsed:after { content: "\f106"; font-family: FontAwesome; color: #222222; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .faq-page .panel-default .panel-body { border-top: 0!important; padding: 15px 30px; } .faq-page .panel-default .panel-body p { margin-bottom: 0; } .faq-page .panel-default .active .panel-title a { color: #ffffff; background-color: #333333; } .faq-page .panel-default .active .accordion-toggle:after { color: #ffffff !important; } .faq-box-wrapper { margin-bottom: 10px; } .faq-box-wrapper .faq-box-item { border: none; box-shadow: none; } .faq-box-wrapper .faq-box-item .panel-heading { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color: #eeeeee; padding: 0; color: #fcb000; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .faq-box-wrapper .faq-box-item .faq-box-title h3 { margin-bottom: 0; position: relative; font-size: 15px; } .faq-box-wrapper .faq-box-item .faq-box-title h3 a { display: block; position: relative; padding: 20px 10px 20px 55px; color: #333333; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .faq-box-wrapper .faq-box-item .faq-box-title h3 a span { position: absolute; left: 10px; top: 8px; z-index: 1; border-radius: 50%; height: 40px; width: 40px; line-height: 40px; display: inline-block; text-align: center; font-size: 20px; background: #c7c9ce; color: #fcb000; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .faq-box-wrapper .faq-box-item .faq-box-title h3 a:before { opacity: 0.5; content: "\f067"; position: absolute; z-index: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 15px; color: #333333; font-family: FontAwesome; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .faq-box-wrapper .faq-box-item .faq-box-body { color: #ffffff; padding: 20px 35px 5px 0; border-top: 0!important; } .faq-box-wrapper .faq-box-item .active { background-color: #fcb000; } .faq-box-wrapper .faq-box-item .active .faq-box-title h3 a { color: #ffffff; } .faq-box-wrapper .faq-box-item .active .faq-box-title h3 a:before { opacity: 1; color: #ffffff; } .faq-box-wrapper .faq-box-item .active .faq-box-title h3 a span { background: #ffffff; } /*======================================================================= [20] Error Page Area ========================================================================*/ .error-page { text-align: center; } .error-page h2 { margin-top: 85px; margin-bottom: 30px; font-size: 240px; color: #fcb000; font-weight: 700; text-shadow: 10px 10px 0px #e5e5e3; } @media only screen and (max-width: 1199px) { .error-page h2 { margin-top: 75px; font-size: 200px; } } @media only screen and (max-width: 991px) { .error-page h2 { margin-top: 65px; font-size: 180px; margin-bottom: 25px; } } @media only screen and (max-width: 767px) { .error-page h2 { margin-top: 55px; font-size: 160px; margin-bottom: 20px; } } @media only screen and (max-width: 479px) { .error-page h2 { margin-top: 45px; font-size: 140px; margin-bottom: 15px; } } @media only screen and (max-width: 320px) { .error-page h2 { margin-top: 35px; font-size: 100px; margin-bottom: 10px; } } .error-page h3 { margin-bottom: 40px; font-size: 30px; color: #333333; font-weight: 700; } @media only screen and (max-width: 767px) { .error-page h3 { font-size: 28px; margin-bottom: 30px; } } @media only screen and (max-width: 479px) { .error-page h3 { font-size: 26px; margin-bottom: 20px; } } @media only screen and (max-width: 320px) { .error-page h3 { font-size: 24px; margin-bottom: 10px; } } .error-page p { width: 50%; margin: 0 auto; font-size: 16px; font-weight: 500; } @media only screen and (max-width: 767px) { .error-page p { width: 100%; } } .error-page p a { color: #fcb000; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .error-page p a:hover { color: #333333; } /*======================================================================= [21] Sidebar Area ========================================================================*/ .sidebar-box { margin-bottom: 30px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); } .sidebar-box:last-child { margin-bottom: 0; } ul.practice-list li { margin-bottom: 10px; position: relative; padding-left: 25px; } ul.practice-list li:last-child { margin-bottom: 0; } ul.practice-list li:before { content: "\f1db"; font-family: FontAwesome; position: absolute; left: 0; top: 0; z-index: 1; } ul.practice-list li a { color: #222222; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } ul.practice-list li a:hover { color: #fcb000; } .sidebar-search-area .stylish-input-group { background: transparent; padding: 10px; border: 1px solid #e0e0e0; padding: 0 0 0 10px; } .sidebar-search-area .stylish-input-group input { color: #333333; } .sidebar-search-area .stylish-input-group .form-control { border: none; box-shadow: 0 0 0; border-radius: 0; background: transparent; height: 50px; } .sidebar-search-area .stylish-input-group .input-group-addon { background: transparent; border: none; border-radius: 0; padding: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .sidebar-search-area .stylish-input-group .input-group-addon button { padding: 17px 20px; border: 0; background: transparent; } .sidebar-search-area .stylish-input-group .input-group-addon button span { color: #333333; } .sidebar-search-area .stylish-input-group .input-group-addon:hover { background: #c7c9ce; } .sidebar-search-area .form-control::-moz-placeholder { color: #646464; font-size: 14px; } .popular-post ul { margin-bottom: 20px; } .popular-post ul li { display: inline-block; margin-bottom: 10px; } .popular-post ul li .btn-accent-to-primary { color: #222222; padding: 12px 20px 11px; text-align: center; text-transform: uppercase; font-size: 13px; font-weight: 600; display: inline-block; background: #c7c9ce; border-radius: 3px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media only screen and (max-width: 320px) { .popular-post ul li .btn-accent-to-primary { padding: 11px 15px 7px; } } @media (min-width: 768px) and (max-width: 991px) { .popular-post ul li .btn-accent-to-primary { padding: 11px 15px 7px; } } .popular-post ul li .btn-accent-to-primary:hover { background: #fcb000; color: #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .popular-post ul .active a { background: #fcb000; color: #ffffff; -webkit-box-shadow: 0px 6px 16px 0px rgba(59, 59, 59, 0.2); -moz-box-shadow: 0px 6px 16px 0px rgba(59, 59, 59, 0.2); box-shadow: 0px 6px 16px 0px rgba(59, 59, 59, 0.2); } .popular-post .media { border-bottom: 1px solid #c7c9ce; padding-bottom: 10px; margin-bottom: 20px; } .popular-post .media:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; } .popular-post .media a { padding-right: 0; margin-right: 15px; } .popular-post .media a img { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .popular-post .media a img:hover { opacity: 0.7; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .popular-post .media-body { padding: 10px 0; } @media (min-width: 768px) and (max-width: 1199px) { .popular-post .media-body { padding: 0 0 10px; } } @media only screen and (max-width: 479px) { .popular-post .media-body { padding: 0 0 10px; } } .popular-post .media-body a { display: block; margin-bottom: 5px; color: #333333; line-height: 1.5; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .popular-post .media-body a:hover { color: #fcb000; } .popular-post .media-body .post-info { margin-bottom: 0; } .popular-post .media-body .post-info li { font-size: 14px; display: inline; font-weight: 300; margin-right: 10px; } @media (min-width: 992px) and (max-width: 1199px) { .popular-post .media-body .post-info li { margin-right: 1px; } } .popular-post .media-body .post-info li:last-child { margin-right: 0; } .product-tags ul li { display: inline-block; margin-bottom: 7px; background: #eeeeee; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .product-tags ul li a { text-transform: capitalize; display: block; padding: 6px 10px; color: #222222; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .product-tags ul li:hover { background: #fcb000; } .product-tags ul li:hover a { color: #ffffff; } .sidebar-subscription input { background-color: #eeeeee; border: none; height: 50px; } .sidebar-subscription input.form-control::-webkit-input-placeholder, .sidebar-subscription textarea.form-control::-webkit-input-placeholder { color: #333333; } .sidebar-subscription input.form-control::-moz-placeholder, .sidebar-subscription textarea.form-control::-moz-placeholder { color: #333333; } .sidebar-subscription input.form-control:-moz-placeholder, .sidebar-subscription textarea.form-control:-moz-placeholder { color: #333333; } .sidebar-subscription input.form-control:-ms-input-placeholder, .sidebar-subscription textarea.form-control:-ms-input-placeholder { color: #333333; } .contact-form-sidebar .form-group { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .contact-form-sidebar .form-group { margin-bottom: 15px; } } .contact-form-sidebar .form-group .form-control { border-radius: 0; background: transparent; border: 1px solid #e0e0e0; box-shadow: none; } .contact-form-sidebar .form-group input { height: 45px; color: #333333; } .contact-form-sidebar .form-group textarea { color: #333333; padding-top: 15px; } .contact-form-sidebar .form-group button { margin-top: 20px; } .contact-form-sidebar .form-response .alert-info { background: transparent!important; border: none!important; color: red; letter-spacing: 5px; } .contact-form-sidebar .form-response .alert-success { background-color: transparent; color: green; letter-spacing: 4px; border-color: transparent; font-weight: 500; } .contact-form-sidebar .form-response .alert { border-radius: 0!important; padding: 15px 0; } .contact-form-sidebar input.search-input:focus { outline-width: 0; outline: none; } .contact-form-sidebar input::-webkit-input-placeholder, .contact-form-sidebar textarea::-webkit-input-placeholder { color: #222222; } .contact-form-sidebar input::-moz-placeholder, .contact-form-sidebar textarea::-moz-placeholder { color: #222222; } .contact-form-sidebar input:-moz-placeholder, .contact-form-sidebar textarea:-moz-placeholder { color: #222222; } .contact-form-sidebar input:-ms-input-placeholder, .contact-form-sidebar textarea:-ms-input-placeholder { color: #222222; } /*======================================================================= [22] Project Style =========================================================================*/ .project-box-layout1 { position: relative; margin-bottom: 30px; } .project-box-layout1 img { width: 100%; } .project-box-layout1:before { visibility: hidden; opacity: 0; position: absolute; content: ""; height: 100%; width: 100%; z-index: 1; top: 0; left: 0; right: 0; background-color: rgba(14, 15, 18, 0.8); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .project-box-layout1 .item-content { visibility: hidden; opacity: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; z-index: 2; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .project-box-layout1 .item-content a i { color: #ffffff; font-size: 22px; margin-bottom: 15px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .project-box-layout1 .item-content a:hover i { color: #fcb000; } .project-box-layout1 .item-content h3 a { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .project-box-layout1 .item-content h3 a:hover { color: #fcb000; } .project-box-layout1:hover:before { opacity: 1; visibility: visible; } .project-box-layout1:hover .item-content { opacity: 1; visibility: visible; } /*======================================================================= [23] Process Style =========================================================================*/ .process-content { padding: 70px 0 50px 0; } .process-content h2 { padding: 0 230px; font-size: 48px; font-weight: 900; color: #ffffff; text-transform: uppercase; } @media only screen and (max-width: 1199px) { .process-content h2 { font-size: 42px; } } @media only screen and (max-width: 991px) { .process-content h2 { padding: 0 100px; font-size: 36px; } } @media only screen and (max-width: 767px) { .process-content h2 { padding: 0 50px; font-size: 30px; } } .process-content p { padding: 0 165px; color: #ffffff; } @media only screen and (max-width: 991px) { .process-content p { padding: 0 50px; } } @media only screen and (max-width: 767px) { .process-content p { padding: 0 10px; } } .process-list-box { text-align: center; position: relative; padding: 60px 15px 30px; } .process-list-box span { position: absolute; right: 10px; top: 0; z-index: 1; color: #454b5e; font-size: 50px; font-weight: 700; display: block; line-height: 1.3; } .process-list-box h3 { text-transform: uppercase; font-size: 30px; color: #ffffff; font-weight: 700; } .process-list-box p { color: #ffffff; } /*======================================================================= [24] Contact Page Area ========================================================================*/ @media only screen and (max-width: 991px) { .contact-form { padding: 0 30px; } } @media only screen and (max-width: 767px) { .contact-form { padding: 0 15px; } } .contact-form .form-group { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .contact-form .form-group { margin-bottom: 15px; } } .contact-form .form-group .form-control { border-radius: 0; background: transparent; border: 1px solid #e0e0e0; box-shadow: none; } .contact-form .form-group input { height: 45px; color: #333333; } .contact-form .form-group textarea { color: #333333; padding-top: 15px; } .contact-form .form-group button { margin-top: 20px; } .contact-form .form-response .alert-info { background: transparent!important; border: none!important; color: red; letter-spacing: 5px; } .contact-form .form-response .alert-success { background-color: transparent; color: green; letter-spacing: 4px; border-color: transparent; font-weight: 500; } .contact-form .form-response .alert { border-radius: 0!important; padding: 15px 0; } .contact-form input.search-input:focus { outline-width: 0; outline: none; } .contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder { color: #222222; } .contact-form input::-moz-placeholder, .contact-form textarea::-moz-placeholder { color: #222222; } .contact-form input:-moz-placeholder, .contact-form textarea:-moz-placeholder { color: #222222; } .contact-form input:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder { color: #222222; } /*======================================================================= [25] Footer Area =========================================================================*/ .footer-area-top { padding: 110px 0 80px; } @media (min-width: 992px) and (max-width: 1199px) { .footer-area-top { padding: 82px 0 40px; } } @media (min-width: 768px) and (max-width: 991px) { .footer-area-top { padding: 72px 0 40px; } } @media (min-width: 480px) and (max-width: 767px) { .footer-area-top { padding: 62px 0 35px; } } @media (min-width: 321px) and (max-width: 479px) { .footer-area-top { padding: 52px 0 20px; } } @media only screen and (max-width: 320px) { .footer-area-top { padding: 42px 0 10px; } } .footer-box { line-height: 1.5; margin-bottom: 30px; } .footer-box h3 { font-size: 18px; color: #e8e8e8; font-weight: 300; margin-bottom: 50px; text-transform: uppercase; } .useful-links > li { display: inline-block; } .useful-links > li ul li { margin-bottom: 5px; position: relative; padding-left: 20px; } .useful-links > li ul li:before { content: "\f1db"; position: absolute; left: 0; font-family: FontAwesome; color: #fcb000; top: 7px; font-size: 10px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .useful-links > li ul li a { color: #d1d2d4; font-weight: 300; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .useful-links > li ul li a:hover { color: #fcb000; } .listeyeni:hover { color: #fcb000; } .useful-links > li ul li:hover:before { color: #ffffff; } .footer-popular-post .media { border-bottom: 1px solid #535353; padding-bottom: 15px; margin-bottom: 20px; } .footer-popular-post .media:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; } .footer-popular-post .media a { padding-right: 0; margin-right: 15px; } .footer-popular-post .media a img { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .footer-popular-post .media a img:hover { opacity: 0.7; } .footer-popular-post .media-body a { margin-right: 0; display: block; margin-bottom: 10px; color: #d1d2d4; font-weight: 300; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .footer-popular-post .media-body a:hover { color: #fcb000; } .footer-popular-post .media-body p { color: #fcb000; margin-bottom: 0; } .corporate-address { margin-bottom: 20px; } .corporate-address li { margin-bottom: 20px; color: #f5f5f5; position: relative; padding-left: 38px; } .corporate-address li i { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-align: center; color: #ffffff; position: absolute; left: 0; top: 10px; z-index: 1; font-size: 14px; height: 28px; width: 28px; background: #464e62; line-height: 28px; background: #fcb000; } .corporate-address li p { color: #d1d2d4; font-weight: 300; margin-bottom: 4px; } .corporate-address li:last-child { margin-bottom: 0; } ul.post-gallery li { display: inline-table; margin-bottom: 7px; margin-right: 7px; float: left; width: 30%; } ul.post-gallery figure { margin: 0; padding: 0; background: transparent; overflow: hidden; position: relative; } ul.post-gallery figure::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } ul.post-gallery figure:hover::before { -webkit-animation: shine .75s; animation: shine .75s; } @keyframes shine { 100% { left: 125%; } } .footer-area-bottom { text-align: center; background: #1f2535; padding: 35px 0 5px; text-transform: capitalize; font-size: 14px; } @media only screen and (max-width: 767px) { .footer-area-bottom { text-align: center; padding: 17px 0; } } .footer-area-bottom p { color: #d1d2d4; } @media only screen and (max-width: 767px) { .footer-area-bottom p { margin-bottom: 10px; } } .footer-area-bottom p a { color: #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .footer-area-bottom p a:hover { color: #c7c9ce; } /*======================================================================= [26] Responsive Style =========================================================================*/ @media only screen and (min-width: 1200px) { .auto-clear > .col-lg-1:nth-child(12n+1) { clear: left; } .auto-clear > .col-lg-2:nth-child(6n+1) { clear: left; } .auto-clear > .col-lg-3:nth-child(4n+1) { clear: left; } .auto-clear > .col-lg-4:nth-child(3n+1) { clear: left; } .auto-clear > .col-lg-6:nth-child(odd) { clear: left; } .set-light-bg--md { background-image: none!important; } .set-dark-bg--md { background-image: none!important; } .d-lg-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .align-items-lg-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } } @media only screen and (min-width: 992px) { .d-md-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .align-items-md-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .set-dark-bg--sm { background-image: none!important; } .set-light-bg--sm { background-image: none!important; } } @media only screen and (min-width: 768px) { .d-sm-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .align-items-sm-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } } @media only screen and (min-width: 480px) { .d-xs-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .flex-xs-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xs-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .align-items-xs-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } } @media only screen and (max-width: 1199px) { .award-area .tab-content { height: auto; padding: 30px; } .mb-md { margin-bottom: 30px; } .hidden--md { display: none; } .practice-box-layout1 h3 { font-size: 18px; } .choose-box-layout2 h3 { font-size: 17px; } .set-light-bg--md { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; } .set-light-bg--md:before { content: ""; background-color: rgba(255, 255, 255, 0.7); height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 1; } .set-dark-bg--md { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; } .set-dark-bg--md:before { content: ""; background-color: rgba(255, 255, 255, 0.7); height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 1; } } @media only screen and (max-width: 991px) { .mb--sm { margin-bottom: 30px; } .testimonial-box-layout1 p { width: 100%; } .award-area { padding-top: 110px; position: inherit; } .award-area .tab-title .active a { background-color: #eeeeee; } .news-box-layout1 .item-content { padding: 15px; } .skew-right-body-bg::after { display: none; } .about-layout1 { padding-left: 15px; padding-right: 15px; } .skew-left-accent-bg::after { display: none; } .about-padding { padding: 100px 0 90px; } .hidden--sm { display: none!important; } .set-dark-bg--sm { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; } .set-dark-bg--sm:before { content: ""; background-color: rgba(0, 0, 0, 0.7); height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 1; } .set-light-bg--sm { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; } .set-light-bg--sm:before { content: ""; background-color: rgba(0, 0, 0, 0.7); height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 1; } .about-layout1 { color: #ffffff; } .about-layout1 p, .about-layout1 h2 { color: #ffffff; } } @media only screen and (max-width: 767px) { .about-padding { padding: 90px 0 80px; } .mb--xs { margin-bottom: 30px; } .mb-xs-list { margin-bottom: 30px; } .mb-xs-list:last-child { margin-bottom: 0; } .hidden--xs { display: none; } .mean-container a.meanmenu-reveal { top: 5px; } .slider-area .nivo-directionNav a.nivo-nextNav, .slider-area .nivo-directionNav a.nivo-prevNav { height: 40px; width: 40px; line-height: 1; } .slider-area .nivo-directionNav a.nivo-nextNav:before, .slider-area .nivo-directionNav a.nivo-prevNav:before { font-size: 20px; } .practice-box-layout2 .item-content i { display: none; } .mb30--xs { margin-bottom: 30px; } .award-area { padding-top: 100px; } .practice-box-layout2 .item-content { padding: 0 10px; } } @media only screen and (max-width: 991px) { .mb--sm { margin-bottom: 30px; } } @media (min-width: 768px) and (max-width: 991px) { .auto-clear > .col-sm-1:nth-child(12n+1) { clear: left; } .auto-clear > .col-sm-2:nth-child(6n+1) { clear: left; } .auto-clear > .col-sm-3:nth-child(4n+1) { clear: left; } .auto-clear > .col-sm-4:nth-child(3n+1) { clear: left; } .auto-clear > .col-sm-6:nth-child(odd) { clear: left; } .flex-sm-row-reverse-c { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } } @media (min-width: 992px) and (max-width: 1199px) { .auto-clear > .col-md-1:nth-child(12n+1) { clear: left; } .auto-clear > .col-md-2:nth-child(6n+1) { clear: left; } .auto-clear > .col-md-3:nth-child(4n+1) { clear: left; } .auto-clear > .col-md-4:nth-child(3n+1) { clear: left; } .auto-clear > .col-md-6:nth-child(odd) { clear: left; } .flex-sm-row-reverse-c { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } } @media only screen and (max-width: 767px) { .auto-clear > .col-xs-1:nth-child(12n+1) { clear: left; } .auto-clear > .col-xs-2:nth-child(6n+1) { clear: left; } .auto-clear > .col-xs-3:nth-child(4n+1) { clear: left; } .auto-clear > .col-xs-4:nth-child(3n+1) { clear: left; } .auto-clear > .col-xs-6:nth-child(odd) { clear: left; } .text-left--xs { text-align: left!important; } } @media only screen and (max-width: 600px) { .col-mb-12 { width: 100%!important; } .award-area .tab-content { padding: 15px; } .award-area .tab-title > li { width: 100%; border-radius: 0; } .award-area .tab-title > li a { width: 100%; font-size: 16px; padding: 6px 15px; } .slider-area .nivo-directionNav a.nivo-nextNav, .slider-area .nivo-directionNav a.nivo-prevNav { height: 35px; width: 35px; line-height: 0.8; } } @media only screen and (max-width: 479px) { .award-area { padding-top: 90px; } .about-padding { padding: 80px 0 70px; } } @media only screen and (max-width: 320px) { .award-area { padding-top: 80px; } .about-padding { padding: 70px 0 60px; } } .menuen { color: #fcb000; font-size: 13px; display: block; margin-top: -6px; padding-bottom: 8px; } .menutr { padding-bottom: 0px !important; } .menuli { border-right: 1px solid #fcb000; margin-top: 12px; margin-bottom: 12px; } .menulison { margin-top: 12px; margin-bottom: 12px; } .flag { width: 41px; float: left; margin-right: 9px; } .footersocial { float: left; margin-right: 10px; background: #fcb000; padding: 2px 8px; border-radius: 4px; } .footersocial i { color: white; } .idariliste { line-height: 50px !important; } .breadcrumbs-area{ margin-top: 10%; } .inner-page-banner-area { height:600px; } .nivo-directionNav { display:none !important; } .mobildegoster { display:none; }