/** * WEBSITE: https://themefisher.com * TWITTER: https://twitter.com/themefisher * FACEBOOK: https://www.facebook.com/themefisher * GITHUB: https://github.com/themefisher/ */ {"version":3,"sources":["_base.scss","_variables.scss","style.css","_mixins.scss","_flex.scss","style.scss","blocks/_home.scss","blocks/_welcome.scss","blocks/_about.scss","_media-queries.scss","dark.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["/*------------------------------------------------\n\tBase Styles\n-------------------------------------------------*/\nbody {\n font-family: $font-stack;\n font-weight: 400;\n font-size: 16px;\n line-height: 30px;\n color: $text-color;\n}\n\na {\n color: inherit;\n\n &:hover,\n &:focus {\n color: $text-color;\n text-decoration: none;\n outline: 0 none;\n }\n\n @include transition(all 0.3s ease 0s);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n color: $title-color;\n font-family: $open-sans;\n margin: 0;\n line-height: 1.3;\n}\n\np {\n margin-bottom: 20px;\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n/*\n * Selection color\n */\n::-moz-selection {\n background-color: $primary-color;\n color: $light;\n}\n\n::selection {\n background-color: $primary-color;\n color: $light;\n}\n\n/*\n * Reset bootstrap's default style\n */\n.form-control::-webkit-input-placeholder,\n::-webkit-input-placeholder {\n opacity: 1;\n color: inherit;\n}\n\n.form-control:-moz-placeholder,\n:-moz-placeholder {\n /* Firefox 18- */\n opacity: 1;\n color: inherit;\n}\n\n.form-control::-moz-placeholder,\n::-moz-placeholder {\n /* Firefox 19+ */\n opacity: 1;\n color: inherit;\n}\n\n.form-control:-ms-input-placeholder,\n:-ms-input-placeholder {\n opacity: 1;\n color: inherit;\n}\n\nbutton,\ninput,\nselect,\ntextarea,\nlabel {\n font-weight: 400;\n}\n\n.btn {\n @include transition(all 0.3s ease 0s);\n\n &:hover,\n &:focus,\n &:active:focus {\n outline: 0 none;\n }\n}\n\n.btn-primary {\n background-color: $primary-color;\n border: 0;\n font-family: $open-sans;\n font-weight: 700;\n height: 48px;\n line-height: 50px;\n padding: 0 42px;\n text-transform: uppercase;\n\n &:hover,\n &:focus,\n &:active,\n &:active:focus {\n background-color: darken($primary-color, 8%);\n }\n}\n\n.btn-border {\n border: 1px solid #d7d8db;\n display: inline-block;\n padding: 7px;\n}\n\n/*\n * CSS Helper Class\n */\n.clear {\n\n &:before,\n &:after {\n content: \" \";\n display: table;\n }\n\n &:after {\n clear: both;\n }\n}\n\n.pt-table {\n display: table;\n width: 100%;\n @include calc(height, \"100vh - 4px\");\n}\n\n.pt-tablecell {\n display: table-cell;\n vertical-align: middle;\n}\n\n.overlay {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n}\n\n.relative {\n position: relative;\n}\n\n.primary,\n.link:hover {\n color: $primary-color;\n}\n\n.no-gutter {\n margin-left: 0;\n margin-right: 0;\n\n &>[class^=\"col-\"] {\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n.flex {\n @include flexbox();\n}\n\n.flex-middle {\n @include align-items(center);\n}\n\n.space-between {\n @include justify-content(space-between);\n}\n\n.nicescroll-cursors {\n background: $primary-color !important;\n}","//\n// Typography\n//\n\n$font-stack: \"Libre Baskerville\", serif;\n$open-sans: \"Open Sans\", sans-serif;\n\n//\n// Colors\n//\n$primary-color: #fa6862;\n$light-dark: #1e2530;\n$light: #fff;\n$text-color: #ababab;\n$title-color: #1e2530;\n$border-color: #eee;\n\n//\n// Hexagon\n//\n$sqrt3: 1.7320508075688772;\n$edgeSize: 100px;\n$hexWidth: $edgeSize * 2;\n$hexHeight: $sqrt3 * $edgeSize;\n\n// Display\n$borderHover: 15px;\n\n// Easing\n$ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);\n$ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);\n","/*------------------------------------------------\n\tBase Styles\n-------------------------------------------------*/\nbody {\n font-family: \"Libre Baskerville\", serif;\n font-weight: 400;\n font-size: 16px;\n line-height: 30px;\n color: #ababab;\n}\n\na {\n color: inherit;\n -webkit-transition: all 0.3s ease 0s;\n -moz-transition: all 0.3s ease 0s;\n -o-transition: all 0.3s ease 0s;\n transition: all 0.3s ease 0s;\n}\na:hover, a:focus {\n color: #ababab;\n text-decoration: none;\n outline: 0 none;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n color: #1e2530;\n font-family: \"Open Sans\", sans-serif;\n margin: 0;\n line-height: 1.3;\n}\n\np {\n margin-bottom: 20px;\n}\np:last-child {\n margin-bottom: 0;\n}\n\n/*\n * Selection color\n */\n::-moz-selection {\n background-color: #fa6862;\n color: #fff;\n}\n\n::selection {\n background-color: #fa6862;\n color: #fff;\n}\n\n/*\n * Reset bootstrap's default style\n */\n.form-control::-webkit-input-placeholder,\n::-webkit-input-placeholder {\n opacity: 1;\n color: inherit;\n}\n\n.form-control:-moz-placeholder,\n:-moz-placeholder {\n /* Firefox 18- */\n opacity: 1;\n color: inherit;\n}\n\n.form-control::-moz-placeholder,\n::-moz-placeholder {\n /* Firefox 19+ */\n opacity: 1;\n color: inherit;\n}\n\n.form-control:-ms-input-placeholder,\n:-ms-input-placeholder {\n opacity: 1;\n color: inherit;\n}\n\nbutton,\ninput,\nselect,\ntextarea,\nlabel {\n font-weight: 400;\n}\n\n.btn {\n -webkit-transition: all 0.3s ease 0s;\n -moz-transition: all 0.3s ease 0s;\n -o-transition: all 0.3s ease 0s;\n transition: all 0.3s ease 0s;\n}\n.btn:hover, .btn:focus, .btn:active:focus {\n outline: 0 none;\n}\n\n.btn-primary {\n background-color: #fa6862;\n border: 0;\n font-family: \"Open Sans\", sans-serif;\n font-weight: 700;\n height: 48px;\n line-height: 50px;\n padding: 0 42px;\n text-transform: uppercase;\n}\n.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {\n background-color: #f9423a;\n}\n\n.btn-border {\n border: 1px solid #d7d8db;\n display: inline-block;\n padding: 7px;\n}\n\n/*\n * CSS Helper Class\n */\n.clear:before, .clear:after {\n content: \" \";\n display: table;\n}\n.clear:after {\n clear: both;\n}\n\n.pt-table {\n display: table;\n width: 100%;\n height: -webkit-calc(100vh - 4px);\n height: -moz-calc(100vh - 4px);\n height: calc(100vh - 4px);\n}\n\n.pt-tablecell {\n display: table-cell;\n vertical-align: middle;\n}\n\n.overlay {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n}\n\n.relative {\n position: relative;\n}\n\n.primary,\n.link:hover {\n color: #fa6862;\n}\n\n.no-gutter {\n margin-left: 0;\n margin-right: 0;\n}\n.no-gutter > [class^=col-] {\n padding-left: 0;\n padding-right: 0;\n}\n\n.flex {\n display: -webkit-box;\n display: -webkit-flex;\n display: -moz-flex;\n display: -ms-flexbox;\n display: flex;\n}\n\n.flex-middle {\n -webkit-box-align: center;\n -ms-flex-align: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n align-items: center;\n}\n\n.space-between {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n -webkit-justify-content: space-between;\n -moz-justify-content: space-between;\n justify-content: space-between;\n}\n\n.nicescroll-cursors {\n background: #fa6862 !important;\n}\n\n.preloader {\n bottom: 0;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n z-index: 1000;\n display: -webkit-box;\n display: -webkit-flex;\n display: -moz-flex;\n display: -ms-flexbox;\n display: flex;\n}\n.preloader.active.hidden {\n display: none;\n}\n\n.loading-mask {\n background-color: #fa6862;\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 20%;\n -webkit-transition: all 0.6s cubic-bezier(0.61, 0, 0.6, 1) 0s;\n -moz-transition: all 0.6s cubic-bezier(0.61, 0, 0.6, 1) 0s;\n -o-transition: all 0.6s cubic-bezier(0.61, 0, 0.6, 1) 0s;\n transition: all 0.6s cubic-bezier(0.61, 0, 0.6, 1) 0s;\n}\n.loading-mask:nth-child(2) {\n left: 20%;\n -webkit-transition-delay: 0.1s;\n -moz-transition-delay: 0.1s;\n -o-transition-delay: 0.1s;\n transition-delay: 0.1s;\n}\n.loading-mask:nth-child(3) {\n left: 40%;\n -webkit-transition-delay: 0.2s;\n -moz-transition-delay: 0.2s;\n -o-transition-delay: 0.2s;\n transition-delay: 0.2s;\n}\n.loading-mask:nth-child(4) {\n left: 60%;\n -webkit-transition-delay: 0.3s;\n -moz-transition-delay: 0.3s;\n -o-transition-delay: 0.3s;\n transition-delay: 0.3s;\n}\n.loading-mask:nth-child(5) {\n left: 80%;\n -webkit-transition-delay: 0.4s;\n -moz-transition-delay: 0.4s;\n -o-transition-delay: 0.4s;\n transition-delay: 0.4s;\n}\n\n.preloader.active.done {\n z-index: 0;\n}\n.preloader.active .loading-mask {\n width: 0;\n}\n\n/*------------------------------------------------\n\tStart Styling\n-------------------------------------------------*/\n.site-wrapper {\n border-top: 4px solid #fa6862;\n}\n\n.page-close {\n font-size: 30px;\n position: absolute;\n right: 30px;\n top: 30px;\n z-index: 100;\n}\n\n.page-title {\n margin-bottom: 75px;\n}\n.page-title img {\n margin-bottom: 20px;\n}\n.page-title h2 {\n font-size: 68px;\n margin-bottom: 25px;\n position: relative;\n z-index: 0;\n font-weight: 900;\n text-transform: uppercase;\n}\n.page-title p {\n font-size: 16px;\n}\n.page-title .title-bg {\n color: rgba(30, 37, 48, 0.07);\n font-size: 158px;\n left: 0;\n letter-spacing: 10px;\n line-height: 0.7;\n position: absolute;\n right: 0;\n top: 50%;\n z-index: -1;\n -webkit-transform: translateY(-50%);\n -moz-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n -o-transform: translateY(-50%);\n transform: translateY(-50%);\n}\n\n.section-title {\n margin-bottom: 20px;\n overflow: hidden;\n}\n.section-title h3 {\n display: inline-block;\n position: relative;\n}\n.section-title h3::before, .section-title h3::after {\n content: \"\";\n height: 2px;\n position: absolute;\n bottom: 8px;\n left: -webkit-calc(100% + 14px);\n left: -moz-calc(100% + 14px);\n left: calc(100% + 14px);\n}\n.section-title h3::before {\n background-color: #1e2530;\n width: 96px;\n bottom: 14px;\n}\n.section-title h3::after {\n background-color: #fa6862;\n width: 73px;\n}\n.section-title.light h3 {\n color: #fff;\n}\n.section-title.light h3::before {\n background-color: #fff;\n}\n\n.page-nav {\n bottom: 40px;\n left: 0;\n position: absolute;\n right: 0;\n}\n.page-nav span {\n font-family: \"Open Sans\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 1.3;\n text-transform: uppercase;\n}\n\n/*------------------------------------------------\n Home Page\n-------------------------------------------------*/\n.page-home {\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n vertical-align: middle;\n}\n.page-home .overlay {\n background-color: rgba(255, 255, 255, 0.93);\n}\n\n/* End of container */\n.hexagon-item {\n cursor: pointer;\n width: 200px;\n height: 173.2050807569px;\n float: left;\n margin-left: -29px;\n z-index: 0;\n position: relative;\n -webkit-transform: rotate(30deg);\n -moz-transform: rotate(30deg);\n -ms-transform: rotate(30deg);\n -o-transform: rotate(30deg);\n transform: rotate(30deg);\n}\n.hexagon-item:first-child {\n margin-left: 0;\n}\n.hexagon-item:hover {\n z-index: 1;\n}\n.hexagon-item:hover .hex-item:last-child {\n opacity: 1;\n -webkit-transform: scale(1.3);\n -moz-transform: scale(1.3);\n -ms-transform: scale(1.3);\n -o-transform: scale(1.3);\n transform: scale(1.3);\n}\n.hexagon-item:hover .hex-item:first-child {\n opacity: 1;\n -webkit-transform: scale(1.2);\n -moz-transform: scale(1.2);\n -ms-transform: scale(1.2);\n -o-transform: scale(1.2);\n transform: scale(1.2);\n}\n.hexagon-item:hover .hex-item:first-child div:before,\n.hexagon-item:hover .hex-item:first-child div:after {\n height: 15px;\n}\n.hexagon-item:hover .hex-item div::before,\n.hexagon-item:hover .hex-item div::after {\n background-color: #fa6862;\n}\n.hexagon-item:hover .hex-content svg {\n -webkit-transform: scale(0.97);\n -moz-transform: scale(0.97);\n -ms-transform: scale(0.97);\n -o-transform: scale(0.97);\n transform: scale(0.97);\n}\n\n.page-home .hexagon-item:nth-last-child(1),\n.page-home .hexagon-item:nth-last-child(2),\n.page-home .hexagon-item:nth-last-child(3) {\n -webkit-transform: rotate(30deg) translate(87px, -80px);\n -moz-transform: rotate(30deg) translate(87px, -80px);\n -ms-transform: rotate(30deg) translate(87px, -80px);\n -o-transform: rotate(30deg) translate(87px, -80px);\n transform: rotate(30deg) translate(87px, -80px);\n}\n\n.hex-item {\n position: absolute;\n top: 0;\n left: 50px;\n width: 100px;\n height: 173.2050807569px;\n}\n.hex-item:first-child {\n z-index: 0;\n -webkit-transform: scale(0.9);\n -moz-transform: scale(0.9);\n -ms-transform: scale(0.9);\n -o-transform: scale(0.9);\n transform: scale(0.9);\n -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n.hex-item:last-child {\n transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);\n z-index: 1;\n}\n.hex-item div {\n box-sizing: border-box;\n position: absolute;\n top: 0;\n width: 100px;\n height: 173.2050807569px;\n -webkit-transform-origin: center center;\n -moz-transform-origin: center center;\n -ms-transform-origin: center center;\n -o-transform-origin: center center;\n transform-origin: center center;\n}\n.hex-item div::before, .hex-item div::after {\n background-color: #1e2530;\n content: \"\";\n position: absolute;\n width: 100%;\n height: 3px;\n -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;\n -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;\n -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;\n transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;\n}\n.hex-item div:before {\n top: 0;\n}\n.hex-item div:after {\n bottom: 0;\n}\n.hex-item div:nth-child(1) {\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n transform: rotate(0deg);\n}\n.hex-item div:nth-child(2) {\n -webkit-transform: rotate(60deg);\n -moz-transform: rotate(60deg);\n -ms-transform: rotate(60deg);\n -o-transform: rotate(60deg);\n transform: rotate(60deg);\n}\n.hex-item div:nth-child(3) {\n -webkit-transform: rotate(120deg);\n -moz-transform: rotate(120deg);\n -ms-transform: rotate(120deg);\n -o-transform: rotate(120deg);\n transform: rotate(120deg);\n}\n\n.hex-content {\n color: #fff;\n display: block;\n height: 180px;\n margin: 0 auto;\n position: relative;\n text-align: center;\n transform: rotate(-30deg);\n width: 156px;\n}\n.hex-content .hex-content-inner {\n left: 50%;\n margin: -3px 0 0 2px;\n position: absolute;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n -moz-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n -o-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n}\n.hex-content .icon {\n display: block;\n font-size: 36px;\n line-height: 30px;\n margin-bottom: 11px;\n}\n.hex-content .title {\n display: block;\n font-family: \"Open Sans\", sans-serif;\n font-size: 14px;\n letter-spacing: 1px;\n line-height: 24px;\n text-transform: uppercase;\n}\n.hex-content svg {\n left: -7px;\n position: absolute;\n top: -13px;\n transform: scale(0.87);\n z-index: -1;\n -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;\n -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;\n -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;\n transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;\n}\n.hex-content:hover {\n color: #fff;\n}\n\n/*------------------------------------------------\n Welcome Page\n-------------------------------------------------*/\n.author-image-large {\n position: absolute;\n right: 0;\n top: 0;\n}\n.author-image-large img {\n height: -webkit-calc(100vh - 4px);\n height: -moz-calc(100vh - 4px);\n height: calc(100vh - 4px);\n}\n\n/*------------------------------------------------\n About Page\n-------------------------------------------------*/\n.about-author {\n margin-bottom: 23px;\n -webkit-box-align: center;\n -ms-flex-align: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n align-items: center;\n display: -webkit-box;\n display: -webkit-flex;\n display: -moz-flex;\n display: -ms-flexbox;\n display: flex;\n}\n.about-author .author-thumb {\n background-color: #fff;\n border: 5px solid #1e2530;\n margin-right: 30px;\n padding: 5px;\n}\n.about-author .author-thumb img {\n border: 2px solid #1e2530;\n width: 145px;\n}\n.about-author .author-desc p {\n color: #1e2530;\n font-family: \"Open Sans\", sans-serif;\n letter-spacing: 1px;\n margin-bottom: 4px;\n text-transform: uppercase;\n}\n.about-author .author-desc b {\n font-family: \"Open Sans\", sans-serif;\n}\n\n.progress {\n background-color: #1e2530;\n border-radius: 2px;\n height: auto;\n min-height: 45px;\n -webkit-box-align: center;\n -ms-flex-align: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n align-items: center;\n display: -webkit-box;\n display: -webkit-flex;\n display: -moz-flex;\n display: -ms-flexbox;\n display: flex;\n}\n.progress > div {\n color: #fff;\n font-family: \"Open Sans\", sans-serif;\n font-size: 12px;\n letter-spacing: 1px;\n}\n.progress .skill-name {\n border-right: 2px solid #2e333a;\n min-width: 160px;\n text-align: center;\n text-transform: uppercase;\n}\n.progress .skill-bar {\n background-color: #07080b;\n border-radius: 15px;\n margin: 0 15px;\n -webkit-box-flex: 1;\n -webkit-flex-grow: 1;\n -moz-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n.progress .bar {\n background-color: #fa6862;\n border-radius: 10px;\n height: 8px;\n width: 0;\n}\n.progress .skill-lavel {\n border-left: 2px solid #2e333a;\n min-width: 70px;\n text-align: center;\n -webkit-box-align: end;\n -ms-flex-align: end;\n -webkit-align-items: flex-end;\n -moz-align-items: flex-end;\n align-items: flex-end;\n -webkit-transition: all 0.3s ease 0s;\n -moz-transition: all 0.3s ease 0s;\n -o-transition: all 0.3s ease 0s;\n transition: all 0.3s ease 0s;\n}\n\n.filter {\n margin-bottom: 30px;\n}\n.filter a {\n border-bottom: 2px solid transparent;\n}\n.filter .active {\n color: #fa6862;\n border-bottom-color: #fa6862;\n}\n\n.works-item {\n font-family: \"Open Sans\", sans-serif;\n margin-bottom: 30px;\n position: relative;\n}\n.works-item img {\n width: 100%;\n}\n.works-item .overlay {\n background-color: rgba(30, 37, 48, 0.96);\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n -webkit-transition: all 0.3s ease 0s;\n -moz-transition: all 0.3s ease 0s;\n -o-transition: all 0.3s ease 0s;\n transition: all 0.3s ease 0s;\n -webkit-transform: scale(0);\n -moz-transform: scale(0);\n -ms-transform: scale(0);\n -o-transform: scale(0);\n transform: scale(0);\n}\n.works-item .overlay::before {\n border: 1px solid #fff;\n bottom: 15px;\n content: \"\";\n left: 15px;\n position: absolute;\n right: 15px;\n top: 15px;\n}\n.works-item .works-inner {\n left: 50%;\n position: absolute;\n text-align: center;\n top: 50%;\n white-space: nowrap;\n -webkit-transition: all 0.3s ease 0s;\n -moz-transition: all 0.3s ease 0s;\n -o-transition: all 0.3s ease 0s;\n transition: all 0.3s ease 0s;\n -webkit-transform: translate3d(0px, 0px, 0px) scale(0);\n -moz-transform: translate3d(0px, 0px, 0px) scale(0);\n -ms-transform: translate3d(0px, 0px, 0px) scale(0);\n -o-transform: translate3d(0px, 0px, 0px) scale(0);\n transform: translate3d(0px, 0px, 0px) scale(0);\n}\n.works-item h4 {\n color: #fa6862;\n font-weight: 700;\n text-transform: uppercase;\n}\n.works-item p {\n color: #fff;\n font-size: 12px;\n font-weight: 400;\n}\n.works-item:hover .overlay {\n -webkit-transform: scale(1);\n -moz-transform: scale(1);\n -ms-transform: scale(1);\n -o-transform: scale(1);\n transform: scale(1);\n}\n.works-item:hover .works-inner {\n -webkit-transform: translate(-50%, -50%) scale(1);\n -moz-transform: translate(-50%, -50%) scale(1);\n -ms-transform: translate(-50%, -50%) scale(1);\n -o-transform: translate(-50%, -50%) scale(1);\n transform: translate(-50%, -50%) scale(1);\n}\n\n.history-block {\n background-color: #1e2530;\n position: relative;\n}\n.history-block .section-title {\n background-color: #1e2530;\n border-bottom: 1px solid #293342;\n left: 0;\n margin-bottom: 0;\n padding: 15px 34px 14px;\n position: absolute;\n right: 0;\n top: 0;\n z-index: 1;\n}\n\n.nicescroll-rails {\n z-index: 2;\n}\n\n.history-scroller {\n padding-top: 82px;\n max-height: 377px;\n}\n\n.history-item {\n display: table;\n font-family: \"Open Sans\", sans-serif;\n padding-left: 32px;\n margin-bottom: 20px;\n width: 100%;\n}\n.history-item > * {\n display: table-cell;\n vertical-align: middle;\n}\n.history-item .history-icon {\n padding-right: 25px;\n position: relative;\n width: 66px;\n}\n.history-item .history-icon i {\n font-size: 18px;\n position: absolute;\n top: 50%;\n left: -webkit-calc(50% - 12.5px);\n left: -moz-calc(50% - 12.5px);\n left: calc(50% - 12.5px);\n transform: translate(-50%, -50%);\n}\n.history-item h5 {\n color: #fff;\n font-size: 16px;\n font-weight: 600;\n letter-spacing: 0.96px;\n text-transform: uppercase;\n}\n.history-item span {\n color: #aaaaaa;\n font-size: 12px;\n}\n\n.history-hex {\n display: block;\n position: relative;\n width: 66px;\n height: 38.11px;\n background-color: #293342;\n margin: 19.05px 0;\n}\n.history-hex::before, .history-hex::after {\n content: \"\";\n position: absolute;\n width: 0;\n border-left: 33px solid transparent;\n border-right: 33px solid transparent;\n}\n.history-hex::before {\n bottom: 100%;\n border-bottom: 19.05px solid #293342;\n}\n.history-hex::after {\n top: 100%;\n width: 0;\n border-top: 19.05px solid #293342;\n}\n\n.service-hex {\n float: left;\n position: relative;\n width: 20%;\n z-index: 1;\n}\n.service-hex svg {\n -webkit-transform: scale(1.08);\n -moz-transform: scale(1.08);\n -ms-transform: scale(1.08);\n -o-transform: scale(1.08);\n transform: scale(1.08);\n -webkit-transition: all 0.4s ease 0s;\n -moz-transition: all 0.4s ease 0s;\n -o-transition: all 0.4s ease 0s;\n transition: all 0.4s ease 0s;\n}\n.service-hex .st0 {\n stroke: #1e2530;\n fill: #fff;\n}\n.service-hex .st1 {\n fill: #1e2530;\n}\n.service-hex .content {\n color: #fff;\n left: 50%;\n position: absolute;\n text-align: center;\n top: 50%;\n width: 100%;\n -webkit-transform: translate(-50%, -50%);\n -moz-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n -o-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n}\n.service-hex .icon {\n font-size: 30px;\n margin-bottom: 9px;\n}\n.service-hex h4 {\n color: #fff;\n font-size: 16px;\n margin-bottom: 20px;\n}\n.service-hex p {\n font-size: 14px;\n height: 0;\n line-height: 24px;\n overflow: hidden;\n -webkit-transition: all 0.4s ease 0s;\n -moz-transition: all 0.4s ease 0s;\n -o-transition: all 0.4s ease 0s;\n transition: all 0.4s ease 0s;\n}\n.service-hex:hover {\n z-index: 2;\n}\n.service-hex:hover svg {\n -webkit-transform: scale(1.5);\n -moz-transform: scale(1.5);\n -ms-transform: scale(1.5);\n -o-transform: scale(1.5);\n transform: scale(1.5);\n}\n.service-hex:hover .st1 {\n fill: #fa6862;\n}\n.service-hex:hover .content {\n width: 135%;\n}\n.service-hex:hover p {\n height: 72px;\n}\n\n.testimonials .item {\n padding-top: 33px;\n}\n.testimonials .thumb {\n float: left;\n margin-top: -20px;\n}\n.testimonials .thumb img {\n width: auto;\n}\n@media only screen and (max-width: 991px) {\n .testimonials .thumb {\n float: none;\n margin-top: 0;\n margin: auto;\n }\n}\n.testimonials .text {\n border: 1px solid #cecece;\n font-size: 14px;\n font-style: italic;\n line-height: 24px;\n margin-left: 50px;\n padding: 27px 30px 29px 142px;\n}\n@media only screen and (max-width: 991px) {\n .testimonials .text {\n padding: 29px 30px 29px 30px;\n margin-bottom: 20px;\n text-align: center;\n }\n}\n.testimonials figcaption {\n font-family: \"Open Sans\", sans-serif;\n font-size: 16px;\n font-weight: 700;\n padding-top: 15px;\n text-align: center;\n}\n.testimonials h4 {\n font-family: \"Open Sans\", sans-serif;\n font-weight: 700;\n}\n.testimonials span {\n font-size: 12px;\n}\n.testimonials .slick-slide {\n margin: 0 15px;\n}\n.testimonials .slick-slide:focus {\n outline: 0;\n}\n.testimonials .slick-slide:nth-child(2n) .thumb {\n float: right;\n}\n@media only screen and (max-width: 991px) {\n .testimonials .slick-slide:nth-child(2n) .thumb {\n float: none;\n }\n}\n.testimonials .slick-slide:nth-child(2n) .text {\n margin-left: 0;\n margin-right: 50px;\n padding: 27px 142px 29px 30px;\n}\n@media only screen and (max-width: 991px) {\n .testimonials .slick-slide:nth-child(2n) .text {\n padding: 29px 30px 29px 30px;\n margin-right: 0;\n }\n}\n.testimonials .slick-dots {\n text-align: center;\n}\n.testimonials .slick-dots button {\n border: 2px solid #1e2530;\n border-radius: 15px;\n display: inline-block;\n height: 11px;\n margin: 0 4px;\n width: 11px;\n -webkit-transition: all 0.3s ease 0s;\n -moz-transition: all 0.3s ease 0s;\n -o-transition: all 0.3s ease 0s;\n transition: all 0.3s ease 0s;\n}\n.testimonials .slick-dots button:before {\n display: none;\n}\n.testimonials .slick-dots .slick-active button {\n border-color: #fa6862;\n}\n\n.tm-hex {\n position: relative;\n width: 170px;\n height: 98.15px;\n margin: 49.07px 0;\n background-size: auto 182.4427px;\n background-position: center;\n border-left: solid 6px #1e2530;\n border-right: solid 6px #1e2530;\n}\n@media only screen and (max-width: 991px) {\n .tm-hex {\n margin: 49.07px auto;\n }\n}\n.tm-hex::after {\n content: \"\";\n position: absolute;\n top: 3.4641px;\n left: 0;\n width: 158px;\n height: 91.2213px;\n z-index: 2;\n background: inherit;\n}\n.tm-hex .hexTop,\n.tm-hex .hexBottom {\n position: absolute;\n z-index: 1;\n width: 120.21px;\n height: 120.21px;\n overflow: hidden;\n background: inherit;\n left: 18.9px;\n -webkit-transform: scaleY(0.5774) rotate(-45deg);\n -moz-transform: scaleY(0.5774) rotate(-45deg);\n -ms-transform: scaleY(0.5774) rotate(-45deg);\n -o-transform: scaleY(0.5774) rotate(-45deg);\n transform: scaleY(0.5774) rotate(-45deg);\n}\n.tm-hex .hexTop::before, .tm-hex .hexTop::after,\n.tm-hex .hexBottom::before,\n.tm-hex .hexBottom::after {\n content: \"\";\n position: absolute;\n width: 158px;\n height: 91.221342532px;\n background: inherit;\n -webkit-transform-origin: 0 0;\n -moz-transform-origin: 0 0;\n -ms-transform-origin: 0 0;\n -o-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-45.6107px);\n -moz-transform: rotate(45deg) scaleY(1.7321) translateY(-45.6107px);\n -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-45.6107px);\n -o-transform: rotate(45deg) scaleY(1.7321) translateY(-45.6107px);\n transform: rotate(45deg) scaleY(1.7321) translateY(-45.6107px);\n}\n.tm-hex .hexTop {\n top: -60.1041px;\n border-top: solid 8.4853px #1e2530;\n border-right: solid 8.4853px #1e2530;\n}\n.tm-hex .hexTop::after {\n background-position: center top;\n}\n.tm-hex .hexBottom {\n bottom: -60.1041px;\n border-bottom: solid 8.4853px #1e2530;\n border-left: solid 8.4853px #1e2530;\n}\n.tm-hex .hexBottom::after {\n background-position: center bottom;\n}\n\n.contact-block {\n margin-bottom: 30px;\n}\n.contact-block:last-child {\n margin-bottom: 0;\n}\n.contact-block .media-left {\n font-size: 40px;\n max-width: 50px;\n min-width: 50px;\n padding-right: 0;\n text-align: center;\n}\n.contact-block .media-body {\n padding-left: 30px;\n}\n.contact-block h4 {\n font-size: 18px;\n text-transform: uppercase;\n font-weight: 600;\n}\n.contact-block p {\n font-weight: 400;\n font-size: 15px;\n}\n\n.contact-social {\n list-style: outside none none;\n margin: 0;\n padding: 0;\n}\n.contact-social li {\n display: inline-block;\n position: relative;\n width: 43px;\n}\n.contact-social li a {\n color: #fff;\n display: block;\n font-size: 14px;\n height: 50px;\n left: 50%;\n line-height: 50px;\n position: absolute;\n text-align: center;\n top: 50%;\n width: 43px;\n -webkit-transform: translate(-50%, -50%);\n -moz-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n -o-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n}\n.contact-social li:hover span {\n background-color: #fa6862;\n}\n.contact-social li:hover span::before {\n border-bottom-color: #fa6862;\n}\n.contact-social li:hover span::after {\n border-top-color: #fa6862;\n}\n\n.contact-social-hex {\n display: block;\n position: relative;\n width: 43px;\n height: 24.83px;\n background-color: #1e2530;\n margin: 12.41px 0;\n -webkit-transition: all 0.3s ease 0s;\n -moz-transition: all 0.3s ease 0s;\n -o-transition: all 0.3s ease 0s;\n transition: all 0.3s ease 0s;\n}\n.contact-social-hex::before, .contact-social-hex::after {\n content: \"\";\n position: absolute;\n width: 0;\n border-left: 21.5px solid transparent;\n border-right: 21.5px solid transparent;\n -webkit-transition: all 0.3s ease 0s;\n -moz-transition: all 0.3s ease 0s;\n -o-transition: all 0.3s ease 0s;\n transition: all 0.3s ease 0s;\n}\n.contact-social-hex::before {\n bottom: 100%;\n border-bottom: 12.41px solid #1e2530;\n}\n.contact-social-hex::after {\n top: 100%;\n width: 0;\n border-top: 12.41px solid #1e2530;\n}\n.contact-social-hex:hover::after {\n border-bottom-color: #fa6862;\n}\n.contact-social-hex:hover::before {\n border-top-color: #fa6862;\n}\n\n.contact-form .input-field {\n margin-bottom: 10px;\n}\n.contact-form .input-field.name {\n margin-right: 5px;\n}\n.contact-form .input-field.email {\n margin-left: 5px;\n}\n.contact-form .input-field label.error {\n color: #ff0000;\n font-size: 13px;\n margin: 0;\n}\n.contact-form .input-icon {\n background-color: #1e2530;\n border-radius: 3px 0 0 3px;\n border-right: 1px solid rgba(255, 255, 255, 0.2);\n line-height: 48px;\n min-width: 53px;\n text-align: center;\n left: 0;\n line-height: 48px;\n min-width: 53px;\n position: absolute;\n top: 0;\n}\n.contact-form .form-control {\n background-color: #1e2530;\n color: #bcbcbc;\n border: 0 none;\n border-radius: 3px;\n height: 48px;\n padding-left: 70px;\n width: 100%;\n font-family: \"Open Sans\", sans-serif;\n}\n.contact-form .form-control:focus {\n box-shadow: none;\n color: #fff;\n}\n.contact-form textarea.form-control {\n border-radius: 3px;\n height: 120px;\n padding: 15px 10px 15px 70px;\n}\n.contact-form .message .input-icon {\n position: absolute;\n left: 0;\n top: 0;\n}\n\n.msg-success,\n.msg-failed {\n display: none;\n margin-top: 15px;\n}\n\n.msg-success {\n color: #fa6862;\n}\n\n.pt-table.desktop-768 .pt-tablecell {\n padding-bottom: 110px;\n padding-top: 60px;\n}\n.pt-table.desktop-768 .pt-tablecell .page-nav {\n bottom: 40px;\n}\n\n/* =================================== */\n/* Color Switcher\n/* =================================== */\n.preview-wrapper {\n background-color: #fff;\n border: 1px solid #ddd;\n border-right: 0;\n color: #333;\n height: 150px;\n right: 0px;\n position: fixed;\n top: 100px;\n width: 260px;\n z-index: 1200;\n -webkit-transition: all 0.4s ease-in-out 0s;\n -moz-transition: all 0.4s ease-in-out 0s;\n -o-transition: all 0.4s ease-in-out 0s;\n transition: all 0.4s ease-in-out 0s;\n transform: translateX(100%);\n}\n\n.preview-wrapper.extend {\n -webkit-transform: translateX(0px);\n -moz-transform: translateX(0px);\n -ms-transform: translateX(0px);\n -o-transform: translateX(0px);\n transform: translateX(0px);\n}\n\n.switcher-head {\n color: #333;\n font-size: 18px;\n font-weight: 600;\n height: 46px;\n line-height: 46px;\n position: relative;\n}\n\n.switcher-head span {\n border-bottom: 2px solid #eeeeee;\n display: block;\n margin: 0 20px;\n}\n\n.switcher-trigger {\n background-color: #fff;\n border: 1px solid #ddd;\n border-right: 0;\n cursor: pointer;\n font-size: 20px;\n height: 48px;\n left: -48px;\n line-height: 46px;\n position: absolute;\n text-align: center;\n top: -1px;\n width: 48px;\n}\n\n.switcher-body {\n background-color: #fff;\n height: -webkit-calc(100% - 50px);\n height: calc(100% - 50px);\n left: 0;\n padding: 20px;\n position: fixed;\n right: 0;\n top: 47px;\n outline: none;\n}\n\n.switcher-body h4 {\n font-size: 16px;\n margin-bottom: 10px;\n}\n\n.switcher-body select {\n border: 1px solid #e5e5e5;\n height: 40px;\n margin-bottom: 20px;\n width: 100%;\n -webklit--appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n.color-options {\n margin-bottom: 10px;\n padding: 0;\n}\n\n.color-options li {\n display: inline-block;\n background-color: #e6ae03;\n height: 30px;\n margin-bottom: 10px;\n margin-right: 6px;\n text-indent: -9999em;\n width: 30px;\n cursor: pointer;\n}\n\n.color-options li.c0 {\n background-color: #fa6862;\n}\n\n.color-options li.c1 {\n background-color: #02b7ce;\n}\n\n.color-options li.c2 {\n background-color: #86a438;\n}\n\n.color-options li.c3 {\n background-color: #f3a36d;\n}\n\n.pattern-options li {\n font-family: \"Roboto\", sans-serif;\n border: 1px solid #cccccc;\n cursor: pointer;\n float: left;\n height: 40px;\n margin: 0 10px 10px 0;\n text-transform: capitalize;\n width: 50px;\n}\n\n.pattern-options li:last-child {\n border: 0 none;\n height: auto;\n padding-top: 8px;\n width: auto;\n}\n\n.pattern-options li img {\n width: 100%;\n height: 100%;\n}\n\n/*------------------------------------------------\n\tResponsive Media Queries\n-------------------------------------------------*/\n/*============================================================\n\tMacbook pro 13 inch\n==============================================================*/\n/*============================================================\n\tFor Small Desktop / tablet landscape\n==============================================================*/\n@media (min-width: 980px) and (max-width: 1150px) {\n .author-image-large img {\n height: -webkit-calc(80vh - 4px);\n height: -moz-calc(80vh - 4px);\n height: calc(80vh - 4px);\n }\n}\n/*============================================================\n\tTablet (Portrait) Design for a width of 768px\n==============================================================*/\n@media (min-width: 768px) and (max-width: 979px) {\n body {\n overflow-x: hidden;\n }\n .page-title h2 {\n font-size: 40px;\n }\n .page-title .title-bg {\n font-size: 100px;\n }\n .author-image-large {\n position: static;\n margin-bottom: 50px;\n }\n .author-image-large img {\n display: block;\n height: auto;\n margin: 0 auto;\n width: 50%;\n }\n .about-author + p {\n margin-bottom: 50px;\n }\n .service-hex {\n width: 33.3333%;\n }\n .service-hex:hover {\n z-index: 2;\n }\n .service-hex:hover svg {\n -webkit-transform: scale(1.5);\n -moz-transform: scale(1.5);\n -ms-transform: scale(1.5);\n -o-transform: scale(1.5);\n transform: scale(1.5);\n }\n .service-hex:hover .content {\n width: 105%;\n }\n .service-hex:nth-child(4), .service-hex:nth-child(5) {\n -webkit-transform: translate(50%, -15%);\n -moz-transform: translate(50%, -15%);\n -ms-transform: translate(50%, -15%);\n -o-transform: translate(50%, -15%);\n transform: translate(50%, -15%);\n }\n .testimonials .item {\n padding-top: 45px;\n }\n .testimonials .thumb {\n margin-top: -45px;\n }\n .history-item .history-text {\n padding-right: 15px;\n }\n .page-nav {\n bottom: auto;\n }\n .page-nav .flex {\n display: block;\n text-align: center;\n }\n .page-nav .flex span {\n display: block;\n margin: 20px 0;\n }\n}\n/*============================================================\n\tMobile (Portrait) Design for a width of 320px\n==============================================================*/\n@media only screen and (max-width: 767px) {\n body {\n overflow-x: hidden;\n }\n .pt-table {\n height: auto;\n }\n .pt-table,\n.pt-tablecell {\n display: block;\n }\n .page-title {\n margin-bottom: 45px;\n }\n .page-title h2 {\n font-size: 35px;\n }\n .page-title .title-bg {\n font-size: 50px;\n }\n .hexagon-item {\n float: none;\n margin: 0 auto 50px;\n }\n .hexagon-item:first-child {\n margin-left: auto;\n }\n .page-home .hexagon-item:nth-last-child(1),\n.page-home .hexagon-item:nth-last-child(2),\n.page-home .hexagon-item:nth-last-child(3) {\n -webkit-transform: rotate(30deg) translate(0px, 0px);\n -moz-transform: rotate(30deg) translate(0px, 0px);\n -ms-transform: rotate(30deg) translate(0px, 0px);\n -o-transform: rotate(30deg) translate(0px, 0px);\n transform: rotate(30deg) translate(0px, 0px);\n }\n .author-image-large {\n position: static;\n margin-bottom: 50px;\n }\n .author-image-large img {\n display: block;\n height: auto;\n margin: 0 auto;\n width: 50%;\n }\n .about-author {\n display: block;\n }\n .about-author .author-thumb {\n border: 0 none;\n margin-bottom: 15px;\n margin-right: 0;\n padding: 0;\n }\n .about-author .author-desc b {\n display: block;\n }\n .about-author + p {\n margin-bottom: 50px;\n }\n .progress {\n display: block;\n }\n .progress .skill-name {\n border-right: 0;\n margin: 0 15px;\n min-width: auto;\n text-align: left;\n }\n .progress .skill-lavel {\n border-left: 0;\n margin: 0 15px;\n min-width: auto;\n text-align: left;\n }\n .service-hex {\n float: none;\n margin: 0 auto 40px;\n width: 60%;\n }\n .service-hex:last-child {\n margin-bottom: 0;\n }\n .service-hex:hover svg {\n -webkit-transform: scale(1.8);\n -moz-transform: scale(1.8);\n -ms-transform: scale(1.8);\n -o-transform: scale(1.8);\n transform: scale(1.8);\n }\n .service-hex:hover .content {\n width: 120%;\n }\n .history-block {\n margin-bottom: 30px;\n }\n .contact-form .input-field.name {\n margin-right: 0;\n }\n .page-nav {\n bottom: auto;\n }\n .page-nav .flex {\n display: block;\n text-align: center;\n }\n .page-nav .flex span {\n display: block;\n margin: 20px 0;\n }\n}\n.dark {\n background-color: #0c0f15;\n}\n.dark .page-home .overlay {\n background-color: rgba(14, 17, 24, 0.97);\n}\n.dark .page-title h2 {\n color: #ffffff;\n}\n.dark .page-title .title-bg {\n color: rgba(70, 88, 124, 0.06);\n}\n.dark .section-title h3::before {\n background-color: #fff;\n}\n.dark h1,\n.dark h2,\n.dark h3,\n.dark h4,\n.dark h5,\n.dark h6,\n.dark .about-author .author-desc p {\n color: #fff;\n}\n.dark .switcher-body h4 {\n color: #0c0f15;\n}\n.dark .service-hex .st0 {\n fill: transparent;\n}\n.dark .service-hex:hover .st0 {\n fill: #fff;\n}\n.dark .testimonials .text,\n.dark .btn-border {\n border-color: #1e2530;\n}","//\n// Mixins\n//\n\n@import \"flex\";\n\n@mixin transition($transition) {\n -webkit-transition: $transition;\n -moz-transition: $transition;\n -o-transition: $transition;\n transition: $transition;\n}\n\n@mixin transform($transform) {\n -webkit-transform: $transform;\n -moz-transform: $transform;\n -ms-transform: $transform;\n -o-transform: $transform;\n transform: $transform;\n}\n\n@mixin transform-origin($value) {\n -webkit-transform-origin: $value;\n -moz-transform-origin: $value;\n -ms-transform-origin: $value;\n -o-transform-origin: $value;\n transform-origin: $value;\n}\n\n@mixin transition-delay($value) {\n -webkit-transition-delay: $value;\n -moz-transition-delay: $value;\n -o-transition-delay: $value;\n transition-delay: $value;\n}\n\n@mixin backface-visibility($value) {\n -webkit-transform-origin: $value;\n -moz-transform-origin: $value;\n transform-origin: $value;\n}\n\n@mixin calc($property, $expression) {\n #{$property}: -webkit-calc(#{$expression});\n #{$property}: -moz-calc(#{$expression});\n #{$property}: calc(#{$expression});\n}","// Flexbox Mixins\n// http://philipwalton.github.io/solved-by-flexbox/\n// https://github.com/philipwalton/solved-by-flexbox\n// \n// Copyright (c) 2013 Brian Franco\n//\n// Permission is hereby granted, free of charge, to any person obtaining a\n// copy of this software and associated documentation files (the\n// \"Software\"), to deal in the Software without restriction, including\n// without limitation the rights to use, copy, modify, merge, publish,\n// distribute, sublicense, and/or sell copies of the Software, and to\n// permit persons to whom the Software is furnished to do so, subject to\n// the following conditions:\n// The above copyright notice and this permission notice shall be included\n// in all copies or substantial portions of the Software.\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS\n// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\n// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.\n// IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY\n// CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,\n// TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\n// SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n//\n// This is a set of mixins for those who want to mess around with flexbox\n// using the native support of current browsers. For full support table\n// check: http://caniuse.com/flexbox\n//\n// Basically this will use:\n//\n// * Fallback, old syntax (IE10, mobile webkit browsers - no wrapping)\n// * Final standards syntax (FF, Safari, Chrome, IE11, Opera)\n//\n// This was inspired by:\n// \n// * http://dev.opera.com/articles/view/advanced-cross-browser-flexbox/\n// \n// With help from:\n// \n// * http://w3.org/tr/css3-flexbox/\n// * http://the-echoplex.net/flexyboxes/\n// * http://msdn.microsoft.com/en-us/library/ie/hh772069(v=vs.85).aspx\n// * http://css-tricks.com/using-flexbox/\n// * http://dev.opera.com/articles/view/advanced-cross-browser-flexbox/\n// * https://developer.mozilla.org/en-us/docs/web/guide/css/flexible_boxes\n\n//----------------------------------------------------------------------\n\n// Flexbox Containers\n//\n// The 'flex' value causes an element to generate a block-level flex\n// container box.\n//\n// The 'inline-flex' value causes an element to generate a inline-level\n// flex container box. \n//\n// display: flex | inline-flex\n//\n// http://w3.org/tr/css3-flexbox/#flex-containers\n//\n// (Placeholder selectors for each type, for those who rather @extend)\n\n@mixin flexbox {\n\tdisplay: -webkit-box;\n\tdisplay: -webkit-flex;\n\tdisplay: -moz-flex;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n}\n\n%flexbox { @include flexbox; }\n\n//----------------------------------\n\n@mixin inline-flex {\n\tdisplay: -webkit-inline-box;\n\tdisplay: -webkit-inline-flex;\n\tdisplay: -moz-inline-flex;\n\tdisplay: -ms-inline-flexbox;\n\tdisplay: inline-flex;\n}\n\n%inline-flex { @include inline-flex; }\n\n//----------------------------------------------------------------------\n\n// Flexbox Direction\n//\n// The 'flex-direction' property specifies how flex items are placed in\n// the flex container, by setting the direction of the flex container's\n// main axis. This determines the direction that flex items are laid out in. \n//\n// Values: row | row-reverse | column | column-reverse\n// Default: row\n//\n// http://w3.org/tr/css3-flexbox/#flex-direction-property\n\n@mixin flex-direction($value: row) {\n\t@if $value == row-reverse {\n\t\t-webkit-box-direction: reverse;\n\t\t-webkit-box-orient: horizontal;\n\t} @else if $value == column {\n\t\t-webkit-box-direction: normal;\n\t\t-webkit-box-orient: vertical;\n\t} @else if $value == column-reverse {\n\t\t-webkit-box-direction: reverse;\n\t\t-webkit-box-orient: vertical;\n\t} @else {\n\t\t-webkit-box-direction: normal;\n\t\t-webkit-box-orient: horizontal;\n\t}\n\t-webkit-flex-direction: $value;\n\t-moz-flex-direction: $value;\n\t-ms-flex-direction: $value;\n\tflex-direction: $value;\n}\n\t// Shorter version:\n\t@mixin flex-dir($args...) { @include flex-direction($args...); }\n\n//----------------------------------------------------------------------\n\n// Flexbox Wrap\n//\n// The 'flex-wrap' property controls whether the flex container is single-line\n// or multi-line, and the direction of the cross-axis, which determines\n// the direction new lines are stacked in. \n//\n// Values: nowrap | wrap | wrap-reverse\n// Default: nowrap\n//\n// http://w3.org/tr/css3-flexbox/#flex-wrap-property\n\n@mixin flex-wrap($value: nowrap) {\n\t// No Webkit Box fallback.\n\t-webkit-flex-wrap: $value;\n\t-moz-flex-wrap: $value;\n\t@if $value == nowrap {\n\t\t-ms-flex-wrap: none;\n\t} @else { \n\t\t-ms-flex-wrap: $value; \n\t}\n\tflex-wrap: $value;\n}\n\n//----------------------------------------------------------------------\n\n// Flexbox Flow (shorthand)\n//\n// The 'flex-flow' property is a shorthand for setting the 'flex-direction'\n// and 'flex-wrap' properties, which together define the flex container's\n// main and cross axes.\n//\n// Values: | \n// Default: row nowrap\n//\n// http://w3.org/tr/css3-flexbox/#flex-flow-property\n\n@mixin flex-flow($values: (row nowrap)) {\n\t// No Webkit Box fallback.\n\t-webkit-flex-flow: $values;\n\t-moz-flex-flow: $values;\n\t-ms-flex-flow: $values;\n\tflex-flow: $values;\n}\n\n//----------------------------------------------------------------------\n\n// Flexbox Order\n//\n// The 'order' property controls the order in which flex items appear within\n// their flex container, by assigning them to ordinal groups.\n//\n// Default: 0\n//\n// http://w3.org/tr/css3-flexbox/#order-property\n\n@mixin order($int: 0) {\n\t-webkit-box-ordinal-group: $int + 1;\n\t-webkit-order: $int;\n\t-moz-order: $int;\n\t-ms-flex-order: $int;\n\torder: $int;\n}\n\n//----------------------------------------------------------------------\n\n// Flexbox Grow\n//\n// The 'flex-grow' property sets the flex grow factor. Negative numbers\n// are invalid.\n//\n// Default: 0\n//\n// http://w3.org/tr/css3-flexbox/#flex-grow-property\n\n@mixin flex-grow($int: 0) {\n\t-webkit-box-flex: $int;\n\t-webkit-flex-grow: $int;\n\t-moz-flex-grow: $int;\n\t-ms-flex-positive: $int;\n\tflex-grow: $int;\n}\n\n//----------------------------------------------------------------------\n\n// Flexbox Shrink\n//\n// The 'flex-shrink' property sets the flex shrink factor. Negative numbers\n// are invalid.\n//\n// Default: 1\n//\n// http://w3.org/tr/css3-flexbox/#flex-shrink-property\n\n@mixin flex-shrink($int: 1) {\n\t-webkit-flex-shrink: $int;\n\t-moz-flex-shrink: $int;\n\t-ms-flex-negative: $int;\n\tflex-shrink: $int;\n}\n\n//----------------------------------------------------------------------\n\n// Flexbox Basis\n//\n// The 'flex-basis' property sets the flex basis. Negative lengths are invalid. \n//\n// Values: Like \"width\" \n// Default: auto\n//\n// http://www.w3.org/TR/css3-flexbox/#flex-basis-property\n\n@mixin flex-basis($value: auto) {\n\t-webkit-flex-basis: $value;\n\t-moz-flex-basis: $value;\n\t-ms-flex-preferred-size: $value;\n\tflex-basis: $value;\n}\n\n//----------------------------------------------------------------------\n\n// Flexbox \"Flex\" (shorthand)\n//\n// The 'flex' property specifies the components of a flexible length: the\n// flex grow factor and flex shrink factor, and the flex basis. When an\n// element is a flex item, 'flex' is consulted instead of the main size\n// property to determine the main size of the element. If an element is\n// not a flex item, 'flex' has no effect.\n//\n// Values: none | || \n// Default: See individual properties (1 1 0).\n//\n// http://w3.org/tr/css3-flexbox/#flex-property\n\n@mixin flex($fg: 1, $fs: null, $fb: null) {\n \n\t// Set a variable to be used by box-flex properties\n\t$fg-boxflex: $fg;\n\n\t// Box-Flex only supports a flex-grow value so let's grab the\n\t// first item in the list and just return that.\n\t@if type-of($fg) == 'list' {\n\t\t$fg-boxflex: nth($fg, 1);\n\t}\n\n\t-webkit-box-flex: $fg-boxflex;\n\t-webkit-flex: $fg $fs $fb;\n\t-moz-box-flex: $fg-boxflex;\n\t-moz-flex: $fg $fs $fb;\n\t-ms-flex: $fg $fs $fb;\n\tflex: $fg $fs $fb;\n}\n\n//----------------------------------------------------------------------\n\n// Flexbox Justify Content\n//\n// The 'justify-content' property aligns flex items along the main axis\n// of the current line of the flex container. This is done after any flexible\n// lengths and any auto margins have been resolved. Typically it helps distribute\n// extra free space leftover when either all the flex items on a line are\n// inflexible, or are flexible but have reached their maximum size. It also\n// exerts some control over the alignment of items when they overflow the line.\n//\n// Note: 'space-*' values not supported in older syntaxes.\n//\n// Values: flex-start | flex-end | center | space-between | space-around\n// Default: flex-start\n//\n// http://w3.org/tr/css3-flexbox/#justify-content-property\n\n@mixin justify-content($value: flex-start) {\n\t@if $value == flex-start {\n\t\t-webkit-box-pack: start;\n\t\t-ms-flex-pack: start;\n\t} @else if $value == flex-end {\n\t\t-webkit-box-pack: end;\n\t\t-ms-flex-pack: end;\n\t} @else if $value == space-between {\n\t\t-webkit-box-pack: justify;\n\t\t-ms-flex-pack: justify;\n\t} @else if $value == space-around {\n\t\t-ms-flex-pack: distribute;\t\t\n\t} @else {\n\t\t-webkit-box-pack: $value;\n\t\t-ms-flex-pack: $value;\n\t}\n\t-webkit-justify-content: $value;\n\t-moz-justify-content: $value;\n\tjustify-content: $value;\n}\n\t// Shorter version:\n\t@mixin flex-just($args...) { @include justify-content($args...); }\n\n//----------------------------------------------------------------------\n\n// Flexbox Align Items\n//\n// Flex items can be aligned in the cross axis of the current line of the\n// flex container, similar to 'justify-content' but in the perpendicular\n// direction. 'align-items' sets the default alignment for all of the flex\n// container's items, including anonymous flex items. 'align-self' allows\n// this default alignment to be overridden for individual flex items. (For\n// anonymous flex items, 'align-self' always matches the value of 'align-items'\n// on their associated flex container.) \n//\n// Values: flex-start | flex-end | center | baseline | stretch\n// Default: stretch\n//\n// http://w3.org/tr/css3-flexbox/#align-items-property\n\n@mixin align-items($value: stretch) {\n\t@if $value == flex-start {\n\t\t-webkit-box-align: start;\n\t\t-ms-flex-align: start;\n\t} @else if $value == flex-end {\n\t\t-webkit-box-align: end;\n\t\t-ms-flex-align: end;\n\t} @else {\n\t\t-webkit-box-align: $value;\n\t\t-ms-flex-align: $value;\n\t}\n\t-webkit-align-items: $value;\n\t-moz-align-items: $value;\n\talign-items: $value;\n}\n\n//----------------------------------\n\n// Flexbox Align Self\n//\n// Values: auto | flex-start | flex-end | center | baseline | stretch\n// Default: auto\n\n@mixin align-self($value: auto) {\n\t// No Webkit Box Fallback.\n\t-webkit-align-self: $value;\n\t-moz-align-self: $value;\n\t@if $value == flex-start {\n\t\t-ms-flex-item-align: start;\n\t} @else if $value == flex-end {\n\t\t-ms-flex-item-align: end;\n\t} @else {\n\t\t-ms-flex-item-align: $value;\n\t}\n\talign-self: $value;\n}\n\n//----------------------------------------------------------------------\n\n// Flexbox Align Content\n//\n// The 'align-content' property aligns a flex container's lines within the\n// flex container when there is extra space in the cross-axis, similar to\n// how 'justify-content' aligns individual items within the main-axis. Note,\n// this property has no effect when the flexbox has only a single line.\n//\n// Values: flex-start | flex-end | center | space-between | space-around | stretch\n// Default: stretch\n//\n// http://w3.org/tr/css3-flexbox/#align-content-property\n\n@mixin align-content($value: stretch) {\n\t// No Webkit Box Fallback.\n\t-webkit-align-content: $value;\n\t-moz-align-content: $value;\n\t@if $value == flex-start {\n\t\t-ms-flex-line-pack: start;\n\t} @else if $value == flex-end {\n\t\t-ms-flex-line-pack: end;\n\t} @else {\n\t\t-ms-flex-line-pack: $value;\n\t}\n\talign-content: $value;\n}","@import \"variables\";\n@import \"mixins\";\n@import \"base\";\n\n.preloader {\n bottom: 0;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n z-index: 1000;\n @include flexbox();\n &.active.hidden {\n display: none;\n }\n}\n\n.loading-mask {\n background-color: $primary-color;\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 20%;\n @include transition(all 0.6s cubic-bezier(0.61, 0, 0.6, 1) 0s);\n\n &:nth-child(2) {\n left: 20%;\n @include transition-delay(0.1s);\n }\n &:nth-child(3) {\n left: 40%;\n @include transition-delay(0.2s);\n }\n &:nth-child(4) {\n left: 60%;\n @include transition-delay(0.3s);\n }\n &:nth-child(5) {\n left: 80%;\n @include transition-delay(0.4s);\n }\n}\n\n.preloader.active {\n &.done {\n z-index: 0;\n }\n .loading-mask {\n width: 0;\n }\n}\n\n/*------------------------------------------------\n\tStart Styling\n-------------------------------------------------*/\n.site-wrapper {\n border-top: 4px solid $primary-color;\n}\n\n.page-close {\n font-size: 30px;\n position: absolute;\n right: 30px;\n top: 30px;\n z-index: 100;\n}\n\n.page-title {\n margin-bottom: 75px;\n img {\n margin-bottom: 20px;\n }\n h2 {\n font-size: 68px;\n margin-bottom: 25px;\n position: relative;\n z-index: 0;\n font-weight: 900;\n text-transform: uppercase;\n }\n p {\n font-size: 16px;\n }\n .title-bg {\n color: rgba($light-dark, 0.07);\n font-size: 158px;\n left: 0;\n letter-spacing: 10px;\n line-height: 0.7;\n position: absolute;\n right: 0;\n top: 50%;\n z-index: -1;\n @include transform(translateY(-50%));\n }\n}\n\n.section-title {\n margin-bottom: 20px;\n overflow: hidden;\n h3 {\n display: inline-block;\n position: relative;\n &::before,\n &::after {\n content: \"\";\n height: 2px;\n position: absolute;\n bottom: 8px;\n @include calc(left, \"100% + 14px\");\n }\n &::before {\n background-color: $light-dark;\n width: 96px;\n bottom: 14px;\n }\n &::after {\n background-color: $primary-color;\n width: 73px;\n }\n }\n &.light {\n h3 {\n color: $light;\n &::before {\n background-color: $light;\n }\n }\n }\n}\n\n.page-nav {\n bottom: 40px;\n left: 0;\n position: absolute;\n right: 0;\n span {\n font-family: $open-sans;\n font-size: 14px;\n font-weight: 500;\n line-height: 1.3;\n text-transform: uppercase;\n }\n}\n\n//\n// Home\n//\n@import \"blocks/home\";\n@import \"blocks/welcome\";\n@import \"blocks/about\";\n\n// about\n.progress {\n background-color: $light-dark;\n border-radius: 2px;\n height: auto;\n min-height: 45px;\n @include align-items(center);\n @include flexbox();\n & > div {\n color: $light;\n font-family: $open-sans;\n font-size: 12px;\n letter-spacing: 1px;\n }\n .skill-name {\n border-right: 2px solid #2e333a;\n min-width: 160px;\n text-align: center;\n text-transform: uppercase;\n }\n .skill-bar {\n background-color: #07080b;\n border-radius: 15px;\n margin: 0 15px;\n @include flex-grow(1);\n }\n .bar {\n background-color: $primary-color;\n border-radius: 10px;\n height: 8px;\n width: 0;\n }\n .skill-lavel {\n border-left: 2px solid #2e333a;\n min-width: 70px;\n text-align: center;\n @include align-items(flex-end);\n @include transition(all 0.3s ease 0s);\n }\n}\n\n// Works\n\n.filter {\n margin-bottom: 30px;\n a {\n border-bottom: 2px solid transparent;\n }\n .active {\n color: $primary-color;\n border-bottom-color: $primary-color;\n }\n}\n\n.works-item {\n font-family: $open-sans;\n margin-bottom: 30px;\n position: relative;\n\n img {\n width: 100%;\n }\n\n .overlay {\n background-color: rgba(#1e2530, 0.96);\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n @include transition(all 0.3s ease 0s);\n @include transform(scale(0));\n &::before {\n border: 1px solid $light;\n bottom: 15px;\n content: \"\";\n left: 15px;\n position: absolute;\n right: 15px;\n top: 15px;\n }\n }\n\n .works-inner {\n left: 50%;\n position: absolute;\n text-align: center;\n top: 50%;\n white-space: nowrap;\n @include transition(all 0.3s ease 0s);\n @include transform(translate3d(0px, 0px, 0px) scale(0));\n }\n\n h4 {\n color: $primary-color;\n font-weight: 700;\n text-transform: uppercase;\n }\n\n p {\n color: $light;\n font-size: 12px;\n font-weight: 400;\n }\n\n &:hover {\n .overlay {\n @include transform(scale(1));\n }\n .works-inner {\n @include transform(translate(-50%, -50%) scale(1));\n }\n }\n}\n\n// history/ resume\n\n.history-block {\n background-color: $light-dark;\n position: relative;\n .section-title {\n background-color: $light-dark;\n border-bottom: 1px solid #293342;\n left: 0;\n margin-bottom: 0;\n padding: 15px 34px 14px;\n position: absolute;\n right: 0;\n top: 0;\n z-index: 1;\n }\n}\n\n.nicescroll-rails {\n z-index: 2;\n}\n\n.history-scroller {\n padding-top: 82px;\n max-height: 377px;\n}\n\n.history-item {\n display: table;\n font-family: $open-sans;\n padding-left: 32px;\n margin-bottom: 20px;\n width: 100%;\n & > * {\n display: table-cell;\n vertical-align: middle;\n }\n .history-icon {\n padding-right: 25px;\n position: relative;\n width: 66px;\n i {\n font-size: 18px;\n position: absolute;\n top: 50%;\n @include calc(left, \"50% - 12.5px\");\n transform: translate(-50%, -50%);\n }\n }\n h5 {\n color: $light;\n font-size: 16px;\n font-weight: 600;\n letter-spacing: 0.96px;\n text-transform: uppercase;\n }\n span {\n color: #aaaaaa;\n font-size: 12px;\n }\n}\n\n.history-hex {\n display: block;\n position: relative;\n width: 66px;\n height: 38.11px;\n background-color: #293342;\n margin: 19.05px 0;\n &::before,\n &::after {\n content: \"\";\n position: absolute;\n width: 0;\n border-left: 33px solid transparent;\n border-right: 33px solid transparent;\n }\n &::before {\n bottom: 100%;\n border-bottom: 19.05px solid #293342;\n }\n &::after {\n top: 100%;\n width: 0;\n border-top: 19.05px solid #293342;\n }\n}\n\n// Service hex\n//--------------------------------------\n.service-hex {\n float: left;\n position: relative;\n width: 20%;\n z-index: 1;\n svg {\n @include transform(scale(1.08));\n @include transition(all 0.4s ease 0s);\n }\n .st0 {\n stroke: $light-dark;\n fill: #fff;\n }\n .st1 {\n fill: $light-dark;\n }\n .content {\n color: $light;\n left: 50%;\n position: absolute;\n text-align: center;\n top: 50%;\n width: 100%;\n @include transform(translate(-50%, -50%));\n }\n .icon {\n font-size: 30px;\n margin-bottom: 9px;\n }\n h4 {\n color: $light;\n font-size: 16px;\n margin-bottom: 20px;\n }\n p {\n font-size: 14px;\n height: 0;\n line-height: 24px;\n overflow: hidden;\n @include transition(all 0.4s ease 0s);\n }\n &:hover {\n z-index: 2;\n svg {\n @include transform(scale(1.5));\n }\n .st1 {\n fill: $primary-color;\n }\n .content {\n width: 135%;\n }\n p {\n height: 72px;\n }\n }\n}\n\n// testimonials\n//--------------------------------------\n\n.testimonials {\n .item {\n padding-top: 33px;\n }\n .thumb {\n float: left;\n margin-top: -20px;\n img {\n width: auto;\n }\n @media only screen and (max-width: 991px) {\n float: none;\n margin-top: 0;\n margin: auto;\n }\n }\n .text {\n border: 1px solid #cecece;\n font-size: 14px;\n font-style: italic;\n line-height: 24px;\n margin-left: 50px;\n padding: 27px 30px 29px 142px;\n\n @media only screen and (max-width: 991px) {\n padding: 29px 30px 29px 30px;\n margin-bottom: 20px;\n text-align: center;\n }\n }\n figcaption {\n font-family: $open-sans;\n font-size: 16px;\n font-weight: 700;\n padding-top: 15px;\n text-align: center;\n }\n h4 {\n font-family: $open-sans;\n font-weight: 700;\n }\n span {\n font-size: 12px;\n }\n .slick-slide {\n margin: 0 15px;\n &:focus {\n outline: 0;\n }\n &:nth-child(2n) {\n .thumb {\n float: right;\n\n @media only screen and (max-width: 991px) {\n float: none;\n }\n }\n .text {\n margin-left: 0;\n margin-right: 50px;\n padding: 27px 142px 29px 30px;\n\n @media only screen and (max-width: 991px) {\n padding: 29px 30px 29px 30px;\n margin-right: 0;\n }\n }\n }\n }\n .slick-dots {\n text-align: center;\n button {\n border: 2px solid $light-dark;\n border-radius: 15px;\n display: inline-block;\n height: 11px;\n margin: 0 4px;\n width: 11px;\n @include transition(all 0.3s ease 0s);\n\n &:before {\n display: none;\n }\n }\n .slick-active button {\n border-color: $primary-color;\n }\n }\n}\n\n.tm-hex {\n position: relative;\n width: 170px;\n height: 98.15px;\n margin: 49.07px 0;\n background-size: auto 182.4427px;\n background-position: center;\n border-left: solid 6px $title-color;\n border-right: solid 6px $title-color;\n\n @media only screen and (max-width: 991px) {\n margin: 49.07px auto;\n }\n &::after {\n content: \"\";\n position: absolute;\n top: 3.4641px;\n left: 0;\n width: 158px;\n height: 91.2213px;\n z-index: 2;\n background: inherit;\n }\n .hexTop,\n .hexBottom {\n position: absolute;\n z-index: 1;\n width: 120.21px;\n height: 120.21px;\n overflow: hidden;\n background: inherit;\n left: 18.9px;\n @include transform(scaleY(0.5774) rotate(-45deg));\n &::before,\n &::after {\n content: \"\";\n position: absolute;\n width: 158px;\n height: 91.22134253196087px;\n background: inherit;\n @include transform-origin(0 0);\n @include transform(rotate(45deg) scaleY(1.7321) translateY(-45.6107px));\n }\n }\n\n .hexTop {\n top: -60.1041px;\n border-top: solid 8.4853px $title-color;\n border-right: solid 8.4853px $title-color;\n &::after {\n background-position: center top;\n }\n }\n\n .hexBottom {\n bottom: -60.1041px;\n border-bottom: solid 8.4853px $title-color;\n border-left: solid 8.4853px $title-color;\n &::after {\n background-position: center bottom;\n }\n }\n}\n\n// contact\n\n.contact-block {\n margin-bottom: 30px;\n &:last-child {\n margin-bottom: 0;\n }\n .media-left {\n font-size: 40px;\n max-width: 50px;\n min-width: 50px;\n padding-right: 0;\n text-align: center;\n }\n .media-body {\n padding-left: 30px;\n }\n h4 {\n font-size: 18px;\n text-transform: uppercase;\n font-weight: 600;\n }\n p {\n font-weight: 400;\n font-size: 15px;\n }\n}\n\n.contact-social {\n list-style: outside none none;\n margin: 0;\n padding: 0;\n li {\n display: inline-block;\n position: relative;\n width: 43px;\n a {\n color: $light;\n display: block;\n font-size: 14px;\n height: 50px;\n left: 50%;\n line-height: 50px;\n position: absolute;\n text-align: center;\n top: 50%;\n width: 43px;\n @include transform(translate(-50%, -50%));\n }\n &:hover {\n span {\n background-color: $primary-color;\n &::before {\n border-bottom-color: $primary-color;\n }\n &::after {\n border-top-color: $primary-color;\n }\n }\n }\n }\n}\n\n.contact-social-hex {\n display: block;\n position: relative;\n width: 43px;\n height: 24.83px;\n background-color: #1e2530;\n margin: 12.41px 0;\n @include transition(all 0.3s ease 0s);\n &::before,\n &::after {\n content: \"\";\n position: absolute;\n width: 0;\n border-left: 21.5px solid transparent;\n border-right: 21.5px solid transparent;\n @include transition(all 0.3s ease 0s);\n }\n &::before {\n bottom: 100%;\n border-bottom: 12.41px solid #1e2530;\n }\n &::after {\n top: 100%;\n width: 0;\n border-top: 12.41px solid #1e2530;\n }\n &:hover {\n &::after {\n border-bottom-color: $primary-color;\n }\n &::before {\n border-top-color: $primary-color;\n }\n }\n}\n\n.contact-form {\n .input-field {\n margin-bottom: 10px;\n &.name {\n margin-right: 5px;\n }\n &.email {\n margin-left: 5px;\n }\n label.error {\n color: #ff0000;\n font-size: 13px;\n margin: 0;\n }\n }\n\n .input-icon {\n background-color: $light-dark;\n border-radius: 3px 0 0 3px;\n border-right: 1px solid rgba($light, 0.2);\n line-height: 48px;\n min-width: 53px;\n text-align: center;\n left: 0;\n line-height: 48px;\n min-width: 53px;\n position: absolute;\n top: 0;\n }\n\n .form-control {\n background-color: $light-dark;\n color: #bcbcbc;\n border: 0 none;\n border-radius: 3px;\n height: 48px;\n padding-left: 70px;\n width: 100%;\n font-family: $open-sans;\n &:focus {\n box-shadow: none;\n color: #fff;\n }\n }\n\n textarea.form-control {\n border-radius: 3px;\n height: 120px;\n padding: 15px 10px 15px 70px;\n }\n\n .message {\n .input-icon {\n position: absolute;\n left: 0;\n top: 0;\n }\n }\n}\n\n.msg-success,\n.msg-failed {\n display: none;\n margin-top: 15px;\n}\n\n.msg-success {\n color: $primary-color;\n}\n\n.pt-table.desktop-768 .pt-tablecell {\n padding-bottom: 110px;\n padding-top: 60px;\n .page-nav {\n bottom: 40px;\n }\n}\n\n/* =================================== */\n/* Color Switcher\n/* =================================== */\n.preview-wrapper {\n background-color: #fff;\n border: 1px solid #ddd;\n border-right: 0;\n color: #333;\n height: 150px;\n right: 0px;\n position: fixed;\n top: 100px;\n width: 260px;\n z-index: 1200;\n -webkit-transition: all 0.4s ease-in-out 0s;\n -moz-transition: all 0.4s ease-in-out 0s;\n -o-transition: all 0.4s ease-in-out 0s;\n transition: all 0.4s ease-in-out 0s;\n transform: translateX(100%);\n}\n.preview-wrapper.extend {\n -webkit-transform: translateX(0px);\n -moz-transform: translateX(0px);\n -ms-transform: translateX(0px);\n -o-transform: translateX(0px);\n transform: translateX(0px);\n}\n.switcher-head {\n color: #333;\n font-size: 18px;\n font-weight: 600;\n height: 46px;\n line-height: 46px;\n position: relative;\n}\n.switcher-head span {\n border-bottom: 2px solid #eeeeee;\n display: block;\n margin: 0 20px;\n}\n.switcher-trigger {\n background-color: #fff;\n border: 1px solid #ddd;\n border-right: 0;\n cursor: pointer;\n font-size: 20px;\n height: 48px;\n left: -48px;\n line-height: 46px;\n position: absolute;\n text-align: center;\n top: -1px;\n width: 48px;\n}\n.switcher-body {\n background-color: #fff;\n height: -webkit-calc(100% - 50px);\n height: calc(100% - 50px);\n left: 0;\n padding: 20px;\n position: fixed;\n right: 0;\n top: 47px;\n outline: none;\n}\n.switcher-body h4 {\n font-size: 16px;\n margin-bottom: 10px;\n}\n.switcher-body select {\n border: 1px solid #e5e5e5;\n height: 40px;\n margin-bottom: 20px;\n width: 100%;\n -webklit--appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n.color-options {\n margin-bottom: 10px;\n padding: 0;\n}\n.color-options li {\n display: inline-block;\n background-color: #e6ae03;\n height: 30px;\n margin-bottom: 10px;\n margin-right: 6px;\n text-indent: -9999em;\n width: 30px;\n cursor: pointer;\n}\n.color-options li.c0 {\n background-color: #fa6862;\n}\n.color-options li.c1 {\n background-color: #02b7ce;\n}\n.color-options li.c2 {\n background-color: #86a438;\n}\n.color-options li.c3 {\n background-color: #f3a36d;\n}\n.pattern-options li {\n font-family: \"Roboto\", sans-serif;\n border: 1px solid #cccccc;\n cursor: pointer;\n float: left;\n height: 40px;\n margin: 0 10px 10px 0;\n text-transform: capitalize;\n width: 50px;\n}\n.pattern-options li:last-child {\n border: 0 none;\n height: auto;\n padding-top: 8px;\n width: auto;\n}\n.pattern-options li img {\n width: 100%;\n height: 100%;\n}\n\n/*------------------------------------------------\n\tResponsive Media Queries\n-------------------------------------------------*/\n@import \"media-queries\";\n@import \"dark\";\n","/*------------------------------------------------\n Home Page\n-------------------------------------------------*/\n.page-home {\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n vertical-align: middle;\n .overlay {\n background-color: rgba($light, 0.93);\n }\n}\n\n/* End of container */\n\n// Contains 2 hexagons (.hex)\n.hexagon-item {\n cursor: pointer;\n width: $hexWidth;\n height: $hexHeight;\n float: left;\n margin-left: -29px;\n z-index: 0;\n position: relative;\n @include transform(rotate(30deg));\n &:first-child {\n margin-left: 0;\n }\n // Hover state\n &:hover {\n z-index: 1;\n .hex-item:last-child {\n opacity: 1;\n @include transform(scale(1.3));\n }\n .hex-item:first-child {\n opacity: 1;\n @include transform(scale(1.2));\n div:before,\n div:after {\n height: $borderHover;\n }\n }\n .hex-item {\n div::before,\n div::after {\n background-color: $primary-color;\n }\n }\n .hex-content svg {\n @include transform(scale(0.97));\n }\n }\n}\n\n.page-home {\n .hexagon-item:nth-last-child(1),\n .hexagon-item:nth-last-child(2),\n .hexagon-item:nth-last-child(3) {\n @include transform(rotate(30deg) translate(87px, -80px));\n }\n}\n\n// Contains 3 div that makes the hexagon\n.hex-item {\n position: absolute;\n top: 0;\n left: calc($edgeSize/2);\n width: $edgeSize;\n height: $hexHeight;\n // Inset\n &:first-child {\n z-index: 0;\n @include transform(scale(0.9));\n @include transition(all 0.3s $ease-out-quart);\n }\n // Outset\n &:last-child {\n transition: all 0.3s $ease-out-expo;\n z-index: 1;\n }\n div {\n box-sizing: border-box;\n position: absolute;\n top: 0;\n width: $edgeSize;\n height: $hexHeight;\n @include transform-origin(center center);\n &::before,\n &::after {\n background-color: $light-dark;\n content: \"\";\n position: absolute;\n width: 100%;\n height: 3px;\n @include transition(all 0.3s $ease-out-quart 0s);\n }\n &:before {\n top: 0;\n }\n &:after {\n bottom: 0;\n }\n &:nth-child(1) {\n @include transform(rotate(0deg));\n }\n &:nth-child(2) {\n @include transform(rotate(60deg));\n }\n &:nth-child(3) {\n @include transform(rotate(120deg));\n }\n }\n}\n\n.hex-content {\n color: $light;\n display: block;\n height: 180px;\n margin: 0 auto;\n position: relative;\n text-align: center;\n transform: rotate(-30deg);\n width: 156px;\n .hex-content-inner {\n left: 50%;\n margin: -3px 0 0 2px;\n position: absolute;\n top: 50%;\n @include transform(translate(-50%, -50%));\n }\n .icon {\n display: block;\n font-size: 36px;\n line-height: 30px;\n margin-bottom: 11px;\n }\n .title {\n display: block;\n font-family: $open-sans;\n font-size: 14px;\n letter-spacing: 1px;\n line-height: 24px;\n text-transform: uppercase;\n }\n svg {\n left: -7px;\n position: absolute;\n top: -13px;\n transform: scale(0.87);\n z-index: -1;\n @include transition(all 0.3s $ease-out-quart 0s);\n }\n &:hover {\n color: $light;\n }\n}\n","\n/*------------------------------------------------\n Welcome Page\n-------------------------------------------------*/\n\n.author-image-large {\n position: absolute;\n right: 0;\n top: 0;\n img {\n @include calc(height, \"100vh - 4px\");\n }\n}\n\n// .hexagon-item {\n// \ta {\n// \t\tpath {\n// \t\t\tfill: #59C4B4;\n// \t\t}\n// \t}\n// }","\n/*------------------------------------------------\n About Page\n-------------------------------------------------*/\n.about-author {\n\tmargin-bottom: 23px;\n\t@include align-items(center);\n\t@include flexbox();\n\t.author-thumb {\n\t \tbackground-color: $light;\n\t \tborder: 5px solid $light-dark;\n\t \tmargin-right: 30px;\n\t \tpadding: 5px;\n\t \timg {\n\t \t\tborder: 2px solid $light-dark;\n\t \t\twidth: 145px;\n\t \t}\n\t}\n\t.author-desc {\n\t\tp {\n\t\t\tcolor: $light-dark;\n\t\t\tfont-family: $open-sans;\n\t\t\tletter-spacing: 1px;\n\t\t\tmargin-bottom: 4px;\n\t\t\ttext-transform: uppercase;\n\t\t}\n\t\tb {\n\t\t\tfont-family: $open-sans;\n\t\t}\n\t}\n}","/*============================================================\n\tMacbook pro 13 inch\n==============================================================*/\n@media only screen and (min-width: 1151px) and (max-width: 1366px) {}\n\n\n/*============================================================\n\tFor Small Desktop / tablet landscape\n==============================================================*/\n\n@media (min-width: 980px) and (max-width: 1150px) {\n\n\n\t.author-image-large {\n\t\timg {\n\t\t\t@include calc(height, \"80vh - 4px\");\n\t\t}\n\t}\n}\n\n\n/*============================================================\n\tTablet (Portrait) Design for a width of 768px\n==============================================================*/\n\n@media (min-width: 768px) and (max-width: 979px) {\n\tbody {\n\t\toverflow-x: hidden;\n\t}\n\n\t.page-title {\n\t\th2 {\n\t\t\tfont-size: 40px;\n\t\t}\n\n\t\t.title-bg {\n\t\t\tfont-size: 100px;\n\t\t}\n\t}\n\n\t.author-image-large {\n\t\tposition: static;\n\t\tmargin-bottom: 50px;\n\n\t\timg {\n\t\t\tdisplay: block;\n\t\t\theight: auto;\n\t\t\tmargin: 0 auto;\n\t\t\twidth: 50%;\n\t\t}\n\t}\n\n\t.about-author {\n\t\t+p {\n\t\t\tmargin-bottom: 50px;\n\t\t}\n\t}\n\n\t.service-hex {\n\t\twidth: 33.3333%;\n\n\t\t&:hover {\n\t\t\tz-index: 2;\n\n\t\t\tsvg {\n\t\t\t\t@include transform(scale(1.5));\n\t\t\t}\n\n\t\t\t.content {\n\t\t\t\twidth: 105%;\n\t\t\t}\n\t\t}\n\n\t\t&:nth-child(4),\n\t\t&:nth-child(5) {\n\t\t\t@include transform(translate(50%, -15%));\n\t\t}\n\t}\n\n\t.testimonials {\n\t\t.item {\n\t\t\tpadding-top: 45px;\n\t\t}\n\n\t\t.thumb {\n\t\t\tmargin-top: -45px;\n\t\t}\n\t}\n\n\t.history-item .history-text {\n\t\tpadding-right: 15px;\n\t}\n\n\t.page-nav {\n\t\tbottom: auto;\n\n\t\t.flex {\n\t\t\tdisplay: block;\n\t\t\ttext-align: center;\n\n\t\t\tspan {\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 20px 0;\n\t\t\t}\n\t\t}\n\t}\n}\n\n\n/*============================================================\n\tMobile (Portrait) Design for a width of 320px\n==============================================================*/\n\n@media only screen and (max-width: 767px) {\n\n\tbody {\n\t\toverflow-x: hidden;\n\t}\n\n\t.pt-table {\n\t\theight: auto;\n\t}\n\n\t.pt-table,\n\t.pt-tablecell {\n\t\tdisplay: block;\n\t}\n\n\t.page-title {\n\t\tmargin-bottom: 45px;\n\n\t\th2 {\n\t\t\tfont-size: 35px;\n\t\t}\n\n\t\t.title-bg {\n\t\t\tfont-size: 50px;\n\t\t}\n\t}\n\n\t.hexagon-item {\n\t\tfloat: none;\n\t\tmargin: 0 auto 50px;\n\n\t\t&:first-child {\n\t\t\tmargin-left: auto;\n\t\t}\n\t}\n\n\t.page-home {\n\n\t\t.hexagon-item:nth-last-child(1),\n\t\t.hexagon-item:nth-last-child(2),\n\t\t.hexagon-item:nth-last-child(3) {\n\t\t\t@include transform (rotate(30deg) translate(0px, 0px));\n\t\t}\n\t}\n\n\t.author-image-large {\n\t\tposition: static;\n\t\tmargin-bottom: 50px;\n\n\t\timg {\n\t\t\tdisplay: block;\n\t\t\theight: auto;\n\t\t\tmargin: 0 auto;\n\t\t\twidth: 50%;\n\t\t}\n\t}\n\n\t.about-author {\n\t\tdisplay: block;\n\n\t\t.author-thumb {\n\t\t\tborder: 0 none;\n\t\t\tmargin-bottom: 15px;\n\t\t\tmargin-right: 0;\n\t\t\tpadding: 0;\n\t\t}\n\n\t\t.author-desc b {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t+p {\n\t\t\tmargin-bottom: 50px;\n\t\t}\n\t}\n\n\t.progress {\n\t\tdisplay: block;\n\n\t\t.skill-name {\n\t\t\tborder-right: 0;\n\t\t\tmargin: 0 15px;\n\t\t\tmin-width: auto;\n\t\t\ttext-align: left;\n\t\t}\n\n\t\t.skill-lavel {\n\t\t\tborder-left: 0;\n\t\t\tmargin: 0 15px;\n\t\t\tmin-width: auto;\n\t\t\ttext-align: left;\n\t\t}\n\t}\n\n\t.service-hex {\n\t\tfloat: none;\n\t\tmargin: 0 auto 40px;\n\t\twidth: 60%;\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t&:hover {\n\t\t\tsvg {\n\t\t\t\t@include transform(scale(1.8));\n\t\t\t}\n\n\t\t\t.content {\n\t\t\t\twidth: 120%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.history-block {\n\t\tmargin-bottom: 30px;\n\t}\n\n\t.contact-form .input-field.name {\n\t\tmargin-right: 0;\n\t}\n\n\t.page-nav {\n\t\tbottom: auto;\n\t\t.flex {\n\t\t\tdisplay: block;\n\t\t\ttext-align: center;\n\t\t\tspan {\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 20px 0;\n\t\t\t}\n\t\t}\n\t}\n\n}\n","$light-dark: #1e2530;\n\n.dark {\n\tbackground-color: #0c0f15;\n\n\t.page-home .overlay {\n\t\tbackground-color: rgba(#0e1118, 0.97);\n\t}\n\n\t.page-title {\n\t\th2 {\n\t\t\tcolor: #ffffff;\n\t\t}\n\n\t\t.title-bg {\n\t\t\tcolor: rgba(#46587c, 0.06);\n\t\t}\n\t}\n\n\t.section-title h3::before {\n\t\tbackground-color: #fff;\n\t}\n\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\t.about-author .author-desc p {\n\t\tcolor: #fff;\n\t}\n\t.switcher-body h4 {\n\t\tcolor: #0c0f15;\n\t}\n\n\t.service-hex {\n\t\t.st0 {\n\t\t\tfill: transparent;\n\t\t}\n\n\t\t&:hover {\n\t\t\t.st0 {\n\t\t\t\tfill: #fff;\n\t\t\t}\n\t\t}\n\t}\n\n\t.testimonials .text,\n\t.btn-border {\n\t\tborder-color: #1e2530;\n\t}\n}"]}