.transition,a{ -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s } figure,ol,ul{ margin:0 } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{ margin-top:0; font-family:Poppins,sans-serif; margin-bottom:0 } .h1,.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6{ font-family:Poppins,sans-serif } .fsi,.text-italic{ font-style:italic } .relative,.relative1,body{ position:relative } .btn.active.focus,.btn.active:focus,.btn.focus,.btn.focus:active,.btn:active:focus,.btn:focus,.genric-btn,a,a:focus,a:hover{ text-decoration:none; outline:0 } .genric-btn,.genric-btn:focus,.single-input,.single-input:focus{ outline:0 } ::-webkit-input-placeholder{ color:#222; font-weight:300 } :-moz-placeholder{ opacity:1; font-weight:300 } ::-moz-placeholder{ opacity:1; font-weight:300 } :-ms-input-placeholder{ font-weight:300 } ::-ms-input-placeholder{ color:#222; font-weight:300 } .logo img{ width:120px } body{ color:#777; font-size:14px; font-weight:300; line-height:1.5em } ol,ul{ padding:0; list-style:none } select{ display:block } a{ transition:all .3s ease 0s } a:hover{ color:#bc5ede } iframe{ border:0 } .card-panel{ margin:0; padding:60px } .btn i,.btn-flat i,.btn-floating i,.btn-large i{ font-size:1em; line-height:inherit } .gray-bg{ background:#f9f9ff } h1,h2,h3,h4,h5,h6{ color:#222; line-height:1.25em!important; font-weight:500 } .h1,.h2,.h3,.h4,.h5,.h6{ font-weight:600; color:#222 } .h1,h1{ font-size:36px } .h2,h2{ font-size:30px } .h3,h3{ font-size:24px } .h4,h4{ font-size:18px } .h5,h5{ font-size:16px } .h6,h6{ font-size:14px; color:#222 } td,th{ border-radius:0 } .clear::after,.clear::before{ content:" "; display:table } .clear::after{ clear:both } .fz-11{ font-size:11px } .fz-12{ font-size:12px } .fz-13{ font-size:13px } .fz-14{ font-size:14px } .fz-15{ font-size:15px } .fz-16{ font-size:16px } .fz-18{ font-size:18px } .fz-30{ font-size:30px } .fz-48{ font-size:48px!important } .fw100{ font-weight:100 } .fw300{ font-weight:300 } .fw400{ font-weight:400!important } .fw500{ font-weight:500 } .f700{ font-weight:700 } .mt-10{ margin-top:10px } .mt-15{ margin-top:15px } .mt-20{ margin-top:20px } .mt-25{ margin-top:25px } .mt-30{ margin-top:30px } .mt-35{ margin-top:35px } .mt-40{ margin-top:40px } .mt-50{ margin-top:50px } .mt-60{ margin-top:60px } .mt-70{ margin-top:70px } .mt-80{ margin-top:80px } .mt-100{ margin-top:100px } .mt-120{ margin-top:120px } .mt-150{ margin-top:150px } .ml-0{ margin-left:0!important } .ml-5{ margin-left:5px!important } .ml-10{ margin-left:10px } .ml-15{ margin-left:15px } .ml-20{ margin-left:20px } .ml-30{ margin-left:30px } .ml-50{ margin-left:50px } .mr-0{ margin-right:0!important } .mr-5{ margin-right:5px!important } .mr-15{ margin-right:15px } .mr-10{ margin-right:10px } .mr-20{ margin-right:20px } .mr-30{ margin-right:30px } .mr-50{ margin-right:50px } .mb-0{ margin-bottom:0 } .mb-0-i{ margin-bottom:0!important } .mb-5{ margin-bottom:5px } .mb-10{ margin-bottom:10px } .mb-15{ margin-bottom:15px } .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-60{ margin-bottom:60px } .mb-70{ margin-bottom:70px } .mb-80{ margin-bottom:80px } .mb-90{ margin-bottom:90px } .mb-100{ margin-bottom:100px } .pt-0{ padding-top:0 } .pt-10{ padding-top:10px } .pt-15{ padding-top:15px } .pt-20{ padding-top:20px } .pt-25{ padding-top:25px } .pt-30{ padding-top:30px } .pt-40{ padding-top:40px } .pt-50{ padding-top:50px } .pt-60{ padding-top:60px } .pt-70{ padding-top:70px } .pt-80{ padding-top:80px } .pt-90{ padding-top:90px } .pt-150{ padding-top:150px } .pb-0{ padding-bottom:0 } .pb-10{ padding-bottom:10px } .pb-15{ padding-bottom:15px } .pb-20{ padding-bottom:20px } .pb-25{ padding-bottom:25px } .pb-30{ padding-bottom:30px } .pb-40{ padding-bottom:40px } .pb-50{ padding-bottom:50px } .pb-60{ padding-bottom:60px } .pb-70{ padding-bottom:70px } .pb-80{ padding-bottom:80px } .pb-90{ padding-bottom:90px } .pb-150{ padding-bottom:150px } .pr-30{ padding-right:30px } .pl-30{ padding-left:30px } .p-40{ padding:40px } .float-left{ float:left } .float-right{ float:right } .text-white{ color:#fff } .text-black{ color:#222!important } .transition{ transition:all .3s ease 0s } .default-select .nice-select .list .option,.genric-btn{ -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s } .section-full{ padding:100px 0 } .section-half{ padding:75px 0 } .flex{ display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex } .inline-flex{ display:-webkit-inline-box; display:-webkit-inline-flex; display:-moz-inline-flex; display:-ms-inline-flexbox; display:inline-flex } .flex-grow{ -webkit-box-flex:1; -webkit-flex-grow:1; -moz-flex-grow:1; -ms-flex-positive:1; flex-grow:1 } .flex-wrap{ -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap } .flex-left{ -webkit-box-pack:start; -ms-flex-pack:start; -webkit-justify-content:flex-start; -moz-justify-content:flex-start; justify-content:flex-start } .flex-middle{ -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; align-items:center } .flex-right{ -webkit-box-pack:end; -ms-flex-pack:end; -webkit-justify-content:flex-end; -moz-justify-content:flex-end; justify-content:flex-end } .flex-top{ -webkit-align-self:flex-start; -moz-align-self:flex-start; -ms-flex-item-align:start; align-self:flex-start } .flex-center{ -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; justify-content:center } .flex-bottom{ -webkit-align-self:flex-end; -moz-align-self:flex-end; -ms-flex-item-align:end; align-self:flex-end } .space-between{ -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between } .space-around{ -ms-flex-pack:distribute; -webkit-justify-content:space-around; -moz-justify-content:space-around; justify-content:space-around } .flex-column{ -webkit-box-direction:normal; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .flex-cell{ display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; -webkit-box-flex:1; -webkit-flex-grow:1; -moz-flex-grow:1; -ms-flex-positive:1; flex-grow:1 } .display-table{ display:table } .light{ color:#fff } .dark{ color:#000 } .relative{ height:90px } .relative1{ height:61px } .overflow-hidden{ overflow:hidden } .overlay{ position:absolute; left:0; right:0; top:0; bottom:0 } .container.fullwidth{ width:100% } .container.no-padding{ padding-left:0; padding-right:0 } .no-padding{ padding:0 } .section-bg{ background:#f9fafc } @media (max-width:767px){ .no-flex-xs{ display:block!important } } .row.no-margin{ margin-left:0; margin-right:0 } .sample-text-area{ background:#fff; padding:100px 0 70px } .text-heading{ margin-bottom:30px; font-size:24px } b,del,i,sub,sup,u{ color:#6cbb23 } h1{ font-size:36px } h2{ font-size:30px } h3{ font-size:24px } h4{ font-size:18px } h5{ font-size:16px } h6{ font-size:14px } .typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6{ color:#777 } .button-area{ background:#fff } .button-area .border-top-generic{ padding:70px 15px; border-top:1px dotted #eee } .button-group-area .genric-btn{ margin-right:10px; margin-top:10px } .button-group-area .genric-btn:last-child{ margin-right:0 } .genric-btn{ display:inline-block; line-height:40px; padding:0 30px; font-size:1em; text-align:center; font-weight:500; cursor:pointer; transition:all .3s ease 0s } .genric-btn.link,.genric-btn.link-border{ text-decoration:underline } .default-switch input+label,.primary-switch input+label:before{ -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s } .genric-btn.e-large{ padding:0 40px; line-height:50px } .genric-btn.large{ line-height:45px } .genric-btn.medium{ line-height:30px } .genric-btn.small{ line-height:25px } .genric-btn.radius{ border-radius:3px } .genric-btn.circle,.primary-btn{ border-radius:20px } .genric-btn.arrow{ display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .genric-btn.arrow span{ margin-left:10px } .genric-btn.default{ color:#222; background:#f9f9ff; border:1px solid transparent } .genric-btn.default-border,.genric-btn.default:hover{ border:1px solid #f9f9ff; background:#fff } .genric-btn.default-border:hover{ color:#222; background:#f9f9ff; border:1px solid transparent } .genric-btn.primary{ color:#fff; background:#6cbb23; border:1px solid transparent } .genric-btn.primary-border,.genric-btn.primary:hover{ color:#6cbb23; border:1px solid #6cbb23; background:#fff } .genric-btn.primary-border:hover{ color:#fff; background:#6cbb23; border:1px solid transparent } .genric-btn.success{ color:#fff; background:#4cd3e3; border:1px solid transparent } .genric-btn.success-border,.genric-btn.success:hover{ color:#4cd3e3; border:1px solid #4cd3e3; background:#fff } .genric-btn.success-border:hover{ color:#fff; background:#4cd3e3; border:1px solid transparent } .genric-btn.info{ color:#fff; background:#38a4ff; border:1px solid transparent } .genric-btn.info-border,.genric-btn.info:hover{ color:#38a4ff; border:1px solid #38a4ff; background:#fff } .genric-btn.info-border:hover{ color:#fff; background:#38a4ff; border:1px solid transparent } .genric-btn.warning{ color:#fff; background:#f4e700; border:1px solid transparent } .genric-btn.warning-border,.genric-btn.warning:hover{ color:#f4e700; border:1px solid #f4e700; background:#fff } .genric-btn.warning-border:hover{ color:#fff; background:#f4e700; border:1px solid transparent } .genric-btn.danger{ color:#fff; background:#f44a40; border:1px solid transparent } .genric-btn.danger-border,.genric-btn.danger:hover{ color:#f44a40; border:1px solid #f44a40; background:#fff } .genric-btn.danger-border:hover{ color:#fff; background:#f44a40; border:1px solid transparent } .genric-btn.link{ color:#222; background:#f9f9ff; border:1px solid transparent } .genric-btn.link-border,.genric-btn.link:hover{ border:1px solid #f9f9ff; background:#fff; color:#222 } .genric-btn.link-border:hover{ color:#222; background:#f9f9ff; border:1px solid transparent } .genric-btn.disable{ color:#222,.3; background:#f9f9ff; border:1px solid transparent; cursor:not-allowed } .generic-blockquote{ padding:30px 50px 30px 30px; background:#f9f9ff; border-left:2px solid #6cbb23 } .progress-table-wrap{ overflow-x:scroll } .progress-table{ background:#f9f9ff; padding:15px 0 30px; min-width:800px } .progress-table .serial{ width:11.83%; padding-left:30px } .progress-table .country{ width:28.07% } .progress-table .visit{ width:19.74% } .progress-table .percentage{ width:40.36%; padding-right:50px } .progress-table .table-head{ display:flex } .progress-table .table-head .country,.progress-table .table-head .percentage,.progress-table .table-head .serial,.progress-table .table-head .visit{ color:#222; line-height:40px; text-transform:uppercase; font-weight:500 } .progress-table .table-row{ padding:15px 0; border-top:1px solid #edf3fd; display:flex } .progress-table .table-row .country,.progress-table .table-row .percentage,.progress-table .table-row .serial,.progress-table .table-row .visit{ display:flex; align-items:center } .progress-table .table-row .country img{ margin-right:15px } .progress-table .table-row .percentage .progress{ width:80%; border-radius:0; background:0 0 } .progress-table .table-row .percentage .progress .progress-bar{ height:5px; line-height:5px } .ordered-list li,.ordered-list-alpha li,.ordered-list-roman li,.unordered-list li{ line-height:1.82em!important } .progress-table .table-row .percentage .progress .progress-bar.color-1{ background-color:#6382e6 } .progress-table .table-row .percentage .progress .progress-bar.color-2{ background-color:#e66686 } .progress-table .table-row .percentage .progress .progress-bar.color-3{ background-color:#f09359 } .progress-table .table-row .percentage .progress .progress-bar.color-4,.progress-table .table-row .percentage .progress .progress-bar.color-5{ background-color:#73fbaf } .progress-table .table-row .percentage .progress .progress-bar.color-6{ background-color:#6382e6 } .progress-table .table-row .percentage .progress .progress-bar.color-7{ background-color:#a367e7 } .progress-table .table-row .percentage .progress .progress-bar.color-8{ background-color:#e66686 } .single-gallery-image{ margin-top:30px; background-repeat:no-repeat!important; background-position:center center!important; background-size:cover!important; height:200px } .list-style{ width:14px; height:14px } .unordered-list li{ position:relative; padding-left:30px } .unordered-list li:before{ content:""; position:absolute; width:14px; height:14px; border:3px solid #6cbb23; background:#fff; top:4px; left:0; border-radius:50% } .ordered-list{ margin-left:30px } .ordered-list li{ list-style-type:decimal-leading-zero; color:#6cbb23; font-weight:500 } .ordered-list li span{ font-weight:300; color:#777 } .ordered-list-alpha li{ margin-left:30px; list-style-type:lower-alpha; color:#6cbb23; font-weight:500 } .ordered-list-alpha li span{ font-weight:300; color:#777 } .ordered-list-roman li{ margin-left:30px; list-style-type:lower-roman; color:#6cbb23; font-weight:500 } .ordered-list-roman li span{ font-weight:300; color:#777 } .single-input{ display:block; width:100%; line-height:40px; border:none; background:#f9f9ff; padding:0 20px } .input-group-icon{ position:relative } .input-group-icon .icon{ position:absolute; left:20px; top:0; line-height:40px; z-index:3 } .input-group-icon .icon i{ color:#797979 } .input-group-icon .single-input{ padding-left:45px } .single-input-accent,.single-input-primary,.single-input-secondary,.single-textarea{ display:block; width:100%; line-height:40px; padding:0 20px; background:#f9f9ff; outline:0 } .single-textarea{ color:#000; border:none; height:100px; resize:none } .single-textarea:focus{ outline:0 } .single-input-primary{ border:1px solid transparent } .single-input-primary:focus{ outline:0; border:1px solid #6cbb23 } .single-input-accent{ border:1px solid transparent } .single-input-accent:focus{ outline:0; border:1px solid #eb6b55 } .single-input-secondary{ border:1px solid transparent } .single-input-secondary:focus{ outline:0; border:1px solid #f09359 } .default-switch{ width:35px; height:17px; border-radius:8.5px; background:#f9f9ff; position:relative; cursor:pointer } .default-switch input{ position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; opacity:0; cursor:pointer } .default-switch input+label{ position:absolute; top:1px; left:1px; width:15px; height:15px; border-radius:50%; background:#6cbb23; transition:all .2s; box-shadow:0 4px 5px 0 rgba(0,0,0,.2); cursor:pointer } .default-switch input:checked+label{ left:19px } .primary-switch{ width:35px; height:17px; border-radius:8.5px; background:#f9f9ff; position:relative; cursor:pointer } .primary-switch input,.primary-switch input+label,.primary-switch input+label:before{ left:0; top:0; right:0; bottom:0; width:100%; height:100% } .primary-switch input{ position:absolute; opacity:0 } .primary-switch input+label{ position:absolute } .primary-switch input+label:before{ content:""; position:absolute; background:0 0; border-radius:8.5px; cursor:pointer; transition:all .2s } .confirm-switch input+label:before,.primary-switch input+label:after{ -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; cursor:pointer; content:"" } .primary-switch input+label:after{ position:absolute; top:1px; left:1px; width:15px; height:15px; border-radius:50%; background:#fff; transition:all .2s; box-shadow:0 4px 5px 0 rgba(0,0,0,.2) } .primary-switch input:checked+label:after{ left:19px } .primary-switch input:checked+label:before{ background:#6cbb23 } .confirm-switch{ width:35px; height:17px; border-radius:8.5px; background:#f9f9ff; position:relative; cursor:pointer } .confirm-switch input,.confirm-switch input+label,.confirm-switch input+label:before{ left:0; top:0; right:0; bottom:0; width:100%; height:100% } .confirm-switch input{ position:absolute; opacity:0 } .confirm-switch input+label{ position:absolute } .confirm-switch input+label:before{ position:absolute; background:0 0; border-radius:8.5px; transition:all .2s } .confirm-switch input+label:after{ content:""; position:absolute; top:1px; left:1px; width:15px; height:15px; border-radius:50%; background:#fff; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s; box-shadow:0 4px 5px 0 rgba(0,0,0,.2); cursor:pointer } .confirm-switch input:checked+label:after{ left:19px } .confirm-switch input:checked+label:before{ background:#4cd3e3 } .primary-checkbox{ width:16px; height:16px; border-radius:3px; background:#f9f9ff; position:relative; cursor:pointer } .primary-checkbox input,.primary-checkbox input+label{ position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100% } .primary-checkbox input{ opacity:0 } .primary-checkbox input+label{ border-radius:3px; cursor:pointer; border:1px solid #f1f1f1 } .primary-checkbox input:checked+label{ background:url(../img/elements/primary-check.png) center center/cover no-repeat; border:none } .confirm-checkbox{ width:16px; height:16px; border-radius:3px; background:#f9f9ff; position:relative; cursor:pointer } .confirm-checkbox input,.confirm-checkbox input+label{ position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100% } .confirm-checkbox input{ opacity:0 } .confirm-checkbox input+label{ border-radius:3px; cursor:pointer; border:1px solid #f1f1f1 } .confirm-checkbox input:checked+label{ background:url(../img/elements/success-check.png) center center/cover no-repeat; border:none } .disabled-checkbox{ width:16px; height:16px; border-radius:3px; background:#f9f9ff; position:relative; cursor:pointer } .disabled-checkbox input,.disabled-checkbox input+label{ position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100% } .disabled-checkbox input{ opacity:0 } .disabled-checkbox input+label{ border-radius:3px; cursor:pointer; border:1px solid #f1f1f1 } .disabled-checkbox input:disabled{ cursor:not-allowed; z-index:3 } .disabled-checkbox input:checked+label{ background:url(../img/elements/disabled-check.png) center center/cover no-repeat; border:none } .primary-radio{ width:16px; height:16px; border-radius:8px; background:#f9f9ff; position:relative; cursor:pointer } .primary-radio input,.primary-radio input+label{ position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100% } .primary-radio input{ opacity:0 } .primary-radio input+label{ border-radius:8px; cursor:pointer; border:1px solid #f1f1f1 } .primary-radio input:checked+label{ background:url(../img/elements/primary-radio.png) center center/cover no-repeat; border:none } .confirm-radio{ width:16px; height:16px; border-radius:8px; background:#f9f9ff; position:relative; cursor:pointer } .confirm-radio input,.confirm-radio input+label{ position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100% } .confirm-radio input{ opacity:0 } .confirm-radio input+label{ border-radius:8px; cursor:pointer; border:1px solid #f1f1f1 } .confirm-radio input:checked+label{ background:url(../img/elements/success-radio.png) center center/cover no-repeat; border:none } .disabled-radio{ width:16px; height:16px; border-radius:8px; background:#f9f9ff; position:relative; cursor:pointer } .disabled-radio input,.disabled-radio input+label{ position:absolute; right:0; bottom:0; height:100%; top:0; width:100%; left:0 } .disabled-radio input{ opacity:0 } .disabled-radio input+label{ border-radius:8px; cursor:pointer; border:1px solid #f1f1f1 } .default-select .nice-select::after,.form-select .nice-select::after{ right:20px } .disabled-radio input:disabled{ cursor:not-allowed; z-index:3 } .menu-bar,.primary-btn{ cursor:pointer } .disabled-radio input:checked+label{ background:url(../img/elements/disabled-radio.png) center center/cover no-repeat; border:none } .default-select{ height:40px } .default-select .nice-select{ border:none; border-radius:0; height:40px; background:#f9f9ff; padding-left:20px; padding-right:40px } .default-select .nice-select .list{ margin-top:0; border:none; border-radius:0; box-shadow:none; width:100%; padding:10px 0 } .default-select .nice-select .list .option{ font-weight:300; transition:all .3s ease 0s; line-height:28px; min-height:28px; font-size:12px; padding-left:20px } .form-select .nice-select .list .option,nav{ -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s } .default-select .nice-select .list .option.selected,.default-select .nice-select .list .option:hover{ color:#6cbb23; background:0 0 } .default-select .current{ margin-right:50px; font-weight:300 } .form-select{ height:40px; width:100% } .form-select .nice-select{ border:none; border-radius:0; height:40px; background:#f9f9ff; padding-left:45px; padding-right:40px; width:100% } .form-select .nice-select .list{ margin-top:0; border:none; border-radius:0; box-shadow:none; width:100%; padding:10px 0 } .form-select .nice-select .list .option{ font-weight:300; transition:all .3s ease 0s; line-height:28px; min-height:28px; font-size:12px; padding-left:45px } .form-select .nice-select .list .option.selected,.form-select .nice-select .list .option:hover{ color:#6cbb23; background:0 0 } .form-select .current{ margin-right:50px; font-weight:300 } .primary-btn,nav a{ font-weight:500; display:inline-block } .header-wrap{ position:relative } header{ position:absolute; top:0; left:0; width:100%; z-index:2 } .header-top{ padding:15px 0 } .menu-bar span{ color:#fff; font-size:24px } .main-menubar{ position:relative } nav{ margin-right:70px; transition:all .3s ease 0s; transform-origin:100% 50% } .primary-btn,.primary-btn:after{ -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s } nav.hide{ transform:scale(0) } nav a{ font-size:12px; text-transform:uppercase; color:#fff; margin:0 25px } @media (max-width:767px){ .header-top,header{ padding:15px 0 } nav{ margin-right:0; position:absolute; right:0; top:47px; text-align:right; padding:20px 0; z-index:5; background:#4b379a } nav a{ margin:5px 25px } } nav a:hover{ color:#000 } .main-wrapper-first{ width:100% margin:0 auto; height:100px } .main-wrapper{ width:100% } .overlay-bg,.owl-dot.active,.p1-gradient-bg,.primary-btn:after,.service-area .single-service .overlay-content{ background:#4b426b } .p2-gradient-bg{ background-image:-moz-linear-gradient(90deg,#3224b0 0,#be5ede 50%); background-image:-webkit-linear-gradient(90deg,#3224b0 0,#be5ede 50%); background-image:-ms-linear-gradient(90deg,#3224b0 0,#be5ede 50%) } .p1-gradient-color{ background:-moz-linear-gradient(0deg,#3224b0,#be5ede); background:-webkit-linear-gradient(0deg,#3224b0,#be5ede); background:-ms-linear-gradient(0deg,#3224b0,#be5ede); -webkit-background-clip:text; -webkit-text-fill-color:transparent } .genric-banner,.primary-btn{ background:0 0 } .section-gap{ padding:120px 0 } .section-title{ padding-bottom:30px } .section-title h2{ margin-bottom:5px } .section-header.text-center{ width:100%; margin-bottom:70px } b{ color:#8c4ba3!important } .contact{ margin:15px 0; text-align:center } .contact i,.contact-form .input{ margin-bottom:20px } .contact i{ text-align:center; font-size:36px; color:#86499c } .contact-form .input:nth-child(1),.contact-form .input:nth-child(2){ width:calc(50% - 10px) } .contact-form .input:nth-child(2){ margin-left:15px } @media (max-width:767px){ .mt-sm-30{ margin-top:30px } .mt-sm-20{ margin-top:20px } } .primary-btn{ line-height:40px; padding:0 30px; border:1px solid #fff; color:#222; position:relative; transition:all .3s ease 0s } .primary-btn:focus{ outline:0 } .primary-btn span{ color:#fff; position:relative; z-index:2 } .primary-btn:after{ position:absolute; content:""; width:100%; height:100%; top:0; left:0; border-radius:20px; opacity:0; transition:all .3s ease 0s; z-index:1 } .primary-btn.hover,.primary-btn:hover{ border:1px solid transparent; color:#fff } .primary-btn.hover:after,.primary-btn:hover:after{ opacity:1 } .owl-dot.active,.service-area .single-service .overlay-content{ -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s } .banner-area .height{ height:240px } .banner-area .generic-height{ height:400px } .banner-content{ margin-top:50px } .banner-content h1{ font-size:120px; font-weight:100; line-height:1.25em; color:#fff } .banner-content h4{ color:#fff; font-size:18px; font-weight:300; letter-spacing:3px } @media (max-width:768px){ .banner-content h1{ font-size:60px } } .overlay-bg{ opacity:.9 } .genric-banner h1{ margin-bottom:10px } .featured-area{ background-color:#fff } .featured-area h2{ font-size:36px; font-weight:100 } .featured-area h2 span{ font-weight:600 } .featured-area p{ margin-top:25px; margin-bottom:25px } @media (max-width:768px){ .feature-right{ margin-top:50px } } .owl-dots{ text-align:center; bottom:5px; margin-top:20px; width:100%; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden } .owl-dot{ border-radius:50px; height:10px; width:10px; display:inline-block; background:rgba(127,127,127,.5); margin-left:5px; margin-right:5px } .owl-dot.active{ transition:all .3s ease 0s; padding:0 25px 0 0 } .parallux-area{ background-size:cover; background-repeat:no-repeat; background-position:left } .parallux-area .overlay-bg{ background:#222; opacity:.3 } .parallux-area h2{ color:#fff; font-size:36px; font-weight:100 } .parallux-area h2 span{ font-weight:600 } .parallux-area p{ color:#fff; margin-top:20px; margin-bottom:25px } .service-area{ background:#fff } .service-area .single-service{ height:250px; color:#fff; position:relative; border-radius:3px; overflow:hidden; margin-top:30px; background-repeat:no-repeat!important; background-size:cover!important; background-position:center center!important } .service-area .single-service .overlay-content{ opacity:.8; padding:60px; display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:end; -ms-flex-pack:end; -webkit-justify-content:end; -moz-justify-content:end; justify-content:end; transition:all .3s ease 0s; transition-timing-function:cubic-bezier(.39,.92,.69,.65); transform:scaleY(0); transform-origin:top } .service-area .single-service .overlay-content h4{ color:#fff; font-size:2.9em; font-weight:600; margin-bottom:15px; text-align:center } .service-area .single-service:hover .overlay-content{ transform:scaleY(1) } .contact-area{ background:url(../img/contact-bg.jpg) center center/cover no-repeat; color:#fff } .contact-area h2{ font-size:36px; font-weight:100 } .contact-area h2 span{ font-weight:600 } .contact-area p{ font-size:14px; font-weight:300 } .contact-form ::-webkit-input-placeholder{ color:#222; font-weight:300 } .contact-form :-moz-placeholder{ color:#222; opacity:1; font-weight:300 } .contact-form ::-moz-placeholder{ color:#222; opacity:1; font-weight:300 } .contact-form :-ms-input-placeholder{ color:#222; font-weight:300 } .contact-form ::-ms-input-placeholder{ color:#222; font-weight:300 } .contact-form .alert-msg{ color:#fff!important; margin-top:50px; z-index:1 } .contact-form .primary-btn:hover{ background:0 0 } .contact-form .primary-btn:hover span{ color:#fff!important } .common-input,.common-textarea{ border:1px solid #8373ca; width:100%; display:block; background:0 0; color:#fff } .common-input{ line-height:48px; padding:0 25px } .common-textarea{ padding:15px 25px; height:150px; resize:none } .newsletter-area{ background-color:#f9f9ff } .newsletter-area .primary-btn{ border:transparent } .newsletter-area h3{ font-size:36px; font-weight:100; color:#222 } .newsletter-area h3 span{ font-weight:600 } .newsletter-area p{ margin-top:3rem; font-weight:300 } .newsletter-area .subcribe-form{ margin-top:30px } @media (min-width:991px){ .newsletter-area .subcribe-form{ width:600px } } @media (max-width:768px){ .newsletter-area p{ margin-top:120px } } @media (max-width:991px){ .subscription{ margin-top:20px } } .subscription input{ width:100%; line-height:50px; padding:0 180px 0 25px; border:none; background:#fff; font-weight:300; border-radius:25px; color:#000 } @media (max-width:376px){ .subscription input{ width:80% } } .subscription .primary-btn{ background:#bc5ede; text-transform:uppercase; color:#fff; position:absolute; top:50%; transform:translateY(-50%); right:5px } .subscription .info{ position:absolute; top:60px; left:50%; transform:translateX(-50%); color:#fff; width:100%; font-size:12px } .subscription .info.valid{ color:green } .subscription .info.error{ color:red } @media (max-width:767px){ .subscription input{ padding:0 25px } .subscription .primary-btn{ top:120%; transform:translate(50%,0); right:50%; width:177px } .subscription .info{ top:110px } .newsletter-area{ padding-bottom:120px } .footer-area{ margin-bottom:3rem } } .footer-area{ background:#222; padding:20px 0 } .about-generic-area,.white-bg{ background:#fff } .footer-area .footer-content{ position:relative; z-index:2 } .footer-area .footer-menu a{ display:inline-block; margin:0 20px; color:#fff } .footer-area .footer-menu a:hover{ color:#bc5ede } @media (max-width:768px){ .footer-area .footer-menu a{ margin:0 15px } } .footer-area .footer-social{ margin:30px 0 } .footer-area .footer-social a{ display:inline-block; margin:0 5px; padding:2px } .footer-area .footer-social a i{ color:#fff; -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s } .footer-area .footer-social a:hover i{ color:#bc5ede } .footer-area .copy-right-text{ text-align:center; color:#fff } .footer-area .copy-right-text a,.footer-area .copy-right-text i{ color:#bc5ede } .about-generic-area .border-top-generic{ padding:40px 15px; text-align:justify; color:#222 } .about-generic-area p{ margin-bottom:20px } .section-top-border{ padding:70px 0 } .switch-wrap{ margin-bottom:10px } .switch-wrap p{ margin:0 } .contact-form{ text-align:center; margin-top:40px } .col-md-offset-2{ margin-left:16.66666667% } .main-btn{ background:#222; color:#FFF } .main-btn,.outline-btn,.white-btn{ display:inline-block; padding:10px 35px; margin:3px; border:2px solid transparent; border-radius:3px; -webkit-transition:.2s opacity; transition:.2s opacity; cursor:pointer } input::placeholder{ color:#222!important } ::-moz-placeholder{ color:#222 } :-ms-input-placeholder{ color:#222 } :-moz-placeholder{ color:#222 } .input{ height:40px; width:100%; border:none; background:#F4F4F4; border-bottom:2px solid #EEE; color:#354052; padding:3px 10px; -webkit-transition:.2s border-color,.2s opacity; transition:.2s border-color,.2s opacity } textarea{ padding:10px; min-height:80px; resize:vertical } input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus,input[type=url]:focus,input[type=tel]:focus,textarea:focus{ border-color:#6195FF; opacity:1 } .form-alert{ border-width:2px; margin-top:20px } .dn{ display:none }