/* ================================================ [ Table of contents ] ================================================ :: Reset CSS :: Back to Top :: Loader :: WordPress Core :: Buttons :: Page Section Margin Padding :: Text Color :: Font Size :: Background Color :: BG Effect :: Background Gradient :: jarallax :: Section Title :: Header :: Navigation :: Banner :: Stars Banner :: Isotope Filters :: Pricing :: Owl Carousel :: Testimonial :: FAQ :: Blog :: Contact us :: footer :: Breadcrumb Inner Page :: Blog Page :: Blog - SideBar :: 404 Error :: Coming Soon :: TERMS OF SERVICE :: Text Effect :: xzoom :: Other CSS ====================================== [ End table content ] ======================================*/ /*--------------------------------------------------------------------- Reset CSS -----------------------------------------------------------------------*/ body { font-family: 'PT Sans', sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 30px; color: #888; overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; font-weight: normal; color: #23292c; margin-top: 0px; margin-bottom: 0px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 { font-size: 66px; line-height: 88px; } h2 { font-size: 44px; line-height: 64px; } h3 { font-size: 40px; line-height: 50px; } h4 { font-size: 28px; line-height: 40px; } h5 { font-size: 24px; line-height: 35px; } h6 { font-size: 20px; line-height: 26px; } .lead { font-size: 18px; line-height: 32px; margin: 0; } .container { max-width: 1170px; } /* HTML Tags */ a { color: #23292c; outline: none; } a:focus, a:hover { color: #FDC716; text-decoration: none; outline: none; } ins { background: #fff9c0; text-decoration: none; } img { max-width: 100%; height: auto; } pre { background: #f5f5f5; padding: 20px; border: 1px solid #e1e1e1; } select { border-color: #e8e8e8; border: 1px solid #eeeeee; line-height: 40px; height: 54px; padding: 0 10px; width: 100%; } hr { margin: 0; padding: 0px; border-bottom: 1px solid #e0e0e0; border-top: 0px; } /* Lists (Nested) */ ol, ul { padding-left: 25px; margin-bottom: 1em; } ol { padding-left: 0px; } ol li { list-style: decimal inside; } ol ol { padding-left: 25px; } ul li { list-style: inherit; } /* Definition Lists */ dl dd { margin-bottom: 15px; } dl dd:last-child { margin-bottom: 0px; } /* Table */ table { border: 1px solid #f5f5f5; margin-bottom: 20px; width: 100%; } table#wp-calendar { background: #ffffff; } table caption { color: #b6b6b6; } table th { background: #fbfbfb; color: #FDC716; } table td, table th { border: 1px solid #eaeaea; padding: 4px 8px; } /* Form */ input[type=text], input[type=email], input[type=url], input[type=search], input[type=password], textarea { width: 100%; padding: 0px 25px; height: 54px; background: #ffffff; border: 1px solid #e1e1e1; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; color: #b6b6b6; } textarea { padding: 25px; height: auto; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } input[type=text]:focus, input[type=email]:focus, input[type=search]:focus, input[type=password]:focus, textarea:focus { border-color: #FDC716; box-shadow: none; outline: none; } input::-webkit-input-placeholder { color: inherit; } input::-moz-placeholder { color: inherit; } input:-ms-input-placeholder { color: inherit; } textarea::-webkit-input-placeholder { color: inherit; } textarea::-moz-placeholder { color: inherit; } textarea:-ms-input-placeholder { color: inherit; } input[type=email]::-webkit-input-placeholder { color: inherit; } input[type=email]::-moz-placeholder { color: inherit; } input[type=email]:-ms-input-placeholder { color: inherit; } input[type=submit] { color: #fff; cursor: pointer; padding: 10px 30px; font-weight: 400; font-size: 16px; border: none; position: relative; background: #FDC716; font-family: 'Poppins', sans-serif; display: inline-block; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; cursor: pointer; } input[type=submit]:hover { color: #ffffff; background: #23292c; outline: none; } /*--------------------------------------------------------------------- Back to Top -----------------------------------------------------------------------*/ #back-to-top .top { z-index: 999; position: fixed; margin: 0px; color: #fff; background: #23292c; position: fixed; bottom: 25px; right: 25px; z-index: 999; font-size: 26px; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 10px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #back-to-top .top:hover { background: #FDC716; color: #fff; -webkit-box-shadow: 0px 0px 30px 0px rgba(34, 34, 34, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(34, 34, 34, 0.1); box-shadow: 0px 0px 30px 0px rgba(34, 34, 34, 0.1); } /*--------------------------------------------------------------------- Loader -----------------------------------------------------------------------*/ #loading { background-color: #ffffff; height: 100%; width: 100%; position: fixed; margin-top: 0px; top: 0px; left: 0px; bottom: 0px; overflow: hidden !important; right: 0px; z-index: 999999; } #loading-center { position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; } .fulfilling-square-spinner, .fulfilling-square-spinner * { box-sizing: border-box; } .fulfilling-square-spinner { height: 50px; width: 50px; position: relative; border: 4px solid #FDC716; animation: fulfilling-square-spinner-animation 4s infinite ease; } .fulfilling-square-spinner .spinner-inner { vertical-align: top; display: inline-block; background-color: #FDC716; width: 100%; opacity: 1; animation: fulfilling-square-spinner-inner-animation 4s infinite ease-in; } @keyframes fulfilling-square-spinner-animation { 0% { transform: rotate(0deg); } 25% { transform: rotate(180deg); } 50% { transform: rotate(180deg); } 75% { transform: rotate(360deg); } 100% { transform: rotate(360deg); } } @keyframes fulfilling-square-spinner-inner-animation { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } } /*--------------------------------------------------------------------- WordPress Core -----------------------------------------------------------------------*/ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f5f5f5; max-width: 96%; padding: 5px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; white-space: nowrap; height: 0px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /*---------------------------------------------------------------------- Buttons -----------------------------------------------------------------------*/ .button, input.wpcf7-submit { color: #000000; cursor: pointer; padding: 10px 30px; font-weight: 400; font-size: 16px; border: 2px solid #FDC716; position: relative; font-family: 'Poppins', sans-serif; display: inline-block; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 50px; border-bottom-right-radius: 10%;} .button:hover, .button:focus { color: #ffffff; background: #FDC716; outline: none; } #ozi-banner .button, #ozi-banner input.wpcf7-submit { color: #ffffff; cursor: pointer; padding: 10px 30px; font-weight: 400; font-size: 16px; border: 1px solid #FDC716; position: relative; font-family: 'Poppins', sans-serif; display: inline-block; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 50px; } /* Buttons white */ .button.bt-white { color: #333; background: #fff; } .button.bt-white:hover, .button.bt-white:focus { color: #ffffff; background: #FDC716; outline: none; } /* Buttons white 2 */ .button.bt-black { color: #333; background: #fff; } .button.bt-black:hover, .button.bt-black:focus { color: #ffffff; background: #23292c; outline: none; } /*--------------------------------------------------------------------- Page Section Margin Padding ---------------------------------------------------------------------*/ /*---------------- Section padding ----------------*/ .overview-block-ptb { padding: 0px 0; } .overview-block-ptb2 { padding: 50px 0; } .overview-block-pt { padding: 100px 0 0; } .overview-block-pb { padding: 0 0 100px; } /*---------------- Padding All ----------------*/ .ozi-pall { padding: 0px !important; } .ozi-pall-10 { padding: 10px; } .ozi-pall-15 { padding: 15px; } .ozi-pall-20 { padding: 20px; } .ozi-pall-25 { padding: 25px; } .ozi-pall-30 { padding: 30px; } .ozi-pall-40 { padding: 40px; } .ozi-pall-50 { padding: 50px; } .ozi-pall-60 { padding: 60px; } .ozi-pall-70 { padding: 70px; } .ozi-pall-80 { padding: 80px; } .ozi-pall-90 { padding: 90px; } .ozi-pall-100 { padding: 100px; } /*---------------- Padding Top and Bottom ----------------*/ .ozi-ptb-0 { padding: 0; } .ozi-ptb-10 { padding: 10px 0; } .ozi-ptb-15 { padding: 15px 0; } .ozi-ptb-20 { padding: 20px 0; } .ozi-ptb-25 { padding: 25px 0; } .ozi-ptb-30 { padding: 30px 0; } .ozi-ptb-40 { padding: 40px 0; } .ozi-ptb-50 { padding: 50px 0; } .ozi-ptb-60 { padding: 60px 0; } .ozi-ptb-70 { padding: 70px 0; } .ozi-ptb-80 { padding: 80px 0; } .ozi-ptb-90 { padding: 90px 0; } .ozi-ptb-100 { padding: 100px 0; } /*---------------- Padding Left and right ----------------*/ .ozi-plr-0 { padding: 0; } .ozi-plr-10 { padding: 0 10px; } .ozi-plr-15 { padding: 0 15px; } .ozi-plr-20 { padding: 0 20px; } .ozi-plr-25 { padding: 0 25px; } .ozi-plr-30 { padding: 0 30px; } .ozi-plr-40 { padding: 0 40px; } .ozi-plr-50 { padding: 0 50px; } .ozi-plr-60 { padding: 0 60px; } .ozi-plr-70 { padding: 0 70px; } .ozi-plr-80 { padding: 0 80px; } .ozi-plr-90 { padding: 0 90px; } .ozi-plr-100 { padding: 0 100px; } /*---------------- Padding top ----------------*/ .ozi-pt-0 { padding-top: 0px; } .ozi-pt-10 { padding-top: 10px; } .ozi-pt-15 { padding-top: 15px; } .ozi-pt-20 { padding-top: 20px; } .ozi-pt-25 { padding-top: 25px; } .ozi-pt-30 { padding-top: 30px; } .ozi-pt-40 { padding-top: 40px; } .ozi-pt-50 { padding-top: 50px; } .ozi-pt-60 { padding-top: 60px; } .ozi-pt-70 { padding-top: 0px; } .ozi-pt-80 { padding-top: 80px; } .ozi-pt-90 { padding-top: 90px; } .ozi-pt-100 { padding-top: 100px; } /*---------------- Padding Bottom ----------------*/ .ozi-pb-0 { padding-bottom: 0px; } .ozi-pb-10 { padding-bottom: 10px; } .ozi-pb-15 { padding-bottom: 15px; } .ozi-pb-20 { padding-bottom: 0px; } .ozi-pb-25 { padding-bottom: 25px; } .ozi-pb-30 { padding-bottom: 30px; } .ozi-pb-40 { padding-bottom: 40px; } .ozi-pb-50 { padding-bottom: 50px; } .ozi-pb-60 { padding-bottom: 60px; } .ozi-pb-70 { padding-bottom: 70px; } .ozi-pb-80 { padding-bottom: 80px; } .ozi-pb-90 { padding-bottom: 90px; } .ozi-pb-100 { padding-bottom: 100px; } /*---------------- Padding Left ----------------*/ .ozi-pl-0 { padding-left: 0; } .ozi-pl-10 { padding-left: 10px; } .ozi-pl-15 { padding-left: 15px; } .ozi-pl-20 { padding-left: 20px; } .ozi-pl-25 { padding-left: 25px; } .ozi-pl-30 { padding-left: 30px; } .ozi-pl-40 { padding-left: 40px; } .ozi-pl-50 { padding-left: 50px; } .ozi-pl-60 { padding-left: 60px; } .ozi-pl-70 { padding-left: 70px; } .ozi-pl-80 { padding-left: 80px; } .ozi-pl-90 { padding-left: 90px; } .ozi-pl-100 { padding-left: 100px; } /*---------------- Padding Right ----------------*/ .ozi-pr-0 { padding-right: 0px; } .ozi-pr-10 { padding-right: 10px; } .ozi-pr-15 { padding-right: 15px; } .ozi-pr-20 { padding-right: 20px; } .ozi-pr-25 { padding-right: 25px; } .ozi-pr-30 { padding-right: 30px; } .ozi-pr-40 { padding-right: 40px; } .ozi-pr-50 { padding-right: 50px; } .ozi-pr-60 { padding-right: 60px; } .ozi-pr-70 { padding-right: 70px; } .ozi-pr-80 { padding-right: 80px; } .ozi-pr-90 { padding-right: 90px; } .ozi-pr-100 { padding-right: 100px; } /*---------------- Margin All ----------------*/ .ozi-mall-0 { margin: 0; } .ozi-mall-10 { margin: 10px; } .ozi-mall-15 { margin: 15px; } .ozi-mall-20 { margin: 20px; } .ozi-mall-25 { margin: 25px; } .ozi-mall-30 { margin: 30px; } .ozi-mall-40 { margin: 40px; } .ozi-mall-50 { margin: 50px; } .ozi-mall-60 { margin: 60px; } .ozi-mall-70 { margin: 70px; } .ozi-mall-80 { margin: 80px; } .ozi-mall-90 { margin: 90px; } .ozi-mall-100 { margin: 100px; } /*---------------- Margin Top and Bottom ----------------*/ .ozi-mtb-0 { margin: 0; } .ozi-mtb-10 { margin: 10px 0; } .ozi-mtb-15 { margin: 15px 0; } .ozi-mtb-20 { margin: 20px 0; } .ozi-mtb-25 { margin: 25px 0; } .ozi-mtb-30 { margin: 30px 0; } .ozi-mtb-40 { margin: 40px 0; } .ozi-mtb-50 { margin: 50px 0; } .ozi-mtb-60 { margin: 60px 0; } .ozi-mtb-70 { margin: 70px 0; } .ozi-mtb-80 { margin: 80px 0; } .ozi-mtb-90 { margin: 90px 0; } .ozi-mtb-100 { margin: 100px 0; } /*---------------- Margin Left and Right ----------------*/ .ozi-mlr-0 { margin: 0; } .ozi-mlr-10 { margin: 0 10px; } .ozi-mlr-15 { margin: 0 15px; } .ozi-mlr-20 { margin: 0 20px; } .ozi-mlr-25 { margin: 0 25px; } .ozi-mlr-30 { margin: 0 30px; } .ozi-mlr-40 { margin: 0 40px; } .ozi-mlr-50 { margin: 0 50px; } .ozi-mlr-60 { margin: 0 60px; } .ozi-mlr-70 { margin: 0 60px; } .ozi-mlr-80 { margin: 0 80px; } .ozi-mlr-90 { margin: 0 80px; } .ozi-mlr-100 { margin: 0 100px; } /*---------------- Margin Top ----------------*/ .ozi-mt-0 { margin-top: 0px; } .ozi-mt-5 { margin-top: 5px; } .ozi-mt-10 { margin-top: 10px; } .ozi-mt-15 { margin-top: 15px; } .ozi-mt-20 { margin-top: 20px; } .ozi-mt-25 { margin-top: 25px; } .ozi-mt-30 { margin-top: 30px; } .ozi-mt-40 { margin-top: 40px; } .ozi-mt-50 { margin-top: 50px; } .ozi-mt-60 { margin-top: 60px; } .ozi-mt-70 { margin-top: 70px; } .ozi-mt-80 { margin-top: 80px; } .ozi-mt-90 { margin-top: 90px; } .ozi-mt-100 { margin-top: 100px; } /*---------------- Margin Bottom ----------------*/ .ozi-mb-0 { margin-bottom: 0px; } .ozi-mb-10 { margin-bottom: 10px; } .ozi-mb-15 { margin-bottom: 15px; } .ozi-mb-20 { margin-bottom: 20px; } .ozi-mb-25 { margin-bottom: 25px; } .ozi-mb-30 { margin-bottom: 30px; } .ozi-mb-40 { margin-bottom: 40px; } .ozi-mb-50 { margin-bottom: 50px; } .ozi-mb-60 { margin-bottom: 60px; } .ozi-mb-70 { margin-bottom: 70px; } .ozi-mb-80 { margin-bottom: 80px; } .ozi-mb-90 { margin-bottom: 90px; } .ozi-mb-100 { margin-bottom: 100px; } /*---------------- Margin Left ----------------*/ .ozi-ml-0 { margin-left: 0px; } .ozi-ml-10 { margin-left: 10px; } .ozi-ml-15 { margin-left: 15px; } .ozi-ml-20 { margin-left: 20px; } .ozi-ml-25 { margin-left: 25px; } .ozi-ml-30 { margin-left: 30px; } .ozi-ml-40 { margin-left: 40px; } .ozi-ml-50 { margin-left: 50px; } .ozi-ml-60 { margin-left: 60px; } .ozi-ml-70 { margin-left: 70px; } .ozi-ml-80 { margin-left: 80px; } .ozi-ml-90 { margin-left: 90px; } .ozi-ml-100 { margin-left: 100px; } /*---------------- Margin Right ----------------*/ .ozi-mr-0 { margin-right: 0px; } .ozi-mr-10 { margin-right: 10px; } .ozi-mr-15 { margin-right: 15px; } .ozi-mr-20 { margin-right: 20px; } .ozi-mr-25 { margin-right: 25px; } .ozi-mr-30 { margin-right: 30px; } .ozi-mr-40 { margin-right: 40px; } .ozi-mr-50 { margin-right: 50px; } .ozi-mr-60 { margin-right: 60px; } .ozi-mr-70 { margin-right: 70px; } .ozi-mr-80 { margin-right: 80px; } .ozi-mr-90 { margin-right: 90px; } .ozi-mr-100 { margin-right: 100px; } /*--------------------------------------------------------------------- Text Weight -----------------------------------------------------------------------*/ .ozi-tw-1 { font-weight: 100; } .ozi-tw-2 { font-weight: 200; } .ozi-tw-3 { font-weight: 300; } .ozi-tw-4 { font-weight: 400; } .ozi-tw-5 { font-weight: 500; } .ozi-tw-6 { font-weight: 600; } .ozi-tw-7 { font-weight: 700; } .ozi-tw-8 { font-weight: 800; } .ozi-tw-9 { font-weight: 900; } /*--------------------------------------------------------------------- Text Color -----------------------------------------------------------------------*/ .ozi-font-green { color: #FDC716; } .ozi-font-white { color: #ffffff; } .ozi-font-black { color: #23292c; } .ozi-font-light { color: #666666; } /*--------------------------------------------------------------------- Font Size -----------------------------------------------------------------------*/ .ozi-font-15 { font-size: 15px; } .ozi-font-30 { font-size: 30px; } /*--------------------------------------------------------------------- Background Color -----------------------------------------------------------------------*/ .white-bg { background: #ffffff; } .grey-bg { background: #f7f7f7; } .green-bg { background: #FDC716; } .dark-bg { background: #23292c; } footer { float: left; width: 100%; } /*--------------------------------------------------------------------- BG Effect -----------------------------------------------------------------------*/ .ozi-parallax { position: relative; background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important; background-origin: initial; background-position: center center !important; background-repeat: no-repeat; } /*--------------------------------------------------------------------- Background Gradient ---------------------------------------------------------------------*/ .ozi-bg-over { position: relative; } /* Background Gradient green */ .ozi-over-green-10:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(253, 199, 22, 0.1); } .ozi-over-green-20:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(253, 199, 22, 0.2); } .ozi-over-green-30:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(253, 199, 22, 0.3); } .ozi-over-green-40:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(253, 199, 22, 0.4); } .ozi-over-green-50:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(253, 199, 22, 0.5); } .ozi-over-green-60:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(253, 199, 22, 0.6); } .ozi-over-green-70:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(253, 199, 22, 0.7); } .ozi-over-green-80:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(253, 199, 22, 0.8); } .ozi-over-green-85:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(253, 199, 22, 0.85); } .ozi-over-green-90:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(253, 199, 22, 0.9); } .ozi-over-green-95:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(253, 199, 22, 0.95); } /* Background Gradient Black */ .ozi-over-black-10:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.1); } .ozi-over-black-20:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.2); } .ozi-over-black-30:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.3); } .ozi-over-black-40:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.4); } .ozi-over-black-50:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.5); } .ozi-over-black-60:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.6); } .ozi-over-black-70:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.7); } .ozi-over-black-80:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.3); } .ozi-over-black-85:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.85); } .ozi-over-black-90:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.9); } .ozi-over-black-95:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.95); } /* Background Gradient White */ .ozi-over-white-10:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(255, 255, 255, 0.1); } .ozi-over-white-20:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(255, 255, 255, 0.2); } .ozi-over-white-30:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(255, 255, 255, 0.3); } .ozi-over-white-40:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(255, 255, 255, 0.4); } .ozi-over-white-50:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(255, 255, 255, 0.5); } .ozi-over-white-60:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(255, 255, 255, 0.6); } .ozi-over-white-70:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(255, 255, 255, 0.7); } .ozi-over-white-80:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(255, 255, 255, 0.8); } .ozi-over-white-85:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(255, 255, 255, 0.85); } .ozi-over-white-90:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(255, 255, 255, 0.9); } .ozi-over-white-95:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; background: rgba(255, 255, 255, 0.95); } [class*='ozi-over-']:before { z-index: 0; } /*--------------------------------------------------------------------- jarallax -----------------------------------------------------------------------*/ .jarallax { position: relative; z-index: 0; } .jarallax>.jarallax-img { position: absolute; object-fit: cover; /* support for plugin https://github.com/bfred-it/object-fit-images */ font-family: 'object-fit:cover; '; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } /*--------------------------------------------------------------------- Section Title -----------------------------------------------------------------------*/ .heading-title { margin-bottom: 5px; text-align: center; } .heading-title small { font-weight: 400; font-size: 16px; text-transform: uppercase; font-family: 'Poppins', sans-serif; letter-spacing: 4px; } .heading-title.left { text-align: left; margin-bottom: 5px; } .heading-title .title { position: relative; } .heading-title p { padding: 0 100px; display: block; } p.arkanacenter { padding: 0 100px; display: block; text-align: center; } .heading-title .title.white:before { background: #ffffff; } /*Heading Left*/ .heading-left .title { position: relative; padding: 0 0 8px 0; margin: 0 0 20px 0; } .heading-left .title:before { position: absolute; content: ""; left: 0; width: 50px; height: 3px; background: #FDC716; bottom: 0; } .small-title { position: relative; padding-bottom: 10px; margin-bottom: 15px } .small-title:before { content: ""; position: absolute; bottom: 0; left: 0; width: 40px; height: 4px; background: #FDC716; display: inline-block; } .arkana-heading-numerical {display: inline-block;font-size: 18px;color: #000000;text-transform: capitalize;width:100%;} .arkana__number {font-size: 18px;color: #000000;} .arkana__number,.arkana__line {display: inline-block;vertical-align: middle;} .arkana__line {background-color: #000000;margin: 0 10px;width: 60px;height: 1px;} /*--------------------------------------------------------------------- Header -----------------------------------------------------------------------*/ header#normal { position: absolute; } header { position: fixed; display: inline-block; width: 100%; top: 0; left: 0; z-index: 99999; padding: 20px 0; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } header .container-fluid { padding: 0 100px; } header .navbar { padding: 0; } header .navbar .menu-top-menu-container { text-align: right; display: inline-block; width: 100%; } header .navbar .navbar-brand { padding: 0; } header .navbar .navbar-brand img { height: 55px; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } header .navbar .navbar-nav { margin-top: 0; float: right; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } header .navbar .navbar-nav>li { margin: 0 35px 0 0; position: relative; } header .navbar .navbar-nav li a { color: #fff; } header .navbar .navbar-nav>li:last-child { margin-right: 0; } header .navbar .navbar-nav .nav-item a { color: #ffffff; padding: 0; line-height: normal; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 400; } header .navbar .navbar-nav .nav-item a:hover, header .navbar .navbar-nav .nav-item a:focus, header .navbar .navbar-nav .nav-item a.active, header .navbar .navbar-nav .nav-item a.active:focus, header .navbar .navbar-nav .nav-item a.active:hover { color: #FDC716; background: none; box-shadow: none; } /* Header sticky */ header.menu-sticky { padding: 15px 0; -webkit-box-shadow: 0px 0px 30px 0px rgba(34, 34, 34, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(34, 34, 34, 0.1); box-shadow: 0px 0px 30px 0px rgba(34, 34, 34, 0.1); background: rgba(34, 34, 34, 1); } header.menu-sticky .navbar .navbar-brand img { height: 45px; } /* Header White */ header.white { background: #fff; } header.white .navbar .navbar-nav li a { color: #23292c; } header.white .navbar .navbar-nav li a:hover, header.white .navbar .navbar-nav li a:focus, header.white .navbar .navbar-nav li a.active, header.white .navbar .navbar-nav li a.active:focus, header.white .navbar .navbar-nav li a.active:hover { color: #FDC716; } /* Header White Transparent */ header.white-transparent { background: rgba(255, 255, 255, 0.9); } header.white-transparent .navbar .navbar-nav li a { color: #23292c; } header.white-transparent .navbar .navbar-nav li a:hover, header.white-transparent .navbar .navbar-nav li a:focus, header.white-transparent .navbar .navbar-nav li a.active, header.white-transparent .navbar .navbar-nav li a.active:focus, header.white-transparent .navbar .navbar-nav li a.active:hover { color: #FDC716; } /* Header Dark */ header.black { background: #222; } header.black.navbar .navbar-nav li a { color: #fff; } header.black .navbar .navbar-nav li a:hover, header.black .navbar .navbar-nav li a:focus, header.black .navbar .navbar-nav li a.active, header.black .navbar .navbar-nav li a.active:focus, header.black .navbar .navbar-nav li a.active:hover { color: #FDC716; } /* Header black Transparent */ header.black-transparent { background: rgba(34, 34, 34, 0.9); } header.black-transparent .navbar .navbar-nav .nav-item a { color: #fff; } header.black-transparent .navbar .navbar-nav .nav-item a:hover, header.black-transparent .navbar .navbar-nav .nav-item a:focus, header.black-transparent .navbar .navbar-nav .nav-item a.active, header.black-transparent .navbar .navbar-nav .nav-item a.active:focus, header.black-transparent .navbar .navbar-nav .nav-item a.active:hover { color: #FDC716; } /* Header Green */ header.green { background: transparent; } header.green .navbar .navbar-nav .nav-item a { color: #fff; } header.green .navbar .navbar-nav .nav-item a:hover, header.green .navbar .navbar-nav .nav-item a:focus, header.green .navbar .navbar-nav .nav-item a.active, header.green .navbar .navbar-nav .nav-item a.active:focus, header.green .navbar .navbar-nav .nav-item a.active:hover { color: #23292c; } header.green.menu-sticky { background: #FDC716; } /*-------------------------------------------------------------- Navigation --------------------------------------------------------------*/ header .navbar .menu-testing-menu-container, header .navbar .menu-main-menu-container, header .navbar .menu-short-container, header .navbar .menu-all-pages-container, header .navbar .menu-footer-1-container, header .navbar .menu-footer-2-container { width: 100%; } header .navbar .navbar-nav { margin: 0; padding: 0; } header .navbar .navbar-nav li { margin: 0 35px 0 0; position: relative; } header .navbar .navbar-nav li:last-child { margin-right: 0; } header .navbar .navbar-nav li a { color: #ffffff; padding: 0; line-height: normal; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 400; } header .navbar .navbar-nav li a:hover, header .navbar .navbar-nav li a:focus, header .navbar .navbar-nav li a.active, header .navbar .navbar-nav li a.active:focus, header .navbar .navbar-nav li a.active:hover, header .navbar .navbar-nav li.current-menu-item a, header .navbar .navbar-nav li.current-menu-item a:focus, header .navbar .navbar-nav li.current-menu-item a:hover { color: #FDC716; background: none; box-shadow: none; } header .navbar .navbar-nav li.current-menu-item.menu-item-has-children::before, header .navbar .navbar-nav li.menu-item-has-children:hover:before, header .navbar .navbar-nav li.menu-item-has-children:hover>a { color: #FDC716; } header .navbar .navbar-nav li:hover .sub-menu { display: block; } header .navbar .navbar-nav li .sub-menu { display: none; position: absolute; top: 0; left: 0; width: 200px; padding: 0; margin: 0; padding-top: 62px; text-align: left; } header .navbar .navbar-nav li .sub-menu li { background: #fff; color: #23292c; font-size: 14px; margin: 0; display: inline-block; width: 100%; } header .navbar .navbar-nav li .sub-menu li a { color: #23292c; font-size: 14px; padding: 15px; display: inline-block; width: 100%; } header .navbar .navbar-nav li .sub-menu li a:hover { background: #FDC716; color: #fff; } header .navbar .navbar-nav li .sub-menu li.menu-item-has-children:before { position: absolute; right: 15px; top: 12px; content: "\f105"; font-family: FontAwesome; font-size: 16px; color: #000000;} header .navbar .navbar-nav li.menu-item-has-children::before { position: absolute; right: -17px; top: 0px; content: "\f107"; font-family: FontAwesome; font-size: 16px; color: #ffffff; } header .navbar .navbar-nav li .sub-menu li.menu-item-has-children:hover { color: #fff; } header .navbar .navbar-nav li .sub-menu li.menu-item-has-children .sub-menu { display: none; position: absolute; top: 0; left: 100%; width: 200px; padding: 0; margin: 0; } header .navbar .navbar-nav li .sub-menu li.menu-item-has-children:hover>.sub-menu { display: block; } .menu-item-description { display: none; } header.menu-sticky .navbar .navbar-nav li .sub-menu { padding-top: 52px; } /*--------------------------------------------------------------------- banner ---------------------------------------------------------------------*/ .ozi-banner .carousel-caption { bottom: 33%; } .ozi-banner #carouselExampleIndicators i { font-size: 26px; } /* Awesome Banner */ .awesome { position: relative; overflow: hidden; } .awesome:after { content: ""; bottom: 0; left: 0; width: 100%; height: 198px; background: url(../images/banner/awesome.png) no-repeat bottom right; background-size: cover; display: inline-block; position: absolute; } /* Canvas Banner */ .ozi-canvas-banner { padding: 20% 0 10%; } .ozi-canvas2 { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: inline-block; } #world { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: inline-block; } .canvas-banner .canvas-text { top: 50%; position: absolute; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } #demo-canvas { width: 100%; height: 100%; position: relative; } /* strom Banner */ #strom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /* particles Banner */ #particles, #projector, #js-particles { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /* Hero Banner */ .ozi-hero-banner { padding: 20% 0 10%; } .hero { position: relative; width: 100%; background: rgb(50, 50, 50); background-size: 130%; overflow: hidden; } /* Simpal Banner */ .ozi-simpal-banner { padding: 20% 0 10%; } /* Banner Type */ .ozi-banner-effect { padding: 15% 0 14%; } .ozi-banner-effect .banner-text h1 { letter-spacing: 3px; } .effect-headline.type i, .effect-headline.rotate-3 b, .effect-headline.slide b, .effect-headline.zoom b { font-weight: 800; color: #FDC716; } .effect-headline.clip b { font-weight: 700; } .effect-headline.rotate-2 b { color: #23292c; } .effect-headline.push b, .effect-headline.scale b { color: #FDC716; } /* Creative Banner */ .creative { position: relative; overflow: hidden; } .creative:after { content: ""; bottom: 0; left: 0; width: 100%; height: 80px; background: url(../images/banner/creative.png) no-repeat bottom center; background-size: 100%; display: inline-block; position: absolute; } /* Classic Banner */ .classic { position: relative; overflow: hidden; } .classic:after { content: ""; bottom: 0; left: 0; width: 100%; height: 132px; background: url(../images/banner/classic.png) no-repeat bottom center; background-size: cover; display: inline-block; position: absolute; } /* Amazing Banner */ .amazing { position: relative; overflow: hidden; } .amazing:after { content: ""; bottom: 0; left: 0; width: 100%; height: 180px; background: url(../images/banner/amazing.png) no-repeat bottom center; background-size: cover; display: inline-block; position: absolute; } /************************************* about us *************************************/ .ozi-img-blog { width: 100%; position: relative; height: 450px; } .ozi-img1, .ozi-img2 { position: absolute; background-size: cover; display: table-cell; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; background-size: cover; background-position: center; } .ozi-img1 { width: 20%; height: 400px; margin-top: 20px; right: 0; } .ozi-img2 { width: 80%; height: 450px; left: 0; } .ozi-img-blog .ozi-img1:hover { width: 80%; height: 450px; margin-top: 0; } .ozi-img-blog .ozi-img1:hover + .ozi-img2 { width: 20%; height: 400px; margin-top: 20px; } /************************************* Features *************************************/ .ozi-feature .ozi-fancy-box { padding: 30px; border-radius: 5px; position: relative; overflow: hidden; border: 1px solid #f3f3f3; } .ozi-feature .ozi-fancy-box .text-box { position: relative; z-index: 999; } .ozi-feature .ozi-fancy-box .text-box .ozi-icon i { text-align: left; font-size: 60px; color: #FDC716; font-weight: 600; } .ozi-feature .ozi-fancy-box:before { background: rgba(255, 255, 255, 1.0); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .ozi-feature .ozi-fancy-box:hover:before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; -webkit-box-shadow: 0px 0px 30px 5px rgba(102, 102, 102, 0.25); -moz-box-shadow: 0px 0px 30px 5px rgba(102, 102, 102, 0.25); box-shadow: 0px 0px 30px 5px rgba(102, 102, 102, 0.25); } .ozi-feature .ozi-fancy-box:hover .text-box h5 { color: #fff; } .ozi-feature .ozi-fancy-box:hover .text-box { color: #fff; } .card {border:none;margin-bottom: 15px;} .card .icon-position {position: relative;background-size: cover;background-position: center center;height: 280px;} .card .icon-position .icon-round {position: absolute;right: -38px;top: 20px;} .card .icon-position .icon-round {width: 80px;line-height: 70px;text-align: center;padding-top: 8px;border-radius: 100%;display: inline-block;} .card .p-40 {padding: 40px;padding-bottom: 20px;} .bg-success-gradiant {background: #f6d362;background: -webkit-linear-gradient(legacy-direction(to right), #f6d362 0%, #f8d769 100%);background: -webkit-gradient(linear, left top, right top, from(#f6d362), to(#f8d769));background: -webkit-linear-gradient(left, #f6d362 0%, #f8d769 100%);background: -o-linear-gradient(left, #f6d362 0%, #f8d769 100%);background: linear-gradient(to right, #f6d362 0%, #f8d769 100%);} .card .ozi-icon i {font-size: 28px;padding: 0px;font-weight: bold;} .card .card-body h4{font-size: 23px;font-weight: 400;line-height: 1.1;} .card .card-body p{line-height: 1.6;} /************************************* services *************************************/ .ozi-services { position: relative; overflow: hidden; } .ozi-services .heading-title.left { margin-bottom: 40px; } .device-blog { position: absolute; top: 40px; left: 50px; width: 700px; } .device-blog img { width: 100%; } .icon-fancy-box .icon-box { position: relative; color: #FDC716; font-size: 40px; line-height: 80px; vertical-align: middle; margin-right: 15px; display: table; float: left; background: #fff; width: 80px; height: 80px; text-align: center; border-radius: 100px; } .icon-fancy-box h5 { color: #fff; } .icon-fancy-box span { font-size: 20px; } .icon-fancy-box .content { display: table-cell; } .arkana-round-img img{border-top-left-radius: 62% 100%;border-top-right-radius: 62% 50%;border-bottom-left-radius: 0;border-bottom-right-radius: 0;} .arkana-round-img {right: 0px;text-align: center;bottom: -135px;} .arkana-icon-v2.card.card-shadow {-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);min-height: 130px;} .arkana-icon-v2.card.card-shadow i{font-size: 40px;color: #000000;margin-bottom: 10px;float: left;width: 100%;} .arkana-icon-v2.card.card-shadow h6{font-size: 13px;color: #000000 !important;text-transform: uppercase;line-height: 1.4;float: left;width: 100%;} /************************************* portfolio *************************************/ .isotope-filters { display: table; margin: 0 auto 40px; text-align: center; border: 1px solid #f2f2f2; border-radius: 90px; padding: 10px; } .isotope-filters button { margin: 4px; cursor: pointer; padding: 12px 20px; font-size: 16px; border-radius: 90px; background: transparent; color: #888; border: none; font-weight: normal; text-transform: uppercase; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .isotope-filters button.active, .isotope-filters button:hover { background: #FDC716; color: #ffffff; border-radius: 90px; -webkit-box-shadow: 0px 6px 20px -5px rgba(34, 34, 34, 0.20); -moz-box-shadow: 0px 6px 20px -5px rgba(34, 34, 34, 0.20); box-shadow: 0px 6px 20px -5px rgba(34, 34, 34, 0.20); } .isotope-filters button:focus { outline: none; outline-style: none; outline-offset: 0; } /* Grid */ .isotope.ozi-columns-1 .ozi-grid-item { width: 100%; } .isotope.ozi-columns-2 .ozi-grid-item { width: 50%; } .isotope.ozi-columns-3 .ozi-grid-item { width: 33.33333333%; } .isotope.ozi-columns-4 .ozi-grid-item { width: 25%; float:left;} .isotope.ozi-columns-5 .ozi-grid-item { width: 20%; } /* Grid Full Screen */ .isotope.full-grid, .ozi-masonry.full-grid { margin: 0 -15px 0 0; } .isotope.full-grid .ozi-grid-item { padding: 0 15px 15px 0; } /* Grid Full Screen No Space*/ .isotope.full-grid.no-padding, .ozi-masonry.full-grid.no-padding { margin: 0; } .isotope.full-grid.no-padding .ozi-grid-item { padding: 0 !important; } .ozi-masonry.ozi-columns-4 .ozi-masonry-item h5 { font-size: 20px; line-height: normal; } .ozi-masonry.ozi-columns-5 .ozi-masonry-item h5 { font-size: 18px; line-height: normal; } /* Grid Full columns 2 Font */ .isotope.ozi-columns-2.full-grid .ozi-grid-item h5 { font-size: 32px; } .isotope.ozi-columns-2.full-grid .ozi-grid-item .category { font-size: 20px; padding-bottom: 05px; display: inline-block; width: 100%; } @media(max-width:1199px) { .isotope.ozi-columns-4 .ozi-grid-item { width: 33.3% } .isotope.ozi-columns-5 .ozi-grid-item { width: 25%; } } @media(max-width:992px) { .isotope.ozi-columns-4 .ozi-grid-item { width: 50%; } .isotope.ozi-columns-3 .ozi-grid-item, .isotope.ozi-columns-5 .ozi-grid-item { width: 50%; } } @media(max-width:767px) { .isotope.ozi-columns-4 .ozi-grid-item, .isotope.ozi-columns-2 .ozi-grid-item, .isotope.ozi-columns-3 .ozi-grid-item, .isotope.ozi-columns-5 .ozi-grid-item { width: 100% } } /*---------------------------------------------------------------------- Isotope Filters ----------------------------------------------------------------------*/ /*---- Isotope Tooltip ----*/ .isotope-filters.isotope-tooltip { margin: 30px auto 50px; } .isotope-filters.isotope-tooltip button { position: relative; } .isotope-filters.isotope-tooltip button span { width: 40px; height: auto; line-height: 14px; padding: 10px; left: 50%; font-weight: 400; font-size: 14px; color: #fff; text-shadow: 1px 1px 1px rgba(34, 34, 34, 0.1); text-align: center; background: #FDC716; text-indent: 0px; border-radius: 3px; position: absolute; pointer-events: none; bottom: 0; opacity: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .isotope-filters.isotope-tooltip button span:after { content: ''; position: absolute; bottom: -7px; left: 50%; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #FDC716; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .isotope-filters.isotope-tooltip button:hover span, .isotope-filters.isotope-tooltip button.active span { opacity: 1; bottom: 55px; } /*---- Portfolio 02 ----*/ .ozi-portfolio-02 { position: relative; overflow: hidden; } .ozi-portfolio-02 .ozi-portfolio-img img { width: 100%; transition: all 0.35s ease 0s; } .ozi-portfolio-02:hover .ozi-portfolio-img img { transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .ozi-portfolio-02 .ozi-portfolio-content span, .ozi-portfolio-02 .ozi-portfolio-content a { color: #fff; } .ozi-portfolio-02 .ozi-portfolio-content a:hover { color: #23292c; } .ozi-portfolio-02 .ozi-portfolio-content { position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; text-align: left; background: rgba(253, 199, 22, 0.8); padding: 30px; opacity: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .ozi-portfolio-02 .ozi-portfolio-content .ozi-zoom { position: absolute; bottom: 25px; right: 30px; font-size: 24px; color: #fff; } .ozi-portfolio-02 .ozi-portfolio-content:hover { opacity: 1; } /*---------------------------------------------------------------------- video ----------------------------------------------------------------------*/ /*MY skills*/ .ozi-our-skills { position: relative; } .ozi-our-skills:before { background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; position: absolute; top: 0; width: 100%; } .ozi-progress-bar-text { margin-bottom: 10px; } .ozi-progress-bar-text span { float: right } .ozi-progress-bar { background: #666 none repeat scroll 0 0; box-shadow: 0 0 0; height: 10px; margin: 0 0 30px; position: relative; width: 100%; border-radius: 90px; } .ozi-progress-bar > span { background: #FDC716 none repeat scroll 0 0; display: block; height: 100%; width: 0; border-radius: 90px; } .how-Working { position: relative; display: inline-block; width: 100%; height: 100%; padding: 40% 0; float: left; } .waves-box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 60px; width: 60px; } .ozi-video { background: #FDC716; display: inline-block; width: 60px; height: 60px; text-align: center; font-size: 29px; color: #fff; float: left; border-radius: 100%; line-height: 2.1; z-index: 9; position: relative; } .ozi-video i { margin-left: 5px; } .ozi-waves { position: absolute; width: 14rem; height: 14rem; left: -90px; top: -90px; z-index: 2; float: right; } .ozi-waves .waves { position: absolute; width: 384px; width: 15rem; height: 384px; height: 15rem; background: rgba(253, 199, 22, 0.4); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-radius: 320px; background-clip: padding-box; -webkit-animation: waves 3s ease-in-out infinite; animation: waves 3s ease-in-out infinite; } .ozi-waves .wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .ozi-waves .wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .ozi-waves .wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; } @-webkit-keyframes waves { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes waves { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } /*---------------------------------------------------------------------- counter ----------------------------------------------------------------------*/ .ozi-counter .left { margin-bottom: 20px; } .ozi-counter i:before { font-size: 60px; line-height: normal; } .ozi-counter .timer { font-size: 40px; font-family: 'Poppins', sans-serif; } /*---------------------------------------------------------------------- Teams ----------------------------------------------------------------------*/ .ozi-team .team-images { position: relative; overflow: hidden; } .ozi-team .team-images img { width: 100%; vertical-align: bottom; border-radius: 15px 15px 0px 0px; -moz-border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px; border: 0px solid #000000; } .ozi-team .team-social { background: #ffffff; position: absolute; left: 0; right: 0; bottom: -60px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .ozi-team:hover .team-social { bottom: 0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .ozi-team .team-social ul { margin: 0; text-align: center; } .ozi-team .team-social ul li { margin: 0; padding: 0; width: 25%; float: left; } .ozi-team .team-social ul li a { background: #ffffff; color: #FDC716; width: 100%; line-height: 50px; display: inline-block; text-align: center; font-size: 20px; } .ozi-team .team-social ul li:hover a { background: #23292c; color: #ffffff; } .ozi-team .team-description { padding: 15px; text-align: center; background: #f8f8f8; border-radius: 0px 0px 15px 15px; -moz-border-radius: 0px 0px 15px 15px; -webkit-border-radius: 0px 0px 15px 15px; border: 0px solid #000000; } .ozi-team .team-description p { margin-bottom: 0; } .arkanateamv1 .item .sales-person {width: 25%;} .arkanateamv1 .item .sales-person {float: left;position: relative;width: 100%;margin-bottom: 40px;background-color: #ffffff;padding-top: 25px;padding-bottom: 20px;} .arkanateamv1 .item .sales-person .sales-person-inner {position: relative;width: 100%;} .arkanateamv1 .item .sales-person .sales-person-inner .avatar {position: relative;width: 80%;max-width: 220px;margin: 0 auto;cursor: pointer;} .arkanateamv1 .item .sales-person .sales-person-inner .avatar .avatar-ring {position: relative;width: 100%;height: 0px;padding-bottom: 100%;border-radius: 50%;-webkit-box-shadow: inset 0px 0px 0px 2px #FDC716;box-shadow: inset 0px 0px 0px 2px #FDC716;opacity: 0.4;} .arkanateamv1 .item .sales-person .sales-person-inner .avatar .avatar-ring {-webkit-box-shadow: inset 0px 0px 0px 3px #FDC716;box-shadow: inset 0px 0px 0px 5px #FDC716;} .arkanateamv1 .item .sales-person .sales-person-inner .avatar .avatar-img {position: absolute;top: 5%;left: 5%;right: 5%;bottom: 5%;border-radius: 50%;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;} .arkanateamv1 .item .sales-person .sales-person-inner .meta {margin-top: 5%;} .arkanateamv1 .item .sales-person .sales-person-inner .meta {position: relative;width: 100%;margin-top: 20px;text-align: center;} .arkanateamv1 .item .sales-person .sales-person-inner .meta .titles::after {content: '';position: absolute;bottom: 0px;left: 50%;width: 30px;height: 2px;background-color: #c2ad6c;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);} .arkanateamv1 .item .sales-person .sales-person-inner .meta .titles {position: relative;width: 100%;padding-bottom: 10px;margin-bottom: 0px;} .arkanateamv1 .meta h4 {color: #23292c;font-style: italic;font-size: 20px;line-height: 1em;font-weight: 700;letter-spacing: 0.05em;white-space: nowrap;} .arkanateamv1 .item .sales-person .sales-person-inner .meta .titles p {margin-top: 5px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.12em;font-size: 12px;color:#23292c;} .arkanateamv1 .item .sales-person .sales-person-inner .meta .titles::after {content: '';position: absolute;bottom: 10px;left: 50%;width: 30px;height: 2px;background-color: #23292c;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);} .arkanateamv1 .item .sales-person .sales-person-inner .meta ul.phone-list {white-space: nowrap;margin: 0px;} .arkanateamv1 .item .sales-person .sales-person-inner .meta ul.phone-list li {position: relative;display: inline-block;} .arkanateamv1 .item .sales-person .sales-person-inner .meta ul.phone-list li p {position: relative;margin: 0px;font-size: 15px;color: #000;} .arkanateamv1 .item .sales-person .sales-person-inner .meta ul.phone-list li p span {color: #23292c;font-weight: 700;font-size: 15px;} .arkanateamv1 .item .sales-person .sales-person-inner .meta ul.phone-list li:nth-child(2) p::before {content: '|';position: absolute;top: 50%;left: 0px;width: 2px;height: 100%;color: #23292c;font-weight: 700;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);} .arkanateamv1 .item .sales-person .sales-person-inner .meta ul.phone-list li p.underline {margin-left: 5px;padding-left: 10px;} .arkanateamv1 .item .sales-person .team-social ul {display: inline-flex;margin: 2px;padding: 0 100px;float: left;width: 100%;text-align: center;} .arkanateamv1 .item .sales-person .team-social ul li{margin-left: 10px;margin-right: 10px;width: 10%;text-align: center;float: left;} .arkanateamv1 .item .sales-person .team-social ul li i:hover{color: #c2ad6c;} /*--------------------------------------------------------------------- Pricing -----------------------------------------------------------------------*/ .ozi-pricing { position: relative; display: inline-block; width: 100%; background: #fff; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .ozi-pricing .price-title { padding: 35px 20px; position: relative; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #e4e4e4;border-bottom-left-radius: 40%; } .ozi-pricing.active .price-title { background: #FDC716; } .ozi-pricing.active { position: relative; } .card-ribbon { position: absolute; overflow: hidden; top: -10px; left: -10px; width: 114px; height: 114px; z-index: 99; } .card-ribbon span { position: absolute; display: block; width: 165px; padding: 5px 0; background-color: #23292c; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); color: #fff; font-size: 12px; text-transform: uppercase; text-align: center; left: -37px; top: 21px; -ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg); } .card-ribbon::before, .card-ribbon::after { position: absolute; z-index: -1; content: ''; display: block; border: 5px solid #23292c; border-top-color: transparent; border-left-color: transparent; } .card-ribbon::before { top: 0; right: 0; } .card-ribbon::after { bottom: 0; left: 0; } .ozi-pricing .price-title h2 { font-family: 'Poppins', sans-serif; line-height: 60px; font-size: 50px; position: relative; } .ozi-pricing .price-title h2 small { font-size: 16px; vertical-align: super; padding: 0 5px; } .ozi-pricing .price-title h2 small:first-child { font-size: 24px; } .ozi-pricing .price-title span { letter-spacing: 6px; position: relative; color: #000000; } .ozi-pricing.active .price-title span { letter-spacing: 6px; position: relative; color: #ffffff; } .ozi-pricing ul { margin: 20px 0 0; list-style: none; padding: 0; } .ozi-pricing ul li { line-height: 50px; border-bottom: 1px solid #e7e7e7;} .ozi-pricing .price-footer { padding: 30px 0; z-index: 9; position: relative; } .ozi-pricing .card {background-size: 100% !important;box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);} /*--------------------------------------------------------------------- Owl Carousel -----------------------------------------------------------------------*/ .owl-carousel .owl-nav.disabled { display: none; } .owl-carousel .owl-nav { display: block; position: absolute; text-indent: inherit; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999; } .owl-carousel .owl-nav .owl-prev { display: block; position: absolute; text-align: center; top: -20px; background: none; border: none; box-shadow: none; outline: none; text-indent: inherit; left: -8%; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; } .owl-carousel .owl-nav .owl-next { display: block; position: absolute; text-align: center; top: -20px; background: none; border: none; box-shadow: none; outline: none; text-indent: inherit; right: -8%; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; } .owl-carousel .owl-nav i { font-size: 24px; border-radius: 50%; width: 44px; height: 44px; line-height: 46px; padding-left: 0px; display: inline-block; color: #fff; font-weight: normal; text-align: center; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .owl-carousel .owl-nav i:hover { background: #FDC716; color: #fff; } /* Dots */ .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-controls .owl-dot { margin-top: 20px; display: inline-block; } .owl-carousel .owl-dots { position: relative; width: 100%; display: inline-block; text-indent: inherit; text-align: center; cursor: pointer; } .owl-carousel .owl-dots .owl-dot { background: none; border: none; box-shadow: none; outline: none; padding: 0; } .owl-carousel .owl-dots .owl-dot span { background: #23292c; display: inline-block; border-radius: 30px; margin: 0px 3px; height: 10px; width: 10px; border: 1px solid #23292c; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; cursor: pointer; } .owl-carousel .owl-dots .owl-dot:hover span { background: #FDC716; border: 1px solid #FDC716; } .owl-carousel .owl-dots .owl-dot.active span { background: #FDC716; border: 1px solid #FDC716; } /* Arrow-1 */ .owl-carousel.arrow-1 .owl-nav { display: block; position: absolute; text-indent: inherit; top: 50% !important; margin-top: -20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; } .owl-carousel.arrow-1 .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; left: -44px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; } .owl-carousel.arrow-1 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: -44px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; } .owl-carousel.arrow-1 .owl-nav i { font-weight: normal; font-size: 24px; color: #fff; background: rgba(34, 34, 34, 0.7); padding: 0px 12px; border-radius: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .owl-carousel.arrow-1 .owl-nav i:hover { background: #FDC716; } .owl-carousel.arrow-1 .owl-nav .owl-prev { left: 0; display: inline-grid; } .owl-carousel.arrow-1 .owl-nav .owl-next { right: 0; display: inline-grid; } .owl-carousel.arrow-1 .owl-stage-outer { overflow: hidden; } .arkanaclients .owl-carousel .owl-item img{ max-width: 100% !important; width: unset;} /*--------------------------------------------------------------------- Testimonial -----------------------------------------------------------------------*/ .ozi-loved-customers .owl-carousel .owl-item .item { padding: 10px 10px 20px; } .ozi-client { position: relative; margin-top: 40px; padding: 0 30px 15px; border: 1px solid #eee; border-radius: 15px; } .ozi-client:before { position: absolute; content: ""; right: 10px; top: -1px; height: 2px; width: 100px; background: #FDC716; } .ozi-client .client-img { width: 80px; height: 80px; display: inline-block; border-radius: 90px; margin-top: -40px; } .client-name { padding-left: 60px; position: relative; } .client-name:before { content: "\f10d"; font-family: FontAwesome; position: absolute; bottom: 0px; left: 0; font-size: 44px; color: #f0f0f0; line-height: normal; } .arkanatestimoials .card.card-shadow {box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);} .arkanatestimoials .card {position: relative;} .arkanatestimoials .card .p-40::after {position: absolute;bottom: -15px;left: 20;content: '';border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid #ffffff;} .arkanatestimoials h5.text {line-height: 30px;font-weight: 200;font-size: 17px;font-family: 'PT Sans', sans-serif;color: #888888;} .arkanatestimoials .d-flex {margin-left: 25px;} .arkanatestimoials .customer-thumb img {width: 60px;margin-right: 20px;} .arkanatestimoials .circle {border-radius: 100%;} .arkanatestimoials .m-b-0 {margin-bottom: 0px;} .arkanatestimoials .owl-dots {position: absolute;left: -106%;top: 70%;text-align: left;} /*--------------------------------------------------------------------- FAQ -----------------------------------------------------------------------*/ .ozi-accordion { z-index: 9; position: relative; } .ozi-accordion .ad-title { position: relative; font-family: 'Poppins', sans-serif; padding: 15px 50px 15px 15px; font-size: 16px; line-height: normal; cursor: pointer; background-color: #f8f8f8; display: block; text-align: left; color: #666666; text-decoration: none; border-radius: 4px; } .ozi-accordion .ad-title:before { -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06); border-radius: 10px; cursor: pointer; content: "\f3d0"; font-family: "Ionicons"; position: absolute; top: 0; right: 0; display: block; padding: 14px 20px; color: #fff; font-size: 16px; line-height: 28px; height: 100%; font-weight: normal; -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background: #FDC716; } .ozi-accordion .ad-active .ad-title:before { content: "\f3d8"; font-family: "Ionicons"; } .ozi-accordion .ad-details { display: none; overflow: hidden; text-align: left; padding: 15px 15px; color: #666666; line-height: 24px; background: #fff; border: 1px solid #eeeeee; border-top: none; -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06); } .ozi-accordion .ozi-ad-block { margin-bottom: 30px; } .ozi-accordion .ozi-ad-block:last-child { margin-bottom: 0; } /*--------------------------------------------------------------------- Blog -----------------------------------------------------------------------*/ .ozi-blog-box { margin-bottom: 50px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06); border-radius: 0px 0px 15px 15px; -moz-border-radius: 0px 0px 15px 15px; -webkit-border-radius: 0px 0px 15px 15px; border: 0px solid #000000; } .ozi-blog-box .ozi-blog-image { position: relative; } .ozi-blog-box .ozi-blog-image img { width: 100%; } .ozi-blog-detail { padding: 20px 15px 15px; background: #fff; border-radius: 0px 0px 15px 15px; -moz-border-radius: 0px 0px 15px 15px; -webkit-border-radius: 0px 0px 15px 15px; border: 0px solid #000000; } .ozi-blog-detail a, .ozi-blog-detail .blog-title a h5 { color: #23292c; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .ozi-blog-detail .blog-title a h5{ font-weight: 500;} body.single-post .ozi-blog-detail .blog-title h5{ font-weight: 500; font-size: 30px;} .ozi-blog-detail a:hover, .ozi-blog-detail .blog-title a:hover h5 { color: #FDC716; } .ozi-blog-detail a i{ color: #FDC716; font-size: 20px; } .ozi-blog-detail a {font-size: 18px;} .ozi-blog-detail .blog-content p{font-size: 16px; font-family: 'Poppins', sans-serif; } .ozi-blog-meta { margin: 15px 0 5px; border-top: 1px solid #ececec; padding-top: 15px;} body.single-post .blog_page_information .ozi-blog-meta {float:left; width:100%; } .ozi-blog-meta ul li { margin: 0 15px 0 0; padding: 0; font-size: 16px; } /*.ozi-blog-meta ul li i { margin-right: 15px; }*/ .ozi-blog-meta ul li:last-child { margin: 0; } .ozi-blog-box .blog-content p { margin-top: 0; } /*video vimeo and youtube*/ .ozi-bolg-video { height: 0; padding-bottom: 56.5%; position: relative; overflow: hidden; } .ozi-bolg-video video, .ozi-bolg-video embed, .ozi-bolg-video iframe, .ozi-bolg-video object { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none; } /*blog-entry-audio*/ .media-wrapper video { width: 100%; height: 100%; display: inline-block; float: left; } .players { position: absolute; bottom: 15px; display: inline-block; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); } .Page.navigation { width: 100%; } .Page.navigation, .page-numbers { display: inline-block; padding: 5px 10px; color: #666; margin: 0 2px 0 0; border: 1px solid #eee; line-height: 1; text-decoration: none; border-radius: 2px; font-weight: 600; } .page-numbers.current, a.page-numbers:hover { background: #FDC716; color: #ffffff; } /*blog homepage*/ .arkana-recentblog.v5 .b-h-box {position: relative;color: #ffffff;} .arkana-recentblog.v5 .font-14 {font-size: 14px;} .arkana-recentblog.v5 .card-img {width: 100%;border-radius: calc(.25rem - 1px);min-height: 275px;} .arkana-recentblog.v5 .b-h-box:hover .card-img-overlay {height: 100%;background: #ffffff;border: 3px solid rgba(120, 130, 140, 0.13);} .arkana-recentblog.v5 .b-h-box .card-img-overlay {bottom: 0px;top: auto;transition: .2s ease-in;height: 45%;overflow: hidden;} .arkana-recentblog.v5 .b-h-box:hover .card-title {color: #000000;} .arkana-recentblog.v5 .b-h-box .card-title {color: #ffffff;margin: 10px 0;font-size: 20px;line-height: 1.2;} .arkana-recentblog.v5 .b-h-box:hover .card-text {display: block;line-height: 1.5;color: #888888;} .arkana-recentblog.v5 .b-h-box:hover {color: #8d97ad;} /*--------------------------------------------------------------------- Contact us -----------------------------------------------------------------------*/ .contact-us .map { display: inline-block; width: 100%; height: 100%; } .map_text p, .wpb_text_column.wpb_content_element.map_text { margin: 0; } .map_text .map { float: left; } .contact-form .section-field {width: 100%; float: left; } .contact-form .section-field input { position: relative; width: 100%; margin-bottom: 20px; border-radius: 10px; padding-left: 20px; padding-top:5px; height: 48px; line-height: 48px; clear: both; color: #b6b6b6; border: 1px solid #e1e1e1; } .contact-form .section-field input:focus, .contact-form .section-field.textarea textarea:focus { border: 1px solid #FDC716; box-shadow: none; outline: none; } .contact-form .section-field.textarea textarea { width: 100%; float: left; color: #b6b6b6; border: 1px solid #e1e1e1; border-radius: 10px; padding: 15px 0 0 20px; resize: none; height: 180px; margin-bottom: 20px;} #success { display: none; margin-top: 10px; } .wpcf7-form input#submit {border-radius: 10px;} /*--------------------------------------------------------------------- footer -----------------------------------------------------------------------*/ .ozi-footer .widget img { width: 110px; } .ozi-footer .widget { color: #fff; } .info-share { margin: 0; padding: 0; } .info-share li { display: inline-block; list-style: none; padding: 0; margin: 0px 5px; } .info-share li a { display: block; width: 45px; height: 45px; line-height: 45px; font-size: 16px; color: #bbb; background: transparent; border: 1px solid #bbb; text-align: center; border-radius: 50%; } .info-share li a:hover { background: #FDC716; border-color: #FDC716; color: #fff; } .copyright-box { padding: 15px; background: rgba(0, 0, 0, 0.1); } footer .menu {display: inline-block; float: left; width: 100%;padding-left: 15px !important;} /*Menu*/ .ozi-footer .menu { margin: 0; padding: 0; } .ozi-footer .menu li { float: left; border-bottom: 0px; line-height: 40px; padding: 0; width: 50%; list-style: square; color: #FDC716;} .ozi-footer .menu li a { color: #fff; text-transform: uppercase; font-size: 12px; } .ozi-footer .menu li a:hover { color: #FDC716; } /*footer-widget*/ .ozi-footer .ozi-contact { list-style-type: none; margin: 0;padding-left: 5px !important; } .ozi-footer .ozi-contact li { font-size: 16px; color: #fff; margin-bottom: 15px; } .ozi-footer .ozi-contact i { color: #FDC716; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 32px; } .ozi-footer .ozi-contact p { display: table; color: #fff; margin-bottom: 0px; padding-left: 5px; } .ozi-copyright a { color: #FDC716; } footer h4.footer-title::after {background-color: #FDC716;bottom: -2px;content: "";height: 3px;left: 0;position: absolute;width: 50px;} footer h4.footer-title {color: #ffffff;border-bottom: 1px solid #5d5d5d;margin: 0px;padding-bottom: 15px;position: relative;font-size: 20px;margin-bottom: 20px;} footer p span {font-size: 14px;} footer p span small {color: #FDC716;} footer.sb_instagram_error p {line-height: 1.5;} /*--------------------------------------------------------------------- Breadcrumb Inner Page -----------------------------------------------------------------------*/ /*Breadcrumb Left*/ .ozi-breadcrumb { padding: 17% 0 10%; } .ozi-breadcrumb.text-left .heading-title { text-align: left; } .ozi-breadcrumb.text-left .heading-title .title:before { left: 0; margin-left: 0; } .ozi-breadcrumb.text-left .breadcrumb { z-index: 99; text-align: left; position: relative; border-radius: 90px; color: #ffffff; margin-bottom: 0; display: inline-block; background: rgba(255, 255, 255, 0.2); padding: 15px 30px; } .ozi-breadcrumb.text-left .breadcrumb li { display: inline-block; } .ozi-breadcrumb.text-left .breadcrumb li a i { font-size: 18px; margin-right: 6px; } .ozi-breadcrumb.text-left .breadcrumb li a:hover, .ozi-breadcrumb.text-left .breadcrumb li.active { color: #FDC716; } .ozi-breadcrumb.text-left .breadcrumb li a, .ozi-breadcrumb.text-left .breadcrumb-item+.breadcrumb-item::before { color: #ffffff; margin-bottom: 0; } /*pagination-nav*/ .pagination .page-item.active .page-link { background-color: #FDC716; border-color: #FDC716; } .pagination .page-link { color: #FDC716; } .pagination .page-link:hover { color: #333; } /*--------------------------------------------------------------------- Blog Page -----------------------------------------------------------------------*/ .ozi-page-blog .ozi-blog-box { box-shadow: none; border: 1px solid #ededed; } .ozi-blog-box .ozi-get-in { margin-top: 0; box-shadow: none; } .ozi-post-author { position: relative; min-height: 130px; } .ozi-post-author-pic { float: left; } .ozi-post-author a { color: #fff; } .ozi-post-author a:hover { text-decoration: underline; color: #fff; } /* Comments Box */ .display_blog_reply { padding: 0 20px; float: left; width: 100%; } #main-content.paeg .display_blog_reply { padding: 0px; } .display_blog_reply h3 { font-weight: 600; } .display_blog_reply ul { list-style: none; margin: 0; padding: 0; } .display_blog_reply .ozi-comments-photo { padding-right: 20px; min-width: 50px; margin-top: 5px;} .display_blog_reply .ozi-comments-info{float:left; width:100%;} .display_blog_reply .ozi-comments-photo a img { width: auto; height: auto; border-radius: 900px; } .display_blog_reply ul li .children { padding-left: 50px; } .display_blog_reply .ozi-comments-media { padding: 15px 15px 15px; border-radius: 0px; border-bottom: 1px solid #eee; display: flex; align-items: flex-start; } .display_blog_reply .ozi-comments-media p { margin: 0; float: left; width: 100%;} .display_blog_reply .ozi-comments-media .ozi-comment-metadata i { color: #FDC716; padding-right: 5px; } .display_blog_reply li:last-child .ozi-comments-media { border-bottom: none;} /* Comments From */ .comments { padding: 0 20px 30px; } #main-content.paeg .comments { padding: 0px; } .comments .comment-form .comment-form-comment, .comments .comment-form .comment-form-author, .comments .comment-form .comment-form-email, .comments .comment-form .comment-form-url, .comments .comment-form .form-submit { margin-top: 30px; } .comment .comment-form .comment-form-comment, .comment .comment-form .comment-form-author, .comment .comment-form .comment-form-email, .comment .comment-form .comment-form-url, .comment .comment-form .form-submit { margin-top: 30px; } /*--------------------------------------------------------------------- Blog - SideBar -----------------------------------------------------------------------*/ .blog_info { margin-bottom: 40px; padding: 20px 20px; border: 1px solid #ededed; color: #666; } .blog_info:last-child { margin-bottom: 0; } .blog_info .blogimagedescription h3 { padding-bottom: 0; margin-bottom: 0; font-size: 24px; font-weight: 600; border-bottom: 2px solid #FDC716; margin-bottom: 15px; line-height: 1.5; padding-bottom: 15px;} /*widget Search*/ .blog_info_search { margin-bottom: 40px; } .blog_info_search .input-group input { padding-right: 40px; box-shadow: none; border-radius: 90px; color: #2c3e50; height: 50px; border: 2px solid #f2f2f2; background: #ffffff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .blog_info_search .input-group input:focus { background: #ffffff; } .blog_info_search .input-group button { background: #FDC716; border: none; box-shadow: none; outline: none; } .blog_info_search .input-group i { color: #fff; cursor: pointer; } .blog_info_search .input-group input:focus { border-color: #FDC716; } /*widget Recent Posts*/ .blog_info ul { padding: 0; margin: 0; } .blog_info ul li { color: #666; margin: 10px 0; list-style-type: none; } .blog_info ul li:first-child { margin-top: 0; } .blog_info ul li:last-child { margin-bottom: 0; } .blog_info ul li a { color: #666; position: relative; padding-left: 15px; -webkit-transition: all 250ms ease-in-out 0s; -moz-transition: all 250ms ease-in-out 0s; -ms-transition: all 250ms ease-in-out 0s; -o-transition: all 250ms ease-in-out 0s; transition: all 250ms ease-in-out 0s; } .blog_info ul li a:before { position: absolute; content: "\f105"; top: 0; left: 3px; font-family: FontAwesome; line-height: normal; } .blog_info ul li a:hover { color: #FDC716; padding-left: 20px; } /*SideBar Recent Comments */ .blog_info ul#recentcomments li a:before { display: none; } .blog_info ul#recentcomments li a:hover { padding-left: 15px; } /* SideBar Calendar */ .blog_info table#wp-calendar { width: 100%; text-align: center; margin-bottom: 0; margin-top: 10px; } .blog_info .calendar_wrap td#today { background: #FDC716; color: #ffffff; } .blog_info .calendar_wrap td#today a { color: #ffffff; } .blog_info .calendar_wrap table th { background: #ffffff; color: #23292c; } .blog_info .calendar_wrap table th, .widget_calendar .calendar_wrap table td { padding: 8px; text-align: center; } /*SideBar Tags*/ .blog_info .tagcloud a.tag-cloud-link { color: #ffffff; margin-bottom: 8px; margin-right: 4px; display: inline-block; border-radius: 90px; border: 1px solid #FDC716; line-height: 32px; padding: 0px 15px; font-size: 14px !important; text-transform: uppercase; } .sidebar .blog_info .tagcloud a.tag-cloud-link { margin-bottom: 0px; margin-top: 8px; } .blog_info .tagcloud a.tag-cloud-link:hover { background: #000000; color: #ffffff !important; border-color: #000000; } /* SideBar RSS */ .widget_rss ul li { font-weight: normal; color: #b6b6b6; margin-bottom: 20px; line-height: 24px; } .widget_rss ul li:last-child { margin-bottom: 0px; } .widget.widget_rss ul li a { font-weight: 600; color: #FDC716; display: block; line-height: 24px; } .widget.widget_rss ul li a:hover { color: #23292c; } .widget.widget_rss ul li .rss-date { font-weight: 600; margin-bottom: 5px; display: block; color: #23292c; } /* Pagination */ .navigation.pagination { padding-left: 15px; display: block; } ul.page-numbers { border: none; padding-left: 0px; } ul.page-numbers li { border: none; margin: 4px; list-style: none; display: inline-block; line-height: inherit; } ul.page-numbers li .icon-arrow-left:before, ul.page-numbers li .icon-arrow-right:before { content: none; } ul.page-numbers li > span:hover, ul.page-numbers li > a:hover, ul.page-numbers li span.current { background: #FDC716; border-color: #FDC716; color: #ffffff; } ul.page-numbers li > span, ul.page-numbers li > a { background: #ffffff; font-size: 15px; color: #23292c; font-weight: 400; border: 1px solid #e1e1e1; padding: 8px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; display: inline-block; } /*--------------------------------------------------------------------- 404 Error -----------------------------------------------------------------------*/ .ozi-error p { padding: 0 100px; } .ozi-error .form-inline.ozi-subscribe { text-align: center; display: inline-block; width: 100%; } .ozi-error .ozi-subscribe .form-group { width: 40%; display: inline-block; } .ozi-error .ozi-subscribe .form-control { border-radius: 90px; height: 50px; width: 100%; display: inline-block; padding-left: 25px; box-shadow: none; border: none; background: #f4f4f4; } /*--------------------------------------------------------------------- Coming Soon -----------------------------------------------------------------------*/ .ozi-coming .big-text { font-size: 50px; font-family: 'Poppins', sans-serif; text-transform: uppercase; color: #FDC716; } .ozi-coming img { height: 150px; } .ozi-coming .form-inline.ozi-subscribe { text-align: center; display: inline-block; width: 100%; } .ozi-coming .ozi-subscribe .form-group { width: 40%; display: inline-block; } .ozi-coming .ozi-subscribe .form-control { border-radius: 90px; height: 50px; width: 100%; display: inline-block; padding-left: 25px; box-shadow: none; border: none; background: #f4f4f4; } .ozi-coming .countdown-timer { border-radius: 5px; margin-bottom: 20px; max-width: 300px; margin: 50px auto; } .ozi-coming .countdown-timer h5 { font-size: 14px; letter-spacing: 0.5px; text-align: center; padding-top: 10px; text-shadow: none; } .ozi-coming .countdown-timer .timer { padding: 10px; text-align: center; padding-top: 15px; } .ozi-coming .countdown-timer .timer .timer-wrapper { display: inline-block; width: 200px; height: 50px; } .ozi-coming .countdown-timer .timer .timer-wrapper .time { font-size: 80px; font-weight: bold; color: #333; margin: 0 50px; float: left; } .ozi-coming .countdown-timer .timer .timer-wrapper .text { font-size: 20px; } #countdown { list-style: none; margin: 50px 0; padding: 0; display: block; text-align: center; display: inline-block; } #countdown li { display: inline-block; } #countdown li span { font-size: 50px; font-weight: 800; line-height: 80px; margin: 0 30px; } #countdown li.seperator { font-size: 50px; line-height: 40px; vertical-align: top; margin-top: 15px; } #countdown li p { color: #a7abb1; font-size: 20px; } /*--------------------------------------------------------------------- TERMS OF SERVICE -----------------------------------------------------------------------*/ .terms-of-service .btn.btn-link { color: #FDC716; text-decoration: none; font-weight: 700; } .terms-of-service .btn.btn-link.collapsed { color: #333; } /*--------------------------------------------------------------------- Text Effect -----------------------------------------------------------------------*/ .effect-headline h1 { font-size: 60px; } @media only screen and (min-width:768px) { .effect-headline h1 { font-size: 60px; font-weight: 300; } } @media only screen and (min-width:1170px) { .effect-headline h1 { font-size: 60px; } } .effect-words-wrapper { display: inline-block; position: relative; text-align: left; } .effect-words-wrapper b { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; } .effect-words-wrapper b.is-visible { position: relative; } .no-js .effect-words-wrapper b { opacity: 0; } .no-js .effect-words-wrapper b.is-visible { opacity: 1; } /* ------------------------------- xzoom -------------------------------- */ .effect-headline.zoom .effect-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } .effect-headline.zoom b { opacity: 0; } .effect-headline.zoom b.is-visible { opacity: 1; -webkit-animation: zoom-in 0.8s; -moz-animation: zoom-in 0.8s; animation: zoom-in 0.8s; } .effect-headline.zoom b.is-hidden { -webkit-animation: zoom-out 0.8s; -moz-animation: zoom-out 0.8s; animation: zoom-out 0.8s; } @-webkit-keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); } } @-moz-keyframes zoom-in { 0% { opacity: 0; -moz-transform: translateZ(100px); } 100% { opacity: 1; -moz-transform: translateZ(0); } } @keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); -moz-transform: translateZ(100px); -ms-transform: translateZ(100px); -o-transform: translateZ(100px); transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } } @-webkit-keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); } } @-moz-keyframes zoom-out { 0% { opacity: 1; -moz-transform: translateZ(0); } 100% { opacity: 0; -moz-transform: translateZ(-100px); } } @keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); -moz-transform: translateZ(-100px); -ms-transform: translateZ(-100px); -o-transform: translateZ(-100px); transform: translateZ(-100px); } } /*--------------------------------------------------------------------- Other CSS -----------------------------------------------------------------------*/ .videoarkana img { float: left; width: 100%; height: auto; } .vc_special_arkana.blox { float: left; width: 100%; } .list-inline-item:not(:last-child) { margin-right: 10px; } .list-inline-item a { text-transform: capitalize; } .list-inline-item a i { padding-right: 5px; } .blog-page-search .col-lg-8.col-md-8.col-sm-12.col-xs-12, .blog-page-search .col-lg-4.col-md-4.col-sm-12.col-xs-12.sidebar.rightside { float: left; } #blog_page_information.ozi-page-blog .col-lg-8.col-md-8.col-sm-12.col-xs-12, #blog_page_information.ozi-page-blog .col-lg-12.col-md-12.col-sm-12.col-xs-12, #blog_page_information.ozi-page-blog aside.sidebar { float: left; } #blog_page_information .blog_post_page iframe { width: 100%; } .ozi-blog-box .sticky-image { background-image: url("../images/sticky-post.png"); background-position: right 0; background-repeat: no-repeat; height: 55px; position: absolute; right: 0; width: 40px; } .tag-links > a, .tagcloud > a { background: #FDC716 none repeat scroll 0 0; color: #ffffff; display: inline-block; font-family: 'Poppins', sans-serif; font-size: 16px !important; font-weight: 400; margin: 5px 2px 2px 0; padding: 8px 15px; text-decoration: none; text-transform: uppercase; } .tag-links > a:hover, .tagcloud > a:hover { background: #23292c none repeat scroll 0 0; color: #ffffff; } .blog_post_page.inner-pages-shortcodes h3 { font-size: 32px; line-height: 50px; } .blog_page_information.inner-pages-shortcodes h3 { font-size: 32px; line-height: 50px; } .blog_page_information.inner-pages-shortcodes table td a{font-weight: bold;} blockquote { font-weight: 300; font-family: 'Poppins', sans-serif; font-size: 21px !important; font-style: italic; line-height: 1.5 !important; color: #ffffff !important; border: none; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; width: 100%; background: #FDC716; padding: 35px; margin: 15px 0 15px; color: #ffffff !important; } q {float:left; width:100%;} img.wp-image-827 {float: unset;} .comment blockquote {float: left;width: 100%;} blockquote p { color: #ffffff !important; font-size: 16px; line-height: 1.9; } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0; } dl { margin: 0 20px; } dd { margin: 0 0 20px; } .blog_post_page.inner-pages-shortcodes li ul, .blog_post_page.inner-pages-shortcodes li ol, .blog_page_information.inner-pages-shortcodes li ul, .blog_page_information.inner-pages-shortcodes li ol { margin-top: 0px; } .blog_post_page.inner-pages-shortcodes .comment li ul {list-style: square; padding-left: 25px;} .blog_post_page.inner-pages-shortcodes .comment table td a{font-weight: bold;} .arkanainformation .ozi-blog-box .ozi-blog-image img { width: auto; } .page-links { margin-left: 15px; margin-bottom: 15px; } .page-links a { display: inline-block; font-size: 15px; margin: 0 2px 8px; } .page-links a { border: 1px solid; height: 27px; line-height: 27px; text-align: center; width: 27px; } .page-links span { padding-left: 10px; padding-right: 10px; } .entry-footer.tag-footer { margin-left: 15px; margin-top: 15px; margin-bottom: 15px; } .blog_info ul li ul.sub-menu { padding-left: 10px; } .overview-block-ptb2 { padding: 40px 0; } .overview-block-ptb2 .comments { padding: 0 0px 30px; } .overview-block-ptb2 .display_blog_reply { padding: 10px 0px; } .arkana-infomations-breadcumb h2.title.ozi-tw-6.ozi-font-white, .arkana-infomations-breadcumb .breadcrumb li.active { word-break: break-all; } .comment_pagee input#author{margin-top: 15px; margin-bottom: 10px;} .comment_pagee input#email{margin-top: 5px; margin-bottom: 10px;} .comment_pagee input#url{margin-top: 5px; margin-bottom: 10px;} .arkanainformation .ozi-blog-detail .blog-title h5{word-wrap: break-word;} section#abouti{background-image: url(../images/package-demo.png);background-position: right bottom;background-repeat: no-repeat;background-size:unset !important;} .blog_info_search form input {border-radius: 0px !important;} .comment-sec {float: left;width: 100%;padding-top:40px;padding-bottom:40px;} #sb_instagram p {line-height: 1.5;} .comment-author-link {font-weight: 600;} .ozi-search-anchor{color: #000000;cursor: pointer;padding: 10px 30px;font-weight: 400;font-size: 16px;border: 2px solid #FDC716;position: relative;font-family: 'Poppins', sans-serif;display: inline-block;border-radius: 0px;} .ozi-search-anchor:hover{background-color: #FDC716;color: #ffffff;} .ozi-mn-404{font-size: 120px;font-weight: 700;color: #23292c;} .ozi-mn-sub{font-size: 30px;font-weight: 500;} .tablets.ozi-servicess{display: none;} .desktopmobile.ozi-servicess{display: block;} .comments.imgv3 {margin-top: 25px;float: left;width: 100%;} .ozi-copyright.ozi-font-white {margin-top: 5px;} .entry-footer.vj3 {margin-bottom: 30px;} body.admin-bar header#main-header {margin-top: 20px;} .blog-page-search .no-results.not-found header{position: relative; padding-bottom: 0px;} .blog-page-search .no-results.not-found header h1{font-size: 30px; line-height: 1.5;} section#quoti p,section#quoti p strong{color:#23292c;} section#teamy{background-color: #e4e4e4;} .blog_page_information .col-md-8, .ozi-page-blog .col-md-8, .arkana-recentblog.v2 .col-md-6:nth-child(odd), .arkana-recentblog.v3 .col-lg-4:nth-child(1), .arkana-recentblog.v3 .col-lg-4:nth-child(4){padding-left: 0px;} .blog_page_information .col-md-4, .ozi-page-blog .col-md-4, .arkana-recentblog.v2 .col-md-6:nth-child(even), .arkana-recentblog.v3 .col-lg-4:nth-child(3), .arkana-recentblog.v3 .col-lg-4:nth-child(6){padding-right: 0px;} .arkana-recentblog.v4 .col-md-12{ padding-left: 0px; padding-right: 0px;} .ozi-page-blog .col-md-4.leftside{padding-left: 0px;} .ozi-page-blog .col-md-8.inner-page-left-sidebar-content-area.leftsidebarr{padding-right: 0px;} .ozi-page-blog .col-md-8.inner-page-left-sidebar-content-area.leftsidebarr .col-md-12{ padding-left:15px; padding-right: 0px;} .ozi-page-blog .col-md-8.inner-page-left-sidebar-content-area.leftsidebarr .default-template-inner-page{padding-right: 0px;} .ozi-page-blog .col-md-8.inner-page-left-sidebar-content-area.rightsidebarr .default-template-inner-page{padding-left: 0px;} .ozi-comment-list .title {min-width: 10px;float: left;} .blog_post_reply_btn, .comment-reply-link {background-color: #FDC716;color: #ffffff;display: block;float: left;font-family: "Poppins",sans-serif;font-size: 12px;font-weight: 500;height: 25px;line-height: 2.2;margin-left: 15px;text-align: center;text-decoration: none;text-transform: uppercase;transition: all 0.2s ease 0s;width: 70px;margin-top: 5px;} .blog_post_reply_btn, .comment-reply-link:hover{background-color: #000000;color: #ffffff;} .display_blog_reply h3{font-size: 30px;float: left;width: 100%;margin-bottom: 15px;} .reply_list .comment-body {float: left;margin-bottom: 30px;padding: 15px;width: 100%;border: 1px solid #e1e1e1;} .reply_list .comment-body .ozi-comment-list{margin: 0; float:left; width:100%;} .waves-box a:hover{color:#000000;} .display_blog_reply .pingback .ozi-comments-photo {min-width: 0px;}