diff --git a/about.html b/about.html new file mode 100644 index 0000000..fb01c5a --- /dev/null +++ b/about.html @@ -0,0 +1,121 @@ + + + + + Greatness — Free Website Template, Free HTML5 Template by FreeHTML5.co + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + +
+
+
+
+
+
+
+

About Us

+

Looking for the next place to move? On the Move provides information about education, crime rate, climate, housing, healthcare, and political affiliation of counties that you are considering moving to. Just type in the address of your potential future home and get back data visualizations pertaining to the county it is located in. Happy home hunting!

+ + +
+
+
+
+
+
+ durhamskyline + + + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..bd99084 --- /dev/null +++ b/contact.html @@ -0,0 +1,128 @@ + + + + + + + + Greatness — Free Website Template, Free HTML5 Template by FreeHTML5.co + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + +
+
+
+
+
+
+
+

Get In Touch

+

Email: georgepburdell@gmail.com

+

Phone: 404-583-2212

+
+
+
+
+
+
+ + + + + durhamskyline +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..f3f0774 --- /dev/null +++ b/index.html @@ -0,0 +1,178 @@ + + + + + + + + Filler Name — Filler Name, Alvin and the Chimpmunks!! + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + +
+
+
+
+
+
+
+

On the Move

+

On the Move is a web app that provides data visualizations regarding education, crime rate, cost of living, etc. in certain counties to help people make informed moving decisions. Try it out now by typing in your potential future address!

+ + Try It Out! +
+
+
+
+
+ +
+ + + + + +
+
+
+
+
+
+
+
+ + + + + 1 + Total Searches + +
+
+
+
+ + + + + 1 + Counties Included +
+
+
+
+ + + + 1 + Total Team Members +
+
+
+
+ + + + + 1 + Hours Spent + +
+
+
+
+
+
+
+ + + + +
+ +
+ + + + + + + + + + + + + + + + + + +
+ + + diff --git a/services.html b/services.html new file mode 100644 index 0000000..320e731 --- /dev/null +++ b/services.html @@ -0,0 +1,216 @@ + + + + Greatness — Free Website Template, Free HTML5 Template by FreeHTML5.co + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + +
+
+
+
+
+
+
+



+

Enter Your County and State

+
+
+
+
+
+ +
+ Submit! +
+
+
+
+
+
+
+ + + + + + + +
+
+
+
+

Subscribe

+

Learn more about our opportunities.

