/* general */ * { padding: 0px; margin: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #58595b; font-weight: normal; } input, select, textarea { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #58595b; } img { border: 0px; display: block; } a,button,input,textarea,img,span,figure { outline: none!important; transition: .30s ease-in-out; -moz-transition: .30s ease-in-out; -webkit-transition: .30s ease-in-out; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } blockquote {font-style: italic; font-size: larger; margin: 2em 0 2em 2em;} /* buttons */ .mybtn-wp { padding: 8px 50px; display: inline-block; font-size: 18px; color: #fff; text-decoration: none; border-radius: 45px; background: #F59C0F;} .mybtn-wp:hover { background: #D4005C; } .mybtn-pink { padding: 8px 50px; display: inline-block; font-size: 18px; color: #D4005C; text-decoration: none; border-radius: 45px; background: #fff; border: 2px solid #D4005C;} .mybtn-pink:hover { background: #D4005C; color: #fff;} .mybtn-pink:hover a { color: #fff;} .mybtn-orange { padding: 0.5em 4em; margin-bottom: 93px; display: inline-block; font-size: 18px; color: #fff; text-decoration: none; border-radius: 45px; background: #F59C0F; } .mybtn-orange:hover { background: #D4005C; text-decoration: none; color: #fff; } .mybtn-outline { padding: 8px 50px; margin-bottom: 93px; display: inline-block; font-size: 18px; color: #F59C0F; text-decoration: none; border-radius: 45px; background: #FFF; border: 2px solid #F59C0F; } .mybtn-outline:hover { background: #D4005C; text-decoration: none; color: #fff; border: 2px solid #D4005C; } .mybtn-white { padding: 8px 50px; margin-bottom: 93px; display: inline-block; font-size: 18px; color: #FFF; text-decoration: none; border-radius: 45px; background: none; border: 2px solid #FFF; } .mybtn-white:hover { background: #D4005C; text-decoration: none; color: #fff; border: 2px solid #D4005C; } .border-img {border: 1px solid #ddd;} *:after, *:before { transition: .30s ease-in-out; -moz-transition: .30s ease-in-out; -webkit-transition: .30s ease-in-out; } .logoArea, .menuArea, .usersArea .owl-thumbs .owl-thumb-item { transition: .30s ease-in-out; -moz-transition: .30s ease-in-out; -webkit-transition: .30s ease-in-out; } /* font-family: 'the_treasured_years_scriptRg'; font-family: 'sf_ui_displaylight'; font-family: 'MyriadProRegular'; */ /* wrapper */ #wrapper { width: 100%; float: left; overflow: hidden; background: #fff; } /* mycontainer */ .mycontainer { padding: 0px 15px; margin: auto; max-width: 1000px; } /* header wrapper */ #headerWrapper { padding: 10px 0; width: 100%; float: left; position: fixed; top: 0px; left: 0px; z-index: 999; background: #fff; } #bannerWrapper {margin-top: 2em;} #headerWrapper .mycontainer { max-width: 1230px; } .sticky-header #headerWrapper { box-shadow: 1px 0 5px rgba(0,0,0,0.1); } .sticky-header .logoArea { width: 180px; } .sticky-header .menuArea { margin: 7px 0 0 0; } /* logo area */ .logoArea { width: 257px; float: left; } .logoArea img { max-width: 100%; height: auto; } /* menu area */ .menuArea { margin: 20px 0 0 0; float: right;} .menuArea .mainmenu { margin: 0; float: left; } .menuArea ul { margin: 0px; list-style: none; } .menuArea li { margin: 0 34px 0 0; float: left; } .menuArea li:first-child { margin-left: 0px; } .menuArea li a { display: block; font-family: 'sf_ui_displaylight'; font-size: 16px; color: #58595b; text-decoration: none; } .menuArea li:hover > a, .menuArea li > a.active, .menuArea li > a:focus { color: #d4005c; } .menuArea .app { text-align: center; padding: 10px 15px 8px 15px; float: left; font-family: 'sf_ui_displaylight'; font-size: 16px; color: #fff !important; text-decoration: none; border: 2px solid #D4005C; border-radius: 40px; cursor: pointer; background: #D4005C; } .menuArea .app.mobile {display: none; } .menuArea .app:hover { color: #58595b !important; background: #fff; } .menuArea .app2 { margin-right: 10px; text-align: center; padding: 10px 15px 8px 15px; float: left; font-family: 'sf_ui_displaylight'; font-size: 16px; color: #D4005C !important; text-decoration: none; border: 2px solid #D4005C; border-radius: 40px; cursor: pointer; background: #FFF; } .menuArea .app2.mobile {display: none; } .menuArea .app2:hover { color: #58595b !important; background: #fff; } .mmenu {z-index: 999;} .menuArea ul ul { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1; width: 3em; } .menuArea:hover ul ul { display: block; } /*Uber Menu*/ .ubermenu-skin-clean-white.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop { font-size: 16px; color: #333; } .ubermenu .ubermenu-target-text {font-size: 18px;} .ubermenu-skin-clean-white.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {padding: 10px 5px 20px 5px;} .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {top: 45% !important;} .ubermenu .ubermenu-submenu.ubermenu-submenu-id-1065 .ubermenu-target, .ubermenu .ubermenu-submenu.ubermenu-submenu-id-1063 .ubermenu-target{ padding-bottom: 0 !important; } .ubermenu .ubermenu-custom-content-padded, .ubermenu-custom-content-padded { margin: 0; padding: 0 20px !important; } .ubermenu-responsive-toggle-icon-only .fas { color: #d4005c;} .menu-desc { margin: 0; padding: 0; } /* .menuArea ul li.hover, .menuArea ul li:hover { position: relative; z-index: 599; cursor: default; } .menuArea ul ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; } .menuArea ul ul li { float: none; } .menuArea ul ul ul { top: 0; left: 190px; width: 190px; } .menuArea ul li:hover > ul { visibility: visible; } .menuArea ul ul { bottom: 0; left: 0; } .menuArea ul ul { margin-top: 0; } .menuArea ul ul li { font-weight: normal; } */ /* mobilemenu area */ .mobilemenuArea { display: none; float: right; } .mobilemenuArea .mmenu { padding: 10px 15px; width: 100%; position: absolute; top: 59px; left: 0px; display: none; box-shadow: 0 4px 3px rgba(0,0,0,0.1); background: #fff; } .mobilemenuArea .mmenu ul { margin: 0px; list-style: none; } .mobilemenuArea .mmenu li a { padding: 3px 0; display: block; font-family: 'sf_ui_displaylight'; font-size: 16px; color: #58595b; text-decoration: none; } .menutoggle { width: 30px; display: none; float: right; } .menutoggle i { margin-bottom: 5px; width: 100%; height: 4px; float: left; border-radius: 10px; background: #D4005C; } .menutoggle i:last-child { margin-bottom: 0px; } .modal-backdrop.in { opacity: 0.8; } .modal-backdrop.show { opacity: 0.95; } #downloadapp .modal-dialog { margin-top: 15%; max-width: 400px; } #downloadapp .sub { padding: 35px 10px; width: 100%; display: block; text-align: center; border: none; border-radius: 0px; background: #F59C0F; } #downloadapp .modal-dialog h2 { margin-bottom: 35px; font-size: 36px; color: #fff; } #downloadapp .modal-dialog a { margin: 0 16px; display: inline-block; width: 135px; text-decoration: none; } #downloadapp .modal-dialog a img { max-width: 100%; height: auto; } /* banner wrapper */ #bannerWrapper { width: 100%; float: left; } /* banner area */ .bannerArea { padding: 260px 0 0 0; width: 100%; height: 600px; float: left; position: relative; text-align: center; z-index: 1; background-position: top center; background-repeat: no-repeat; -o-background-size: cover !important; -moz-background-size: cover !important; -webkit-background-size:cover !important; background-size: cover !important; } .bannerArea:after { width: 100%; height: 100%; float: left; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.6; z-index: -1; background: rgb(212,0,92); /* Old browsers */ background: -moz-linear-gradient(left, rgba(212,0,92,1) 0%, rgba(190,22,33,1) 43%, rgba(232,78,27,1) 74%, rgba(245,156,15,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(212,0,92,1) 0%,rgba(190,22,33,1) 43%,rgba(232,78,27,1) 74%,rgba(245,156,15,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(212,0,92,1) 0%,rgba(190,22,33,1) 43%,rgba(232,78,27,1) 74%,rgba(245,156,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4005c', endColorstr='#f59c0f',GradientType=1 ); /* IE6-9 */ } .bannerArea h1 { margin-bottom: 50px; font-size: 50px; color: #fff; font-weight: 300; line-height: 80px; } .bannerArea h1 br:last-child { display: none; } .bannerArea .mybtn { padding: 7px 10px 7px 15px; margin-bottom: 93px; display: inline-block; font-size: 18px; color: #fff; text-decoration: none; border-radius: 45px; background: #F59C0F; } .bannerArea .mybtn i { margin-left: 7px; width: 34px; height: 34px; display: inline-block; font-size: 16px; color: #fff; line-height: 34px; vertical-align: middle; border-radius: 100%; background: #1c1c1b; } .bannerArea .app { margin: 0 62px; display: inline-block; width: 135px; text-decoration: none; } .bannerArea .app img { max-width: 100%; height: auto; } .bannerArea .mybtn:hover { background: #D4005C; } /* banner wrapper no color */ #bannerWrapper-nocolor { width: 100%; float: left; } /* banner area 2*/ .bannerArea2 { padding: 260px 0 0 0; width: 100%; height: 600px; float: left; position: relative; text-align: center; z-index: 1; background-position: top center; background-repeat: no-repeat; -o-background-size: cover !important; -moz-background-size: cover !important; -webkit-background-size:cover !important; background-size: cover !important; } .bannerArea2:after { width: 100%; height: 100%; float: left; position: absolute; top: 0px; left: 0px; content: ""; opacity: 0.6; z-index: -1; } .bannerArea2 h1 { margin-bottom: 50px; font-size: 50px; color: #fff; font-weight: 300; line-height: 80px; } .bannerArea2 h1 br:last-child { display: none; } .bannerArea2 .mybtn { padding: 7px 20px 7px 25px; margin-bottom: 93px; display: inline-block; font-size: 18px; color: #fff; text-decoration: none; border-radius: 45px; background: #F59C0F; } .bannerArea2 .mybtn i { margin-left: 7px; width: 34px; height: 34px; display: inline-block; font-size: 16px; color: #fff; line-height: 34px; vertical-align: middle; border-radius: 100%; background: #1c1c1b; } .bannerArea2 .app { margin: 0 62px; display: inline-block; width: 135px; text-decoration: none; } .bannerArea2 .app img { max-width: 100%; height: auto; } /* innerbanner area */ .innerbannerArea { padding: 168px 0 64px 0; width: 100%; min-height: 300px; height: 600px; float: left; text-align: center; background-position: top center; background-size: cover; background-repeat: no-repeat; } .innerbannerArea-sm { padding: 168px 0 64px 0; width: 100%; min-height: 300px; float: left; text-align: center; background-position: center center; background-size: cover; background-repeat: no-repeat; } .innerbannerArea h1, .innerbannerArea-sm h1 { font-size: 40px; color: #fff; font-weight: 300; line-height: 60px; margin-top: 2.5em;} /* middle wrapper */ #middleWrapper { width: 100%; float: left; } /* protect area */ .protectArea { padding: 65px 0 0 0; width: 100%; float: left; font-size: 22px; color: #575756; font-weight: 300; line-height: 38px; } .protectArea .mycontainer { max-width: 1050px; } .protectArea h2 { margin-bottom: 35px; font-size: 36px; color: #D4005C; text-align: center; font-weight: 300; line-height: 40px; } .protectArea figure { padding: 300px 0 0 0; margin: 0px; display: inline-block; height: 340px; vertical-align: top; overflow: hidden; } .protectArea .row { display: block; } .protectArea .image { float: left; z-index: 1;} .protectArea .image img { width: 600px; height: auto; } .protectArea .text { padding-top: 17px; padding-right: 65px; float: right; z-index: 1; } .protectArea.inview figure, .articleArea .article.inview .image figure { padding: 0px; -webkit-animation: slide 2s ; -moz-animation: slide 2s ; animation: slide 2s; opacity: 1; } @-moz-keyframes slide { from { opacity: 0; padding: 300px 0 0 0; } to { opacity: 1; padding: 0px; } } @-webkit-keyframes slide { from { opacity: 0; padding: 300px 0 0 0; } to { opacity: 1; padding: 0px; } } .protectArea .mybtn { margin-top: 1.5em; padding: 8px 50px; display: inline-block; font-size: 18px; color: #fff; text-decoration: none; border-radius: 45px; background: #F59C0F; } .protectArea .mybtn:hover { background: #D4005C; } .page-template-template-home .protectArea .mybtn, .page-template-template-home .protectArea .mybtn-outline {float: left; width: 48%; margin: 0; text-align: center; padding: 8px 15px; } .page-template-template-home .protectArea .mybtn {margin-right: 0.5em;} .page-template-template-home .usersArea .user .item {background-position: top center;} /* article area */ .articleArea { width: 100%; float: left; } .articleArea .article { padding: 30px 0 0 0; width: 100%; float: left; background: #F5F5F5; } .articleArea .article .text { padding: 92px 23px 0 85px; margin-top: 40px; float: left; position: relative; font-size: 17px; color: #575756; line-height: 32px; z-index: 1; } .articleArea .article .text span { position: absolute; top: 0px; left: -13px; font-size: 256px; color: #DADAD9; font-weight: 700; line-height: 205px; z-index: -1; } .articleArea .article .text h2 { font-size: 36px; color: #D4005C; font-weight: 300; line-height: 40px; } .articleArea .article .image { padding-right: 0px; float: right; z-index: 1; } .articleArea .article .image img { max-width: 100%; height: auto; } .articleArea .article .image figure { margin: 0px; padding: 100% 0 0 0; height: 455px; overflow: hidden; } .articleArea .article:nth-of-type(2n) { background: #fff; } .articleArea .article:nth-of-type(2n) .text { padding: 92px 85px 0 0; margin-right: 8%; float: right; } .articleArea .article:nth-of-type(2n) .text span { left: auto; right: -13px; } .articleArea .article:nth-of-type(2n) .image { padding: 0 15px 0 0; float: left; } .articleArea .article:nth-child(1) .image figure { position: relative; } .articleArea .article:nth-child(1) .image figure .darkenimg { width: 100%; float: left; position: relative; } /*.articleArea .article:nth-child(1) .image figure .darkenimg:after { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; background: url(../images/mobile_dark.png) no-repeat top center; background-size: 100% auto; } .articleArea .article.inview:nth-child(1) .image figure .darkenimg:after { -webkit-animation: opacity 5s ; -moz-animation: opacity 5s ; animation: opacity 5s; }*/ @-webkit-keyframes opacity { 0% { opacity: 0.0; } 20% { opacity: 0.2; } 40% { opacity: 0.4; } 60% { opacity: 0.6; } 80% { opacity: 0.8; } 100% { opacity: 1; } } @keyframes opacity { 0% { opacity: 0.0; } 20% { opacity: 0.2; } 40% { opacity: 0.4; } 60% { opacity: 0.6; } 80% { opacity: 0.8; } 100% { opacity: 1; } } .articleArea .article:nth-child(2) .image figure { height: 490px; } .articleArea .article:nth-child(3) { padding: 30px 0; } .articleArea .article:nth-child(3) .text { margin-top: 0px; } .articleArea .article:nth-child(3) .image figure { margin-top: 0px; height: 442px; } .articleArea .article:nth-child(4) { padding: 0px; overflow: hidden; } .articleArea .article:nth-child(4) .image figure { height: 520px; } .articleArea .article:nth-child(4) .image figure img { margin-top: -97px; } .articleArea .article:nth-child(5) { padding: 0px; overflow: hidden; } .articleArea .article:nth-child(5) .image figure { height: 520px; } .articleArea .article:nth-child(5) .image figure img { margin-top: -200px; } .articleArea .article:nth-child(6) { padding: 0px; overflow: hidden; } .articleArea .article:nth-child(6) .image figure { height: 520px; } .articleArea .article:nth-child(6) .image figure img { margin-top: -200px; } .articleArea .article:nth-child(7) .image figure { height: 467px; } .articleArea .know { padding: 80px 0; width: 100%; float: left; text-align: center; } .articleArea .know a { padding: 8px 42px; display: inline-block; font-size: 18px; color: #fff; text-decoration: none; border-radius: 45px; background: #F59C0F; } .articleArea .know a:hover { background: #D4005C; } .articleArea .article.inview .text { left: 0px; -webkit-animation: text 2s ; -moz-animation: text 2s ; animation: text 2s; opacity: 1; } @-moz-keyframes text { from { opacity: 0; left: -58%; } to { opacity: 1; left: 0px; } } @-webkit-keyframes text { from { opacity: 0; left: -58%; } to { opacity: 1; left: 0px; } } .articleArea .article.inview:nth-of-type(2n) .text, .protectArea.inview .text, .whyproArea.inview .text { right: 0px; left: auto; -webkit-animation: text2 2s ; -moz-animation: text2 2s ; animation: text2 2s; opacity: 1; } @-moz-keyframes text2 { from { opacity: 0; right: -58%; left: auto; } to { opacity: 1; right: 0px; left: auto; } } @-webkit-keyframes text2 { from { opacity: 0; right: -58%; left: auto; } to { opacity: 1; right: 0px; left: auto; } } /* users area */ .usersArea { padding: 55px 0 0 0; width: 100%; float: left; position: relative; z-index: 1; } .usersArea h2 { margin-bottom: 10px; font-size: 50px; color: #D4005C; text-align: center; font-weight: 300; line-height: 80px; } .usersArea .short { margin-bottom: 55px; font-size: 22px; color: #575756; font-weight: 300; line-height: 38px; } .usersArea .user { width: 100%; float: left; } .usersArea .user .item { padding: 50px 0 0 0; width: 100%; height: 600px; float: left; position: relative; text-align: center; z-index: 9; background-position: 50% center; background-size: cover; background-repeat: no-repeat; } .usersArea .user .item .mycontainer { height: 100%; } .usersArea .user .item .sub { width: 100%; height: 100%; display: table; } .usersArea .user .item .text { width: 100%; height: 100%; display: table-cell; vertical-align: middle; } .usersArea .user h3 { font-family: 'the_treasured_years_scriptRg'; font-size: 128px; color: #fff; line-height: 155px; } .usersArea .user p { font-size: 30px; color: #fff; font-weight: 500; font-style: italic; line-height: 46px; } .usersArea .user span { display: block; font-size: 14px; color: #B2B2B1; font-weight: 700; text-transform: uppercase; } .usersArea .owl-thumbs { margin-top: -14px; width: 100%; float: left; text-align: center; position: relative; z-index: 9; } .usersArea .owl-thumbs .owl-thumb-item { margin: 0 9px; display: inline-block; width: 43px; height: 43px; border: none; cursor: pointer; vertical-align: top; } .usersArea .owl-thumbs .owl-thumb-item img { width: 100%; height: 100%; } .usersArea .owl-thumbs .owl-thumb-item .clip-each { display: block; width: 100%; height: 100%; overflow: hidden; } .usersArea .owl-nav div { width: 50px; height: 50px; position: absolute; top: 45%; font-size: 0px; text-align: center; line-height: 48px; border: 1px solid #fff; border-radius: 100%; } .usersArea .owl-nav div:after { font-size: 33px; color: #fff; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .usersArea .owl-nav .owl-prev { left: 15px; } .usersArea .owl-nav .owl-prev:after { content: "\f104"; font-family: FontAwesome; } .usersArea .owl-nav .owl-next { right: 15px; } .usersArea .owl-nav .owl-next:after { content: "\f105"; font-family: FontAwesome } .usersArea .owl-thumbs .owl-thumb-item.active, .usersArea .owl-thumbs .owl-thumb-item:hover { transform: scale(1.4); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); } .clip-svg { width: 0px; height: 0px; } .usersArea.inview h2, .usersArea.inview .user, .testimonialsArea.inview, .contactArea.inview, #footerWrapper.inview { margin: 0px; -webkit-animation: top 2s ; -moz-animation: top 2s ; animation: top 2s; opacity: 1; } @-moz-keyframes top { from { opacity: 0; margin: 50px 0 0 0; } to { opacity: 1; margin: 0px; } } @-webkit-keyframes top { from { opacity: 0; margin: 50px 0 0 0; } to { opacity: 1; margin: 0px; } } /* testimonials area */ .testimonialsArea { padding: 80px 0; width: 100%; float: left; position: relative; z-index: 1; text-align: center; font-size: 17px; color: #2C2A29; line-height: 28px; } .testimonialsArea .item { margin-bottom: 50px; } .testimonialsArea .image { width: 110px; height: 110px; display: inline-block; } .testimonialsArea .image img { width: 100%; height: auto; } .testimonialsArea .image .clip-each { display: block; width: 100%; height: 100%; overflow: hidden; } .testimonialsArea .text { width: 100%; float: left; } .testimonialsArea .text h4 { margin-bottom: 20px; font-size: 20px; font-weight: 600; line-height: 32px; } .testimonialsArea .text h4 span { display: block; font-size: 14px; font-weight: 700; text-transform: uppercase; } .testimonialsArea .mybtn { padding: 8px 76px; display: inline-block; font-size: 18px; color: #fff; text-decoration: none; border-radius: 45px; background: #F59C0F; } .testimonialsArea .mybtn:hover { background: #D4005C; } /* pricing area */ .pricingArea { width: 100%; float: left; position: relative; z-index: 1; } .pricingArea .title h2 { font-size: 56px; color: #fff; font-weight: 300; text-align: center; line-height: normal; } .pricingArea .pricing { margin: -60px 0 60px 0; width: 100%; float: left; } .pricingArea .pricing .mycontainer { max-width: 1070px; } .pricingArea .row { margin: 0 -10px; } .pricingArea .item { padding: 0 10px; } .pricingArea .sub { padding: 25px 20px 0 20px; width: 100%; min-height: 455px; float: left; position: relative; font-size: 16px; color: #fff; text-align: center; line-height: 24px; background: #575756; } .pricingArea .sub h3 { margin-bottom: 38px; font-size: 24px; color: #fff; font-weight: 600; text-transform: uppercase; line-height: 30px; } .pricingArea .sub .price { margin-bottom: 12px; display: block; font-size: 60px; color: #F59C0F; font-weight: 300; line-height: 55px; } .pricingArea .sub .price sup { font-size: 24px; font-weight: 600; vertical-align: super; } .pricingArea .sub .price sub { font-size: 24px; font-weight: normal; vertical-align: middle; } .pricingArea .sub .mybtn { padding: 8px 0; margin-left: -71px; width: 142px; position: absolute; bottom: 20px; left: 50%; font-size: 14px; color: #F59C0F; font-weight: 700; text-decoration: none; border: 1px solid #F59C0F; border-radius: 40px; cursor: pointer; } .pricingArea .sub .mybtn:hover { color: #fff; background: #F59C0F; } .pricingArea .sub ul { text-align: left; list-style: none; } .pricingArea .sub li { padding: 5px 0 5px 12px; position: relative; } .pricingArea .sub li:before { width: 5px; height: 5px; position: absolute; top: 15px; left: 2px; content: ""; border-radius: 100%; background: #fff; } .pricingArea .item:last-child p { text-align: left; } .pricingArea .bottom { margin-bottom: 60px; width: 100%; float: left; text-align: center; font-size: 18px; color: #878786; line-height: 36px; } .pricingArea .bottom p a { color: #878786; text-decoration: underline !important; cursor: pointer; } .pricingArea .bottom .app { margin: 0 62px; display: inline-block; width: 135px; text-decoration: none; } .pricingArea .bottom .app img { max-width: 100%; height: auto; } #pricingpop .modal-dialog { margin-top: 15%; max-width: 500px; } #pricingpop .sub { padding: 30px 35px; width: 100%; display: block; border: none; border-radius: 0px; background: #F59C0F; } #pricingpop .modal-dialog h2 { font-size: 36px; color: #fff; font-weight: 300; line-height: 48px; } #pricingpop .modal-dialog a { color: #fff; text-decoration: underline; } .pricingArea.inview h2, .protectArea.inview h2 { position: relative; top: 0px; -webkit-animation: title 2s ; -moz-animation: title 2s ; animation: title 2s; opacity: 1; } @-moz-keyframes title { from { opacity: 0; top: -40px; } to { opacity: 1; top: 0px; } } @-webkit-keyframes title { from { opacity: 0; top: -40px; } to { opacity: 1; top: 0px; } } .pricingArea.inview .item { top: 0px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-animation: rotate 2s ; -moz-animation: rotate 2s ; animation: rotate 2s; opacity: 1; } @-moz-keyframes rotate { from { opacity: 0; top: -40px; transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); } to { opacity: 1; top: 0px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); } } @-webkit-keyframes rotate { from { opacity: 0; top: -40px; transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); } to { opacity: 1; top: 0px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); } } /* whypro area */ .whyproArea { padding: 60px 0; width: 100%; min-height: 540px; float: left; position: relative; font-size: 17px; color: #fff; line-height: 30px; z-index: 1; background: rgb(245,156,15) url(../images/women.png); /* Old browsers */ background: -moz-linear-gradient(left, rgba(245,156,15,1) 0%, rgba(232,78,27,1) 55%, rgba(212,0,92,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(245,156,15,1) 0%,rgba(232,78,27,1) 55%,rgba(212,0,92,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(245,156,15,1) 0%,rgba(232,78,27,1) 55%,rgba(212,0,92,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59c0f', endColorstr='#d4005c',GradientType=1 ); /* IE6-9 */ } .whyproArea:after { width: 502px; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; z-index: -1; background: url(../images/women.png) no-repeat top center; background-size: 100% auto; } .whyproArea .text { padding: 0px; float: right; } .whyproArea h1 { margin-bottom: 60px; font-size: 50px; color: #fff; font-weight: 300; line-height: 66px; } .whyproArea p { margin-bottom: 20px; } .whyproArea .mybtn-white {margin-top: 1em;} /* contact area */ .contactArea { padding: 60px 0 30px 0; width: 100%; float: left; border-top: 2px solid #f5f5f5; } .contactArea h1 { margin-bottom: 25px; font-size: 50px; color: #D4005C; font-weight: 300; text-align: center; line-height: 66px; } .contactArea .short { font-size: 22px; color: #575756; font-weight: 300; text-align: center; line-height: 30px; } .contactArea .wpcf7 { padding: 0 2%; margin: 40px 0 0 0; width: 100%; float: left; } .contactArea .wpcf7 p { margin: 0px; display: inline; vertical-align: top; } .contactArea .wpcf7 .group { float: left; } .contactArea .fgroup { margin-bottom: 27px; width: 100%; float: left; text-align: center; } .contactArea .style { padding: 0 10px; width: 100%; height: 32px; float: left; font-size: 17px; color: #000; border: 1px solid transparent; background: rgba(245,156,15,0.2); } .contactArea .mybtn { margin: 0px; width: 175px; height: 40px; display: block; font-size: 18px; color: #fff; border: none; border-radius: 40px; cursor: pointer; background: #F59C0F; } .contactArea .mybtn:hover { background: #D4005C; } .contactArea .wpcf7-not-valid { border-color: #f00; } .contactArea span.wpcf7-not-valid-tip { display: none !important; } .contactArea div.wpcf7-response-output { margin: 0px; width: 100%; float: left; text-align: center; } .contactArea .grcap { float: left; width: 39%; display: inline-block; border: 1px solid #9d9d9c; vertical-align: top; } .contactArea .grcap img { margin: 2px auto 0 auto; } .contactArea .grcap cite { padding: 0 7px; height: 30px; float: left; font-style: normal; font-size: 16px; color: #fff; line-height: 29px; background: #999; } .contactArea .wpcf7-captchar { padding: 0 15px; margin: 0 0 0 15px; width: 30%; height: 32px; float: left; font-size: 16px; color: #000; text-align: center; border: 1px solid #9d9d9c; } .contactArea form .policy { margin: 2px 0 0 14px; float: left; clear: none; font-size: 17px; color: #24A7E0 !important; cursor: pointer; } /* call to action area*/ .actionArea { padding: 65px 0 65px 0; width: 100%; float: left; font-size: 22px; color: #fff; font-weight: 300; line-height: 38px; text-align: center; background: -moz-linear-gradient(left, rgba(245,156,15,1) 0%, rgba(232,78,27,1) 55%, rgba(212,0,92,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(245,156,15,1) 0%,rgba(232,78,27,1) 55%,rgba(212,0,92,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(245,156,15,1) 0%,rgba(232,78,27,1) 55%,rgba(212,0,92,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59c0f', endColorstr='#d4005c',GradientType=1 ); /* IE6-9 */ } .actionArea .mycontainer { max-width: 1050px; } .actionArea ul {display: inline-block; text-align: left} .actionArea li:before {content: "\2022"} .actionArea li {text-align: center; list-style: none;} .actionArea h2 { margin-bottom: 35px; font-size: 36px; color: #fff; text-align: center; font-weight: 300; line-height: 40px; } .actionArea .mybtn { padding: 7px 10px 7px 15px; margin-bottom: 93px; display: inline-block; font-size: 18px; color: #fff; text-decoration: none; border-radius: 45px; border: 1px solid #fff; } .actionArea .mybtn i { margin-left: 7px; width: 34px; height: 34px; display: inline-block; font-size: 16px; color: #fff; line-height: 34px; vertical-align: middle; border-radius: 100%; background: #1c1c1b; } /* content area */ .faqArea { padding: 50px 0; width: 100%; float: left; font-size: 17px; color: #878786; line-height: 32px; } .faqArea h2 { margin-bottom: 25px; font-size: 36px; color: #D4005C; font-weight: 300; line-height: 42px; } .faqArea p a { color: #D4005C; text-decoration: none; } .faqArea .search { margin-bottom: 37px; width: 100%; float: left; position: relative; } .faqArea .search form { width: 100%; float: left; } .faqArea .search .style { padding: 0 55px 0 20px; width: 100%; height: 54px; float: left; font-size: 36px; color: #000; font-weight: 300; border: none; line-height: 54px; background: rgba(245,156,15,0.2); } .faqArea .search .mybtn { width: 54px; height: 54px; position: absolute; top: 0px; right: 0px; font-size: 0px; border: none; cursor: pointer; background: url(../images/search_icon.png) no-repeat center center; } .faqArea .search .mybtnr { width: 54px; height: 54px; position: absolute; top: 0px; right: 0px; font-size: 0px; border: none; cursor: pointer; background: #FDEBCF url(../images/reset_icon.png) no-repeat center center; } .faqArea .faqs { padding: 0 0 8px 0; margin-bottom: 37px; width: 100%; float: left; border-bottom: 1px solid #f59d12; } .faqArea .faqs ul { list-style: none; } .faqArea .faqs li { margin-bottom: 25px; width: 100%; float: left; } .faqArea .faqs li a { padding: 0 20px 0 0; width: 100%; float: left; position: relative; font-size: 26px; color: #2C2A29; font-weight: 300; text-decoration: none; line-height: 32px; } .faqArea .faqs li a:after { position: absolute; right: 0px; top: -1px; content: "+"; color: #F59C0F; font-weight: normal; } .faqArea .faqs li a.active:after { content: "–"; } .faqArea .faqs .ans { width: 100%; float: left; display: none; } .faqArea .faqs .ans p { margin-bottom: 1rem; } .faqArea div > p { margin-bottom: 40px; } .faqArea b, .faqArea strong { font-weight: 700; } .faqArea #loader { margin-bottom: 30px; width: 100%; float: left; } .faqArea #loader img { margin: 0 auto; max-width: 100%; max-width: 100%; } /* content area */ .contentArea { padding: 50px 0; width: 100%; min-height: 400px; float: left; position: relative; z-index: 1; font-size: 17px; color: #878786; line-height: 32px; } .contentArea h2 { margin-bottom: 25px; font-size: 36px; color: #D4005C; font-weight: 300; line-height: 42px; } .contentArea ul, .contentArea ol { padding: 0 0 0 20px; } .contentArea a { color: #D4005C; text-decoration: none; } /* org landing */ .page-template-template-landing-php html {color: #444;} .page-template-template-landing-php .bannerArea-sm {height: 450px;} .page-template-template-landing-php p { color: #444; text-align: left;} .page-template-template-landing-php .bannerArea-sm h1 { margin-bottom: 10px;} .page-template-template-landing-php .bannerArea-sm h4 { margin-bottom: 30px; color: #fff;} .page-template-template-landing-php .bannerArea-sm img {align: center; margin: 0 auto;} .page-template-template-landing-php a.app.desktop {display:none;} .page-template-template-landing-php a.app {display:none;} .page-template-template-landing-php a.app.mobile {display:none;} .page-template-template-landing-php .mycontainer {text-align:center;} .page-template-template-landing-php.wpcf7 { padding: 0 2%; margin: 40px 0 0 0; width: 100%; float: left; } .page-template-template-landing-php .wpcf7 .group { float: left; } .page-template-template-landing-php .fgroup { margin-bottom: 27px; width: 100%; float: left; text-align: center; } .page-template-template-landing-php .style { padding: 0 10px; width: 100%; height: 32px; float: left; font-size: 17px; color: #000; border: 1px solid transparent; background: rgba(245,156,15,0.2); } .page-template-template-landing-php .contentArea .mybtn { margin: 0px; padding: 0.5em 2em; display: inline-block; font-size: 18px; color: #fff; border: none; border-radius: 40px; cursor: pointer; background: #F59C0F; } .page-template-template-landing-php .contentArea img {margin: 0 auto;} .page-template-template-landing-php .mybtn:hover { background: #D4005C; } .page-template-template-landing-php .wpcf7-not-valid { border-color: #f00; } .page-template-template-landing-php span.wpcf7-not-valid-tip { display: none !important; } .page-template-template-landing-php div.wpcf7-response-output { margin: 0px; width: 100%; float: left; text-align: center; } .page-template-template-landing-php .grcap { float: left; width: 39%; display: inline-block; border: 1px solid #9d9d9c; vertical-align: top; } .page-template-template-landing-php .grcap img { margin: 2px auto 0 auto; } .page-template-template-landing-php .grcap cite { padding: 0 7px; height: 30px; float: left; font-style: normal; font-size: 16px; color: #fff; line-height: 29px; background: #999; } .page-template-template-landing-php .wpcf7-captchar { padding: 0 15px; margin: 0 0 0 15px; width: 30%; height: 32px; float: left; font-size: 16px; color: #000; text-align: center; border: 1px solid #9d9d9c; } .page-template-template-landing-php form .policy { margin: 2px 0 0 14px; float: left; clear: none; font-size: 17px; color: #24A7E0 !important; cursor: pointer; } .page-template-template-landing-php img.gs-icon {opacity: 0.5; margin-top: 3em; margin-bottom: -10px;} .page-template-template-landing-php .app { padding: 0.5em; display: inline-block; width: 200px; text-decoration: none; } .page-template-template-landing-php .app img { max-width: 100%; height: auto; } .offerArea {padding: 2em 0 0 0; text-align: left;} .offerArea img {padding-left: 1em;} .page-template-template-landing-php .text h2 {text-align: left;} #mc_embed_signup input {border: none !important;} .page-id-677 .col {padding-top: 3em;} /*integra*/ /*NAR landing page*/ #mc_embed_signup .mybtn {float: left; margin-left: 0.5em;} #mc_embed_signup input[type=email] {border: 1px solid transparent; width: 60%; padding: 0 10px; height: 52px; float: left; margin-left: 2em;} .page-id-721 .articleArea .article:nth-child(1) .image {display: none;} .page-id-721 .articleArea .article:nth-child(1) .col-lg-6 {max-width: 100% !important;} .page-id-721 .articleArea .article:nth-child(1) .text {padding: 0 23px 85px 85px;} .page-id-721 .articleArea .article:nth-child(2) .app {float: left;} .page-id-721 .articleArea .article:nth-child(5) .image figure img {margin-top: -100px;} .page-id-721 .articleArea .article:nth-child(6) .image figure img {margin-top: 50px;} .page-id-721 .landing-logo {display: none;} /*Holiday landing page*/ #mc_embed_signup .mybtn {float: left; margin-left: 0.5em;} #mc_embed_signup input[type=email] {border: 1px solid transparent; width: 60%; padding: 0 10px; height: 52px; float: left; margin-left: 2em;} .page-id-901 .articleArea .article:nth-child(1) .image {display: none;} .page-id-901 .articleArea .article:nth-child(1) .col-lg-6 {max-width: 100% !important;} .page-id-901 .articleArea .article:nth-child(1) .text {padding: 0 23px 85px 85px;} .page-id-901 .articleArea .article:nth-child(2) .app {float: left;} .page-id-901 .articleArea .article:nth-child(5) .image figure img {margin-top: -100px;} .page-id-901 .articleArea .article:nth-child(6) .image figure img {margin-top: 50px;} .page-id-901 .landing-logo {display: none;} /*Holiday School landing page*/ #mc_embed_signup .mybtn {float: left; margin-left: 0.5em;} #mc_embed_signup input[type=email] {border: 1px solid transparent; width: 60%; padding: 0 10px; height: 52px; float: left; margin-left: 2em;} .page-id-949 .articleArea .article:nth-child(1) .image {display: none;} .page-id-949 .articleArea .article:nth-child(1) .col-lg-6 {max-width: 100% !important;} .page-id-949 .articleArea .article:nth-child(1) .text {padding: 0 23px 85px 85px;} .page-id-949 .articleArea .article:nth-child(2) .app {float: left;} .page-id-949 .articleArea .article:nth-child(5) .image figure img {margin-top: -100px;} .page-id-949 .articleArea .article:nth-child(6) .image figure img {margin-top: 50px;} .page-id-949 .landing-logo {display: none;} /*RealtyNinja landing page*/ #mc_embed_signup .mybtn {float: left; margin-left: 0.5em;} #mc_embed_signup input[type=email] {border: 1px solid transparent; width: 60%; padding: 0 10px; height: 52px; float: left; margin-left: 2em;} .page-id-747 .articleArea .article:nth-child(1) .image {display: none;} .page-id-747 .articleArea .article:nth-child(1) .col-lg-6 {max-width: 100% !important;} .page-id-747 .articleArea .article:nth-child(1) .text {padding: 0 23px 85px 85px;} .page-id-747 .articleArea .article:nth-child(2) .app {float: left;} .page-id-747 .articleArea .article:nth-child(5) .image figure img {margin-top: -100px;} .page-id-747 .articleArea .article:nth-child(6) .image figure img {margin-top: 50px;} /*QI Integrated Health landing page*/ #mc_embed_signup .mybtn {float: left; margin-left: 0.5em;} #mc_embed_signup input[type=email] {border: 1px solid transparent; width: 60%; padding: 0 10px; height: 52px; float: left; margin-left: 2em;} .page-id-939 .articleArea .article:nth-child(1) .app {float: left;} .page-id-939 .articleArea .article:nth-child(4) .image figure img {margin-top: -100px;} .page-id-939 .articleArea .article:nth-child(5) .image figure img {margin-top: 50px;} /*Services page*/ .page-id-997 .image {margin-bottom: 0.5em;} .page-id-997 .innerbannerArea {height: 400px;} /*Referral page*/ .page-id-1022 .innerbannerArea {height: 400px;} /* Video */ .video { position: relative; padding-bottom: 56.25%; /* 16/9 ratio */ padding-top: 30px; /* IE6 workaround*/ height: 0; overflow: hidden; margin-top: -4em; } .video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; margin: 0 auto; } .contentVideo { width: 100%; height: 100%; margin: 0 auto; overflow: hidden; text-align: center; } /* footer wrapper */ #footerWrapper { width: 100%; float: left; background: #F5F5F5; } /* footer area */ .footerArea { padding: 20px 0; width: 100%; float: left; position: relative; z-index: 1; } .footerArea h3 { font-size: 12px; color: #2C2A29; text-transform: uppercase; } .footerArea .logo a { width: 170px; display: inline-block; } .footerArea .logo a img { max-width: 100%; } .footerArea .link { padding-top: 17px; } .footerArea .link ul { margin: 0px; list-style: none; } .footerArea .link li { margin-bottom: 8px; } .footerArea .link li a { display: block; font-size: 12px; color: #6F6F6E; text-decoration: none; cursor: pointer; } .footerArea .link li a:hover { color: #009EE3; } .footerArea .social { padding-top: 16px; text-align: right; } .footerArea .social ul { margin-bottom: 30px; list-style: none; } .footerArea .social li { margin-left: 14px; display: inline-block; } .footerArea .social li:first-child { margin-left: 0px; } .footerArea .social li a { width: 27px; height: 27px; font-size: 14px; color: #fff; text-align: center; text-decoration: none; line-height: 27px; border-radius: 100%; background: #D4005C; } .footerArea .social li a:hover { background: #F59C0F; } .footerArea .social p { font-size: 10px; color: #2C2A29; } /* contentall popup */ .contentall .modal-dialog { margin: 5% auto; max-width: 935px; } .contentall .all { width: 100%; float: left; } .contentall .sub { padding: 80px 15px 80px 38px; width: 100%; display: block; position: relative; border: none; border-radius: 0px; background: #fff; } .contentall h2 { font-size: 50px; color: #D4005C; font-weight: 300; text-align: center; line-height: 60px; } .contentall span { display: block; font-size: 24px; color: #D4005C; text-align: center; } .contentall .slimScrollDiv { padding-right: 35px; margin-bottom: 30px; margin-top: 60px; height: 600px !important; } .contentall #scroll, .contentall #scroll2 { height: 600px !important; } .contentall .slimScrollRail { background: none !important; } .contentall .slimScrollBar { width: 14px !important; background: #B2B2B1 !important; } .contentall .text { width: 100%; height: 600px; float: left; font-family: 'MyriadProRegular'; font-size: 17px; color: #1C1C1B; line-height: 32px; } .contentall .text h3 { font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: 600; color: #2c2a29; } .contentall .text a { color: #D4005C; text-decoration: underline; } .contentall .text ol, .contentall .text ul { padding: 0 0 0 20px; } .contentall .text ol { list-style-type: lower-roman; } .contentall .close { width: 42px; height: 42px; position: absolute; bottom: 18px; right: 18px; opacity: 1; background: url(../images/close.png) no-repeat center center; } .contentall .close:hover { opacity: 0.8; } .contentall .corp { padding: 0 23px 0 0; width: 100%; float: left; } .contentall .short { padding: 15px 0 20px 0; font-size: 22px; color: #575756; text-align: center; line-height: 38px; } .contentall .corp .group { float: left; } .contentall .corp .fgroup { padding: 0 0 10px 0; width: 100%; float: left; } .contentall .corp label { margin: 0px; width: 100%; float: left; font-size: 14px; color: #2C2A29; } .contentall .corp .style { padding: 0 10px; width: 100%; height: 30px; float: left; font-size: 17px; color: #000; border: 1px solid transparent; background: rgba(245,156,15,0.2); } .contentall .corp textarea.style { height: 110px; } .contentall .corp .mybtn { margin: 55px auto 0 auto; width: 175px; height: 40px; display: block; font-size: 18px; color: #fff; border: none; border-radius: 40px; cursor: pointer; background: #F59C0F; } .contentall .corp .mybtn:hover { background: #D4005C; } .contentall .corp .wpcf7-not-valid { border-color: #f00; } .contentall .corp span.wpcf7-not-valid-tip { display: none !important; } .contentall .corp div.wpcf7-response-output { margin: 0px; width: 100%; float: left; text-align: center; } .contentall .corp .grcap { width: 50%; float: left; border: 1px solid #9d9d9c; } .contentall .corp .grcap img { margin: 2px auto 0 auto; } .contentall .corp .grcap cite { padding: 0 7px; height: 30px; float: left; font-style: normal; font-size: 16px; color: #fff; line-height: 29px; background: #999; } .contentall .corp .captcha-118 { display: inline; } .contentall .corp .wpcf7-captchar { padding: 0 15px; width: 47%; height: 32px; float: right; font-size: 16px; color: #000; text-align: center; border: 1px solid #9d9d9c; } .contentall .corp form .policy { margin: 20px 0 0 0; float: left; font-size: 14px; color: #24A7E0 !important; cursor: pointer; clear: both; } .contentall .corp .six { width: 59%; } .contentall .corp .four { width: 39%; float: right; } .contentall .corp .space { margin: 24px 0 0 0; } /* Student page */ .page-id-478 .protectArea .image img { width: 300px; height: auto; } .page-id-478 .protectArea figure { padding: 0 0 0 0; margin: 0 0 0 170px; display: inline-block; height: 321px; vertical-align: top; overflow: hidden; } .page-id-478 .articleArea .article:nth-child(4) .image figure img {margin: 100px 50px 0 0;} .page-id-478 .articleArea .article.inview:nth-of-type(2n) .text, .protectArea.inview .text, .whyproArea.inview .text {padding-left: 30px;} .page-id-478 .protectArea.inview figure, .articleArea .article.inview .image figure {height: 400px;} .page-id-478 .articleArea .article:nth-child(3) .image figure {margin-top: 50px;} .page-id-478 .articleArea .article:nth-child(1) .image figure .darkenimg {margin-top: 50px;} /* Online dater page */ .page-id-543 .articleArea .article:nth-child(2) .image figure {margin-top: 50px;} .page-id-543 .articleArea .article:nth-of-type(2n) .text { padding: 70px 85px 0 0; margin-right: 5%; float: right; } .page-id-543 .articleArea .article:nth-of-type(2n) .text span { left: auto; right: -13px; } /*Media page*/ .m-table {width: 100%; margin-bottom: 4em;} .m1, .m2 { border-bottom: 1px solid #f2f2f2;} .m1 { font-weight: bold;} .m1 {padding: 0.5em 0.5em 0.5em 0;} .m2 {padding: 0.5em 0 0.5em 0.5em;} /* Corporate page */ .page-id-267 .bannerArea2 {background-position: center center;} .page-id-267 h2 { margin-bottom: 35px; font-size: 36px; color: #D4005C; text-align: center; font-weight: 300; line-height: 40px; } .page-id-267 .featuresArea { font-size: 22px; line-height: 38px; color: #575756; } .page-id-267 .protectArea {padding-bottom: 65px;} .page-id-267 .protectArea figure { padding: 0; margin: 0px; display: inline-block; height: auto; vertical-align: top; overflow: hidden; } .page-id-267 .protectArea .text {font-size: 0.9em; line-height: 1.8em; padding: 0.5em 0 0 5em;} .page-id-267 .footerArea {line-height: 1.5;} .industryArea { padding: 65px 0; width: 100%; float: left; position: relative; z-index: 1; text-align: center; font-size: 17px; color: #2C2A29; line-height: 28px; background: #F5F5F5; } .industryArea .text h4 {text-transform: uppercase; font-weight: 100 !important; } .industryArea .image { width: 110px; height: 110px; display: inline-block; } .industryArea .image img { width: 100%; height: auto; } .industryArea .image .clip-each { display: block; width: 100%; height: 100%; overflow: hidden; } .industryArea .text { width: 100%; float: left; } .industryArea .text h4 { margin-bottom: 20px; font-size: 20px; font-weight: 600; line-height: 32px; } .industryArea .text h4 span { display: block; font-size: 14px; font-weight: 700; text-transform: uppercase; } .industryArea a {text-decoration: none;} .industryArea .figure { padding: 0px; -webkit-animation: slide 2s ; -moz-animation: slide 2s ; animation: slide 2s; opacity: 1; } .page-id-267 h2, .page-id-267.inview h2 { position: relative; top: 0px; -webkit-animation: title 2s ; -moz-animation: title 2s ; animation: title 2s; opacity: 1; } .cultureArea { padding: 150px 0; width: 100%; position: relative; z-index: 1; text-align: center; color: #ffffff; background:url(../../../uploads/2019/05/banner-world.jpg); background-size: cover !important; background-position: top center; line-height: 1.5em; } .cultureArea h2 {color: #fff;} .accoladesArea {padding: 65px 0; width: 100%; text-align: center; margin: 0 auto;} .accoladesArea img { will-change: filter; -webkit-filter: grayscale(100%); filter: grayscale(100%); margin: 0 1em; float: left; margin-top: 2em;} .accoladesArea h4 { font-size: 1.3rem;} /* Personal page */ .page-id-1061 h2 { margin-bottom: 35px; font-size: 36px; color: #D4005C; text-align: center; font-weight: 300; line-height: 40px; } .page-id-1061 .featuresArea { font-size: 22px; line-height: 38px; color: #575756; } .page-id-1061 .protectArea figure { padding: 0; margin: 0px; display: inline-block; height: auto; vertical-align: top; overflow: hidden; } .page-id-1061 .protectArea .image img {width: 350px;} .page-id-1061 .protectArea .image {width: 350px; float: right;} .page-id-1061 .protectArea .text {font-size: 0.9em; line-height: 1.8em; padding: 1em 0 0 2em;} .page-id-1061 .footerArea {line-height: 1.5;} .page-id-1061 .usersArea {padding: 0;} /*Features list in both Corporate and Personal*/ .featuresArea {padding: 65px 0;} .featuresArea .text {float: right; font-size: 0.9em; line-height: 1.8em; padding: 0.5em 0 0 5em; } .featuresArea .image {float: left; width: 600px;} .featuresArea li {list-style: none; padding-left: 0.5em;} .featuresArea li:before { content: "\f00c"; font-family: FontAwesome; text-indent: 1em;} /* Integration page */ .page-id-1237 td, .page-id-1237 th {border: 1px solid #666; padding: 10px;} .page-id-1237 th {background: #f2f2f2;} /* How it works page */ .infographicArea { padding: 60px 0 30px 0; width: 100%; float: left; background-color: #d51a63; } .infographicArea h2 { margin-bottom: 25px; font-size: 50px; color: #fff; font-weight: 300; text-align: center; line-height: 66px; } .infographicArea img {width: 75%; margin: 0 auto; text-align: center;} .page-id-1232 .protectArea .mycontainer { text-align: center; } .page-id-1232 .protectArea .mybtn-orange {margin-top: 1em;} /* Team page */ .teamArea { padding: 65px 0; margin: 65px 0; width: 100%; float: left; position: relative; z-index: 1; text-align: center; font-size: 17px; color: #2C2A29; line-height: 28px; background: #F5F5F5; } .teamArea h2 { margin-bottom: 35px; font-size: 36px; color: #D4005C; text-align: center; font-weight: 300; line-height: 40px; } .teamArea .text h4 {text-transform: uppercase; font-weight: 100 !important; } .teamArea .image { width: 200px; height: 200px; display: inline-block; } .teamArea .image img { width: 100%; height: auto; } .teamArea .image .clip-each { display: block; width: 100%; height: 100%; overflow: hidden; } .teamArea .text { width: 100%; float: left; } .teamArea .text h4 { margin-bottom: -5px; font-size: 20px; font-weight: 600; line-height: 32px; } .teamArea .text h4 span { display: block; font-size: 14px; font-weight: 700; text-transform: uppercase; } .teamArea p {margin: 1em 0;} .page-id-1251 .col-lg-3 {flex: 0 0 33%; max-width: 33%; margin-bottom: 2em; text-align: left;}