/* font-family: 'Montserrat Light'; font-family: 'Montserrat Regular'; font-family: 'Montserrat Medium'; font-family: 'Montserrat Bold'; font-family: 'Montserrat Black'; */ body,html { overflow-x: hidden; margin: 0!important; } a { transition:ease 0.5s; } body { font-family: 'Montserrat Regular'; color: #000; line-height: 30px; font-size: 17px; transition: left 0.5s; left: 0; } a, button, input, a:focus, button:focus, input:focus { outline:none!important; } h1, h2, h3, h4, h5, h6 { clear:none; line-height: normal; font-family: 'Montserrat Bold'; font-weight: normal; color: #000000; } .clear{clear:both} .pull-right { float:right!important; } .pull-left { float:left!important; } .text-center { text-align:center; } .text-right { text-align:right; } .text-left { text-align:left; } .dis-table { display:table; height: 100%; width:100%; } .dis-table-cell { display: table-cell; vertical-align: middle; height: 100%; } .container { max-width: 1200px; margin: 0 auto; position: relative; padding: 0 15px; } .row { margin: 0 -15px; } div[class*="col"] { padding:0 15px; } .hide { display:none; } .show { display:block; } .show-on-desktop { display:inline-block!important; } .show-on-mobile { display:none!important; } .show-on-ipad { display:none!important; } .hide-on-desktop { display:none!important; } .default_btn a { display: inline-block; background: #bf362e; font-size: 18px; font-family: 'Montserrat Medium'; padding: 10px 30px; text-transform: uppercase; text-decoration: none; color: #fff; transition: ease-out 0.4s; } .default_btn a:hover { background: #fdb241; box-shadow: inset 300px 0 0 0 #fdb241; } /*header */ .site-header { float:left; width:100%; position: fixed; z-index: 10; } .site-header .container { max-width: 100%;; width: 90%; position: static; } .site-header .top_bar { transition: ease 0.5s; } .site-header .top_bar .wrap { display: flex; justify-content: flex-end; padding: 7px 0; } .site-header .top_bar .wrap a { font-size:20px; color: #fff; text-decoration: none; font-family: 'Montserrat Medium'; } .site-header .top_bar .wrap a:hover { color: #faaf40; } .site-header .top_bar .wrap .phone { padding-right: 20px; margin-right: 20px; position: relative; } .site-header .top_bar .wrap .phone:after { content:''; height: 20px; width: 2px; background: #fff; position: absolute; right: 0; top:4px; } .site-header .topHeader { background: rgba(0,0,0,.5); transition: top 0.5s; } .site-header .topHeader .row { display: flex; flex-wrap: wrap; } .site-header .topHeader .col-3 { width:280px; position: relative; min-height: 1px; } .site-header .topHeader .col-9 { width:calc(100% - 280px); min-height: 1px; display: flex; align-items: center; justify-content: flex-end; } .site-header .topHeader .logo { padding-top: 10px; } .site-header .header_search { margin-left: 20px; } .site-header .header_search i { color: #fff; padding: 10px; display: inline-block; cursor: pointer; } .site-header .header_search:hover i { color: #faaf40; } .header_search .widget_search { position: absolute; right: 0; background:rgba(0,0,0,.8); width: 100%; max-width: 570px; top: 100%; padding: 20px 10px; z-index: 9; display: none; } .header_search .widget_search form { width: 100%; max-width: 80%; margin: auto; margin-right: 15%; } .site-header .header_search .search-form { position:relative; } .site-header .header_search .search-form label { display:block; } .site-header .header_search .search-form input { width:100%; background: #fff; border:1px solid #f2f2f2; padding: 10px 130px 10px 20px; height: 45px; border-radius:0; } .site-header .header_search .search-form input.search-submit { width:auto; background: #bf362e; border:none; padding: 10px 18px; color: #fff; cursor: pointer; height: 45px; font-size:17px; position: absolute; right:0; top:0; text-transform: uppercase; } .site-header.header-fixed .top_bar { background: #fff; } .site-header.header-fixed .top_bar a { color:#000; } .site-header.header-fixed .topHeader { background:#000; } /* Slider */ .homeSlider { float:left; width:100%; position: relative; background-color: #1d1d1d; } .homeSlider #home_slider { padding:0px; margin: 0px; position: relative; z-index: 9; } .homeSlider .item { height: 775px; list-style-type: none; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .homeSlider .item .overlay { position: absolute; top:0; left:0; width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,.05); } .homeSlider .item .overlay .container { height:100%; } .homeSlider .item .overlay .content { width:100%; max-width: 765px; text-align: left; position: relative; top:50%; left:0%; transform: translateY(-50%); } .homeSlider .item .overlay .content h1 { font-size:48px; font-family: 'Montserrat Bold'; color: #fff; line-height: 60px; margin: 0px 0 20px 0; } .homeSlider .item .overlay .content .text { font-size:20px; color: #fff; line-height: 30px; margin: 0px; } .homeSlider .item .overlay .content .default_btn { margin-top: 40px; } .homeSlider .item .overlay .content .default_btn a { display: inline-block; font-size: 18px; font-family: 'Montserrat Medium'; color: #fff; background: #bf362e; padding: 14px 40px; text-transform: uppercase; text-decoration: none; transition: ease-out 0.4s; } .homeSlider .item .overlay .content .default_btn a:hover { background: #fbb241; box-shadow: inset 300px 0 0 0 #fbb241; } .homeSlider:after { content:''; width:100%; background: url('../images/wave.svg') no-repeat left bottom; background-size: 102%; position: absolute; bottom:-5px; left:0; z-index: 9; padding-bottom: 10%; } .homeSlider:before { content:''; background: url('../images/red_graphic.svg') no-repeat right top; background-size: 100%; position: absolute; top:-1px; right:0; z-index: 2; height: 765px; width: 1130px; } .homeSlider .numbers { position: absolute; top:0; left:0; width: 100%; height: 100%; text-align: center; overflow: hidden; } .homeSlider .numbers .num { clear: both; transform: rotateY(0deg); opacity:0.9; letter-spacing:10px; font-size:16px; color: #333333; } .homeSlider .circles { display: block; width: 100px;height: 100px; background: #feba42;border-radius: 50%; position: absolute; opacity: 1; z-index: 1; } .homeSlider .circle_animation { position: absolute; top:0; left:0; width:100%; height: 100%; z-index: 5; } @media (min-width:1200px) { .homeSlider { min-height: 775px; } } .primary, #primary { float: left; width:100%; position: relative; padding: 30px 0 0px; margin-bottom: 30px; z-index: 1; } .primary:before, #primary:before { content:''; width:100%; height: 100%; background: url('../images/body_wave.svg') no-repeat right top; background-size: cover; position: absolute; top:0; right:0; z-index: -1; } .seo_form h2 { float: left; width:100%; font-size: 44px; color: #000; margin: 0 0 10px 0; } .seo_form .text { text-align: center; font-family: 'Montserrat Regular'; font-size: 17px; } .seo_form .site-audit { background: #fff; box-shadow:0 10px 32px rgba(0,0,0,.05); padding: 35px 20px; margin-top: 15px; } .seo_form #seogroup .seo-scorform .greenabar { background: none!important; width:100%; padding: 0px; margin: 0px; } .seo_form .input-field { float: left; width:100%; } .seo_form .input-button input { display:inline-block; font-size:17px; font-family: 'Montserrat Medium'; color: #fff; min-height: 55px; padding: 10px 20px; text-align: center; background: #bf362e; text-decoration: none; border:none; cursor: pointer; } .seo_form .input-button input:hover { background: #fdb241; } .seo_form .site-audit #seogroup .seo-scorform .form input[type="submit"], #seogroup .seo-scorform { margin:0px!important; border-radius:0; } .seo_form .site-audit #seogroup .seo-scorform .form .form-group { display: flex; } .seo_form .site-audit #seogroup #seogroup-form-url, .site-audit #seogroup #seogroup-form-email, .site-audit #seogroup #seogroup-form-keyword, .site-audit #seogroup #seogroup-form-phone { height: 55px; width: 30.9%; background: #fff; padding: 10px 15px !important; margin: 0 8px !important; position: relative; font-size: 17px; font-family: 'Montserrat Regular' !important; border:1px solid #dedede!important; } .seo_form .site-audit #seogroup .seo-scorform .form input[type="submit"] { height: 55px; background: #bf362e!important; padding: 10px 10px; text-align: center; font-size: 17px; font-family: 'Montserrat Regular' !important; color: #fff; margin-left: 5px; width:130px; transition: ease-out 0.4s; } .seo_form .site-audit #seogroup .seo-scorform .form input[type="submit"]:hover { background: #fdb241; box-shadow: inset 150px 0 0 0 #fdb241; } #seogroup .form a.btn-competitor-url { display: none!important; } /* textblocks*/ .text_blocks { float: left; width:100%; padding: 60px 0; } .text_blocks .row { display: flex; flex-wrap: wrap; align-items: center; } .text_blocks .col-6 { width:50%; padding: 0 15px; position: relative; } .text_blocks h2 { font-size:28px; font-family: 'Montserrat Regular'; margin: 0px 0 0px; color: 000; } .text_blocks h3 { font-size:50px; font-family: 'Montserrat Bold'; margin: 0px; color: 000; } .home .text_blocks h3 { font-size: 90px; } .text_blocks .text p { font-size: 17px; color: #000; margin-bottom: 1.2em; } .text_blocks .text a { text-decoration: underline; color: #000; } .text_blocks .text a:hover { text-decoration: none; } .text_blocks ul, .text_blocks ol { padding: 0px; margin: 20px 0 18px 0; display: inline-block; left: 50%; position: relative; transform: translateX(-50%); } .text_blocks ul li, .text_blocks ol li { list-style-type:none; margin-bottom: 14px; position: relative; font-size: 17px; font-weight: 400; color: #000; padding-left: 25px; /*line-height: 26px;*/ } .text_blocks ul li:before, .text_blocks ol li:before { content:''; height: 8px; width:8px; background: #bf362e; position: absolute; top:10px; left:0; } .text_blocks ul li a { color:#bf362e; text-decoration: none; } .text_blocks .image { -webkit-mask-size: auto 100%; -webkit-mask-repeat: no-repeat; max-width: 501px; float: right; width: auto; height: 100%; max-height: 482px; position: relative; } .text_blocks .image img { width:100%; height:100%; object-fit:cover; } .text_blocks .play_icon { position: absolute; border-radius:50%; text-align: center; background: #fdb241; display: flex; align-items: center; justify-content: center; bottom: 0px; left: 104px; box-shadow: 0 0 8px rgba(0,0,0,.3); } .text_blocks .play_icon a { text-decoration: none; display: block; width: 100px; height: 100px; } .text_blocks .play_icon i { color: #fff; font-size: 36px; margin-left: 5px; top:50%; position: relative; transform: translateY(-50%); } .text_blocks .play_icon:hover { background: #bf362e; } .text_blocks .circle { float: left; width: 100%; position: relative; } .text_blocks .circle:after { content:''; width: 428px; height: 428px; border-radius:50%; background: #fdb241; position: absolute; top:-20px; left:60px; z-index: -1; } .text_blocks .circle:before { content:''; width: 428px; height: 428px; border-radius:50%; background: #bf362e; position: absolute; bottom:-10px; right:-30px; } /*image left align*/ .text_blocks.image_left .image, .text_blocks.left .image { float: left; } .text_blocks.image_left .circle:after, .text_blocks.left .circle:after { top:-30px; left:0px;; } .text_blocks.image_left .circle:before, .text_blocks.left .circle:before { bottom:-10px; right:30px; } /*image right align*/ .text_blocks.right .col-6.right { order:2; } .text_blocks:nth-child(4) .row { align-items: flex-start; } .page-template-default .text_blocks { padding-top: 0px; } /*services*/ .front_services { float: left; width:100%; padding: 50px 0 150px; position: relative; } .front_services:before { content: ''; width:100%; height: calc(100% - 50px); position: absolute; left:0; top:50px; /*background: #fafafa;*/ z-index: -1; } .front_services h2 { font-size: 44px; color: #000; margin: 0px 0 10px; } .front_services .text { font-size: 17px; } .front_services ul { padding: 0px; margin: 0px -15px; display: flex; flex-wrap: wrap; justify-content: center; } .front_services ul li { list-style-type: none; width:33.33%; padding: 0 15px; margin-top: 30px; } .front_services ul li .wrap { float: left; width:100%; background: #fff; border-radius:10px; padding: 30px; text-align: center; height: 100%; transition: background 0.5s; } .front_services ul li .wrap .icon { max-width: 101px; margin: auto; margin-bottom: 10px; } .front_services ul li .wrap .title { font-size: 24px; font-family: 'Montserrat Medium'; color: #000; padding-bottom: 15px; margin: 0px; margin-bottom: 15px; position: relative; } .front_services ul li .wrap .title:after { content:''; width:130px; background: #bf362e; height: 1px; position: absolute; bottom: 0; left:50%; transform: translateX(-50%); } .front_services ul li .wrap .short_text { font-size: 17px; color: #000; } .front_services ul li:hover .wrap { background: #faaf40; } .front_services:after { content:''; width:100%; background: url('../images/wave.svg') no-repeat left bottom; background-size: 102%; position: absolute; bottom:0; left:0; z-index: -1; padding-bottom: 6%; } /* projects*/ .home .projects { float: left; width:100%; padding: 70px 0 60px; background: #fff; } .projects { float: left; width:100%; background: #fff; padding: 60px 0 30px; } .projects h2 { font-size: 44px; color: #000; margin: 0px 0 10px; } .projects .text { font-size: 17px; } .projects #featuredWork { padding: 0px; margin: 40px 0 0px; display: flex; flex-wrap: wrap; } .projects .item { list-style-type: none; } .projects .item a { text-decoration: none; color: #fff; } .projects .item .image { position: relative; } .projects .item .image img { display: block; width: 100%; } .projects .item .image .overlay { position: absolute; bottom: -100%; left:0; padding: 30px; opacity:0; height: 100%; width:100%; transition: ease 0.5s; display: flex; align-items: flex-end; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } .projects .item .image .overlay h3 { font-size: 24px; color: #fff; font-family: 'Montserrat Bold'; margin: 0 0 5px; } .projects .item .image .overlay .short_text { font-size: 17px; color: #fff; } .projects .item:hover .image .overlay { opacity:1; bottom:0; } .projects .default_btn { text-align: center; margin-top: 45px; position: relative; z-index: 9; } /* single page*/ .projects ul { padding: 0px; margin: 40px 0 0px; display: flex; flex-wrap: wrap; } .projects ul li { list-style-type: none; } .projects ul li a { text-decoration: none; color: #fff; } .projects ul li .image { position: relative; } .projects ul li .image img { display: block; width: 100%; } .projects ul li .image .overlay { position: absolute; bottom: -100%; left:0; padding: 30px; opacity:0; height: 100%; width:100%; transition: ease 0.5s; display: flex; align-items: flex-end; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } .projects ul li .image .overlay h3 { font-size: 24px; color: #fff; font-family: 'Montserrat Bold'; margin: 0 0 5px; } .projects ul li .image .overlay .short_text { font-size: 17px; color: #fff; } .projects ul li:hover .image .overlay { opacity:1; bottom:0; } /* single page*/ /*testimonial*/ .testimonials_reviews { float: left; width:100%; position: relative; padding: 120px 0 40px 0; background: #141414; } .testimonials_reviews:before { content:''; width:100%; background: url('../images/wave.svg') no-repeat left top; background-size: 102%; position: absolute; top:-1px; left:0; transform: rotate(-180deg); padding-top: 6%; } .testimonials_reviews:after { content:''; width:100%; background: url('../images/wave.svg') no-repeat left bottom; background-size: 102%; position: absolute; bottom:0px; left:0; padding-bottom: 6%; } .testimonials_reviews #testimonial { padding:0px; margin: 0px; } /*.testimonials_reviews #testimonial .item { list-style-type: none; }*/ .testimonials_reviews .wrap { position: relative; } .testimonials_reviews .row { display: flex; flex-wrap: wrap; align-items: center; } .testimonials_reviews .col-3 { width: 25%; position: relative; padding: 0 15px; min-height: 1px; } .testimonials_reviews .col-9 { width: calc(75% - 100px); position: relative; padding: 0 15px; min-height: 1px; top:50px; } .testimonials_reviews h2 { width:100%; font-size:44px; font-family: 'Montserrat Bold'; color:#fff; margin: 0px 0 10px 0; position: relative; } .testimonials_reviews .short_text { font-size:17px; color: #fff; } .testimonials_reviews .text { font-size:17px; color: #fff; margin-top: 35px; } .testimonials_reviews .author { margin-top: 35px; } .testimonials_reviews .author .name { margin: 0px 0 4px 0; font-size: 24px; font-family: 'Montserrat Bold'; color: #fff; } .testimonials_reviews .author .company, .testimonials_reviews .author .company a { font-size: 18px; color: #fdb241; text-decoration: none; } .testimonials_reviews .image { position: relative; width:180px; height: 180px; border-radius:50%; background: #fff; text-align: center; padding: 20px; margin-left: 40px; top:7px; z-index: 1; } .testimonials_reviews .image:after { content:''; width:264px; height: 264px; border-radius: 50%; position: absolute; top:-42px; left:-40px; opacity: .19; z-index: -1; background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(20,20,20,0) 51%, rgba(20,20,20,0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(20,20,20,0) 51%,rgba(20,20,20,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(20,20,20,0) 51%,rgba(20,20,20,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00141414',GradientType=1 ); } .testimonials_reviews .image img { top:50%; position: relative; transform: translateY(-50%); } .testimonials_reviews .image .quote { position: absolute; width:75px; height: 75px; border-radius:50%; text-align: center; background: #fdb241; display: flex; align-items: center; justify-content: center; bottom: -30px; left: 0; } .testimonials_reviews .image .quote i { color: #fff; font-size: 36px; } .testimonials_reviews .owl-dots { text-align: center; position: absolute; right: 0; width: 30px; top: 34%; transform: translateY(-50%); } .testimonials_reviews .owl-dots .owl-dot { width:8px; height: 8px; border-radius:50%; background: #fff; margin: 10px 10px; } .testimonials_reviews .owl-dots .owl-dot.active { opacity: 1; position: relative; } .testimonials_reviews .owl-dots .owl-dot.active:before { content: ''; width: 22px; height: 22px; border: 1px solid #fff; position: absolute; top:50%; left:50%;transform: translate(-50%, -50%); border-radius:50%; } .testimonials_reviews .owl-carousel .owl-stage-outer { padding-bottom: 60px; } /*blogs*/ .latest_blog { float: left; width:100%; padding: 60px 0 30px; position: relative; background: #fafafa; } .latest_blog h2 { font-size: 44px; color: #000; margin: 0px 0 10px; } .latest_blog .text { font-size: 17px; } .latest_blog #front_posts { padding: 0px; margin: 0px; } .latest_blog .item { margin-top: 40px; padding: 0 15px; } .latest_blog .item a { text-decoration: none; color: #000; } .latest_blog .item .content { width: calc(100% - 30px); margin: auto; margin-top: -45px; padding: 25px; background: #fff; z-index: 1; position: relative; } .latest_blog .item .content h3 { font-size: 22px; color: #000; font-family: 'Montserrat Medium'; margin: 0px; } .latest_blog .item .content .date { font-size: 17px; border-top:1px solid #ececec; padding-top: 15px; margin-top: 15px; position: relative; padding-left: 40px; } .latest_blog .item .content .date:before { content:''; background: url('../images/date_icon.png') no-repeat left top; width:26px; height: 26px; position: absolute; top:16px; left:0; } .latest_blog .item .content .go { position: absolute; right:0; background: url('../images/long-arrow.png') no-repeat left center; background-size: 100%; width:25px; height: 25px; } .latest_blog .default_btn { text-align: center; margin-top: 30px; } .latest_blog .owl-stage-outer { display: flex; justify-content: center; } /* awards*/ .awards { float: left; width:100%; padding: 120px 0 120px; position: relative; background: #fafafa; } .awards h2 { font-size: 44px; margin: 0 0 20px 0; } .awards .short_text { font-size:17px; margin: 0 0 20px 0; } .awards:before { content:''; width:100%; background: url('../images/wave.svg') no-repeat left top; background-size: 102%; position: absolute; top:0px; left:0; transform: rotate(-180deg); padding-top: 6%; } .awards:after { content:''; width:100%; background: url('../images/wave.svg') no-repeat left bottom; background-size: 102%; position: absolute; bottom:0px; left:0; padding-bottom: 6%; } .awards #awards { display: flex; flex-wrap: wrap; } .awards .item { text-align: center; } .awards .item img { width: auto!important; display: inline-block!important; -webkit-filter: grayscale(1); filter: grayscale(1); } .awards .item img:hover { -webkit-filter: grayscale(0); filter: none; } .awards .owl-carousel .owl-stage { display: flex; align-items: center; } .awards .dis-table { max-width:190px; } /*footer*/ .site-footer { float: left; width:100%; position: relative; background: #fff; padding: 50px 0 0; z-index: 1; } .site-footer .row { display: flex; flex-wrap: wrap; } .site-footer .col-6 { width:50%; padding: 0 15px; position: relative; } .site-footer .contact_info { float: left; width: 100%; } .site-footer .contact_info h2 { font-size:44px; color:#000; margin: 0 0 15px 0; font-family: 'Montserrat Bold'; } .site-footer .contact_info .text { font-size:17px; color: #000; } .site-footer .address, .site-footer .email, .site-footer .phone { display: flex; align-items: center; margin-top: 40px; } .site-footer .address .icon { background: url('../images/map_pin.png') no-repeat center #fff; } .site-footer .email .icon { background: url('../images/mail.png') no-repeat center #fff; } .site-footer .phone .icon { background: url('../images/phone.png') no-repeat center #fff; } .site-footer .address .icon, .site-footer .email .icon, .site-footer .phone .icon { width:76px; height: 76px; border-radius:50%; box-shadow:0 0 9px rgba(0,0,9,.11); text-align: center; } .site-footer .address .text, .site-footer .email .text, .site-footer .phone .text { width:calc(100% - 76px); padding-left: 22px; } .site-footer .address .text label, .site-footer .email .text label, .site-footer .phone .text label { display: block; font-size: 17px; font-weight: normal; } .site-footer .address .text label { font-size: 22px; font-family: 'Montserrat Bold'; } .site-footer .address .text span { font-size: 17px; } .site-footer .email .text span, .site-footer .phone .text span { font-size: 22px; font-family: 'Montserrat Bold'; color: #000; } .site-footer .address .text a, .site-footer .email .text a, .site-footer .phone .text a { text-decoration: none; color: #000; } .site-footer .address .text a:hover span, .site-footer .email .text a:hover span, .site-footer .phone .text a:hover span { color: #faaf40; } .contact_form { float: left; width:100%; position: relative; z-index: 9; } .contact_form .wpforms-container-full { max-width: 100%; margin: auto; background: #fff; border-radius:10px; padding: 50px 40px; box-shadow: 0 10px 32px rgba(0,0,0,.05); position: relative; } .contact_form .wpforms-head-container .wpforms-title { text-align: center; font-size: 38px!important; font-family: 'Montserrat Bold'; color:#000; margin: 0 0 15px 0!important; } .contact_form .wpforms-head-container .wpforms-description { text-align: center; font-size: 17px; color: #000; margin-bottom: 15px!important; } .contact_form .wpforms-container-full .wpforms-form .wpforms-field-container .wpforms-field input.wpforms-field-medium { max-width:100%; border:1px solid #dedede; height: 55px; font-size:17px; padding: 5px 15px; border-radius:0px; } .contact_form .wpforms-container-full .wpforms-form .wpforms-field-container .wpforms-field textarea { height: 145px; border:1px solid #dedede; font-size:18px; padding: 10px 15px; resize: none; border-radius:0px; } .contact_form .wpforms-container-full .wpforms-form .wpforms-submit-container button { border:none; padding: 18px 30px; background: #bf362e; font-size: 17px; color: #fff; cursor: pointer; min-width: 160px; text-transform: uppercase; font-family: 'Montserrat Bold'; transition: ease-out 0.4s; } .contact_form .wpforms-container-full .wpforms-form .wpforms-submit-container button:hover { border:none!important; background:#fcb240!important; box-shadow: inset 200px 0 0 0 #fcb240; color: #fff; } .copyright { float: left; width: 100%; position: relative; padding: 60px 0 40px; background: #bf362e; margin-top: -132px; } .copyright .footer_logo { margin-bottom: 30px; position: relative; display: inline-block; } .copyright .footer_logo:after { content:''; background: #fff; position: absolute; width: 112px; height: 112px; opacity:.2; top:44%; left:50%; transform: translate(-50%, -50%); border-radius:50%; } .copyright .footer_logo:before { content:''; background: #fff; position: absolute; width: 140px; height: 140px; opacity:.2; top:44%; left:50%; transform: translate(-50%, -50%); border-radius:50%; } .copyright .footer_logo img { position: relative; z-index: 9; } .copyright .circle { border-radius: 50%; background-color: white; width: 85px; height: 85px; position: absolute; top:0px; left: 0px; opacity: 0; animation: scaleIn 3s infinite cubic-bezier(.36, .11, .89, .32); } /*.copyright .logo .circle { left:0px; top:0px; }*/ @keyframes scaleIn { from { transform: scale(.8, .8); opacity: .5; } to { transform: scale(2.2, 2.2); opacity: 0; } } .copyright .row { display: flex; flex-wrap: wrap; align-items: flex-end; } .copyright .col-9 { width:80%; position: relative; padding: 0 15px; } .copyright .col-3 { width:20%; position: relative; padding: 0 15px; } .copyright .copyright_text { font-size: 14px; color: #fff; } .copyright .copyright_text p { margin: 0px; } .copyright .copyright_text a { text-decoration: none; color: #fff; } .copyright .copyright_text a:hover { color: #faaf40; } .copyright .social_icons { display: flex; justify-content: right; } .copyright .social_icons ul { padding: 0px; margin: 0px; display: flex; flex-wrap: wrap; align-items: flex-end; } .copyright .social_icons li { list-style-type: none; margin-left: 10px; } .copyright .social_icons li i { color: #fff; font-size: 32px; vertical-align: top; position: relative; transition: ease 0.5s; } .copyright .social_icons li a { font-size:18px; color:#fff; text-decoration: none; display: block; } .copyright .social_icons li a:hover i { color: #faaf40; } /* inner page */ .top_banner { float: left; width:100%; height: 569px; background-color: #303030; background-position: center; background-size: cover; position: relative; z-index:8; text-align: center; } .top_banner:before { content:''; width:100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; top:0; left:0; } .top_banner:after { content:''; width:100%; background: url('../images/wave.svg') no-repeat left bottom; background-size: 102%; position: absolute; bottom:-10px; left:0; padding-bottom: 100%; } .top_banner .container { height:100%; position: relative; } .top_banner .overlay { width:100%; text-align: center; position: absolute; left: 50%; top:60%; transform: translate(-50%, -50%); z-index:9; } .top_banner .overlay h1 { font-size:51px; font-family: 'Montserrat Bold'; color: #fff; line-height: 55px; margin: 0px 0 20px; } .top_banner .overlay .short_text { font-size:20px; color: #fff; line-height: normal; margin: 0px; } .top_banner .overlay .short_text p { margin-bottom: 0px; } .top_banner.no-banner-img { background: url('../images/inner_banner.gif') no-repeat center center!important; background-size: cover!important; } .how_we_started { float: left; width:100%; position: relative; padding: 100px 0 60px; } .how_we_started:before { content:''; width: 100%; height: 100%; background: #fafafa; position: absolute; top:0; z-index: -9; } .how_we_started h2 { font-size: 44px; color: #000; margin: 0 0 10px 0; } .how_we_started .short_text { font-size: 17px; color: #000; } .how_we_started .mrn_image { text-align: center; margin: 30px 0; } .how_we_started .default_btn { text-align: center; margin-top: 20px; } .work_with_mrn { float: left; width:100%; position: relative; background: #fff; padding: 60px 0; } .work_with_mrn h2 { font-size: 44px; color: #000; margin: 0 0 10px 0; } .work_with_mrn .short_text { font-size: 17px; color: #000; } .work_with_mrn .row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: top; } .work_with_mrn .col-7 { width:58%; } .work_with_mrn .col-5 { width:42%; } .work_with_mrn .content ul { padding: 0px; margin: 30px 0 0px; } .work_with_mrn .content ul li { list-style-type: none; margin-bottom: 12px; font-size: 17px; color: #000; position: relative; padding-left: 22px; } .work_with_mrn .content ul li:before { content: ''; width:7px; height: 7px; background: #bf362e; position: absolute; top:13px; left: 0; } .work_with_mrn .mrn_image { display: flex; justify-content: center; position: relative; z-index: 1; } .work_with_mrn .mrn_image:after { content:''; width:474px; height: 474px; border-radius: 50%; z-index: -1; background: #fafafa; position: absolute; bottom: -20px; left:50%; transform: translateX(-50%); } .seo_by_numbers { float: left; width:100%; padding: 60px 0; position: relative; } .seo_by_numbers:before { content:''; width: 100%; height: 100%; background: #fafafa; position: absolute; top:0; z-index: -9; } .seo_by_numbers h2 { width:100%; font-size:44px; color:#000; margin: 0 0 10px 0; position: relative; } .seo_by_numbers .short_text { font-size: 17px; color: #000; } .seo_by_numbers ul { padding:0px; margin: 0px -15px; display: flex; flex-wrap: wrap; position: relative; z-index: 1; } .seo_by_numbers ul li { width:50%; position: relative; list-style-type: none; padding: 0 15px; padding-top: 40px; padding-bottom: 20px; } .seo_by_numbers ul li .wrap { width:100%; display: flex; align-items: center; position: relative; } .seo_by_numbers ul li .wrap .icon { float: left; width:163px; height: 163px; border:7px solid #ebebeb; border-radius:50%; text-align: center; box-shadow:inset 6px 14px 11px rgba(0,0,0,0.18); position: relative; background: #fff; } .seo_by_numbers ul li .wrap .icon img { max-width: 90px; max-height: 100px; position: relative; top:50%; transform: translateY(-50%); } .seo_by_numbers ul li:nth-child(2n+1) .icon:after { content: ''; width: 100%; position: absolute; right: -90px; top: 150px; background: #e6e6e6; height: 6px; transform: rotate(36deg); z-index: -1; } .seo_by_numbers ul li:nth-child(2n+2) .icon:after { content: ''; width: 100%; position: absolute; right: 114px; top: 170px; background: #e6e6e6; height: 6px; transform: rotate(142deg); z-index: -1; } .seo_by_numbers ul li:last-child .icon:after { display: none; } .seo_by_numbers ul li .wrap .content { float: left; width:calc(100% - 163px); } .seo_by_numbers ul li .wrap .content h3 { margin: 0px; font-size:70px; font-family: 'Montserrat Bold'; color:#ffd100; } .seo_by_numbers ul li .wrap .content h4 { margin: 0px; font-size:26px; font-family: 'Montserrat Bold'; border-bottom: 1px solid #bf362e; padding-bottom: 15px; margin-bottom: 10px; } .seo_by_numbers ul li .wrap .content .text { font-size:17px; color:#000; line-height: 28px; min-height: 110px; } .seo_by_numbers ul li:nth-child(2n+1) .icon { order:2; } .seo_by_numbers ul li:nth-child(2n+2) { position: relative; top: 155px; } .seo_by_numbers ul li:nth-child(2n+2) h3, .seo_by_numbers ul li:nth-child(2n+2) h4, .seo_by_numbers ul li:nth-child(2n+2) .text { padding-left: 30px; } .seo_by_numbers ul li:nth-last-child(1):nth-child(even) { margin-bottom: 120px; } .webdesign_include { float: left; width:100%; padding: 60px 0; position: relative; } .webdesign_include:before { content:''; width: 100%; height: 100%; background: #fafafa; position: absolute; top:0; z-index: -9; } .webdesign_include h2 { width:100%; font-size:44px; color:#000; margin: 0 0 10px 0; position: relative; } .webdesign_include .short_text { font-size: 17px; color: #000; } .webdesign_include ul { padding: 0px; margin: 0px -15px; display: flex; flex-wrap: wrap; justify-content: center; } .webdesign_include ul li { list-style-type: none; width:33.33%; padding: 0 15px; margin-top: 45px; } .webdesign_include ul li .wrap { float: left; width:100%; text-align: center; } .webdesign_include ul li .wrap .icon { width:128px; height: 128px; margin: auto; background: #fff; border-radius: 50%; text-align: center; margin-bottom: 16px; } .webdesign_include ul li .wrap .icon img { max-width: 75px; top:50%; transform: translateY(-50%); position: relative; } .webdesign_include ul li .wrap h3 { font-size: 26px; position: relative; color: #000; font-family: 'Montserrat Bold'; padding: 0 0 20px; margin: 0 0 15px 0; } .webdesign_include ul li .wrap h3:after { content:''; width:127px; height: 1px; background: #bf362e; left:50%; transform: translateX(-50%); position: absolute; bottom: 0; } /*project Details*/ .project_details { float: left; width:100%; position: relative; padding: 60px 0; } .project_details .row { display: flex; flex-wrap: wrap; justify-content: space-between; } .project_details .row .col-8 { width:65%; padding: 0 15px; } .project_details .row .col-4 { width:35%; padding: 0 15px; } .project_details h2 { font-size:34px; color: #000; font-family: 'Montserrat Bold'; margin: 0 0 10px 0; } .project_details .text { font-size: 17px; } .project_info { background: #fff; box-shadow:0 10px 32px rgba(0,0,0,.05); padding: 30px; border-radius:10px; } .project_info h3 { font-size: 25px; color: #000; margin: 0 0 10px 0; } .project_info .website a { font-size: 17px; color: #000; text-decoration: none; } .project_info .website { margin-bottom: 35px; } .the_challenge { padding: 60px 15px; float: left; width:100%; } .services_provided { float: left; width:100%; padding: 60px 0; position: relative; background: #fafafa; } .services_provided .col-6 { width: 50%; } .services_provided .text { font-size: 17px; color: #000; } .services_provided .text ul { padding: 0px; margin: 0px; } .services_provided .text ul li { font-size: 18px; font-family: 'Montserrat Medium'; color: #000; position: relative; padding-left: 30px; list-style-type: none; margin: 15px 0 20px; } .services_provided .text ul li:before { content: ''; width:8px; height: 8px; background: #bf362e; position: absolute; top:12px; left: 0; } .project_details .text_blocks { padding: 60px 0 40px; } .page-template-tpl-portfolio #primary { padding-bottom:0px; } /*project Details*/ /* cta*/ .cta { float: left; width:100%; position: relative; padding: 120px 0 120px 0; background: #141414; z-index: 9; } .cta .container { z-index:9; } .cta:before { content:''; width:100%; background: url('../images/wave.svg') no-repeat left top #141414; background-size: 105%; position: absolute; top:-1px; left:0; transform: rotate(-180deg); padding-top: 6%; } .cta:after { content:''; width:100%; background: url('../images/wave.svg') no-repeat left bottom #141414; background-size: 105%; position: absolute; bottom:0px; left:0; padding-bottom: 7%; } .cta p { font-size: 22px; color: #fff; text-align: center; line-height: 35px; } .cta p strong { font-size: 26px; color: #fff; font-family: 'Montserrat Bold'; font-weight: normal; } .cta .default_btn { text-align: center; } .cta .default_btn a { background: #f9aa3f; color: #000; } .cta .default_btn a:hover { background: #bf362e; box-shadow: inset 300px 0 0 0 #bf362e; } /* cta*/ /* our team*/ .our_team { float: left; width:100%; padding: 50px 0; position: relative; } .our_team:before { content:''; width: 100%; height: 100%; background: #fafafa; position: absolute; top:0; z-index: -9; } .our_team h2 { font-size:44px; color: #000; margin: 0 0 10px 0; position: relative; } .our_team ul { padding: 0px 30px; margin: 0px; } .our_team ul li { list-style-type: none; margin-top: 40px; } .our_team ul li .wrap { display: flex; flex-wrap: wrap; align-items: center; } .our_team ul li .wrap .image { width:282px; margin-left: -150px; } .our_team ul li .wrap .image img { width:100%; } .our_team ul li .content { width: calc(100% - 282px + 150px); background: #fff; padding: 60px 200px 60px 60px; box-shadow:0 0 16px rgba(0,0,0,.05); min-height: 380px; } .our_team ul li .content h3 { margin: 0px 0 5px; font-size: 30px; color: #000; font-family: 'Montserrat Medium'; } .our_team ul li .content .degignation { font-size: 17px; color: #bf362e; } .our_team ul li .content .text { font-size: 17px; color: #000; margin-top: 20px; } .our_team ul li:nth-child(odd) .image { order: 2; } .our_team ul li:nth-child(even) .image { position: relative; left: 150px; } .our_team ul li:nth-child(even) .content { padding: 60px 60px 60px 200px; } /*career page */ .page-template-tpl-career-opportunity .editor_content .default_btn, .accordion-panel .default_btn a { display: inline-block; background: #bf362e; padding: 10px 30px; color: #fff; min-width: 168px; font-size: 17px; text-align: center; text-decoration: none; } .page-template-tpl-career-opportunity .editor_content .default-btn:hover, .accordion-panel .default-btn a:hover { background: #efcc30; color: #000; box-shadow: inset 300px 0 0 0 #efcc30; } .accordion-container { float: left; width:100%; margin-top:20px; } .accordion-container ul { padding:0; margin: 0px; } .accordion-container ul li { float: left; width:100%; margin-bottom: 12px; } .accordion-container .accordion { background-color: #eee; color: #000; cursor: pointer; padding: 18px 70px 18px 24px; width: 100%; border: none; text-align: left; outline: none; font-size: 18px; font-family: 'Montserrat Medium'; transition: 0.4s; border-radius:0px; position: relative; } .accordion-container li { list-style-type:none; margin-bottom: 12px; } .accordion-container .active, .accordion:hover { background-color: #bf362e; color: #fff; } .accordion:after { content: '\002B'; color: #000; float: right; margin-left: 0px; width:26px; height: 26px; border-radius:50%; text-align: center; font-size:23px; background: #fff; position: absolute; right:20px; top:12px; border:2px solid #000; line-height: 20px; } .accordion-container .active:after { content: "\2212"; } .accordion-panel { float: left; width:100%; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .accordion-panel .text-panel { float: left; width:100%; padding: 30px 24px; } .accordion-panel .text-panel p { margin-top:0px; } .accordion-panel .default-btn { margin-top:25px; } .opportunity-form { float: left; width:100%; padding: 30px; background: #fafafa; box-shadow:0 0 15px rgba(0,0,0, .16); } .opportunity-form .wpforms-head-container .wpforms-description { text-align: center; font-size: 24px!important; font-family: 'Montserrat Medium'; color:#000; margin: 0 0 15px 0!important; } .opportunity-form .wpforms-container-full .wpforms-form .wpforms-field-container .wpforms-field input.wpforms-field-medium { max-width:100%; border:1px solid #dedede; height: 45px; font-size:17px; padding: 5px 15px; border-radius:0px; } .opportunity-form .wpforms-container-full .wpforms-form .wpforms-field-container .wpforms-field textarea { height: 145px; border:1px solid #dedede; font-size:18px; padding: 10px 15px; resize: none; border-radius:0px; } .opportunity-form .wpforms-container-full .wpforms-form .wpforms-submit-container button { border:none; padding: 18px 30px; background: #bf362e; font-size: 17px; color: #fff; cursor: pointer; min-width: 160px; text-transform: uppercase; font-family: 'Montserrat Bold'; transition: ease-out 0.4s; } .opportunity-form .wpforms-container-full .wpforms-form .wpforms-submit-container button:hover { border:none!important; background:#fcb240!important; box-shadow: inset 200px 0 0 0 #fcb240; color: #fff; } .opportunity-form .wpforms-container-full .wpforms-field-file-upload { margin-bottom: 10px!important; } .job_details .col-4 { float: left; width:41.666%; position: relative; min-height: 1px; } .job_details .col-8 { float: left; width:58.333%; position: relative; min-height: 1px; } /* testimonials list page*/ .testimonials_reviews ul { padding: 0px; margin: 0px; } .testimonials_reviews.list_page { padding: 40px 0; background: none; position: relative; } .testimonials_reviews.list_page:before { content:''; width: 100%; height: 100%; background: #fafafa; position: absolute; top:0; z-index: -9; } .testimonials_reviews.list_page .col-9 { top:0; width:75%; } .testimonials_reviews.list_page:after { display: none; } .testimonials_reviews.list_page ul li { margin-bottom: 30px; } .testimonials_reviews.list_page ul li .content { background: #fff; box-shadow:0 0 16px rgba(0,0,0,.08); padding: 40px; } .testimonials_reviews.list_page ul li .text { color: #000; margin: 0px; } .testimonials_reviews.list_page ul li .author h4 { color: #000; margin-bottom: 10px; } .testimonials_reviews.list_page ul li .image { border:1px solid #000; top:0; background: #fff; } .testimonials_reviews.list_page ul li .image:before { content:''; width:100%; height: 100%; background: #fff; position: absolute; top:0; left:0; border-radius:50%; } .testimonials_reviews.list_page ul li .image:after { background: rgb(255,255,255); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 39%, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 51%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 39%,rgba(255,255,255,1) 50%,rgba(0,0,0,1) 51%,rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 39%,rgba(255,255,255,1) 50%,rgba(0,0,0,1) 51%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=1 ); } .testimonials_reviews.list_page ul li:nth-child(odd) .col-3 { order:2; } .testimonials_reviews.list_page ul li:nth-child(even) .image:after { background: rgb(0,0,0); background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 61%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 49%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 61%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 49%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 61%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=1 ); } /*web services*/ .web_services { float:left; width:100%; padding: 50px 0; } .web_services:before { content:''; width: 100%; height: 100%; background: #fafafa; position: absolute; top:0; z-index: -9; } .web_services ul { padding:0px; margin:0px; } .web_services ul li { list-style-type:none; padding: 0px 0 40px; display: flex; flex-wrap: wrap; align-items: center; } .web_services ul li:last-child { padding-bottom:0; } .web_services ul li .wrap { float: left; width: 100%; } .web_services ul li .col-4 { width:40%; } .web_services ul li .col-8 { width:60%; } .web_services ul li .text { font-size: 16px; line-height: 30px; } .web_services ul li:nth-child(even) .col-4 { order: 2; } .web_services ul li .title { font-size:24px; margin: 0 0 20px 0; } .web_services ul li .default_btn { margin-top:30px; } /*web services*/ /* portfolio list */ .page-template-tpl-portfolio .projects { padding-top: 0px; } .projects ul.casestudy li { width:33.33%; padding: 2px; overflow: hidden; } .our_work { float: left; width: 100%; padding: 60px 0 0; position: relative; background: #fff; } .our_work h2 { font-size: 44px; color: #000; margin: 0 0 10px 0; } .our_work .short_text { font-size: 17px; color: #000; } .our_work .data-target-div1 #caf-filter-layout1 li a, .our_work .data-target-div1 #caf-filter-layout1 li.more span { font-size: 17px; color: #000; font-family: 'Montserrat Medium'; font-weight: normal; margin: 0px; padding: 5px 11px; position: relative; background: none; text-transform: none; } .our_work .data-target-div1 #caf-filter-layout1 li a.active { border-bottom:2px solid #bf362e; background: none; } .caf-post-layout1 .manage-layout1 { box-shadow: none!important; } .our_work .caf-post-layout1 .manage-layout1 .caf-featured-img-box { box-shadow: 0 0 10px rgba(0,0,0,.20); padding: 10px; margin-bottom: 20px; min-height: 250px; background-size: 100% !important; background-repeat: no-repeat !important; background-position: center !important; } .our_work .manage-layout1 .caf-post-title { padding: 0!important; margin-bottom: 10px; } .our_work .manage-layout1 .caf-post-title h2 { font-size: 24px!important; font-family: 'Montserrat Bold'!important; line-height: normal!important; } .our_work .manage-layout1 .caf-post-title a { color: #000!important; } .our_work .manage-layout1 .caf-content { font-size: 17px; color: #000; padding: 0px!important; text-align: left; } .our_work ul#caf-layout-pagination.post-layout1 { margin-top: 30px; } /* portfolio list */ /* editor css*/ #primary { float: left; width: 100%; padding: 40px 0 40px; position: relative; z-index: 1; } .editor_content .full_content { background: #fff; box-shadow: 0 10px 32px rgba(0,0,0,.05); padding: 35px 20px; margin-bottom: 80px; } .editor_content { float: left; width:100%; position: relative; } .editor_content h1 { font-size: 44px; color: #000000; position: relative; margin: 0 0 10px 0; } .editor_content h2 { font-size:44px; color: #000000; position: relative; margin: 0px 0 10px 0; } .editor_content h3 { font-size:30px; color: #000000; margin:0 0 10px 0; } .editor_content h4 { font-size:26px; color: #000000; margin:0 0 10px 0; font-weight: normal; } .editor_content p { font-size:17px; font-weight: 400; color: #000000; margin: 0 0 25px; } .editor_content p a, .editor_content a { text-decoration: none; color: #bf362e; } .editor_content p a:hover { color: #000; } .editor_content ul, .editor_content ol { padding: 0px; margin: 20px 0 18px 0; display: inline-block; position: relative; /*left: 50%; transform: translateX(-50%);*/ } .editor_content ul li, .editor_content ol li { list-style-type:none; margin-bottom: 14px; position: relative; font-size: 17px; font-weight: 400; color: #000; padding-left: 25px; /*line-height: 26px;*/ } .editor_content ul li:before, .editor_content ol li:before { content:''; height: 8px; width:8px; background: #bf362e; position: absolute; top:9px; left:0; } .editor_content ul li a { color:#bf362e; text-decoration: none; } .editor_content blockquote { padding: 30px 10px; margin: 10px 0 10px 0; width:100%; border:2px solid rgba(55,105,178,1); text-align: center; } .editor_content blockquote h1 { font-size:45px; position: relative; font-weight: 700; margin: 0px; text-transform: uppercase; color:#000000; } .editor_content blockquote p { margin:30px 0 0; font-size:20px; color:#000000; font-weight: 700; } .editor_content table { width:100%; border-collapse: collapse; margin: 30px 0; } .editor_content table td, .editor_content table th { font-size:16px; color: #bf362e; padding: 10px; border-bottom: 1px solid #dee2e6; } .editor_content table th { background: #bf362e; color: #fff; border-bottom: 2px solid #dee2e6; text-align: left; } .editor_content tbody tr:nth-of-type(2n+1) { background-color: rgba(0,0,0,.05); } /* editor css*/ /*blog page*/ .s2_form_widget { padding:15px 20px; background: #bf362e; margin-top: 30px; } .s2_form_widget .widget-title { margin:0 0 10px 0!important; color:#fff!important; font-size:24px; padding-bottom: 0!important; } .s2_form_widget .widget-title::before { display: none!important; } .s2_form_widget input[type="email"] { width:100%; background: #fff; padding: 10px 20px 10px 20px!important; border:none!important; border-radius:5px!important; height: auto; } .s2_form_widget p { margin:10px 0; } .s2_form_widget p label { color:#fff; font-size:16px; } .s2_form_widget input { width: 100%; background: #fff; padding: 10px 60px 10px 35px; border: none; border-radius: 5px; height: 53px; } .s2_form_widget input[type="submit"] { width:auto; border:none; display: inline-block; background: #faaf40; font-size:16px; padding: 12px 30px; color: #000; text-decoration: none; border-radius:30px; cursor: pointer; text-align: center; height: auto; margin-right: 4px; } .s2_form_widget input[type="submit"]:hover { background: #fff; } .s2_form_widget p.s2_message { color:#fff; width:100%; line-height: 1.4; font-size: 16px; } .s2_form_widget p.s2_message a { color:#fff; } .widget-area .widget_search { position: relative; } .widget-area .widget_search label { display: none; } .widget-area .widget_search input { width: 100%; height: 40px; padding: 5px 85px 5px 15px; font-size: 17px; color: #666; border: 1px solid #ccc; } .widget-area .widget_search .wp-block-search__button { width:auto; border:none; display: inline-block; background: #bf362e; font-size:16px; text-align: center; padding: 4px 20px; color: #fff; text-decoration: none; cursor: pointer; position: absolute; top:0; right:0; height: 40px; } .widget-area .widget_search .wp-block-search__button:hover { background: #fbb241; box-shadow: inset 100px 0 0 0 #fbb241; } /*#primary.post_page { padding-top: 80px; }*/ .post_page .col-8 { float:left; width:70%; padding: 0 15px; position: relative; min-height: 1px; } .post_page .col-4 { float:left; width:30%; padding: 0 15px; position: relative; min-height: 1px; } .post_page h2.title { margin: 0 0 30px 0; } .post_page h2.title span { color: #bf362e; } .post_list { padding: 0px; margin: 0px; } .post_list li { list-style-type:none; float: left; width:100%; padding-bottom: 30px; margin-bottom:30px; border-bottom:1px solid #f2f2f2; } .post_list li:last-child { border:none; } .post_list li .img { float: left; width:100%; max-width:280px; padding-right: 30px; } .post_list li .content { float: left; width:calc(100% - 280px);} .post_list li .content h2 { font-size:22px; color: #000; margin-top: 0; margin-bottom: 10px; padding-bottom: 0; } .post_list li .content h2 br { display:none; } .post_list li .content h2 a { color: #000; text-decoration: none; display: block; } .post_list li .content h2 a:hover { text-decoration:none; color: #bf362e; } .post_list li .content p { font-size:16px; color: #000000; margin: 0px; line-height: 27px; } .post_list li .content p a { text-decoration: underline; color: #000000; font-weight: 700; } .post_list li .content .readmore { margin-top: 15px; } .post_list li .content .readmore a { display: inline-block; background: #bf362e; padding: 5px 30px 8px; color: #fff; min-width: 168px; font-size: 16px; text-align: center; text-decoration: none; border:none; cursor: pointer; outline: none; } .post_list li .content .readmore a:hover { background: #fbb241; box-shadow: inset 300px 0 0 0 #fbb241; } .post_list li .content.full-width { width:100%; } #secondary { float:left; width:100%; background: #f6f6f6; padding: 20px 20px; } #secondary .widget { margin-bottom: 0px; } #secondary h2 { font-size:22px; margin: 30px 0 0px; color: #000; position: relative; } #secondary ul, #secondary ol { padding:0px; margin: 10px 0 0 0px; } #secondary ul li, #secondary ol li { list-style-type:none; padding: 5px 0; margin: 0px; position: relative; } #secondary ul li:last-child:before, #secondary ul li:last-child:after { display: none; } #secondary ul li:after { content:''; width:100%; height: 1px; border-bottom: 1px dashed #d7d7d7; position: absolute; bottom: -1px; } #secondary ul li:before { content:''; width:100%; height: 1px; border-bottom: 1px dashed #d7d7d7; position: absolute; bottom: 0px; left:2px; } #secondary ul li a { font-size:17px; color: #000000; text-decoration: none; display: block; position: relative; padding-left: 30px; } #secondary ul li a:before { content:''; width:14px; height: 14px; background: #bf362e; border-radius:50%; left:0px; top:8px; position: absolute; } #secondary ul li a:hover { color: #bf362e; text-decoration: none; } #secondary ul li.current-cat { color: #bf362e; } #secondary ul li.current-cat a { color: #bf362e; text-decoration: none; } #secondary ul li.current-cat a:before, #secondary ul li a:hover:before { background: #bf362e; } #secondary .wp-block-latest-comments a { text-decoration: none; color:#bf362e; } .pagination { float: left; width:100%; text-align: center; margin: 45px 0px; margin: 15px 0 30px; background:none; } .pagination .page-numbers { display: inline-block; margin: 0px 2px; } .pagination .page-numbers { font-size: 24px; color: #bf362e; text-decoration: none;} .pagination .page-numbers:hover, .pagination .page-numbers.current { color: #bf362e;} .post_page .post-thumbnail, .post_page .featured_img { margin-bottom:30px; } .post_page .entry-header .entry-meta { color: #666; margin: 10px 0 20px; } .post_page .entry-content { margin-top: 0; padding-top: 0; } .post_page .entry-content iframe { width:100%; height: 450px; margin-bottom: 20px; } .post_page h1 { font-size:44px; color: #000000; position: relative; margin: 0px 0 20px; padding:0; font-family: 'Montserrat Bold'; } .post_page .entry-content h2 { font-size:30px; color: #000000; position: relative; margin: 0px 0 15px; padding:0; font-family: 'Montserrat Medium'; } .post_page .entry-content h3 { font-size:24px; color: #000000; position: relative; margin: 0px 0 15px; padding:0; font-family: 'Montserrat Medium'; } .post_page .entry-content h4, .post_page .entry-content h5, .post_page .entry-content h6 { margin-bottom: 20px; font-size: 20px; color: #000; font-family: 'Montserrat Medium'; } .post_page .entry-content p { font-size:16px; line-height: 30px; color: #000000; margin: 0 0 20px; } .post_page .entry-content p strong { font-family: 'Montserrat Medium'; font-weight: normal; } .post_page .entry-content p a { text-decoration: underline; color: #000; } .post_page .entry-content p a:hover { text-decoration: none; color: #bf362e; } .post_page .entry-content p img { display: block; border:1px solid #bf362e; margin: auto; max-width:100%; } .post_page .entry-content ul, .post_page .entry-content ol { padding: 0px; margin: 20px 0 18px 0; } .post_page .entry-content ul li, .post_page .entry-content ol li { list-style-type:none; margin-bottom: 14px; position: relative; font-size: 16px; color: #000; padding-left: 25px; line-height: 26px; } .post_page .entry-content ul li:before, .post_page .entry-content ol li:before { content:''; height: 11px; width:11px; background: #bf362e; position: absolute; top:7px; left:0; } .post_page .entry-content ul li a { color:#bf362e; text-decoration: none; } .post_page .entry-content blockquote { padding: 0px 30px; margin: 35px 0 35px 0; width:100%; border-left:3px solid #bf362e; text-align: left; } .post_page .entry-content blockquote h1 { font-size:45px; position: relative; margin: 0px; text-transform: uppercase; color:#bf362e; } .post_page .entry-content blockquote p { margin:0; font-size:17px; color:#000000; font-style: italic; } .post_page .entry-content .wp-video { margin-bottom: 30px; } .post_page .entry-content table { width:100%; border-collapse: collapse; margin: 30px 0; } .post_page .entry-content table td, .post_page .entry-content table th { font-size:16px; color: #000; padding: 10px; border-bottom: 1px solid #dee2e6; } .post_page .entry-content table td a { font-size:16px; color: #000; text-decoration: underline; } .post_page .entry-content table th { background: #bf362e; color: #fff; border-bottom: 2px solid #dee2e6; text-align: left; } .post_page .entry-content table th span { text-decoration: none!important; font-size: 22px; } .post_page .entry-content tbody tr:nth-of-type(2n+1) { background-color: #f8f8f8; } .post_page .entry-content table td img { display: block; } .post_page .entry-footer a { color: #bf362e; } .post_page .entry-footer .edit-link { display: inline-block; margin-left: 10px; } .comments-area { float:left; width:100%; } .comments-area ol { margin:0px; list-style-type:none; padding: 0px; } .comments-area ol .children { margin:30px 0 0 0; padding-left: 30px; } .comments-area .comment-list ol.children li { border-bottom:none; margin: 0; padding: 0; } .comments-area ol a { color:#bf362e; } .comments-area .comment-list .comment { margin-bottom:20px; border-bottom:1px solid #ccc; padding-bottom: 20px; } .comments-area .comments-title { margin-bottom:30px; } .comments-area .reply a { font-size:14px; text-decoration: none; padding: 5px 15px; display: inline-block; background: #bf362e; color: #fff; border-radius:30px; } .comments-area .reply a:hover { color:#fff; background: #bf362e; text-decoration: none; } .comments-area .comment-content { font-size:16px; line-height: 30px; color: #000000; font-weight: 400; } .comments-area .comment-author, .comments-area .comment-metadata { margin-bottom:10px; } .comments-area .comment-author img { margin-right:15px; } .comment-respond .comment-reply-title { font-size:24px; font-weight: 600; margin-bottom: 0; color: #bf362e; } .comment-respond .logged-in-as a, .entry-meta a { color:#bf362e; text-decoration: none; } .comment-respond .comment-form-comment label { color:#000000; font-size:16px; font-weight: 400; } .comment-respond .comment-form-comment textarea { height:150px; border-radius:0; border:1px solid #e6e5e9; padding: 5px 10px; resize: none; } .comment-respond .form-submit input.submit { width: auto; font-size:16px; border:none; padding: 10px 30px; display: inline-block; background: #bf362e; color: #fff; border-radius:30px; cursor: pointer; } .comment-respond .form-submit input.submit:hover { color:#fff; background: #bf362e; text-decoration: none; } .comment-respond form .comment-notes { font-size:16px; color: #000000; font-weight: 300; } .comment-respond form p label { float: left; width:100%; color:#000000; font-size:16px; font-weight: 400; } .comment-respond form p input { width:100%; height:40px; border-radius:0; border:1px solid #e6e5e9; padding: 5px 10px; } .comment-respond .comment-form-cookies-consent { display:none; } /*textblocks*/ /* contact page */ .contact_page .calendly-inline-widget iframe { height: 800px; } /*.contact_page .editor_content { top: 40px; position: relative; }*/ .contact_page h3 { font-size:24px; font-weight: normal; } .contact_page .row { display: flex; flex-wrap: wrap; } .contact_page .col-4 { width:40%; padding: 0 15px; } .contact_page .col-8 { width:60%; padding: 0 15px; } .contact_page .contact_form { margin-top: 66px; } .contact_page .contact_form .wpforms-head-container .wpforms-title { font-size: 28px !important; } .contact_page .contact_info { float: left; width:100%; margin: 50px 0px 60px; text-align: center; } .contact_page .contact_info .col-4 { float: left; width: 33.33%; min-height: 1px; } .contact_page .contact_info .icon { width:50px; height: 50px; background: #ffffff; border-radius:50%; margin: 0 auto 25px; } .contact_page .contact_info .address .icon { background: url('../images/map_pin.png') no-repeat center center #fff; border:1px solid #bf362e; } .contact_page .contact_info .phone .icon { background: url('../images/phone.png') no-repeat center center #fff; border:1px solid #bf362e; } .contact_page .contact_info .email .icon { background: url('../images/mail.png') no-repeat center center #fff; border:1px solid #bf362e; } .contact_page .contact_info .address, .contact_page .contact_info .email, .contact_page .contact_info .phone { margin-top: 30px;background: #fff;box-shadow: 0 10px 32px rgba(0,0,0,.05);padding: 20px;border-radius: 10px;min-height: 200px; } .contact_page .contact_info .text { font-size: 16px; line-height: 28px; color: #000; margin: 0; } .contact_page .contact_info .text label { width: 100%; display: block; color: #000; font-family: 'Montserrat Bold'; } .contact_page .contact_info .text a { text-decoration: none; color: #000; } .page-template-tpl-contact .copyright .footer_logo { margin: auto; left: 50%; position: relative; transform: translateX(-50%); margin-top: -70px; top: -41px; z-index: 2; } .page-template-tpl-contact .copyright { margin-top: -70px; } .error-404 { text-align:center; } .error-404 h1 { font-size:42px; margin: 0px 0 20px 0; color: #000; } .error-404 .page-content { margin: 0px; } .error-404 p { font-size:22px; margin: 0px; } .error-404 .default_btn { margin-top:30px; } .navigation.post-navigation { display:none; } .page-content, .entry-content, .entry-summary { margin-top:0; } .review_form .wpcf7-response-output { color:#000!important; float: left; width:100%; text-align: center; } .home.post, .home.page { margin: 0px; } .page-template-tpl-career-opportunity #primary:before { display:none; } .testimonials_reviews.list_page ul li { list-style-type: none; } .grecaptcha-badge { z-index:9; } .job_details .editor_content ul, .job_details .editor_content ol { display: block; left:0; transform:none; } /*price page*/ .percentages { float: left; width: 100%; margin: 48px 0; } .percentages ul{ display:flex; justify-content:center; align-items:center; margin: 0px; flex-wrap: wrap; } .percentages ul li { list-style:none; margin:0 30px 0 12px; font-size: 24px; font-weight: 500; position: relative; } .percentages ul li:before{content:'';position:absolute;width:20px;height:20px;background:#A23C2F;border:2px solid #E5AF4B;border-radius:50%;top: 5px;left:-30px;} .percentages ul li:last-child:after{content:'';position:absolute;width:20px;height:20px;background:#A23C2F;border:2px solid #E5AF4B;border-radius:50%;top: 6px;right:-30px;} .cta_blocks { float:left; width:100%; padding:32px 0; text-align:center; } .cta_blocks .title { color:#fff; font-size:24px; font-weight: 500; padding: 0 0 48px 0; margin:0px; } .cta_blocks.right .wrap, .cta_blocks.left .wrap { display: flex; align-items: center; justify-content: space-between; } .cta_blocks.right .wrap .title { padding: 0 40px 0 0; font-family: 'Montserrat Medium'; } .cta_blocks.left .wrap, .cta_blocks.right .wrap { flex-wrap: nowrap; } .cta_blocks.bottom .wrap { flex-wrap: wrap; } .cta_blocks.bottom .wrap .title, .cta_blocks.bottom .wrap .default_btn { width: 100%; } .cta_blocks.left .wrap .title { padding: 0 0px 0 10px; font-family: 'Montserrat Medium'; } .cta_blocks .default_btn a { white-space: pre; } .cta_blocks.left .default_btn { order: -1; } .cta_blocks .wrap { display: flex; flex-wrap: wrap; align-items: center; } .cta_blocks .wrap .icon { width: 168px; } .cta_blocks .wrap .content { width: calc(100% - 168px); padding-left: 30px; } .cta_blocks .wrap:not(:has(.icon)) .content { width: 100%; padding: 0; } .pricing_table { float: left; width: 100%; padding:50px 0; background:#fff; } .pricing_table h2 { font-size: 48px; font-family: 'Montserrat Bold'; color:#000; margin-top: 0px; } .pricing_table .package_wrap { display:flex; justify-content:center; gap:16px; } .pricing_table .package_wrap .package { max-width: 235px; width:100%; text-align: center; border:1px solid #DEDEDE; border-top: 0px; } .package h3 { font-size: 30px; font-family: 'Montserrat Bold'; margin: 0; padding: 20px; color: #fff; background: #7A7A7A; } .package .price { background:#7A7A7A url('../images/price_bg_1.svg') no-repeat; padding: 27px 20px; position: relative; background-size: cover; min-height: 124px; } .package .price span { font-size: 17px; color:#fff; margin-left:-20px;} .package .price .p_price { font-size: 44px; line-height: normal; font-family: 'Montserrat Bold'; color:#fff; margin:0px; } .package ul { margin:0px; text-align:center; padding:0px; } .package li:first-child { font-size: 17px; font-style: normal; color:#000; background: #E5AF4B; padding: 20px 7px; min-height:124px; margin:0px; line-height:150%; display: flex; align-items: center; justify-content:center; } .package li { background: #fff; border-bottom:1px solid #DEDEDE; list-style-type: none; padding: 7px 15px; line-height: 150%; font-size: 17px; font-style: normal; color:#000; min-height: 68px; display: flex; align-items: center; justify-content: center; } .package li:last-child { border-bottom: 0px;} .pricing_table .package_wrap .owl-item:nth-child(2) h3 { background: #6a6a6a; } .pricing_table .package_wrap .owl-item:nth-child(3) h3 { background: #464646; } .pricing_table .package_wrap .owl-item:nth-child(4) h3 { background: #2f2f2f; } .pricing_table .package_wrap .owl-item:nth-child(5) h3 { background: #000000; } .pricing_table .package_wrap .owl-item:nth-child(2) .price { background:#6a6a6a url('../images/price_bg_2.svg') no-repeat; background-size:cover; } .pricing_table .package_wrap .owl-item:nth-child(3) .price { background:#464646 url('../images/price_bg_3.svg') no-repeat; background-size:cover; } .pricing_table .package_wrap .owl-item:nth-child(4) .price { background:#2f2f2f url('../images/price_bg_4.svg') no-repeat; background-size:cover; } .pricing_table .package_wrap .owl-item:nth-child(5) .price { background:#000000 url('../images/price_bg_5.svg') no-repeat; background-size:cover; } .package_info_text { color: #000; text-align: center; font-size: 17px; font-style: normal; line-height: 150%; padding:40px 0 0; } .pricing_table .owl-dots { text-align: center; position: static; width: auto; bottom: 0; } .pricing_table .owl-dots .owl-dot { width:12px; height: 12px; border-radius:50%; background: #bf362e; margin: 10px 10px; } .pricing_table .owl-dots .owl-dot.active { opacity: 1; position: relative; } .pricing_table .owl-dots .owl-dot.active:before { content: ''; width: 22px; height: 22px; border: 1px solid #E5AF4B; position: absolute; top:50%; left:50%;transform: translate(-50%, -50%); border-radius:50%; } /*price page*/ .popmake { border: none !important; padding: 30px!important; } .pum .pum-title { text-align: center!important; font-size:30px!important; font-family: 'Montserrat Bold'!important; } .pum .pum-content p { text-align: center; font-size:18px!important; margin-bottom:0; position:relative; } .pum .pum-content span { display:block; } .pum .wpcf7-form .wpcf7-email { text-align: center; background: #f5f5f9; width:100%; height:40px; } .pum .wpcf7-form .wpcf7-submit { width: 100%!important; background: #bf362e!important; font-size:16px!important; text-align: center!important; padding: 12px 20px!important; color: #fff!important; text-decoration: none!important; border: none !important; cursor:pointer; font-family: 'Montserrat Bold'; } .pum .wpcf7-form .wpcf7-submit:hover { background: #fbb241!important; } .pum .wpcf7-form .wpcf7-spinner { position:absolute; top:7px; } .pum .wpcf7-not-valid-tip { font-size:14px; padding-top:5px; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { margin:7px 0; font-size:16px; } .pum-container.pum-responsive { width:90%!important; } .pum-theme-6141 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close { line-height:20px!important; } /*before after*/ .page-id-6267 .primary::before, .page-id-6267 #primary::before { display: none; } .before_after { display: flex; width:100%; padding:40px 0; } .before_after:nth-child(even) { background-color: #F0F0F0; } .before_after h2 { font-size:34px; font-weight: 700; color: #000; margin: 0 0 30px 0; text-align: center; } .before_after h2 span { display: block; } .before_after .list { text-align: center; margin-bottom: 30px; } .before_after .list ul { padding: 0; margin: 0; display: flex; justify-content: center; } .before_after .list ul li { font-size:17px; color: #000; list-style-type: none; position: relative; padding-left: 20px; margin-left: 10px; line-height: normal; } .before_after .list ul li:after { content:''; width:10px; height:10px; border-radius:50%; background: #E5AF4B; border:2px solid #A23C2F; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } .before_after .list ul li:first-child:after { display: none; } .before_after .before_after_image { display: flex; justify-content: space-between; gap: 0 120px; padding: 36px 0 0; position: relative; } .before_after .before_after_image .wrap { position: relative; } .before_after .before_after_image .before, .before_after .before_after_image .after { width:50%; position: relative; text-align: center; padding-bottom: 20px; } .before_after .before_after_image:before { content: ''; background: url('../images/arrow.svg') no-repeat left top; background-size: 100%; width: 90px; height: 80px; position: absolute; left: 50%; top: calc(50% + 18px); transform: translate(-50%, -50%); z-index: 9; } .before_after .before_after_image .laptop:last-child:before { display: none; } .before_after .before_after_image .laptop span { position: absolute; top: 45.9%; left: 50.5%; width: 100%; padding-top: 0; transform: translate(-50%, -50%); max-width: calc(100% - 24.1%); } .before_after .before_after_image .laptop span img { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); z-index: 1; } .before_after .before_after_image .logo_img img { max-width: 390px; } .before_after .before_after_image .logo_img span { height: 280px; display: flex; align-items: center; justify-content: center; } .before_after_image .preview_text { font-size:24px; font-weight: 500; padding-bottom: 15px; } .black_bg_content { float: left; width:100%; position: relative; padding: 160px 0 120px 0; background: #141414; } .black_bg_content .container { z-index: 2;} .black_bg_content:before { content:''; width:100%; background: url('../images/wave.svg') no-repeat left top; background-size: 102%; position: absolute; top:0px; left:0; transform: rotate(-180deg); padding-top: 6%; } .black_bg_content:after { content:''; width:100%; background: url('../images/wave.svg') no-repeat left bottom; background-size: 102%; position: absolute; bottom:0px; left:0; padding-bottom: 100%; } .black_bg_content .editor_content h1 { font-size: 44px; color: #fff; position: relative; margin: 0 0 10px 0; } .black_bg_content .editor_content h2 { font-size:44px; color: #fff; position: relative; margin: 0px 0 10px 0; } .black_bg_content .editor_content h3 { font-size:30px; color: #fff; margin:0 0 10px 0; } .black_bg_content .editor_content p { font-size:17px; font-weight: 400; color: #fff; margin: 0 0 25px; } .black_bg_content .editor_content p a, .editor_content a { text-decoration: none; color: #bf362e; } .black_bg_content .editor_content p a:hover { color: #fff; } .black_bg_content .editor_content ul, .black_bg_content .editor_content ol { padding: 0px; margin: 20px 0 18px 0; display: inline-block; left: 50%; position: relative; transform: translateX(-50%); } .black_bg_content .editor_content ul li, .black_bg_content .editor_content ol li { list-style-type:none; margin-bottom: 14px; position: relative; font-size: 17px; font-weight: 400; color: #000; padding-left: 25px; /*line-height: 26px;*/ } .black_bg_content .editor_content ul li:before, .black_bg_content .editor_content ol li:before { content:''; height: 8px; width:8px; background: #bf362e; position: absolute; top:9px; left:0; } .black_bg_content .editor_content ul li a { color:#bf362e; text-decoration: none; } .black_bg_content .default_btn { text-align: center; } .black_bg_content .default_btn a { background: #f9aa3f; color: #000; } .black_bg_content .default_btn a:hover { background: #bf362e; box-shadow: inset 300px 0 0 0 #bf362e; } /*before after*/ /* case study page*/ .project_overview { padding: 0 0 40px 0; } .feature_block { padding: 50px 0; } .feature_block h2 { text-align: center; } .feature_block .list { text-align: center; margin: 30px 0 30px; } .feature_block .list ul { padding: 0; margin: 0; display: flex; justify-content: center; } .feature_block .list ul li { font-size:17px; color: #000; list-style-type: none; position: relative; padding-left: 20px; margin-left: 10px; line-height: normal; } .feature_block .list ul li:after { content:''; width:10px; height:10px; border-radius:50%; background: #E5AF4B; border:2px solid #A23C2F; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } .feature_block .list ul li:first-child:after { display: none; } .feature_block .row { display: flex; align-items: center; padding: 20px 0; max-width: 1027px; margin: auto; } .feature_block .row .col-5 { max-width: 354px; position: relative; } .feature_block .row .col-7 { width: calc(100% - 354px); position: relative; } .feature_block .row:nth-child(even) .col-5 { order: 2; } .feature_block .content { text-align: justify; } .project_plan { background: #F0F0F0; padding:50px 0 30px; } .project_plan ul { padding: 0; margin: 40px 0 0; display: flex; gap: 0 15px; align-items: flex-start; flex-wrap: wrap; justify-content: center; counter-reset: number; } .project_plan ul li { list-style-type: none; text-align: center; position: relative; margin-bottom: 20px; } .project_plan ul li .plan_title { font-size: 14px; color: #000; line-height: normal; margin-top: 50px; max-width: 95px; } .project_plan ul li:before { content:counter(number); counter-increment: number; position: absolute; top:0; left:50%; transform: translateX(-50%); width:40px; height: 40px; border-radius:50%; background: #9A392D; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #fff; box-shadow: -1px 2px 4px rgba(0,0,0,.4); } .project_plan ul li:after { content:''; width:30px; height:1px; background: #000; position:absolute; left: 0; top: 19px; transform: translateX(-25px); box-shadow: -1px 2px 4px rgba(0,0,0,.4); } .project_plan ul li:first-child:after { display:none; } .mrn_services { display: flex; align-items: center; padding:40px 0; } .mrn_services .row { display: flex; align-items: center; } .mrn_services .row .col-5 { width:41.33%; position: relative; } .mrn_services .row .col-7 { width:58.66%; position: relative; order: 2; } .mrn_services .text ul { padding: 0px; margin: 20px 0 18px 0; display: inline-block; left: 50%; position: relative; transform: translateX(-50%); } .mrn_services .text ul li { list-style-type:none; margin-bottom: 14px; position: relative; font-size: 17px; font-weight: 400; color: #000; padding-left: 25px; } .mrn_services .text ul li:before { content:''; height: 8px; width:8px; background: #bf362e; position: absolute; top:9px; left:0; } .mrn_services .text ul li a { color:#bf362e; text-decoration: none; } .challenges-solutions { background: #F0F0F0; padding:50px 0; } .challenges-solutions h2 { font-size: 34px; } .challenges-solutions .row { display: flex; } .challenges-solutions .row .col-6 { width:50%; } .project_details .project_testimonial .row .col-8 { width: 65%; } .project_details .project_testimonial .row .col-4 { width: 35%; } .project_testimonial { padding: 50px 0; } .project_testimonial .author { font-family: 'Montserrat Medium'; } /* case study page*/ /* Maintenance*/ .maintenance_option { clear: both; padding: 50px 0; } .maintenance_option h2 { font-size: 44px; color: #000; margin: 0 0 10px 0; } .maintenance_option .default_btn { text-align: center; } .maintenance_option .boxes { display: flex; gap: 0 36px; justify-content: center; } .maintenance_option .boxes .box { background: #DEDEDE; border-radius: 5px; padding: 20px 40px; margin-top: 50px; width: 41.12%; } .maintenance_option .boxes .box h3 { text-align: center; font-size: 40px; color: #000; padding-bottom: 24px; position: relative; margin:0 0 20px 0; font-family: 'Montserrat Regular'; } .maintenance_option .boxes .box h3:after, .maintenance_option .boxes .box .price:after { content:''; width: 225px; height: 2px; background: #A23C2F; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .maintenance_option .boxes .box .icon { text-align: center; margin-bottom: 25px; } .maintenance_option .boxes .box .icon img { max-width: 66px; display: block; margin: auto; } .maintenance_option .boxes .box .price { text-align: center; font-size: 24px; font-family: 'Montserrat Medium'; color: #000; position: relative; padding-bottom: 24px; margin-bottom: 24px; } .maintenance_option .boxes .box .content strong { font-family: 'Montserrat Bold'; color: #A23C2F; font-size: 22px; } .maintenance_option .boxes .box .content ul { padding: 0; margin: 0; } .maintenance_option .boxes .box .content ul li { list-style-type: none; font-size: 24px; font-family: 'Montserrat Medium'; color: #000; margin-bottom: 20px; } /* Maintenance*/ /*website audit*/ .stages { clear: both; padding: 50px 0; background: #fff; } .stages .wrapper { display: flex; flex-wrap: wrap; margin: auto; max-width: 820px; justify-content: center; } .stages .wrapper h2 { font-size: 44px; color:#000; margin-top: 0; } .stages .wrapper .short_text { /*max-width: 736px;*/ margin: auto; text-align: justify; margin-bottom: 40px; } .stages .wrapper .tab_area { width: 100%; max-width:861px; margin: auto; background: #fff; border-radius: 20px; display: flex; gap: 0 20px; } .stages .wrapper .tabs { width: 100%; max-width: 400px; min-width: 400px; position: relative; padding: 0; margin: 0; } .stages .wrapper .tab_container { width: calc(100%); background: #EEE; } .stages .wrapper .tabs li { list-style-type: none; margin-bottom: 24px; cursor: pointer; border-radius: 15px; border: 2px solid #898686; background: #FFF; padding: 20px 30px; text-align: center; font-family: 'Montserrat Medium'; font-size: 24px; } .stages .wrapper .tabs li:hover, .stages .wrapper .tabs li.active { background: #9A392D; border-color: #9A392D; color: #fff; } .stages .wrapper .tabs li:last-child { margin-bottom: 0; } .stages .wrapper .tab_container .tab_content { padding: 25px 45px; display: none; } .stages .wrapper .tab_container .tab_content .excerpt p { margin-top: 0; } .stages .wrapper .tab_container .tab_content .excerpt h4 { font-size: 24px; font-family: 'Montserrat Medium'; color: #000; margin: 0 0 20px 0; } .stages .wrapper .tab_container .tab_content .excerpt ul { padding: 0; margin: 0; } .stages .wrapper .tab_container .tab_content .excerpt ul li { padding-bottom: 12px; } .tab_drawer_heading { display: none; } /*website audit*/ @media (min-width:1200px) and (max-width:1366px) { .navigation ul > li { margin:0px 7px 0px 7px; } .navigation ul > li a { font-size: 17px; } .homeSlider .item .overlay .content { max-width: 675px; } .homeSlider .item .overlay .content h1 { font-size: 40px; line-height: 50px; } } @media (min-width:996px) and (max-width:1199px) { .site-header .top_bar .wrap i { font-size: 18px; color: #000; } .site-header .container { width:100%; } .site-header .topHeader .col-3 { width:200px; } .site-header .topHeader .col-9 { width: calc(100% - 200px); } .header_search .widget_search form { width:100%; margin: 0px; } .site-header .header_search { margin: 0 70px 0 0; } /* .homeSlider { margin-top:110px; }*/ .homeSlider .item .overlay .content { min-width:inherit; min-height: inherit; padding:0px; } .homeSlider .item .overlay .content h1 { font-size: 28px; line-height: 34px; } .homeSlider .item .overlay .content .text { font-size: 17px; line-height: 28px; } .homeSlider .item .overlay .content .default_btn { margin-top:20px; } .homeSlider .item .overlay .content .default_btn a { padding:7px 20px; font-size: 16px; min-width: inherit; } .homeSlider .item { height: 550px; } .seo_form h2, .front_services h2, .projects h2, .testimonials_reviews h2, .latest_blog h2, .awards h2, .site-footer .contact_info h2, .how_we_started h2, .work_with_mrn h2, .our_team h2, .our_team h2, .editor_content h2, .webdesign_include h2, .post_page h1, .maintenance_option h2, .stages .wrapper h2 { font-size: 34px; } .home .text_blocks h2 { font-size: 50px; } .text_blocks { padding: 60px 0; } .text_blocks h2, .home .text_blocks h2 { font-size: 40px; } .text_blocks .circle { margin-top: 30px; } .text_blocks .circle::before { width: 308px; height: 308px; bottom: 0; right: 0; } .text_blocks .circle::after { width: 318px; height: 318px; top: -20px; left: 0; } .front_services::before { top:0; height: 100%; } .front_services ul li { width:50%; } .testimonials_reviews { padding: 60px 0; } .testimonials_reviews .col-3 { width: 270px; } .testimonials_reviews .col-9 { width:calc(100% - 270px); } .contact_form .wpforms-head-container .wpforms-title { font-size: 34px!important; } .contact_form .wpforms-container-full { padding: 25px; } .site-footer .email .text span, .site-footer .phone .text span, .site-footer .address .text label { font-size:17px; } .copyright { margin-top: -42px; } .copyright .footer_logo { margin-left:30px; } .copyright .social_icons li { margin-left:12px; } .copyright .social_icons li i { font-size:22px; } .top_banner h1 { font-size:30px; } .testimonials_reviews.list_page .item:nth-child(2n+1) .col-3 .image { margin-left: 0; } .testimonials_reviews.list_page .col-9 { width: calc(100% - 275px); } .contact_page .contact_info .address, .contact_page .contact_info .email, .contact_page .contact_info .phone { padding: 20px 5px; } /* .cta::before, .cta::after { height: 105px; } */ .pricing_table .package_wrap { flex-wrap: wrap; } .pricing_table .package_wrap .package { max-width: 100%; } .package .price { padding: 47px 20px 15px; } .before_after .before_after_image .logo_img img { max-width: 100%; } .maintenance_option .boxes .box { width:50%; } } @media(min-width:768px) and (max-width:995px) { .hide-on-ipad { display:none!important; } .show-on-ipad { display:inline-block!important; } .site-header .top_bar .wrap i { font-size: 18px; color: #000; } .site-header .container { width:100%; } .site-header .topHeader .col-3 { width:200px; } .site-header .topHeader .col-9 { width: calc(100% - 200px); } .header_search .widget_search form { width:100%; margin: 0px; } .site-header .header_search { margin: 0 70px 0 0; } /* .homeSlider { margin-top:110px; }*/ .homeSlider .item .overlay .content { min-width:inherit; min-height: inherit; padding:0px; } .homeSlider .item .overlay .content h1 { font-size: 28px; line-height: 34px; } .homeSlider .item .overlay .content .text { font-size: 17px; line-height: 28px; } .homeSlider .item .overlay .content .default_btn { margin-top:20px; } .homeSlider .item .overlay .content .default_btn a { padding:7px 20px; font-size: 16px; min-width: inherit; } .homeSlider .item { height: 550px; } .seo_form h2, .front_services h2, .projects h2, .testimonials_reviews h2, .latest_blog h2, .awards h2, .site-footer .contact_info h2, .how_we_started h2, .work_with_mrn h2, .our_team h2, .our_team h2, .editor_content h2, .webdesign_include h2, .post_page h1, .our_work h2, .maintenance_option h2, .stages .wrapper h2 { font-size: 34px; } .home .text_blocks h3 { font-size: 50px; } .text_blocks { padding: 60px 0; } .text_blocks h3, .home .text_blocks h3 { font-size: 40px; } .text_blocks .circle { margin-top: 30px; } .text_blocks .circle::before { width: 308px; height: 308px; bottom: 0; right: 0; } .text_blocks .circle::after { width: 318px; height: 318px; top: -20px; left: 0; } .front_services::before { top:0; height: 100%; } .front_services ul li { width:50%; } .testimonials_reviews { padding: 60px 0; } .testimonials_reviews .col-3 { width: 270px; } .testimonials_reviews .col-9 { width:calc(100% - 270px); } .contact_form .wpforms-head-container .wpforms-title { font-size: 34px!important; } .contact_form .wpforms-container-full { padding: 25px; } .site-footer .email .text span, .site-footer .phone .text span, .site-footer .address .text label { font-size:17px; } .copyright { margin-top: -42px; } .copyright .footer_logo { margin-left:30px; } .copyright .social_icons li { margin-left:12px; } .copyright .social_icons li i { font-size:22px; } .how_we_started { padding: 30px 0; } .our_team ul li .content { padding: 40px 200px 40px 30px; } .blog_feed ul li .box_wrap { padding:25px 15px; } .blog_feed ul li .box_wrap .head { display:block; } .blog_feed ul li .box_wrap .head .by_admin { widht:100%; } .blog_feed ul li .box_wrap .head .date { width:100%; text-align: left; } .blog_feed ul li .box_wrap h3, .blog_feed ul li .box_wrap h3 a { font-size:18px; } .top_banner h1 { font-size:30px; } .post_page .col-8, .post_page .col-4 { width:100%; } .seo_by_numbers { padding: 30px 0; } .seo_by_numbers ul { justify-content: center; } .seo_by_numbers ul li { width:50%; text-align: center; } .seo_by_numbers ul li:nth-child(2n+2) { top:0; } .seo_by_numbers ul li:nth-child(2n+1) .icon::after { display: none; } .seo_by_numbers ul li .wrap .icon { order:0; margin: 0 auto 20px; } .seo_by_numbers ul li .wrap .content { width:100% } .seo_by_numbers ul li .wrap .content h3 { padding-left: 0px; } .seo_by_numbers ul li .wrap .content h4 { padding-left: 0px; } .seo_by_numbers ul li .wrap .content .text { padding-left: 0px; } .seo_by_numbers ul li:nth-child(2n+2) .icon::after { display: none; } .seo_by_numbers ul li .wrap { flex-wrap: wrap; } .seo_by_numbers ul li:nth-last-child(1) { margin-bottom: 0; } .testimonials_reviews.list_page ul li:nth-child(2n+1) .col-3 .image { margin-left: 0; } .testimonials_reviews.list_page .col-9 { width: calc(100% - 275px); } .webdesign_include ul li { width: 50%; } .contact_page .col-4, .contact_page .col-8, .contact_page .contact_info .col-4 { width:100%; } .contact_page .contact_form { margin: 0px 0 30px 0; } .page-template-tpl-contact .copyright .footer_logo { left:0; transform: none; } .project_details .row .col-8, .project_details .row .col-4 { width:100%; max-width: 100%; } /* .cta::before, .cta::after { height: 100px; } */ .pricing_table .package_wrap { flex-wrap: wrap; } .pricing_table .package_wrap .package { max-width: 100%; } .package .price { padding: 47px 20px 15px; } .pricing_table .owl-dots { text-align: center; position: static; right: 0; width: auto; bottom: 0px; } .before_after .list ul { flex-wrap: wrap; } .before_after .list ul li { margin-bottom: 15px; } .before_after .before_after_image .logo_img img { max-width: 100%; } .maintenance_option .boxes .box { padding: 20px; width: 50%; } .maintenance_option .boxes .box .content ul li { font-size: 18px; } .stages .wrapper .tabs { max-width: 50%; min-width: inherit; } } @media (max-width:767px) { .hide-on-mobile { display:none!important; } .show-on-mobile { display:block!important; } .site-header .top_bar .wrap i { font-size: 18px; color: #fff; } .site-header .topHeader { background: #000; } .site-header .container { width:100%; } .site-header .topHeader .col-3 { width:200px; } .site-header .topHeader .col-9 { width: calc(100% - 200px); } .header_search .widget_search form { width:100%; margin: 0px; max-width: 100%; } .site-header .header_search { margin: 0 70px 0 0; } .site-header.header-fixed .top_bar .wrap i { color:#000; } .site-header .header_search i { font-size: 22px; } .site-header .top_bar .wrap a { font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"; } .homeSlider { min-height: 575px; } .homeSlider .item .overlay { padding-top: 90px; } .homeSlider .item .overlay .content { min-width:inherit; min-height: inherit; padding:0px; } .homeSlider .item .overlay .content h1 { font-size: 28px; line-height: 34px; } .homeSlider .item .overlay .content .text { font-size: 17px; line-height: 28px; } .homeSlider .item .overlay .content .default_btn { margin-top:20px; } .homeSlider .item .overlay .content .default_btn a { padding:7px 20px; font-size: 16px; min-width: inherit; font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"; } .homeSlider .item { height: 575px; } .top_banner.no-banner-img { height: 375px; } .homeSlider::after, .top_banner::after { bottom: -2px; } .seo_form h2 { font-size: 28px; } .seo_form .site-audit #seogroup .seo-scorform .form .form-group { flex-wrap: wrap; } .seo_form .site-audit #seogroup #seogroup-form-url, .site-audit #seogroup #seogroup-form-email, .site-audit #seogroup #seogroup-form-keyword, .site-audit #seogroup #seogroup-form-phone { margin: 0 0 10px 0!important; } .text_blocks { padding: 60px 0; } .text_blocks .col-6 { width:100%; } .text_blocks h3, .home .text_blocks h3 { font-size: 40px; } .text_blocks .circle { margin-top: 30px; } .text_blocks .circle::before { width: 308px; height: 308px; bottom: 0; right: 0; } .text_blocks .circle::after { width: 318px; height: 318px; top: -20px; left: 0; } .front_services { padding: 50px 0 90px; } .front_services::before { top:0; height: 100%; } .front_services h2 { font-size: 28px; } .front_services ul li { width:100%; } .projects, .home .projects { padding: 50px 0; } .projects h2 { font-size: 28px; } .default_btn a { padding:7px 20px; font-size: 16px; min-width: inherit; } .testimonials_reviews { padding: 50px 0; } .testimonials_reviews .col-9 { top:0; width: 100%; } .testimonials_reviews h2 { font-size:28px; text-align: center; } .testimonials_reviews .short_text, .testimonials_reviews .item { text-align: center; } .testimonials_reviews .col-3 { width:100%; } .testimonials_reviews .image { margin: 60px auto; } .testimonials_reviews .owl-dots { bottom: 0; top: inherit; transform: none; width: 100%; } .awards { padding: 60px 0; } .awards h2, .site-footer .contact_info h2, .latest_blog h2, .contact_form .wpforms-head-container .wpforms-title, .how_we_started h2, .work_with_mrn h2, .our_team h2, .our_team h2, .seo_by_numbers h2, .editor_content h2, .webdesign_include h2, .post_page h1, .our_work h2, .pricing_table h2, .before_after h2, .project_details h2, .maintenance_option h2, .stages .wrapper h2 { font-size: 28px!important; } .site-footer .col-6, .copyright .col-9, .copyright .col-3, .work_with_mrn .col-7, .work_with_mrn .col-5 { width:100%; } .contact_form .wpforms-container-full { padding: 20px; } .contact_form { margin-top: 50px; } .copyright { margin: 30px 0 0; text-align: center; } .copyright .social_icons { margin-top: 40px; } .copyright .social_icons ul { width: 100%; justify-content: center; align-items: center; } .site-footer .email .text span, .site-footer .phone .text span, .site-footer .address .text label { font-size: 17px; } .top_banner .overlay h1 { font-size: 30px; line-height: normal; } .work_with_mrn, .how_we_started { padding: 30px 0; } .our_team ul { padding: 0; } .our_team ul li:nth-child(2n+1) .image { order:0; } .our_team ul li .wrap .image { width: 100%; margin: 0px; text-align: center; left: 0; } .our_team ul li .wrap .image img { width: auto; position: relative; top:5px; } .our_team ul li .content, .our_team ul li:nth-child(2n) .content { padding: 25px; min-height: inherit; width: 100%; } .seo_by_numbers { padding: 30px 0; } .seo_by_numbers ul li { width:100%; } .seo_by_numbers ul li:nth-child(2n+2) { top:0; } .seo_by_numbers ul li:nth-child(2n+1) .icon::after { display: none; } .seo_by_numbers ul li .wrap .icon { width:113px; height: 113px; order:0; margin: 0 auto 20px; } .seo_by_numbers ul li .wrap .icon img { max-width:50px; } .seo_by_numbers ul li .wrap .content { width:100% } .seo_by_numbers ul li .wrap .content h3 { font-size:40px; } .seo_by_numbers ul li .wrap .content h4 { font-size:18px; padding-left: 0px; } .seo_by_numbers ul li .wrap .content .text { padding-left: 0px; } .seo_by_numbers ul li:nth-child(2n+2) .icon::after { display: none; } .seo_by_numbers ul li .wrap { flex-wrap: wrap; } .seo_by_numbers ul li:nth-last-child(1) { margin-bottom: 0; } .testimonials_reviews.list_page ul li:nth-child(2n+1) .col-3 { order:0; } .testimonials_reviews.list_page .col-9, .job_details .col-8, .job_details .col-4, .webdesign_include ul li { width:100%; } .editor_content h3 { font-size: 24px; } .post_page .col-8, .post_page .col-4, .post_list li .content { width:100%; } .post_list li .img { width:100%; max-width: 100%; padding: 0 0 30px 0; } .post_list li .img img { width:100%; } .contact_page .editor_content { padding: 40px 0 0; top:0; } .projects ul.casestudy li { width:100%; } .our_work { padding-top: 0px; } #caf-post-layout-container.data-target-div1.post-layout1 .caf-row { padding: 0px!important; } .our_work .manage-layout1 .caf-post-title h2 { font-size: 18px!important; } .homeSlider:before { display: none; } .contact_page .col-4, .contact_page .col-8, .contact_page .contact_info .col-4 { width:100%; } .contact_page .contact_form { margin: 0px 0 30px 0; } .page-template-tpl-contact .copyright .footer_logo { left:0; transform: none; } .project_details .row .col-8, .project_details .row .col-4 { width:100%; } .percentages ul { justify-content: flex-start; } .percentages ul li { margin-bottom: 5px; } .percentages ul li:last-child::after { display: none; } .pricing_table .package_wrap { flex-wrap: wrap; } .pricing_table .package_wrap .package { max-width: 100%; } .package .price { padding: 47px 20px 15px; } .cta { padding: 60px 0 80px 0; } .cta_blocks.right .wrap, .cta_blocks.left .wrap { flex-wrap: wrap; justify-content: center; } .cta_blocks.right .wrap .title, .cta_blocks.left .wrap .title { text-align: center; padding:0px; } .cta_blocks.right .wrap .default_btn, .cta_blocks.left .wrap .default_btn { margin-top: 20px; order: 0; } .cta_blocks .title { padding-bottom: 20px; } .pricing_table .owl-dots { text-align: center; position: static; right: 0; width: auto; bottom: 0px; } .before_after .list ul { flex-wrap: wrap; justify-content:left; } .before_after .list ul li:first-child:after { display: block; } .before_after .list ul li::after { transform:none; top:5px; } .before_after .list ul li { margin:0 0 10px 0; text-align:left; width:100%; } .before_after .before_after_image { flex-wrap: wrap; } .before_after .before_after_image .before, .before_after .before_after_image .after { width:100%; } .before_after .before_after_image:before { display: none; } .before_after .before_after_image .logo_img img { max-width: 100%; } .project_details .before_after .before_after_image { padding-top:0; } .feature_block .list ul { flex-wrap: wrap; justify-content: left; } .feature_block .list ul li:first-child:after { display: block; } .feature_block .list ul li { margin: 0 0 10px 0; text-align:left; } .feature_block .list ul li::after { transform:none; top:5px; } .feature_block .row .col-5, .feature_block .row .col-7, .mrn_services .row .col-5, .mrn_services .row .col-7, .challenges-solutions .row .col-6, .project_details .project_testimonial .row .col-8, .project_details .project_testimonial .row .col-4 { width:100%; max-width: 100%; } .feature_block .video, .feature_block .image { margin-top: 20px; } .project_plan ul, .mrn_services .row { flex-wrap: wrap; } .project_plan ul li { width:45%; margin-bottom: 10px; } .project_plan ul li .plan_title { max-width:100%; text-align: center; } .project_plan ul li::after { display: none; } .mrn_services .row .col-7 { order: 0; } .feature_block .row:nth-child(2n) .col-5 { order:0; } .feature_block .row { padding: 0; margin:0 -15px; } .challenges-solutions { padding: 50px 0 20px 0;} .top_banner .overlay { padding:10px; } .maintenance_option .boxes { flex-wrap: wrap; } .maintenance_option .boxes .box { width: 100%; padding: 20px; } .maintenance_option .boxes .box .content ul li { font-size: 18px; } /*tabs*/ .tabs { display: none;} .tab_drawer_heading { display: block; cursor: pointer;-webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; border-radius: 15px; border: 2px solid #898686; background: #FFF; padding: 10px 15px; margin-bottom: 7px; } .tab_drawer_heading h3 { margin: 0; font-family: 'Montserrat Medium'; font-size:18px; } .stages .wrapper .tab_container .tab_content h3 { display: none; } .stages .wrapper .tab_container { background: transparent; } /*tabs*/ .cta_blocks .wrap { flex-wrap: wrap; } .cta_blocks .wrap .icon, .cta_blocks .wrap .content { width:100%; text-align: center; } .cta_blocks .wrap .content { padding: 0; } .stages .wrapper .tab_container .tab_content { padding: 25px; } } @media (max-width:480px) { .pricing_table .package_wrap .package { max-width: 100%; width:100%; } } button#INDmenu-btn {z-index: auto!important; transform: none!important; overflow: visible!important;} .top_banner #breadcrumbs span { color:#fff; font-family: 'Montserrat Medium'; font-size:16px; } .top_banner #breadcrumbs a { color:#fff; } .top_banner #breadcrumbs a:hover { text-decoration:none; color:#fdb241; } .top_banner #breadcrumbs span strong { font-weight:normal; } /* ------------------------------------------------------------ Sitemap Styles ------------------------------------------------------------ */ .site_map { margin-bottom:40px; } .site_map li { list-style-type:none; padding:0 7px; width:100%; } .site_map li a { position: relative; display: block; margin: 0;padding: 12px 10px;font-size: 14px;font-family: montserrat medium;line-height: 16px;color: #000;background-color: white;border: 1px solid #f5f5f5; border-top: 4px solid #bf362e; z-index: 1; text-decoration:none; box-shadow: 1px 1px 2px rgba(106,113,127,0.2); } .site_map li a:hover { background:#eee; } /*.site_map li a:before { content: " "attr(href)" ";display: block;font-size: 10px;word-wrap: break-word; color: #95a5a6; margin-bottom:7px;font-weight:normal;}*/ /* --- Root --- */ .site_map ul {position: relative;display: flex;justify-content:space-between;padding:0px; margin:0px -7px;} .site_map ul li:before, .site_map ul li:after {content: ""; position: absolute; top: 0; left: 0;border-color: #ddd; border-width: 1px;z-index: 0;} .site_map ul li a { border-top-color: #e74c3c; } /*.site_map ul li a:before, .site_map ul li .fa { color: #e74c3c; }*/ /* --- Level 1 --- */ .site_map ul ul {flex-wrap: wrap; display:block; margin:0; } .site_map ul ul li {position: relative;vertical-align: top; padding-top: 20px; padding-left:0; padding-right:0; white-space: normal;width: 100%;} .site_map ul ul li:before { border-top-style: none; border-left-style: solid;width: 0;height: 30px;top: 0;left: 45px;margin: 0 0 0 -30px;} .site_map ul ul li a { border-top-color: #faaf40; width: auto; font-family: montserrat medium; } .site_map ul ul li a:before { color: #333; font-weight:normal; } /* --- Level 2 --- */ .site_map ul ul ul {display: block;white-space: normal;} .site_map ul ul ul li { display: block; position: relative; width: 100%;padding-left: 30px; margin-right: 0;} .site_map ul ul ul li:before, .site_map ul ul ul li:first-child:before { border-top-style: none; border-left-style: solid;height: 100%;top: 0;left: 45px;} .site_map ul ul ul li:after {border-top-style: solid;top: 50px;left: 15px; width: 15px;} .site_map ul ul ul li a { border-top-color: #2ecc71; width: auto; } .site_map ul ul ul li a:before, .site_map ul ul ul li .fa { color: #2ecc71; } @media (min-width:768px) and (max-width:1199px) { .site_map { max-width: 40%; margin: auto; } .site_map h2 { text-align:left; } .site_map ul { flex-wrap: wrap; } .site_map li { margin-bottom: 20px; width:100%; } .site_map ul ul li { margin:0px; width:100%; } } @media (max-width:767px) { .site_map h2 { text-align:left; } .site_map ul { flex-wrap: wrap; } .site_map li { margin-bottom: 20px; width:100%; } .site_map ul ul li { margin:0px; width:100%; } }