/*import CherryFramework style*/ @import url("../CherryFramework/style.css"); @import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700); @import url(//fonts.googleapis.com/css?family=Homemade+Apple); /* #General ================================================== */ body { background: #2b3a42; @media (max-width: 767px) { padding: 0; } } .main-holder { background: #edeeee; overflow: hidden; input[type="text"], input[type="email"], textarea { background: #fff; min-height: 20px; margin: 0; padding: 8px 13px 8px 13px !important; border: 1px solid #e6e6e6 !important; .border-radius(0); .box-shadow(none); resize: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; color: #bbbaba !important; html.ie8 & { line-height: 20px; } } input[type="submit"], input[type="reset"] { background: #2185c5; height: 50px; margin: 0 15px 0 0; padding: 0 20px 0 20px; border: none; .border-radius(0); .box-shadow(none); .transition(0.8s); font-family: @SansFontFamily; font-size: 15px; font-weight: 600; text-shadow: none; color: #fff; &:focus { background: #2185c5; .transition(0.4s); color: #fff; } &:hover { background: #1f2b31; .transition(0.4s); color: #fff; } } .search-form { input[type="text"] { @media (min-width: 980px) and (max-width: 1200px) { width: 160px; } html.ie8 & { width: 160px; } @media (min-width: 768px) and (max-width: 979px) { width: 85px; } @media (max-width: 480px) { width: 140px; } } input[type="submit"] { height: 41px; margin: 0 0 0 10px; } } } h1 { margin-bottom: 39px; font-weight: 300 !important; text-transform: uppercase; a { text-decoration: none; color: #2185c5; &:focus { text-decoration: none; color: #2185c5; } &:hover { text-decoration: none; color: #2b3a42; } } em { display: block; padding: 2px 0 0 0; line-height: 30px; font-size: 30px; font-style: normal; color: #31353d; } } h2 { margin-bottom: 40px; font-weight: 300 !important; text-transform: uppercase; @media (min-width: 768px) and (max-width: 979px) { .hyphens(auto); } @media (max-width: 767px) { padding-top: 20px; } @media (max-width: 480px) { .hyphens(auto); } a { text-decoration: none; color: #2b3a42; &:focus { text-decoration: none; color: #2b3a42; } &:hover { text-decoration: none; color: #2185c5; } } em { display: block; margin: 0 0 -10px 0; font-style: normal; } } h3 { margin-bottom: 40px; font-weight: 300 !important; text-transform: uppercase; @media (min-width: 768px) and (max-width: 979px) { .hyphens(auto); } @media (max-width: 767px) { padding-top: 20px; } @media (max-width: 480px) { .hyphens(auto); } a { text-decoration: none; color: #2185c5; &:focus { text-decoration: none; color: #2185c5; } &:hover { text-decoration: none; color: #2b3a42; } } em { display: block; padding-top: 1px; font-style: normal; } } h4 { margin: 0 0 15px 0; text-transform: uppercase; a { text-decoration: none; color: #2185c5; &:focus { text-decoration: none; color: #2185c5; } &:hover { text-decoration: none; color: #2b3a42; } } } h5 { margin-bottom: 10px; font-weight: 300 !important; text-transform: uppercase; em { display: block; font-style: normal; color: #2185c5; } strong { display: block; margin: -7px 0 0 0; padding: 0 0 6px 0; font-weight: 400; color: #2185c5; } a { text-decoration: none; color: #2b3a42; &:focus { text-decoration: none; color: #2b3a42; } &:hover { text-decoration: none; color: #2185c5; } } } h6 { margin: 2px 0 3px 0; text-transform: uppercase; a { text-decoration: none; color: #31353d; &:focus { text-decoration: none; color: #31353d; } &:hover { text-decoration: none; color: #2185c5; } } } p { margin: 0 0 15px 0; } a { .transition(0.8s); &:hover { .transition(0.4s); text-decoration: none; } } img.alignleft { margin: 6px 29px 6px 0; @media (min-width: 980px) and (max-width: 1200px) { max-width: 50%; } html.ie8 & { max-width: 50%; } @media (min-width: 768px) and (max-width: 979px) { max-width: 50%; margin: 6px 20px 6px 0; } @media (max-width: 767px) { max-width: 50%; margin: 6px 20px 6px 0; } } /* #Header ================================================== */ .header { background: none; margin: 0; padding: 0; border: none; text-align: center; .container { background: #fff; padding-top: 68px; @media (max-width: 767px) { padding: 20px; } } .logo { display: inline-block; position: relative; float: none; margin: 0 0 100px 0; vertical-align: top; @media (min-width: 768px) and (max-width: 979px) { width: auto; } @media (max-width: 767px) { margin: 0 0 20px 0; } @media (max-width: 480px) { max-width: 100%; } .logo_h__txt { margin: 0 0 8px 0; padding: 15px 0 0 0; text-transform: none; a { font-weight: 300; text-decoration: none; &:focus { text-decoration: none; color: #2b3a42; } &:hover { text-decoration: none; color: #2b3a42; } } } .logo_tagline { margin: 0; .opacity(50); line-height: 19px; font-family: @SansFontFamily; font-size: 19px; font-weight: 300; text-transform: uppercase; color: #2b3a42; position: absolute; top: 16px; right: 0; @media (max-width: 480px) { top: 10px; } } } .nav__primary { background: #7ecefd; margin: 0; @media (max-width: 767px) { background: none; } &:before { background: #fff; display: block; width: 100%; position: absolute; top: 0; bottom: 0; left: -100%; z-index: -1; content: ''; @media (max-width: 767px) { background: none; } body.home & { background: none; } } &:after { background: #fff; display: block; width: 100%; position: absolute; top: 0; bottom: 0; right: -100%; z-index: -1; content: ''; @media (max-width: 767px) { background: none; } body.home & { background: none; } } body.home & { margin-bottom: -109px; @media (max-width: 767px) { margin-bottom: 0; } } &.isStuck { margin: 0 !important; border-bottom: 1px solid #4ebbfc; right: 0; left: 0; } .sf-menu { float: none; line-height: 0; font-size: 0; ul { background: #7ecefd; width: 234px; } > li { background: none; display: inline-block; float: none; width: 234px; vertical-align: top; @media (min-width: 980px) and (max-width: 1200px) { width: 188px; } html.ie8 & { width: 188px; } @media (min-width: 768px) and (max-width: 979px) { width: 145px; } &:first-child { @media (min-width: 768px) and (max-width: 979px) { width: 144px; } > a { border-left: none; } } > a { position: relative; padding: 44px 15px 45px 15px; border: none; border-left: 1px solid #4ebbfc; font-weight: 600; text-transform: uppercase; z-index: 99; &:before { background: #74bdea; display: block; .transition(0.8s); position: absolute; top: 0; right: 0; bottom: 100%; left: 0; z-index: -1; content: ''; } } li { background: none; margin: 13px 0 0 0; &:first-child { margin: 0; } a { padding: 0; border: none; line-height: 15px; font-size: 14px; font-weight: 600; text-transform: uppercase; text-decoration: none; color: #fff; } .sf-sub-indicator { display: none; } li { a { color: #2b3a42; } } } } } .sf-menu li:hover ul, .sf-menu li.sfHover ul { margin: 0 0 0 -117px; padding: 39px 0 39px 0; top: 100%; left: 50%; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { background: #fff; margin: 0; padding: 31px 0 31px 0; .box-shadow(0 0 3px rgba(0,0,0,0.3)); top: -9px; left: 249px; &:before { background: url(images/menu_corner.gif) no-repeat 0% 0%; display: none; width: 5px; height: 9px; overflow: hidden; position: absolute; top: 13px; left: -5px; content: ''; body.home & { display: block; } } html.ie8 & { border: 1px solid #f4f5f5; } body.home & { html.ie8 & { border: none; } } } .sf-menu > li > a:hover, .sf-menu > li.sfHover> a { background: none; &:before { .transition(0.4s); bottom: 0; } } .sf-menu > li.current-menu-item > a, .sf-menu > li.current_page_item > a { background: none; color: #26333a; &:before { background: #fff; .transition(0.4s); bottom: 0; } } .sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.current-menu-item > a, .sf-menu li li.current_page_item > a { background: none; color: #2b3a42; } .sf-menu li li li > a:hover, .sf-menu li li li.sfHover > a, .sf-menu li li li.current-menu-item > a, .sf-menu li li li.current_page_item > a { background: none; color: #7ecefd; } .sf-sub-indicator { margin: 0 -5px 0 0; top: 70px; right: 50%; } } .search-form { margin: -30px 0 30px 0; form { float: none; } } } /*/ Header */ .all_sliders_off { min-height: 300px; } /* Slider ---------------------------------------- */ #slider-wrapper { min-height: 300px; &:hover { .camera_pag { .opacity(100); .transition(0.4s); html.ie8 & { display: block; } } } .container { position: relative; width: 1950px; margin: 0 0 0 -975px; left: 50%; @media (min-width: 1951px) { width: auto; margin: 0; left: auto; } @media (min-width: 980px) and (max-width: 1200px) { width: 1600px; margin: 0 0 0 -800px; } html.ie8 & { width: auto; margin: 0; left: auto; } @media (min-width: 768px) and (max-width: 979px) { width: 1600px; margin: 0 0 0 -800px; } @media (max-width: 767px) { width: 1000px; margin: 0 0 0 -500px; } } .camera_wrap { margin: 0 !important; } .camera_caption { width: 1170px; margin: 0 0 0 -585px; position: absolute; bottom: 264px; left: 50%; @media (min-width: 980px) and (max-width: 1200px) { width: 940px; margin: 0 0 0 -470px; bottom: 224px; } html.ie8 & { width: 940px; margin: 0 0 0 -470px; bottom: 224px; } @media (min-width: 768px) and (max-width: 979px) { width: 724px; margin: 0 0 0 -362px; bottom: 224px; } @media (max-width: 767px) { width: 440px; margin: 0 0 0 -220px; bottom: 130px; } @media (max-width: 480px) { width: 280px; margin: 0 0 0 -140px; } div { background: none; padding: 0; line-height: 60px; font-family: @SansFontFamily; font-size: 50px; font-weight: 300; text-align: center; color: #fff; @media (max-width: 767px) { line-height: 40px; font-size: 30px; } @media (max-width: 480px) { line-height: 30px; font-size: 20px; } strong { display: block; margin: 0 0 -7px 0; line-height: 100px; font-size: 100px; font-weight: 300; text-transform: uppercase; @media (max-width: 767px) { line-height: 60px; font-size: 60px; } @media (max-width: 480px) { line-height: 40px; font-size: 40px; } } em { display: block; margin: 61px 0 0 0; font-style: normal; @media (max-width: 767px) { margin: 30px 0 0 0; } a { display: inline-block; position: relative; vertical-align: top; margin: 0; padding: 17px 25px 17px 25px; line-height: 20px; font-family: @SansFontFamily; font-size: 15px; font-weight: 600; text-transform: uppercase; text-decoration: none; color: #fff; &:hover { &:after { .transition(0.4s); bottom: 0; } } &:before { background: #2185c5; display: block; .transition(0.8s); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; content: ''; } &:after { background: #7ecefd; display: block; .transition(0.8s); position: absolute; top: 0; right: 0; bottom: 100%; left: 0; z-index: -1; content: ''; } } } } } .camera_prev { margin: 0 0 0 -61px; top: 129px; left: 50%; } .camera_commands { margin: 0 -20px 0 0; top: 129px; right: 50%; } .camera_next { margin: 0 -61px 0 0; top: 129px; right: 50%; } .camera_pag { width: 100%; .opacity(0); .transition(0.8s); position: absolute; left: 0; bottom: 114px; html.ie8 & { display: none; } @media (max-width: 767px) { bottom: 14px; } ul { li { background: #fff; &.cameracurrent { span { background: #2185c5; } } } } } .camera_thumbs { width: 100%; position: absolute; left: 0; bottom: 114px; .camera_thumbs_cont { background: none; } } } /*/ Slider */ /* #Content ================================================== */ .content-holder { background: #fff; margin: 0; padding: 20px 0 42px 0; @media (max-width: 767px) { padding: 20px 20px 42px 20px; } body.home & { padding: 0 0 42px 0; @media (max-width: 767px) { padding: 0 20px 42px 20px; } } } /*/ Content */ /* #Comments ================================================== */ /*/ Comments */ /* #Widgets ================================================== */ #sidebar { .widget { margin: 57px 0 0 0; &:first-child { margin: 0; } } h3 { margin-bottom: 40px; @media (min-width: 768px) and (max-width: 979px) { line-height: 30px; font-size: 30px; } @media (max-width: 480px) { line-height: 30px; font-size: 30px; } } ul { margin: 0; padding: 0; li { position: relative; margin: 7px 0 0 0; padding: 0 0 0 20px; list-style: none; line-height: 23px; font-size: 14px; color: #bbbaba; &:first-child { margin: 0; } &:before { position: absolute; line-height: 20px; font-family: FontAwesome; font-size: 15px; color: #2185c5; top: 0; left: 0; content: '\f0da'; } a { text-decoration: none; color: #bbbaba; &:focus { text-decoration: none; color: #bbbaba; } &:hover { text-decoration: none; color: #2185c5; } } ul { padding: 7px 0 0 0; } } } } /*/ Widgets */ /* #Shortcodes ================================================== */ .content_box { background: #f4f5f5; margin: 0 0 53px 0; padding: 72px 0 72px 0; &:before, &:after { background: #f4f5f5; } } .service-box { background: #fff; position: relative; margin: 0; padding: 30px 30px 30px 30px; border: none; .border-radius(0); .box-shadow(none); .transition(0.8s); text-align: center; @media (min-width: 768px) and (max-width: 979px) { padding: 15px; } &:hover { .box-shadow(0 0 5px rgba(0,0,0,0.5)); h2 { background: #2185c5; .transition(0.4s); } .icon { img { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); .transition(0.4s); } } &.extra { .btn-align { a { .rotate(180deg); .transition(0.4s); } } } } &.extra { margin-top: -186px; padding-bottom: 67px; @media (min-width: 768px) and (max-width: 979px) { margin-top: -166px; padding-bottom: 47px; } @media (max-width: 767px) { margin: 0 0 20px 0; } .service-box_txt { @media (min-width: 768px) and (max-width: 979px) { line-height: 20px; font-size: 12px; } } .btn-align { position: absolute; right: 0; bottom: 0; a { background: url(images/more.gif) no-repeat 0% 0%; display: block; width: 44px; height: 44px; overflow: hidden; margin: 0; padding: 0; border: none; .border-radius(0); .box-shadow(none); .transition(0.8s); line-height: 0; font-size: 0; text-decoration: none; &:before, &:after { display: none; } } } } &.text { background: none; position: relative; margin: 0; padding: 0 0 23px 0; border: none; .border-radius(0); .box-shadow(none); .transition(0.8s); text-align: left; h2 { background: none; margin: 0 0 14px 0; padding: 0; .transition(0.8s); line-height: 80px; font-size: 80px; font-weight: 700 !important; color: #2185c5; } h5 { margin-bottom: 10px; color: #2185c5; } .service-box_txt { margin: 0 0 28px 0; } .btn-align { text-align: left; } } h2 { background: #7ecefd; margin: -30px -30px 36px -30px; padding: 26px 10px 28px 10px; .transition(0.8s); line-height: 30px; font-size: 30px; color: #fff; @media (min-width: 768px) and (max-width: 979px) { margin: -15px -15px 18px -15px; line-height: 20px; font-size: 20px; } } h5 { margin-bottom: 10px; } .icon { background: #2185c5; display: inline-block; float: none; width: 84px; height: 84px; overflow: hidden; margin: 0 0 38px 0; .border-radius(50%); vertical-align: top; @media (min-width: 768px) and (max-width: 979px) { margin: 0 0 28px 0; } img { .transition(0.8s); } } .btn-align { text-align: center; } } .hero-unit { background: none; margin: 0; padding: 0; border: none; .border-radius(0); .box-shadow(none); line-height: 23px; font-size: 14px; color: #bbbaba; h1 { margin: 0 0 10px 0; padding: 0; line-height: 25px; font-size: 20px; font-weight: 300; text-transform: uppercase; color: #2b3a42; } p { margin: 0 0 27px 0; } } a.btn-primary { background: none; position: relative; margin: 0; padding: 15px 19px 15px 19px; border: none; .border-radius(0); .box-shadow(none); line-height: 20px; font-family: @SansFontFamily; font-size: 15px; font-weight: 600; text-shadow: none; text-transform: uppercase; color: #fff; z-index: 99; &:focus { background: none; &:after { .transition(0.4s); bottom: 100%; } } &:hover { background: none; &:after { .transition(0.4s); bottom: 0; } } &:before { background: #2185c5; display: block; .transition(0.8s); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; content: ''; } &:after { background: #7ecefd; display: block; .transition(0.8s); position: absolute; top: 0; right: 0; bottom: 100%; left: 0; z-index: -1; content: ''; } } .hr { background: #f4f5f5; margin: 49px 0 51px 0; @media (max-width: 767px) { margin: 49px 0 21px 0; } } ul.list_1 { li { margin-bottom: 26px; .meta { float: left; width: 70px; overflow: visible; margin: 7px 30px 7px 0; .post-date { background: #7ecefd; position: relative; display: block; float: none; padding: 17px 0 23px 0; border-bottom: 1px solid #5ab1e7; &:before { background: url(images/meta_corner.png) no-repeat 0% 0%; display: block; width: 12px; height: 15px; overflow: hidden; position: absolute; top: 14px; right: -12px; content: ''; } .post-day { display: block; margin: 0 0 8px 0; line-height: 40px; font-family: @SansFontFamily; font-size: 40px; font-weight: 300; text-align: center; color: #fff; } .post-month { display: block; line-height: 15px; font-family: @SansFontFamily; font-size: 15px; font-weight: 400; text-align: center; color: #2b3a42; } } .post-year { background: #2185c5; display: block; padding: 8px 0 11px 0; line-height: 15px; font-family: @SansFontFamily; font-size: 15px; font-weight: 300; text-align: center; color: #fff; } } h5 { margin: 0; line-height: 25px; font-size: 20px; color: #2185c5; a { text-decoration: none; color: #2185c5; &:focus { text-decoration: none; color: #2185c5; } &:hover { text-decoration: none; color: #31353d; } } } .extra_title { display: block; margin: 0 0 14px 0; line-height: 20px; font-family: @SansFontFamily; font-size: 15px; font-weight: 400; color: #31353d; } } } .list { &.arrow-list { padding: 5px 0 0 0; @media (max-width: 767px) { margin-bottom: 30px; } ul { margin: 0; padding: 0; li { background: #f4f5f5; position: relative; margin: 0; padding: 19px 20px 20px 64px; list-style: none; line-height: 20px; font-family: @SansFontFamily; font-size: 15px; text-transform: uppercase; color: #5c6475; &:before { position: absolute; line-height: 18px; font-family: FontAwesome; font-size: 12px; color: #2185c5; top: 19px; left: 32px; content: '\f054'; } &.extra { background: #fafafa; } a { text-decoration: none; color: #5c6475; &:focus { text-decoration: none; color: #5c6475; } &:hover { text-decoration: none; color: #2185c5; } } } } } &.arrow2-list { ul { margin: 0; padding: 0; li { position: relative; margin: 7px 0 0 0; padding: 0 0 0 20px; list-style: none; line-height: 23px; font-size: 14px; color: #bbbaba; &:first-child { margin: 0; } &:before { position: absolute; line-height: 20px; font-family: FontAwesome; font-size: 15px; color: #2185c5; top: 3px; left: 0; content: '\f0da'; } a { text-decoration: none; color: #bbbaba; &:focus { text-decoration: none; color: #bbbaba; } &:hover { text-decoration: none; color: #2185c5; } } ul { padding: 7px 0 0 0; } } } } &.custom-list { padding: 3px 0 0 0; ul { margin: 0; padding: 0; li { margin: 40px 0 0 0; padding: 0; list-style: none; line-height: 23px; font-size: 14px; color: #bbbaba; &:first-child { margin: 0; } &:before { display: none; } strong { display: block; line-height: 20px; font-family: @SansFontFamily; font-size: 20px; font-weight: 300; text-transform: uppercase; color: #2185c5; } em { display: block; margin: 0 0 13px 0; line-height: 23px; font-family: @SansFontFamily; font-size: 15px; font-weight: 400; font-style: normal; color: #31353d; } } } } } .list_2 { li { padding: 0 !important; h4 { margin: 0 0 7px 0; padding: 0; line-height: 21px; font-size: 20px; font-weight: 300 !important; text-transform: uppercase; color: #2185c5; a { text-decoration: none; color: #2185c5; &:focus { text-decoration: none; color: #2185c5; } &:hover { text-decoration: none; color: #2b3a42; } } } .mini-post-meta { margin: 0 0 16px 0; line-height: 20px; font-family: @SansFontFamily; font-size: 15px; font-weight: 300; text-transform: none; color: #2b3a42; time { margin: 0 0 0 3px; line-height: 20px; font-size: 15px; } a { text-transform: capitalize; text-decoration: none; color: #2b3a42; &:focus { text-decoration: none; color: #2b3a42; } &:hover { text-decoration: none; color: #2185c5; } } } } } .list_3 { margin: 0 !important; padding: 0; li { width: 100%; overflow: hidden; margin: 42px 0 0 0; padding: 0; list-style: none; &:first-child { margin: 0; } .thumbnail { background: none; float: left; margin: 6px 26px 6px 0; } h5 { margin: 0; line-height: 22px; font-size: 15px; font-weight: 400 !important; text-transform: none; color: #31353d; } .excerpt { margin: 0; padding: 13px 0 0 0; @media (min-width: 1200px) { overflow: hidden; } } } } .list_4 { margin: 0 !important; padding: 0; border-left: 1px solid #fff; line-height: 0; font-size: 0; @media (max-width: 480px) { border: none; } li { display: inline-block; width: 261px; margin: 0; padding: 56px 15px 53px 15px; border-right: 1px solid #fff; vertical-align: top; list-style: none; line-height: 23px; font-size: 14px; text-align: center; color: #bbbaba; @media (min-width: 980px) and (max-width: 1200px) { width: 203px; } html.ie8 & { width: 203px; } @media (min-width: 768px) and (max-width: 979px) { width: 149px; } @media (max-width: 767px) { width: 50%; .box-sizing(border-box); padding: 25px 15px 25px 15px; } @media (max-width: 480px) { width: 100%; border: none; } .thumbnail { background: none; display: inline-block; float: none; max-width: 100%; margin: 0; padding: 0; vertical-align: top; a { &:hover { img { .opacity(50); .transition(0.4s); } } img { .transition(0.8s); html.ie8 & { background: #f4f5f5; } } } } h5 { display: none; } } } div.testimonials { .testi-item { margin: 0; padding: 6px 0 0 0; .featured-thumbnail { float: left; width: auto; height: auto; margin: 0 10px 0 0; @media (min-width: 768px) and (max-width: 979px) { max-width: 40%; } @media (max-width: 480px) { max-width: 30%; } } blockquote { background: url(images/quotes.png) no-repeat 0% 0%; overflow: hidden; margin: 8px 0 0 0; padding: 5px 0 0 29px; .border-radius(0); .box-shadow(none); color: #bbbaba; &:before, &:after { display: none; } a { text-decoration: none; color: #bbbaba; &:focus { text-decoration: none; color: #bbbaba; } &:hover { text-decoration: none; color: #2b3a42; } } } .testi-meta { padding: 22px 10px 0 0; text-align: right; .user { line-height: 30px; font-family: @HomemadeFontFamily; font-size: 21px; font-weight: 400; color: #c9c9c9; &:after { display: none; } } } } } /*/ Shortcodes */ /* #Footer ================================================== */ .footer { background: #2b3a42; margin: 0; padding: 0 0 54px 0; border: none; line-height: 24px; font-size: 14px; color: #9fa6ae; @media (max-width: 767px) { padding: 0 20px 34px 20px; text-align: center; } .footer-widgets { background: #f4f5f5; position: relative; margin: 0 0 54px 0; border-bottom: 2px solid #fff; @media (max-width: 767px) { margin: 0 0 34px 0; } &:before { background: #f4f5f5; display: block; width: 101%; border-bottom: 2px solid #fff; position: absolute; top: 0; bottom: -2px; left: -100%; z-index: -1; content: ''; } &:after { background: #f4f5f5; display: block; width: 101%; border-bottom: 2px solid #fff; position: absolute; top: 0; bottom: -2px; right: -100%; z-index: -1; content: ''; } .textwidget { padding: 0; } } .textwidget { padding: 6px 0 0 0; } .footer-nav { float: none; margin: 0; text-align: center; @media (min-width: 768px) and (max-width: 979px) { text-align: left; } @media (max-width: 767px) { text-align: left; } ul { float: none; margin: 0; padding: 0; line-height: 0; font-size: 0; @media (min-width: 768px) and (max-width: 979px) { text-align: left; } @media (max-width: 767px) { margin: 20px 0 0 0; text-align: center; } li { display: inline-block; float: none; margin: 0 7px; padding: 0; vertical-align: top; line-height: 24px; font-size: 14px; @media (min-width: 768px) and (max-width: 979px) { margin: 0 0 0 7px; } @media (max-width: 767px) { margin: 0 0 0 11px; } @media (max-width: 480px) { line-height: 20px; font-size: 12px; } &:first-child { @media (max-width: 767px) { margin: 0; } } &.current-menu-item { a { text-decoration: none; color: #fff; &:focus { text-decoration: none; color: #fff; } &:hover { text-decoration: none; color: #fff; } } } a { text-decoration: none; @media (max-width: 480px) { line-height: 20px; font-size: 12px; } &:focus { text-decoration: none; color: #9fa6ae; } &:hover { text-decoration: none; color: #fff; } } } } } .footer-text { float: none; font-family: @SansFontFamily; font-weight: 400; @media (min-width: 768px) and (max-width: 979px) { line-height: 20px; font-size: 12px; } @media (max-width: 767px) { margin: 10px 0 0 0; text-align: center; } @media (max-width: 480px) { line-height: 20px; font-size: 12px; } strong { font-weight: 400; text-transform: uppercase; color: #fff; a { text-decoration: none; color: #fff; &:focus { text-decoration: none; color: #fff; } &:hover { text-decoration: none; color: #2185c5; } } } a { text-decoration: none; color: #9fa6ae; &:focus { text-decoration: none; color: #9fa6ae; } &:hover { text-decoration: none; color: #fff; } } } .social-nets-wrapper { padding: 14px 0 0 0; ul { margin: 0; padding: 0; line-height: 0; font-size: 0; li { display: inline-block; margin: 0 0 0 9px; padding: 0; list-style: none; vertical-align: top; &:first-child { margin: 0; } a { text-decoration: none; &:hover { &:before { background: #2185c5; .transition(0.4s); } } &[title="facebook"] { &:before { content: '\f09a'; } } &[title="rss"] { &:before { content: '\f09e'; } } &[title="twitter"] { &:before { content: '\f099'; } } &[title="google"] { &:before { content: '\f0d5'; } } &:before { background: #1f2b31; display: inline-block; width: 34px; height: 34px; .border-radius(50%); .transition(0.8s); vertical-align: top; line-height: 34px; font-family: FontAwesome; font-size: 17px; text-align: center; color: #fff; } img { display: none; } } } } } } /*/ Footer */ /* #Misc ================================================== */ #back-top-wrapper { p#back-top { margin: 0; a { &:hover { span { background-color: #2185c5; } } span { background-color: #1f2b31; margin: 0; } } } } .title-section { margin: 0 0 13px 0; padding: 0 0 23px 0; border-bottom: 1px solid #f4f5f5; h1 { margin: 0 0 3px 0; padding: 0; line-height: 20px; font-size: 14px; font-weight: 600 !important; color: #26333a; } ul { background: none; margin: 0; padding: 0; .border-radius(0); .box-shadow(none); li { margin: 0; padding: 0; line-height: 23px; font-size: 14px; text-shadow: none; color: #bab9b9; &.active { color: #26333a; } &.divider { margin: 0 12px; &:after { line-height: 23px; font-size: 14px; color: #bab9b9; content: '|'; } } a { text-decoration: none; color: #bab9b9; &:focus { text-decoration: none; color: #bab9b9; } &:hover { text-decoration: none; color: #26333a; } } } } } .thumbnail { padding: 0; border: none; .border-radius(0); .box-shadow(none); a { .zoom-icon { &:before { background: url(images/magnify.png) no-repeat 0% 0%; display: block; width: 66px; height: 54px; overflow: hidden; margin: -27px 0 0 -33px; content: ''; @media (max-width: 480px) { background: url(images/magnify_small.png) no-repeat 0% 0%; width: 33px; height: 27px; margin: -13px 0 0 -16px; } } } } } article.post { h3 { margin: 0 0 23px 0; padding: 0 !important; line-height: 23px; font-size: 15px; font-weight: 400 !important; color: #31353d; } } .pagination { ul { li { a { .border-radius(0) !important; } } } } .post_meta { i { color: #3498db; } a { text-decoration: none; color: #bab9b9; &:focus { text-decoration: none; color: #bab9b9; } &:hover { text-decoration: none; color: #2b3a42; } } } .post-author { background: none; padding: 15px 20px; h3 { margin: 0 0 10px 0; padding: 0 !important; line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400 !important; text-transform: none; color: #bab9b9; a { text-transform: capitalize; text-decoration: none; color: #bab9b9; &:focus { text-decoration: none; color: #bab9b9; } &:hover { text-decoration: none; color: #2b3a42; } } } .post-author_gravatar { margin: 7px 20px 7px 0; img { padding: 0; border: none; } } .post-author_desc { overflow: visible; } .post-author_link { margin: 10px 0 0 0; p { margin: 0; } a { text-transform: capitalize; text-decoration: none; color: #bab9b9; &:focus { text-decoration: none; color: #bab9b9; } &:hover { text-decoration: none; color: #2b3a42; } } } } .related-posts { h3 { margin-bottom: 39px; color: #2b3a42; @media (max-width: 480px) { line-height: 30px; font-size: 30px; } } ul { li { line-height: 25px; font-family: @SansFontFamily; font-size: 20px; font-weight: 300; text-transform: uppercase; color: #2185c5; @media (min-width: 768px) and (max-width: 979px) { line-height: 20px; font-size: 15px; } @media (max-width: 767px) { line-height: 20px; font-size: 15px; } a { text-decoration: none; color: #2185c5; &:focus { text-decoration: none; color: #2185c5; } &:hover { text-decoration: none; color: #2b3a42; } } } } } #comments { h3 { color: #2b3a42; @media (max-width: 480px) { line-height: 30px; font-size: 30px; } } } ol.comment-list { li { .comment-body { background: none !important; .author { padding: 10px 0 0 0; line-height: 20px; font-size: 14px; font-weight: 400; color: #bbbaba; } .extra-wrap { @media (max-width: 480px) { overflow: visible; } } .comment-meta { margin: 0; padding: 1px 0 0 0; line-height: 20px; font-size: 14px; color: #2185c5; } .reply { margin: 0 0 0 20px; padding: 0; line-height: 20px; a { background: none; margin: 0; padding: 0; line-height: 20px; font-size: 14px; text-decoration: none; color: #bbbaba; &:focus { text-decoration: none; color: #bbbaba; } &:hover { text-decoration: none; color: #2185c5; } } } } } } #respond { h3 { color: #2b3a42; @media (max-width: 480px) { line-height: 30px; font-size: 30px; } } } #commentform { p { width: 100%; overflow: hidden; } input[type="text"], input[type="email"], textarea { @media (max-width: 767px) { min-height: 39px; } } textarea { html.ie8 & { width: 500px; max-width: 500px; min-width: 500px; } } input[type="submit"] { margin: 0; html.ie8 & { float: left; } } } .cancel-comment-reply { padding: 0 0 6px 0; } .wpcf7-form { input[type="text"], input[type="email"], textarea { padding: 5px 7px !important; } .wpcf7-not-valid-tip { .border-radius(0); line-height: 20px; @media (min-width: 768px) and (max-width: 979px) { padding-left: 3px !important; padding-right: 2px !important; } } .wpcf7-response-output { .border-radius(0); } .ajax-loader { margin: 14px 0 0 0; } } .filter-wrapper { padding: 11px 0 22px 0; .pull-right { float: none; @media (max-width: 480px) { float: right; } } strong { margin: 0; padding: 0; line-height: 23px; font-family: @SansFontFamily; font-size: 15px; font-weight: 400; color: #31353d; } ul { li { margin: 0 0 0 24px; line-height: 23px; font-family: @SansFontFamily; font-size: 15px; font-weight: 400; @media (max-width: 767px) { margin: 0 0 0 12px; } &.active { a { background: none; font-family: @SansFontFamily; text-decoration: none; color: #2185c5; &:focus { background: none; text-decoration: none; color: #2185c5; } &:hover { background: none; text-decoration: none; color: #2185c5; } } } a { background: none; margin: 0; padding: 0; .border-radius(0); .box-shadow(none); line-height: 23px; font-size: 15px; color: #31353d; &:focus { background: none; text-decoration: none; color: #31353d; } &:hover { background: none; text-decoration: none; color: #2185c5; } } } } } #portfolio-grid { li { &:hover { .caption { background: #7ecefd; .transition(0.4s); h3 { a { .transition(0.4s); text-decoration: none; color: #fff; } } p { .transition(0.4s); color: #2b3a42; } } } .caption { background: #f4f5f5; padding: 13px 20px 20px 20px; .transition(0.8s); h3 { margin: 0 0 11px 0; line-height: 25px; font-size: 20px; font-weight: 300; text-transform: uppercase; color: #2185c5; a { .transition(0.8s); text-decoration: none; color: #2185c5; &:focus { .transition(0.4s); text-decoration: none; color: #2185c5; } &:hover { .transition(0.4s); text-decoration: none; color: #2185c5; } } } p { margin: 0; .transition(0.8s); &.excerpt { margin: 0 0 17px 0; } } a.btn-primary { &:after { background: #26333a; } } } } } .type-portfolio { .thumbnail { &.large { margin: 0; } } } .pager { margin-top: 30px; li { a { .border-radius(0); } } } .error404-holder { @media (max-width: 767px) { padding: 40px 0; text-align: center; } .error404-holder_num { color: #2185c5; @media (min-width: 768px) and (max-width: 979px) { font-size: 220px; } } h2, h3 { padding: 0 !important; } } article.type-clients { .thumbnail { background: none; float: left; width: auto; margin: 0 20px 5px 0 !important; } } article.type-services { .thumbnail { background: none; float: left; width: auto; margin: 0 20px 5px 0 !important; } } .faq-list { h4 { margin: 0; line-height: 20px; font-size: 15px; color: #5c6475; } } .archive_lists { h3 { line-height: 30px; font-size: 30px; color: #31353d; } } .google-map { margin: 0 0 30px 0; } .post-header { h2 { @media (min-width: 768px) and (max-width: 979px) { line-height: 30px; font-size: 30px; } } } /*/ Misc */ @import "bootstrap/less/variables.less"; @import "bootstrap/less/mixins.less"; @import "parallax-slider.less";