html, body { height: 100%; } body { background: #ffffff; color: #000; font-family: "Asap Condensed", sans-serif; font-weight: 400; font-style: normal; line-height: 29px; } img{ max-width: 100%; } *::before, *::after, a, span, button, .btn { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } *:focus, a:focus, .btn:focus { text-decoration: none; outline: none; color: inherit; } a:focus, a:hover { color: inherit; text-decoration: none; } a, button, input, textarea { outline: medium none; } h1, h2, h3, h4, h5, h6 { color: black; margin-top: 0px; font-style: normal; font-weight: 400; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit } p { margin-bottom: 15px; } p:last-child { margin-bottom: 0; } input:focus, textarea:focus { -webkit-box-shadow: 0; box-shadow: 0; outline: 0; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } input:-moz-placeholder, textarea:-moz-placeholder { opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .fix { overflow:hidden }.float-left { float:left; } .float-right { float:right; } .modal-backdrop { z-index: 99999; } .modal { z-index: 999999; } .table, .table-cell { display: table; height: 100%; margin: 0; width: 100%; } .table-cell { display: table-cell; vertical-align: middle; } .text-white { color: #ffffff; } .text-black { color: #3e3e3e; } .text-light { color: #aaaaaa; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .font-italic { font-style: italic; } .font-light { font-weight: 300; } .font-normal { font-weight: 400; } .font-medium { font-weight: 500; } .font-semibold { font-weight: 600; } .font-bold { font-weight: 700; } .font-extrabold { font-weight: 800; } .pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pl-20 { padding-left: 20px; } .pl-30 { padding-left: 30px; }.pl-40 { padding-left: 40px;}.pl-50 { padding-left: 50px;} .pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-15 { padding-right: 15px; } .pr-20 { padding-right: 20px; }.pr-30 { padding-right: 30px; }.pr-40 { padding-right: 40px;}.pr-50 { padding-right: 50px;}.br-2{ height: 21vh; }.br-2::after{ content: ""; height: 50%; display: block; border-right: 2px solid #d8d8d8; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .mt-5 { margin-top: 5px; } .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-45 { margin-top: 45px; } .mt-50 { margin-top: 50px; } .mt-55 { margin-top: 55px; } .mt-60 { margin-top: 60px; } .mt-65 { margin-top: 65px; } .mt-70 { margin-top: 70px; } .mt-75 { margin-top: 75px; } .mt-80 { margin-top: 80px; } .mt-85 { margin-top: 85px; } .mt-90 { margin-top: 90px; } .mt-95 { margin-top: 95px; } .mt-100 { margin-top: 100px; } .mt-105 { margin-top: 105px; } .mt-110 { margin-top: 110px; } .mt-115 { margin-top: 115px; } .mt-120 { margin-top: 120px; } .mt-125 { margin-top: 125px; } .mt-130 { margin-top: 130px; } .mt-135 { margin-top: 135px; } .mt-140 { margin-top: 140px; } .mt-145 { margin-top: 145px; } .mt-150 { margin-top: 150px; } .mt-155 { margin-top: 155px; } .mt-160 { margin-top: 160px; } .mt-165 { margin-top: 165px; } .mt-170 { margin-top: 170px; } .mt-175 { margin-top: 175px; } .mt-180 { margin-top: 180px; } .mt-185 { margin-top: 185px; } .mt-190 { margin-top: 190px; } .mt-195 { margin-top: 195px; } .mt-200 { margin-top: 200px; } .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-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .mb-55 { margin-bottom: 55px; } .mb-60 { margin-bottom: 60px; } .mb-65 { margin-bottom: 65px; } .mb-70 { margin-bottom: 70px; } .mb-75 { margin-bottom: 75px; } .mb-80 { margin-bottom: 80px; } .mb-85 { margin-bottom: 85px; } .mb-90 { margin-bottom: 90px; } .mb-95 { margin-bottom: 95px; } .mb-100 { margin-bottom: 100px; } .mb-105 { margin-bottom: 105px; } .mb-110 { margin-bottom: 110px; } .mb-115 { margin-bottom: 115px; } .mb-120 { margin-bottom: 120px; } .mb-125 { margin-bottom: 125px; } .mb-130 { margin-bottom: 130px; } .mb-135 { margin-bottom: 135px; } .mb-140 { margin-bottom: 140px; } .mb-145 { margin-bottom: 145px; } .mb-150 { margin-bottom: 150px; } .mb-155 { margin-bottom: 155px; } .mb-160 { margin-bottom: 160px; } .mb-165 { margin-bottom: 165px; } .mb-170 { margin-bottom: 170px; } .mb-175 { margin-bottom: 175px; } .mb-180 { margin-bottom: 180px; } .mb-185 { margin-bottom: 185px; } .mb-190 { margin-bottom: 190px; } .mb-195 { margin-bottom: 195px; } .mb-200 { margin-bottom: 200px; } .pt-5 { padding-top: 5px; } .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-35 { padding-top: 35px; } .pt-40 { padding-top: 40px; } .pt-45 { padding-top: 45px; } .pt-50 { padding-top: 50px; } .pt-55 { padding-top: 55px; } .pt-60 { padding-top: 60px; } .pt-65 { padding-top: 65px; } .pt-70 { padding-top: 70px; } .pt-75 { padding-top: 75px; } .pt-80 { padding-top: 80px; } .pt-85 { padding-top: 85px; } .pt-90 { padding-top: 90px; } .pt-95 { padding-top: 95px; } .pt-100 { padding-top: 100px; } .pt-105 { padding-top: 105px; } .pt-110 { padding-top: 110px; } .pt-115 { padding-top: 115px; } .pt-120 { padding-top: 120px; } .pt-125 { padding-top: 125px; } .pt-130 { padding-top: 130px; } .pt-135 { padding-top: 135px; } .pt-140 { padding-top: 140px; } .pt-145 { padding-top: 145px; } .pt-150 { padding-top: 150px; } .pt-155 { padding-top: 155px; } .pt-160 { padding-top: 160px; } .pt-165 { padding-top: 165px; } .pt-170 { padding-top: 170px; } .pt-175 { padding-top: 175px; } .pt-180 { padding-top: 180px; } .pt-185 { padding-top: 185px; } .pt-190 { padding-top: 190px; } .pt-195 { padding-top: 195px; } .pt-200 { padding-top: 200px; } .pb-5 { padding-bottom: 5px; } .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-35 { padding-bottom: 35px; } .pb-40 { padding-bottom: 40px; } .pb-45 { padding-bottom: 45px; } .pb-50 { padding-bottom: 50px; } .pb-55 { padding-bottom: 55px; } .pb-60 { padding-bottom: 60px; } .pb-65 { padding-bottom: 65px; } .pb-70 { padding-bottom: 70px; } .pb-75 { padding-bottom: 75px; } .pb-80 { padding-bottom: 80px; } .pb-85 { padding-bottom: 85px; } .pb-90 { padding-bottom: 90px; } .pb-95 { padding-bottom: 95px; } .pb-100 { padding-bottom: 100px; } .pb-105 { padding-bottom: 105px; } .pb-110 { padding-bottom: 110px; } .pb-115 { padding-bottom: 115px; } .pb-120 { padding-bottom: 120px; } .pb-125 { padding-bottom: 125px; } .pb-130 { padding-bottom: 130px; } .pb-135 { padding-bottom: 135px; } .pb-140 { padding-bottom: 140px; } .pb-145 { padding-bottom: 145px; } .pb-150 { padding-bottom: 150px; } .pb-155 { padding-bottom: 155px; } .pb-160 { padding-bottom: 160px; } .pb-165 { padding-bottom: 165px; } .pb-170 { padding-bottom: 170px; } .pb-175 { padding-bottom: 175px; } .pb-180 { padding-bottom: 180px; } .pb-185 { padding-bottom: 185px; } .pb-190 { padding-bottom: 190px; } .pb-195 { padding-bottom: 195px; } .pb-200 { padding-bottom: 200px; } .pr-0{ padding-right:0; } .pl-0{ padding-left:0; } .no-padding { padding: 0; } .section { float: left; position: relative; width: 100%; } .bg_width{background-color:#28282F;} .bg_negru{ background-color: #28282F; } .slogan{font-size:25px;font-weight:700} .slogan .negru{color:black} .slogan .green{color:green} .slogan .red{color:red} .slogan .indigo{color:#1E4281} .titlu-footer{font-size:18px;font-weight:700;color:black} .titlu-footer-centrat{font-size:18px;text-align:center;font-weight:700;color:black} .img_fra img{ padding-top:5px; margin:0 auto; max-width: 140px; display: block; } .link_working a{font-size:12px;color:black} .bg_negru ul{list-style-type:none; color:#fff;font-size:13px} .bg_negru ul li{line-height: 18px;} .bg_negru ul li a{color:#fff;font-size:13px} .bg-white { background-color: #ffffff; } .bg-gray { background-color: #f1f1f1; } .bg-dark { background-color: #292929; } .bg-dark-light { background-color: #082668; } .bg-dark-light2{ background: #041333; background: -moz-linear-gradient(top, #041333 0%, #082668 10%, #082668 100%); background: -webkit-linear-gradient(top, #041333 0%,#082668 10%,#082668 100%); background: linear-gradient(to bottom, #041333 0%,#082668 10%,#082668 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#041333', endColorstr='#082668',GradientType=0 ); } .bg-gradient { background: rgba(0, 0, 0, 0) -o-linear-gradient(45deg, #4481eb 0%, #04bffe 100%) repeat scroll 0 0; background: rgba(0, 0, 0, 0) linear-gradient(45deg, #4481eb 0%, #04bffe 100%) repeat scroll 0 0; } .bg-gradient-2 { background: rgba(0, 0, 0, 0) -o-linear-gradient(45deg, #4481eb 0%, #04bffe 100%) repeat scroll 0 0; background: rgba(0, 0, 0, 0) linear-gradient(45deg, #4481eb 0%, #04bffe 100%) repeat scroll 0 0; box-shadow: 0 10px 24px rgb(19 194 254 / 39%); } .bg-gradient-3 { background: rgba(0, 0, 0, 0) -o-linear-gradient(45deg, #4481eb 0%, #04bffe 100%) repeat scroll 0 0; background: rgba(0, 0, 0, 0) linear-gradient(45deg, #4481eb 0%, #04bffe 100%) repeat scroll 0 0; box-shadow: 0 10px 24px rgb(19 194 254 / 59%); } .transparenta_orizontala{ background: -moz-linear-gradient(left, rgba(255,255,255,1) 16%, rgba(255,255,255,0.69) 42%, rgba(255,255,255,0.17) 85%, rgba(255,255,255,0) 99%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 16%,rgba(255,255,255,0.69) 42%,rgba(255,255,255,0.17) 85%,rgba(255,255,255,0) 99%); background: linear-gradient(to right, rgba(255,255,255,1) 16%,rgba(255,255,255,0.69) 42%,rgba(255,255,255,0.17) 85%,rgba(255,255,255,0) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); } .pentru_newsletter{} .triangle-left { } .timepicker {} .timepicker-picker { padding: 15px 10px; } .timepicker-picker table {} .timepicker-picker table tr {} .timepicker-picker table tr td { height: 40px; line-height: 34px; padding: 0; vertical-align: top; width: 40px; } .timepicker-picker table tr td a { border: medium none; border-radius: 3px; height: 30px; padding: 0 !important; width: 30px; } .timepicker-picker table tr td a span, .timepicker-picker table tr td a i { border-radius: 0; display: block; font-size: 20px; height: auto; line-height: 30px; margin: 0; width: auto; } .timepicker-picker table tr td span:hover { background-color: transparent; } .timepicker-picker table tr td span.timepicker-hour, .timepicker-picker table tr td span.timepicker-minute { height: 40px; line-height: 40px; width: 40px; } .timepicker-picker table tr td button { border: medium none; border-radius: 4px; display: inline-block; float: none; font-size: 12px; height: 34px; line-height: 36px; margin: 0; padding: 0 !important; width: 34px; } [class*="res"] .bootstrap-datetimepicker-widget table td.active, [class*="res"] .bootstrap-datetimepicker-widget table td.active:hover, [class*="res"] .timepicker-picker table tr td a:hover, [class*="res"] .bootstrap-datetimepicker-widget table td span.active, [class*="res"] .timepicker-picker table tr td button:hover { background-color: #e54c2a; } [class*="res"] .bootstrap-datetimepicker-widget table td.today::before { border-color: rgba(0, 0, 0, 0.2) transparent #e54c2a; border-bottom-color: #fff; } [class*="res"] .picker-switch a { color: #e54c2a; } .elementor-heading-title{ padding: 0px 25px 0px 0px; } .elementor-shape[data-negative=false].elementor-shape-bottom, .elementor-shape[data-negative=true].elementor-shape-top { transform: rotate(180deg); } .elementor-shape-bottom { bottom: -1px; } .elementor-shape { overflow: hidden; position: absolute; left: 0; width: 100%; line-height: 0; direction: ltr; } .elementor-shape .elementor-shape-fill { fill: #fff; transform-origin: center; transform: rotateY(0deg); } .elementor-shape svg { display: block; width: calc(100% + 1.3px); position: relative; left: 50%; transform: translateX(-50%); } .elementor-shape-bottom svg { width: calc(125% + 1.3px); height: 125px; } .hero-slider .slick-arrow { background-color: transparent; border: medium none; color: #ffffff; height: 60px; margin-top: 0px; position: absolute; top: 50%; width: 60px; z-index: 999; } .hero-slider .slick-arrow i { display: block; font-size: 40px; line-height: 60px; } .hero-slider .slick-prev { left: -40%; } .hero-slider .slick-next { right: 0; } #scrollUp { background-color: transparent; border: 2px solid #999; border-radius: 50%; bottom: 80px; color: #999; height: 40px; position: fixed; right: 30px; text-align: center; width: 40px; } #scrollUp i { display: block; font-size: 24px; line-height: 35px; } #scrollUp:hover { background-color: #3f3f3f; color: #fff; } .transparenta_bg{ background-color:rgba(0,78,158,0.7); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .meniu_slider{padding:30px 15px; color:#fff;} .alb, .alb a{color:#fff} hr { margin-top: 5px; margin-bottom: 5px; border: 0; border-top: 1px solid #fff; } h2, .h2 { font-size: 25px; } @media only screen and (min-width: 768px) and (max-width: 1021px) { .header_1{background-image: url("/2-3/img/header_1.jpg");background-repeat:no-repeat;background-position:top center; display:block;height:109px;} .header_2{background-image: url("/2-3/img/header_2.jpg");background-repeat:no-repeat;background-position:top center; display:block;height:109px;} .header_3{background-image: url("/2-3/img/header_3.jpg");background-repeat:no-repeat;background-position:top center; display:block;height:109px;} .header_4{background-image: url("/2-3/img/header_4.jpg");background-repeat:no-repeat;background-position:top center; display:block;height:109px;} } @media only screen and (min-width: 1021px) and (max-width: 6000px) { .header_1{background-image: url("/2-3/img/header_1.jpg");background-repeat:no-repeat;background-position:top center; display:block;height:109px;} .header_2{background-image: url("/2-3/img/header_2.jpg");background-repeat:no-repeat;background-position:top center; display:block;height:109px;} .header_3{background-image: url("/2-3/img/header_3.jpg");background-repeat:no-repeat;background-position:top center; display:block;height:109px;} .header_4{background-image: url("/2-3/img/header_4.jpg");background-repeat:no-repeat;background-position:top center; display:block;height:109px;} } .alb{color:#fff} .float_left_none{float:none!important;} @media only screen and (min-width: 10px) and (max-width: 768px) { .mt-30{margin-top:10px;} .mb-30{margin-bottom:10px;} .pt-40{ padding-top:20px;} } .link_albastru a{color:#33a2b7} .link_albastru a:hover{color:#fff} .culoare_alb{color:#fff} .culoare_alb li span{color:#fff!important; font-weight:600;text-transform: uppercase;} .culoare_alb li {color:#fff!important; font-style: normal;} .mp-breadcrumb h1{ float:left; font-size: 25px!important; font-weight: 700!important; letter-spacing: 1px; line-height: 30px; margin-bottom: 20px!important; text-transform: uppercase;} .mp-breadcrumb ul li a, .mp-breadcrumb ul li{} .mp-breadcrumb ul {margin: 0 0 20px!important} @media only screen and (max-width: 767px) { .co-hero-slide-content-3 h2{ font-size: 15px; } } @media only screen and (min-width: 768px){ .border_left{ padding: 1rem; border-width: 4px; border-left: solid; border-image: linear-gradient( to bottom, rgba(0, 0, 0, 0), #4481eb, rgba(0, 0, 0, 0) ) 1 100%; } } .acordeon h2, .linkuri h2{font-size:16px; margin-bottom:0} .sp-rn:nth-child(2) { padding-top:10px; } .sp-rn:first-child{ padding-top:0; } label[for="newsletter-terms-and-cond"]{ padding-left: 20px; margin-top: -33px; } ul{ padding-inline-start: 10px; list-style-type: none; } .module-border-wrap { padding: 1rem; position: relative; background: linear-gradient(to left, #79C693, #9CF7B8); padding: 3px; } .module { color: black; padding: 2rem; } .img_dgaspc a img{float: left;max-height: 60px} .img_dgaspc a span{ font-size: 11px; float: right; line-height: 16px; display: block; font-weight: 600;} .img_min_just img{ float: left; max-height: 60px; } .img_min_just a span{ font-family: 'Marcellus SC', serif; font-weight: 600; line-height: 60px; padding-left: 5px; } @media only screen and (min-width: 767px) and (max-width: 1331px) { .slider-right-section2 .rotated-parteneri .parteneri a{ font-size:14px!important; line-height:1!important; } .slider-right-section2 h5, .slider-right-section h5{ font-size:14px!important; } .news a{ line-height: 1.1!important; display: block; } .slider-right-section2 .rotated-news .news a, .resources a{font-size: 12px!important;} .comunicate a, .comunicate p{font-size: 14px!important;line-height: 14px!important} .mt-5, .rand{margin-top:0!important} .titlu_articol_comunicate a{line-height:1!important} } @media only screen and (min-width: 1332px) and (max-width: 1400px) { .slider-right-section2 .rotated-parteneri .parteneri a{ font-size:13px!important; line-height:1!important; } .slider-right-section2 h5, .slider-right-section h5{ font-size:16px!important; } .news a{ line-height: 1.1!important; display: block; } .slider-right-section2 .rotated-news .news a, .resources a{font-size: 13px!important;} .comunicate a, .comunicate p{font-size: 13px!important;} .mt-5, .rand{margin-top:5px!important;font-size: 13px!important;} } @media only screen and (max-width: 991px) { .slogan{ text-align: center; } .link_working{max-width: 100%; text-align: center;} .co-copyright-3{display: none;} .logo_jos_1, .logo_jos_23, .logo_jos_3{ max-width: 265px; margin: 0 auto; } } @media only screen and (max-width: 1530px) { .img_min_just a span{ font-size:16px!important; }} @media only screen and (max-width:1285px) { .img_min_just img{display: block;float: none;margin: 0 auto;} .img_min_just a span{display: block;text-align: center;} .img_dgaspc a img{display: block;float: none;margin: 0 auto;} .img_dgaspc a span{display: block;text-align: center;font-size: 13px;} } @media only screen and (min-width: 768px) and (max-width: 1285px) { .slogan{ font-size: 19px; } } .img_min_just{ max-width: 260px; margin: 0 auto; } .img_dgaspc{ max-width: 240px; margin: 0 auto; } .text-negru{ color: black!important;} .text_black label, .text_black, .text_black a{color: black!important;} .btn-trasparent { background-color:transparent; border-color: transparent; color: #fff!important; text-align: left; position: absolute; left: 30px; font-size:11px; } .btn-trasparent:focus { text-decoration: underline; } @media only screen and (max-width: 768px) { .btn-trasparent { left: 40px; top: -10px; font-size: 14px; } .slogan { font-size: 18px; font-weight: 700; } .titlu-footer-centrat { font-size: 16px; } } @media only screen and (min-width: 993px) { .btn-trasparent { bottom: -260px; } } @media only screen and (min-width: 994px) and (max-width: 1400px) { .btn-trasparent { bottom: -20px; } } .elementor-100 .elementor-element.elementor-element-9dcb150:not(.elementor-motion-effects-element-type-background), .elementor-100 .elementor-element.elementor-element-9dcb150 > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #222831; } .elementor-100 .elementor-element.elementor-element-9dcb150 { border-style: solid; border-width: 10px 0px 0px 0px; border-color: #477ae2; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 100px 50px 50px 50px; } .elementor-section.elementor-section-stretched { position: relative; width: 100%;} .btn { background-color: transparent; border:transparent; border-radius: 5px; display: inline-block; font-size: 14px; font-weight: 700; height: 40px; letter-spacing: 0.5px; line-height: 24px; padding: 7px 30px; position: relative; text-transform: uppercase; margin-top: 5px!important; } .btn:focus { color: #ffffff; } .btn-icon-left { padding-left: 63px; } .btn-icon-right { padding-right: 63px; } .btn > i { display: block; font-size: 18px; line-height: inherit; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .btn-icon-left i { left: 30px; } .btn-icon-right i { right: 30px; } .btn-white { background-color: #ffffff; border-color: #ffffff; color: #3e3e3e; } .btn-white:focus { color: #3e3e3e; } .btn-gradient { background-image: -o-linear-gradient(45deg, #4481eb 0%, #04bffe 100%); background-image: linear-gradient(45deg, #4481eb 0%, #04bffe 100%); border-color: transparent; color: #ffffff; border: 1px solid #3e3e3e; border-radius: 5px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; line-height: 15px; padding: 7px 10px; position: relative; text-transform: uppercase; } .btn-alb { border-color: transparent; color: #ffffff; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; position: relative; } .btn-alb:hover, .btn-alb.active, .btn-alb:focus { text-decoration:underline } .main-menu > ul > li:last-child { margin-right:0 } .btn-alb-vertical { border-color: transparent; color: #ffffff; border-radius: 5px; display: block; font-size: 18px; font-weight: 400; letter-spacing: 0.5px; line-height: 10px; padding: 0px 10px; position: relative; } .btn-alb-vertical:hover, .btn-alb-vertical.active, .btn-alb-vertical:focus { background: #ffcc05; border-color: transparent; color: #ffffff; border-radius: 5px; display: block; letter-spacing: 0.5px; line-height: 10px; padding: 0px 10px; position: relative; } .btn-fara { border-color: transparent; color: #ffffff; border: 2px solid ##004e9e; border-radius: 5px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; line-height: 10px; padding: 7px 10px; position: relative; text-transform: uppercase; } .btn-fara:hover, .btn-fara.active, .btn-fara:focus { border-color: transparent; color: #ffffff; border: 2px solid #004e9e; border-radius: 5px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; line-height: 10px; padding: 7px 10px; position: relative; text-transform: uppercase; } .btn-border { background-color: transparent; color: #3e3e3e; } .btn-border:focus { color: #3e3e3e; } .btn-border-white { background-color: transparent; border-color: #ffffff; color: #ffffff; } .btn-border-gradient { background-color: transparent; background-image: none; border-color: #04bffe #04bffe #4481eb #4481eb; color: #4481eb; } .btn-border-gradient:focus { color: #4481eb; } .btn-lg { height: 46px; padding: 10px 40px; } .btn-sm { font-size: 13px; height: 34px; padding: 4px 20px; } .btn-sm > i { font-size: 16px; margin-right: 10px; } .btn:hover { background-color: #3e3e3e; border-color: #3e3e3e; color: #ffffff; } .btn-hover-border:hover { background-color: transparent; color: #3e3e3e; } .btn-hover-white:hover { background-color: #ffffff; border-color: #ffffff; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); color: #3e3e3e; } .btn-hover-white-border:hover { background-color: transparent; border-color: #ffffff; color: #ffffff; } .btn-hover-gradient { -webkit-transition: background 0.3s ease 0s, color 0.3s ease 0s; -o-transition: background 0.3s ease 0s, color 0.3s ease 0s; transition: background 0.3s ease 0s, color 0.3s ease 0s; } .btn-hover-gradient:hover { background-image: -o-linear-gradient(45deg, #4481eb 0%, #04bffe 100%); background-image: linear-gradient(45deg, #4481eb 0%, #04bffe 100%); border-color: transparent; color: #ffffff; } .btn-hover-gradient-border { -webkit-transition: background 0s ease 0s, color 0.3s ease 0s; -o-transition: background 0s ease 0s, color 0.3s ease 0s; transition: background 0s ease 0s, color 0.3s ease 0s; } .btn-hover-gradient-border:hover { background-image: none; background-color: transparent; border-color: #04bffe #04bffe #4481eb #4481eb; color: #4481eb; } .btn-cr { background-color: #fbb03b; border-color: #fbb03b; color: #050d30; } .btn-cr-2 { background-color: #050d30; border-color: #050d30; color: #fbb03b; } .btn-hover-cr:hover { background-color: #fbb03b; border-color: #fbb03b; color: #050d30; } .btn-hover-border-cr:hover { background-color: transparent; border-color: #fbb03b; color: #fbb03b; } .btn-hover-cr-2:hover { background-color: #050d30; border-color: #050d30; color: #fbb03b; } .btn-hover-border-cr-2:hover { background-color: transparent; border-color: #050d30; color: #050d30; } .btn-res, .btn-hover-res, .btn-res:focus, .btn-hover-res:focus { background-color: #e54c2a; border-color: #e54c2a; color: #ffffff; } .btn-res-hover-border:hover { background-color: transparent; border-color: #e54c2a; color: #e54c2a; } #dropdownMenu1{ color:white; } .header-section { z-index: 9999; } .header-transparent { background-color: transparent; left: 0; right: 0; top: 0; } .header-alb { background-color: #fff; left: 0; right: 0; top: 0; } .header-fullwidth { padding: 0 85px; } .header-fullwidth .container { width: 100%; } .header-sticky.stick { position: fixed; top: 0; left: 0; right: 0; -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; } .header-logo { display: block; margin: 30px 0; } .header-section .btn { margin: 30px 0; } .header-search { display: block; float: right; padding: 30px 0; position: relative; } .search-toggle { border-radius: 5px; border: none; background-color: transparent; display: block; height: 40px; letter-spacing: 0.5px; line-height: 24px; padding: 8px 0; position: relative; text-transform: uppercase; z-index: 1; } .search-toggle i { display: block; line-height: 24px; } .search-toggle:hover { color: #4481eb; } .header-search-form { background-color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); margin-top: 20px; opacity: 0; padding: 20px; position: absolute; right: 0; top: 100%; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; visibility: hidden; z-index: -9999; } .open .header-search-form { margin-top: 0; opacity: 1; visibility: visible; z-index: 9999; } .header-search-form form { position: relative; } .header-search-form form input { border: 1px solid #eeeeee; color: #999999; display: block; font-size: 14px; height: 40px; padding: 7px 15px; width: 220px; } .header-search-form form button { background-color: transparent; border: medium none; color: #999999; height: 40px; position: absolute; right: 0; top: 0; width: 40px; } .header-search-form form button i { display: block; font-size: 16px; line-height: 40px; } .header-social a { color: inherit; display: block; float: left; margin: 0 0 0 5px; line-height: 35px; font-family: 'Square721 Cn BT'; font-size:16px; } .header-social a:first-child { margin-left: 0; } .header-border .header-social a i { color:white; margin-top: 0px; } #search-button .ion-android-search{ color:#fff; } .header-social a i { display: block; font-size: 20px; line-height: 35px; } .header-social a:hover { opacity: 0.7; } .menu-toggle, .mp-menu-toggle { background-color: transparent; border: medium none; color: #fff; display: block; height: 20px; margin: 40px 0; overflow: hidden; padding: 0; } .menu-toggle.text-dark, .mp-menu-toggle.text-dark { color: #3e3e3e; } .menu-toggle i, .mp-menu-toggle i { display: block; font-size: 40px; position: relative; top: -10px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .main-menu { display: block; } .main-menu > ul {margin-left: auto; margin-right: auto;} .main-menu > ul > li { display: block; float: left; margin-top: 0; margin-bottom: 0; position: relative; } .main-menu > ul > li > a { color: #3e3e3e; display: block; font-size: 16px; font-weight: 500; letter-spacing: 0.5px; padding: 10px 8px; } @media only screen and (min-width: 200px) and (max-width: 767px) { .header-social{margin:0} a.meanmenu-reveal{ color: #3e3e3e; height: 30px; margin: 5px 0; overflow: hidden; padding: 0; text-align: center; top: -36px!important; width: 30px; } .header-border-black .header-social a i{ color:black; } .header-border .header-social a i{ color:white; } .text_slogan{ color:#000;font-family:'Trebuchet MS', sans-serif; font-size: 13px; line-height: 16px; display: block; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-social{margin:0} a.meanmenu-reveal{ color: #3e3e3e; height: 30px; margin: 5px 0; overflow: hidden; padding: 0; text-align: center; top: -38px!important; width: 30px; } .logo_header_dreapta span{ font-size: 16px!important; letter-spacing: 1px;margin-top: 30px;} .logo_header_dreapta a img{ max-height: 60px!important; padding-top: 0px!important; margin-top:30px; margin-right: 7px; } .text_slogan{color:#000;font-size:14px;font-style:'Trebuchet MS', sans-serif} .eeagrants a img{max-height: 120px;} } @media only screen and (min-width: 992px) and (max-width: 1044px) { .header-social { margin: 15px 10px 0 0; } .elementor-element-populated{padding:15px 0px 8px 12.5px} .margin-top-15{ margin-top: 18px; } #search-button{ margin-top: 3px} .main-menu > ul > li > a { padding: 0; font-size: 13px; padding-right: 5px; padding-left: 4px; line-height: 40px; } .main-menu > ul > li{margin-right:3px;} .main-menu > ul {margin-bottom:0;margin-top:0} .header-section .btn{ margin:0; } .btn{ margin-top: 0px!important;} .header-section .lang-dropdown{ padding-right: 0; } .text_slogan{ color:#000;font-size:16px;font-style:Arial, Trebuchet MS, sans-serif } .eeagrants a img{max-height: 130px;} } @media only screen and (min-width: 1045px) and (max-width: 1307px) { .header-social { margin: 15px 10px 0 0; } .margin-top-15{ margin-top: 25px; margin-left:20px;} #search-button{ margin-top: 6px} .main-menu > ul > li > a { padding: 5px 5px; } .main-menu > ul > li{margin-right:3px;} .main-menu > ul {margin-bottom:0;margin-top:0} .header-section .btn{ margin:0; } .btn{ margin-top: 0px!important;} .header-section .lang-dropdown{ padding-right: 0; } .main-menu > ul > li > a { padding: 0; font-size: 13px; padding-right: 5px; padding-left: 4px; line-height: 40px; } .text_slogan{ color:#000;font-size:18px;font-style:Arial, Trebuchet MS, sans-serif } .eeagrants a img{max-height: 130px;} } @media only screen and (min-width: 1308px) and (max-width: 1400px) { .main-menu > ul > li > a { padding: 10px 6px; } .main-menu > ul {margin-bottom:0;margin-top:0} .main-menu > ul > li{} } @media only screen and (min-width: 1401px) and (max-width: 1600px) { .main-menu > ul > li{} .main-menu > ul > li > a { padding: 10px 15px; } .main-menu > ul {margin-bottom:0;margin-top:0} } @media only screen and (min-width: 1601px) { .main-menu > ul > li{margin-right: 10px;} .main-menu > ul > li > a { padding: 10px 15px; } .main-menu > ul {max-width:1200px;margin-bottom:0;margin-top:0} } @media only screen and (min-width: 1330px) { .header-social { margin: 0 80px 0 0; } } @media only screen and (min-width: 1308px) { .header-social { margin: 15px 10px 0 0; } .margin-top-15{ margin-top: 25px; margin-left:20px;} #search-button{ margin-top: 6px} .header-social a{ padding-left:10px; padding-right:10px; } .header-border-black .header-social a i{ color:#6e6e6e; } .header-border .header-social a i{ color:white; } .header-social a i { display: block; font-size: 30px; line-height: 30px; margin-top: 5px; } .header-social a:hover { opacity: 0.7; } .text_slogan{ color:#000;font-size:22px;font-style:Arial, Trebuchet MS, sans-serif } } .main-menu.text-black > ul > li > a { color: #3e3e3e; } .mean-bar { background-color: transparent; min-height: auto; padding: 0; } .mobile-menu-2 .mean-nav ul { background-color: #ffffff; float: left; width: 100%; } .mobile-menu-2 .mean-nav > ul > li:last-child { margin-bottom: 0; } .mobile-menu-2 .mean-nav ul li a { padding: 8px 20px; } @media only screen and (max-width: 768px) { .main-menu.text-white > ul > li > a { color: #00235a; } .sub-menu > li:hover > ul{ position:relative; } .mean-bar{ padding-top: 20px; } .mobile-menu-2 .mean-nav ul { padding-left:15px; } } @media only screen and (min-width: 769px) { .sub-menu > li:hover > ul{ visibility: visible; opacity: 1!important; position: absolute; z-index: -1; left: 330px; margin-top: -30px; } } .main-menu > ul > li.active > a, .main-menu > ul > li:hover > a { color: #ffffff; } .sub-menu { background-color: #19212ed4; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); opacity: 0; padding: 15px 20px; position: absolute; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; visibility: hidden; width: 330px; z-index: -999; list-style-type: none; } .main-menu > ul > li:hover > .sub-menu { margin-top: 0; opacity: 1; visibility: visible; z-index: 999; } .sub-menu > li:hover > ul a{ text-decoration: none; } .sub-menu li a { color: #fff; display: block; font-size: 16px; font-weight: 500; letter-spacing: 0.5px; line-height: 22px; } .sub-menu li.active a, .sub-menu li:hover a { text-decoration:underline; } a.meanmenu-reveal { color: #3e3e3e; height: 30px; margin: 5px 0; overflow: hidden; padding: 0; text-align: center; top: -70px; width: 30px; } .header-border-black a.meanmenu-reveal, .text-black a.meanmenu-reveal { color: #fff; } .header-border a.meanmenu-reveal{ color: #000000; } a.meanmenu-reveal i { display: block; font-size: 25px; margin-top: -6px; } .mean-nav a.mean-expand { border: medium none; font-size: 20px !important; height: 42px; line-height: 42px; padding: 0 !important; position: absolute; right: 0; text-align: center; width: 30px; } .mean-nav { background-color: transparent; margin-top: 0; } .mean-nav ul { float: left; width: 100%; } .mean-nav ul li { position: relative; } .mean-nav > ul > li:last-child { border-bottom: 1px solid #ededed; margin-bottom: 15px; } .mean-nav ul li a { border-color: #ededed; color: #3e3e3e; font-size: 14px; font-weight: 600; line-height: 24px; padding: 8px 0; } .mean-nav ul li.active > a, .mean-nav ul li a:hover { background-color: transparent; color: #fff; } .mean-nav .sub-menu { -webkit-box-shadow: none; box-shadow: none; opacity: 1; padding: 0; position: static; -webkit-transition: none 0s ease 0s ; -o-transition: none 0s ease 0s ; transition: none 0s ease 0s ; visibility: visible; z-index: 1; } .mean-nav .sub-menu li {} .mean-nav .sub-menu li a { border-color: #ededed; font-size: 13px; font-weight: 600; line-height: 24px; opacity: 1; padding: 8px 0 8px 15px; } @media only screen and (min-width: 768px) { .mean-nav .sub-menu li a {color: #fff;} .main-menu.text-white > ul > li > a{color: #fff;} } .mean-nav .sub-menu li:hover a, .mean-nav .sub-menu li a:hover { background-color: transparent; color: #4481eb; } .header-social .select-language ul li a { font-weight: 400; color: #cccccc; } .header-social .select-language ul li.active a { color: #fff; } .select-language ul li:before, .select-language ul li:marker { list-style:none } .select-language ul li:before, .select-language ul li:marker, .select-language ul { list-style-type: none } .header-social .select-language ul li { padding: 0 10px; } .header-social .select-language ul li:first-child { padding-left: 0; } .header-social .select-language ul li.active a { font-weight: 600; } .logo_header_dreapta a img{max-height:110px;padding-top:25px} .logo_header_dreapta span {font-family: 'Marcellus SC', serif;font-size:25px;float: right;color:#1357A5;margin-top:40px;font-weight: 600} .resources h5{ color: white; } .vezi-mai-mult-noutati2 a{margin-top: 15px; text-decoration: underline;} .vezi-mai-mult-noutati3 a{margin-top: 5px; text-decoration: underline;} .news a{line-height: 1.0; display: block;} ul, ol{ margin-bottom: 0; } [class^="cr-"] h1, [class*="cr-"] h1, [class^="cr-"] h2, [class*="cr-"] h2, [class^="cr-"] h3, [class*="cr-"] h3, [class^="cr-"] h4, [class*="cr-"] h4, [class^="cr-"] h5, [class*="cr-"] h5, [class^="cr-"] h6, [class*="cr-"] h6 { color: #ffffff; } [class^="cr-"] p, [class*="cr-"] p, [class^="cr-"] span, [class*="cr-"] span { color: #cccccc; } .cr-section-title { padding-bottom: 45px; } .cr-section-title::before, .cr-section-title::after { background-color: #fbb03b; bottom: 0; content: ""; height: 2px; left: 50%; margin-left: -30px; position: absolute; width: 60px; } .cr-section-title::after { bottom: 10px; margin-left: -50px; width: 100px; } .cr-section-title h3 { font-weight: 700; letter-spacing: 1.5px; line-height: 18px; margin: 0; text-transform: uppercase; } .cr-section-title p { margin: 30px auto 0; max-width: 710px; } .cr-header-section.stick { background-color: #06052D; } .cr-menu-section { background-color: rgba(5, 14, 48, 0.95); display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; left: 0; opacity: 0; position: fixed; text-align: center; top: 0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; visibility: hidden; width: 100%; z-index: 999; } .cr-menu-section .container { margin: auto; } .cr-menu-section.active { opacity: 1; visibility: visible; } .cr-menu { padding: 80px 0 50px; } .cr-menu ul {} .cr-menu ul li { margin-bottom: 40px; } .cr-menu ul li:last-child { margin-bottom: 0; } .cr-menu ul li a { color: #fff; display: inline-block; font-size: 18px; font-weight: 600; line-height: 30px; text-transform: uppercase; } .cr-menu ul li a:hover, .cr-menu ul li.active a { color: #fbb03b; font-size: 24px; } .cr-hero-section { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .cr-hero-section .container { margin: auto; } .cr-hero-content { pointer-events: auto !important; } .cr-hero-content h1 { font-size: 80px; font-weight: 800; line-height: 90px; margin: 0 auto 57px; max-width: 900px; } .cr-hero-content a.btn {} .cr-about-section {} .cr-about-video { margin-left: 70px; position: relative; } .cr-about-video::before { background-color: #05082e; content: ""; height: 100%; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%; z-index: 2; } .cr-about-video img { width: 100%; } .cr-about-video a.video-popup { border-radius: 50%; height: 44px; left: 50%; margin-left: -22px; margin-top: -22px; position: absolute; text-align: center; top: 50%; width: 44px; z-index: 9; } .cr-about-video a.video-popup img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); width: 100%; } .cr-about-video a.video-popup:hover img { -webkit-filter: brightness(100%); filter: brightness(100%); } .cr-about-content {} .cr-about-content p { margin-bottom: 30px; } .cr-about-content a.btn { margin-top: 23px; } .cr-portfolio-section {} .cr-isotop-item { overflow: hidden; padding: 0; } .cr-isotop-item img { width: 100%; } .cr-portfolio-content { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .cr-portfolio-content .shape { background-color: #fbb03b; display: block; float: left; height: 100%; opacity: 0; position: absolute; top: 0; width: 50%; } .cr-portfolio-content .shape:nth-child(1) { left: 0; } .cr-portfolio-content .shape:nth-child(2) { right: 0; } .cr-isotop-item:hover .cr-portfolio-content .shape { opacity: 0.8; } .cr-isotop-item:hover .cr-portfolio-content .shape:nth-child(1) { top: -30px; } .cr-isotop-item:hover .cr-portfolio-content .shape:nth-child(2) { top: 30px; } .cr-portfolio-content .text { color: #050d30; font-size: 14px; font-weight: 700; left: 0; letter-spacing: 2px; opacity: 0; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .cr-isotop-item:hover .cr-portfolio-content .text { opacity: 1; } .cr-service-section {} .cr-single-service {} .cr-single-service i { display: block; font-size: 36px; margin-bottom: 25px; padding-bottom: 30px; position: relative; margin-top: 0; } .cr-single-service i::after { background-color: #fff; bottom: 0; content: ""; display: block; height: 1px; left: 0; opacity: 0.4; position: absolute; width: 60px; } .cr-single-service h3 { font-weight: 300; line-height: 28px; margin-bottom: 26px; } .cr-single-service p { line-height: 24px; margin-bottom: 0; max-width: 270px; } .cr-testimonial-section {} .cr-testimonial-slider {} .cr-single-testimonial { position: relative; } .cr-single-testimonial .cr-bg-quote { left: 50%; margin-top: 30px; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: -1; } .cr-single-testimonial img.cr-testimonial-client { border-radius: 50%; display: block; height: 100px; margin: 0 auto 85px; width: 100px; } .cr-single-testimonial p { font-size: 18px; line-height: 36px; margin-bottom: 80px; } .cr-single-testimonial h5 { font-size: 15px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; line-height: 12px; margin-bottom: 9px; } .cr-single-testimonial span { display: block; font-size: 15px; line-height: 24px; } .cr-footer-section {} .cr-contact-form {} .cr-contact-form form {} .cr-contact-form form input[type="text"], .cr-contact-form form input[type="email"] { background-color: #100f3c; border: 1px solid #23233a; border-radius: 5px; color: #a5a5a5; display: block; font-size: 13px; height: 44px; line-height: 24px; margin-bottom: 18px; padding: 9px 20px; width: 100%; } .cr-contact-form form textarea { background-color: #100f3c; border: 1px solid #23233a; border-radius: 5px; color: #a5a5a5; display: block; font-size: 13px; height: 100px; line-height: 24px; margin-bottom: 18px; padding: 9px 20px; resize: none; width: 100%; } .cr-contact-form form input[type="submit"] { background-color: #100f3c; border: 1px solid #23233a; border-radius: 5px; color: #ffffff; display: block; font-size: 13px; height: 44px; letter-spacing: 1px; line-height: 24px; margin-bottom: 18px; padding: 9px 20px; text-transform: uppercase; width: 100%; } .cr-contact-form form input[type="submit"]:hover { color: #fbb03b; } .cr-footer-social {} .cr-footer-social a { color: #ffffff; display: inline-block; margin: 0 15px; } .cr-footer-social a:hover { color: #fbb03b; } .cr-footer-social a i { display: block; font-size: 22px; line-height: 20px; } .cr-footer { border-top: 1px solid #161649; padding: 16px 0; } .cr-footer-copyright {} .cr-footer-copyright p { color: #cccccc; font-size: 12px; font-weight: 600; line-height: 28px; margin: 0; } .cr-footer-copyright p a { color: inherit; } .cr-footer-copyright p a:hover { color: #fbb03b; } .cr-footer-menu { text-align: right; } .cr-footer-menu ul { display: inline-block; vertical-align: top; } .cr-footer-menu ul li { display: block; float: left; margin-left: 45px; } .cr-footer-menu ul li:first-child { margin-left: 0; } .cr-footer-menu ul li a { color: #cccccc; display: block; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; line-height: 28px; } .cr-footer-menu ul li a:hover { color: #fbb03b; } @media only screen and (min-width: 1171px) and (max-width: 1400px) { } @media only screen and (min-width: 992px) and (max-width: 1169px) { .cr-about-content a.btn { margin-top: 0; } .cr-about-video { margin-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .cr-hero-content h1 { font-size: 60px; line-height: 70px; margin-bottom: 40px; } .cr-about-content a.btn { margin-top: 0; } .cr-about-video { margin-left: 0; } .cr-footer-menu ul li { margin-left: 25px; } .cr-footer-menu ul li a { font-size: 11px; } } @media only screen and (max-width: 767px) { .cr-section-title { margin-bottom: 70px; } .cr-menu-section { overflow-y: scroll; } .cr-menu-section > .container { width: 100%; } .cr-menu ul li { margin-bottom: 10px; } .cr-menu ul li a { font-size: 14px; } .cr-menu ul li a:hover, .cr-menu ul li.active a { font-size: 18px; } .cr-hero-section { height: auto; } .cr-hero-content { padding-bottom: 100px; padding-top: 150px; } .cr-hero-content h1 { font-size: 36px; line-height: 44px; margin: 0 auto 30px; } .cr-about-section { padding: 100px 0 60px; } .cr-about-content a.btn { margin-top: 0; } .cr-about-video { margin-left: 0; } .cr-service-section { padding: 100px 0 50px; } .cr-single-service { margin-bottom: 50px; } .cr-single-service h3 { margin-bottom: 20px; } .cr-testimonial-section { padding: 100px 0; } .cr-single-testimonial img.cr-testimonial-client { margin-bottom: 40px; } .cr-single-testimonial p { margin-bottom: 40px; } .cr-contact-section { padding-top: 100px; } .cr-footer-copyright { text-align: center; } .cr-footer-menu { text-align: center; } .cr-footer-menu ul li { margin-left: 25px; } .cr-footer-menu ul li a { font-size: 11px; } } @media only screen and (max-width: 479px) { .cr-section-title { padding-bottom: 35px; } .cr-section-title h3 { font-size: 18px; line-height: 1.2; } .cr-section-title p { font-size: 14px; line-height: 24px; margin-top: 20px; } .cr-hero-content { padding-bottom: 50px; padding-top: 100px; } .cr-hero-content h1 { font-size: 22px; line-height: 32px; margin: 0 auto 20px; } .cr-single-service h3 { font-size: 20px; } } .co-page-banner-section { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; position: relative; } .co-page-banner-section::before, .co-page-banner-section::after { color: #ffffff; content: attr(data-page-title); font-size: 150px; font-weight: 700; line-height: 50px; opacity: 0.1; position: absolute; text-transform: capitalize; z-index: 1; } .co-page-banner-section::before { left: 0; top: 0; } .co-page-banner-section::after { bottom: 0; line-height: 115px; right: 0; } .co-page-banner-section .container-fluid { background-color: rgba(0,0,0,0.5); } .co-page-banner { padding: 250px 0; } .co-page-banner h1 { color: #ffffff; font-size: 60px; font-weight: 800; line-height: 50px; margin: 0; text-transform: uppercase; } .co-pagination { text-align: center; } .co-pagination li { display: inline-block; margin: 4px; vertical-align: top; } .co-pagination li a { border: 1px solid #dddddd; border-radius: 50%; color: #3e3e3e; display: block; font-weight: 600; height: 32px; width: 32px; } .co-pagination li a i { display: block; font-size: 18px; line-height: 30px; } .co-pagination li a:hover { background-color: #4481eb; border-color: #4481eb; color: #ffffff; } .co-section-title-1 {} .co-section-title-1.title-left { margin-top: 180px; } .co-section-title-1 h1 { line-height: 28px; margin-bottom: 0; } .co-section-title-1 p { margin: 33px auto 0; max-width: 810px; } .co-section-title-2 {} .co-section-title-2 h1 { letter-spacing: 0.5px; line-height: 43px; margin-bottom: 24px; } .co-section-title-2 p { line-height: 29px; margin: 0 auto; max-width: 660px; } .co-section-title-2.co-title-white {} .co-section-title-2.co-title-white h1 { color: #ffffff; } .co-section-title-2.co-title-white p { color: #eeeeee; } .co-section-title-3 {} .co-section-title-3 h4 { font-size: 20px; font-weight: 700; letter-spacing: 1.5px; line-height: 16px; margin-bottom: 0; text-transform: uppercase; } .co-section-title-3 p { line-height: 29px; margin: 32px auto 0; max-width: 660px; } .co-section-title-3.title-white {} .co-section-title-3.title-white h4 { color: #f7f7f7; } .co-section-title-3.title-white p { color: #e9e9e9; } .co-hero-section-1 {} .co-hero-slider-1 {} .co-hero-slider-1 .slick-arrow { margin-top: -150px; } .co-hero-slide-item-1 { -webkit-background-size: cover; background-size: cover; padding: 345px 0 580px; position: relative; z-index: 1; } .co-hero-slide-item-1::before { background-color: #000; content: ""; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; z-index: -1; } .co-hero-slide-content-1 {} .co-hero-slide-content-1 h4 { color: #ffffff; font-weight: 600; letter-spacing: 2.5px; line-height: 1; margin-bottom: 19px; text-transform: uppercase; } .co-hero-slide-content-1 h1 { font-size: 50px; letter-spacing: 1px; line-height: 1; margin-bottom: 45px; text-transform: uppercase; color: #ffffff; } .co-hero-slide-content-1 .btn {} .co-hero-section-2 {} .co-hero-slider-2 {} .co-hero-slider-2 .slick-arrow { margin-top: 0; } .co-hero-slide-item-2 { padding: 415px 0 345px; position: relative; z-index: 1; } .co-hero-slide-item-2::before { background-color: #000; content: ""; height: 100%; left: 0; opacity: 0.6; position: absolute; top: 0; width: 100%; z-index: -1; } .co-hero-slide-content-2 {} .co-hero-slide-content-2 h1 { color: #ffffff; font-size: 80px; font-weight: 700; line-height: 1; margin-bottom: 35px; } .co-hero-slide-content-2 h3 { color: #ffffff; font-size: 24px; font-weight: 600; letter-spacing: 1px; line-height: 1; margin-bottom: 0; text-transform: uppercase; } .co-hero-slide-item-4 { padding: 70px 0 260px; position: relative; z-index: 1; } @media only screen and (min-width: 1024px) and (max-width: 1400px) { .co-hero-slide-item-4 { padding: 20px 0 20px; } } @media only screen and (min-width: 10px) and (max-width: 770px) { .co-hero-slide-item-4 { padding: 30px 0 30px; position: relative; z-index: 1; } .co-hero-slide-content-3 h3{ padding-left:10px; padding-right:10px; } } .co-hero-slide-item-4::before { background:#000; content: ""; height: 100%; left: 0; opacity: 0.35; position: absolute; top: 0; width: 100%; z-index: -1; } .co-hero-section-3 { } .co-hero-slider-3 {} .co-hero-slide-item-3 { padding: 145px 0 145px; position: relative; z-index: 1; } .co-hero-slide-item-3::before { background-image: -webkit-gradient(linear, left top, left bottom, from(#04bffe), to(#4481eb)); background-image: -o-linear-gradient(top, #04bffe 0%, #4481eb 100%); background-image: linear-gradient(to bottom, #04bffe 0%, #4481eb 100%); content: ""; height: 100%; left: 0; opacity: 0.35; position: absolute; top: 0; width: 100%; z-index: -1; } .co-hero-slide-content-3 {} .co-hero-slide-content-3 h1 { font-size: 22px; font-weight: 600; line-height: 1; font-family: "Asap Condensed", sans-serif; margin-top: 10px; } .co-hero-slide-content-3 h3 { font-size: 20px; font-weight: 600; letter-spacing: 1px; line-height: 30px; margin-bottom: 20px; font-weight: 700; text-align:left; padding-left:20px; color: white; } .co-hero-slide-content-3 h2{ color: #fff; text-align:left; padding-left:20px; font-size: 20px; } .co-hero-slide-content-3 .btn { margin: 15px 14px 0; } .elementor-container { max-width: 1440px; margin:0 auto; } .elementor-background-overlay { background-color: #000000; opacity: 0.5; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; } .elementor-element { --widgets-spacing: 20px 20px; --swiper-theme-color: #000; --swiper-navigation-size: 44px; --swiper-pagination-bullet-size: 6px; --swiper-pagination-bullet-horizontal-gap: 6px; } .elementor-element .elementor-widget-container { transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s); font-family: 'Square721 Cn BT'; } .elementor-widget-container p { line-height: var(--wp--typography--line-height, var(--global--line-height-body)); padding: 0; margin: 0; -moz-osx-font-smoothing: white; -webkit-font-smoothing: antialiased; color:white; } .elementor-heading-title { color: #FFFFFF; font-size: 34px; } .fadeInUp { animation-name: fadeInUp; } .elementor-widget:not(:last-child) { margin-bottom: 20px; } .elementor-kit-64 h1 { color: #171717; font-family: "Asap Condensed", sans-serif; font-size: 60px; font-weight: 900; line-height: 1.3em; } .elementor-heading-title, .elementor-heading-title a { color: white; font-family: "Asap Condensed", sans-serif; text-transform: uppercase; font-size: 30px; } h1.elementor-heading-title{ color: #fff;} .elementor-element-16f7ce2 { padding: 180px 50px 250px 50px; } .elementor-button { font-family: "Asap Condensed", sans-serif; font-size: 18px; font-weight: 500; color: #FFFFFF; fill: #222831; color: #222831; background-color: #ffc404; border-radius: 5px 5px 5px 5px; padding: 10px 15px 10px 15px ; } .elementor-button span { text-decoration: inherit; } .elementor-align-justify .elementor-button { width: 100%; } .elementor-kit-64 { font-family: "Asap Condensed", sans-serif; font-size: 15px; font-weight: 500; color: #FFFFFF; background-color: transparent; border-radius: 5px 5px 5px 5px; border:1px solid white; padding: 13px 35px 12px 35px; } .elementor-element-populated { padding: 8px 0px 8px 12.5px; } .elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap { display: flex; } .elementor-button-wrapper{ float:left; margin-top:20px; margin-right:10px } .elementor-element-populated { border-width: 0; } .elementor-counter-number-wrapper { color: #3becb0; } .elementor-counter .elementor-counter-number-prefix { text-align: right; } .elementor-counter .elementor-counter-number-prefix, .elementor-counter .elementor-counter-number-suffix { flex-grow: 1; white-space: pre-wrap; } .elementor-counter .elementor-counter-number-wrapper { display: flex; font-size: 43px; font-weight: 600; line-height: 1; } .elementor-counter-title { color: #FFFFFF; } .elementor-counter .elementor-counter-title { text-align: center; font-size: 19px; font-weight: 400; line-height: 2.5; } .elementor-element { --flex-direction: initial; --flex-wrap: initial; --justify-content: initial; --align-items: initial; --align-content: initial; --gap: initial; --flex-basis: initial; --flex-grow: initial; --flex-shrink: initial; --order: initial; --align-self: initial; flex-basis: initial; flex-grow: initial; flex-shrink: initial); order: initial; align-self: initial; } .elementor-106 .elementor-element.elementor-element-431e7ac > .elementor-element-populated { border-style: solid; border-width: 0px 2px 0px 0px; border-color: #FFFFFF42; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; } .elementor-element-populated-1 { border-color: #FFFFFF42; border-width: 0px 2px 0px 0px } .elementor-element-populated-2 { border-color: #FFFFFF42; border-width: 0px 0px 0px 0px } .elementor-element-populated-3 { border-width: 0px 0px 0px 0px } @media (min-width: 371px) and (max-width: 767px) { .co-hero-slide-content-3 h1 { font-size: 15px; margin-bottom: 5px; font-weight:400; } } @media (max-width: 767px) { .header-section { z-index: 9999; margin-bottom: 0; } .margin-top-15{ margin-top:15px; } .margin-top-10{ margin-top:10px; } .margin-top{ } a.meanmenu-reveal { color: #3e3e3e; height: 30px; margin: 12px 0; overflow: hidden; padding: 0; text-align: center; top: -70px; width: 30px; } .header-section .btn, .header-social { height: 30px; } .elementor-counter .elementor-counter-number-wrapper { font-size: 44px; } .elementor-counter .elementor-counter-title { font-size: 16px; line-height: 1.2; } .widget-container2{ max-width:253px; margin:0 auto; } .elementor-size2{ max-width: 600px; margin: 30px auto 0; text-align: center; } .elementor-button-wrapper{ margin-bottom: 30px; } .elementor-heading-title, .elementor-heading-title a, .elementor-widget-container p { text-align:center; } .elementor-element-16f7ce2 { padding: 70px 20px 50px 20px; } } .co-service-section-1 {} .co-service-wrapper-1 { background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 0 100px rgba(66, 66, 66, 0.15); box-shadow: 0 0 100px rgba(66, 66, 66, 0.15); display: block; margin-left: auto; margin-right: auto; margin-top: -230px; max-width: 1474px; overflow: hidden; position: relative; width: 100%; z-index: 1; } .co-single-service-1 { border-right: 1px solid #f2f2f2; padding: 100px 80px; } .co-single-service-1:last-child { border-right: 1px solid transparent; } .co-single-service-1 i { background-color: #fff; border-radius: 50%; -webkit-box-shadow: 0 0 30px rgba(66, 66, 66, 0.08); box-shadow: 0 0 30px rgba(66, 66, 66, 0.08); color: #3e3e3e; display: inline-block; font-size: 32px; height: 90px; line-height: 90px; margin-bottom: 34px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 90px; } .co-single-service-1:hover i { background-image: -webkit-gradient(45deg, #4481eb 0%, #04bffe 100%); background-image: -o-linear-gradient(45deg, #4481eb 0%, #04bffe 100%); background-image: linear-gradient(45deg, #4481eb 0%, #04bffe 100%); -webkit-box-shadow: 0 9px 24px rgba(59, 155, 242, 0.35); box-shadow: 0 9px 24px rgba(59, 155, 242, 0.35); color: #fff; } .co-single-service-1 h3 { font-weight: 300; line-height: 28px; margin-bottom: 23px; } .co-single-service-1 p { margin: 0; } .co-service-section-2 {} .co2-service-title { padding: 225px 100px; -webkit-background-size: cover; background-size: cover; } .co2-service-title::before { background-color: #000; content: ""; height: 100%; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%; z-index: 1; } .co2-service-title .co-section-title-2 { display: inline-block; max-width: 460px; position: relative; z-index: 9; } .co-service-wrapper-2 { padding: 126px 50px; } .co-single-service-2 { margin: 30px 0; padding-left: 25px; padding-right: 25px; } .co-single-service-2 .icon { color: #3e3e3e; float: left; margin-right: 30px; } .co-single-service-2 .icon i { display: block; font-size: 36px; } .co-single-service-2 .content {} .co-single-service-2 .content h3 { font-weight: 300; line-height: 1; margin-bottom: 20px; } .co-single-service-2 .content p { line-height: 24px; margin: 0; } .co-service-section-3 { -webkit-box-shadow: 0 10px 24px rgba(19, 194, 254, 0.1); box-shadow: 0 10px 24px rgba(19, 194, 254, 0.1); } .co-single-service-3 { float: left; height: 387px; padding: 115px 50px; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 20%; } .co-single-service-3 + .co-single-service-3 { border-left: 1px solid #f5f5f5; } .co-single-service-3:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(#04bffe), to(#4481eb)); background-image: -o-linear-gradient(top, #04bffe 0%, #4481eb 100%); background-image: linear-gradient(to bottom, #04bffe 0%, #4481eb 100%); padding: 60px 50px; } .co-single-service-3 .icon { background-color: #ffffff; border-radius: 50%; -webkit-box-shadow: 0 0 30px rgba(66, 66, 66, 0.1); box-shadow: 0 0 30px rgba(66, 66, 66, 0.1); color: #464646; display: inline-block; height: 90px; margin-bottom: 34px; width: 90px; } .co-single-service-3:hover .icon { -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.4); box-shadow: 0 5px 7px rgba(0, 0, 0, 0.4); } .co-single-service-3 .icon i { display: block; font-size: 32px; line-height: 90px; } .co-single-service-3 .content { height: 32px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .co-single-service-3:hover .content { height: 142px; } .co-single-service-3 .content h3 { font-size: 24px; font-weight: 300; line-height: 28px; margin: 0; } .co-single-service-3:hover .content h3 { color: #fff; } .co-single-service-3 .content p { color: #fff; line-height: 29px; margin: 27px 0 0; } .co-service-section-4 {} .co-service-wrapper-4 { -webkit-box-shadow: 0 0 30px rgba(19, 194, 254, 0.15); box-shadow: 0 0 30px rgba(19, 194, 254, 0.15); padding: 100px; float: left; width: 100%; } .co-single-service-4 { margin: 40px 0; } .co-single-service-4 .icon { color: #3e3e3e; float: left; margin-right: 30px; } .co-single-service-4 .icon i { display: block; font-size: 36px; } .co-single-service-4:hover .icon i { color: #04bffe; } .co-single-service-4 .content {} .co-single-service-4 .content h3 { font-weight: 300; line-height: 1; margin-bottom: 25px; } .co-single-service-4 .content p { line-height: 24px; margin: 0; } .co-service-section-5 {} .service-image-5 {} .service-image-5 img{} .co-single-service-5 {} .co-single-service-5 + .co-single-service-5 { margin-top: 55px; } .co-single-service-5 h3 { font-weight: 300; line-height: 1; margin-bottom: 20px; } .co-single-service-5 p { line-height: 24px; margin: 0; } .co-about-section-1 {} .co-about-image-1 {} .co-about-image-1 img { max-width: none; } .co-about-content-1 { margin-top: 55px; } .co-about-content-1 h1 { margin-bottom: 36px; } .co-about-content-1 p { margin-bottom: 29px; } .co-about-content-1 a.btn { margin-top: 23px; } .co-about-section-2 {} .co-about-image-2 {} .co-about-image-2 img { max-width: none; } .co-about-content-2 {} .co-about-content-2 h1 { margin-bottom: 24px; } .co-about-content-2 h4 { font-size: 20px; font-weight: 300; letter-spacing: 0.5px; line-height: 35px; margin-bottom: 34px; } .co-about-content-2 p { margin-bottom: 29px; } .co-about-content-2 a { margin-top: 14px; } .co-about-section-3 {} .co-about-image-3 {} .co-about-image-3 img {} .co-about-content-3 { margin-top: 50px; } .co-about-content-3 h4 { font-size: 20px; font-weight: 700; letter-spacing: 1.5px; line-height: 16px; margin-bottom: 32px; text-transform: uppercase; } .co-about-content-3 p { line-height: 29px; margin-bottom: 26px; } .co-about-content-3 a { color: #3e3e3e; display: inline-block; vertical-align: top; } .co-about-content-3 a i { border: 1px solid #5f5f5f; border-radius: 50%; display: block; float: left; font-size: 24px; height: 33px; line-height: 31px; margin-right: 20px; padding-left: 5px; text-align: center; width: 33px; } .co-about-content-3 a span { display: block; float: left; font-size: 16px; font-weight: 600; line-height: 33px; text-transform: uppercase; } .co-about-content-3 a:hover { color: #4481eb; } .co-about-content-3 a:hover i { border-color: #4481eb; } .co-about-section-4 {} .co-about-image-4 {} .co-about-image-4 img {} .co-about-content-4 {} .co-about-content-4 h4 { font-size: 20px; font-weight: 700; letter-spacing: 1.5px; line-height: 16px; margin-bottom: 30px; text-transform: uppercase; } .co-about-content-4 p { line-height: 29px; margin-bottom: 26px; } .co3-skill-section { background-color: #fff; padding: 25px 0; } .co3-skill-title { -webkit-background-size: cover; background-size: cover; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; left: 0; padding: 225px 100px; position: absolute; top: 0; } .co3-skill-title::before { background-color: #000; content: ""; height: 100%; left: 0; opacity: 0.6; position: absolute; top: 0; width: 100%; z-index: 1; } .co3-skill-title .co-section-title-3 { display: inline-block; margin: auto; max-width: 460px; position: relative; z-index: 9; } .co3-skill-wrapper { background-color: #fff; -webkit-box-shadow: 0 10px 24px rgba(19, 194, 254, 0.1); box-shadow: 0 10px 24px rgba(19, 194, 254, 0.1); display: block; margin: 0 -15px 0 -120px; padding: 140px 240px; position: relative; z-index: 9; } .co3-skill-name { color: #999999; font-size: 12px; font-weight: 600; line-height: 10px; margin-bottom: 13px; text-transform: uppercase; } .co3-skill-bar { background-color: #eeeeee; display: block; height: 7px; margin-bottom: 50px; width: 100%; } .co3-skill-bar:last-child { margin-bottom: 0; } .co3-skill-bar .skill-inner { background-color: #3e3e3e; height: 100%; position: relative; } .co3-skill-bar .skill-inner span { color: #4481eb; font-size: 14px; font-weight: 600; line-height: 14px; position: absolute; right: 0; top: -25px; } .co-process-section-3 {} .co-single-process-3 { background-color: #fff; -webkit-box-shadow: 0 10px 24px rgba(19, 194, 254, 0.1); box-shadow: 0 10px 24px rgba(19, 194, 254, 0.1); padding: 40px 50px; } .co-single-process-3 .number { color: #4481eb; display: block; font-size: 30px; font-weight: 800; line-height: 24px; position: relative; z-index: 2; } .co-single-process-3:hover .number { opacity: 0; } .co-single-process-3 .title { font-size: 20px; line-height: 28px; margin-bottom: 16px; margin-top: 31px; position: relative; text-transform: capitalize; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 1; } .co-single-process-3:hover .title { margin-bottom: 21px; margin-top: 26px; color: #4481eb; } .co-single-process-3 .title i { color: #eeeeee; font-size: 110px; left: 50%; line-height: 1; margin-top: -15px; opacity: 0; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: -1; } .co-single-process-3:hover .title i { margin-top: 0; opacity: 1; } .co-single-process-3 p { line-height: 29px; position: relative; z-index: 2; } .co-portfolio-Section-1 {} .co-isotop-filter-1 {} .co-isotop-filter-1 button { background-color: transparent; border: medium none; border-radius: 5px; color: #999999; display: inline-block; font-size: 13px; font-weight: 600; height: 33px; letter-spacing: 0.4px; line-height: 23px; margin: 0 3px 5px; padding: 5px 17px; text-transform: uppercase; vertical-align: top; } .co-isotop-filter-1 button.active { background-image: -webkit-gradient(linear, left top, left bottom, from(#04bffe), to(#4481eb)); background-image: -o-linear-gradient(top, #04bffe 0%, #4481eb 100%); background-image: linear-gradient(to bottom, #04bffe 0%, #4481eb 100%); color: #ffffff; } .co-isotop-grid-1 {} .co-isotop-item-1 {} .co-isotop-item-1 a { -webkit-box-shadow: 0 0 50px rgba(66, 66, 66, 0.15); box-shadow: 0 0 50px rgba(66, 66, 66, 0.15); display: block; position: relative; text-align: center; } .co-isotop-item-1 a::before { background-image: -webkit-gradient(linear, left top, left bottom, from(#04bffe), to(#4481eb)); background-image: -o-linear-gradient(top, #04bffe 0%, #4481eb 100%); background-image: linear-gradient(to bottom, #04bffe 0%, #4481eb 100%); content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .co-isotop-item-1 a:hover::before { opacity: 0.9; } .co-isotop-item-1 a img { width: 100%; } .co-isotop-item-1 a .content { left: 50%; opacity: 0; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 9; } .co-isotop-item-1 a:hover .content { opacity: 1; } .co-isotop-item-1 a .content i { color: #ffffff; display: block; font-size: 30px; margin-bottom: 50px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .co-isotop-item-1 a:hover .content i { margin-bottom: 22px; } .co-isotop-item-1 a .content .title { color: #ffffff; display: block; font-size: 18px; line-height: 28px; } .co-portfolio-Section-2 {} .co-isotop-filter-2 { position: absolute; right: 15px; top: -115px; z-index: 9; } .co-isotop-filter-2 button { background-color: transparent; border: medium none; border-radius: 5px; color: #999999; display: inline-block; font-size: 13px; font-weight: 600; height: 33px; letter-spacing: 0.4px; line-height: 23px; margin: 0 0 5px; padding: 5px 17px; text-transform: uppercase; vertical-align: top; } .co-isotop-filter-2 button.active { background-image: -webkit-gradient(linear, left top, left bottom, from(#04bffe), to(#4481eb)); background-image: -o-linear-gradient(top, #04bffe 0%, #4481eb 100%); background-image: linear-gradient(to bottom, #04bffe 0%, #4481eb 100%); color: #ffffff; } .co-isotop-grid-2 {} .co-isotop-item-2 { padding: 0; } .co-isotop-item-2 a { -webkit-box-shadow: 0 0 50px rgba(66, 66, 66, 0.15); box-shadow: 0 0 50px rgba(66, 66, 66, 0.15); display: block; position: relative; text-align: center; } .co-isotop-item-2 a::before { background-image: -webkit-gradient(linear, left top, left bottom, from(#04bffe), to(#4481eb)); background-image: -o-linear-gradient(top, #04bffe 0%, #4481eb 100%); background-image: linear-gradient(to bottom, #04bffe 0%, #4481eb 100%); content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .co-isotop-item-2 a:hover::before { opacity: 0.9; } .co-isotop-item-2 a img { width: 100%; } .co-isotop-item-2 a .title { color: #ffffff; display: block; font-size: 18px; font-weight: 600; left: 0; letter-spacing: 1px; line-height: 28px; margin-top: 15px; opacity: 0; padding: 0 15px; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .co-isotop-item-2 a:hover .title { margin-top: 0; opacity: 1; } .co-isotop-item-2 a .category { bottom: 23px; color: #ffffff; display: block; font-size: 14px; font-weight: 600; left: 50%; letter-spacing: 2px; line-height: 24px; opacity: 0; position: absolute; text-transform: uppercase; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 9; } .co-isotop-item-2 a:hover .category { opacity: 1; } .co-portfolio-details {} .co-portfolio-details-slider { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); padding: 15px; position: relative; } .co-portfolio-details-slider .item {} .co-portfolio-details-slider .item img { width: 100%; } .co-portfolio-details-slider .slick-arrow { background-color: transparent; border: 1px solid #ffffff; border-radius: 50%; color: #fff; display: block; height: 60px; margin-top: -30px; position: absolute; top: 50%; width: 60px; z-index: 9; } .co-portfolio-details-slider .slick-arrow i { display: block; font-size: 24px; line-height: 58px; } .co-portfolio-details-slider .slick-arrow:hover { background-color: #4a8bec; border-color: #4a8bec; } .co-portfolio-details-slider .slick-prev { left: 50px; } .co-portfolio-details-slider .slick-next { right: 50px; } .co-portfolio-details-content {} .co-portfolio-details-content .title { font-size: 20px; font-weight: 700; letter-spacing: 1.5px; margin-bottom: 32px; text-transform: uppercase; } .co-portfolio-details-content p { margin-bottom: 29px; } .co-portfolio-details-content p:last-child { margin-bottom: 0; } .co-portfolio-details-meta { border-bottom: 1px solid #f3f3f3; border-top: 1px solid #f3f3f3; display: block; float: left; margin-top: 40px; padding: 15px 0; width: 100%; } .co-portfolio-details-meta li { display: block; float: left; line-height: 33px; margin: 4px 0; position: relative; width: 20%; } .co-portfolio-details-meta li span { color: #3e3e3e; margin-right: 10px; } .co-portfolio-details-meta li > a { color: #558aec; font-weight: 600; } .co-portfolio-details-meta li .social { margin-top: 20px; } .co-portfolio-details-meta li .social a { border-radius: 50px; color: #ffffff; display: block; float: left; height: 33px; margin-right: 10px; padding: 5px 0; text-align: center; width: 33px; } .co-portfolio-details-meta li .social a:last-child { margin: 0; } .co-portfolio-details-meta li .social a i { display: block; font-size: 14px; line-height: 23px; } .co-portfolio-details-meta li .social a.facebook { background-color: #3b5998; } .co-portfolio-details-meta li .social a.twitter { background-color: #1da1f2; } .co-portfolio-details-meta li .social a.vimeo { background-color: #86c9ef; } .co-portfolio-details-meta li .social a.dribbble { background-color: #ea4c89; } .co-funfact-section-1 {} .co-single-fact-1 {} .co-single-fact-1 i { color: #f4f4f4; display: block; font-size: 36px; line-height: 38px; margin-bottom: 25px; } .co-single-fact-1 h1 { color: #f4f4f4; font-size: 36px; line-height: 28px; margin-bottom: 30px; } .co-single-fact-1 p { color: #eeeeee; font-size: 13px; line-height: 1; margin: 0; text-transform: uppercase; } .co3-funfact-section { background-color: #0f0f0f; padding-bottom: 225px; } .co-testimonial-section-1 { -webkit-background-size: cover; background-size: cover; } .co-testimonial-slider { margin: 0 -30px; } .co-single-testimonial-1 {} .co-single-testimonial-1 h3 { color: #ffffff; line-height: 24px; margin-bottom: 42px; } .co-single-testimonial-1 p { color: #dddddd; font-size: 18px; font-style: italic; line-height: 32px; margin-bottom: 45px; margin-top: 0; } .co-single-testimonial-1 img { display: inline-block; vertical-align: top; } .co-testimonial-section-2 {} .co-testimonial-wrapper-2 { background-color: #fff; -webkit-box-shadow: 0 10px 24px rgba(19, 194, 254, 0.1); box-shadow: 0 10px 24px rgba(19, 194, 254, 0.1); margin-top: -125px; position: relative; z-index: 99; } .co-single-testimonial-2 { background-color: #fff; border: 1px solid #f5f5f5; padding: 45px 45px 50px; position: relative; } .co-single-testimonial-2::before { background-image: -webkit-gradient(linear, right top, left top, from(#04bffe), to(#4481eb)); background-image: -o-linear-gradient(right, #04bffe 0%, #4481eb 100%); background-image: linear-gradient(to left, #04bffe 0%, #4481eb 100%); content: ""; height: 3px; left: -1px; position: absolute; right: -1px; top: -1px; } .co-single-testimonial-2 p { font-size: 20px; font-style: italic; font-weight: 300; line-height: 30px; margin-bottom: 38px; } .co-testimonial-author-info-2 { display: inline-block; text-align: left; } .co-testimonial-author-info-2 img { border-radius: 50px; display: block; float: left; margin-right: 20px; overflow: hidden; width: 65px; } .co-testimonial-author-info-2 h5 { color: #333; display: block; font-size: 14px; font-weight: 600; margin-bottom: 5px; margin-top: 12px; overflow: hidden; text-transform: uppercase; } .co-testimonial-author-info-2 span { display: block; font-size: 14px; line-height: 20px; overflow: hidden; } .co3-feature-project-section {} .co3-feature-project-image {} .co3-feature-project-image img { width: 100%; } .co3-feature-project-content { margin-top: 50px; } .co3-feature-project-content h4 { font-size: 20px; font-weight: 700; letter-spacing: 1.5px; margin-bottom: 40px; text-transform: uppercase; } .co3-feature-project-content p { line-height: 29px; margin-bottom: 30px; } .co3-feature-project-content p:last-child { margin-bottom: 0; } .co-mission-section-1 {} .co-mission-section-1 > img { left: -155px; position: absolute; } .co-mission-wrapper-1 { margin-top: 110px; margin-bottom: 80px; } .co-tab-list-1 { float: left; margin-bottom: 60px; width: 100%; } .co-tab-list-1.tab-three li { display: block; float: left; padding: 0 3px; text-align: center; width: 33.33%; } .co-tab-list-1.tab-three li { width: 33.33%; } .co-tab-list-1 li a { background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 10px 24px rgba(19, 194, 254, 0.1); box-shadow: 0 10px 24px rgba(19, 194, 254, 0.1); color: #3e3e3e; display: block; font-size: 16px; height: 60px; letter-spacing: 0.6px; line-height: 28px; padding: 16px 30px; text-transform: uppercase; } .co-tab-list-1 li.active a { -webkit-text-fill-color: transparent; background: rgba(0, 0, 0, 0) -webkit-gradient(45deg, #4481eb 0%, #04bffe 100%) repeat scroll 0 0; background: rgba(0, 0, 0, 0) -o-linear-gradient(45deg, #4481eb 0%, #04bffe 100%) repeat scroll 0 0; background: rgba(0, 0, 0, 0) linear-gradient(45deg, #4481eb 0%, #04bffe 100%) repeat scroll 0 0; -webkit-background-clip: text; background-clip: text; } .co-tab-content-1 { float: left; width: 100%; } .co-tab-pane-1 {} .co-tab-pane-1 p { margin-bottom: 33px; } .co-tab-pane-1 p:last-child { margin-bottom: 0px; } .co-cta-section-1 { -webkit-box-shadow: 0 10px 20px rgba(59, 155, 242, 0.45); box-shadow: 0 10px 20px rgba(59, 155, 242, 0.45); position: relative; z-index: 2; } .co-cta-wrapper-1-1 {} .co-cta-wrapper-1 h3 { color: #ffffff; float: left; font-size: 26px; font-weight: 700; margin: 7px 0 0; text-transform: uppercase; } .co-cta-wrapper-1 a.btn { float: right; } .co-pricing-section-1 {} .co-single-pricing-1 { background-color: #fff; border: 1px solid #f1f1f1; display: block; float: left; margin: 39px 0; max-width: 328px; text-align: center; width: 100%; } .co-single-pricing-1.active { border: medium none; -webkit-box-shadow: 0 0 100px rgba(66, 66, 66, 0.15); box-shadow: 0 0 100px rgba(66, 66, 66, 0.15); margin-bottom: 0; margin-left: 30px; margin-top: 0; max-width: 370px; } .co-pricing-price-1 { border-bottom: 1px solid #f8f8f8; display: block; font-size: 48px; font-weight: 300; line-height: 50px; margin: 0; padding: 35px 30px; } .co-pricing-package-name-1 { border-bottom: 1px solid #f8f8f8; font-size: 16px; letter-spacing: 1.5px; line-height: 22px; margin: 0; padding: 20px 15px; text-transform: uppercase; } .active .co-pricing-package-name-1 { -webkit-text-fill-color: transparent; background: rgba(0, 0, 0, 0) -webkit-gradient(45deg, #4481eb 0%, #04bffe 100%) repeat scroll 0 0; background: rgba(0, 0, 0, 0) -o-linear-gradient(45deg, #4481eb 0%, #04bffe 100%) repeat scroll 0 0; background: rgba(0, 0, 0, 0) linear-gradient(45deg, #4481eb 0%, #04bffe 100%) repeat scroll 0 0; -webkit-background-clip: text; background-clip: text; } .co-pricing-options-1 { padding: 32px 15px; } .co-pricing-options-1 li { margin-bottom: 14px; } .co-pricing-options-1 li:last-child { margin-bottom: 0; } .co-pricing-btn-1 { margin-bottom: 40px; -webkit-transition: background 0.3s ease 0s, color 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s; transition: background 0.3s ease 0s, color 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s, background 0.3s ease 0s, color 0.3s ease 0s; transition: box-shadow 0.3s ease 0s, background 0.3s ease 0s, color 0.3s ease 0s; transition: box-shadow 0.3s ease 0s, background 0.3s ease 0s, color 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s; } .active .co-pricing-btn-1, .co-pricing-btn-1:hover { -webkit-box-shadow: 0 10px 20px rgba(59, 155, 242, 0.45); box-shadow: 0 10px 20px rgba(59, 155, 242, 0.45); } .co-blog-section-1 {} .co-blog-item-1 { display: block; position: relative; z-index: 1; } .co-blog-item-1::before { background: rgba(0, 0, 0, 0) -webkit-gradient(45deg, #4f88ec 0%, #13c3fe 100%) repeat scroll 0 0; background: rgba(0, 0, 0, 0) -o-linear-gradient(45deg, #4f88ec 0%, #13c3fe 100%) repeat scroll 0 0; background: rgba(0, 0, 0, 0) linear-gradient(45deg, #4f88ec 0%, #13c3fe 100%) repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%; } .co-blog-item-1 img { width: 100%; } .co-blog-content-1 { left: 0; position: absolute; bottom: 0; z-index: 5; } .co-blog-content-1 h3 { border-bottom: 1px solid rgba(255, 255, 255, 0.1); line-height: 32px; margin: 0; padding: 25px 110px 20px 40px; } .co-blog-content-1 h3 a {} .co-blog-content-1 h3 a:hover { opacity: 0.85; } .co-blog-meta-1 { float: left; padding: 20px 40px; width: 100%; } .co-blog-meta-1 li { border-right: 1px solid rgba(255, 255, 255, 0.3); display: block; float: left; line-height: 18px; margin-right: 17px; padding-right: 23px; } .co-blog-meta-1 li:last-child { border-right: 0px solid rgba(255, 255, 255, 0.3); margin-right: 0; padding-right: 0; } .co-blog-meta-1 li a { color: inherit; } .co-blog-meta-1 li a:hover { opacity: 0.85; } .co-blog { border-bottom: 1px solid #f1f1f1; margin-bottom: 60px; padding-bottom: 60px; } .co-single-blog { border-bottom: 0 none; margin-bottom: 0; padding-bottom: 0; } .co-blog-media { background-color: #ffffff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); padding: 15px; } .co-blog-media img { width: 100%; } .co-blog-content { overflow: hidden; } .co-blog-content .category { color: #999999; display: inline-block; font-size: 14px; line-height: 24px; margin-bottom: 11px; } .co-blog-content .category:hover { color: #4481eb; } .co-blog-content .title { font-size: 20px; font-weight: 700; margin-bottom: 15px; } .co-blog-content .title a { display: block; } .co-blog-content .title a:hover { color: #4481eb; } .co-blog-content p {} .co-blog-content > img { margin-bottom: 20px; margin-top: 10px; max-width: 100%; } .co-blog-content .co-blog-meta { float: left; width: 100%; } .co-blog-content .co-single-blog-meta { margin-bottom: 22px; margin-top: 5px; } .co-blog-content .co-blog-meta .author { color: #999999; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; line-height: 20px; text-transform: capitalize; } .co-blog-content .co-blog-meta .author:hover { color: #4481eb; } .co-blog-content .co-blog-meta .author img { border-radius: 50%; display: block; float: left; height: 50px; margin-right: 11px; width: 50px; } .co-blog-content .co-blog-meta .author span { display: block; float: left; padding: 15px 0; } .co-blog-content .co-blog-meta .date-comment { margin: 10px 0; } .co-blog-content .co-blog-meta .date-comment span, .co-blog-content .co-blog-meta .date-comment a { color: #999999; display: block; float: left; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; line-height: 20px; margin-bottom: 5px; margin-left: 20px; margin-top: 5px; padding-left: 21px; position: relative; text-transform: capitalize; } .co-blog-content .co-blog-meta .date-comment span::before, .co-blog-content .co-blog-meta .date-comment a::before { background-color: #cccccc; content: ""; height: 10px; left: 0; position: absolute; top: 5px; width: 1px; } .co-blog-content .co-single-blog-meta .date-comment span { margin-left: 0; padding-left: 0; } .co-blog-content .co-single-blog-meta .date-comment span::before { display: none; } .co-blog-content .co-blog-meta .date-comment span {} .co-blog-content .co-blog-meta .date-comment a {} .co-blog-content .co-blog-meta .date-comment a:hover { color: #4481eb; } .co-blog-content .co-blog-meta .button { margin: 5px 0; } .co-blog-content .co-blog-meta .button .btn {} .co-blog-share { margin-top: 40px; } .co-blog-share .social {} .co-blog-share .social h5 { color: #999999; float: left; line-height: 33px; margin-bottom: 0; margin-right: 20px; } .co-blog-share .social a { border-radius: 50px; color: #ffffff; display: block; float: left; height: 33px; margin-right: 10px; padding: 5px 0; text-align: center; width: 33px; } .co-blog-share .social a:last-child { margin-right: 0; } .co-blog-share .social a i { display: block; font-size: 14px; line-height: 23px; } .co-blog-share .social a.facebook { background-color: #3b5998; } .co-blog-share .social a.twitter { background-color: #1da1f2; } .co-blog-share .social a.vimeo { background-color: #86c9ef; } .co-blog-share .social a.dribbble { background-color: #ea4c89; } .co-author-bio { background-color: #f7f7f7; padding: 40px; margin-top: 60px; } .co-author-bio .image { width: 88px; margin-right: 20px; border-radius: 50%; overflow: hidden; } .co-author-bio .image img { width: 100%; } .co-author-bio .content {} .co-author-bio .content h5 { font-size: 16px; font-weight: 700; margin-bottom: 8px; } .co-author-bio .content p {} .co-author-bio .content .author-social {} .co-author-bio .content .author-social a { color: #999999; display: block; float: left; margin-right: 20px; } .co-author-bio .content .author-social a i { display: block; font-size: 18px; line-height: 20px; } .co-author-bio .content .author-social a:hover { color: #4481eb; } .co-comment-wrapper { margin-top: 80px; } .co-comment-wrapper .comment-title { font-size: 20px; font-weight: 700; line-height: 1; margin-bottom: 38px; } .co-comment-form { margin-bottom: 75px; } .co-comment-form input[type="text"], .co-comment-form input[type="email"] { border: 1px solid #eeeeee; width: 100%; height: 40px; line-height: 24px; font-size: 14px; padding: 7px 15px; } .co-comment-form textarea { border: 1px solid #eeeeee; width: 100%; height: 120px; line-height: 24px; font-size: 14px; padding: 7px 15px; } .co-comment-form input[type="submit"] { background-color: #eeeeee; border: 1px solid #eeeeee; color: #3e3e3e; display: block; font-size: 14px; font-weight: 600; height: 40px; line-height: 24px; padding: 7px 30px; text-transform: uppercase; width: 100%; } .co-comment-form input[type="submit"]:hover { background-image: -webkit-gradient(45deg, #4481eb 0%, #04bffe 100%); background-image: -o-linear-gradient(45deg, #4481eb 0%, #04bffe 100%); background-image: linear-gradient(45deg, #4481eb 0%, #04bffe 100%); border-color: transparent; color: #ffffff; } .co-comment-list {} .co-comment-list li {} .co-comment-list li .child-comment { padding-left: 100px; } .co-comment-list li .child-comment li {} .co-single-comment { border-bottom: 1px solid #f1f1f1; margin-bottom: 30px; padding-bottom: 24px; } .co-single-comment .image { border-radius: 50%; margin-right: 20px; overflow: hidden; width: 88px; } .co-single-comment .image img { width: 100%; } .co-single-comment .content {} .co-single-comment .content .head { float: left; } .co-single-comment .content .head h5 { font-size: 14px; font-weight: 700; margin-bottom: 6px; text-transform: capitalize; } .co-single-comment .content .head span { display: block; font-size: 14px; letter-spacing: 0.5px; line-height: 16px; } .co-single-comment .content .reply { color: #3e3e3e; float: right; line-height: 24px; padding: 0 5px; } .co-single-comment .content .reply i {} .co-single-comment .content .reply:hover { color: #4481eb; } .co-single-comment .content p { float: left; margin-top: 7px; width: 100%; } .co-blog-sidebar { margin-bottom: 60px; } .co-blog-sidebar .sidebar-title { font-size: 16px; font-weight: 700; margin-bottom: 30px; text-transform: capitalize; } .sidebar-search-form { position: relative; } .sidebar-search-form input { border: 1px solid #f1f1f1; height: 42px; line-height: 24px; padding: 8px 20px; width: 100%; } .sidebar-search-form button { background-color: transparent; border: medium none; color: #3e3e3e; height: 42px; padding: 0; padding: 0; position: absolute; right: 0; top: 0; width: 52px; } .sidebar-search-form button i { display: block; font-size: 18px; line-height: 42px; } .sidebar-search-form button:hover { color: #4481eb; } .co-blog-sidebar ul {} .co-blog-sidebar ul li { margin-bottom: 11px; padding-bottom: 11px; border-bottom: 1px solid #f1f1f1; } .co-blog-sidebar ul li:last-child { margin-bottom: 0; } .co-blog-sidebar ul li a { color: #999999; font-size: 14px; } .co-blog-sidebar ul li a:hover { color: #4481eb; } .co-sidebar-post { margin-bottom: 20px; border-bottom: 1px solid #f1f1f1; padding-bottom: 20px; } .co-sidebar-post:last-child { margin-bottom: 0; } .co-sidebar-post .image { border-radius: 50%; height: 77px; margin-right: 15px; overflow: hidden; width: 77px; } .co-sidebar-post .image img { border-radius: 50%; width: 100%; } .co-sidebar-post .content {} .co-sidebar-post .content .date { display: block; color: #999999; font-size: 14px; line-height: 18px; } .co-sidebar-post .content .title { color: #3e3e3e; display: block; font-size: 16px; font-weight: 400; line-height: 26px; } .co-sidebar-post .content .title:hover { color: #4481eb; } .co-blog-sidebar .tags-cloud { float: left; width: 100%; } .co-blog-sidebar .tags-cloud a { background-color: #f7f7f7; border-radius: 5px; color: #999999; display: block; float: left; font-size: 14px; height: 30px; line-height: 30px; margin-bottom: 10px; margin-right: 10px; padding: 0 15px; text-transform: capitalize; } .co-blog-sidebar .tags-cloud a:hover { background-color: #4481eb; color: #ffffff; } .co-team-section-1 {} .co-single-team-1 { background-color: #fff; border: 1px solid #f1f1f1; border-radius: 5px; padding: 15px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .co-single-team-1:hover { border: 1px solid #ffffff; -webkit-box-shadow: 0 10px 20px rgba(59, 155, 242, 0.1); box-shadow: 0 10px 20px rgba(59, 155, 242, 0.1); } .co-single-team-1 img { border-radius: 5px; width: 100%; } .co-single-team-1 .content { padding-bottom: 18px; padding-top: 34px; } .co-single-team-1 .content h4 { display: block; line-height: 30px; margin-bottom: 0; text-transform: capitalize; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .co-single-team-1:hover .content h4 { color: #04bffe; } .co-single-team-1 .content span { display: block; font-size: 15px; line-height: 28px; } .co-single-team-1 .content .social { padding-top: 18px; } .co-single-team-1 .content .social a { color: #999999; display: inline-block; margin: 0 5px; padding: 0 5px; vertical-align: top; } .co-single-team-1 .content .social a i { display: block; font-size: 24px; line-height: 24px; } .co-single-team-1 .content .social a:hover { color: #04bffe; } .co-team-section-2 {} .co-single-team-2 { position: relative; display: block; } .co-single-team-2::before { background-color: #000000; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .co-single-team-2:hover::before { opacity: 0.7; } .co-single-team-2 img { width: 100%; } .co-single-team-2 .content { bottom: 50px; left: 0; opacity: 0; position: absolute; right: 0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .co-single-team-2:hover .content { bottom: 30px; opacity: 1; } .co-single-team-2 .content h4 { display: block; letter-spacing: 0.5px; line-height: 30px; text-transform: capitalize; font-weight: 700; color: #ffffff; margin: 0; } .co-single-team-2 .content span { color: #ffffff; display: block; font-size: 14px; line-height: 24px; } .co-single-team-2 .content .social { display: inline-block; padding-top: 10px; vertical-align: top; } .co-single-team-2 .content .social a { color: #ffffff; display: block; float: left; margin: 0 5px; padding: 0 2px; vertical-align: top; } .co-single-team-2 .content .social a i { display: block; font-size: 16px; line-height: 16px; } .co-single-team-2 .content .social a:hover { color: #4481eb; } .co-client-section-1 { border-bottom: 1px solid #383838; } .co-client-slider-1 {} .co-client-slider-1 .single-client {} .co-client-slider-1 .single-client img { display: inline-block; float: none; width: auto; } .co3-contact-info-section {} .co3-contact-info { border: 1px solid #f1f1f1; padding: 45px 30px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .co3-contact-info:hover { border: 1px solid transparent; -webkit-box-shadow: 0 10px 24px rgba(19, 194, 254, 0.1); box-shadow: 0 10px 24px rgba(19, 194, 254, 0.1); } .co3-contact-info-inner { display: inline-block; vertical-align: top; text-align: left; } .co3-contact-info-inner .icon { float: left; margin-right: 30px; margin-top: 9px; } .co3-contact-info-inner .icon i { color: #3e3e3e; display: block; font-size: 40px; } .co3-contact-info:hover .co3-contact-info-inner .icon i { color: #4481eb; } .co3-contact-info-inner .details {} .co3-contact-info-inner .details p { line-height: 29px; margin-bottom: 0; } .co3-contact-info-inner .details a { color: #999999; display: block; line-height: 29px; } .co3-contact-info-inner .details a:hover { color: #4481eb; } .co-contact-section {} #co-google-map { width: 100%; height: 350px; } .co-contact-info {} .co-contact-info ul {} .co-contact-info ul li {} .co-contact-info ul li + li { margin-top: 17px; } .co-contact-info ul li span { color: #3e3e3e; } .co-contact-info ul li a { color: inherit; display: inline-block; } .co-contact-info ul li a:hover { color: #4481eb } .co-contact-info .social { margin-top: 20px; } .co-contact-info .social a { border-radius: 50px; color: #ffffff; display: block; float: left; height: 33px; margin-right: 10px; padding: 5px 0; text-align: center; width: 33px; } .co-contact-info .social a i { display: block; font-size: 14px; line-height: 23px; } .co-contact-info .social a.facebook { background-color: #3b5998; } .co-contact-info .social a.twitter { background-color: #1da1f2; } .co-contact-info .social a.vimeo { background-color: #86c9ef; } .co-contact-info .social a.dribbble { background-color: #ea4c89; } .co-contact-form {} .co-contact-form input[type="text"], .co-contact-form input[type="email"] { border: 1px solid #ddd; width: 100%; height: 40px; line-height: 24px; font-size: 14px; padding: 7px 15px; } .co-contact-form textarea { border: 1px solid #ddd; width: 100%; height: 120px; line-height: 24px; font-size: 14px; padding: 7px 15px; } .co-contact-form input[type="submit"] { display: block; border: 1px solid #dddddd; background-color: transparent; height: 40px; text-transform: uppercase; font-size: 14px; padding: 7px 30px; line-height: 24px; } .co-contact-form input[type="submit"]:hover { background-image: -webkit-gradient(45deg, #4481eb 0%, #04bffe 100%); background-image: -o-linear-gradient(45deg, #4481eb 0%, #04bffe 100%); background-image: linear-gradient(45deg, #4481eb 0%, #04bffe 100%); border-color: transparent; color: #ffffff; } .co-footer-section-1 {} .co-footer-widget-1 {} .co-footer-widget-1.widget-contact { padding: 0 70px; } .co-footer-widget-1 .title { color: #eeeeee; font-size: 18px; font-weight: 700; line-height: 14px; margin-bottom: 30px; text-transform: uppercase; } .co-footer-widget-1 img { margin-bottom: 23px; } .co-footer-widget-1 p { color: #dddddd; font-size: 13px; line-height: 23px; } .co-footer-widget-1 ul {} .co-footer-widget-1 ul li { color: #dddddd; font-size: 13px; line-height: 23px; } .co-footer-widget-1 ul li + li { margin-top: 18px; } .co-footer-widget-1 ul li a { color: inherit; display: inline-block; } .co-footer-widget-1 ul li a:hover { color: #4481eb; } .co-footer-widget-1 ul li span { color: #eeeeee; float: left; margin-right: 5px; text-transform: uppercase; } .co-footer-social-1 { margin-top: 12px; } .co-footer-social-1 a { color: #dddddd; display: block; float: left; margin-right: 20px; margin-top: 10px; } .co-footer-social-1 a:hover { color: #4481eb; } .co-footer-social-1 a i { font-size: 30px; line-height: 32px; vertical-align: top; } .co-footer-newsletter-1 { float: left; margin-top: 15px; width: 100%; } .co-footer-newsletter-1 form { position: relative; } .co-footer-newsletter-1 form input[type="email"] { background-color: #3a3a3a; border: medium none; border-radius: 5px; color: #dddddd; font-size: 12px; height: 40px; line-height: 24px; padding: 8px 20px; width: 100%; } .co-footer-newsletter-1 form button.submit { background-color: transparent; border: medium none; color: #dddddd; height: 40px; position: absolute; right: 0; text-align: center; top: 0; width: 60px; } .co-footer-newsletter-1 form button.submit i { display: block; font-size: 25px; line-height: 40px; } .co-footer-newsletter-1 form button.submit:hover { color: #4481eb; } .co-footer-bottom-1 { padding: 16px 0; } .co-copyright-1 {} .co-copyright-1 p { color: #dddddd; display: block; font-size: 13px; letter-spacing: 1px; line-height: 28px; margin: 0; text-transform: uppercase; } .co-copyright-1 p a { color: inherit; } .co-copyright-1 p a:hover { color: #4481eb; } .co-footer-section-2 {} .co-footer-top-2 {} .co-footer-top-2 img { max-width: 100%; margin-bottom: 45px; } .co-footer-social-2 {} .co-footer-social-2 a { color: #999999; display: inline-block; margin: 0 15px 10px; vertical-align: top; } .co-footer-social-2 a:hover { color: #4481eb; } .co-footer-social-2 a i { display: block; font-size: 30px; line-height: 30px; } .co-footer-social-2 a i::before { transition: none; } .co-footer-bottom-2 {} .co-copyright-2 {} .co-copyright-2 p { color: #3e3e3e; font-size: 11px; letter-spacing: 1px; line-height: 24px; margin: 5px 0; text-transform: uppercase; } .co-copyright-2 p a { color: inherit; } .co-copyright-2 p a:hover { color: #4481eb; } .co-footer-menu-2 {} .co-footer-menu-2 nav {} .co-footer-menu-2 nav ul {} .co-footer-menu-2 nav ul li { display: inline-block; } .co-footer-menu-2 nav ul li + li { margin-left: 35px; } .co-footer-menu-2 nav ul li a { color: #3e3e3e; display: block; font-size: 12px; letter-spacing: 0.5px; line-height: 24px; margin: 5px 0; text-transform: uppercase; } .co-footer-menu-2 nav ul li a:hover { color: #4481eb; } .co-footer-section-3 {} .co-footer-widget-3 {} .co-footer-widget-3.widget-contact { padding: 0 70px; } .co-footer-widget-3 img { } .co-footer-widget-3 p { color: #dddddd; font-size: 13px; line-height: 23px; } .co-footer-widget-3 ul {} .co-footer-widget-3 ul li { color: #dddddd; font-size: 13px; line-height: 23px; } .co-footer-widget-3 ul li + li { margin-top: 18px; } .co-footer-widget-3 ul li a { color: inherit; display: inline-block; } .co-footer-widget-3 ul li a:hover { color: #4481eb; } .co-footer-widget-3 ul li span { color: #dddddd; float: left; margin-right: 5px; text-transform: uppercase; } .co-footer-newsletter-3 { float: left; width: 100%; } .co-footer-newsletter-3 form { position: relative; } .co-footer-newsletter-3 form input[type="email"] { width: 75%; height: 40px; height: 40px; border:0; background: transparent; } .co-footer-newsletter-3 form input[type="email"]::-webkit-input-placeholder { -webkit-text-security: none; color: #fff; direction: inherit !important; pointer-events: none !important; text-orientation: inherit !important; writing-mode: inherit !important; } .co-footer-newsletter-3 form button.submit { background-color: transparent; border: medium none; color: #dddddd; height: 40px; position: absolute; right: 15px; text-align: center; top: 0; width: 60px; } .co-footer-newsletter-3 form button.submit i { display: block; font-size: 25px; line-height: 40px; } .co-footer-newsletter-3 form button.submit:hover { color: #4481eb; } .co-footer-contact-form-3 {} .co-footer-contact-form-3 input { background-color: #292929; border: 1px solid #343434; border-radius: 5px; color: #dddddd; font-size: 12px; height: 40px; line-height: 24px; margin-bottom: 20px; padding: 7px 20px; width: 100%; } .co-footer-contact-form-3 textarea { background-color: #292929; border: 1px solid #343434; border-radius: 5px; color: #dddddd; font-size: 12px; height: 80px; line-height: 24px; margin-bottom: 20px; padding: 4px 20px; width: 100%; } .co-footer-contact-form-3 input[type="submit"] { color: #ffffff; letter-spacing: 2px; margin-bottom: 0; text-align: center; text-transform: uppercase; } .co-footer-contact-form-3 input[type="submit"]:hover { color: #4481eb; } .co-footer-bottom-3 { padding: 20px 0; } @media only screen and (min-width: 1171px) and (max-width: 1024px) { .co-page-banner { padding: 120px 0; } .co-hero-slider-1 .slick-arrow { margin-top: -30px; } .co-hero-slide-item-1 { padding: 200px 0; } .co-service-wrapper-1 { margin-top: 0; } .co-single-service-1 { padding: 100px 70px; } .co-about-image-1 img { max-width: 100%; } .co-mission-section-1 > img { width: 750px; } .co-mission-wrapper-1 { margin-bottom: 50px; margin-top: 50px; } .co-hero-slide-item-2 { padding: 300px 0 270px; } .co-service-wrapper-2 { padding: 106px 35px; } .co-single-service-2 .icon { margin-right: 20px; } .co-single-service-2 .content h3 { font-size: 20px; } .co-single-service-2 .content p { font-size: 14px; } .co-hero-slide-item-3 { padding: 100px 0 100px; } .co-single-service-3 { padding: 115px 30px; } .co-single-service-3:hover { padding: 60px 30px; } .co-single-service-3 .content h3 { font-size: 20px; } .co3-skill-title .co-section-title-3 { max-width: 400px; } .co3-skill-wrapper { padding: 140px; } } @media only screen and (min-width: 992px) and (max-width: 1169px) { .header-border{ padding: 0 10px 0px 10px; margin-bottom: -130px; } .elementor-element-16f7ce2 { padding: 150px 50px 150px 50px; } .co-page-banner-section::before, .co-page-banner-section::after { font-size: 100px; } .co-page-banner-section::after { line-height: 75px; } .co-page-banner { padding: 120px 0; } .co-hero-slider-1 .slick-arrow { margin-top: -30px; } .co-hero-slide-item-1 { padding: 200px 0; } .co-service-wrapper-1 { margin-top: 0; } .co-single-service-1 { padding: 70px 40px; } .co-single-service-1 h3 { font-size: 22px; } .co-about-image-1 img { width: 100%; } .co-about-content-1 { margin-top: 0; } .co-mission-section-1 > img { left: -250px; width: 750px; } .co-mission-wrapper-1 { margin-bottom: 0; margin-top: 0; } .co-single-pricing-1 { max-width: 280px; } .co-single-pricing-1.active { max-width: 300px; } .co-footer-widget-1.widget-contact { padding: 0 30px; } .co-hero-slide-item-2 { padding: 300px 0 270px; } .co-hero-slide-content-2 h1 { font-size: 60px; margin-bottom: 30px; } .co-hero-slide-content-2 h3 { font-size: 18px; } .co-about-image-2 img { width: 100%; } .co2-service-title { padding: 100px; } .co-service-wrapper-2 { padding: 100px 50px; } .co-hero-slide-item-3 { padding: 280px 0 250px; } .co-hero-slide-content-3 h1 { font-size: 27px; } .co-single-service-3 { border-bottom: 1px solid #f5f5f5; width: 33.33%; } .co-single-service-3:last-child { border-right: 1px solid #f5f5f5; } .co3-skill-section { padding: 0; } .co3-skill-title { padding: 150px 100px; position: static; } .co3-skill-title .co-section-title-3 { text-align: center; } .co3-skill-wrapper { margin: 0 -15px; padding: 150px; } .co-footer-widget-3.widget-contact { padding: 0; } .co-portfolio-details-meta li { width: 33%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-section { z-index: 9999; margin-bottom: -190px; } .margin-top-15{ margin-top:22px; } .margin-top-10{ margin-top:10px; } .margin-top{ margin-top:5px; } .widget-container2{ max-width:315px; margin:0 auto; } .elementor-size2{ max-width:130px; margin:0 auto; } .elementor-button-wrapper{ margin-bottom: 30px; } .elementor-heading-title, .elementor-heading-title a, .elementor-widget-container p { text-align:center; } .co-service-wrapper-4 { padding: 60px; } .co-single-service-4 .content h3 { font-size: 22px; } .co-page-banner-section::before, .co-page-banner-section::after { font-size: 80px; } .co-page-banner-section::after { line-height: 65px; } .co-page-banner { padding: 100px 0; } .co-page-banner h1 { font-size: 50px; } .co-hero-slider-1 .slick-arrow { margin-top: -30px; } .co-hero-slider-1 .slick-prev { left: 0; } .co-hero-slider-1 .slick-next { right: 0; } .co-hero-slide-item-1 { padding: 180px 0; } .co-hero-slide-content-1 h1 { font-size: 40px; } .co-service-wrapper-1 { margin-top: 0; } .co-single-service-1 { border-right: 0 solid transparent; border-top: 1px solid #f2f2f2; padding: 80px 100px; } .co-about-image-1 img { max-width: 100%; } .co-about-content-1 { margin-top: 10px; } .co-testimonial-slider-1 { margin: 0; } .co-mission-section-1 > img { padding: 0 50px; position: static; } .co-mission-wrapper-1 { margin-bottom: 0; margin-top: 40px; } .co-cta-wrapper-1 { text-align: center; } .co-cta-wrapper-1 h3 { float: none; } .co-cta-wrapper-1 a.btn { display: inline-block; float: none; margin-top: 30px; } .co-section-title-1.title-left { margin-bottom: 80px; margin-top: 0; text-align: center; } .co-single-pricing-1.active { max-width: 350px; } .co-blog-content-1 h3 { font-size: 18px; line-height: 26px; padding: 15px 30px 10px; } .co-blog-meta-1 li { font-size: 14px; margin-right: 10px; padding-right: 10px; } .co-footer-widget-1.widget-contact { padding: 0; } .co-footer-section-1 .row > .col-sm-6:nth-child(2n+1) { clear: both; } .co-hero-slide-item-2 { padding: 250px 0 220px; } .co-hero-slide-content-2 h1 { font-size: 50px; margin-bottom: 30px; } .co-hero-slide-content-2 h3 { font-size: 18px; } .co-about-image-2 img { width: 100%; } .co2-service-title { padding: 100px; } .co-service-wrapper-2 { padding: 100px 50px; } .co-hero-slide-item-3 { padding: 160px 0 160px; } .co-hero-slide-content-3 h1 { font-size: 30px; text-align: center; } .co-hero-slide-content-3 h3 { font-size: 16px; } .co-about-content-3 { margin-top: 20px; } .co-single-service-3 { border-bottom: 1px solid #f5f5f5; width: 50%; } .co-single-service-3:last-child { border-right: 1px solid #f5f5f5; } .co-isotop-filter-2 { margin-bottom: 40px; position: static; } .co3-skill-section { padding: 0; } .co3-skill-title { padding: 100px; position: static; } .co3-skill-title .co-section-title-3 { text-align: center; } .co3-skill-wrapper { margin: 0 -15px; padding: 140px; } .co-feature-project-content-3 { margin-top: 0; padding-left: 55px; } .co-footer-widget-3.widget-contact { padding: 0; } .co-copyright-3, .co-footer-social-3 { text-align: center; } .co-portfolio-details-meta li { width: 33%; } } @media only screen and (max-width: 767px) { .co-service-wrapper-4 { padding: 60px; } .co-single-service-4 .content { margin-top: 25px; width: 100%; float: left; } .co-single-service-4 .content h3 { font-size: 22px; } .co-page-banner-section::before, .co-page-banner-section::after { display: none; } .co-page-banner { padding: 50px 0; } .co-page-banner h1 { font-size: 30px; } .co-section-title-1 { margin-bottom: 70px; } .co-section-title-1 h1 { font-size: 30px; } .co-hero-slide-item-1 { padding: 80px 0; } .co-hero-slide-content-1 h1 { font-size: 32px; line-height: 40px; margin-bottom: 30px; } .co-service-wrapper-1 { margin-top: 0; } .co-single-service-1 { border-right: 0 solid transparent; border-top: 1px solid #f2f2f2; padding: 50px; } .co-about-section-1 { padding: 100px 0 60px; } .co-about-image-1 img { width: 100%; } .co-about-content-1 { margin-top: 0; } .co-about-content-1 a.btn { margin-top: 0; } .co-testimonial-section-1 { padding: 100px 0; } .co-testimonial-slider-1 { margin: 0; } .co-mission-section-1 { padding: 100px 0; } .co-mission-section-1 > img { padding: 0 30px; position: static; } .co-mission-wrapper-1 { margin-bottom: 0; margin-top: 40px; } .co-tab-list-1 { margin-bottom: 50px; } .co-tab-list-1.tab-three li { margin-bottom: 10px; width: auto; } .co-tab-list-1 li a { font-size: 12px; height: 40px; padding: 6px 20px; } .co-cta-wrapper-1 { text-align: center; } .co-cta-wrapper-1 h3 { float: none; } .co-cta-wrapper-1 a.btn { display: inline-block; float: none; margin-top: 30px; } .co-pricing-section-1 { padding: 100px 0; } .co-section-title-1.title-left { margin-bottom: 80px; margin-top: 0; text-align: center; } .co-single-pricing-1 { float: none; margin: 0 auto; } .co-single-pricing-1.active { margin: 30px auto 0; } .co-blog-section-1 { padding: 100px 0 70px; } .co-blog-content-1 h3 { padding: 15px 40px 10px; } .co-team-section-1 { padding: 100px 0 70px; } .co-client-section-1 { padding: 50px 0; } .co-footer-section-1 { padding: 100px 0 60px; } .co-footer-widget-1.widget-contact { padding: 0; } .co-section-title-2 h1 { font-size: 30px; } .co-hero-slide-item-2 { padding: 150px 0 100px; } .co-hero-slide-content-2 h1 { font-size: 34px; margin-bottom: 25px; } .co-hero-slide-content-2 h3 { font-size: 12px; line-height: 22px; font-weight: 400; } .co-about-section-2 { padding: 100px 0 60px; } .co-about-image-2 img { width: 100%; } .co-about-content-2 h1 { font-size: 30px; } .co2-service-title { padding: 100px 50px; } .co-service-wrapper-2 { padding: 70px 50px; } .co-portfolio-section-2 { padding: 100px 0 70px; } .co-funfact-section-2 { padding: 100px 0 60px; } .co-footer-top-2 { padding: 100px 0 30px; } .co-copyright-2, .co-footer-menu-2 { float: none; text-align: center; } .co-footer-top-2 img { width: 100px; } .elementor-button { font-family: "Asap Condensed", sans-serif; font-size: 15px; font-weight: 500; color: #FFFFFF; fill: #222831; color: #222831; background-color: #f5c000; border-radius: 5px 5px 5px 5px; padding: 15px 20px 15px 20px; } .elementor-kit-64 { font-family: "Asap Condensed", sans-serif; font-size: 15px; font-weight: 500; color: #FFFFFF; background-color: transparent; border-radius: 5px 5px 5px 5px; padding: 15px 20px 15px 20px; } .elementor-widget-container p{ line-height: 21px; } .co-hero-slide-item-3 { padding: 170px 0 110px; } .co-hero-slide-content-3 h1 { font-size: 27px; margin-bottom: 5px; } .co-hero-slide-content-3 h3 { font-size: 12px; margin-bottom: 5px; line-height: 20px; } .co-about-content-3 { margin-top: 20px; } .co-single-service-3 { border-bottom: 1px solid #f5f5f5; width: 100%; } .co-single-service-3:first-child { border-top: 1px solid #f5f5f5; } .co-single-service-3 { border-left: 0px solid #f5f5f5; } .co-isotop-filter-2 { margin-bottom: 40px; position: static; } .co3-skill-section { padding: 0; } .co3-skill-title { padding: 80px 30px; position: static; } .co3-skill-title .co-section-title-3 { text-align: center; } .co3-skill-wrapper { margin: 0 -15px; padding: 140px 30px; } .co3-funfact-section { padding-bottom: 110px; } .co-testimonial-section-2 { padding-bottom: 0; } .co-testimonial-wrapper-2 { -webkit-box-shadow: none; box-shadow: none; margin-top: 0; } .co3-feature-project-content { margin-top: 0; padding-left: 40px; } .co-footer-widget-3.widget-contact { padding: 0; } .co-copyright-3, .co-footer-social-3 { text-align: center; } .co-portfolio-details-meta li { width: 50%; } .co-blog-content .co-blog-meta .date-comment { width: 100%; } .co-blog-content .co-blog-meta .date-comment span { margin-left: 0; padding-left: 0; } .co-blog-content .co-blog-meta .date-comment span::before { display: none; } .co-blog-content .co-blog-meta .button { float: left; margin: 0; width: 100%; } .co-footer-widget-3 .title { color: #477ae2d9; font-size: 18px; font-weight: 700; line-height: 14px; text-transform: uppercase; } } @media only screen and (max-width: 479px) { .co-service-wrapper-4 { padding: 0 15px; } .co-page-banner { padding: 40px 0; } .co-section-title-1 h1 { font-size: 20px; line-height: 20px; } .co-section-title-1 p { font-size: 14px; line-height: 24px; margin-top: 20px; } .co-hero-slide-item-1 { padding: 80px 0; } .co-hero-slide-content-1 h1 { font-size: 24px; line-height: 34px; margin-bottom: 25px; } .co-single-service-1 { padding: 40px; } .co-about-content-1 h1 { font-size: 30px; margin-bottom: 30px; } .co-mission-section-1 > img { padding: 0 10px; } .co-blog-content-1 h3 { font-size: 14px; line-height: 24px; padding: 10px 20px; } .co-blog-meta-1 { padding: 10px 20px; } .co-blog-meta-1 li { font-size: 12px; margin-right: 10px; padding-right: 10px; } .c2-section-title-2 h1 { font-size: 24px; margin-bottom: 15px; line-height: 1; } .co-section-title-2 p { font-size: 14px; line-height: 24px; } .co-hero-slide-item-2 { padding: 150px 0 100px; } .co-hero-slide-content-2 h1 { font-size: 22px; margin-bottom: 20px; } .co2-service-title { padding: 100px 30px; } .co-service-wrapper-2 { padding: 70px 5px; } .co-single-service-2 .icon { margin-right: 20px; } .co-single-service-2 .content h3 { font-size: 18px; } .co-single-service-2 .content p { font-size: 14px; } .co-single-fact-2 p { font-size: 10px; } .co-footer-top-2 { padding: 90px 0 40px; } .co-footer-top-2 img { width: 80px; margin-bottom: 30px; } .co-footer-social-2 a { margin: 0 10px 10px; } .co-footer-social-2 a i { font-size: 24px; line-height: 24px; } .co-footer-menu-2 nav ul li + li { margin-left: 20px; } .co-single-fact-1 p { font-size: 10px; } .co-single-testimonial-2 { padding: 45px 30px 50px; margin: 0 -15px; } .co3-contact-info-inner .details a, .co3-contact-info-inner .details p { font-size: 14px; } .co3-feature-project-content { padding-left: 15px; } .co-portfolio-details-meta li { width: 100%; } .co-blog-media { margin-bottom: 25px; padding: 10px; } .co-blog-share .social { float: left; } .co-blog-share .social h5 { float: none; } .co-author-bio { padding: 30px; } .co-author-bio .image { float: none; margin-bottom: 20px; } .co-single-comment .image { float: none; margin-bottom: 20px; } .co-comment-list li .child-comment { padding-left: 0; } } @media only screen and (min-width: 10px) and (max-width: 768px) { .co-footer-newsletter-3 form button.submit{right:10px} } .text_left{text-align: left;} .underline{text-decoration:underline} .circle-button { width: 158px; height: 158px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; border: 1px solid #fff; border-radius: 50%; text-align: center; font-weight: 500; } .circle-button:before { content: ""; width: 100%; height: 100%; position: absolute; left: -5px; top: -5px; border: 1px solid #fff; border-radius: 50%; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .circle-button:hover { text-decoration: none; } h1.evenimente{text-align:center; font-weight: 700;font-size:25px;} .col-12.text-center .custom-button { margin-top: 50px; } .custom-button { height: 70px; line-height: 70px; display: inline-block; background: transparent; padding: 0 40px; color: #fff; font-size: 14px; font-weight: 700; position: relative; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .custom-button:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #fff; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .custom-button:hover { text-decoration: none; line-height: 80px; text-indent: 6px; } .custom-button:hover:before { top: 6px; left: 6px; border-color: #fff; } .image-box { width: 100%; display: block; margin: 0; position: relative; overflow: hidden; } .image-box.is-inview img { opacity: 1; transform: scale(1); } .image-box img { width: 100%; opacity: 0; transform: scale(1.2); transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1); } .col-lg-4:nth-child(3n + 1) .exhibition-box { padding-right: 30px; } .col-lg-4:nth-child(3n + 2) .exhibition-box { padding: 0 15px; } .col-lg-4:nth-child(3n + 3) .exhibition-box { padding-left: 30px; } .exhibition-box { width: 100%; display: flex; flex-wrap: wrap; min-height:384px } .exhibition-box.is-inview .img { opacity: 1; transform: scale(1); } .co-hero-slide-content-3 .exhibition-box a{ display: flex; align-items:center; } .co-hero-slide-content-3 .exhibition-box .content-box h4{ min-height:99px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; -webkit-box-pack: end; } .exhibition-box figure { width: 100%; display: block; margin-bottom: 35px; position: relative; overflow: hidden; } .exhibition-box figure * { -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .exhibition-box figure .info { height: 40px; line-height: 40px; border-radius: 0; position: absolute; right: 30px; bottom: 30px; text-align: center; border-radius: 40px; } .exhibition-box figure .info span { width: 100%; max-width: 40px; height: 40px; line-height: 40px; display: inline-block; overflow: hidden; white-space: nowrap; position: relative; z-index: 0; font-size: 14px; font-weight: 500; background: #004e9e; border-radius: 40px; } .exhibition-box figure .info figure { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0; z-index: 2; background: #fff; border-radius: 40px; } .exhibition-box figure .info figure img { width: 17px; height: 17px; } .exhibition-box figure .info:hover { width: auto; } .exhibition-box figure .info:hover figure { opacity: 0; } .exhibition-box figure .info:hover span { max-width: 220px; padding: 0 20px; } .exhibition-box figure .img { width: 100%; opacity: 0; transform: scale(1.2); transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1); } .exhibition-box .content-box { width: 100%; display: flex; flex-wrap: wrap; text-align: center; } .exhibition-box .content-box h4 { width: 100%; display: block; font-family: "Asap Condensed", sans-serif; font-size: 18px; margin-bottom: 20px; margin-top:5px; font-weight:500; } .exhibition-box .content-box h4 a { display: inline; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0) calc(99% - 2px), #fff 2px); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0) calc(99% - 2px), #fff 2px); background-image: linear-gradient(rgba(255, 255, 255, 0) calc(99% - 2px), #fff 2px); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 0.5s; } .exhibition-box .content-box h4 a:hover { background-size: 100% 100%; text-decoration: none; } .exhibition-box .content-box p { width: 100%; display: block; margin: 0; color:#337ab7; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .image-box-carousel { width: 100%; display: flex; flex-wrap: wrap; position: relative; overflow: hidden; } .image-box-carousel figure { width: 100%; display: block; margin-bottom: 50px; position: relative; } .image-box-carousel figure:before { content: ""; width: 1px; height: 64px; background: #080808; position: absolute; left: calc(50% - 0.5px); bottom: -32px; opacity: 0.8; } .image-box-carousel figure img { width: 100%; } .image-box-carousel .content-box { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; position: relative; overflow: hidden; padding-bottom: 5px; text-align: center; } .image-box-carousel .content-box h5 { width: 100%; display: block; font-size: 30px; font-family: "Asap Condensed", sans-serif; } .image-box-carousel .content-box .custom-link { color: #999; font-weight: 700; } .justify-content-center h1{ font-family: "Asap Condensed", sans-serif; font-size: 3.2rem; font-weight: 900; line-height: 3rem;text-align:center} .btn:focus, .btn:active, button:focus, button:active { outline: none !important; box-shadow: none !important; } #image-gallery .modal-footer{ display: block; } .thumb{ margin-top: 15px; margin-bottom: 15px; } .img-thumbnail{border:0!important;padding:0} .thumbnail{ padding:0; border:0; background: transparent; } .padding-0{padding:5px;border:0} .mc-field-group{ font-size:12px; color:#fff; } .mp-contact-form textarea{ color:#000!important } .mp-contact-form input[type="text"], .mp-contact-form input[type="email"]{ color:#000!important } @media only screen and (min-width: 1021px) and (max-width: 1400px) { .co-hero-slide-content-3{ min-height:150px; } } @media only screen and (max-width: 1380px) { .verde{width:70%!important} label{line-height: 1.3; margin-top:-23px!important} } @media (max-width: 1020px) { .elementor-counter .elementor-counter-number-wrapper{ font-size: 33px; } .elementor-counter .elementor-counter-title { font-size: 15px; } } @media only screen and (max-width: 370px) { .co-hero-slide-content-3 h1 { font-size: 15px; margin-bottom: 5px; font-weight:400; } .elementor-heading-title, .elementor-heading-title a { font-size: 21px; } } .res-section-title {} .res-section-title h1 { font-weight: 700; line-height: 28px; margin: 0; text-transform: capitalize; } .res-section-title h1 span { color: #e54c2a; } .res-section-title p { margin: 32px auto 0; max-width: 710px; } .res-section-title img { display: inline-block; margin-top: 32px; vertical-align: top; } .res-section-title.title-white h1 { color: #ffffff; } .res-section-title.title-white p { color: #d3d3d3; } .res-header { border-top: 5px solid #e54c2a; box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); left: 0; position: absolute; right: 0; top: 0; } .res-menu {} .res-menu ul {} .res-menu ul li {} .res-menu ul li a {} .res-menu ul li.active a, .res-menu ul li a:hover { color: #e54c2a; } .res-search:hover { color: #e54c2a; } .res-hero-section { margin-top: 105px; } .res-hero-slider {} .res-hero-slide-item { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } .res-hero-slide-content { padding: 305px 0 315px; } .res-hero-slide-content h1 { font-size: 60px; font-weight: 800; margin-bottom: 24px; text-transform: uppercase; } .res-hero-slide-content h1 span { color: #e54c2a; } .res-hero-slide-content p { margin-bottom: 46px; max-width: 770px; } .res-hero-slide-content a.btn {} .res-about-section { background-color: #e54c2a; } .res-about-image { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; height: 100%; left: 0; padding: 0; position: absolute; top: 0; } .res-about-content { padding: 135px 360px 135px 150px; } .res-about-content h1, .res-about-content h2, .res-about-content h3, .res-about-content h4, .res-about-content h5, .res-about-content h6 { color: #ffffff; } .res-about-content h4 { color: #ffffff; font-weight: 700; line-height: 31px; margin-bottom: 29px; text-transform: uppercase; letter-spacing: 0.5px; } .res-about-content p { color: #f2f2f2; margin-bottom: 30px; } .res-about-content p:last-child { margin-bottom: 0; } .res-dishes-section {} .res-dishes-item { border-radius: 10px; box-shadow: 0 0 100px rgba(0, 0, 0, 0.1); position: relative; } .res-dishes-item img { width: 100%; } .res-dishes-item .content { bottom: 55px; left: 0; position: absolute; right: 0; text-align: center; } .res-dishes-item .content .title { font-size: 14px; font-weight: 700; letter-spacing: 0.8px; margin-bottom: 14px; text-transform: uppercase; } .res-dishes-item .content .price { color: #e54c2a; font-size: 22px; font-weight: 700; margin: 0; } .res-dishes-menu-section { background-color: #fff; background-repeat: no-repeat; background-size: auto auto; } .res-food-menu-wrapper { background-color: #ffffff; background-image: url("/2-3/img/restaurant/bg/dishes-menu-wrapper.jpg"); background-position: center bottom; background-repeat: no-repeat; box-shadow: 0 0 100px rgba(0, 0, 0, 0.1); display: block; float: left; padding: 90px 90px 240px; width: 100%; } .res-food-menu-filter { margin-bottom: 68px; } .res-food-menu-filter button { background-color: transparent; border: medium none; color: #535353; font-size: 14px; font-weight: 700; letter-spacing: 0.4px; line-height: 20px; margin: 0 22px 5px; padding: 0; text-transform: uppercase; } .res-food-menu-filter button.active, .res-food-menu-filter button:hover { color: #e54c2a; } .res-food-menu-item { margin-bottom: 50px; } .res-food-menu-item .image { margin-right: 25px; } .res-food-menu-item .image img { width: 100%; } .res-food-menu-item .content {} .res-food-menu-item .content h5 { font-size: 16px; font-weight: 600; margin-bottom: 4px; text-transform: capitalize; } .res-food-menu-item .content p { font-size: 14px; font-style: italic; margin-bottom: 2px; } .res-food-menu-item .content h4 { color: #e54c2a; font-size: 20px; font-weight: 600; margin: 0; } .res-gallery-section {} .res-gallery-item {} .res-gallery-item a { display: block; overflow: hidden; position: relative; } .res-gallery-item a::before { background-color: #000000; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 2; } .res-gallery-item a:hover::before { opacity: 0.8; } .res-gallery-item a img { transition: all 0.3s ease 0s; width: 100%; } .res-gallery-item a:hover img { transform: scale(1.2); } .res-gallery-item a span { color: #ffffff; display: block; font-size: 15px; font-weight: 700; left: 30px; letter-spacing: 1px; opacity: 0; position: absolute; right: 30px; text-align: center; text-transform: uppercase; top: 50%; z-index: 9; } .res-gallery-item a:hover span { opacity: 1; transform: translateY(-50%); } .res-opening-reservation-section { background-color: #fff; background-image: url("/2-3/img/restaurant/reservation/2.png"); background-position: right top; background-repeat: no-repeat; } } .res-opening-reservation-wrapper { float: left; position: relative; width: 100%; } .res-opening-reservation-wrapper::before { content: url("/2-3/img/restaurant/reservation/1.jpg"); margin-right: -80px; position: absolute; right: 100%; top: -28px; } .res-opening-wrapper { background-color: #3e3e3e; outline: 2px dashed #e54c2a; outline-offset: -12px; padding: 12px; } .res-opening-time-list { border-bottom: 2px dashed #e54c2a; overflow: hidden; padding: 80px 70px 45px; } .res-opening-time-list .title { margin-bottom: 55px; } .res-opening-time-list .title h3 { color: #ffffff; font-size: 24px; font-weight: 700; line-height: 1; margin-bottom: 22px; text-transform: capitalize; } .res-opening-time-list .title img {} .res-opening-time-list ul {} .res-opening-time-list ul li { color: #dddddd; float: left; font-family: "Playfair Display",serif; font-style: italic; line-height: 24px; position: relative; width: 100%; } .res-opening-time-list ul li::before { border-top: 2px dashed #dedede; bottom: 5px; content: ""; height: 1px; left: 0; position: absolute; right: 0; width: 100%; } .res-opening-time-list ul li + li { margin-top: 8px; } .res-opening-time-list ul li span { background-color: #3e3e3e; display: block; position: relative; z-index: 2; } .res-opening-time-list ul li .days { float: left; padding-right: 5px; } .res-opening-time-list ul li .times { float: right; padding-left: 5px; } .res-opening-time-online { padding: 40px 50px 90px; } .res-opening-time-online h5 { color: #dddddd; font-family: "Playfair Display",serif; font-size: 16px; font-style: italic; line-height: 24px; margin-bottom: 20px; } .res-opening-time-online a { color: #dddddd; display: inline-block; margin: 5px 8px 0; vertical-align: top; } .res-opening-time-online a:hover { color: #e54c2a; } .res-opening-time-online a i { display: block; font-size: 30px; } .res-reservation-wrapper { background-color: #e54c2a; padding: 90px 110px 100px; text-align: center; } .res-reservation-wrapper h3 { color: #ffffff; font-size: 24px; font-weight: 700; line-height: 1; margin-bottom: 77px; text-transform: capitalize; } #reservation-form {} #reservation-form input { background-color: transparent; border: 1px solid #ffffff; border-radius: 4px; color: #ffffff; font-size: 13px; height: 44px; letter-spacing: 0.6px; line-height: 24px; margin-bottom: 18px; padding: 9px 19px; transition: all 0.3s ease 0s; width: 100%; } #reservation-form input::placeholder { color: #e2e0e0; } #reservation-form input[type="submit"] { background-color: #ffffff; border-color: #ffffff; color: #e54c2a; font-weight: 600; margin-bottom: 0; text-transform: uppercase; } #reservation-form input[type="submit"]:hover { background-color: transparent; border-color: #ffffff; color: #ffffff; } .res-testimonial-section {} .res-testimonial-wrapper { box-shadow: 0 -44px 46px rgba(0, 0, 0, 0.06); padding: 30px 35px 0; border-radius: 5px; } .res-testimonial-slider { box-shadow: 0 -44px 46px rgba(0, 0, 0, 0.06); padding: 80px 110px 0; border-radius: 5px; } .res-testimonial-slide-item {} .res-testimonial-slide-item img { display: inline-block; margin-bottom: 60px; } .res-testimonial-slide-item p { font-size: 18px; letter-spacing: 0.5px; line-height: 34px; margin-bottom: 41px; } .res-testimonial-slide-item h5 { color: #e54c2a; font-size: 15px; font-weight: 600; letter-spacing: 1px; line-height: 1; margin-bottom: 5px; text-transform: uppercase; } .res-testimonial-slide-item span { display: block; font-size: 15px; } .res-testimonial-slider .slick-dots { margin-top: 75px; text-align: center; } .res-testimonial-slider .slick-dots li { display: inline-block; margin: 0 15px; vertical-align: top; } .res-testimonial-slider .slick-dots li button { background-color: transparent; border: medium none; display: block; font-family: "Playfair display",serif; font-size: 24px; line-height: 37px; padding: 0; } .res-testimonial-slider .slick-dots li button::before { content: "0"; } .res-testimonial-slider .slick-dots li.slick-active button { color: #e54c2a; font-size: 40px; line-height: 22px; } .res-footer-section { background-color: #333333; } .res-footer-widget {} .res-footer-widget .title { color: #dddddd; font-size: 18px; font-weight: 700; line-height: 14px; margin-bottom: 30px; text-transform: uppercase; } .res-footer-widget .res-footer-logo { margin-top: 35px; } .res-footer-widget img {} .res-footer-widget p { color: #dddddd; font-size: 13px; line-height: 23px; } .res-footer-widget ul {} .res-footer-widget ul li { color: #dddddd; font-size: 14px; line-height: 24px; } .res-footer-widget ul li + li { margin-top: 8px; } .res-footer-widget ul li a { color: inherit; display: inline-block; } .res-footer-widget ul li a:hover { color: #e54c2a; } .res-footer-widget ul li span { color: #dddddd; float: left; margin-right: 5px; text-transform: uppercase; } .res-footer-newsletter { float: left; margin-top: 5px; width: 100%; } .res-footer-newsletter form { position: relative; } .res-footer-newsletter form input[type="email"] { background-color: #3a3a3a; border: 1px solid #484848; border-radius: 5px; color: #dddddd; font-size: 12px; height: 40px; line-height: 24px; padding: 6px 20px; width: 100%; } .res-footer-newsletter form button.submit { background-color: transparent; border: medium none; color: #dddddd; height: 40px; position: absolute; right: 0; text-align: center; top: 0; width: 60px; } .res-footer-newsletter form button.submit i { display: block; font-size: 18px; line-height: 40px; } .res-footer-newsletter form button.submit:hover { color: #e54c2a; } .res-footer-bottom { padding: 16px 0; } .res-copyright {} .res-copyright p { display: block; font-size: 13px; letter-spacing: 1px; line-height: 28px; margin: 0; text-transform: uppercase; } .res-copyright p a { color: inherit; } .res-copyright p a:hover { color: #e54c2a; } @media only screen and (min-width: 1171px) and (max-width: 1400px) { .res-hero-slide-content { padding: 185px 0; } .res-about-content { padding: 70px; } } @media only screen and (min-width: 992px) and (max-width: 1169px) { .res-hero-slide-content { padding: 115px 0; } .res-hero-slide-content h1 { font-size: 40px; } .res-hero-slide-content p { margin-bottom: 30px; max-width: 600px; } .res-about-content { padding: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .res-hero-slide-content { padding: 115px 0; } .res-hero-slide-content h1 { font-size: 36px; } .res-hero-slide-content p { margin-bottom: 30px; max-width: 600px; } .res-about-image { min-height: 400px; position: static; } .res-about-content { padding: 50px; } .res-testimonial-slider { padding: 80px 80px 0; } } @media only screen and (max-width: 767px) { .res-section-title h1 { font-size: 30px; } .res-hero-section { margin-top: 80px; } .res-hero-slide-content { padding: 80px 0; } .res-hero-slide-content h1 { font-size: 24px; } .res-hero-slide-content p { margin-bottom: 30px; } .res-about-image { min-height: 400px; position: static; } .res-about-content { padding: 50px; } .res-food-menu-wrapper { padding: 50px 35px 160px; } .res-food-menu-item .image { margin-right: 15px; width: 80px; } .res-reservation-wrapper { padding: 90px 60px 100px; } .res-testimonial-wrapper { padding: 20px 20px 0; } .res-testimonial-slider { padding: 50px 50px 0; } .res-footer-widget .res-footer-logo { margin-top: 0; } } @media only screen and (max-width: 479px) { .res-section-title h1 { font-size: 24px; } .res-dishes-item .content { bottom: 30px; } .res-food-menu-item .image { float: none; margin-bottom: 10px; } .res-opening-time-list { padding: 50px 15px 45px; } .res-opening-time-online { padding: 40px 15px 50px; } .res-opening-time-online a { margin: 5px 2px 0; } .res-reservation-wrapper { padding: 50px 30px; } .res-reservation-wrapper h3 { font-size: 20px; margin-bottom: 50px; } .res-testimonial-slider { padding: 50px 30px 0; } .res-testimonial-slide-item p { font-size: 14px; line-height: 26px; margin-bottom: 40px; } .res-testimonial-slide-item img { margin-bottom: 40px; width: 50px; } .res-testimonial-slider .slick-dots li { margin: 0 5px; } } .mp-section-title {} .mp-section-title::before { color: #f7f7f7; content: attr(data-name); display: block; font-size: 160px; font-weight: 800; left: 50%; margin-top: -5px; position: absolute; text-transform: uppercase; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .mp-section-title-2::before { color: #e7e7e7; } .mp-section-title h1 { display: inline-block; font-weight: 800; letter-spacing: 2px; line-height: 28px; margin: 0; padding: 43px 25px; position: relative; text-transform: uppercase; vertical-align: top; } .mp-section-title h1::before, .mp-section-title h1::after { background-color: #3e3e3e; content: ""; height: 4px; margin-top: -2px; position: absolute; top: 50%; width: 80px; } .mp-section-title h1::before { right: 100%; } .mp-section-title h1::after { left: 100%; } .mp-menu-section { background-color: rgba(255, 255, 255, 0.95); display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; left: 0; opacity: 0; position: fixed; text-align: center; top: 0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; visibility: hidden; width: 100%; z-index: 999; } .mp-menu-section .container { margin: auto; } .mp-menu-section.active { opacity: 1; visibility: visible; } .mp-menu { padding: 50px 0; } .mp-menu ul {} .mp-menu ul li { margin-bottom: 30px; } .mp-menu ul li:last-child { margin-bottom: 0; } .mp-menu ul li a { color: #999999; display: inline-block; font-size: 18px; font-weight: 600; line-height: 30px; text-transform: uppercase; } .mp-menu ul li a:hover, .mp-menu ul li.active a { color: #3e3e3e; } .mp-hero-section {} .mp-hero-image { padding: 0; } .mp-hero-image img {} .mp-hero-content { border: 6px double #f8f8f8; margin-top: 104px; padding: 190px 80px; } .mp-hero-content h1 { font-size: 55px; font-weight: 800; letter-spacing: 2px; line-height: 50px; margin-bottom: 23px; text-transform: uppercase; } .mp-hero-content h4 { color: #999999; font-size: 16px; font-weight: 600; letter-spacing: 1px; margin-bottom: 0; text-transform: uppercase; } .mb-about-section {} .mb-about-content {} .mb-about-content p { font-size: 18px; line-height: 34px; margin-bottom: 33px; } .mb-about-content p:last-child { margin-bottom: 0; } .mb-about-content a { color: #3e3e3e; display: inline-block; font-size: 18px; font-weight: 600; text-transform: capitalize; } .mb-about-content a i { margin-left: 5px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mb-about-content a:hover i { margin-left: 15px; } .mb-portfolio-section {} .mp-isotop-filter {} .mp-isotop-filter button { background-color: transparent; border: medium none; border-radius: 5px; color: #999999; display: block; float: left; font-size: 12px; font-weight: 700; height: 30px; letter-spacing: 0.5px; line-height: 30px; margin-bottom: 5px; padding: 0 20px; text-transform: uppercase; } .mp-isotop-filter button.active, .mp-isotop-filter button.active:hover { background-color: #3e3e3e; color: #ffffff; } .mp-isotop-filter button:hover { color: #3e3e3e; } .mp-isotop-grid {} .mp-isotop-item { float: left; } .mp-isotop-item img { width: 100%; } .mp-isotop-item a { display: block; overflow: hidden; position: relative; } .mp-isotop-item a::before { background-color: #000000; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .mp-isotop-item a:hover::before { opacity: 0.65; } .mp-isotop-item a .content { bottom: 50px; opacity: 0; position: absolute; right: 55px; text-align: center; } .mp-isotop-item a:hover .content { opacity: 1; } .mp-isotop-item a .content .title { color: #ffffff; font-size: 15px; font-weight: 600; letter-spacing: 1px; margin-bottom: 6px; position: relative; right: -30px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mp-isotop-item a:hover .content .title { right: 0; } .mp-isotop-item a .content .cat { color: #999999; display: block; font-size: 14px; font-weight: 600; letter-spacing: 1.5px; line-height: 22px; position: relative; left: -30px; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mp-isotop-item a:hover .content .cat { left: 0; } .mp-client-section {} .mp-client-slider {} .mp-client-slider .single-client {} .mp-client-slider .single-client img { display: inline-block; } .mp-footer-section { background-color: #343434; } .mp-fotter-top { border-bottom: 1px solid #3f3f3f; padding: 65px 0; } .mp-footer-social {} .mp-footer-social a { color: #dcdcdc; display: inline-block; margin: 0 12px; padding: 0 3px; } .mp-footer-social a:hover { color: #dcdcdc; display: inline-block; margin: 0 12px; padding: 0 3px; } .mp-footer-social a i { font-size: 22px; line-height: 24px; display: block; } .mp-fotter-bottom { border-bottom: 1px solid #3f3f3f; padding: 60px 0; } .mp-footer-copyright {} .mp-footer-copyright p { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #dddddd; line-height: 30px; margin: 5px 0; } .mp-footer-copyright p a { color: inherit; } .mp-footer-contact { text-align: right; } .mp-footer-contact p { color: #dddddd; display: inline-block; font-size: 13px; letter-spacing: 1px; line-height: 30px; margin: 5px 0; position: relative; vertical-align: top; } .mp-footer-contact p:last-child::before { background-color: #5d5d5d; content: ""; display: block; float: left; height: 1px; margin-left: 14px; margin-right: 19px; margin-top: 15px; width: 25px; } .mp-footer-contact p span { color: #999999; text-transform: uppercase; } .mp-breadcrumb-section { padding: 90px 0; } .mp-breadcrumb {} .mp-breadcrumb h2 { float: left; font-size: 30px; font-weight: 600; letter-spacing: 2px; line-height: 30px; margin: 10px 0; text-transform: uppercase; } .mp-breadcrumb ul { float: right; margin: 10px 0; } .mp-breadcrumb ul li { color: #3e3e3e; float: left; font-size: 14px; font-weight: 600; line-height: 30px; margin-right: 15px; padding-right: 15px; position: relative; text-transform: uppercase; } .mp-breadcrumb ul li:last-child { margin-right: 0; padding-right: 0; } .mp-breadcrumb ul li::before { content: "/"; position: absolute; right: -2px; top: 0; } .mp-breadcrumb ul li:last-child::before { display: none; } .mp-breadcrumb ul li a { color: inherit; } .mp-team-section {} .mp-single-team { text-align: center; } .mp-single-team img { width: 100%; } .mp-single-team h4 { margin: 20px 0 5px; text-transform: uppercase; } .mp-single-team span { display: block; margin-bottom: 10px; } .mp-single-team .social { display: block; } .mp-single-team .social a { display: inline-block; margin: 0 5px; color: #999999; } .mp-single-team .social a:hover { color: #3e3e3e; } .mp-single-team .social a i { display: block; font-size: 16px; line-height: 20px; } .mp-testimonial-section {} .mp-testimonial-slider {} .mp-single-testimonial {} .mp-single-testimonial i { font-size: 32px; } .mp-single-testimonial h4 { font-size: 18px; font-weight: 600; letter-spacing: 2px; margin: 18px 0 25px; padding: 0; text-transform: uppercase; } .mp-single-testimonial p { font-size: 20px; font-weight: 300; line-height: 35px; } .mp-single-testimonial p span {} .mp-single-testimonial h5 { color: #999999; font-size: 13px; font-weight: 400; margin-bottom: 0; } .mp-service-section {} .mp-service-wrapper {} .mp-single-service { padding-left: 15px; padding-right: 15px; } .mp-single-service .icon { color: #3e3e3e; float: left; margin-right: 30px; } .mp-single-service .icon i { display: block; font-size: 36px; } .mp-single-service .content {} .mp-single-service .content h3 { font-weight: 300; line-height: 1; } .mp-single-service .content p { line-height: 24px; margin: 0; } .mp-contact-section {} #mp-google-map { width: 100%; height: 350px; } .mp-contact-info {} .mp-contact-info ul {} .mp-contact-info ul li {} .mp-contact-info ul li + li { margin-top: 17px; } .mp-contact-info ul li span { color: #3e3e3e; } .mp-contact-info ul li a { color: inherit; display: inline-block; } .mp-contact-info ul li a:hover { color: #3e3e3e } .mp-contact-info .social { margin-top: 20px; } .mp-contact-info .social a { color: #999999; margin-right: 15px; display: inline-block; line-height: 24px; } .mp-contact-info .social a i { display: block; font-size: 16px; line-height: 24px; } .mp-contact-info .social a:hover { color: #3e3e3e } .mp-contact-form {} .mp-contact-form input[type="text"], .mp-contact-form input[type="email"] { border: 1px solid #ddd; width: 100%; height: 40px; line-height: 24px; font-size: 14px; padding: 7px 15px; } .mp-contact-form textarea { border: 1px solid #ddd; width: 100%; height: 120px; line-height: 24px; font-size: 14px; padding: 7px 15px; } .mp-contact-form input[type="submit"] { display: block; border: 1px solid #dddddd; background-color: transparent; height: 40px; text-transform: uppercase; font-size: 14px; padding: 7px 30px; line-height: 24px; } .mp-contact-form input[type="submit"]:hover { border-color: #3e3e3e; background-color: #3e3e3e; color: #ffffff; } .portfolio-image {} .portfolio-image img { width: 100%; } .portfolio-details {} .portfolio-details ul {} .portfolio-details ul li { display: block; font-size: 14px; text-transform: capitalize; } .portfolio-details ul li + li { margin-top: 5px; } .portfolio-details ul li i { display: block; float: left; font-size: 16px; line-height: 29px; margin-right: 5px; width: 20px; } .portfolio-details ul li span { display: inline-block; margin-right: 10px; } .portfolio-details ul li a { color: inherit; } .portfolio-details ul li a:hover { color: #3e3e3e; } .portfolio-content {} .portfolio-content h3 {} .portfolio-content p {} @media only screen and (min-width: 1171px) and (max-width: 1400px) { } @media only screen and (min-width: 992px) and (max-width: 1169px) { .mp-hero-content { margin-top: 91px; padding: 130px 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .mp-hero-content { margin-top: 100px; padding: 85px 40px; } .mp-hero-content h1 { font-size: 36px; line-height: 28px; margin-bottom: 20px; } .mp-hero-content h4 { font-size: 14px; } .mp-footer-copyright, .mp-footer-contact { text-align: center; } } @media only screen and (max-width: 767px) { .mp-breadcrumb-section { padding: 50px 0; } .mp-breadcrumb h2 { font-size: 24px; float: none; } .mp-breadcrumb ul { margin-top: 0; width: 100%; } .mp-section-title::before { font-size: 120px; } .mp-section-title h1 { font-size: 30px; padding: 30px 20px; } .mp-section-title h1::before, .mp-section-title h1::after { display: none; } .mp-hero-content { margin-top: 0; padding: 50px 40px; } .mp-hero-content h1 { font-size: 44px; line-height: 36px; } .mp-footer-copyright, .mp-footer-contact { text-align: center; } .mp-footer-contact p { display: block; } .mp-footer-contact p:last-child::before { display: none; } } @media only screen and (max-width: 479px) { .mp-breadcrumb-section { padding: 40px 0; } .mp-breadcrumb h2 { font-size: 18px; } .mp-breadcrumb ul li { font-size: 12px; } .mp-section-title::before { font-size: 80px; } .mp-section-title h1 { font-size: 24px; padding: 20px 15px; } .mp-hero-content { padding: 40px 30px; } .mp-hero-content h1 { font-size: 30px; line-height: 30px; margin-bottom: 15px; } .mp-hero-content h4 { font-size: 14px; } .mp-isotop-item a .content { bottom: auto; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } .ph-modal { padding: 150px 0; } .ph-section-title {} .ph-section-title h4 { font-size: 20px; font-weight: 700; letter-spacing: 1.5px; margin-bottom: 30px; text-transform: uppercase; } .ph-section-title p { max-width: 930px; } .ph-hero-section { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; height: 100%; position: relative; } .ph-hero-shape { bottom: 0; position: absolute; right: 0; z-index: 1; } .ph-hero-shape img {} .ph-hero-social { bottom: 65px; left: 100px; position: absolute; z-index: 3; } .ph-hero-social h5 { color: #ffffff; display: block; float: left; font-size: 13px; letter-spacing: 0.5px; line-height: 24px; margin: 0 105px 0 0; position: relative; } .ph-hero-social h5::before { background-color: #ffffff; bottom: 9px; content: ""; height: 1px; left: 100%; position: absolute; width: 45px; margin-left: 30px; } .ph-hero-social a { color: #ffffff; display: block; float: left; margin-right: 20px; } .ph-hero-social a:last-child { margin-right: 0; } .ph-hero-social a i { display: block; line-height: 24px; } .ph-hero-social a:hover { color: #3653ff; } .ph-hero-content {} .ph-hero-content h1 { color: #ffffff; display: inline-block; font-family: "Playfair Display",serif; font-size: 100px; font-weight: 700; line-height: 100px; margin: 0; padding: 0 60px; position: relative; text-transform: capitalize; z-index: 1; } .ph-hero-content h1::before { background-color: #ffffff; content: ""; height: 100%; left: 0; opacity: 0.15; position: absolute; top: -38px; width: 100%; z-index: -1; } .ph-isotop-item {} .ph-isotop-item a { display: block; position: relative; text-align: center; } .ph-isotop-item a::before { background-color: #3653ff; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .ph-isotop-item a:hover::before { opacity: 0.8; } .ph-isotop-item a img { border: 10px solid #f1f1f1; width: 100%; } .ph-isotop-item a span { left: 30px; position: absolute; right: 30px; top: 50%; font-size: 15px; color: #ffffff; line-height: 32px; opacity: 0; } .ph-isotop-item a:hover span { opacity: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ph-team-wrapper { -webkit-box-shadow: 0 0 15px rgba(59, 155, 242, 0.15); box-shadow: 0 0 15px rgba(59, 155, 242, 0.15); float: left; width: 100%; padding: 70px; } .ph-single-team {} .ph-single-team .image { border-radius: 50%; display: block; overflow: hidden; position: relative; } .ph-single-team .image::before { background-color: #3653ff; border-radius: 50%; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; visibility: hidden; width: 100%; } .ph-single-team:hover .image::before { opacity: 0.8; visibility: visible; z-index: 1; } .ph-single-team .image img { width: 100%; } .ph-single-team .image .social { left: 15px; opacity: 0; position: absolute; right: 15px; top: 50%; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 9; } .ph-single-team:hover .image .social { opacity: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ph-single-team .image .social a { background-color: #ffffff; border-radius: 3px; display: inline-block; height: 30px; margin: 0 3px; width: 30px; } .ph-single-team .image .social a i { display: block; font-size: 16px; line-height: 32px; } .ph-single-team .image .social a.facebook { color: #516eab; } .ph-single-team .image .social a.twitter { color: #40bff5; } .ph-single-team .image .social a.google { color: #DD4E42; } .ph-single-team .image .social a.pinterest { color: #bd081c; } .ph-single-team .content { margin-top: 22px; } .ph-single-team .content h4 { font-weight: 700; letter-spacing: 0.5px; line-height: 30px; margin: 0; text-transform: capitalize; } .ph-single-team .content span { display: block; font-size: 14px; letter-spacing: 0.5px; text-transform: capitalize; } .ph-footer-section {} .ph-footer-top { padding: 60px 0; } .ph-footer-social {} .ph-footer-social a { color: #3e3e3e; display: inline-block; margin: 10px 15px; vertical-align: top; } .ph-footer-social a:hover { color: #3653ff; } .ph-footer-social a i { display: block; font-size: 22px; line-height: 30px; } .ph-footer-bottom { border-top: 1px solid #f2f2f2; padding: 18px 0; } .ph-copyright {} .ph-copyright p { color: #3e3e3e; font-size: 11px; letter-spacing: 1px; line-height: 24px; margin: 5px 0; text-transform: uppercase; } .ph-copyright p a { color: inherit; } .ph-copyright p a:hover { color: #3653ff; } .ph-footer-menu {} .ph-footer-menu nav {} .ph-footer-menu nav ul {} .ph-footer-menu nav ul li { display: inline-block; } .ph-footer-menu nav ul li + li { margin-left: 35px; } .ph-footer-menu nav ul li a { color: #3e3e3e; display: block; font-size: 12px; letter-spacing: 0.5px; line-height: 24px; margin: 5px 0; text-transform: uppercase; } .ph-footer-menu nav ul li a:hover { color: #3653ff; } .ph-about-area { background-color: #ffffff; padding: 80px 80px 50px; } .ph-about-content { padding-right: 40px; } .ph-about-content p {} .ph-skills {} .ph-single-skill {} .ph-single-skill + .ph-single-skill { margin-top: 40px; } .ph-single-skill h5 { color: #999999; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } .ph-single-skill .progress { background-color: #f2f2f2; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; height: 7px; margin-bottom: 0; overflow: visible; } .ph-single-skill .progress .progress-bar { background-color: #2948ff; -webkit-box-shadow: none; box-shadow: none; position: relative; } .ph-single-skill .progress .progress-bar::before { bottom: 14px; color: #3e3e3e; content: attr(data-progress); font-size: 14px; position: absolute; right: 0; } .ph-services-area { background-color: #ffffff; padding: 80px 80px 50px; } .ph-tab-list { float: left; margin-right: 30px; width: 230px; } .ph-tab-list li { display: block; } .ph-tab-list li + li { margin-top: 20px; } .ph-tab-list li a { border-radius: 5px; -webkit-box-shadow: 0 0 6px rgba(59, 155, 242, 0.15); box-shadow: 0 0 6px rgba(59, 155, 242, 0.15); color: #3e3e3e; display: block; font-size: 15px; font-weight: 700; height: 50px; letter-spacing: 1px; line-height: 24px; padding: 13px 15px; text-align: center; text-transform: uppercase; } .ph-tab-list li.active a { background-color: #2948ff; color: #fff; } .ph-tab-content {} .ph-tab-pane { background-color: #3653ff; padding: 80px; } .ph-tab-pane h5 { color: #ffffff; font-size: 16px; font-weight: 700; letter-spacing: 1.5px; margin-bottom: 20px; text-transform: uppercase; } .ph-tab-pane p { color: #ffffff; margin-bottom: 30px; } .ph-tab-pane p:last-child { margin-bottom: 0; } .ph-contact-area { background-color: #ffffff; padding: 80px 80px 50px; } .ph-contact-info { -webkit-box-shadow: 0 0 6px rgba(59, 155, 242, 0.15); box-shadow: 0 0 6px rgba(59, 155, 242, 0.15); padding: 30px 15px; } .ph-contact-info i { color: #3653ff; display: block; font-size: 36px; line-height: 36px; margin-bottom: 6px; } .ph-contact-info p {} .ph-contact-info a { color: #999999; display: block; } .ph-contact-form {} .ph-contact-form form {} .ph-contact-form form input, .ph-contact-form form textarea { background-color: #ffffff; border: medium none; -webkit-box-shadow: 0 0 6px rgba(59, 155, 242, 0.15); box-shadow: 0 0 6px rgba(59, 155, 242, 0.15); font-size: 13px; height: 44px; line-height: 24px; margin-bottom: 20px; padding: 10px 20px; width: 100%; } .ph-contact-form form input {} .ph-contact-form form textarea { height: 100px; resize: none; } .ph-contact-form form input[type="submit"] { color: #3653ff; font-size: 16px; font-weight: 700; letter-spacing: 0.8px; margin-bottom: 0; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .ph-contact-form form input[type="submit"]:hover { background-color: #3653ff; color: #ffffff; } @media only screen and (min-width: 1171px) and (max-width: 1400px) { } @media only screen and (min-width: 992px) and (max-width: 1169px) { .header-fullwidth { padding: 0 45px; } .ph-hero-content h1 { font-size: 80px; line-height: 80px; } .ph-hero-content h1::before { top: -25px; } .ph-contact-info p, .ph-contact-info a { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-fullwidth { padding: 0 35px; } .ph-hero-content h1 { font-size: 66px; line-height: 66px; padding: 0 40px; } .ph-hero-content h1::before { top: -22px; } .ph-hero-shape { width: 350px; } .ph-hero-social { left: 50px; } .ph-tab-list { float: left; margin-left: -15px; margin-right: -15px; width: auto; } .ph-tab-list li { display: block; float: left; padding: 0 15px; width: 50%; } .ph-tab-list li:nth-child(2) { margin-top: 0; } .ph-tab-content { float: left; width: 100%; } } @media only screen and (max-width: 767px) { .ph-modal { padding: 80px 0; } .header-fullwidth { padding: 0 15px; } .ph-hero-section { height: auto; padding: 150px 0; } .ph-hero-section .table { position: relative; z-index: 9; } .ph-hero-content h1 { font-size: 40px; line-height: 40px; padding: 0 10px; } .ph-hero-content h1::before { top: -10px; } .ph-hero-shape { width: 220px; } .ph-hero-social { bottom: 30px; left: 30px; } .ph-copyright, .ph-footer-menu { text-align: center; width: 100%; } .ph-about-area, .ph-services-area, .ph-contact-area { background-color: #ffffff; padding: 80px 50px 50px; } .ph-tab-list { width: 100%; } .ph-tab-content { float: left; width: 100%; } .ph-tab-pane { padding: 50px; } } @media only screen and (max-width: 479px) { .ph-hero-social h5 { margin-right: 15px; } .ph-hero-social h5::before { display: none; } .ph-team-wrapper { -webkit-box-shadow: none; box-shadow: none; padding: 0; } .ph-about-area, .ph-services-area, .ph-contact-area { background-color: #ffffff; padding: 30px 15px 0; } .ph-tab-pane { padding: 30px 20px; } }