.oval_black {height: 25px;width: 25px;background-color: #000000; border-radius: 50%;display: inline-block;} .oval_white {height: 25px;width: 25px;background-color: #ffffff; border-radius: 50%;display: inline-block; border: solid 0.5px #808080;} /*GLOBAL TAGS*/ body {font-family: 'Montserrat', Helvetica, Arial;} a {outline: none; text-decoration: none !important; color:#707070; cursor: pointer;} a:hover {outline: none; text-decoration: none !important; color:#cc2f2f;} a:focus {outline: none; text-decoration: none !important; color:#cc2f2f;} a:active {outline: none; text-decoration: none !important; color:#cc2f2f;} a.active {outline: none; text-decoration: none !important; color:#cc2f2f;} .whitehover:hover {color:#ffffff !important; } .whitevisted:focus {color:#ffffff !important; } .orangehover:hover {color:#e76132 !important; font-weight: 500 !important;} .greyhover:hover {color:#cecece !important; } .white_bghover:hover {background-color:#ffffff !important; } .grey_bghover:hover {background-color:#dcdad5 !important; } .dgrey_bghover:hover {background-color:#999999 !important; } /*GLOBAL NAV BULLET*/ .ares.tp-bullets{} .ares.tp-bullets:before {content:" ";position:absolute;width:100%;height:100%;background:transparent;padding:10px;margin-left:-10px;margin-top:-10px;box-sizing:content-box} .ares .tp-bullet {width:25px;height:25px;position:absolute;background-color:#808080;border-radius:50%;cursor:pointer;box-sizing:content-box} .ares .tp-bullet:hover, .ares .tp-bullet.selected {background-color:#FFFFFF;} .ares .tp-bullet-title {position:absolute; color:136,136,136; font-size:12px; padding:0px 10px; font-weight:600; right:27px; top:-4px; background:rgba(255,255,255,0.75); visibility:hidden; transform:translatex(-20px); -webkit-transform:translatex(-20px); transition:transform 0.3s; -webkit-transition:transform 0.3s; line-height:20px; white-space:nowrap} .ares .tp-bullet-title:after {width:0px;height:0px;border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent rgba(255,255,255,0.75);content:" "; position:absolute; right:-10px;top:0px} .ares .tp-bullet:hover .tp-bullet-title {visibility:visible; transform:translatex(0px); -webkit-transform:translatex(0px)} .ares .tp-bullet.selected:hover .tp-bullet-title {background:rgba(255,255,255,1)} .ares .tp-bullet.selected:hover .tp-bullet-title:after {border-color:transparent transparent transparent rgba(255,255,255,1)} .ares.tp-bullets:hover .tp-bullet-title {visibility:hidden} .ares.tp-bullets:hover .tp-bullet:hover .tp-bullet-title{visibility:visible; transform:translateX(0px) translatey(0px); -webkit-transform:translateX(0px) translatey(0px)} .ares.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title{right:auto; left:27px; transform:translatex(20px); -webkit-transform:translatex(20px)} .ares.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title:after{border-width:10px 10px 10px 0 !important; border-color:transparent rgba(255,255,255,0.75) transparent transparent; right:auto !important; left:-10px !important} .ares.nav-dir-vertical.nav-pos-hor-left .tp-bullet.selected:hover .tp-bullet-title:after{border-color:transparent rgba(255,255,255,1) transparent transparent !important} .ares.nav-dir-horizontal.nav-pos-ver-center .tp-bullet-title,.ares.nav-dir-horizontal.nav-pos-ver-bottom .tp-bullet-title{top:-35px; left:50%; right:auto; transform:translateX(-50%) translateY(-10px);-webkit-transform:translateX(-50%) translateY(-10px)} .ares.nav-dir-horizontal.nav-pos-ver-center .tp-bullet-title:after,.ares.nav-dir-horizontal.nav-pos-ver-bottom .tp-bullet-title:after{border-width:10px 10px 0px 10px; border-color:rgba(255,255,255,0.75) transparent transparent transparent; right:auto; left:50%; margin-left:-10px; top:auto; bottom:-10px} .ares.nav-dir-horizontal.nav-pos-ver-center .tp-bullet.selected:hover .tp-bullet-title:after,.ares.nav-dir-horizontal.nav-pos-ver-bottom .tp-bullet.selected:hover .tp-bullet-title:after{border-color:rgba(255,255,255,1) transparent transparent transparent} .ares.nav-dir-horizontal.nav-pos-ver-center .tp-bullet:hover .tp-bullet-title,.ares.nav-dir-horizontal.nav-pos-ver-bottom .tp-bullet:hover .tp-bullet-title{transform:translateX(-50%) translatey(0px); -webkit-transform:translateX(-50%) translatey(0px)} .ares.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title{top:25px; left:50%; right:auto; transform:translateX(-50%) translateY(10px);-webkit-transform:translateX(-50%) translateY(10px)} .ares.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title:after{border-width:0 10px 10px 10px; border-color:transparent transparent rgba(255,255,255,0.75) transparent; right:auto; left:50%; margin-left:-10px; bottom:auto; top:-10px} .ares.nav-dir-horizontal.nav-pos-ver-top .tp-bullet.selected:hover .tp-bullet-title:after{border-color:transparent transparent rgba(255,255,255,1) transparent} .ares.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-title{transform:translateX(-50%) translatey(0px); -webkit-transform:translateX(-50%) translatey(0px)} /*BOOTSTRAP OVERRIDE*/ .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} p {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} /*GLOBAL FORM*/ ::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #707070;} ::-moz-placeholder { /* Firefox 19+ */color: #707070;} :-ms-input-placeholder { /* IE 10+ */color: #707070;} :-moz-placeholder { /* Firefox 18- */color: #707070;} /*GLOBAL ALIGNMENT*/ .img-centered {margin: 0 auto !important;} .vcenter {padding: 70px 0;} .center {text-align: center !important;} .right {text-align: right !important;} .left {text-align: left !important;} .float1 {position: absolute !important;} .float2 {position: relative !important;} /*GLOBAL BRANDED COLORS*/ .color1 {color: #906dcf !important;} .color2 {color: #775aaa !important;} .color3 {color: #474747 !important;} .color4 {color: #6d6e71 !important;} .color5 {color: #8a8b8d !important;} .color6 {color: #a7a8aa !important;} .color7 {color: #7a6c69 !important;} .color8 {color: #222222 !important;} .color9 {color: #646229 !important;} .color10 {color: #67573e !important;} .color11 {color: #a7692c !important;} .color12 {color: #322b0e !important;} .color13 {color: #d0c493 !important;} .color14 {color: #feb0b0 !important;} .color_title {color: #e76132 !important;} .color_body {color: #505050 !important;} .color_subtitle {color: #3a3a3c !important;} .color_nav {color: #3a3a3c !important;} .shadow {text-shadow: 0 3px 3px #808080;} /*GLOBAL BACKGROUND COLORS*/ .background_aqua {background-color: #1ccad3 !important;} .background_aqua_hover:hover {background-color: #1ccad3 !important;} .background_aqua_press:focus {background-color: #78b2ac !important;} .background_laqua {background-color: #afd1ce !important;} .background_laqua_hover:hover {background-color: #afd1ce !important;} .background_lpurple {background-color: #f3eefc !important;} .background_lpurple_hover:hover {background-color: #f3eefc !important;} .background_lpurple_press:focus {background-color: #f3eefc !important;} .background_purple {background-color: #775aaa !important;} .background_purple_hover:hover {background-color: #775aaa !important;} .background_purple_press:focus {background-color: #775aaa !important;} .background_white {background-color: #ffffff !important;} .background_white_hover:hover {background-color: #ffffff !important;} .background_lgrey {background-color: #dbdad6 !important;} .background_lgrey_hover:hover {background-color: #dbdad6 !important;} .background_dgrey {background-color: #322f2f !important;} .background_dgrey_hover:hover {background-color: #322f2f !important;} .background_black {background-color: #333333 !important;} .background_black_hover:hover {background-color: #333333 !important;} .background_red {background-color: #b93535 !important;} .background_red_hover:hover {background-color: #b93535 !important;} .background_pink {background-color: #ffa2a2 !important;} .background_pink_hover:hover {background-color: #ffa2a2 !important;} .background_orange {background-color: #e38030 !important;} .background_orange_hover:hover {background-color: #e38030 !important;} .background_bgrey {background-color: #73706a !important;} .background_bgrey_hover:hover {background-color: #73706a !important;} .background_grey {background-color: #606060 !important;} .background_grey_active:active {background-color: #606060 !important;} .background_grey_hover:hover {background-color: #606060 !important;} .background_dpurple {background-color: #5a3f8a !important;} .background_dpurple_hover:hover {background-color: #5a3f8a !important;} .background_dpurple_press:active {background-color: #5a3f8a !important;} .background_blue {background-color: #0b445f !important;} .background_blue_hover:hover {background-color: #0b445f !important;} .background_tan {background-color: #d0c493 !important;} .background_tan_hover:hover {background-color: #d0c493 !important;} .background_lbrown {background-color: #dcdad5 !important;} .background_lbrown_hover:hover {background-color: #dcdad5 !important;} /*GLOBAL FONT WEIGHTS*/ .weight1 {font-weight:100 !important;} .weight2 {font-weight:200 !important;} .weight3 {font-weight:300 !important;} .weight4 {font-weight:400 !important;} .weight5 {font-weight:500 !important;} .weight6 {font-weight:600 !important;} .weight7 {font-weight:700 !important;} .weight8 {font-weight:800 !important;} .weight9 {font-weight:900 !important;} /*GLOBAL FONT WEIGHTS*/ .height0 {line-height:100% !important;} .height1 {line-height:110% !important;} .height2 {line-height:120% !important;} .height3 {line-height:130% !important;} .height4 {line-height:140% !important;} .height5 {line-height:150% !important;} .height6 {line-height:160% !important;} .height7 {line-height:170% !important;} .height8 {line-height:180% !important;} .height9 {line-height:190% !important;} /*GLOBAL FONT SIZES*/ .font14 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:.875em !important; letter-spacing: .5px;} .font15 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:.96em !important; letter-spacing: .5px;} .font16 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:1em !important; letter-spacing: .5px;} .font18 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:1.125em !important; letter-spacing: .5px;} .font20 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:1.25em !important; letter-spacing: .5px;} .font21 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:1.3125em !important; letter-spacing: .5px;} .font22 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:1.375em !important; letter-spacing: .5px;} .font23 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:1.4375em !important; letter-spacing: .5px;} .font24 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:1.5em !important; letter-spacing: 0px;} .font26 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:1.625em !important; letter-spacing: 0px;} .font28 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:1.75em !important; letter-spacing: 0px;} .font30 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:1.875em !important; letter-spacing: 0px;} .font32 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:2em !important; letter-spacing: 0px;} .font34 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:2.125em !important; letter-spacing: 0px;} .font36 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:2.25em !important; letter-spacing: 0px;} .font38 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:2.37em !important; letter-spacing: 0px;} .font40 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:2.5em !important; letter-spacing: 0px;} .font40l {font-family:'Source Sans Pro', Arial, Helvetica; font-size:2.75em !important; letter-spacing: 0px;} .font44 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:2.75em !important; letter-spacing: 0px;} .font48l {font-family:'Source Sans Pro', Arial, Helvetica; font-size:3em !important; letter-spacing: 0px;} .font48 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:3em !important; letter-spacing: 0px;} .font50 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:3.125em !important; letter-spacing: 0px;} .font52 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:3.25em !important; letter-spacing: 0px;} .font55 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:3.4375em !important; letter-spacing: 0px;} .font60 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:3.75em !important; letter-spacing: 0px;} .font65 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:3.85em !important; letter-spacing: 0px;} .font65 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:4.0625em !important; letter-spacing: -1px;} .font70 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:4.37em !important; letter-spacing: 0px;} .font75 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:4.4375em !important; letter-spacing: 0px;} .font85 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:5.3125em !important; letter-spacing: -.5px;} .font130 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:7.5em !important; letter-spacing: -4px;line-height:80%;} .font135 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:5.85em !important; font-weight: 600;} .font_title {font-family:'Source Sans Pro', Arial, Helvetica; font-size:3.5em !important; letter-spacing: 0px;} .font_title2 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:3.4375em !important; letter-spacing: 0px;} .font_title3 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:2.60em !important; letter-spacing: 0px; line-height:100%;} .font_title4 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:2.00em !important; letter-spacing: 0px; line-height:120%;} .font_title5 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:2.25em !important; letter-spacing: 0px; line-height:100%;} .font_subtitle {font-family:'Source Sans Pro', Arial, Helvetica; font-size:1.75em !important; letter-spacing: 0px;} .font_subtitle2 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:3.25em !important; letter-spacing: 5px;} .font_heading1 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:5.50em !important; letter-spacing: 0px;} .font_body {font-family:'Source Sans Pro', Arial, Helvetica; font-size:1.5em !important; letter-spacing: 0px;} .font_body2 {font-family:'Source Sans Pro', Arial, Helvetica; font-size:1.75em !important; letter-spacing: 0px; line-height:130%;} .font_link {font-family:'Source Sans Pro', Arial, Helvetica; font-size:1.7em !important; letter-spacing: 0px;} /*GLOBAL FONT COLORS*/ .color_white {color: #ffffff; !important} .color_white_hover:hover {color: #ffffff !important;} .color_white_active:active {color: #ffffff !important;} .color_lgrey {color: #acabab; !important} .color_lgrey_hover:hover {color: #dbdad6 !important;} .color_grey {color: #424242; !important} .color_grey_hover:hover {color: #424242 !important;} .color_grey_active:active {color: #424242 !important;} .color_dgrey {color: #474747; !important} .color_dgrey_hover:hover {color: #474747 !important;} .color_black {color: #3a3a3c; !important} .color_black_hover:hover {color: #3a3a3c !important;} .color_red {color: #b93535; !important} .color_red_hover:hover {color: #b93535 !important;} .color_orange {color: #e76132; !important} .color_orange_hover:hover {color: #e76132 !important;} .color_purple {color: #968990; !important} .color_purple_hover:hover {color: #968990 !important;} .color_purple_active:active {color: #968990 !important;} .color_dpurple {color: #4f3f73; !important} .color_dpurple_hover:hover {color: #4f3f73 !important;} .color_dpurple_active:active {color: #675761 !important;} .color_lpurple {color: #906dcf; !important} .color_lpurple_hover:hover {color: #906dcf !important;} .color_lpurple_active:active {color: #906dcf !important;} .color_blue {color: #0b445f; !important} .color_blue_hover:hover {color: #0b445f !important;} .color_green {color: #646229; !important} .color_green_hover:hover {color: #646229 !important;} .color_tan {color: #faf9f8; !important} .color_tan_hover:hover {color: #faf9f8 !important;} .color_lbrown {color: #dcdad5; !important} .color_tan_hover:hover {color: #dcdad5 !important;} .color_bgrey {color: #73706a; !important} .color_bgrey_hover:hover {color: #73706a !important;} .color_aqua {color: #78b2ac; !important} .color_aqua_hover:hover {color: #78b2ac !important;} .color_laqua {color: #1ccad3; !important} .color_laqua_hover:hover {color: #6ad8ea !important;} .color_christmas {color: #af3434; !important} /*GLOBAL FONT STYLES*/ .italic {font-style: italic !important;} /*GLOBAL BORDER COLORS*/ .border_purple2_press:focus {border:2px solid #968990 !important;} .border_white1 {border:1px solid #ffffff !important;} .border_white2 {border:2px solid #ffffff !important;} .border_white3 {border:3px solid #ffffff !important;} .border_lgrey1 {border:1px solid #f1f1f1 !important;} .border_lgrey2 {border:2px solid #f1f1f1 !important;} .border_grey {border:0.3pt solid #bbbbbb; height:20cm} .border_grey1 {border:1px solid #909090 !important;} .border_grey2 {border:2px solid #808080 !important;} .border_grey3 {border:3px solid #808080 !important;} .border_dgrey1 {border:1px solid #414141 !important;} .border_dgrey1_hover:hover {border:2px solid #414141 !important;} .border_dgrey2 {border:2px solid #414141 !important;} .border_dgrey2_hover:hover {border:2px solid #414141 !important;} .border_dgrey3 {border:3px solid #414141 !important;} .border_dgrey3_hover:hover {border:3px solid #414141 !important;} .border_black1 {border:1px solid #222222 !important;} .border_black2 {border:2px solid #222222 !important;} .border_black3 {border:3px solid #222222 !important;} .border_orange1 {border:1px solid #e76132 !important;} .border_orange2 {border:2px solid #e76132 !important;} .border_orange3 {border:3px solid #e76132 !important;} .border_purple1 {border:1px solid #775aaa !important;} .border_purple2 {border:2px solid #775aaa !important;} .border_purple2_hover:hover {border:2px solid #968990 !important;} .border_purple2_press:focus {border:2px solid #968990 !important;} .border_purple {border:3px solid #775aaa !important;} .border_purple3_hover:hover {border:3px solid #968990 !important;} .border_purple1 {border:1px solid #775aaa !important;} .border_purple2 {border:2px solid #775aaa !important;} .border_purple2_hover:hover {border:2px solid #968990 !important;} .border_purple2_press:focus {border:2px solid #968990 !important;} .border_purple {border:3px solid #775aaa !important;} .border_purple3_hover:hover {border:3px solid #968990 !important;} .border_lbrown1 {border:1px solid #dcdad5 !important;} .border_lbrown2 {border:2px solid #dcdad5 !important;} .border_lbrown2_hover:hover {border:2px solid #dcdad5 !important;} .border_lbrown3 {border:3px solid #dcdad5 !important;} .border_lbrown3_hover:hover {border:3px solid #dcdad5 !important;} .border_bgrey2 {border:2px solid #73706a !important;} .border_bgrey2_hover:hover {border:2px solid #73706a !important;} .border_aqua {border:2px solid #78b2ac !important;} .border_aqua_hover:hover {border:2px solid #78b2ac !important;} .border_red {border:1px solid #b93535 !important;} .border_red_hover:hover {border:1px solid #b93535 !important;} .videoWrapper {position: relative;padding-bottom: 53.25%; /* 16:9 */padding-top: 0px;height: 0;} .videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } @media (max-width: 479px) { .quote_bannerbar_title {font-family:'open sans'; font-size:100px;font-weight:300;color:#ffffff;padding-top:0px;padding-left:0px;letter-spacing:-.5px;line-height:100%;} .quote_bannerbar_text1 {position: absolute;top: 50%;left: 50%; width: 82%;z-index:99;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);margin: auto;} .quote_bannerbar_text2 {position: absolute;top: 40%;left: 70%; width: 40%;z-index:99;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);margin: auto;} .quote_bannerbar_wrapper1 {position:relative;padding:0px;margin:0px;} .quote_bannerbar_img {max-width:100%;width:100%;} /*GLOBAL TESTIMONIALS*/ .global_testimonials {padding: 130px 0px 130px 0px;} .button_xs {padding: 8px 24px 5px 24px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 18px !important; font-weight: 400 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_sm {padding: 10px 20px 8px 20px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 18px !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_md {padding: 14px 32px 12px 32px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 20px !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_lg {padding: 25px 74px 25px 74px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 20px !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_xl {padding: 27px 84px 27px 84px;font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 21px !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} } @media (min-width: 480px) and (max-width: 767px) { .quote_bannerbar_title {font-family:'open sans'; font-size:100px;font-weight:300;color:#ffffff;padding-top:0px;padding-left:0px;letter-spacing:-.5px;line-height:100%;} .quote_bannerbar_text1 {position: absolute;top: 50%;left: 50%; width: 82%;z-index:99;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);margin: auto;} .quote_bannerbar_text2 {position: absolute;top: 40%;left: 70%; width: 40%;z-index:99;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);margin: auto;} .quote_bannerbar_wrapper1 {position:relative;padding:0px;margin:0px;} .quote_bannerbar_img {max-width:100%;width:100%;} .button_xs {padding: 8px 24px 5px 24px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 18px !important; font-weight: 400 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_sm {padding: 10px 20px 8px 20px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 18px !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_md {padding: 14px 32px 12px 32px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 20px !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_lg {padding: 25px 74px 25px 74px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 20px !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_xl {padding: 27px 84px 27px 84px;font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 21px !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} /*GLOBAL TESTIMONIALS*/ .global_testimonials {padding: 130px 0px 130px 0px;} } @media (min-width: 768px) and (max-width: 991px) { ul {padding: 0; list-style-position:inside;} .button_xs {padding: 8px 24px 5px 24px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 18px !important; font-weight: 400 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_sm {padding: 10px 20px 8px 20px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 18px !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_md {padding: 14px 32px 12px 32px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 20px !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_lg {padding: 25px 74px 25px 74px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 20px !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_xl {padding: 27px 84px 27px 84px;font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 21px !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} /*GLOBAL TESTIMONIALS*/ .global_testimonials {padding: 130px 0px 130px 0px;} } @media (min-width: 992px) and (max-width: 1199px) { .button_xs {padding: 8px 24px 5px 24px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 18px !important; font-weight: 400 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_sm {padding: 10px 20px 12px 20px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 18px !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_md {padding: 14px 32px 12px 32px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 18px !important; font-weight: 600 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_lg {padding: 25px 74px 25px 74px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 20px !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_xl {padding: 27px 84px 27px 84px;font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 21px !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} /*GLOBAL TESTIMONIALS*/ .global_testimonials {padding: 130px 0px 130px 0px;} } @media (min-width: 1200px) and (max-width: 1477px) { .button_xs {padding: 8px 24px 5px 24px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 18px !important; font-weight: 400 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_sm {padding: 12px 20px 12px 20px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 18px !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: 1px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_md {padding: 18px 32px 14px 32px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 20px !important; font-weight: 600 !important; font-style: normal !important; letter-spacing: 1px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_lg {padding: 25px 74px 20px 74px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 20px !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_xl {padding: 27px 84px 27px 84px;font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 20px !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} /*GLOBAL TESTIMONIALS*/ .global_testimonials {padding: 140px 0px 140px 0px;} } @media (min-width: 1478px) { .button_xs {padding: 8px 24px 5px 24px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 18px !important; font-weight: 400 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_sm {padding: 12px 30px 12px 30px; border-radius: 5px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 17px !important; font-weight: 400 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_md {padding: 16px 32px 12px 32px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 18px !important; font-weight: 600 !important; font-style: normal !important; letter-spacing: 1px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_lg {padding: 25px 74px 20px 74px; font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 20px !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} .button_xl {padding: 30px 84px 23px 84px;font-family: 'Source Sans Pro', Arial, Helvetica !important; font-size: 20px !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: .5px !important; text-decoration: none; display: inline-block; text-align: center; text-shadow: none !important;} /*GLOBAL TESTIMONIALS*/ .global_testimonials {padding: 140px 0px 140px 0px;} } /* MODULE FORM */ .module_form_wrapper {padding-left:10px;padding-right:10px;background-color:#ffffff;height:390px !important;} .module_form_title { font-size:18px;font-weight:300;font-style:normal;color:#cc2f2f;letter-spacing:-0px;line-height:100%;margin-top:80px;margin-bottom:50px;padding-left:0px;padding-right:0px;margin-left:6px;} .module_form_body {font-size:18px;font-weight:300;color:#808080;letter-spacing:.5px;line-height:120%; margin-left:6px;} .cognito .c-span-2 {max-width: 1000px;} .cognito .c-span-1 {max-width: 1000px;} .c-forms-heading h2 {font-size: 24px !important;color: #cc2f2f !important; padding-bottom: 30px !important;} .c-title > * {font-size:20px !important;font-weight:500 !important;color: #c44141 !important; padding-bottom:10px !important; padding-top:20px !important;} #c-submit-button {width:300px; height:50px; color:#ffffff; font-size:20px; font-weight:400;margin-top:25px !important;outline: none !important; border:0px solid #FFFFFF !important; padding: 0px 0px 3px 0px !important;text-decoration:none;cursor:pointer;vertical-align:middle;border-radius: 0px;text-shadow: 0px -.5px 0px #cc2f2f;background: #cc2f2f;background-image: -webkit-linear-gradient(top, #cc2f2f, #cc2f2f);background-image: -moz-linear-gradient(top, #cc2f2f, #cc2f2f);background-image: -ms-linear-gradient(top, #cc2f2f, #cc2f2f);background-image: -o-linear-gradient(top, #cc2f2f, #cc2f2f);background-image: linear-gradient(to bottom, #cc2f2f, #cc2f2f);-webkit-border-radius: 0;-moz-border-radius: 0;} .cognito .c-field { padding: 20px 0 !important; } .cognito .c-forms-form .c-fileupload-dropzone .c-upload-button { background-color: #ffffff !important; border-color: rgba(0,0,0,0.25) !important; color: #fff; } .cognito .c-forms-form .c-forms-form-title h2 { font-family: 'Montserrat',Helvetica,sans-serif !important; font-weight: bold; font-size: 2.25em !important; color: #cc0000; line-height: 1.15em; margin: 0 auto !important; text-align: center; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .countDown__cont{font-family:Lato,Arial,Gadget,sans-serif;font-size:13px;display:flex;color:#333; text-align: center;align-items: center; justify-content: center; margin:10px 0px 20px 0px;} .countDown__interval_cont{display:flex;justify-content:space-around;width:auto} .countDown__interval_cont:nth-child(n+1):not(:last-child){margin-right:1em} .countDown__interval_basic_cont{display:flex;flex-direction:column} .countDown__interval_basic_cont_description{display:flex;margin-left:.3em;margin-top:.3em;font-size:1.2em;font-weight:700;color:#fff;} .countDown__digit_cont{perspective:1.6em * 2;width:1em;height:1.6em;position:relative;line-height:1.6em;font-size:2.5em;font-weight:700;border-radius:.08em} .countDown__digit_cont:nth-child(n+1):not(:last-child){margin-right:.05em} .countDown__digit_last_placeholder,.countDown__digit_new_placeholder{position:absolute;left:0;width:100%;height:50%;text-align:center;overflow:hidden} .countDown__digit_last_placeholder{bottom:0;background:#fff;border-radius:0 0 .08em .08em} .countDown__digit_last_placeholder_inner{width:100%;height:100%;display:flex;justify-content:center;align-items:center;bottom:50%;position:absolute} .countDown__digit_new_placeholder{top:0;background:#f7f7f7;border-radius:.08em .08em 0 0} .countDown__digit_last_rotate,.countDown__digit_new_rotate{display:flex;justify-content:center;width:100%;height:50%;font-weight:700;position:absolute;top:0;overflow:hidden;animation-duration:.4s;animation-timing-function:linear;border-radius:.08em .08em 0 0;animation-fill-mode:forwards;transform-origin:100% 100%} .countDown__digit_last_rotate:after,.countDown__digit_new_rotate:after{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:100%;border-bottom:.01em solid rgba(0,0,0,.1)} .countDown__digit_last_rotate{animation-name:countDown_flip_1;background:#f7f7f7} .countDown__digit_new_rotate{animation-name:countDown_flip_2;background:#fff} .countDown__digit_new_rotated{transform:rotateX(180deg);width:100%;height:100%} .countDown__digit_new_rotated_inner{width:100%;height:100%;display:flex;justify-content:center;align-items:center;bottom:50%;position:absolute}@keyframes countDown_flip_1{0%{transform:rotateX(0);z-index:1}100%{transform:rotateX(-180deg);z-index:0}}@keyframes countDown_flip_2{0%{transform:rotateX(0);z-index:0}100%{transform:rotateX(-180deg);z-index:1}} /* HTML5 Boilerplate radio-one hidden styles */ /* the checked style using the :checked pseudo class */ input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; } .number-input { border: 2px solid #ddd; display: inline-flex; } .number-input, .number-input * { box-sizing: border-box; } .number-input button { outline:none; -webkit-appearance: none; background-color: transparent; border: none; align-items: center; justify-content: center; width: 3rem; height: 3rem; cursor: pointer; margin: 0; position: relative; } .number-input button:before, .number-input button:after { display: inline-block; position: absolute; content: ''; width: 1rem; height: 2px; background-color: #212121; transform: translate(-50%, -50%); } .number-input button.plus:after { transform: translate(-50%, -50%) rotate(90deg); } .number-input input[type=number] { font-family: sans-serif; max-width: 5rem; padding: .5rem; border: solid #ddd; border-width: 0 2px; font-size: 2rem; height: 3rem; font-weight: bold; text-align: center; } /* ===================================================================================================== */ /* Contants (Portfolio, Blog, Shop, etc) ------------------- */ /* ===================================================================================================== */ .col.container-grid { padding-left: 0; padding-right: 0; } .col.container-masonry { padding-left: 0; padding-right: 0; } .container.nf-container1 { padding-left: 15px; padding-right: 15px; } .container.nf-container2 { /*padding-left: 25px; padding-right: 25px;*/ } .nf-row1 { margin-left: -15px; margin-right: -15px; /*overflow: hidden;*/ } .nf-col-padding { padding-left: 25px; padding-right: 25px; } .nf-row2 { /*margin-left: -25px; margin-right: -25px;*/ } .nf-row1:before, .nf-row1:after, .nf-row2:before, .nf-row2:after { display: table; content: " "; } .nf-row1:after, .nf-row2:after { clear: both; } .nf-row1 .nf-item.spacing, .nf-row1 .grid-sizer.spacing { padding: 15px; } .nf-row2 .nf-item.spacing, .nf-item.spacing, .nf-row2 .grid-sizer.spacing, .spacing-box { padding: 25px; } .spacing-grid { padding-top: 25px; padding-bottom: 25px; } .nf-col-1 .nf-item, .nf-col-1 .grid-sizer { width: 100%; min-height: 1px; } .nf-col-2 .nf-item, .nf-col-2 .grid-sizer { width: 50%; min-height: 1px; } .nf-col-3 .nf-item, .nf-col-3 .grid-sizer { width: 33.3333%; min-height: 1px; } .nf-col-4 .nf-item, .nf-col-4 .grid-sizer { width: 25%; min-height: 1px; } .nf-col-5 .nf-item, .nf-col-5 .grid-sizer { width: 20%; min-height: 1px; } .nf-col-6 .nf-item, .nf-col-6 .grid-sizer { width: 16.6666%; min-height: 1px; } .nf-col-1 .nf-item.w1, .nf-col-2 .nf-item.w1, .nf-col-3 .nf-item.w1, .nf-col-4 .nf-item.w1 { width: 100%; } .nf-col-1 .nf-item.w2, .nf-col-2 .nf-item.w2, .nf-col-3 .nf-item.w2, .nf-col-4 .nf-item.w2 { width: 50%; } .nf-col-1 .nf-item.w3, .nf-col-2 .nf-item.w3, .nf-col-3 .nf-item.w3, .nf-col-4 .nf-item.w3 { width: 33.3333%; } .nf-col-1 .nf-item.w4, .nf-col-2 .nf-item.w4, .nf-col-3 .nf-item.w4, .nf-col-4 .nf-item.w4 { width: 25%; } .nf-col-1 .nf-item.w4-2, .nf-col-2 .nf-item.w4-2, .nf-col-3 .nf-item.w4-2, .nf-col-4 .nf-item.w4-2, .nf-col-1 .nf-item.w3-2, .nf-col-2 .nf-item.w3-2, .nf-col-3 .nf-item.w3-2, .nf-col-4 .nf-item.w3-2 { width: 50%; } .nf-col-1 .nf-item.w4-1, .nf-col-2 .nf-item.w4-1, .nf-col-3 .nf-item.w4-1, .nf-col-4 .nf-item.w4-1 { width: 75%; } .nf-col-1 .nf-item.w3-1, .nf-col-2 .nf-item.w3-1, .nf-col-3 .nf-item.w3-1, .nf-col-4 .nf-item.w3-1 { width: 66.6666%; } @media (max-width: 991px) { .nf-col-2 .nf-item, .nf-col-3 .nf-item, .nf-col-4 .nf-item, .nf-col-1 .nf-item.w2, .nf-col-2 .nf-item.w2, .nf-col-3 .nf-item.w2, .nf-col-4 .nf-item.w2, .nf-col-1 .nf-item.w3, .nf-col-2 .nf-item.w3, .nf-col-3 .nf-item.w3, .nf-col-4 .nf-item.w3, nf-col-1 .nf-item.w4, .nf-col-2 .nf-item.w4, .nf-col-3 .nf-item.w4, .nf-col-4 .nf-item.w4, .nf-col-1 .nf-item.w4-1, .nf-col-2 .nf-item.w4-1, .nf-col-3 .nf-item.w4-1, .nf-col-4 .nf-item.w4-1, .nf-col-1 .nf-item.w3-1, .nf-col-2 .nf-item.w3-1, .nf-col-3 .nf-item.w3-1, .nf-col-4 .nf-item.w3-1 { width: 50%; } .nf-col-5 .nf-item, .nf-col-6 .nf-item { width: 33.3333%; } .nf-row2 .nf-item.spacing, .nf-row2 .grid-sizer.spacing { padding: 25px; } } @media (max-width: 767px) { .container { margin: 0 auto; max-width: 480px; width: 100%; } .nf-col-padding { padding-left: 15px; padding-right: 15px; } .spacing-grid { padding-top: 15px; padding-bottom: 15px; } .nf-col-2 .nf-item, .nf-col-3 .nf-item, .nf-col-4 .nf-item, .nf-col-1 .nf-item.w2, .nf-col-2 .nf-item.w2, .nf-col-3 .nf-item.w2, .nf-col-4 .nf-item.w2, .nf-col-1 .nf-item.w3, .nf-col-2 .nf-item.w3, .nf-col-3 .nf-item.w3, .nf-col-4 .nf-item.w3, nf-col-1 .nf-item.w4, .nf-col-2 .nf-item.w4, .nf-col-3 .nf-item.w4, .nf-col-4 .nf-item.w4, .nf-col-1 .nf-item.w4-1, .nf-col-2 .nf-item.w4-1, .nf-col-3 .nf-item.w4-1, .nf-col-4 .nf-item.w4-1, .nf-col-1 .nf-item.w3-1, .nf-col-2 .nf-item.w3-1, .nf-col-3 .nf-item.w3-1, .nf-col-4 .nf-item.w3-1 { width: 100%; max-width: 480px; margin: 0 auto; } .nf-col-3, .nf-col-4 { margin: 0 auto; max-width: 480px; } .nf-col-5 .nf-item, .nf-col-6 .nf-item { width: 100%; } .nf-row2 .nf-item.spacing, .nf-row1 .nf-item.spacing, .spacing-box { padding: 15px; } .xs-hidden { visibility: hidden !important; display: none !important; opacity: 0; } } @media (max-width: 480px) { .nf-col-5 .nf-item, .nf-col-6 .nf-item { width: 100%; } } /* ----------------------------------------------------------------------*/ /* Sidebar Widget ---------------------------------------------------- */ /* ----------------------------------------------------------------------*/ .sidebar-widget { margin-bottom: 50px; } .sidebar-widget h4 { margin: 0px; padding-top: 0; padding-bottom: 15px; } .widget-search { position: relative; } .widget-search input[type="text"] { padding-right: 30px; } .widget-search input[type="submit"] { background-color: rgba(0,0,0,0); border: 0 none; color: #8d8d8d; cursor: pointer; display: inline-block; float: right; font-family: "FontAwesome",sans-serif; margin: 0; outline: 0 none; white-space: nowrap; padding: 0 3px; text-decoration: none; transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; position: absolute; top: 10px; right: 10px; } .widget-search input[type="submit"]:hover { color: #e6ae49; } .sidebar-widget hr { margin-bottom: 15px; } .sidebar-widget ul { margin: 0px; padding: 0px; } .sidebar-widget ul li { list-style: none; font-weight: 400; } .sidebar-widget ul li a { display: inline-block; padding: 4px 0px; font-size: 13px; color: #323232; } .sidebar-widget ul li a:hover { color: #e6ae49; } .widget-tag { display: inline-table; margin-top: 15px; } .widget-tag li { float: left; margin-bottom: 5px; margin-right: 5px; text-transform: uppercase; } .widget-tag li a { padding: 4px 10px !important; display: block; border: 1px solid #eee; } .widget-tag li a:hover { background: #323232; color: #fff !important; } .sidebar-widget .widget-post { position: relative; } .sidebar-widget .widget-post .widget-post-media { width: 70px; display: table-cell; padding: 0px 15px 0px 0px; } .sidebar-widget .widget-post li { margin-bottom: 20px; } .sidebar-widget .widget-post a { padding: 0px; } .sidebar-widget .widget-post .widget-post-media img, .sidebar-widget .widget-post .widget-post-media video { width: 100%; vertical-align: top; } .sidebar-widget .widget-post .widget-post-info { display: table-cell; vertical-align: top; } .sidebar-widget .widget-post .widget-post-info h5, .sidebar-widget .widget-post .widget-post-info h6 { margin-bottom: 5px; } .sidebar-widget .widget-post .widget-post-info p { margin: 0px; } /* ----------------------------------------------------------------------*/ /* Pagination Navigation --------------------------------------------- */ /* ----------------------------------------------------------------------*/ .pagination-nav { width: 100%; display: block; position: relative; text-align: center; } .pagination-nav ul { margin: 0px; padding: 0px; } .pagination-nav ul li { display: inline-block; margin: 0px 2px; } .pagination-nav ul li a { display: block; background-color: #f7f7f7; height: 36px; width: 36px; line-height: 36px; text-align: center; font-size: 14px; } .pagination-nav ul li.active a { background: #323232; color: #fff; } /* ----------------------------------------------------------------------*/ /* Portfolio --------------------------------------------------------- */ /* ----------------------------------------------------------------------*/ .container-filter { margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 30px; padding: 0; text-align: center; } .container-filter li { list-style: none; display: inline-block; } .container-filter li a { display: block; margin-left: 15px; margin-right: 15px; text-transform: uppercase; letter-spacing: 2px; } .container-filter li a.active { color: #cc2f2f; } .item-box { position: relative; overflow: hidden; display: block; } .item-box a { display: inline-block; } .item-box:hover .item-mask { opacity: 1; visibility: visible; } .item-box:hover .item-mask .item-caption { bottom: 30px; opacity: 1; } .item-box:hover .item-container { transform: scale(1.1); transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; width: 100%; } .item-container { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); width: 100%; transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; } .item-mask { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); height: 100%; position: absolute; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; width: 100%; top: 0; left: 0; opacity: 0; visibility: hidden; overflow: hidden; } .item-mask h5, .item-mask h6, .item-mask p { margin-bottom: 0px; } .item-mask p { text-transform: uppercase; font-size: 11px; letter-spacing: 1.5px; font-weight: 400; margin-top: 0; text-align: left; } .item-mask .item-caption { position: absolute; bottom: -60px; left: 0px; padding-left: 30px; padding-right: 30px; text-align: left; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; opacity: 0; } .project-detail-block p { font-size: 12px; letter-spacing: 2px; text-transform: uppercase; } ul.project-detail-block, .project-detail-block ul { padding-left: 0; } .project-detail-block li { list-style: none; } .project-detail-block p strong { display: inline-block; width: 110px; } .item-nav { text-align: center; display: block; overflow: hidden; } .item-nav .item-prev, .item-nav .item-next, .item-nav .item-all-view { position: relative; display: inline-block; } .item-nav .item-all-view h5, .item-nav .item-all-view h6 { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .item-nav .item-all-view h5:hover, .item-nav .item-all-view h6:hover { color: #e6ae49; } .item-nav .item-prev .prev-btn, .item-nav .item-next .next-btn, .item-all-view { display: inline-block; font-size: 25px; text-align: center; height: 51px; line-height: 51px; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .item-nav .item-prev .prev-btn, .item-nav .item-next .next-btn { color: #323232; background: #fff; width: 51px; } .item-nav .item-prev:hover .prev-btn, .item-nav .item-next:hover .next-btn { background: #f7f7f7; /*color: #fff;*/ } .item-nav .item-prev { text-align: left; float: left; } .item-nav .item-next { text-align: right; float: right; } .item-nav .item-prev .item-prev-text, .item-nav .item-next .item-next-text { position: absolute; line-height: 51px; top: 10px; z-index: -1; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; width: 150px; } .item-nav .item-prev:hover .item-prev-text, .item-nav .item-next:hover .item-next-text { margin-left: 0; margin-right: 0; visibility: visible; opacity: 1; } .item-nav .item-prev .item-prev-text { left: 100%; margin-left: -110px; padding-left: 15px; } .item-nav .item-next .item-next-text { right: 100%; margin-right: -110px; padding-right: 15px; } .item-nav .item-prev .item-prev-text p, .item-nav .item-prev .item-prev-text h5, .item-nav .item-prev .item-prev-text h6, .item-nav .item-next .item-next-text p, .item-nav .item-next .item-next-text h5, .item-nav .item-next .item-next-text h6 { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .item-nav .item-prev .item-prev-text h5, .item-nav .item-prev .item-prev-text h6, .item-nav .item-next .item-next-text h5, .item-nav .item-next .item-next-text h6, .item-nav .item-all-view h5, .item-nav .item-all-view h6 { padding-top: 8px; } /*header Logo style*/ .header.header-prepare .logo a img.logo-light, .header .logo a img.logo-dark { opacity: 0; } .header .logo a img.logo-light, .header.header-prepare .logo a img.logo-dark, .header.header-light .logo a img.logo-dark { opacity: 1; } .header.header-dark.header-prepare .logo a img.logo-dark, .header.header-dark .logo a img.logo-dark { opacity: 0; } .header.header-dark.header-prepare .logo a img.logo-light, .header.header-dark .logo a img.logo-light { opacity: 1; } input { border: none; background: transparent; } .responsive-menu .menu-header li { text-align: center; } .menu-btn div { position: absolute; left: 100%; top: 64%; padding-right: 8px; margin-top: -0.50em; line-height: 1.2; font-size: 18px; font-weight: 200; vertical-align: middle; z-index: 99; } .menu-btn span { display: block; width: 19px; height: 3px; margin: 4px 0; background: #808080; z-index: 99; } .responsive-menu{ display: none; } .expand { display: block !important; } .responsive-menu .menu-header li { float: none; line-height: 55px; width: 100% !important; text-align: center; border-bottom: #dddddd solid 1px; position: relative; padding: 0; margin:0 !important; list-style-type: none !important; list-style-position:inside !important; } .responsive-menu .menu-header ul { width: 100% !important; padding: 0; margin:0 !important; list-style-type: none !important; list-style-position:inside !important; } .header .menu li { display: block; float: left; line-height: 60px; padding: 0 0px; width: 100% !important; margin:0 !important; list-style-type: none !important; list-style-position:inside !important; } .open-menu-link { display: none; position: absolute; right: 15px; top: 0; line-height: 55px; color: #989DA1; cursor: pointer; } .rw-wrapper{ width: 80%; position: relative; margin: 110px auto 0 auto; font-family: 'Bree Serif'; padding: 10px; } .rw-sentence{ margin: 0; text-align: left; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); } .rw-sentence span{ color: #444; font-size: 200%; font-weight: normal; } .rw-words{ display: inline; text-indent: 10px; } .rw-words-1 span{ position: absolute; opacity: 0; overflow: hidden; color: #6b969d; -webkit-animation: rotateWord 18s linear infinite 0s; -ms-animation: rotateWord 18s linear infinite 0s; animation: rotateWord 18s linear infinite 0s; } .rw-words-1 span:nth-child(2) { -webkit-animation-delay: 3s; -ms-animation-delay: 3s; animation-delay: 3s; color: #6b889d; } .rw-words-1 span:nth-child(3) { -webkit-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; color: #6b739d; } .rw-words-1 span:nth-child(4) { -webkit-animation-delay: 9s; -ms-animation-delay: 9s; animation-delay: 9s; color: #7a6b9d; } .rw-words-1 span:nth-child(5) { -webkit-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; color: #8d6b9d; } .rw-words-1 span:nth-child(6) { -webkit-animation-delay: 15s; -ms-animation-delay: 15s; animation-delay: 15s; color: #9b6b9d; } @-webkit-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -webkit-transform: translateY(-30px); } 5% { opacity: 1; -webkit-transform: translateY(0px);} 17% { opacity: 1; -webkit-transform: translateY(0px); } 20% { opacity: 0; -webkit-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @-ms-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -ms-transform: translateY(-30px); } 5% { opacity: 1; -ms-transform: translateY(0px);} 17% { opacity: 1; -ms-transform: translateY(0px); } 20% { opacity: 0; -ms-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);} 17% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } 20% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @media screen and (max-width: 768px){ .rw-sentence { font-size: 18px; } } @media screen and (max-width: 320px){ .rw-sentence { font-size: 9px; } }