+
+
+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+
+
+
+
+
+ + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..b63c430 --- /dev/null +++ b/style.css @@ -0,0 +1,1432 @@ +@font-face { + font-family: 'icomoon'; + src: url("../fonts/icomoon/icomoon.eot?srf3rx"); + src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg"); + font-weight: normal; + font-style: normal; +} +/* ======================================================= +* +* Template Style +* +* ======================================================= */ +body { + font-family: "Raleway", Arial, sans-serif; + font-weight: 400; + font-size: 20px; + line-height: 1.7; +color:whitesmoke; + background: #fff; +} + +#page { + position: relative; + overflow-x: hidden; + width: 100%; + height: 100%; + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; +} +.offcanvas #page { + overflow: hidden; + position: absolute; + +} +.offcanvas #page:after { + -webkit-transition: 2s; + -o-transition: 2s; + transition: 2s; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 101; + background: rgba(0, 0, 0, 0.7); + content: ""; +} + +a { + color: palevioletred; + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; +} +a:hover, a:active, a:focus { + color: palevioletred; + outline: none; + text-decoration: none; +} + + +p{ +margin-bottom: 60px; + color: whitesmoke; + +} +h1, h2, h3, h4, h5, h6, figure { + color: #000; + font-family: "Raleway", Arial, sans-serif; + font-weight: 400; + margin: 0 0 20px 0; +} + +::-webkit-selection { + color: #fff; + background: palevioletred; +} + +::-moz-selection { + color: #fff; + background: palevioletred; +} + +::selection { + color: #fff; + background: palevioletred; +} + +.gtco-container { + max-width: 1140px; + position: relative; + margin: 0 auto; + padding-left: 20px; + padding-right: 20px; +} + +.gtco-nav { + position: absolute; + top: 0; + margin: 0; + padding: 0; + width: 100%; + padding: 40px 0; + z-index: 1001; +} +@media screen and (max-width: 768px) { + .gtco-nav { + padding: 20px 0; + } +} +.gtco-nav #gtco-logo { + font-size: 20px; + margin: 0; + padding: 0; + text-transform: uppercase; + font-weight: bold; +} +.gtco-nav a { + padding: 5px 10px; + color: gainsboro; +} +@media screen and (max-width: 768px) { + .gtco-nav .menu-1, .gtco-nav .menu-2 { + display: none; + } +} +.gtco-nav ul { + padding: 0; + margin: 2px 0 0 0; +} +.gtco-nav ul li { + padding: 0; + margin: 0; + list-style: none; + display: inline; +} +.gtco-nav ul li a { + font-size: 14px; + padding: 30px 10px; + text-transform: uppercase; + color: rgba(255, 255, 255, 0.5); + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; +} +.gtco-nav ul li a:hover, .gtco-nav ul li a:focus, .gtco-nav ul li a:active { + color: white; +} +.gtco-nav ul li.has-dropdown { + position: relative; +} +.gtco-nav ul li.has-dropdown .dropdown { + width: 130px; + -webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75); + box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75); + z-index: 1002; + visibility: hidden; + opacity: 0; + position: absolute; + top: 40px; + left: 0; + text-align: left; + background: #fff; + padding: 20px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + border-radius: 4px; + -webkit-transition: 0s; + -o-transition: 0s; + transition: 0s; +} +.gtco-nav ul li.has-dropdown .dropdown:before { + bottom: 100%; + left: 40px; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-bottom-color: #fff; + border-width: 8px; + margin-left: -8px; +} +.gtco-nav ul li.has-dropdown .dropdown li { + display: block; + margin-bottom: 7px; +} +.gtco-nav ul li.has-dropdown .dropdown li:last-child { + margin-bottom: 0; +} +.gtco-nav ul li.has-dropdown .dropdown li a { + padding: 2px 0; + display: block; + color: #999999; + line-height: 1.2; + text-transform: none; + font-size: 15px; +} +.gtco-nav ul li.has-dropdown .dropdown li a:hover { + color: #000; +} +.gtco-nav ul li.has-dropdown:hover a, .gtco-nav ul li.has-dropdown:focus a { + color: #fff; +} +.gtco-nav ul li.btn-cta a { + color: palevioletred; +} +.gtco-nav ul li.btn-cta a span { + background: #fff; + padding: 4px 20px; + display: -moz-inline-stack; + display: inline-block; + zoom: 1; + *display: inline; + -webkit-transition: 0.3s; + -o-transition: 0.3s; + transition: 0.3s; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + -ms-border-radius: 100px; + border-radius: 100px; +} +.gtco-nav ul li.btn-cta a:hover span { + -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); + box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); +} +.gtco-nav ul li.active > a { + color: #fff !important; +} + +#gtco-header, +#gtco-counter, +.gtco-bg { + background-size: cover; + background-position: top center; + background-repeat: no-repeat; + position: relative; +} + +.gtco-bg { + background-position: center center; + width: 100%; + float: left; + position: relative; +} + +.gtco-video { + height: 450px; + overflow: hidden; + margin-bottom: 30px; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + -ms-border-radius: 7px; + border-radius: 7px; +} +.gtco-video.gtco-video-sm { + height: 250px; +} +.gtco-video a { + z-index: 1001; + position: absolute; + top: 50%; + left: 50%; + margin-top: -45px; + margin-left: -45px; + width: 90px; + height: 90px; + display: table; + text-align: center; + background: #fff; + -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); + box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; +} +.gtco-video a i { + text-align: center; + display: table-cell; + vertical-align: middle; + font-size: 40px; +} +.gtco-video .overlay { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.5); + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; +} +.gtco-video:hover .overlay { + background: rgba(0, 0, 0, 0.7); +} +.gtco-video:hover a { + position: relative; + -webkit-transform: scale(1.2); + -moz-transform: scale(1.2); + -ms-transform: scale(1.2); + -o-transform: scale(1.2); + transform: scale(1.2); +} + +.gtco-cover { + height: 900px; + background-size: cover; + background-position: top center; + background-repeat: no-repeat; + position: relative; + float: left; + width: 100%; +} +.gtco-cover a { + color: rgba(255, 255, 255, 0.7); + border-bottom: 1px solid rgba(255, 255, 255, 0.2); +} +.gtco-cover a:hover { + color: white; + border-bottom: 1px solid white; +} +.gtco-cover .overlay { + z-index: 1; + position: absolute; + bottom: 0; + top: 0; + left: 0; + right: 0; + background: rgba(0, 0, 0, 0.4); +} +.gtco-cover > .gtco-container { + position: relative; + z-index: 10; +} +@media screen and (max-width: 768px) { + .gtco-cover { + height: 600px; + } +} +.gtco-cover .display-t, +.gtco-cover .display-tc { + height: 900px; + display: table; + width: 100%; +} +@media screen and (max-width: 768px) { + .gtco-cover .display-t, + .gtco-cover .display-tc { + height: 600px; + } +} +.gtco-cover.gtco-cover-sm { + height: 600px; +} +@media screen and (max-width: 768px) { + .gtco-cover.gtco-cover-sm { + height: 400px; + } +} +.gtco-cover.gtco-cover-sm .display-t, +.gtco-cover.gtco-cover-sm .display-tc { + height: 600px; + display: table; + width: 100%; +} +@media screen and (max-width: 768px) { + .gtco-cover.gtco-cover-sm .display-t, + .gtco-cover.gtco-cover-sm .display-tc { + height: 400px; + } +} + +#gtco-counter { + height: 500px; +} +#gtco-counter .display-t, +#gtco-counter .display-tc { + height: 500px; + display: table; + width: 100%; +} +@media screen and (max-width: 768px) { + #gtco-counter { + height: inherit; + padding: 7em 0; + } + #gtco-counter .display-t, + #gtco-counter .display-tc { + height: inherit; + } +} + +.gtco-staff { + text-align: center; + margin-bottom: 30px; +} +.gtco-staff f { + width: 100px; + margin-bottom: 20px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; +} +.gtco-staff h3 { + font-size: 24px; + margin-bottom: 5px; +} +.gtco-staff p { + margin-bottom: 50px; +} +.gtco-staff .role { + color: #bfbfbf; + margin-bottom: 30px; + font-weight: normal; + display: block; +} + +.gtco-social-icons { + margin: 0; + padding: 0; +} +.gtco-social-icons li { + margin: 0; + padding: 0; + list-style: none; + display: -moz-inline-stack; + display: inline-block; + zoom: 1; + *display: inline; +} +.gtco-social-icons li a { + display: -moz-inline-stack; + display: inline-block; + zoom: 1; + *display: inline; + color: palevioletred; + padding-left: 10px; + padding-right: 10px; +} +.gtco-social-icons li a i { + font-size: 20px; +} + +.gtco-contact-info { + margin-bottom: 30px; + float: left; + width: 100%; + position: relative; +} +.gtco-contact-info ul { + padding: 0; + margin: 0; +} +.gtco-contact-info ul li { + padding: 0 0 0 50px; + margin: 0 0 30px 0; + list-style: none; + position: relative; +} +.gtco-contact-info ul li:before { + color: #cccccc; + position: absolute; + left: 0; + top: .05em; + font-family: 'icomoon'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.gtco-contact-info ul li.address:before { + font-size: 30px; + content: "\e9d1"; +} +.gtco-contact-info ul li.phone:before { + font-size: 23px; + content: "\e9f4"; +} +.gtco-contact-info ul li.email:before { + font-size: 23px; + content: "\e9da"; +} +.gtco-contact-info ul li.url:before { + font-size: 23px; + content: "\e9af"; +} + +form label { + font-weight: normal !important; +} + +#gtco-header .display-tc, +#gtco-counter .display-tc, +.gtco-cover .display-tc { + display: table-cell !important; + vertical-align: middle; +} +#gtco-header .display-tc h1, #gtco-header .display-tc h2, +#gtco-counter .display-tc h1, +#gtco-counter .display-tc h2, +.gtco-cover .display-tc h1, +.gtco-cover .display-tc h2 { + margin: 0; + padding: 0; + color: white; + text-transform: uppercase; +} +#gtco-header .display-tc h1, +#gtco-counter .display-tc h1, +.gtco-cover .display-tc h1 { + margin-bottom: 20px; + font-size: 50px; + line-height: 1.5; +} +@media screen and (max-width: 768px) { + #gtco-header .display-tc h1, + #gtco-counter .display-tc h1, + .gtco-cover .display-tc h1 { + font-size: 40px; + } +} +#gtco-header .display-tc h2, +#gtco-counter .display-tc h2, +.gtco-cover .display-tc h2 { + font-size: 20px; + line-height: 1.5; + margin-bottom: 30px; +} + +#gtco-counter { + text-align: center; +} +#gtco-counter .counter { + font-size: 50px; + margin-bottom: 10px; + color: #fff; + font-weight: 100; + display: block; +} +#gtco-counter .counter-label { + margin-bottom: 0; + text-transform: uppercase; + color: rgba(255, 255, 255, 0.5); + letter-spacing: .1em; +} +@media screen and (max-width: 768px) { + #gtco-counter .feature-center { + margin-bottom: 50px; + } +} +#gtco-counter .icon { + width: 70px; + height: 70px; + text-align: center; + margin-bottom: 20px; + background: none !important; +} +#gtco-counter .icon i { + height: 70px; +} +#gtco-counter .icon i:before { + display: block; + text-align: center; + margin-left: 3px; +} + +#gtco-features, +#gtco-features-2, +#gtco-testimonial, +#gtco-services, +#gtco-subscribe, +#gtco-footer, +.gtco-section { + padding: 7em 0; + clear: both; +} +@media screen and (max-width: 768px) { + #gtco-features, + #gtco-features-2, + #gtco-testimonial, + #gtco-services, + #gtco-subscribe, + #gtco-footer, + .gtco-section { + padding: 3em 0; + } +} + +#gtco-features-2 { + background: #efefef; + position: relative; + float: left; + width: 100%; +} + +.feature-center { + text-align: center; + padding-left: 20px; + padding-right: 20px; + float: left; + width: 100%; + margin-bottom: 40px; +} +@media screen and (max-width: 768px) { + .feature-center { + margin-bottom: 50px; + } +} +.feature-center .icon { + width: 90px; + height: 90px; + background: #efefef; + display: table; + text-align: center; + margin: 0 auto 30px auto; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; +} +.feature-center .icon i { + display: table-cell; + vertical-align: middle; + height: 90px; + font-size: 40px; + line-height: 40px; + color: palevioletred; +} +.feature-center p, .feature-center h3 { + margin-bottom: 30px; +} +.feature-center h3 { + text-transform: uppercase; + font-size: 18px; + color: #5d5d5d; +} + +.feature-left { + float: left; + width: 100%; + margin-bottom: 30px; + position: relative; +} +.feature-left:last-child { + margin-bottom: 0; +} +.feature-left .icon { + float: left; + margin-right: 5%; + display: table; + text-align: center; +} +@media screen and (max-width: 768px) { + .feature-left .icon { + margin-right: 5%; + } +} +.feature-left .icon i { + display: table-cell; + vertical-align: middle; + font-size: 30px; + color: palevioletred; +} +.feature-left .feature-copy { + float: left; + width: 80%; +} +@media screen and (max-width: 768px) { + .feature-left .feature-copy { + width: 70%; + float: left; + } +} +.feature-left .feature-copy h3 { + text-transform: uppercase; + font-size: 18px; + color: #5d5d5d; + margin-bottom: 10px; +} + +.gtco-heading { + margin-bottom: 5em; +} +.gtco-heading.gtco-heading-sm { + margin-bottom: 2em; +} +.gtco-heading h2 { + font-size: 36px; + margin-bottom: 10px; + line-height: 1.5; + font-weight: bold; + color: #000; +} +.gtco-heading p { + font-size: 18px; + line-height: 1.5; + color: #828282; +} + +#gtco-testimonial { + background: #efefef; +} +#gtco-testimonial .testimony-slide { + text-align: center; +} +#gtco-testimonial .testimony-slide span { + font-size: 12px; + text-transform: uppercase; + letter-spacing: 2px; + font-weight: 700; + display: block; +} +#gtco-testimonial .testimony-slide figure { + margin-bottom: 10px; + display: -moz-inline-stack; + display: inline-block; + zoom: 1; + *display: inline; +} +#gtco-testimonial .testimony-slide figure img { + width: 90px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; +} +#gtco-testimonial .testimony-slide blockquote { + border: none; + margin: 30px auto; + width: 50%; + position: relative; + padding: 0; +} +@media screen and (max-width: 992px) { + #gtco-testimonial .testimony-slide blockquote { + width: 100%; + } +} +#gtco-testimonial .arrow-thumb { + position: absolute; + top: 40%; + display: block; + width: 100%; +} +#gtco-testimonial .arrow-thumb a { + font-size: 32px; + color: #dadada; +} +#gtco-testimonial .arrow-thumb a:hover, #gtco-testimonial .arrow-thumb a:focus, #gtco-testimonial .arrow-thumb a:active { + text-decoration: none; +} + +.gtco-tabs .gtco-tab-nav { + clear: both; + margin: 0 0 3em 0; + padding: 3px; + float: left; + width: 100%; + background: #f2f2f2; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + border-radius: 4px; +} +.gtco-tabs .gtco-tab-nav li { + float: left; + margin: 0; + padding: 0; + width: 25%; + text-align: center; + list-style: none; + display: -moz-inline-stack; + display: inline-block; + zoom: 1; + *display: inline; +} +.gtco-tabs .gtco-tab-nav li .icon { + font-size: 30px; +} +.gtco-tabs .gtco-tab-nav li a { + padding: 20px; + width: 100%; + float: left; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + border-radius: 4px; + color: #b3b3b3; +} +.gtco-tabs .gtco-tab-nav li a:hover { + color: #4d4d4d; +} +.gtco-tabs .gtco-tab-nav li.active a { + background: #fff; + color: palevioletred; +} +.gtco-tabs .gtco-tab-content-wrap { + clear: both; + position: relative; + top: 70px; +} +.gtco-tabs .gtco-tab-content-wrap .tab-content { + position: absolute; + top: 0; + left: 0; + width: 100%; + opacity: 0; + visibility: hidden; +} +.gtco-tabs .gtco-tab-content-wrap .tab-content.active { + opacity: 1; + visibility: visible; +} +.gtco-tabs .icon-xlg { + font-size: 400px; + margin-bottom: 30px; + text-align: center; +} +@media screen and (max-width: 768px) { + .gtco-tabs .icon-xlg { + font-size: 300px; + } +} +@media screen and (max-width: 480px) { + .gtco-tabs .icon-xlg { + font-size: 200px; + } +} +.gtco-tabs .icon-xlg i { + color: palevioletred; +} + +#gtco-subscribe { + background: #333333; +} +#gtco-subscribe .gtco-heading h2 { + color: #fff; +} +#gtco-subscribe .form-control { + background: rgba(255, 255, 255, 0.2); + color: #fff; + font-size: 16px !important; + width: 100%; + border: 2px solid transparent !important; + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; +} +#gtco-subscribe .form-control:focus { + background: transparent; + border: 2px solid rgba(255, 255, 255, 0.8) !important; +} +#gtco-subscribe .form-control::-webkit-input-placeholder { + color: #fff; +} +#gtco-subscribe .form-control:-moz-placeholder { + /* Firefox 18- */ + color: #fff; +} +#gtco-subscribe .form-control::-moz-placeholder { + /* Firefox 19+ */ + color: #fff; +} +#gtco-subscribe .form-control:-ms-input-placeholder { + color: #fff; +} +#gtco-subscribe .btn { + height: 54px; + border: none !important; + background: palevioletred; + color: #fff; + font-size: 16px; + text-transform: uppercase; + font-weight: 400; + padding-left: 50px; + padding-right: 50px; +} +#gtco-subscribe .form-inline .form-group { + width: 100% !important; + margin-bottom: 10px; +} +#gtco-subscribe .form-inline .form-group .form-control { + width: 100%; +} +#gtco-subscribe .gtco-heading { + margin-bottom: 30px; +} +#gtco-subscribe .gtco-heading h2 { + margin-bottom: 0; +} + +#gtco-footer .gtco-footer-links { + padding: 0; + margin: 0 0 20px 0; + float: left; + width: 100%; +} +#gtco-footer .gtco-footer-links li { + padding: 0; + margin: 0 0 15px 0; + list-style: none; + line-height: 1; +} +#gtco-footer .gtco-footer-links li a { + color: #000; + text-decoration: none; +} +#gtco-footer .gtco-footer-links li a:hover { + text-decoration: underline; +} +#gtco-footer .gtco-widget { + margin-bottom: 30px; +} +#gtco-footer .gtco-widget h3 { + margin-bottom: 15px; + font-weight: bold; + font-size: 15px; + letter-spacing: 2px; + text-transform: uppercase; +} +@media screen and (max-width: 768px) { + #gtco-footer .copyright .pull-left, + #gtco-footer .copyright .pull-right { + float: none !important; + text-align: center; + } +} +#gtco-footer .copyright .block { + display: block; +} + +.owl-carousel .owl-controls .owl-dot span { + background: #e6e6e6; +} +.owl-carousel .owl-controls .owl-dot span:hover, .owl-carousel .owl-controls .owl-dot span:focus { + background: #cccccc; +} +.owl-carousel .owl-controls .owl-dot:hover span, .owl-carousel .owl-controls .owl-dot:focus span { + background: #cccccc; +} +.owl-carousel .owl-controls .owl-dot.active span { + background: transparent; + border: 2px solid palevioletred; +} + +#gtco-offcanvas { + position: absolute; + z-index: 1901; + width: 270px; + background: black; + top: 0; + right: 0; + top: 0; + bottom: 0; + padding: 45px 40px 40px 40px; + overflow-y: auto; + -moz-transform: translateX(270px); + -webkit-transform: translateX(270px); + -ms-transform: translateX(270px); + -o-transform: translateX(270px); + transform: translateX(270px); + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; +} +.offcanvas #gtco-offcanvas { + -moz-transform: translateX(0px); + -webkit-transform: translateX(0px); + -ms-transform: translateX(0px); + -o-transform: translateX(0px); + transform: translateX(0px); +} +#gtco-offcanvas a { + color: rgba(255, 255, 255, 0.5); +} +#gtco-offcanvas a:hover { + color: rgba(255, 255, 255, 0.8); +} +#gtco-offcanvas ul { + padding: 0; + margin: 0; +} +#gtco-offcanvas ul li { + padding: 0; + margin: 0; + list-style: none; +} +#gtco-offcanvas ul li > ul { + padding-left: 20px; + display: none; +} +#gtco-offcanvas ul li.offcanvas-has-dropdown > a { + display: block; + position: relative; +} +#gtco-offcanvas ul li.offcanvas-has-dropdown > a:after { + position: absolute; + right: 0px; + font-family: 'icomoon'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + content: "\e921"; + font-size: 20px; + color: rgba(255, 255, 255, 0.2); + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; +} +#gtco-offcanvas ul li.offcanvas-has-dropdown.active a:after { + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + transform: rotate(-180deg); +} + +.uppercase { + font-size: 14px; + color: #000; + margin-bottom: 10px; + font-weight: 700; + text-transform: uppercase; +} + +.gototop { + position: fixed; + bottom: 20px; + right: 20px; + z-index: 999; + opacity: 0; + visibility: hidden; + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; +} +.gototop.active { + opacity: 1; + visibility: visible; +} +.gototop a { + width: 50px; + height: 50px; + display: table; + background: rgba(0, 0, 0, 0.5); + color: #fff; + text-align: center; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + border-radius: 4px; +} +.gototop a i { + height: 50px; + display: table-cell; + vertical-align: middle; +} +.gototop a:hover, .gototop a:active, .gototop a:focus { + text-decoration: none; + outline: none; +} + +.gtco-nav-toggle { + width: 25px; + height: 25px; + cursor: pointer; + text-decoration: none; +} +.gtco-nav-toggle.active i::before, .gtco-nav-toggle.active i::after { + background: #444; +} +.gtco-nav-toggle:hover, .gtco-nav-toggle:focus, .gtco-nav-toggle:active { + outline: none; + border-bottom: none !important; +} +.gtco-nav-toggle i { + position: relative; + display: inline-block; + width: 25px; + height: 2px; + color: #252525; + font: bold 14px/.4 Helvetica; + text-transform: uppercase; + text-indent: -55px; + background: #252525; + transition: all .2s ease-out; +} +.gtco-nav-toggle i::before, .gtco-nav-toggle i::after { + content: ''; + width: 25px; + height: 2px; + background: #252525; + position: absolute; + left: 0; + transition: all .2s ease-out; +} +.gtco-nav-toggle.gtco-nav-white > i { + color: #fff; + background: #fff; +} +.gtco-nav-toggle.gtco-nav-white > i::before, .gtco-nav-toggle.gtco-nav-white > i::after { + background: #fff; +} + +.gtco-nav-toggle i::before { + top: -7px; +} + +.gtco-nav-toggle i::after { + bottom: -7px; +} + +.gtco-nav-toggle:hover i::before { + top: -10px; +} + +.gtco-nav-toggle:hover i::after { + bottom: -10px; +} + +.gtco-nav-toggle.active i { + background: transparent; +} + +.gtco-nav-toggle.active i::before { + top: 0; + -webkit-transform: rotateZ(45deg); + -moz-transform: rotateZ(45deg); + -ms-transform: rotateZ(45deg); + -o-transform: rotateZ(45deg); + transform: rotateZ(45deg); +} + +.gtco-nav-toggle.active i::after { + bottom: 0; + -webkit-transform: rotateZ(-45deg); + -moz-transform: rotateZ(-45deg); + -ms-transform: rotateZ(-45deg); + -o-transform: rotateZ(-45deg); + transform: rotateZ(-45deg); +} + +.gtco-nav-toggle { + position: absolute; + right: 0px; + top: 10px; + z-index: 21; + padding: 6px 0 0 0; + display: block; + margin: 0 auto; + display: none; + height: 44px; + width: 44px; + z-index: 2001; + border-bottom: none !important; +} +@media screen and (max-width: 768px) { + .gtco-nav-toggle { + display: block; + } +} + +.btn { + margin-right: 4px; + margin-bottom: 4px; + font-family: "Raleway", Arial, sans-serif; + font-size: 16px; + font-weight: 400; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + border-radius: 4px; + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; + padding: 8px 30px; +} +.btn.btn-md { + padding: 8px 20px !important; +} +.btn.btn-lg { + padding: 18px 36px !important; +} +.btn:hover, .btn:active, .btn:focus { + box-shadow: none !important; + outline: none !important; +} + +.btn-primary { + background: palevioletred; + color: #fff; + border: 2px solid palevioletred !important; +} +.btn-primary:hover, .btn-primary:focus, .btn-primary:active { + background: #f96c2f !important; + border-color: #f96c2f !important; +} +.btn-primary.btn-outline { + background: transparent; + color: palevioletred; + border: 2px solid palevioletred; +} +.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active { + background: palevioletred; + color: #fff; +} + +.btn-success { + background: #5cb85c; + color: #fff; + border: 2px solid #5cb85c; +} +.btn-success:hover, .btn-success:focus, .btn-success:active { + background: #4cae4c !important; + border-color: #4cae4c !important; +} +.btn-success.btn-outline { + background: transparent; + color: #5cb85c; + border: 2px solid #5cb85c; +} +.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active { + background: #5cb85c; + color: #fff; +} + +.btn-info { + background: #5bc0de; + color: #fff; + border: 2px solid #5bc0de; +} +.btn-info:hover, .btn-info:focus, .btn-info:active { + background: #46b8da !important; + border-color: #46b8da !important; +} +.btn-info.btn-outline { + background: transparent; + color: #5bc0de; + border: 2px solid #5bc0de; +} +.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active { + background: #5bc0de; + color: #fff; +} + +.btn-warning { + background: #f0ad4e; + color: #fff; + border: 2px solid #f0ad4e; +} +.btn-warning:hover, .btn-warning:focus, .btn-warning:active { + background: #eea236 !important; + border-color: #eea236 !important; +} +.btn-warning.btn-outline { + background: transparent; + color: #f0ad4e; + border: 2px solid #f0ad4e; +} +.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active { + background: #f0ad4e; + color: #fff; +} + +.btn-danger { + background: #d9534f; + color: #fff; + border: 2px solid #d9534f; +} +.btn-danger:hover, .btn-danger:focus, .btn-danger:active { + background: #d43f3a !important; + border-color: #d43f3a !important; +} +.btn-danger.btn-outline { + background: transparent; + color: #d9534f; + border: 2px solid #d9534f; +} +.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active { + background: #d9534f; + color: #fff; +} + +.btn-white { + background: #d9534f; + color: #fff; + border: 2px solid #d9534f; +} +.btn-white:hover, .btn-white:focus, .btn-white:active { + color: #000; + background: #f2f2f2 !important; + border-color: #f2f2f2 !important; +} +.btn-white.btn-outline { + color: #fff; + border: 2px solid #fff; +} +.btn-white.btn-outline:hover, .btn-white.btn-outline:focus, .btn-white.btn-outline:active { + background: #fff; + color: #000; + border: 2px solid #fff; +} + +.btn-outline { + background: none; + border: 2px solid gray; + font-size: 16px; + -webkit-transition: 0.3s; + -o-transition: 0.3s; + transition: 0.3s; +} +.btn-outline:hover, .btn-outline:focus, .btn-outline:active { + box-shadow: none; +} + +.btn.with-arrow { + position: relative; + -webkit-transition: 0.3s; + -o-transition: 0.3s; + transition: 0.3s; +} +.btn.with-arrow i { + visibility: hidden; + opacity: 0; + position: absolute; + right: 0px; + top: 50%; + margin-top: -8px; + -webkit-transition: 0.2s; + -o-transition: 0.2s; + transition: 0.2s; +} +.btn.with-arrow:hover { + padding-right: 50px; +} +.btn.with-arrow:hover i { + color: #fff; + right: 18px; + visibility: visible; + opacity: 1; +} + +.form-control { + box-shadow: none; + background: transparent; + border: 2px solid rgba(0, 0, 0, 0.1); + height: 54px; + font-size: 18px; + font-weight: 300; +} +.form-control:active, .form-control:focus { + outline: none; + box-shadow: none; + border-color: palevioletred; +} + +.row-pb-md { + padding-bottom: 4em !important; +} + +.row-pb-sm { + padding-bottom: 2em !important; +} + +.gtco-loader { + position: fixed; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + z-index: 9999; + background: url(../images/loader.gif) center no-repeat #fff; +} + +.js .animate-box { + opacity: 0; +} + + +/*Styling for address entry*/ +input[type=text], select { + width: 75%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px; + border-radius: 4px; + box-sizing: border-box; +color:gray +} + +input[type=submit] { + width: 75%; + background-color: palevioletred; + color: white; + padding: 15px 20px; + margin: 8px 0; + border: none; + border-radius: 4px; + cursor: pointer; +} + +input[type=submit]:hover { + background-color: palevioletred; +} + +#dropdown{color:gray} +.gray{color:gray} + + + +/*# sourceMappingURL=style.css.map */